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

package/lib/ele-autocomplete/index.d.ts

@@ -36,12 +36,38 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly default: "bottom-start";
     };
     popperClass: {
-        readonly type: import('vue').PropType<string>;
+        readonly type: import('vue').PropType<string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    popperStyle: {
+        readonly type: import('vue').PropType<import('vue').StyleValue>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: "";
     };
     triggerOnFocus: {
         readonly type: import('vue').PropType<boolean>;
@@ -69,6 +95,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     highlightFirstItem: BooleanConstructor;
     fitInputWidth: BooleanConstructor;
+    loopNavigation: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
     inputmode: {
         readonly type: import('vue').PropType<"search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
         readonly required: false;
@@ -129,7 +163,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly default: false;
     };
     autocomplete: {
-        readonly type: import('vue').PropType<string>;
+        readonly type: import('vue').PropType<AutoFill>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -162,6 +196,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
+    clearIcon: {
+        readonly type: import('vue').PropType<string | import('vue').Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     showPassword: BooleanConstructor;
     showWordLimit: BooleanConstructor;
     suffixIcon: {
@@ -223,10 +263,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     clear: () => void;
     focus: (evt: FocusEvent) => void;
     blur: (evt: FocusEvent) => void;
-    input: (value: string) => void;
+    input: (value: string | number) => void;
     select: (item: Record<string, any>) => void;
-    "update:modelValue": (value: string) => void;
-    change: (value: string) => void;
+    "update:modelValue": (value: string | number) => void;
+    change: (value: string | number) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     fetchSuggestions: import('vue').PropType<import('./types').AutocompleteDataItem[] | import('./types').AutocompleteDataFunction>;
     valueKey: {
@@ -262,12 +302,38 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly default: "bottom-start";
     };
     popperClass: {
-        readonly type: import('vue').PropType<string>;
+        readonly type: import('vue').PropType<string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    popperStyle: {
+        readonly type: import('vue').PropType<import('vue').StyleValue>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: "";
     };
     triggerOnFocus: {
         readonly type: import('vue').PropType<boolean>;
@@ -295,6 +361,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     highlightFirstItem: BooleanConstructor;
     fitInputWidth: BooleanConstructor;
+    loopNavigation: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
     inputmode: {
         readonly type: import('vue').PropType<"search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
         readonly required: false;
@@ -355,7 +429,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly default: false;
     };
     autocomplete: {
-        readonly type: import('vue').PropType<string>;
+        readonly type: import('vue').PropType<AutoFill>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -388,6 +462,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
+    clearIcon: {
+        readonly type: import('vue').PropType<string | import('vue').Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     showPassword: BooleanConstructor;
     showWordLimit: BooleanConstructor;
     suffixIcon: {
@@ -447,28 +527,28 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onClear?: (() => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
-    onInput?: ((value: string) => any) | undefined;
+    onInput?: ((value: string | number) => any) | undefined;
     onSelect?: ((item: Record<string, any>) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    onChange?: ((value: string | number) => any) | undefined;
 }>, {
     type: string;
     valueKey: string;
     modelValue: string | number;
     debounce: number;
     placement: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
-    popperClass: string;
     triggerOnFocus: boolean;
     selectWhenUnmatched: boolean;
     hideLoading: boolean;
     teleported: boolean;
     highlightFirstItem: boolean;
     fitInputWidth: boolean;
+    loopNavigation: boolean;
     inputmode: "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined;
     id: string;
     disabled: boolean;
     autosize: import('element-plus').InputAutoSize;
-    autocomplete: string;
+    autocomplete: AutoFill;
     readonly: boolean;
     clearable: boolean;
     showPassword: boolean;

package/lib/ele-autocomplete/props.d.ts

@@ -41,12 +41,38 @@ export declare const autocompleteProps: {
         readonly default: "bottom-start";
     };
     popperClass: {
-        readonly type: PropType<string>;
+        readonly type: PropType<string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    popperStyle: {
+        readonly type: PropType<import('vue').StyleValue>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: "";
     };
     triggerOnFocus: {
         readonly type: PropType<boolean>;
@@ -74,6 +100,14 @@ export declare const autocompleteProps: {
     };
     highlightFirstItem: BooleanConstructor;
     fitInputWidth: BooleanConstructor;
+    loopNavigation: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
     inputmode: {
         readonly type: PropType<"search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
         readonly required: false;
@@ -134,7 +168,7 @@ export declare const autocompleteProps: {
         readonly default: false;
     };
     autocomplete: {
-        readonly type: PropType<string>;
+        readonly type: PropType<AutoFill>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -167,6 +201,12 @@ export declare const autocompleteProps: {
     };
     readonly: BooleanConstructor;
     clearable: BooleanConstructor;
+    clearIcon: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     showPassword: BooleanConstructor;
     showWordLimit: BooleanConstructor;
     suffixIcon: {

package/lib/ele-avatar-group/index.cjs

@@ -71,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(avatarData.value, (item, index) => {
           return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElAvatar), {
-            key: item.key ?? index + "-" + (item.value || item.label),
+            key: item.key ?? `${index}-${item.value || item.label}`,
             size: _ctx.size,
             shape: _ctx.shape,
             src: item.value,
@@ -107,7 +107,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.renderSlot(_ctx.$slots, "overflow", { overflowData: overflowData.value }, () => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(overflowData.value, (item, index) => {
                   return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElAvatar), {
-                    key: item.key ?? index + "-" + (item.value || item.label),
+                    key: item.key ?? `${index}-${item.value || item.label}`,
                     size: _ctx.size,
                     shape: _ctx.shape,
                     src: item.value,

package/lib/ele-avatar-group/style/index.scss

@@ -9,7 +9,7 @@
 
   .el-avatar {
     vertical-align: top;
-    border: 1px solid elVar('bg-color', 'overlay');
+    border: 1px solid elVar('bg-color');
     transition: all 0.3s ease;
     box-sizing: content-box;
     position: relative;

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-backtop/index.d.ts

@@ -42,9 +42,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>> & Readonly<{
     onClick?: ((_e: MouseEvent) => any) | undefined;
 }>, {
-    visibilityHeight: number;
     bottom: string | number;
     right: string | number;
+    visibilityHeight: number;
     transitionName: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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 && ["modal", "drawer", "default"].includes(props2.popperType)) {
+        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;
@@ -37,6 +45,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const isCollapse = vue.computed(() => {
       return typeof props2.maxTagCount === "number" && props2.selected != null && props2.selected.length > props2.maxTagCount;
     });
+    const omittedSize = vue.computed(() => {
+      if (isEmpty.value || props2.maxTagCount == null || props2.maxTagCount < 0) {
+        return 0;
+      }
+      return props2.value.length - props2.maxTagCount;
+    });
     const currentTags = vue.computed(() => {
       if (!isCollapse.value || isEmpty.value || props2.selected == null) {
         return props2.selected || [];
@@ -49,13 +63,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return props2.selected.slice(props2.maxTagCount);
     });
-    const omittedSize = vue.computed(() => {
-      if (isEmpty.value || props2.maxTagCount == null || props2.maxTagCount < 0) {
-        return 0;
-      }
-      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,45 @@ 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,
+          clear: handleClear
+        }),
+        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 +198,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,
@@ -208,7 +246,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentTags.value, (item, index2) => {
             return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTag), {
-              key: index2 + "-" + item.value,
+              key: `${index2}-${item.value}`,
               size: _ctx.size,
               type: _ctx.tagType,
               closable: !_ctx.disabled,
@@ -242,7 +280,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 +302,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }, 8, ["size"])) : vue.createCommentVNode("", true)
         ], 4)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "default")
-      ], 6);
+      ], 6));
     };
   }
 });