ep-craft 0.1.35 → 0.1.36

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
+};

package/dist/components/timeline-item/EpTimelineItem.vue.d.ts

@@ -0,0 +1,21 @@
+import type { TimelineItemProps } from './timeline-item';
+declare var __VLS_9: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    dot?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<TimelineItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TimelineItemProps> & Readonly<{}>, {
+    size: "normal" | "large";
+    color: string;
+    type: "primary" | "success" | "warning" | "danger" | "info" | "";
+    placement: "top" | "bottom";
+    timestamp: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/timeline-item/EpTimelineItem.vue.js

@@ -0,0 +1,94 @@
+import { defineComponent as k, inject as E, computed as c, openBlock as l, createElementBlock as i, normalizeClass as m, createElementVNode as r, unref as o, normalizeStyle as h, createBlock as d, withCtx as I, resolveDynamicComponent as C, createCommentVNode as s, renderSlot as p, toDisplayString as u } from "vue";
+import { ElIcon as N } from "../icon/index.js";
+import { useNamespace as T } from "../../hooks/use-namespace/index.js";
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+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 B } from "../timeline/tokens.js";
+const q = /* @__PURE__ */ k({
+  name: "EpTimelineItem",
+  __name: "EpTimelineItem",
+  props: {
+    timestamp: { default: "" },
+    hideTimestamp: { type: Boolean },
+    center: { type: Boolean },
+    placement: { default: "bottom" },
+    type: { default: "" },
+    color: { default: "" },
+    size: { default: "normal" },
+    icon: {},
+    hollow: { type: Boolean }
+  },
+  setup(t) {
+    const a = t, { props: f } = E(
+      B
+    ), e = T("timeline-item"), y = c(() => [
+      e.e("node"),
+      e.em("node", a.size || ""),
+      e.em("node", a.type || ""),
+      e.is("hollow", a.hollow)
+    ]), v = c(() => [
+      e.b(),
+      { [e.e("center")]: a.center },
+      e.is(f.mode)
+    ]);
+    return (n, b) => (l(), i("li", {
+      class: m(v.value)
+    }, [
+      r("div", {
+        class: m(o(e).e("tail"))
+      }, null, 2),
+      n.$slots.dot ? s("", !0) : (l(), i("div", {
+        key: 0,
+        class: m(y.value),
+        style: h({
+          backgroundColor: t.color
+        })
+      }, [
+        t.icon ? (l(), d(o(N), {
+          key: 0,
+          class: m(o(e).e("icon"))
+        }, {
+          default: I(() => [
+            (l(), d(C(t.icon)))
+          ]),
+          _: 1
+        }, 8, ["class"])) : s("", !0)
+      ], 6)),
+      n.$slots.dot ? (l(), i("div", {
+        key: 1,
+        class: m(o(e).e("dot"))
+      }, [
+        p(n.$slots, "dot")
+      ], 2)) : s("", !0),
+      r("div", {
+        class: m(o(e).e("wrapper"))
+      }, [
+        !t.hideTimestamp && t.placement === "top" ? (l(), i("div", {
+          key: 0,
+          class: m([o(e).e("timestamp"), o(e).is("top")])
+        }, u(t.timestamp), 3)) : s("", !0),
+        r("div", {
+          class: m(o(e).e("content"))
+        }, [
+          p(n.$slots, "default")
+        ], 2),
+        !t.hideTimestamp && t.placement === "bottom" ? (l(), i("div", {
+          key: 1,
+          class: m([o(e).e("timestamp"), o(e).is("bottom")])
+        }, u(t.timestamp), 3)) : s("", !0)
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  q as default
+};

package/dist/components/timeline-item/EpTimelineItem2.vue.js

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

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

@@ -1,4 +1,14 @@
 import type { Plugin } from 'vue';
-import { ElTimelineItem } from 'element-plus';
-export declare const EpTimelineItem: typeof ElTimelineItem & Plugin;
+import _EpTimelineItem from './EpTimelineItem.vue';
+/**
+ * timeline-item 自持 barrel（vendor-batch-4 产出）。
+ *
+ * 子项通过 `../timeline/tokens` 的字符串键 `TIMELINE_INJECTION_KEY`
+ * 注入父上下文（保留上游字符串键，不改语义）。
+ * 不导出 `ElTimelineItem` 别名。
+ */
+export declare const EpTimelineItem: typeof _EpTimelineItem & Plugin;
 export default EpTimelineItem;
+export { timelineItemProps } from './timeline-item';
+export type { TimelineItemProps, TimelineItemPropsPublic, } from './timeline-item';
+export type { TimelineItemInstance } from './instance';

package/dist/components/timeline-item/index.js

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

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

@@ -0,0 +1,2 @@
+import type EpTimelineItem from './EpTimelineItem.vue';
+export type TimelineItemInstance = InstanceType<typeof EpTimelineItem> & unknown;

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

@@ -0,0 +1,63 @@
+import type { ExtractPublicPropTypes } from 'vue';
+import type { IconPropType } from '@element-plus/utils';
+export interface TimelineItemProps {
+    /**
+     * @description timestamp content
+     */
+    timestamp?: string;
+    /**
+     * @description whether to show timestamp
+     */
+    hideTimestamp?: boolean;
+    /**
+     * @description whether vertically centered
+     */
+    center?: boolean;
+    /**
+     * @description position of timestamp
+     */
+    placement?: 'top' | 'bottom';
+    /**
+     * @description node type
+     */
+    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | '';
+    /**
+     * @description background color of node
+     */
+    color?: string;
+    /**
+     * @description node size
+     */
+    size?: 'normal' | 'large';
+    /**
+     * @description icon component
+     */
+    icon?: IconPropType;
+    /**
+     * @description icon is hollow
+     */
+    hollow?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `TimelineItemProps` instead.
+ */
+export declare const timelineItemProps: {
+    readonly timestamp: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly hideTimestamp: BooleanConstructor;
+    readonly center: BooleanConstructor;
+    readonly placement: import("@element-plus/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "bottom", boolean>;
+    readonly type: import("@element-plus/utils").EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
+    readonly color: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly size: import("@element-plus/utils").EpPropFinalized<StringConstructor, "normal" | "large", unknown, "normal", boolean>;
+    readonly icon: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly hollow: BooleanConstructor;
+};
+/**
+ * @deprecated Removed after 3.0.0, Use `TimelineItemProps` instead.
+ */
+export type TimelineItemPropsPublic = ExtractPublicPropTypes<typeof timelineItemProps>;

package/dist/components/timeline-item/timeline-item.js

@@ -0,0 +1,64 @@
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import { iconPropType as t } from "../../utils/vue/icon.js";
+import "vue";
+import { buildProps as e } from "../../utils/vue/props/runtime.js";
+e({
+  /**
+   * @description timestamp content
+   */
+  timestamp: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description whether to show timestamp
+   */
+  hideTimestamp: Boolean,
+  /**
+   * @description whether vertically centered
+   */
+  center: Boolean,
+  /**
+   * @description position of timestamp
+   */
+  placement: {
+    type: String,
+    values: ["top", "bottom"],
+    default: "bottom"
+  },
+  /**
+   * @description node type
+   */
+  type: {
+    type: String,
+    values: ["primary", "success", "warning", "danger", "info"],
+    default: ""
+  },
+  /**
+   * @description background color of node
+   */
+  color: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description node size
+   */
+  size: {
+    type: String,
+    values: ["normal", "large"],
+    default: "normal"
+  },
+  /**
+   * @description icon component
+   */
+  icon: {
+    type: t
+  },
+  /**
+   * @description icon is hollow
+   */
+  hollow: Boolean
+});

package/dist/hooks/index.d.ts

@@ -23,3 +23,4 @@ export * from './use-cursor';
 export * from './use-calc-input-width';
 export * from './use-float-label';
 export * from './use-lockscreen';
+export * from './use-throttle-render';

package/dist/hooks/use-throttle-render/index.d.ts

@@ -0,0 +1,7 @@
+import type { Ref } from 'vue';
+export type ThrottleType = {
+    leading?: number;
+    trailing?: number;
+    initVal?: boolean;
+} | number;
+export declare const useThrottleRender: (loading: Ref<boolean>, throttle?: ThrottleType) => Ref<boolean, boolean>;

package/dist/hooks/use-throttle-render/index.js

@@ -0,0 +1,31 @@
+import { ref as t, onMounted as f, watch as m } from "vue";
+import { isNumber as c, isUndefined as d } from "../../utils/types.js";
+import "lodash-unified";
+import "@vueuse/core";
+import { isObject as u } from "@vue/shared";
+import "@element-plus/icons-vue";
+const j = (n, e = 0) => {
+  if (e === 0) return n;
+  const o = u(e) && !!e.initVal, a = t(o);
+  let r = null;
+  const l = (i) => {
+    if (d(i)) {
+      a.value = n.value;
+      return;
+    }
+    r && clearTimeout(r), r = setTimeout(() => {
+      a.value = n.value;
+    }, i);
+  }, s = (i) => {
+    i === "leading" ? c(e) ? l(e) : l(e.leading) : u(e) ? l(e.trailing) : a.value = !1;
+  };
+  return f(() => s("leading")), m(
+    () => n.value,
+    (i) => {
+      s(i ? "leading" : "trailing");
+    }
+  ), a;
+};
+export {
+  j as useThrottleRender
+};

package/dist/vendored-components.d.ts

@@ -14,6 +14,6 @@
  *    不等于本体已自持**——此限定只描述登记时的过渡态：对应 vendor 切片尚未把本体
  *    落到本地时，登记只是止血；本体落地后（见下方「本体已自持」组）才名副其实。
  */
-export declare const vendoredComponents: readonly ["Affix", "Alert", "Anchor", "AnchorLink", "Button", "CheckTag", "Tag", "Menu", "MenuItem", "MenuItemGroup", "SubMenu", "Tabs", "TabPane", "Radio", "RadioButton", "RadioGroup", "Input", "InputNumber", "Option", "OptionGroup", "Pagination", "Select", "SelectV2", "DatePicker", "DatePickerPanel", "TimePicker", "Aside", "Container", "Footer", "Header", "Main", "CollapseTransition", "ConfigProvider", "Form", "FormItem", "Icon", "Popper", "Tooltip", "Autocomplete", "Scrollbar", "Backtop", "Checkbox", "CheckboxButton", "CheckboxGroup", "Table", "TableColumn", "Upload", "Progress", "Divider", "Popover", "Dropdown", "DropdownItem", "DropdownMenu", "ButtonGroup", "Tree", "TreeSelect", "Text", "Switch", "Segmented", "Steps", "Step", "Rate", "TimeSelect", "Descriptions", "DescriptionsItem", "Carousel", "CarouselItem", "Transfer", "Mention", "Tour", "TourStep", "Slider", "ColorPicker", "Cascader", "CascaderPanel"];
+export declare const vendoredComponents: readonly ["Affix", "Alert", "Anchor", "AnchorLink", "Button", "CheckTag", "Tag", "Menu", "MenuItem", "MenuItemGroup", "SubMenu", "Tabs", "TabPane", "Radio", "RadioButton", "RadioGroup", "Input", "InputNumber", "Option", "OptionGroup", "Pagination", "Select", "SelectV2", "DatePicker", "DatePickerPanel", "TimePicker", "Aside", "Container", "Footer", "Header", "Main", "CollapseTransition", "ConfigProvider", "Form", "FormItem", "Icon", "Popper", "Tooltip", "Autocomplete", "Scrollbar", "Backtop", "Checkbox", "CheckboxButton", "CheckboxGroup", "Table", "TableColumn", "Upload", "Progress", "Divider", "Popover", "Dropdown", "DropdownItem", "DropdownMenu", "ButtonGroup", "Tree", "TreeSelect", "Text", "Switch", "Segmented", "Steps", "Step", "Rate", "TimeSelect", "Descriptions", "DescriptionsItem", "Carousel", "CarouselItem", "Transfer", "Mention", "Tour", "TourStep", "Slider", "ColorPicker", "Cascader", "CascaderPanel", "Collapse", "CollapseItem", "Breadcrumb", "BreadcrumbItem", "Row", "Col", "Timeline", "TimelineItem", "Skeleton", "SkeletonItem", "Image", "ImageViewer"];
 export type VendoredComponentName = (typeof vendoredComponents)[number];
 export declare const isVendored: (name: string) => boolean;

package/dist/vendored-components.js

@@ -156,7 +156,24 @@ const o = [
   "Slider",
   "ColorPicker",
   "Cascader",
-  "CascaderPanel"
+  "CascaderPanel",
+  // 本体已自持（vendor-batch-4 产出，跳过 gen 包装）
+  // 登记须先于 barrel 重写，否则 gen 会把入口模块覆盖回包装态。
+  // 本切片 4 组父子通过 provide/inject 耦合（collapse / breadcrumb / row / timeline），
+  // 上下文键须与子项同批落到本地，避免父本地、子上游的 Symbol 失配。
+  // Skeleton 依赖 useThrottleRender 闭包；Image 依赖本地 ImageViewer。
+  "Collapse",
+  "CollapseItem",
+  "Breadcrumb",
+  "BreadcrumbItem",
+  "Row",
+  "Col",
+  "Timeline",
+  "TimelineItem",
+  "Skeleton",
+  "SkeletonItem",
+  "Image",
+  "ImageViewer"
 ], r = (e) => o.includes(e);
 export {
   r as isVendored,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ep-craft",
-  "version": "0.1.35",
+  "version": "0.1.36",
   "description": "A Vue 3 component library based on element-plus with ep- prefix",
   "type": "module",
   "main": "./dist/ep-craft.js",