element-plus-secondary 0.6.6 → 0.6.7

package/es/components/transfer/src/transfer2.mjs

@@ -6,7 +6,7 @@ import { ElIcon } from '../../icon/index.mjs';
 import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
 import { transferProps, transferEmits } from './transfer.mjs';
 import './composables/index.mjs';
-import TransferPanel from './transfer-panel2.mjs';
+import TransferPanel from './transfer-panel.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';

package/es/components/tree/index.d.ts

@@ -439,11 +439,11 @@ declare const _Tree: SFCWithInstall<import("vue").DefineComponent<{
     "onNode-drag-enter"?: ((...args: any[]) => any) | undefined;
     "onNode-drag-over"?: ((...args: any[]) => any) | undefined;
 }, {
-    lazy: boolean;
     props: import("./src/tree.type").TreeOptionProps;
-    data: unknown[];
-    menu: boolean;
+    lazy: boolean;
     effect: string;
+    menu: boolean;
+    data: unknown[];
     checkStrictly: boolean;
     accordion: boolean;
     draggable: boolean;
@@ -898,11 +898,11 @@ export declare const ElTree: SFCWithInstall<import("vue").DefineComponent<{
     "onNode-drag-enter"?: ((...args: any[]) => any) | undefined;
     "onNode-drag-over"?: ((...args: any[]) => any) | undefined;
 }, {
-    lazy: boolean;
     props: import("./src/tree.type").TreeOptionProps;
-    data: unknown[];
-    menu: boolean;
+    lazy: boolean;
     effect: string;
+    menu: boolean;
+    data: unknown[];
     checkStrictly: boolean;
     accordion: boolean;
     draggable: boolean;

package/es/components/tree/src/tree-node.vue.d.ts

@@ -92,8 +92,8 @@ declare const _default: import("vue").DefineComponent<{
     "onNode-expand"?: ((...args: any[]) => any) | undefined;
 }, {
     props: TreeOptionProps;
-    menu: boolean;
     effect: string;
+    menu: boolean;
     node: Node;
     accordion: boolean;
     renderAfterExpand: boolean;

package/es/components/tree/src/tree.vue.d.ts

@@ -443,11 +443,11 @@ declare const _default: import("vue").DefineComponent<{
     "onNode-drag-enter"?: ((...args: any[]) => any) | undefined;
     "onNode-drag-over"?: ((...args: any[]) => any) | undefined;
 }, {
-    lazy: boolean;
     props: import("./tree.type").TreeOptionProps;
-    data: unknown[];
-    menu: boolean;
+    lazy: boolean;
     effect: string;
+    menu: boolean;
+    data: unknown[];
     checkStrictly: boolean;
     accordion: boolean;
     draggable: boolean;

package/es/components/tree-select/src/tree-select-option.d.ts

@@ -11,9 +11,9 @@ declare const component: import("vue").DefineComponent<{}, any, {}, {}, {
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             value: {
                 required: true;
-                type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+                type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
             };
-            label: (StringConstructor | NumberConstructor)[];
+            label: (NumberConstructor | StringConstructor)[];
             created: BooleanConstructor;
             disabled: {
                 type: BooleanConstructor;
@@ -36,9 +36,9 @@ declare const component: import("vue").DefineComponent<{}, any, {}, {}, {
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             value: {
                 required: true;
-                type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+                type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
             };
-            label: (StringConstructor | NumberConstructor)[];
+            label: (NumberConstructor | StringConstructor)[];
             created: BooleanConstructor;
             disabled: {
                 type: BooleanConstructor;
@@ -110,9 +110,9 @@ declare const component: import("vue").DefineComponent<{}, any, {}, {}, {
     } & Readonly<import("vue").ExtractPropTypes<{
         value: {
             required: true;
-            type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+            type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
         };
-        label: (StringConstructor | NumberConstructor)[];
+        label: (NumberConstructor | StringConstructor)[];
         created: BooleanConstructor;
         disabled: {
             type: BooleanConstructor;
@@ -165,9 +165,9 @@ declare const component: import("vue").DefineComponent<{}, any, {}, {}, {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     value: {
         required: true;
-        type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
     };
-    label: (StringConstructor | NumberConstructor)[];
+    label: (NumberConstructor | StringConstructor)[];
     created: BooleanConstructor;
     disabled: {
         type: BooleanConstructor;
@@ -228,9 +228,9 @@ declare const component: import("vue").DefineComponent<{}, any, {}, {}, {
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             value: {
                 required: true;
-                type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+                type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
             };
-            label: (StringConstructor | NumberConstructor)[];
+            label: (NumberConstructor | StringConstructor)[];
             created: BooleanConstructor;
             disabled: {
                 type: BooleanConstructor;
@@ -253,9 +253,9 @@ declare const component: import("vue").DefineComponent<{}, any, {}, {}, {
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             value: {
                 required: true;
-                type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+                type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
             };
-            label: (StringConstructor | NumberConstructor)[];
+            label: (NumberConstructor | StringConstructor)[];
             created: BooleanConstructor;
             disabled: {
                 type: BooleanConstructor;
@@ -327,9 +327,9 @@ declare const component: import("vue").DefineComponent<{}, any, {}, {}, {
     } & Readonly<import("vue").ExtractPropTypes<{
         value: {
             required: true;
-            type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+            type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
         };
-        label: (StringConstructor | NumberConstructor)[];
+        label: (NumberConstructor | StringConstructor)[];
         created: BooleanConstructor;
         disabled: {
             type: BooleanConstructor;
@@ -382,9 +382,9 @@ declare const component: import("vue").DefineComponent<{}, any, {}, {}, {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     value: {
         required: true;
-        type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
     };
-    label: (StringConstructor | NumberConstructor)[];
+    label: (NumberConstructor | StringConstructor)[];
     created: BooleanConstructor;
     disabled: {
         type: BooleanConstructor;

package/es/components/tree-select/src/tree-select.mjs

@@ -1,25 +1,45 @@
-import { defineComponent, ref, computed, reactive, onMounted, h } from 'vue';
+import { defineComponent, inject, ref, computed, reactive, onMounted, h } from 'vue';
+import '../../../utils/index.mjs';
+import '../../../hooks/index.mjs';
 import { pick } from 'lodash-unified';
 import { ElSelect } from '../../select/index.mjs';
 import _Tree from '../../tree/index.mjs';
 import { useSelect } from './select.mjs';
 import { useTree } from './tree.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { formatterStyle } from '../../../utils/types.mjs';
 
 const _sfc_main = defineComponent({
   name: "ElTreeSelect",
   inheritAttrs: false,
   props: {
     ...ElSelect.props,
-    ..._Tree.props
+    ..._Tree.props,
+    showBtn: {
+      type: Boolean,
+      default: false
+    }
   },
   setup(props, context) {
-    const { slots, expose } = context;
+    const { slots, expose, emit } = context;
+    const ns = useNamespace("select-tree");
+    const { t } = useLocale();
+    const customStyle = inject("$custom-style-filter", {});
     const select = ref();
     const tree = ref();
     const key = computed(() => props.nodeKey || props.valueKey || "value");
     const selectProps = useSelect(props, context, { select, tree, key });
     const treeProps = useTree(props, context, { select, tree, key });
+    const clear = () => {
+      var _a;
+      emit("treeSelectClear", (_a = tree.value) == null ? void 0 : _a.setCheckedKeys([]));
+    };
+    const confirm = () => {
+      var _a;
+      emit("treeSelectConfirm", (_a = tree.value) == null ? void 0 : _a.getCheckedKeys());
+    };
     const methods = reactive({});
     expose(methods);
     onMounted(() => {
@@ -52,10 +72,28 @@ const _sfc_main = defineComponent({
       ref: (ref2) => select.value = ref2
     }), {
       ...slots,
-      default: () => h(_Tree, reactive({
-        ...treeProps,
-        ref: (ref2) => tree.value = ref2
-      }))
+      default: () => [
+        h(_Tree, reactive({
+          ...treeProps,
+          showBtn: props.showBtn,
+          ref: (ref2) => tree.value = ref2
+        })),
+        props.showBtn ? h("div", {
+          class: ns.b("btn-group"),
+          style: formatterStyle(customStyle, ["border"])
+        }, [
+          h("div", {
+            onClick: clear,
+            class: ns.b("btn"),
+            style: { color: "#000000", background: "#ffffff" }
+          }, t("el.datepicker.clear")),
+          h("div", {
+            onClick: confirm,
+            class: ns.b("btn"),
+            style: { color: "#ffffff", background: "#3370FF" }
+          }, t("el.datepicker.confirm"))
+        ]) : null
+      ]
     });
   }
 });

package/es/components/tree-select/src/tree-select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.mjs","sources":["../../../../../../packages/components/tree-select/src/tree-select.vue"],"sourcesContent":["<script lang=\"ts\">\n// @ts-nocheck\nimport { computed, defineComponent, h, onMounted, reactive, ref } from 'vue'\nimport { pick } from 'lodash-unified'\nimport ElSelect from '@element-plus/components/select'\nimport ElTree from '@element-plus/components/tree'\nimport { useSelect } from './select'\nimport { useTree } from './tree'\n\nexport default defineComponent({\n  name: 'ElTreeSelect',\n  // disable `ElSelect` inherit current attrs\n  inheritAttrs: false,\n  props: {\n    ...ElSelect.props,\n    ...ElTree.props,\n  },\n  setup(props, context) {\n    const { slots, expose } = context\n\n    const select = ref<InstanceType<typeof ElSelect>>()\n    const tree = ref<InstanceType<typeof ElTree>>()\n\n    const key = computed(() => props.nodeKey || props.valueKey || 'value')\n\n    const selectProps = useSelect(props, context, { select, tree, key })\n    const treeProps = useTree(props, context, { select, tree, key })\n\n    // expose ElTree/ElSelect methods\n    const methods = reactive({})\n    expose(methods)\n    onMounted(() => {\n      Object.assign(methods, {\n        ...pick(tree.value, [\n          'filter',\n          'updateKeyChildren',\n          'getCheckedNodes',\n          'setCheckedNodes',\n          'getCheckedKeys',\n          'setCheckedKeys',\n          'setChecked',\n          'getHalfCheckedNodes',\n          'getHalfCheckedKeys',\n          'getCurrentKey',\n          'getCurrentNode',\n          'setCurrentKey',\n          'setCurrentNode',\n          'getNode',\n          'remove',\n          'append',\n          'insertBefore',\n          'insertAfter',\n        ]),\n        ...pick(select.value, ['focus', 'blur']),\n      })\n    })\n\n    return () =>\n      h(\n        ElSelect,\n        /**\n         * 1. The `props` is processed into `Refs`, but `v-bind` and\n         * render function props cannot read `Refs`, so use `reactive`\n         * unwrap the `Refs` and keep reactive.\n         * 2. The keyword `ref` requires `Ref`, but `reactive` broke it,\n         * so use function.\n         */\n        reactive({\n          ...selectProps,\n          ref: (ref) => (select.value = ref),\n        }),\n        {\n          ...slots,\n          default: () =>\n            h(\n              ElTree,\n              reactive({\n                ...treeProps,\n                ref: (ref) => (tree.value = ref),\n              })\n            ),\n        }\n      )\n  },\n})\n</script>\n"],"names":["ElTree"],"mappings":";;;;;;;;AASA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EAEN,YAAc,EAAA,KAAA;AAAA,EACd,KAAO,EAAA;AAAA,IACL,GAAG,QAAS,CAAA,KAAA;AAAA,IACZ,GAAGA,KAAO,CAAA,KAAA;AAAA,GACZ;AAAA,EACA,KAAA,CAAM,OAAO,OAAS,EAAA;AACpB,IAAM,MAAA,EAAE,OAAO,MAAW,EAAA,GAAA,OAAA,CAAA;AAE1B,IAAA,MAAM,SAAS,GAAmC,EAAA,CAAA;AAClD,IAAA,MAAM,OAAO,GAAiC,EAAA,CAAA;AAE9C,IAAA,MAAM,MAAM,QAAS,CAAA,MAAM,MAAM,OAAW,IAAA,KAAA,CAAM,YAAY,OAAO,CAAA,CAAA;AAErE,IAAM,MAAA,WAAA,GAAc,UAAU,KAAO,EAAA,OAAA,EAAS,EAAE,MAAQ,EAAA,IAAA,EAAM,KAAK,CAAA,CAAA;AACnE,IAAM,MAAA,SAAA,GAAY,QAAQ,KAAO,EAAA,OAAA,EAAS,EAAE,MAAQ,EAAA,IAAA,EAAM,KAAK,CAAA,CAAA;AAG/D,IAAM,MAAA,OAAA,GAAU,QAAS,CAAA,EAAE,CAAA,CAAA;AAC3B,IAAA,MAAA,CAAO,OAAO,CAAA,CAAA;AACd,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,MAAA,CAAO,OAAO,OAAS,EAAA;AAAA,QACrB,GAAG,IAAK,CAAA,IAAA,CAAK,KAAO,EAAA;AAAA,UAClB,QAAA;AAAA,UACA,mBAAA;AAAA,UACA,iBAAA;AAAA,UACA,iBAAA;AAAA,UACA,gBAAA;AAAA,UACA,gBAAA;AAAA,UACA,YAAA;AAAA,UACA,qBAAA;AAAA,UACA,oBAAA;AAAA,UACA,eAAA;AAAA,UACA,gBAAA;AAAA,UACA,eAAA;AAAA,UACA,gBAAA;AAAA,UACA,SAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,cAAA;AAAA,UACA,aAAA;AAAA,SACD,CAAA;AAAA,QACD,GAAG,IAAK,CAAA,MAAA,CAAO,OAAO,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAAA,OACxC,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IAAO,OAAA,MACL,CACE,CAAA,QAAA,EAQA,QAAS,CAAA;AAAA,MACP,GAAG,WAAA;AAAA,MACH,GAAK,EAAA,CAAC,IAAS,KAAA,MAAA,CAAO,KAAQ,GAAA,IAAA;AAAA,KAC/B,CACD,EAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACH,OAAS,EAAA,MACP,CACE,CAAAA,KAAA,EACA,QAAS,CAAA;AAAA,QACP,GAAG,SAAA;AAAA,QACH,GAAK,EAAA,CAAC,IAAS,KAAA,IAAA,CAAK,KAAQ,GAAA,IAAA;AAAA,OAC7B,CACH,CAAA;AAAA,KAEN,CAAA,CAAA;AAAA,GACJ;AACF,CAAC,CAAA,CAAA;;;;;"}
+{"version":3,"file":"tree-select.mjs","sources":["../../../../../../packages/components/tree-select/src/tree-select.vue"],"sourcesContent":["<script lang=\"ts\">\n// @ts-nocheck\nimport {\n  computed,\n  defineComponent,\n  h,\n  onMounted,\n  reactive,\n  ref,\n  inject,\n} from \"vue\";\nimport { formatterStyle } from \"@element-plus/utils\";\nimport { useNamespace, useLocale } from \"@element-plus/hooks\";\nimport { pick } from \"lodash-unified\";\nimport ElSelect from \"@element-plus/components/select\";\nimport ElTree from \"@element-plus/components/tree\";\nimport { useSelect } from \"./select\";\nimport { useTree } from \"./tree\";\nimport type { CustomStyle } from \"@element-plus/utils\";\n\nexport default defineComponent({\n  name: \"ElTreeSelect\",\n  // disable `ElSelect` inherit current attrs\n  inheritAttrs: false,\n  props: {\n    ...ElSelect.props,\n    ...ElTree.props,\n    showBtn: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props, context) {\n    const { slots, expose, emit } = context;\n    const ns = useNamespace(\"select-tree\");\n    const { t } = useLocale();\n    const customStyle = inject(\"$custom-style-filter\", {}) as CustomStyle;\n    const select = ref<InstanceType<typeof ElSelect>>();\n    const tree = ref<InstanceType<typeof ElTree>>();\n\n    const key = computed(() => props.nodeKey || props.valueKey || \"value\");\n\n    const selectProps = useSelect(props, context, { select, tree, key });\n    const treeProps = useTree(props, context, { select, tree, key });\n    const clear = () => {\n      emit(\"treeSelectClear\", tree.value?.setCheckedKeys([]));\n    };\n\n    const confirm = () => {\n      emit(\"treeSelectConfirm\", tree.value?.getCheckedKeys());\n    };\n\n    // expose ElTree/ElSelect methods\n    const methods = reactive({});\n    expose(methods);\n    onMounted(() => {\n      Object.assign(methods, {\n        ...pick(tree.value, [\n          \"filter\",\n          \"updateKeyChildren\",\n          \"getCheckedNodes\",\n          \"setCheckedNodes\",\n          \"getCheckedKeys\",\n          \"setCheckedKeys\",\n          \"setChecked\",\n          \"getHalfCheckedNodes\",\n          \"getHalfCheckedKeys\",\n          \"getCurrentKey\",\n          \"getCurrentNode\",\n          \"setCurrentKey\",\n          \"setCurrentNode\",\n          \"getNode\",\n          \"remove\",\n          \"append\",\n          \"insertBefore\",\n          \"insertAfter\",\n        ]),\n        ...pick(select.value, [\"focus\", \"blur\"]),\n      });\n    });\n\n    return () =>\n      h(\n        ElSelect,\n        /**\n         * 1. The `props` is processed into `Refs`, but `v-bind` and\n         * render function props cannot read `Refs`, so use `reactive`\n         * unwrap the `Refs` and keep reactive.\n         * 2. The keyword `ref` requires `Ref`, but `reactive` broke it,\n         * so use function.\n         */\n        reactive({\n          ...selectProps,\n          ref: (ref) => (select.value = ref),\n        }),\n        {\n          ...slots,\n          default: () => [\n            h(\n              ElTree,\n              reactive({\n                ...treeProps,\n                showBtn: props.showBtn,\n                ref: (ref) => (tree.value = ref),\n              })\n            ),\n            props.showBtn\n              ? h(\n                  \"div\",\n                  {\n                    class: ns.b(\"btn-group\"),\n                    style: formatterStyle(customStyle, [\"border\"]),\n                  },\n                  [\n                    h(\n                      \"div\",\n                      {\n                        onClick: clear,\n                        class: ns.b(\"btn\"),\n                        style: { color: \"#000000\", background: \"#ffffff\" },\n                      },\n                      t(\"el.datepicker.clear\")\n                    ),\n                    h(\n                      \"div\",\n                      {\n                        onClick: confirm,\n                        class: ns.b(\"btn\"),\n                        style: { color: \"#ffffff\", background: \"#3370FF\" },\n                      },\n                      t(\"el.datepicker.confirm\")\n                    ),\n                  ]\n                )\n              : null,\n          ],\n        }\n      );\n  },\n});\n</script>\n"],"names":["ElTree"],"mappings":"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"}

package/es/components/tree-select/src/tree.d.ts

@@ -1,6 +1,6 @@
-import ElTree from 'element-plus-secondary/es/components/tree';
-import type { Ref } from 'vue';
-import type ElSelect from 'element-plus-secondary/es/components/select';
+import ElTree from "element-plus-secondary/es/components/tree";
+import type { Ref } from "vue";
+import type ElSelect from "element-plus-secondary/es/components/select";
 export declare const useTree: (props: any, { attrs, slots, emit }: {
     attrs: any;
     slots: any;

package/es/components/tree-select/src/tree.mjs

@@ -6,7 +6,7 @@ import _Tree from '../../tree/index.mjs';
 import component from './tree-select-option.mjs';
 import { toValidArray, treeFind, isValidValue, isValidArray } from './utils.mjs';
 import { isFunction } from '@vue/shared';
-import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
+import { UPDATE_MODEL_EVENT_CACH, UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
 
 const useTree = (props, { attrs, slots, emit }, {
   select,
@@ -86,15 +86,15 @@ const useTree = (props, { attrs, slots, emit }, {
       (_a = attrs.onCheck) == null ? void 0 : _a.call(attrs, data, params);
       const dataValue = getNodeValByProp("value", data);
       if (props.checkStrictly) {
-        emit(UPDATE_MODEL_EVENT, props.multiple ? params.checkedKeys : params.checkedKeys.includes(dataValue) ? dataValue : void 0);
+        emit(props.showBtn ? UPDATE_MODEL_EVENT_CACH : UPDATE_MODEL_EVENT, props.multiple ? params.checkedKeys : params.checkedKeys.includes(dataValue) ? dataValue : void 0);
       } else {
         if (props.multiple) {
-          emit(UPDATE_MODEL_EVENT, tree.value.getCheckedKeys(true));
+          emit(props.showBtn ? UPDATE_MODEL_EVENT_CACH : UPDATE_MODEL_EVENT, tree.value.getCheckedKeys(true));
         } else {
           const firstLeaf = treeFind([data], (data2) => !isValidArray(getNodeValByProp("children", data2)) && !getNodeValByProp("disabled", data2), (data2) => getNodeValByProp("children", data2));
           const firstLeafKey = firstLeaf ? getNodeValByProp("value", firstLeaf) : void 0;
           const hasCheckedChild = isValidValue(props.modelValue) && !!treeFind([data], (data2) => getNodeValByProp("value", data2) === props.modelValue, (data2) => getNodeValByProp("children", data2));
-          emit(UPDATE_MODEL_EVENT, firstLeafKey === props.modelValue || hasCheckedChild ? void 0 : firstLeafKey);
+          emit(props.showBtn ? UPDATE_MODEL_EVENT_CACH : UPDATE_MODEL_EVENT, firstLeafKey === props.modelValue || hasCheckedChild ? void 0 : firstLeafKey);
         }
       }
     }

package/es/components/tree-select/src/tree.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree.mjs","sources":["../../../../../../packages/components/tree-select/src/tree.ts"],"sourcesContent":["// @ts-nocheck\nimport { computed, nextTick, toRefs, watch } from 'vue'\nimport { isEqual, pick } from 'lodash-unified'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { isFunction } from '@element-plus/utils'\nimport ElTree from '@element-plus/components/tree'\nimport TreeSelectOption from './tree-select-option'\nimport { isValidArray, isValidValue, toValidArray, treeFind } from './utils'\nimport type { Ref } from 'vue'\nimport type ElSelect from '@element-plus/components/select'\nimport type Node from '@element-plus/components/tree/src/model/node'\nimport type { TreeNodeData } from '@element-plus/components/tree/src/tree.type'\n\nexport const useTree = (\n  props,\n  { attrs, slots, emit },\n  {\n    select,\n    tree,\n    key,\n  }: {\n    select: Ref<InstanceType<typeof ElSelect> | undefined>\n    tree: Ref<InstanceType<typeof ElTree> | undefined>\n    key: Ref<string>\n  }\n) => {\n  watch(\n    () => props.modelValue,\n    () => {\n      if (props.showCheckbox) {\n        nextTick(() => {\n          const treeInstance = tree.value\n          if (\n            treeInstance &&\n            !isEqual(\n              treeInstance.getCheckedKeys(),\n              toValidArray(props.modelValue)\n            )\n          ) {\n            treeInstance.setCheckedKeys(toValidArray(props.modelValue))\n          }\n        })\n      }\n    },\n    {\n      immediate: true,\n      deep: true,\n    }\n  )\n\n  const propsMap = computed(() => ({\n    value: key.value,\n    ...props.props,\n  }))\n\n  const getNodeValByProp = (\n    prop: 'value' | 'label' | 'children' | 'disabled' | 'isLeaf',\n    data: TreeNodeData\n  ) => {\n    const propVal = propsMap.value[prop]\n    if (isFunction(propVal)) {\n      return propVal(\n        data,\n        tree.value?.getNode(getNodeValByProp('value', data)) as Node\n      )\n    } else {\n      return data[propVal as string]\n    }\n  }\n\n  const defaultExpandedParentKeys = toValidArray(props.modelValue)\n    .map((value) => {\n      return treeFind(\n        props.data || [],\n        (data) => getNodeValByProp('value', data) === value,\n        (data) => getNodeValByProp('children', data),\n        (data, index, array, parent) =>\n          parent && getNodeValByProp('value', parent)\n      )\n    })\n    .filter((item) => isValidValue(item))\n\n  return {\n    ...pick(toRefs(props), Object.keys(ElTree.props)),\n    ...attrs,\n    nodeKey: key,\n\n    // only expand on click node when the `check-strictly` is false\n    expandOnClickNode: computed(() => {\n      return !props.checkStrictly && props.expandOnClickNode\n    }),\n\n    // show current selected node only first time,\n    // fix the problem of expanding multiple nodes when checking multiple nodes\n    defaultExpandedKeys: computed(() => {\n      return props.defaultExpandedKeys\n        ? props.defaultExpandedKeys.concat(defaultExpandedParentKeys)\n        : defaultExpandedParentKeys\n    }),\n\n    renderContent: (h, { node, data, store }) => {\n      return h(\n        TreeSelectOption,\n        {\n          value: getNodeValByProp('value', data),\n          label: getNodeValByProp('label', data),\n          disabled: getNodeValByProp('disabled', data),\n        },\n        props.renderContent\n          ? () => props.renderContent(h, { node, data, store })\n          : slots.default\n          ? () => slots.default({ node, data, store })\n          : undefined\n      )\n    },\n    filterNodeMethod: (value, data, node) => {\n      if (props.filterNodeMethod)\n        return props.filterNodeMethod(value, data, node)\n      if (!value) return true\n      return getNodeValByProp('label', data)?.includes(value)\n    },\n    onNodeClick: (data, node, e) => {\n      attrs.onNodeClick?.(data, node, e)\n\n      // `onCheck` is trigger when `checkOnClickNode`\n      if (props.showCheckbox && props.checkOnClickNode) return\n\n      // now `checkOnClickNode` is false, only no checkbox and `checkStrictly` or `isLeaf`\n      if (!props.showCheckbox && (props.checkStrictly || node.isLeaf)) {\n        if (!getNodeValByProp('disabled', data)) {\n          const option = select.value?.options.get(\n            getNodeValByProp('value', data)\n          )\n          select.value?.handleOptionSelect(option, true)\n        }\n      } else if (props.expandOnClickNode) {\n        e.proxy.handleExpandIconClick()\n      }\n    },\n    onCheck: (data, params) => {\n      attrs.onCheck?.(data, params)\n\n      const dataValue = getNodeValByProp('value', data)\n      if (props.checkStrictly) {\n        emit(\n          UPDATE_MODEL_EVENT,\n          // Checking for changes may come from `check-on-node-click`\n          props.multiple\n            ? params.checkedKeys\n            : params.checkedKeys.includes(dataValue)\n            ? dataValue\n            : undefined\n        )\n      }\n      // only can select leaf node\n      else {\n        if (props.multiple) {\n          emit(\n            UPDATE_MODEL_EVENT,\n            (tree.value as InstanceType<typeof ElTree>).getCheckedKeys(true)\n          )\n        } else {\n          // select first leaf node when check parent\n          const firstLeaf = treeFind(\n            [data],\n            (data) =>\n              !isValidArray(getNodeValByProp('children', data)) &&\n              !getNodeValByProp('disabled', data),\n            (data) => getNodeValByProp('children', data)\n          )\n          const firstLeafKey = firstLeaf\n            ? getNodeValByProp('value', firstLeaf)\n            : undefined\n\n          // unselect when any child checked\n          const hasCheckedChild =\n            isValidValue(props.modelValue) &&\n            !!treeFind(\n              [data],\n              (data) => getNodeValByProp('value', data) === props.modelValue,\n              (data) => getNodeValByProp('children', data)\n            )\n\n          emit(\n            UPDATE_MODEL_EVENT,\n            firstLeafKey === props.modelValue || hasCheckedChild\n              ? undefined\n              : firstLeafKey\n          )\n        }\n      }\n    },\n  }\n}\n"],"names":["ElTree","TreeSelectOption"],"mappings":";;;;;;;;;;AAOY,MAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;AACvD,EAAE,MAAM;AACR,EAAE,IAAI;AACN,EAAE,GAAG;AACL,CAAC,KAAK;AACN,EAAE,KAAK,CAAC,MAAM,KAAK,CAAC,UAAU,EAAE,MAAM;AACtC,IAAI,IAAI,KAAK,CAAC,YAAY,EAAE;AAC5B,MAAM,QAAQ,CAAC,MAAM;AACrB,QAAQ,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;AACxC,QAAQ,IAAI,YAAY,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,EAAE,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE;AACrG,UAAU,YAAY,CAAC,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;AACtE,SAAS;AACT,OAAO,CAAC,CAAC;AACT,KAAK;AACL,GAAG,EAAE;AACL,IAAI,SAAS,EAAE,IAAI;AACnB,IAAI,IAAI,EAAE,IAAI;AACd,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO;AACnC,IAAI,KAAK,EAAE,GAAG,CAAC,KAAK;AACpB,IAAI,GAAG,KAAK,CAAC,KAAK;AAClB,GAAG,CAAC,CAAC,CAAC;AACN,EAAE,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK;AAC3C,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AACzC,IAAI,IAAI,UAAU,CAAC,OAAO,CAAC,EAAE;AAC7B,MAAM,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AAC7G,KAAK,MAAM;AACX,MAAM,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;AAC3B,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,yBAAyB,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK;AAClF,IAAI,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,EAAE,CAAC,IAAI,KAAK,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,IAAI,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;AACtN,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,EAAE,OAAO;AACT,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,IAAI,CAACA,KAAM,CAAC,KAAK,CAAC,CAAC;AACrD,IAAI,GAAG,KAAK;AACZ,IAAI,OAAO,EAAE,GAAG;AAChB,IAAI,iBAAiB,EAAE,QAAQ,CAAC,MAAM;AACtC,MAAM,OAAO,CAAC,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,iBAAiB,CAAC;AAC7D,KAAK,CAAC;AACN,IAAI,mBAAmB,EAAE,QAAQ,CAAC,MAAM;AACxC,MAAM,OAAO,KAAK,CAAC,mBAAmB,GAAG,KAAK,CAAC,mBAAmB,CAAC,MAAM,CAAC,yBAAyB,CAAC,GAAG,yBAAyB,CAAC;AACjI,KAAK,CAAC;AACN,IAAI,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK;AACjD,MAAM,OAAO,CAAC,CAACC,SAAgB,EAAE;AACjC,QAAQ,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC;AAC9C,QAAQ,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC;AAC9C,QAAQ,QAAQ,EAAE,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC;AACpD,OAAO,EAAE,KAAK,CAAC,aAAa,GAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AAC1J,KAAK;AACL,IAAI,gBAAgB,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,KAAK;AAC7C,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,IAAI,KAAK,CAAC,gBAAgB;AAChC,QAAQ,OAAO,KAAK,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AACzD,MAAM,IAAI,CAAC,KAAK;AAChB,QAAQ,OAAO,IAAI,CAAC;AACpB,MAAM,OAAO,CAAC,EAAE,GAAG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC1F,KAAK;AACL,IAAI,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,KAAK;AACpC,MAAM,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AACrB,MAAM,CAAC,EAAE,GAAG,KAAK,CAAC,WAAW,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AAChF,MAAM,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,gBAAgB;AACtD,QAAQ,OAAO;AACf,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,aAAa,IAAI,IAAI,CAAC,MAAM,CAAC,EAAE;AACvE,QAAQ,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE;AACjD,UAAU,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;AAChH,UAAU,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACrF,SAAS;AACT,OAAO,MAAM,IAAI,KAAK,CAAC,iBAAiB,EAAE;AAC1C,QAAQ,CAAC,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC;AACxC,OAAO;AACP,KAAK;AACL,IAAI,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;AAC/B,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,CAAC,EAAE,GAAG,KAAK,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;AAC3E,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AACxD,MAAM,IAAI,KAAK,CAAC,aAAa,EAAE;AAC/B,QAAQ,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC;AACpI,OAAO,MAAM;AACb,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAAE;AAC5B,UAAU,IAAI,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;AACpE,SAAS,MAAM;AACf,UAAU,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,KAAK,gBAAgB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;AACpM,UAAU,MAAM,YAAY,GAAG,SAAS,GAAG,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,CAAC;AACzF,UAAU,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,KAAK,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,CAAC,UAAU,EAAE,CAAC,KAAK,KAAK,gBAAgB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;AACzM,UAAU,IAAI,CAAC,kBAAkB,EAAE,YAAY,KAAK,KAAK,CAAC,UAAU,IAAI,eAAe,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,CAAC;AACjH,SAAS;AACT,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"tree.mjs","sources":["../../../../../../packages/components/tree-select/src/tree.ts"],"sourcesContent":["// @ts-nocheck\nimport { computed, nextTick, toRefs, watch } from \"vue\";\nimport { isEqual, pick } from \"lodash-unified\";\nimport {\n  UPDATE_MODEL_EVENT,\n  UPDATE_MODEL_EVENT_CACH,\n} from \"@element-plus/constants\";\nimport { isFunction } from \"@element-plus/utils\";\nimport ElTree from \"@element-plus/components/tree\";\nimport TreeSelectOption from \"./tree-select-option\";\nimport { isValidArray, isValidValue, toValidArray, treeFind } from \"./utils\";\nimport type { Ref } from \"vue\";\nimport type ElSelect from \"@element-plus/components/select\";\nimport type Node from \"@element-plus/components/tree/src/model/node\";\nimport type { TreeNodeData } from \"@element-plus/components/tree/src/tree.type\";\n\nexport const useTree = (\n  props,\n  { attrs, slots, emit },\n  {\n    select,\n    tree,\n    key,\n  }: {\n    select: Ref<InstanceType<typeof ElSelect> | undefined>;\n    tree: Ref<InstanceType<typeof ElTree> | undefined>;\n    key: Ref<string>;\n  }\n) => {\n  watch(\n    () => props.modelValue,\n    () => {\n      if (props.showCheckbox) {\n        nextTick(() => {\n          const treeInstance = tree.value;\n          if (\n            treeInstance &&\n            !isEqual(\n              treeInstance.getCheckedKeys(),\n              toValidArray(props.modelValue)\n            )\n          ) {\n            treeInstance.setCheckedKeys(toValidArray(props.modelValue));\n          }\n        });\n      }\n    },\n    {\n      immediate: true,\n      deep: true,\n    }\n  );\n\n  const propsMap = computed(() => ({\n    value: key.value,\n    ...props.props,\n  }));\n\n  const getNodeValByProp = (\n    prop: \"value\" | \"label\" | \"children\" | \"disabled\" | \"isLeaf\",\n    data: TreeNodeData\n  ) => {\n    const propVal = propsMap.value[prop];\n    if (isFunction(propVal)) {\n      return propVal(\n        data,\n        tree.value?.getNode(getNodeValByProp(\"value\", data)) as Node\n      );\n    } else {\n      return data[propVal as string];\n    }\n  };\n\n  const defaultExpandedParentKeys = toValidArray(props.modelValue)\n    .map((value) => {\n      return treeFind(\n        props.data || [],\n        (data) => getNodeValByProp(\"value\", data) === value,\n        (data) => getNodeValByProp(\"children\", data),\n        (data, index, array, parent) =>\n          parent && getNodeValByProp(\"value\", parent)\n      );\n    })\n    .filter((item) => isValidValue(item));\n\n  return {\n    ...pick(toRefs(props), Object.keys(ElTree.props)),\n    ...attrs,\n    nodeKey: key,\n\n    // only expand on click node when the `check-strictly` is false\n    expandOnClickNode: computed(() => {\n      return !props.checkStrictly && props.expandOnClickNode;\n    }),\n\n    // show current selected node only first time,\n    // fix the problem of expanding multiple nodes when checking multiple nodes\n    defaultExpandedKeys: computed(() => {\n      return props.defaultExpandedKeys\n        ? props.defaultExpandedKeys.concat(defaultExpandedParentKeys)\n        : defaultExpandedParentKeys;\n    }),\n\n    renderContent: (h, { node, data, store }) => {\n      return h(\n        TreeSelectOption,\n        {\n          value: getNodeValByProp(\"value\", data),\n          label: getNodeValByProp(\"label\", data),\n          disabled: getNodeValByProp(\"disabled\", data),\n        },\n        props.renderContent\n          ? () => props.renderContent(h, { node, data, store })\n          : slots.default\n          ? () => slots.default({ node, data, store })\n          : undefined\n      );\n    },\n    filterNodeMethod: (value, data, node) => {\n      if (props.filterNodeMethod)\n        return props.filterNodeMethod(value, data, node);\n      if (!value) return true;\n      return getNodeValByProp(\"label\", data)?.includes(value);\n    },\n    onNodeClick: (data, node, e) => {\n      attrs.onNodeClick?.(data, node, e);\n\n      // `onCheck` is trigger when `checkOnClickNode`\n      if (props.showCheckbox && props.checkOnClickNode) return;\n\n      // now `checkOnClickNode` is false, only no checkbox and `checkStrictly` or `isLeaf`\n      if (!props.showCheckbox && (props.checkStrictly || node.isLeaf)) {\n        if (!getNodeValByProp(\"disabled\", data)) {\n          const option = select.value?.options.get(\n            getNodeValByProp(\"value\", data)\n          );\n          select.value?.handleOptionSelect(option, true);\n        }\n      } else if (props.expandOnClickNode) {\n        e.proxy.handleExpandIconClick();\n      }\n    },\n    onCheck: (data, params) => {\n      attrs.onCheck?.(data, params);\n\n      const dataValue = getNodeValByProp(\"value\", data);\n      if (props.checkStrictly) {\n        emit(\n          props.showBtn ? UPDATE_MODEL_EVENT_CACH : UPDATE_MODEL_EVENT,\n          // Checking for changes may come from `check-on-node-click`\n          props.multiple\n            ? params.checkedKeys\n            : params.checkedKeys.includes(dataValue)\n            ? dataValue\n            : undefined\n        );\n      }\n      // only can select leaf node\n      else {\n        if (props.multiple) {\n          emit(\n            props.showBtn ? UPDATE_MODEL_EVENT_CACH : UPDATE_MODEL_EVENT,\n            (tree.value as InstanceType<typeof ElTree>).getCheckedKeys(true)\n          );\n        } else {\n          // select first leaf node when check parent\n          const firstLeaf = treeFind(\n            [data],\n            (data) =>\n              !isValidArray(getNodeValByProp(\"children\", data)) &&\n              !getNodeValByProp(\"disabled\", data),\n            (data) => getNodeValByProp(\"children\", data)\n          );\n          const firstLeafKey = firstLeaf\n            ? getNodeValByProp(\"value\", firstLeaf)\n            : undefined;\n\n          // unselect when any child checked\n          const hasCheckedChild =\n            isValidValue(props.modelValue) &&\n            !!treeFind(\n              [data],\n              (data) => getNodeValByProp(\"value\", data) === props.modelValue,\n              (data) => getNodeValByProp(\"children\", data)\n            );\n\n          emit(\n            props.showBtn ? UPDATE_MODEL_EVENT_CACH : UPDATE_MODEL_EVENT,\n            firstLeafKey === props.modelValue || hasCheckedChild\n              ? undefined\n              : firstLeafKey\n          );\n        }\n      }\n    },\n  };\n};\n"],"names":["ElTree","TreeSelectOption"],"mappings":"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"}