ep-craft 0.1.34 → 0.1.36

package/dist/components/time-select/EpTimeSelect.vue.js

@@ -0,0 +1,154 @@
+import { defineComponent as z, ref as O, computed as m, openBlock as i, createBlock as f, unref as n, withCtx as v, createElementBlock as U, Fragment as h, renderList as P, normalizeClass as j, resolveDynamicComponent as w, createCommentVNode as G } from "vue";
+import b from "dayjs";
+import M from "../../node_modules/.pnpm/dayjs@1.11.21/node_modules/dayjs/plugin/customParseFormat.js";
+import { EpSelect as R } from "../select/index.js";
+import "../form/index.js";
+import { EpIcon as W } from "../icon/index.js";
+import { useNamespace as q } from "../../hooks/use-namespace/index.js";
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import { debugWarn as J } from "../../utils/error.js";
+import { CHANGE_EVENT as x, UPDATE_MODEL_EVENT as B } from "../../constants/event.js";
+import { CircleClose as K, Clock as Q } from "@element-plus/icons-vue";
+import { useLocale as X } from "../../hooks/use-locale/index.js";
+import "../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "../../hooks/use-delayed-toggle/index.js";
+import "../../hooks/use-aria/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "../../hooks/use-empty-values/index.js";
+import { parseTime as T, formatTime as E, compareTime as y, nextTime as Y, isValidTime as Z } from "./utils.js";
+import { DEFAULT_STEP as D, DEFAULT_END as S, DEFAULT_START as V } from "./time-select.js";
+import { useFormDisabled as _ } from "../form/src/hooks/use-form-common-props.js";
+import { EpOption as ee } from "../option/index.js";
+const Fe = /* @__PURE__ */ z({
+  name: "EpTimeSelect",
+  __name: "EpTimeSelect",
+  props: {
+    format: { default: "HH:mm" },
+    modelValue: {},
+    disabled: { type: Boolean, default: void 0 },
+    editable: { type: Boolean, default: !0 },
+    effect: { default: "light" },
+    clearable: { type: Boolean, default: !0 },
+    size: {},
+    placeholder: {},
+    start: { default: V },
+    end: { default: S },
+    step: { default: D },
+    minTime: {},
+    maxTime: {},
+    includeEndTime: { type: Boolean },
+    name: {},
+    prefixIcon: { default: () => Q },
+    clearIcon: { default: () => K },
+    popperClass: { default: "" },
+    popperStyle: { default: void 0 },
+    emptyValues: {},
+    valueOnClear: { type: [String, Number, Boolean, Function, null], default: void 0 }
+  },
+  emits: [x, "blur", "focus", "clear", B],
+  setup(o, { expose: g }) {
+    b.extend(M);
+    const r = o, k = q("input"), c = O(), F = _(), { lang: C } = X(), p = (e, l, t, s = !0) => {
+      const a = T(e);
+      return !Z(a) || !s && a.hours === 0 && a.minutes === 0 ? (J(
+        "ElTimeSelect",
+        `invalid ${l}, fallback to default ${l} (${t}).`
+      ), t) : E(a);
+    }, $ = m(() => r.modelValue), H = m(
+      () => p(r.start, "start", V)
+    ), u = m(() => p(r.end, "end", S)), I = m(() => {
+      const e = T(r.minTime || "");
+      return e ? E(e) : null;
+    }), A = m(() => {
+      const e = T(r.maxTime || "");
+      return e ? E(e) : null;
+    }), L = m(
+      () => p(r.step, "step", D, !1)
+    ), N = m(() => {
+      var s;
+      const e = [], l = (a, d) => {
+        e.push({
+          value: a,
+          rawValue: d,
+          disabled: y(d, I.value || "-1:-1") <= 0 || y(d, A.value || "100:100") >= 0
+        });
+      };
+      let t = H.value;
+      for (; y(t, u.value) <= 0; ) {
+        const a = b(t, "HH:mm").locale(C.value).format(r.format);
+        l(a, t), t = Y(t, L.value);
+      }
+      if (r.includeEndTime && ((s = e[e.length - 1]) == null ? void 0 : s.rawValue) !== u.value) {
+        const a = b(u.value, "HH:mm").locale(C.value).format(r.format);
+        l(a, u.value);
+      }
+      return e;
+    });
+    return g({
+      /**
+       * @description blur the Input component
+       */
+      blur: () => {
+        var e, l;
+        (l = (e = c.value) == null ? void 0 : e.blur) == null || l.call(e);
+      },
+      /**
+       * @description focus the Input component
+       */
+      focus: () => {
+        var e, l;
+        (l = (e = c.value) == null ? void 0 : e.focus) == null || l.call(e);
+      }
+    }), (e, l) => (i(), f(n(R), {
+      ref_key: "select",
+      ref: c,
+      name: o.name,
+      "model-value": $.value,
+      disabled: n(F),
+      clearable: o.clearable,
+      "clear-icon": o.clearIcon,
+      size: o.size,
+      effect: o.effect,
+      placeholder: o.placeholder,
+      "default-first-option": "",
+      filterable: o.editable,
+      "empty-values": o.emptyValues,
+      "value-on-clear": o.valueOnClear,
+      "popper-class": o.popperClass,
+      "popper-style": o.popperStyle,
+      "onUpdate:modelValue": l[0] || (l[0] = (t) => e.$emit(n(B), t)),
+      onChange: l[1] || (l[1] = (t) => e.$emit(n(x), t)),
+      onBlur: l[2] || (l[2] = (t) => e.$emit("blur", t)),
+      onFocus: l[3] || (l[3] = (t) => e.$emit("focus", t)),
+      onClear: l[4] || (l[4] = () => e.$emit("clear"))
+    }, {
+      prefix: v(() => [
+        o.prefixIcon ? (i(), f(n(W), {
+          key: 0,
+          class: j(n(k).e("prefix-icon"))
+        }, {
+          default: v(() => [
+            (i(), f(w(o.prefixIcon)))
+          ]),
+          _: 1
+        }, 8, ["class"])) : G("", !0)
+      ]),
+      default: v(() => [
+        (i(!0), U(h, null, P(N.value, (t) => (i(), f(n(ee), {
+          key: t.value,
+          label: t.value,
+          value: t.value,
+          disabled: t.disabled
+        }, null, 8, ["label", "value", "disabled"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["name", "model-value", "disabled", "clearable", "clear-icon", "size", "effect", "placeholder", "filterable", "empty-values", "value-on-clear", "popper-class", "popper-style"]));
+  }
+});
+export {
+  Fe as default
+};

package/dist/components/time-select/EpTimeSelect2.vue.js

@@ -0,0 +1,4 @@
+import f from "./EpTimeSelect.vue.js";
+export {
+  f as default
+};

package/dist/components/time-select/index.d.ts

@@ -1,4 +1,19 @@
 import type { Plugin } from 'vue';
-import { ElTimeSelect } from 'element-plus';
-export declare const EpTimeSelect: typeof ElTimeSelect & Plugin;
+import _EpTimeSelect from './EpTimeSelect.vue';
+/**
+ * time-select 自持 barrel（vendor-batch-2 产出）。
+ *
+ * 本体来自本地 `EpTimeSelect.vue`。表单禁用经本地 `useFormDisabled` 读取本地
+ * form 上下文 Symbol；尺寸与 label 关联由内层 **本地** Select / Input 处理，
+ * 因此本体只透传 `size`、不自行读 formItemContext。
+ *
+ * 内层 Select 走 `import ElSelect, { ElOption } from
+ * '@element-plus/components/select'`：本地 Select 默认导出未挂 `.Option`，
+ * 但 barrel 提供具名 `ElOption`，二者解析到同一本地实现。
+ *
+ * 不使用 `export *`；不导出 `ElTimeSelect` 别名。
+ */
+export declare const EpTimeSelect: typeof _EpTimeSelect & Plugin;
 export default EpTimeSelect;
+export { DEFAULT_END, DEFAULT_START, DEFAULT_STEP, timeSelectProps, } from './time-select';
+export type { TimeSelectInstance, TimeSelectProps, TimeSelectPropsPublic, } from './time-select';

package/dist/components/time-select/index.js

@@ -1,6 +1,14 @@
-import { ElTimeSelect as e } from "element-plus";
-import { withInstall as t } from "../../utils/with-install.js";
-const m = Object.assign({}, e, { name: "EpTimeSelect" }), l = t(m, "ep-time-select");
+import { withInstall as e } from "../../utils/with-install.js";
+import t from "./EpTimeSelect.vue.js";
+import { DEFAULT_END as T, DEFAULT_START as E, DEFAULT_STEP as c, timeSelectProps as l } from "./time-select.js";
+const r = e(
+  t,
+  "ep-time-select"
+);
 export {
-  l as EpTimeSelect
+  T as DEFAULT_END,
+  E as DEFAULT_START,
+  c as DEFAULT_STEP,
+  r as EpTimeSelect,
+  l as timeSelectProps
 };

package/dist/components/time-select/time-select.d.ts

@@ -0,0 +1,143 @@
+import type { UseEmptyValuesProps } from '@element-plus/hooks';
+import type { PopperEffect } from '@element-plus/components/popper';
+import type TimeSelect from './EpTimeSelect.vue';
+import type { CSSProperties, Component, ExtractPublicPropTypes } from 'vue';
+import type { ComponentSize } from '@element-plus/constants';
+import type { IconPropType } from '@element-plus/utils';
+export interface TimeSelectProps extends UseEmptyValuesProps {
+    /**
+     * @description set format of time
+     */
+    format?: string;
+    /**
+     * @description binding value
+     */
+    modelValue?: string | null;
+    /**
+     * @description whether TimeSelect is disabled
+     */
+    disabled?: boolean;
+    /**
+     * @description whether the input is editable
+     */
+    editable?: boolean;
+    /**
+     * @description Tooltip theme, built-in theme: `dark` / `light`
+     */
+    effect?: PopperEffect;
+    /**
+     * @description whether to show clear button
+     */
+    clearable?: boolean;
+    /**
+     * @description size of Input
+     */
+    size?: ComponentSize;
+    /**
+     * @description placeholder in non-range mode
+     */
+    placeholder?: string;
+    /**
+     * @description start time
+     */
+    start?: string;
+    /**
+     * @description end time
+     */
+    end?: string;
+    /**
+     * @description time step
+     */
+    step?: string;
+    /**
+     * @description minimum time, any time before this time will be disabled
+     */
+    minTime?: string | null;
+    /**
+     * @description maximum time, any time after this time will be disabled
+     */
+    maxTime?: string | null;
+    /**
+     * @description whether `end` is included in options
+     */
+    includeEndTime?: boolean;
+    /**
+     * @description same as `name` in native input
+     */
+    name?: string;
+    /**
+     * @description custom prefix icon component
+     */
+    prefixIcon?: IconPropType;
+    /**
+     * @description custom clear icon component
+     */
+    clearIcon?: IconPropType;
+    /**
+     * @description custom class name for TimeSelect's dropdown
+     */
+    popperClass?: string;
+    /**
+     * @description custom style for TimeSelect's dropdown
+     */
+    popperStyle?: string | CSSProperties;
+}
+export declare const DEFAULT_START = "09:00";
+export declare const DEFAULT_END = "18:00";
+export declare const DEFAULT_STEP = "00:30";
+/**
+ * @deprecated Removed after 3.0.0, Use `TimeSelectProps` instead.
+ */
+export declare const timeSelectProps: {
+    readonly emptyValues: ArrayConstructor;
+    readonly valueOnClear: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly format: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "HH:mm", boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => string | null) | (((new (...args: any[]) => string) | (() => string | null)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly disabled: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly editable: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly effect: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown, "light", boolean>;
+    readonly clearable: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly size: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly placeholder: StringConstructor;
+    readonly start: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "09:00", boolean>;
+    readonly end: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "18:00", boolean>;
+    readonly step: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "00:30", boolean>;
+    readonly minTime: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => string | null) | (((new (...args: any[]) => string) | (() => string | null)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly maxTime: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => string | null) | (((new (...args: any[]) => string) | (() => string | null)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly includeEndTime: BooleanConstructor;
+    readonly name: StringConstructor;
+    readonly prefixIcon: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
+    readonly clearIcon: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
+    readonly popperClass: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly popperStyle: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+/**
+ * @deprecated Removed after 3.0.0, Use `TimeSelectProps` instead.
+ */
+export type TimeSelectPropsPublic = ExtractPublicPropTypes<typeof timeSelectProps>;
+export type TimeSelectInstance = InstanceType<typeof TimeSelect> & unknown;

package/dist/components/time-select/time-select.js

@@ -0,0 +1,139 @@
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import { CircleClose as e, Clock as r } from "@element-plus/icons-vue";
+import { buildProps as o, definePropType as t } from "../../utils/vue/props/runtime.js";
+import "vue";
+import { useSizeProp as p } from "../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "../../hooks/use-delayed-toggle/index.js";
+import "../../hooks/use-aria/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import { useEmptyValuesProps as i } from "../../hooks/use-empty-values/index.js";
+const l = "09:00", n = "18:00", m = "00:30", A = o({
+  /**
+   * @description set format of time
+   */
+  format: {
+    type: String,
+    default: "HH:mm"
+  },
+  /**
+   * @description binding value
+   */
+  modelValue: {
+    type: t(String)
+  },
+  /**
+   * @description whether TimeSelect is disabled
+   */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description whether the input is editable
+   */
+  editable: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description Tooltip theme, built-in theme: `dark` / `light`
+   */
+  effect: {
+    type: t(String),
+    default: "light"
+  },
+  /**
+   * @description whether to show clear button
+   */
+  clearable: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description size of Input
+   */
+  size: p,
+  /**
+   * @description placeholder in non-range mode
+   */
+  placeholder: String,
+  /**
+   * @description start time
+   */
+  start: {
+    type: String,
+    default: l
+  },
+  /**
+   * @description end time
+   */
+  end: {
+    type: String,
+    default: n
+  },
+  /**
+   * @description time step
+   */
+  step: {
+    type: String,
+    default: m
+  },
+  /**
+   * @description minimum time, any time before this time will be disabled
+   */
+  minTime: {
+    type: t(String)
+  },
+  /**
+   * @description maximum time, any time after this time will be disabled
+   */
+  maxTime: {
+    type: t(String)
+  },
+  /**
+   * @description whether `end` is included in options
+   */
+  includeEndTime: Boolean,
+  /**
+   * @description same as `name` in native input
+   */
+  name: String,
+  /**
+   * @description custom prefix icon component
+   */
+  prefixIcon: {
+    type: t([String, Object]),
+    default: () => r
+  },
+  /**
+   * @description custom clear icon component
+   */
+  clearIcon: {
+    type: t([String, Object]),
+    default: () => e
+  },
+  /**
+   * @description custom class name for TimeSelect's dropdown
+   */
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description custom style for TimeSelect's dropdown
+   */
+  popperStyle: {
+    type: t([String, Object])
+  },
+  ...i
+});
+export {
+  n as DEFAULT_END,
+  l as DEFAULT_START,
+  m as DEFAULT_STEP,
+  A as timeSelectProps
+};

package/dist/components/time-select/utils.d.ts

@@ -0,0 +1,11 @@
+interface Time {
+    hours: number;
+    minutes: number;
+}
+export declare const parseTime: (time: string) => null | Time;
+export declare const isValidTime: (time: null | Time) => time is Time;
+export declare const compareTime: (time1: string, time2: string) => number;
+export declare const padTime: (time: number | string) => string;
+export declare const formatTime: (time: Time) => string;
+export declare const nextTime: (time: string, step: string) => string;
+export {};

package/dist/components/time-select/utils.js

@@ -0,0 +1,39 @@
+const r = (e) => {
+  const n = (e || "").split(":");
+  if (n.length >= 2) {
+    let s = Number.parseInt(n[0], 10);
+    const u = Number.parseInt(n[1], 10);
+    if (Number.isNaN(s) || Number.isNaN(u)) return null;
+    const t = e.toUpperCase();
+    return t.includes("AM") && s === 12 ? s = 0 : t.includes("PM") && s !== 12 && (s += 12), {
+      hours: s,
+      minutes: u
+    };
+  }
+  return null;
+}, a = (e) => !!e && e.hours >= 0 && e.minutes >= 0 && !Number.isNaN(e.hours) && !Number.isNaN(e.minutes), c = (e, n) => {
+  const s = r(e);
+  if (!s) return -1;
+  const u = r(n);
+  if (!u) return -1;
+  const t = s.minutes + s.hours * 60, i = u.minutes + u.hours * 60;
+  return t === i ? 0 : t > i ? 1 : -1;
+}, o = (e) => `${e}`.padStart(2, "0"), m = (e) => `${o(e.hours)}:${o(e.minutes)}`, l = (e, n) => {
+  const s = r(e);
+  if (!s) return "";
+  const u = r(n);
+  if (!u) return "";
+  const t = {
+    hours: s.hours,
+    minutes: s.minutes
+  };
+  return t.minutes += u.minutes, t.hours += u.hours, t.hours += Math.floor(t.minutes / 60), t.minutes = t.minutes % 60, m(t);
+};
+export {
+  c as compareTime,
+  m as formatTime,
+  a as isValidTime,
+  l as nextTime,
+  o as padTime,
+  r as parseTime
+};

package/dist/components/timeline/index.d.ts

@@ -1,4 +1,23 @@
 import type { Plugin } from 'vue';
-import { ElTimeline } from 'element-plus';
-export declare const EpTimeline: typeof ElTimeline & Plugin;
+import _EpTimeline from './timeline';
+import _EpTimelineItem from '../timeline-item/EpTimelineItem.vue';
+/**
+ * timeline 自持 barrel（vendor-batch-4 产出）。
+ *
+ * 父组件保留 `.ts` defineComponent 形态（上游无 SFC），以 `flattedChildren`
+ * 展开默认插槽并支持 reverse。`.TimelineItem` 是对外公开面的一部分，
+ * 此处挂载**未安装本体**，与上游形态一致。
+ * 不导出 `ElTimeline` / `ElTimelineItem` 别名。
+ */
+export declare const EpTimeline: typeof _EpTimeline & Plugin & {
+    TimelineItem: typeof _EpTimelineItem;
+};
 export default EpTimeline;
+export { TIMELINE_INJECTION_KEY } from './tokens';
+export { timelineProps } from './timeline';
+export { timelineItemProps } from '../timeline-item';
+export type { TimelineProps, TimelinePropsPublic } from './timeline';
+export type { TimelineProvider } from './tokens';
+export type { TimelineInstance } from './instance';
+export type { TimelineItemProps, TimelineItemPropsPublic, } from '../timeline-item';
+export type { TimelineItemInstance } from '../timeline-item/instance';

package/dist/components/timeline/index.js

@@ -1,6 +1,13 @@
-import { ElTimeline as e } from "element-plus";
 import { withInstall as i } from "../../utils/with-install.js";
-const m = Object.assign({}, e, { name: "EpTimeline" }), l = i(m, "ep-timeline");
+import e from "./timeline.js";
+import { timelineProps as f } from "./timeline.js";
+import m from "../timeline-item/EpTimelineItem.vue.js";
+import "../timeline-item/index.js";
+const p = Object.assign(
+  i(e, "ep-timeline"),
+  { TimelineItem: m }
+);
 export {
-  l as EpTimeline
+  p as EpTimeline,
+  f as timelineProps
 };

package/dist/components/timeline/instance.d.ts

@@ -0,0 +1,2 @@
+import type Timeline from './timeline';
+export type TimelineInstance = InstanceType<typeof Timeline> & unknown;

package/dist/components/timeline/timeline.d.ts

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

package/dist/components/timeline/timeline.js

@@ -0,0 +1,53 @@
+import { defineComponent as n, provide as p, computed as a, h as l } from "vue";
+import { useNamespace as d } from "../../hooks/use-namespace/index.js";
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+import { buildProps as s } from "../../utils/vue/props/runtime.js";
+import { flattedChildren as u } from "../../utils/vue/vnode.js";
+import "../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "../../hooks/use-delayed-toggle/index.js";
+import "../../hooks/use-aria/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "../../hooks/use-empty-values/index.js";
+import { TIMELINE_INJECTION_KEY as f } from "./tokens.js";
+const c = s({
+  /**
+   * @description relative position of timeline and content
+   */
+  mode: {
+    type: String,
+    values: ["start", "alternate", "alternate-reverse", "end"],
+    default: "start"
+  },
+  /**
+   * @description whether reverse order
+   */
+  reverse: Boolean
+}), L = n({
+  name: "EpTimeline",
+  props: c,
+  setup(r, { slots: e }) {
+    const t = d("timeline");
+    p(f, { props: r, slots: e });
+    const o = a(() => [t.b(), t.is(r.mode)]);
+    return () => {
+      var m;
+      const i = u(
+        ((m = e.default) == null ? void 0 : m.call(e)) ?? []
+      );
+      return l(
+        "ul",
+        { class: o.value },
+        r.reverse ? i.reverse() : i
+      );
+    };
+  }
+});
+export {
+  L as default,
+  c as timelineProps
+};

package/dist/components/timeline/tokens.d.ts

@@ -0,0 +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/dist/components/timeline/tokens.js

@@ -0,0 +1,4 @@
+const E = "timeline";
+export {
+  E as TIMELINE_INJECTION_KEY
+};