@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/transfer/TransferSource.vue.js

@@ -0,0 +1,207 @@
+import { defineComponent as Y, inject as ie, computed as t, h as m, createBlock as i, createElementBlock as u, unref as l, openBlock as n, resolveDynamicComponent as w, normalizeClass as v, createCommentVNode as q, createVNode as N, mergeProps as K, createSlots as ve, withCtx as X, toDisplayString as I, Fragment as T, renderList as fe, createTextVNode as pe } from "vue";
+import x from "classnames";
+import { omit as he } from "lodash-es";
+import { cssClasses as me, strings as J } from "@douyinfe/semi-foundation/transfer/constants";
+import ye from "../input/Input.vue.js";
+import Se from "../spin/Spin.vue.js";
+import ke from "../checkbox/Checkbox.vue.js";
+import Ce from "../tree/Tree.vue.js";
+import _e from "./TransferHeader.vue.js";
+import { TransferContextKey as be, SLOT_NAMES as f } from "./interface.js";
+import Ee from "../icons/icons/IconSearch.js";
+const Ve = /* @__PURE__ */ Y({
+  name: "TransferSource",
+  __name: "TransferSource",
+  props: {
+    locale: {}
+  },
+  setup(V) {
+    const y = V, b = ie(be);
+    if (!b)
+      throw new Error("TransferSource must be used within Transfer");
+    const { state: E, transferProps: r, foundation: c, methods: p, slots: d } = b, o = me.PREFIX, M = t(() => r.loading), L = t(() => r.type), g = t(() => r.disabled), B = t(() => r.dataSource), Q = t(() => r.inputProps), U = t(() => r.filter), A = t(() => E.value.inputValue), $ = t(() => E.value.searchResult), S = t(() => E.value.data), h = t(() => E.value.selectedItems), O = t(() => A.value !== ""), P = t(() => O.value ? $.value.size : S.value.length), R = t(
+      () => O.value ? S.value.filter((e) => $.value.has(e.key)) : S.value
+    ), F = t(() => O.value && $.value.size === 0), W = t(() => {
+      var e;
+      return ((e = r.emptyContent) == null ? void 0 : e.search) ?? y.locale.emptySearch;
+    }), Z = t(() => {
+      var e;
+      return ((e = r.emptyContent) == null ? void 0 : e.left) ?? y.locale.emptyLeft;
+    }), ee = t(() => typeof U.value == "boolean" ? U.value : !0), le = m(Ee), ae = t(() => {
+      let e = !0;
+      for (const s of R.value)
+        if (!s.disabled) {
+          e = !1;
+          break;
+        }
+      return e;
+    }), k = t(() => !!R.value.find((e) => e.disabled ? !1 : !h.value.has(e.key))), te = t(() => y.locale.total.replace("${total}", `${P.value}`)), C = t(() => ({
+      totalContent: te.value,
+      allContent: k.value ? y.locale.selectAll : y.locale.clearSelectAll,
+      onAllClick: () => c.handleAll(k.value),
+      type: "left",
+      showButton: L.value !== J.TYPE_TREE_TO_LIST && !ae.value,
+      num: P.value,
+      allChecked: !k.value
+    }));
+    t(() => ({
+      num: C.value.num,
+      showButton: C.value.showButton,
+      allChecked: C.value.allChecked,
+      onAllClick: C.value.onAllClick
+    }));
+    const re = t(() => c.getValuesAndItemsFromMap(h.value).values), ne = t(() => he(r.treeProps, ["value", "ref", "onChange"])), oe = (e) => {
+      c.handleSelect(e);
+    }, se = (e) => {
+      b.treeRef && (b.treeRef.value = e);
+    }, H = t(() => R.value), ue = (e, s) => {
+      var _;
+      const a = e._parent;
+      return a ? s === 0 ? !0 : ((_ = H.value[s - 1]._parent) == null ? void 0 : _.title) !== a.title : !1;
+    }, ce = (e) => {
+      p.handleInputChange(e.target.value);
+    }, de = () => {
+      p.handleInputChange("");
+    }, j = (e) => {
+      const s = {
+        ...e,
+        checked: h.value.has(e.key),
+        onChange: () => p.handleSelectOrRemove(e)
+      };
+      if (d[f.SOURCE_ITEM]) {
+        const a = d[f.SOURCE_ITEM](s);
+        return Array.isArray(a) ? m("div", { key: e.key }, a) : a && typeof a == "object" && a.type === T ? m("div", { key: e.key }, a) : a;
+      }
+      if (r.renderSourceItem) {
+        const a = r.renderSourceItem(s);
+        return Array.isArray(a) ? m("div", { key: e.key }, a) : a && typeof a == "object" && a.type === T ? m("div", { key: e.key }, a) : a;
+      }
+      return m("div", { key: e.key });
+    }, z = Y({
+      props: {
+        vnodes: {
+          type: Array,
+          required: !0
+        }
+      },
+      setup(e) {
+        return () => e.vnodes;
+      }
+    }), G = t(() => {
+      const { values: e } = c.getValuesAndItemsFromMap(h.value);
+      return {
+        loading: M.value,
+        noMatch: F.value,
+        filterData: R.value,
+        sourceData: S.value,
+        propsDataSource: B.value,
+        allChecked: !k.value,
+        showNumber: P.value,
+        inputValue: A.value,
+        selectedItems: h.value,
+        value: e,
+        onSelect: c.handleSelect.bind(c),
+        onAllClick: () => c.handleAll(k.value),
+        onSearch: p.handleInputChange,
+        onSelectOrRemove: (s) => p.handleSelectOrRemove(s)
+      };
+    });
+    return (e, s) => l(d)[l(f).SOURCE_PANEL] ? (n(), i(l(z), {
+      key: 0,
+      vnodes: l(d)[l(f).SOURCE_PANEL](G.value)
+    }, null, 8, ["vnodes"])) : l(r).renderSourcePanel ? (n(), i(w(l(r).renderSourcePanel(G.value)), { key: 1 })) : (n(), u("section", {
+      key: 2,
+      class: v(`${l(o)}-left`)
+    }, [
+      ee.value ? (n(), u("div", {
+        key: 0,
+        role: "search",
+        "aria-label": "Transfer filter",
+        class: v(`${l(o)}-filter`)
+      }, [
+        N(ye, K({
+          prefix: l(le),
+          placeholder: V.locale.placeholder,
+          showClear: "",
+          value: A.value,
+          disabled: g.value
+        }, Q.value, {
+          onInput: ce,
+          onClear: de
+        }), null, 16, ["prefix", "placeholder", "value", "disabled"])
+      ], 2)) : q("", !0),
+      N(_e, {
+        headerConfig: C.value,
+        disabled: g.value,
+        renderSourceHeader: l(r).renderSourceHeader
+      }, ve({ _: 2 }, [
+        l(d)[l(f).SOURCE_HEADER] ? {
+          name: "default",
+          fn: X((a) => [
+            N(l(z), {
+              vnodes: l(d)[l(f).SOURCE_HEADER](a)
+            }, null, 8, ["vnodes"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["headerConfig", "disabled", "renderSourceHeader"]),
+      M.value ? (n(), i(Se, { key: 1 })) : F.value ? (n(), u("div", {
+        key: 2,
+        "aria-label": "empty",
+        class: v(l(x)(`${l(o)}-empty`, `${l(o)}-left-empty`))
+      }, I(W.value), 3)) : S.value.length === 0 ? (n(), u("div", {
+        key: 3,
+        "aria-label": "empty",
+        class: v(l(x)(`${l(o)}-empty`, `${l(o)}-left-empty`))
+      }, I(Z.value), 3)) : L.value === l(J).TYPE_TREE_TO_LIST ? (n(), i(Ce, K({
+        key: 4,
+        ref: se,
+        disabled: g.value,
+        treeData: B.value,
+        multiple: "",
+        disableStrictly: "",
+        value: re.value,
+        defaultExpandAll: "",
+        leafOnly: "",
+        filterTreeNode: "",
+        searchRender: !1,
+        searchStyle: { padding: 0 },
+        style: { flex: 1, overflow: "overlay" }
+      }, ne.value, { onChange: oe }), null, 16, ["disabled", "treeData", "value"])) : (n(), u("div", {
+        key: 5,
+        class: v(`${l(o)}-left-list`),
+        role: "list",
+        "aria-label": "Option list"
+      }, [
+        (n(!0), u(T, null, fe(H.value, (a, D) => {
+          var _;
+          return n(), u(T, {
+            key: a.key || D
+          }, [
+            ue(a, D) ? (n(), u("div", {
+              key: 0,
+              class: v(`${l(o)}-group-title`)
+            }, I((_ = a._parent) == null ? void 0 : _.title), 3)) : q("", !0),
+            l(d)[l(f).SOURCE_ITEM] ? (n(), i(w(j(a)), { key: 1 })) : l(r).renderSourceItem ? (n(), i(w(j(a)), { key: 2 })) : (n(), i(ke, {
+              key: 3,
+              disabled: a.disabled || g.value,
+              class: v(l(x)(`${l(o)}-item`, { [`${l(o)}-item-disabled`]: a.disabled })),
+              checked: h.value.has(a.key),
+              role: "listitem",
+              onChange: (ge) => l(p).handleSelectOrRemove(a)
+            }, {
+              default: X(() => [
+                pe(I(a.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["disabled", "class", "checked", "onChange"]))
+          ], 64);
+        }), 128))
+      ], 2))
+    ], 2));
+  }
+});
+export {
+  Ve as default
+};
+//# sourceMappingURL=TransferSource.vue.js.map

package/lib/es/components/transfer/TransferSource.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransferSource.vue.js","sources":["../../../../src/components/transfer/TransferSource.vue"],"sourcesContent":["<template>\n    <!-- Custom Panel Rendering -->\n    <template v-if=\"slots[SLOT_NAMES.SOURCE_PANEL]\">\n        <RenderVNodes :vnodes=\"slots[SLOT_NAMES.SOURCE_PANEL](sourcePanelProps)\" />\n    </template>\n    <component :is=\"transferProps.renderSourcePanel(sourcePanelProps)\" v-else-if=\"transferProps.renderSourcePanel\" />\n    <!-- Default Panel Rendering -->\n    <section v-else :class=\"`${prefixCls}-left`\">\n        <!-- Filter Input -->\n        <div v-if=\"shouldShowFilter\" role=\"search\" aria-label=\"Transfer filter\" :class=\"`${prefixCls}-filter`\">\n            <Input\n                :prefix=\"iconSearch\"\n                :placeholder=\"locale.placeholder\"\n                showClear\n                :value=\"inputValue\"\n                :disabled=\"disabled\"\n                v-bind=\"inputProps\"\n                @input=\"handleInput\"\n                @clear=\"handleClear\"\n            />\n        </div>\n\n        <!-- Header -->\n        <TransferHeader\n            :headerConfig=\"headerConfig\"\n            :disabled=\"disabled\"\n            :renderSourceHeader=\"transferProps.renderSourceHeader\"\n        >\n            <template v-if=\"slots[SLOT_NAMES.SOURCE_HEADER]\" #default=\"slotProps\">\n                <RenderVNodes :vnodes=\"slots[SLOT_NAMES.SOURCE_HEADER](slotProps)\" />\n            </template>\n        </TransferHeader>\n\n        <!-- Content -->\n        <Spin v-if=\"loading\" />\n        <div v-else-if=\"noMatch\" aria-label=\"empty\" :class=\"cls(`${prefixCls}-empty`, `${prefixCls}-left-empty`)\">\n            {{ emptySearch }}\n        </div>\n        <div\n            v-else-if=\"data.length === 0\"\n            aria-label=\"empty\"\n            :class=\"cls(`${prefixCls}-empty`, `${prefixCls}-left-empty`)\"\n        >\n            {{ emptyLeft }}\n        </div>\n\n        <!-- Tree List -->\n        <template v-else-if=\"type === strings.TYPE_TREE_TO_LIST\">\n            <Tree\n                :ref=\"setTreeRef\"\n                :disabled=\"disabled\"\n                :treeData=\"dataSource as any\"\n                multiple\n                disableStrictly\n                :value=\"treeValues\"\n                defaultExpandAll\n                leafOnly\n                filterTreeNode\n                :searchRender=\"false\"\n                :searchStyle=\"{ padding: 0 }\"\n                :style=\"{ flex: 1, overflow: 'overlay' }\"\n                v-bind=\"restTreeProps\"\n                @change=\"handleTreeChange\"\n            />\n        </template>\n\n        <!-- Standard List -->\n        <div v-else :class=\"`${prefixCls}-left-list`\" role=\"list\" aria-label=\"Option list\">\n            <template v-for=\"(item, index) in visibleItems\" :key=\"item.key || index\">\n                <!-- Group Title -->\n                <div v-if=\"shouldRenderGroupTitle(item, index)\" :class=\"`${prefixCls}-group-title`\">\n                    {{ item._parent?.title }}\n                </div>\n\n                <!-- Item -->\n                <component :is=\"renderSourceItem(item)\" v-if=\"slots[SLOT_NAMES.SOURCE_ITEM]\" />\n                <component :is=\"renderSourceItem(item)\" v-else-if=\"transferProps.renderSourceItem\" />\n                <Checkbox\n                    v-else\n                    :disabled=\"item.disabled || disabled\"\n                    :class=\"cls(`${prefixCls}-item`, { [`${prefixCls}-item-disabled`]: item.disabled })\"\n                    :checked=\"selectedItems.has(item.key)\"\n                    role=\"listitem\"\n                    @change=\"methods.handleSelectOrRemove(item)\"\n                >\n                    {{ item.label }}\n                </Checkbox>\n            </template>\n        </div>\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, computed, h, VNode, Fragment, defineComponent } from 'vue';\nimport cls from 'classnames';\nimport { omit } from 'lodash-es';\nimport { cssClasses, strings } from '@douyinfe/semi-foundation/transfer/constants';\nimport { IconSearch } from '../icons';\nimport Input from '../input/Input.vue';\nimport Spin from '../spin/Spin.vue';\nimport Checkbox from '../checkbox/Checkbox.vue';\nimport Tree from '../tree/Tree.vue';\nimport TransferHeader from './TransferHeader.vue';\nimport {\n    TransferContextKey,\n    SLOT_NAMES,\n    ResolvedDataItem,\n    HeaderConfig,\n    SourceHeaderProps,\n    SourcePanelProps,\n} from './interface';\n\ndefineOptions({\n    name: 'TransferSource',\n});\n\nconst props = defineProps<{\n    locale: any;\n}>();\n\nconst context = inject(TransferContextKey);\n\nif (!context) {\n    throw new Error('TransferSource must be used within Transfer');\n}\n\nconst { state, transferProps, foundation, methods, slots } = context;\nconst prefixCls = cssClasses.PREFIX;\n\n// Computed Properties\nconst loading = computed(() => transferProps.loading);\nconst type = computed(() => transferProps.type);\nconst disabled = computed(() => transferProps.disabled);\nconst dataSource = computed(() => transferProps.dataSource);\nconst inputProps = computed(() => transferProps.inputProps);\nconst filter = computed(() => transferProps.filter);\nconst inputValue = computed(() => state.value.inputValue);\nconst searchResult = computed(() => state.value.searchResult);\nconst data = computed(() => state.value.data);\nconst selectedItems = computed(() => state.value.selectedItems);\n\nconst inSearchMode = computed(() => inputValue.value !== '');\nconst showNumber = computed(() => (inSearchMode.value ? searchResult.value.size : data.value.length));\nconst filterData = computed(() =>\n    inSearchMode.value ? data.value.filter((item) => searchResult.value.has(item.key)) : data.value\n);\n\nconst noMatch = computed(() => inSearchMode.value && searchResult.value.size === 0);\nconst emptySearch = computed(() => transferProps.emptyContent?.search ?? props.locale.emptySearch);\nconst emptyLeft = computed(() => transferProps.emptyContent?.left ?? props.locale.emptyLeft);\n\nconst shouldShowFilter = computed(() => {\n    if (typeof filter.value === 'boolean') {\n        return filter.value;\n    }\n    return true;\n});\n\nconst iconSearch = h(IconSearch);\n\n// Header Logic\nconst filterDataAllDisabled = computed(() => {\n    // Logic adapted from original file\n    let allDisabled = true;\n    for (const item of filterData.value) {\n        if (!item.disabled) {\n            allDisabled = false;\n            break;\n        }\n    }\n    return allDisabled;\n});\n\nconst leftContainsNotInSelected = computed(() => {\n    return Boolean(\n        filterData.value.find((f) => {\n            if (f.disabled) return false;\n            return !selectedItems.value.has(f.key);\n        })\n    );\n});\n\nconst totalText = computed(() => props.locale.total.replace('${total}', `${showNumber.value}`));\n\nconst headerConfig = computed<HeaderConfig>(() => ({\n    totalContent: totalText.value,\n    allContent: leftContainsNotInSelected.value ? props.locale.selectAll : props.locale.clearSelectAll,\n    onAllClick: () => foundation.handleAll(leftContainsNotInSelected.value),\n    type: 'left',\n    showButton: type.value !== strings.TYPE_TREE_TO_LIST && !filterDataAllDisabled.value,\n    num: showNumber.value,\n    allChecked: !leftContainsNotInSelected.value,\n}));\n\nconst headerProps = computed<SourceHeaderProps>(() => ({\n    num: headerConfig.value.num,\n    showButton: headerConfig.value.showButton,\n    allChecked: headerConfig.value.allChecked!,\n    onAllClick: headerConfig.value.onAllClick,\n}));\n\n// Tree Logic\nconst treeValues = computed(() => foundation.getValuesAndItemsFromMap(selectedItems.value).values);\nconst restTreeProps = computed(() => omit(transferProps.treeProps, ['value', 'ref', 'onChange']));\n\nconst handleTreeChange = (value: any) => {\n    foundation.handleSelect(value);\n};\n\nconst setTreeRef = (el: any) => {\n    if (context.treeRef) {\n        context.treeRef.value = el;\n    }\n};\n\n// List Logic\nconst visibleItems = computed(() => filterData.value);\n\nconst groupStatus = new Map<string, boolean>();\n// Reset group status on re-render triggers\n// Note: In Vue template loop, we can't easily maintain side-effect state like groupStatus map\n// So we'll use a method that checks previous items or pre-calculate the list with headers.\n// However, for direct porting, let's use a method that checks if this is the first item of the group\n// in the *current filtered view*.\n\nconst shouldRenderGroupTitle = (item: ResolvedDataItem, index: number) => {\n    const parentGroup = item._parent;\n    if (!parentGroup) return false;\n\n    // Check if this is the first item of this group in the visible list\n    // This is O(N) inside the loop, making it O(N^2) effectively.\n    // For better performance, we should pre-calculate the list, but for now let's stick to logic correctness.\n    // Optimization: Check the previous item.\n    if (index === 0) return true;\n    const prevItem = visibleItems.value[index - 1];\n    return prevItem._parent?.title !== parentGroup.title;\n};\n\n// Event Handlers\nconst handleInput = (e: Event) => {\n    methods.handleInputChange((e.target as HTMLInputElement).value);\n};\n\nconst handleClear = () => {\n    methods.handleInputChange('');\n};\n\n// Render Source Item\nconst renderSourceItem = (item: ResolvedDataItem): VNode => {\n    const itemProps = {\n        ...item,\n        checked: selectedItems.value.has(item.key),\n        onChange: () => methods.handleSelectOrRemove(item),\n    };\n\n    if (slots[SLOT_NAMES.SOURCE_ITEM]) {\n        const slotResult = slots[SLOT_NAMES.SOURCE_ITEM](itemProps);\n        // 如果插槽返回的是数组或 Fragment，需要包装在一个 div 中\n        if (Array.isArray(slotResult)) {\n            return h('div', { key: item.key }, slotResult);\n        }\n        // 如果返回的是 Fragment，也需要包装\n        if (slotResult && typeof slotResult === 'object' && slotResult.type === Fragment) {\n            return h('div', { key: item.key }, slotResult);\n        }\n        return slotResult;\n    }\n\n    if (transferProps.renderSourceItem) {\n        const renderResult = transferProps.renderSourceItem(itemProps);\n        // 同样处理 render 函数返回的结果\n        if (Array.isArray(renderResult)) {\n            return h('div', { key: item.key }, renderResult);\n        }\n        if (renderResult && typeof renderResult === 'object' && renderResult.type === Fragment) {\n            return h('div', { key: item.key }, renderResult);\n        }\n        return renderResult;\n    }\n\n    // 默认渲染（不应该到达这里，因为模板中有 else 分支）\n    return h('div', { key: item.key });\n};\n\nconst RenderVNodes = defineComponent({\n    props: {\n        vnodes: {\n            type: Array as () => VNode[],\n            required: true,\n        },\n    },\n    setup(props) {\n        return () => props.vnodes;\n    },\n});\n\n// Source Panel Props for Custom Rendering\nconst sourcePanelProps = computed<SourcePanelProps>(() => {\n    const { values } = foundation.getValuesAndItemsFromMap(selectedItems.value);\n    return {\n        loading: loading.value,\n        noMatch: noMatch.value,\n        filterData: filterData.value,\n        sourceData: data.value,\n        propsDataSource: dataSource.value,\n        allChecked: !leftContainsNotInSelected.value,\n        showNumber: showNumber.value,\n        inputValue: inputValue.value,\n        selectedItems: selectedItems.value,\n        value: values,\n        onSelect: foundation.handleSelect.bind(foundation),\n        onAllClick: () => foundation.handleAll(leftContainsNotInSelected.value),\n        onSearch: methods.handleInputChange,\n        onSelectOrRemove: (item: ResolvedDataItem) => methods.handleSelectOrRemove(item),\n    };\n});\n</script>\n"],"names":["props","__props","context","inject","TransferContextKey","state","transferProps","foundation","methods","slots","prefixCls","cssClasses","loading","computed","type","disabled","dataSource","inputProps","filter","inputValue","searchResult","data","selectedItems","inSearchMode","showNumber","filterData","item","noMatch","emptySearch","_a","emptyLeft","shouldShowFilter","iconSearch","h","IconSearch","filterDataAllDisabled","allDisabled","leftContainsNotInSelected","f","totalText","headerConfig","strings","treeValues","restTreeProps","omit","handleTreeChange","value","setTreeRef","el","visibleItems","shouldRenderGroupTitle","index","parentGroup","handleInput","handleClear","renderSourceItem","itemProps","SLOT_NAMES","slotResult","Fragment","renderResult","RenderVNodes","defineComponent","sourcePanelProps","values","_unref","_createBlock","_openBlock","_resolveDynamicComponent","_createElementBlock","_createVNode","Input","_mergeProps","TransferHeader","_withCtx","slotProps","Spin","_normalizeClass","cls","Tree","_Fragment","_renderList","Checkbox","$event","_createTextVNode","_toDisplayString"],"mappings":"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"}

package/lib/es/components/transfer/index.js

@@ -0,0 +1,7 @@
+import a from "./Transfer.vue.js";
+/* empty css              */
+export {
+  a as Transfer,
+  a as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/transfer/index.js.map

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

package/lib/es/components/transfer/interface.js

@@ -0,0 +1,13 @@
+const e = {
+  SOURCE_ITEM: "source-item",
+  SELECTED_ITEM: "selected-item",
+  SOURCE_PANEL: "source-panel",
+  SELECTED_PANEL: "selected-panel",
+  SOURCE_HEADER: "source-header",
+  SELECTED_HEADER: "selected-header"
+}, E = Symbol("TransferContext");
+export {
+  e as SLOT_NAMES,
+  E as TransferContextKey
+};
+//# sourceMappingURL=interface.js.map

package/lib/es/components/transfer/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sources":["../../../../src/components/transfer/interface.ts"],"sourcesContent":["import { VNode, CSSProperties, InjectionKey } from 'vue';\nimport { BasicDataItem, OnSortEndProps } from '@douyinfe/semi-foundation/transfer/foundation';\nimport { InputProps } from '../input/interface';\nimport { TreeProps } from '../tree/interface';\n\nexport type { BasicDataItem, OnSortEndProps };\n\nexport interface DataItem extends BasicDataItem {\n    label?: VNode | string;\n    style?: CSSProperties;\n}\n\nexport interface GroupItem {\n    title?: string;\n    children?: Array<DataItem>;\n}\n\nexport interface TreeItem extends DataItem {\n    children: Array<TreeItem>;\n}\n\nexport interface RenderSourceItemProps extends DataItem {\n    checked: boolean;\n    onChange?: () => void;\n}\n\nexport interface RenderSelectedItemProps extends DataItem {\n    onRemove?: () => void;\n    sortableHandle?: any;\n}\n\n// 插槽名称常量\nexport const SLOT_NAMES = {\n    SOURCE_ITEM: 'source-item',\n    SELECTED_ITEM: 'selected-item',\n    SOURCE_PANEL: 'source-panel',\n    SELECTED_PANEL: 'selected-panel',\n    SOURCE_HEADER: 'source-header',\n    SELECTED_HEADER: 'selected-header',\n} as const;\n\nexport interface EmptyContent {\n    left?: VNode;\n    right?: VNode;\n    search?: VNode;\n}\n\nexport type Type = 'list' | 'groupList' | 'treeList';\n\nexport interface SourcePanelProps {\n    value: Array<string | number>;\n    /* Loading */\n    loading: boolean;\n    /* Whether there are no items that match the current search value */\n    noMatch: boolean;\n    /* Items that match the current search value */\n    filterData: Array<DataItem>;\n    /* All items */\n    sourceData: Array<DataItem>;\n    /* transfer props' dataSource */\n    propsDataSource: DataSource;\n    /* Whether to select all */\n    allChecked: boolean;\n    /* Number of filtered results */\n    showNumber: number;\n    /* Input search box value */\n    inputValue: string;\n    /* The function that should be called when the search box changes */\n    onSearch: (searchString: string) => void;\n    /* The function that should be called when all the buttons on the left are clicked */\n    onAllClick: () => void;\n    /* Selected item on the left */\n    selectedItems: Map<string | number, DataItem>;\n    /* The function that should be called when selecting or deleting a single option */\n    onSelectOrRemove: (item: DataItem) => void;\n    /* The function that should be called when selecting an option, */\n    onSelect: (value: Array<string | number>) => void;\n}\n\nexport type OnSortEnd = ({ oldIndex, newIndex }: OnSortEndProps) => void;\n\nexport interface SelectedPanelProps {\n    /* Number of selected options */\n    length: number;\n    /* Collection of all selected options */\n    selectedData: Array<DataItem>;\n    /* Callback function that should be called when click to clear */\n    onClear: () => void;\n    /* The function that should be called when a single option is deleted */\n    onRemove: (item: DataItem) => void;\n    /* The function that should be called when reordering the results */\n    onSortEnd: OnSortEnd;\n}\n\nexport interface ResolvedDataItem extends DataItem {\n    _parent?: {\n        title: string;\n    };\n    _optionKey?: string | number;\n}\n\nexport interface DraggableResolvedDataItem {\n    key?: string | number;\n    index?: number;\n    item?: ResolvedDataItem;\n}\n\nexport type DataSource = Array<DataItem> | Array<GroupItem> | Array<TreeItem>;\n\nexport interface HeaderConfig {\n    totalContent: string;\n    allContent: string;\n    onAllClick: () => void;\n    type: string;\n    showButton: boolean;\n    num: number;\n    allChecked?: boolean;\n}\n\nexport type SourceHeaderProps = {\n    num: number;\n    showButton: boolean;\n    allChecked: boolean;\n    onAllClick: () => void;\n};\n\nexport type SelectedHeaderProps = {\n    num: number;\n    showButton: boolean;\n    onClear: () => void;\n};\n\nexport interface TransferState {\n    data: Array<ResolvedDataItem>;\n    selectedItems: Map<number | string, ResolvedDataItem>;\n    searchResult: Set<number | string>;\n    inputValue: string;\n}\n\nexport interface TransferProps {\n    style?: CSSProperties;\n    className?: string;\n    disabled?: boolean;\n    dataSource?: DataSource;\n    filter?: boolean | ((sugInput: string, item: DataItem) => boolean);\n    defaultValue?: Array<string | number>;\n    value?: Array<string | number>;\n    inputProps?: InputProps;\n    type?: Type;\n    emptyContent?: EmptyContent;\n    draggable?: boolean;\n    treeProps?: Omit<TreeProps, 'value' | 'ref' | 'onChange'>;\n    showPath?: boolean;\n    loading?: boolean;\n    onChange?: (values: Array<string | number>, items: Array<DataItem>) => void;\n    onSelect?: (item: DataItem) => void;\n    onDeselect?: (item: DataItem) => void;\n    onSearch?: (sunInput: string) => void;\n    renderSourceItem?: (item: RenderSourceItemProps) => VNode;\n    renderSelectedItem?: (item: RenderSelectedItemProps) => VNode;\n    renderSourcePanel?: (sourcePanelProps: SourcePanelProps) => VNode;\n    renderSelectedPanel?: (selectedPanelProps: SelectedPanelProps) => VNode;\n    renderSourceHeader?: (headProps: SourceHeaderProps) => VNode;\n    renderSelectedHeader?: (headProps: SelectedHeaderProps) => VNode;\n}\n\nexport interface TransferContext {\n    state: { value: TransferState };\n    transferProps: TransferProps;\n    foundation: any;\n    methods: {\n        handleInputChange: (value: string) => void;\n        handleSelectOrRemove: (item: ResolvedDataItem) => void;\n        handleSortEnd: (callbackProps: { oldIndex: number; newIndex: number }) => void;\n    };\n    treeRef: any;\n    slots: any;\n}\n\nexport const TransferContextKey: InjectionKey<TransferContext> = Symbol('TransferContext');\n"],"names":["SLOT_NAMES","TransferContextKey"],"mappings":"AAgCO,MAAMA,IAAa;AAAA,EACtB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AACrB,GA4IaC,IAAoD,OAAO,iBAAiB;"}

package/lib/es/components/tree/AutoSizer.vue.js

@@ -0,0 +1,44 @@
+import { defineComponent as p, ref as g, computed as h, onMounted as v, createBlock as w, openBlock as y, withCtx as C, createElementVNode as H, normalizeClass as b, normalizeStyle as z, unref as B, renderSlot as S, createCommentVNode as _ } from "vue";
+import { cssClasses as k } from "@douyinfe/semi-foundation/tree/constants";
+import x from "../resizeObserver/index.vue.js";
+import { get as n } from "lodash";
+const P = /* @__PURE__ */ p({
+  __name: "AutoSizer",
+  props: {
+    defaultHeight: { default: "100%" },
+    defaultWidth: { default: "100%" }
+  },
+  setup(a) {
+    const l = a, s = k.PREFIX, e = g(l.defaultHeight || 0), u = h(() => e.value === 0 || typeof e.value != "number"), d = (t) => {
+      const o = t && t[1] && t[1].target;
+      if (o) {
+        const f = n(o, "offsetHeight") || 0, r = window.getComputedStyle(o) || {}, c = parseInt(n(r, "paddingTop"), 10) || 0, m = parseInt(n(r, "paddingBottom"), 10) || 0, i = f - c - m;
+        e.value !== i && (e.value = i);
+      }
+    };
+    return v(() => {
+      e.value;
+    }), (t, o) => (y(), w(x, {
+      observeParent: "",
+      onResize: d
+    }, {
+      default: C(() => [
+        H("div", {
+          style: z({ height: a.defaultHeight, overflow: "visible" }),
+          class: b(`${B(s)}-auto-wrapper`)
+        }, [
+          u.value ? _("", !0) : S(t.$slots, "default", {
+            key: 0,
+            height: e.value,
+            width: a.defaultWidth
+          })
+        ], 6)
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  P as default
+};
+//# sourceMappingURL=AutoSizer.vue.js.map

package/lib/es/components/tree/AutoSizer.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSizer.vue.js","sources":["../../../../src/components/tree/AutoSizer.vue"],"sourcesContent":["<template>\n    <ResizeObserver observeParent @resize=\"onResize\">\n        <div :style=\"{ height: defaultHeight, overflow: 'visible' }\" :class=\"`${prefixcls}-auto-wrapper`\">\n            <slot v-if=\"!bailoutOnChildren\" :height=\"height\" :width=\"defaultWidth\" />\n        </div>\n    </ResizeObserver>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted } from 'vue';\nimport { cssClasses } from '@douyinfe/semi-foundation/tree/constants';\nimport ResizeObserver from '../resizeObserver/index.vue';\nimport { get } from 'lodash';\n\nexport interface AutoSizerProps {\n    defaultHeight?: number | string;\n    defaultWidth?: number | string;\n}\n\nconst props = withDefaults(defineProps<AutoSizerProps>(), {\n    defaultHeight: '100%',\n    defaultWidth: '100%',\n});\n\nconst prefixcls = cssClasses.PREFIX;\nconst height = ref<number | string>(props.defaultHeight || 0);\n\nconst bailoutOnChildren = computed(() => {\n    return height.value === 0 || typeof height.value !== 'number';\n});\n\nconst onResize = (entries: any[]) => {\n    // observe parent node height\n    const target = entries && entries[1] && entries[1].target;\n    if (target) {\n        const targetHeight = get(target, 'offsetHeight') || 0;\n        const style = window.getComputedStyle(target) || {};\n        const paddingTop = parseInt(get(style, 'paddingTop'), 10) || 0;\n        const paddingBottom = parseInt(get(style, 'paddingBottom'), 10) || 0;\n        const newHeight = targetHeight - paddingTop - paddingBottom;\n        if (height.value !== newHeight) {\n            height.value = newHeight;\n        }\n    }\n};\n\nonMounted(() => {\n    // if height is a number, pass it directly to virtual-list\n    if (typeof height.value === 'number') {\n        return;\n    }\n});\n</script>\n"],"names":["props","__props","prefixcls","cssClasses","height","ref","bailoutOnChildren","computed","onResize","entries","target","targetHeight","get","style","paddingTop","paddingBottom","newHeight","onMounted","_createBlock","ResizeObserver","_createElementVNode","_unref","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;AAmBA,UAAMA,IAAQC,GAKRC,IAAYC,EAAW,QACvBC,IAASC,EAAqBL,EAAM,iBAAiB,CAAC,GAEtDM,IAAoBC,EAAS,MACxBH,EAAO,UAAU,KAAK,OAAOA,EAAO,SAAU,QACxD,GAEKI,IAAW,CAACC,MAAmB;AAEjC,YAAMC,IAASD,KAAWA,EAAQ,CAAC,KAAKA,EAAQ,CAAC,EAAE;AACnD,UAAIC,GAAQ;AACR,cAAMC,IAAeC,EAAIF,GAAQ,cAAc,KAAK,GAC9CG,IAAQ,OAAO,iBAAiBH,CAAM,KAAK,CAAA,GAC3CI,IAAa,SAASF,EAAIC,GAAO,YAAY,GAAG,EAAE,KAAK,GACvDE,IAAgB,SAASH,EAAIC,GAAO,eAAe,GAAG,EAAE,KAAK,GAC7DG,IAAYL,IAAeG,IAAaC;AAC9C,QAAIX,EAAO,UAAUY,MACjBZ,EAAO,QAAQY;AAAA,MAEvB;AAAA,IACJ;AAEA,WAAAC,EAAU,MAAM;AAEZ,MAAWb,EAAO;AAAA,IAGtB,CAAC,mBAlDGc,EAIiBC,GAAA;AAAA,MAJD,eAAA;AAAA,MAAe,UAAAX;AAAA,IAAA;iBAC3B,MAEM;AAAA,QAFNY,EAEM,OAAA;AAAA,UAFA,mBAAiBnB,EAAA,eAAa,UAAA,WAAA;AAAA,UAA0B,YAAUoB,EAAAnB,CAAA,CAAS,eAAA;AAAA,QAAA;UAChEI,EAAA,oBAAbgB,EAAyEC,EAAA,QAAA,WAAA;AAAA;YAAxC,QAAQnB,EAAA;AAAA,YAAS,OAAOH,EAAA;AAAA,UAAA;;;;;;;"}

package/lib/es/components/tree/Indent.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent as r, computed as c, createElementBlock as n, openBlock as l, normalizeClass as a, Fragment as o, renderList as d } from "vue";
+const x = /* @__PURE__ */ r({
+  __name: "Indent",
+  props: {
+    prefixcls: {},
+    level: {},
+    isEnd: {},
+    showLine: { type: Boolean }
+  },
+  setup(e) {
+    const i = e, t = c(() => `${i.prefixcls}-indent-unit`);
+    return (u, m) => (l(), n("span", {
+      "aria-hidden": "true",
+      class: a([
+        `${e.prefixcls}-indent`,
+        {
+          [`${e.prefixcls}-indent-show-line`]: e.showLine
+        }
+      ])
+    }, [
+      (l(!0), n(o, null, d(e.level, (f, s) => (l(), n("span", {
+        key: s,
+        class: a([
+          t.value,
+          {
+            [`${t.value}-end`]: e.isEnd[s]
+          }
+        ])
+      }, null, 2))), 128))
+    ], 2));
+  }
+});
+export {
+  x as default
+};
+//# sourceMappingURL=Indent.vue.js.map

package/lib/es/components/tree/Indent.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indent.vue.js","sources":["../../../../src/components/tree/Indent.vue"],"sourcesContent":["<template>\n    <span\n        aria-hidden=\"true\"\n        :class=\"[\n            `${prefixcls}-indent`,\n            {\n                [`${prefixcls}-indent-show-line`]: showLine,\n            },\n        ]\"\n    >\n        <span\n            v-for=\"(_, i) in level\"\n            :key=\"i\"\n            :class=\"[\n                baseClassName,\n                {\n                    [`${baseClassName}-end`]: isEnd[i],\n                },\n            ]\"\n        />\n    </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\ninterface IndentProps {\n    prefixcls: string;\n    level: number;\n    isEnd: boolean[];\n    showLine: boolean;\n}\n\nconst props = defineProps<IndentProps>();\n\nconst baseClassName = computed(() => `${props.prefixcls}-indent-unit`);\n</script>\n"],"names":["props","__props","baseClassName","computed","_createElementBlock","_normalizeClass","_openBlock","_Fragment","_renderList","_","i"],"mappings":";;;;;;;;;;AAiCA,UAAMA,IAAQC,GAERC,IAAgBC,EAAS,MAAM,GAAGH,EAAM,SAAS,cAAc;2BAlCjEI,EAmBO,QAAA;AAAA,MAlBH,eAAY;AAAA,MACX,OAAKC,EAAA;AAAA,WAAmBJ,EAAA,SAAS;AAAA;UAA6C,CAAA,GAAAA,EAAA,SAAS,sBAAsBA,EAAA;AAAA,QAAA;AAAA;;OAO9GK,EAAA,EAAA,GAAAF,EASEG,GAAA,MAAAC,EARmBP,EAAA,OAAK,CAAdQ,GAAGC,YADfN,EASE,QAAA;AAAA,QAPG,KAAKM;AAAA,QACL,OAAKL,EAAA;AAAA,UAAoBH,EAAA;AAAA;gBAAyDA,EAAA,KAAa,MAAA,GAASD,EAAA,MAAMS,CAAC;AAAA,UAAA;AAAA;;;;;"}

package/lib/es/components/tree/NodeCollapsible.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent as s, ref as a, computed as l, onMounted as u, createBlock as i, openBlock as c, unref as f, mergeProps as d, withCtx as m, renderSlot as _ } from "vue";
+import O from "../collapsible/Collapsible.vue.js";
+/* empty css                              */
+const A = 200, h = /* @__PURE__ */ s({
+  __name: "NodeCollapsible",
+  props: {
+    open: { type: Boolean, default: !1 },
+    motion: { type: Boolean, default: !0 },
+    duration: { default: A },
+    onMotionEnd: {}
+  },
+  setup(r) {
+    const e = r, o = a(e.open), p = l(() => {
+      const { open: t, ...n } = e;
+      return n;
+    });
+    return u(() => {
+      setTimeout(() => {
+        o.value = !e.open;
+      }, 0);
+    }), (t, n) => (c(), i(f(O), d(p.value, { isOpen: o.value }), {
+      default: m(() => [
+        _(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["isOpen"]));
+  }
+});
+export {
+  h as default
+};
+//# sourceMappingURL=NodeCollapsible.vue.js.map

package/lib/es/components/tree/NodeCollapsible.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeCollapsible.vue.js","sources":["../../../../src/components/tree/NodeCollapsible.vue"],"sourcesContent":["<template>\n    <Collapsible v-bind=\"otherProps\" :isOpen=\"isOpenState\">\n        <slot />\n    </Collapsible>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, computed } from 'vue';\nimport Collapsible from '../collapsible';\n\n// Animation constants\nconst DEFAULT_ANIMATION_DURATION = 200;\n\ninterface NodeCollapsibleProps {\n    open?: boolean;\n    motion?: boolean;\n    duration?: number;\n    onMotionEnd?: () => void;\n}\n\nconst props = withDefaults(defineProps<NodeCollapsibleProps>(), {\n    open: false,\n    motion: true,\n    duration: DEFAULT_ANIMATION_DURATION,\n});\n\nconst isOpenState = ref(props.open);\n\nconst otherProps = computed(() => {\n    const { open, ...rest } = props;\n    return rest;\n});\n\nonMounted(() => {\n    // Why do we need to change isOpen value in setTimeout？\n    // Because when NodeCollapsible ComponentDidMount, the domHeight in Collapsible has not been given\n    setTimeout(() => {\n        isOpenState.value = !props.open;\n    }, 0);\n});\n</script>\n"],"names":["DEFAULT_ANIMATION_DURATION","props","__props","isOpenState","ref","otherProps","computed","open","rest","onMounted","_openBlock","_createBlock","_unref","_mergeProps","_renderSlot","_ctx"],"mappings":";;;AAWA,MAAMA,IAA6B;;;;;;;;;AASnC,UAAMC,IAAQC,GAMRC,IAAcC,EAAIH,EAAM,IAAI,GAE5BI,IAAaC,EAAS,MAAM;AAC9B,YAAM,EAAE,MAAAC,GAAM,GAAGC,EAAA,IAASP;AAC1B,aAAOO;AAAA,IACX,CAAC;AAED,WAAAC,EAAU,MAAM;AAGZ,iBAAW,MAAM;AACb,QAAAN,EAAY,QAAQ,CAACF,EAAM;AAAA,MAC/B,GAAG,CAAC;AAAA,IACR,CAAC,cAtCGS,EAAA,GAAAC,EAEcC,MAFdC,EAEcR,SAFiB,EAAG,QAAQF,EAAA,MAAA,CAAW,GAAA;AAAA,iBACjD,MAAQ;AAAA,QAARW,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

package/lib/es/components/tree/NodeList.vue.js

@@ -0,0 +1,62 @@
+import { defineComponent as F, inject as $, ref as u, computed as z, watch as O, createElementBlock as f, openBlock as a, Fragment as h, renderList as _, createBlock as T, mergeProps as P, withCtx as R, resolveDynamicComponent as A } from "vue";
+import { isEqual as q } from "lodash";
+import S from "./NodeCollapsible.vue.js";
+import { TreeContextKey as b } from "./treeContext.js";
+const G = 200, X = /* @__PURE__ */ F({
+  __name: "NodeList",
+  props: {
+    flattenNodes: {},
+    motionKeys: {},
+    motionType: {},
+    flattenList: {},
+    searchTargetIsDeep: { type: Boolean },
+    renderTreeNode: { type: Function }
+  },
+  emits: ["motionEnd"],
+  setup(m, { emit: C }) {
+    const n = m, D = C;
+    $(b);
+    const s = u([]), i = u(), p = u([]), E = u(), L = (e) => e.key, y = (e) => Array.isArray(e), M = (e, t) => y(e) ? e[0] ? `motion-${e[0].key}` : `motion-${t}` : e.key, B = (e) => y(e) ? {
+      open: n.motionType === "hide",
+      duration: G,
+      motion: !!n.motionType,
+      onMotionEnd: x
+    } : {}, I = z(() => s.value.length && !n.searchTargetIsDeep ? s.value : n.flattenNodes), x = () => {
+      D("motionEnd"), s.value = [];
+    };
+    return O(
+      () => [n.flattenNodes, n.motionKeys, n.motionType, n.flattenList],
+      () => {
+        var K;
+        const { flattenNodes: e = [], motionKeys: t, motionType: o, flattenList: c = [] } = n, l = i.value !== t && (((K = i.value) == null ? void 0 : K.size) !== (t == null ? void 0 : t.size) || !q(i.value, t)), U = p.value.length !== e.length || p.value.map((r) => r.key).join(",") !== e.map((r) => r.key).join(","), j = l || U, g = [...t];
+        if (!j || !g.length)
+          return;
+        const d = [], k = [];
+        let v = 0;
+        (o === "hide" && c ? c : e).forEach((r, w) => {
+          const N = L(r);
+          t.has(N) ? (k.push(r), N === g[0] && (v = w)) : d.push(r);
+        }), d.splice(v, 0, k), s.value = d, p.value = e, i.value = t, E.value = o;
+      },
+      { immediate: !0, deep: !0 }
+    ), (e, t) => (a(!0), f(h, null, _(I.value, (o, c) => (a(), f(h, {
+      key: M(o, c)
+    }, [
+      y(o) ? (a(), T(S, P({
+        key: 0,
+        ref_for: !0
+      }, B(o)), {
+        default: R(() => [
+          (a(!0), f(h, null, _(o, (l) => (a(), T(A(m.renderTreeNode(l)), {
+            key: l.key
+          }))), 128))
+        ]),
+        _: 2
+      }, 1040)) : (a(), T(A(m.renderTreeNode(o)), { key: 1 }))
+    ], 64))), 128));
+  }
+});
+export {
+  X as default
+};
+//# sourceMappingURL=NodeList.vue.js.map

package/lib/es/components/tree/NodeList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeList.vue.js","sources":["../../../../src/components/tree/NodeList.vue"],"sourcesContent":["<template>\n    <template v-for=\"(treeNode, index) in mapData\" :key=\"getNodeKey(treeNode, index)\">\n        <NodeCollapsible v-if=\"isMotionNode(treeNode)\" v-bind=\"getMotionProps(treeNode)\">\n            <component :is=\"renderTreeNode(node)\" v-for=\"node in treeNode as FlattenNode[]\" :key=\"node.key\" />\n        </NodeCollapsible>\n        <component :is=\"renderTreeNode(treeNode as FlattenNode)\" v-else />\n    </template>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, inject } from 'vue';\nimport { isEqual } from 'lodash';\nimport NodeCollapsible from './NodeCollapsible.vue';\nimport { FlattenNode, NodeListProps, TransitionNodes } from './interface';\nimport { TreeContextKey, TreeContextValue } from './treeContext';\n\n// Animation constants\nconst DEFAULT_ANIMATION_DURATION = 200;\n\nconst props = defineProps<NodeListProps>();\n\nconst emit = defineEmits<{\n    (e: 'motionEnd'): void;\n}>();\n\nconst context = inject<TreeContextValue>(TreeContextKey);\n\nconst transitionNodes = ref<TransitionNodes<FlattenNode>>([]);\nconst cachedMotionKeys = ref<Set<string>>();\nconst cachedData = ref<FlattenNode[]>([]);\nconst cachedMotionType = ref<string>();\n\nconst getTreeNodeKey = (treeNode: FlattenNode) => {\n    return treeNode.key;\n};\n\nconst isMotionNode = (treeNode: any): treeNode is FlattenNode[] => {\n    return Array.isArray(treeNode);\n};\n\nconst getNodeKey = (treeNode: any, index: number) => {\n    if (isMotionNode(treeNode)) {\n        return treeNode[0] ? `motion-${treeNode[0].key}` : `motion-${index}`;\n    }\n    return (treeNode as FlattenNode).key;\n};\n\nconst getMotionProps = (treeNode: any) => {\n    if (!isMotionNode(treeNode)) {\n        return {};\n    }\n    return {\n        open: props.motionType === 'hide',\n        duration: DEFAULT_ANIMATION_DURATION,\n        motion: Boolean(props.motionType),\n        onMotionEnd: onMotionEnd,\n    };\n};\n\nconst mapData = computed(() => {\n    return transitionNodes.value.length && !props.searchTargetIsDeep ? transitionNodes.value : props.flattenNodes;\n});\n\nconst onMotionEnd = () => {\n    emit('motionEnd');\n    transitionNodes.value = [];\n};\n\n// Equivalent to getDerivedStateFromProps\n// 性能优化：先进行浅比较，只在必要时进行深度比较\nwatch(\n    () => [props.flattenNodes, props.motionKeys, props.motionType, props.flattenList],\n    () => {\n        const { flattenNodes = [], motionKeys, motionType, flattenList = [] } = props;\n\n        // 性能优化：先进行浅比较，减少不必要的深度比较\n        const motionKeysChanged =\n            cachedMotionKeys.value !== motionKeys &&\n            (cachedMotionKeys.value?.size !== motionKeys?.size || !isEqual(cachedMotionKeys.value, motionKeys));\n\n        // 性能优化：只比较 keys 数组，而不是整个对象\n        const flattenNodesKeysChanged =\n            cachedData.value.length !== flattenNodes.length ||\n            cachedData.value.map((i) => i.key).join(',') !== flattenNodes.map((i) => i.key).join(',');\n\n        const hasChanged = motionKeysChanged || flattenNodesKeysChanged;\n        const motionArr = [...motionKeys];\n\n        if (!hasChanged || !motionArr.length) {\n            return;\n        }\n\n        const newTransitionNodes: TransitionNodes<FlattenNode> = [];\n        const transitionRange: FlattenNode[] = [];\n        let rangeStart = 0;\n        const lookUpTarget = motionType === 'hide' && flattenList ? flattenList : flattenNodes;\n        lookUpTarget.forEach((treeNode, ind) => {\n            const nodeKey = getTreeNodeKey(treeNode);\n            if (motionKeys.has(nodeKey)) {\n                transitionRange.push(treeNode);\n                if (nodeKey === motionArr[0]) {\n                    rangeStart = ind;\n                }\n            } else {\n                newTransitionNodes.push(treeNode);\n            }\n        });\n        newTransitionNodes.splice(rangeStart, 0, transitionRange);\n        transitionNodes.value = newTransitionNodes;\n        cachedData.value = flattenNodes;\n        cachedMotionKeys.value = motionKeys;\n        cachedMotionType.value = motionType;\n    },\n    { immediate: true, deep: true }\n);\n</script>\n"],"names":["DEFAULT_ANIMATION_DURATION","props","__props","emit","__emit","inject","TreeContextKey","transitionNodes","ref","cachedMotionKeys","cachedData","cachedMotionType","getTreeNodeKey","treeNode","isMotionNode","getNodeKey","index","getMotionProps","onMotionEnd","mapData","computed","watch","flattenNodes","motionKeys","motionType","flattenList","motionKeysChanged","_a","isEqual","flattenNodesKeysChanged","i","hasChanged","motionArr","newTransitionNodes","transitionRange","rangeStart","ind","nodeKey","_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","NodeCollapsible","_mergeProps","node","_resolveDynamicComponent"],"mappings":"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"}