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

package/dist/components/EditableTable/RowEditorTable.js

@@ -0,0 +1,147 @@
+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/RowEditorTable.tsx
+const RowEditorTable = /* @__PURE__ */ defineComponent((props, { slots, expose }) => {
+	const [editableKeys, setEditableRowKeys] = useState([]);
+	const rowKey = computed(() => props.rowKey || "id");
+	const editableTableRef = shallowRef(null);
+	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]);
+	expose(useEditableProTableInstanceExpose(editableTableRef));
+	return () => createVNode(EditableProTable, mergeProps(props, {
+		"ref": editableTableRef,
+		"bordered": props.bordered || true,
+		"pagination": props.pagination || false,
+		"editable": {
+			editableKeys: editableKeys.value,
+			...props.editable
+		},
+		"columns": props?.columns?.map((item) => {
+			return {
+				...item,
+				onCell: (record, rowIndex) => ({
+					onDblclick: () => setEditableRowKeys([getRowKey.value(record, rowIndex)]),
+					onBlur: () => setEditableRowKeys([])
+				})
+			};
+		}) || []
+	}), slots);
+}, {
+	name: "RowEditorTable",
+	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 { RowEditorTable as default };

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

@@ -0,0 +1,9 @@
+import { ProTableInstance } from "../../typing.js";
+import { ShallowRef } from "vue";
+
+//#region src/components/EditableTable/context.d.ts
+declare const editableTableActionContextKey: unique symbol;
+declare function useEditableTableActionContextProvider<T extends Record<string, any> = Record<string, any>>(props: ShallowRef<ProTableInstance<T> | null>): void;
+declare function useEditableTableActionContextInject<T extends Record<string, any> = Record<string, any>>(): ShallowRef<ProTableInstance<T> | null> | undefined;
+//#endregion
+export { editableTableActionContextKey, useEditableTableActionContextInject, useEditableTableActionContextProvider };

package/dist/components/EditableTable/context.js

@@ -0,0 +1,11 @@
+import { inject, provide } from "vue";
+//#region src/components/EditableTable/context.ts
+const editableTableActionContextKey = Symbol("editableTableActionContext");
+function useEditableTableActionContextProvider(props) {
+	return provide(editableTableActionContextKey, props);
+}
+function useEditableTableActionContextInject() {
+	return inject(editableTableActionContextKey);
+}
+//#endregion
+export { editableTableActionContextKey, useEditableTableActionContextInject, useEditableTableActionContextProvider };

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

@@ -0,0 +1,5 @@
+import { EditableProTableInstance, EditableProTableProps, RecordCreator } from "./InternalEditableTable.js";
+import EditableProTable from "./EditableTable.js";
+import CellEditorProTable from "./CellEditorTable.js";
+import RowEditorTable from "./RowEditorTable.js";
+export { CellEditorProTable as CellEditorTable, EditableProTable, type EditableProTableInstance, type EditableProTableProps, RecordCreator as EditableProTableRecordCreator, RowEditorTable };

package/dist/components/EditableTable/index.js

@@ -0,0 +1,5 @@
+import { RecordCreator } from "./InternalEditableTable.js";
+import EditableProTable from "./EditableTable.js";
+import CellEditorProTable from "./CellEditorTable.js";
+import RowEditorTable from "./RowEditorTable.js";
+export { CellEditorProTable as CellEditorTable, EditableProTable, RecordCreator as EditableProTableRecordCreator, RowEditorTable };

package/dist/components/Form/FormRender.d.ts

@@ -0,0 +1,77 @@
+import { ActionType, ProColumns, ProTableProps } from "../../typing.js";
+import * as _$vue from "vue";
+import { CSSProperties } from "vue";
+import { BaseProQueryFilterProps, ProFormProps } from "@antdv-vue/pro-form";
+import { FormItemProps, ProFieldValueObjectType, ProFieldValueType, ProSchemaComponentTypes } from "@antdv-vue/pro-utils";
+import { ProCardProps } from "@antdv-vue/pro-card";
+
+//#region src/components/Form/FormRender.d.ts
+type SearchConfig = BaseProQueryFilterProps & {
+  filterType?: 'query' | 'light';
+  cardProps?: ProCardProps;
+  class?: string;
+  style?: CSSProperties;
+};
+type FormRenderProps<T, U, ValueType> = {
+  onSubmit?: (value: U, firstLoad: boolean) => void;
+  onReset?: (value: U) => void;
+  form?: Omit<ProFormProps<T, U>, 'form'>;
+  type?: ProSchemaComponentTypes;
+  dateFormatter?: ProTableProps<T, U, ValueType>['dateFormatter'];
+  search?: SearchConfig | false;
+  columns: ProColumns<T, ValueType>[];
+  submitButtonLoading?: boolean;
+  manualRequest?: boolean;
+  bordered?: boolean;
+  action?: ActionType<Record<string, any>, T>;
+  ghost?: boolean;
+} & Omit<FormItemProps, 'onReset'>;
+declare const FormRender: new <T extends Record<string, any>, U extends Record<string, any>, ValueType extends (ProFieldValueType | ProFieldValueObjectType)>(props: {
+  onSubmit?: ((value: U, firstLoad: boolean) => void) | undefined;
+  onReset?: ((value: U) => void) | undefined;
+  form?: Omit<ProFormProps<T, U>, "form"> | undefined;
+  type?: ProSchemaComponentTypes;
+  dateFormatter?: ProTableProps<T_1, U_1, ValueType_1>["dateFormatter"];
+  search?: SearchConfig | false;
+  columns: ProColumns<T, ValueType>[];
+  submitButtonLoading?: boolean;
+  manualRequest?: boolean;
+  bordered?: boolean;
+  action?: ActionType<Record<string, any>, T> | undefined;
+  ghost?: boolean;
+} & Omit<FormItemProps, "onReset"> & {} & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps) => _$vue.CreateComponentPublicInstanceWithMixins<{
+  onSubmit?: ((value: U, firstLoad: boolean) => void) | undefined;
+  onReset?: ((value: U) => void) | undefined;
+  form?: Omit<ProFormProps<T, U>, "form"> | undefined;
+  type?: ProSchemaComponentTypes;
+  dateFormatter?: ProTableProps<T_1, U_1, ValueType_1>["dateFormatter"];
+  search?: SearchConfig | false;
+  columns: ProColumns<T, ValueType>[];
+  submitButtonLoading?: boolean;
+  manualRequest?: boolean;
+  bordered?: boolean;
+  action?: ActionType<Record<string, any>, T> | undefined;
+  ghost?: boolean;
+} & Omit<FormItemProps, "onReset"> & {}, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {}, false, {}, {}, {}, {}, string, {}, any, _$vue.ComponentProvideOptions, {
+  P: {};
+  B: {};
+  D: {};
+  C: {};
+  M: {};
+  Defaults: {};
+}, {
+  onSubmit?: ((value: U, firstLoad: boolean) => void) | undefined;
+  onReset?: ((value: U) => void) | undefined;
+  form?: Omit<ProFormProps<T, U>, "form"> | undefined;
+  type?: ProSchemaComponentTypes;
+  dateFormatter?: ProTableProps<T_1, U_1, ValueType_1>["dateFormatter"];
+  search?: SearchConfig | false;
+  columns: ProColumns<T, ValueType>[];
+  submitButtonLoading?: boolean;
+  manualRequest?: boolean;
+  bordered?: boolean;
+  action?: ActionType<Record<string, any>, T> | undefined;
+  ghost?: boolean;
+} & Omit<FormItemProps, "onReset"> & {}, {}, {}, {}, {}, {}>;
+//#endregion
+export { FormRenderProps, SearchConfig, FormRender as default };

package/dist/components/Form/FormRender.js

@@ -0,0 +1,198 @@
+import { computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
+import { SchemaForm, useProFormInstanceExpose } from "@antdv-vue/pro-form";
+import { useProConfig } from "@antdv-vue/pro-provider";
+import { classNames, omit } from "@v-c/util";
+import { useConfig } from "antdv-next/config-provider/context";
+import { Table } from "antdv-next";
+import ProCard from "@antdv-vue/pro-card";
+//#region src/components/Form/FormRender.tsx
+function toLowerLine(str) {
+	let temp = str.replace(/[A-Z]/g, (match) => {
+		return `-${match.toLowerCase()}`;
+	});
+	if (temp.startsWith("-")) temp = temp.slice(1);
+	return temp;
+}
+/**
+* 获取当前选择的 Form Layout 配置
+*
+* @param isForm
+* @param searchConfig
+* @returns LightFilter | QueryFilter | ProForm
+*/
+function getFormCompetent(isForm, searchConfig) {
+	if (!isForm && searchConfig !== false) {
+		if (searchConfig?.filterType === "light") return "LightFilter";
+		return "QueryFilter";
+	}
+	return "Form";
+}
+/**
+* 获取需要传给相应表单的props
+*
+* @param isForm
+* @param searchConfig
+* @param name
+*/
+function getFromProps(isForm, searchConfig, name) {
+	if (!isForm && name === "LightFilter") return omit({ ...searchConfig }, [
+		"labelWidth",
+		"defaultCollapsed",
+		"cardProps",
+		"filterType"
+	]);
+	if (!isForm) return omit({
+		labelWidth: searchConfig ? searchConfig?.labelWidth : void 0,
+		defaultCollapsed: true,
+		...searchConfig
+	}, ["filterType", "cardProps"]);
+	return {};
+}
+/**
+* 从formConfig中获取传给相应表单的配置
+*
+* @param isForm
+* @param formConfig
+*/
+function getFormConfigs(isForm, formConfig) {
+	if (isForm) return omit(formConfig, ["ignoreRules"]);
+	return {
+		ignoreRules: true,
+		...formConfig
+	};
+}
+const FormRender = /* @__PURE__ */ defineComponent((props, { expose }) => {
+	const config = useConfig();
+	const proProvide = useProConfig();
+	const formRef = shallowRef();
+	const prefixCls = computed(() => props.prefixCls || config.value.getPrefixCls("pro"));
+	const baseClassName = computed(() => `${prefixCls.value}-table-search`);
+	const isForm = computed(() => props.type === "form");
+	const competentName = computed(() => getFormCompetent(isForm.value, props.search));
+	/** 提交表单，根据两种模式不同，方法不相同 */
+	const submit = (values, firstLoad) => {
+		if (props.onSubmit) props.onSubmit(values, firstLoad);
+	};
+	const columnsList = computed(() => props.columns?.filter((item) => {
+		if (item === Table.EXPAND_COLUMN || item === Table.SELECTION_COLUMN) return false;
+		if (item.search === false && props.type !== "form") return false;
+		return !(props.type === "form" && item.hideInForm);
+	}).map((item) => {
+		const finalValueType = !item.valueType || [
+			"textarea",
+			"jsonCode",
+			"code"
+		].includes(item?.valueType) && props.type === "table" ? "text" : item?.valueType;
+		const columnKey = item?.key || item?.dataIndex?.toString();
+		return {
+			...item,
+			width: void 0,
+			...item.search && typeof item.search === "object" ? item.search : {},
+			valueType: finalValueType,
+			proFieldProps: {
+				...item.proFieldProps,
+				proFieldKey: columnKey ? `table-field-${columnKey}` : void 0
+			}
+		};
+	}));
+	expose(useProFormInstanceExpose(formRef));
+	return () => {
+		const { type, dateFormatter = "string", submitButtonLoading, action, ghost, manualRequest, onReset, search: searchConfig, form: formConfig, bordered } = props;
+		const cardProps = typeof searchConfig !== "boolean" ? searchConfig?.cardProps || {} : {};
+		return createVNode(ProCard, mergeProps(cardProps, {
+			"ghost": ghost,
+			"class": classNames(baseClassName.value, proProvide.value.hashId, {
+				[`${baseClassName.value}-${toLowerLine(competentName.value)}`]: true,
+				[`${prefixCls.value}-table-form`]: isForm.value,
+				[searchConfig?.class]: searchConfig !== false && searchConfig?.class
+			}),
+			"style": searchConfig !== false && searchConfig?.style,
+			"variant": !bordered ? "borderless" : "outlined",
+			"styles": {
+				...cardProps?.styles,
+				body: {
+					...cardProps.styles ? "body" in cardProps?.styles ? cardProps?.styles?.body : {} : {},
+					padding: 0,
+					borderRadius: 0
+				}
+			}
+		}), { default: () => [createVNode(SchemaForm, mergeProps({
+			"ref": formRef,
+			"layoutType": competentName.value,
+			"columns": columnsList.value,
+			"type": type,
+			"submitter": { submitButtonProps: { loading: submitButtonLoading } }
+		}, getFromProps(isForm.value, typeof searchConfig === "boolean" ? {} : searchConfig, competentName.value), getFormConfigs(isForm.value, formConfig || {}), {
+			"action": action,
+			"dateFormatter": dateFormatter,
+			"onInit": async (values, form) => {
+				formRef.value = form;
+				if (type !== "form") {
+					const pageInfo = action?.pageInfo;
+					const { current = pageInfo?.current, pageSize = pageInfo?.pageSize } = values;
+					await action?.setPageInfo?.({
+						...pageInfo,
+						current: Number.parseInt(current, 10),
+						pageSize: Number.parseInt(pageSize, 10)
+					});
+					if (manualRequest) return;
+					submit(values, true);
+				}
+			},
+			"onReset": onReset,
+			"onFinish": (values) => submit(values, false),
+			"model": formConfig?.model
+		}), null)] });
+	};
+}, {
+	name: "FormRender",
+	inheritAttrs: false,
+	props: [
+		"action",
+		"bordered",
+		"colon",
+		"columns",
+		"dateFormatter",
+		"dependencies",
+		"extra",
+		"fieldId",
+		"form",
+		"ghost",
+		"hasFeedback",
+		"help",
+		"hidden",
+		"htmlFor",
+		"id",
+		"initialValue",
+		"isListField",
+		"label",
+		"labelAlign",
+		"labelCol",
+		"layout",
+		"manualRequest",
+		"messageVariables",
+		"name",
+		"noStyle",
+		"onReset",
+		"onSubmit",
+		"prefixCls",
+		"required",
+		"rootClass",
+		"rules",
+		"search",
+		"status",
+		"submitButtonLoading",
+		"tooltip",
+		"trigger",
+		"type",
+		"validateDebounce",
+		"validateFirst",
+		"validateStatus",
+		"validateTrigger",
+		"valuePropName",
+		"vertical",
+		"wrapperCol"
+	]
+});
+//#endregion
+export { FormRender as default };

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

@@ -0,0 +1,33 @@
+import { ActionType, ProTableProps } from "../../typing.js";
+import * as _$vue from "vue";
+import { ProFieldValueObjectType, ProFieldValueType } from "@antdv-vue/pro-utils";
+import { TablePaginationConfig } from "antdv-next";
+
+//#region src/components/Form/index.d.ts
+interface FormSearchProps<T, U, ValueType> {
+  pagination?: TablePaginationConfig | false;
+  beforeSearchSubmit?: (params: Partial<U>) => any;
+  action?: ActionType<Record<string, any>, T>;
+  onSubmit?: (params?: U) => void;
+  onReset?: (values?: U) => void;
+  loading?: boolean;
+  onFormSearchSubmit?: (params: U) => void;
+  columns?: ProTableProps<T, U, ValueType>['columns'];
+  dateFormatter?: ProTableProps<T, U, ValueType>['dateFormatter'];
+  ghost?: ProTableProps<T, U, ValueType>['ghost'];
+  type?: ProTableProps<T, U, ValueType>['type'];
+  cardBordered?: ProTableProps<T, U, ValueType>['cardBordered'];
+  form?: ProTableProps<T, U, ValueType>['form'];
+  search?: ProTableProps<T, U, ValueType>['search'];
+  manualRequest?: ProTableProps<T, U, ValueType>['manualRequest'];
+}
+declare const FormSearch: new <T extends Record<string, any>, U extends Record<string, any>, ValueType extends (ProFieldValueType | ProFieldValueObjectType)>(props: FormSearchProps<T, U, ValueType> & {} & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps) => _$vue.CreateComponentPublicInstanceWithMixins<FormSearchProps<T, U, ValueType> & {}, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {}, false, {}, {}, {}, {}, string, {}, any, _$vue.ComponentProvideOptions, {
+  P: {};
+  B: {};
+  D: {};
+  C: {};
+  M: {};
+  Defaults: {};
+}, FormSearchProps<T, U, ValueType> & {}, {}, {}, {}, {}, {}>;
+//#endregion
+export { FormSearchProps, FormSearch as default };

package/dist/components/Form/index.js

@@ -0,0 +1,91 @@
+import { isBordered } from "../../utils/index.js";
+import FormRender from "./FormRender.js";
+import { computed, createVNode, defineComponent, shallowRef } from "vue";
+import { useProFormInstanceExpose } from "@antdv-vue/pro-form";
+import { omitUndefined } from "@antdv-vue/pro-utils";
+import { omit } from "@v-c/util";
+//#region src/components/Form/index.tsx
+const FormSearch = /* @__PURE__ */ defineComponent((props, { expose }) => {
+	const formRef = shallowRef();
+	const pageInfo = computed(() => props.pagination ? omitUndefined({
+		current: props.pagination.current,
+		pageSize: props.pagination.pageSize
+	}) : {});
+	const onSubmit = async (value, firstLoad) => {
+		const { action, onFormSearchSubmit, onSubmit: propsOnSubmit, beforeSearchSubmit = (searchParams) => searchParams } = props;
+		if (props.form?.ignoreRules === false && firstLoad) await formRef?.value?.validateFields();
+		const omitParams = omit(beforeSearchSubmit({
+			...value,
+			_timestamp: Date.now(),
+			...pageInfo.value
+		}), Object.keys(pageInfo.value));
+		onFormSearchSubmit?.(omitParams);
+		if (!firstLoad) action?.setPageInfo?.({ current: 1 });
+		if (propsOnSubmit && !firstLoad) propsOnSubmit?.(value);
+	};
+	const onReset = async (value) => {
+		const { action, onReset: propsOnReset, onFormSearchSubmit, beforeSearchSubmit = (searchParams) => searchParams } = props;
+		const resetLogic = () => {
+			const omitParams = omit(beforeSearchSubmit({
+				...value,
+				...pageInfo.value
+			}), Object.keys(pageInfo.value));
+			onFormSearchSubmit?.(omitParams);
+			action?.setPageInfo?.({ current: 1 });
+			propsOnReset?.();
+		};
+		if (props.form?.ignoreRules === false) await formRef?.value?.validateFields();
+		resetLogic();
+	};
+	expose(useProFormInstanceExpose(formRef));
+	return () => {
+		const { action, columns, loading, type, ghost, pagination, form, manualRequest, search, cardBordered, dateFormatter } = props;
+		const pageInfo = pagination ? omitUndefined({
+			current: pagination.current,
+			pageSize: pagination.pageSize
+		}) : {};
+		return createVNode(FormRender, {
+			"ref": formRef,
+			"submitButtonLoading": loading,
+			"columns": columns,
+			"type": type,
+			"ghost": ghost,
+			"onSubmit": onSubmit,
+			"manualRequest": manualRequest,
+			"onReset": onReset,
+			"dateFormatter": dateFormatter,
+			"search": search,
+			"form": {
+				autoFocusFirstInput: false,
+				...form,
+				extraUrlParams: {
+					...pageInfo,
+					...form?.extraUrlParams
+				}
+			},
+			"action": action,
+			"bordered": isBordered("search", cardBordered)
+		}, null);
+	};
+}, {
+	name: "FormSearch",
+	inheritAttrs: false,
+	props: [
+		"action",
+		"beforeSearchSubmit",
+		"cardBordered",
+		"columns",
+		"dateFormatter",
+		"form",
+		"loading",
+		"manualRequest",
+		"onFormSearchSubmit",
+		"onReset",
+		"onSubmit",
+		"pagination",
+		"search",
+		"type"
+	]
+});
+//#endregion
+export { FormSearch as default };

package/dist/components/ToolBar/DensityIcon.d.ts

@@ -0,0 +1,22 @@
+import * as _$vue from "vue";
+import { ProFieldValueObjectType, ProFieldValueType } from "@antdv-vue/pro-utils";
+import { VueNode as VueNode$1 } from "@v-c/util";
+
+//#region src/components/ToolBar/DensityIcon.d.ts
+type DensitySize = 'medium' | 'small' | 'large' | undefined;
+declare const DensityIcon: new <T extends Record<string, any>, P extends Record<string, any>, U extends (ProFieldValueType | ProFieldValueObjectType)>(props: {
+  icon?: VueNode$1;
+} & {} & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps) => _$vue.CreateComponentPublicInstanceWithMixins<{
+  icon?: VueNode$1;
+} & {}, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {}, false, {}, {}, {}, {}, string, {}, any, _$vue.ComponentProvideOptions, {
+  P: {};
+  B: {};
+  D: {};
+  C: {};
+  M: {};
+  Defaults: {};
+}, {
+  icon?: VueNode$1;
+} & {}, {}, {}, {}, {}, {}>;
+//#endregion
+export { DensitySize, DensityIcon as default };

package/dist/components/ToolBar/DensityIcon.js

@@ -0,0 +1,71 @@
+import { useTableContextInject } from "../../Store/Provide.js";
+import { createVNode, defineComponent, isVNode } from "vue";
+import { useIntl } from "@antdv-vue/pro-provider";
+import { Dropdown, Tooltip } from "antdv-next";
+import { unit } from "@antdv-next/cssinjs";
+import { ColumnHeightOutlined } from "@antdv-next/icons";
+//#region src/components/ToolBar/DensityIcon.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const DensityIcon = /* @__PURE__ */ defineComponent((props) => {
+	const intl = useIntl();
+	const { tableSize, setTableSize } = useTableContextInject();
+	return () => {
+		const { icon = createVNode(ColumnHeightOutlined, null, null) } = props;
+		return createVNode(Dropdown, {
+			"menu": {
+				style: { width: unit(80) },
+				selectedKeys: [tableSize?.value],
+				onClick: ({ key }) => {
+					setTableSize?.(key);
+				},
+				items: [
+					{
+						key: "large",
+						label: intl.value.getMessage({
+							id: "tableToolBar.densityLarger",
+							defaultMessage: "宽松"
+						})
+					},
+					{
+						key: "medium",
+						label: intl.value.getMessage({
+							id: "tableToolBar.densityMedium",
+							defaultMessage: "中等"
+						})
+					},
+					{
+						key: "small",
+						label: intl.value.getMessage({
+							id: "tableToolBar.densitySmall",
+							defaultMessage: "紧凑"
+						})
+					}
+				]
+			},
+			"trigger": ["click"]
+		}, { default: () => [createVNode(Tooltip, { "title": intl.value.getMessage({
+			id: "tableToolBar.density",
+			defaultMessage: "表格密度"
+		}) }, _isSlot(icon) ? icon : { default: () => [icon] })] });
+	};
+}, {
+	props: { icon: {
+		type: [
+			Object,
+			Function,
+			String,
+			Number,
+			null,
+			Boolean,
+			Array
+		],
+		required: false,
+		default: void 0
+	} },
+	name: "DensityIcon",
+	inheritAttrs: false
+});
+//#endregion
+export { DensityIcon as default };

package/dist/components/ToolBar/FullScreenIcon.d.ts

@@ -0,0 +1,6 @@
+import * as _$vue from "vue";
+
+//#region src/components/ToolBar/FullScreenIcon.d.ts
+declare const FullScreenIcon: _$vue.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, _$vue.PublicProps>;
+//#endregion
+export { FullScreenIcon as default };