antdv-next 0.0.111 → 1.0.0-alpha.1

package/dist/time-picker/locale/tk_TK.js

@@ -0,0 +1,9 @@
+//#region src/time-picker/locale/tk_TK.ts
+const locale = {
+	placeholder: "Wagty saýlaň",
+	rangePlaceholder: ["Başlanýan wagty", "Gutarýan wagty"]
+};
+var tk_TK_default = locale;
+
+//#endregion
+export { tk_TK_default as default };

package/dist/time-picker/locale/tr_TR.js

@@ -0,0 +1,9 @@
+//#region src/time-picker/locale/tr_TR.ts
+const locale = {
+	placeholder: "Zaman seç",
+	rangePlaceholder: ["Başlangıç zamanı", "Bitiş zamanı"]
+};
+var tr_TR_default = locale;
+
+//#endregion
+export { tr_TR_default as default };

package/dist/time-picker/locale/uk_UA.js

@@ -0,0 +1,9 @@
+//#region src/time-picker/locale/uk_UA.ts
+const locale = {
+	placeholder: "Оберіть час",
+	rangePlaceholder: ["Початковий час", "Кінцевий час"]
+};
+var uk_UA_default = locale;
+
+//#endregion
+export { uk_UA_default as default };

package/dist/time-picker/locale/ur_PK.js

@@ -0,0 +1,9 @@
+//#region src/time-picker/locale/ur_PK.ts
+const locale = {
+	placeholder: "وقت منتخب کریں",
+	rangePlaceholder: ["وقت منتخب کریں", "آخر وقت"]
+};
+var ur_PK_default = locale;
+
+//#endregion
+export { ur_PK_default as default };

package/dist/time-picker/locale/uz_UZ.js

@@ -0,0 +1,9 @@
+//#region src/time-picker/locale/uz_UZ.ts
+const locale = {
+	placeholder: "Vaqtni tanlang",
+	rangePlaceholder: ["Boshlanish vaqti", "Tugallanish vaqti"]
+};
+var uz_UZ_default = locale;
+
+//#endregion
+export { uz_UZ_default as default };

package/dist/time-picker/locale/vi_VN.js

@@ -0,0 +1,9 @@
+//#region src/time-picker/locale/vi_VN.ts
+const locale = {
+	placeholder: "Chọn thời gian",
+	rangePlaceholder: ["Bắt đầu", "Kết thúc"]
+};
+var vi_VN_default = locale;
+
+//#endregion
+export { vi_VN_default as default };

package/dist/time-picker/locale/zh_CN.js

@@ -0,0 +1,9 @@
+//#region src/time-picker/locale/zh_CN.ts
+const locale = {
+	placeholder: "请选择时间",
+	rangePlaceholder: ["开始时间", "结束时间"]
+};
+var zh_CN_default = locale;
+
+//#endregion
+export { zh_CN_default as default };

package/dist/time-picker/locale/zh_TW.js

@@ -0,0 +1,9 @@
+//#region src/time-picker/locale/zh_TW.ts
+const locale = {
+	placeholder: "請選擇時間",
+	rangePlaceholder: ["開始時間", "結束時間"]
+};
+var zh_TW_default = locale;
+
+//#endregion
+export { zh_TW_default as default };

package/dist/timeline/Timeline.d.ts

@@ -0,0 +1,47 @@
+import { EmptyEmit, VueNode } from "../_util/type.js";
+import { ComponentBaseProps } from "../config-provider/context.js";
+import { TimelineItemProps } from "./TimelineItem.js";
+import * as vue283 from "vue";
+import { SlotsType } from "vue";
+
+//#region src/timeline/Timeline.d.ts
+interface TimelineProps extends ComponentBaseProps {
+  pending?: VueNode;
+  pendingDot?: VueNode;
+  reverse?: boolean;
+  mode?: 'left' | 'alternate' | 'right';
+  items?: TimelineItemProps[];
+  dotRender?: (params: {
+    item: TimelineItemProps;
+    index: number;
+  }) => void;
+  labelRender?: (params: {
+    item: TimelineItemProps;
+    index: number;
+  }) => void;
+  contentRender?: (params: {
+    item: TimelineItemProps;
+    index: number;
+  }) => void;
+}
+interface TimelineSlots {
+  pending?: () => void;
+  pendingDot?: () => void;
+  dotRender?: (params: {
+    item: TimelineItemProps;
+    index: number;
+  }) => void;
+  labelRender?: (params: {
+    item: TimelineItemProps;
+    index: number;
+  }) => void;
+  contentRender?: (params: {
+    item: TimelineItemProps;
+    index: number;
+  }) => void;
+}
+declare const Timeline: vue283.DefineSetupFnComponent<TimelineProps, EmptyEmit, SlotsType<TimelineSlots>, TimelineProps & {
+  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, vue283.PublicProps>;
+//#endregion
+export { Timeline, TimelineProps };

package/dist/timeline/Timeline.js

@@ -0,0 +1,90 @@
+import { useBaseConfig } from "../config-provider/context.js";
+import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
+import style_default from "./style/index.js";
+import TimelineItemList_default from "./TimelineItemList.js";
+import { createVNode, defineComponent, mergeProps } from "vue";
+import { classNames } from "@v-c/util";
+import { omit } from "es-toolkit";
+
+//#region src/timeline/Timeline.tsx
+const Timeline = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+	const { prefixCls, direction, timeline } = useBaseConfig("timeline", props);
+	const rootCls = useCSSVarCls_default(prefixCls);
+	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
+	return () => {
+		return createVNode(TimelineItemList_default, mergeProps(omit(attrs, ["class", "style"]), omit(props, ["items", "prefixCls"]), {
+			"class": classNames(timeline.value?.class, attrs.class, cssVarCls.value, rootCls.value),
+			"style": [timeline?.value?.style, attrs.style],
+			"prefixCls": prefixCls.value,
+			"direction": direction.value,
+			"items": props.items,
+			"hashId": hashId.value
+		}), slots);
+	};
+}, {
+	props: {
+		pending: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false
+		},
+		pendingDot: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false
+		},
+		reverse: {
+			type: Boolean,
+			required: false
+		},
+		mode: {
+			type: String,
+			required: false
+		},
+		items: {
+			type: Array,
+			required: false
+		},
+		dotRender: {
+			type: Function,
+			required: false
+		},
+		labelRender: {
+			type: Function,
+			required: false
+		},
+		contentRender: {
+			type: Function,
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		}
+	},
+	name: "ATimeline",
+	inheritAttrs: false
+});
+Timeline.install = (app) => {
+	app.component(Timeline.name, Timeline);
+};
+var Timeline_default = Timeline;
+
+//#endregion
+export { Timeline_default as default };

package/dist/timeline/TimelineItem.d.ts

@@ -0,0 +1,20 @@
+import { VueNode } from "../_util/type.js";
+import { CSSProperties } from "vue";
+import { Key, LiteralUnion } from "@v-c/util/dist/type";
+
+//#region src/timeline/TimelineItem.d.ts
+type Color = 'blue' | 'red' | 'green' | 'gray';
+interface TimelineItemProps {
+  key?: Key;
+  prefixCls?: string;
+  class?: string;
+  color?: LiteralUnion<Color>;
+  dot?: VueNode;
+  pending?: boolean;
+  position?: string;
+  style?: CSSProperties;
+  label?: VueNode;
+  children?: VueNode;
+}
+//#endregion
+export { TimelineItemProps };

package/dist/timeline/TimelineItem.js

@@ -0,0 +1,103 @@
+import { useBaseConfig } from "../config-provider/context.js";
+import { getSlotPropsFnRun } from "../_util/tools.js";
+import { createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
+import { classNames } from "@v-c/util";
+import { omit } from "es-toolkit";
+
+//#region src/timeline/TimelineItem.tsx
+const TimelineItem = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+	const { prefixCls } = useBaseConfig("timeline", props);
+	return () => {
+		const { pending, color } = props;
+		const itemClassName = classNames(`${prefixCls.value}-item`, { [`${prefixCls.value}-item-pending`]: pending }, props.class);
+		const dot = getSlotPropsFnRun(slots, props, "dot");
+		const customColor = /blue|red|green|gray/.test(color || "") ? void 0 : color;
+		const dotClassName = classNames(`${prefixCls.value}-item-head`, {
+			[`${prefixCls.value}-item-head-custom`]: !!dot,
+			[`${prefixCls.value}-item-head-${color}`]: !customColor
+		});
+		const label = getSlotPropsFnRun(slots, props, "label");
+		const children = getSlotPropsFnRun({}, props, "children");
+		return createVNode("li", mergeProps(omit(attrs, ["styles"]), {
+			"style": props.style,
+			"class": itemClassName
+		}), [
+			!!label && createVNode("div", { "class": `${prefixCls.value}-item-label` }, [label]),
+			createVNode("div", { "class": `${prefixCls.value}-item-tail` }, null),
+			createVNode("div", {
+				"class": dotClassName,
+				"style": {
+					borderColor: customColor,
+					color: customColor
+				}
+			}, [dot]),
+			createVNode("div", { "class": `${prefixCls.value}-item-content` }, [children])
+		]);
+	};
+}, { props: /* @__PURE__ */ mergeDefaults({
+	prefixCls: {
+		type: String,
+		required: false
+	},
+	class: {
+		type: String,
+		required: false
+	},
+	color: { required: false },
+	dot: {
+		type: [
+			Function,
+			Boolean,
+			String,
+			Number,
+			null,
+			Object
+		],
+		required: false
+	},
+	pending: {
+		type: Boolean,
+		required: false
+	},
+	position: {
+		type: String,
+		required: false
+	},
+	style: {
+		type: Object,
+		required: false
+	},
+	label: {
+		type: [
+			Function,
+			Boolean,
+			String,
+			Number,
+			null,
+			Object
+		],
+		required: false
+	},
+	children: {
+		type: [
+			Function,
+			Boolean,
+			String,
+			Number,
+			null,
+			Object
+		],
+		required: false
+	},
+	_key: {
+		type: [String, Number],
+		required: false
+	}
+}, {
+	color: "blue",
+	pending: false
+}) });
+var TimelineItem_default = TimelineItem;
+
+//#endregion
+export { TimelineItem_default as default };

package/dist/timeline/TimelineItemList.js

@@ -0,0 +1,146 @@
+import { getSlotPropsFnRun } from "../_util/tools.js";
+import { checkRenderNode } from "../_util/vueNode.js";
+import TimelineItem_default from "./TimelineItem.js";
+import { createVNode, defineComponent, mergeProps } from "vue";
+import { classNames } from "@v-c/util";
+import { LoadingOutlined } from "@antdv-next/icons";
+import { omit } from "es-toolkit";
+
+//#region src/timeline/TimelineItemList.tsx
+const TimelineItemList = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+	const getPositionCls = (position, idx) => {
+		const { mode, prefixCls } = props;
+		if (mode === "alternate") {
+			if (position === "right") return `${prefixCls}-item-right`;
+			if (position === "left") return `${prefixCls}-item-left`;
+			return idx % 2 === 0 ? `${prefixCls}-item-left` : `${prefixCls}-item-right`;
+		}
+		if (mode === "left") return `${prefixCls}-item-left`;
+		if (mode === "right") return `${prefixCls}-item-right`;
+		if (position === "right") return `${prefixCls}-item-right`;
+		return "";
+	};
+	return () => {
+		const { prefixCls, items, reverse, mode, direction, rootClass, hashId } = props;
+		const dotRender = slots?.dotRender ?? props?.dotRender;
+		const labelRender = slots?.labelRender ?? props?.labelRender;
+		const contentRender = slots?.contentRender ?? props?.contentRender;
+		const mergedItems = [...items || []].map((v, index) => {
+			const label = checkRenderNode(labelRender ? labelRender({
+				item: v,
+				index
+			}) : v.label);
+			const children = checkRenderNode(contentRender ? contentRender({
+				item: v,
+				index
+			}) : v.children);
+			const dot = checkRenderNode(dotRender ? dotRender({
+				item: v,
+				index
+			}) : v.dot);
+			const item = { ...omit(v, ["key"]) };
+			if (v.key) item._key = v.key;
+			if (label) item.label = label;
+			if (children) item.children = children;
+			if (dot) item.dot = dot;
+			return item;
+		});
+		const pending = getSlotPropsFnRun(slots, props, "pending");
+		const pendingNode = typeof pending === "boolean" ? null : pending;
+		const pendingDot = getSlotPropsFnRun(slots, props, "pendingDot");
+		let pendingItem;
+		if (pending) {
+			pendingItem = {
+				pending: !!pending,
+				dot: pendingDot || createVNode(LoadingOutlined, null, null),
+				children: pendingNode
+			};
+			mergedItems.push(pendingItem);
+		}
+		if (reverse) mergedItems.reverse();
+		const itemsCount = mergedItems.length;
+		const lastCls = `${prefixCls}-item-last`;
+		const itemsList = mergedItems.filter((item) => !!item).map((item, idx) => {
+			const pendingClass = idx === itemsCount - 2 ? lastCls : "";
+			const readyClass = idx === itemsCount - 1 ? lastCls : "";
+			const { class: itemClassName,...itemProps } = item;
+			return createVNode(TimelineItem_default, mergeProps(itemProps, { "class": classNames(itemClassName, !reverse && !!pending ? pendingClass : readyClass, getPositionCls(item?.position ?? "", idx)) }), null);
+		});
+		const hasLabelItem = mergedItems.some((item) => !!item?.label);
+		const classString = classNames(prefixCls, {
+			[`${prefixCls}-pending`]: !!pending,
+			[`${prefixCls}-reverse`]: !!reverse,
+			[`${prefixCls}-${mode}`]: !!mode && !hasLabelItem,
+			[`${prefixCls}-label`]: hasLabelItem,
+			[`${prefixCls}-rtl`]: direction === "rtl"
+		}, rootClass, hashId);
+		return createVNode("ol", mergeProps(omit(attrs, ["class"]), { "class": classString }), [itemsList]);
+	};
+}, { props: {
+	hashId: {
+		type: String,
+		required: true
+	},
+	direction: {
+		type: String,
+		required: false
+	},
+	pending: {
+		type: [
+			Function,
+			Boolean,
+			String,
+			Number,
+			null,
+			Object
+		],
+		required: false
+	},
+	pendingDot: {
+		type: [
+			Function,
+			Boolean,
+			String,
+			Number,
+			null,
+			Object
+		],
+		required: false
+	},
+	reverse: {
+		type: Boolean,
+		required: false
+	},
+	mode: {
+		type: String,
+		required: false
+	},
+	items: {
+		type: Array,
+		required: false
+	},
+	dotRender: {
+		type: Function,
+		required: false
+	},
+	labelRender: {
+		type: Function,
+		required: false
+	},
+	contentRender: {
+		type: Function,
+		required: false
+	},
+	rootClass: {
+		type: String,
+		required: false
+	},
+	prefixCls: {
+		type: String,
+		required: false
+	}
+} });
+var TimelineItemList_default = TimelineItemList;
+
+//#endregion
+export { TimelineItemList_default as default };

package/dist/timeline/index.d.ts

@@ -0,0 +1,2 @@
+import { TimelineItemProps } from "./TimelineItem.js";
+import { Timeline, TimelineProps } from "./Timeline.js";

package/dist/timeline/index.js

@@ -0,0 +1,7 @@
+import Timeline_default from "./Timeline.js";
+
+//#region src/timeline/index.tsx
+var timeline_default = Timeline_default;
+
+//#endregion
+export { timeline_default as default };

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

@@ -0,0 +1,33 @@
+import "../../theme/internal.js";
+import "vue";
+
+//#region src/timeline/style/index.d.ts
+interface ComponentToken {
+  /**
+   * @desc 轨迹颜色
+   * @descEN Line color
+   */
+  tailColor: string;
+  /**
+   * @desc 轨迹宽度
+   * @descEN Line width
+   */
+  tailWidth: number | string;
+  /**
+   * @desc 节点边框宽度
+   * @descEN Border width of node
+   */
+  dotBorderWidth: number | string;
+  /**
+   * @desc 节点背景色
+   * @descEN Background color of node
+   */
+  dotBg: string;
+  /**
+   * @desc 时间项下间距
+   * @descEN Bottom padding of item
+   */
+  itemPaddingBottom: number;
+}
+//#endregion
+export { ComponentToken };