web-component-gallery 1.2.30 → 1.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/amap.umd.js +3 -3
  2. package/dist/index.umd.js +3 -3
  3. package/dist/tree.umd.js +3 -3
  4. package/lib/tree/Tree.vue +6 -2
  5. package/lib/tree/style/Tree.less +2 -0
  6. package/package.json +9 -9
  7. package/plugins/lib/tree/Tree.vue +6 -2
  8. package/plugins/lib/tree/style/Tree.less +2 -0
package/dist/amap.umd.js CHANGED
@@ -8483,7 +8483,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
8483
8483
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8484
8484
 
8485
8485
  "use strict";
8486
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var _utils_Tree__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n name: 'TreeTransfer',\n components: {\n Tree: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n InputSearch: ant_design_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"].Search,\n CheckboxGroup: ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"].Group\n },\n props: {\n checkedKeys: {\n // 传递选中的key\n type: Array,\n default: () => []\n },\n checkNodes: {\n // 传递选中的node节点\n type: Array,\n default: () => []\n },\n expandedKeys: {\n // 传递需要展开的key / 默认为全部展开\n type: Array,\n default: () => []\n },\n treeData: {\n type: Array,\n // 传递树形结构数据\n default: () => []\n },\n replaceFields: {\n type: Object,\n default: () => ({\n children: 'children',\n key: 'id',\n title: 'title'\n })\n }\n },\n data() {\n return {\n initTreeData: [],\n // 缓存原始组树结构\n openSearch: false,\n // 是否开启搜索\n innerCheckedKeys: [],\n // 选中的值\n innerExpandedKeys: [] // 展开的值\n };\n },\n watch: {\n checkedKeys: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerCheckedKeys = newValue);\n }\n },\n expandedKeys: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerExpandedKeys = newValue);\n }\n },\n checkNodes: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerCheckedKeys = newValue.map(e => e[this.replaceFields.key]));\n }\n },\n treeData: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n !this.openSearch && (this.initTreeData = [].concat(this.treeData));\n newValue && (this.innerExpandedKeys = this.getTreeAllGroupKey);\n }\n }\n },\n mounted() {\n // 缓存原始组\n this.initTreeData = [].concat(this.treeData);\n this.innerExpandedKeys = this.getTreeAllGroupKey;\n },\n computed: {\n cacheEmitValue() {\n // 缓存响应的值\n return {\n checkedKeys: this.innerCheckedKeys,\n expandedKeys: this.innerExpandedKeys\n };\n },\n getTreeAllKey() {\n // 获取树的所有key\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.getTreeKey)(this.initTreeData);\n },\n getTreeAllGroupKey() {\n // 获取树的所有组key\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.getTreeKey)(this.initTreeData, true, this.replaceFields);\n },\n innerTreeOptions() {\n const {\n key,\n title,\n children\n } = this.replaceFields;\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.findCheckNodes)(this.initTreeData, this.innerCheckedKeys, key, children).filter(e => (e.label = e[title], e.value = e[key]));\n }\n },\n methods: {\n onExpand(expandedKeys) {\n this.innerExpandedKeys = expandedKeys;\n },\n onCheck(checkedKeys, {\n checked,\n checkedNodes,\n node,\n event\n }) {\n const {\n key,\n children\n } = this.replaceFields;\n console.log(checkedKeys, checked, checkedNodes, node.eventKey, event);\n if (!this.openSearch) return this.innerCheckedKeys = checkedKeys;\n checked ? this.innerCheckedKeys = this.innerCheckedKeys.concat((0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.findCheckNodes)(this.initTreeData, checkedKeys, key, children).map(node => node[key])) : this.innerCheckedKeys.splice(this.innerCheckedKeys.findIndex(nodeKey => nodeKey == node.eventKey), 1);\n },\n onChange(checkedKeys) {\n console.log(checkedKeys, 'checkedKeys');\n },\n searchHandle({\n target\n }) {\n this.openSearch = Boolean(target.value);\n this.$emit('SearchTree', target.value);\n }\n }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
8486
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var _utils_Tree__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n name: 'TreeTransfer',\n components: {\n Tree: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n InputSearch: ant_design_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"].Search,\n CheckboxGroup: ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"].Group\n },\n props: {\n /** 是否携带搜索 */\n isHasSearch: {\n type: Boolean,\n default: true\n },\n checkedKeys: {\n // 传递选中的key\n type: Array,\n default: () => []\n },\n checkNodes: {\n // 传递选中的node节点\n type: Array,\n default: () => []\n },\n expandedKeys: {\n // 传递需要展开的key / 默认为全部展开\n type: Array,\n default: () => []\n },\n treeData: {\n type: Array,\n // 传递树形结构数据\n default: () => []\n },\n replaceFields: {\n type: Object,\n default: () => ({\n children: 'children',\n key: 'id',\n title: 'title'\n })\n }\n },\n data() {\n return {\n initTreeData: [],\n // 缓存原始组树结构\n openSearch: false,\n // 是否开启搜索\n innerCheckedKeys: [],\n // 选中的值\n innerExpandedKeys: [] // 展开的值\n };\n },\n watch: {\n checkedKeys: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerCheckedKeys = newValue);\n }\n },\n expandedKeys: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerExpandedKeys = newValue);\n }\n },\n checkNodes: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerCheckedKeys = newValue.map(e => e[this.replaceFields.key]));\n }\n },\n treeData: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n !this.openSearch && (this.initTreeData = [].concat(this.treeData));\n newValue && (this.innerExpandedKeys = this.getTreeAllGroupKey);\n }\n }\n },\n mounted() {\n // 缓存原始组\n this.initTreeData = [].concat(this.treeData);\n this.innerExpandedKeys = this.getTreeAllGroupKey;\n },\n computed: {\n cacheEmitValue() {\n // 缓存响应的值\n return {\n checkedKeys: this.innerCheckedKeys,\n expandedKeys: this.innerExpandedKeys\n };\n },\n getTreeAllKey() {\n // 获取树的所有key\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.getTreeKey)(this.initTreeData);\n },\n getTreeAllGroupKey() {\n // 获取树的所有组key\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.getTreeKey)(this.initTreeData, true, this.replaceFields);\n },\n innerTreeOptions() {\n const {\n key,\n title,\n children\n } = this.replaceFields;\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.findCheckNodes)(this.initTreeData, this.innerCheckedKeys, key, children).filter(e => (e.label = e[title], e.value = e[key]));\n }\n },\n methods: {\n onExpand(expandedKeys) {\n this.innerExpandedKeys = expandedKeys;\n },\n onCheck(checkedKeys, {\n checked,\n checkedNodes,\n node,\n event\n }) {\n const {\n key,\n children\n } = this.replaceFields;\n if (!this.openSearch) return this.innerCheckedKeys = checkedKeys;\n checked ? this.innerCheckedKeys = this.innerCheckedKeys.concat((0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.findCheckNodes)(this.initTreeData, checkedKeys, key, children).map(node => node[key])) : this.innerCheckedKeys.splice(this.innerCheckedKeys.findIndex(nodeKey => nodeKey == node.eventKey), 1);\n },\n onChange(checkedKeys) {\n console.log(checkedKeys, 'checkedKeys');\n },\n searchHandle({\n target\n }) {\n this.openSearch = Boolean(target.value);\n this.$emit('SearchTree', target.value);\n }\n }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
8487
8487
 
8488
8488
  /***/ }),
8489
8489
 
@@ -8648,7 +8648,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
8648
8648
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8649
8649
 
8650
8650
  "use strict";
8651
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"publicTreeCheck\"\n }, [_c(\"div\", {\n staticClass: \"TreeSelect\"\n }, [_vm._t(\"SearchTree\", function () {\n return [_c(\"InputSearch\", {\n attrs: {\n placeholder: \"请输入关键字\"\n },\n on: {\n change: _vm.searchHandle\n }\n })];\n }), _vm._v(\" \"), _c(\"Tree\", _vm._b({\n attrs: {\n checkable: \"\",\n treeData: _vm.treeData,\n replaceFields: _vm.replaceFields,\n expandedKeys: _vm.innerExpandedKeys,\n checkedKeys: _vm.innerCheckedKeys\n },\n on: {\n expand: _vm.onExpand,\n check: _vm.onCheck\n }\n }, \"Tree\", _vm.$attrs, false))], 2), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"TreeReveal\"\n }, [_c(\"div\", {\n staticClass: \"TreeSelectCount\"\n }, [_c(\"span\", [_vm._v(\"已选: \" + _vm._s(_vm.innerTreeOptions.length))]), _vm._v(\" \"), _c(\"span\", {\n staticClass: \"clear\",\n on: {\n click: function ($event) {\n _vm.innerCheckedKeys = [];\n }\n }\n }, [_vm._v(\"清空\")])]), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"TreeListPage\"\n }, [_c(\"CheckboxGroup\", {\n attrs: {\n name: \"checkboxgroup\",\n options: _vm.innerTreeOptions\n },\n on: {\n change: _vm.onChange\n },\n model: {\n value: _vm.innerCheckedKeys,\n callback: function ($$v) {\n _vm.innerCheckedKeys = $$v;\n },\n expression: \"innerCheckedKeys\"\n }\n })], 1)])]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
8651
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"publicTreeCheck\"\n }, [_c(\"div\", {\n staticClass: \"TreeSelect\"\n }, [_vm.isHasSearch ? _vm._t(\"SearchTree\", function () {\n return [_c(\"InputSearch\", {\n attrs: {\n placeholder: \"请输入关键字\"\n },\n on: {\n change: _vm.searchHandle\n }\n })];\n }) : _vm._e(), _vm._v(\" \"), _c(\"Tree\", _vm._b({\n attrs: {\n checkable: \"\",\n treeData: _vm.treeData,\n replaceFields: _vm.replaceFields,\n expandedKeys: _vm.innerExpandedKeys,\n checkedKeys: _vm.innerCheckedKeys\n },\n on: {\n expand: _vm.onExpand,\n check: _vm.onCheck\n }\n }, \"Tree\", _vm.$attrs, false))], 2), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"TreeReveal\"\n }, [_c(\"div\", {\n staticClass: \"TreeSelectCount\"\n }, [_c(\"span\", [_vm._v(\"已选: \" + _vm._s(_vm.innerTreeOptions.length))]), _vm._v(\" \"), _c(\"span\", {\n staticClass: \"clear\",\n on: {\n click: function ($event) {\n _vm.innerCheckedKeys = [];\n }\n }\n }, [_vm._v(\"清空\")])]), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"TreeListPage\"\n }, [_c(\"CheckboxGroup\", {\n attrs: {\n name: \"checkboxgroup\",\n options: _vm.innerTreeOptions\n },\n on: {\n change: _vm.onChange\n },\n model: {\n value: _vm.innerCheckedKeys,\n callback: function ($$v) {\n _vm.innerCheckedKeys = $$v;\n },\n expression: \"innerCheckedKeys\"\n }\n })], 1)])]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
8652
8652
 
8653
8653
  /***/ }),
8654
8654
 
@@ -9285,7 +9285,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
9285
9285
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
9286
9286
 
9287
9287
  "use strict";
9288
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 混入样式 */\\n/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\\n/* stylelint-disable no-duplicate-selectors */\\n/* stylelint-disable */\\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\\n.publicTreeCheck[data-v-45ca0cb8] {\\n display: flex;\\n width: 100%;\\n height: 100%;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8] {\\n flex: 1;\\n padding: 16px 24px;\\n box-sizing: border-box;\\n display: flex;\\n gap: 0;\\n flex-direction: column;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] {\\n border-right: 1px solid #e8e8e8;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount[data-v-45ca0cb8] {\\n display: flex;\\n color: #1890ff;\\n margin-bottom: 16px;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount .clear[data-v-45ca0cb8] {\\n flex: 1;\\n text-align: right;\\n color: #1890ff;\\n cursor: pointer;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n border-radius: 0;\\n background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n border-radius: 0;\\n border-radius: 5px;\\n background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n -webkit-transition: all 0.2s;\\n transition: all 0.2s;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar {\\n width: 6px;\\n height: 6px;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group {\\n width: 100%;\\n display: flex;\\n gap: 0;\\n flex-direction: column;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item {\\n height: 40px;\\n display: flex;\\n align-items: center;\\n margin-right: 0;\\n padding: 0 12px;\\n box-sizing: border-box;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
9288
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 混入样式 */\\n/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\\n/* stylelint-disable no-duplicate-selectors */\\n/* stylelint-disable */\\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\\n.publicTreeCheck[data-v-45ca0cb8] {\\n display: flex;\\n width: 100%;\\n height: 100%;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8] {\\n flex: 1;\\n padding: 16px 24px;\\n box-sizing: border-box;\\n overflow-y: auto;\\n display: flex;\\n gap: 0;\\n flex-direction: column;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n border-radius: 0;\\n background-color: transparent;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n border-radius: 0;\\n border-radius: 5px;\\n background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n -webkit-transition: all 0.2s;\\n transition: all 0.2s;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n background-color: transparent;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8]::-webkit-scrollbar {\\n width: 6px;\\n height: 6px;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] {\\n border-right: 1px solid #e8e8e8;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount[data-v-45ca0cb8] {\\n display: flex;\\n color: #1890ff;\\n margin-bottom: 16px;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount .clear[data-v-45ca0cb8] {\\n flex: 1;\\n text-align: right;\\n color: #1890ff;\\n cursor: pointer;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n border-radius: 0;\\n background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n border-radius: 0;\\n border-radius: 5px;\\n background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n -webkit-transition: all 0.2s;\\n transition: all 0.2s;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar {\\n width: 6px;\\n height: 6px;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group {\\n width: 100%;\\n display: flex;\\n gap: 0;\\n flex-direction: column;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item {\\n height: 40px;\\n display: flex;\\n align-items: center;\\n margin-right: 0;\\n padding: 0 12px;\\n box-sizing: border-box;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
9289
9289
 
9290
9290
  /***/ }),
9291
9291
 
package/dist/index.umd.js CHANGED
@@ -8483,7 +8483,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
8483
8483
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8484
8484
 
8485
8485
  "use strict";
8486
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var _utils_Tree__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n name: 'TreeTransfer',\n components: {\n Tree: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n InputSearch: ant_design_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"].Search,\n CheckboxGroup: ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"].Group\n },\n props: {\n checkedKeys: {\n // 传递选中的key\n type: Array,\n default: () => []\n },\n checkNodes: {\n // 传递选中的node节点\n type: Array,\n default: () => []\n },\n expandedKeys: {\n // 传递需要展开的key / 默认为全部展开\n type: Array,\n default: () => []\n },\n treeData: {\n type: Array,\n // 传递树形结构数据\n default: () => []\n },\n replaceFields: {\n type: Object,\n default: () => ({\n children: 'children',\n key: 'id',\n title: 'title'\n })\n }\n },\n data() {\n return {\n initTreeData: [],\n // 缓存原始组树结构\n openSearch: false,\n // 是否开启搜索\n innerCheckedKeys: [],\n // 选中的值\n innerExpandedKeys: [] // 展开的值\n };\n },\n watch: {\n checkedKeys: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerCheckedKeys = newValue);\n }\n },\n expandedKeys: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerExpandedKeys = newValue);\n }\n },\n checkNodes: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerCheckedKeys = newValue.map(e => e[this.replaceFields.key]));\n }\n },\n treeData: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n !this.openSearch && (this.initTreeData = [].concat(this.treeData));\n newValue && (this.innerExpandedKeys = this.getTreeAllGroupKey);\n }\n }\n },\n mounted() {\n // 缓存原始组\n this.initTreeData = [].concat(this.treeData);\n this.innerExpandedKeys = this.getTreeAllGroupKey;\n },\n computed: {\n cacheEmitValue() {\n // 缓存响应的值\n return {\n checkedKeys: this.innerCheckedKeys,\n expandedKeys: this.innerExpandedKeys\n };\n },\n getTreeAllKey() {\n // 获取树的所有key\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.getTreeKey)(this.initTreeData);\n },\n getTreeAllGroupKey() {\n // 获取树的所有组key\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.getTreeKey)(this.initTreeData, true, this.replaceFields);\n },\n innerTreeOptions() {\n const {\n key,\n title,\n children\n } = this.replaceFields;\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.findCheckNodes)(this.initTreeData, this.innerCheckedKeys, key, children).filter(e => (e.label = e[title], e.value = e[key]));\n }\n },\n methods: {\n onExpand(expandedKeys) {\n this.innerExpandedKeys = expandedKeys;\n },\n onCheck(checkedKeys, {\n checked,\n checkedNodes,\n node,\n event\n }) {\n const {\n key,\n children\n } = this.replaceFields;\n console.log(checkedKeys, checked, checkedNodes, node.eventKey, event);\n if (!this.openSearch) return this.innerCheckedKeys = checkedKeys;\n checked ? this.innerCheckedKeys = this.innerCheckedKeys.concat((0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.findCheckNodes)(this.initTreeData, checkedKeys, key, children).map(node => node[key])) : this.innerCheckedKeys.splice(this.innerCheckedKeys.findIndex(nodeKey => nodeKey == node.eventKey), 1);\n },\n onChange(checkedKeys) {\n console.log(checkedKeys, 'checkedKeys');\n },\n searchHandle({\n target\n }) {\n this.openSearch = Boolean(target.value);\n this.$emit('SearchTree', target.value);\n }\n }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
8486
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var _utils_Tree__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n name: 'TreeTransfer',\n components: {\n Tree: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n InputSearch: ant_design_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"].Search,\n CheckboxGroup: ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"].Group\n },\n props: {\n /** 是否携带搜索 */\n isHasSearch: {\n type: Boolean,\n default: true\n },\n checkedKeys: {\n // 传递选中的key\n type: Array,\n default: () => []\n },\n checkNodes: {\n // 传递选中的node节点\n type: Array,\n default: () => []\n },\n expandedKeys: {\n // 传递需要展开的key / 默认为全部展开\n type: Array,\n default: () => []\n },\n treeData: {\n type: Array,\n // 传递树形结构数据\n default: () => []\n },\n replaceFields: {\n type: Object,\n default: () => ({\n children: 'children',\n key: 'id',\n title: 'title'\n })\n }\n },\n data() {\n return {\n initTreeData: [],\n // 缓存原始组树结构\n openSearch: false,\n // 是否开启搜索\n innerCheckedKeys: [],\n // 选中的值\n innerExpandedKeys: [] // 展开的值\n };\n },\n watch: {\n checkedKeys: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerCheckedKeys = newValue);\n }\n },\n expandedKeys: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerExpandedKeys = newValue);\n }\n },\n checkNodes: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerCheckedKeys = newValue.map(e => e[this.replaceFields.key]));\n }\n },\n treeData: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n !this.openSearch && (this.initTreeData = [].concat(this.treeData));\n newValue && (this.innerExpandedKeys = this.getTreeAllGroupKey);\n }\n }\n },\n mounted() {\n // 缓存原始组\n this.initTreeData = [].concat(this.treeData);\n this.innerExpandedKeys = this.getTreeAllGroupKey;\n },\n computed: {\n cacheEmitValue() {\n // 缓存响应的值\n return {\n checkedKeys: this.innerCheckedKeys,\n expandedKeys: this.innerExpandedKeys\n };\n },\n getTreeAllKey() {\n // 获取树的所有key\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.getTreeKey)(this.initTreeData);\n },\n getTreeAllGroupKey() {\n // 获取树的所有组key\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.getTreeKey)(this.initTreeData, true, this.replaceFields);\n },\n innerTreeOptions() {\n const {\n key,\n title,\n children\n } = this.replaceFields;\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.findCheckNodes)(this.initTreeData, this.innerCheckedKeys, key, children).filter(e => (e.label = e[title], e.value = e[key]));\n }\n },\n methods: {\n onExpand(expandedKeys) {\n this.innerExpandedKeys = expandedKeys;\n },\n onCheck(checkedKeys, {\n checked,\n checkedNodes,\n node,\n event\n }) {\n const {\n key,\n children\n } = this.replaceFields;\n if (!this.openSearch) return this.innerCheckedKeys = checkedKeys;\n checked ? this.innerCheckedKeys = this.innerCheckedKeys.concat((0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.findCheckNodes)(this.initTreeData, checkedKeys, key, children).map(node => node[key])) : this.innerCheckedKeys.splice(this.innerCheckedKeys.findIndex(nodeKey => nodeKey == node.eventKey), 1);\n },\n onChange(checkedKeys) {\n console.log(checkedKeys, 'checkedKeys');\n },\n searchHandle({\n target\n }) {\n this.openSearch = Boolean(target.value);\n this.$emit('SearchTree', target.value);\n }\n }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
8487
8487
 
8488
8488
  /***/ }),
8489
8489
 
@@ -8648,7 +8648,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
8648
8648
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
8649
8649
 
8650
8650
  "use strict";
8651
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"publicTreeCheck\"\n }, [_c(\"div\", {\n staticClass: \"TreeSelect\"\n }, [_vm._t(\"SearchTree\", function () {\n return [_c(\"InputSearch\", {\n attrs: {\n placeholder: \"请输入关键字\"\n },\n on: {\n change: _vm.searchHandle\n }\n })];\n }), _vm._v(\" \"), _c(\"Tree\", _vm._b({\n attrs: {\n checkable: \"\",\n treeData: _vm.treeData,\n replaceFields: _vm.replaceFields,\n expandedKeys: _vm.innerExpandedKeys,\n checkedKeys: _vm.innerCheckedKeys\n },\n on: {\n expand: _vm.onExpand,\n check: _vm.onCheck\n }\n }, \"Tree\", _vm.$attrs, false))], 2), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"TreeReveal\"\n }, [_c(\"div\", {\n staticClass: \"TreeSelectCount\"\n }, [_c(\"span\", [_vm._v(\"已选: \" + _vm._s(_vm.innerTreeOptions.length))]), _vm._v(\" \"), _c(\"span\", {\n staticClass: \"clear\",\n on: {\n click: function ($event) {\n _vm.innerCheckedKeys = [];\n }\n }\n }, [_vm._v(\"清空\")])]), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"TreeListPage\"\n }, [_c(\"CheckboxGroup\", {\n attrs: {\n name: \"checkboxgroup\",\n options: _vm.innerTreeOptions\n },\n on: {\n change: _vm.onChange\n },\n model: {\n value: _vm.innerCheckedKeys,\n callback: function ($$v) {\n _vm.innerCheckedKeys = $$v;\n },\n expression: \"innerCheckedKeys\"\n }\n })], 1)])]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
8651
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"publicTreeCheck\"\n }, [_c(\"div\", {\n staticClass: \"TreeSelect\"\n }, [_vm.isHasSearch ? _vm._t(\"SearchTree\", function () {\n return [_c(\"InputSearch\", {\n attrs: {\n placeholder: \"请输入关键字\"\n },\n on: {\n change: _vm.searchHandle\n }\n })];\n }) : _vm._e(), _vm._v(\" \"), _c(\"Tree\", _vm._b({\n attrs: {\n checkable: \"\",\n treeData: _vm.treeData,\n replaceFields: _vm.replaceFields,\n expandedKeys: _vm.innerExpandedKeys,\n checkedKeys: _vm.innerCheckedKeys\n },\n on: {\n expand: _vm.onExpand,\n check: _vm.onCheck\n }\n }, \"Tree\", _vm.$attrs, false))], 2), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"TreeReveal\"\n }, [_c(\"div\", {\n staticClass: \"TreeSelectCount\"\n }, [_c(\"span\", [_vm._v(\"已选: \" + _vm._s(_vm.innerTreeOptions.length))]), _vm._v(\" \"), _c(\"span\", {\n staticClass: \"clear\",\n on: {\n click: function ($event) {\n _vm.innerCheckedKeys = [];\n }\n }\n }, [_vm._v(\"清空\")])]), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"TreeListPage\"\n }, [_c(\"CheckboxGroup\", {\n attrs: {\n name: \"checkboxgroup\",\n options: _vm.innerTreeOptions\n },\n on: {\n change: _vm.onChange\n },\n model: {\n value: _vm.innerCheckedKeys,\n callback: function ($$v) {\n _vm.innerCheckedKeys = $$v;\n },\n expression: \"innerCheckedKeys\"\n }\n })], 1)])]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
8652
8652
 
8653
8653
  /***/ }),
8654
8654
 
@@ -9285,7 +9285,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
9285
9285
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
9286
9286
 
9287
9287
  "use strict";
9288
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 混入样式 */\\n/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\\n/* stylelint-disable no-duplicate-selectors */\\n/* stylelint-disable */\\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\\n.publicTreeCheck[data-v-45ca0cb8] {\\n display: flex;\\n width: 100%;\\n height: 100%;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8] {\\n flex: 1;\\n padding: 16px 24px;\\n box-sizing: border-box;\\n display: flex;\\n gap: 0;\\n flex-direction: column;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] {\\n border-right: 1px solid #e8e8e8;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount[data-v-45ca0cb8] {\\n display: flex;\\n color: #1890ff;\\n margin-bottom: 16px;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount .clear[data-v-45ca0cb8] {\\n flex: 1;\\n text-align: right;\\n color: #1890ff;\\n cursor: pointer;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n border-radius: 0;\\n background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n border-radius: 0;\\n border-radius: 5px;\\n background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n -webkit-transition: all 0.2s;\\n transition: all 0.2s;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar {\\n width: 6px;\\n height: 6px;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group {\\n width: 100%;\\n display: flex;\\n gap: 0;\\n flex-direction: column;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item {\\n height: 40px;\\n display: flex;\\n align-items: center;\\n margin-right: 0;\\n padding: 0 12px;\\n box-sizing: border-box;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
9288
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 混入样式 */\\n/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\\n/* stylelint-disable no-duplicate-selectors */\\n/* stylelint-disable */\\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\\n.publicTreeCheck[data-v-45ca0cb8] {\\n display: flex;\\n width: 100%;\\n height: 100%;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8] {\\n flex: 1;\\n padding: 16px 24px;\\n box-sizing: border-box;\\n overflow-y: auto;\\n display: flex;\\n gap: 0;\\n flex-direction: column;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n border-radius: 0;\\n background-color: transparent;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n border-radius: 0;\\n border-radius: 5px;\\n background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n -webkit-transition: all 0.2s;\\n transition: all 0.2s;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n background-color: transparent;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8]::-webkit-scrollbar {\\n width: 6px;\\n height: 6px;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] {\\n border-right: 1px solid #e8e8e8;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount[data-v-45ca0cb8] {\\n display: flex;\\n color: #1890ff;\\n margin-bottom: 16px;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount .clear[data-v-45ca0cb8] {\\n flex: 1;\\n text-align: right;\\n color: #1890ff;\\n cursor: pointer;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n border-radius: 0;\\n background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n border-radius: 0;\\n border-radius: 5px;\\n background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n -webkit-transition: all 0.2s;\\n transition: all 0.2s;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar {\\n width: 6px;\\n height: 6px;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group {\\n width: 100%;\\n display: flex;\\n gap: 0;\\n flex-direction: column;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item {\\n height: 40px;\\n display: flex;\\n align-items: center;\\n margin-right: 0;\\n padding: 0 12px;\\n box-sizing: border-box;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
9289
9289
 
9290
9290
  /***/ }),
9291
9291
 
package/dist/tree.umd.js CHANGED
@@ -3302,7 +3302,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
3302
3302
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
3303
3303
 
3304
3304
  "use strict";
3305
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var _utils_Tree__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n name: 'TreeTransfer',\n components: {\n Tree: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n InputSearch: ant_design_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"].Search,\n CheckboxGroup: ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"].Group\n },\n props: {\n checkedKeys: {\n // 传递选中的key\n type: Array,\n default: () => []\n },\n checkNodes: {\n // 传递选中的node节点\n type: Array,\n default: () => []\n },\n expandedKeys: {\n // 传递需要展开的key / 默认为全部展开\n type: Array,\n default: () => []\n },\n treeData: {\n type: Array,\n // 传递树形结构数据\n default: () => []\n },\n replaceFields: {\n type: Object,\n default: () => ({\n children: 'children',\n key: 'id',\n title: 'title'\n })\n }\n },\n data() {\n return {\n initTreeData: [],\n // 缓存原始组树结构\n openSearch: false,\n // 是否开启搜索\n innerCheckedKeys: [],\n // 选中的值\n innerExpandedKeys: [] // 展开的值\n };\n },\n watch: {\n checkedKeys: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerCheckedKeys = newValue);\n }\n },\n expandedKeys: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerExpandedKeys = newValue);\n }\n },\n checkNodes: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerCheckedKeys = newValue.map(e => e[this.replaceFields.key]));\n }\n },\n treeData: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n !this.openSearch && (this.initTreeData = [].concat(this.treeData));\n newValue && (this.innerExpandedKeys = this.getTreeAllGroupKey);\n }\n }\n },\n mounted() {\n // 缓存原始组\n this.initTreeData = [].concat(this.treeData);\n this.innerExpandedKeys = this.getTreeAllGroupKey;\n },\n computed: {\n cacheEmitValue() {\n // 缓存响应的值\n return {\n checkedKeys: this.innerCheckedKeys,\n expandedKeys: this.innerExpandedKeys\n };\n },\n getTreeAllKey() {\n // 获取树的所有key\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.getTreeKey)(this.initTreeData);\n },\n getTreeAllGroupKey() {\n // 获取树的所有组key\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.getTreeKey)(this.initTreeData, true, this.replaceFields);\n },\n innerTreeOptions() {\n const {\n key,\n title,\n children\n } = this.replaceFields;\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.findCheckNodes)(this.initTreeData, this.innerCheckedKeys, key, children).filter(e => (e.label = e[title], e.value = e[key]));\n }\n },\n methods: {\n onExpand(expandedKeys) {\n this.innerExpandedKeys = expandedKeys;\n },\n onCheck(checkedKeys, {\n checked,\n checkedNodes,\n node,\n event\n }) {\n const {\n key,\n children\n } = this.replaceFields;\n console.log(checkedKeys, checked, checkedNodes, node.eventKey, event);\n if (!this.openSearch) return this.innerCheckedKeys = checkedKeys;\n checked ? this.innerCheckedKeys = this.innerCheckedKeys.concat((0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.findCheckNodes)(this.initTreeData, checkedKeys, key, children).map(node => node[key])) : this.innerCheckedKeys.splice(this.innerCheckedKeys.findIndex(nodeKey => nodeKey == node.eventKey), 1);\n },\n onChange(checkedKeys) {\n console.log(checkedKeys, 'checkedKeys');\n },\n searchHandle({\n target\n }) {\n this.openSearch = Boolean(target.value);\n this.$emit('SearchTree', target.value);\n }\n }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
3305
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.filter.js */ \"./node_modules/core-js/modules/es.iterator.filter.js\");\n/* harmony import */ var core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/checkbox/index.js\");\n/* harmony import */ var _utils_Tree__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n name: 'TreeTransfer',\n components: {\n Tree: ant_design_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n InputSearch: ant_design_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"].Search,\n CheckboxGroup: ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"].Group\n },\n props: {\n /** 是否携带搜索 */\n isHasSearch: {\n type: Boolean,\n default: true\n },\n checkedKeys: {\n // 传递选中的key\n type: Array,\n default: () => []\n },\n checkNodes: {\n // 传递选中的node节点\n type: Array,\n default: () => []\n },\n expandedKeys: {\n // 传递需要展开的key / 默认为全部展开\n type: Array,\n default: () => []\n },\n treeData: {\n type: Array,\n // 传递树形结构数据\n default: () => []\n },\n replaceFields: {\n type: Object,\n default: () => ({\n children: 'children',\n key: 'id',\n title: 'title'\n })\n }\n },\n data() {\n return {\n initTreeData: [],\n // 缓存原始组树结构\n openSearch: false,\n // 是否开启搜索\n innerCheckedKeys: [],\n // 选中的值\n innerExpandedKeys: [] // 展开的值\n };\n },\n watch: {\n checkedKeys: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerCheckedKeys = newValue);\n }\n },\n expandedKeys: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerExpandedKeys = newValue);\n }\n },\n checkNodes: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n newValue && (this.innerCheckedKeys = newValue.map(e => e[this.replaceFields.key]));\n }\n },\n treeData: {\n immediate: true,\n deep: true,\n handler(newValue, oldValue) {\n !this.openSearch && (this.initTreeData = [].concat(this.treeData));\n newValue && (this.innerExpandedKeys = this.getTreeAllGroupKey);\n }\n }\n },\n mounted() {\n // 缓存原始组\n this.initTreeData = [].concat(this.treeData);\n this.innerExpandedKeys = this.getTreeAllGroupKey;\n },\n computed: {\n cacheEmitValue() {\n // 缓存响应的值\n return {\n checkedKeys: this.innerCheckedKeys,\n expandedKeys: this.innerExpandedKeys\n };\n },\n getTreeAllKey() {\n // 获取树的所有key\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.getTreeKey)(this.initTreeData);\n },\n getTreeAllGroupKey() {\n // 获取树的所有组key\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.getTreeKey)(this.initTreeData, true, this.replaceFields);\n },\n innerTreeOptions() {\n const {\n key,\n title,\n children\n } = this.replaceFields;\n return (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.findCheckNodes)(this.initTreeData, this.innerCheckedKeys, key, children).filter(e => (e.label = e[title], e.value = e[key]));\n }\n },\n methods: {\n onExpand(expandedKeys) {\n this.innerExpandedKeys = expandedKeys;\n },\n onCheck(checkedKeys, {\n checked,\n checkedNodes,\n node,\n event\n }) {\n const {\n key,\n children\n } = this.replaceFields;\n if (!this.openSearch) return this.innerCheckedKeys = checkedKeys;\n checked ? this.innerCheckedKeys = this.innerCheckedKeys.concat((0,_utils_Tree__WEBPACK_IMPORTED_MODULE_3__.findCheckNodes)(this.initTreeData, checkedKeys, key, children).map(node => node[key])) : this.innerCheckedKeys.splice(this.innerCheckedKeys.findIndex(nodeKey => nodeKey == node.eventKey), 1);\n },\n onChange(checkedKeys) {\n console.log(checkedKeys, 'checkedKeys');\n },\n searchHandle({\n target\n }) {\n this.openSearch = Boolean(target.value);\n this.$emit('SearchTree', target.value);\n }\n }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options");
3306
3306
 
3307
3307
  /***/ }),
3308
3308
 
@@ -3324,7 +3324,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
3324
3324
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
3325
3325
 
3326
3326
  "use strict";
3327
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"publicTreeCheck\"\n }, [_c(\"div\", {\n staticClass: \"TreeSelect\"\n }, [_vm._t(\"SearchTree\", function () {\n return [_c(\"InputSearch\", {\n attrs: {\n placeholder: \"请输入关键字\"\n },\n on: {\n change: _vm.searchHandle\n }\n })];\n }), _vm._v(\" \"), _c(\"Tree\", _vm._b({\n attrs: {\n checkable: \"\",\n treeData: _vm.treeData,\n replaceFields: _vm.replaceFields,\n expandedKeys: _vm.innerExpandedKeys,\n checkedKeys: _vm.innerCheckedKeys\n },\n on: {\n expand: _vm.onExpand,\n check: _vm.onCheck\n }\n }, \"Tree\", _vm.$attrs, false))], 2), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"TreeReveal\"\n }, [_c(\"div\", {\n staticClass: \"TreeSelectCount\"\n }, [_c(\"span\", [_vm._v(\"已选: \" + _vm._s(_vm.innerTreeOptions.length))]), _vm._v(\" \"), _c(\"span\", {\n staticClass: \"clear\",\n on: {\n click: function ($event) {\n _vm.innerCheckedKeys = [];\n }\n }\n }, [_vm._v(\"清空\")])]), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"TreeListPage\"\n }, [_c(\"CheckboxGroup\", {\n attrs: {\n name: \"checkboxgroup\",\n options: _vm.innerTreeOptions\n },\n on: {\n change: _vm.onChange\n },\n model: {\n value: _vm.innerCheckedKeys,\n callback: function ($$v) {\n _vm.innerCheckedKeys = $$v;\n },\n expression: \"innerCheckedKeys\"\n }\n })], 1)])]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
3327
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ render: () => (/* binding */ render),\n/* harmony export */ staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n var _vm = this,\n _c = _vm._self._c;\n return _c(\"div\", {\n staticClass: \"publicTreeCheck\"\n }, [_c(\"div\", {\n staticClass: \"TreeSelect\"\n }, [_vm.isHasSearch ? _vm._t(\"SearchTree\", function () {\n return [_c(\"InputSearch\", {\n attrs: {\n placeholder: \"请输入关键字\"\n },\n on: {\n change: _vm.searchHandle\n }\n })];\n }) : _vm._e(), _vm._v(\" \"), _c(\"Tree\", _vm._b({\n attrs: {\n checkable: \"\",\n treeData: _vm.treeData,\n replaceFields: _vm.replaceFields,\n expandedKeys: _vm.innerExpandedKeys,\n checkedKeys: _vm.innerCheckedKeys\n },\n on: {\n expand: _vm.onExpand,\n check: _vm.onCheck\n }\n }, \"Tree\", _vm.$attrs, false))], 2), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"TreeReveal\"\n }, [_c(\"div\", {\n staticClass: \"TreeSelectCount\"\n }, [_c(\"span\", [_vm._v(\"已选: \" + _vm._s(_vm.innerTreeOptions.length))]), _vm._v(\" \"), _c(\"span\", {\n staticClass: \"clear\",\n on: {\n click: function ($event) {\n _vm.innerCheckedKeys = [];\n }\n }\n }, [_vm._v(\"清空\")])]), _vm._v(\" \"), _c(\"div\", {\n staticClass: \"TreeListPage\"\n }, [_c(\"CheckboxGroup\", {\n attrs: {\n name: \"checkboxgroup\",\n options: _vm.innerTreeOptions\n },\n on: {\n change: _vm.onChange\n },\n model: {\n value: _vm.innerCheckedKeys,\n callback: function ($$v) {\n _vm.innerCheckedKeys = $$v;\n },\n expression: \"innerCheckedKeys\"\n }\n })], 1)])]);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
3328
3328
 
3329
3329
  /***/ }),
3330
3330
 
@@ -3423,7 +3423,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
3423
3423
  /***/ ((module, __webpack_exports__, __webpack_require__) => {
3424
3424
 
3425
3425
  "use strict";
3426
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 混入样式 */\\n/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\\n/* stylelint-disable no-duplicate-selectors */\\n/* stylelint-disable */\\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\\n.publicTreeCheck[data-v-45ca0cb8] {\\n display: flex;\\n width: 100%;\\n height: 100%;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8] {\\n flex: 1;\\n padding: 16px 24px;\\n box-sizing: border-box;\\n display: flex;\\n gap: 0;\\n flex-direction: column;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] {\\n border-right: 1px solid #e8e8e8;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount[data-v-45ca0cb8] {\\n display: flex;\\n color: #1890ff;\\n margin-bottom: 16px;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount .clear[data-v-45ca0cb8] {\\n flex: 1;\\n text-align: right;\\n color: #1890ff;\\n cursor: pointer;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n border-radius: 0;\\n background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n border-radius: 0;\\n border-radius: 5px;\\n background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n -webkit-transition: all 0.2s;\\n transition: all 0.2s;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar {\\n width: 6px;\\n height: 6px;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group {\\n width: 100%;\\n display: flex;\\n gap: 0;\\n flex-direction: column;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item {\\n height: 40px;\\n display: flex;\\n align-items: center;\\n margin-right: 0;\\n padding: 0 12px;\\n box-sizing: border-box;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
3426
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 混入样式 */\\n/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */\\n/* stylelint-disable no-duplicate-selectors */\\n/* stylelint-disable */\\n/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */\\n.publicTreeCheck[data-v-45ca0cb8] {\\n display: flex;\\n width: 100%;\\n height: 100%;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8] {\\n flex: 1;\\n padding: 16px 24px;\\n box-sizing: border-box;\\n overflow-y: auto;\\n display: flex;\\n gap: 0;\\n flex-direction: column;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n border-radius: 0;\\n background-color: transparent;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n border-radius: 0;\\n border-radius: 5px;\\n background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n -webkit-transition: all 0.2s;\\n transition: all 0.2s;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n background-color: transparent;\\n}\\n.publicTreeCheck > div[data-v-45ca0cb8]::-webkit-scrollbar {\\n width: 6px;\\n height: 6px;\\n}\\n.publicTreeCheck .TreeSelect[data-v-45ca0cb8] {\\n border-right: 1px solid #e8e8e8;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount[data-v-45ca0cb8] {\\n display: flex;\\n color: #1890ff;\\n margin-bottom: 16px;\\n}\\n.publicTreeCheck .TreeReveal .TreeSelectCount .clear[data-v-45ca0cb8] {\\n flex: 1;\\n text-align: right;\\n color: #1890ff;\\n cursor: pointer;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-track {\\n border-radius: 0;\\n background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-thumb {\\n border-radius: 0;\\n border-radius: 5px;\\n background-image: -webkit-linear-gradient(270deg, #1890ff 0%, transparent 100%);\\n -webkit-transition: all 0.2s;\\n transition: all 0.2s;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar-corner {\\n background-color: transparent;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8]::-webkit-scrollbar {\\n width: 6px;\\n height: 6px;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group {\\n width: 100%;\\n display: flex;\\n gap: 0;\\n flex-direction: column;\\n}\\n.publicTreeCheck .TreeReveal .TreeListPage[data-v-45ca0cb8] .ant-checkbox-group-item {\\n height: 40px;\\n display: flex;\\n align-items: center;\\n margin-right: 0;\\n padding: 0 12px;\\n box-sizing: border-box;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Tree.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
3427
3427
 
3428
3428
  /***/ }),
3429
3429
 
package/lib/tree/Tree.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div class="publicTreeCheck">
3
3
  <div class="TreeSelect">
4
- <slot name="SearchTree">
4
+ <slot name="SearchTree" v-if="isHasSearch">
5
5
  <InputSearch placeholder="请输入关键字" @change="searchHandle" />
6
6
  </slot>
7
7
 
@@ -48,6 +48,11 @@ export default {
48
48
  CheckboxGroup: Checkbox.Group
49
49
  },
50
50
  props: {
51
+ /** 是否携带搜索 */
52
+ isHasSearch: {
53
+ type: Boolean,
54
+ default: true
55
+ },
51
56
  checkedKeys: {
52
57
  // 传递选中的key
53
58
  type: Array,
@@ -151,7 +156,6 @@ export default {
151
156
  },
152
157
  onCheck(checkedKeys, { checked, checkedNodes, node, event }) {
153
158
  const { key, children } = this.replaceFields
154
- console.log(checkedKeys, checked, checkedNodes, node.eventKey, event)
155
159
  if (!this.openSearch) return (this.innerCheckedKeys = checkedKeys)
156
160
  checked
157
161
  ? (this.innerCheckedKeys = this.innerCheckedKeys.concat(
package/lib/tree/style/Tree.less CHANGED
@@ -10,6 +10,8 @@
10
10
  flex: 1;
11
11
  padding: @padding-md @padding-lg;
12
12
  box-sizing: border-box;
13
+ overflow-y: auto;
14
+ .scrollbarStyle();
13
15
  .flex-layout( column );
14
16
  }
15
17
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "web-component-gallery",
3
- "version": "1.2.30",
3
+ "version": "1.3.2",
4
4
  "description": "基于Vue2的Web Components组件库",
5
5
  "main": "dist/index.umd.js",
6
6
  "files": [
@@ -19,16 +19,15 @@
19
19
  "build:lib": "npm run build:js && npm run build:css"
20
20
  },
21
21
  "peerDependencies": {
22
- "vue": "^2.6.14",
22
+ "@amap/amap-jsapi-loader": "^1.0.1",
23
23
  "ant-design-vue": "1.7.8",
24
- "@amap/amap-jsapi-loader": "^1.0.1"
24
+ "vue": "^2.6.14"
25
25
  },
26
26
  "dependencies": {
27
27
  "dompurify": "^3.2.4",
28
28
  "luxon": "^1.21.3"
29
29
  },
30
30
  "devDependencies": {
31
- "@amap/amap-jsapi-loader": "^1.0.1",
32
31
  "@babel/core": "^7.12.16",
33
32
  "@babel/eslint-parser": "^7.12.16",
34
33
  "@vue/babel-plugin-transform-vue-jsx": "^1.4.0",
@@ -40,8 +39,8 @@
40
39
  "ant-design-vue": "1.7.8",
41
40
  "babel-loader": "^9.1.3",
42
41
  "babel-plugin-import": "^1.13.8",
43
- "css-loader": "^5.2.6",
44
42
  "clean-webpack-plugin": "^4.0.0",
43
+ "css-loader": "^5.2.6",
45
44
  "eslint": "^7.32.0",
46
45
  "eslint-plugin-vue": "^8.0.3",
47
46
  "gulp": "^5.0.0",
@@ -49,18 +48,19 @@
49
48
  "gulp-less": "^5.0.0",
50
49
  "less": "^3.13.1",
51
50
  "less-loader": "^10.0.0",
51
+ "less-plugin-npm-import": "^2.1.0",
52
52
  "mini-css-extract-plugin": "2.4.5",
53
53
  "style-loader": "^3.0.0",
54
+ "style-resources-loader": "^1.5.0",
54
55
  "through2": "^4.0.2",
55
56
  "url-loader": "^4.1.1",
56
57
  "vue": "^2.6.14",
57
- "vuex": "^3.6.2",
58
58
  "vue-cli-plugin-style-resources-loader": "^0.1.5",
59
59
  "vue-loader": "^15.10.1",
60
60
  "vue-template-compiler": "^2.6.14",
61
+ "vuex": "^3.6.2",
61
62
  "webpack-cli": "^5.1.4",
62
- "webpack-merge": "5.0.0",
63
- "style-resources-loader": "^1.5.0"
63
+ "webpack-merge": "5.0.0"
64
64
  },
65
65
  "eslintConfig": {
66
66
  "root": true,
@@ -81,4 +81,4 @@
81
81
  "last 2 versions",
82
82
  "not dead"
83
83
  ]
84
- }
84
+ }
package/plugins/lib/tree/Tree.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div class="publicTreeCheck">
3
3
  <div class="TreeSelect">
4
- <slot name="SearchTree">
4
+ <slot name="SearchTree" v-if="isHasSearch">
5
5
  <InputSearch placeholder="请输入关键字" @change="searchHandle" />
6
6
  </slot>
7
7
 
@@ -48,6 +48,11 @@ export default {
48
48
  CheckboxGroup: Checkbox.Group
49
49
  },
50
50
  props: {
51
+ /** 是否携带搜索 */
52
+ isHasSearch: {
53
+ type: Boolean,
54
+ default: true
55
+ },
51
56
  checkedKeys: {
52
57
  // 传递选中的key
53
58
  type: Array,
@@ -151,7 +156,6 @@ export default {
151
156
  },
152
157
  onCheck(checkedKeys, { checked, checkedNodes, node, event }) {
153
158
  const { key, children } = this.replaceFields
154
- console.log(checkedKeys, checked, checkedNodes, node.eventKey, event)
155
159
  if (!this.openSearch) return (this.innerCheckedKeys = checkedKeys)
156
160
  checked
157
161
  ? (this.innerCheckedKeys = this.innerCheckedKeys.concat(
package/plugins/lib/tree/style/Tree.less CHANGED
@@ -10,6 +10,8 @@
10
10
  flex: 1;
11
11
  padding: @padding-md @padding-lg;
12
12
  box-sizing: border-box;
13
+ overflow-y: auto;
14
+ .scrollbarStyle();
13
15
  .flex-layout( column );
14
16
  }
15
17