@koi-design/uxd-ui 13.2.8 → 14.0.1

package/lib/components/Select/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../../../src/components/Select/DropdownMenu.vue"],"sourcesContent":["<template>\n  <template v-if=\"options.length > 0\">\n    <div v-if=\"multiple && selectAll\" :class=\"`${prefixCls}-dropdown-operate`\" @mousedown.prevent>\n      <u-checkbox\n        :class=\"`${prefixCls}-dropdown-checkbox`\"\n        :model-value=\"stateSelectAll\"\n        :indeterminate=\"stateSelectIneterminate\"\n        :disabled=\"selectAllDisabled\"\n        @change=\"handleSelectAllChange\"\n      >\n        {{ selectAllText }}\n      </u-checkbox>\n    </div>\n    <slot name=\"top\" />\n    <VirtualList\n      ref=\"listRef\"\n      :prefix-cls=\"`${prefixCls}-dropdown-list`\"\n      :data=\"options\"\n      item-key=\"key\"\n      :height=\"height\"\n      :item-height=\"itemHeight\"\n      :virtual=\"virtual\"\n      :data-color=\"color\"\n      @mousedown.prevent\n      @scroll-at-top=\"onScrollAtTop\"\n      @scroll-at-bottom=\"onScrollAtBottom\"\n    >\n      <template #default=\"{ item, index: itemIndex }\">\n        <template v-if=\"item.group\">\n          <div :class=\"[itemPrefixCls, `${itemPrefixCls}-group`]\">\n            {{ item.label }}\n          </div>\n        </template>\n        <template v-else>\n          <div\n            :class=\"[\n              itemPrefixCls,\n              optionPrefixCls,\n              {\n                cls: item.class,\n                [`${optionPrefixCls}-grouped`]: item.inGroup,\n                [`${itemPrefixCls}-${size}`]: true,\n                [`${optionPrefixCls}-active`]: state.activeIndex === itemIndex && !isItemDisabled(item),\n                [`${optionPrefixCls}-disabled`]: isItemDisabled(item),\n                [`${optionPrefixCls}-selected`]: isItemSelected(item)\n              }\n            ]\"\n            :style=\"item.style\"\n            :title=\"item[titleKey] || ''\"\n            @mousemove=\"\n              () => {\n                if (state.activeIndex === itemIndex || isItemDisabled(item)) {\n                  return;\n                }\n                setActive(itemIndex);\n              }\n            \"\n            @mouseleave=\"\n              () => {\n                setActive(-1);\n              }\n            \"\n            @click=\"\n              () => {\n                if (!isItemDisabled(item)) {\n                  onSelectValue(item);\n                }\n              }\n            \"\n          >\n            <UIcon v-if=\"isItemSelected(item)\" :class=\"`${optionPrefixCls}-state`\">\n              <URoundCheck />\n            </UIcon>\n            <span v-else :class=\"`${optionPrefixCls}-state`\" />\n            <div :class=\"`${optionPrefixCls}-content`\">\n              <Render v-if=\"item.render\" :render=\"item.render\" />\n              <template v-else>\n                {{ item.label }}\n              </template>\n            </div>\n\n            <UIcon v-if=\"item.isNew\" :class=\"`${optionPrefixCls}-state`\">\n              <ULineEnter />\n            </UIcon>\n          </div>\n        </template>\n      </template>\n    </VirtualList>\n  </template>\n  <div v-else :id=\"`${id}_list`\" role=\"listbox\" :class=\"`${itemPrefixCls}-empty`\" @mousedown.prevent>\n    <slot name=\"empty\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, reactive, watch, nextTick } from 'vue';\nimport type { PropType } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { URoundCheck, ULineEnter } from '@koi-design/uxd-icon';\nimport VirtualList from '@uxd-ui/components/VirtualList';\nimport Render from '../base/Render';\nimport KeyCode from '../../utils/KeyCode';\nimport { getRender } from '../../utils/slots';\nimport type { InnerSelectOption, SingleValueType } from './Select.type';\nimport type { ColorType } from '../../utils';\nimport { useGlobalConfig } from '../base/hooks';\n\nexport default defineComponent({\n  name: 'OptionList',\n  components: {\n    VirtualList,\n    Render,\n    UIcon,\n    URoundCheck,\n    ULineEnter\n  },\n  inheritAttrs: false,\n  props: {\n    prefixCls: {\n      type: String\n    },\n    id: {\n      type: String\n    },\n    options: {\n      type: Array as PropType<InnerSelectOption[]>,\n      default: (): InnerSelectOption[] => []\n    },\n    searchValue: {\n      type: String\n    },\n    multiple: {\n      type: Boolean,\n      default: false\n    },\n    values: {\n      type: Array as PropType<SingleValueType[]>\n    },\n    open: {\n      type: Boolean,\n      default: undefined as undefined\n    },\n    height: {\n      type: Number\n    },\n    itemHeight: {\n      type: Number\n    },\n    virtual: {\n      type: Boolean,\n      default: true\n    },\n    defaultActiveFirst: {\n      type: Boolean,\n      default: true\n    },\n    size: {\n      type: String,\n      default: 'default'\n    },\n    selectAll: {\n      type: Boolean,\n      default: false\n    },\n    multipleLimit: {\n      type: Number,\n      default: 0\n    },\n    width: {\n      type: [Number, String] as PropType<number | 'auto' | 'container'>,\n      default: 'container'\n    },\n    color: {\n      type: String as PropType<ColorType>\n    },\n    direction: {\n      type: String as PropType<'ltr' | 'rtl'>,\n      default: 'ltr'\n    },\n    titleKey: {\n      type: String,\n      default: 'title'\n    }\n  },\n  emits: ['select', 'active-value', 'close', 'scroll-at-top', 'scroll-at-bottom', 'create-submit'],\n  setup(props, { emit }) {\n    const { config: globalConfig } = useGlobalConfig('select');\n    const itemPrefixCls = computed(() => `${props.prefixCls}-item`);\n    const optionPrefixCls = computed(() => `${itemPrefixCls.value}-option`);\n\n    const selectAllText = computed(() => globalConfig.locale.select.selectAll);\n\n    // #region ============== list ===============\n    const listRef = ref<any | null>(null);\n    const scrollToView = (index: number) => {\n      if (listRef.value) {\n        (listRef.value as any).scrollTo({ index });\n      }\n    };\n    // #endregion\n\n    // #region ============== Active ===============\n    const getEnabledActiveIndex = (index: number, direct = 1) => {\n      const len = props.options.length;\n      for (let i = 0; i < len; i += 1) {\n        const _index = (index + i * direct + len) % len;\n        const { group, disabled } = props.options[_index];\n        if (!group && !disabled) {\n          return _index;\n        }\n      }\n      return -1;\n    };\n\n    const state = reactive({\n      activeIndex: getEnabledActiveIndex(-1)\n    });\n\n    const setActive = (index: number, fromKeyboard = false) => {\n      state.activeIndex = index;\n      const info = { source: fromKeyboard ? 'keyboard' : 'mouse' };\n      const item = props.options[index];\n      if (!item) {\n        emit('active-value', null, -1, info);\n        return;\n      }\n      emit('active-value', item, index, info);\n    };\n\n    watch(\n      [() => props.options.length, () => props.searchValue],\n      () => {\n        setActive(props.defaultActiveFirst !== false ? getEnabledActiveIndex(0) : -1);\n      },\n      {\n        immediate: true\n      }\n    );\n\n    watch(\n      () => props.open,\n      () => {\n        if (props.open) {\n          nextTick(() => {\n            if (listRef.value) {\n              (listRef.value as any).scrollTo(undefined);\n            }\n            if (!props.multiple && props.values?.length === 1) {\n              const [value] = Array.from(props.values);\n              const index = props.options.findIndex((x) => x.value === value);\n              setActive(index);\n              scrollToView(index);\n            }\n          });\n        }\n      },\n      {\n        immediate: true,\n        flush: 'post'\n      }\n    );\n\n    // #region ============== Event ===============\n    const onSelectValue = (item: InnerSelectOption) => {\n      if (item.value !== undefined && !item.disabled) {\n        emit('select', item.value, { selected: !item.selected });\n        if (item.isNew) {\n          emit('create-submit', item.value);\n        }\n      }\n    };\n\n    const onKeydown = (e: KeyboardEvent) => {\n      const { which } = e;\n      switch (which) {\n        case KeyCode.UP:\n        case KeyCode.DOWN: {\n          const direct = which === KeyCode.UP ? -1 : 1;\n          const activeIndex = getEnabledActiveIndex(state.activeIndex + direct, direct);\n          setActive(activeIndex);\n          scrollToView(activeIndex);\n          break;\n        }\n        case KeyCode.ENTER: {\n          const item = props.options[state.activeIndex];\n          onSelectValue(item);\n          break;\n        }\n        case KeyCode.ESC:\n          emit('close');\n          break;\n\n        default:\n          break;\n      }\n    };\n\n    // #endregion\n\n    // =================== selectAll ===============\n    // #region\n    const stateSelectAll = computed(() => {\n      const find = props.options.find((x) => !x.selected);\n      return find === undefined;\n    });\n    const stateSelectIneterminate = computed(() => {\n      return !stateSelectAll.value && props.options.some((x) => x.selected);\n    });\n\n    const handleSelectAllChange = (status: boolean) => {\n      if (status) {\n        emit(\n          'select',\n          props.options.map((x) => x.value),\n          { selected: true }\n        );\n      } else {\n        emit(\n          'select',\n          props.options.map((x) => x.value),\n          { selected: false }\n        );\n      }\n    };\n\n    // #endregion\n\n    const isItemSelected = (item: InnerSelectOption) => {\n      return item.selected;\n    };\n    const isItemDisabled = (item: InnerSelectOption) => {\n      if (item.disabled) {\n        return item.disabled;\n      }\n      if (props.multipleLimit) {\n        if (!isItemSelected(item)) {\n          return (props.values?.length || 0) >= props.multipleLimit;\n        }\n        return false;\n      }\n    };\n\n    const selectAllDisabled = computed(() => {\n      if (!props.multipleLimit) {\n        return false;\n      }\n      if (stateSelectAll.value) {\n        return false;\n      }\n      if (props.options.length > props.multipleLimit) {\n        return true;\n      }\n      const preValue = new Set([...props.options.map((x) => x.value), ...(props.values ? Array.from(props.values) : [])]);\n      return preValue.size > props.multipleLimit;\n    });\n\n    return {\n      itemPrefixCls,\n      optionPrefixCls,\n      listRef,\n      state,\n      selectAllText,\n      // selectAll,\n      stateSelectAll,\n      stateSelectIneterminate,\n      onSelectValue,\n      onKeydown,\n      scrollTop: scrollToView,\n      getRender,\n      setActive,\n      isItemSelected,\n      isItemDisabled,\n      selectAllDisabled,\n      onScrollAtTop: () => {\n        emit('scroll-at-top');\n      },\n      onScrollAtBottom: () => {\n        emit('scroll-at-bottom');\n      },\n      handleSelectAllChange\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","VirtualList","Render","UIcon","URoundCheck","ULineEnter","useGlobalConfig","computed","ref","reactive","KeyCode","getRender","_createElementBlock","_Fragment","_normalizeClass","_createVNode","_renderSlot","_withCtx","_normalizeStyle","_createBlock","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","sources":["../../../../src/components/Select/DropdownMenu.vue"],"sourcesContent":["<template>\n  <template v-if=\"options.length > 0\">\n    <div v-if=\"multiple && selectAll\" :class=\"`${prefixCls}-dropdown-operate`\" @mousedown.prevent>\n      <u-checkbox\n        :class=\"`${prefixCls}-dropdown-checkbox`\"\n        :model-value=\"stateSelectAll\"\n        :indeterminate=\"stateSelectIneterminate\"\n        :disabled=\"selectAllDisabled\"\n        @change=\"handleSelectAllChange\"\n      >\n        {{ selectAllText }}\n      </u-checkbox>\n    </div>\n    <VirtualList\n      ref=\"listRef\"\n      :prefix-cls=\"`${prefixCls}-dropdown-list`\"\n      :data=\"options\"\n      item-key=\"key\"\n      :height=\"height\"\n      :item-height=\"itemHeight\"\n      :virtual=\"virtual\"\n      @mousedown.prevent\n      @scroll-at-top=\"onScrollAtTop\"\n      @scroll-at-bottom=\"onScrollAtBottom\"\n    >\n      <template #default=\"{ item, index: itemIndex }\">\n        <template v-if=\"item.group\">\n          <div :class=\"[itemPrefixCls, `${itemPrefixCls}-group`]\">\n            {{ item.label }}\n          </div>\n        </template>\n        <template v-else>\n          <div\n            :class=\"[\n              itemPrefixCls,\n              optionPrefixCls,\n              {\n                cls: item.class,\n                [`${optionPrefixCls}-grouped`]: item.inGroup,\n                [`${itemPrefixCls}-${size}`]: true,\n                [`${optionPrefixCls}-active`]: state.activeIndex === itemIndex && !isItemDisabled(item),\n                [`${optionPrefixCls}-disabled`]: isItemDisabled(item),\n                [`${optionPrefixCls}-selected`]: isItemSelected(item)\n              }\n            ]\"\n            :style=\"item.style\"\n            :title=\"item[titleKey] || ''\"\n            @mousemove=\"\n              () => {\n                if (state.activeIndex === itemIndex || isItemDisabled(item)) {\n                  return;\n                }\n                setActive(itemIndex);\n              }\n            \"\n            @mouseleave=\"\n              () => {\n                setActive(-1);\n              }\n            \"\n            @click=\"\n              () => {\n                if (!isItemDisabled(item)) {\n                  onSelectValue(item);\n                }\n              }\n            \"\n          >\n            <div :class=\"`${optionPrefixCls}-content`\">\n              <Render v-if=\"item.render\" :render=\"item.render\" />\n              <template v-else>\n                {{ item.label }}\n              </template>\n            </div>\n            <UIcon v-if=\"isItemSelected(item)\" :class=\"`${optionPrefixCls}-state`\">\n              <Check />\n            </UIcon>\n            <span v-else :class=\"`${optionPrefixCls}-state`\" />\n            <UIcon v-if=\"item.isNew\" :class=\"`${optionPrefixCls}-state`\">\n              <CornerDownLeft />\n            </UIcon>\n          </div>\n        </template>\n      </template>\n    </VirtualList>\n  </template>\n  <div v-else :id=\"`${id}_list`\" role=\"listbox\" :class=\"`${itemPrefixCls}-empty`\" @mousedown.prevent>\n    <slot name=\"empty\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, reactive, watch, nextTick } from 'vue';\nimport type { PropType } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { Check, CornerDownLeft } from 'lucide-vue-next';\nimport VirtualList from '@uxd-ui/components/VirtualList';\nimport Render from '../base/Render';\nimport KeyCode from '../../utils/KeyCode';\nimport { getRender } from '../../utils/slots';\nimport type { InnerSelectOption, SingleValueType } from './Select.type';\n\nimport { useGlobalConfig } from '../base/hooks';\n\nexport default defineComponent({\n  name: 'OptionList',\n  components: {\n    VirtualList,\n    Render,\n    UIcon,\n    Check,\n    CornerDownLeft\n  },\n  inheritAttrs: false,\n  props: {\n    prefixCls: {\n      type: String\n    },\n    id: {\n      type: String\n    },\n    options: {\n      type: Array as PropType<InnerSelectOption[]>,\n      default: (): InnerSelectOption[] => []\n    },\n    searchValue: {\n      type: String\n    },\n    multiple: {\n      type: Boolean,\n      default: false\n    },\n    values: {\n      type: Array as PropType<SingleValueType[]>\n    },\n    open: {\n      type: Boolean,\n      default: undefined as undefined\n    },\n    height: {\n      type: Number\n    },\n    itemHeight: {\n      type: Number\n    },\n    virtual: {\n      type: Boolean,\n      default: true\n    },\n    defaultActiveFirst: {\n      type: Boolean,\n      default: true\n    },\n    size: {\n      type: String,\n      default: 'default'\n    },\n    selectAll: {\n      type: Boolean,\n      default: false\n    },\n    multipleLimit: {\n      type: Number,\n      default: 0\n    },\n    width: {\n      type: [Number, String] as PropType<number | 'auto' | 'container'>,\n      default: 'container'\n    },\n\n    direction: {\n      type: String as PropType<'ltr' | 'rtl'>,\n      default: 'ltr'\n    },\n    titleKey: {\n      type: String,\n      default: 'title'\n    }\n  },\n  emits: ['select', 'active-value', 'close', 'scroll-at-top', 'scroll-at-bottom', 'create-submit'],\n  setup(props, { emit }) {\n    const { config: globalConfig } = useGlobalConfig('select');\n    const itemPrefixCls = computed(() => `${props.prefixCls}-item`);\n    const optionPrefixCls = computed(() => `${itemPrefixCls.value}-option`);\n\n    const selectAllText = computed(() => globalConfig.locale.select.selectAll);\n\n    // #region ============== list ===============\n    const listRef = ref<any | null>(null);\n    const scrollToView = (index: number) => {\n      if (listRef.value) {\n        (listRef.value as any).scrollTo({ index });\n      }\n    };\n    // #endregion\n\n    // #region ============== Active ===============\n    const getEnabledActiveIndex = (index: number, direct = 1) => {\n      const len = props.options.length;\n      for (let i = 0; i < len; i += 1) {\n        const _index = (index + i * direct + len) % len;\n        const { group, disabled } = props.options[_index];\n        if (!group && !disabled) {\n          return _index;\n        }\n      }\n      return -1;\n    };\n\n    const state = reactive({\n      activeIndex: getEnabledActiveIndex(-1)\n    });\n\n    const setActive = (index: number, fromKeyboard = false) => {\n      state.activeIndex = index;\n      const info = { source: fromKeyboard ? 'keyboard' : 'mouse' };\n      const item = props.options[index];\n      if (!item) {\n        emit('active-value', null, -1, info);\n        return;\n      }\n      emit('active-value', item, index, info);\n    };\n\n    watch(\n      [() => props.options.length, () => props.searchValue],\n      () => {\n        setActive(props.defaultActiveFirst !== false ? getEnabledActiveIndex(0) : -1);\n      },\n      {\n        immediate: true\n      }\n    );\n\n    watch(\n      () => props.open,\n      () => {\n        if (props.open) {\n          nextTick(() => {\n            if (listRef.value) {\n              (listRef.value as any).scrollTo(undefined);\n            }\n            if (!props.multiple && props.values?.length === 1) {\n              const [value] = Array.from(props.values);\n              const index = props.options.findIndex((x) => x.value === value);\n              setActive(index);\n              scrollToView(index);\n            }\n          });\n        }\n      },\n      {\n        immediate: true,\n        flush: 'post'\n      }\n    );\n\n    // #region ============== Event ===============\n    const onSelectValue = (item: InnerSelectOption) => {\n      if (item.value !== undefined && !item.disabled) {\n        emit('select', item.value, { selected: !item.selected });\n        if (item.isNew) {\n          emit('create-submit', item.value);\n        }\n      }\n    };\n\n    const onKeydown = (e: KeyboardEvent) => {\n      const { which } = e;\n      switch (which) {\n        case KeyCode.UP:\n        case KeyCode.DOWN: {\n          const direct = which === KeyCode.UP ? -1 : 1;\n          const activeIndex = getEnabledActiveIndex(state.activeIndex + direct, direct);\n          setActive(activeIndex);\n          scrollToView(activeIndex);\n          break;\n        }\n        case KeyCode.ENTER: {\n          const item = props.options[state.activeIndex];\n          onSelectValue(item);\n          break;\n        }\n        case KeyCode.ESC:\n          emit('close');\n          break;\n\n        default:\n          break;\n      }\n    };\n\n    // #endregion\n\n    // =================== selectAll ===============\n    // #region\n    const stateSelectAll = computed(() => {\n      const find = props.options.find((x) => !x.selected);\n      return find === undefined;\n    });\n    const stateSelectIneterminate = computed(() => {\n      return !stateSelectAll.value && props.options.some((x) => x.selected);\n    });\n\n    const handleSelectAllChange = (status: boolean) => {\n      if (status) {\n        emit(\n          'select',\n          props.options.map((x) => x.value),\n          { selected: true }\n        );\n      } else {\n        emit(\n          'select',\n          props.options.map((x) => x.value),\n          { selected: false }\n        );\n      }\n    };\n\n    // #endregion\n\n    const isItemSelected = (item: InnerSelectOption) => {\n      return item.selected;\n    };\n    const isItemDisabled = (item: InnerSelectOption) => {\n      if (item.disabled) {\n        return item.disabled;\n      }\n      if (props.multipleLimit) {\n        if (!isItemSelected(item)) {\n          return (props.values?.length || 0) >= props.multipleLimit;\n        }\n        return false;\n      }\n    };\n\n    const selectAllDisabled = computed(() => {\n      if (!props.multipleLimit) {\n        return false;\n      }\n      if (stateSelectAll.value) {\n        return false;\n      }\n      if (props.options.length > props.multipleLimit) {\n        return true;\n      }\n      const preValue = new Set([...props.options.map((x) => x.value), ...(props.values ? Array.from(props.values) : [])]);\n      return preValue.size > props.multipleLimit;\n    });\n\n    return {\n      itemPrefixCls,\n      optionPrefixCls,\n      listRef,\n      state,\n      selectAllText,\n      // selectAll,\n      stateSelectAll,\n      stateSelectIneterminate,\n      onSelectValue,\n      onKeydown,\n      scrollTop: scrollToView,\n      getRender,\n      setActive,\n      isItemSelected,\n      isItemDisabled,\n      selectAllDisabled,\n      onScrollAtTop: () => {\n        emit('scroll-at-top');\n      },\n      onScrollAtBottom: () => {\n        emit('scroll-at-bottom');\n      },\n      handleSelectAllChange\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","VirtualList","Render","UIcon","Check","CornerDownLeft","useGlobalConfig","computed","ref","reactive","KeyCode","getRender","_createElementBlock","_Fragment","_normalizeClass","_createVNode","_withCtx","_normalizeStyle","_createElementVNode","_createBlock","_renderSlot"],"mappings":"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"}

package/lib/components/Select/DropdownMenu.vue.d.ts

@@ -55,9 +55,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<number | "container" | "auto">;
         default: string;
     };
-    color: {
-        type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-    };
     direction: {
         type: PropType<"ltr" | "rtl">;
         default: string;
@@ -146,9 +143,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<number | "container" | "auto">;
         default: string;
     };
-    color: {
-        type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-    };
     direction: {
         type: PropType<"ltr" | "rtl">;
         default: string;
@@ -159,14 +153,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{
     onClose?: (...args: any[]) => any;
+    onSelect?: (...args: any[]) => any;
     "onScroll-at-top"?: (...args: any[]) => any;
     "onScroll-at-bottom"?: (...args: any[]) => any;
-    onSelect?: (...args: any[]) => any;
     "onActive-value"?: (...args: any[]) => any;
     "onCreate-submit"?: (...args: any[]) => any;
 }>, {
     direction: "ltr" | "rtl";
     size: string;
+    width: number | "container" | "auto";
     virtual: boolean;
     options: InnerSelectOption[];
     multiple: boolean;
@@ -174,7 +169,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     defaultActiveFirst: boolean;
     selectAll: boolean;
     multipleLimit: number;
-    width: number | "container" | "auto";
     titleKey: string;
 }, {}, {
     VirtualList: {
@@ -200,8 +194,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             style: any;
             className: any;
             restProps: any;
-            containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            scrollBarRef: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            containerRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 prefixCls: {
                     type: StringConstructor;
                 };
@@ -231,14 +225,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     pageY: number;
                     startTop: number;
                     visible: boolean;
+                    mouseOver: boolean;
                 };
                 realVisible: import("vue").ComputedRef<boolean>;
-                scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-                thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+                scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
                 delayHidden: () => void;
                 getSpinHeight: () => number;
                 getTop: () => number;
                 onMouseDown: (e: any) => void;
+                onMouseEnter: () => void;
+                onMouseLeave: () => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], import("vue").PublicProps, {
                 height: number;
                 scrollTop: number;
@@ -281,14 +278,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     pageY: number;
                     startTop: number;
                     visible: boolean;
+                    mouseOver: boolean;
                 };
                 realVisible: import("vue").ComputedRef<boolean>;
-                scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-                thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+                scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
                 delayHidden: () => void;
                 getSpinHeight: () => number;
                 getTop: () => number;
                 onMouseDown: (e: any) => void;
+                onMouseEnter: () => void;
+                onMouseLeave: () => void;
             }, {}, {}, {}, {
                 height: number;
                 scrollTop: number;
@@ -324,14 +324,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     pageY: number;
                     startTop: number;
                     visible: boolean;
+                    mouseOver: boolean;
                 };
                 realVisible: import("vue").ComputedRef<boolean>;
-                scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-                thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+                scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
                 delayHidden: () => void;
                 getSpinHeight: () => number;
                 getTop: () => number;
                 onMouseDown: (e: any) => void;
+                onMouseEnter: () => void;
+                onMouseLeave: () => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], import("vue").PublicProps, {
                 height: number;
                 scrollTop: number;
@@ -374,14 +377,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     pageY: number;
                     startTop: number;
                     visible: boolean;
+                    mouseOver: boolean;
                 };
                 realVisible: import("vue").ComputedRef<boolean>;
-                scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-                thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+                scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
                 delayHidden: () => void;
                 getSpinHeight: () => number;
                 getTop: () => number;
                 onMouseDown: (e: any) => void;
+                onMouseEnter: () => void;
+                onMouseLeave: () => void;
             }, {}, {}, {}, {
                 height: number;
                 scrollTop: number;
@@ -502,14 +508,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     pageY: number;
                     startTop: number;
                     visible: boolean;
+                    mouseOver: boolean;
                 };
                 realVisible: import("vue").ComputedRef<boolean>;
-                scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-                thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+                scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
                 delayHidden: () => void;
                 getSpinHeight: () => number;
                 getTop: () => number;
                 onMouseDown: (e: any) => void;
+                onMouseEnter: () => void;
+                onMouseLeave: () => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], "scroll" | "start-move" | "stop-move", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 prefixCls: {
                     type: StringConstructor;
@@ -569,8 +578,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             style: any;
             className: any;
             restProps: any;
-            containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            scrollBarRef: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            containerRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 prefixCls: {
                     type: StringConstructor;
                 };
@@ -600,14 +609,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     pageY: number;
                     startTop: number;
                     visible: boolean;
+                    mouseOver: boolean;
                 };
                 realVisible: import("vue").ComputedRef<boolean>;
-                scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-                thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+                scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
                 delayHidden: () => void;
                 getSpinHeight: () => number;
                 getTop: () => number;
                 onMouseDown: (e: any) => void;
+                onMouseEnter: () => void;
+                onMouseLeave: () => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], import("vue").PublicProps, {
                 height: number;
                 scrollTop: number;
@@ -650,14 +662,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     pageY: number;
                     startTop: number;
                     visible: boolean;
+                    mouseOver: boolean;
                 };
                 realVisible: import("vue").ComputedRef<boolean>;
-                scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-                thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+                scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
                 delayHidden: () => void;
                 getSpinHeight: () => number;
                 getTop: () => number;
                 onMouseDown: (e: any) => void;
+                onMouseEnter: () => void;
+                onMouseLeave: () => void;
             }, {}, {}, {}, {
                 height: number;
                 scrollTop: number;
@@ -693,14 +708,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     pageY: number;
                     startTop: number;
                     visible: boolean;
+                    mouseOver: boolean;
                 };
                 realVisible: import("vue").ComputedRef<boolean>;
-                scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-                thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+                scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
                 delayHidden: () => void;
                 getSpinHeight: () => number;
                 getTop: () => number;
                 onMouseDown: (e: any) => void;
+                onMouseEnter: () => void;
+                onMouseLeave: () => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], import("vue").PublicProps, {
                 height: number;
                 scrollTop: number;
@@ -743,14 +761,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     pageY: number;
                     startTop: number;
                     visible: boolean;
+                    mouseOver: boolean;
                 };
                 realVisible: import("vue").ComputedRef<boolean>;
-                scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-                thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+                scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
                 delayHidden: () => void;
                 getSpinHeight: () => number;
                 getTop: () => number;
                 onMouseDown: (e: any) => void;
+                onMouseEnter: () => void;
+                onMouseLeave: () => void;
             }, {}, {}, {}, {
                 height: number;
                 scrollTop: number;
@@ -802,8 +823,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         style: any;
         className: any;
         restProps: any;
-        containerRef: import("vue").Ref<HTMLElement, HTMLElement>;
-        scrollBarRef: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        containerRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+        scrollBarRef: import("vue").ShallowRef<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             prefixCls: {
                 type: StringConstructor;
             };
@@ -833,14 +854,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 pageY: number;
                 startTop: number;
                 visible: boolean;
+                mouseOver: boolean;
             };
             realVisible: import("vue").ComputedRef<boolean>;
-            scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             delayHidden: () => void;
             getSpinHeight: () => number;
             getTop: () => number;
             onMouseDown: (e: any) => void;
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], import("vue").PublicProps, {
             height: number;
             scrollTop: number;
@@ -883,14 +907,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 pageY: number;
                 startTop: number;
                 visible: boolean;
+                mouseOver: boolean;
             };
             realVisible: import("vue").ComputedRef<boolean>;
-            scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             delayHidden: () => void;
             getSpinHeight: () => number;
             getTop: () => number;
             onMouseDown: (e: any) => void;
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
         }, {}, {}, {}, {
             height: number;
             scrollTop: number;
@@ -926,14 +953,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 pageY: number;
                 startTop: number;
                 visible: boolean;
+                mouseOver: boolean;
             };
             realVisible: import("vue").ComputedRef<boolean>;
-            scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             delayHidden: () => void;
             getSpinHeight: () => number;
             getTop: () => number;
             onMouseDown: (e: any) => void;
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], import("vue").PublicProps, {
             height: number;
             scrollTop: number;
@@ -976,14 +1006,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 pageY: number;
                 startTop: number;
                 visible: boolean;
+                mouseOver: boolean;
             };
             realVisible: import("vue").ComputedRef<boolean>;
-            scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             delayHidden: () => void;
             getSpinHeight: () => number;
             getTop: () => number;
             onMouseDown: (e: any) => void;
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
         }, {}, {}, {}, {
             height: number;
             scrollTop: number;
@@ -1104,14 +1137,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 pageY: number;
                 startTop: number;
                 visible: boolean;
+                mouseOver: boolean;
             };
             realVisible: import("vue").ComputedRef<boolean>;
-            scrollBarRef: import("vue").Ref<HTMLElement, HTMLElement>;
-            thumbRef: import("vue").Ref<HTMLElement, HTMLElement>;
+            scrollBarRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            thumbRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             delayHidden: () => void;
             getSpinHeight: () => number;
             getTop: () => number;
             onMouseDown: (e: any) => void;
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], "scroll" | "start-move" | "stop-move", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             prefixCls: {
                 type: StringConstructor;
@@ -1142,7 +1178,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             scrollHeight: number;
             count: number;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
     Render: {
         (props: import("../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
         props: {
@@ -1165,7 +1201,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: string;
             };
             icon: {
-                type: PropType<import("../../utils").IconPropType>;
+                type: PropType<import("../..").IconPropType>;
             };
         }>> & Readonly<{
             onClick?: (ev: Event) => any;
@@ -1212,7 +1248,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: string;
             };
             icon: {
-                type: PropType<import("../../utils").IconPropType>;
+                type: PropType<import("../..").IconPropType>;
             };
         }>> & Readonly<{
             onClick?: (ev: Event) => any;
@@ -1254,7 +1290,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: string;
         };
         icon: {
-            type: PropType<import("../../utils").IconPropType>;
+            type: PropType<import("../..").IconPropType>;
         };
     }>> & Readonly<{
         onClick?: (ev: Event) => any;
@@ -1281,8 +1317,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-    URoundCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    ULineEnter: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    Check: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    CornerDownLeft: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/Select/RefSelect.js

@@ -6,7 +6,7 @@ var vue = require('vue');
 require('../Popup/index.js');
 var index = require('../Icon/index.js');
 var index$1 = require('../Checkbox/index.js');
-var uxdIcon = require('@koi-design/uxd-icon');
+var lucideVueNext = require('lucide-vue-next');
 var utils$1 = require('./utils.js');
 var KeyCode = require('../../utils/KeyCode.js');
 var tools = require('../../utils/tools.js');
@@ -37,7 +37,10 @@ const _sfc_main = vue.defineComponent({
     RenderEmpty: RenderEmpty["default"],
     UIcon: index.UIcon,
     UCheckbox: index$1.UCheckbox,
-    URoundCloseCircle: uxdIcon.URoundCloseCircle
+    CircleX: lucideVueNext.CircleX,
+    LoaderCircle: lucideVueNext.LoaderCircle,
+    Search: lucideVueNext.Search,
+    ChevronDown: lucideVueNext.ChevronDown
   },
   inheritAttrs: false,
   props: {
@@ -286,12 +289,12 @@ const _sfc_main = vue.defineComponent({
     });
     const realSuffixIcon = vue.computed(() => {
       if (props.loading) {
-        return uxdIcon.ULineLoading;
+        return lucideVueNext.LoaderCircle;
       }
       if (props.filterable && stateOpen.value) {
-        return uxdIcon.ULineSearch;
+        return lucideVueNext.Search;
       }
-      return props.suffixIcon || uxdIcon.URoundDown;
+      return props.suffixIcon || lucideVueNext.ChevronDown;
     });
     const attrClass = vue.computed(() => attrs.class);
     const attrStyle = vue.computed(() => attrs.style);
@@ -349,11 +352,11 @@ const _sfc_main = vue.defineComponent({
     };
   }
 });
-const _hoisted_1 = ["data-color", "tabindex"];
+const _hoisted_1 = ["tabindex"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_UIcon = vue.resolveComponent("UIcon");
   const _component_Selection = vue.resolveComponent("Selection");
-  const _component_URoundCloseCircle = vue.resolveComponent("URoundCloseCircle");
+  const _component_CircleX = vue.resolveComponent("CircleX");
   const _component_RenderEmpty = vue.resolveComponent("RenderEmpty");
   const _component_DropdownMenu = vue.resolveComponent("DropdownMenu");
   const _component_Popup = vue.resolveComponent("Popup");
@@ -383,7 +386,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "item-height": _ctx.dropdownItemHeight,
         size: _ctx.size,
         "select-all": _ctx.selectAll,
-        color: _ctx.color,
         direction: _ctx.computedDirection,
         "title-key": _ctx.titleKey,
         onSelect: _ctx.onOptionSelect,
@@ -400,11 +402,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, ["text"])
           ])
         ]),
-        top: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "top")
-        ]),
         _: 3
-      }, 8, ["id", "prefix-cls", "open", "width", "multiple", "multiple-limit", "options", "values", "search-value", "default-active-first", "height", "item-height", "size", "select-all", "color", "direction", "title-key", "onSelect", "onScrollAtTop", "onScrollAtBottom", "onCreateSubmit"])
+      }, 8, ["id", "prefix-cls", "open", "width", "multiple", "multiple-limit", "options", "values", "search-value", "default-active-first", "height", "item-height", "size", "select-all", "direction", "title-key", "onSelect", "onScrollAtTop", "onScrollAtBottom", "onCreateSubmit"])
     ]),
     default: vue.withCtx(() => [
       vue.createElementVNode("div", vue.mergeProps({
@@ -414,9 +413,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           {
             [_ctx.attrClass]: _ctx.attrClass,
             [`${_ctx.prefixCls}-${_ctx.size}`]: _ctx.size,
-            [`${_ctx.prefixCls}-variant-soft`]: _ctx.variant === "soft",
-            [`${_ctx.prefixCls}-variant-text`]: _ctx.variant === "text" && !_ctx.multiple,
-            [`${_ctx.prefixCls}-variant-surface`]: _ctx.variant === "surface" || _ctx.variant === "text" && _ctx.multiple,
+            [`${_ctx.prefixCls}-variant-${_ctx.variant}`]: true,
             [`${_ctx.prefixCls}-single`]: !_ctx.multiple,
             [`${_ctx.prefixCls}-multiple`]: _ctx.multiple,
             [`${_ctx.prefixCls}-open`]: _ctx.stateOpen,
@@ -433,7 +430,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }
         ]
       }, _ctx.$attrs, {
-        "data-color": _ctx.color,
         style: _ctx.attrStyle,
         tabindex: _ctx.disabled ? -1 : 0,
         onMousedown: _cache[2] || (_cache[2] = (...args) => _ctx.onContainerMouseDown && _ctx.onContainerMouseDown(...args)),
@@ -518,7 +514,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           vue.createVNode(_component_UIcon, null, {
             default: vue.withCtx(() => [
-              _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon), { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_URoundCloseCircle, { key: 1 }))
+              _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon), { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_CircleX, { key: 1 }))
             ]),
             _: 1
           })
@@ -528,7 +524,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["prefix-cls", "placement", "visible", "popup-class", "popup-style", "click-outside"]);
 }
-var RefSelect = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Select\\RefSelect.vue"]]);
+var RefSelect = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Select/RefSelect.vue"]]);
 
 exports["default"] = RefSelect;
 //# sourceMappingURL=RefSelect.js.map