@element-plus/nightly 0.0.20251220 → 0.0.20251221

package/lib/components/timeline/src/timeline-item.js

@@ -2,119 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$1 = require('../../icon/index.js');
-var timelineItem = require('./timeline-item2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var icon = require('../../../utils/vue/icon.js');
 
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElTimelineItem"
+const timelineItemProps = runtime.buildProps({
+  timestamp: {
+    type: String,
+    default: ""
   },
-  __name: "timeline-item",
-  props: timelineItem.timelineItemProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("timeline-item");
-    const defaultNodeKls = vue.computed(() => [
-      ns.e("node"),
-      ns.em("node", props.size || ""),
-      ns.em("node", props.type || ""),
-      ns.is("hollow", props.hollow)
-    ]);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "li",
-        {
-          class: vue.normalizeClass([vue.unref(ns).b(), { [vue.unref(ns).e("center")]: _ctx.center }])
-        },
-        [
-          vue.createElementVNode(
-            "div",
-            {
-              class: vue.normalizeClass(vue.unref(ns).e("tail"))
-            },
-            null,
-            2
-          ),
-          !_ctx.$slots.dot ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: vue.normalizeClass(defaultNodeKls.value),
-              style: vue.normalizeStyle({
-                backgroundColor: _ctx.color
-              })
-            },
-            [
-              _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
-                key: 0,
-                class: vue.normalizeClass(vue.unref(ns).e("icon"))
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-                ]),
-                _: 1
-              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-            ],
-            6
-          )) : vue.createCommentVNode("v-if", true),
-          _ctx.$slots.dot ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 1,
-              class: vue.normalizeClass(vue.unref(ns).e("dot"))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "dot")
-            ],
-            2
-          )) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode(
-            "div",
-            {
-              class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
-            },
-            [
-              !_ctx.hideTimestamp && _ctx.placement === "top" ? (vue.openBlock(), vue.createElementBlock(
-                "div",
-                {
-                  key: 0,
-                  class: vue.normalizeClass([vue.unref(ns).e("timestamp"), vue.unref(ns).is("top")])
-                },
-                vue.toDisplayString(_ctx.timestamp),
-                3
-              )) : vue.createCommentVNode("v-if", true),
-              vue.createElementVNode(
-                "div",
-                {
-                  class: vue.normalizeClass(vue.unref(ns).e("content"))
-                },
-                [
-                  vue.renderSlot(_ctx.$slots, "default")
-                ],
-                2
-              ),
-              !_ctx.hideTimestamp && _ctx.placement === "bottom" ? (vue.openBlock(), vue.createElementBlock(
-                "div",
-                {
-                  key: 1,
-                  class: vue.normalizeClass([vue.unref(ns).e("timestamp"), vue.unref(ns).is("bottom")])
-                },
-                vue.toDisplayString(_ctx.timestamp),
-                3
-              )) : vue.createCommentVNode("v-if", true)
-            ],
-            2
-          )
-        ],
-        2
-      );
-    };
-  }
+  hideTimestamp: Boolean,
+  center: Boolean,
+  placement: {
+    type: String,
+    values: ["top", "bottom"],
+    default: "bottom"
+  },
+  type: {
+    type: String,
+    values: ["primary", "success", "warning", "danger", "info"],
+    default: ""
+  },
+  color: {
+    type: String,
+    default: ""
+  },
+  size: {
+    type: String,
+    values: ["normal", "large"],
+    default: "normal"
+  },
+  icon: {
+    type: icon.iconPropType
+  },
+  hollow: Boolean
 });
-var TimelineItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/timeline/src/timeline-item.vue"]]);
 
-exports["default"] = TimelineItem;
+exports.timelineItemProps = timelineItemProps;
 //# sourceMappingURL=timeline-item.js.map

package/lib/components/timeline/src/timeline-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-item.js","sources":["../../../../../../packages/components/timeline/src/timeline-item.vue"],"sourcesContent":["<template>\n  <li :class=\"[ns.b(), { [ns.e('center')]: center }]\">\n    <div :class=\"ns.e('tail')\" />\n    <div\n      v-if=\"!$slots.dot\"\n      :class=\"defaultNodeKls\"\n      :style=\"{\n        backgroundColor: color,\n      }\"\n    >\n      <el-icon v-if=\"icon\" :class=\"ns.e('icon')\">\n        <component :is=\"icon\" />\n      </el-icon>\n    </div>\n    <div v-if=\"$slots.dot\" :class=\"ns.e('dot')\">\n      <slot name=\"dot\" />\n    </div>\n\n    <div :class=\"ns.e('wrapper')\">\n      <div\n        v-if=\"!hideTimestamp && placement === 'top'\"\n        :class=\"[ns.e('timestamp'), ns.is('top')]\"\n      >\n        {{ timestamp }}\n      </div>\n\n      <div :class=\"ns.e('content')\">\n        <slot />\n      </div>\n\n      <div\n        v-if=\"!hideTimestamp && placement === 'bottom'\"\n        :class=\"[ns.e('timestamp'), ns.is('bottom')]\"\n      >\n        {{ timestamp }}\n      </div>\n    </div>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { timelineItemProps } from './timeline-item'\n\ndefineOptions({\n  name: 'ElTimelineItem',\n})\n\nconst props = defineProps(timelineItemProps)\n\nconst ns = useNamespace('timeline-item')\nconst defaultNodeKls = computed(() => [\n  ns.e('node'),\n  ns.em('node', props.size || ''),\n  ns.em('node', props.type || ''),\n  ns.is('hollow', props.hollow),\n])\n</script>\n"],"names":["useNamespace","computed","_openBlock","_createElementBlock","_normalizeClass","_unref","center","_createElementVNode","$slots","_normalizeStyle","color","icon","_createBlock","ElIcon","_resolveDynamicComponent","_renderSlot","hideTimestamp","placement","timestamp","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"timeline-item.js","sources":["../../../../../../packages/components/timeline/src/timeline-item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type TimelineItem from './timeline-item.vue'\n\nexport const timelineItemProps = buildProps({\n  /**\n   * @description timestamp content\n   */\n  timestamp: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether to show timestamp\n   */\n  hideTimestamp: Boolean,\n  /**\n   * @description whether vertically centered\n   */\n  center: Boolean,\n  /**\n   * @description position of timestamp\n   */\n  placement: {\n    type: String,\n    values: ['top', 'bottom'],\n    default: 'bottom',\n  },\n  /**\n   * @description node type\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'danger', 'info'],\n    default: '',\n  },\n  /**\n   * @description background color of node\n   */\n  color: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description node size\n   */\n  size: {\n    type: String,\n    values: ['normal', 'large'],\n    default: 'normal',\n  },\n  /**\n   * @description icon component\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description icon is hollow\n   */\n  hollow: Boolean,\n} as const)\nexport type TimelineItemProps = ExtractPropTypes<typeof timelineItemProps>\nexport type TimelineItemPropsPublic = ExtractPublicPropTypes<\n  typeof timelineItemProps\n>\n\nexport type TimelineItemInstance = InstanceType<typeof TimelineItem> & unknown\n"],"names":["buildProps","iconPropType"],"mappings":";;;;;;;AAKO,MAAM,oBAAoBA,kBAAW,CAAA;AAAA,EAI1C,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA,OAAA;AAAA,EAIf,MAAQ,EAAA,OAAA;AAAA,EAIR,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,KAAA,EAAO,QAAQ,CAAA;AAAA,IACxB,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,UAAU,MAAM,CAAA;AAAA,IAC1D,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,QAAA,EAAU,OAAO,CAAA;AAAA,IAC1B,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;AAAA,GACR;AAAA,EAIA,MAAQ,EAAA,OAAA;AACV,CAAU;;;;"}

package/lib/components/timeline/src/timeline-item2.js

@@ -2,40 +2,119 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
-var icon = require('../../../utils/vue/icon.js');
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
+var timelineItem = require('./timeline-item.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const timelineItemProps = runtime.buildProps({
-  timestamp: {
-    type: String,
-    default: ""
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElTimelineItem"
   },
-  hideTimestamp: Boolean,
-  center: Boolean,
-  placement: {
-    type: String,
-    values: ["top", "bottom"],
-    default: "bottom"
-  },
-  type: {
-    type: String,
-    values: ["primary", "success", "warning", "danger", "info"],
-    default: ""
-  },
-  color: {
-    type: String,
-    default: ""
-  },
-  size: {
-    type: String,
-    values: ["normal", "large"],
-    default: "normal"
-  },
-  icon: {
-    type: icon.iconPropType
-  },
-  hollow: Boolean
+  __name: "timeline-item",
+  props: timelineItem.timelineItemProps,
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("timeline-item");
+    const defaultNodeKls = vue.computed(() => [
+      ns.e("node"),
+      ns.em("node", props.size || ""),
+      ns.em("node", props.type || ""),
+      ns.is("hollow", props.hollow)
+    ]);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "li",
+        {
+          class: vue.normalizeClass([vue.unref(ns).b(), { [vue.unref(ns).e("center")]: _ctx.center }])
+        },
+        [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(ns).e("tail"))
+            },
+            null,
+            2
+          ),
+          !_ctx.$slots.dot ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: vue.normalizeClass(defaultNodeKls.value),
+              style: vue.normalizeStyle({
+                backgroundColor: _ctx.color
+              })
+            },
+            [
+              _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).e("icon"))
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+                ]),
+                _: 1
+              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+            ],
+            6
+          )) : vue.createCommentVNode("v-if", true),
+          _ctx.$slots.dot ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: vue.normalizeClass(vue.unref(ns).e("dot"))
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "dot")
+            ],
+            2
+          )) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
+            },
+            [
+              !_ctx.hideTimestamp && _ctx.placement === "top" ? (vue.openBlock(), vue.createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  class: vue.normalizeClass([vue.unref(ns).e("timestamp"), vue.unref(ns).is("top")])
+                },
+                vue.toDisplayString(_ctx.timestamp),
+                3
+              )) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(vue.unref(ns).e("content"))
+                },
+                [
+                  vue.renderSlot(_ctx.$slots, "default")
+                ],
+                2
+              ),
+              !_ctx.hideTimestamp && _ctx.placement === "bottom" ? (vue.openBlock(), vue.createElementBlock(
+                "div",
+                {
+                  key: 1,
+                  class: vue.normalizeClass([vue.unref(ns).e("timestamp"), vue.unref(ns).is("bottom")])
+                },
+                vue.toDisplayString(_ctx.timestamp),
+                3
+              )) : vue.createCommentVNode("v-if", true)
+            ],
+            2
+          )
+        ],
+        2
+      );
+    };
+  }
 });
+var TimelineItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/timeline/src/timeline-item.vue"]]);
 
-exports.timelineItemProps = timelineItemProps;
+exports["default"] = TimelineItem;
 //# sourceMappingURL=timeline-item2.js.map

package/lib/components/timeline/src/timeline-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-item2.js","sources":["../../../../../../packages/components/timeline/src/timeline-item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type TimelineItem from './timeline-item.vue'\n\nexport const timelineItemProps = buildProps({\n  /**\n   * @description timestamp content\n   */\n  timestamp: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether to show timestamp\n   */\n  hideTimestamp: Boolean,\n  /**\n   * @description whether vertically centered\n   */\n  center: Boolean,\n  /**\n   * @description position of timestamp\n   */\n  placement: {\n    type: String,\n    values: ['top', 'bottom'],\n    default: 'bottom',\n  },\n  /**\n   * @description node type\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'danger', 'info'],\n    default: '',\n  },\n  /**\n   * @description background color of node\n   */\n  color: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description node size\n   */\n  size: {\n    type: String,\n    values: ['normal', 'large'],\n    default: 'normal',\n  },\n  /**\n   * @description icon component\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description icon is hollow\n   */\n  hollow: Boolean,\n} as const)\nexport type TimelineItemProps = ExtractPropTypes<typeof timelineItemProps>\nexport type TimelineItemPropsPublic = ExtractPublicPropTypes<\n  typeof timelineItemProps\n>\n\nexport type TimelineItemInstance = InstanceType<typeof TimelineItem> & unknown\n"],"names":["buildProps","iconPropType"],"mappings":";;;;;;;AAKO,MAAM,oBAAoBA,kBAAW,CAAA;AAAA,EAI1C,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA,OAAA;AAAA,EAIf,MAAQ,EAAA,OAAA;AAAA,EAIR,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,KAAA,EAAO,QAAQ,CAAA;AAAA,IACxB,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,UAAU,MAAM,CAAA;AAAA,IAC1D,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,QAAA,EAAU,OAAO,CAAA;AAAA,IAC1B,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;AAAA,GACR;AAAA,EAIA,MAAQ,EAAA,OAAA;AACV,CAAU;;;;"}
+{"version":3,"file":"timeline-item2.js","sources":["../../../../../../packages/components/timeline/src/timeline-item.vue"],"sourcesContent":["<template>\n  <li :class=\"[ns.b(), { [ns.e('center')]: center }]\">\n    <div :class=\"ns.e('tail')\" />\n    <div\n      v-if=\"!$slots.dot\"\n      :class=\"defaultNodeKls\"\n      :style=\"{\n        backgroundColor: color,\n      }\"\n    >\n      <el-icon v-if=\"icon\" :class=\"ns.e('icon')\">\n        <component :is=\"icon\" />\n      </el-icon>\n    </div>\n    <div v-if=\"$slots.dot\" :class=\"ns.e('dot')\">\n      <slot name=\"dot\" />\n    </div>\n\n    <div :class=\"ns.e('wrapper')\">\n      <div\n        v-if=\"!hideTimestamp && placement === 'top'\"\n        :class=\"[ns.e('timestamp'), ns.is('top')]\"\n      >\n        {{ timestamp }}\n      </div>\n\n      <div :class=\"ns.e('content')\">\n        <slot />\n      </div>\n\n      <div\n        v-if=\"!hideTimestamp && placement === 'bottom'\"\n        :class=\"[ns.e('timestamp'), ns.is('bottom')]\"\n      >\n        {{ timestamp }}\n      </div>\n    </div>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { timelineItemProps } from './timeline-item'\n\ndefineOptions({\n  name: 'ElTimelineItem',\n})\n\nconst props = defineProps(timelineItemProps)\n\nconst ns = useNamespace('timeline-item')\nconst defaultNodeKls = computed(() => [\n  ns.e('node'),\n  ns.em('node', props.size || ''),\n  ns.em('node', props.type || ''),\n  ns.is('hollow', props.hollow),\n])\n</script>\n"],"names":["useNamespace","computed","_openBlock","_createElementBlock","_normalizeClass","_unref","center","_createElementVNode","$slots","_normalizeStyle","color","icon","_createBlock","ElIcon","_resolveDynamicComponent","_renderSlot","hideTimestamp","placement","timestamp","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;AAkDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAER,IAAA,MAAA,EAAA,GAAKA,mBAAa,eAAe,CAAA,CAAA;AACjC,IAAA,MAAA,cAAA,GAAiBC,aAAS,MAAM;AAAA,MACpC,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,MACX,EAAG,CAAA,EAAA,CAAG,MAAQ,EAAA,KAAA,CAAM,QAAQ,EAAE,CAAA;AAAA,MAC9B,EAAG,CAAA,EAAA,CAAG,MAAQ,EAAA,KAAA,CAAM,QAAQ,EAAE,CAAA;AAAA,MAC9B,EAAG,CAAA,EAAA,CAAG,QAAU,EAAA,KAAA,CAAM,MAAM,CAAA;AAAA,KAC7B,CAAA,CAAA;;AAzDC,MAAA,OAAAC,eAAA,EAAAC,sBAAA;AAAA,QAoCK,IAAA;AAAA,QAAA;AAAA,UApCA,OAAKC,oBAAGC,UAAG,EAAA,CAAA,CAAA,QAAQA,SAAG,CAAA,EAAA,EAAA,CAAC,CAAA,YAAaC,IAAM,CAAA,MAAA,EAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UAC7CC,sBAAA;AAAA,YAA6B,KAAA;AAAA,YAAA;AAAA,cAAvB,OAAKH,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,MAAA,CAAA,CAAA;AAAA,aAAA;AAAA;;;UAERG,CAAAA,IAAAA,CAAAA,MAAO,CAAA,GAAA,IADhBN,eAAA,EAAAC,sBAAA;AAAA,YAUM,KAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cARH,KAAA,EAAKC,kBAAE,CAAA,cAAA,CAAc,KAAA,CAAA;AAAA,cACrB,OAAKK,kBAAA,CAAA;AAAA,gBAA6BC,iBAAAA,IAAAA,CAAAA,KAAAA;AAAAA,eAAAA,CAAAA;AAAAA;;cAIpBC,KAAAA,IAAAA,IAAAA,aAAAA,IAAfC,eAEU,CAAAP,SAAA,CAAAQ,cAAA,CAAA,EAAA;AAAA,gBAAA,GAAA,EAAA,CAAA;AAAA,gBAFY,OAAKT,kBAAE,CAAAC,SAAA,IAAG,CAAA,CAAA,CAAC,MAAA,CAAA,CAAA;AAAA,eAAA,EAAA;AAAA,qCAC/B,MAAwB;AAAA,mBAAxBH,eAAA,EAAAU,eAAA,CAAwBE,2BAARH,CAAAA,IAAAA,CAAI,IAAA,CAAA,CAAA;AAAA,iBAAA,CAAA;AAAA;;;;;UAGbH,IAAAA,CAAAA,MAAAA,CAAO,GAAlB,IAAAN,aAAA,EAAA,EAAAC,sBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAFkB,OAAKC,kBAAE,CAAAC,SAAA,IAAG,CAAA,CAAA,CAAC,KAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cACjCU,cAAA,CAAmB,IAAA,CAAA,MAAA,EAAA,KAAA,CAAA;AAAA,aAAA;AAAA;;UAGrBR,sBAAA;AAAA,YAkBM,KAAA;AAAA,YAAA;AAAA,cAlBA,OAAKH,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,SAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cAENW,CAAAA,IAAAA,CAAAA,aAAAA,IAAiBC,cAAS,KAAA,KAAA,IADnCf,eAAA,EAAAC,sBAAA;AAAA,gBAKM,KAAA;AAAA,gBAAA;AAAA,kBAAA,GAAA,EAAA,CAAA;AAAA,kBAHH,KAAK,EAAAC,kBAAA,CAAG,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,WAAA,CAAA,EAAeA,cAAG,EAAE,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,iBAAA;AAAA,oCAE9Ba,KAAS,SAAA,CAAA;AAAA,gBAAA,CAAA;AAAA,eAAA,IAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,cAGdZ,sBAAA;AAAA,gBAEM,KAAA;AAAA,gBAAA;AAAA,kBAFA,OAAKH,kBAAE,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,SAAA,CAAA,CAAA;AAAA,iBAAA;AAAA;kBACfU,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,iBAAA;AAAA;;cAIDC,CAAAA,IAAAA,CAAAA,aAAAA,IAAiBC,cAAS,KAAA,QAAA,IADnCf,eAAA,EAAAC,sBAAA;AAAA,gBAKM,KAAA;AAAA,gBAAA;AAAA,kBAAA,GAAA,EAAA,CAAA;AAAA,kBAHH,KAAK,EAAAC,kBAAA,CAAG,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,WAAA,CAAA,EAAeA,cAAG,EAAE,CAAA,QAAA,CAAA,CAAA,CAAA;AAAA,iBAAA;AAAA,oCAE9Ba,KAAS,SAAA,CAAA;AAAA,gBAAA,CAAA;AAAA,eAAA,IAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA;;;;;;;;;;;;;"}

package/lib/components/tooltip/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tooltip$1 = require('./src/tooltip.js');
-var tooltip = require('./src/tooltip2.js');
+var tooltip$1 = require('./src/tooltip2.js');
+var tooltip = require('./src/tooltip.js');
 var trigger = require('./src/trigger.js');
 var content = require('./src/content.js');
 var constants = require('./src/constants.js');

package/lib/components/tooltip/src/content.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('../../../hooks/use-delayed-toggle/index.js');
-var content = require('../../popper/src/content2.js');
+var content = require('../../popper/src/content.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
-var teleport = require('../../teleport/src/teleport2.js');
+var teleport = require('../../teleport/src/teleport.js');
 var index$1 = require('../../../hooks/use-aria/index.js');
 
 const useTooltipContentProps = runtime.buildProps({

package/lib/components/tooltip/src/content2.js

@@ -12,7 +12,7 @@ var utils = require('./utils.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-popper-container/index.js');
 var arrays = require('../../../utils/arrays.js');
-var content$1 = require('../../popper/src/content.js');
+var content$1 = require('../../popper/src/content2.js');
 var index$1 = require('../../../hooks/use-namespace/index.js');
 var aria = require('../../../utils/dom/aria.js');
 var event = require('../../../utils/dom/event.js');

package/lib/components/tooltip/src/tooltip.js

@@ -2,191 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$4 = require('../../popper/index.js');
-var constants = require('./constants.js');
-var tooltip = require('./tooltip2.js');
-var trigger = require('./trigger2.js');
-var content = require('./content2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-popper-container/index.js');
-var index$3 = require('../../../hooks/use-delayed-toggle/index.js');
-var arrow = require('../../popper/src/arrow2.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
-var index$2 = require('../../../hooks/use-id/index.js');
-var types = require('../../../utils/types.js');
+var content = require('./content.js');
+var trigger = require('./trigger.js');
+var popper = require('../../popper/src/popper.js');
+var arrow = require('../../popper/src/arrow.js');
+var index = require('../../../hooks/use-model-toggle/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = { key: 1 };
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElTooltip"
-  },
-  __name: "tooltip",
-  props: tooltip.useTooltipProps,
-  emits: tooltip.tooltipEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    index.usePopperContainer();
-    const ns = index$1.useNamespace("tooltip");
-    const id = index$2.useId();
-    const popperRef = vue.ref();
-    const contentRef = vue.ref();
-    const updatePopper = () => {
-      var _a;
-      const popperComponent = vue.unref(popperRef);
-      if (popperComponent) {
-        (_a = popperComponent.popperInstanceRef) == null ? void 0 : _a.update();
-      }
-    };
-    const open = vue.ref(false);
-    const toggleReason = vue.ref();
-    const { show, hide, hasUpdateHandler } = tooltip.useTooltipModelToggle({
-      indicator: open,
-      toggleReason
-    });
-    const { onOpen, onClose } = index$3.useDelayedToggle({
-      showAfter: vue.toRef(props, "showAfter"),
-      hideAfter: vue.toRef(props, "hideAfter"),
-      autoClose: vue.toRef(props, "autoClose"),
-      open: show,
-      close: hide
-    });
-    const controlled = vue.computed(
-      () => types.isBoolean(props.visible) && !hasUpdateHandler.value
-    );
-    const kls = vue.computed(() => {
-      return [ns.b(), props.popperClass];
-    });
-    vue.provide(constants.TOOLTIP_INJECTION_KEY, {
-      controlled,
-      id,
-      open: vue.readonly(open),
-      trigger: vue.toRef(props, "trigger"),
-      onOpen,
-      onClose,
-      onToggle: (event) => {
-        if (vue.unref(open)) {
-          onClose(event);
-        } else {
-          onOpen(event);
-        }
-      },
-      onShow: () => {
-        emit("show", toggleReason.value);
-      },
-      onHide: () => {
-        emit("hide", toggleReason.value);
-      },
-      onBeforeShow: () => {
-        emit("before-show", toggleReason.value);
-      },
-      onBeforeHide: () => {
-        emit("before-hide", toggleReason.value);
-      },
-      updatePopper
-    });
-    vue.watch(
-      () => props.disabled,
-      (disabled) => {
-        if (disabled && open.value) {
-          open.value = false;
-        }
-      }
-    );
-    const isFocusInsideContent = (event) => {
-      var _a;
-      return (_a = contentRef.value) == null ? void 0 : _a.isFocusInsideContent(event);
-    };
-    vue.onDeactivated(() => open.value && hide());
-    vue.onBeforeUnmount(() => {
-      toggleReason.value = void 0;
-    });
-    __expose({
-      popperRef,
-      contentRef,
-      isFocusInsideContent,
-      updatePopper,
-      onOpen,
-      onClose,
-      hide
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$4.ElPopper), {
-        ref_key: "popperRef",
-        ref: popperRef,
-        role: _ctx.role
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(trigger["default"], {
-            disabled: _ctx.disabled,
-            trigger: _ctx.trigger,
-            "trigger-keys": _ctx.triggerKeys,
-            "virtual-ref": _ctx.virtualRef,
-            "virtual-triggering": _ctx.virtualTriggering,
-            "focus-on-target": _ctx.focusOnTarget
-          }, {
-            default: vue.withCtx(() => [
-              _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("v-if", true)
-            ]),
-            _: 3
-          }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering", "focus-on-target"]),
-          vue.createVNode(content["default"], {
-            ref_key: "contentRef",
-            ref: contentRef,
-            "aria-label": _ctx.ariaLabel,
-            "boundaries-padding": _ctx.boundariesPadding,
-            content: _ctx.content,
-            disabled: _ctx.disabled,
-            effect: _ctx.effect,
-            enterable: _ctx.enterable,
-            "fallback-placements": _ctx.fallbackPlacements,
-            "hide-after": _ctx.hideAfter,
-            "gpu-acceleration": _ctx.gpuAcceleration,
-            offset: _ctx.offset,
-            persistent: _ctx.persistent,
-            "popper-class": kls.value,
-            "popper-style": _ctx.popperStyle,
-            placement: _ctx.placement,
-            "popper-options": _ctx.popperOptions,
-            "arrow-offset": _ctx.arrowOffset,
-            pure: _ctx.pure,
-            "raw-content": _ctx.rawContent,
-            "reference-el": _ctx.referenceEl,
-            "trigger-target-el": _ctx.triggerTargetEl,
-            "show-after": _ctx.showAfter,
-            strategy: _ctx.strategy,
-            teleported: _ctx.teleported,
-            transition: _ctx.transition,
-            "virtual-triggering": _ctx.virtualTriggering,
-            "z-index": _ctx.zIndex,
-            "append-to": _ctx.appendTo,
-            loop: _ctx.loop
-          }, {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "content", {}, () => [
-                _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
-                  key: 0,
-                  innerHTML: _ctx.content
-                }, null, 8, _hoisted_1)) : (vue.openBlock(), vue.createElementBlock(
-                  "span",
-                  _hoisted_2,
-                  vue.toDisplayString(_ctx.content),
-                  1
-                ))
-              ]),
-              _ctx.showArrow ? (vue.openBlock(), vue.createBlock(vue.unref(arrow["default"]), { key: 0 })) : vue.createCommentVNode("v-if", true)
-            ]),
-            _: 3
-          }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "arrow-offset", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to", "loop"])
-        ]),
-        _: 3
-      }, 8, ["role"]);
-    };
+const {
+  useModelToggleProps: useTooltipModelToggleProps,
+  useModelToggleEmits: useTooltipModelToggleEmits,
+  useModelToggle: useTooltipModelToggle
+} = index.createModelToggleComposable("visible");
+const useTooltipProps = runtime.buildProps({
+  ...popper.popperProps,
+  ...useTooltipModelToggleProps,
+  ...content.useTooltipContentProps,
+  ...trigger.useTooltipTriggerProps,
+  ...arrow.popperArrowProps,
+  showArrow: {
+    type: Boolean,
+    default: true
   }
 });
-var Tooltip = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/tooltip.vue"]]);
+const tooltipEmits = [
+  ...useTooltipModelToggleEmits,
+  "before-show",
+  "before-hide",
+  "show",
+  "hide",
+  "open",
+  "close"
+];
 
-exports["default"] = Tooltip;
+exports.tooltipEmits = tooltipEmits;
+exports.useTooltipModelToggle = useTooltipModelToggle;
+exports.useTooltipModelToggleEmits = useTooltipModelToggleEmits;
+exports.useTooltipModelToggleProps = useTooltipModelToggleProps;
+exports.useTooltipProps = useTooltipProps;
 //# sourceMappingURL=tooltip.js.map