antdv-next 0.0.111 → 1.0.0-alpha.1

package/dist/locale/zh_CN.js

@@ -0,0 +1,144 @@
+import zh_CN_default$3 from "../time-picker/locale/zh_CN.js";
+import zh_CN_default$2 from "../date-picker/locale/zh_CN.js";
+import zh_CN_default$1 from "../calendar/locale/zh_CN.js";
+import Pagination from "@v-c/pagination/locale/zh_CN";
+
+//#region src/locale/zh_CN.ts
+const typeTemplate = "${label}不是一个有效的${type}";
+const localeValues = {
+	locale: "zh-cn",
+	Pagination,
+	DatePicker: zh_CN_default$2,
+	TimePicker: zh_CN_default$3,
+	Calendar: zh_CN_default$1,
+	global: {
+		placeholder: "请选择",
+		close: "关闭"
+	},
+	Table: {
+		filterTitle: "筛选",
+		filterConfirm: "确定",
+		filterReset: "重置",
+		filterEmptyText: "无筛选项",
+		filterCheckAll: "全选",
+		filterSearchPlaceholder: "在筛选项中搜索",
+		emptyText: "暂无数据",
+		selectAll: "全选当页",
+		selectInvert: "反选当页",
+		selectNone: "清空所有",
+		selectionAll: "全选所有",
+		sortTitle: "排序",
+		expand: "展开行",
+		collapse: "关闭行",
+		triggerDesc: "点击降序",
+		triggerAsc: "点击升序",
+		cancelSort: "取消排序"
+	},
+	Modal: {
+		okText: "确定",
+		cancelText: "取消",
+		justOkText: "知道了"
+	},
+	Tour: {
+		Next: "下一步",
+		Previous: "上一步",
+		Finish: "结束导览"
+	},
+	Popconfirm: {
+		cancelText: "取消",
+		okText: "确定"
+	},
+	Transfer: {
+		titles: ["", ""],
+		searchPlaceholder: "请输入搜索内容",
+		itemUnit: "项",
+		itemsUnit: "项",
+		remove: "删除",
+		selectCurrent: "全选当页",
+		removeCurrent: "删除当页",
+		selectAll: "全选所有",
+		deselectAll: "取消全选",
+		removeAll: "删除全部",
+		selectInvert: "反选当页"
+	},
+	Upload: {
+		uploading: "文件上传中",
+		removeFile: "删除文件",
+		uploadError: "上传错误",
+		previewFile: "预览文件",
+		downloadFile: "下载文件"
+	},
+	Empty: { description: "暂无数据" },
+	Icon: { icon: "图标" },
+	Text: {
+		edit: "编辑",
+		copy: "复制",
+		copied: "复制成功",
+		expand: "展开",
+		collapse: "收起"
+	},
+	Form: {
+		optional: "（可选）",
+		defaultValidateMessages: {
+			default: "字段验证错误${label}",
+			required: "请输入${label}",
+			enum: "${label}必须是其中一个[${enum}]",
+			whitespace: "${label}不能为空字符",
+			date: {
+				format: "${label}日期格式无效",
+				parse: "${label}不能转换为日期",
+				invalid: "${label}是一个无效日期"
+			},
+			types: {
+				string: typeTemplate,
+				method: typeTemplate,
+				array: typeTemplate,
+				object: typeTemplate,
+				number: typeTemplate,
+				date: typeTemplate,
+				boolean: typeTemplate,
+				integer: typeTemplate,
+				float: typeTemplate,
+				regexp: typeTemplate,
+				email: typeTemplate,
+				url: typeTemplate,
+				hex: typeTemplate
+			},
+			string: {
+				len: "${label}须为${len}个字符",
+				min: "${label}最少${min}个字符",
+				max: "${label}最多${max}个字符",
+				range: "${label}须在${min}-${max}字符之间"
+			},
+			number: {
+				len: "${label}必须等于${len}",
+				min: "${label}最小值为${min}",
+				max: "${label}最大值为${max}",
+				range: "${label}须在${min}-${max}之间"
+			},
+			array: {
+				len: "须为${len}个${label}",
+				min: "最少${min}个${label}",
+				max: "最多${max}个${label}",
+				range: "${label}数量须在${min}-${max}之间"
+			},
+			pattern: { mismatch: "${label}与模式不匹配${pattern}" }
+		}
+	},
+	Image: { preview: "预览" },
+	QRCode: {
+		expired: "二维码过期",
+		refresh: "点击刷新",
+		scanned: "已扫描"
+	},
+	ColorPicker: {
+		presetEmpty: "暂无",
+		transparent: "无色",
+		singleColor: "单色",
+		gradientColor: "渐变色"
+	}
+};
+var zh_CN_default = localeValues;
+
+//#endregion
+export { zh_CN_default as default };

package/dist/locale/zh_HK.d.ts

@@ -0,0 +1,6 @@
+import { Locale } from "./index.js";
+
+//#region src/locale/zh_HK.d.ts
+declare const localeValues: Locale;
+//#endregion
+export { localeValues as default };

package/dist/locale/zh_HK.js

@@ -0,0 +1,139 @@
+import zh_TW_default$2 from "../time-picker/locale/zh_TW.js";
+import zh_TW_default$1 from "../date-picker/locale/zh_TW.js";
+import zh_TW_default from "../calendar/locale/zh_TW.js";
+import Pagination from "@v-c/pagination/locale/zh_TW";
+
+//#region src/locale/zh_HK.ts
+const typeTemplate = "${label}不是一個有效的${type}";
+const localeValues = {
+	locale: "zh-hk",
+	Pagination,
+	DatePicker: zh_TW_default$1,
+	TimePicker: zh_TW_default$2,
+	Calendar: zh_TW_default,
+	global: {
+		placeholder: "請選擇",
+		close: "關閉"
+	},
+	Table: {
+		filterTitle: "篩選器",
+		filterConfirm: "確定",
+		filterReset: "重置",
+		filterEmptyText: "無篩選項",
+		filterCheckAll: "全選",
+		filterSearchPlaceholder: "在篩選項中搜尋",
+		emptyText: "暫無數據",
+		selectAll: "全部選取",
+		selectInvert: "反向選取",
+		selectNone: "清空所有",
+		selectionAll: "全選所有",
+		sortTitle: "排序",
+		expand: "展開行",
+		collapse: "關閉行",
+		triggerDesc: "點擊降序",
+		triggerAsc: "點擊升序",
+		cancelSort: "取消排序"
+	},
+	Modal: {
+		okText: "確定",
+		cancelText: "取消",
+		justOkText: "知道了"
+	},
+	Tour: {
+		Next: "下一步",
+		Previous: "上一步",
+		Finish: "結束導覽"
+	},
+	Popconfirm: {
+		okText: "確定",
+		cancelText: "取消"
+	},
+	Transfer: {
+		titles: ["", ""],
+		searchPlaceholder: "搜尋資料",
+		itemUnit: "項目",
+		itemsUnit: "項目",
+		remove: "刪除",
+		selectCurrent: "全選當頁",
+		removeCurrent: "刪除當頁",
+		selectAll: "全選所有",
+		removeAll: "刪除全部",
+		selectInvert: "反選當頁"
+	},
+	Upload: {
+		uploading: "正在上傳...",
+		removeFile: "刪除檔案",
+		uploadError: "上傳失敗",
+		previewFile: "檔案預覽",
+		downloadFile: "下载文件"
+	},
+	Empty: { description: "無此資料" },
+	Icon: { icon: "圖標" },
+	Text: {
+		edit: "編輯",
+		copy: "複製",
+		copied: "複製成功",
+		expand: "展開",
+		collapse: "收起"
+	},
+	Form: { defaultValidateMessages: {
+		default: "字段驗證錯誤${label}",
+		required: "請輸入${label}",
+		enum: "${label}必須是其中一個[${enum}]",
+		whitespace: "${label}不能為空字符",
+		date: {
+			format: "${label}日期格式無效",
+			parse: "${label}不能轉換為日期",
+			invalid: "${label}是一個無效日期"
+		},
+		types: {
+			string: typeTemplate,
+			method: typeTemplate,
+			array: typeTemplate,
+			object: typeTemplate,
+			number: typeTemplate,
+			date: typeTemplate,
+			boolean: typeTemplate,
+			integer: typeTemplate,
+			float: typeTemplate,
+			regexp: typeTemplate,
+			email: typeTemplate,
+			url: typeTemplate,
+			hex: typeTemplate
+		},
+		string: {
+			len: "${label}須為${len}個字符",
+			min: "${label}最少${min}個字符",
+			max: "${label}最多${max}個字符",
+			range: "${label}須在${min}-${max}字符之間"
+		},
+		number: {
+			len: "${label}必須等於${len}",
+			min: "${label}最小值為${min}",
+			max: "${label}最大值為${max}",
+			range: "${label}須在${min}-${max}之間"
+		},
+		array: {
+			len: "須為${len}個${label}",
+			min: "最少${min}個${label}",
+			max: "最多${max}個${label}",
+			range: "${label}數量須在${min}-${max}之間"
+		},
+		pattern: { mismatch: "${label}與模式不匹配${pattern}" }
+	} },
+	QRCode: {
+		expired: "二維碼過期",
+		refresh: "點擊刷新",
+		scanned: "已掃描"
+	},
+	ColorPicker: {
+		presetEmpty: "暫無",
+		transparent: "透明",
+		singleColor: "單色",
+		gradientColor: "漸變色"
+	}
+};
+var zh_HK_default = localeValues;
+
+//#endregion
+export { zh_HK_default as default };

package/dist/locale/zh_TW.d.ts

@@ -0,0 +1,6 @@
+import { Locale } from "./index.js";
+
+//#region src/locale/zh_TW.d.ts
+declare const localeValues: Locale;
+//#endregion
+export { localeValues as default };

package/dist/locale/zh_TW.js

@@ -0,0 +1,142 @@
+import zh_TW_default$3 from "../time-picker/locale/zh_TW.js";
+import zh_TW_default$2 from "../date-picker/locale/zh_TW.js";
+import zh_TW_default$1 from "../calendar/locale/zh_TW.js";
+import Pagination from "@v-c/pagination/locale/zh_TW";
+
+//#region src/locale/zh_TW.ts
+const typeTemplate = "${label}不是一個有效的${type}";
+const localeValues = {
+	locale: "zh-tw",
+	Pagination,
+	DatePicker: zh_TW_default$2,
+	TimePicker: zh_TW_default$3,
+	Calendar: zh_TW_default$1,
+	global: {
+		placeholder: "請選擇",
+		close: "關閉"
+	},
+	Table: {
+		filterTitle: "篩選器",
+		filterConfirm: "確定",
+		filterReset: "重置",
+		filterEmptyText: "無篩選項",
+		filterCheckAll: "全選",
+		filterSearchPlaceholder: "在篩選項中搜尋",
+		emptyText: "暫無數據",
+		selectAll: "全部選取",
+		selectInvert: "反向選取",
+		selectNone: "清空所有",
+		selectionAll: "全選所有",
+		sortTitle: "排序",
+		expand: "展開行",
+		collapse: "關閉行",
+		triggerDesc: "點擊降序",
+		triggerAsc: "點擊升序",
+		cancelSort: "取消排序"
+	},
+	Modal: {
+		okText: "確定",
+		cancelText: "取消",
+		justOkText: "知道了"
+	},
+	Tour: {
+		Next: "下一步",
+		Previous: "上一步",
+		Finish: "結束導覽"
+	},
+	Popconfirm: {
+		okText: "確定",
+		cancelText: "取消"
+	},
+	Transfer: {
+		titles: ["", ""],
+		searchPlaceholder: "搜尋資料",
+		itemUnit: "項目",
+		itemsUnit: "項目",
+		remove: "删除",
+		selectCurrent: "全選當頁",
+		removeCurrent: "删除當頁",
+		selectAll: "全選所有",
+		removeAll: "删除全部",
+		selectInvert: "反選當頁"
+	},
+	Upload: {
+		uploading: "正在上傳...",
+		removeFile: "刪除檔案",
+		uploadError: "上傳失敗",
+		previewFile: "檔案預覽",
+		downloadFile: "下载文件"
+	},
+	Empty: { description: "無此資料" },
+	Icon: { icon: "圖標" },
+	Text: {
+		edit: "編輯",
+		copy: "複製",
+		copied: "複製成功",
+		expand: "展開",
+		collapse: "收起"
+	},
+	Form: {
+		optional: "（可選）",
+		defaultValidateMessages: {
+			default: "字段驗證錯誤${label}",
+			required: "請輸入${label}",
+			enum: "${label}必須是其中一個[${enum}]",
+			whitespace: "${label}不能為空字符",
+			date: {
+				format: "${label}日期格式無效",
+				parse: "${label}不能轉換為日期",
+				invalid: "${label}是一個無效日期"
+			},
+			types: {
+				string: typeTemplate,
+				method: typeTemplate,
+				array: typeTemplate,
+				object: typeTemplate,
+				number: typeTemplate,
+				date: typeTemplate,
+				boolean: typeTemplate,
+				integer: typeTemplate,
+				float: typeTemplate,
+				regexp: typeTemplate,
+				email: typeTemplate,
+				url: typeTemplate,
+				hex: typeTemplate
+			},
+			string: {
+				len: "${label}須為${len}個字符",
+				min: "${label}最少${min}個字符",
+				max: "${label}最多${max}個字符",
+				range: "${label}須在${min}-${max}字符之間"
+			},
+			number: {
+				len: "${label}必須等於${len}",
+				min: "${label}最小值為${min}",
+				max: "${label}最大值為${max}",
+				range: "${label}須在${min}-${max}之間"
+			},
+			array: {
+				len: "須為${len}個${label}",
+				min: "最少${min}個${label}",
+				max: "最多${max}個${label}",
+				range: "${label}數量須在${min}-${max}之間"
+			},
+			pattern: { mismatch: "${label}與模式不匹配${pattern}" }
+		}
+	},
+	QRCode: {
+		expired: "二維碼過期",
+		refresh: "點擊刷新",
+		scanned: "已掃描"
+	},
+	ColorPicker: {
+		presetEmpty: "暫無",
+		transparent: "透明",
+		singleColor: "單色",
+		gradientColor: "漸變色"
+	}
+};
+var zh_TW_default = localeValues;
+
+//#endregion
+export { zh_TW_default as default };

package/dist/masonry/Masonry.d.ts

@@ -0,0 +1,50 @@
+import { Breakpoint } from "../_util/responsiveObserver.js";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
+import { RowProps } from "../grid/row.js";
+import "../grid/index.js";
+import { MasonryItemType } from "./MasonryItem.js";
+import { ComponentBaseProps } from "../config-provider/context.js";
+import * as vue255 from "vue";
+import { SlotsType } from "vue";
+
+//#region src/masonry/Masonry.d.ts
+type Key = string | number;
+type SemanticName = 'root' | 'item';
+type MasonryClassNamesType = SemanticClassNamesType<MasonryProps, SemanticName>;
+type MasonryStylesType = SemanticStylesType<MasonryProps, SemanticName>;
+interface MasonryProps extends ComponentBaseProps {
+  classes?: MasonryClassNamesType;
+  styles?: MasonryStylesType;
+  /** Spacing between items */
+  gutter?: RowProps['gutter'];
+  items?: MasonryItemType[];
+  itemRender?: (itemInfo: MasonryItemType & {
+    index: number;
+  }) => any;
+  /** Number of columns in the masonry grid layout */
+  columns?: number | Partial<Record<Breakpoint, number>>;
+  /** Trigger when item layout order changed */
+  fresh?: boolean;
+}
+interface MasonryEmits {
+  layoutChange: (sortInfo: {
+    key: Key;
+    column: number;
+  }[]) => void;
+  [key: string]: (...args: any[]) => void;
+}
+interface MasonrySlots {
+  default: () => any;
+  itemRender?: (itemInfo: MasonryItemType & {
+    index: number;
+  }) => any;
+}
+interface MasonryRef {
+  nativeElement: HTMLDivElement;
+}
+declare const Masonry: vue255.DefineSetupFnComponent<MasonryProps, MasonryEmits, SlotsType<MasonrySlots>, MasonryProps & {
+  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, vue255.PublicProps>;
+//#endregion
+export { Masonry, MasonryEmits, MasonryProps, MasonryRef, MasonrySlots };

package/dist/masonry/Masonry.js

@@ -0,0 +1,203 @@
+import { useComponentBaseConfig } from "../config-provider/context.js";
+import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
+import { toPropsRefs } from "../_util/tools.js";
+import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
+import { responsiveArray } from "../_util/responsiveObserver.js";
+import useBreakpoint_default from "../grid/hooks/useBreakpoint.js";
+import useGutter from "../grid/hooks/useGutter.js";
+import { useChildLoadEvents } from "../_util/hooks/useChildLoadEvents.js";
+import useDelay from "./hooks/useDelay.js";
+import usePositions from "./hooks/usePositions.js";
+import useRefs from "./hooks/useRefs.js";
+import MasonryItem_default from "./MasonryItem.js";
+import style_default from "./style/index.js";
+import { TransitionGroup, computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, onMounted, ref, shallowRef, watch } from "vue";
+import { clsx } from "@v-c/util";
+import { getTransitionGroupProps } from "@v-c/util/dist/utils/transition";
+import ResizeObserver from "@v-c/resize-observer";
+import { getDOM } from "@v-c/util/dist/Dom/findDOMNode";
+import isEqual from "@v-c/util/dist/isEqual";
+
+//#region src/masonry/Masonry.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const Masonry = /* @__PURE__ */ defineComponent((props, { expose, emit, attrs, slots }) => {
+	const { direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, prefixCls } = useComponentBaseConfig("masonry", props);
+	const { classes, styles, gutter, columns } = toPropsRefs(props, "classes", "styles", "gutter", "columns");
+	const [hashId, cssVarCls] = style_default(prefixCls, useCSSVarCls_default(prefixCls));
+	const containerRef = shallowRef();
+	expose({ nativeElement: containerRef });
+	const [setItemRef, getItemRef] = useRefs();
+	const mergedItems = shallowRef([]);
+	watch(() => props.items, () => {
+		mergedItems.value = props?.items ?? [];
+	}, { immediate: true });
+	const screens = useBreakpoint_default();
+	const gutters = useGutter(gutter, screens);
+	const horizontalGutter = computed(() => gutters.value[0] || 0);
+	const verticalGutter = computed(() => gutters.value[1] || horizontalGutter.value);
+	const columnCount = computed(() => {
+		if (!columns.value) return 3;
+		if (typeof columns.value === "number") return columns.value;
+		const matchingBreakpoint = responsiveArray.find((breakpoint) => screens.value[breakpoint] && columns.value?.[breakpoint] !== void 0);
+		if (matchingBreakpoint) return columns.value[matchingBreakpoint];
+		return columns.value.xs ?? 1;
+	});
+	const mergedProps = computed(() => {
+		return {
+			...props,
+			columns: columnCount.value
+		};
+	});
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(mergedProps));
+	const itemHeights = ref([]);
+	const collectItemSize = useDelay(() => {
+		const nextItemHeights = mergedItems.value.map((item, index) => {
+			const itemKey = item?.key ?? index;
+			const rect = getItemRef(itemKey)?.getBoundingClientRect();
+			return [
+				itemKey,
+				rect ? rect?.height : 0,
+				item?.column
+			];
+		});
+		if (!isEqual(itemHeights.value, nextItemHeights)) itemHeights.value = nextItemHeights;
+	});
+	const { bindEvent } = useChildLoadEvents();
+	onMounted(() => {
+		if (containerRef.value) bindEvent(containerRef.value, () => {
+			collectItemSize();
+		});
+	});
+	const [itemPositions, totalHeight] = usePositions(itemHeights, columnCount, verticalGutter);
+	const itemWithPositions = computed(() => {
+		return mergedItems.value.map((item, index) => {
+			const key = item.key ?? index;
+			return {
+				item,
+				itemIndex: index,
+				itemKey: key,
+				key,
+				position: itemPositions.value.get(key)
+			};
+		});
+	});
+	watch([mergedItems, columnCount], () => {
+		collectItemSize();
+	}, {
+		immediate: true,
+		flush: "post"
+	});
+	const itemColumns = ref([]);
+	watch(itemWithPositions, () => {
+		if (itemWithPositions.value.every(({ position }) => position)) {
+			const nextItemColumns = itemWithPositions.value.map(({ item, position }) => [item, position.column]);
+			if (!isEqual(itemColumns.value, nextItemColumns)) itemColumns.value = nextItemColumns;
+		}
+	}, {
+		immediate: true,
+		flush: "post"
+	});
+	watch(itemColumns, async () => {
+		if (!props.items?.length || props.items.length !== itemColumns.value.length) return;
+		emit("layoutChange", itemColumns.value.map(([item, column]) => ({
+			...item,
+			column
+		})));
+	}, {
+		immediate: true,
+		flush: "post"
+	});
+	return () => {
+		let _slot;
+		const { fresh } = props;
+		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
+		const transitionProps = getTransitionGroupProps(`${prefixCls.value}-item-fade`);
+		const itemRender = slots?.itemRender ?? props?.itemRender;
+		return createVNode(ResizeObserver, { "onResize": collectItemSize }, { default: () => [createVNode("div", mergeProps(restAttrs, {
+			"ref": containerRef,
+			"class": clsx(prefixCls.value, contextClassName.value, mergedClassNames.value?.root, props.rootClass, className, hashId.value, cssVarCls.value, { [`${prefixCls.value}-rtl`]: direction.value === "rtl" }),
+			"style": {
+				height: `${totalHeight.value}px`,
+				...contextStyles.value.root,
+				...contextStyle.value,
+				...style
+			}
+		}), [createVNode(TransitionGroup, transitionProps, _isSlot(_slot = itemWithPositions.value.map((motionInfo) => {
+			const { item, itemKey, itemIndex, key } = motionInfo;
+			const position = motionInfo.position;
+			const columnIndex = position?.column ?? 0;
+			const widthVar = `calc((100% + ${horizontalGutter.value}px) / ${columnCount.value})`;
+			const itemStyle = {
+				"--item-width": widthVar,
+				"insetInlineStart": `calc(var(--item-width) * ${columnIndex})`,
+				"width": `calc(var(--item-width) - ${horizontalGutter.value}px)`,
+				"top": `${position?.top}px`,
+				"position": "absolute"
+			};
+			return createVNode(MasonryItem_default, {
+				"key": key,
+				"ref": (ele) => {
+					setItemRef(itemKey, getDOM(ele));
+				},
+				"prefixCls": prefixCls.value,
+				"item": item,
+				"class": clsx(mergedClassNames.value?.item, item.class),
+				"style": {
+					...mergedStyles.value?.item ?? {},
+					...item.style ?? {},
+					...itemStyle
+				},
+				"index": itemIndex,
+				"itemRender": itemRender,
+				"column": columnIndex,
+				"onResize": fresh ? collectItemSize : null
+			}, null);
+		})) ? _slot : { default: () => [_slot] })])] });
+	};
+}, {
+	emits: ["layoutChange"],
+	props: /* @__PURE__ */ mergeDefaults({
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
+		gutter: { required: false },
+		items: {
+			type: Array,
+			required: false
+		},
+		itemRender: {
+			type: Function,
+			required: false
+		},
+		columns: {
+			type: [Number, Object],
+			required: false
+		},
+		fresh: {
+			type: Boolean,
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		}
+	}, { gutter: 0 }),
+	name: "AMasonry",
+	inheritAttrs: false
+});
+var Masonry_default = Masonry;
+
+//#endregion
+export { Masonry_default as default };