@das-fed/ui 1.1.4 → 6.3.0-beta.1

package/packages/components/tree-select/index.js

@@ -1,6 +1,6 @@
-import { warn, getCurrentInstance, inject, ref, computed, unref as unref$1, watch as watch$1, onMounted, shallowRef, onBeforeUnmount, onBeforeMount, provide, defineComponent, renderSlot, openBlock, createElementBlock, normalizeClass, normalizeStyle, withDirectives, cloneVNode, Fragment, Text, Comment, createVNode, createBlock, mergeProps, withCtx, createCommentVNode, nextTick, toRef, Teleport, Transition, vShow, readonly, onDeactivated, toDisplayString, createTextVNode, onUpdated, useAttrs, createElementVNode, withModifiers, isRef, createSlots } from 'vue';
+import { warn, getCurrentInstance, inject, ref, computed, unref as unref$1, watch as watch$1, onMounted, shallowRef, onBeforeUnmount, onBeforeMount, provide, defineComponent, renderSlot, openBlock, createElementBlock, normalizeClass, normalizeStyle, withDirectives, cloneVNode, Fragment, Text, Comment, createVNode, createBlock, mergeProps, withCtx, createCommentVNode, nextTick, toRef, Teleport, Transition, vShow, readonly, onDeactivated, toDisplayString, createTextVNode, onUpdated, useAttrs, createElementVNode, withModifiers, createSlots } from 'vue';
 import { withInstall as withInstall$1 } from '@das-fed/utils';
-import { DasTreeRef, DasSelect, DasIcon, DasTree } from '@das-fed/ui';
+import { DasTreeRef, DasSelect, DasTree, DasIcon } from '@das-fed/ui';
 import { SizeWatcher } from '@das-fed/utils/size-watcher';
 import { flatTree } from '@das-fed/utils/common-tools';
 import { vClickOutside } from '@das-fed/utils/directive';
@@ -199,11 +199,13 @@ __spreadValues({
 }, _TransitionPresets);
 
 /**
-* @vue/shared v3.4.21
+* @vue/shared v3.4.27
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
 
+
+
 !!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
 !!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
 const NOOP = () => {
@@ -427,14 +429,14 @@ const _bem = (namespace, block, blockSuffix, element, modifier) => {
 };
 const namespaceContextKey = Symbol("namespaceContextKey");
 const useGetDerivedNamespace = (namespaceOverrides) => {
-  const derivedNamespace = namespaceOverrides || (getCurrentInstance() ? inject(namespaceContextKey, ref(defaultNamespace)) : ref(defaultNamespace));
+  const derivedNamespace = (getCurrentInstance() ? inject(namespaceContextKey, ref(defaultNamespace)) : ref(defaultNamespace));
   const namespace = computed(() => {
     return unref$1(derivedNamespace) || defaultNamespace;
   });
   return namespace;
 };
 const useNamespace = (block, namespaceOverrides) => {
-  const namespace = useGetDerivedNamespace(namespaceOverrides);
+  const namespace = useGetDerivedNamespace();
   const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
   const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
   const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
@@ -868,7 +870,7 @@ const zIndex = ref(0);
 const defaultInitialZIndex = 2e3;
 const zIndexContextKey = Symbol("zIndexContextKey");
 const useZIndex = (zIndexOverrides) => {
-  const zIndexInjection = zIndexOverrides || (getCurrentInstance() ? inject(zIndexContextKey, void 0) : void 0);
+  const zIndexInjection = (getCurrentInstance() ? inject(zIndexContextKey, void 0) : void 0);
   const initialZIndex = computed(() => {
     const zIndexFromInjection = unref$1(zIndexInjection);
     return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
@@ -1564,10 +1566,10 @@ const _sfc_main$8 = defineComponent({
     };
   }
 });
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$2], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/focus-trap/src/focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$3], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/focus-trap/src/focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const popperCoreConfigProps = buildProps({
@@ -2463,19 +2465,19 @@ var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof win
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Collection = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["render", _sfc_render$1], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection.vue"]]);
+var Collection = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["render", _sfc_render$2], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection.vue"]]);
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var CollectionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection-item.vue"]]);
+var CollectionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["render", _sfc_render$1], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection-item.vue"]]);
 
 const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
 const createCollectionWithScope = (name) => {
@@ -20049,17 +20051,23 @@ const useTreeSelect = (props, emit, nodeKey, attrs, lazy, isCheckStrictly) => {
       emit("update:keyword", val);
     }
   });
+  const treePath = computed({
+    get: () => {
+      return props.path;
+    },
+    set: (val) => {
+      emit("update:path", val);
+    }
+  });
   const findPath = (tree, targetName, path = []) => {
     for (let i = 0; i < tree.length; i++) {
       const node = tree[i];
       const nodeName = node[treeProps.value.label];
       path.push(nodeName);
-      if (nodeName === targetName)
-        return path.join("/");
+      if (nodeName === targetName) return path.join("/");
       if (node.children && node.children.length > 0) {
         const result = findPath(node[treeProps.value.children], targetName, path);
-        if (result)
-          return result;
+        if (result) return result;
       }
       path.pop();
     }
@@ -20071,8 +20079,7 @@ const useTreeSelect = (props, emit, nodeKey, attrs, lazy, isCheckStrictly) => {
     if (lazy.value) {
       originData = $tree.value?.lazyData || [];
     } else {
-      if (props.data)
-        originData = flatTree(props.data, treeProps.value.children) || [];
+      if (props.data) originData = flatTree(props.data, treeProps.value.children) || [];
     }
     if (originData.length) {
       result = originData.map((item) => ({
@@ -20084,18 +20091,14 @@ const useTreeSelect = (props, emit, nodeKey, attrs, lazy, isCheckStrictly) => {
   });
   const textShow = ref(false);
   const checkselectOptionsData = () => {
-    if (props.parentLinkChildrenStrictly || !lazy.value)
-      return true;
-    if (selectOptions.value.length === 0)
-      return false;
+    if (props.parentLinkChildrenStrictly || !lazy.value) return true;
+    if (selectOptions.value.length === 0) return false;
     if (!showCheckbox.value) {
-      if (!innerValue.value)
-        return true;
+      if (!innerValue.value) return true;
       const currentItem = selectOptions.value.find((item) => item[nodeKey.value] === innerValue.value);
       return !!currentItem;
     } else {
-      if (!innerValue.value || !innerValue.value?.length)
-        return true;
+      if (!innerValue.value || !innerValue.value?.length) return true;
       const optionsIds = selectOptions.value.map((item) => item[nodeKey.value]);
       return innerValue.value?.every((item) => optionsIds.includes(item));
     }
@@ -20107,61 +20110,6 @@ const useTreeSelect = (props, emit, nodeKey, attrs, lazy, isCheckStrictly) => {
     },
     { immediate: true }
   );
-  const checkFormInner = ref(false);
-  const preInnerVal = ref([]);
-  watch$1(
-    () => innerValue.value,
-    (val) => {
-      if (checkFormInner.value) {
-        checkFormInner.value = false;
-        return;
-      }
-      if (props.filter)
-        innerKeyword.value = "";
-      if (JSON.stringify(val) === JSON.stringify(preInnerVal.value))
-        return;
-      preInnerVal.value = lodashExports.cloneDeep(val);
-      const newInnerVal = val ?? (!showCheckbox.value ? "" : []);
-      if (!showCheckbox.value) {
-        if (!newInnerVal) {
-          emit("change", "", []);
-          return;
-        }
-        if (lazy.value) {
-          $tree.value?.lazyDataNextTick(newInnerVal).then(() => {
-            const nodes = selectOptions.value.filter((item) => item[nodeKey.value] === newInnerVal);
-            emit("change", newInnerVal, nodes);
-          });
-        } else {
-          const nodes = selectOptions.value.filter((item) => item[nodeKey.value] === newInnerVal);
-          emit("change", newInnerVal, nodes);
-        }
-      } else {
-        if (!newInnerVal || !newInnerVal.length) {
-          emit("change", [], []);
-          return;
-        }
-        if (lazy.value) {
-          $tree.value?.lazyDataNextTick(newInnerVal).then(() => {
-            const nodes = selectOptions.value.filter((item) => newInnerVal.includes(item[nodeKey.value]));
-            emit("change", newInnerVal, nodes);
-          });
-        } else {
-          const nodes = selectOptions.value.filter((item) => newInnerVal.includes(item[nodeKey.value]));
-          emit("change", newInnerVal, nodes);
-        }
-      }
-    },
-    { deep: true }
-  );
-  const treePath = computed({
-    get: () => {
-      return props.path;
-    },
-    set: (val) => {
-      emit("update:path", val);
-    }
-  });
   const poppverContentStyle = computed(() => {
     return {
       height: props.poppverHeight ? handleUnit(props.poppverHeight) : void 0,
@@ -20177,60 +20125,70 @@ const useTreeSelect = (props, emit, nodeKey, attrs, lazy, isCheckStrictly) => {
     emit("visible-change", false);
   };
   const selectMouseDown = lodashExports.debounce(() => {
-    if (props.disabled || props.isView)
-      return;
-    popoverVisible.value = !popoverVisible.value;
+    if (props.disabled || props.isView) return;
+    if (!popoverVisible.value) {
+      document.body.click();
+      popoverVisible.value = true;
+    } else {
+      popoverVisible.value = false;
+    }
   }, 200);
-  const isSelectClear = ref(false);
-  const selectClear = () => {
+  const treeChange = async () => {
+    await nextTick();
+    let options = [];
     if (!showCheckbox.value) {
-      innerValue.value = [];
-    } else {
-      innerValue.value = "";
+      if (innerValue.value || innerValue.value === 0) {
+        if (lazy.value) await $tree.value?.lazyDataNextTick(innerValue.value);
+        options = selectOptions.value.filter((item) => item[nodeKey.value] === innerValue.value);
+      }
     }
+    if (showCheckbox.value) {
+      if (innerValue.value || innerValue.value.length) {
+        if (lazy.value) await $tree.value?.lazyDataNextTick(innerValue.value);
+        options = selectOptions.value.filter((item) => innerValue.value.includes(item[nodeKey.value]));
+      }
+    }
+    emit("change", innerValue.value, options);
+  };
+  const isSelectClear = ref(false);
+  const selectClear = async () => {
+    innerValue.value = showCheckbox.value ? [] : "";
+    treeChange();
     isSelectClear.value = true;
   };
-  const deselect = (val) => {
-    if (isSelectClear.value)
-      return;
-    if (!showCheckbox.value)
-      return;
+  const deselect = async (val) => {
+    if (isSelectClear.value) return;
+    if (!showCheckbox.value) return;
     if (!lazy.value && !isCheckStrictly.value) {
-      checkFormInner.value = true;
-      nextTick(() => {
-        let node = $tree.value?.treeRef?.getNode(val);
-        node.checked = false;
-        $tree.value?.childLinkParent(node);
-        $tree.value?.parentLinkChild(node);
-      });
+      let node = $tree.value?.treeRef?.getNode(val);
+      node.checked = false;
+      $tree.value?.childLinkParent(node, node.checked);
+      $tree.value?.parentLinkChild(node, node.checked);
     }
     if (lazy.value && props.parentLinkChildrenStrictly) {
       let data = selectOptions.value.find((item) => item[nodeKey.value] === val);
       if (data && $tree.value?.getGrandChildrenFn) {
-        $tree.value.getGrandChildrenFn(data).then((result) => {
-          if (result && result.length) {
-            const resultIds = result.map((item) => item[nodeKey.value]);
-            if (innerValue.value && innerValue.value?.length) {
-              innerValue.value = innerValue.value.filter((id) => !resultIds.includes(id));
-            }
+        const result = await $tree.value.getGrandChildrenFn(data);
+        if (result && result.length) {
+          const resultIds = result.map((item) => item[nodeKey.value]);
+          if (innerValue.value && innerValue.value?.length) {
+            innerValue.value = innerValue.value.filter((id) => !resultIds.includes(id));
           }
-        });
+        }
       }
     }
+    treeChange();
   };
   const selectSearch = (val) => {
-    if (!props.filter)
-      return;
+    if (!props.filter) return;
     const realVal = val ? val?.trim() : val;
     innerKeyword.value = realVal;
-    if (!popoverVisible.value)
-      popoverVisible.value = true;
+    if (!popoverVisible.value) popoverVisible.value = true;
   };
   const nodeChange = () => {
     if (!showCheckbox.value) {
       popoverVisible.value = false;
-      if (props.filter)
-        $select.value?.$select?.focus();
+      if (props.filter) $select.value?.$select?.focus();
     }
   };
   const getDasTreeSelectWidth = () => {
@@ -20246,12 +20204,8 @@ const useTreeSelect = (props, emit, nodeKey, attrs, lazy, isCheckStrictly) => {
       realPoppverWidth.value = props.poppverWidth ? handleUnit(props.poppverWidth) : getDasTreeSelectWidth();
     });
   };
-  const resetDefaultVal = (val) => {
-    preInnerVal.value = val;
-  };
   const focus = (value) => {
-    if (isSelectClear.value)
-      isSelectClear.value = false;
+    if (isSelectClear.value) isSelectClear.value = false;
     $select.value?.toChangeMaxCount(true);
     emit("focus", value);
   };
@@ -20274,15 +20228,16 @@ const useTreeSelect = (props, emit, nodeKey, attrs, lazy, isCheckStrictly) => {
     return new Promise((res) => {
       const check = () => {
         const selectDom = dasTreeSelectRef.value?.querySelector(".ant-select-selector");
-        if (selectDom)
-          return res(selectDom);
+        if (selectDom) return res(selectDom);
         setTimeout(() => check(), 50);
       };
       check();
     });
   };
+  const resetDefaultVal = (val) => {
+    innerValue.value = val;
+  };
   onMounted(async () => {
-    resetDefaultVal(lodashExports.cloneDeep(innerValue.value));
     setRealWidth();
     const selectDom = await domLoadNextTick();
     if (selectDom) {
@@ -20312,6 +20267,7 @@ const useTreeSelect = (props, emit, nodeKey, attrs, lazy, isCheckStrictly) => {
     selectOptions,
     poppverShow,
     poppverHide,
+    treeChange,
     nodeChange,
     deselect,
     selectSearch,
@@ -20349,7 +20305,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     selectAttrs: { type: Object, required: false },
     width: { type: [Number, String], required: false },
     poppverWidth: { type: [Number, String], required: false },
-    poppverHeight: { type: [Number, String], required: false, default: 300 },
+    poppverHeight: { type: [Number, String], required: false, default: 320 },
     poppverMaxHeight: { type: [Number, String], required: false },
     filter: { type: Boolean, required: false, default: true },
     keyword: { type: String, required: false, default: "" },
@@ -20359,7 +20315,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     load: { type: Function, required: false },
     search: { type: Function, required: false },
     parentLinkChildrenStrictly: { type: Boolean, required: false },
-    getGrandChildren: { type: Function, required: false }
+    getGrandChildren: { type: Function, required: false },
+    childLinkParentStrictly: { type: Boolean, required: false }
   },
   emits: ["update:modelValue", "update:path", "update:keyword", "change", "focus", "blur", "visible-change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -20378,18 +20335,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return props.selectAttrs ? props.selectAttrs : {};
     });
     const popoverDisabled = computed(() => {
-      if (props.disabled || props.isView)
-        return true;
+      if (props.disabled || props.isView) return true;
       return false;
     });
     const isCheckStrictly = computed(() => {
-      if (props.parentLinkChildrenStrictly)
-        return true;
+      if (props.parentLinkChildrenStrictly || props.childLinkParentStrictly) return true;
       return props.checkStrictly ?? lazy.value ? true : false;
     });
     const onInputKeyDown = (e) => {
-      if (e.key === "Enter")
-        e.stopPropagation();
+      if (e.key === "Enter") e.stopPropagation();
     };
     const {
       dasTreeSelectRef,
@@ -20400,6 +20354,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       realWidth,
       poppverContentStyle,
       realPoppverWidth,
+      treeChange,
       nodeChange,
       treePath,
       treeProps,
@@ -20427,178 +20382,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       $tree,
       resetDefaultVal
     });
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock(
-        "div",
-        {
-          ref_key: "dasTreeSelectRef",
-          ref: dasTreeSelectRef,
-          class: normalizeClass({ "das-ui-tree-select": true, "is-lazy": lazy.value, "text-hide": !unref$1(textShow) }),
-          style: normalizeStyle({ width: unref$1(realWidth) })
-        },
-        [
-          createCommentVNode(` \u5728\u4F7F\u7528 2.x \u7248\u672C\u7684element-UI\u65F6\uFF0C\u91CC\u9762\u7684 Popover \u6C14\u6CE1\u5361\u7247 \u7EC4\u4EF6\uFF0C\u6709\u81EA\u5E26\u7684 \u81EA\u52A8\u9002\u5E94\u4F4D\u7F6E \u7684\u529F\u80FD\uFF1B\u5728 element plus \u4E2D\uFF0C\u76F4\u63A5\u4F7F\u7528\uFF0C\u5DF2\u7ECF\u65E0\u6CD5\u81EA\u9002\u5E94\u6C14\u6CE1\u5F39\u7A97\u7684\u4F4D\u7F6E\u4E86\uFF1B\u9700\u8981\u81EA\u884C\u914D\u7F6E:fallback-placements="['bottom', 'top', 'right', 'left']" `),
-          createVNode(unref$1(ElPopover), {
-            ref_key: "popoverRef",
-            ref: popoverRef,
-            visible: unref$1(popoverVisible),
-            "popper-class": "das-tree-select-popper",
-            placement: "bottom-start",
-            "show-arrow": false,
-            width: unref$1(realPoppverWidth),
-            disabled: popoverDisabled.value,
-            "fallback-placements": ["bottom", "top", "right", "left"],
-            onShow: unref$1(poppverShow),
-            onHide: unref$1(poppverHide)
-          }, {
-            reference: withCtx(() => [
-              createElementVNode(
-                "div",
-                {
-                  class: "das-tree-select__select-content",
-                  onMousedown: _cache[1] || (_cache[1] = withModifiers(
-                    //@ts-ignore
-                    (...args) => unref$1(selectMouseDown) && unref$1(selectMouseDown)(...args),
-                    ["stop"]
-                  ))
-                },
-                [
-                  createVNode(unref$1(DasSelect), mergeProps({
-                    ref_key: "$select",
-                    ref: $select,
-                    class: { "is-active": unref$1(popoverVisible) },
-                    dropdownClassName: "das-tree-select-dropdown",
-                    modelValue: unref$1(innerValue),
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(innerValue) ? innerValue.value = $event : null)
-                  }, $selectAttrs.value, {
-                    searchValue: unref$1(innerKeyword),
-                    options: unref$1(selectOptions),
-                    disabled: _ctx.disabled,
-                    isView: _ctx.isView,
-                    size: _ctx.size,
-                    mode: _ctx.mode,
-                    borderType: _ctx.borderType,
-                    placeholder: _ctx.placeholder,
-                    "show-search": _ctx.filter,
-                    filterOption: _ctx.filter,
-                    width: unref$1(realWidth),
-                    fieldNames: {
-                      value: nodeKey.value,
-                      label: !!_ctx.showFullPath ? unref$1(treeProps).pathName : unref$1(treeProps).label
-                    },
-                    isTooltip: isTooltip.value,
-                    errorMode: _ctx.errorMode,
-                    error: _ctx.error,
-                    errorLabel: _ctx.errorLabel,
-                    autoClearSearchValue: false,
-                    isExterControlCount: "",
-                    onDeselect: unref$1(deselect),
-                    onSearch: unref$1(selectSearch),
-                    onInputKeyDown,
-                    onFocus: unref$1(focus),
-                    onBlur: unref$1(blur),
-                    onClear: unref$1(selectClear)
-                  }), {
-                    suffixIcon: withCtx(() => [
-                      createVNode(unref$1(DasIcon), {
-                        icon: "xiala",
-                        size: "medium",
-                        style: { "transition": "transform 0.5s" },
-                        iconColor: unref$1(popoverVisible) ? "#5582F3" : "currentColor"
-                      }, null, 8, ["iconColor"])
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 16, ["class", "modelValue", "searchValue", "options", "disabled", "isView", "size", "mode", "borderType", "placeholder", "show-search", "filterOption", "width", "fieldNames", "isTooltip", "errorMode", "error", "errorLabel", "onDeselect", "onSearch", "onFocus", "onBlur", "onClear"])
-                ],
-                32
-                /* NEED_HYDRATION */
-              )
-            ]),
-            default: withCtx(() => [
-              createElementVNode(
-                "div",
-                {
-                  class: "das-tree-select__tree-content",
-                  style: normalizeStyle(unref$1(poppverContentStyle)),
-                  onClick: _cache[4] || (_cache[4] = withModifiers(() => {
-                  }, ["stop"]))
-                },
-                [
-                  createVNode(unref$1(DasTree), mergeProps({
-                    ref_key: "$tree",
-                    ref: $tree
-                  }, unref$1(attrs), {
-                    data: _ctx.data,
-                    modelValue: unref$1(innerValue),
-                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-                    "filter-value": unref$1(innerKeyword),
-                    "onUpdate:filterValue": _cache[3] || (_cache[3] = ($event) => isRef(innerKeyword) ? innerKeyword.value = $event : null),
-                    "show-checkbox": unref$1(showCheckbox),
-                    "is-filter": _ctx.filter,
-                    "show-filter-input": false,
-                    "filter-mode": "input",
-                    lazy: lazy.value,
-                    load: loadFn.value,
-                    search: searchFn.value,
-                    path: unref$1(treePath),
-                    "default-expand-all": treeExpandAll.value,
-                    "check-strictly": isCheckStrictly.value,
-                    parentLinkChildrenStrictly: _ctx.parentLinkChildrenStrictly,
-                    getGrandChildren: getGrandChildrenFn.value,
-                    onNodeChange: unref$1(nodeChange)
-                  }), createSlots({
-                    _: 2
-                    /* DYNAMIC */
-                  }, [
-                    _ctx.$slots.prefix ? {
-                      name: "prefix",
-                      fn: withCtx(() => [
-                        renderSlot(_ctx.$slots, "prefix")
-                      ]),
-                      key: "0"
-                    } : void 0,
-                    _ctx.$slots.suffix ? {
-                      name: "suffix",
-                      fn: withCtx(() => [
-                        renderSlot(_ctx.$slots, "suffix")
-                      ]),
-                      key: "1"
-                    } : void 0,
-                    _ctx.$slots.prepend ? {
-                      name: "prepend",
-                      fn: withCtx(() => [
-                        renderSlot(_ctx.$slots, "prepend")
-                      ]),
-                      key: "2"
-                    } : void 0,
-                    _ctx.$slots.append ? {
-                      name: "append",
-                      fn: withCtx(() => [
-                        renderSlot(_ctx.$slots, "append")
-                      ]),
-                      key: "3"
-                    } : void 0
-                  ]), 1040, ["data", "modelValue", "filter-value", "show-checkbox", "is-filter", "lazy", "load", "search", "path", "default-expand-all", "check-strictly", "parentLinkChildrenStrictly", "getGrandChildren", "onNodeChange"])
-                ],
-                4
-                /* STYLE */
-              )
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["visible", "width", "disabled", "onShow", "onHide"])
-        ],
-        6
-        /* CLASS, STYLE */
-      )), [
-        [unref$1(vClickOutside), {
-          fn: () => {
-            popoverVisible.value = false;
-          }
-        }]
-      ]);
-    };
+    const __returned__ = { props, emit, attrs, nodeKey, loadFn, searchFn, getGrandChildrenFn, lazy, treeExpandAll, $selectAttrs, popoverDisabled, isCheckStrictly, onInputKeyDown, dasTreeSelectRef, $tree, $select, innerValue, innerKeyword, realWidth, poppverContentStyle, realPoppverWidth, treeChange, nodeChange, treePath, treeProps, selectOptions, popoverRef, deselect, poppverShow, poppverHide, selectSearch, selectMouseDown, popoverVisible, resetDefaultVal, selectClear, focus, blur, textShow, checkselectOptionsData, showCheckbox, isTooltip, get ElPopover() {
+      return ElPopover;
+    }, get DasSelect() {
+      return DasSelect;
+    }, get DasTree() {
+      return DasTree;
+    }, get DasIcon() {
+      return DasIcon;
+    }, get vClickOutside() {
+      return vClickOutside;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
   }
 });
 
@@ -20610,7 +20406,179 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-var TreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\tree-select\\src\\App.vue"]]);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return withDirectives((openBlock(), createElementBlock(
+    "div",
+    {
+      ref: "dasTreeSelectRef",
+      class: normalizeClass({ "das-ui-tree-select": true, "is-lazy": $setup.lazy, "text-hide": !$setup.textShow }),
+      style: normalizeStyle({ width: $setup.realWidth })
+    },
+    [
+      createCommentVNode(` \u5728\u4F7F\u7528 2.x \u7248\u672C\u7684element-UI\u65F6\uFF0C\u91CC\u9762\u7684 Popover \u6C14\u6CE1\u5361\u7247 \u7EC4\u4EF6\uFF0C\u6709\u81EA\u5E26\u7684 \u81EA\u52A8\u9002\u5E94\u4F4D\u7F6E \u7684\u529F\u80FD\uFF1B\u5728 element plus \u4E2D\uFF0C\u76F4\u63A5\u4F7F\u7528\uFF0C\u5DF2\u7ECF\u65E0\u6CD5\u81EA\u9002\u5E94\u6C14\u6CE1\u5F39\u7A97\u7684\u4F4D\u7F6E\u4E86\uFF1B\u9700\u8981\u81EA\u884C\u914D\u7F6E:fallback-placements="['bottom', 'top', 'right', 'left']" `),
+      createVNode($setup["ElPopover"], {
+        ref: "popoverRef",
+        visible: $setup.popoverVisible,
+        "popper-class": "das-tree-select-popper",
+        placement: "bottom-start",
+        "show-arrow": false,
+        width: $setup.realPoppverWidth,
+        disabled: $setup.popoverDisabled,
+        "fallback-placements": ["bottom", "top", "right", "left"],
+        onShow: $setup.poppverShow,
+        onHide: $setup.poppverHide
+      }, {
+        reference: withCtx(() => [
+          createElementVNode(
+            "div",
+            {
+              class: "das-tree-select__select-content",
+              onMousedown: _cache[1] || (_cache[1] = withModifiers((...args) => $setup.selectMouseDown && $setup.selectMouseDown(...args), ["stop"]))
+            },
+            [
+              createVNode($setup["DasSelect"], mergeProps({
+                ref: "$select",
+                class: { "is-active": $setup.popoverVisible },
+                dropdownClassName: "das-tree-select-dropdown",
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.innerValue = $event)
+              }, $setup.$selectAttrs, {
+                searchValue: $setup.innerKeyword,
+                options: $setup.selectOptions,
+                disabled: $props.disabled,
+                isView: $props.isView,
+                size: $props.size,
+                mode: $props.mode,
+                borderType: $props.borderType,
+                placeholder: $props.placeholder,
+                "show-search": $props.filter,
+                filterOption: $props.filter,
+                width: $setup.realWidth,
+                fieldNames: {
+                  value: $setup.nodeKey,
+                  label: !!$props.showFullPath ? $setup.treeProps.pathName : $setup.treeProps.label
+                },
+                isTooltip: $setup.isTooltip,
+                errorMode: $props.errorMode,
+                error: $props.error,
+                errorLabel: $props.errorLabel,
+                autoClearSearchValue: false,
+                isExterControlCount: "",
+                onDeselect: $setup.deselect,
+                onSearch: $setup.selectSearch,
+                onInputKeyDown: $setup.onInputKeyDown,
+                onFocus: $setup.focus,
+                onBlur: $setup.blur,
+                onClear: $setup.selectClear
+              }), {
+                suffixIcon: withCtx(() => [
+                  createVNode($setup["DasIcon"], {
+                    icon: "xiala",
+                    size: "medium",
+                    style: { "transition": "transform 0.5s" },
+                    iconColor: $setup.popoverVisible ? "#5582F3" : "currentColor"
+                  }, null, 8, ["iconColor"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 16, ["class", "modelValue", "searchValue", "options", "disabled", "isView", "size", "mode", "borderType", "placeholder", "show-search", "filterOption", "width", "fieldNames", "isTooltip", "errorMode", "error", "errorLabel", "onDeselect", "onSearch", "onFocus", "onBlur", "onClear"])
+            ],
+            32
+            /* NEED_HYDRATION */
+          )
+        ]),
+        default: withCtx(() => [
+          createElementVNode(
+            "div",
+            {
+              class: "das-tree-select__tree-content",
+              style: normalizeStyle($setup.poppverContentStyle),
+              onClick: _cache[4] || (_cache[4] = withModifiers(() => {
+              }, ["stop"])),
+              onMousedown: _cache[5] || (_cache[5] = withModifiers(() => {
+              }, ["stop"]))
+            },
+            [
+              createVNode($setup["DasTree"], mergeProps({ ref: "$tree" }, $setup.attrs, {
+                data: $props.data,
+                modelValue: $setup.innerValue,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $setup.innerValue = $event),
+                "filter-value": $setup.innerKeyword,
+                "onUpdate:filterValue": _cache[3] || (_cache[3] = ($event) => $setup.innerKeyword = $event),
+                "show-checkbox": $setup.showCheckbox,
+                "is-filter": $props.filter,
+                "show-filter-input": false,
+                "filter-mode": "input",
+                lazy: $setup.lazy,
+                load: $setup.loadFn,
+                search: $setup.searchFn,
+                path: $setup.treePath,
+                "default-expand-all": $setup.treeExpandAll,
+                "check-strictly": $setup.lazy ? true : $setup.isCheckStrictly,
+                parentLinkChildrenStrictly: $props.parentLinkChildrenStrictly,
+                getGrandChildren: $setup.getGrandChildrenFn,
+                childLinkParentStrictly: $props.childLinkParentStrictly,
+                onChange: $setup.treeChange,
+                onNodeChange: $setup.nodeChange
+              }), createSlots({
+                default: withCtx(({ node, data }) => [
+                  renderSlot(_ctx.$slots, "default", {
+                    node,
+                    data
+                  })
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, [
+                _ctx.$slots.prefix ? {
+                  name: "prefix",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "prefix")
+                  ]),
+                  key: "0"
+                } : void 0,
+                _ctx.$slots.suffix ? {
+                  name: "suffix",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "suffix")
+                  ]),
+                  key: "1"
+                } : void 0,
+                _ctx.$slots.prepend ? {
+                  name: "prepend",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "prepend")
+                  ]),
+                  key: "2"
+                } : void 0,
+                _ctx.$slots.append ? {
+                  name: "append",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "append")
+                  ]),
+                  key: "3"
+                } : void 0
+              ]), 1040, ["data", "modelValue", "filter-value", "show-checkbox", "is-filter", "lazy", "load", "search", "path", "default-expand-all", "check-strictly", "parentLinkChildrenStrictly", "getGrandChildren", "childLinkParentStrictly", "onChange", "onNodeChange"])
+            ],
+            36
+            /* STYLE, NEED_HYDRATION */
+          )
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["visible", "width", "disabled", "onShow", "onHide"])
+    ],
+    6
+    /* CLASS, STYLE */
+  )), [
+    [$setup["vClickOutside"], {
+      fn: () => {
+        $setup.popoverVisible = false;
+      }
+    }]
+  ]);
+}
+var TreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/tree-select/src/App.vue"]]);
 
 var theme = {
   "--das-ui-tree-select-keyword-input-active": "#5582F3",