CHANGELOG.md

+## [1.0.19](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.18...v1.0.19) (2023-03-31)
+
+
+### Bug Fixes
+
+* 修复标签页下的表格隐藏后再次打开出现空白的错误 ([8bc11d7](http://git.leadwaycloud.com/package/lwc-ui-components/commits/8bc11d73ee1091085f95b4621b7819685b8a0e39))
+
+
+
 ## [1.0.18](http://git.leadwaycloud.com/package/lwc-ui-components/compare/v1.0.17...v1.0.18) (2023-02-27)
 
 

package.json

 {
   "name": "@package/lwc-ui-components",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "private": false,
   "description": "立威云UI组件库",
   "author": "",

src/__mock__/template/list.js

+export default {
+	props: {
+		data: {
+			type: Array,
+			default: () => []
+		}
+	},
+	render(h) {
+		return h("lwc-table-basic", {
+            attrs: this.$attrs,
+			props: {
+				gridConfig: {
+                    height: "300",
+                    // "sync-resize": _this.tabValue,
+                    columns: [
+                        { type: "checkbox", width: 60 },
+                        { field: "id", title: "ID" },
+                        { field: "version", title: "版本" },
+                        { field: "description", title: "描述" },
+                    ],
+                    printConfig: {},
+                    importConfig: {},
+                    exportConfig: {},
+                    formConfig: null,
+                    "auto-resize": true,
+                    pagerConfig: {
+                        pageSize: 10,
+                        border: true,
+                    },
+                    toolbarConfig: null,
+                    proxyConfig: {
+                        props: {
+                            result: "pageList", // 配置响应结果列表字段
+                            total: "totalPage", // 配置响应结果总页数字段
+                        },
+                        ajax: {
+                            // 接收 Promise 对象
+                            query: async ({ page, sorts, filters, $grid }, form = {}) => {
+                                console.log('query load data')
+                                let list = []
+                                for(let i = 0; i< 200; i++) {
+                                    list.push({
+                                        id: i + 1,
+                                        version: "2.2.0",
+                                        description: "正式版本 xxxxx",
+                                        active: true,
+                                    })
+                                }
+                                return {
+                                    pageList: list,
+                                    totalPage: 0,
+                                };
+                            },
+                        },
+                    },
+                }
+			}
+		});
+	}
+};

src/index.js

@@ -209,7 +209,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '1.0.16',
+  version: '1.0.20',
   install,
   LwcBasicButton,
   LwcBasicButtonIcon,

src/stories/changelog.stories.mdx

@@ -8,6 +8,13 @@
 `新特性`
 `非兼容性更新`
 
+---
+### **v1.0.20 20230331**
+
+#### Bug修复
+
+- 修复 lwc-dialog-basic 组件 在标签页下其他组件中时的切换隐藏后再次出现时显示白屏的错误
+
 ---
 ### **v1.0.19 20230331**
 

src/stories/data-display/tabs/index.stories.js

 import LwcDataDisplayTabs from "./src/index.js";
 import BarcodeTpl from "../../../__mock__/template/barcode.vue";
+import List from "../../../__mock__/template/list.js";
 
 export default {
 	title: "Design System/Data Display/标签页",
@@ -9,6 +10,16 @@ export default {
 	},
 	decorators: [() => ({ template: '<el-col class="bg-white p-4"><story/></el-col>' })],
 };
+
+let listData = []
+for(let i = 0; i< 200; i++) {
+	listData.push({
+		id: i + 1,
+		code: "2.2.0",
+		name: "正式版本 xxxxx",
+		active: true,
+	})
+}
 const Template = (args, { argTypes }) => ({
 	props: Object.keys(argTypes),
 	components: { LwcDataDisplayTabs },
@@ -108,6 +119,17 @@ const Template = (args, { argTypes }) => ({
 							},
 						],
 					},
+					{
+						label: "跟进记录name",
+						name: "list",
+						// lazy: true,
+						content: [{
+							name: List,
+							props: {
+								data: listData
+							}
+						}]
+					},
 					{
 						label: "跟进记录",
 						name: "1",

src/stories/data-display/tabs/src/index.js

@@ -7,10 +7,14 @@ import renderHoc from '../../../../renders/hoc';
 function renderItemContent(h, _vm, content, name) {
 	let els = [];
 	content.forEach((i) => {
-		if(i.name === 'lwc-table-basic') {
-			_vm.$set(i.props, "tabValue", _vm.tabValue === name)
-		}
-		els.push(renderHoc(h, _vm, i));
+		const { attrs, ...other } = i
+		els.push(renderHoc(h, _vm, {
+			...other,
+			attrs: {
+				...attrs,
+				tabValue: _vm.tabValue === name
+			}
+		}));
 	})
 	return els;
 }
@@ -65,6 +69,6 @@ export default {
 					this.tabValue = value.name
 				}
 			}
-		}, renderTabItem(h, this, items));
+		}, [...renderTabItem(h, this, items)]);
 	}
 }

src/stories/table/basic/src/index.js

@@ -372,10 +372,10 @@ export default {
 			type: Object,
 			default: () => { return {} }
 		},
-		tabValue: {
-			type: Boolean,
-			default: false
-		},
+		// tabValue: {
+		// 	type: Boolean,
+		// 	default: false
+		// },
 		page: {
 			type: String,
 			default: "page"
@@ -443,7 +443,7 @@ export default {
 		}
 	},
 	watch: {
-		tabValue(value) {
+		"$attrs.tabValue"(value) {
 			if(value) {
 				if(this.$refs[this.gridTable]) {
 					const tableGrid = this.$refs[this.gridTable]