@element-plus/nightly 0.0.20260106 → 0.0.20260108

package/lib/components/time-select/src/time-select2.js

@@ -2,74 +2,151 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var iconsVue = require('@element-plus/icons-vue');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var index = require('../../../hooks/use-size/index.js');
-var index$1 = require('../../../hooks/use-empty-values/index.js');
+var vue = require('vue');
+var dayjs = require('dayjs');
+var customParseFormat = require('dayjs/plugin/customParseFormat.js');
+var index$2 = require('../../select/index.js');
+var index$3 = require('../../icon/index.js');
+var timeSelect = require('./time-select.js');
+var utils = require('./utils.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var event = require('../../../constants/event.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
+var index$1 = require('../../../hooks/use-locale/index.js');
 
-const timeSelectProps = runtime.buildProps({
-  format: {
-    type: String,
-    default: "HH:mm"
-  },
-  modelValue: {
-    type: runtime.definePropType(String)
-  },
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  editable: {
-    type: Boolean,
-    default: true
-  },
-  effect: {
-    type: runtime.definePropType(String),
-    default: "light"
-  },
-  clearable: {
-    type: Boolean,
-    default: true
-  },
-  size: index.useSizeProp,
-  placeholder: String,
-  start: {
-    type: String,
-    default: "09:00"
-  },
-  end: {
-    type: String,
-    default: "18:00"
-  },
-  step: {
-    type: String,
-    default: "00:30"
-  },
-  minTime: {
-    type: runtime.definePropType(String)
-  },
-  maxTime: {
-    type: runtime.definePropType(String)
-  },
-  includeEndTime: Boolean,
-  name: String,
-  prefixIcon: {
-    type: runtime.definePropType([String, Object]),
-    default: () => iconsVue.Clock
-  },
-  clearIcon: {
-    type: runtime.definePropType([String, Object]),
-    default: () => iconsVue.CircleClose
-  },
-  popperClass: {
-    type: String,
-    default: ""
-  },
-  popperStyle: {
-    type: runtime.definePropType([String, Object])
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var customParseFormat__default = /*#__PURE__*/_interopDefaultLegacy(customParseFormat);
+
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElTimeSelect"
   },
-  ...index$1.useEmptyValuesProps
+  __name: "time-select",
+  props: timeSelect.timeSelectProps,
+  emits: [event.CHANGE_EVENT, "blur", "focus", "clear", event.UPDATE_MODEL_EVENT],
+  setup(__props, { expose: __expose }) {
+    dayjs__default["default"].extend(customParseFormat__default["default"]);
+    const { Option: ElOption } = index$2.ElSelect;
+    const props = __props;
+    const nsInput = index.useNamespace("input");
+    const select = vue.ref();
+    const _disabled = useFormCommonProps.useFormDisabled();
+    const { lang } = index$1.useLocale();
+    const value = vue.computed(() => props.modelValue);
+    const start = vue.computed(() => {
+      const time = utils.parseTime(props.start);
+      return time ? utils.formatTime(time) : null;
+    });
+    const end = vue.computed(() => {
+      const time = utils.parseTime(props.end);
+      return time ? utils.formatTime(time) : null;
+    });
+    const step = vue.computed(() => {
+      const time = utils.parseTime(props.step);
+      return time ? utils.formatTime(time) : null;
+    });
+    const minTime = vue.computed(() => {
+      const time = utils.parseTime(props.minTime || "");
+      return time ? utils.formatTime(time) : null;
+    });
+    const maxTime = vue.computed(() => {
+      const time = utils.parseTime(props.maxTime || "");
+      return time ? utils.formatTime(time) : null;
+    });
+    const items = vue.computed(() => {
+      var _a;
+      const result = [];
+      const push = (formattedValue, rawValue) => {
+        result.push({
+          value: formattedValue,
+          disabled: utils.compareTime(rawValue, minTime.value || "-1:-1") <= 0 || utils.compareTime(rawValue, maxTime.value || "100:100") >= 0
+        });
+      };
+      if (props.start && props.end && props.step) {
+        let current = start.value;
+        let currentTime;
+        while (current && end.value && utils.compareTime(current, end.value) <= 0) {
+          currentTime = dayjs__default["default"](current, "HH:mm").locale(lang.value).format(props.format);
+          push(currentTime, current);
+          current = utils.nextTime(current, step.value);
+        }
+        if (props.includeEndTime && end.value && ((_a = result[result.length - 1]) == null ? void 0 : _a.value) !== end.value) {
+          const formattedValue = dayjs__default["default"](end.value, "HH:mm").locale(lang.value).format(props.format);
+          push(formattedValue, end.value);
+        }
+      }
+      return result;
+    });
+    const blur = () => {
+      var _a, _b;
+      (_b = (_a = select.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
+    };
+    const focus = () => {
+      var _a, _b;
+      (_b = (_a = select.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+    };
+    __expose({
+      blur,
+      focus
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElSelect), {
+        ref_key: "select",
+        ref: select,
+        "model-value": value.value,
+        disabled: vue.unref(_disabled),
+        clearable: _ctx.clearable,
+        "clear-icon": _ctx.clearIcon,
+        size: _ctx.size,
+        effect: _ctx.effect,
+        placeholder: _ctx.placeholder,
+        "default-first-option": "",
+        filterable: _ctx.editable,
+        "empty-values": _ctx.emptyValues,
+        "value-on-clear": _ctx.valueOnClear,
+        "popper-class": _ctx.popperClass,
+        "popper-style": _ctx.popperStyle,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = (event$1) => _ctx.$emit(vue.unref(event.UPDATE_MODEL_EVENT), event$1)),
+        onChange: _cache[1] || (_cache[1] = (event$1) => _ctx.$emit(vue.unref(event.CHANGE_EVENT), event$1)),
+        onBlur: _cache[2] || (_cache[2] = (event) => _ctx.$emit("blur", event)),
+        onFocus: _cache[3] || (_cache[3] = (event) => _ctx.$emit("focus", event)),
+        onClear: _cache[4] || (_cache[4] = () => _ctx.$emit("clear"))
+      }, {
+        prefix: vue.withCtx(() => [
+          _ctx.prefixIcon ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElIcon), {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(nsInput).e("prefix-icon"))
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.prefixIcon)))
+            ]),
+            _: 1
+          }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+        ]),
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(
+            vue.Fragment,
+            null,
+            vue.renderList(items.value, (item) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(ElOption), {
+                key: item.value,
+                label: item.value,
+                value: item.value,
+                disabled: item.disabled
+              }, null, 8, ["label", "value", "disabled"]);
+            }),
+            128
+          ))
+        ]),
+        _: 1
+      }, 8, ["model-value", "disabled", "clearable", "clear-icon", "size", "effect", "placeholder", "filterable", "empty-values", "value-on-clear", "popper-class", "popper-style"]);
+    };
+  }
 });
+var TimeSelect = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/time-select/src/time-select.vue"]]);
 
-exports.timeSelectProps = timeSelectProps;
+exports["default"] = TimeSelect;
 //# sourceMappingURL=time-select2.js.map

package/lib/components/time-select/src/time-select2.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-select2.js","sources":["../../../../../../packages/components/time-select/src/time-select.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { CircleClose, Clock } from '@element-plus/icons-vue'\nimport { useEmptyValuesProps, useSizeProp } from '@element-plus/hooks'\n\nimport type { PopperEffect } from '@element-plus/components/popper'\nimport type TimeSelect from './time-select.vue'\nimport type {\n  CSSProperties,\n  Component,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\n\nexport const timeSelectProps = buildProps({\n  /**\n   * @description set format of time\n   */\n  format: {\n    type: String,\n    default: 'HH:mm',\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<string | null>(String),\n  },\n  /**\n   * @description whether TimeSelect is disabled\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description whether the input is editable\n   */\n  editable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Tooltip theme, built-in theme: `dark` / `light`\n   */\n  effect: {\n    type: definePropType<PopperEffect>(String),\n    default: 'light',\n  },\n  /**\n   * @description whether to show clear button\n   */\n  clearable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description size of Input\n   */\n  size: useSizeProp,\n  /**\n   * @description placeholder in non-range mode\n   */\n  placeholder: String,\n  /**\n   * @description start time\n   */\n  start: {\n    type: String,\n    default: '09:00',\n  },\n  /**\n   * @description end time\n   */\n  end: {\n    type: String,\n    default: '18:00',\n  },\n  /**\n   * @description time step\n   */\n  step: {\n    type: String,\n    default: '00:30',\n  },\n  /**\n   * @description minimum time, any time before this time will be disabled\n   */\n  minTime: {\n    type: definePropType<string | null>(String),\n  },\n  /**\n   * @description maximum time, any time after this time will be disabled\n   */\n  maxTime: {\n    type: definePropType<string | null>(String),\n  },\n  /**\n   * @description whether `end` is included in options\n   */\n  includeEndTime: Boolean,\n  /**\n   * @description same as `name` in native input\n   */\n  name: String,\n  /**\n   * @description custom prefix icon component\n   */\n  prefixIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: () => Clock,\n  },\n  /**\n   * @description custom clear icon component\n   */\n  clearIcon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: () => CircleClose,\n  },\n  /**\n   * @description custom class name for TimeSelect's dropdown\n   */\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description custom style for TimeSelect's dropdown\n   */\n  popperStyle: {\n    type: definePropType<string | CSSProperties>([String, Object]),\n  },\n  ...useEmptyValuesProps,\n} as const)\n\nexport type TimeSelectProps = ExtractPropTypes<typeof timeSelectProps>\nexport type TimeSelectPropsPublic = ExtractPublicPropTypes<\n  typeof timeSelectProps\n>\n\nexport type TimeSelectInstance = InstanceType<typeof TimeSelect> & unknown\n"],"names":["buildProps","definePropType","useSizeProp","Clock","CircleClose","useEmptyValuesProps"],"mappings":";;;;;;;;;AAaO,MAAM,kBAAkBA,kBAAW,CAAA;AAAA,EAIxC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMC,uBAA8B,MAAM,CAAA;AAAA,GAC5C;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAMA,uBAA6B,MAAM,CAAA;AAAA,IACzC,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAAC,iBAAA;AAAA,EAIN,WAAa,EAAA,MAAA;AAAA,EAIb,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMD,uBAA8B,MAAM,CAAA;AAAA,GAC5C;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAA8B,MAAM,CAAA;AAAA,GAC5C;AAAA,EAIA,cAAgB,EAAA,OAAA;AAAA,EAIhB,IAAM,EAAA,MAAA;AAAA,EAIN,UAAY,EAAA;AAAA,IACV,IAAM,EAAAA,sBAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,SAAS,MAAME,cAAA;AAAA,GACjB;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAAF,sBAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,SAAS,MAAMG,oBAAA;AAAA,GACjB;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAAH,sBAAA,CAAuC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,GAC/D;AAAA,EACA,GAAGI,2BAAA;AACL,CAAU;;;;"}
+{"version":3,"file":"time-select2.js","sources":["../../../../../../packages/components/time-select/src/time-select.vue"],"sourcesContent":["<template>\n  <el-select\n    ref=\"select\"\n    :model-value=\"value\"\n    :disabled=\"_disabled\"\n    :clearable=\"clearable\"\n    :clear-icon=\"clearIcon\"\n    :size=\"size\"\n    :effect=\"effect\"\n    :placeholder=\"placeholder\"\n    default-first-option\n    :filterable=\"editable\"\n    :empty-values=\"emptyValues\"\n    :value-on-clear=\"valueOnClear\"\n    :popper-class=\"popperClass\"\n    :popper-style=\"popperStyle\"\n    @update:model-value=\"(event) => $emit(UPDATE_MODEL_EVENT, event)\"\n    @change=\"(event) => $emit(CHANGE_EVENT, event)\"\n    @blur=\"(event) => $emit('blur', event)\"\n    @focus=\"(event) => $emit('focus', event)\"\n    @clear=\"() => $emit('clear')\"\n  >\n    <el-option\n      v-for=\"item in items\"\n      :key=\"item.value\"\n      :label=\"item.value\"\n      :value=\"item.value\"\n      :disabled=\"item.disabled\"\n    />\n    <template #prefix>\n      <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('prefix-icon')\">\n        <component :is=\"prefixIcon\" />\n      </el-icon>\n    </template>\n  </el-select>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport ElSelect from '@element-plus/components/select'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport ElIcon from '@element-plus/components/icon'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { timeSelectProps } from './time-select'\nimport { compareTime, formatTime, nextTime, parseTime } from './utils'\n\ndayjs.extend(customParseFormat)\n\nconst { Option: ElOption } = ElSelect\n\ndefineOptions({\n  name: 'ElTimeSelect',\n})\n\ndefineEmits([CHANGE_EVENT, 'blur', 'focus', 'clear', UPDATE_MODEL_EVENT])\n\nconst props = defineProps(timeSelectProps)\n\nconst nsInput = useNamespace('input')\nconst select = ref<typeof ElSelect>()\n\nconst _disabled = useFormDisabled()\nconst { lang } = useLocale()\n\nconst value = computed(() => props.modelValue)\nconst start = computed(() => {\n  const time = parseTime(props.start)\n  return time ? formatTime(time) : null\n})\n\nconst end = computed(() => {\n  const time = parseTime(props.end)\n  return time ? formatTime(time) : null\n})\n\nconst step = computed(() => {\n  const time = parseTime(props.step)\n  return time ? formatTime(time) : null\n})\n\nconst minTime = computed(() => {\n  const time = parseTime(props.minTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst maxTime = computed(() => {\n  const time = parseTime(props.maxTime || '')\n  return time ? formatTime(time) : null\n})\n\nconst items = computed(() => {\n  const result: { value: string; disabled: boolean }[] = []\n  const push = (formattedValue: string, rawValue: string) => {\n    result.push({\n      value: formattedValue,\n      disabled:\n        compareTime(rawValue, minTime.value || '-1:-1') <= 0 ||\n        compareTime(rawValue, maxTime.value || '100:100') >= 0,\n    })\n  }\n\n  if (props.start && props.end && props.step) {\n    let current = start.value\n    let currentTime: string\n    while (current && end.value && compareTime(current, end.value) <= 0) {\n      currentTime = dayjs(current, 'HH:mm')\n        .locale(lang.value)\n        .format(props.format)\n      push(currentTime, current)\n      current = nextTime(current, step.value!)\n    }\n    if (\n      props.includeEndTime &&\n      end.value &&\n      result[result.length - 1]?.value !== end.value\n    ) {\n      const formattedValue = dayjs(end.value, 'HH:mm')\n        .locale(lang.value)\n        .format(props.format)\n      push(formattedValue, end.value)\n    }\n  }\n  return result\n})\n\nconst blur = () => {\n  select.value?.blur?.()\n}\n\nconst focus = () => {\n  select.value?.focus?.()\n}\n\ndefineExpose({\n  /**\n   * @description blur the Input component\n   */\n  blur,\n  /**\n   * @description focus the Input component\n   */\n  focus,\n})\n</script>\n"],"names":["dayjs","customParseFormat","ElSelect","useNamespace","ref","useFormDisabled","useLocale","computed","parseTime","formatTime","compareTime","nextTime","_createBlock","_unref","clearable","clearIcon","size","effect","placeholder","editable","emptyValues","valueOnClear","popperClass","popperStyle","event","$emit","_withCtx","prefixIcon","ElIcon","_normalizeClass","_openBlock","_resolveDynamicComponent","_createElementBlock","_Fragment","_renderList"],"mappings":"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"}

package/lib/components/timeline/index.js

@@ -13,6 +13,7 @@ const ElTimeline = install.withInstall(timeline["default"], {
 });
 const ElTimelineItem = install.withNoopInstall(timelineItem$1["default"]);
 
+exports.timelineProps = timeline.timelineProps;
 exports.timelineItemProps = timelineItem.timelineItemProps;
 exports.TIMELINE_INJECTION_KEY = tokens.TIMELINE_INJECTION_KEY;
 exports.ElTimeline = ElTimeline;

package/lib/components/timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/timeline/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils'\nimport Timeline from './src/timeline'\nimport TimelineItem from './src/timeline-item.vue'\n\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nexport const ElTimeline: SFCWithInstall<typeof Timeline> & {\n  TimelineItem: typeof TimelineItem\n} = withInstall(Timeline, {\n  TimelineItem,\n})\nexport default ElTimeline\nexport const ElTimelineItem: SFCWithInstall<typeof TimelineItem> =\n  withNoopInstall(TimelineItem)\n\nexport * from './src/timeline'\nexport * from './src/timeline-item'\nexport * from './src/tokens'\n"],"names":["withInstall","Timeline","TimelineItem","withNoopInstall"],"mappings":";;;;;;;;;;AAMa,MAAA,UAAA,GAETA,oBAAYC,mBAAU,EAAA;AAAA,gBACxBC,yBAAA;AACF,CAAC,EAAA;AAEY,MAAA,cAAA,GACXC,wBAAgBD,yBAAY;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/timeline/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils'\nimport Timeline from './src/timeline'\nimport TimelineItem from './src/timeline-item.vue'\n\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nexport const ElTimeline: SFCWithInstall<typeof Timeline> & {\n  TimelineItem: typeof TimelineItem\n} = withInstall(Timeline, {\n  TimelineItem,\n})\nexport default ElTimeline\nexport const ElTimelineItem: SFCWithInstall<typeof TimelineItem> =\n  withNoopInstall(TimelineItem)\n\nexport * from './src/timeline'\nexport * from './src/timeline-item'\nexport * from './src/tokens'\n"],"names":["withInstall","Timeline","TimelineItem","withNoopInstall"],"mappings":";;;;;;;;;;AAMa,MAAA,UAAA,GAETA,oBAAYC,mBAAU,EAAA;AAAA,gBACxBC,yBAAA;AACF,CAAC,EAAA;AAEY,MAAA,cAAA,GACXC,wBAAgBD,yBAAY;;;;;;;;;"}

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var index$1 = require('../../icon/index.js');
 var timelineItem = require('./timeline-item.js');
+var tokens = require('./tokens.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index.js');
 
@@ -16,6 +17,9 @@ const _sfc_main = vue.defineComponent({
   props: timelineItem.timelineItemProps,
   setup(__props) {
     const props = __props;
+    const { props: timelineProps } = vue.inject(
+      tokens.TIMELINE_INJECTION_KEY
+    );
     const ns = index.useNamespace("timeline-item");
     const defaultNodeKls = vue.computed(() => [
       ns.e("node"),
@@ -23,11 +27,16 @@ const _sfc_main = vue.defineComponent({
       ns.em("node", props.type || ""),
       ns.is("hollow", props.hollow)
     ]);
+    const timelineItemKls = vue.computed(() => [
+      ns.b(),
+      { [ns.e("center")]: props.center },
+      ns.is(timelineProps.mode)
+    ]);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(
         "li",
         {
-          class: vue.normalizeClass([vue.unref(ns).b(), { [vue.unref(ns).e("center")]: _ctx.center }])
+          class: vue.normalizeClass(timelineItemKls.value)
         },
         [
           vue.createElementVNode(

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

@@ -1 +1 @@
-{"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":"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"}
+{"version":3,"file":"timeline-item2.js","sources":["../../../../../../packages/components/timeline/src/timeline-item.vue"],"sourcesContent":["<template>\n  <li :class=\"timelineItemKls\">\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, inject } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { timelineItemProps } from './timeline-item'\nimport { TIMELINE_INJECTION_KEY } from './tokens'\n\nimport type { TimelineProvider } from './tokens'\n\ndefineOptions({\n  name: 'ElTimelineItem',\n})\n\nconst props = defineProps(timelineItemProps)\n\nconst { props: timelineProps } = inject<TimelineProvider>(\n  TIMELINE_INJECTION_KEY\n)!\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\nconst timelineItemKls = computed(() => [\n  ns.b(),\n  { [ns.e('center')]: props.center },\n  ns.is(timelineProps.mode),\n])\n</script>\n"],"names":["inject","TIMELINE_INJECTION_KEY","useNamespace","computed","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_unref","$slots","_normalizeStyle","color","icon","_createBlock","ElIcon","_resolveDynamicComponent","_renderSlot","hideTimestamp","placement","timestamp","_createCommentVNode"],"mappings":"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"}

package/lib/components/timeline/src/timeline.d.ts

@@ -1,11 +1,21 @@
+import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+export declare const timelineProps: {
+    readonly mode: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "end" | "start" | "alternate" | "alternate-reverse", unknown, "start", boolean>;
+    readonly reverse: BooleanConstructor;
+};
+export type TimelineProps = ExtractPropTypes<typeof timelineProps>;
+export type TimelinePropsPublic = ExtractPublicPropTypes<typeof timelineProps>;
 declare const Timeline: import("vue").DefineComponent<{
-    reverse: BooleanConstructor;
+    readonly mode: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "end" | "start" | "alternate" | "alternate-reverse", unknown, "start", boolean>;
+    readonly reverse: BooleanConstructor;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    reverse: BooleanConstructor;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    readonly mode: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "end" | "start" | "alternate" | "alternate-reverse", unknown, "start", boolean>;
+    readonly reverse: BooleanConstructor;
 }>>, {
-    reverse: boolean;
+    readonly reverse: boolean;
+    readonly mode: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "end" | "start" | "alternate" | "alternate-reverse", unknown>;
 }, {}>;
 export default Timeline;
 export type TimelineInstance = InstanceType<typeof Timeline> & unknown;

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

@@ -4,17 +4,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var tokens = require('./tokens.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var vnode = require('../../../utils/vue/vnode.js');
 
+const timelineProps = runtime.buildProps({
+  mode: {
+    type: String,
+    values: ["start", "alternate", "alternate-reverse", "end"],
+    default: "start"
+  },
+  reverse: Boolean
+});
 const Timeline = vue.defineComponent({
   name: "ElTimeline",
-  props: {
-    reverse: Boolean
-  },
+  props: timelineProps,
   setup(props, { slots }) {
     const ns = index.useNamespace("timeline");
-    vue.provide(tokens.TIMELINE_INJECTION_KEY, slots);
+    vue.provide(tokens.TIMELINE_INJECTION_KEY, { props, slots });
+    const timelineKls = vue.computed(() => [ns.b(), ns.is(props.mode)]);
     return () => {
       var _a, _b;
       const children = vnode.flattedChildren(
@@ -22,7 +30,7 @@ const Timeline = vue.defineComponent({
       );
       return vue.h(
         "ul",
-        { class: [ns.b()] },
+        { class: timelineKls.value },
         props.reverse ? children.reverse() : children
       );
     };
@@ -30,4 +38,5 @@ const Timeline = vue.defineComponent({
 });
 
 exports["default"] = Timeline;
+exports.timelineProps = timelineProps;
 //# sourceMappingURL=timeline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"timeline.js","sources":["../../../../../../packages/components/timeline/src/timeline.ts"],"sourcesContent":["import { defineComponent, h, provide } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { TIMELINE_INJECTION_KEY } from './tokens'\nimport { flattedChildren } from '@element-plus/utils'\n\nimport type { VNodeChildAtom } from '@element-plus/utils'\n\nconst Timeline = defineComponent({\n  name: 'ElTimeline',\n  props: {\n    reverse: Boolean,\n  },\n  setup(props, { slots }) {\n    const ns = useNamespace('timeline')\n\n    provide(TIMELINE_INJECTION_KEY, slots)\n\n    return () => {\n      const children = flattedChildren(\n        slots.default?.() ?? []\n      ) as VNodeChildAtom[]\n\n      return h(\n        'ul',\n        { class: [ns.b()] },\n        props.reverse ? children.reverse() : children\n      )\n    }\n  },\n})\n\nexport default Timeline\nexport type TimelineInstance = InstanceType<typeof Timeline> & unknown\n"],"names":["defineComponent","useNamespace","provide","TIMELINE_INJECTION_KEY","flattedChildren","h"],"mappings":";;;;;;;;;AAOA,MAAM,WAAWA,mBAAgB,CAAA;AAAA,EAC/B,IAAM,EAAA,YAAA;AAAA,EACN,KAAO,EAAA;AAAA,IACL,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,KAAM,CAAA,KAAA,EAAO,EAAE,KAAA,EAAS,EAAA;AACtB,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAElC,IAAAC,WAAA,CAAQC,+BAAwB,KAAK,CAAA,CAAA;AAErC,IAAA,OAAO,MAAM;AAjBjB,MAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAkBM,MAAA,MAAM,QAAW,GAAAC,qBAAA;AAAA,QACf,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,OAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAqB,EAAC;AAAA,OACxB,CAAA;AAEA,MAAO,OAAAC,KAAA;AAAA,QACL,IAAA;AAAA,QACA,EAAE,KAAO,EAAA,CAAC,EAAG,CAAA,CAAA,EAAG,CAAE,EAAA;AAAA,QAClB,KAAM,CAAA,OAAA,GAAU,QAAS,CAAA,OAAA,EAAY,GAAA,QAAA;AAAA,OACvC,CAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC;;;;"}
+{"version":3,"file":"timeline.js","sources":["../../../../../../packages/components/timeline/src/timeline.ts"],"sourcesContent":["import { computed, defineComponent, h, provide } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { TIMELINE_INJECTION_KEY } from './tokens'\nimport { buildProps, flattedChildren } from '@element-plus/utils'\n\nimport type { VNodeChildAtom } from '@element-plus/utils'\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { TimelineProvider } from './tokens'\n\nexport const timelineProps = buildProps({\n  /**\n   * @description relative position of timeline and content\n   */\n  mode: {\n    type: String,\n    values: ['start', 'alternate', 'alternate-reverse', 'end'],\n    default: 'start',\n  },\n  /**\n   * @description whether reverse order\n   */\n  reverse: Boolean,\n} as const)\nexport type TimelineProps = ExtractPropTypes<typeof timelineProps>\nexport type TimelinePropsPublic = ExtractPublicPropTypes<typeof timelineProps>\n\nconst Timeline = defineComponent({\n  name: 'ElTimeline',\n  props: timelineProps,\n\n  setup(props, { slots }) {\n    const ns = useNamespace('timeline')\n\n    provide<TimelineProvider>(TIMELINE_INJECTION_KEY, { props, slots })\n\n    const timelineKls = computed(() => [ns.b(), ns.is(props.mode)])\n\n    return () => {\n      const children = flattedChildren(\n        slots.default?.() ?? []\n      ) as VNodeChildAtom[]\n\n      return h(\n        'ul',\n        { class: timelineKls.value },\n        props.reverse ? children.reverse() : children\n      )\n    }\n  },\n})\n\nexport default Timeline\nexport type TimelineInstance = InstanceType<typeof Timeline> & unknown\n"],"names":["buildProps","defineComponent","useNamespace","provide","TIMELINE_INJECTION_KEY","computed","flattedChildren","h"],"mappings":";;;;;;;;;;AASO,MAAM,gBAAgBA,kBAAW,CAAA;AAAA,EAItC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,CAAC,OAAS,EAAA,WAAA,EAAa,qBAAqB,KAAK,CAAA;AAAA,IACzD,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA,OAAA;AACX,CAAU,EAAA;AAIV,MAAM,WAAWC,mBAAgB,CAAA;AAAA,EAC/B,IAAM,EAAA,YAAA;AAAA,EACN,KAAO,EAAA,aAAA;AAAA,EAEP,KAAM,CAAA,KAAA,EAAO,EAAE,KAAA,EAAS,EAAA;AACtB,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAElC,IAAAC,WAAA,CAA0BC,6BAAwB,EAAA,EAAE,KAAO,EAAA,KAAA,EAAO,CAAA,CAAA;AAElE,IAAA,MAAM,WAAc,GAAAC,YAAA,CAAS,MAAM,CAAC,EAAG,CAAA,CAAA,EAAK,EAAA,EAAA,CAAG,EAAG,CAAA,KAAA,CAAM,IAAI,CAAC,CAAC,CAAA,CAAA;AAE9D,IAAA,OAAO,MAAM;AArCjB,MAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAsCM,MAAA,MAAM,QAAW,GAAAC,qBAAA;AAAA,QACf,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,OAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAqB,EAAC;AAAA,OACxB,CAAA;AAEA,MAAO,OAAAC,KAAA;AAAA,QACL,IAAA;AAAA,QACA,EAAE,KAAO,EAAA,WAAA,CAAY,KAAM,EAAA;AAAA,QAC3B,KAAM,CAAA,OAAA,GAAU,QAAS,CAAA,OAAA,EAAY,GAAA,QAAA;AAAA,OACvC,CAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC;;;;;"}

package/lib/components/timeline/src/tokens.d.ts

@@ -1 +1,7 @@
+import type { Slots } from 'vue';
+import type { TimelineProps } from './timeline';
+export interface TimelineProvider {
+    props: TimelineProps;
+    slots: Slots;
+}
 export declare const TIMELINE_INJECTION_KEY = "timeline";

package/lib/components/timeline/src/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../../packages/components/timeline/src/tokens.ts"],"sourcesContent":["export const TIMELINE_INJECTION_KEY = 'timeline'\n"],"names":[],"mappings":";;;;AAAO,MAAM,sBAAyB,GAAA;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../../../../packages/components/timeline/src/tokens.ts"],"sourcesContent":["import type { Slots } from 'vue'\nimport type { TimelineProps } from './timeline'\n\nexport interface TimelineProvider {\n  props: TimelineProps\n  slots: Slots\n}\n\nexport const TIMELINE_INJECTION_KEY = 'timeline'\n"],"names":[],"mappings":";;;;AAQO,MAAM,sBAAyB,GAAA;;;;"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index = require('../../../hooks/use-delayed-toggle/index.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/tooltip.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var content = require('./content.js');
 var trigger = require('./trigger.js');
 var popper = require('../../popper/src/popper.js');
-var arrow = require('../../popper/src/arrow2.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');
 

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

@@ -11,7 +11,7 @@ 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/arrow.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');

package/lib/components/tour/index.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tour$1 = require('./src/tour2.js');
-var step$1 = require('./src/step.js');
+var step$1 = require('./src/step2.js');
 var tour = require('./src/tour.js');
-var step = require('./src/step2.js');
+var step = require('./src/step.js');
 var content = require('./src/content.js');
 var install = require('../../utils/vue/install.js');