ele-admin-plus 1.4.0 → 1.4.1

package/es/ele-basic-select/index.js

@@ -1,8 +1,9 @@
-import { defineComponent, ref, computed, watch, createBlock, openBlock, withCtx, createElementVNode, normalizeStyle, normalizeClass, createVNode, createElementBlock, createCommentVNode, unref, withKeys, createSlots, withModifiers, renderSlot, Fragment, renderList, createTextVNode, toDisplayString, nextTick } from "vue";
-import { ElInput, ElIcon, ElTag } from "element-plus";
-import { CloseCircleFilled, ArrowDown } from "../icons/index";
+import { defineComponent, ref, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, renderList, normalizeProps, guardReactiveProps, unref, normalizeClass, createElementBlock, createCommentVNode } from "vue";
 import EleTooltip from "../ele-tooltip/index";
+import EleModal from "../ele-modal/index";
+import EleDrawer from "../ele-drawer/index";
 import ReceiverView from "../ele-config-provider/components/receiver-view";
+import SelectView from "./components/select-view";
 import { basicSelectEmits, basicSelectProps } from "./props";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "EleBasicSelect" },
@@ -12,48 +13,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const selectViewRef = ref(null);
     const tooltipRef = ref(null);
-    const inputRef = ref(null);
-    const searchRef = ref(null);
-    const inputValue = ref(
-      props.multiple || !props.selectedLabel ? "" : props.selectedLabel
-    );
-    const searchValue = ref("");
-    const isEmpty = computed(() => {
-      if (!props.multiple) {
-        return props.value == null || props.value === "";
-      }
-      return !Array.isArray(props.value) || !props.value.length;
-    });
-    const inputPlaceholder = computed(() => {
-      const str = isEmpty.value && props.placeholder ? props.placeholder : "";
-      if (!props.filterable || !props.visible || props.multiple) {
-        return str;
-      }
-      return props.selectedLabel || str;
-    });
-    const isCollapse = computed(() => {
-      return typeof props.maxTagCount === "number" && props.selected != null && props.selected.length > props.maxTagCount;
-    });
-    const currentTags = computed(() => {
-      if (!isCollapse.value || isEmpty.value || props.selected == null) {
-        return props.selected || [];
-      }
-      return props.selected.slice(0, props.maxTagCount);
-    });
-    const omittedTags = computed(() => {
-      if (!isCollapse.value || isEmpty.value || props.selected == null) {
-        return [];
-      }
-      return props.selected.slice(props.maxTagCount);
-    });
-    const omittedSize = computed(() => {
-      if (isEmpty.value || props.maxTagCount == null || props.maxTagCount < 0) {
-        return 0;
+    const isSelectInputClick = ref(false);
+    const updateVisible = (visible) => {
+      isSelectInputClick.value = false;
+      if (!props.disabled || !visible) {
+        emit("update:visible", visible);
       }
-      return props.value.length - props.maxTagCount;
-    });
-    let isSelectInputClick = false;
+    };
     const updatePopper = () => {
       tooltipRef.value && tooltipRef.value.updatePopper();
     };
@@ -65,115 +33,156 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             return;
           }
         }
-        const input = props.multiple ? searchRef.value : inputRef.value;
-        input && input.focus();
-        nextTick(() => {
-          input && input.focus();
-        });
-      }
-    };
-    const updateSearchValue = (modelValue) => {
-      if (props.filterable && props.visible && props.multiple) {
-        searchValue.value = modelValue;
-        emit("filterChange", modelValue);
-      }
-    };
-    const updateInputValue = (modelValue) => {
-      if (props.filterable && props.visible && !props.multiple) {
-        inputValue.value = modelValue;
-        emit("filterChange", modelValue);
-      }
-    };
-    const updateVisible = (visible) => {
-      isSelectInputClick = false;
-      if (!props.disabled || !visible) {
-        emit("update:visible", visible);
+        selectViewRef.value && selectViewRef.value.focusSearchInput();
       }
     };
     const handleUpdatePopoverVisible = (visible) => {
-      if (!visible && props.filterable && isSelectInputClick) {
-        isSelectInputClick = false;
+      if (!visible && props.filterable && isSelectInputClick.value) {
+        isSelectInputClick.value = false;
         return;
       }
       updateVisible(visible);
     };
-    const handleSelectInputClick = () => {
-      isSelectInputClick = true;
-    };
-    const handleTagClose = (item) => {
-      if (!props.disabled) {
-        emit("removeTag", item);
+    const handleWrapClick = (isCustom) => {
+      isSelectInputClick.value = true;
+      if (!isCustom && (props.popperType === "modal" || props.popperType === "drawer")) {
+        updateVisible(true);
       }
     };
-    const handleClear = () => {
-      isSelectInputClick = false;
-      emit("clear");
-    };
     const handleInputClick = (e) => {
       if (props.automaticDropdown && props.visible) {
-        isSelectInputClick = true;
+        isSelectInputClick.value = true;
         e.stopPropagation();
       }
     };
-    const handleInputFocus = (e) => {
+    const handleRemoveTag = (item) => {
+      emit("removeTag", item);
+    };
+    const handleClear = () => {
+      isSelectInputClick.value = false;
+      emit("clear");
+    };
+    const handleFocus = (e) => {
       if (props.automaticDropdown && !props.visible) {
         updateVisible(true);
       }
       emit("focus", e);
     };
-    const handleInputBlur = (e) => {
+    const handleBlur = (e) => {
       emit("blur", e);
     };
-    const handleInputEsc = (e) => {
-      if (!props.disabled && props.visible) {
-        e.stopPropagation();
-        e.preventDefault();
-        updateVisible(false);
-      }
+    const handleFilterChange = (value) => {
+      emit("filterChange", value);
     };
-    watch(
-      () => props.selectedLabel,
-      (label) => {
-        if (!props.filterable || !props.visible) {
-          inputValue.value = props.multiple || !label ? "" : label;
-        }
-      }
-    );
-    watch(
-      () => props.visible,
-      (visible) => {
-        if (props.filterable) {
-          if (props.multiple) {
-            searchValue.value = "";
-            if (visible) {
-              focusSearchInput();
-            }
-          } else {
-            const label = props.selectedLabel;
-            inputValue.value = visible || !label ? "" : label;
-          }
-        }
-      }
-    );
     __expose({
       tooltipRef,
-      inputRef,
-      searchRef,
-      currentTags,
-      omittedTags,
-      omittedSize,
+      selectViewRef,
       updatePopper,
       focusSearchInput,
-      updateSearchValue,
-      updateInputValue,
       updateVisible
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(EleTooltip, {
+      return _ctx.popperType === "modal" || _ctx.popperType === "drawer" ? (openBlock(), createBlock(SelectView, mergeProps({ key: 0 }, _ctx.$props, {
+        ref_key: "selectViewRef",
+        ref: selectViewRef,
+        "onUpdate:visible": updateVisible,
+        onRemoveTag: handleRemoveTag,
+        onClear: handleClear,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onFilterChange: handleFilterChange,
+        onInputClick: handleInputClick,
+        onWrapClick: handleWrapClick
+      }), createSlots({
+        default: withCtx(() => [
+          _ctx.popperType === "drawer" ? (openBlock(), createBlock(EleDrawer, mergeProps({
+            key: 0,
+            title: _ctx.popperTitle,
+            size: _ctx.popperWidth,
+            closeOnClickModal: false,
+            destroyOnClose: !_ctx.persistent,
+            responsive: _ctx.responsive,
+            class: _ctx.popperClass
+          }, _ctx.popperProps || {}, {
+            modelValue: _ctx.visible,
+            "onUpdate:modelValue": handleUpdatePopoverVisible
+          }), createSlots({
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 2
+          }, [
+            renderList(Object.keys(_ctx.popperSlots || {}).filter(
+              (k) => k !== "default" && _ctx.popperSlots && _ctx.popperSlots[k] && _ctx.popperSlots[k] !== "default" && _ctx.$slots[_ctx.popperSlots[k]]
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a;
+                  return [
+                    renderSlot(_ctx.$slots, (_a = _ctx.popperSlots) == null ? void 0 : _a[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["title", "size", "destroyOnClose", "responsive", "class", "modelValue"])) : (openBlock(), createBlock(EleModal, mergeProps({
+            key: 1,
+            position: "center",
+            title: _ctx.popperTitle,
+            width: _ctx.popperWidth,
+            bodyHeight: _ctx.popperHeight,
+            closeOnClickModal: false,
+            destroyOnClose: !_ctx.persistent,
+            responsive: _ctx.responsive,
+            class: _ctx.popperClass
+          }, _ctx.popperProps || {}, {
+            modelValue: _ctx.visible,
+            "onUpdate:modelValue": handleUpdatePopoverVisible
+          }), createSlots({
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 2
+          }, [
+            renderList(Object.keys(_ctx.popperSlots || {}).filter(
+              (k) => k !== "default" && _ctx.popperSlots && _ctx.popperSlots[k] && _ctx.popperSlots[k] !== "default" && _ctx.$slots[_ctx.popperSlots[k]]
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a;
+                  return [
+                    renderSlot(_ctx.$slots, (_a = _ctx.popperSlots) == null ? void 0 : _a[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["title", "width", "bodyHeight", "destroyOnClose", "responsive", "class", "modelValue"]))
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.$slots).filter((k) => k !== "default"), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1040)) : _ctx.popperType === "default" ? (openBlock(), createBlock(unref(ReceiverView), {
+        key: 1,
+        wrapHeight: _ctx.popperHeight,
+        class: normalizeClass(_ctx.popperClass)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["wrapHeight", "class"])) : (openBlock(), createBlock(EleTooltip, mergeProps({
+        key: 2,
         ref_key: "tooltipRef",
         ref: tooltipRef,
         trigger: "click",
-        visible: _ctx.visible,
         disabled: _ctx.disabled,
         placement: _ctx.placement,
         teleported: _ctx.teleported,
@@ -185,12 +194,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         effect: "light",
         persistent: true,
         isPopover: true,
-        triggerKeys: [],
+        triggerKeys: []
+      }, _ctx.popperProps || {}, {
+        visible: _ctx.visible,
         "onUpdate:visible": handleUpdatePopoverVisible
-      }, {
+      }), {
         body: withCtx(() => [
           _ctx.persistent || _ctx.visible ? (openBlock(), createBlock(unref(ReceiverView), {
             key: 0,
+            wrapHeight: _ctx.popperHeight,
             class: "ele-popover-body",
             onClick: focusSearchInput,
             onMouseup: focusSearchInput
@@ -199,138 +211,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          })) : createCommentVNode("", true)
+          }, 8, ["wrapHeight"])) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass([
-              "ele-select",
-              _ctx.selectClass,
-              { "is-empty": isEmpty.value },
-              { "is-multiple": _ctx.multiple },
-              { "is-disabled": _ctx.disabled },
-              { "is-filterable": _ctx.filterable },
-              { "is-small": _ctx.size === "small" },
-              { "is-large": _ctx.size === "large" },
-              { "is-opened": _ctx.visible }
-            ]),
-            style: normalizeStyle(_ctx.selectStyle),
-            onClick: handleSelectInputClick
-          }, [
-            createVNode(unref(ElInput), {
-              ref_key: "inputRef",
-              ref: inputRef,
-              size: _ctx.size,
-              disabled: _ctx.disabled,
-              validateEvent: false,
-              modelValue: inputValue.value,
-              placeholder: _ctx.filterable && _ctx.multiple && _ctx.visible ? "" : inputPlaceholder.value,
-              readonly: !(_ctx.filterable && !_ctx.multiple),
-              style: normalizeStyle(_ctx.inputStyle),
-              "onUpdate:modelValue": updateInputValue,
-              onClick: handleInputClick,
-              onFocus: handleInputFocus,
-              onBlur: handleInputBlur,
-              onKeydown: withKeys(handleInputEsc, ["esc"])
-            }, createSlots({
-              suffix: withCtx(() => [
-                _ctx.clearable && !_ctx.disabled && !isEmpty.value ? (openBlock(), createBlock(unref(ElIcon), {
-                  key: 0,
-                  class: "ele-select-clear el-input__icon",
-                  onClick: withModifiers(handleClear, ["stop"])
-                }, {
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "clearIcon", {}, () => [
-                      createVNode(unref(CloseCircleFilled))
-                    ])
-                  ]),
-                  _: 3
-                })) : createCommentVNode("", true),
-                createVNode(unref(ElIcon), { class: "ele-select-arrow el-input__icon" }, {
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "suffixIcon", { visible: _ctx.visible }, () => [
-                      createVNode(unref(ArrowDown))
-                    ])
-                  ]),
-                  _: 3
-                })
-              ]),
-              _: 2
-            }, [
-              _ctx.$slots.prefix ? {
-                name: "prefix",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "prefix")
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "style"]),
-            _ctx.multiple ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "ele-select-tags",
-              style: normalizeStyle(_ctx.selectTagsStyle)
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(currentTags.value, (item, index) => {
-                return openBlock(), createBlock(unref(ElTag), {
-                  key: index + "-" + item.value,
-                  size: _ctx.size,
-                  type: _ctx.tagType,
-                  closable: !_ctx.disabled,
-                  disableTransitions: true,
-                  title: item.label,
-                  onClose: ($event) => handleTagClose(item)
-                }, {
-                  default: withCtx(() => [
-                    item.label && _ctx.maxTagTextLength && item.label.length > _ctx.maxTagTextLength ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      createTextVNode(toDisplayString(item.label.slice(0, _ctx.maxTagTextLength)) + "... ", 1)
-                    ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      createTextVNode(toDisplayString(item.label), 1)
-                    ], 64))
-                  ]),
-                  _: 2
-                }, 1032, ["size", "type", "closable", "title", "onClose"]);
-              }), 128)),
-              isCollapse.value ? (openBlock(), createBlock(unref(ElTag), {
-                key: 0,
-                size: _ctx.size,
-                type: _ctx.tagType,
-                disableTransitions: true
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "maxTagPlaceholder", {
-                    omittedValues: omittedTags.value,
-                    omittedSize: omittedSize.value
-                  }, () => [
-                    createTextVNode(" +" + toDisplayString(omittedSize.value), 1)
-                  ])
-                ]),
-                _: 3
-              }, 8, ["size", "type"])) : createCommentVNode("", true),
-              !_ctx.disabled && _ctx.filterable ? (openBlock(), createBlock(unref(ElTag), {
-                key: 1,
-                size: _ctx.size,
-                disableTransitions: true,
-                class: "ele-select-search"
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(ElInput), {
-                    ref_key: "searchRef",
-                    ref: searchRef,
-                    size: _ctx.size,
-                    validateEvent: false,
-                    modelValue: searchValue.value,
-                    placeholder: inputPlaceholder.value,
-                    "onUpdate:modelValue": updateSearchValue,
-                    onKeydown: withKeys(handleInputEsc, ["esc"])
-                  }, null, 8, ["size", "modelValue", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["size"])) : createCommentVNode("", true)
-            ], 4)) : createCommentVNode("", true)
-          ], 6)
+          _ctx.selectStyle === "none" ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.selectClass)
+          }, null, 2)) : (openBlock(), createBlock(SelectView, mergeProps({ key: 1 }, _ctx.$props, {
+            ref_key: "selectViewRef",
+            ref: selectViewRef,
+            "onUpdate:visible": updateVisible,
+            onRemoveTag: handleRemoveTag,
+            onClear: handleClear,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            onFilterChange: handleFilterChange,
+            onInputClick: handleInputClick,
+            onWrapClick: handleWrapClick
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots).filter((k) => k !== "default"), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1040))
         ]),
         _: 3
-      }, 8, ["visible", "disabled", "placement", "teleported", "width", "popperClass", "popperOptions", "transition", "gpuAcceleration"]);
+      }, 16, ["disabled", "placement", "teleported", "width", "popperClass", "popperOptions", "transition", "gpuAcceleration", "visible"]));
     };
   }
 });

package/es/ele-basic-select/props.d.ts

@@ -2,7 +2,7 @@ import { PropType, ExtractPropTypes } from 'vue';
 import { StyleValue } from '../ele-app/types';
 import { ElInputProps, ElTagProps } from '../ele-app/el';
 import { EleTooltipProps } from '../ele-app/plus';
-import { SelectValue, SelectedItem } from './types';
+import { SelectValue, SelectedItem, PopperType, PopperProps } from './types';
 
 /**
  * 属性
@@ -37,11 +37,36 @@ export declare const basicSelectProps: {
     automaticDropdown: BooleanConstructor;
     /** 是否可以筛选 */
     filterable: BooleanConstructor;
-    /** 下拉框是否显示 */
+    /** 下拉组件是否显示 */
     visible: BooleanConstructor;
-    /** 是否将下拉框插入 body */
+    /** 自定义类名 */
+    selectClass: StringConstructor;
+    /** 自定义样式 */
+    selectStyle: PropType<StyleValue | string>;
+    /** 自定义输入框样式 */
+    inputStyle: PropType<StyleValue>;
+    /** 自定义多选标签容器样式 */
+    selectTagsStyle: PropType<StyleValue>;
+    /** 下拉组件类名 */
+    popperClass: StringConstructor;
+    /** 下拉组件宽度 */
+    popperWidth: (NumberConstructor | StringConstructor)[];
+    /** 下拉组件高度 */
+    popperHeight: (NumberConstructor | StringConstructor)[];
+    /** 下拉组件类型 */
+    popperType: {
+        type: PropType<PopperType>;
+        default: string;
+    };
+    /** 下拉组件属性 */
+    popperProps: PropType<PopperProps>;
+    /** 下拉组件插槽 */
+    popperSlots: ObjectConstructor;
+    /** 下拉组件标题 */
+    popperTitle: StringConstructor;
+    /** 是否将下拉组件插入 body */
     teleported: BooleanConstructor;
-    /** 始终渲染下拉框 */
+    /** 始终渲染下拉组件 */
     persistent: BooleanConstructor;
     /** 下拉框位置 */
     placement: PropType<EleTooltipProps["placement"]>;
@@ -52,18 +77,11 @@ export declare const basicSelectProps: {
     };
     /** popper.js 参数 */
     popperOptions: PropType<EleTooltipProps["popperOptions"]>;
-    /** 下拉框类名 */
-    popperClass: StringConstructor;
-    /** 下拉框宽度 */
-    popperWidth: (StringConstructor | NumberConstructor)[];
-    /** 自定义类名 */
-    selectClass: StringConstructor;
-    /** 自定义样式 */
-    selectStyle: PropType<StyleValue>;
-    /** 自定义输入框样式 */
-    inputStyle: PropType<StyleValue>;
-    /** 自定义多选标签容器样式 */
-    selectTagsStyle: PropType<StyleValue>;
+    /** 是否开启响应式 */
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
 };
 export type BasicSelectProps = ExtractPropTypes<typeof basicSelectProps>;
 /**

package/es/ele-basic-select/props.js

@@ -30,11 +30,36 @@ const basicSelectProps = {
   automaticDropdown: Boolean,
   /** 是否可以筛选 */
   filterable: Boolean,
-  /** 下拉框是否显示 */
+  /** 下拉组件是否显示 */
   visible: Boolean,
-  /** 是否将下拉框插入 body */
+  /** 自定义类名 */
+  selectClass: String,
+  /** 自定义样式 */
+  selectStyle: [Object, String],
+  /** 自定义输入框样式 */
+  inputStyle: Object,
+  /** 自定义多选标签容器样式 */
+  selectTagsStyle: Object,
+  /** 下拉组件类名 */
+  popperClass: String,
+  /** 下拉组件宽度 */
+  popperWidth: [Number, String],
+  /** 下拉组件高度 */
+  popperHeight: [Number, String],
+  /** 下拉组件类型 */
+  popperType: {
+    type: String,
+    default: "popper"
+  },
+  /** 下拉组件属性 */
+  popperProps: Object,
+  /** 下拉组件插槽 */
+  popperSlots: Object,
+  /** 下拉组件标题 */
+  popperTitle: String,
+  /** 是否将下拉组件插入 body */
   teleported: Boolean,
-  /** 始终渲染下拉框 */
+  /** 始终渲染下拉组件 */
   persistent: Boolean,
   /** 下拉框位置 */
   placement: String,
@@ -45,18 +70,11 @@ const basicSelectProps = {
   },
   /** popper.js 参数 */
   popperOptions: Object,
-  /** 下拉框类名 */
-  popperClass: String,
-  /** 下拉框宽度 */
-  popperWidth: [Number, String],
-  /** 自定义类名 */
-  selectClass: String,
-  /** 自定义样式 */
-  selectStyle: Object,
-  /** 自定义输入框样式 */
-  inputStyle: Object,
-  /** 自定义多选标签容器样式 */
-  selectTagsStyle: Object
+  /** 是否开启响应式 */
+  responsive: {
+    type: Boolean,
+    default: null
+  }
 };
 const basicSelectEmits = {
   /** 更新下拉框显示状态 */

package/es/ele-basic-select/style/index.js

@@ -2,4 +2,6 @@ import "element-plus/es/components/input/style/index";
 import "element-plus/es/components/icon/style/index";
 import "element-plus/es/components/tag/style/index";
 import "../../ele-tooltip/style/index";
+import "../../ele-modal/style/index";
+import "../../ele-drawer/style/index";
 import "./index.scss";

package/es/ele-basic-select/types.d.ts

@@ -1,3 +1,10 @@
+import type { ComponentProps } from '../ele-app/types';
+import type {
+  EleModalProps,
+  EleDrawerProps,
+  EleTooltipProps
+} from '../ele-app/plus';
+
 /**
  * 单选值
  */
@@ -16,7 +23,7 @@ export type SelectValue = SingleValue | MultipleValue | undefined | null;
 /**
  * 多选选中数据
  */
-export interface SelectedItem {
+export interface SelectedItem extends Record<string, any> {
   /** 文本 */
   label: string;
   /** 值 */
@@ -26,3 +33,17 @@ export interface SelectedItem {
   /** 排序号 */
   index?: number;
 }
+
+/**
+ * 下拉类型
+ */
+export type PopperType = 'popper' | 'modal' | 'drawer' | 'default';
+
+/**
+ * 下拉组件属性
+ */
+export type PopperProps =
+  | EleModalProps
+  | EleDrawerProps
+  | EleTooltipProps
+  | ComponentProps<{}>;

package/es/ele-basic-select/util.js

@@ -25,7 +25,12 @@ function valueIsChanged(value1, value2, multiple) {
   if (value1.length !== value2.length) {
     return true;
   }
-  return value1.some((v) => !value2.includes(v));
+  for (let i = 0; i < value1.length; i++) {
+    if (value1[i] !== value2[i]) {
+      return true;
+    }
+  }
+  return false;
 }
 function useFormValidate() {
   const formItem = inject(formItemContextKey, null);