ele-admin-plus 1.1.4-beta.3 → 1.1.5-beta.1

package/lib/ele-popconfirm/index.js

@@ -2,23 +2,23 @@
 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 EleTooltip = require("../ele-tooltip/index");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "ElePopconfirm",
-  components: { QuestionFilled: iconsVue.QuestionFilled, ElIcon: elementPlus.ElIcon, ElButton: elementPlus.ElButton, ElePopover },
+  components: { QuestionFilled: iconsVue.QuestionFilled, ElIcon: elementPlus.ElIcon, ElButton: elementPlus.ElButton, EleTooltip },
   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 tooltipRef = vue.ref(null);
+    const tooltipProps = vue.computed(() => {
       const options = core.omit(props2, [
         "title",
         "content",
+        "bodyClass",
+        "bodyStyle",
         "titleStyle",
         "contentStyle",
         "confirmButtonText",
@@ -41,16 +41,16 @@ const _sfc_main = vue.defineComponent({
         "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(" ");
+      options.ariaLabel = props2.title;
+      options.gpuAcceleration = props2.transition === "el-fade-in-linear";
+      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 iconOptions = vue.computed(() => {
       const options = props2.iconProps || {};
       if (props2.iconColor) {
         options.style = Object.assign(
@@ -78,21 +78,15 @@ const _sfc_main = vue.defineComponent({
       return props2.cancelButtonText || t("el.popconfirm.cancelButtonText");
     });
     const hidePopper = () => {
-      if (authenticated.value) {
-        popoverRef.value && popoverRef.value.hide();
-      }
+      tooltipRef.value && tooltipRef.value.hide();
     };
     const confirm = (e) => {
-      if (authenticated.value) {
-        hidePopper();
-        emit("confirm", e);
-      }
+      hidePopper();
+      emit("confirm", e);
     };
     const cancel = (e) => {
-      if (authenticated.value) {
-        hidePopper();
-        emit("cancel", e);
-      }
+      hidePopper();
+      emit("cancel", e);
     };
     const onUpdateVisible = (visible) => {
       emit("update:visible", visible);
@@ -110,11 +104,12 @@ const _sfc_main = vue.defineComponent({
       emit("after-leave");
     };
     return {
-      popoverRef,
-      rootProps,
-      elIconProps,
+      tooltipRef,
+      tooltipProps,
+      iconOptions,
       confirmText,
       cancelText,
+      hidePopper,
       confirm,
       cancel,
       onUpdateVisible,
@@ -138,93 +133,94 @@ 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",
+  const _component_EleTooltip = vue.resolveComponent("EleTooltip");
+  return vue.openBlock(), vue.createBlock(_component_EleTooltip, vue.mergeProps({ tabindex: _ctx.tabindex }, _ctx.tooltipProps, {
+    ref: "tooltipRef",
+    isPopover: true,
     "onUpdate:visible": _ctx.onUpdateVisible,
-    onBeforeEnter: _ctx.onPopBeforeEnter,
-    onBeforeLeave: _ctx.onPopBeforeLeave,
-    onAfterEnter: _ctx.onPopAfterEnter,
-    onAfterLeave: _ctx.onPopAfterLeave
-  }), vue.createSlots({
+    onBeforeShow: _ctx.onPopBeforeEnter,
+    onBeforeHide: _ctx.onPopBeforeLeave,
+    onShow: _ctx.onPopAfterEnter,
+    onHide: _ctx.onPopAfterLeave
+  }), {
     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)
+        class: vue.normalizeClass(["ele-popover-body", _ctx.bodyClass]),
+        style: vue.normalizeStyle(_ctx.bodyStyle)
       }, [
-        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)
+        vue.createElementVNode("div", _hoisted_1, [
+          !_ctx.hideIcon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.iconOptions)), {
+            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)
+      ], 6)
+    ]),
+    default: vue.withCtx(() => [
+      _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("", true)
     ]),
-    _: 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"]);
+    _: 3
+  }, 16, ["tabindex", "onUpdate:visible", "onBeforeShow", "onBeforeHide", "onShow", "onHide"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;

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

@@ -8,29 +8,47 @@ export declare const popconfirmProps: {
         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<Partial<import("vue").CSSProperties>>;
+    /** 图标组件属性 */
     iconProps: PropType<ElIconProps>;
+    /** 确认按钮组件属性 */
     confirmButtonProps: PropType<ElButtonProps>;
+    /** 取消按钮组件属性 */
     cancelButtonProps: PropType<ElButtonProps>;
+    /** 底栏样式 */
     footerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
     bodyClass: StringConstructor;
     bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
     titleStyle: PropType<Partial<import("vue").CSSProperties>>;
@@ -49,7 +67,6 @@ export declare const popconfirmProps: {
     disabled: BooleanConstructor;
     teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     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;
     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>>;
@@ -72,6 +89,93 @@ export declare const popconfirmProps: {
     showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     persistent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     popperClass: StringConstructor;
+    bg: StringConstructor;
+    arrowBg: StringConstructor;
+    isPopover: BooleanConstructor;
+    id: StringConstructor;
+    role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "menu" | "group" | "listbox" | "grid" | "tooltip" | "dialog" | "navigation" | "tree", unknown, "tooltip", boolean>;
+    strategy: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+    arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
+    triggerKeys: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+    virtualRef: {
+        readonly type: PropType<import("element-plus").Measurable>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    virtualTriggering: BooleanConstructor;
+    onMouseenter: {
+        readonly type: PropType<(e: Event) => void>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    onMouseleave: {
+        readonly type: PropType<(e: Event) => void>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    onClick: {
+        readonly type: PropType<(e: Event) => void>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    onKeydown: {
+        readonly type: PropType<(e: Event) => void>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    onFocus: {
+        readonly type: PropType<(e: Event) => void>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    onBlur: {
+        readonly type: PropType<(e: Event) => void>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    onContextmenu: {
+        readonly type: PropType<(e: Event) => void>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    open: BooleanConstructor;
+    appendTo: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rawContent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    ariaLabel: StringConstructor;
+    pure: BooleanConstructor;
+    focusOnShow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    trapping: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    referenceEl: {
+        readonly type: PropType<HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    triggerTargetEl: {
+        readonly type: PropType<HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    stopPopperMouseEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zIndex: NumberConstructor;
+    boundariesPadding: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    fallbackPlacements: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").Placement[]) | (() => import("element-plus").Placement[]) | ((new (...args: any[]) => import("element-plus").Placement[]) | (() => import("element-plus").Placement[]))[], unknown, unknown, undefined, boolean>;
+    gpuAcceleration: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    className: StringConstructor;
 };
 export type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>;
 /**

package/lib/ele-popconfirm/props.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const elementPlus = require("element-plus");
 const props = require("../ele-popover/props");
 const popconfirmProps = {
   ...props.popoverProps,
@@ -8,46 +7,46 @@ const popconfirmProps = {
     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,
+  ...props.popoverEmits,
   confirm: (_e) => true,
   cancel: (_e) => true
 };

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

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 气泡确认框主题变量 */
 @mixin set-popconfirm-var($var) {
   .ele-popconfirm {
     @include set-ele-var('popconfirm', $var);