ele-admin-plus 1.0.2 → 1.1.0

package/lib/ele-popconfirm/index.js

@@ -0,0 +1,224 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const iconsVue = require("@element-plus/icons-vue");
+const receiver = require("../ele-config-provider/receiver");
+const core = require("../utils/core");
+const ElePopover = require("../ele-popover/index");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "ElePopconfirm",
+  components: { QuestionFilled: iconsVue.QuestionFilled, ElIcon: elementPlus.ElIcon, ElePopover },
+  props: props.popconfirmProps,
+  emits: props.popconfirmEmits,
+  setup(props2, { emit }) {
+    const { t } = elementPlus.useLocale();
+    const { authenticated } = receiver.useLicense();
+    const popoverRef = vue.ref();
+    const rootProps = vue.computed(() => {
+      const options = core.omit(props2, [
+        "title",
+        "content",
+        "titleStyle",
+        "contentStyle",
+        "confirmButtonText",
+        "cancelButtonText",
+        "confirmButtonType",
+        "cancelButtonType",
+        "icon",
+        "iconColor",
+        "hideIcon",
+        "hideConfirmButton",
+        "hideCancelButton",
+        "iconStyle",
+        "iconProps",
+        "confirmButtonProps",
+        "cancelButtonProps",
+        "footerStyle",
+        "onUpdate:visible",
+        "onBefore-enter",
+        "onBefore-leave",
+        "onAfter-enter",
+        "onAfter-leave"
+      ]);
+      if (authenticated.value) {
+        const classes = ["ele-popconfirm"];
+        if (typeof props2.popperClass === "string" && props2.popperClass) {
+          classes.push(props2.popperClass);
+        }
+        options.popperClass = classes.join(" ");
+      }
+      return options;
+    });
+    const elIconProps = 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) {
+        classes.push(options.class);
+      }
+      options.class = classes.join(" ");
+      return options;
+    });
+    const confirmText = vue.computed(() => {
+      return props2.confirmButtonText || t("el.popconfirm.confirmButtonText");
+    });
+    const cancelText = vue.computed(() => {
+      return props2.cancelButtonText || t("el.popconfirm.cancelButtonText");
+    });
+    const hidePopper = () => {
+      if (authenticated.value) {
+        popoverRef.value && popoverRef.value.hide();
+      }
+    };
+    const confirm = (e) => {
+      if (authenticated.value) {
+        hidePopper();
+        emit("confirm", e);
+      }
+    };
+    const cancel = (e) => {
+      if (authenticated.value) {
+        hidePopper();
+        emit("cancel", e);
+      }
+    };
+    const onUpdateVisible = (visible) => {
+      emit("update:visible", visible);
+    };
+    const onPopBeforeEnter = () => {
+      emit("before-enter");
+    };
+    const onPopBeforeLeave = () => {
+      emit("before-leave");
+    };
+    const onPopAfterEnter = () => {
+      emit("after-enter");
+    };
+    const onPopAfterLeave = () => {
+      emit("after-leave");
+    };
+    return {
+      popoverRef,
+      rootProps,
+      elIconProps,
+      confirmText,
+      cancelText,
+      confirm,
+      cancel,
+      onUpdateVisible,
+      onPopBeforeEnter,
+      onPopBeforeLeave,
+      onPopAfterEnter,
+      onPopAfterLeave
+    };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-popconfirm-main" };
+const _hoisted_2 = { class: "ele-popconfirm-body" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_QuestionFilled = vue.resolveComponent("QuestionFilled");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_ElButton = vue.resolveComponent("ElButton");
+  const _component_ElePopover = vue.resolveComponent("ElePopover");
+  return vue.openBlock(), vue.createBlock(_component_ElePopover, vue.mergeProps(_ctx.rootProps, {
+    ref: "popoverRef",
+    "onUpdate:visible": _ctx.onUpdateVisible,
+    onBeforeEnter: _ctx.onPopBeforeEnter,
+    onBeforeLeave: _ctx.onPopBeforeLeave,
+    onAfterEnter: _ctx.onPopAfterEnter,
+    onAfterLeave: _ctx.onPopAfterLeave
+  }), vue.createSlots({
+    body: vue.withCtx(() => [
+      vue.createElementVNode("div", _hoisted_1, [
+        !_ctx.hideIcon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.elIconProps)), {
+          default: vue.withCtx(() => [
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), {
+              key: 0,
+              style: vue.normalizeStyle(_ctx.iconStyle)
+            }, null, 8, ["style"])) : (vue.openBlock(), vue.createBlock(_component_QuestionFilled, {
+              key: 1,
+              style: vue.normalizeStyle(_ctx.iconStyle)
+            }, null, 8, ["style"]))
+          ]),
+          _: 1
+        }, 16)) : 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,
+            class: "ele-popconfirm-title",
+            style: vue.normalizeStyle(_ctx.titleStyle)
+          }, [
+            vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+            ])
+          ], 4)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", {
+            class: "ele-popconfirm-content",
+            style: vue.normalizeStyle(_ctx.contentStyle)
+          }, [
+            vue.renderSlot(_ctx.$slots, "content", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.content || _ctx.title), 1)
+            ])
+          ], 4)
+        ])
+      ]),
+      vue.createElementVNode("div", {
+        class: "ele-popconfirm-action",
+        style: vue.normalizeStyle(_ctx.footerStyle)
+      }, [
+        vue.renderSlot(_ctx.$slots, "action", {
+          cancel: _ctx.cancel,
+          confirm: _ctx.confirm,
+          cancelText: _ctx.cancelText,
+          confirmText: _ctx.confirmText
+        }),
+        !_ctx.hideCancelButton ? (vue.openBlock(), vue.createBlock(_component_ElButton, vue.mergeProps({
+          key: 0,
+          size: "small",
+          type: _ctx.cancelButtonType === "text" ? void 0 : _ctx.cancelButtonType,
+          text: _ctx.cancelButtonType === "text"
+        }, _ctx.cancelButtonProps || {}, { onClick: _ctx.cancel }), {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.cancelText), 1)
+          ]),
+          _: 1
+        }, 16, ["type", "text", "onClick"])) : vue.createCommentVNode("", true),
+        !_ctx.hideConfirmButton ? (vue.openBlock(), vue.createBlock(_component_ElButton, vue.mergeProps({
+          key: 1,
+          size: "small",
+          type: _ctx.confirmButtonType === "text" ? void 0 : _ctx.confirmButtonType,
+          text: _ctx.confirmButtonType === "text"
+        }, _ctx.confirmButtonProps || {}, { onClick: _ctx.confirm }), {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.confirmText), 1)
+          ]),
+          _: 1
+        }, 16, ["type", "text", "onClick"])) : vue.createCommentVNode("", true)
+      ], 4)
+    ]),
+    _: 2
+  }, [
+    _ctx.$slots.reference ? {
+      name: "reference",
+      fn: vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "reference")
+      ]),
+      key: "0"
+    } : void 0
+  ]), 1040, ["onUpdate:visible", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

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

@@ -0,0 +1,187 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { StyleValue, ElIconProps, ElButtonProps } from '../ele-app/types';
+/**
+ * 属性
+ */
+export declare const popconfirmProps: {
+    trigger: {
+        type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown>>;
+        default: string;
+    };
+    confirmButtonText: StringConstructor;
+    cancelButtonText: StringConstructor;
+    confirmButtonType: {
+        type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown> | undefined>;
+        default: string;
+    };
+    cancelButtonType: {
+        type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown> | undefined>;
+        default: string;
+    };
+    icon: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown> | undefined>;
+    iconColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideIcon: BooleanConstructor;
+    hideConfirmButton: BooleanConstructor;
+    hideCancelButton: BooleanConstructor;
+    iconStyle: PropType<StyleValue>;
+    iconProps: PropType<ElIconProps>;
+    confirmButtonProps: PropType<ElButtonProps>;
+    cancelButtonProps: PropType<ElButtonProps>;
+    footerStyle: PropType<StyleValue>;
+    bodyClass: StringConstructor;
+    bodyStyle: PropType<StyleValue>;
+    titleStyle: PropType<StyleValue>;
+    contentStyle: PropType<StyleValue>;
+    placement: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown, "bottom", boolean>;
+    disabled: BooleanConstructor;
+    visible: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
+    transition: StringConstructor;
+    popperOptions: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>) | ((new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>))[], unknown, unknown, () => {}, boolean>;
+    tabindex: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+    content: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    popperStyle: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    popperClass: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => 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;
+        })[])[])[])[])[])[])[])[])[])[]) | (() => 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;
+        })[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => 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;
+        })[])[])[])[])[])[])[])[])[])[]) | (() => 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;
+        })[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    enterable: {
+        readonly default: true;
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+    };
+    effect: {
+        readonly default: "light";
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+    };
+    teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    title: StringConstructor;
+    width: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
+    offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
+    showAfter: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    hideAfter: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
+    autoClose: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    persistent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    'onUpdate:visible': {
+        readonly type: PropType<(visible: boolean) => void>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>;
+/**
+ * 事件
+ */
+export declare const popconfirmEmits: {
+    confirm: (_e: MouseEvent) => boolean;
+    cancel: (_e: MouseEvent) => boolean;
+    'update:visible': (value: boolean) => boolean;
+    'before-enter': () => boolean;
+    'before-leave': () => boolean;
+    'after-enter': () => boolean;
+    'after-leave': () => boolean;
+};

package/lib/ele-popconfirm/props.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const elementPlus = require("element-plus");
+const props = require("../ele-popover/props");
+const popconfirmProps = {
+  ...props.popoverProps,
+  trigger: {
+    type: String,
+    default: "click"
+  },
+  // 确认按钮文字
+  confirmButtonText: String,
+  // 取消按钮文字
+  cancelButtonText: String,
+  // 确认按钮类型
+  confirmButtonType: {
+    type: String,
+    default: "primary"
+  },
+  // 取消按钮类型
+  cancelButtonType: {
+    type: String,
+    default: "text"
+  },
+  // 自定义图标
+  icon: [String, Object, Function],
+  // 图标颜色
+  iconColor: {
+    type: String,
+    default: "#f90"
+  },
+  // 是否隐藏图标
+  hideIcon: Boolean,
+  // 是否隐藏确认按钮
+  hideConfirmButton: Boolean,
+  // 是否隐藏取消按钮
+  hideCancelButton: Boolean,
+  // 图标样式
+  iconStyle: Object,
+  // 图标组件属性
+  iconProps: Object,
+  // 确认按钮组件属性
+  confirmButtonProps: Object,
+  // 取消按钮组件属性
+  cancelButtonProps: Object,
+  // 底栏样式
+  footerStyle: Object
+};
+const popconfirmEmits = {
+  ...elementPlus.popoverEmits,
+  confirm: (_e) => true,
+  cancel: (_e) => true
+};
+exports.popconfirmEmits = popconfirmEmits;
+exports.popconfirmProps = popconfirmProps;

package/lib/ele-popconfirm/style/css-var.scss

@@ -0,0 +1,7 @@
+@use '../../style/util.scss' as *;
+
+@mixin set-popconfirm-var($var) {
+  .ele-popconfirm {
+    @include set-ele-var('popconfirm', $var);
+  }
+}

package/lib/ele-popconfirm/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+require("../../ele-popover/style/index");
+require("./index.scss");

package/lib/ele-popconfirm/style/index.scss

@@ -0,0 +1,41 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-popconfirm-var($ele);
+
+.ele-popconfirm > .ele-popover-body {
+  padding: eleVar('popconfirm', 'padding');
+}
+
+.ele-popconfirm-main {
+  display: flex;
+}
+
+.ele-popconfirm-icon {
+  flex-shrink: 0;
+  font-size: eleVar('popconfirm', 'icon-font-size');
+  margin: eleVar('popconfirm', 'icon-margin');
+}
+
+.ele-popconfirm-body {
+  flex: 1;
+}
+
+.ele-popconfirm-title {
+  color: eleVar('popconfirm', 'title-color');
+  font-size: eleVar('popconfirm', 'title-font-size');
+  font-weight: eleVar('popconfirm', 'title-font-weight');
+  margin-bottom: eleVar('popconfirm', 'title-margin');
+}
+
+.ele-popconfirm-action {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-top: eleVar('popconfirm', 'action-margin');
+
+  .el-button + .el-button {
+    margin-left: eleVar('popconfirm', 'action-space');
+  }
+}