@kp-ui/lowcode-pc-v2 0.0.5 → 0.0.7

package/core/src/lang/zh-CN.js

@@ -42,6 +42,7 @@ var zh_CN_default = {
 			drawer: "侧滑抽屉",
 			box: "盒容器",
 			space: "间距",
+			flex: "弹性布局",
 			cell: "单元格",
 			"cell-group": "单元格组",
 			popup: "弹出层",
@@ -250,6 +251,7 @@ var zh_CN_default = {
 			alignEnd: "终点对齐",
 			alignCenter: "居中对齐",
 			alignBaseline: "基线对齐",
+			alignStretch: "拉伸",
 			wrap: "自动换行",
 			fill: "充满父容器",
 			defaultExpand: "默认展开",
@@ -310,7 +312,7 @@ var zh_CN_default = {
 			fixedLeft: "左",
 			fixedRight: "右",
 			fixedNull: "无",
-			preserveSelectedRowKeys: "当数据被删除时仍然保留选项的 key",
+			preserveSelectedRowKeys: "分页保留勾选",
 			customColumnWidth: "自定义列表选择框宽度",
 			customColumnTitle: "自定义列表选择框标题",
 			selectRow: "点击行选中",
@@ -402,9 +404,12 @@ var zh_CN_default = {
 			gridJustify: "水平对齐",
 			justifyStart: "起点",
 			justifyEnd: "终点",
+			justifyFlexStart: "主轴起点",
+			justifyFlexEnd: "主轴终点",
 			justifyCenter: "居中",
 			justifySpaceAround: "环绕",
 			justifySpaceBetween: "两端",
+			justifySpaceEvenly: "均匀分布",
 			gridAlign: "垂直对齐",
 			alignTop: "顶部",
 			alignCenter: "居中对齐",
@@ -481,6 +486,14 @@ var zh_CN_default = {
 			leftAlign: "居左",
 			centerAlign: "居中",
 			rightAlign: "居右",
+			rowReverse: "水平反向",
+			columnReverse: "垂直反向",
+			flexHeightMode: "高度模式",
+			inheritHeight: "继承",
+			fixedHeight: "固定",
+			flexHeight: "固定高度",
+			componentSort: "组件排序",
+			noSortableComponents: "暂无可排序组件",
 			formCss: "全局CSS",
 			addCss: "编写CSS",
 			customClass: "自定义CSS样式名称",
@@ -507,8 +520,10 @@ var zh_CN_default = {
 			drawDirection: "抽屉滑出方向",
 			isEnterSubmit: "回车键提交",
 			autoWidth: "自动宽度",
+			autoHeight: "自动高度",
 			tableWidth: "宽度(px/%)",
 			tableHeight: "高度(px/%)",
+			tableHeightMode: "高度模式",
 			showColumnManager: "列管理",
 			showIndex: "是否显示行号",
 			showPagination: "是否显示分页",
@@ -670,8 +685,15 @@ var zh_CN_default = {
 			justifyContent: "主轴对齐",
 			alignItems: "侧轴对齐",
 			flexWrap: "换行",
+			flexBlockConfig: "栅格块配置",
 			flexGrow: "放大比例",
 			flexShrink: "缩小比例",
+			flexItemWidthMode: "子项宽度",
+			flexItemWidth: "固定宽度",
+			fixedWidth: "固定",
+			fullWidth: "撑满",
+			flexItemWidthPlaceholder: "如：240px、50%、calc(50% - 8px)",
+			flexItemHeightPlaceholder: "如：240px、50%、calc(100% - 8px)",
 			gap: "间距",
 			positionOffset: "位置偏移",
 			top: "上",

package/core/src/utils/smart-vue-i18n/index.js

@@ -1,5 +1,7 @@
 import { reactive } from "vue";
 import { get, isObject } from "lodash-es";
+import zhCN from "ant-design-vue/es/locale/zh_CN";
+import enUS from "ant-design-vue/es/locale/en_US";
 //#region ../core/src/utils/smart-vue-i18n/index.ts
 var locale = reactive({
 	lang: "zh-CN",
@@ -7,28 +9,26 @@ var locale = reactive({
 });
 var langLoaders = {
 	"zh-CN": async () => {
-		const [zhCN, zhLocale, zhLocale_render, zhLocale_extension] = await Promise.all([
-			import("ant-design-vue/es/locale/zh_CN"),
+		const [zhLocale, zhLocale_render, zhLocale_extension] = await Promise.all([
 			import("../../lang/zh-CN.js"),
 			import("../../lang/zh-CN_render.js"),
 			import("../../lang/zh-CN_extension.js")
 		]);
 		return {
-			...zhCN.default,
+			...zhCN,
 			...zhLocale.default,
 			...zhLocale_render.default,
 			...zhLocale_extension.default
 		};
 	},
 	"en-US": async () => {
-		const [enUS, enLocale, enLocale_render, enLocale_extension] = await Promise.all([
-			import("ant-design-vue/es/locale/en_US"),
+		const [enLocale, enLocale_render, enLocale_extension] = await Promise.all([
 			import("../../lang/en-US.js"),
 			import("../../lang/en-US_render.js"),
 			import("../../lang/en-US_extension.js")
 		]);
 		return {
-			...enUS.default,
+			...enUS,
 			...enLocale.default,
 			...enLocale_render.default,
 			...enLocale_extension.default

package/install.js

@@ -1,5 +1,6 @@
 import "./_virtual/virtual_svg-icons-register.js";
 /* empty css                       */
+import { openCustomerModal } from "./src/components/public/CustomerModal/useCustomerModal.js";
 import render_default from "./src/render/index.js";
 import CustomPageRender_default from "./src/components/public/ConfigView/CustomPageRender.js";
 import { VxeTooltip } from "vxe-pc-ui";
@@ -8,9 +9,7 @@ var createLowcode = ({ app, publicComponents }) => {
 	app.config.globalProperties.$publicComponents = publicComponents;
 	app.component("VxeTooltip", VxeTooltip);
 	app.config.globalProperties.$openLowcodeModal = (ops) => {
-		import("./src/components/public/CustomerModal/useCustomerModal.js").then(({ openCustomerModal }) => {
-			openCustomerModal(ops, app);
-		});
+		openCustomerModal(ops, app);
 	};
 };
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode-pc-v2",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"

package/src/components/public/ConfigView/CustomPageRender.vue_vue_type_script_setup_true_lang.js

@@ -1,36 +1,29 @@
 import { useLowcode } from "../../../../core/src/hooks/useLowcode.js";
 import render_default from "../../../render/index.js";
-import { createElementBlock, createVNode, defineComponent, onMounted, openBlock, ref, unref } from "vue";
+import { createBlock, defineComponent, onMounted, openBlock, unref } from "vue";
 import { getLocat } from "@kp-ui/tool";
 //#region src/components/public/ConfigView/CustomPageRender.vue?vue&type=script&setup=true&lang.tsx
-var _hoisted_1 = { class: "t-bg-[#fff] t-h-full" };
 var CustomPageRender_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "CustomPageRender",
-	props: { title: {
-		type: String,
-		default: ""
-	} },
+	props: { pageCode: String },
 	setup(__props) {
-		const { formCode = "", id = "", type = "edit" } = getLocat();
-		const anchorList = ref([]);
-		const setAnchorList = (list) => {
-			anchorList.value = list;
-		};
-		const { vfdRef, formConfig, getPageJson, goBack } = useLowcode();
+		const { type = "edit" } = getLocat();
+		const { vfdRef, getPageJson, goBack } = useLowcode({
+			pageCode: __props.pageCode,
+			type
+		});
 		onMounted(async () => {
 			await getPageJson();
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(render_default, {
+			return openBlock(), createBlock(render_default, {
 				ref_key: "vfdRef",
 				ref: vfdRef,
 				vfCtx: {
-					_id: unref(id),
 					...unref(getLocat)(),
-					goBack: unref(goBack),
-					setAnchorList
+					goBack: unref(goBack)
 				}
-			}, null, 8, ["vfCtx"])]);
+			}, null, 8, ["vfCtx"]);
 		};
 	}
 });

package/src/hooks/useTableWidget.js

@@ -5,11 +5,26 @@ import { useRemoteData } from "../../core/src/hooks/useRemoteData.js";
 import { useFactoryRender } from "../../core/src/hooks/useFactoryRender.js";
 import { useTableColumnStore } from "../../core/src/store/useTableColumnStore.js";
 import ActionButtonListRender_default from "../components/public/ActionButtonListRender.js";
-import { computed, h, inject, isVNode, ref, watchEffect } from "vue";
+import { computed, h, inject, isVNode, ref, toRaw, watch } from "vue";
 import { message } from "ant-design-vue";
 import { CustomItemRender, TpfDelConfirm, tranformAntSizzVxetableSize, tranformAntTableColumnToVxetableColumn, useExecFunction } from "tmgc2-share";
 import { cloneDeep, isArray, omit } from "lodash-es";
 //#region src/hooks/useTableWidget.ts
+var normalizePlainObject = (value) => {
+	const rawValue = toRaw(value);
+	if (isArray(rawValue)) return rawValue.map(normalizePlainObject);
+	if (!rawValue || typeof rawValue !== "object") return rawValue;
+	const prototype = Object.getPrototypeOf(rawValue);
+	if (prototype !== Object.prototype && prototype !== null) return rawValue;
+	return Object.keys(rawValue).reduce((result, key) => {
+		result[key] = normalizePlainObject(rawValue[key]);
+		return result;
+	}, {});
+};
+var normalizeTableData = (value) => {
+	if (!isArray(value)) return [];
+	return value.map(normalizePlainObject);
+};
 function useTableWidget({ widget, fieldModel, designState = false }) {
 	const tableRef = ref();
 	const { i18nt } = useI18n();
@@ -25,6 +40,7 @@ function useTableWidget({ widget, fieldModel, designState = false }) {
 		var _ref, _widget$props;
 		return (_ref = (widget === null || widget === void 0 || (_widget$props = widget.props) === null || _widget$props === void 0 ? void 0 : _widget$props.showColumnManager) && !!columnList.value.length) !== null && _ref !== void 0 ? _ref : false;
 	});
+	const localData = ref(normalizeTableData(fieldModel.value));
 	const columnList = ref([]);
 	const initColumnList = () => {
 		const storageKey = widget.props.name || widget.id;
@@ -67,7 +83,7 @@ function useTableWidget({ widget, fieldModel, designState = false }) {
 		const tableColumns = (optins === null || optins === void 0 ? void 0 : optins.tableColumns) || [];
 		const { rowSelection, showIndex } = optins !== null && optins !== void 0 ? optins : {};
 		if (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.hasRowSelection) leftFixedColumns.push({
-			title: rowSelection.columnTitle,
+			title: rowSelection.columnTitle || "",
 			width: rowSelection.columnWidth,
 			align: "left",
 			fixed: "left",
@@ -164,12 +180,27 @@ function useTableWidget({ widget, fieldModel, designState = false }) {
 		};
 	};
 	const tableSize = computed(() => widget.props.tableSize);
+	const tableHeight = computed(() => {
+		if (widget.props.heightMode === "auto") return "100%";
+		const height = transformPx(widget.props.height);
+		return height === "unset" ? "100%" : height;
+	});
+	const tableWrapperFlex = computed(() => widget.props.heightMode === "auto" ? "0 0 auto" : "1 1 auto");
 	const onSortChange = () => {
 		initTableSoureData();
 	};
 	const rowKey = computed(() => widget.props.rowKey);
+	const tableData = computed(() => localData.value);
+	const syncTableValue = (value) => {
+		var _tableRef$value;
+		const tableValue = normalizeTableData(value);
+		localData.value = tableValue;
+		fieldModel.value = tableValue;
+		(_tableRef$value = tableRef.value) === null || _tableRef$value === void 0 || _tableRef$value.loadData(tableValue);
+	};
 	const tableProps = computed(() => {
-		const { height = 300, border = false, lineHeight = 50, colorRow = false, showPagination = true, treeConfig } = widget.props;
+		var _widget$props$rowSele;
+		const { border = false, lineHeight = 50, colorRow = false, showPagination = true, treeConfig } = widget.props;
 		let _treeConfig = {};
 		if (treeConfig === null || treeConfig === void 0 ? void 0 : treeConfig.enabled) _treeConfig = {
 			transform: treeConfig.transform,
@@ -180,11 +211,11 @@ function useTableWidget({ widget, fieldModel, designState = false }) {
 			id: widget.id,
 			showPagination,
 			size: tranformAntSizzVxetableSize(tableSize.value),
-			height: transformPx(height),
 			border: border !== null && border !== void 0 ? border : false,
-			data: fieldModel.value || [],
+			data: tableData.value,
 			columns: columns.value,
 			treeConfig: _treeConfig,
+			minHeight: "200px",
 			rowConfig: {
 				keyField: rowKey.value,
 				isCurrent: colorRow,
@@ -192,11 +223,12 @@ function useTableWidget({ widget, fieldModel, designState = false }) {
 			},
 			customConfig: { storage: !designState },
 			checkboxConfig: {
+				reserve: (_widget$props$rowSele = widget.props.rowSelection) === null || _widget$props$rowSele === void 0 ? void 0 : _widget$props$rowSele.preserveSelectedRowKeys,
 				isShiftKey: (treeConfig === null || treeConfig === void 0 ? void 0 : treeConfig.enabled) ? true : false,
 				checkMethod: (_data) => {
-					var _widget$props$rowSele;
+					var _widget$props$rowSele2;
 					return executeFunction({
-						functionBody: (_widget$props$rowSele = widget.props.rowSelection) === null || _widget$props$rowSele === void 0 ? void 0 : _widget$props$rowSele.checkMethod,
+						functionBody: (_widget$props$rowSele2 = widget.props.rowSelection) === null || _widget$props$rowSele2 === void 0 ? void 0 : _widget$props$rowSele2.checkMethod,
 						params: _data,
 						keys: ["row"]
 					});
@@ -211,9 +243,9 @@ function useTableWidget({ widget, fieldModel, designState = false }) {
 	const initTableSoureData = async () => {
 		await loadData();
 	};
-	watchEffect(() => {
-		fieldModel.value = data.value || [];
-	});
+	watch(() => data.value, (value) => {
+		syncTableValue(value);
+	}, { immediate: true });
 	const onRunEvent = ({ row, $event }, type) => {
 		executeFunction({
 			functionBody: widget.events[type] || "",
@@ -249,15 +281,14 @@ function useTableWidget({ widget, fieldModel, designState = false }) {
 		});
 	};
 	const getDataSource = () => {
-		return fieldModel.value;
+		return localData.value;
 	};
 	const insertTableValue = (data) => {
-		if (!fieldModel.value) fieldModel.value = [];
-		fieldModel.value.push(cloneDeep(data));
+		setValue([...localData.value, normalizePlainObject(cloneDeep(data))]);
 	};
 	const setValue = (data) => {
 		if (!isArray(data)) return console.error("表格数据类型错误");
-		fieldModel.value = cloneDeep(data);
+		syncTableValue(cloneDeep(data));
 	};
 	const getTableColumns = () => {
 		return widget.props.tableColumns;
@@ -269,7 +300,7 @@ function useTableWidget({ widget, fieldModel, designState = false }) {
 		if (!delKeys.length) return;
 		try {
 			await TpfDelConfirm({ content: i18nt("确定删除选中的数据吗") });
-			setValue(fieldModel.value.filter((item) => !(delKeys === null || delKeys === void 0 ? void 0 : delKeys.includes(item[rowKey.value]))));
+			setValue(localData.value.filter((item) => !(delKeys === null || delKeys === void 0 ? void 0 : delKeys.includes(item[rowKey.value]))));
 			message.success(i18nt("操作成功"));
 		} catch (_unused) {}
 	};
@@ -300,6 +331,8 @@ function useTableWidget({ widget, fieldModel, designState = false }) {
 		initTableSoureData,
 		setTableRef,
 		tableSize,
+		tableHeight,
+		tableWrapperFlex,
 		tableProps,
 		tableRef,
 		columns,

package/src/render/index.js

@@ -2,6 +2,6 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                      */
 //#region src/render/index.vue
-var render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-039c10e2"]]);
+var render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-464184f3"]]);
 //#endregion
 export { render_default as default };

package/src/render/index.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,7 @@ import LowcodeRenderProvider_default from "../../core/src/components/common/rend
 import { usePageContext } from "../../core/src/components/common/render/usePageContext.js";
 import RenderWidgetList_default from "../../core/src/components/common/render/RenderWidgetList.js";
 import { getRenderWidget } from "../widgets/render.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, isRef, onMounted, openBlock, ref, unref, watchEffect, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, isRef, normalizeClass, onMounted, openBlock, ref, unref, useCssVars, watchEffect, withCtx } from "vue";
 import { Skeleton } from "ant-design-vue";
 import { getLocat } from "@kp-ui/tool";
 //#region src/render/index.vue?vue&type=script&setup=true&lang.ts
@@ -28,6 +28,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		parentForm: { default: null }
 	},
 	setup(__props, { expose: __expose }) {
+		useCssVars((_ctx) => ({ "4a7fb80b": unref(formConfig).backgroundColor }));
 		const debug = computed(() => getLocat().debug === "1");
 		const debugVisible = ref(false);
 		const props = __props;
@@ -46,7 +47,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			formJson: props.formJson
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(LowcodeRenderProvider_default), {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["layout-render-wrapper", unref(formConfig).customClass]) }, [createVNode(unref(LowcodeRenderProvider_default), {
 				getWidget: unref(getRenderWidget),
 				context: unref(formContext)
 			}, {
@@ -64,7 +65,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					}, null, 8, ["visible"])) : createCommentVNode("", true)
 				]),
 				_: 1
-			}, 8, ["getWidget", "context"]);
+			}, 8, ["getWidget", "context"])], 2);
 		};
 	}
 });

package/src/schemas/defaults/field.js

@@ -5,6 +5,7 @@ var defaultValidationConfig = {
 	requiredHint: "",
 	validation: "",
 	validationHint: "",
+	onValidate: "",
 	rules: []
 };
 var defaultDataSourceConfig = {

package/src/widgets/advanced/code-editor/index.js

@@ -2,6 +2,6 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                      */
 //#region src/widgets/advanced/code-editor/index.vue
-var code_editor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b5e7230e"]]);
+var code_editor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8c04a069"]]);
 //#endregion
 export { code_editor_default as default };

package/src/widgets/advanced/code-editor/index.vue_vue_type_script_setup_true_lang.js

@@ -10,8 +10,15 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	__name: "index",
 	props: { widget: {} },
 	setup(__props, { expose: __expose }) {
-		const { rules, designState, fieldModel, isReadMode, handleHidden, defineExposed } = useField(__props.widget);
-		__expose({ ...defineExposed });
+		const { rules, designState, fieldModel, isReadMode, handleHidden, defineExposed, getFieldEditor } = useField(__props.widget);
+		const setValue = (newValue) => {
+			var _getFieldEditor;
+			(_getFieldEditor = getFieldEditor()) === null || _getFieldEditor === void 0 || _getFieldEditor.setValue(newValue);
+		};
+		__expose({
+			...defineExposed,
+			setValue
+		});
 		return (_ctx, _cache) => {
 			return !unref(handleHidden) ? (openBlock(), createBlock(form_item_wrapper_default, {
 				key: 0,

package/src/widgets/advanced/data-table/index.js

@@ -2,6 +2,6 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                      */
 //#region src/widgets/advanced/data-table/index.vue
-var data_table_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-218c688c"]]);
+var data_table_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-19607d37"]]);
 //#endregion
 export { data_table_default as default };

package/src/widgets/advanced/data-table/index.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,7 @@ import { useField } from "../../../../core/src/hooks/useField.js";
 import { WidgetType, getWidgetName } from "../../widgetTypes.js";
 import { useTableWidget } from "../../../hooks/useTableWidget.js";
 import DataTableColumnDialog_default from "../../../components/public/DataTableColumnDialog.js";
-import { createCommentVNode, createElementBlock, createVNode, defineComponent, onMounted, openBlock, ref, unref, watchEffect } from "vue";
+import { createCommentVNode, createElementBlock, createVNode, defineComponent, onMounted, openBlock, ref, unref, useCssVars, watchEffect } from "vue";
 import { SvgIcon, Table, useVxeTable } from "tmgc2-share";
 //#region src/widgets/advanced/data-table/index.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
@@ -20,10 +20,14 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	__name: "index",
 	props: { widget: {} },
 	setup(__props, { expose: __expose }) {
-		var _widget$props$rowSele;
+		var _widget$props$rowSele, _widget$props$rowSele2;
+		useCssVars((_ctx) => ({
+			"0622be28": unref(tableHeight),
+			"3bd67a87": unref(tableWrapperFlex)
+		}));
 		const { widget } = __props;
 		const { fieldModel, handleHidden, defineExposed } = useField(widget);
-		const { loading, tableProps, pagination, showColumnManager, setPagination, setTableRef, initTableSoureData, handleTableChange, onRunEvent, onSortChange, onCheckboxChange, tableDefinExpoed, columnList, initColumnList, handleUpdateColumns } = useTableWidget({
+		const { loading, tableProps, pagination, showColumnManager, tableHeight, tableWrapperFlex, setPagination, setTableRef, initTableSoureData, handleTableChange, onRunEvent, onSortChange, onCheckboxChange, tableDefinExpoed, columnList, initColumnList, handleUpdateColumns } = useTableWidget({
 			widget,
 			fieldModel,
 			designState: false
@@ -35,10 +39,11 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			columnDialogVisible.value = true;
 		};
 		const columnDialogVisible = ref(false);
-		const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = useVxeTable({
+		const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow, getSelectedRows } = useVxeTable({
 			props: {
 				rowKey: widget.props.rowKey,
 				hasRowSelection: (_widget$props$rowSele = widget.props.rowSelection) === null || _widget$props$rowSele === void 0 ? void 0 : _widget$props$rowSele.hasRowSelection,
+				preserveSelectedRowKeys: (_widget$props$rowSele2 = widget.props.rowSelection) === null || _widget$props$rowSele2 === void 0 ? void 0 : _widget$props$rowSele2.preserveSelectedRowKeys,
 				clickRowCheck: widget.props.colorRow
 			},
 			events: {
@@ -53,14 +58,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				cellClick: (params) => onRunEvent(params, "onCellClick")
 			}
 		});
-		const getSelectedRowKeys = () => {
-			var _tableRef$value;
-			return (((_tableRef$value = tableRef.value) === null || _tableRef$value === void 0 ? void 0 : _tableRef$value.getCheckboxRecords()) || []).map((item) => item[widget.props.rowKey]);
-		};
-		const getSelectedRows = () => {
-			var _tableRef$value2;
-			return (_tableRef$value2 = tableRef.value) === null || _tableRef$value2 === void 0 ? void 0 : _tableRef$value2.getCheckboxRecords(true);
-		};
+		const getSelectedRowKeys = () => selectedRowInfo.value.selectedRowKeys;
 		/**
 		* 获取字段编辑器
 		* @returns 字段编辑器

package/src/widgets/advanced/data-table/schema.js

@@ -57,6 +57,7 @@ var DataTable = {
 		labelHidden: false,
 		hidden: false,
 		lineHeight: 38,
+		heightMode: "fixed",
 		height: 300,
 		customClass: [],
 		showIndex: false,
@@ -92,7 +93,7 @@ var DataTable = {
 		showColumnManager: false,
 		colorRow: true,
 		rowSelection: {
-			columnTitle: "序号",
+			columnTitle: "",
 			hasRowSelection: false,
 			preserveSelectedRowKeys: false,
 			fixed: true,

package/src/widgets/containers/collapse/index-render.js

@@ -3,6 +3,6 @@ import index_render_vue_vue_type_script_setup_true_lang_default from "./index-re
 /* empty css                                                             */
 /* empty css                                                             */
 //#region src/widgets/containers/collapse/index-render.vue
-var index_render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_render_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cf9e4069"]]);
+var index_render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_render_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-198dcc4f"]]);
 //#endregion
 export { index_render_default as default };

package/src/widgets/containers/collapse/index-render.vue_vue_type_script_setup_true_lang.js

@@ -18,7 +18,7 @@ var index_render_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 	__name: "index-render",
 	props: { widget: {} },
 	setup(__props, { expose: __expose }) {
-		const { handleHidden, defineExposed } = useField(__props.widget, false);
+		const { handleHidden, defineExposed } = useField(__props.widget);
 		__expose({ ...defineExposed });
 		return (_ctx, _cache) => {
 			return !unref(handleHidden) ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(TpfCollapse), { title: _ctx.widget.props.label }, {

package/src/widgets/containers/dialog/index-render.js

@@ -1,5 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
 import index_render_vue_vue_type_script_setup_true_lang_default from "./index-render.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                             */
 //#region src/widgets/containers/dialog/index-render.vue
-var index_render_default = index_render_vue_vue_type_script_setup_true_lang_default;
+var index_render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_render_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-17ae4bcb"]]);
 //#endregion
 export { index_render_default as default };

package/src/widgets/containers/dialog/index-render.vue_vue_type_script_setup_true_lang.js

@@ -4,11 +4,10 @@ import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum
 import { useField } from "../../../../core/src/hooks/useField.js";
 import { WidgetType, getWidgetName } from "../../widgetTypes.js";
 import ActionButtonListRender_default from "../../../components/public/ActionButtonListRender.js";
-import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, unref, withCtx } from "vue";
+import { createBlock, createVNode, defineComponent, openBlock, ref, unref, withCtx } from "vue";
 import { TpfModal } from "tmgc2-share";
 import { useI18n } from "@kp-ui/i18n";
 //#region src/widgets/containers/dialog/index-render.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "dialog-content" };
 var index_render_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	name: getWidgetName(WidgetType.Dialog),
@@ -58,6 +57,7 @@ var index_render_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 				"close-on-click-modal": false,
 				"close-on-press-escape": true,
 				width: unref(transformPx)(_ctx.widget.props.width) || "600px",
+				height: unref(transformPx)(_ctx.widget.props.height) || "440px",
 				mask: true,
 				onCancel: close,
 				"left-num": leftNum.value
@@ -72,16 +72,17 @@ var index_render_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 					"ctx",
 					"disabled"
 				])]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(RenderWidgetList_default), {
+				default: withCtx(() => [createVNode(unref(RenderWidgetList_default), {
 					parentWidget: _ctx.widget,
 					list: _ctx.widget.children,
 					"onUpdate:list": _cache[0] || (_cache[0] = ($event) => _ctx.widget.children = $event)
-				}, null, 8, ["parentWidget", "list"])])]),
+				}, null, 8, ["parentWidget", "list"])]),
 				_: 1
 			}, 8, [
 				"title",
 				"visible",
 				"width",
+				"height",
 				"left-num"
 			]);
 		};

package/src/widgets/containers/dialog/schema.js

@@ -15,6 +15,7 @@ var Dialog = {
 	props: {
 		name: "",
 		width: "100%",
+		height: "440px",
 		customClass: [],
 		title: "对话框",
 		centered: false,

package/src/widgets/containers/flex/index-render.js

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import index_render_vue_vue_type_script_setup_true_lang_default from "./index-render.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                             */
+//#region src/widgets/containers/flex/index-render.vue
+var index_render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_render_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4ac728a4"]]);
+//#endregion
+export { index_render_default as default };