element-plus-secondary 0.1.4 → 0.1.5

package/lib/components/popconfirm/src/popconfirm.js

@@ -2,120 +2,58 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$4 = require('../../button/index.js');
-var index$3 = require('../../icon/index.js');
-var index$2 = require('../../tooltip/index.js');
-require('../../../hooks/index.js');
+require('../../button/index.js');
+var iconsVue = require('@element-plus/icons-vue');
 require('../../../utils/index.js');
-var popconfirm = require('./popconfirm2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-locale/index.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
-var style = require('../../../utils/dom/style.js');
+require('../../tooltip/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var button = require('../../button/src/button2.js');
+var icon = require('../../../utils/vue/icon.js');
+var content = require('../../tooltip/src/content2.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElPopconfirm"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: popconfirm.popconfirmProps,
-  setup(__props) {
-    const props = __props;
-    const { t } = index.useLocale();
-    const ns = index$1.useNamespace("popconfirm");
-    const tooltipRef = vue.ref();
-    const hidePopper = () => {
-      var _a, _b;
-      (_b = (_a = tooltipRef.value) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
-    };
-    const style$1 = vue.computed(() => {
-      return {
-        width: style.addUnit(props.width)
-      };
-    });
-    const confirm = (e) => {
-      var _a;
-      (_a = props.onConfirm) == null ? void 0 : _a.call(props, e);
-      hidePopper();
-    };
-    const cancel = (e) => {
-      var _a;
-      (_a = props.onCancel) == null ? void 0 : _a.call(props, e);
-      hidePopper();
-    };
-    const finalConfirmButtonText = vue.computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
-    const finalCancelButtonText = vue.computed(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElTooltip), vue.mergeProps({
-        ref_key: "tooltipRef",
-        ref: tooltipRef,
-        trigger: "click",
-        effect: "light"
-      }, _ctx.$attrs, {
-        "popper-class": `${vue.unref(ns).namespace.value}-popover`,
-        "popper-style": vue.unref(style$1),
-        teleported: _ctx.teleported,
-        "fallback-placements": ["bottom", "top", "right", "left"],
-        "hide-after": _ctx.hideAfter,
-        persistent: _ctx.persistent
-      }), {
-        content: vue.withCtx(() => [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).b())
-          }, [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).e("main"))
-            }, [
-              !_ctx.hideIcon && _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElIcon), {
-                key: 0,
-                class: vue.normalizeClass(vue.unref(ns).e("icon")),
-                style: vue.normalizeStyle({ color: _ctx.iconColor })
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-                ]),
-                _: 1
-              }, 8, ["class", "style"])) : vue.createCommentVNode("v-if", true),
-              vue.createTextVNode(" " + vue.toDisplayString(_ctx.title), 1)
-            ], 2),
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).e("action"))
-            }, [
-              vue.createVNode(vue.unref(index$4.ElButton), {
-                size: "small",
-                type: _ctx.cancelButtonType === "text" ? "" : _ctx.cancelButtonType,
-                text: _ctx.cancelButtonType === "text",
-                onClick: cancel
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(vue.unref(finalCancelButtonText)), 1)
-                ]),
-                _: 1
-              }, 8, ["type", "text"]),
-              vue.createVNode(vue.unref(index$4.ElButton), {
-                size: "small",
-                type: _ctx.confirmButtonType === "text" ? "" : _ctx.confirmButtonType,
-                text: _ctx.confirmButtonType === "text",
-                onClick: confirm
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(vue.unref(finalConfirmButtonText)), 1)
-                ]),
-                _: 1
-              }, 8, ["type", "text"])
-            ], 2)
-          ], 2)
-        ]),
-        default: vue.withCtx(() => [
-          _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 16, ["popper-class", "popper-style", "teleported", "hide-after", "persistent"]);
-    };
+const popconfirmProps = runtime.buildProps({
+  title: String,
+  confirmButtonText: String,
+  cancelButtonText: String,
+  confirmButtonType: {
+    type: String,
+    values: button.buttonTypes,
+    default: "primary"
+  },
+  cancelButtonType: {
+    type: String,
+    values: button.buttonTypes,
+    default: "text"
+  },
+  icon: {
+    type: icon.iconPropType,
+    default: () => iconsVue.QuestionFilled
+  },
+  iconColor: {
+    type: String,
+    default: "#f90"
+  },
+  hideIcon: {
+    type: Boolean,
+    default: false
+  },
+  hideAfter: {
+    type: Number,
+    default: 200
+  },
+  onConfirm: {
+    type: runtime.definePropType(Function)
+  },
+  onCancel: {
+    type: runtime.definePropType(Function)
+  },
+  teleported: content.useTooltipContentProps.teleported,
+  persistent: content.useTooltipContentProps.persistent,
+  width: {
+    type: [String, Number],
+    default: 150
   }
 });
-var Popconfirm = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/popconfirm/src/popconfirm.vue"]]);
 
-exports["default"] = Popconfirm;
+exports.popconfirmProps = popconfirmProps;
 //# sourceMappingURL=popconfirm.js.map

package/lib/components/popconfirm/src/popconfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    trigger=\"click\"\n    effect=\"light\"\n    v-bind=\"$attrs\"\n    :popper-class=\"`${ns.namespace.value}-popover`\"\n    :popper-style=\"style\"\n    :teleported=\"teleported\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :hide-after=\"hideAfter\"\n    :persistent=\"persistent\"\n  >\n    <template #content>\n      <div :class=\"ns.b()\">\n        <div :class=\"ns.e('main')\">\n          <el-icon\n            v-if=\"!hideIcon && icon\"\n            :class=\"ns.e('icon')\"\n            :style=\"{ color: iconColor }\"\n          >\n            <component :is=\"icon\" />\n          </el-icon>\n          {{ title }}\n        </div>\n        <div :class=\"ns.e('action')\">\n          <el-button\n            size=\"small\"\n            :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n            :text=\"cancelButtonType === 'text'\"\n            @click=\"cancel\"\n          >\n            {{ finalCancelButtonText }}\n          </el-button>\n          <el-button\n            size=\"small\"\n            :type=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n            :text=\"confirmButtonType === 'text'\"\n            @click=\"confirm\"\n          >\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\" setup>\nimport { computed, ref } 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, useNamespace } from '@element-plus/hooks'\nimport { addUnit } from '@element-plus/utils'\nimport { popconfirmProps } from './popconfirm'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\n\ndefineOptions({\n  name: 'ElPopconfirm',\n})\n\nconst props = defineProps(popconfirmProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('popconfirm')\nconst tooltipRef = ref<TooltipInstance>()\n\nconst hidePopper = () => {\n  tooltipRef.value?.onClose?.()\n}\n\nconst style = computed(() => {\n  return {\n    width: addUnit(props.width),\n  }\n})\n\nconst confirm = (e: Event) => {\n  props.onConfirm?.(e)\n  hidePopper()\n}\nconst cancel = (e: Event) => {\n  props.onCancel?.(e)\n  hidePopper()\n}\n\nconst finalConfirmButtonText = computed(\n  () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n)\nconst finalCancelButtonText = computed(\n  () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n)\n</script>\n"],"names":["useLocale","useNamespace","ref","style","computed","addUnit"],"mappings":";;;;;;;;;;;;;;;;uCA8Dc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAaC,OAAqB,EAAA,CAAA;AAExC,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAA,EAAA,EAAA,EAAA,CAAW;AAAiB,MAC9B,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,UAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAO,MAAAC,OAAA,GAAAC,YAAA,CAAA,MAAA;AAAA,MACL,OAAA;AAA0B,QAC5B,KAAA,EAAAC,aAAA,CAAA,KAAA,CAAA,KAAA,CAAA;AAAA,OACD,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAA,MAAA,iBAAmB;AACnB,MAAW,IAAA,EAAA,CAAA;AAAA,MACb,CAAA,EAAA,GAAA,KAAA,CAAA,SAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AACA,MAAM,UAAA,EAAA,CAAS;AACb,KAAA,CAAA;AACA,IAAW,MAAA,MAAA,GAAA,CAAA,CAAA,KAAA;AAAA,MACb,IAAA,EAAA,CAAA;AAEA,MAAA,CAAA,EAAA,0BAA+B,GAC7B,KAAA,CAAA,GAAA,EAAA,CAAM,UAA2B,EAAA,CAAA,CAAA,CAAA;AAEnC,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"popconfirm.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.ts"],"sourcesContent":["import { buttonTypes } from '@element-plus/components/button'\nimport { QuestionFilled } from '@element-plus/icons-vue'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport type { ExtractPropTypes } from 'vue'\nimport type Popconfirm from './popconfirm.vue'\n\nexport const popconfirmProps = buildProps({\n  title: String,\n  confirmButtonText: String,\n  cancelButtonText: String,\n  confirmButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'primary',\n  },\n  cancelButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'text',\n  },\n  icon: {\n    type: iconPropType,\n    default: () => QuestionFilled,\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<void> | void>(Function),\n  },\n  onCancel: {\n    type: definePropType<(e: Event) => Promise<void> | void>(Function),\n  },\n  teleported: useTooltipContentProps.teleported,\n  persistent: useTooltipContentProps.persistent,\n  width: {\n    type: [String, Number],\n    default: 150,\n  },\n} as const)\nexport type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>\n\nexport type PopconfirmInstance = InstanceType<typeof Popconfirm>\n"],"names":["buildProps","buttonTypes","iconPropType","QuestionFilled","definePropType","useTooltipContentProps"],"mappings":";;;;;;;;;;;;;AAIY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,iBAAiB,EAAE,MAAM;AAC3B,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,kBAAW;AACvB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEA,kBAAW;AACvB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAE,MAAMC,uBAAc;AACjC,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,EAAEC,sBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,sBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,UAAU,EAAEC,8BAAsB,CAAC,UAAU;AAC/C,EAAE,UAAU,EAAEA,8BAAsB,CAAC,UAAU;AAC/C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC;;;;"}

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

@@ -78,13 +78,13 @@ declare const _default: import("vue").DefineComponent<{
             disabled: boolean;
             trigger: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus-secondary/es/utils").Arrayable<import("element-plus-secondary/es/components/tooltip").TooltipTriggerType> & {}) | (() => import("element-plus-secondary/es/utils").Arrayable<import("element-plus-secondary/es/components/tooltip").TooltipTriggerType>) | ((new (...args: any[]) => import("element-plus-secondary/es/utils").Arrayable<import("element-plus-secondary/es/components/tooltip").TooltipTriggerType> & {}) | (() => import("element-plus-secondary/es/utils").Arrayable<import("element-plus-secondary/es/components/tooltip").TooltipTriggerType>))[], unknown, unknown>;
             placement: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
+            offset: number;
             effect: string;
             showAfter: number;
             hideAfter: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
             gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            offset: number;
             popperOptions: Partial<import("@popperjs/core").Options>;
             strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "fixed" | "absolute", unknown>;
             enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -423,7 +423,7 @@ declare const _default: import("vue").DefineComponent<{
             role: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "placement" | "effect" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "offset" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "open" | "role" | "triggerKeys" | "arrowOffset" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "placement" | "offset" | "effect" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "open" | "role" | "triggerKeys" | "arrowOffset" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -2942,11 +2942,11 @@ declare const _default: import("vue").DefineComponent<{
                     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
                 }, {
                     readonly placement: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
+                    readonly offset: number;
                     readonly effect: string;
                     readonly boundariesPadding: number;
                     readonly fallbackPlacements: import("@popperjs/core").Placement[];
                     readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly offset: number;
                     readonly popperOptions: Partial<import("@popperjs/core").Options>;
                     readonly strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "fixed" | "absolute", unknown>;
                     readonly enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -3221,13 +3221,13 @@ declare const _default: import("vue").DefineComponent<{
                 readonly hideAfter: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
             }>>, {
                 readonly placement: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
+                readonly offset: number;
                 readonly effect: string;
                 readonly showAfter: number;
                 readonly hideAfter: number;
                 readonly boundariesPadding: number;
                 readonly fallbackPlacements: import("@popperjs/core").Placement[];
                 readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                readonly offset: number;
                 readonly popperOptions: Partial<import("@popperjs/core").Options>;
                 readonly strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "fixed" | "absolute", unknown>;
                 readonly enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -3248,13 +3248,13 @@ declare const _default: import("vue").DefineComponent<{
             disabled: boolean;
             trigger: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus-secondary/es/utils").Arrayable<import("element-plus-secondary/es/components/tooltip").TooltipTriggerType> & {}) | (() => import("element-plus-secondary/es/utils").Arrayable<import("element-plus-secondary/es/components/tooltip").TooltipTriggerType>) | ((new (...args: any[]) => import("element-plus-secondary/es/utils").Arrayable<import("element-plus-secondary/es/components/tooltip").TooltipTriggerType> & {}) | (() => import("element-plus-secondary/es/utils").Arrayable<import("element-plus-secondary/es/components/tooltip").TooltipTriggerType>))[], unknown, unknown>;
             placement: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
+            offset: number;
             effect: string;
             showAfter: number;
             hideAfter: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
             gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            offset: number;
             popperOptions: Partial<import("@popperjs/core").Options>;
             strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "fixed" | "absolute", unknown>;
             enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -5800,11 +5800,11 @@ declare const _default: import("vue").DefineComponent<{
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             }, {
                 readonly placement: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
+                readonly offset: number;
                 readonly effect: string;
                 readonly boundariesPadding: number;
                 readonly fallbackPlacements: import("@popperjs/core").Placement[];
                 readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                readonly offset: number;
                 readonly popperOptions: Partial<import("@popperjs/core").Options>;
                 readonly strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "fixed" | "absolute", unknown>;
                 readonly enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -6079,13 +6079,13 @@ declare const _default: import("vue").DefineComponent<{
             readonly hideAfter: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
         }>>, {
             readonly placement: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
+            readonly offset: number;
             readonly effect: string;
             readonly showAfter: number;
             readonly hideAfter: number;
             readonly boundariesPadding: number;
             readonly fallbackPlacements: import("@popperjs/core").Placement[];
             readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly offset: number;
             readonly popperOptions: Partial<import("@popperjs/core").Options>;
             readonly strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "fixed" | "absolute", unknown>;
             readonly enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -8928,11 +8928,11 @@ declare const _default: import("vue").DefineComponent<{
                 onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             }, {
                 readonly placement: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
+                readonly offset: number;
                 readonly effect: string;
                 readonly boundariesPadding: number;
                 readonly fallbackPlacements: import("@popperjs/core").Placement[];
                 readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                readonly offset: number;
                 readonly popperOptions: Partial<import("@popperjs/core").Options>;
                 readonly strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "fixed" | "absolute", unknown>;
                 readonly enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -9207,13 +9207,13 @@ declare const _default: import("vue").DefineComponent<{
             readonly hideAfter: import("element-plus-secondary/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
         }>>, {
             readonly placement: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
+            readonly offset: number;
             readonly effect: string;
             readonly showAfter: number;
             readonly hideAfter: number;
             readonly boundariesPadding: number;
             readonly fallbackPlacements: import("@popperjs/core").Placement[];
             readonly gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly offset: number;
             readonly popperOptions: Partial<import("@popperjs/core").Options>;
             readonly strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "fixed" | "absolute", unknown>;
             readonly enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -9552,13 +9552,13 @@ declare const _default: import("vue").DefineComponent<{
         disabled: boolean;
         trigger: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus-secondary/es/utils").Arrayable<import("element-plus-secondary/es/components/tooltip").TooltipTriggerType> & {}) | (() => import("element-plus-secondary/es/utils").Arrayable<import("element-plus-secondary/es/components/tooltip").TooltipTriggerType>) | ((new (...args: any[]) => import("element-plus-secondary/es/utils").Arrayable<import("element-plus-secondary/es/components/tooltip").TooltipTriggerType> & {}) | (() => import("element-plus-secondary/es/utils").Arrayable<import("element-plus-secondary/es/components/tooltip").TooltipTriggerType>))[], unknown, unknown>;
         placement: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
+        offset: number;
         effect: string;
         showAfter: number;
         hideAfter: number;
         boundariesPadding: number;
         fallbackPlacements: import("@popperjs/core").Placement[];
         gpuAcceleration: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        offset: number;
         popperOptions: Partial<import("@popperjs/core").Options>;
         strategy: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "fixed" | "absolute", unknown>;
         enterable: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -9607,10 +9607,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly width: import("element-plus-secondary/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
 }>>, {
     readonly icon: import("element-plus-secondary/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>;
+    readonly width: import("element-plus-secondary/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     readonly hideAfter: number;
     readonly teleported: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly persistent: boolean;
-    readonly width: import("element-plus-secondary/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     readonly confirmButtonType: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     readonly cancelButtonType: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     readonly iconColor: string;

package/lib/components/popconfirm/src/popconfirm2.js

@@ -2,58 +2,120 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../button/index.js');
-var iconsVue = require('@element-plus/icons-vue');
+var vue = require('vue');
+var index$4 = require('../../button/index.js');
+var index$3 = require('../../icon/index.js');
+var index$2 = require('../../tooltip/index.js');
+require('../../../hooks/index.js');
 require('../../../utils/index.js');
-require('../../tooltip/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var button = require('../../button/src/button.js');
-var icon = require('../../../utils/vue/icon.js');
-var content = require('../../tooltip/src/content2.js');
+var popconfirm = require('./popconfirm.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-locale/index.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var style = require('../../../utils/dom/style.js');
 
-const popconfirmProps = runtime.buildProps({
-  title: String,
-  confirmButtonText: String,
-  cancelButtonText: String,
-  confirmButtonType: {
-    type: String,
-    values: button.buttonTypes,
-    default: "primary"
-  },
-  cancelButtonType: {
-    type: String,
-    values: button.buttonTypes,
-    default: "text"
-  },
-  icon: {
-    type: icon.iconPropType,
-    default: () => iconsVue.QuestionFilled
-  },
-  iconColor: {
-    type: String,
-    default: "#f90"
-  },
-  hideIcon: {
-    type: Boolean,
-    default: false
-  },
-  hideAfter: {
-    type: Number,
-    default: 200
-  },
-  onConfirm: {
-    type: runtime.definePropType(Function)
-  },
-  onCancel: {
-    type: runtime.definePropType(Function)
-  },
-  teleported: content.useTooltipContentProps.teleported,
-  persistent: content.useTooltipContentProps.persistent,
-  width: {
-    type: [String, Number],
-    default: 150
+const __default__ = vue.defineComponent({
+  name: "ElPopconfirm"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: popconfirm.popconfirmProps,
+  setup(__props) {
+    const props = __props;
+    const { t } = index.useLocale();
+    const ns = index$1.useNamespace("popconfirm");
+    const tooltipRef = vue.ref();
+    const hidePopper = () => {
+      var _a, _b;
+      (_b = (_a = tooltipRef.value) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
+    };
+    const style$1 = vue.computed(() => {
+      return {
+        width: style.addUnit(props.width)
+      };
+    });
+    const confirm = (e) => {
+      var _a;
+      (_a = props.onConfirm) == null ? void 0 : _a.call(props, e);
+      hidePopper();
+    };
+    const cancel = (e) => {
+      var _a;
+      (_a = props.onCancel) == null ? void 0 : _a.call(props, e);
+      hidePopper();
+    };
+    const finalConfirmButtonText = vue.computed(() => props.confirmButtonText || t("el.popconfirm.confirmButtonText"));
+    const finalCancelButtonText = vue.computed(() => props.cancelButtonText || t("el.popconfirm.cancelButtonText"));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElTooltip), vue.mergeProps({
+        ref_key: "tooltipRef",
+        ref: tooltipRef,
+        trigger: "click",
+        effect: "light"
+      }, _ctx.$attrs, {
+        "popper-class": `${vue.unref(ns).namespace.value}-popover`,
+        "popper-style": vue.unref(style$1),
+        teleported: _ctx.teleported,
+        "fallback-placements": ["bottom", "top", "right", "left"],
+        "hide-after": _ctx.hideAfter,
+        persistent: _ctx.persistent
+      }), {
+        content: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).b())
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("main"))
+            }, [
+              !_ctx.hideIcon && _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElIcon), {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).e("icon")),
+                style: vue.normalizeStyle({ color: _ctx.iconColor })
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+                ]),
+                _: 1
+              }, 8, ["class", "style"])) : vue.createCommentVNode("v-if", true),
+              vue.createTextVNode(" " + vue.toDisplayString(_ctx.title), 1)
+            ], 2),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("action"))
+            }, [
+              vue.createVNode(vue.unref(index$4.ElButton), {
+                size: "small",
+                type: _ctx.cancelButtonType === "text" ? "" : _ctx.cancelButtonType,
+                text: _ctx.cancelButtonType === "text",
+                onClick: cancel
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(finalCancelButtonText)), 1)
+                ]),
+                _: 1
+              }, 8, ["type", "text"]),
+              vue.createVNode(vue.unref(index$4.ElButton), {
+                size: "small",
+                type: _ctx.confirmButtonType === "text" ? "" : _ctx.confirmButtonType,
+                text: _ctx.confirmButtonType === "text",
+                onClick: confirm
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(finalConfirmButtonText)), 1)
+                ]),
+                _: 1
+              }, 8, ["type", "text"])
+            ], 2)
+          ], 2)
+        ]),
+        default: vue.withCtx(() => [
+          _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 16, ["popper-class", "popper-style", "teleported", "hide-after", "persistent"]);
+    };
   }
 });
+var Popconfirm = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/st/Desktop/vue/nxx-ui/packages/components/popconfirm/src/popconfirm.vue"]]);
 
-exports.popconfirmProps = popconfirmProps;
+exports["default"] = Popconfirm;
 //# sourceMappingURL=popconfirm2.js.map

package/lib/components/popconfirm/src/popconfirm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm2.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.ts"],"sourcesContent":["import { buttonTypes } from '@element-plus/components/button'\nimport { QuestionFilled } from '@element-plus/icons-vue'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\nimport type { ExtractPropTypes } from 'vue'\nimport type Popconfirm from './popconfirm.vue'\n\nexport const popconfirmProps = buildProps({\n  title: String,\n  confirmButtonText: String,\n  cancelButtonText: String,\n  confirmButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'primary',\n  },\n  cancelButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'text',\n  },\n  icon: {\n    type: iconPropType,\n    default: () => QuestionFilled,\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<void> | void>(Function),\n  },\n  onCancel: {\n    type: definePropType<(e: Event) => Promise<void> | void>(Function),\n  },\n  teleported: useTooltipContentProps.teleported,\n  persistent: useTooltipContentProps.persistent,\n  width: {\n    type: [String, Number],\n    default: 150,\n  },\n} as const)\nexport type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>\n\nexport type PopconfirmInstance = InstanceType<typeof Popconfirm>\n"],"names":["buildProps","buttonTypes","iconPropType","QuestionFilled","definePropType","useTooltipContentProps"],"mappings":";;;;;;;;;;;;;AAIY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,iBAAiB,EAAE,MAAM;AAC3B,EAAE,gBAAgB,EAAE,MAAM;AAC1B,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,kBAAW;AACvB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEA,kBAAW;AACvB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAE,MAAMC,uBAAc;AACjC,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,EAAEC,sBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,sBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,UAAU,EAAEC,8BAAsB,CAAC,UAAU;AAC/C,EAAE,UAAU,EAAEA,8BAAsB,CAAC,UAAU;AAC/C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"popconfirm2.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    trigger=\"click\"\n    effect=\"light\"\n    v-bind=\"$attrs\"\n    :popper-class=\"`${ns.namespace.value}-popover`\"\n    :popper-style=\"style\"\n    :teleported=\"teleported\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :hide-after=\"hideAfter\"\n    :persistent=\"persistent\"\n  >\n    <template #content>\n      <div :class=\"ns.b()\">\n        <div :class=\"ns.e('main')\">\n          <el-icon\n            v-if=\"!hideIcon && icon\"\n            :class=\"ns.e('icon')\"\n            :style=\"{ color: iconColor }\"\n          >\n            <component :is=\"icon\" />\n          </el-icon>\n          {{ title }}\n        </div>\n        <div :class=\"ns.e('action')\">\n          <el-button\n            size=\"small\"\n            :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n            :text=\"cancelButtonType === 'text'\"\n            @click=\"cancel\"\n          >\n            {{ finalCancelButtonText }}\n          </el-button>\n          <el-button\n            size=\"small\"\n            :type=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n            :text=\"confirmButtonType === 'text'\"\n            @click=\"confirm\"\n          >\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\" setup>\nimport { computed, ref } 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, useNamespace } from '@element-plus/hooks'\nimport { addUnit } from '@element-plus/utils'\nimport { popconfirmProps } from './popconfirm'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\n\ndefineOptions({\n  name: 'ElPopconfirm',\n})\n\nconst props = defineProps(popconfirmProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('popconfirm')\nconst tooltipRef = ref<TooltipInstance>()\n\nconst hidePopper = () => {\n  tooltipRef.value?.onClose?.()\n}\n\nconst style = computed(() => {\n  return {\n    width: addUnit(props.width),\n  }\n})\n\nconst confirm = (e: Event) => {\n  props.onConfirm?.(e)\n  hidePopper()\n}\nconst cancel = (e: Event) => {\n  props.onCancel?.(e)\n  hidePopper()\n}\n\nconst finalConfirmButtonText = computed(\n  () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n)\nconst finalCancelButtonText = computed(\n  () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n)\n</script>\n"],"names":["useLocale","useNamespace","ref","style","computed","addUnit"],"mappings":";;;;;;;;;;;;;;;;uCA8Dc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAaC,OAAqB,EAAA,CAAA;AAExC,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,IAAA,EAAA,EAAA,EAAA,CAAW;AAAiB,MAC9B,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,UAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA;AAEA,KAAM,CAAA;AACJ,IAAO,MAAAC,OAAA,GAAAC,YAAA,CAAA,MAAA;AAAA,MACL,OAAA;AAA0B,QAC5B,KAAA,EAAAC,aAAA,CAAA,KAAA,CAAA,KAAA,CAAA;AAAA,OACD,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAA,MAAA,iBAAmB;AACnB,MAAW,IAAA,EAAA,CAAA;AAAA,MACb,CAAA,EAAA,GAAA,KAAA,CAAA,SAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AACA,MAAM,UAAA,EAAA,CAAS;AACb,KAAA,CAAA;AACA,IAAW,MAAA,MAAA,GAAA,CAAA,CAAA,KAAA;AAAA,MACb,IAAA,EAAA,CAAA;AAEA,MAAA,CAAA,EAAA,0BAA+B,GAC7B,KAAA,CAAA,GAAA,EAAA,CAAM,UAA2B,EAAA,CAAA,CAAA,CAAA;AAEnC,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}