element-pe 2.0.2 → 2.0.3

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

@@ -1,124 +1,57 @@
-import { defineComponent, ref, unref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeClass, normalizeStyle, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, renderSlot } from 'vue';
-import { ElButton } from '../../button/index.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import { ElTooltip } from '../../tooltip/index.mjs';
-import '../../popper/index.mjs';
-import '../../../hooks/index.mjs';
-import { popconfirmProps } from './popconfirm2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useDeprecateAppendToBody } from '../../popper/src/deprecation.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../button/index.mjs';
+import { QuestionFilled } from '@element-plus/icons-vue';
+import '../../../utils/index.mjs';
+import '../../tooltip/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import { buttonTypes } from '../../button/src/button.mjs';
+import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { useTooltipContentProps } from '../../tooltip/src/tooltip2.mjs';
 
-const COMPONENT_NAME = "ElPopconfirm";
-const _sfc_main = defineComponent({
-  name: COMPONENT_NAME,
-  components: {
-    ElButton,
-    ElTooltip,
-    ElIcon
+const popconfirmProps = buildProps({
+  title: {
+    type: String
   },
-  props: popconfirmProps,
-  setup(props) {
-    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME, "appendToBody");
-    const { t } = useLocale();
-    const ns = useNamespace("popconfirm");
-    const tooltipRef = ref();
-    const hidePopper = () => {
-      var _a, _b;
-      (_b = (_a = unref(tooltipRef)) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
-    };
-    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 {
-      finalConfirmButtonText,
-      finalCancelButtonText,
-      tooltipRef,
-      ns,
-      compatTeleported,
-      confirm,
-      cancel
-    };
-  }
+  confirmButtonText: {
+    type: String
+  },
+  cancelButtonText: {
+    type: String
+  },
+  confirmButtonType: {
+    type: String,
+    values: buttonTypes,
+    default: "primary"
+  },
+  cancelButtonType: {
+    type: String,
+    values: buttonTypes,
+    default: "text"
+  },
+  icon: {
+    type: iconPropType,
+    default: QuestionFilled
+  },
+  iconColor: {
+    type: String,
+    default: "#f90"
+  },
+  hideIcon: {
+    type: Boolean,
+    default: false
+  },
+  hideAfter: {
+    type: Number,
+    default: 200
+  },
+  onConfirm: {
+    type: definePropType(Function)
+  },
+  onCancel: {
+    type: definePropType(Function)
+  },
+  teleported: useTooltipContentProps.teleported,
+  persistent: useTooltipContentProps.persistent
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_button = resolveComponent("el-button");
-  const _component_el_tooltip = resolveComponent("el-tooltip");
-  return openBlock(), createBlock(_component_el_tooltip, mergeProps({ ref: "tooltipRef" }, _ctx.$attrs, {
-    trigger: "click",
-    effect: "light",
-    "popper-class": `${_ctx.ns.namespace.value}-popover`,
-    teleported: _ctx.compatTeleported,
-    "fallback-placements": ["bottom", "top", "right", "left"],
-    "hide-after": _ctx.hideAfter,
-    persistent: _ctx.persistent
-  }), {
-    content: withCtx(() => [
-      createElementVNode("div", {
-        class: normalizeClass(_ctx.ns.b())
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.ns.e("main"))
-        }, [
-          !_ctx.hideIcon && _ctx.icon ? (openBlock(), createBlock(_component_el_icon, {
-            key: 0,
-            class: normalizeClass(_ctx.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(_ctx.ns.e("action"))
-        }, [
-          createVNode(_component_el_button, {
-            size: "small",
-            type: _ctx.cancelButtonType,
-            onClick: _ctx.cancel
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.finalCancelButtonText), 1)
-            ]),
-            _: 1
-          }, 8, ["type", "onClick"]),
-          createVNode(_component_el_button, {
-            size: "small",
-            type: _ctx.confirmButtonType,
-            onClick: _ctx.confirm
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.finalConfirmButtonText), 1)
-            ]),
-            _: 1
-          }, 8, ["type", "onClick"])
-        ], 2)
-      ], 2)
-    ]),
-    default: withCtx(() => [
-      _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
-    ]),
-    _: 3
-  }, 16, ["popper-class", "teleported", "hide-after", "persistent"]);
-}
-var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/popconfirm/src/popconfirm.vue"]]);
 
-export { Popconfirm as default };
+export { popconfirmProps };
 //# sourceMappingURL=popconfirm.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.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=\"`${ns.namespace.value}-popover`\"\n    :teleported=\"compatTeleported\"\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 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 { computed, defineComponent, ref, 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 { useDeprecateAppendToBody } from '@element-plus/components/popper'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { popconfirmProps } from './popconfirm'\n\nconst COMPONENT_NAME = 'ElPopconfirm'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElButton,\n    ElTooltip,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n\n  setup(props) {\n    const { compatTeleported } = useDeprecateAppendToBody(\n      COMPONENT_NAME,\n      'appendToBody'\n    )\n    const { t } = useLocale()\n    const ns = useNamespace('popconfirm')\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      ns,\n\n      // Deprecation in 2.1.0\n      compatTeleported,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_mergeProps","_withCtx","_normalizeClass","_createElementVNode","_normalizeStyle","_createCommentVNode","_createTextVNode","_toDisplayString","_createVNode"],"mappings":"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"}
+{"version":3,"file":"popconfirm.mjs","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 { 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: 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 as Component,\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} as const)\nexport type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>\n"],"names":[],"mappings":";;;;;;;;;AAIY,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,WAAW;AACvB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,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,EAAE,UAAU,EAAE,sBAAsB,CAAC,UAAU;AAC/C,EAAE,UAAU,EAAE,sBAAsB,CAAC,UAAU;AAC/C,CAAC;;;;"}

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

@@ -1,57 +1,124 @@
-import '../../button/index.mjs';
-import { QuestionFilled } from '@element-plus/icons-vue';
-import '../../../utils/index.mjs';
-import '../../tooltip/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
-import { buttonTypes } from '../../button/src/button2.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
-import { useTooltipContentProps } from '../../tooltip/src/tooltip2.mjs';
+import { defineComponent, ref, unref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeClass, normalizeStyle, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, renderSlot } from 'vue';
+import { ElButton } from '../../button/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { ElTooltip } from '../../tooltip/index.mjs';
+import '../../popper/index.mjs';
+import '../../../hooks/index.mjs';
+import { popconfirmProps } from './popconfirm.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useDeprecateAppendToBody } from '../../popper/src/deprecation.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const popconfirmProps = buildProps({
-  title: {
-    type: String
+const COMPONENT_NAME = "ElPopconfirm";
+const _sfc_main = defineComponent({
+  name: COMPONENT_NAME,
+  components: {
+    ElButton,
+    ElTooltip,
+    ElIcon
   },
-  confirmButtonText: {
-    type: String
-  },
-  cancelButtonText: {
-    type: String
-  },
-  confirmButtonType: {
-    type: String,
-    values: buttonTypes,
-    default: "primary"
-  },
-  cancelButtonType: {
-    type: String,
-    values: buttonTypes,
-    default: "text"
-  },
-  icon: {
-    type: iconPropType,
-    default: QuestionFilled
-  },
-  iconColor: {
-    type: String,
-    default: "#f90"
-  },
-  hideIcon: {
-    type: Boolean,
-    default: false
-  },
-  hideAfter: {
-    type: Number,
-    default: 200
-  },
-  onConfirm: {
-    type: definePropType(Function)
-  },
-  onCancel: {
-    type: definePropType(Function)
-  },
-  teleported: useTooltipContentProps.teleported,
-  persistent: useTooltipContentProps.persistent
+  props: popconfirmProps,
+  setup(props) {
+    const { compatTeleported } = useDeprecateAppendToBody(COMPONENT_NAME, "appendToBody");
+    const { t } = useLocale();
+    const ns = useNamespace("popconfirm");
+    const tooltipRef = ref();
+    const hidePopper = () => {
+      var _a, _b;
+      (_b = (_a = unref(tooltipRef)) == null ? void 0 : _a.onClose) == null ? void 0 : _b.call(_a);
+    };
+    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 {
+      finalConfirmButtonText,
+      finalCancelButtonText,
+      tooltipRef,
+      ns,
+      compatTeleported,
+      confirm,
+      cancel
+    };
+  }
 });
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  return openBlock(), createBlock(_component_el_tooltip, mergeProps({ ref: "tooltipRef" }, _ctx.$attrs, {
+    trigger: "click",
+    effect: "light",
+    "popper-class": `${_ctx.ns.namespace.value}-popover`,
+    teleported: _ctx.compatTeleported,
+    "fallback-placements": ["bottom", "top", "right", "left"],
+    "hide-after": _ctx.hideAfter,
+    persistent: _ctx.persistent
+  }), {
+    content: withCtx(() => [
+      createElementVNode("div", {
+        class: normalizeClass(_ctx.ns.b())
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.ns.e("main"))
+        }, [
+          !_ctx.hideIcon && _ctx.icon ? (openBlock(), createBlock(_component_el_icon, {
+            key: 0,
+            class: normalizeClass(_ctx.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(_ctx.ns.e("action"))
+        }, [
+          createVNode(_component_el_button, {
+            size: "small",
+            type: _ctx.cancelButtonType,
+            onClick: _ctx.cancel
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.finalCancelButtonText), 1)
+            ]),
+            _: 1
+          }, 8, ["type", "onClick"]),
+          createVNode(_component_el_button, {
+            size: "small",
+            type: _ctx.confirmButtonType,
+            onClick: _ctx.confirm
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.finalConfirmButtonText), 1)
+            ]),
+            _: 1
+          }, 8, ["type", "onClick"])
+        ], 2)
+      ], 2)
+    ]),
+    default: withCtx(() => [
+      _ctx.$slots.reference ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : createCommentVNode("v-if", true)
+    ]),
+    _: 3
+  }, 16, ["popper-class", "teleported", "hide-after", "persistent"]);
+}
+var Popconfirm = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/popconfirm/src/popconfirm.vue"]]);
 
-export { popconfirmProps };
+export { Popconfirm as default };
 //# sourceMappingURL=popconfirm2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"popconfirm2.mjs","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 { 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: 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 as Component,\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} as const)\nexport type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>\n"],"names":[],"mappings":";;;;;;;;;AAIY,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,WAAW;AACvB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,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,EAAE,UAAU,EAAE,sBAAsB,CAAC,UAAU;AAC/C,EAAE,UAAU,EAAE,sBAAsB,CAAC,UAAU;AAC/C,CAAC;;;;"}
+{"version":3,"file":"popconfirm2.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=\"`${ns.namespace.value}-popover`\"\n    :teleported=\"compatTeleported\"\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 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 { computed, defineComponent, ref, 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 { useDeprecateAppendToBody } from '@element-plus/components/popper'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { popconfirmProps } from './popconfirm'\n\nconst COMPONENT_NAME = 'ElPopconfirm'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElButton,\n    ElTooltip,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n\n  setup(props) {\n    const { compatTeleported } = useDeprecateAppendToBody(\n      COMPONENT_NAME,\n      'appendToBody'\n    )\n    const { t } = useLocale()\n    const ns = useNamespace('popconfirm')\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      ns,\n\n      // Deprecation in 2.1.0\n      compatTeleported,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_mergeProps","_withCtx","_normalizeClass","_createElementVNode","_normalizeStyle","_createCommentVNode","_createTextVNode","_toDisplayString","_createVNode"],"mappings":"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"}

package/es/components/popconfirm/style/css.mjs

@@ -1,4 +1,4 @@
 import '../../base/style/css.mjs';
-import 'element-plus/theme-chalk/el-popconfirm.css';
+import 'element-pe/theme-chalk/el-popconfirm.css';
 import '../../popover/style/css.mjs';
 //# sourceMappingURL=css.mjs.map

package/es/components/popconfirm/style/index.mjs

@@ -1,4 +1,4 @@
 import '../../base/style/index.mjs';
-import 'element-plus/theme-chalk/src/popconfirm.scss';
+import 'element-pe/theme-chalk/src/popconfirm.scss';
 import '../../popover/style/index.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/popover/src/popover.mjs

@@ -3,7 +3,7 @@ import '../../tooltip/index.mjs';
 import '../../dropdown/index.mjs';
 import { buildProps } from '../../../utils/vue/props.mjs';
 import { useTooltipTriggerProps, useTooltipContentProps } from '../../tooltip/src/tooltip2.mjs';
-import { dropdownProps } from '../../dropdown/src/dropdown.mjs';
+import { dropdownProps } from '../../dropdown/src/dropdown2.mjs';
 
 const usePopoverProps = buildProps({
   trigger: useTooltipTriggerProps.trigger,

package/es/components/popover/style/css.mjs

@@ -1,4 +1,4 @@
 import '../../base/style/css.mjs';
-import 'element-plus/theme-chalk/el-popover.css';
+import 'element-pe/theme-chalk/el-popover.css';
 import '../../popper/style/css.mjs';
 //# sourceMappingURL=css.mjs.map

package/es/components/popover/style/index.mjs

@@ -1,4 +1,4 @@
 import '../../base/style/index.mjs';
-import 'element-plus/theme-chalk/src/popover.scss';
+import 'element-pe/theme-chalk/src/popover.scss';
 import '../../popper/style/index.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/popper/index.mjs

@@ -1,10 +1,10 @@
 import '../../utils/index.mjs';
-import Popper from './src/popper.mjs';
+import Popper from './src/popper2.mjs';
 export { default as ElPopperArrow } from './src/arrow2.mjs';
-export { default as ElPopperTrigger } from './src/trigger2.mjs';
+export { default as ElPopperTrigger } from './src/trigger.mjs';
 export { default as ElPopperContent } from './src/content.mjs';
-export { Effect, usePopperProps } from './src/popper2.mjs';
-export { usePopperTriggerProps } from './src/trigger.mjs';
+export { Effect, usePopperProps } from './src/popper.mjs';
+export { usePopperTriggerProps } from './src/trigger2.mjs';
 export { usePopperContentProps, usePopperCoreConfigProps } from './src/content2.mjs';
 export { usePopperArrowProps } from './src/arrow.mjs';
 export { useDeprecateAppendToBody } from './src/deprecation.mjs';

package/es/components/popper/src/popper.mjs

@@ -1,33 +1,26 @@
-import { defineComponent, ref, provide, renderSlot } from 'vue';
-import '../../../tokens/index.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { POPPER_INJECTION_KEY } from '../../../tokens/popper.mjs';
+import '../../../utils/index.mjs';
+import { buildProps } from '../../../utils/vue/props.mjs';
 
-const __default__ = {
-  name: "ElPopperRoot",
-  inheritAttrs: false
+const effects = ["light", "dark"];
+const triggers = ["click", "contextmenu", "hover", "focus"];
+const Effect = {
+  LIGHT: "light",
+  DARK: "dark"
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  setup(__props, { expose }) {
-    const triggerRef = ref();
-    const popperInstanceRef = ref();
-    const contentRef = ref();
-    const referenceRef = ref();
-    const popperProvides = {
-      triggerRef,
-      popperInstanceRef,
-      contentRef,
-      referenceRef
-    };
-    expose(popperProvides);
-    provide(POPPER_INJECTION_KEY, popperProvides);
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default");
-    };
+const usePopperProps = buildProps({
+  autoClose: {
+    type: Number,
+    default: 0
+  },
+  cutoff: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
   }
 });
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/popper/src/popper.vue"]]);
 
-export { Popper as default };
+export { Effect, usePopperProps };
 //# sourceMappingURL=popper.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"popper.mjs","sources":["../../../../../../packages/components/popper/src/popper.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\" setup>\nimport { provide, ref } from 'vue'\nimport { POPPER_INJECTION_KEY } from '@element-plus/tokens'\n\nimport type { Instance as PopperInstance } from '@popperjs/core'\nimport type { ElPopperInjectionContext } from '@element-plus/tokens'\n\ndefineOptions({\n  name: 'ElPopperRoot',\n  inheritAttrs: false,\n})\n\nconst triggerRef = ref<HTMLElement>()\nconst popperInstanceRef = ref<PopperInstance>()\nconst contentRef = ref<HTMLElement>()\nconst referenceRef = ref<HTMLElement>()\n\nconst popperProvides = {\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description popper content element\n   */\n  contentRef,\n  /**\n   * @description popper reference element\n   */\n  referenceRef,\n} as ElPopperInjectionContext\n\ndefineExpose(popperProvides)\n\nprovide(POPPER_INJECTION_KEY, popperProvides)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAgBA,IAAA,MAAA,aAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,oBAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,aAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,eAAA,GAAA,EAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAA;AAAA,MAIA,UAAA;AAAA,MAIA,iBAAA;AAAA,MAIA,UAAA;AAAA,MAIA,YAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,CAAA,cAAA,CAAA,CAAA;AAEA,IAAA,OAAA,CAAA,sBAAA,cAAA,CAAA,CAAA;;;;;;;;;;"}
+{"version":3,"file":"popper.mjs","sources":["../../../../../../packages/components/popper/src/popper.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst effects = ['light', 'dark'] as const\nconst triggers = ['click', 'contextmenu', 'hover', 'focus'] as const\n\nexport const Effect = {\n  LIGHT: 'light',\n  DARK: 'dark',\n}\n\nexport type PopperEffect = typeof effects[number]\nexport type PopperTrigger = typeof triggers[number]\n\nexport const usePopperProps = buildProps({\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  cutoff: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport type UsePopperProps = ExtractPropTypes<typeof usePopperProps>\n"],"names":[],"mappings":";;;AACA,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAClC,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAChD,MAAC,MAAM,GAAG;AACtB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE;AACU,MAAC,cAAc,GAAG,UAAU,CAAC;AACzC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}

package/es/components/popper/src/popper2.mjs

@@ -1,26 +1,33 @@
-import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props.mjs';
+import { defineComponent, ref, provide, renderSlot } from 'vue';
+import '../../../tokens/index.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { POPPER_INJECTION_KEY } from '../../../tokens/popper.mjs';
 
-const effects = ["light", "dark"];
-const triggers = ["click", "contextmenu", "hover", "focus"];
-const Effect = {
-  LIGHT: "light",
-  DARK: "dark"
+const __default__ = {
+  name: "ElPopperRoot",
+  inheritAttrs: false
 };
-const usePopperProps = buildProps({
-  autoClose: {
-    type: Number,
-    default: 0
-  },
-  cutoff: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props, { expose }) {
+    const triggerRef = ref();
+    const popperInstanceRef = ref();
+    const contentRef = ref();
+    const referenceRef = ref();
+    const popperProvides = {
+      triggerRef,
+      popperInstanceRef,
+      contentRef,
+      referenceRef
+    };
+    expose(popperProvides);
+    provide(POPPER_INJECTION_KEY, popperProvides);
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
   }
 });
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/popper/src/popper.vue"]]);
 
-export { Effect, usePopperProps };
+export { Popper as default };
 //# sourceMappingURL=popper2.mjs.map

package/es/components/popper/src/popper2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"popper2.mjs","sources":["../../../../../../packages/components/popper/src/popper.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst effects = ['light', 'dark'] as const\nconst triggers = ['click', 'contextmenu', 'hover', 'focus'] as const\n\nexport const Effect = {\n  LIGHT: 'light',\n  DARK: 'dark',\n}\n\nexport type PopperEffect = typeof effects[number]\nexport type PopperTrigger = typeof triggers[number]\n\nexport const usePopperProps = buildProps({\n  autoClose: {\n    type: Number,\n    default: 0,\n  },\n  cutoff: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport type UsePopperProps = ExtractPropTypes<typeof usePopperProps>\n"],"names":[],"mappings":";;;AACA,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAClC,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAChD,MAAC,MAAM,GAAG;AACtB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE;AACU,MAAC,cAAc,GAAG,UAAU,CAAC;AACzC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"popper2.mjs","sources":["../../../../../../packages/components/popper/src/popper.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\" setup>\nimport { provide, ref } from 'vue'\nimport { POPPER_INJECTION_KEY } from '@element-plus/tokens'\n\nimport type { Instance as PopperInstance } from '@popperjs/core'\nimport type { ElPopperInjectionContext } from '@element-plus/tokens'\n\ndefineOptions({\n  name: 'ElPopperRoot',\n  inheritAttrs: false,\n})\n\nconst triggerRef = ref<HTMLElement>()\nconst popperInstanceRef = ref<PopperInstance>()\nconst contentRef = ref<HTMLElement>()\nconst referenceRef = ref<HTMLElement>()\n\nconst popperProvides = {\n  /**\n   * @description trigger element\n   */\n  triggerRef,\n  /**\n   * @description popperjs instance\n   */\n  popperInstanceRef,\n  /**\n   * @description popper content element\n   */\n  contentRef,\n  /**\n   * @description popper reference element\n   */\n  referenceRef,\n} as ElPopperInjectionContext\n\ndefineExpose(popperProvides)\n\nprovide(POPPER_INJECTION_KEY, popperProvides)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAgBA,IAAA,MAAA,aAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,oBAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,aAAA,GAAA,EAAA,CAAA;AACA,IAAA,MAAA,eAAA,GAAA,EAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAA;AAAA,MAIA,UAAA;AAAA,MAIA,iBAAA;AAAA,MAIA,UAAA;AAAA,MAIA,YAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,CAAA,cAAA,CAAA,CAAA;AAEA,IAAA,OAAA,CAAA,sBAAA,cAAA,CAAA,CAAA;;;;;;;;;;"}