@element-plus/nightly 0.0.20220101 → 0.0.20220105

package/es/components/popconfirm/src/popconfirm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.ts"],"sourcesContent":["import { buttonType } from '@element-plus/components/button'\nimport { QuestionFilled } from '@element-plus/icons-vue'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\n\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const popconfirmProps = buildProps({\n  title: {\n    type: String,\n  },\n  confirmButtonText: {\n    type: String,\n  },\n  cancelButtonText: {\n    type: String,\n  },\n  confirmButtonType: {\n    type: String,\n    values: buttonType,\n    default: 'primary',\n  },\n  cancelButtonType: {\n    type: String,\n    values: buttonType,\n    default: 'text',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: QuestionFilled as any,\n  },\n  iconColor: {\n    type: String,\n    default: '#f90',\n  },\n  hideIcon: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>\n\nexport const popconfirmEmits = {\n  confirm: () => true,\n  cancel: () => true,\n}\nexport type PopconfirmEmits = typeof popconfirmEmits\n"],"names":[],"mappings":";;;;;AAGY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,cAAc;AAC3B,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,OAAO,EAAE,MAAM,IAAI;AACrB,EAAE,MAAM,EAAE,MAAM,IAAI;AACpB;;;;"}
+{"version":3,"file":"popconfirm.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.ts"],"sourcesContent":["import { buttonType } from '@element-plus/components/button'\nimport { QuestionFilled } from '@element-plus/icons-vue'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\n\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const popconfirmProps = buildProps({\n  title: {\n    type: String,\n  },\n  confirmButtonText: {\n    type: String,\n  },\n  cancelButtonText: {\n    type: String,\n  },\n  confirmButtonType: {\n    type: String,\n    values: buttonType,\n    default: 'primary',\n  },\n  cancelButtonType: {\n    type: String,\n    values: buttonType,\n    default: 'text',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: QuestionFilled as any,\n  },\n  iconColor: {\n    type: String,\n    default: '#f90',\n  },\n  hideIcon: {\n    type: Boolean,\n    default: false,\n  },\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  onConfirm: {\n    type: definePropType<(e: Event) => Promise<boolean> | boolean>(Function),\n  },\n  onCancel: {\n    type: definePropType<(e: Event) => Promise<boolean> | boolean>(Function),\n  },\n} as const)\nexport type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>\n"],"names":[],"mappings":";;;;;AAGY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,UAAU;AACtB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,cAAc;AAC3B,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,CAAC;;;;"}

package/es/components/popconfirm/src/popconfirm.vue.d.ts

@@ -1,4 +1,3 @@
-import { Effect } from 'element-plus/es/components/popper';
 declare const _default: import("vue").DefineComponent<{
     readonly title: import("../../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     readonly confirmButtonText: import("../../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
@@ -8,17 +7,18 @@ declare const _default: import("vue").DefineComponent<{
     readonly icon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, any, unknown, unknown, unknown>;
     readonly iconColor: import("../../../utils/props").BuildPropReturn<StringConstructor, "#f90", unknown, unknown, unknown>;
     readonly hideIcon: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly hideAfter: import("../../../utils/props").BuildPropReturn<NumberConstructor, 200, unknown, unknown, unknown>;
+    readonly onConfirm: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<(e: Event) => boolean | Promise<boolean>>, unknown, unknown, unknown, unknown>;
+    readonly onCancel: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<(e: Event) => boolean | Promise<boolean>>, unknown, unknown, unknown, unknown>;
 }, {
-    Effect: typeof Effect;
-    visible: import("vue").Ref<boolean>;
     finalConfirmButtonText: import("vue").ComputedRef<string>;
     finalCancelButtonText: import("vue").ComputedRef<string>;
-    confirm: () => void;
-    cancel: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    confirm: () => boolean;
-    cancel: () => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    tooltipRef: import("vue").Ref<{
+        onClose: () => void;
+    } | undefined>;
+    confirm: (e: Event) => void;
+    cancel: (e: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly title?: unknown;
     readonly confirmButtonText?: unknown;
     readonly cancelButtonText?: unknown;
@@ -27,7 +27,11 @@ declare const _default: import("vue").DefineComponent<{
     readonly icon?: unknown;
     readonly iconColor?: unknown;
     readonly hideIcon?: unknown;
+    readonly hideAfter?: unknown;
+    readonly onConfirm?: unknown;
+    readonly onCancel?: unknown;
 } & {
+    hideAfter: number;
     confirmButtonType: import("../../../utils/props").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     cancelButtonType: import("../../../utils/props").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     iconColor: string;
@@ -37,17 +41,19 @@ declare const _default: import("vue").DefineComponent<{
     title?: string | undefined;
     confirmButtonText?: string | undefined;
     cancelButtonText?: string | undefined;
-}> & {
-    onCancel?: (() => any) | undefined;
-    onConfirm?: (() => any) | undefined;
-}, {
+    onConfirm?: ((e: Event) => boolean | Promise<boolean>) | undefined;
+    onCancel?: ((e: Event) => boolean | Promise<boolean>) | undefined;
+}>, {
     icon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     title: string;
+    hideAfter: number;
     confirmButtonText: string;
     cancelButtonText: string;
     confirmButtonType: import("../../../utils/props").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     cancelButtonType: import("../../../utils/props").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     iconColor: string;
     hideIcon: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    onConfirm: (e: Event) => boolean | Promise<boolean>;
+    onCancel: (e: Event) => boolean | Promise<boolean>;
 }>;
 export default _default;

package/es/components/popconfirm/src/popconfirm.vue_vue_type_script_lang.mjs

@@ -1,43 +1,45 @@
-import { defineComponent, ref, computed } from 'vue';
+import { defineComponent, ref, unref, computed } from 'vue';
 import { ElButton } from '../../button/index.mjs';
 import { ElIcon } from '../../icon/index.mjs';
-import _Popper from '../../popper/index.mjs';
+import { ElTooltip } from '../../tooltip/index.mjs';
 import '../../../hooks/index.mjs';
-import { popconfirmProps, popconfirmEmits } from './popconfirm.mjs';
+import { popconfirmProps } from './popconfirm.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { Effect } from '../../popper/src/use-popper/defaults.mjs';
 
 var script = defineComponent({
   name: "ElPopconfirm",
   components: {
     ElButton,
-    ElPopper: _Popper,
+    ElTooltip,
     ElIcon
   },
   props: popconfirmProps,
-  emits: popconfirmEmits,
-  setup(props, { emit }) {
+  setup(props) {
     const { t } = useLocale();
-    const visible = ref(false);
-    const confirm = () => {
-      if (visible.value) {
-        emit("confirm");
-      }
-      visible.value = false;
+    const tooltipRef = ref();
+    const hidePopper = () => {
+      var _a, _b;
+      (_b = (_a = unref(tooltipRef)) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
     };
-    const cancel = () => {
-      if (visible.value) {
-        emit("cancel");
-      }
-      visible.value = false;
+    const handleCallback = () => {
+      hidePopper();
+    };
+    const confirm = (e) => {
+      var _a;
+      (_a = props.onConfirm) == null ? void 0 : _a.call(props, e);
+      handleCallback();
+    };
+    const cancel = (e) => {
+      var _a;
+      (_a = props.onCancel) == null ? void 0 : _a.call(props, e);
+      handleCallback();
     };
     const finalConfirmButtonText = computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
     const finalCancelButtonText = computed(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
     return {
-      Effect,
-      visible,
       finalConfirmButtonText,
       finalCancelButtonText,
+      tooltipRef,
       confirm,
       cancel
     };

package/es/components/popconfirm/src/popconfirm.vue_vue_type_script_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <el-popper\n    v-model:visible=\"visible\"\n    trigger=\"click\"\n    :effect=\"Effect.LIGHT\"\n    popper-class=\"el-popover\"\n    append-to-body\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n  >\n    <div class=\"el-popconfirm\">\n      <div class=\"el-popconfirm__main\">\n        <el-icon\n          v-if=\"!hideIcon && icon\"\n          class=\"el-popconfirm__icon\"\n          :style=\"{ color: iconColor }\"\n        >\n          <component :is=\"icon\" />\n        </el-icon>\n        {{ title }}\n      </div>\n      <div class=\"el-popconfirm__action\">\n        <el-button size=\"small\" :type=\"cancelButtonType\" @click=\"cancel\">\n          {{ finalCancelButtonText }}\n        </el-button>\n        <el-button size=\"small\" :type=\"confirmButtonType\" @click=\"confirm\">\n          {{ finalConfirmButtonText }}\n        </el-button>\n      </div>\n    </div>\n    <template #trigger>\n      <slot name=\"reference\"></slot>\n    </template>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport { useLocale } from '@element-plus/hooks'\nimport { popconfirmProps, popconfirmEmits } from './popconfirm'\n\nexport default defineComponent({\n  name: 'ElPopconfirm',\n\n  components: {\n    ElButton,\n    ElPopper,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n  emits: popconfirmEmits,\n\n  setup(props, { emit }) {\n    const { t } = useLocale()\n    const visible = ref(false)\n    const confirm = () => {\n      if (visible.value) {\n        emit('confirm')\n      }\n      visible.value = false\n    }\n    const cancel = () => {\n      if (visible.value) {\n        emit('cancel')\n      }\n      visible.value = false\n    }\n    const finalConfirmButtonText = computed(\n      () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n    )\n    const finalCancelButtonText = computed(\n      () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n    )\n\n    return {\n      Effect,\n      visible,\n\n      finalConfirmButtonText,\n      finalCancelButtonText,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;AAyCA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU;IACR,QAAQ;;IAER,MAAM;;OAEH,EAAE;OACF,EAAE;EACP;;IAEE,MAAM,OAAO,GAAG,GAAG,CAAC;IACpB,MAAM,OAAO,GAAG;;QAEZ,IAAI,CAAC,SAAS,CAAC;OAChB;MACD,OAAO,CAAC,QAAQ,KAAK,CAAC;KACvB,CAAC;UACI,MAAM,GAAG,MAAM;UACf,OAAO,CAAC;;OAEX;;KAEF,CAAC;UACI;UACA;;MAEJ,MAAM;;MAEN,sBAAsB;MACtB,qBAAqB;;MAErB,MAAM;MACN;;;;;;"}
+{"version":3,"file":"popconfirm.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    v-bind=\"$attrs\"\n    trigger=\"click\"\n    effect=\"light\"\n    popper-class=\"el-popover\"\n    append-to-body\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :hide-after=\"hideAfter\"\n  >\n    <template #content>\n      <div class=\"el-popconfirm\">\n        <div class=\"el-popconfirm__main\">\n          <el-icon\n            v-if=\"!hideIcon && icon\"\n            class=\"el-popconfirm__icon\"\n            :style=\"{ color: iconColor }\"\n          >\n            <component :is=\"icon\" />\n          </el-icon>\n          {{ title }}\n        </div>\n        <div class=\"el-popconfirm__action\">\n          <el-button size=\"small\" :type=\"cancelButtonType\" @click=\"cancel\">\n            {{ finalCancelButtonText }}\n          </el-button>\n          <el-button size=\"small\" :type=\"confirmButtonType\" @click=\"confirm\">\n            {{ finalConfirmButtonText }}\n          </el-button>\n        </div>\n      </div>\n    </template>\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, unref } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useLocale } from '@element-plus/hooks'\nimport { popconfirmProps } from './popconfirm'\n\nexport default defineComponent({\n  name: 'ElPopconfirm',\n\n  components: {\n    ElButton,\n    ElTooltip,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n\n  setup(props) {\n    const { t } = useLocale()\n    const tooltipRef = ref<{ onClose: () => void }>()\n\n    const hidePopper = () => {\n      unref(tooltipRef)?.onClose?.()\n    }\n\n    const handleCallback = () => {\n      hidePopper()\n    }\n\n    const confirm = (e: Event) => {\n      props.onConfirm?.(e)\n      handleCallback()\n    }\n    const cancel = (e: Event) => {\n      props.onCancel?.(e)\n      handleCallback()\n    }\n\n    const finalConfirmButtonText = computed(\n      () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n    )\n    const finalCancelButtonText = computed(\n      () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n    )\n\n    return {\n      finalConfirmButtonText,\n      finalCancelButtonText,\n      tooltipRef,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;AA6CA,aAAe,eAAe;;AAE9B,EAAE,UAAU;IACR,QAAQ;;IAER,MAAM;;OAEH,EAAE;OACF,CAAC;;;IAGJ,MAAM,UAAU,GAAG;;MAEjB,CAAC,EAAE,GAAG,CAAC,EAAE;KACV,CAAC;IACF,MAAM,cAAc,GAAG,MAAM;;KAE5B,CAAC;UACI,OAAO,GAAG,CAAC,CAAC,KAAK;;;MAGrB,cAAc,EAAE,CAAC;MACjB;IACF;;MAEE,CAAC,KAAK,MAAM,QAAQ,KAAK;MACzB,cAAc,EAAE,CAAC;MACjB;IACF;IACA,MAAM,qBAAqB;WACpB;MACL;;;MAGA,OAAO;MACP,MAAM;;;;;;;"}

package/es/components/popconfirm/src/popconfirm.vue_vue_type_template_id_16409d25_lang.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, normalizeStyle, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode } from 'vue';
+import { resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeStyle, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, renderSlot } from 'vue';
 
 const _hoisted_1 = { class: "el-popconfirm" };
 const _hoisted_2 = { class: "el-popconfirm__main" };
@@ -6,20 +6,16 @@ const _hoisted_3 = { class: "el-popconfirm__action" };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_button = resolveComponent("el-button");
-  const _component_el_popper = resolveComponent("el-popper");
-  return openBlock(), createBlock(_component_el_popper, {
-    visible: _ctx.visible,
-    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.visible = $event),
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  return openBlock(), createBlock(_component_el_tooltip, mergeProps({ ref: "tooltipRef" }, _ctx.$attrs, {
     trigger: "click",
-    effect: _ctx.Effect.LIGHT,
+    effect: "light",
     "popper-class": "el-popover",
     "append-to-body": "",
-    "fallback-placements": ["bottom", "top", "right", "left"]
-  }, {
-    trigger: withCtx(() => [
-      renderSlot(_ctx.$slots, "reference")
-    ]),
-    default: withCtx(() => [
+    "fallback-placements": ["bottom", "top", "right", "left"],
+    "hide-after": _ctx.hideAfter
+  }), {
+    content: withCtx(() => [
       createElementVNode("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           !_ctx.hideIcon && _ctx.icon ? (openBlock(), createBlock(_component_el_icon, {
@@ -58,8 +54,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ])
     ]),
+    default: withCtx(() => [
+      _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
+    ]),
     _: 3
-  }, 8, ["visible", "effect"]);
+  }, 16, ["hide-after"]);
 }
 
 export { render };

package/es/components/popconfirm/src/popconfirm.vue_vue_type_template_id_16409d25_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.vue_vue_type_template_id_16409d25_lang.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue?vue&type=template&id=16409d25&lang.js"],"sourcesContent":["<template>\n  <el-popper\n    v-model:visible=\"visible\"\n    trigger=\"click\"\n    :effect=\"Effect.LIGHT\"\n    popper-class=\"el-popover\"\n    append-to-body\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n  >\n    <div class=\"el-popconfirm\">\n      <div class=\"el-popconfirm__main\">\n        <el-icon\n          v-if=\"!hideIcon && icon\"\n          class=\"el-popconfirm__icon\"\n          :style=\"{ color: iconColor }\"\n        >\n          <component :is=\"icon\" />\n        </el-icon>\n        {{ title }}\n      </div>\n      <div class=\"el-popconfirm__action\">\n        <el-button size=\"small\" :type=\"cancelButtonType\" @click=\"cancel\">\n          {{ finalCancelButtonText }}\n        </el-button>\n        <el-button size=\"small\" :type=\"confirmButtonType\" @click=\"confirm\">\n          {{ finalConfirmButtonText }}\n        </el-button>\n      </div>\n    </div>\n    <template #trigger>\n      <slot name=\"reference\"></slot>\n    </template>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport { useLocale } from '@element-plus/hooks'\nimport { popconfirmProps, popconfirmEmits } from './popconfirm'\n\nexport default defineComponent({\n  name: 'ElPopconfirm',\n\n  components: {\n    ElButton,\n    ElPopper,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n  emits: popconfirmEmits,\n\n  setup(props, { emit }) {\n    const { t } = useLocale()\n    const visible = ref(false)\n    const confirm = () => {\n      if (visible.value) {\n        emit('confirm')\n      }\n      visible.value = false\n    }\n    const cancel = () => {\n      if (visible.value) {\n        emit('cancel')\n      }\n      visible.value = false\n    }\n    const finalConfirmButtonText = computed(\n      () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n    )\n    const finalCancelButtonText = computed(\n      () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n    )\n\n    return {\n      Effect,\n      visible,\n\n      finalConfirmButtonText,\n      finalCancelButtonText,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":["_createElementVNode","_toDisplayString"],"mappings":";;;qBASS,KAAK,EAAC;qBACJ,KAAK,EAAC;4CAUuB;;;;;;;;IAlB5B;;IACR;IACC;;IAED,iBAAA;;;IAuBW,OAAO,UAChB;MAAAA;;;;;YAlBW;;;;;;;gCAIPC;;;;;;;;;;;YAKgD;;;;;;;;;;YAGC;;;;;;;;;;;"}
+{"version":3,"file":"popconfirm.vue_vue_type_template_id_16409d25_lang.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue?vue&type=template&id=16409d25&lang.js"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    v-bind=\"$attrs\"\n    trigger=\"click\"\n    effect=\"light\"\n    popper-class=\"el-popover\"\n    append-to-body\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :hide-after=\"hideAfter\"\n  >\n    <template #content>\n      <div class=\"el-popconfirm\">\n        <div class=\"el-popconfirm__main\">\n          <el-icon\n            v-if=\"!hideIcon && icon\"\n            class=\"el-popconfirm__icon\"\n            :style=\"{ color: iconColor }\"\n          >\n            <component :is=\"icon\" />\n          </el-icon>\n          {{ title }}\n        </div>\n        <div class=\"el-popconfirm__action\">\n          <el-button size=\"small\" :type=\"cancelButtonType\" @click=\"cancel\">\n            {{ finalCancelButtonText }}\n          </el-button>\n          <el-button size=\"small\" :type=\"confirmButtonType\" @click=\"confirm\">\n            {{ finalConfirmButtonText }}\n          </el-button>\n        </div>\n      </div>\n    </template>\n    <template v-if=\"$slots.reference\">\n      <slot name=\"reference\" />\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, unref } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { useLocale } from '@element-plus/hooks'\nimport { popconfirmProps } from './popconfirm'\n\nexport default defineComponent({\n  name: 'ElPopconfirm',\n\n  components: {\n    ElButton,\n    ElTooltip,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n\n  setup(props) {\n    const { t } = useLocale()\n    const tooltipRef = ref<{ onClose: () => void }>()\n\n    const hidePopper = () => {\n      unref(tooltipRef)?.onClose?.()\n    }\n\n    const handleCallback = () => {\n      hidePopper()\n    }\n\n    const confirm = (e: Event) => {\n      props.onConfirm?.(e)\n      handleCallback()\n    }\n    const cancel = (e: Event) => {\n      props.onCancel?.(e)\n      handleCallback()\n    }\n\n    const finalConfirmButtonText = computed(\n      () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n    )\n    const finalCancelButtonText = computed(\n      () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n    )\n\n    return {\n      finalConfirmButtonText,\n      finalCancelButtonText,\n      tooltipRef,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":["_toDisplayString"],"mappings":";;;qBAYW,KAAK,EAAC;qBACJ,KAAK,EAAC;4CAUuB;;;;;;;;IAnBtC;IACA;IACA,cAAY;IACZ;IACC;;;WAGiB;;;YAIH;;;;;;;gCAIPA;;;;;;;;;;;YAKgD;;;;;;;;;;YAGC;;;;;;;;;;;;;;"}