ll-plus 2.1.5 → 2.1.6

package/es/packages/components/operate-icon/src/operate-icon.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"operate-icon.vue2.mjs","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.vue"],"sourcesContent":["<template>\n  <div :class=\"operateIconClass\">\n    <!-- 显示的icon -->\n    <ll-icon-base\n      v-for=\"item in showIconList\"\n      v-bind=\"item\"\n      :key=\"item.iconName\"\n      :data=\"data\"\n    />\n    <!-- 下拉提示的icon -->\n    <a-dropdown\n      v-if=\"showDropdown && modalIconList.length\"\n      :overlay-class-name=\"bem.e('dropdown')\"\n      :open=\"dropdownOpen\"\n      @open-change=\"handleDropdownOpenChange\"\n    >\n      <div\n        :class=\"bem.e('dropdown-container')\"\n        @mouseenter=\"handleIconMouseenter\"\n      >\n        <ll-icon-base\n          :is-show-tooltip=\"false\"\n          :is-show-container=\"false\"\n          :icon-type=\"showIconList[0].iconType\"\n          :data=\"data\"\n          icon-name=\"icon-more\"\n        />\n      </div>\n      <template #overlay>\n        <a-menu>\n          <slot>\n            <a-menu-item v-for=\"item in modalIconList\" :key=\"item.iconName\">\n              <ll-icon-base v-bind=\"item\" :data=\"data\" />\n            </a-menu-item>\n          </slot>\n        </a-menu>\n      </template>\n    </a-dropdown>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconProps, operateIconEmits } from './operate-icon'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'LlOperateIcon'\n})\n\n// 2.props/emits\nconst props = defineProps(operateIconProps)\nconst emits = defineEmits(operateIconEmits)\n\n// 3.ref/const\nconst showIconList = ref<IconBaseProps[]>([]) // 显示的icon列表\nconst modalIconList = ref<IconBaseProps[]>([]) // 弹窗的icon列表\nconst dropdownOpen = ref(false) // 下拉菜单的open\nconst defualtList = ref([\n  // 默认的icon列表\n  {\n    iconType: 'primary', // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-edit',\n    tooltipTitle: '编辑',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('edit', e, data)\n    }\n  },\n  {\n    iconType: 'primary', // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-delete',\n    tooltipTitle: '删除',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('delete', e, data)\n    }\n  }\n])\nconst bem = createNamespace('operate-icon')\nconst operateIconClass = computed(() => {\n  const isHasDropdown = props.showDropdown && modalIconList.value.length\n  return `${bem.b()} ${isHasDropdown ? bem.m('has-dropdown') : ''}`\n})\n\n// 4.methods\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n  if (!open) dropdownOpen.value = false\n}\n// icon鼠标悬浮\nconst handleIconMouseenter = () => {\n  dropdownOpen.value = true\n}\n\n// 5.watch\nwatch(\n  () => [props.list, props.showDropdown],\n  (data: any) => {\n    const [newList, showDropdown] = data\n    const list = newList ? newList : defualtList.value\n    const length = list.length\n    if (length >= props.showIconLimit && showDropdown) {\n      showIconList.value = list.slice(\n        0,\n        props.showIconLimit - 1\n      ) as IconBaseProps[]\n      // 默认modal里面要icon后面跟文字\n      modalIconList.value = list\n        .slice(props.showIconLimit - 1)\n        .map((item: any) => ({ ...item, isShowTitle: true }))\n    } else {\n      showIconList.value = list as IconBaseProps[]\n    }\n  },\n  { immediate: true, deep: true }\n)\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"operate-icon.vue2.mjs","sources":["../../../../../../packages/components/operate-icon/src/operate-icon.vue"],"sourcesContent":["<template>\n  <div :class=\"operateIconClass\">\n    <!-- 显示的icon -->\n    <ll-icon-base\n      v-for=\"item in showIconList\"\n      v-bind=\"item\"\n      :key=\"item.iconName\"\n      :data=\"data\"\n    />\n    <!-- 下拉提示的icon -->\n    <a-dropdown\n      v-if=\"showDropdown && modalIconList.length\"\n      :overlay-class-name=\"bem.e('dropdown')\"\n      :open=\"dropdownOpen\"\n      @open-change=\"handleDropdownOpenChange\"\n    >\n      <div\n        :class=\"bem.e('dropdown-container')\"\n        @mouseenter=\"handleIconMouseenter\"\n      >\n        <ll-icon-base\n          :is-show-tooltip=\"false\"\n          :is-show-container=\"showIconList[0].isShowContainer\"\n          :icon-type=\"showIconList[0].iconType\"\n          :data=\"data\"\n          icon-name=\"icon-more\"\n        />\n      </div>\n      <template #overlay>\n        <a-menu>\n          <slot>\n            <a-menu-item v-for=\"item in modalIconList\" :key=\"item.iconName\">\n              <ll-icon-base v-bind=\"item\" :data=\"data\" />\n            </a-menu-item>\n          </slot>\n        </a-menu>\n      </template>\n    </a-dropdown>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconProps, operateIconEmits } from './operate-icon'\n\n// 1.defineOptions\ndefineOptions({\n  name: 'LlOperateIcon'\n})\n\n// 2.props/emits\nconst props = defineProps(operateIconProps)\nconst emits = defineEmits(operateIconEmits)\n\n// 3.ref/const\nconst showIconList = ref<IconBaseProps[]>([]) // 显示的icon列表\nconst modalIconList = ref<IconBaseProps[]>([]) // 弹窗的icon列表\nconst dropdownOpen = ref(false) // 下拉菜单的open\nconst defualtList = ref([\n  // 默认的icon列表\n  {\n    iconType: 'primary', // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-edit',\n    tooltipTitle: '编辑',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('edit', e, data)\n    }\n  },\n  {\n    iconType: 'primary', // default默认为灰色\n    isShowContainer: false, // 是否显示icon容器\n    iconName: 'icon-delete',\n    tooltipTitle: '删除',\n    disabled: props.disabled,\n    onClick: (e: Event, data: any) => {\n      emits('delete', e, data)\n    }\n  }\n])\nconst bem = createNamespace('operate-icon')\nconst operateIconClass = computed(() => {\n  const isHasDropdown = props.showDropdown && modalIconList.value.length\n  return `${bem.b()} ${isHasDropdown ? bem.m('has-dropdown') : ''}`\n})\n\n// 4.methods\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n  if (!open) {\n    dropdownOpen.value = false\n    emits('update:dropdownOpen', false)\n  }\n}\n// icon鼠标悬浮\nconst handleIconMouseenter = () => {\n  dropdownOpen.value = true\n  emits('update:dropdownOpen', true)\n}\n\n// 5.watch\nwatch(\n  () => [props.list, props.showDropdown],\n  (data: any) => {\n    const [newList, showDropdown] = data\n    const list = newList ? newList : defualtList.value\n    const length = list.length\n    if (length >= props.showIconLimit && showDropdown) {\n      showIconList.value = list.slice(\n        0,\n        props.showIconLimit - 1\n      ) as IconBaseProps[]\n      // 默认modal里面要icon后面跟文字\n      modalIconList.value = list\n        .slice(props.showIconLimit - 1)\n        .map((item: any) => ({ ...item, isShowTitle: true }))\n    } else {\n      showIconList.value = list as IconBaseProps[]\n    }\n  },\n  { immediate: true, deep: true }\n)\n</script>\n"],"names":[],"mappings":"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"}

package/es/packages/components/operate-tree/index.mjs

@@ -0,0 +1,10 @@
+import '../../utils/index.mjs';
+import OperateTree from './src/operate-tree.vue.mjs';
+export { OperateTreeEmits, operateTreeEmits, operateTreeProps } from './src/operate-tree.mjs';
+import { withInstall } from '../../utils/with-install.mjs';
+
+"use strict";
+const LlOperateTree = withInstall(OperateTree);
+
+export { LlOperateTree, LlOperateTree as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/operate-tree/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/operate-tree/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport OperateTree from './src/operate-tree.vue'\n\nexport const LlOperateTree = withInstall(OperateTree)\nexport default LlOperateTree\nexport * from './src/operate-tree'\n\n// 把ZIcon组件类型合并带全局组件中 到时候使用时有提示\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlOperateTree: typeof OperateTree\n  }\n}\n"],"names":[],"mappings":";;;;;;AAIa,MAAA,aAAA,GAAgB,YAAY,WAAW;;;;"}

package/es/packages/components/operate-tree/src/operate-tree.mjs

@@ -0,0 +1,47 @@
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/props/runtime.mjs';
+
+"use strict";
+const operateTreeProps = buildProps({
+  /**
+   * @description tree-operate操作栏的下拉菜单是否打开(用于如果展开的话，tree-operate不用隐藏)
+   */
+  operateDropdownOpen: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description tree-list的loading
+   */
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 节流时间
+   */
+  fieldNames: {
+    type: definePropType(Object),
+    default: () => ({ children: "children", title: "title", key: "key" })
+  },
+  /**
+   * @description tree的数据
+   */
+  treeData: {
+    type: definePropType(Array)
+  },
+  /**
+   * @description  tree展开的key
+   */
+  expandedKeys: {
+    type: definePropType(Array)
+  }
+});
+const operateTreeEmits = {
+  expand: (expandedKeys, data) => expandedKeys || data,
+  select: (selectedKeys, e) => selectedKeys || e
+};
+const OperateTreeEmits = typeof operateTreeEmits;
+
+export { OperateTreeEmits, operateTreeEmits, operateTreeProps };
+//# sourceMappingURL=operate-tree.mjs.map

package/es/packages/components/operate-tree/src/operate-tree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"operate-tree.mjs","sources":["../../../../../../packages/components/operate-tree/src/operate-tree.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type OperateTree from './operate-tree.vue'\n\nexport interface IOperateTreeFieldNames {\n  children?: string\n  title?: string\n  key?: string\n}\n\nexport const operateTreeProps = buildProps({\n  /**\n   * @description tree-operate操作栏的下拉菜单是否打开(用于如果展开的话，tree-operate不用隐藏)\n   */\n  operateDropdownOpen: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description tree-list的loading\n   */\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 节流时间\n   */\n  fieldNames: {\n    type: definePropType<IOperateTreeFieldNames>(Object),\n    default: () => ({ children: 'children', title: 'title', key: 'key' })\n  },\n  /**\n   * @description tree的数据\n   */\n  treeData: {\n    type: definePropType<any[]>(Array)\n  },\n  /**\n   * @description  tree展开的key\n   */\n  expandedKeys: {\n    type: definePropType<string[] | number[]>(Array)\n  }\n} as const)\n\nexport const operateTreeEmits = {\n  expand: (expandedKeys: string[], data: any) => expandedKeys || data,\n  select: (selectedKeys: string[], e: Event) => selectedKeys || e\n}\n\n// props\nexport type OperateTreeProps = ExtractPropTypes<typeof operateTreeProps>\n\n// emits\nexport const OperateTreeEmits = typeof operateTreeEmits\n\n// instance\nexport type OperateTreeInstance = InstanceType<typeof OperateTree>\n"],"names":[],"mappings":";;;;AAWO,MAAM,mBAAmB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,eAAuC,MAAM,CAAA;AAAA,IACnD,OAAA,EAAS,OAAO,EAAE,QAAA,EAAU,YAAY,KAAO,EAAA,OAAA,EAAS,KAAK,KAAM,EAAA,CAAA;AAAA,GACrE;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAAsB,KAAK,CAAA;AAAA,GACnC;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAAoC,KAAK,CAAA;AAAA,GACjD;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAQ,EAAA,CAAC,YAAwB,EAAA,IAAA,KAAc,YAAgB,IAAA,IAAA;AAAA,EAC/D,MAAQ,EAAA,CAAC,YAAwB,EAAA,CAAA,KAAa,YAAgB,IAAA,CAAA;AAChE,EAAA;AAMO,MAAM,mBAAmB,OAAO;;;;"}

package/es/packages/components/operate-tree/src/operate-tree.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from './operate-tree.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+"use strict";
+var OperateTree = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "operate-tree.vue"]]);
+
+export { OperateTree as default };
+//# sourceMappingURL=operate-tree.vue.mjs.map

package/es/packages/components/operate-tree/src/operate-tree.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"operate-tree.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es/packages/components/{tree-search/src/components/tree-list.vue2.mjs → operate-tree/src/operate-tree.vue2.mjs}

@@ -1,59 +1,36 @@
-import { defineComponent, ref, useAttrs, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, unref, createCommentVNode, mergeProps, renderSlot, createElementBlock, normalizeProps, guardReactiveProps, toDisplayString, createVNode, createTextVNode } from 'vue';
-import '../../../../utils/index.mjs';
-import '../config/index.mjs';
-import '../../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.4.22/node_modules/@ant-design/icons-vue/es/index.mjs';
-import { treeSelectTreeListProps, treeSelectTreeListEmits } from '../config/tree-list.mjs';
-import { createNamespace } from '../../../../utils/create-namespace.mjs';
-import CaretRightOutlined from '../../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.4.22/node_modules/@ant-design/icons-vue/es/icons/CaretRightOutlined.mjs';
-import CaretDownOutlined from '../../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.4.22/node_modules/@ant-design/icons-vue/es/icons/CaretDownOutlined.mjs';
+import { defineComponent, useAttrs, ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, unref, createCommentVNode, mergeProps, renderSlot, normalizeProps, guardReactiveProps, createElementBlock, toDisplayString, Fragment, createVNode, createTextVNode } from 'vue';
+import '../../../utils/index.mjs';
+import { operateTreeProps, operateTreeEmits } from './operate-tree.mjs';
+import '../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.4.22/node_modules/@ant-design/icons-vue/es/index.mjs';
+import { createNamespace } from '../../../utils/create-namespace.mjs';
+import CaretRightOutlined from '../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.4.22/node_modules/@ant-design/icons-vue/es/icons/CaretRightOutlined.mjs';
+import CaretDownOutlined from '../../../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.4.22/node_modules/@ant-design/icons-vue/es/icons/CaretDownOutlined.mjs';
 
 "use strict";
 var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "LlTreeSelectTreeList" },
-  __name: "tree-list",
-  props: treeSelectTreeListProps,
-  emits: treeSelectTreeListEmits,
+  ...{ name: "LlOperateTree" },
+  __name: "operate-tree",
+  props: operateTreeProps,
+  emits: operateTreeEmits,
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const newExpandedKeys = ref([]);
-    const bem = createNamespace("tree-search");
     const attrs = useAttrs();
-    const getTreeDataKeys = (children) => {
-      const keys = [];
-      const getKeys = (children2) => {
-        if (children2) {
-          children2.forEach((item) => {
-            keys.push(item[props.fieldNames["key"]]);
-            if (item[props.fieldNames["children"]]) {
-              getKeys(item[props.fieldNames["children"]]);
-            }
-          });
-        }
-      };
-      getKeys(children);
-      return keys;
+    const newExpandedKeys = ref([]);
+    const hoverTreeNodeItem = ref();
+    const bem = createNamespace("operate-tree");
+    const handleMouseenter = ({ node }) => {
+      hoverTreeNodeItem.value = node;
     };
-    const expand = (keys, data) => {
-      console.log("gggggg");
-      newExpandedKeys.value = keys;
-      emits("expand", keys, data);
+    const expand = (expandedKeys, data) => {
+      newExpandedKeys.value = expandedKeys;
+      emits("expand", expandedKeys, data);
     };
     const select = (selectedKeys, e) => {
       emits("select", selectedKeys, e);
     };
     watch(
-      () => props.isCollapseMenu,
-      (bool) => {
-        if (bool) {
-          newExpandedKeys.value = getTreeDataKeys(props.treeData);
-        } else {
-          newExpandedKeys.value = [];
-        }
-      }
-    );
-    watch(
-      () => [props.expandedKeys],
+      () => props.expandedKeys,
       (keys) => {
         if (keys) {
           newExpandedKeys.value = keys;
@@ -72,7 +49,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode(
             "div",
             {
-              class: normalizeClass(unref(bem).e("tree-list"))
+              class: normalizeClass(unref(bem).b())
             },
             [
               createCommentVNode(" \u76EE\u5F55tree "),
@@ -83,10 +60,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 "expanded-keys": newExpandedKeys.value,
                 "field-names": _ctx.fieldNames,
                 onExpand: expand,
-                onSelect: select
+                onSelect: select,
+                onMouseenter: handleMouseenter
               }), {
                 switcherIcon: withCtx((slots) => [
-                  renderSlot(_ctx.$slots, "switcherIcon", {}, () => [
+                  renderSlot(_ctx.$slots, "switcherIcon", normalizeProps(guardReactiveProps(slots)), () => [
                     !slots.expanded ? (openBlock(), createBlock(unref(CaretRightOutlined), { key: 0 })) : (openBlock(), createBlock(unref(CaretDownOutlined), { key: 1 }))
                   ])
                 ]),
@@ -94,7 +72,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode(
                     "div",
                     {
-                      class: normalizeClass(unref(bem).e("tree-title"))
+                      class: normalizeClass(unref(bem).e("title"))
                     },
                     [
                       createElementVNode("div", null, [
@@ -103,7 +81,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           "div",
                           {
                             key: 0,
-                            class: normalizeClass(unref(bem).e("tree-icon"))
+                            class: normalizeClass(unref(bem).e("icon"))
                           },
                           [
                             renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps(slots)))
@@ -126,7 +104,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                       createElementVNode(
                         "div",
                         {
-                          class: normalizeClass(unref(bem).e("tree-operate"))
+                          class: normalizeClass(`${unref(bem).e("operate")} ${props.operateDropdownOpen && hoverTreeNodeItem.value[_ctx.fieldNames["key"]] === slots[_ctx.fieldNames["key"]] ? unref(bem).is("open") : unref(bem).is("close")}`)
                         },
                         [
                           renderSlot(_ctx.$slots, "treeOperate", { data: slots })
@@ -141,15 +119,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 3
                 /* FORWARDED */
-              }, 16, ["tree-data", "expanded-keys", "field-names"])) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-                createVNode(_component_ll_empty, null, {
-                  content: withCtx(() => [
-                    createTextVNode("\u6682\u65E0\u6570\u636E")
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })
-              ])
+              }, 16, ["tree-data", "expanded-keys", "field-names"])) : (openBlock(), createElementBlock(
+                Fragment,
+                { key: 1 },
+                [
+                  createCommentVNode(" empty-slots "),
+                  renderSlot(_ctx.$slots, "empty", {}, () => [
+                    createVNode(_component_ll_empty, null, {
+                      content: withCtx(() => [
+                        createTextVNode("\u6682\u65E0\u6570\u636E")
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ])
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              ))
             ],
             2
             /* CLASS */
@@ -163,4 +150,4 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
 });
 
 export { _sfc_main as default };
-//# sourceMappingURL=tree-list.vue2.mjs.map
+//# sourceMappingURL=operate-tree.vue2.mjs.map

package/es/packages/components/operate-tree/src/operate-tree.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"operate-tree.vue2.mjs","sources":["../../../../../../packages/components/operate-tree/src/operate-tree.vue"],"sourcesContent":["<template>\n  <a-spin :spinning=\"loading\">\n    <div :class=\"bem.b()\">\n      <!-- 目录tree -->\n      <a-directory-tree\n        v-if=\"treeData?.length\"\n        v-bind=\"attrs\"\n        :block-node=\"true\"\n        multiple\n        :tree-data=\"treeData\"\n        :expanded-keys=\"newExpandedKeys\"\n        :field-names=\"fieldNames\"\n        @expand=\"expand\"\n        @select=\"select\"\n        @mouseenter=\"handleMouseenter\"\n      >\n        <!-- switcher-icon-slots -->\n        <template #switcherIcon=\"slots\">\n          <slot name=\"switcherIcon\" v-bind=\"slots\">\n            <caret-right-outlined v-if=\"!slots.expanded\" />\n            <caret-down-outlined v-else />\n          </slot>\n        </template>\n        <template #title=\"slots\">\n          <div :class=\"bem.e('title')\">\n            <div>\n              <!-- icon-slots -->\n              <div v-if=\"$slots.icon\" :class=\"bem.e('icon')\">\n                <slot name=\"icon\" v-bind=\"slots\" />\n              </div>\n              <!-- title-slots -->\n              <slot name=\"treeTitle\" v-bind=\"slots\">\n                <span>\n                  {{ slots[fieldNames!['title']!] }}\n                </span>\n              </slot>\n            </div>\n            <!-- operate-slots -->\n            <div\n              :class=\"`${bem.e('operate')} ${\n                props.operateDropdownOpen && hoverTreeNodeItem[fieldNames!['key']!] === slots[fieldNames!['key']!] ? bem.is('open') : bem.is('close')\n              }`\"\n            >\n              <slot name=\"treeOperate\" :data=\"slots\"></slot>\n            </div>\n          </div>\n        </template>\n      </a-directory-tree>\n      <template v-else>\n        <!-- empty-slots -->\n        <slot name=\"empty\">\n          <ll-empty>\n            <template #content>暂无数据</template>\n          </ll-empty>\n        </slot>\n      </template>\n    </div>\n  </a-spin>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { operateTreeProps, operateTreeEmits } from './operate-tree'\n\nimport { CaretRightOutlined, CaretDownOutlined } from '@ant-design/icons-vue'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlOperateTree' })\n\n// 2.props/emits\nconst props = defineProps(operateTreeProps)\nconst emits = defineEmits(operateTreeEmits)\n\n// 3.hooks\nconst attrs = useAttrs()\n\n// 4.ref\nconst newExpandedKeys = ref<string[]>([])\nconst hoverTreeNodeItem = ref() // 鼠标移的node的数据\nconst bem = createNamespace('operate-tree')\n\nconst handleMouseenter = ({ node }) => {\n  hoverTreeNodeItem.value = node\n}\n// 5.methods\n// tree的展开事件\nconst expand = (expandedKeys: string[], data: any) => {\n  newExpandedKeys.value = expandedKeys\n  emits('expand', expandedKeys, data)\n}\n// tree点击树节点触发\nconst select = (selectedKeys: string[], e: Event) => {\n  emits('select', selectedKeys, e)\n}\n\n// 6.watch\n// 如果有数据并且输入框有内容则展开\nwatch(\n  () => props.expandedKeys,\n  keys => {\n    if (keys) {\n      newExpandedKeys.value = keys as string[]\n    }\n  },\n  {\n    deep: true\n  }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAGvB,IAAM,MAAA,eAAA,GAAkB,GAAc,CAAA,EAAE,CAAA,CAAA;AACxC,IAAA,MAAM,oBAAoB,GAAI,EAAA,CAAA;AAC9B,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAE1C,IAAA,MAAM,gBAAmB,GAAA,CAAC,EAAE,IAAA,EAAW,KAAA;AACrC,MAAA,iBAAA,CAAkB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC5B,CAAA;AAGA,IAAM,MAAA,MAAA,GAAS,CAAC,YAAA,EAAwB,IAAc,KAAA;AACpD,MAAA,eAAA,CAAgB,KAAQ,GAAA,YAAA,CAAA;AACxB,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,IAAI,CAAA,CAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,MAAA,GAAS,CAAC,YAAA,EAAwB,CAAa,KAAA;AACnD,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,CAAC,CAAA,CAAA;AAAA,KACjC,CAAA;AAIA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,YAAA;AAAA,MACZ,CAAQ,IAAA,KAAA;AACN,QAAA,IAAI,IAAM,EAAA;AACR,UAAA,eAAA,CAAgB,KAAQ,GAAA,IAAA,CAAA;AAAA,SAC1B;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/tree-search/index.mjs

@@ -4,7 +4,6 @@ import './src/config/index.mjs';
 import { withInstall } from '../../utils/with-install.mjs';
 export { treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps } from './src/config/header-search.mjs';
 export { treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps } from './src/config/directory-title.mjs';
-export { TreeSelectTreeListEmits, treeSelectTreeListEmits, treeSelectTreeListProps } from './src/config/tree-list.mjs';
 export { treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps } from './src/config/tree-search.mjs';
 
 "use strict";

package/es/packages/components/tree-search/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/tree-search/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport TreeSearch from './src/tree-search.vue'\n\nexport const LlTreeSearch = withInstall(TreeSearch)\nexport default LlTreeSearch\nexport * from './src/config'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlTreeSearch: typeof TreeSearch\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;AAIa,MAAA,YAAA,GAAe,YAAY,UAAU;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/tree-search/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport TreeSearch from './src/tree-search.vue'\n\nexport const LlTreeSearch = withInstall(TreeSearch)\nexport default LlTreeSearch\nexport * from './src/config'\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlTreeSearch: typeof TreeSearch\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAIa,MAAA,YAAA,GAAe,YAAY,UAAU;;;;"}

package/es/packages/components/tree-search/src/config/directory-title.mjs

@@ -11,8 +11,7 @@ const treeSelectDirectoryTitleProps = buildProps({
   }
 });
 const treeSelectDirectoryTitleEmits = {
-  collapseMenu: () => {
-  }
+  collapseMenu: () => true
   // 菜单展开/收起
 };
 

package/es/packages/components/tree-search/src/config/directory-title.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"directory-title.mjs","sources":["../../../../../../../packages/components/tree-search/src/config/directory-title.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type DirectoryTitle from '../components/directory-title.vue'\n\nexport const treeSelectDirectoryTitleProps = buildProps({\n  /**\n   * @description 是否收起\n   */\n  isCollapseMenu: {\n    type: Boolean\n  }\n} as const)\n\nexport const treeSelectDirectoryTitleEmits = {\n  collapseMenu: () => {} // 菜单展开/收起\n}\n\n// props\nexport type TreeSelectDirectoryTitleProps = ExtractPropTypes<\n  typeof treeSelectDirectoryTitleProps\n>\n\n// emits\nexport type TreeSelectDirectoryTitleEmits = typeof treeSelectDirectoryTitleEmits\n\n// instance\nexport type TreeSelectDirectoryTitleInstance = InstanceType<\n  typeof DirectoryTitle\n>\n"],"names":[],"mappings":";;;;AAKO,MAAM,gCAAgC,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAItD,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,OAAA;AAAA,GACR;AACF,CAAU,EAAA;AAEH,MAAM,6BAAgC,GAAA;AAAA,EAC3C,cAAc,MAAM;AAAA,GAAC;AAAA;AACvB;;;;"}
+{"version":3,"file":"directory-title.mjs","sources":["../../../../../../../packages/components/tree-search/src/config/directory-title.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type DirectoryTitle from '../components/directory-title.vue'\n\nexport const treeSelectDirectoryTitleProps = buildProps({\n  /**\n   * @description 是否收起\n   */\n  isCollapseMenu: {\n    type: Boolean\n  }\n} as const)\n\nexport const treeSelectDirectoryTitleEmits = {\n  collapseMenu: () => true // 菜单展开/收起\n}\n\n// props\nexport type TreeSelectDirectoryTitleProps = ExtractPropTypes<\n  typeof treeSelectDirectoryTitleProps\n>\n\n// emits\nexport type TreeSelectDirectoryTitleEmits = typeof treeSelectDirectoryTitleEmits\n\n// instance\nexport type TreeSelectDirectoryTitleInstance = InstanceType<\n  typeof DirectoryTitle\n>\n"],"names":[],"mappings":";;;;AAKO,MAAM,gCAAgC,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAItD,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,OAAA;AAAA,GACR;AACF,CAAU,EAAA;AAEH,MAAM,6BAAgC,GAAA;AAAA,EAC3C,cAAc,MAAM,IAAA;AAAA;AACtB;;;;"}

package/es/packages/components/tree-search/src/config/index.mjs

@@ -1,6 +1,5 @@
 export { treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps } from './header-search.mjs';
 export { treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps } from './directory-title.mjs';
-export { TreeSelectTreeListEmits, treeSelectTreeListEmits, treeSelectTreeListProps } from './tree-list.mjs';
 export { treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps } from './tree-search.mjs';
 
 "use strict";

package/es/packages/components/tree-search/src/config/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/packages/components/tree-search/src/config/tree-search.mjs

@@ -83,9 +83,9 @@ const treeSearchEmits = {
   // 弹窗确定按钮事件
   close: () => true,
   // 弹窗的close
-  expand: (expandedKeys, data) => !!expandedKeys && !!data,
+  expand: (expandedKeys, data) => expandedKeys || data,
   // tree的expand
-  select: (selectedKeys, e) => !!selectedKeys && !!e
+  select: (selectedKeys, e) => selectedKeys || e
   // tree的select
 };
 const treeSearchEmits1 = [

package/es/packages/components/tree-search/src/config/tree-search.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree-search.mjs","sources":["../../../../../../../packages/components/tree-search/src/config/tree-search.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport { THROTTLE_TIME } from '@ll-plus/constant'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type TreeSearch from '../tree-search.vue'\nimport { ModalProps, DrawerProps } from '../../../index'\n\nexport const treeSearchOperateWayType = ['modal', 'drawer', 'none'] as const\n\nexport interface ITreeSearchFieldNames {\n  children?: string\n  title?: string\n  key?: string\n}\n\nexport const treeSearchProps = buildProps({\n  /**\n   * @description loading\n   */\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 节流延时\n   */\n  throttleTime: {\n    type: Number,\n    default: THROTTLE_TIME\n  },\n  /**\n   * @description tree的数据\n   */\n  treeData: {\n    type: definePropType<any[]>(Array),\n    default: () => []\n  },\n  /**\n   * @description 替换 treeNode 中 title,key,children 字段为 treeData 中对应的字段\n   */\n  fieldNames: {\n    type: definePropType<ITreeSearchFieldNames>(Object),\n    default: () => ({ children: 'children', title: 'title', key: 'key' })\n  },\n  /**\n   * @description  弹窗是否可见\n   */\n  open: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 新增和编辑显示哪种弹窗（模态框/抽屉/自定义）\n   */\n  operateWay: {\n    type: String,\n    values: treeSearchOperateWayType,\n    default: 'modal'\n  },\n  /**\n   * @description LlModal的组件配置\n   */\n  modalConfigProps: {\n    type: definePropType<ModalProps>(Object)\n  },\n  /**\n   * @description LlDrawer的组件配置\n   */\n  drawerConfigProps: {\n    type: definePropType<DrawerProps>(Object)\n  },\n  /**\n   * @description tree展开的key\n   */\n  expandedKeys: {\n    type: definePropType<string[] | number[]>(Array)\n  },\n  /**\n   * @description 头部搜索change\n   */\n  onSearchInputChange: {\n    type: Function,\n    default: (v: string) => !!v\n  }\n} as const)\n\n// 正确\nexport const treeSearchEmits = {\n  clickAdd: () => true, // 点击头部新增按钮\n  cancel: () => true, // 弹窗取消按钮事件\n  ok: () => true, // 弹窗确定按钮事件\n  close: () => true, // 弹窗的close\n  expand: (expandedKeys, data) => !!expandedKeys && !!data, // tree的expand\n  select: (selectedKeys, e) => !!selectedKeys && !!e // tree的select\n}\n\nexport const treeSearchEmits1 = [\n  'cancel',\n  'cancel',\n  'ok',\n  'close',\n  'expand',\n  'select'\n]\n\n// props\nexport type TreeSearchOperateWayType = typeof treeSearchOperateWayType\nexport type TreeSearchProps = ExtractPropTypes<typeof treeSearchProps>\n\n// emits\nexport type TreeSearchEmits = typeof treeSearchEmits\n\n// instance\nexport type TreeSearchInstance = InstanceType<typeof TreeSearch>\n"],"names":[],"mappings":";;;;;AAOO,MAAM,wBAA2B,GAAA,CAAC,OAAS,EAAA,QAAA,EAAU,MAAM,EAAA;AAQ3D,MAAM,kBAAkB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIxC,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,aAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAAsB,KAAK,CAAA;AAAA,IACjC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,eAAsC,MAAM,CAAA;AAAA,IAClD,OAAA,EAAS,OAAO,EAAE,QAAA,EAAU,YAAY,KAAO,EAAA,OAAA,EAAS,KAAK,KAAM,EAAA,CAAA;AAAA,GACrE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,wBAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,GACzC;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAM,eAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAAoC,KAAK,CAAA;AAAA,GACjD;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,CAAC,CAAc,KAAA,CAAC,CAAC,CAAA;AAAA,GAC5B;AACF,CAAU,EAAA;AAGH,MAAM,eAAkB,GAAA;AAAA,EAC7B,UAAU,MAAM,IAAA;AAAA;AAAA,EAChB,QAAQ,MAAM,IAAA;AAAA;AAAA,EACd,IAAI,MAAM,IAAA;AAAA;AAAA,EACV,OAAO,MAAM,IAAA;AAAA;AAAA,EACb,MAAA,EAAQ,CAAC,YAAc,EAAA,IAAA,KAAS,CAAC,CAAC,YAAA,IAAgB,CAAC,CAAC,IAAA;AAAA;AAAA,EACpD,MAAA,EAAQ,CAAC,YAAc,EAAA,CAAA,KAAM,CAAC,CAAC,YAAA,IAAgB,CAAC,CAAC,CAAA;AAAA;AACnD,EAAA;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AACF;;;;"}
+{"version":3,"file":"tree-search.mjs","sources":["../../../../../../../packages/components/tree-search/src/config/tree-search.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport { THROTTLE_TIME } from '@ll-plus/constant'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type TreeSearch from '../tree-search.vue'\nimport {\n  ModalProps,\n  DrawerProps,\n  IOperateTreeFieldNames\n} from '@ll-plus/components'\n\nexport const treeSearchOperateWayType = ['modal', 'drawer', 'none'] as const\n\nexport const treeSearchProps = buildProps({\n  /**\n   * @description loading\n   */\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 节流延时\n   */\n  throttleTime: {\n    type: Number,\n    default: THROTTLE_TIME\n  },\n  /**\n   * @description tree的数据\n   */\n  treeData: {\n    type: definePropType<any[]>(Array),\n    default: () => []\n  },\n  /**\n   * @description 替换 treeNode 中 title,key,children 字段为 treeData 中对应的字段\n   */\n  fieldNames: {\n    type: definePropType<IOperateTreeFieldNames>(Object),\n    default: () => ({ children: 'children', title: 'title', key: 'key' })\n  },\n  /**\n   * @description  弹窗是否可见\n   */\n  open: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 新增和编辑显示哪种弹窗（模态框/抽屉/自定义）\n   */\n  operateWay: {\n    type: String,\n    values: treeSearchOperateWayType,\n    default: 'modal'\n  },\n  /**\n   * @description LlModal的组件配置\n   */\n  modalConfigProps: {\n    type: definePropType<ModalProps>(Object)\n  },\n  /**\n   * @description LlDrawer的组件配置\n   */\n  drawerConfigProps: {\n    type: definePropType<DrawerProps>(Object)\n  },\n  /**\n   * @description tree展开的key\n   */\n  expandedKeys: {\n    type: definePropType<string[]>(Array)\n  },\n  /**\n   * @description 头部搜索change\n   */\n  onSearchInputChange: {\n    type: Function,\n    default: (v: string) => !!v\n  }\n} as const)\n\n// 正确\nexport const treeSearchEmits = {\n  clickAdd: () => true, // 点击头部新增按钮\n  cancel: () => true, // 弹窗取消按钮事件\n  ok: () => true, // 弹窗确定按钮事件\n  close: () => true, // 弹窗的close\n  expand: (expandedKeys: string[], data: any) => expandedKeys || data, // tree的expand\n  select: (selectedKeys: string[], e: Event) => selectedKeys || e // tree的select\n}\n\nexport const treeSearchEmits1 = [\n  'cancel',\n  'cancel',\n  'ok',\n  'close',\n  'expand',\n  'select'\n]\n\n// props\nexport type TreeSearchOperateWayType = typeof treeSearchOperateWayType\nexport type TreeSearchProps = ExtractPropTypes<typeof treeSearchProps>\n\n// emits\nexport type TreeSearchEmits = typeof treeSearchEmits\n\n// instance\nexport type TreeSearchInstance = InstanceType<typeof TreeSearch>\n"],"names":[],"mappings":";;;;;AAWO,MAAM,wBAA2B,GAAA,CAAC,OAAS,EAAA,QAAA,EAAU,MAAM,EAAA;AAE3D,MAAM,kBAAkB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIxC,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,aAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAAsB,KAAK,CAAA;AAAA,IACjC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,eAAuC,MAAM,CAAA;AAAA,IACnD,OAAA,EAAS,OAAO,EAAE,QAAA,EAAU,YAAY,KAAO,EAAA,OAAA,EAAS,KAAK,KAAM,EAAA,CAAA;AAAA,GACrE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,wBAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,GACzC;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAM,eAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,GACtC;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,CAAC,CAAc,KAAA,CAAC,CAAC,CAAA;AAAA,GAC5B;AACF,CAAU,EAAA;AAGH,MAAM,eAAkB,GAAA;AAAA,EAC7B,UAAU,MAAM,IAAA;AAAA;AAAA,EAChB,QAAQ,MAAM,IAAA;AAAA;AAAA,EACd,IAAI,MAAM,IAAA;AAAA;AAAA,EACV,OAAO,MAAM,IAAA;AAAA;AAAA,EACb,MAAQ,EAAA,CAAC,YAAwB,EAAA,IAAA,KAAc,YAAgB,IAAA,IAAA;AAAA;AAAA,EAC/D,MAAQ,EAAA,CAAC,YAAwB,EAAA,CAAA,KAAa,YAAgB,IAAA,CAAA;AAAA;AAChE,EAAA;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AACF;;;;"}

package/es/packages/components/tree-search/src/tree-search.vue2.mjs

@@ -1,11 +1,12 @@
-import { defineComponent, ref, useAttrs, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, createVNode, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, Fragment } from 'vue';
+import { defineComponent, ref, useAttrs, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, createVNode, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, Fragment } from 'vue';
 import '../../../utils/index.mjs';
 import './config/index.mjs';
 import HeaderSearch from './components/header-search.vue.mjs';
 import DirectoryTitle from './components/directory-title.vue.mjs';
-import TreeList from './components/tree-list.vue.mjs';
+import '../../index.mjs';
 import { treeSearchProps, treeSearchEmits } from './config/tree-search.mjs';
 import { createNamespace } from '../../../utils/create-namespace.mjs';
+import { LlOperateTree } from '../../operate-tree/index.mjs';
 
 "use strict";
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -17,10 +18,33 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const isCollapseMenu = ref(false);
+    const newExpandedKeys = ref([]);
     const searchValue = ref("");
     const bem = createNamespace("tree-search");
     const attrs = useAttrs();
-    const handleCollapseMenu = () => isCollapseMenu.value = !isCollapseMenu.value;
+    const getTreeDataKeys = (children) => {
+      const keys = [];
+      const getKeys = (children2) => {
+        if (children2) {
+          children2.forEach((item) => {
+            keys.push(item[props.fieldNames["key"]]);
+            if (item[props.fieldNames["children"]]) {
+              getKeys(item[props.fieldNames["children"]]);
+            }
+          });
+        }
+      };
+      getKeys(children);
+      return keys;
+    };
+    const handleCollapseMenu = () => {
+      isCollapseMenu.value = !isCollapseMenu.value;
+      if (isCollapseMenu.value) {
+        newExpandedKeys.value = getTreeDataKeys(props.treeData);
+      } else {
+        newExpandedKeys.value = [];
+      }
+    };
     const handleSearchInputChange = (v) => {
       searchValue.value = v;
       props.onSearchInputChange && props.onSearchInputChange(searchValue.value);
@@ -35,6 +59,17 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const handleClickOkBtn = () => emits("ok");
     const handleClickCancelBtn = () => emits("cancel");
     const handleClickCloseBtn = () => emits("close");
+    watch(
+      () => props.expandedKeys,
+      (keys) => {
+        if (keys) {
+          newExpandedKeys.value = keys;
+        }
+      },
+      {
+        deep: true
+      }
+    );
     return (_ctx, _cache) => {
       const _component_ll_modal = resolveComponent("ll-modal");
       const _component_ll_drawer = resolveComponent("ll-drawer");
@@ -56,14 +91,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             "is-collapse-menu": isCollapseMenu.value,
             onCollapseMenu: handleCollapseMenu
           }, null, 8, ["is-collapse-menu"]),
-          createCommentVNode(" tree "),
-          createVNode(TreeList, mergeProps(unref(attrs), {
+          createCommentVNode(" operate-tree "),
+          createVNode(unref(LlOperateTree), mergeProps(unref(attrs), {
             loading: _ctx.loading,
             "field-names": _ctx.fieldNames,
-            "search-value": searchValue.value,
-            "is-collapse-menu": isCollapseMenu.value,
             "tree-data": _ctx.treeData,
-            "expanded-keys": _ctx.expandedKeys,
+            "expanded-keys": newExpandedKeys.value,
             onExpand: handleTreeExpand,
             onSelect: handleTreeSelect
           }), {
@@ -84,7 +117,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
             /* FORWARDED */
-          }, 16, ["loading", "field-names", "search-value", "is-collapse-menu", "tree-data", "expanded-keys"]),
+          }, 16, ["loading", "field-names", "tree-data", "expanded-keys"]),
           createCommentVNode(" \u64CD\u4F5C\u51FA\u73B0\u7684\u65B9\u5F0F "),
           createCommentVNode(" \u6A21\u6001\u6846 "),
           _ctx.operateWay === "modal" ? (openBlock(), createBlock(_component_ll_modal, mergeProps({ key: 0 }, _ctx.modalConfigProps, {

package/es/packages/components/tree-search/src/tree-search.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree-search.vue2.mjs","sources":["../../../../../../packages/components/tree-search/src/tree-search.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <!-- 头部搜索 -->\n    <header-search\n      :throttle-time=\"throttleTime\"\n      :search-value=\"searchValue\"\n      :on-search-input-change=\"handleSearchInputChange\"\n      @click=\"handleClickAddBtn\"\n    />\n    <!-- 目录标题 -->\n    <directory-title\n      :is-collapse-menu=\"isCollapseMenu\"\n      @collapse-menu=\"handleCollapseMenu\"\n    />\n    <!-- tree -->\n    <tree-list\n      v-bind=\"attrs\"\n      :loading=\"loading\"\n      :field-names=\"fieldNames\"\n      :search-value=\"searchValue\"\n      :is-collapse-menu=\"isCollapseMenu\"\n      :tree-data=\"treeData\"\n      :expanded-keys=\"expandedKeys\"\n      @expand=\"handleTreeExpand\"\n      @select=\"handleTreeSelect\"\n    >\n      <!-- switcher-icon-slots -->\n      <template #switcherIcon=\"slots\">\n        <slot name=\"switcherIcon\" v-bind=\"slots\" />\n      </template>\n      <!-- icon-slots -->\n      <template #icon=\"slots\">\n        <slot name=\"icon\" v-bind=\"slots\" />\n      </template>\n      <!-- title-slots -->\n      <template #treeTitle=\"slots\">\n        <slot name=\"treeTitle\" v-bind=\"slots\" />\n      </template>\n      <!-- operate-slot -->\n      <template #treeOperate=\"slots\">\n        <slot name=\"treeOperate\" v-bind=\"slots.data\" />\n      </template>\n      <!-- empty-slot -->\n      <template #empty>\n        <slot name=\"empty\" />\n      </template>\n    </tree-list>\n    <!-- 操作出现的方式 -->\n    <!-- 模态框 -->\n    <template v-if=\"operateWay === 'modal'\">\n      <ll-modal\n        v-bind=\"modalConfigProps\"\n        :open=\"open\"\n        @ok=\"handleClickOkBtn\"\n        @cancel=\"handleClickCancelBtn\"\n      >\n        <slot name=\"operateBoxContent\" />\n      </ll-modal>\n    </template>\n    <!-- 抽屉 -->\n    <template v-else-if=\"operateWay === 'drawer'\">\n      <ll-drawer\n        v-bind=\"drawerConfigProps\"\n        :open=\"open\"\n        @confirm=\"handleClickOkBtn\"\n        @cancel=\"handleClickCancelBtn\"\n        @close=\"handleClickCloseBtn\"\n      >\n        <slot name=\"operateBoxContent\" />\n        <template #footer-left>\n          <slot name=\"drawerFooterLeft\" />\n        </template>\n      </ll-drawer>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { treeSearchProps, treeSearchEmits } from './config'\n\nimport HeaderSearch from './components/header-search.vue'\nimport DirectoryTitle from './components/directory-title.vue'\nimport TreeList from './components/tree-list.vue'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSearchProps)\nconst emits = defineEmits(treeSearchEmits)\n\n// 3.ref\n// 是否收起/展开\nconst isCollapseMenu = ref(false)\n// 输入框内容\nconst searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.hooks\nconst attrs = useAttrs()\n\n// 5.methods\nconst handleCollapseMenu = () => (isCollapseMenu.value = !isCollapseMenu.value)\n// 输入框内容change\nconst handleSearchInputChange = (v: string) => {\n  searchValue.value = v\n  props.onSearchInputChange && props.onSearchInputChange(searchValue.value)\n}\n// 点击头部add\nconst handleClickAddBtn = () => emits('clickAdd')\n// 树展开\nconst handleTreeExpand = (expandedKeys: string[], data: any) => {\n  emits('expand', expandedKeys, data)\n}\n// 树节点选择\nconst handleTreeSelect = (keys: string[], e: any) => {\n  emits('select', keys, e)\n}\n// 点击弹窗的ok按钮\nconst handleClickOkBtn = () => emits('ok')\n// 点击弹窗的cacel按钮\nconst handleClickCancelBtn = () => emits('cancel')\n// 点击抽屉的x\nconst handleClickCloseBtn = () => emits('close')\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA0FA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAId,IAAM,MAAA,cAAA,GAAiB,IAAI,KAAK,CAAA,CAAA;AAEhC,IAAM,MAAA,WAAA,GAAc,IAAI,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,GAAA,GAAM,gBAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAGvB,IAAA,MAAM,kBAAqB,GAAA,MAAO,cAAe,CAAA,KAAA,GAAQ,CAAC,cAAe,CAAA,KAAA,CAAA;AAEzE,IAAM,MAAA,uBAAA,GAA0B,CAAC,CAAc,KAAA;AAC7C,MAAA,WAAA,CAAY,KAAQ,GAAA,CAAA,CAAA;AACpB,MAAA,KAAA,CAAM,mBAAuB,IAAA,KAAA,CAAM,mBAAoB,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,KAC1E,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,MAAM,KAAA,CAAM,UAAU,CAAA,CAAA;AAEhD,IAAM,MAAA,gBAAA,GAAmB,CAAC,YAAA,EAAwB,IAAc,KAAA;AAC9D,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,IAAI,CAAA,CAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,CAAC,IAAA,EAAgB,CAAW,KAAA;AACnD,MAAM,KAAA,CAAA,QAAA,EAAU,MAAM,CAAC,CAAA,CAAA;AAAA,KACzB,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,MAAM,KAAA,CAAM,IAAI,CAAA,CAAA;AAEzC,IAAM,MAAA,oBAAA,GAAuB,MAAM,KAAA,CAAM,QAAQ,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,MAAM,KAAA,CAAM,OAAO,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tree-search.vue2.mjs","sources":["../../../../../../packages/components/tree-search/src/tree-search.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <!-- 头部搜索 -->\n    <header-search\n      :throttle-time=\"throttleTime\"\n      :search-value=\"searchValue\"\n      :on-search-input-change=\"handleSearchInputChange\"\n      @click=\"handleClickAddBtn\"\n    />\n    <!-- 目录标题 -->\n    <directory-title\n      :is-collapse-menu=\"isCollapseMenu\"\n      @collapse-menu=\"handleCollapseMenu\"\n    />\n    <!-- operate-tree -->\n    <ll-operate-tree\n      v-bind=\"attrs\"\n      :loading=\"loading\"\n      :field-names=\"fieldNames\"\n      :tree-data=\"treeData\"\n      :expanded-keys=\"newExpandedKeys\"\n      @expand=\"handleTreeExpand\"\n      @select=\"handleTreeSelect\"\n    >\n      <!-- switcher-icon-slots -->\n      <template #switcherIcon=\"slots\">\n        <slot name=\"switcherIcon\" v-bind=\"slots\" />\n      </template>\n      <!-- icon-slots -->\n      <template #icon=\"slots\">\n        <slot name=\"icon\" v-bind=\"slots\" />\n      </template>\n      <!-- title-slots -->\n      <template #treeTitle=\"slots\">\n        <slot name=\"treeTitle\" v-bind=\"slots\" />\n      </template>\n      <!-- operate-slot -->\n      <template #treeOperate=\"slots\">\n        <slot name=\"treeOperate\" v-bind=\"slots.data\" />\n      </template>\n      <!-- empty-slot -->\n      <template #empty>\n        <slot name=\"empty\" />\n      </template>\n    </ll-operate-tree>\n    <!-- 操作出现的方式 -->\n    <!-- 模态框 -->\n    <template v-if=\"operateWay === 'modal'\">\n      <ll-modal\n        v-bind=\"modalConfigProps\"\n        :open=\"open\"\n        @ok=\"handleClickOkBtn\"\n        @cancel=\"handleClickCancelBtn\"\n      >\n        <slot name=\"operateBoxContent\" />\n      </ll-modal>\n    </template>\n    <!-- 抽屉 -->\n    <template v-else-if=\"operateWay === 'drawer'\">\n      <ll-drawer\n        v-bind=\"drawerConfigProps\"\n        :open=\"open\"\n        @confirm=\"handleClickOkBtn\"\n        @cancel=\"handleClickCancelBtn\"\n        @close=\"handleClickCloseBtn\"\n      >\n        <slot name=\"operateBoxContent\" />\n        <template #footer-left>\n          <slot name=\"drawerFooterLeft\" />\n        </template>\n      </ll-drawer>\n    </template>\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { treeSearchProps, treeSearchEmits } from './config'\n\nimport HeaderSearch from './components/header-search.vue'\nimport DirectoryTitle from './components/directory-title.vue'\nimport { LlOperateTree } from '@ll-plus/components'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSearchProps)\nconst emits = defineEmits(treeSearchEmits)\n\n// 3.ref\n// 是否收起/展开\nconst isCollapseMenu = ref(false)\nconst newExpandedKeys = ref<string[]>([])\n// 输入框内容\nconst searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.hooks\nconst attrs = useAttrs()\n\n// 5.methods\n// 获取所有树的keys\nconst getTreeDataKeys = (children: any[]) => {\n  const keys: any[] = []\n  const getKeys = (children: any[]) => {\n    if (children) {\n      children.forEach(item => {\n        keys.push(item[props.fieldNames!['key']!])\n        if (item[props.fieldNames!['children']!]) {\n          getKeys(item[props.fieldNames!['children']!])\n        }\n      })\n    }\n  }\n  getKeys(children)\n  return keys\n}\nconst handleCollapseMenu = () => {\n  isCollapseMenu.value = !isCollapseMenu.value\n  if (isCollapseMenu.value) {\n    newExpandedKeys.value = getTreeDataKeys(props.treeData!)\n  } else {\n    newExpandedKeys.value = []\n  }\n}\n// 输入框内容change\nconst handleSearchInputChange = (v: string) => {\n  searchValue.value = v\n  props.onSearchInputChange && props.onSearchInputChange(searchValue.value)\n}\n// 点击头部add\nconst handleClickAddBtn = () => emits('clickAdd')\n// 树展开\nconst handleTreeExpand = (expandedKeys: string[], data: any) => {\n  emits('expand', expandedKeys, data)\n}\n// 树节点选择\nconst handleTreeSelect = (keys: string[], e: any) => {\n  emits('select', keys, e)\n}\n// 点击弹窗的ok按钮\nconst handleClickOkBtn = () => emits('ok')\n// 点击弹窗的cacel按钮\nconst handleClickCancelBtn = () => emits('cancel')\n// 点击抽屉的x\nconst handleClickCloseBtn = () => emits('close')\n\n// 6.watch\n// 如果有数据并且输入框有内容则展开\nwatch(\n  () => props.expandedKeys,\n  keys => {\n    if (keys) {\n      newExpandedKeys.value = keys\n    }\n  },\n  {\n    deep: true\n  }\n)\n</script>\n"],"names":["children"],"mappings":"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"}