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

package/es/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/es/ele-avatar-group/index.js

@@ -70,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(avatarData.value, (item, index) => {
           return openBlock(), createBlock(unref(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,
@@ -106,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "overflow", { overflowData: overflowData.value }, () => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(overflowData.value, (item, index) => {
                   return openBlock(), createBlock(unref(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/es/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/es/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/es/ele-backtop/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, shallowRef, watch, onMounted, onBeforeUnmount, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, mergeProps, renderSlot, createVNode, unref } from "vue";
+import { defineComponent, ref, shallowRef, watch, onMounted, onBeforeUnmount, onDeactivated, onActivated, createBlock, openBlock, Transition, withCtx, createElementBlock, createCommentVNode, mergeProps, renderSlot, createVNode, unref } from "vue";
 import { ElIcon } from "element-plus";
 import { ArrowUp } from "../icons/index";
 import { throttle } from "../utils/common";
@@ -64,6 +64,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => {
       unbindEvent();
     });
+    onDeactivated(() => {
+      visible.value = false;
+    });
+    onActivated(() => {
+      handleScroll();
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, { name: _ctx.transitionName }, {
         default: withCtx(() => [

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

@@ -2,6 +2,20 @@ 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;
+        clear: () => void;
+    }): any;
     prefix?(_: {}): any;
     clearIcon?(_: {}): any;
     suffixIcon?(_: {
@@ -11,49 +25,63 @@ declare function __VLS_template(): {
         omittedValues: SelectedItem[];
         omittedSize: number;
     }): any;
-    default?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     value: {
         type: import('vue').PropType<import('../types').SelectValue>;
         default: () => null;
     };
+    selectedLabel: StringConstructor;
+    selected: import('vue').PropType<SelectedItem[]>;
+    visible: BooleanConstructor;
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
     size: import('vue').PropType<import('../../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
-    selectedLabel: StringConstructor;
-    selected: import('vue').PropType<SelectedItem[]>;
     maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
-    tagType: import('vue').PropType<import('../../ele-app/el').ElTagProps["type"]>;
-    automaticDropdown: BooleanConstructor;
-    filterable: BooleanConstructor;
-    visible: BooleanConstructor;
-    teleported: BooleanConstructor;
-    persistent: BooleanConstructor;
-    placement: import('vue').PropType<import('../../ele-app/plus').EleTooltipProps["placement"]>;
-    transition: {
-        type: StringConstructor;
+    tagType: {
+        type: import('vue').PropType<import('../../ele-app/el').ElTagProps["type"]>;
         default: string;
     };
-    popperOptions: import('vue').PropType<import('../../ele-app/plus').EleTooltipProps["popperOptions"]>;
-    popperClass: StringConstructor;
-    popperWidth: (StringConstructor | NumberConstructor)[];
+    automaticDropdown: BooleanConstructor;
+    filterable: BooleanConstructor;
     selectClass: StringConstructor;
-    selectStyle: import('vue').PropType<import('../../ele-app/types').StyleValue>;
+    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: import('vue').PropType<import('../types').PopperType>;
     popperProps: import('vue').PropType<import('../types').PopperProps>;
-    popperSlots: ObjectConstructor;
+    popperSlots: import('vue').PropType<Record<string, string>>;
+    popperTitle: StringConstructor;
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: import('vue').PropType<import('../../ele-app/plus').EleTooltipProps["placement"]>;
+        default: string;
+    };
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperOptions: import('vue').PropType<import('../../ele-app/plus').EleTooltipProps["popperOptions"]>;
+    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,41 +93,60 @@ 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>;
         default: () => null;
     };
+    selectedLabel: StringConstructor;
+    selected: import('vue').PropType<SelectedItem[]>;
+    visible: BooleanConstructor;
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
     size: import('vue').PropType<import('../../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
-    selectedLabel: StringConstructor;
-    selected: import('vue').PropType<SelectedItem[]>;
     maxTagCount: NumberConstructor;
     maxTagTextLength: NumberConstructor;
-    tagType: import('vue').PropType<import('../../ele-app/el').ElTagProps["type"]>;
-    automaticDropdown: BooleanConstructor;
-    filterable: BooleanConstructor;
-    visible: BooleanConstructor;
-    teleported: BooleanConstructor;
-    persistent: BooleanConstructor;
-    placement: import('vue').PropType<import('../../ele-app/plus').EleTooltipProps["placement"]>;
-    transition: {
-        type: StringConstructor;
+    tagType: {
+        type: import('vue').PropType<import('../../ele-app/el').ElTagProps["type"]>;
         default: string;
     };
-    popperOptions: import('vue').PropType<import('../../ele-app/plus').EleTooltipProps["popperOptions"]>;
-    popperClass: StringConstructor;
-    popperWidth: (StringConstructor | NumberConstructor)[];
+    automaticDropdown: BooleanConstructor;
+    filterable: BooleanConstructor;
     selectClass: StringConstructor;
-    selectStyle: import('vue').PropType<import('../../ele-app/types').StyleValue>;
+    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: import('vue').PropType<import('../types').PopperType>;
     popperProps: import('vue').PropType<import('../types').PopperProps>;
-    popperSlots: ObjectConstructor;
+    popperSlots: import('vue').PropType<Record<string, string>>;
+    popperTitle: StringConstructor;
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: import('vue').PropType<import('../../ele-app/plus').EleTooltipProps["placement"]>;
+        default: string;
+    };
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    popperOptions: import('vue').PropType<import('../../ele-app/plus').EleTooltipProps["popperOptions"]>;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
 }>> & Readonly<{
     onClear?: (() => any) | undefined;
     onFocus?: ((_e: FocusEvent) => any) | undefined;
@@ -108,17 +155,21 @@ 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;
+    placement: import('element-plus').Placement | undefined;
     teleported: boolean;
     disabled: boolean;
     clearable: boolean;
     filterable: boolean;
+    tagType: ("primary" | "success" | "warning" | "info" | "danger") | undefined;
     persistent: boolean;
-    visible: boolean;
     transition: string;
+    visible: boolean;
     automaticDropdown: boolean;
     multiple: boolean;
+    responsive: boolean;
 }, {}, {}, {}, 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/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 && ["modal", "drawer", "default"].includes(props.popperType)) {
+        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;
@@ -36,6 +44,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isCollapse = computed(() => {
       return typeof props.maxTagCount === "number" && props.selected != null && props.selected.length > props.maxTagCount;
     });
+    const omittedSize = computed(() => {
+      if (isEmpty.value || props.maxTagCount == null || props.maxTagCount < 0) {
+        return 0;
+      }
+      return props.value.length - props.maxTagCount;
+    });
     const currentTags = computed(() => {
       if (!isCollapse.value || isEmpty.value || props.selected == null) {
         return props.selected || [];
@@ -48,13 +62,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return props.selected.slice(props.maxTagCount);
     });
-    const omittedSize = computed(() => {
-      if (isEmpty.value || props.maxTagCount == null || props.maxTagCount < 0) {
-        return 0;
-      }
-      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,45 @@ 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,
+          clear: handleClear
+        }),
+        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 +197,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,
@@ -207,7 +245,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(currentTags.value, (item, index) => {
             return openBlock(), createBlock(unref(ElTag), {
-              key: index + "-" + item.value,
+              key: `${index}-${item.value}`,
               size: _ctx.size,
               type: _ctx.tagType,
               closable: !_ctx.disabled,
@@ -241,7 +279,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 +301,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["size"])) : createCommentVNode("", true)
         ], 4)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default")
-      ], 6);
+      ], 6));
     };
   }
 });