@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/tooltip/TriangleArrowVertical.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriangleArrowVertical.vue.js","sources":["../../../../src/components/tooltip/TriangleArrowVertical.vue"],"sourcesContent":["<template>\n    <svg\n        aria-hidden\n        :class=\"className\"\n        :style=\"style\"\n        v-bind=\"restProps\"\n        width=\"7\"\n        height=\"24\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"currentColor\"\n    >\n        <path d=\"M0 0L1 0C1 4, 2 5.5, 4 7.5S7,10 7,12S6 14.5, 4 16.5S1,20 1,24L0 24L0 0z\" />\n    </svg>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineProps<{\n    className?: string;\n    style?: Record<string, any>;\n}>();\n\nconst attrs = useAttrs();\n\nconst restProps = computed(() => {\n    const { className, style, ...rest } = attrs;\n    return rest;\n});\n</script>\n"],"names":["attrs","useAttrs","restProps","computed","className","style","rest","_openBlock","_createElementBlock","_mergeProps","__props","_createElementVNode"],"mappings":";;;;;;;;AAuBA,UAAMA,IAAQC,EAAA,GAERC,IAAYC,EAAS,MAAM;AAC7B,YAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,MAASN;AACtC,aAAOM;AAAA,IACX,CAAC;sBA3BGC,EAAA,GAAAC,EAWM,OAXNC,EAWM;AAAA,MAVF,eAAA;AAAA,MACC,OAAOC,EAAA;AAAA,MACP,OAAOA,EAAA;AAAA,IAAA,GACAR,EAAA,OAAS;AAAA,MACjB,OAAM;AAAA,MACN,QAAO;AAAA,MACP,OAAM;AAAA,MACN,MAAK;AAAA,IAAA;MAELS,EAAoF,QAAA,EAA9E,GAAE,0EAAA,GAAyE,MAAA,EAAA;AAAA,IAAA;;;"}

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

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

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

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

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

@@ -0,0 +1,188 @@
+import { defineComponent as D, ref as m, watch as p, computed as E, useAttrs as M, useSlots as N, provide as $, createBlock as b, openBlock as k, withCtx as O, createElementVNode as z, mergeProps as H, unref as j, createVNode as h } from "vue";
+import K from "classnames";
+import { noop as i } from "lodash-es";
+import L from "@douyinfe/semi-foundation/transfer/foundation";
+import { _generateDataByType as X, _generateSelectedItems as v } from "@douyinfe/semi-foundation/transfer/transferUtils";
+import { strings as Y, cssClasses as q } from "@douyinfe/semi-foundation/transfer/constants";
+import G from "../locale/LocaleConsumer.vue.js";
+import J from "./TransferSource.vue.js";
+import Q from "./TransferSelected.vue.js";
+import { TransferContextKey as U } from "./interface.js";
+import { useFoundation as W } from "../../_utils/useFoundation.js";
+const ie = /* @__PURE__ */ D({
+  name: "Transfer",
+  __name: "Transfer",
+  props: {
+    style: {},
+    className: {},
+    disabled: { type: Boolean },
+    dataSource: { default: () => [] },
+    filter: { type: [Boolean, Function], default: !0 },
+    defaultValue: { default: () => [] },
+    value: {},
+    inputProps: {},
+    type: { default: Y.TYPE_LIST },
+    emptyContent: { default: () => ({}) },
+    draggable: { type: Boolean },
+    treeProps: {},
+    showPath: { type: Boolean, default: !1 },
+    loading: { type: Boolean },
+    onChange: { type: Function, default: i },
+    onSelect: { type: Function, default: i },
+    onDeselect: { type: Function, default: i },
+    onSearch: { type: Function, default: i },
+    renderSourceItem: {},
+    renderSelectedItem: {},
+    renderSourcePanel: {},
+    renderSelectedPanel: {},
+    renderSourceHeader: {},
+    renderSelectedHeader: {}
+  },
+  emits: ["change", "select", "deselect", "search"],
+  setup(y, { expose: g, emit: S }) {
+    const f = q.PREFIX, t = y, u = S, o = m(null), l = m({
+      data: [],
+      selectedItems: /* @__PURE__ */ new Map(),
+      searchResult: /* @__PURE__ */ new Set(),
+      inputValue: ""
+    }), c = m(!1), C = (e) => {
+      if (t.value === void 0 && e.length > 0)
+        if (t.defaultValue && Array.isArray(t.defaultValue) && t.defaultValue.length > 0) {
+          const a = v(t.defaultValue, e);
+          l.value.selectedItems = a, c.value || (c.value = !0);
+        } else c.value || (c.value = !0);
+    };
+    p(
+      [() => t.dataSource, () => t.type],
+      ([e, a]) => {
+        if (e && Array.isArray(e)) {
+          const n = X(e, a || t.type);
+          if (l.value.data = n, t.value !== void 0)
+            if (Array.isArray(t.value)) {
+              const d = v(t.value, n);
+              l.value.selectedItems = d;
+            } else
+              l.value.selectedItems = /* @__PURE__ */ new Map();
+          else
+            C(n);
+        } else
+          l.value.data = [];
+      },
+      { immediate: !0 }
+    ), p(
+      () => t.value,
+      (e) => {
+        if (t.value !== void 0)
+          if (Array.isArray(e) && l.value.data.length > 0) {
+            const a = v(e, l.value.data);
+            l.value.selectedItems = a;
+          } else
+            l.value.selectedItems = /* @__PURE__ */ new Map();
+      },
+      { immediate: !0, flush: "post" }
+    ), p(
+      [() => l.value.data, () => l.value.inputValue, () => t.filter],
+      ([e, a, n]) => {
+        if (typeof a == "string" && a !== "") {
+          const d = typeof n == "function" ? (s) => n(a, s) : (s) => typeof s.label == "string" && s.label.includes(a), A = e.filter(d), V = new Set(A.map((s) => s.key));
+          l.value.searchResult = V;
+        } else a === "" && (l.value.searchResult = /* @__PURE__ */ new Set());
+      },
+      { immediate: !0 }
+    );
+    const I = {
+      getProps: () => t,
+      getProp: (e) => t[e],
+      getState: (e) => l.value[e],
+      getStates: () => l.value,
+      setState: (e, a) => {
+        Object.assign(l.value, e), a == null || a();
+      },
+      getContext: () => null,
+      getContexts: () => ({}),
+      getCache: () => null,
+      getCaches: () => ({}),
+      setCache: () => {
+      },
+      stopPropagation: (e) => e == null ? void 0 : e.stopPropagation(),
+      persistEvent: () => {
+      },
+      getSelected: () => new Map(l.value.selectedItems),
+      updateSelected: (e) => {
+        l.value.selectedItems = new Map(e);
+      },
+      notifyChange: (e, a) => {
+        var n;
+        u("change", e, a), (n = t.onChange) == null || n.call(t, e, a);
+      },
+      notifySearch: (e) => {
+        var a;
+        u("search", e), (a = t.onSearch) == null || a.call(t, e);
+      },
+      notifySelect: (e) => {
+        var a;
+        u("select", e), (a = t.onSelect) == null || a.call(t, e);
+      },
+      notifyDeselect: (e) => {
+        var a;
+        u("deselect", e), (a = t.onDeselect) == null || a.call(t, e);
+      },
+      updateInput: (e) => {
+        l.value.inputValue = e;
+      },
+      updateSearchResult: (e) => {
+        l.value.searchResult = e;
+      },
+      searchTree: (e) => {
+        o.value && o.value.search && o.value.search(e);
+      }
+    };
+    class _ extends L {
+      _isControlledComponent(a = "value") {
+        return this.getProps()[a] !== void 0;
+      }
+    }
+    const { foundation: r } = W(_, I), P = (e) => {
+      r.handleInputChange(e, !0);
+    }, w = (e) => {
+      r.handleInputChange(e, !1);
+    }, x = (e) => {
+      r.handleSelectOrRemove(e);
+    }, B = (e) => {
+      r.handleSortEnd(e);
+    }, F = E(() => K(f, t.className, {
+      [`${f}-disabled`]: t.disabled,
+      [`${f}-custom-panel`]: t.renderSelectedPanel && t.renderSourcePanel
+    })), R = M(), T = N();
+    return $(U, {
+      state: l,
+      transferProps: t,
+      foundation: r,
+      methods: {
+        handleInputChange: P,
+        handleSelectOrRemove: x,
+        handleSortEnd: B
+      },
+      treeRef: o,
+      slots: T
+    }), g({
+      search: w,
+      treeRef: o
+    }), (e, a) => (k(), b(G, { "component-name": "Transfer" }, {
+      default: O(({ locale: n }) => [
+        z("div", H({
+          class: F.value,
+          style: t.style
+        }, j(R)), [
+          h(J, { locale: n }, null, 8, ["locale"]),
+          h(Q, { locale: n }, null, 8, ["locale"])
+        ], 16)
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  ie as default
+};
+//# sourceMappingURL=Transfer.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Transfer.vue.js","sources":["../../../../src/components/transfer/Transfer.vue"],"sourcesContent":["<template>\n    <LocaleConsumer component-name=\"Transfer\">\n        <template #default=\"{ locale }\">\n            <div :class=\"transferCls\" :style=\"props.style\" v-bind=\"attrs\">\n                <TransferSource :locale=\"locale\" />\n                <TransferSelected :locale=\"locale\" />\n            </div>\n        </template>\n    </LocaleConsumer>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, provide, useSlots, useAttrs } from 'vue';\nimport cls from 'classnames';\nimport { noop } from 'lodash-es';\nimport TransferFoundation, { TransferAdapter } from '@douyinfe/semi-foundation/transfer/foundation';\nimport { _generateDataByType, _generateSelectedItems } from '@douyinfe/semi-foundation/transfer/transferUtils';\nimport { cssClasses, strings } from '@douyinfe/semi-foundation/transfer/constants';\nimport { useFoundation } from '../_utils';\nimport LocaleConsumer from '../locale/LocaleConsumer.vue';\nimport TransferSource from './TransferSource.vue';\nimport TransferSelected from './TransferSelected.vue';\nimport {\n    TransferProps,\n    TransferState,\n    ResolvedDataItem,\n    SourcePanelProps,\n    SelectedPanelProps,\n    SourceHeaderProps,\n    SelectedHeaderProps,\n    Type,\n    RenderSourceItemProps,\n    RenderSelectedItemProps,\n    SLOT_NAMES,\n    TransferContextKey,\n    TransferContext,\n} from './interface';\n\ndefineOptions({\n    name: 'Transfer',\n});\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst props = withDefaults(defineProps<TransferProps>(), {\n    type: strings.TYPE_LIST as Type,\n    dataSource: () => [],\n    filter: true,\n    onSearch: noop,\n    onChange: noop,\n    onSelect: noop,\n    onDeselect: noop,\n    defaultValue: () => [],\n    emptyContent: () => ({}),\n    showPath: false,\n});\n\nconst emit = defineEmits<{\n    change: [values: Array<string | number>, items: Array<any>];\n    select: [item: any];\n    deselect: [item: any];\n    search: [sunInput: string];\n}>();\n\nconst treeRef = ref<any>(null);\n\nconst state = ref<TransferState>({\n    data: [],\n    selectedItems: new Map(),\n    searchResult: new Set(),\n    inputValue: '',\n});\n\nconst isDefaultValueInitialized = ref(false);\n\nconst initializeDefaultValue = (data: Array<ResolvedDataItem>) => {\n    if (props.value === undefined && data.length > 0) {\n        if (Boolean(props.defaultValue) && Array.isArray(props.defaultValue) && props.defaultValue.length > 0) {\n            const newSelectedItems = _generateSelectedItems(props.defaultValue, data);\n            state.value.selectedItems = newSelectedItems;\n            if (!isDefaultValueInitialized.value) {\n                isDefaultValueInitialized.value = true;\n            }\n        } else if (!isDefaultValueInitialized.value) {\n            isDefaultValueInitialized.value = true;\n        }\n    }\n};\n\nwatch(\n    [() => props.dataSource, () => props.type],\n    ([newDataSource, newType]) => {\n        if (Boolean(newDataSource) && Array.isArray(newDataSource)) {\n            const newData = _generateDataByType(newDataSource, newType || props.type);\n            state.value.data = newData;\n            if (props.value !== undefined) {\n                if (Array.isArray(props.value)) {\n                    const newSelectedItems = _generateSelectedItems(props.value, newData);\n                    state.value.selectedItems = newSelectedItems;\n                } else {\n                    state.value.selectedItems = new Map();\n                }\n            } else {\n                initializeDefaultValue(newData);\n            }\n        } else {\n            state.value.data = [];\n        }\n    },\n    { immediate: true }\n);\n\nwatch(\n    () => props.value,\n    (newValue) => {\n        if (props.value !== undefined) {\n            if (Array.isArray(newValue) && state.value.data.length > 0) {\n                const newSelectedItems = _generateSelectedItems(newValue, state.value.data);\n                state.value.selectedItems = newSelectedItems;\n            } else {\n                state.value.selectedItems = new Map();\n            }\n        }\n    },\n    { immediate: true, flush: 'post' }\n);\n\nwatch(\n    [() => state.value.data, () => state.value.inputValue, () => props.filter],\n    ([newData, inputValue, filter]) => {\n        if (typeof inputValue === 'string' && inputValue !== '') {\n            const filterFunc =\n                typeof filter === 'function'\n                    ? (item: any) => filter(inputValue, item)\n                    : (item: any) => typeof item.label === 'string' && item.label.includes(inputValue);\n            const searchData = newData.filter(filterFunc);\n            const searchResult = new Set(searchData.map((item: any) => item.key));\n            state.value.searchResult = searchResult;\n        } else if (inputValue === '') {\n            state.value.searchResult = new Set();\n        }\n    },\n    { immediate: true }\n);\n\nconst adapter: TransferAdapter<TransferProps, TransferState> = {\n    getProps: () => props,\n    getProp: (key: string) => (props as any)[key],\n    getState: (key: string) => (state.value as any)[key],\n    getStates: () => state.value,\n    setState: (states: Partial<TransferState>, cb?: () => void) => {\n        Object.assign(state.value, states);\n        cb?.();\n    },\n    getContext: () => null,\n    getContexts: () => ({}),\n    getCache: () => null,\n    getCaches: () => ({}),\n    setCache: () => {},\n    stopPropagation: (e: Event) => e?.stopPropagation(),\n    persistEvent: () => {},\n    getSelected: () => new Map(state.value.selectedItems),\n    updateSelected: (selectedItems) => {\n        state.value.selectedItems = new Map(selectedItems);\n    },\n    notifyChange: (values, items) => {\n        emit('change', values, items);\n        props.onChange?.(values, items);\n    },\n    notifySearch: (input) => {\n        emit('search', input);\n        props.onSearch?.(input);\n    },\n    notifySelect: (item) => {\n        emit('select', item);\n        props.onSelect?.(item);\n    },\n    notifyDeselect: (item) => {\n        emit('deselect', item);\n        props.onDeselect?.(item);\n    },\n    updateInput: (input) => {\n        state.value.inputValue = input;\n    },\n    updateSearchResult: (searchResult) => {\n        state.value.searchResult = searchResult;\n    },\n    searchTree: (keyword) => {\n        if (treeRef.value && treeRef.value.search) {\n            treeRef.value.search(keyword);\n        }\n    },\n};\n\nclass VueTransferFoundation extends TransferFoundation {\n    _isControlledComponent(key: string = 'value') {\n        const props = this.getProps();\n        const value = (props as any)[key];\n        return value !== undefined;\n    }\n}\n\nconst { foundation } = useFoundation(VueTransferFoundation, adapter);\n\nconst handleInputChange = (value: string) => {\n    foundation.handleInputChange(value, true);\n};\n\nconst search = (value: string) => {\n    foundation.handleInputChange(value, false);\n};\n\nconst handleSelectOrRemove = (item: ResolvedDataItem) => {\n    foundation.handleSelectOrRemove(item);\n};\n\nconst handleSortEnd = (callbackProps: { oldIndex: number; newIndex: number }) => {\n    foundation.handleSortEnd(callbackProps);\n};\n\nconst transferCls = computed(() => {\n    return cls(prefixCls, props.className, {\n        [`${prefixCls}-disabled`]: props.disabled,\n        [`${prefixCls}-custom-panel`]: props.renderSelectedPanel && props.renderSourcePanel,\n    });\n});\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\ndefineSlots<{\n    [SLOT_NAMES.SOURCE_ITEM]: (props: RenderSourceItemProps) => any;\n    [SLOT_NAMES.SELECTED_ITEM]: (props: RenderSelectedItemProps) => any;\n    [SLOT_NAMES.SOURCE_PANEL]: (props: SourcePanelProps) => any;\n    [SLOT_NAMES.SELECTED_PANEL]: (props: SelectedPanelProps) => any;\n    [SLOT_NAMES.SOURCE_HEADER]: (props: SourceHeaderProps) => any;\n    [SLOT_NAMES.SELECTED_HEADER]: (props: SelectedHeaderProps) => any;\n}>();\n\nconst transferContext: TransferContext = {\n    state,\n    transferProps: props,\n    foundation,\n    methods: {\n        handleInputChange,\n        handleSelectOrRemove,\n        handleSortEnd,\n    },\n    treeRef,\n    slots,\n};\n\nprovide(TransferContextKey, transferContext);\n\ndefineExpose({\n    search,\n    treeRef,\n});\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","emit","__emit","treeRef","ref","state","isDefaultValueInitialized","initializeDefaultValue","data","newSelectedItems","_generateSelectedItems","watch","newDataSource","newType","newData","_generateDataByType","newValue","inputValue","filter","filterFunc","item","searchData","searchResult","adapter","key","states","cb","selectedItems","values","items","_a","input","keyword","VueTransferFoundation","TransferFoundation","foundation","useFoundation","handleInputChange","value","search","handleSelectOrRemove","handleSortEnd","callbackProps","transferCls","computed","cls","attrs","useAttrs","slots","useSlots","provide","TransferContextKey","__expose","_createBlock","LocaleConsumer","_withCtx","locale","_createElementVNode","_mergeProps","_unref","_createVNode","TransferSource","TransferSelected"],"mappings":"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"}

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

@@ -0,0 +1,58 @@
+import { defineComponent as m, computed as t, renderSlot as u, createBlock as n, createElementBlock as g, normalizeProps as p, mergeProps as y, openBlock as o, resolveDynamicComponent as c, normalizeClass as l, createElementVNode as k, createCommentVNode as B, unref as h, toDisplayString as f, withCtx as H, createTextVNode as S } from "vue";
+import $ from "classnames";
+import { cssClasses as v } from "@douyinfe/semi-foundation/transfer/constants";
+import w from "../button/Button.vue.js";
+const z = /* @__PURE__ */ m({
+  name: "TransferHeader",
+  __name: "TransferHeader",
+  props: {
+    headerConfig: {},
+    disabled: { type: Boolean },
+    renderSourceHeader: { type: Function },
+    renderSelectedHeader: { type: Function }
+  },
+  setup(r) {
+    const e = r, a = v.PREFIX, C = t(
+      () => $({
+        [`${a}-header`]: !0,
+        [`${a}-right-header`]: e.headerConfig.type === "right",
+        [`${a}-left-header`]: e.headerConfig.type === "left"
+      })
+    ), d = t(() => ({
+      num: e.headerConfig.num,
+      showButton: e.headerConfig.showButton,
+      allChecked: e.headerConfig.allChecked,
+      onAllClick: e.headerConfig.onAllClick
+    })), s = t(() => ({
+      num: e.headerConfig.num,
+      showButton: e.headerConfig.showButton,
+      onClear: e.headerConfig.onAllClick
+    }));
+    return (i, b) => i.$slots.default ? u(i.$slots, "default", p(y({ key: 0 }, e.headerConfig.type === "left" ? d.value : s.value))) : e.headerConfig.type === "left" && r.renderSourceHeader ? (o(), n(c(r.renderSourceHeader(d.value)), { key: 1 })) : e.headerConfig.type === "right" && r.renderSelectedHeader ? (o(), n(c(r.renderSelectedHeader(s.value)), { key: 2 })) : (o(), g("div", {
+      key: 3,
+      class: l(C.value)
+    }, [
+      k("span", {
+        class: l(`${h(a)}-header-total`)
+      }, f(e.headerConfig.totalContent), 3),
+      e.headerConfig.showButton ? (o(), n(w, {
+        key: 0,
+        theme: "borderless",
+        disabled: r.disabled,
+        type: "tertiary",
+        size: "small",
+        class: l(`${h(a)}-header-all`),
+        onClick: e.headerConfig.onAllClick
+      }, {
+        default: H(() => [
+          S(f(e.headerConfig.allContent), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled", "class", "onClick"])) : B("", !0)
+    ], 2));
+  }
+});
+export {
+  z as default
+};
+//# sourceMappingURL=TransferHeader.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransferHeader.vue.js","sources":["../../../../src/components/transfer/TransferHeader.vue"],"sourcesContent":["<template>\n    <!-- Custom Header Rendering via Slot -->\n    <template v-if=\"$slots.default\">\n        <slot v-bind=\"props.headerConfig.type === 'left' ? headerProps : selectedHeaderProps\" />\n    </template>\n    <!-- Custom Header Rendering via Render Function -->\n    <component\n        :is=\"renderSourceHeader(headerProps)\"\n        v-else-if=\"props.headerConfig.type === 'left' && renderSourceHeader\"\n    />\n    <component\n        :is=\"renderSelectedHeader(selectedHeaderProps)\"\n        v-else-if=\"props.headerConfig.type === 'right' && renderSelectedHeader\"\n    />\n    <!-- Default Header Rendering -->\n    <div v-else :class=\"headerCls\">\n        <span :class=\"`${prefixCls}-header-total`\">{{ props.headerConfig.totalContent }}</span>\n        <Button\n            v-if=\"props.headerConfig.showButton\"\n            theme=\"borderless\"\n            :disabled=\"disabled\"\n            type=\"tertiary\"\n            size=\"small\"\n            :class=\"`${prefixCls}-header-all`\"\n            @click=\"props.headerConfig.onAllClick\"\n        >\n            {{ props.headerConfig.allContent }}\n        </Button>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, VNode } from 'vue';\nimport cls from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/transfer/constants';\nimport Button from '../button/Button.vue';\nimport { HeaderConfig, SourceHeaderProps, SelectedHeaderProps } from './interface';\n\ndefineOptions({\n    name: 'TransferHeader',\n});\n\nconst props = defineProps<{\n    headerConfig: HeaderConfig;\n    disabled?: boolean;\n    renderSourceHeader?: (props: SourceHeaderProps) => VNode;\n    renderSelectedHeader?: (props: SelectedHeaderProps) => VNode;\n}>();\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst headerCls = computed(() =>\n    cls({\n        [`${prefixCls}-header`]: true,\n        [`${prefixCls}-right-header`]: props.headerConfig.type === 'right',\n        [`${prefixCls}-left-header`]: props.headerConfig.type === 'left',\n    })\n);\n\nconst headerProps = computed<SourceHeaderProps>(() => ({\n    num: props.headerConfig.num!,\n    showButton: props.headerConfig.showButton!,\n    allChecked: props.headerConfig.allChecked!,\n    onAllClick: props.headerConfig.onAllClick!,\n}));\n\nconst selectedHeaderProps = computed<SelectedHeaderProps>(() => ({\n    num: props.headerConfig.num!,\n    showButton: props.headerConfig.showButton!,\n    onClear: props.headerConfig.onAllClick!,\n}));\n</script>\n"],"names":["props","__props","prefixCls","cssClasses","headerCls","computed","cls","headerProps","selectedHeaderProps","$slots","_renderSlot","_ctx","_normalizeProps","_mergeProps","_createBlock","_resolveDynamicComponent","_createElementBlock","_createElementVNode","_unref","Button"],"mappings":";;;;;;;;;;;;;;AA0CA,UAAMA,IAAQC,GAORC,IAAYC,EAAW,QAEvBC,IAAYC;AAAA,MAAS,MACvBC,EAAI;AAAA,QACA,CAAC,GAAGJ,CAAS,SAAS,GAAG;AAAA,QACzB,CAAC,GAAGA,CAAS,eAAe,GAAGF,EAAM,aAAa,SAAS;AAAA,QAC3D,CAAC,GAAGE,CAAS,cAAc,GAAGF,EAAM,aAAa,SAAS;AAAA,MAAA,CAC7D;AAAA,IAAA,GAGCO,IAAcF,EAA4B,OAAO;AAAA,MACnD,KAAKL,EAAM,aAAa;AAAA,MACxB,YAAYA,EAAM,aAAa;AAAA,MAC/B,YAAYA,EAAM,aAAa;AAAA,MAC/B,YAAYA,EAAM,aAAa;AAAA,IAAA,EACjC,GAEIQ,IAAsBH,EAA8B,OAAO;AAAA,MAC7D,KAAKL,EAAM,aAAa;AAAA,MACxB,YAAYA,EAAM,aAAa;AAAA,MAC/B,SAASA,EAAM,aAAa;AAAA,IAAA,EAC9B;qBApEkBS,EAAAA,OAAO,UACnBC,EAAwFC,EAAA,QAAA,WAAAC,EAAAC,EAAA,EAAA,KAAA,EAAA,GAA1Eb,EAAM,aAAa,SAAI,SAAcO,EAAA,QAAcC,EAAA,KAAmB,CAAA,CAAA,IAKzER,EAAM,aAAa,mBAAmBC,EAAA,2BAFrDa,EAGEC,EAFOd,EAAA,mBAAmBM,EAAA,KAAW,CAAA,GAAA,EAAA,KAAA,EAAA,CAAA,KAKxBP,EAAM,aAAa,oBAAoBC,EAAA,6BAFtDa,EAGEC,EAFOd,EAAA,qBAAqBO,EAAA,KAAmB,CAAA,GAAA,EAAA,KAAA,GAAA,WAIjDQ,EAaM,OAAA;AAAA;MAbO,SAAOZ,EAAA,KAAS;AAAA,IAAA;MACzBa,EAAuF,QAAA;AAAA,QAAhF,YAAUC,EAAAhB,CAAA,CAAS,eAAA;AAAA,MAAA,KAAoBF,EAAM,aAAa,YAAY,GAAA,CAAA;AAAA,MAEnEA,EAAM,aAAa,mBAD7Bc,EAUSK,GAAA;AAAA;QARL,OAAM;AAAA,QACL,UAAUlB,EAAA;AAAA,QACX,MAAK;AAAA,QACL,MAAK;AAAA,QACJ,YAAUiB,EAAAhB,CAAA,CAAS,aAAA;AAAA,QACnB,SAAOF,EAAM,aAAa;AAAA,MAAA;mBAE3B,MAAmC;AAAA,cAAhCA,EAAM,aAAa,UAAU,GAAA,CAAA;AAAA,QAAA;;;;;;"}

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

@@ -0,0 +1,148 @@
+import { defineComponent as D, inject as Y, computed as l, createBlock as f, createElementBlock as g, unref as t, openBlock as i, resolveDynamicComponent as R, normalizeClass as k, createVNode as w, createSlots as G, withCtx as J, toDisplayString as Q, Fragment as b, renderList as U, h as a } from "vue";
+import T from "classnames";
+import { cssClasses as Z, strings as ee } from "@douyinfe/semi-foundation/transfer/constants";
+import te from "./TransferHeader.vue.js";
+import { TransferContextKey as re, SLOT_NAMES as h } from "./interface.js";
+import le from "../_sortable/Sortable.vue.js";
+import ne from "../icons/icons/IconClose.js";
+import ae from "../icons/icons/IconHandle.js";
+const ve = /* @__PURE__ */ D({
+  name: "TransferSelected",
+  __name: "TransferSelected",
+  props: {
+    locale: {}
+  },
+  setup(x) {
+    const E = x, _ = Y(re);
+    if (!_)
+      throw new Error("TransferSelected must be used within Transfer");
+    const { state: L, transferProps: o, foundation: S, methods: y, slots: u } = _, n = Z.PREFIX, B = l(() => L.value.selectedItems), s = l(() => [...B.value.values()]), N = l(() => s.value.map((e) => e.key)), O = l(() => o.disabled), C = l(() => o.draggable), H = l(() => o.type), j = l(() => o.showPath), M = l(() => o.emptyContent), V = l(() => {
+      var e;
+      return ((e = M.value) == null ? void 0 : e.right) ?? E.locale.emptyRight;
+    }), F = l(() => E.locale.selected), q = l(() => F.value.replace("${total}", `${s.value.length}`)), z = l(() => s.value.findIndex((e) => !e.disabled) !== -1), p = l(() => ({
+      totalContent: q.value,
+      allContent: E.locale.clear,
+      onAllClick: () => S.handleClear(),
+      type: "right",
+      showButton: !!s.value.length && z.value,
+      num: s.value.length
+    }));
+    l(() => ({
+      num: p.value.num,
+      showButton: p.value.showButton,
+      onClear: p.value.onAllClick
+    }));
+    const $ = (e, c) => {
+      const d = () => y.handleSelectOrRemove(e), m = { ...e, onRemove: d, sortableHandle: c };
+      if (u[h.SELECTED_ITEM]) {
+        const r = u[h.SELECTED_ITEM](m);
+        return Array.isArray(r) ? a("div", { key: e.key }, r) : r && typeof r == "object" && r.type === b ? a("div", { key: e.key }, r) : r;
+      }
+      if (o.renderSelectedItem) {
+        const r = o.renderSelectedItem(m);
+        return Array.isArray(r) ? a("div", { key: e.key }, r) : r && typeof r == "object" && r.type === b ? a("div", { key: e.key }, r) : r;
+      }
+      const v = T({
+        [`${n}-item`]: !0,
+        [`${n}-right-item`]: !0,
+        [`${n}-right-item-draggable`]: C.value
+      }), W = H.value === ee.TYPE_TREE_TO_LIST && j.value === !0 ? S._generatePath(e) : e.label, X = c ? c(
+        () => a(ae, {
+          role: "button",
+          "aria-label": "Drag and sort",
+          class: `${n}-right-item-drag-handler`
+        })
+      ) : null;
+      return a(
+        "div",
+        {
+          role: "listitem",
+          class: v,
+          key: e.key
+        },
+        [
+          C.value && c ? a(X) : null,
+          a("div", { class: `${n}-right-item-text` }, W),
+          a(ne, {
+            onClick: d,
+            "aria-disabled": e.disabled,
+            class: T(`${n}-item-close-icon`, {
+              [`${n}-item-close-icon-disabled`]: e.disabled
+            })
+          })
+        ]
+      );
+    }, K = (e) => {
+      const { id: c, sortableHandle: d } = e, m = s.value.find((A) => A.key === c);
+      if (!m)
+        return a("div", { style: { display: "none" } });
+      const v = $(m, d);
+      return Array.isArray(v) ? a("div", { key: m.key }, v) : v;
+    }, I = D({
+      props: {
+        vnodes: {
+          type: Array,
+          required: !0
+        }
+      },
+      setup(e) {
+        return () => e.vnodes;
+      }
+    }), P = l(() => ({
+      length: s.value.length,
+      selectedData: s.value,
+      onClear: () => S.handleClear(),
+      onRemove: (e) => y.handleSelectOrRemove(e),
+      onSortEnd: (e) => y.handleSortEnd(e)
+    }));
+    return (e, c) => t(u)[t(h).SELECTED_PANEL] ? (i(), f(t(I), {
+      key: 0,
+      vnodes: t(u)[t(h).SELECTED_PANEL](P.value)
+    }, null, 8, ["vnodes"])) : t(o).renderSelectedPanel ? (i(), f(R(t(o).renderSelectedPanel(P.value)), { key: 1 })) : (i(), g("section", {
+      key: 2,
+      class: k(`${t(n)}-right`)
+    }, [
+      w(te, {
+        headerConfig: p.value,
+        disabled: O.value,
+        renderSelectedHeader: t(o).renderSelectedHeader
+      }, G({ _: 2 }, [
+        t(u)[t(h).SELECTED_HEADER] ? {
+          name: "default",
+          fn: J((d) => [
+            w(t(I), {
+              vnodes: t(u)[t(h).SELECTED_HEADER](d)
+            }, null, 8, ["vnodes"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["headerConfig", "disabled", "renderSelectedHeader"]),
+      s.value.length === 0 ? (i(), g("div", {
+        key: 0,
+        "aria-label": "empty",
+        class: k(t(T)(`${t(n)}-empty`, `${t(n)}-right-empty`))
+      }, Q(V.value), 3)) : C.value ? (i(), f(t(le), {
+        key: 1,
+        items: N.value,
+        renderItem: K,
+        prefix: `${t(n)}-right-item`,
+        dragOverlayCls: `${t(n)}-right-item-drag-item-move`,
+        handle: `.${t(n)}-right-item-handle`,
+        onSortEnd: t(y).handleSortEnd
+      }, null, 8, ["items", "prefix", "dragOverlayCls", "handle", "onSortEnd"])) : (i(), g("div", {
+        key: 2,
+        class: k(`${t(n)}-right-list`),
+        role: "list",
+        "aria-label": "Selected list"
+      }, [
+        (i(!0), g(b, null, U(s.value, (d) => (i(), f(R($(d)), {
+          key: d.key
+        }))), 128))
+      ], 2))
+    ], 2));
+  }
+});
+export {
+  ve as default
+};
+//# sourceMappingURL=TransferSelected.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransferSelected.vue.js","sources":["../../../../src/components/transfer/TransferSelected.vue"],"sourcesContent":["<template>\n    <!-- Custom Panel Rendering -->\n    <template v-if=\"slots[SLOT_NAMES.SELECTED_PANEL]\">\n        <RenderVNodes :vnodes=\"slots[SLOT_NAMES.SELECTED_PANEL](selectedPanelProps)\" />\n    </template>\n    <component\n        :is=\"transferProps.renderSelectedPanel(selectedPanelProps)\"\n        v-else-if=\"transferProps.renderSelectedPanel\"\n    />\n    <!-- Default Panel Rendering -->\n    <section v-else :class=\"`${prefixCls}-right`\">\n        <!-- Header -->\n        <TransferHeader\n            :headerConfig=\"headerConfig\"\n            :disabled=\"disabled\"\n            :renderSelectedHeader=\"transferProps.renderSelectedHeader\"\n        >\n            <template v-if=\"slots[SLOT_NAMES.SELECTED_HEADER]\" #default=\"slotProps\">\n                <RenderVNodes :vnodes=\"slots[SLOT_NAMES.SELECTED_HEADER](slotProps)\" />\n            </template>\n        </TransferHeader>\n\n        <!-- Content -->\n        <div\n            v-if=\"selectedData.length === 0\"\n            aria-label=\"empty\"\n            :class=\"cls(`${prefixCls}-empty`, `${prefixCls}-right-empty`)\"\n        >\n            {{ emptyRight }}\n        </div>\n\n        <!-- Draggable List -->\n        <Sortable\n            v-else-if=\"draggable\"\n            :items=\"sortItems\"\n            :renderItem=\"renderSortItemWrapper\"\n            :prefix=\"`${prefixCls}-right-item`\"\n            :dragOverlayCls=\"`${prefixCls}-right-item-drag-item-move`\"\n            :handle=\"`.${prefixCls}-right-item-handle`\"\n            @sort-end=\"methods.handleSortEnd\"\n        />\n\n        <!-- Standard List -->\n        <div v-else :class=\"`${prefixCls}-right-list`\" role=\"list\" aria-label=\"Selected list\">\n            <template v-for=\"item in selectedData\" :key=\"item.key\">\n                <component :is=\"renderRightItem(item)\" />\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 { cssClasses, strings } from '@douyinfe/semi-foundation/transfer/constants';\nimport { IconClose, IconHandle } from '../icons';\nimport { Sortable, type RenderItemProps } from '../_sortable';\nimport TransferHeader from './TransferHeader.vue';\nimport {\n    TransferContextKey,\n    SLOT_NAMES,\n    ResolvedDataItem,\n    HeaderConfig,\n    SelectedHeaderProps,\n    SelectedPanelProps,\n} from './interface';\n\ndefineOptions({\n    name: 'TransferSelected',\n});\n\nconst props = defineProps<{\n    locale: any;\n}>();\n\nconst context = inject(TransferContextKey);\n\nif (!context) {\n    throw new Error('TransferSelected must be used within Transfer');\n}\n\nconst { state, transferProps, foundation, methods, slots } = context;\nconst prefixCls = cssClasses.PREFIX;\n\n// Computed Properties\nconst selectedItems = computed(() => state.value.selectedItems);\nconst selectedData = computed(() => [...selectedItems.value.values()]);\nconst sortItems = computed(() => selectedData.value.map((item) => item.key));\n\nconst disabled = computed(() => transferProps.disabled);\nconst draggable = computed(() => transferProps.draggable);\nconst type = computed(() => transferProps.type);\nconst showPath = computed(() => transferProps.showPath);\nconst emptyContent = computed(() => transferProps.emptyContent);\n\nconst emptyRight = computed(() => emptyContent.value?.right ?? props.locale.emptyRight);\n\n// Header Logic\nconst selectedToken = computed(() => props.locale.selected);\nconst selectedText = computed(() => selectedToken.value.replace('${total}', `${selectedData.value.length}`));\nconst hasValidSelected = computed(() => selectedData.value.findIndex((item) => !item.disabled) !== -1);\n\nconst headerConfig = computed<HeaderConfig>(() => ({\n    totalContent: selectedText.value,\n    allContent: props.locale.clear,\n    onAllClick: () => foundation.handleClear(),\n    type: 'right',\n    showButton: Boolean(selectedData.value.length) && hasValidSelected.value,\n    num: selectedData.value.length,\n}));\n\nconst headerProps = computed<SelectedHeaderProps>(() => ({\n    num: headerConfig.value.num,\n    showButton: headerConfig.value.showButton,\n    onClear: headerConfig.value.onAllClick,\n}));\n\n// Item Rendering Logic\nconst renderRightItem = (item: ResolvedDataItem, sortableHandle?: any): VNode => {\n    const onRemove = () => methods.handleSelectOrRemove(item);\n    const itemProps = { ...item, onRemove, sortableHandle };\n\n    if (slots[SLOT_NAMES.SELECTED_ITEM]) {\n        const slotResult = slots[SLOT_NAMES.SELECTED_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.renderSelectedItem) {\n        const renderResult = transferProps.renderSelectedItem(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    const rightItemCls = cls({\n        [`${prefixCls}-item`]: true,\n        [`${prefixCls}-right-item`]: true,\n        [`${prefixCls}-right-item-draggable`]: draggable.value,\n    });\n\n    const shouldShowPath = type.value === strings.TYPE_TREE_TO_LIST && showPath.value === true;\n    const label = shouldShowPath ? foundation._generatePath(item) : item.label;\n\n    const DragHandle = sortableHandle\n        ? sortableHandle(() =>\n              h(IconHandle, {\n                  role: 'button',\n                  'aria-label': 'Drag and sort',\n                  class: `${prefixCls}-right-item-drag-handler`,\n              })\n          )\n        : null;\n\n    return h(\n        'div',\n        {\n            role: 'listitem',\n            class: rightItemCls,\n            key: item.key,\n        },\n        [\n            draggable.value && sortableHandle ? h(DragHandle) : null,\n            h('div', { class: `${prefixCls}-right-item-text` }, label),\n            h(IconClose, {\n                onClick: onRemove,\n                'aria-disabled': item.disabled,\n                class: cls(`${prefixCls}-item-close-icon`, {\n                    [`${prefixCls}-item-close-icon-disabled`]: item.disabled,\n                }),\n            }),\n        ]\n    );\n};\n\n// Wrapper for Sortable renderItem prop\nconst renderSortItemWrapper = (props: RenderItemProps): VNode => {\n    const { id, sortableHandle } = props;\n    const item = selectedData.value.find((item) => item.key === id);\n    if (!item) {\n        // 返回一个空的 div 而不是 null，避免 component :is 错误\n        return h('div', { style: { display: 'none' } });\n    }\n    const result = renderRightItem(item, sortableHandle);\n    // 确保返回的是单个 VNode，而不是数组\n    if (Array.isArray(result)) {\n        return h('div', { key: item.key }, result);\n    }\n    return result;\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// Selected Panel Props for Custom Rendering\nconst selectedPanelProps = computed<SelectedPanelProps>(() => ({\n    length: selectedData.value.length,\n    selectedData: selectedData.value,\n    onClear: () => foundation.handleClear(),\n    onRemove: (item: ResolvedDataItem) => methods.handleSelectOrRemove(item),\n    onSortEnd: (props: { oldIndex: number; newIndex: number }) => methods.handleSortEnd(props),\n}));\n</script>\n"],"names":["props","__props","context","inject","TransferContextKey","state","transferProps","foundation","methods","slots","prefixCls","cssClasses","selectedItems","computed","selectedData","sortItems","item","disabled","draggable","type","showPath","emptyContent","emptyRight","_a","selectedToken","selectedText","hasValidSelected","headerConfig","renderRightItem","sortableHandle","onRemove","itemProps","SLOT_NAMES","slotResult","h","Fragment","renderResult","rightItemCls","cls","label","strings","DragHandle","IconHandle","IconClose","renderSortItemWrapper","id","result","RenderVNodes","defineComponent","selectedPanelProps","_unref","_createBlock","_openBlock","_resolveDynamicComponent","_createElementBlock","_createVNode","TransferHeader","_withCtx","slotProps","_normalizeClass","Sortable","_Fragment","_renderList"],"mappings":"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"}