ele-admin-plus 1.4.1-beta.1 → 1.4.1

package/es/ele-basic-select/components/select-view.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, createCommentVNode, renderSlot, unref, withKeys, createSlots, withCtx, createBlock, withModifiers, Fragment, renderList, createTextVNode, toDisplayString, nextTick } from "vue";
+import { defineComponent, ref, computed, watch, renderSlot, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, createCommentVNode, unref, withKeys, createSlots, withCtx, createBlock, withModifiers, Fragment, renderList, createTextVNode, toDisplayString, nextTick } from "vue";
 import { ElInput, ElIcon, ElTag } from "element-plus";
 import { CloseCircleFilled, ArrowDown } from "../../icons/index";
 import { basicSelectEmits, basicSelectProps } from "../props";
@@ -9,7 +9,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: {
     ...basicSelectEmits,
     /** 输入框点击事件 */
-    inputClick: (_e) => true
+    inputClick: (_e) => true,
+    /** 容器点击事件 */
+    wrapClick: (_isCustom) => true
   },
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -26,9 +28,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return !Array.isArray(props.value) || !props.value.length;
     });
+    const isFilterable = computed(() => {
+      if (props.popperType !== "popper") {
+        return false;
+      }
+      return props.filterable;
+    });
     const inputPlaceholder = computed(() => {
       const str = isEmpty.value && props.placeholder ? props.placeholder : "";
-      if (!props.filterable || !props.visible || props.multiple) {
+      if (!isFilterable.value || !props.visible || props.multiple) {
         return str;
       }
       return props.selectedLabel || str;
@@ -55,6 +63,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return props.value.length - props.maxTagCount;
     });
     const focusSearchInput = () => {
+      if (!isFilterable.value) {
+        return;
+      }
       const input = props.multiple ? searchRef.value : inputRef.value;
       input && input.focus();
       nextTick(() => {
@@ -62,13 +73,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const updateSearchValue = (modelValue) => {
-      if (props.filterable && props.visible && props.multiple) {
+      if (isFilterable.value && props.visible && props.multiple) {
         searchValue.value = modelValue;
         emit("filterChange", modelValue);
       }
     };
     const updateInputValue = (modelValue) => {
-      if (props.filterable && props.visible && !props.multiple) {
+      if (isFilterable.value && props.visible && !props.multiple) {
         inputValue.value = modelValue;
         emit("filterChange", modelValue);
       }
@@ -103,10 +114,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         updateVisible(false);
       }
     };
+    const handleWrapClick = (isCustom) => {
+      emit("wrapClick", isCustom);
+    };
+    const openPopper = () => {
+      updateVisible(true);
+    };
+    const closePopper = () => {
+      updateVisible(false);
+    };
     watch(
       () => props.selectedLabel,
       (label) => {
-        if (!props.filterable || !props.visible) {
+        if (!isFilterable.value || !props.visible) {
           inputValue.value = props.multiple || !label ? "" : label;
         }
       }
@@ -114,7 +134,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.visible,
       (visible) => {
-        if (props.filterable) {
+        if (isFilterable.value) {
           if (props.multiple) {
             searchValue.value = "";
             if (visible) {
@@ -130,27 +150,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __expose({
       inputRef,
       searchRef,
-      currentTags,
-      omittedTags,
-      omittedSize,
       focusSearchInput,
       updateSearchValue,
       updateInputValue
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "ele-select",
+      return _ctx.selectStyle === "none" ? renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.$slots.select ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(_ctx.selectClass),
+        style: normalizeStyle(_ctx.selectStyle),
+        onClick: _cache[0] || (_cache[0] = ($event) => handleWrapClick(true))
+      }, [
+        renderSlot(_ctx.$slots, "select", {
+          visible: _ctx.visible,
+          value: _ctx.value,
+          selectedLabel: _ctx.selectedLabel,
+          selected: _ctx.selected,
+          currentTags: currentTags.value,
+          omittedTags: omittedTags.value,
+          omittedSize: omittedSize.value,
+          openPopper,
+          closePopper,
+          removeItem: handleTagClose
+        }),
+        renderSlot(_ctx.$slots, "default")
+      ], 6)) : (openBlock(), createElementBlock("div", {
+        key: 2,
+        class: normalizeClass(["ele-select", [
           _ctx.selectClass,
           { "is-empty": isEmpty.value },
           { "is-multiple": _ctx.multiple },
           { "is-disabled": _ctx.disabled },
-          { "is-filterable": _ctx.filterable },
+          { "is-filterable": isFilterable.value },
           { "is-small": _ctx.size === "small" },
           { "is-large": _ctx.size === "large" },
           { "is-opened": _ctx.visible }
-        ]),
-        style: normalizeStyle(_ctx.selectStyle)
+        ]]),
+        style: normalizeStyle(_ctx.selectStyle),
+        onClick: _cache[1] || (_cache[1] = ($event) => handleWrapClick(false))
       }, [
         createVNode(unref(ElInput), {
           ref_key: "inputRef",
@@ -159,8 +196,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           disabled: _ctx.disabled,
           validateEvent: false,
           modelValue: inputValue.value,
-          placeholder: _ctx.filterable && _ctx.multiple && _ctx.visible ? "" : inputPlaceholder.value,
-          readonly: !(_ctx.filterable && !_ctx.multiple),
+          placeholder: isFilterable.value && _ctx.multiple && _ctx.visible ? "" : inputPlaceholder.value,
+          readonly: !(isFilterable.value && !_ctx.multiple),
           style: normalizeStyle(_ctx.inputStyle),
           "onUpdate:modelValue": updateInputValue,
           onClick: handleInputClick,
@@ -241,7 +278,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["size", "type"])) : createCommentVNode("", true),
-          !_ctx.disabled && _ctx.filterable ? (openBlock(), createBlock(unref(ElTag), {
+          !_ctx.disabled && isFilterable.value ? (openBlock(), createBlock(unref(ElTag), {
             key: 1,
             size: _ctx.size,
             disableTransitions: true,
@@ -263,7 +300,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["size"])) : createCommentVNode("", true)
         ], 4)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default")
-      ], 6);
+      ], 6));
     };
   }
 });

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

@@ -1,7 +1,7 @@
 import { EleTooltipInstance, EleBasicSelectViewInstance } from '../ele-app/plus';
 import { SelectedItem } from './types';
 
-declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<any, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<any, (_: any) => any>> & Partial<Record<any, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
     default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -22,6 +22,20 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     automaticDropdown: BooleanConstructor;
     filterable: BooleanConstructor;
     visible: BooleanConstructor;
+    selectClass: StringConstructor;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue | string>;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    popperClass: StringConstructor;
+    popperWidth: (StringConstructor | NumberConstructor)[];
+    popperHeight: (StringConstructor | NumberConstructor)[];
+    popperType: {
+        type: import('vue').PropType<import('./types').PopperType>;
+        default: string;
+    };
+    popperProps: import('vue').PropType<import('./types').PopperProps>;
+    popperSlots: ObjectConstructor;
+    popperTitle: StringConstructor;
     teleported: BooleanConstructor;
     persistent: BooleanConstructor;
     placement: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
@@ -30,15 +44,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: string;
     };
     popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
-    popperClass: StringConstructor;
-    popperWidth: (StringConstructor | NumberConstructor)[];
-    selectClass: StringConstructor;
-    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    popperType: import('vue').PropType<import('./types').PopperType>;
-    popperProps: import('vue').PropType<import('./types').PopperProps>;
-    popperSlots: ObjectConstructor;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
 }>, {
     tooltipRef: import('vue').Ref<EleTooltipInstance, EleTooltipInstance>;
     selectViewRef: import('vue').Ref<EleBasicSelectViewInstance, EleBasicSelectViewInstance>;
@@ -70,6 +79,20 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     automaticDropdown: BooleanConstructor;
     filterable: BooleanConstructor;
     visible: BooleanConstructor;
+    selectClass: StringConstructor;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue | string>;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    popperClass: StringConstructor;
+    popperWidth: (StringConstructor | NumberConstructor)[];
+    popperHeight: (StringConstructor | NumberConstructor)[];
+    popperType: {
+        type: import('vue').PropType<import('./types').PopperType>;
+        default: string;
+    };
+    popperProps: import('vue').PropType<import('./types').PopperProps>;
+    popperSlots: ObjectConstructor;
+    popperTitle: StringConstructor;
     teleported: BooleanConstructor;
     persistent: BooleanConstructor;
     placement: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
@@ -78,15 +101,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: string;
     };
     popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
-    popperClass: StringConstructor;
-    popperWidth: (StringConstructor | NumberConstructor)[];
-    selectClass: StringConstructor;
-    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    popperType: import('vue').PropType<import('./types').PopperType>;
-    popperProps: import('vue').PropType<import('./types').PopperProps>;
-    popperSlots: ObjectConstructor;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
 }>> & Readonly<{
     onBlur?: ((_e: FocusEvent) => any) | undefined;
     onFocus?: ((_e: FocusEvent) => any) | undefined;
@@ -105,6 +123,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     transition: string;
     automaticDropdown: boolean;
     multiple: boolean;
+    responsive: boolean;
+    popperType: import('./types').PopperType;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -1,5 +1,7 @@
-import { defineComponent, ref, resolveComponent, createBlock, openBlock, mergeProps, createSlots, withCtx, createVNode, renderSlot, renderList, normalizeProps, guardReactiveProps, createCommentVNode, unref } from "vue";
+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";
@@ -41,9 +43,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       updateVisible(visible);
     };
-    const handleSelectInputClick = () => {
+    const handleWrapClick = (isCustom) => {
       isSelectInputClick.value = true;
-      if (props.popperType === "modal") {
+      if (!isCustom && (props.popperType === "modal" || props.popperType === "drawer")) {
         updateVisible(true);
       }
     };
@@ -80,8 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateVisible
     });
     return (_ctx, _cache) => {
-      const _component_EleModal = resolveComponent("EleModal");
-      return _ctx.popperType === "modal" ? (openBlock(), createBlock(SelectView, mergeProps({ key: 0 }, _ctx.$props, {
+      return _ctx.popperType === "modal" || _ctx.popperType === "drawer" ? (openBlock(), createBlock(SelectView, mergeProps({ key: 0 }, _ctx.$props, {
         ref_key: "selectViewRef",
         ref: selectViewRef,
         "onUpdate:visible": updateVisible,
@@ -91,13 +92,48 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onBlur: handleBlur,
         onFilterChange: handleFilterChange,
         onInputClick: handleInputClick,
-        onClick: handleSelectInputClick
+        onWrapClick: handleWrapClick
       }), createSlots({
         default: withCtx(() => [
-          createVNode(_component_EleModal, mergeProps({
+          _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,
@@ -121,7 +157,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               };
             })
-          ]), 1040, ["width", "destroyOnClose", "class", "modelValue"])
+          ]), 1040, ["title", "width", "bodyHeight", "destroyOnClose", "responsive", "class", "modelValue"]))
         ]),
         _: 2
       }, [
@@ -133,8 +169,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           };
         })
-      ]), 1040)) : (openBlock(), createBlock(EleTooltip, mergeProps({
+      ]), 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",
@@ -157,6 +202,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         body: withCtx(() => [
           _ctx.persistent || _ctx.visible ? (openBlock(), createBlock(unref(ReceiverView), {
             key: 0,
+            wrapHeight: _ctx.popperHeight,
             class: "ele-popover-body",
             onClick: focusSearchInput,
             onMouseup: focusSearchInput
@@ -165,10 +211,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "default")
             ]),
             _: 3
-          })) : createCommentVNode("", true)
+          }, 8, ["wrapHeight"])) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
-          createVNode(SelectView, mergeProps(_ctx.$props, {
+          _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,
@@ -178,7 +227,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onBlur: handleBlur,
             onFilterChange: handleFilterChange,
             onInputClick: handleInputClick,
-            onClick: handleSelectInputClick
+            onWrapClick: handleWrapClick
           }), createSlots({ _: 2 }, [
             renderList(Object.keys(_ctx.$slots).filter((k) => k !== "default"), (name) => {
               return {
@@ -188,7 +237,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ])
               };
             })
-          ]), 1040)
+          ]), 1040))
         ]),
         _: 3
       }, 16, ["disabled", "placement", "teleported", "width", "popperClass", "popperOptions", "transition", "gpuAcceleration", "visible"]));

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

@@ -37,39 +37,51 @@ export declare const basicSelectProps: {
     automaticDropdown: BooleanConstructor;
     /** 是否可以筛选 */
     filterable: BooleanConstructor;
-    /** 下拉框是否显示 */
+    /** 下拉组件是否显示 */
     visible: BooleanConstructor;
-    /** 是否将下拉框插入 body */
-    teleported: BooleanConstructor;
-    /** 始终渲染下拉框 */
-    persistent: BooleanConstructor;
-    /** 下拉框位置 */
-    placement: PropType<EleTooltipProps["placement"]>;
-    /** 下拉框渐变动画 */
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** popper.js 参数 */
-    popperOptions: PropType<EleTooltipProps["popperOptions"]>;
-    /** 下拉框类名 */
-    popperClass: StringConstructor;
-    /** 下拉框宽度 */
-    popperWidth: (NumberConstructor | StringConstructor)[];
     /** 自定义类名 */
     selectClass: StringConstructor;
     /** 自定义样式 */
-    selectStyle: PropType<StyleValue>;
+    selectStyle: PropType<StyleValue | string>;
     /** 自定义输入框样式 */
     inputStyle: PropType<StyleValue>;
     /** 自定义多选标签容器样式 */
     selectTagsStyle: PropType<StyleValue>;
-    /** 下拉类型 */
-    popperType: PropType<PopperType>;
+    /** 下拉组件类名 */
+    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"]>;
+    /** 下拉框渐变动画 */
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** popper.js 参数 */
+    popperOptions: PropType<EleTooltipProps["popperOptions"]>;
+    /** 是否开启响应式 */
+    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,24 +70,11 @@ const basicSelectProps = {
   },
   /** popper.js 参数 */
   popperOptions: Object,
-  /** 下拉框类名 */
-  popperClass: String,
-  /** 下拉框宽度 */
-  popperWidth: [Number, String],
-  /** 自定义类名 */
-  selectClass: String,
-  /** 自定义样式 */
-  selectStyle: Object,
-  /** 自定义输入框样式 */
-  inputStyle: Object,
-  /** 自定义多选标签容器样式 */
-  selectTagsStyle: Object,
-  /** 下拉类型 */
-  popperType: String,
-  /** 下拉组件属性 */
-  popperProps: Object,
-  /** 下拉组件插槽 */
-  popperSlots: 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

@@ -23,7 +23,7 @@ export type SelectValue = SingleValue | MultipleValue | undefined | null;
 /**
  * 多选选中数据
  */
-export interface SelectedItem {
+export interface SelectedItem extends Record<string, any> {
   /** 文本 */
   label: string;
   /** 值 */

package/es/ele-config-provider/components/receiver-view.d.ts

@@ -1,9 +1,11 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    wrapHeight: (StringConstructor | NumberConstructor)[];
     wrapPosition: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    wrapHeight: (StringConstructor | NumberConstructor)[];
     wrapPosition: {
         type: BooleanConstructor;
         default: boolean;