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

package/lib/ele-image-viewer/props.d.ts

@@ -84,14 +84,7 @@ export declare const imageViewerProps: {
     } & {
         readonly default: 7;
     };
-    showProgress: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: false;
-    };
+    showProgress: BooleanConstructor;
     crossorigin: {
         readonly type: import('vue').PropType<"" | "anonymous" | "use-credentials">;
         readonly required: false;

package/lib/ele-loading/index.cjs

@@ -4,7 +4,7 @@ const elementPlus = require("element-plus");
 const ReceiverView = require("../ele-config-provider/components/receiver-view");
 const props = require("./props");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: "EleLoading" },
+  ...{ name: "EleLoading", inheritAttrs: false },
   __name: "index",
   props: props.loadingProps,
   setup(__props) {
@@ -13,13 +13,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return props2.type === "circle";
     });
     return (_ctx, _cache) => {
-      return vue.withDirectives((vue.openBlock(), vue.createBlock(ReceiverView, {
+      return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(ReceiverView), vue.mergeProps(_ctx.$attrs, {
         "element-loading-text": isCircle.value ? _ctx.text : void 0,
         "element-loading-background": isCircle.value ? _ctx.background : void 0,
         "element-loading-spinner": isCircle.value ? _ctx.spinner : void 0,
         "element-loading-svg-view-box": isCircle.value ? _ctx.svgViewBox : void 0,
-        class: vue.normalizeClass(["ele-loading", { "ele-loading-show": _ctx.loading }])
-      }, {
+        class: ["ele-loading", { "ele-loading-show": _ctx.loading }]
+      }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default"),
           !isCircle.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]) : vue.createCommentVNode("", true)
         ]),
         _: 3
-      }, 8, ["element-loading-text", "element-loading-background", "element-loading-spinner", "element-loading-svg-view-box", "class"])), [
+      }, 16, ["element-loading-text", "element-loading-background", "element-loading-spinner", "element-loading-svg-view-box", "class"])), [
         [vue.unref(elementPlus.vLoading), isCircle.value && _ctx.loading]
       ]);
     };

package/lib/ele-map-picker/index.d.ts

@@ -1,8 +1,6 @@
-import { Ref } from 'vue';
-import { default as MapView } from './components/map-view';
+import { EleMapPickerViewInstance } from '../ele-app/plusx';
 import { PoiItem, MapLocale } from './types';
 
-type MapViewInstance = InstanceType<typeof MapView> | null;
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: BooleanConstructor;
@@ -80,7 +78,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     selected: import('vue').PropType<PoiItem>;
     sideStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }>, {
-    mapRef: Ref<MapViewInstance, MapViewInstance>;
+    mapRef: import('vue').Ref<EleMapPickerViewInstance, EleMapPickerViewInstance>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     done: (_result: PoiItem) => void;
     open: () => void;

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

@@ -70,6 +70,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: () => Partial<import('element-plus').Options>;
     };
+    inputmode: {
+        readonly type: import('vue').PropType<"search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    name: StringConstructor;
     ariaLabel: StringConstructor;
     id: {
         readonly type: import('vue').PropType<string>;
@@ -219,6 +228,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     input: (value: string) => void;
     select: (option: import('element-plus').MentionOption, prefix: string) => void;
     "update:modelValue": (value: string) => void;
+    "whole-remove": (pattern: string, prefix: string) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     options: import('vue').PropType<MentionOption[] | import('./types').MentionOptionsFunction>;
     prefix: {
@@ -287,6 +297,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: () => Partial<import('element-plus').Options>;
     };
+    inputmode: {
+        readonly type: import('vue').PropType<"search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    name: StringConstructor;
     ariaLabel: StringConstructor;
     id: {
         readonly type: import('vue').PropType<string>;
@@ -433,28 +452,30 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onInput?: ((value: string) => any) | undefined;
     onSelect?: ((option: import('element-plus').MentionOption, prefix: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onWhole-remove"?: ((pattern: string, prefix: string) => any) | undefined;
 }>, {
     split: string;
     type: string;
     placement: "top" | "bottom";
     popperClass: string;
-    clearable: boolean;
-    disabled: boolean;
-    loading: boolean;
-    offset: number;
-    autofocus: boolean;
-    validateEvent: boolean;
-    popperOptions: Partial<import('element-plus').Options>;
+    inputmode: "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined;
     id: string;
-    tabindex: string | number;
+    disabled: boolean;
     autosize: import('element-plus').InputAutoSize;
     autocomplete: string;
     readonly: boolean;
+    clearable: boolean;
     showPassword: boolean;
     showWordLimit: boolean;
     containerRole: string;
+    tabindex: string | number;
+    validateEvent: boolean;
     inputStyle: import('vue').StyleValue;
+    autofocus: boolean;
     rows: number;
+    loading: boolean;
+    offset: number;
+    popperOptions: Partial<import('element-plus').Options>;
     prefix: string | string[];
     filterOption: false | ((pattern: string, option: import('element-plus').MentionOption) => boolean);
     showArrow: boolean;

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

@@ -74,6 +74,15 @@ export declare const mentionProps: {
     } & {
         readonly default: () => Partial<import('element-plus').Options>;
     };
+    inputmode: {
+        readonly type: PropType<"search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    name: StringConstructor;
     ariaLabel: StringConstructor;
     id: {
         readonly type: PropType<string>;

package/lib/ele-menus/types.d.ts

@@ -93,6 +93,8 @@ export interface MenuResult {
   items?: MenuItem[];
   /** 省略的菜单数据 */
   moreItems?: MenuItem[];
+  /** 选中的菜单路径 */
+  activeIndex?: string;
 }
 
 /**

package/lib/ele-menus/util.cjs

@@ -29,7 +29,7 @@ function getMenuItems(menus, index, horizontal) {
     return { ...d, group: false };
   });
   if (index == null || index < 0 || index >= data.length) {
-    return { items: data };
+    return { items: data, activeIndex: `/item${index}` };
   }
   const items = index === 0 ? [] : data.slice(0, index);
   const moreItems = index === 0 ? data : data.slice(index);

package/lib/ele-modal/index.cjs

@@ -2,6 +2,7 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const index = require("../icons/index");
+const common = require("../utils/common");
 const ReceiverView = require("../ele-config-provider/components/receiver-view");
 const util = require("../ele-pro-layout/util");
 const util$1 = require("./util");
@@ -12,75 +13,75 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: props.modalProps,
   emits: props.modalEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const props2 = __props;
+    const props$1 = __props;
     const emit = __emit;
     const layoutState = util.useLayoutState();
-    const isResponsive = util.useResponsive(props2);
+    const isResponsive = util.useResponsive(props$1);
     const dialogRef = vue.ref(null);
-    const isFullscreen = vue.ref(props2.fullscreen ?? false);
+    const isFullscreen = vue.ref(props$1.fullscreen ?? false);
     const isActivated = vue.ref(true);
     const dialogClass = vue.computed(() => {
       const classes = [util$1.wrapperClass];
-      if (props2.responsive ?? isResponsive.value ?? true) {
+      if (props$1.responsive ?? isResponsive.value ?? true) {
         classes.push("ele-modal-responsive");
       }
-      if (props2.alignCenter || props2.position === "center") {
+      if (props$1.alignCenter || props$1.position === "center") {
         classes.push("ele-modal-center");
-      } else if (props2.position === "top") {
+      } else if (props$1.position === "top") {
         classes.push("ele-modal-top");
-      } else if (props2.position === "bottom") {
+      } else if (props$1.position === "bottom") {
         classes.push("ele-modal-bottom");
-      } else if (props2.position === "left") {
+      } else if (props$1.position === "left") {
         classes.push("ele-modal-left");
-      } else if (props2.position === "right") {
+      } else if (props$1.position === "right") {
         classes.push("ele-modal-right");
-      } else if (props2.position === "leftTop") {
+      } else if (props$1.position === "leftTop") {
         classes.push("ele-modal-left-top");
-      } else if (props2.position === "leftBottom") {
+      } else if (props$1.position === "leftBottom") {
         classes.push("ele-modal-left-bottom");
-      } else if (props2.position === "rightTop") {
+      } else if (props$1.position === "rightTop") {
         classes.push("ele-modal-right-top");
-      } else if (props2.position === "rightBottom") {
+      } else if (props$1.position === "rightBottom") {
         classes.push("ele-modal-right-bottom");
       }
-      if (props2.draggable) {
+      if (props$1.draggable) {
         classes.push("ele-modal-movable");
       }
-      if (props2.resizable) {
+      if (props$1.resizable) {
         classes.push("ele-modal-resizable");
       }
-      if (props2.multiple) {
+      if (props$1.multiple) {
         classes.push("ele-modal-multiple");
       }
       if (isFullscreen.value) {
         classes.push("ele-modal-fullscreen");
       }
-      if (!props2.modelValue) {
+      if (!props$1.modelValue) {
         classes.push(util$1.closedClass);
       }
-      if (!isActivated.value && props2.modelValue) {
+      if (!isActivated.value && props$1.modelValue) {
         classes.push("ele-modal-hide");
       }
-      if (props2.inner) {
+      if (props$1.inner) {
         classes.push("ele-modal-inner");
       }
-      if (props2.modalClass) {
-        classes.push(props2.modalClass);
+      if (props$1.modalClass) {
+        classes.push(props$1.modalClass);
       }
       return classes.join(" ");
     });
     const teleportTo = vue.computed(() => {
       return util$1.getModalContainer(
-        props2.inner,
-        props2.multiple,
-        props2.appendTo,
+        props$1.inner,
+        props$1.multiple,
+        props$1.appendTo,
         layoutState.modalsEl
       );
     });
     const teleportDisabled = vue.computed(() => {
-      const appendTo = props2.appendTo || "body";
-      const disabled = appendTo === "body" ? !props2.appendToBody : false;
-      return props2.multiple || props2.inner ? false : disabled;
+      const appendTo = props$1.appendTo || "body";
+      const disabled = appendTo === "body" ? !props$1.appendToBody : false;
+      return props$1.multiple || props$1.inner ? false : disabled;
     });
     const {
       handleHeaderMousedown,
@@ -92,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       topModal,
       setInitPosition,
       resetModalStyle
-    } = util$1.useModalEvent(dialogRef, props2, isFullscreen);
+    } = util$1.useModalEvent(dialogRef, props$1, isFullscreen);
     const updateModelValue = (modelValue) => {
       emit("update:modelValue", modelValue);
     };
@@ -104,11 +105,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("update:fullscreen", isFullscreen.value);
     };
     const handleOpen = () => {
-      if (props2.resetOnClose || props2.destroyOnClose) {
-        isFullscreen.value = props2.fullscreen ?? false;
+      if (props$1.resetOnClose || props$1.destroyOnClose) {
+        isFullscreen.value = props$1.fullscreen ?? false;
       }
       vue.nextTick(() => {
-        if (props2.resetOnClose) {
+        if (props$1.resetOnClose) {
           resetModalStyle();
         } else {
           setInitPosition();
@@ -141,13 +142,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       dialogRef.value && dialogRef.value.handleClose();
     };
     vue.watch(
-      () => props2.fullscreen,
+      () => props$1.fullscreen,
       (fullscreen) => {
         isFullscreen.value = fullscreen ?? false;
       }
     );
     vue.onMounted(() => {
-      if (props2.modelValue) {
+      if (props$1.modelValue) {
         setInitPosition();
       }
     });
@@ -167,7 +168,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         to: teleportTo.value,
         disabled: teleportDisabled.value
       }, [
-        vue.createVNode(vue.unref(elementPlus.ElDialog), vue.mergeProps(_ctx.$attrs, {
+        vue.createVNode(vue.unref(elementPlus.ElDialog), vue.mergeProps({ ..._ctx.$attrs, ...vue.unref(common.pick)(_ctx.$props, vue.unref(props.dialogPropKeys)) }, {
           ref_key: "dialogRef",
           ref: dialogRef,
           modelValue: _ctx.modelValue,
@@ -283,7 +284,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ], 38)) : vue.createCommentVNode("", true)
           ]),
           default: vue.withCtx(() => [
-            vue.createVNode(ReceiverView, {
+            vue.createVNode(vue.unref(ReceiverView), {
               wrapPosition: false,
               class: vue.normalizeClass(["ele-modal-body", { "is-form": _ctx.form }, _ctx.modalBodyClass]),
               style: vue.normalizeStyle(_ctx.bodyStyle)

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

@@ -191,9 +191,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     close: () => void;
     open: () => void;
     "update:modelValue": (value: boolean) => void;
-    closed: () => void;
     "update:fullscreen": (_fullscreen: boolean) => void;
     opened: () => void;
+    closed: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -369,9 +369,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClosed?: (() => any) | undefined;
     "onUpdate:fullscreen"?: ((_fullscreen: boolean) => any) | undefined;
     onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
 }>, {
@@ -399,10 +399,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     multiple: boolean;
     minWidth: number;
     minHeight: number;
-    responsive: boolean;
-    inner: boolean;
     resetOnClose: boolean;
     maxable: boolean;
+    inner: 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/lib/ele-popconfirm/index.cjs

@@ -32,24 +32,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       options.popperClass = classes.join(" ");
       return options;
     });
-    const iconOptions = vue.computed(() => {
-      const options = props2.iconProps || {};
-      if (props2.iconColor) {
-        options.style = Object.assign({ color: props2.iconColor }, options.style);
-      }
-      const classes = ["ele-popconfirm-icon"];
-      if (options.class) {
-        if (Array.isArray(options.class)) {
-          options.class.forEach((c) => {
-            classes.push(c);
-          });
-        } else {
-          classes.push(options.class);
-        }
-      }
-      options.class = classes;
-      return options;
-    });
     const confirmText = vue.computed(() => {
       return props2.confirmButtonText || t("el.popconfirm.confirmButtonText");
     });
@@ -103,7 +85,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             style: vue.normalizeStyle(_ctx.bodyStyle)
           }, [
             vue.createElementVNode("div", _hoisted_1, [
-              !_ctx.hideIcon ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), vue.normalizeProps(vue.mergeProps({ key: 0 }, iconOptions.value)), {
+              !_ctx.hideIcon ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), vue.mergeProps({ key: 0 }, _ctx.iconProps || {}, {
+                style: _ctx.iconColor ? { color: _ctx.iconColor } : void 0,
+                class: "ele-popconfirm-icon"
+              }), {
                 default: vue.withCtx(() => [
                   _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), {
                     key: 0,
@@ -114,7 +99,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   }, null, 8, ["style"]))
                 ]),
                 _: 1
-              }, 16)) : vue.createCommentVNode("", true),
+              }, 16, ["style"])) : vue.createCommentVNode("", true),
               vue.createElementVNode("div", _hoisted_2, [
                 (_ctx.content || _ctx.$slots.content) && (_ctx.title || _ctx.$slots.title) ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 0,