@antdv-vue/pro-table 0.0.0-stage → 2.0.3

package/dist/components/Dropdown/Button.js

@@ -0,0 +1,155 @@
+import { computed, createVNode, defineComponent, mergeProps } from "vue";
+import { classNames } from "@v-c/util";
+import { useConfig } from "antdv-next/config-provider/context";
+import { Button, Dropdown } from "antdv-next";
+import { DownOutlined } from "@antdv-next/icons";
+//#region src/components/Dropdown/Button.tsx
+const TableDropdownButton = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+	const config = useConfig();
+	const prefixCls = computed(() => props.prefixCls || config.value.getPrefixCls("pro"));
+	const baseClassName = computed(() => `${prefixCls.value}-table-dropdown-button`);
+	return () => {
+		const { menus = [], onSelect, ...dropdownProps } = props;
+		return createVNode(Dropdown, mergeProps(dropdownProps, {
+			"class": classNames(baseClassName.value, attrs.class),
+			"menu": {
+				onClick: (params) => {
+					onSelect?.(params.key);
+				},
+				items: menus.map(({ key, name, ...rest }) => ({
+					...rest,
+					key,
+					title: rest.title,
+					label: name
+				}))
+			}
+		}), {
+			...slots,
+			default: () => createVNode(Button, {
+				"icon-placement": "end",
+				"style": attrs.style
+			}, {
+				default: () => [slots.default?.()],
+				icon: () => createVNode(DownOutlined, null, null)
+			})
+		});
+	};
+}, {
+	props: {
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
+		menu: {
+			type: Object,
+			required: false
+		},
+		autoFocus: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		arrow: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		trigger: {
+			type: Array,
+			required: false
+		},
+		popupRender: {
+			type: Function,
+			required: false
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		align: {
+			type: Object,
+			required: false
+		},
+		getPopupContainer: {
+			type: Function,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		transitionName: {
+			type: String,
+			required: false
+		},
+		placement: {
+			type: String,
+			required: false
+		},
+		forceRender: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		mouseEnterDelay: {
+			type: Number,
+			required: false
+		},
+		mouseLeaveDelay: {
+			type: Number,
+			required: false
+		},
+		openClassName: {
+			type: String,
+			required: false
+		},
+		autoAdjustOverflow: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		"onUpdate:open": {
+			type: Function,
+			required: false
+		},
+		onOpenChange: {
+			type: Function,
+			required: false
+		},
+		onMenuClick: {
+			type: Function,
+			required: false
+		},
+		menus: {
+			type: Array,
+			required: false
+		},
+		onSelect: {
+			type: Function,
+			required: false
+		}
+	},
+	name: "TableDropdownButton",
+	inheritAttrs: false
+});
+//#endregion
+export { TableDropdownButton as default };

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

@@ -0,0 +1,27 @@
+import TableDropdownButton from "./Button.js";
+import * as _$vue from "vue";
+import { VueNode } from "@antdv-vue/pro-utils";
+import { DropdownProps, MenuItemProps } from "antdv-next";
+import { CustomSlotsType } from "@v-c/util/dist/type";
+
+//#region src/components/Dropdown/index.d.ts
+type MenuItems = MenuItemProps & {
+  name: VueNode;
+  key: string;
+  title?: string;
+};
+type TableDropdownProps = DropdownProps & {
+  menus?: MenuItems[];
+  onSelect?: (key: string) => void;
+};
+declare const _TableDropdown: _$vue.DefineSetupFnComponent<TableDropdownProps, {}, CustomSlotsType<{
+  default?: () => VueNode;
+}>, DropdownProps & {
+  menus?: MenuItems[];
+  onSelect?: (key: string) => void;
+} & {}, _$vue.PublicProps>;
+declare const TableDropdown: typeof _TableDropdown & {
+  Button?: typeof TableDropdownButton;
+};
+//#endregion
+export { TableDropdownProps, TableDropdown as default };

package/dist/components/Dropdown/index.js

@@ -0,0 +1,149 @@
+import TableDropdownButton from "./Button.js";
+import { computed, createVNode, defineComponent, mergeProps } from "vue";
+import { classNames } from "@v-c/util";
+import { useConfig } from "antdv-next/config-provider/context";
+import { Dropdown } from "antdv-next";
+import { EllipsisOutlined } from "@antdv-next/icons";
+//#region src/components/Dropdown/index.tsx
+const TableDropdown = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+	const config = useConfig();
+	const prefixCls = computed(() => props.prefixCls || config.value.getPrefixCls("pro"));
+	const baseClassName = computed(() => `${prefixCls.value}-table-dropdown`);
+	return () => {
+		const { menus = [], onSelect, ...dropdownProps } = props;
+		return createVNode(Dropdown, mergeProps(dropdownProps, {
+			"class": classNames(baseClassName.value, attrs.class),
+			"menu": {
+				onClick: (params) => onSelect?.(params.key),
+				items: menus.map(({ key, name, ...rest }) => ({
+					key,
+					...rest,
+					title: rest.title,
+					label: name
+				}))
+			}
+		}), {
+			...slots,
+			default: () => createVNode("a", { "style": attrs.style }, [slots.default?.() || createVNode(EllipsisOutlined, null, null)])
+		});
+	};
+}, {
+	props: {
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
+		menu: {
+			type: Object,
+			required: false
+		},
+		autoFocus: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		arrow: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		trigger: {
+			type: Array,
+			required: false
+		},
+		popupRender: {
+			type: Function,
+			required: false
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		align: {
+			type: Object,
+			required: false
+		},
+		getPopupContainer: {
+			type: Function,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		transitionName: {
+			type: String,
+			required: false
+		},
+		placement: {
+			type: String,
+			required: false
+		},
+		forceRender: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		mouseEnterDelay: {
+			type: Number,
+			required: false
+		},
+		mouseLeaveDelay: {
+			type: Number,
+			required: false
+		},
+		openClassName: {
+			type: String,
+			required: false
+		},
+		autoAdjustOverflow: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		"onUpdate:open": {
+			type: Function,
+			required: false
+		},
+		onOpenChange: {
+			type: Function,
+			required: false
+		},
+		onMenuClick: {
+			type: Function,
+			required: false
+		},
+		menus: {
+			type: Array,
+			required: false
+		},
+		onSelect: {
+			type: Function,
+			required: false
+		}
+	},
+	name: "TableDropdown",
+	inheritAttrs: false
+});
+TableDropdown.Button = TableDropdownButton;
+//#endregion
+export { TableDropdown as default };

package/dist/components/EditableTable/CellEditorTable.d.ts

@@ -0,0 +1,63 @@
+import { FilterValue, ProTableProps } from "../../typing.js";
+import { RecordCreatorProps } from "./InternalEditableTable.js";
+import * as _$vue from "vue";
+import { ParamsType } from "@antdv-vue/pro-provider";
+import * as _$_antdv_vue_pro_utils0 from "@antdv-vue/pro-utils";
+import { ProFieldValueObjectType, ProFieldValueType } from "@antdv-vue/pro-utils";
+import * as _$antdv_next0 from "antdv-next";
+import * as _$antdv_next_dist_table_interface0 from "antdv-next/dist/table/interface";
+import { VueNode as VueNode$1 } from "@v-c/util/dist/type";
+
+//#region src/components/EditableTable/CellEditorTable.d.ts
+declare const CellEditorProTable: new <DataType extends Record<string, any>, Params extends ParamsType = ParamsType, ValueType extends (ProFieldValueType | ProFieldValueObjectType) = "text">(props: Omit<ProTableProps<DataType, Params, ValueType>, "onChange"> & {
+  defaultValue?: DataType[] | undefined;
+  value?: DataType[] | undefined;
+  'onUpdate:value'?: ((value?: DataType[] | undefined) => void) | undefined;
+  onChange?: ((value?: DataType[] | undefined) => void) | undefined;
+  onTableChange?: ((pagination: _$antdv_next0.TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: _$antdv_next0.TableSorterResult<DataType> | _$antdv_next0.TableSorterResult<DataType>[], extra: _$antdv_next_dist_table_interface0.TableCurrentDataSource<DataType>) => void) | undefined;
+  recordCreatorProps?: _$_antdv_vue_pro_utils0.WithFalse<RecordCreatorProps<DataType> & _$antdv_next0.ButtonProps & {
+    style?: _$vue.CSSProperties;
+    creatorButtonText?: VueNode$1;
+  }> | undefined;
+  maxLength?: number;
+  onValuesChange?: ((values: DataType[], record: DataType) => void) | undefined;
+  controlled?: boolean;
+  formItemProps?: Omit<_$_antdv_vue_pro_utils0.FormItemProps, "name">;
+} & {} & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps) => _$vue.CreateComponentPublicInstanceWithMixins<Omit<ProTableProps<DataType, Params, ValueType>, "onChange"> & {
+  defaultValue?: DataType[] | undefined;
+  value?: DataType[] | undefined;
+  'onUpdate:value'?: ((value?: DataType[] | undefined) => void) | undefined;
+  onChange?: ((value?: DataType[] | undefined) => void) | undefined;
+  onTableChange?: ((pagination: _$antdv_next0.TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: _$antdv_next0.TableSorterResult<DataType> | _$antdv_next0.TableSorterResult<DataType>[], extra: _$antdv_next_dist_table_interface0.TableCurrentDataSource<DataType>) => void) | undefined;
+  recordCreatorProps?: _$_antdv_vue_pro_utils0.WithFalse<RecordCreatorProps<DataType> & _$antdv_next0.ButtonProps & {
+    style?: _$vue.CSSProperties;
+    creatorButtonText?: VueNode$1;
+  }> | undefined;
+  maxLength?: number;
+  onValuesChange?: ((values: DataType[], record: DataType) => void) | undefined;
+  controlled?: boolean;
+  formItemProps?: Omit<_$_antdv_vue_pro_utils0.FormItemProps, "name">;
+} & {}, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {}, false, {}, {}, {}, {}, string, {}, any, _$vue.ComponentProvideOptions, {
+  P: {};
+  B: {};
+  D: {};
+  C: {};
+  M: {};
+  Defaults: {};
+}, Omit<ProTableProps<DataType, Params, ValueType>, "onChange"> & {
+  defaultValue?: DataType[] | undefined;
+  value?: DataType[] | undefined;
+  'onUpdate:value'?: ((value?: DataType[] | undefined) => void) | undefined;
+  onChange?: ((value?: DataType[] | undefined) => void) | undefined;
+  onTableChange?: ((pagination: _$antdv_next0.TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: _$antdv_next0.TableSorterResult<DataType> | _$antdv_next0.TableSorterResult<DataType>[], extra: _$antdv_next_dist_table_interface0.TableCurrentDataSource<DataType>) => void) | undefined;
+  recordCreatorProps?: _$_antdv_vue_pro_utils0.WithFalse<RecordCreatorProps<DataType> & _$antdv_next0.ButtonProps & {
+    style?: _$vue.CSSProperties;
+    creatorButtonText?: VueNode$1;
+  }> | undefined;
+  maxLength?: number;
+  onValuesChange?: ((values: DataType[], record: DataType) => void) | undefined;
+  controlled?: boolean;
+  formItemProps?: Omit<_$_antdv_vue_pro_utils0.FormItemProps, "name">;
+} & {}, {}, {}, {}, {}, {}>;
+//#endregion
+export { CellEditorProTable as default };

package/dist/components/EditableTable/CellEditorTable.js

@@ -0,0 +1,167 @@
+import { resolveEditingPayloadForRowEditableOnChange } from "../../utils/index.js";
+import { useEditableProTableInstanceExpose } from "./InternalEditableTable.js";
+import EditableProTable from "./EditableTable.js";
+import { computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
+import { useMemo, useState } from "@antdv-vue/pro-utils";
+//#region src/components/EditableTable/CellEditorTable.tsx
+const CellEditorProTable = /* @__PURE__ */ defineComponent((props, { slots, expose }) => {
+	const editableTableRef = shallowRef(null);
+	const [editableKeys, setEditableRowKeys] = useState(props.editable?.editableKeys ?? []);
+	const [dataIndex, setDataIndex] = useState([]);
+	const rowKey = computed(() => props.rowKey || "id");
+	const blurTimerRef = shallowRef();
+	const getRowKey = useMemo(() => {
+		if (typeof rowKey.value === "function") return rowKey.value;
+		return (record, index) => {
+			if (index === -1) return record?.[rowKey.value];
+			if (props.name) return index?.toString();
+			return record?.[rowKey.value] ?? index?.toString();
+		};
+	}, [() => props.name, rowKey]);
+	const cancelExitEditing = () => {
+		if (blurTimerRef.value) {
+			clearTimeout(blurTimerRef.value);
+			blurTimerRef.value = void 0;
+		}
+	};
+	const handleEditableKeysChange = (keys) => {
+		const cleanKeys = keys.filter((key) => key !== void 0);
+		setEditableRowKeys(cleanKeys);
+		const editingPayload = resolveEditingPayloadForRowEditableOnChange(cleanKeys, props.value, getRowKey.value, props.editable?.type);
+		props.editable?.onChange?.(cleanKeys, editingPayload);
+	};
+	expose(useEditableProTableInstanceExpose(editableTableRef));
+	return () => createVNode(EditableProTable, mergeProps({ "ref": editableTableRef }, props, {
+		"bordered": props.bordered || true,
+		"pagination": props.pagination || false,
+		"editable": {
+			...props.editable,
+			editableKeys: editableKeys.value
+		},
+		"columns": props?.columns?.map((item) => {
+			return {
+				...item,
+				editable: dataIndex.value.flat(1).join(".") === [item.dataIndex || item.key].flat(1).join(".") ? void 0 : false,
+				onCell: (record, rowIndex) => ({
+					onDblclick: () => {
+						cancelExitEditing();
+						handleEditableKeysChange([getRowKey.value(record, rowIndex)]);
+						setDataIndex([item.dataIndex || item.key]);
+					},
+					onBlur: () => setEditableRowKeys([]),
+					onFocus: cancelExitEditing
+				})
+			};
+		}) || []
+	}), slots);
+}, {
+	name: "CellEditorProTable",
+	inheritAttrs: false,
+	props: [
+		"beforeSearchSubmit",
+		"bodyCell",
+		"bordered",
+		"caption",
+		"cardBordered",
+		"cardProps",
+		"childrenColumnName",
+		"classes",
+		"columnEmptyText",
+		"columns",
+		"columnsState",
+		"components",
+		"controlled",
+		"dataSource",
+		"dateFormatter",
+		"debounceTime",
+		"defaultData",
+		"defaultExpandAllRows",
+		"defaultExpandedRowKeys",
+		"defaultSize",
+		"defaultValue",
+		"direction",
+		"dropdownPrefixCls",
+		"editable",
+		"errorBoundaryRender",
+		"expandIcon",
+		"expandIconColumnIndex",
+		"expandRowByClick",
+		"expandable",
+		"expandedRowClassName",
+		"expandedRowKeys",
+		"expandedRowRender",
+		"footer",
+		"form",
+		"formItemProps",
+		"getContainerWidth",
+		"getPopupContainer",
+		"ghost",
+		"headerCell",
+		"headerTitle",
+		"id",
+		"indentSize",
+		"loading",
+		"locale",
+		"manualRequest",
+		"maxLength",
+		"measureRowRender",
+		"name",
+		"onChange",
+		"onDataSourceChange",
+		"onExpand",
+		"onExpandedRowsChange",
+		"onHeaderRow",
+		"onLoad",
+		"onLoadingChange",
+		"onRequestError",
+		"onReset",
+		"onRow",
+		"onSizeChange",
+		"onSubmit",
+		"onTableChange",
+		"onValuesChange",
+		"options",
+		"optionsRender",
+		"pagination",
+		"params",
+		"polling",
+		"postData",
+		"prefixCls",
+		"recordCreatorProps",
+		"request",
+		"revalidateOnFocus",
+		"rootClass",
+		"rowClassName",
+		"rowHoverable",
+		"rowKey",
+		"rowSelection",
+		"scroll",
+		"search",
+		"searchFormRender",
+		"showHeader",
+		"showSorterTooltip",
+		"size",
+		"sortDirections",
+		"sticky",
+		"styles",
+		"summary",
+		"tableAlertOptionRender",
+		"tableAlertRender",
+		"tableClass",
+		"tableExtraRender",
+		"tableLayout",
+		"tableRender",
+		"tableStyle",
+		"tableViewRender",
+		"tailor",
+		"title",
+		"toolBarRender",
+		"toolbar",
+		"tooltip",
+		"type",
+		"value",
+		"virtual"
+	]
+});
+//#endregion
+export { CellEditorProTable as default };

package/dist/components/EditableTable/EditableTable.d.ts

@@ -0,0 +1,67 @@
+import { FilterValue, ProTableProps } from "../../typing.js";
+import { RecordCreator, RecordCreatorProps } from "./InternalEditableTable.js";
+import * as _$vue from "vue";
+import { Plugin } from "vue";
+import { ParamsType } from "@antdv-vue/pro-provider";
+import * as _$_antdv_vue_pro_utils0 from "@antdv-vue/pro-utils";
+import { ProFieldValueObjectType, ProFieldValueType } from "@antdv-vue/pro-utils";
+import * as _$_v_c_util0 from "@v-c/util";
+import * as _$antdv_next0 from "antdv-next";
+import * as _$antdv_next_dist_table_interface0 from "antdv-next/dist/table/interface";
+
+//#region src/components/EditableTable/EditableTable.d.ts
+declare const _EditableProTable: new <DataType extends Record<string, any>, Params extends ParamsType = ParamsType, ValueType extends (ProFieldValueType | ProFieldValueObjectType) = "text">(props: Omit<ProTableProps<DataType, Params, ValueType>, "onChange"> & {
+  defaultValue?: DataType[] | undefined;
+  value?: DataType[] | undefined;
+  'onUpdate:value'?: ((value?: DataType[] | undefined) => void) | undefined;
+  onChange?: ((value?: DataType[] | undefined) => void) | undefined;
+  onTableChange?: ((pagination: _$antdv_next0.TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: _$antdv_next0.TableSorterResult<DataType> | _$antdv_next0.TableSorterResult<DataType>[], extra: _$antdv_next_dist_table_interface0.TableCurrentDataSource<DataType>) => void) | undefined;
+  recordCreatorProps?: _$_antdv_vue_pro_utils0.WithFalse<RecordCreatorProps<DataType> & _$antdv_next0.ButtonProps & {
+    style?: _$vue.CSSProperties;
+    creatorButtonText?: _$_v_c_util0.VueNode;
+  }> | undefined;
+  maxLength?: number;
+  onValuesChange?: ((values: DataType[], record: DataType) => void) | undefined;
+  controlled?: boolean;
+  formItemProps?: Omit<_$_antdv_vue_pro_utils0.FormItemProps, "name">;
+} & {} & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps) => _$vue.CreateComponentPublicInstanceWithMixins<Omit<ProTableProps<DataType, Params, ValueType>, "onChange"> & {
+  defaultValue?: DataType[] | undefined;
+  value?: DataType[] | undefined;
+  'onUpdate:value'?: ((value?: DataType[] | undefined) => void) | undefined;
+  onChange?: ((value?: DataType[] | undefined) => void) | undefined;
+  onTableChange?: ((pagination: _$antdv_next0.TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: _$antdv_next0.TableSorterResult<DataType> | _$antdv_next0.TableSorterResult<DataType>[], extra: _$antdv_next_dist_table_interface0.TableCurrentDataSource<DataType>) => void) | undefined;
+  recordCreatorProps?: _$_antdv_vue_pro_utils0.WithFalse<RecordCreatorProps<DataType> & _$antdv_next0.ButtonProps & {
+    style?: _$vue.CSSProperties;
+    creatorButtonText?: _$_v_c_util0.VueNode;
+  }> | undefined;
+  maxLength?: number;
+  onValuesChange?: ((values: DataType[], record: DataType) => void) | undefined;
+  controlled?: boolean;
+  formItemProps?: Omit<_$_antdv_vue_pro_utils0.FormItemProps, "name">;
+} & {}, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {}, false, {}, {}, {}, {}, string, {}, any, _$vue.ComponentProvideOptions, {
+  P: {};
+  B: {};
+  D: {};
+  C: {};
+  M: {};
+  Defaults: {};
+}, Omit<ProTableProps<DataType, Params, ValueType>, "onChange"> & {
+  defaultValue?: DataType[] | undefined;
+  value?: DataType[] | undefined;
+  'onUpdate:value'?: ((value?: DataType[] | undefined) => void) | undefined;
+  onChange?: ((value?: DataType[] | undefined) => void) | undefined;
+  onTableChange?: ((pagination: _$antdv_next0.TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: _$antdv_next0.TableSorterResult<DataType> | _$antdv_next0.TableSorterResult<DataType>[], extra: _$antdv_next_dist_table_interface0.TableCurrentDataSource<DataType>) => void) | undefined;
+  recordCreatorProps?: _$_antdv_vue_pro_utils0.WithFalse<RecordCreatorProps<DataType> & _$antdv_next0.ButtonProps & {
+    style?: _$vue.CSSProperties;
+    creatorButtonText?: _$_v_c_util0.VueNode;
+  }> | undefined;
+  maxLength?: number;
+  onValuesChange?: ((values: DataType[], record: DataType) => void) | undefined;
+  controlled?: boolean;
+  formItemProps?: Omit<_$_antdv_vue_pro_utils0.FormItemProps, "name">;
+} & {}, {}, {}, {}, {}, {}>;
+declare const EditableProTable: typeof _EditableProTable & Plugin & {
+  RecordCreator: typeof RecordCreator;
+};
+//#endregion
+export { EditableProTable as default };