@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/autoComplete/AutoComplete.vue.js

@@ -0,0 +1,349 @@
+import { defineComponent as W, ref as h, reactive as j, onMounted as K, nextTick as P, onUnmounted as T, watch as S, computed as z, h as p, createBlock as I, openBlock as D, unref as H, withCtx as M, resolveDynamicComponent as q } from "vue";
+import v from "classnames";
+import { isEqual as U } from "lodash-es";
+import { cssClasses as X } from "@douyinfe/semi-foundation/autoComplete/constants";
+import Z from "@douyinfe/semi-foundation/autoComplete/foundation";
+import { numbers as G } from "@douyinfe/semi-foundation/popover/constants";
+import { getUuidShort as J } from "@douyinfe/semi-foundation/utils/uuid";
+import Q from "../spin/Spin.vue.js";
+/* empty css                */
+import Y from "../popover/Popover.vue.js";
+/* empty css                      */
+import { Input as _ } from "../input/index.js";
+import ee from "./Option.vue.js";
+const me = /* @__PURE__ */ W({
+  name: "AutoComplete",
+  __name: "AutoComplete",
+  props: {
+    ariaDescribedby: {},
+    ariaErrormessage: {},
+    ariaInvalid: { type: Boolean },
+    ariaLabel: {},
+    ariaLabelledby: {},
+    ariaRequired: { type: Boolean },
+    autoAdjustOverflow: { type: Boolean },
+    autoFocus: { type: Boolean, default: !1 },
+    className: {},
+    clearIcon: {},
+    data: { default: () => [] },
+    disabled: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    defaultValue: {},
+    defaultActiveFirstOption: { type: Boolean, default: !1 },
+    dropdownMatchSelectWidth: { type: Boolean, default: !0 },
+    dropdownClassName: {},
+    dropdownStyle: {},
+    emptyContent: { default: null },
+    getPopupContainer: {},
+    insetLabel: {},
+    insetLabelId: {},
+    id: {},
+    loading: { type: Boolean, default: !1 },
+    motion: { type: Boolean, default: !0 },
+    maxHeight: { default: 300 },
+    mouseEnterDelay: {},
+    mouseLeaveDelay: {},
+    prefix: {},
+    placeholder: {},
+    position: { default: "bottomLeft" },
+    renderItem: {},
+    renderSelectedItem: {},
+    size: { default: "default" },
+    style: {},
+    suffix: {},
+    showClear: { type: Boolean, default: !1 },
+    triggerRender: {},
+    stopPropagation: { type: [Boolean, String], default: !0 },
+    value: {},
+    validateStatus: { default: "default" },
+    zIndex: { default: G.DEFAULT_Z_INDEX },
+    onChangeWithObject: { type: Boolean, default: !1 },
+    onSelectWithObject: { type: Boolean, default: !1 }
+  },
+  emits: ["focus", "blur", "change", "search", "select", "clear", "dropdownVisibleChange", "keydown"],
+  setup(d, { expose: L, emit: k }) {
+    const t = d, u = k, c = X.PREFIX, m = h(), b = h();
+    let g = null;
+    const y = h(""), a = j({
+      dropdownMinWidth: null,
+      inputValue: "",
+      options: [],
+      visible: !1,
+      focusIndex: t.defaultActiveFirstOption ? 0 : -1,
+      selection: /* @__PURE__ */ new Map(),
+      rePosKey: 1
+    }), E = {
+      registerKeyDown: (e) => {
+        a.keyboardEventSet = {
+          onKeyDown: e
+        };
+      },
+      unregisterKeyDown: () => {
+        a.keyboardEventSet = {};
+      },
+      updateFocusIndex: (e) => {
+        a.focusIndex = e;
+      },
+      updateScrollTop: (e) => {
+        let o = `.${c}-option-selected`;
+        e !== void 0 && (o = `.${c}-option:nth-child(${e + 1})`);
+        const l = document.querySelector(
+          `#${c}-${y.value} ${o}`
+        );
+        if (l) {
+          const n = l.parentNode;
+          n.scrollTop = l.offsetTop - n.offsetTop - n.clientHeight / 2 + l.clientHeight / 2;
+        }
+      },
+      getTriggerWidth: () => {
+        const e = m.value;
+        return e && e.getBoundingClientRect().width;
+      },
+      setOptionWrapperWidth: (e) => {
+        a.dropdownMinWidth = e;
+      },
+      updateInputValue: (e) => {
+        a.inputValue = e;
+      },
+      toggleListVisible: (e) => {
+        a.visible = e;
+      },
+      updateOptionList: (e) => {
+        if (a.options.length === e.length) {
+          let o = !0;
+          for (let l = 0; l < e.length; l++) {
+            const n = a.options[l], i = e[l];
+            if (n !== i && ((n == null ? void 0 : n.value) !== (i == null ? void 0 : i.value) || (n == null ? void 0 : n.label) !== (i == null ? void 0 : i.label) || (n == null ? void 0 : n.show) !== (i == null ? void 0 : i.show))) {
+              o = !1;
+              break;
+            }
+          }
+          if (o)
+            return;
+        }
+        a.options = e;
+      },
+      updateSelection: (e) => {
+        a.selection = e;
+      },
+      notifySearch: (e) => {
+        u("search", e);
+      },
+      notifyChange: (e) => {
+        if (t.onChangeWithObject && a.selection.size > 0) {
+          const o = Array.from(a.selection.values())[0];
+          u("change", o);
+        } else
+          u("change", e);
+      },
+      notifySelect: (e) => {
+        u("select", e);
+      },
+      notifyDropdownVisibleChange: (e) => {
+        u("dropdownVisibleChange", e);
+      },
+      notifyClear: () => {
+        u("clear");
+      },
+      notifyFocus: (e) => {
+        u("focus", e);
+      },
+      notifyBlur: (e) => {
+        u("blur", e);
+      },
+      notifyKeyDown: (e) => {
+        u("keydown", e);
+      },
+      rePositionDropdown: () => {
+        a.rePosKey = a.rePosKey + 1;
+      },
+      registerClickOutsideHandler: (e) => {
+        const o = (l) => {
+          const n = b.value, i = m.value, r = n == null ? void 0 : n.$el, f = l.target, w = l.composedPath && l.composedPath() || [f];
+          r && (!r.contains(f) || !r.contains(f.parentNode)) && i && !i.contains(f) && !(w.includes(i) || w.includes(r)) && e(l);
+        };
+        g = o, document.addEventListener("mousedown", o, !1);
+      },
+      unregisterClickOutsideHandler: () => {
+        g && document.removeEventListener("mousedown", g, !1);
+      },
+      getState: (e) => a[e],
+      getStates: () => a,
+      getProp: (e) => t[e],
+      getProps: () => {
+        const e = {};
+        for (const o in t)
+          Object.prototype.hasOwnProperty.call(t, o) && t[o] !== void 0 && (e[o] = t[o]);
+        return e;
+      },
+      setState: (e, o) => {
+        Object.assign(a, e), o && P(o);
+      },
+      // DefaultAdapter required methods
+      getContext: (e) => {
+      },
+      getContexts: () => ({}),
+      getCache: (e) => {
+      },
+      getCaches: () => ({}),
+      setCache: (e, o) => {
+      },
+      stopPropagation: (e) => {
+        e == null || e.stopPropagation();
+      },
+      persistEvent: (e) => {
+      }
+    }, s = new Z(E);
+    K(() => {
+      s.init(), y.value = J(), P(() => {
+        t.data && t.data.length > 0 && s.handleDataChange(t.data);
+      });
+    }), T(() => {
+      s.destroy();
+    }), S(
+      () => t.data,
+      (e, o) => {
+        U(e, o) || s.handleDataChange(e);
+      },
+      { immediate: !1 }
+    ), S(
+      () => t.value,
+      (e, o) => {
+        e !== o && s.handleValueChange(e);
+      }
+    );
+    const O = (e, o, l) => {
+      s.handleSelect(e, o);
+    }, C = (e) => {
+      let o;
+      e instanceof Event ? o = e.target.value : o = e, s.handleSearch(o);
+    }, B = (e) => s.handleBlur(e), x = (e) => s.handleFocus(e), $ = () => s.handleClear(), N = (e) => s.handleInputClick(e), A = () => {
+      const e = typeof t.triggerRender == "function", o = {
+        style: t.style,
+        class: e ? v(t.className) : v(
+          {
+            [c]: !0,
+            [`${c}-disabled`]: t.disabled
+          },
+          t.className
+        ),
+        onClick: N,
+        ref: m,
+        id: t.id,
+        ...a.keyboardEventSet,
+        tabIndex: -1
+      }, l = {
+        disabled: t.disabled,
+        placeholder: t.placeholder,
+        autoFocus: t.autoFocus,
+        value: typeof t.value < "u" ? t.value : a.inputValue,
+        onInput: C,
+        // 使用 onInput 而不是 onChange，实时触发
+        onChange: C,
+        // 保留 onChange 以兼容失焦场景
+        onClear: $,
+        ariaLabel: t.ariaLabel,
+        ariaLabelledby: t.ariaLabelledby,
+        ariaInvalid: t.ariaInvalid,
+        ariaErrormessage: t.ariaErrormessage,
+        ariaDescribedby: t.ariaDescribedby,
+        ariaRequired: t.ariaRequired,
+        suffix: t.suffix,
+        prefix: t.prefix || t.insetLabel,
+        insetLabelId: t.insetLabelId,
+        showClear: t.showClear,
+        validateStatus: t.validateStatus,
+        size: t.size,
+        onBlur: B,
+        onFocus: x,
+        clearIcon: t.clearIcon
+      };
+      return p("div", o, [
+        typeof t.triggerRender == "function" ? p(t.triggerRender, {
+          ...l,
+          inputValue: typeof t.value < "u" ? t.value : a.inputValue,
+          value: Array.from(a.selection.values()),
+          componentName: "AutoComplete",
+          componentProps: { ...t }
+        }) : p(_, l)
+      ]);
+    }, F = () => {
+      const e = `${c}-loading-wrapper`;
+      return p("div", { class: e }, [p(Q)]);
+    }, V = (e, o) => {
+      const l = o === a.focusIndex, n = e.label && typeof e.label == "object" && e.label !== null && "type" in e.label;
+      let i = e.label;
+      if (n) {
+        const r = e;
+        i = r.email || r.label || e.value;
+      }
+      return p(
+        ee,
+        {
+          showTick: !1,
+          onSelect: (r, f) => O(r, o),
+          focused: l,
+          onMouseEnter: () => s.handleOptionMouseEnter(o),
+          key: e.key || String(e.value) + o,
+          ...e,
+          // 保存原始 label，供 handleClick 使用
+          originalLabel: i
+        },
+        {
+          default: () => e.label
+        }
+      );
+    }, R = z(() => {
+      const e = v(
+        {
+          [`${c}-option-list`]: !0
+        },
+        t.dropdownClassName
+      );
+      let o;
+      a.options.length === 0 ? o = t.emptyContent : o = a.options.filter((i) => i.show).map((i, r) => V(i, r));
+      const l = {
+        maxHeight: t.maxHeight,
+        minWidth: a.dropdownMinWidth,
+        ...t.dropdownStyle
+      }, n = t.loading ? F() : o;
+      return p(
+        "div",
+        {
+          class: e,
+          role: "listbox",
+          style: l,
+          id: `${c}-${y.value}`
+        },
+        n ?? []
+      );
+    });
+    return L({
+      foundation: s
+    }), (e, o) => (D(), I(H(Y), {
+      ref_key: "optionsRef",
+      ref: b,
+      mouseEnterDelay: d.mouseEnterDelay,
+      mouseLeaveDelay: d.mouseLeaveDelay,
+      autoAdjustOverflow: d.autoAdjustOverflow,
+      trigger: "custom",
+      motion: d.motion,
+      visible: a.visible,
+      content: R.value,
+      position: d.position,
+      zIndex: d.zIndex,
+      stopPropagation: d.stopPropagation,
+      getPopupContainer: d.getPopupContainer,
+      rePosKey: a.rePosKey
+    }, {
+      default: M(() => [
+        (D(), I(q(A())))
+      ]),
+      _: 1
+    }, 8, ["mouseEnterDelay", "mouseLeaveDelay", "autoAdjustOverflow", "motion", "visible", "content", "position", "zIndex", "stopPropagation", "getPopupContainer", "rePosKey"]));
+  }
+});
+export {
+  me as default
+};
+//# sourceMappingURL=AutoComplete.vue.js.map

package/lib/es/components/autoComplete/AutoComplete.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoComplete.vue.js","sources":["../../../../src/components/autoComplete/AutoComplete.vue"],"sourcesContent":["<template>\n    <Popover\n        ref=\"optionsRef\"\n        :mouseEnterDelay=\"mouseEnterDelay\"\n        :mouseLeaveDelay=\"mouseLeaveDelay\"\n        :autoAdjustOverflow=\"autoAdjustOverflow\"\n        trigger=\"custom\"\n        :motion=\"motion\"\n        :visible=\"state.visible\"\n        :content=\"optionListContent\"\n        :position=\"position\"\n        :zIndex=\"zIndex\"\n        :stopPropagation=\"stopPropagation\"\n        :getPopupContainer=\"getPopupContainer\"\n        :rePosKey=\"state.rePosKey\"\n    >\n        <component :is=\"renderInput()\" />\n    </Popover>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive, ref, computed, onMounted, onUnmounted, watch, nextTick, h } from 'vue';\nimport classNames from 'classnames';\nimport { isEqual } from 'lodash-es';\nimport { strings, cssClasses } from '@douyinfe/semi-foundation/autoComplete/constants';\nimport AutoCompleteFoundation, {\n    type AutoCompleteAdapter,\n    type StateOptionItem,\n} from '@douyinfe/semi-foundation/autoComplete/foundation';\nimport { numbers as popoverNumbers } from '@douyinfe/semi-foundation/popover/constants';\nimport { getUuidShort } from '@douyinfe/semi-foundation/utils/uuid';\nimport Spin from '../spin';\nimport Popover from '../popover';\nimport Input from '../input';\nimport Option from './Option.vue';\nimport type { AutoCompleteProps, AutoCompleteItems } from './interface';\n\ndefineOptions({\n    name: 'AutoComplete',\n});\n\nconst props = withDefaults(defineProps<AutoCompleteProps>(), {\n    stopPropagation: true,\n    motion: true,\n    zIndex: popoverNumbers.DEFAULT_Z_INDEX,\n    position: 'bottomLeft',\n    data: () => [],\n    showClear: false,\n    size: 'default',\n    defaultActiveFirstOption: false,\n    dropdownMatchSelectWidth: true,\n    loading: false,\n    maxHeight: 300,\n    validateStatus: 'default',\n    autoFocus: false,\n    emptyContent: null,\n    onChangeWithObject: false,\n    onSelectWithObject: false,\n});\n\nconst emit = defineEmits<{\n    focus: [e: FocusEvent];\n    blur: [e: FocusEvent];\n    change: [value: string | number | AutoCompleteItems];\n    search: [inputValue: string];\n    select: [value: AutoCompleteItems];\n    clear: [];\n    dropdownVisibleChange: [visible: boolean];\n    keydown: [e: KeyboardEvent];\n}>();\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst triggerRef = ref<HTMLDivElement>();\nconst optionsRef = ref<any>();\nlet clickOutsideHandler: ((e: Event) => void) | null = null;\nconst optionListId = ref('');\n\ninterface StateType {\n    dropdownMinWidth: null | number;\n    inputValue: string | undefined | number;\n    options: StateOptionItem[];\n    visible: boolean;\n    focusIndex: number;\n    selection: Map<any, any>;\n    rePosKey: number;\n    keyboardEventSet?: {\n        onKeyDown?: (e: KeyboardEvent) => void;\n    };\n}\n\nconst state = reactive<StateType>({\n    dropdownMinWidth: null,\n    inputValue: '',\n    options: [],\n    visible: false,\n    focusIndex: props.defaultActiveFirstOption ? 0 : -1,\n    selection: new Map(),\n    rePosKey: 1,\n});\n\nconst adapter: AutoCompleteAdapter = {\n    registerKeyDown: (cb: any): void => {\n        state.keyboardEventSet = {\n            onKeyDown: cb,\n        };\n    },\n    unregisterKeyDown: (): void => {\n        state.keyboardEventSet = {};\n    },\n    updateFocusIndex: (focusIndex: number): void => {\n        state.focusIndex = focusIndex;\n    },\n    updateScrollTop: (index?: number) => {\n        let optionClassName = `.${prefixCls}-option-selected`;\n        if (index !== undefined) {\n            optionClassName = `.${prefixCls}-option:nth-child(${index + 1})`;\n        }\n\n        const destNode = document.querySelector(\n            `#${prefixCls}-${optionListId.value} ${optionClassName}`\n        ) as HTMLDivElement;\n        if (destNode) {\n            const destParent = destNode.parentNode as HTMLDivElement;\n            destParent.scrollTop =\n                destNode.offsetTop - destParent.offsetTop - destParent.clientHeight / 2 + destNode.clientHeight / 2;\n        }\n    },\n    getTriggerWidth: () => {\n        const el = triggerRef.value;\n        return el && el.getBoundingClientRect().width;\n    },\n    setOptionWrapperWidth: (width) => {\n        state.dropdownMinWidth = width;\n    },\n    updateInputValue: (inputValue) => {\n        state.inputValue = inputValue;\n    },\n    toggleListVisible: (isShow) => {\n        state.visible = isShow;\n    },\n    updateOptionList: (optionList) => {\n        // 性能优化：只在 options 真正变化时才更新，避免不必要的重新渲染\n        if (state.options.length === optionList.length) {\n            // 如果长度相同，比较选项的关键属性\n            let isEqual = true;\n            for (let i = 0; i < optionList.length; i++) {\n                const current = state.options[i];\n                const next = optionList[i];\n                // 比较选项对象引用（如果相同则跳过）\n                if (current === next) {\n                    continue;\n                }\n                // 比较关键属性\n                if (current?.value !== next?.value || current?.label !== next?.label || current?.show !== next?.show) {\n                    isEqual = false;\n                    break;\n                }\n            }\n            if (isEqual) {\n                return;\n            }\n        }\n        state.options = optionList;\n    },\n    updateSelection: (selection) => {\n        state.selection = selection;\n    },\n    notifySearch: (inputValue) => {\n        emit('search', inputValue);\n    },\n    notifyChange: (value) => {\n        // 如果 onChangeWithObject 为 true，且当前有选中的选项，则传递完整的对象\n        if (props.onChangeWithObject && state.selection.size > 0) {\n            const selectedOption = Array.from(state.selection.values())[0];\n            emit('change', selectedOption as AutoCompleteItems);\n        } else {\n            emit('change', value);\n        }\n    },\n    notifySelect: (option: StateOptionItem | string | number): void => {\n        emit('select', option as AutoCompleteItems);\n    },\n    notifyDropdownVisibleChange: (isVisible: boolean): void => {\n        emit('dropdownVisibleChange', isVisible);\n    },\n    notifyClear: () => {\n        emit('clear');\n    },\n    notifyFocus: (event: FocusEvent) => {\n        emit('focus', event);\n    },\n    notifyBlur: (event: FocusEvent) => {\n        emit('blur', event);\n    },\n    notifyKeyDown: (e) => {\n        emit('keydown', e);\n    },\n    rePositionDropdown: () => {\n        state.rePosKey = state.rePosKey + 1;\n    },\n    registerClickOutsideHandler: (cb) => {\n        const handler = (e: Event) => {\n            const optionInstance = optionsRef.value;\n            const triggerDom = triggerRef.value;\n            const optionsDom = optionInstance?.$el;\n            const target = e.target as Element;\n            const path = ((e as any).composedPath && (e as any).composedPath()) || [target];\n            if (\n                optionsDom &&\n                (!optionsDom.contains(target) || !optionsDom.contains(target.parentNode)) &&\n                triggerDom &&\n                !triggerDom.contains(target) &&\n                !(path.includes(triggerDom) || path.includes(optionsDom))\n            ) {\n                cb(e);\n            }\n        };\n        clickOutsideHandler = handler;\n        document.addEventListener('mousedown', handler, false);\n    },\n    unregisterClickOutsideHandler: () => {\n        if (clickOutsideHandler) {\n            document.removeEventListener('mousedown', clickOutsideHandler, false);\n        }\n    },\n    getState: (key: string) => (state as any)[key],\n    getStates: () => state,\n    getProp: (key: string) => (props as any)[key],\n    getProps: () => {\n        // 过滤掉 undefined 的 props，避免 Vue 3 中 \"value\" in props 总是 true 的问题\n        // Foundation 使用 'value' in props 判断是否受控组件\n        const filteredProps: Record<string, any> = {};\n        for (const key in props) {\n            if (Object.prototype.hasOwnProperty.call(props, key) && (props as any)[key] !== undefined) {\n                filteredProps[key] = (props as any)[key];\n            }\n        }\n        return filteredProps;\n    },\n    setState: (newState: Partial<StateType>, callback?: () => void) => {\n        Object.assign(state, newState);\n        if (callback) {\n            nextTick(callback);\n        }\n    },\n    // DefaultAdapter required methods\n    getContext: (key: string) => {\n        // Vue 没有 React Context，返回空值\n        return undefined;\n    },\n    getContexts: () => {\n        return {};\n    },\n    getCache: (key: string) => {\n        return undefined;\n    },\n    getCaches: () => {\n        return {};\n    },\n    setCache: (key: string, value: any) => {\n        // 可以实现缓存设置，这里暂不实现\n    },\n    stopPropagation: (e: Event) => {\n        e?.stopPropagation();\n    },\n    persistEvent: (event: Event) => {\n        // Vue 3 不需要持久化事件\n    },\n};\n\nconst foundation = new AutoCompleteFoundation(adapter);\n\nonMounted(() => {\n    foundation.init();\n    optionListId.value = getUuidShort();\n    // 确保初始化时如果有数据，也处理一次（使用 nextTick 确保在 init 之后）\n    nextTick(() => {\n        if (props.data && props.data.length > 0) {\n            foundation.handleDataChange(props.data);\n        }\n    });\n});\n\nonUnmounted(() => {\n    foundation.destroy();\n});\n\nwatch(\n    () => props.data,\n    (newData, oldData) => {\n        // 即使数据为空，也需要调用 handleDataChange 来更新 options\n        // 因为空数组和有值的数组是不同的状态\n        if (!isEqual(newData, oldData)) {\n            foundation.handleDataChange(newData);\n        }\n    },\n    { immediate: false }\n);\n\nwatch(\n    () => props.value,\n    (newValue, oldValue) => {\n        if (newValue !== oldValue) {\n            foundation.handleValueChange(newValue);\n        }\n    }\n);\n\nconst onSelect = (option: StateOptionItem, optionIndex: number, e: MouseEvent | KeyboardEvent): void => {\n    foundation.handleSelect(option, optionIndex);\n};\n\nconst onSearch = (value: string | Event): void => {\n    // 兼容 onInput 传递事件对象的情况\n    let searchValue: string;\n    if (value instanceof Event) {\n        const target = value.target as HTMLInputElement;\n        searchValue = target.value;\n    } else {\n        searchValue = value;\n    }\n    foundation.handleSearch(searchValue);\n};\n\nconst onBlur = (e: FocusEvent): void => foundation.handleBlur(e);\n\nconst onFocus = (e: FocusEvent): void => foundation.handleFocus(e);\n\nconst onInputClear = (): void => foundation.handleClear();\n\nconst handleInputClick = (e: MouseEvent): void => foundation.handleInputClick(e as any);\n\nconst renderInput = () => {\n    const useCustomTrigger = typeof props.triggerRender === 'function';\n\n    const outerProps = {\n        style: props.style,\n        class: useCustomTrigger\n            ? classNames(props.className)\n            : classNames(\n                  {\n                      [prefixCls]: true,\n                      [`${prefixCls}-disabled`]: props.disabled,\n                  },\n                  props.className\n              ),\n        onClick: handleInputClick,\n        ref: triggerRef,\n        id: props.id,\n        ...state.keyboardEventSet,\n        tabIndex: -1,\n    };\n\n    const innerProps = {\n        disabled: props.disabled,\n        placeholder: props.placeholder,\n        autoFocus: props.autoFocus,\n        value: typeof props.value !== 'undefined' ? props.value : state.inputValue,\n        onInput: onSearch, // 使用 onInput 而不是 onChange，实时触发\n        onChange: onSearch, // 保留 onChange 以兼容失焦场景\n        onClear: onInputClear,\n        ariaLabel: props.ariaLabel,\n        ariaLabelledby: props.ariaLabelledby,\n        ariaInvalid: props.ariaInvalid,\n        ariaErrormessage: props.ariaErrormessage,\n        ariaDescribedby: props.ariaDescribedby,\n        ariaRequired: props.ariaRequired,\n        suffix: props.suffix,\n        prefix: props.prefix || props.insetLabel,\n        insetLabelId: props.insetLabelId,\n        showClear: props.showClear,\n        validateStatus: props.validateStatus,\n        size: props.size,\n        onBlur: onBlur,\n        onFocus: onFocus,\n        clearIcon: props.clearIcon,\n    };\n\n    return h('div', outerProps, [\n        typeof props.triggerRender === 'function'\n            ? h(props.triggerRender, {\n                  ...innerProps,\n                  inputValue: (typeof props.value !== 'undefined' ? props.value : state.inputValue) as string,\n                  value: Array.from(state.selection.values()),\n                  componentName: 'AutoComplete',\n                  componentProps: { ...props },\n              })\n            : h(Input, innerProps),\n    ]);\n};\n\nconst renderLoading = () => {\n    const loadingWrapperCls = `${prefixCls}-loading-wrapper`;\n    return h('div', { class: loadingWrapperCls }, [h(Spin)]);\n};\n\nconst renderOption = (option: StateOptionItem, optionIndex: number) => {\n    const isFocused = optionIndex === state.focusIndex;\n\n    // 当使用 renderItem 时，option.label 是 VNode，需要保存原始 label\n    // Foundation 层通过 ...item 保留了所有原始数据，label 只是被覆盖\n    // 如果 option.label 是 VNode，说明使用了 renderItem，需要从原始数据中获取 label\n    const isVNodeLabel =\n        option.label && typeof option.label === 'object' && option.label !== null && 'type' in option.label;\n\n    // 获取原始 label（在 renderItem 覆盖之前）\n    // 当使用 renderItem 时，option 中包含原始的 item 数据，label 只是被覆盖\n    // 我们需要从原始数据中获取 label（可能是 email 或其他字段）\n    let originalLabel: any = option.label;\n    if (isVNodeLabel) {\n        const optionData = option as any;\n        // 检查是否有原始的 label 字段（在 renderItem 覆盖之前）\n        // 或者从其他属性中获取（如 email，这是 demo 中设置的原始 label）\n        // 优先检查是否有 value 或其他标识字段\n        originalLabel = optionData.email || optionData.label || option.value;\n    }\n\n    return h(\n        Option,\n        {\n            showTick: false,\n            onSelect: (v: StateOptionItem, e: MouseEvent | KeyboardEvent) => onSelect(v, optionIndex, e),\n            focused: isFocused,\n            onMouseEnter: () => foundation.handleOptionMouseEnter(optionIndex),\n            key: option.key || String(option.value) + optionIndex,\n            ...option,\n            // 保存原始 label，供 handleClick 使用\n            originalLabel: originalLabel,\n        },\n        {\n            default: () => option.label,\n        }\n    );\n};\n\nconst optionListContent = computed(() => {\n    const listCls = classNames(\n        {\n            [`${prefixCls}-option-list`]: true,\n        },\n        props.dropdownClassName\n    );\n\n    let optionsNode;\n\n    if (state.options.length === 0) {\n        optionsNode = props.emptyContent;\n    } else {\n        optionsNode = state.options.filter((option) => option.show).map((option, i) => renderOption(option, i));\n    }\n\n    const style = {\n        maxHeight: props.maxHeight,\n        minWidth: state.dropdownMinWidth,\n        ...props.dropdownStyle,\n    };\n\n    // 确保即使内容为空，也返回一个有内容的 div（至少是空数组），避免 Popover 不显示\n    const content = !props.loading ? optionsNode : renderLoading();\n\n    return h(\n        'div',\n        {\n            class: listCls,\n            role: 'listbox',\n            style,\n            id: `${prefixCls}-${optionListId.value}`,\n        },\n        content === null || content === undefined ? [] : content\n    );\n});\n\ndefineExpose({\n    foundation,\n});\n</script>\n"],"names":["props","__props","emit","__emit","prefixCls","cssClasses","triggerRef","ref","optionsRef","clickOutsideHandler","optionListId","state","reactive","adapter","cb","focusIndex","index","optionClassName","destNode","destParent","el","width","inputValue","isShow","optionList","isEqual","i","current","next","selection","value","selectedOption","option","isVisible","event","handler","e","optionInstance","triggerDom","optionsDom","target","path","key","filteredProps","newState","callback","nextTick","foundation","AutoCompleteFoundation","onMounted","getUuidShort","onUnmounted","watch","newData","oldData","newValue","oldValue","onSelect","optionIndex","onSearch","searchValue","onBlur","onFocus","onInputClear","handleInputClick","renderInput","useCustomTrigger","outerProps","classNames","innerProps","h","Input","renderLoading","loadingWrapperCls","Spin","renderOption","isFocused","isVNodeLabel","originalLabel","optionData","Option","v","optionListContent","computed","listCls","optionsNode","style","content","__expose","_createBlock","_unref","Popover","_openBlock","_resolveDynamicComponent"],"mappings":"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"}

package/lib/es/components/autoComplete/Option.vue.js

@@ -0,0 +1,139 @@
+import { defineComponent as D, useAttrs as T, useSlots as L, computed as o, isVNode as x, createBlock as d, createElementBlock as r, openBlock as n, withCtx as P, createElementVNode as j, normalizeClass as c, toDisplayString as m, resolveDynamicComponent as N, withModifiers as V, normalizeStyle as z, createCommentVNode as y, createVNode as A, unref as v, Fragment as S, renderSlot as F, createTextVNode as W } from "vue";
+import $ from "classnames";
+import { isString as B } from "lodash-es";
+import { cssClasses as R } from "@douyinfe/semi-foundation/autoComplete/constants";
+import X from "../highlight/Highlight.vue.js";
+/* empty css                          */
+import q from "../locale/LocaleConsumer.vue.js";
+import G from "../icons/icons/IconTick.js";
+const H = ["aria-selected", "aria-disabled"], te = /* @__PURE__ */ D({
+  name: "AutoCompleteOption",
+  __name: "Option",
+  props: {
+    value: {},
+    label: {},
+    children: {},
+    disabled: { type: Boolean, default: !1 },
+    showTick: { type: Boolean, default: !1 },
+    className: {},
+    style: {},
+    selected: { type: Boolean, default: !1 },
+    focused: { type: Boolean, default: !1 },
+    empty: { type: Boolean, default: !1 },
+    emptyContent: {},
+    onSelect: {},
+    onMouseEnter: {},
+    prefixCls: { default: R.PREFIX_OPTION },
+    renderOptionItem: {},
+    inputValue: {}
+  },
+  setup(t) {
+    const l = t, b = T(), u = L(), C = o(() => {
+      const { value: e, label: a, children: s, ...g } = b;
+      return g;
+    }), E = o(() => {
+      const e = b;
+      return e.originalLabel !== void 0 ? e.originalLabel : h.value ? e.label || e.email || e.value || l.value : l.label || i.value;
+    }), M = o(() => !!u.default), i = o(() => {
+      if (!u.default) return "";
+      const e = u.default();
+      if (e && e.length > 0) {
+        const a = e[0];
+        if (typeof a == "string")
+          return a;
+        if (typeof a.children == "string")
+          return a.children;
+      }
+      return "";
+    }), I = o(() => {
+      if (!u.default) return !1;
+      const e = u.default();
+      if (e && e.length > 0) {
+        const a = e[0];
+        return !B(a) && (x(a) || typeof a == "object" && a !== null);
+      }
+      return !1;
+    }), h = o(() => {
+      const e = l.label;
+      return e ? x(e) ? !0 : typeof e == "object" && e !== null ? "type" in e : !1 : !1;
+    }), k = o(() => $(l.prefixCls, {
+      [`${l.prefixCls}-disabled`]: l.disabled,
+      [`${l.prefixCls}-selected`]: l.selected,
+      [`${l.prefixCls}-focused`]: l.focused,
+      [`${l.prefixCls}-empty`]: l.empty,
+      [l.className]: l.className
+    })), O = o(() => $([`${l.prefixCls}-icon`])), f = (e) => {
+      const { value: a, onSelect: s } = l;
+      if (!l.disabled && s) {
+        const w = E.value;
+        s({ ...C.value, value: a, label: w }, e);
+      }
+    }, p = (e) => {
+      l.onMouseEnter && l.onMouseEnter(e);
+    };
+    return (e, a) => t.empty ? (n(), d(q, {
+      key: 0,
+      componentName: "Select"
+    }, {
+      default: P(({ locale: s }) => [
+        j("div", {
+          class: c(k.value),
+          "x-semi-prop": "emptyContent"
+        }, m(t.emptyContent || s.emptyText), 3)
+      ]),
+      _: 1
+    })) : t.renderOptionItem ? (n(), d(N(
+      t.renderOptionItem({
+        disabled: t.disabled,
+        focused: t.focused,
+        selected: t.selected,
+        style: t.style,
+        label: t.label,
+        value: t.value,
+        inputValue: t.inputValue,
+        onMouseEnter: (s) => p(s),
+        onClick: (s) => f(s),
+        ...C.value
+      })
+    ), { key: 1 })) : (n(), r("div", {
+      key: 2,
+      class: c(k.value),
+      style: z(t.style),
+      role: "option",
+      "aria-selected": t.selected ? "true" : "false",
+      "aria-disabled": t.disabled ? "true" : "false",
+      onMousedown: V(f, ["stop", "prevent"]),
+      onClick: V(f, ["stop", "prevent"]),
+      onMouseenter: p
+    }, [
+      t.showTick ? (n(), r("div", {
+        key: 0,
+        class: c(O.value)
+      }, [
+        A(v(G))
+      ], 2)) : y("", !0),
+      M.value ? (n(), r(S, { key: 1 }, [
+        v(B)(i.value) && i.value ? (n(), r("div", {
+          key: 0,
+          class: c(`${t.prefixCls}-text`)
+        }, [
+          t.inputValue ? (n(), d(v(X), {
+            key: 0,
+            searchWords: [t.inputValue],
+            sourceString: i.value,
+            highlightClassName: `${t.prefixCls}-keyword`
+          }, null, 8, ["searchWords", "sourceString", "highlightClassName"])) : (n(), r(S, { key: 1 }, [
+            W(m(i.value), 1)
+          ], 64))
+        ], 2)) : I.value || !i.value ? F(e.$slots, "default", { key: 1 }) : y("", !0)
+      ], 64)) : h.value ? (n(), d(N(t.label), { key: 2 })) : t.label && typeof t.label == "string" ? (n(), r("div", {
+        key: 3,
+        class: c(`${t.prefixCls}-text`)
+      }, m(t.label), 3)) : y("", !0)
+    ], 46, H));
+  }
+});
+export {
+  te as default
+};
+//# sourceMappingURL=Option.vue.js.map

package/lib/es/components/autoComplete/Option.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.vue.js","sources":["../../../../src/components/autoComplete/Option.vue"],"sourcesContent":["<template>\n    <LocaleConsumer v-if=\"empty\" componentName=\"Select\">\n        <template #default=\"{ locale }\">\n            <div :class=\"optionClassName\" x-semi-prop=\"emptyContent\">\n                {{ emptyContent || (locale as { emptyText: string }).emptyText }}\n            </div>\n        </template>\n    </LocaleConsumer>\n\n    <component\n        :is=\"\n            renderOptionItem({\n                disabled,\n                focused,\n                selected,\n                style,\n                label,\n                value,\n                inputValue,\n                onMouseEnter: (e: MouseEvent) => handleMouseEnter(e),\n                onClick: (e: MouseEvent) => handleClick(e),\n                ...restProps,\n            })\n        \"\n        v-else-if=\"renderOptionItem\"\n    />\n\n    <div\n        v-else\n        :class=\"optionClassName\"\n        :style=\"style\"\n        role=\"option\"\n        :aria-selected=\"selected ? 'true' : 'false'\"\n        :aria-disabled=\"disabled ? 'true' : 'false'\"\n        @mousedown.stop.prevent=\"handleClick\"\n        @click.stop.prevent=\"handleClick\"\n        @mouseenter=\"handleMouseEnter\"\n    >\n        <div v-if=\"showTick\" :class=\"selectedIconClassName\">\n            <IconTick />\n        </div>\n        <!-- 如果有 slot，优先使用 slot（可能是字符串或 VNode）-->\n        <template v-if=\"hasDefaultSlot\">\n            <div v-if=\"isString(slotContent) && slotContent\" :class=\"`${prefixCls}-text`\">\n                <Highlight\n                    v-if=\"inputValue\"\n                    :searchWords=\"[inputValue]\"\n                    :sourceString=\"slotContent\"\n                    :highlightClassName=\"`${prefixCls}-keyword`\"\n                />\n                <template v-else>{{ slotContent }}</template>\n            </div>\n            <slot v-else-if=\"isVNodeSlot || !slotContent\"></slot>\n        </template>\n        <!-- 如果没有 slot，检查 label 是否是 VNode（使用 renderItem 时） -->\n        <template v-else-if=\"isVNodeLabel\">\n            <component :is=\"label\" />\n        </template>\n        <!-- 如果 label 是字符串 -->\n        <template v-else-if=\"label && typeof label === 'string'\">\n            <div :class=\"`${prefixCls}-text`\">{{ label }}</div>\n        </template>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs, useSlots, isVNode } from 'vue';\nimport classNames from 'classnames';\nimport { isString } from 'lodash-es';\nimport { cssClasses } from '@douyinfe/semi-foundation/autoComplete/constants';\nimport { IconTick } from '../icons';\nimport Highlight from '../highlight';\nimport LocaleConsumer from '../locale/LocaleConsumer.vue';\nimport type { OptionProps } from './interface';\n\ndefineOptions({\n    name: 'AutoCompleteOption',\n});\n\nconst props = withDefaults(defineProps<OptionProps>(), {\n    prefixCls: cssClasses.PREFIX_OPTION,\n    disabled: false,\n    selected: false,\n    focused: false,\n    empty: false,\n    showTick: false,\n});\n\nconst attrs = useAttrs();\nconst slots = useSlots();\n\nconst restProps = computed(() => {\n    const { value, label, children, ...rest } = attrs;\n    return rest;\n});\n\n// 获取原始的 label（在 renderItem 覆盖之前）\n// Foundation 层通过 ...item 保留了所有原始数据，label 只是被覆盖\n// 如果 renderOption 中传递了 originalLabel，优先使用它\nconst originalLabel = computed(() => {\n    // 如果 renderOption 传递了 originalLabel prop，优先使用它\n    const attrsData = attrs as any;\n    if (attrsData.originalLabel !== undefined) {\n        return attrsData.originalLabel;\n    }\n    // 如果 label 是 VNode，说明使用了 renderItem，需要从 attrs 中获取原始数据\n    if (isVNodeLabel.value) {\n        // 检查是否有原始的 label 字段（在 renderItem 覆盖之前）\n        // 或者从其他属性中获取（如 email，这是 demo 中设置的原始 label）\n        return attrsData.label || attrsData.email || attrsData.value || props.value;\n    }\n    return props.label || slotContent.value;\n});\n\nconst hasDefaultSlot = computed(() => {\n    return !!slots.default;\n});\n\nconst slotContent = computed(() => {\n    if (!slots.default) return '';\n    const vnodes = slots.default();\n    if (vnodes && vnodes.length > 0) {\n        const vnode = vnodes[0];\n        // 如果是文本节点\n        if (typeof vnode === 'string') {\n            return vnode;\n        }\n        if (typeof vnode.children === 'string') {\n            return vnode.children;\n        }\n    }\n    return '';\n});\n\n// 检查 slot 内容是否是 VNode（不是字符串）\nconst isVNodeSlot = computed(() => {\n    if (!slots.default) return false;\n    const vnodes = slots.default();\n    if (vnodes && vnodes.length > 0) {\n        const vnode = vnodes[0];\n        // 如果是 VNode，不是字符串\n        return !isString(vnode) && (isVNode(vnode) || (typeof vnode === 'object' && vnode !== null));\n    }\n    return false;\n});\n\n// 检查 label 是否是 VNode（当使用 renderItem 时）\nconst isVNodeLabel = computed(() => {\n    const label = props.label;\n    if (!label) {\n        return false;\n    }\n    if (isVNode(label)) {\n        return true;\n    }\n    if (typeof label === 'object' && label !== null) {\n        return 'type' in (label as Record<string, any>);\n    }\n    return false;\n});\n\nconst optionClassName = computed(() => {\n    return classNames(props.prefixCls, {\n        [`${props.prefixCls}-disabled`]: props.disabled,\n        [`${props.prefixCls}-selected`]: props.selected,\n        [`${props.prefixCls}-focused`]: props.focused,\n        [`${props.prefixCls}-empty`]: props.empty,\n        [props.className]: props.className,\n    });\n});\n\nconst selectedIconClassName = computed(() => {\n    return classNames([`${props.prefixCls}-icon`]);\n});\n\nconst handleClick = (event: MouseEvent) => {\n    // 事件已经在模板中通过 .stop.prevent 处理了\n    const { value, onSelect } = props;\n    const isDisabled = props.disabled;\n\n    if (!isDisabled && onSelect) {\n        // 使用 originalLabel 获取正确的 label（处理 renderItem 的情况）\n        const labelValue = originalLabel.value;\n        // 传递完整的 option 对象，包括所有原始数据\n        onSelect({ ...restProps.value, value, label: labelValue }, event);\n    }\n};\n\nconst handleMouseEnter = (event: MouseEvent) => {\n    if (props.onMouseEnter) {\n        props.onMouseEnter(event);\n    }\n};\n</script>\n"],"names":["props","__props","attrs","useAttrs","slots","useSlots","restProps","computed","value","label","children","rest","originalLabel","attrsData","isVNodeLabel","slotContent","hasDefaultSlot","vnodes","vnode","isVNodeSlot","isString","isVNode","optionClassName","classNames","selectedIconClassName","handleClick","event","onSelect","labelValue","handleMouseEnter","_createBlock","LocaleConsumer","_withCtx","locale","_createElementVNode","_resolveDynamicComponent","e","_createElementBlock","_createVNode","_unref","IconTick","_Fragment","Highlight","_renderSlot","_ctx","_openBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EA,UAAMA,IAAQC,GASRC,IAAQC,EAAA,GACRC,IAAQC,EAAA,GAERC,IAAYC,EAAS,MAAM;AAC7B,YAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,GAAGC,MAAST;AAC5C,aAAOS;AAAA,IACX,CAAC,GAKKC,IAAgBL,EAAS,MAAM;AAEjC,YAAMM,IAAYX;AAClB,aAAIW,EAAU,kBAAkB,SACrBA,EAAU,gBAGjBC,EAAa,QAGND,EAAU,SAASA,EAAU,SAASA,EAAU,SAASb,EAAM,QAEnEA,EAAM,SAASe,EAAY;AAAA,IACtC,CAAC,GAEKC,IAAiBT,EAAS,MACrB,CAAC,CAACH,EAAM,OAClB,GAEKW,IAAcR,EAAS,MAAM;AAC/B,UAAI,CAACH,EAAM,QAAS,QAAO;AAC3B,YAAMa,IAASb,EAAM,QAAA;AACrB,UAAIa,KAAUA,EAAO,SAAS,GAAG;AAC7B,cAAMC,IAAQD,EAAO,CAAC;AAEtB,YAAI,OAAOC,KAAU;AACjB,iBAAOA;AAEX,YAAI,OAAOA,EAAM,YAAa;AAC1B,iBAAOA,EAAM;AAAA,MAErB;AACA,aAAO;AAAA,IACX,CAAC,GAGKC,IAAcZ,EAAS,MAAM;AAC/B,UAAI,CAACH,EAAM,QAAS,QAAO;AAC3B,YAAMa,IAASb,EAAM,QAAA;AACrB,UAAIa,KAAUA,EAAO,SAAS,GAAG;AAC7B,cAAMC,IAAQD,EAAO,CAAC;AAEtB,eAAO,CAACG,EAASF,CAAK,MAAMG,EAAQH,CAAK,KAAM,OAAOA,KAAU,YAAYA,MAAU;AAAA,MAC1F;AACA,aAAO;AAAA,IACX,CAAC,GAGKJ,IAAeP,EAAS,MAAM;AAChC,YAAME,IAAQT,EAAM;AACpB,aAAKS,IAGDY,EAAQZ,CAAK,IACN,KAEP,OAAOA,KAAU,YAAYA,MAAU,OAChC,UAAWA,IAEf,KARI;AAAA,IASf,CAAC,GAEKa,IAAkBf,EAAS,MACtBgB,EAAWvB,EAAM,WAAW;AAAA,MAC/B,CAAC,GAAGA,EAAM,SAAS,WAAW,GAAGA,EAAM;AAAA,MACvC,CAAC,GAAGA,EAAM,SAAS,WAAW,GAAGA,EAAM;AAAA,MACvC,CAAC,GAAGA,EAAM,SAAS,UAAU,GAAGA,EAAM;AAAA,MACtC,CAAC,GAAGA,EAAM,SAAS,QAAQ,GAAGA,EAAM;AAAA,MACpC,CAACA,EAAM,SAAS,GAAGA,EAAM;AAAA,IAAA,CAC5B,CACJ,GAEKwB,IAAwBjB,EAAS,MAC5BgB,EAAW,CAAC,GAAGvB,EAAM,SAAS,OAAO,CAAC,CAChD,GAEKyB,IAAc,CAACC,MAAsB;AAEvC,YAAM,EAAE,OAAAlB,GAAO,UAAAmB,EAAA,IAAa3B;AAG5B,UAAI,CAFeA,EAAM,YAEN2B,GAAU;AAEzB,cAAMC,IAAahB,EAAc;AAEjC,QAAAe,EAAS,EAAE,GAAGrB,EAAU,OAAO,OAAAE,GAAO,OAAOoB,EAAA,GAAcF,CAAK;AAAA,MACpE;AAAA,IACJ,GAEMG,IAAmB,CAACH,MAAsB;AAC5C,MAAI1B,EAAM,gBACNA,EAAM,aAAa0B,CAAK;AAAA,IAEhC;qBA/L0BzB,EAAA,cAAtB6B,EAMiBC,GAAA;AAAA;MANY,eAAc;AAAA,IAAA;MAC5B,SAAOC,EACd,CAEM,EAHY,QAAAC,QAAM;AAAA,QACxBC,EAEM,OAAA;AAAA,UAFA,SAAOZ,EAAA,KAAe;AAAA,UAAE,eAAY;AAAA,QAAA,KACnCrB,EAAA,gBAAiBgC,EAAiC,SAAS,GAAA,CAAA;AAAA,MAAA;;UAoB3DhC,EAAA,yBAff6B,EAgBEK;AAAAA,MAfoBlC,EAAA,iBAAgB;AAAA,kBAAmBA,EAAA;AAAA,iBAA0BA,EAAA;AAAA,kBAAyBA,EAAA;AAAA,eAA0BA,EAAA;AAAA,eAAuBA,EAAA;AAAA,eAAuBA,EAAA;AAAA,oBAAuBA,EAAA;AAAA,uBAA2CmC,MAAkBP,EAAiBO,CAAC;AAAA,kBAA6BA,MAAkBX,EAAYW,CAAC;AAAA,WAAsB9B,EAAA;AAAA,MAAA;4BAiB5W+B,EAmCM,OAAA;AAAA;MAjCD,SAAOf,EAAA,KAAe;AAAA,MACtB,SAAOrB,EAAA,KAAK;AAAA,MACb,MAAK;AAAA,MACJ,iBAAeA,EAAA,WAAQ,SAAA;AAAA,MACvB,iBAAeA,EAAA,WAAQ,SAAA;AAAA,MACvB,eAAwBwB,GAAW,CAAA,QAAA,SAAA,CAAA;AAAA,MACnC,WAAoBA,GAAW,CAAA,QAAA,SAAA,CAAA;AAAA,MAC/B,cAAYI;AAAA,IAAA;MAEF5B,EAAA,iBAAXoC,EAEM,OAAA;AAAA;QAFgB,SAAOb,EAAA,KAAqB;AAAA,MAAA;QAC9Cc,EAAYC,EAAAC,CAAA,CAAA;AAAA,MAAA;MAGAxB,EAAA,cAAhBqB,EAWWI,GAAA,EAAA,KAAA,KAAA;AAAA,QAVIF,EAAAnB,CAAA,EAASL,EAAA,KAAW,KAAKA,EAAA,cAApCsB,EAQM,OAAA;AAAA;UAR4C,YAAUpC,EAAA,SAAS,OAAA;AAAA,QAAA;UAEvDA,EAAA,mBADV6B,EAKES,EAAAG,CAAA,GAAA;AAAA;YAHG,cAAczC,EAAA,UAAU;AAAA,YACxB,cAAcc,EAAA;AAAA,YACd,uBAAuBd,EAAA,SAAS;AAAA,UAAA,4EAErCoC,EAA6CI,GAAA,EAAA,KAAA,KAAA;AAAA,gBAAzB1B,EAAA,KAAW,GAAA,CAAA;AAAA,UAAA;iBAElBI,EAAA,UAAgBJ,EAAA,QAAjC4B,EAAqDC,EAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA;gBAGpC9B,EAAA,SACjB+B,EAAA,GAAAf,EAAyBK,EAATlC,EAAA,KAAK,GAAA,EAAA,KAAA,EAAA,CAAA,KAGJA,EAAA,gBAAgBA,EAAA,SAAK,iBACtCoC,EAAmD,OAAA;AAAA;QAA7C,YAAUpC,EAAA,SAAS,OAAA;AAAA,MAAA,KAAYA,EAAA,KAAK,GAAA,CAAA;;;;"}

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

@@ -0,0 +1,9 @@
+import o from "./AutoComplete.vue.js";
+import i from "./Option.vue.js";
+/* empty css                  */
+o.Option = i;
+export {
+  i as Option,
+  o as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/autoComplete/index.ts"],"sourcesContent":["import AutoComplete from './AutoComplete.vue';\nimport Option from './Option.vue';\n\n// 导入样式（自动引入）\nimport './autoComplete.scss';\n\nexport type { AutoCompleteProps, OptionProps, AutoCompleteItems, DataItem, StateOptionItem } from './interface';\n\n// Attach Option as a static property\n(AutoComplete as any).Option = Option;\n\nexport { Option };\nexport default AutoComplete;\n"],"names":["AutoComplete","Option"],"mappings":";;;AASCA,EAAqB,SAASC;"}