web-component-gallery 1.1.43 → 1.1.44

package/dist/amap.umd.js

@@ -8679,7 +8679,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/table/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\nconst IconFont = ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createFromIconfontCN({\n  scriptUrl: '//at.alicdn.com/t/c/font_4640977_auv55jur50b.js'\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  components: {\n    Table: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  name: 'uTable',\n  data() {\n    return {\n      pagination: {\n        total: 0,\n        size: 10,\n        current: 1\n      },\n      tableScrollBody: 600\n    };\n  },\n  props: {\n    // 紧凑型和宽松型 \n    // relax 宽松型\n    // compact 紧凑型\n    tableStyle: {\n      type: String,\n      default: 'compact'\n    },\n    // compact 紧凑型情况下是否有分割线\n    tableSplit: {\n      type: Boolean,\n      default: true\n    },\n    // 表格数据\n    datas: {\n      type: Array,\n      default: () => []\n    },\n    // 选中数据项\n    selectedRowKeys: {\n      type: Array,\n      default: () => []\n    },\n    // 分页默认值\n    paginationParams: {\n      type: Object,\n      default: () => ({\n        total: 0,\n        size: 10,\n        current: 1\n      })\n    },\n    // 配置分页数据\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '15', '20', '30', '50']\n    }\n  },\n  computed: {\n    setAttrs() {\n      const h = this.$createElement;\n      return {\n        pagination: false,\n        rowKey: (record, i) => record.id ?? `${this.pagination.current}${i}`,\n        rowSelection: {\n          selectedRowKeys: this.selectedRowKeys,\n          onChange: this.onSelectChange\n        },\n        locale: {\n          emptyText: h(\"div\", {\n            \"class\": \"WebComponentTable__List__Empty\"\n          }, [h(IconFont, {\n            \"attrs\": {\n              \"type\": \"icon-zanwushuju\"\n            }\n          }), h(\"span\", [\"\\u6682\\u65E0\\u6570\\u636E\"])])\n        },\n        ...this.$attrs\n      };\n    },\n    tableSize() {\n      return this.tableStyle == 'compact' ? 'middle' : 'default';\n    }\n  },\n  watch: {\n    paginationParams(newValue) {\n      this.pagination = {\n        ...newValue\n      };\n    }\n  },\n  mounted() {\n    this.pagination = {\n      ...this.paginationParams\n    };\n    const scrollTimer = setTimeout(() => {\n      this.getScrollBodyH();\n      clearTimeout(scrollTimer);\n    }, 300);\n    window.addEventListener('resize', () => this.getScrollBodyH());\n    this.removeDomElement();\n  },\n  destroyed() {\n    // window.removeEventListener( 'resize' )\n  },\n  methods: {\n    /** 根据内容高度计算滚动长度 */\n    getScrollBodyH() {\n      this.tableScrollBody = this.$refs.Table.clientHeight - this.$refs.TableHead.offsetHeight - this.$refs.TablePagination.offsetHeight - 16 - this.$refs.TableListTitle.offsetHeight - document.querySelector('.ant-table-thead').offsetHeight - 12;\n      /** 12为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */\n      console.log(this.$refs.Table.clientHeight, this.tableScrollBody, 'tableScrollBody滚动高度');\n    },\n    /** 根据高度判断dom元素是否加载 进行删除 */\n    removeDomElement() {\n      let domElement;\n      this.$refs.Table.querySelectorAll('div').forEach(node => {\n        node.className == 'ant-table-title' && (domElement = node);\n      });\n      !this.$scopedSlots.ATableHead && this.$refs.TableHead.remove();\n      !this.$scopedSlots.ATableTitle && (domElement.style.padding = '0');\n    },\n    onSelectChange(selectedKey, selectedRecord) {\n      this.$emit('selectedRecords', selectedKey, selectedRecord);\n    },\n    paginationChange(current, pageSize) {\n      this.pagination = {\n        ...this.pagination,\n        size: pageSize,\n        current\n      };\n      this.$emit('pageSizeChange', this.pagination);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/table/index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/table/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\nconst IconFont = ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createFromIconfontCN({\n  scriptUrl: '//at.alicdn.com/t/c/font_4640977_auv55jur50b.js'\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  components: {\n    Table: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  name: 'uTable',\n  data() {\n    return {\n      pagination: {\n        total: 0,\n        size: 10,\n        current: 1\n      },\n      tableScrollBody: 600\n    };\n  },\n  props: {\n    // 紧凑型和宽松型 \n    // relax 宽松型\n    // compact 紧凑型\n    tableStyle: {\n      type: String,\n      default: 'compact'\n    },\n    // compact 紧凑型情况下是否有分割线\n    tableSplit: {\n      type: Boolean,\n      default: true\n    },\n    // 表格数据\n    datas: {\n      type: Array,\n      default: () => []\n    },\n    // 选中数据项\n    selectedRowKeys: {\n      type: Array,\n      default: () => []\n    },\n    // 分页默认值\n    paginationParams: {\n      type: Object,\n      default: () => ({\n        total: 0,\n        size: 10,\n        current: 1\n      })\n    },\n    // 配置分页数据\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '15', '20', '30', '50']\n    }\n  },\n  computed: {\n    setAttrs() {\n      const h = this.$createElement;\n      return {\n        pagination: false,\n        rowKey: (record, i) => record.id ?? `${this.pagination.current}${i}`,\n        rowSelection: {\n          selectedRowKeys: this.selectedRowKeys,\n          onChange: this.onSelectChange\n        },\n        locale: {\n          emptyText: h(\"div\", {\n            \"class\": \"WebComponentTable__List__Empty\"\n          }, [h(IconFont, {\n            \"attrs\": {\n              \"type\": \"icon-zanwushuju\"\n            }\n          }), h(\"span\", [\"\\u6682\\u65E0\\u6570\\u636E\"])])\n        },\n        ...this.$attrs\n      };\n    },\n    tableSize() {\n      return this.tableStyle == 'compact' ? 'middle' : 'default';\n    }\n  },\n  watch: {\n    paginationParams(newValue) {\n      this.pagination = {\n        ...newValue\n      };\n    }\n  },\n  mounted() {\n    this.pagination = {\n      ...this.paginationParams\n    };\n    const scrollTimer = setTimeout(() => {\n      this.getScrollBodyH();\n      clearTimeout(scrollTimer);\n    }, 300);\n    window.addEventListener('resize', () => this.getScrollBodyH());\n    this.removeDomElement();\n  },\n  destroyed() {\n    // window.removeEventListener( 'resize' )\n  },\n  methods: {\n    /** 根据内容高度计算滚动长度 */\n    getScrollBodyH() {\n      this.tableScrollBody = this.$refs.Table.clientHeight - this.$refs.TableHead.offsetHeight - this.$refs.TablePagination.offsetHeight - 16 - this.$refs.TableListTitle.offsetHeight - document.querySelector('.ant-table-thead').offsetHeight - 20;\n      /** 20为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */\n      console.log(this.$refs.Table.clientHeight, this.tableScrollBody, 'tableScrollBody滚动高度');\n    },\n    /** 根据高度判断dom元素是否加载 进行删除 */\n    removeDomElement() {\n      let domElement;\n      this.$refs.Table.querySelectorAll('div').forEach(node => {\n        node.className == 'ant-table-title' && (domElement = node);\n      });\n      !this.$scopedSlots.ATableHead && this.$refs.TableHead.remove();\n      !this.$scopedSlots.ATableTitle && (domElement.style.padding = '0');\n    },\n    onSelectChange(selectedKey, selectedRecord) {\n      this.$emit('selectedRecords', selectedKey, selectedRecord);\n    },\n    paginationChange(current, pageSize) {\n      this.pagination = {\n        ...this.pagination,\n        size: pageSize,\n        current\n      };\n      this.$emit('pageSizeChange', this.pagination);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/table/index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 

package/dist/index.umd.js

@@ -8679,7 +8679,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/table/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\nconst IconFont = ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createFromIconfontCN({\n  scriptUrl: '//at.alicdn.com/t/c/font_4640977_auv55jur50b.js'\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  components: {\n    Table: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  name: 'uTable',\n  data() {\n    return {\n      pagination: {\n        total: 0,\n        size: 10,\n        current: 1\n      },\n      tableScrollBody: 600\n    };\n  },\n  props: {\n    // 紧凑型和宽松型 \n    // relax 宽松型\n    // compact 紧凑型\n    tableStyle: {\n      type: String,\n      default: 'compact'\n    },\n    // compact 紧凑型情况下是否有分割线\n    tableSplit: {\n      type: Boolean,\n      default: true\n    },\n    // 表格数据\n    datas: {\n      type: Array,\n      default: () => []\n    },\n    // 选中数据项\n    selectedRowKeys: {\n      type: Array,\n      default: () => []\n    },\n    // 分页默认值\n    paginationParams: {\n      type: Object,\n      default: () => ({\n        total: 0,\n        size: 10,\n        current: 1\n      })\n    },\n    // 配置分页数据\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '15', '20', '30', '50']\n    }\n  },\n  computed: {\n    setAttrs() {\n      const h = this.$createElement;\n      return {\n        pagination: false,\n        rowKey: (record, i) => record.id ?? `${this.pagination.current}${i}`,\n        rowSelection: {\n          selectedRowKeys: this.selectedRowKeys,\n          onChange: this.onSelectChange\n        },\n        locale: {\n          emptyText: h(\"div\", {\n            \"class\": \"WebComponentTable__List__Empty\"\n          }, [h(IconFont, {\n            \"attrs\": {\n              \"type\": \"icon-zanwushuju\"\n            }\n          }), h(\"span\", [\"\\u6682\\u65E0\\u6570\\u636E\"])])\n        },\n        ...this.$attrs\n      };\n    },\n    tableSize() {\n      return this.tableStyle == 'compact' ? 'middle' : 'default';\n    }\n  },\n  watch: {\n    paginationParams(newValue) {\n      this.pagination = {\n        ...newValue\n      };\n    }\n  },\n  mounted() {\n    this.pagination = {\n      ...this.paginationParams\n    };\n    const scrollTimer = setTimeout(() => {\n      this.getScrollBodyH();\n      clearTimeout(scrollTimer);\n    }, 300);\n    window.addEventListener('resize', () => this.getScrollBodyH());\n    this.removeDomElement();\n  },\n  destroyed() {\n    // window.removeEventListener( 'resize' )\n  },\n  methods: {\n    /** 根据内容高度计算滚动长度 */\n    getScrollBodyH() {\n      this.tableScrollBody = this.$refs.Table.clientHeight - this.$refs.TableHead.offsetHeight - this.$refs.TablePagination.offsetHeight - 16 - this.$refs.TableListTitle.offsetHeight - document.querySelector('.ant-table-thead').offsetHeight - 12;\n      /** 12为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */\n      console.log(this.$refs.Table.clientHeight, this.tableScrollBody, 'tableScrollBody滚动高度');\n    },\n    /** 根据高度判断dom元素是否加载 进行删除 */\n    removeDomElement() {\n      let domElement;\n      this.$refs.Table.querySelectorAll('div').forEach(node => {\n        node.className == 'ant-table-title' && (domElement = node);\n      });\n      !this.$scopedSlots.ATableHead && this.$refs.TableHead.remove();\n      !this.$scopedSlots.ATableTitle && (domElement.style.padding = '0');\n    },\n    onSelectChange(selectedKey, selectedRecord) {\n      this.$emit('selectedRecords', selectedKey, selectedRecord);\n    },\n    paginationChange(current, pageSize) {\n      this.pagination = {\n        ...this.pagination,\n        size: pageSize,\n        current\n      };\n      this.$emit('pageSizeChange', this.pagination);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/table/index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/table/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\nconst IconFont = ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createFromIconfontCN({\n  scriptUrl: '//at.alicdn.com/t/c/font_4640977_auv55jur50b.js'\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  components: {\n    Table: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  name: 'uTable',\n  data() {\n    return {\n      pagination: {\n        total: 0,\n        size: 10,\n        current: 1\n      },\n      tableScrollBody: 600\n    };\n  },\n  props: {\n    // 紧凑型和宽松型 \n    // relax 宽松型\n    // compact 紧凑型\n    tableStyle: {\n      type: String,\n      default: 'compact'\n    },\n    // compact 紧凑型情况下是否有分割线\n    tableSplit: {\n      type: Boolean,\n      default: true\n    },\n    // 表格数据\n    datas: {\n      type: Array,\n      default: () => []\n    },\n    // 选中数据项\n    selectedRowKeys: {\n      type: Array,\n      default: () => []\n    },\n    // 分页默认值\n    paginationParams: {\n      type: Object,\n      default: () => ({\n        total: 0,\n        size: 10,\n        current: 1\n      })\n    },\n    // 配置分页数据\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '15', '20', '30', '50']\n    }\n  },\n  computed: {\n    setAttrs() {\n      const h = this.$createElement;\n      return {\n        pagination: false,\n        rowKey: (record, i) => record.id ?? `${this.pagination.current}${i}`,\n        rowSelection: {\n          selectedRowKeys: this.selectedRowKeys,\n          onChange: this.onSelectChange\n        },\n        locale: {\n          emptyText: h(\"div\", {\n            \"class\": \"WebComponentTable__List__Empty\"\n          }, [h(IconFont, {\n            \"attrs\": {\n              \"type\": \"icon-zanwushuju\"\n            }\n          }), h(\"span\", [\"\\u6682\\u65E0\\u6570\\u636E\"])])\n        },\n        ...this.$attrs\n      };\n    },\n    tableSize() {\n      return this.tableStyle == 'compact' ? 'middle' : 'default';\n    }\n  },\n  watch: {\n    paginationParams(newValue) {\n      this.pagination = {\n        ...newValue\n      };\n    }\n  },\n  mounted() {\n    this.pagination = {\n      ...this.paginationParams\n    };\n    const scrollTimer = setTimeout(() => {\n      this.getScrollBodyH();\n      clearTimeout(scrollTimer);\n    }, 300);\n    window.addEventListener('resize', () => this.getScrollBodyH());\n    this.removeDomElement();\n  },\n  destroyed() {\n    // window.removeEventListener( 'resize' )\n  },\n  methods: {\n    /** 根据内容高度计算滚动长度 */\n    getScrollBodyH() {\n      this.tableScrollBody = this.$refs.Table.clientHeight - this.$refs.TableHead.offsetHeight - this.$refs.TablePagination.offsetHeight - 16 - this.$refs.TableListTitle.offsetHeight - document.querySelector('.ant-table-thead').offsetHeight - 20;\n      /** 20为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */\n      console.log(this.$refs.Table.clientHeight, this.tableScrollBody, 'tableScrollBody滚动高度');\n    },\n    /** 根据高度判断dom元素是否加载 进行删除 */\n    removeDomElement() {\n      let domElement;\n      this.$refs.Table.querySelectorAll('div').forEach(node => {\n        node.className == 'ant-table-title' && (domElement = node);\n      });\n      !this.$scopedSlots.ATableHead && this.$refs.TableHead.remove();\n      !this.$scopedSlots.ATableTitle && (domElement.style.padding = '0');\n    },\n    onSelectChange(selectedKey, selectedRecord) {\n      this.$emit('selectedRecords', selectedKey, selectedRecord);\n    },\n    paginationChange(current, pageSize) {\n      this.pagination = {\n        ...this.pagination,\n        size: pageSize,\n        current\n      };\n      this.$emit('pageSizeChange', this.pagination);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/table/index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 

package/dist/table.umd.js

@@ -4347,7 +4347,7 @@ eval("//\n\nmodule.exports = function shallowEqual(objA, objB, compare, compareC
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/table/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\nconst IconFont = ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createFromIconfontCN({\n  scriptUrl: '//at.alicdn.com/t/c/font_4640977_auv55jur50b.js'\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  components: {\n    Table: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  name: 'uTable',\n  data() {\n    return {\n      pagination: {\n        total: 0,\n        size: 10,\n        current: 1\n      },\n      tableScrollBody: 600\n    };\n  },\n  props: {\n    // 紧凑型和宽松型 \n    // relax 宽松型\n    // compact 紧凑型\n    tableStyle: {\n      type: String,\n      default: 'compact'\n    },\n    // compact 紧凑型情况下是否有分割线\n    tableSplit: {\n      type: Boolean,\n      default: true\n    },\n    // 表格数据\n    datas: {\n      type: Array,\n      default: () => []\n    },\n    // 选中数据项\n    selectedRowKeys: {\n      type: Array,\n      default: () => []\n    },\n    // 分页默认值\n    paginationParams: {\n      type: Object,\n      default: () => ({\n        total: 0,\n        size: 10,\n        current: 1\n      })\n    },\n    // 配置分页数据\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '15', '20', '30', '50']\n    }\n  },\n  computed: {\n    setAttrs() {\n      const h = this.$createElement;\n      return {\n        pagination: false,\n        rowKey: (record, i) => record.id ?? `${this.pagination.current}${i}`,\n        rowSelection: {\n          selectedRowKeys: this.selectedRowKeys,\n          onChange: this.onSelectChange\n        },\n        locale: {\n          emptyText: h(\"div\", {\n            \"class\": \"WebComponentTable__List__Empty\"\n          }, [h(IconFont, {\n            \"attrs\": {\n              \"type\": \"icon-zanwushuju\"\n            }\n          }), h(\"span\", [\"\\u6682\\u65E0\\u6570\\u636E\"])])\n        },\n        ...this.$attrs\n      };\n    },\n    tableSize() {\n      return this.tableStyle == 'compact' ? 'middle' : 'default';\n    }\n  },\n  watch: {\n    paginationParams(newValue) {\n      this.pagination = {\n        ...newValue\n      };\n    }\n  },\n  mounted() {\n    this.pagination = {\n      ...this.paginationParams\n    };\n    const scrollTimer = setTimeout(() => {\n      this.getScrollBodyH();\n      clearTimeout(scrollTimer);\n    }, 300);\n    window.addEventListener('resize', () => this.getScrollBodyH());\n    this.removeDomElement();\n  },\n  destroyed() {\n    // window.removeEventListener( 'resize' )\n  },\n  methods: {\n    /** 根据内容高度计算滚动长度 */\n    getScrollBodyH() {\n      this.tableScrollBody = this.$refs.Table.clientHeight - this.$refs.TableHead.offsetHeight - this.$refs.TablePagination.offsetHeight - 16 - this.$refs.TableListTitle.offsetHeight - document.querySelector('.ant-table-thead').offsetHeight - 12;\n      /** 12为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */\n      console.log(this.$refs.Table.clientHeight, this.tableScrollBody, 'tableScrollBody滚动高度');\n    },\n    /** 根据高度判断dom元素是否加载 进行删除 */\n    removeDomElement() {\n      let domElement;\n      this.$refs.Table.querySelectorAll('div').forEach(node => {\n        node.className == 'ant-table-title' && (domElement = node);\n      });\n      !this.$scopedSlots.ATableHead && this.$refs.TableHead.remove();\n      !this.$scopedSlots.ATableTitle && (domElement.style.padding = '0');\n    },\n    onSelectChange(selectedKey, selectedRecord) {\n      this.$emit('selectedRecords', selectedKey, selectedRecord);\n    },\n    paginationChange(current, pageSize) {\n      this.pagination = {\n        ...this.pagination,\n        size: pageSize,\n        current\n      };\n      this.$emit('pageSizeChange', this.pagination);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/table/index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/table/index.js\");\n/* harmony import */ var ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es */ \"./node_modules/ant-design-vue/es/pagination/index.js\");\n\nconst IconFont = ant_design_vue_es__WEBPACK_IMPORTED_MODULE_0__[\"default\"].createFromIconfontCN({\n  scriptUrl: '//at.alicdn.com/t/c/font_4640977_auv55jur50b.js'\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  components: {\n    Table: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    Pagination: ant_design_vue_es__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  name: 'uTable',\n  data() {\n    return {\n      pagination: {\n        total: 0,\n        size: 10,\n        current: 1\n      },\n      tableScrollBody: 600\n    };\n  },\n  props: {\n    // 紧凑型和宽松型 \n    // relax 宽松型\n    // compact 紧凑型\n    tableStyle: {\n      type: String,\n      default: 'compact'\n    },\n    // compact 紧凑型情况下是否有分割线\n    tableSplit: {\n      type: Boolean,\n      default: true\n    },\n    // 表格数据\n    datas: {\n      type: Array,\n      default: () => []\n    },\n    // 选中数据项\n    selectedRowKeys: {\n      type: Array,\n      default: () => []\n    },\n    // 分页默认值\n    paginationParams: {\n      type: Object,\n      default: () => ({\n        total: 0,\n        size: 10,\n        current: 1\n      })\n    },\n    // 配置分页数据\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '15', '20', '30', '50']\n    }\n  },\n  computed: {\n    setAttrs() {\n      const h = this.$createElement;\n      return {\n        pagination: false,\n        rowKey: (record, i) => record.id ?? `${this.pagination.current}${i}`,\n        rowSelection: {\n          selectedRowKeys: this.selectedRowKeys,\n          onChange: this.onSelectChange\n        },\n        locale: {\n          emptyText: h(\"div\", {\n            \"class\": \"WebComponentTable__List__Empty\"\n          }, [h(IconFont, {\n            \"attrs\": {\n              \"type\": \"icon-zanwushuju\"\n            }\n          }), h(\"span\", [\"\\u6682\\u65E0\\u6570\\u636E\"])])\n        },\n        ...this.$attrs\n      };\n    },\n    tableSize() {\n      return this.tableStyle == 'compact' ? 'middle' : 'default';\n    }\n  },\n  watch: {\n    paginationParams(newValue) {\n      this.pagination = {\n        ...newValue\n      };\n    }\n  },\n  mounted() {\n    this.pagination = {\n      ...this.paginationParams\n    };\n    const scrollTimer = setTimeout(() => {\n      this.getScrollBodyH();\n      clearTimeout(scrollTimer);\n    }, 300);\n    window.addEventListener('resize', () => this.getScrollBodyH());\n    this.removeDomElement();\n  },\n  destroyed() {\n    // window.removeEventListener( 'resize' )\n  },\n  methods: {\n    /** 根据内容高度计算滚动长度 */\n    getScrollBodyH() {\n      this.tableScrollBody = this.$refs.Table.clientHeight - this.$refs.TableHead.offsetHeight - this.$refs.TablePagination.offsetHeight - 16 - this.$refs.TableListTitle.offsetHeight - document.querySelector('.ant-table-thead').offsetHeight - 20;\n      /** 20为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */\n      console.log(this.$refs.Table.clientHeight, this.tableScrollBody, 'tableScrollBody滚动高度');\n    },\n    /** 根据高度判断dom元素是否加载 进行删除 */\n    removeDomElement() {\n      let domElement;\n      this.$refs.Table.querySelectorAll('div').forEach(node => {\n        node.className == 'ant-table-title' && (domElement = node);\n      });\n      !this.$scopedSlots.ATableHead && this.$refs.TableHead.remove();\n      !this.$scopedSlots.ATableTitle && (domElement.style.padding = '0');\n    },\n    onSelectChange(selectedKey, selectedRecord) {\n      this.$emit('selectedRecords', selectedKey, selectedRecord);\n    },\n    paginationChange(current, pageSize) {\n      this.pagination = {\n        ...this.pagination,\n        size: pageSize,\n        current\n      };\n      this.$emit('pageSizeChange', this.pagination);\n    }\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/table/index.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 

package/lib/table/index.vue

@@ -158,8 +158,8 @@ export default {
         16 -
         this.$refs.TableListTitle.offsetHeight -
         document.querySelector('.ant-table-thead').offsetHeight -
-        12
-      /** 12为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */
+        20
+      /** 20为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */
       console.log(this.$refs.Table.clientHeight, this.tableScrollBody, 'tableScrollBody滚动高度')
     },
     /** 根据高度判断dom元素是否加载 进行删除 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-component-gallery",
-  "version": "1.1.43",
+  "version": "1.1.44",
   "description": "vue-library-ui组件库",
   "main": "dist/index.umd.js",
   "files": [

package/plugins/lib/table/index.vue

@@ -158,8 +158,8 @@ export default {
         16 -
         this.$refs.TableListTitle.offsetHeight -
         document.querySelector('.ant-table-thead').offsetHeight -
-        12
-      /** 12为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */
+        20
+      /** 20为获取高度时抹掉的小数点后两位的浮动空间(存在叠加多个获取错误的情况) */
       console.log(this.$refs.Table.clientHeight, this.tableScrollBody, 'tableScrollBody滚动高度')
     },
     /** 根据高度判断dom元素是否加载 进行删除 */

package/plugins/utils/Tree.js

@@ -6,154 +6,155 @@ const defaultReplaceFields = {
 }
 
 /**
- * 获取树形结构所有key
- * @param nodes 数组对象
- * @param parent 是否只获取父一层的属性
- * @param replaceFields 自定义属性进行查询
+ * 提取树形结构中的键值集合
+ * @param {Array} nodes 树形数据
+ * @param {boolean} [parent=false] 是否只提取父节点
+ * @param {Object} [replaceFields={}] 字段映射配置
+ * @param {string} [replaceFields.children='children'] 子节点字段名
+ * @param {string} [replaceFields.key='id'] 键名字段名
+ * @returns {Array} 提取的键值数组
  */
-export function getTreeKey(nodes, parent = false, replaceFields = { children: 'children', key: 'id' }) {
-
-  const filterNodes = []
-
-  function generateList(checkNodes) {
-
-    checkNodes.forEach(e => {
-
-      if (!parent) filterNodes.push(e[replaceFields.key])
-      if (e[replaceFields.children]?.length) {
-        if (parent) filterNodes.push(e[replaceFields.key])
-        generateList(e[replaceFields.children], parent, replaceFields)
-      }
-
-    })
+export function getTreeKeys(
+  nodes = [],
+  parent = false,
+  { children = 'children', key = 'id' } = {}
+) {
+  const keys = []
+  
+  function traverse(node) {
+    const shouldCollect = !parent || node[children]?.length
+    if (shouldCollect) keys.push(node[key])
+    
+    if (node[children]?.length) {
+      node[children].forEach(traverse)
+    }
   }
 
-  generateList(nodes, parent, replaceFields)
-
-  return filterNodes
-
+  nodes.forEach(traverse)
+  return keys
 }
 
 
+
 /**
- * 根据树子节点ID过滤出最后一级child
- * @param {array} dataSource 树形结构数据源
- * @param {array} nodeIds 需要过滤的数据集
- * @param {string} hasField 过滤包含属性(默认为children)
- * @param {string} searchField 查找属性(默认为id)
+ * 查找树形结构中符合条件的节点
+ * @param {Array} dataSource 树形数据源
+ * @param {Array} nodeIds 需要查找的节点ID集合
+ * @param {string} [searchField='id'] 节点ID字段名
+ * @param {string} [hasField='children'] 子节点字段名
+ * @returns {Array} 符合条件的节点数组
  */
-
-export function findCheckNodes(dataSource, nodeIds, searchField = 'id', hasField = 'children') {
-  let checkNodes = []
-
-  function traverse(node, nodeIds) {
-
-    if (nodeIds.includes(node[searchField]) && !node.hasOwnProperty(hasField)) {
+export function findCheckNodes(
+  dataSource = [],
+  nodeIds = [],
+  searchField = 'id',
+  hasField = 'children'
+) {
+  const checkNodes = []
+  const idSet = new Set(nodeIds)
+  
+  function traverse(node) {
+    if (idSet.has(node[searchField]) && !(hasField in node)) {
       checkNodes.push(node)
       return true
     }
-
-    node[hasField] && node[hasField].forEach(childNode => {
-      if (traverse(childNode, nodeIds)) return true
-    })
-
+    
+    if (Array.isArray(node[hasField])) {
+      return node[hasField].some(traverse)
+    }
+    
     return false
   }
 
-  for (let i = 0; i < dataSource.length; i++) {
+  dataSource.some(traverse)
+  return checkNodes
+}
 
-    if (traverse(dataSource[i], nodeIds)) {
-      break
-    }
-  }
 
-  return checkNodes;
-}
 
 /**
- * 根据要求拼接树结构字段 ( 比如：后端返回name phone，前端显示要求name后拼接phone
- * @param nodes 数组对象
- * @param fileds 哪些字段需要拼接
- * @param replaceField 拼接后赋值字段
- * @param childNode 子级结点
+ * 拼接树节点指定字段为字符串
+ * @param {Array} nodes 树形数据
+ * @param {Array} fields 需要拼接的字段数组
+ * @param {string} replaceField 拼接后存储的字段名
+ * @param {string} childNode 子节点字段名
+ * @returns {Array} 处理后的树形数据
  */
-export function joinTreeMessage(nodes, fileds, replaceField, childNode) {
-
-  function generateList(checkNodes) {
-
-    checkNodes.forEach(e => {
-
-      e[replaceField] = ''
-
-      fileds.forEach(filed => e[filed] && (e[replaceField] += ` ${e[filed]}`))
-
-      if (e[childNode]?.length) {
-        generateList(e[childNode])
-      }
-
-    })
+export function joinTreeMessage(
+  nodes = [],
+  fields = [],
+  replaceField = 'message',
+  childNode = 'children'
+) {
+  if (!Array.isArray(nodes) || !Array.isArray(fields)) return nodes
+
+  const processNode = (node) => {
+    node[replaceField] = fields
+      .filter(field => node[field])
+      .map(field => node[field])
+      .join(' ')
+
+    if (Array.isArray(node[childNode])) {
+      node[childNode].forEach(processNode)
+    }
   }
 
-  generateList(nodes)
-
+  nodes.forEach(processNode)
   return nodes
-
 }
 
 
 
 /**
- * 根据某个属性查找出整个树结构中匹配相同的数据
- * @param tree 数组对象
- * @param key 需要查找的属性
- * @param replaceFields 树结构对应子级及查找key的属性
- * {
-      children: 'children', // 查找子级字段
-      key: 'id'  // key的字段
-    }
+ * 获取树节点对应数据
+ * @param {Array} tree 树形数据 
+ * @param {string|number} key 目标节点Key
+ * @param {Object} [replaceFields={}] 字段映射配置
  */
-export function filterTreeById(tree, key, replaceFields = { children: 'children', key: 'id' }) {
-  return tree.reduce((acc, node) => {
-    if (node[replaceFields.key] === key) {
-      return [...acc, node]
-    } else if (node[replaceFields.children] && node[replaceFields.children].length > 0) {
-      const filteredChildren = filterTreeById(node[replaceFields.children], key, replaceFields)
-      if (filteredChildren.length > 0) return filteredChildren
+export function filterTreeById(
+  tree,
+  key,
+  { children = 'children', key: idKey = 'id' } = {}
+) {
+  for (const node of tree) {
+    if (node[idKey] === key) return [node]
+    
+    if (node[children]?.length) {
+      const result = filterTreeById(node[children], key, { children, key: idKey })
+      if (result.length) return result
     }
-    return acc
-  }, [])
+  }
+  return []
 }
 
 
 /**
- * 根据最后一级子id获取全部父id
- * @param tree 数组对象
- * @param key 需要查找的属性
- * @param replaceFields 树结构对应子级及查找key的属性
- * {
-      children: 'children', // 查找子级字段
-      key: 'id'  // key的字段
-    }
+ * 获取树节点所有父级路径
+ * @param {Array} tree 树形数据 
+ * @param {string|number} nodeId 目标节点ID
+ * @param {Object} [replaceFields={}] 字段映射配置
+ * @param {boolean} [returnObjects=false] 是否返回完整对象
  */
-export function getAllParents(tree, nodeId, replaceFields = {}) {
-  const { children = 'children', key = 'id' } = replaceFields
-  const toFlatArray = (tree, parentId) => {
-    return tree.reduce((t, _) => {
-      const child = _[children]
-      return [
-        ...t,
-        parentId ? { ..._, parentId } : _,
-        ...(child && child.length ? toFlatArray(child, _[key]) : [])]
-    }, [])
+export function getAllParents(tree, nodeId, { children = 'children', key = 'id' } = {}, returnObjects = false) {
+  if (!tree?.length) return []
+  
+  // 创建节点映射表提升查找性能
+  const nodeMap = new Map()
+  const buildMap = (nodes, parentId) => {
+    nodes.forEach(node => {
+      nodeMap.set(node[key], { ...node, parentId })
+      if (node[children]?.length) buildMap(node[children], node[key])
+    })
   }
-  const getIds = flatArray => {
-    let ids = [nodeId]
-    let child = flatArray.find(_ => _[key] === nodeId)
-    while (child && child.parentId) {
-      ids = [child.parentId, ...ids]
-      child = flatArray.find(_ => _[key] === child.parentId)
-    }
-    return ids
+  buildMap(tree)
+
+  // 回溯构建路径
+  const path = []
+  let current = nodeMap.get(nodeId)
+  while (current) {
+    path.unshift(returnObjects ? current : current[key])
+    current = current.parentId ? nodeMap.get(current.parentId) : null
   }
-  return getIds(toFlatArray(tree))
+
+  return path
 }