antdv-next 0.0.111 → 1.0.0-alpha.1

package/dist/statistic/Timer.js

@@ -0,0 +1,169 @@
+import { cloneElement } from "../_util/vueNode.js";
+import Statistic_default from "./Statistic.js";
+import { formatCounter } from "./utils.js";
+import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, onMounted, shallowRef, watch } from "vue";
+import raf from "@v-c/util/dist/raf";
+import { omit } from "es-toolkit";
+
+//#region src/statistic/Timer.tsx
+function getTime(value) {
+	return new Date(value).getTime();
+}
+const StatisticTimer = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) => {
+	const down = computed(() => props.type === "countdown");
+	const showTime = shallowRef(null);
+	const update = () => {
+		const { value } = props;
+		const now = Date.now();
+		const timestamp = getTime(value);
+		showTime.value = {};
+		emit("change", !down.value ? now - timestamp : timestamp - now);
+		if (down.value && timestamp < now) {
+			emit("finish");
+			return false;
+		}
+		return true;
+	};
+	watch([() => props.value, down], (_n, _o, onCleanup) => {
+		let refId;
+		const clear = () => raf.cancel(refId);
+		const rafUpdate = () => {
+			refId = raf(() => {
+				if (update()) rafUpdate();
+			});
+		};
+		rafUpdate();
+		onCleanup(clear);
+	}, { immediate: true });
+	onMounted(() => {
+		showTime.value = {};
+	});
+	const formatter = (formatValue, config) => showTime.value ? formatCounter(formatValue, {
+		...config,
+		format: props.format
+	}, down.value) : "-";
+	const valueRender = (node) => cloneElement(node, { title: void 0 });
+	return () => {
+		return createVNode(Statistic_default, mergeProps(attrs, omit(props, [
+			"value",
+			"format",
+			"type"
+		]), {
+			"value": props.value,
+			"valueRender": valueRender,
+			"formatter": formatter
+		}), slots);
+	};
+}, {
+	emits: ["finish", "change"],
+	props: /* @__PURE__ */ mergeDefaults({
+		formatter: {
+			type: [
+				Boolean,
+				String,
+				Function
+			],
+			required: false
+		},
+		decimalSeparator: {
+			type: String,
+			required: false
+		},
+		groupSeparator: {
+			type: String,
+			required: false
+		},
+		precision: {
+			type: Number,
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		value: {
+			type: [Number, String],
+			required: false
+		},
+		valueStyle: {
+			type: Object,
+			required: false
+		},
+		valueRender: {
+			type: Function,
+			required: false
+		},
+		title: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false
+		},
+		prefix: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false
+		},
+		suffix: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
+		type: {
+			type: String,
+			required: true
+		},
+		format: {
+			type: String,
+			required: false
+		}
+	}, {
+		value: 0,
+		decimalSeparator: ".",
+		groupSeparator: ",",
+		loading: false,
+		format: "HH:mm:ss",
+		title: void 0,
+		suffix: void 0,
+		prefix: void 0
+	}),
+	name: "AStatisticTimer",
+	inheritAttrs: false
+});
+var Timer_default = StatisticTimer;
+
+//#endregion
+export { Timer_default as default };

package/dist/statistic/index.d.ts

@@ -0,0 +1,29 @@
+import { VueNode } from "../_util/type.js";
+import { FormatConfig, valueType } from "./utils.js";
+import { Statistic, StatisticClassNamesType, StatisticProps, StatisticSlots, StatisticStylesType } from "./Statistic.js";
+import { StatisticTimeEmits, StatisticTimer, StatisticTimerProps, TimerType } from "./Timer.js";
+import { ComponentBaseProps } from "../config-provider/context.js";
+import * as vue160 from "vue";
+
+//#region src/statistic/index.d.ts
+declare const StatisticTimer$1: vue160.DefineSetupFnComponent<StatisticTimerProps, StatisticTimeEmits, vue160.SlotsType<StatisticSlots>, FormatConfig & ComponentBaseProps & {
+  value?: valueType;
+  valueStyle?: vue160.CSSProperties;
+  valueRender?: (node: any) => vue160.VNodeChild;
+  title?: VueNode;
+  prefix?: VueNode;
+  suffix?: VueNode;
+  loading?: boolean;
+  classes?: StatisticClassNamesType;
+  styles?: StatisticStylesType;
+} & {
+  type: TimerType;
+  format?: string;
+} & {
+  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, vue160.PublicProps>;
+declare const _default: typeof Statistic & {
+  Timer: typeof StatisticTimer;
+};
+//#endregion
+export { StatisticTimer$1 as StatisticTimer, _default };

package/dist/statistic/index.js

@@ -0,0 +1,14 @@
+import Statistic_default from "./Statistic.js";
+import Timer_default from "./Timer.js";
+
+//#region src/statistic/index.tsx
+const StatisticTimer = Timer_default;
+Statistic_default.install = (app) => {
+	app.component(Statistic_default.name, Statistic_default);
+	app.component(StatisticTimer.name, StatisticTimer);
+};
+Statistic_default.Timer = Timer_default;
+var statistic_default = Statistic_default;
+
+//#endregion
+export { StatisticTimer, statistic_default as default };

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

@@ -0,0 +1,18 @@
+import "../../theme/internal.js";
+import "vue";
+
+//#region src/statistic/style/index.d.ts
+interface ComponentToken {
+  /**
+   * @desc 标题字体大小
+   * @descEN Title font size
+   */
+  titleFontSize: number;
+  /**
+   * @desc 内容字体大小
+   * @descEN Content font size
+   */
+  contentFontSize: number;
+}
+//#endregion
+export { ComponentToken };

package/dist/statistic/style/index.js

@@ -0,0 +1,44 @@
+import { resetComponent } from "../../style/index.js";
+import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { mergeToken } from "../../theme/internal.js";
+
+//#region src/statistic/style/index.ts
+const genStatisticStyle = (token) => {
+	const { componentCls, marginXXS, padding, colorTextDescription, titleFontSize, colorTextHeading, contentFontSize, fontFamily } = token;
+	return { [componentCls]: {
+		...resetComponent(token),
+		[`${componentCls}-header`]: {
+			paddingBottom: marginXXS,
+			[`${componentCls}-title`]: {
+				color: colorTextDescription,
+				fontSize: titleFontSize
+			}
+		},
+		[`${componentCls}-skeleton`]: { paddingTop: padding },
+		[`${componentCls}-content`]: {
+			color: colorTextHeading,
+			fontSize: contentFontSize,
+			fontFamily,
+			[`${componentCls}-content-value`]: {
+				display: "inline-block",
+				direction: "ltr"
+			},
+			[`${componentCls}-content-prefix, ${componentCls}-content-suffix`]: { display: "inline-block" },
+			[`${componentCls}-content-prefix`]: { marginInlineEnd: marginXXS },
+			[`${componentCls}-content-suffix`]: { marginInlineStart: marginXXS }
+		}
+	} };
+};
+const prepareComponentToken = (token) => {
+	const { fontSizeHeading3, fontSize } = token;
+	return {
+		titleFontSize: fontSize,
+		contentFontSize: fontSizeHeading3
+	};
+};
+var style_default = genStyleHooks("Statistic", (token) => {
+	return genStatisticStyle(mergeToken(token, {}));
+}, prepareComponentToken);
+
+//#endregion
+export { style_default as default };

package/dist/statistic/utils.d.ts

@@ -0,0 +1,13 @@
+import { VNodeChild } from "vue";
+
+//#region src/statistic/utils.d.ts
+type valueType = number | string;
+type Formatter = false | 'number' | 'countdown' | ((value: valueType, config?: FormatConfig) => VNodeChild);
+interface FormatConfig {
+  formatter?: Formatter;
+  decimalSeparator?: string;
+  groupSeparator?: string;
+  precision?: number;
+}
+//#endregion
+export { FormatConfig, valueType };

package/dist/statistic/utils.js

@@ -0,0 +1,42 @@
+//#region src/statistic/utils.ts
+const timeUnits = [
+	["Y", 1e3 * 60 * 60 * 24 * 365],
+	["M", 1e3 * 60 * 60 * 24 * 30],
+	["D", 1e3 * 60 * 60 * 24],
+	["H", 1e3 * 60 * 60],
+	["m", 1e3 * 60],
+	["s", 1e3],
+	["S", 1]
+];
+function formatTimeStr(duration, format) {
+	let leftDuration = duration;
+	const escapeRegex = /\[[^\]]*\]/g;
+	const keepList = (format.match(escapeRegex) || []).map((str) => str.slice(1, -1));
+	const templateText = format.replace(escapeRegex, "[]");
+	const replacedText = timeUnits.reduce((current, [name, unit]) => {
+		if (current.includes(name)) {
+			const value = Math.floor(leftDuration / unit);
+			leftDuration -= value * unit;
+			return current.replace(new RegExp(`${name}+`, "g"), (match) => {
+				const len = match.length;
+				return value.toString().padStart(len, "0");
+			});
+		}
+		return current;
+	}, templateText);
+	let index = 0;
+	return replacedText.replace(escapeRegex, () => {
+		const match = keepList[index];
+		index += 1;
+		return match;
+	});
+}
+function formatCounter(value, config, down) {
+	const { format = "" } = config;
+	const target = new Date(value).getTime();
+	const current = Date.now();
+	return formatTimeStr(down ? Math.max(target - current, 0) : Math.max(current - target, 0), format);
+}
+
+//#endregion
+export { formatCounter };

package/dist/steps/PanelArrow.js

@@ -0,0 +1,24 @@
+import { createTextVNode, createVNode, defineComponent } from "vue";
+
+//#region src/steps/PanelArrow.tsx
+const PanelArrow = /* @__PURE__ */ defineComponent((props) => {
+	return () => {
+		const { prefixCls } = props;
+		return createVNode("svg", {
+			"class": `${prefixCls}-panel-arrow`,
+			"viewBox": "0 0 100 100",
+			"xmlns": "http://www.w3.org/2000/svg",
+			"preserveAspectRatio": "none"
+		}, [createVNode("title", null, [createTextVNode("Arrow")]), createVNode("path", { "d": "M 0 0 L 100 50 L 0 100" }, null)]);
+	};
+}, {
+	props: { prefixCls: {
+		type: String,
+		required: true
+	} },
+	name: "PanelArrow"
+});
+var PanelArrow_default = PanelArrow;
+
+//#endregion
+export { PanelArrow_default as default };

package/dist/steps/ProgressIcon.js

@@ -0,0 +1,46 @@
+import { Fragment, createTextVNode, createVNode, defineComponent } from "vue";
+import { clsx } from "@v-c/util";
+
+//#region src/steps/ProgressIcon.tsx
+const ProgressIcon = /* @__PURE__ */ defineComponent((props, { slots }) => {
+	return () => {
+		const { prefixCls, percent } = props;
+		const progressCls = `${prefixCls}-item-progress-icon`;
+		const circleCls = `${progressCls}-circle`;
+		const dashArray = `calc(var(--progress-r) * 2 * ${Math.PI * percent / 100}) 9999`;
+		return createVNode(Fragment, null, [createVNode("svg", {
+			"class": `${progressCls}-svg`,
+			"viewBox": "0 0 100 100",
+			"width": "100%",
+			"height": "100%",
+			"xmlns": "http://www.w3.org/2000/svg",
+			"aria-valuemax": 100,
+			"aria-valuemin": 0,
+			"aria-valuenow": percent
+		}, [
+			createVNode("title", null, [createTextVNode("Progress")]),
+			createVNode("circle", { "class": clsx(circleCls, `${circleCls}-rail`) }, null),
+			createVNode("circle", {
+				"class": clsx(circleCls, `${circleCls}-ptg`),
+				"stroke-dasharray": dashArray,
+				"transform": "rotate(-90 50 50)"
+			}, null)
+		]), slots?.default?.()]);
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: true
+		},
+		percent: {
+			type: Number,
+			required: true
+		}
+	},
+	name: "ProgressIcon"
+});
+var ProgressIcon_default = ProgressIcon;
+
+//#endregion
+export { ProgressIcon_default as default };

package/dist/steps/context.js

@@ -0,0 +1,13 @@
+import { inject, ref } from "vue";
+
+//#region src/steps/context.ts
+const InternalContext = Symbol("InternalContext");
+/**
+* When use this context. Will trade as sub component instead of root Steps component.
+*/
+function useInternalContext() {
+	return inject(InternalContext, ref(null));
+}
+
+//#endregion
+export { useInternalContext };

package/dist/steps/index.d.ts

@@ -0,0 +1,87 @@
+import { VueNode } from "../_util/type.js";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
+import * as vue165 from "vue";
+import { CSSProperties, SlotsType } from "vue";
+import { StepsProps } from "@v-c/steps";
+
+//#region src/steps/index.d.ts
+type RcIconRenderTypeInfo = Parameters<NonNullable<StepsProps['iconRender']>>[1];
+type IconRenderType = (params: {
+  oriNode: any;
+  info: Pick<RcIconRenderTypeInfo, 'index' | 'active' | 'item' | 'components'>;
+}) => any;
+type StepsSemanticName = 'root' | 'item' | 'itemWrapper' | 'itemIcon' | 'itemSection' | 'itemHeader' | 'itemTitle' | 'itemSubtitle' | 'itemContent' | 'itemRail';
+type StepsClassNamesType = SemanticClassNamesType<StepsProps$1, StepsSemanticName>;
+type StepsStylesType = SemanticStylesType<StepsProps$1, StepsSemanticName>;
+interface StepItem {
+  class?: string;
+  style?: CSSProperties;
+  classes?: NonNullable<StepsProps['items']>[number]['classNames'];
+  styles?: NonNullable<StepsProps['items']>[number]['styles'];
+  /** @deprecated Please use `content` instead */
+  description?: VueNode;
+  content?: VueNode;
+  icon?: VueNode;
+  onClick?: (e: MouseEvent) => void;
+  status?: 'wait' | 'process' | 'finish' | 'error';
+  disabled?: boolean;
+  title?: VueNode;
+  subTitle?: VueNode;
+}
+type ProgressDotRender = (params: {
+  iconDot: any;
+  info: {
+    index: number;
+    status: NonNullable<StepsProps['status']>;
+    title: any;
+    /** @deprecated Please use `content` instead. */
+    description: any;
+    content: any;
+  };
+}) => any;
+interface BaseStepsProps {
+  rootClass?: string;
+  classes?: StepsClassNamesType;
+  styles?: StepsStylesType;
+  variant?: 'filled' | 'outlined';
+  size?: 'default' | 'small';
+  type?: 'default' | 'navigation' | 'inline' | 'panel' | 'dot';
+  /** @deprecated Please use `orientation` instead. */
+  direction?: 'horizontal' | 'vertical';
+  orientation?: 'horizontal' | 'vertical';
+  /** @deprecated Please use `titlePlacement` instead. */
+  labelPlacement?: 'horizontal' | 'vertical';
+  titlePlacement?: 'horizontal' | 'vertical';
+  /** @deprecated Please use `type` and `iconRender` instead. */
+  progressDot?: boolean | ProgressDotRender;
+  responsive?: boolean;
+  ellipsis?: boolean;
+  /**
+   * Set offset cell, only work when `type` is `inline`.
+   */
+  offset?: number;
+  current?: number;
+  initial?: number;
+  items?: StepItem[];
+  percent?: number;
+  status?: 'wait' | 'process' | 'finish' | 'error';
+  iconRender?: IconRenderType;
+  onChange?: (current: number) => void;
+}
+interface StepsProps$1 extends BaseStepsProps {
+  prefixCls?: string;
+}
+interface StepsEmits {
+  'update:current': (current: number) => void;
+  [key: string]: (...args: any[]) => void;
+}
+interface StepsSlots {
+  default: () => any;
+  iconRender?: IconRenderType;
+}
+declare const Steps: vue165.DefineSetupFnComponent<StepsProps$1, StepsEmits, SlotsType<StepsSlots>, StepsProps$1 & {
+  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, vue165.PublicProps>;
+//#endregion
+export { Steps, StepsProps$1 as StepsProps };