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

package/lib/core-components.cjs

@@ -15,56 +15,58 @@ const index$b = require("./ele-check-card/index");
 const index$c = require("./ele-checkbox-group/index");
 const index$d = require("./ele-config-provider/index");
 const index$e = require("./ele-copyable/index");
-const index$f = require("./ele-dashboard/index");
-const index$g = require("./ele-data-table/index");
-const index$h = require("./ele-dot/index");
-const index$i = require("./ele-drawer/index");
-const index$j = require("./ele-dropdown/index");
-const index$k = require("./ele-edit-tag/index");
-const index$l = require("./ele-ellipsis/index");
-const index$m = require("./ele-file-list/index");
-const index$n = require("./ele-file-list-tool/index");
-const index$o = require("./ele-icon/index");
-const index$p = require("./ele-icon-select/index");
-const index$q = require("./ele-image-viewer/index");
-const index$r = require("./ele-loading/index");
-const index$s = require("./ele-mention/index");
-const index$t = require("./ele-menus/index");
-const index$u = require("./ele-modal/index");
-const index$v = require("./ele-page/index");
-const index$w = require("./ele-pagination/index");
-const index$x = require("./ele-popconfirm/index");
-const index$y = require("./ele-popover/index");
-const index$z = require("./ele-printer/index");
-const index$A = require("./ele-pro-layout/index");
-const index$B = require("./ele-pro-table/index");
-const index$C = require("./ele-qr-code/index");
-const index$D = require("./ele-qr-code-svg/index");
-const index$E = require("./ele-radio-group/index");
-const index$F = require("./ele-segmented/index");
-const index$G = require("./ele-select/index");
-const index$H = require("./ele-select-tree/index");
-const index$I = require("./ele-split-panel/index");
-const index$J = require("./ele-steps/index");
-const index$K = require("./ele-tab-bar/index");
-const index$L = require("./ele-tabs/index");
-const index$M = require("./ele-tab-tool/index");
-const index$N = require("./ele-tab-wrap/index");
-const index$O = require("./ele-table/index");
-const index$P = require("./ele-table-select/index");
-const index$Q = require("./ele-text/index");
-const index$R = require("./ele-timeline/index");
-const index$S = require("./ele-tool/index");
-const index$T = require("./ele-toolbar/index");
-const index$U = require("./ele-tooltip/index");
-const index$V = require("./ele-tour/index");
-const index$W = require("./ele-transfer/index");
-const index$X = require("./ele-tree-select/index");
-const index$Y = require("./ele-tree-table/index");
-const index$Z = require("./ele-upload-list/index");
-const index$_ = require("./ele-viewer/index");
-const index$$ = require("./ele-virtual-table/index");
-const index$10 = require("./ele-watermark/index");
+const index$f = require("./ele-cron-builder/index");
+const index$g = require("./ele-cron-panel/index");
+const index$h = require("./ele-dashboard/index");
+const index$i = require("./ele-data-table/index");
+const index$j = require("./ele-dot/index");
+const index$k = require("./ele-drawer/index");
+const index$l = require("./ele-dropdown/index");
+const index$m = require("./ele-edit-tag/index");
+const index$n = require("./ele-ellipsis/index");
+const index$o = require("./ele-file-list/index");
+const index$p = require("./ele-file-list-tool/index");
+const index$q = require("./ele-icon/index");
+const index$r = require("./ele-icon-select/index");
+const index$s = require("./ele-image-viewer/index");
+const index$t = require("./ele-loading/index");
+const index$u = require("./ele-mention/index");
+const index$v = require("./ele-menus/index");
+const index$w = require("./ele-modal/index");
+const index$x = require("./ele-page/index");
+const index$y = require("./ele-pagination/index");
+const index$z = require("./ele-popconfirm/index");
+const index$A = require("./ele-popover/index");
+const index$B = require("./ele-printer/index");
+const index$C = require("./ele-pro-layout/index");
+const index$D = require("./ele-pro-table/index");
+const index$E = require("./ele-qr-code/index");
+const index$F = require("./ele-qr-code-svg/index");
+const index$G = require("./ele-radio-group/index");
+const index$H = require("./ele-segmented/index");
+const index$I = require("./ele-select/index");
+const index$J = require("./ele-select-tree/index");
+const index$K = require("./ele-split-panel/index");
+const index$L = require("./ele-steps/index");
+const index$M = require("./ele-tab-bar/index");
+const index$N = require("./ele-tabs/index");
+const index$O = require("./ele-tab-tool/index");
+const index$P = require("./ele-tab-wrap/index");
+const index$Q = require("./ele-table/index");
+const index$R = require("./ele-table-select/index");
+const index$S = require("./ele-text/index");
+const index$T = require("./ele-timeline/index");
+const index$U = require("./ele-tool/index");
+const index$V = require("./ele-toolbar/index");
+const index$W = require("./ele-tooltip/index");
+const index$X = require("./ele-tour/index");
+const index$Y = require("./ele-transfer/index");
+const index$Z = require("./ele-tree-select/index");
+const index$_ = require("./ele-tree-table/index");
+const index$$ = require("./ele-upload-list/index");
+const index$10 = require("./ele-viewer/index");
+const index$11 = require("./ele-virtual-table/index");
+const index$12 = require("./ele-watermark/index");
 exports.EleAdminLayout = index;
 exports.EleAlert = index$1;
 exports.EleApp = index$2;
@@ -80,53 +82,55 @@ exports.EleCheckCard = index$b;
 exports.EleCheckboxGroup = index$c;
 exports.EleConfigProvider = index$d;
 exports.EleCopyable = index$e;
-exports.EleDashboard = index$f;
-exports.EleDataTable = index$g;
-exports.EleDot = index$h;
-exports.EleDrawer = index$i;
-exports.EleDropdown = index$j;
-exports.EleEditTag = index$k;
-exports.EleEllipsis = index$l;
-exports.EleFileList = index$m;
-exports.EleFileListTool = index$n;
-exports.EleIcon = index$o;
-exports.EleIconSelect = index$p;
-exports.EleImageViewer = index$q;
-exports.EleLoading = index$r;
-exports.EleMention = index$s;
-exports.EleMenus = index$t;
-exports.EleModal = index$u;
-exports.ElePage = index$v;
-exports.ElePagination = index$w;
-exports.ElePopconfirm = index$x;
-exports.ElePopover = index$y;
-exports.ElePrinter = index$z;
-exports.EleProLayout = index$A;
-exports.EleProTable = index$B;
-exports.EleQrCode = index$C;
-exports.EleQrCodeSvg = index$D;
-exports.EleRadioGroup = index$E;
-exports.EleSegmented = index$F;
-exports.EleSelect = index$G;
-exports.EleSelectTree = index$H;
-exports.EleSplitPanel = index$I;
-exports.EleSteps = index$J;
-exports.EleTabBar = index$K;
-exports.EleTabs = index$L;
-exports.EleTabTool = index$M;
-exports.EleTabWrap = index$N;
-exports.EleTable = index$O;
-exports.EleTableSelect = index$P;
-exports.EleText = index$Q;
-exports.EleTimeline = index$R;
-exports.EleTool = index$S;
-exports.EleToolbar = index$T;
-exports.EleTooltip = index$U;
-exports.EleTour = index$V;
-exports.EleTransfer = index$W;
-exports.EleTreeSelect = index$X;
-exports.EleTreeTable = index$Y;
-exports.EleUploadList = index$Z;
-exports.EleViewer = index$_;
-exports.EleVirtualTable = index$$;
-exports.EleWatermark = index$10;
+exports.EleCronBuilder = index$f;
+exports.EleCronPanel = index$g;
+exports.EleDashboard = index$h;
+exports.EleDataTable = index$i;
+exports.EleDot = index$j;
+exports.EleDrawer = index$k;
+exports.EleDropdown = index$l;
+exports.EleEditTag = index$m;
+exports.EleEllipsis = index$n;
+exports.EleFileList = index$o;
+exports.EleFileListTool = index$p;
+exports.EleIcon = index$q;
+exports.EleIconSelect = index$r;
+exports.EleImageViewer = index$s;
+exports.EleLoading = index$t;
+exports.EleMention = index$u;
+exports.EleMenus = index$v;
+exports.EleModal = index$w;
+exports.ElePage = index$x;
+exports.ElePagination = index$y;
+exports.ElePopconfirm = index$z;
+exports.ElePopover = index$A;
+exports.ElePrinter = index$B;
+exports.EleProLayout = index$C;
+exports.EleProTable = index$D;
+exports.EleQrCode = index$E;
+exports.EleQrCodeSvg = index$F;
+exports.EleRadioGroup = index$G;
+exports.EleSegmented = index$H;
+exports.EleSelect = index$I;
+exports.EleSelectTree = index$J;
+exports.EleSplitPanel = index$K;
+exports.EleSteps = index$L;
+exports.EleTabBar = index$M;
+exports.EleTabs = index$N;
+exports.EleTabTool = index$O;
+exports.EleTabWrap = index$P;
+exports.EleTable = index$Q;
+exports.EleTableSelect = index$R;
+exports.EleText = index$S;
+exports.EleTimeline = index$T;
+exports.EleTool = index$U;
+exports.EleToolbar = index$V;
+exports.EleTooltip = index$W;
+exports.EleTour = index$X;
+exports.EleTransfer = index$Y;
+exports.EleTreeSelect = index$Z;
+exports.EleTreeTable = index$_;
+exports.EleUploadList = index$$;
+exports.EleViewer = index$10;
+exports.EleVirtualTable = index$11;
+exports.EleWatermark = index$12;

package/lib/core-components.d.ts

@@ -13,6 +13,8 @@ export { default as EleCheckCard } from './ele-check-card/index';
 export { default as EleCheckboxGroup } from './ele-checkbox-group/index';
 export { default as EleConfigProvider } from './ele-config-provider/index';
 export { default as EleCopyable } from './ele-copyable/index';
+export { default as EleCronBuilder } from './ele-cron-builder/index';
+export { default as EleCronPanel } from './ele-cron-panel/index';
 export { default as EleDashboard } from './ele-dashboard/index';
 export { default as EleDataTable } from './ele-data-table/index';
 export { default as EleDot } from './ele-dot/index';

package/lib/ele-app/plus.d.ts

@@ -4,6 +4,7 @@ import type EleBasicSelect from '../ele-basic-select/index';
 import type EleBasicSelectView from '../ele-basic-select/components/select-view';
 import type { BreadcrumbProps } from '../ele-breadcrumb/props';
 import type { CardProps } from '../ele-card/props';
+import type EleCronPanel from '../ele-cron-panel/index';
 import type EleDataTable from '../ele-data-table/index';
 import type { DataTableProps } from '../ele-data-table/props';
 import type { DrawerProps } from '../ele-drawer/props';
@@ -16,6 +17,7 @@ import type EleMenus from '../ele-menus/index';
 import type { MenusProps } from '../ele-menus/props';
 import type { MenuItem } from '../ele-menus/types';
 import type { ModalProps } from '../ele-modal/props';
+import type ElePage from '../ele-page/index';
 import type { PageProps } from '../ele-page/props';
 import type { PaginationProps } from '../ele-pagination/props';
 import type ElePopconfirm from '../ele-popconfirm/index';
@@ -43,7 +45,6 @@ import type ReceiverView from '../ele-config-provider/components/receiver-view';
 import type { MessageOptions } from '../utils/message';
 import type { MessageBoxOptions } from '../utils/message-box';
 import type { ComponentProps } from './types';
-export type * from './plusx';
 
 /**
  * EleAdminLayout
@@ -74,6 +75,11 @@ export type EleBreadcrumbProps = ComponentProps<BreadcrumbProps>;
  */
 export type EleCardProps = ComponentProps<CardProps>;
 
+/**
+ * EleCronPanel
+ */
+export type EleCronPanelInstance = InstanceType<typeof EleCronPanel> | null;
+
 /**
  * EleConfigProvider
  */
@@ -130,6 +136,8 @@ export type EleModalProps = ComponentProps<ModalProps>;
 /**
  * ElePage
  */
+export type ElePageInstance = InstanceType<typeof ElePage> | null;
+
 export type ElePageProps = ComponentProps<PageProps>;
 
 /**

package/lib/ele-app/plusx.d.ts

@@ -1,40 +1,53 @@
-import { CropperProps } from '../ele-cropper/props';
-import { default as CropperPreview } from '../ele-cropper/components/cropper-preview';
-import { default as EleCrud } from '../ele-crud/index';
-import { CrudProps } from '../ele-crud/props';
-import { default as EleCrudBuilder } from '../ele-crud-builder/index';
-import { default as MapView } from '../ele-map-picker/components/map-view';
-import { default as EleProForm } from '../ele-pro-form/index';
-import { ProFormProps } from '../ele-pro-form/props';
-import { default as EleProFormBuilder } from '../ele-pro-form-builder/index';
-import { ProFormBuilderProps } from '../ele-pro-form-builder/props';
-import { ComponentProps } from './types';
+import type { CropperProps } from '../ele-cropper/props';
+import type CropperPreview from '../ele-cropper/components/cropper-preview';
+import type EleCrud from '../ele-crud/index';
+import type { CrudProps } from '../ele-crud/props';
+import type EleCrudBuilder from '../ele-crud-builder/index';
+import type MapView from '../ele-map-picker/components/map-view';
+import type EleProForm from '../ele-pro-form/index';
+import type { ProFormProps } from '../ele-pro-form/props';
+import type EleProFormBuilder from '../ele-pro-form-builder/index';
+import type { ProFormBuilderProps } from '../ele-pro-form-builder/props';
+import type { ComponentProps } from './types';
 
 /**
  * EleCropper
  */
 export type EleCropperProps = ComponentProps<CropperProps>;
-export type EleCropperPreviewInstance = InstanceType<typeof CropperPreview> | null;
+
+export type EleCropperPreviewInstance = InstanceType<
+  typeof CropperPreview
+> | null;
+
 /**
  * EleCrud
  */
 export type EleCrudInstance = InstanceType<typeof EleCrud> | null;
+
 export type EleCrudProps = ComponentProps<CrudProps>;
+
 /**
  * EleCrudBuilder
  */
 export type EleCrudBuilderInstance = InstanceType<typeof EleCrudBuilder> | null;
+
 /**
  * EleMapPicker
  */
 export type EleMapPickerViewInstance = InstanceType<typeof MapView> | null;
+
 /**
  * EleProForm
  */
 export type EleProFormInstance = InstanceType<typeof EleProForm> | null;
+
 export type EleProFormProps = ComponentProps<ProFormProps>;
+
 /**
  * EleProFormBuilder
  */
-export type EleProFormBuilderInstance = InstanceType<typeof EleProFormBuilder> | null;
+export type EleProFormBuilderInstance = InstanceType<
+  typeof EleProFormBuilder
+> | null;
+
 export type EleProFormBuilderProps = ComponentProps<ProFormBuilderProps>;

package/lib/ele-backtop/index.cjs

@@ -65,6 +65,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.onBeforeUnmount(() => {
       unbindEvent();
     });
+    vue.onDeactivated(() => {
+      visible.value = false;
+    });
+    vue.onActivated(() => {
+      handleScroll();
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
         default: vue.withCtx(() => [

package/lib/ele-basic-select/components/select-view.cjs

@@ -10,7 +10,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: {
     ...props.basicSelectEmits,
     /** 输入框点击事件 */
-    inputClick: (_e) => true
+    inputClick: (_e) => true,
+    /** 容器点击事件 */
+    wrapClick: (_isCustom) => true
   },
   setup(__props, { expose: __expose, emit: __emit }) {
     const props2 = __props;
@@ -27,9 +29,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return !Array.isArray(props2.value) || !props2.value.length;
     });
+    const isFilterable = vue.computed(() => {
+      if (props2.popperType !== "popper") {
+        return false;
+      }
+      return props2.filterable;
+    });
     const inputPlaceholder = vue.computed(() => {
       const str = isEmpty.value && props2.placeholder ? props2.placeholder : "";
-      if (!props2.filterable || !props2.visible || props2.multiple) {
+      if (!isFilterable.value || !props2.visible || props2.multiple) {
         return str;
       }
       return props2.selectedLabel || str;
@@ -56,6 +64,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return props2.value.length - props2.maxTagCount;
     });
     const focusSearchInput = () => {
+      if (!isFilterable.value) {
+        return;
+      }
       const input = props2.multiple ? searchRef.value : inputRef.value;
       input && input.focus();
       vue.nextTick(() => {
@@ -63,13 +74,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const updateSearchValue = (modelValue) => {
-      if (props2.filterable && props2.visible && props2.multiple) {
+      if (isFilterable.value && props2.visible && props2.multiple) {
         searchValue.value = modelValue;
         emit("filterChange", modelValue);
       }
     };
     const updateInputValue = (modelValue) => {
-      if (props2.filterable && props2.visible && !props2.multiple) {
+      if (isFilterable.value && props2.visible && !props2.multiple) {
         inputValue.value = modelValue;
         emit("filterChange", modelValue);
       }
@@ -104,10 +115,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         updateVisible(false);
       }
     };
+    const handleWrapClick = (isCustom) => {
+      emit("wrapClick", isCustom);
+    };
+    const openPopper = () => {
+      updateVisible(true);
+    };
+    const closePopper = () => {
+      updateVisible(false);
+    };
     vue.watch(
       () => props2.selectedLabel,
       (label) => {
-        if (!props2.filterable || !props2.visible) {
+        if (!isFilterable.value || !props2.visible) {
           inputValue.value = props2.multiple || !label ? "" : label;
         }
       }
@@ -115,7 +135,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       () => props2.visible,
       (visible) => {
-        if (props2.filterable) {
+        if (isFilterable.value) {
           if (props2.multiple) {
             searchValue.value = "";
             if (visible) {
@@ -131,27 +151,44 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     __expose({
       inputRef,
       searchRef,
-      currentTags,
-      omittedTags,
-      omittedSize,
       focusSearchInput,
       updateSearchValue,
       updateInputValue
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          "ele-select",
+      return _ctx.selectStyle === "none" ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.$slots.select ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 1,
+        class: vue.normalizeClass(_ctx.selectClass),
+        style: vue.normalizeStyle(_ctx.selectStyle),
+        onClick: _cache[0] || (_cache[0] = ($event) => handleWrapClick(true))
+      }, [
+        vue.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
+        }),
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 6)) : (vue.openBlock(), vue.createElementBlock("div", {
+        key: 2,
+        class: vue.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: vue.normalizeStyle(_ctx.selectStyle)
+        ]]),
+        style: vue.normalizeStyle(_ctx.selectStyle),
+        onClick: _cache[1] || (_cache[1] = ($event) => handleWrapClick(false))
       }, [
         vue.createVNode(vue.unref(elementPlus.ElInput), {
           ref_key: "inputRef",
@@ -160,8 +197,8 @@ const _sfc_main = /* @__PURE__ */ vue.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: vue.normalizeStyle(_ctx.inputStyle),
           "onUpdate:modelValue": updateInputValue,
           onClick: handleInputClick,
@@ -242,7 +279,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 3
           }, 8, ["size", "type"])) : vue.createCommentVNode("", true),
-          !_ctx.disabled && _ctx.filterable ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTag), {
+          !_ctx.disabled && isFilterable.value ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTag), {
             key: 1,
             size: _ctx.size,
             disableTransitions: true,
@@ -264,7 +301,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, 8, ["size"])) : vue.createCommentVNode("", true)
         ], 4)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "default")
-      ], 6);
+      ], 6));
     };
   }
 });

package/lib/ele-basic-select/components/select-view.d.ts

@@ -2,6 +2,19 @@ import { ElInputInstance } from '../../ele-app/el';
 import { SelectedItem } from '../types';
 
 declare function __VLS_template(): {
+    default?(_: {}): any;
+    select?(_: {
+        visible: boolean;
+        value: import('../types').SelectValue;
+        selectedLabel: string | undefined;
+        selected: SelectedItem[] | undefined;
+        currentTags: SelectedItem[];
+        omittedTags: SelectedItem[];
+        omittedSize: number;
+        openPopper: () => void;
+        closePopper: () => void;
+        removeItem: (item: SelectedItem) => void;
+    }): any;
     prefix?(_: {}): any;
     clearIcon?(_: {}): any;
     suffixIcon?(_: {
@@ -11,7 +24,6 @@ declare function __VLS_template(): {
         omittedValues: SelectedItem[];
         omittedSize: number;
     }): any;
-    default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     value: {
@@ -31,6 +43,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"]>;
@@ -39,21 +65,13 @@ 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;
+    };
 }>, {
     inputRef: import('vue').Ref<ElInputInstance, ElInputInstance>;
     searchRef: import('vue').Ref<ElInputInstance, ElInputInstance>;
-    currentTags: import('vue').ComputedRef<SelectedItem[]>;
-    omittedTags: import('vue').ComputedRef<SelectedItem[]>;
-    omittedSize: import('vue').ComputedRef<number>;
     focusSearchInput: () => void;
     updateSearchValue: (modelValue: string) => void;
     updateInputValue: (modelValue: string) => void;
@@ -65,6 +83,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     filterChange: (_value: string) => void;
     removeTag: (_item: SelectedItem) => void;
     inputClick: (_e: MouseEvent) => void;
+    wrapClick: (_isCustom?: boolean | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     value: {
         type: import('vue').PropType<import('../types').SelectValue>;
@@ -83,6 +102,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"]>;
@@ -91,15 +124,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<{
     onClear?: (() => any) | undefined;
     onFocus?: ((_e: FocusEvent) => any) | undefined;
@@ -108,6 +136,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onFilterChange?: ((_value: string) => any) | undefined;
     onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
     onInputClick?: ((_e: MouseEvent) => any) | undefined;
+    onWrapClick?: ((_isCustom?: boolean | undefined) => any) | undefined;
 }>, {
     value: import('../types').SelectValue;
     teleported: boolean;
@@ -119,6 +148,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;