init

node_modules/element-plus/es/components/popconfirm/src/popconfirm2.mjs

@@ -0,0 +1,142 @@
+import { defineComponent, ref, computed, unref, openBlock, createBlock, mergeProps, withCtx, createVNode, createElementVNode, normalizeClass, normalizeStyle, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, renderSlot } from 'vue';
+import { ElButton } from '../../button/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { ElTooltip } from '../../tooltip/index.mjs';
+import { popconfirmProps, popconfirmEmits } from './popconfirm.mjs';
+import ElFocusTrap from '../../focus-trap/src/focus-trap.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { addUnit } from '../../../utils/dom/style.mjs';
+
+const __default__ = defineComponent({
+  name: "ElPopconfirm"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: popconfirmProps,
+  emits: popconfirmEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const { t } = useLocale();
+    const ns = useNamespace("popconfirm");
+    const tooltipRef = ref();
+    const popperRef = computed(() => {
+      var _a;
+      return (_a = unref(tooltipRef)) == null ? void 0 : _a.popperRef;
+    });
+    const hidePopper = () => {
+      var _a, _b;
+      (_b = (_a = tooltipRef.value) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
+    };
+    const style = computed(() => {
+      return {
+        width: addUnit(props.width)
+      };
+    });
+    const confirm = (e) => {
+      emit("confirm", e);
+      hidePopper();
+    };
+    const cancel = (e) => {
+      emit("cancel", e);
+      hidePopper();
+    };
+    const onCloseRequested = (event) => {
+      if (props.closeOnPressEscape) {
+        cancel(event);
+      }
+    };
+    const finalConfirmButtonText = computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
+    const finalCancelButtonText = computed(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
+    expose({
+      popperRef,
+      hide: hidePopper
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElTooltip), mergeProps({
+        ref_key: "tooltipRef",
+        ref: tooltipRef,
+        trigger: "click",
+        effect: _ctx.effect
+      }, _ctx.$attrs, {
+        "popper-class": `${unref(ns).namespace.value}-popover`,
+        "popper-style": unref(style),
+        teleported: _ctx.teleported,
+        "fallback-placements": ["bottom", "top", "right", "left"],
+        "hide-after": _ctx.hideAfter,
+        persistent: _ctx.persistent
+      }), {
+        content: withCtx(() => [
+          createVNode(unref(ElFocusTrap), {
+            loop: "",
+            trapped: "",
+            onReleaseRequested: onCloseRequested
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(unref(ns).b())
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(unref(ns).e("main"))
+                }, [
+                  !_ctx.hideIcon && _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
+                    key: 0,
+                    class: normalizeClass(unref(ns).e("icon")),
+                    style: normalizeStyle({ color: _ctx.iconColor })
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+                    ]),
+                    _: 1
+                  }, 8, ["class", "style"])) : createCommentVNode("v-if", true),
+                  createTextVNode(" " + toDisplayString(_ctx.title), 1)
+                ], 2),
+                createElementVNode("div", {
+                  class: normalizeClass(unref(ns).e("action"))
+                }, [
+                  renderSlot(_ctx.$slots, "actions", {
+                    confirm,
+                    cancel
+                  }, () => [
+                    createVNode(unref(ElButton), {
+                      size: "small",
+                      type: _ctx.cancelButtonType === "text" ? "" : _ctx.cancelButtonType,
+                      text: _ctx.cancelButtonType === "text",
+                      onClick: cancel
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(finalCancelButtonText)), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["type", "text"]),
+                    createVNode(unref(ElButton), {
+                      size: "small",
+                      type: _ctx.confirmButtonType === "text" ? "" : _ctx.confirmButtonType,
+                      text: _ctx.confirmButtonType === "text",
+                      onClick: confirm
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(finalConfirmButtonText)), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["type", "text"])
+                  ])
+                ], 2)
+              ], 2)
+            ]),
+            _: 3
+          })
+        ]),
+        default: withCtx(() => [
+          _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 16, ["effect", "popper-class", "popper-style", "teleported", "hide-after", "persistent"]);
+    };
+  }
+});
+var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "popconfirm.vue"]]);
+
+export { Popconfirm as default };
+//# sourceMappingURL=popconfirm2.mjs.map