@kp-ui/lowcode-pc-v2 0.0.4 → 0.0.6

package/assets/styles/style.css

@@ -1,3 +1,38 @@
+/* 全局css变量 */
+.primary-color {
+  color: var(--ant-primary-color);
+}
+.auto-full-width > div {
+  width: 100%;
+}
+.background-opacity {
+  background: var(--ant-primary-4);
+}
+.form-widget-list .ghost {
+  content: '';
+  font-size: 0;
+  height: 3px;
+  box-sizing: border-box;
+  background: var(--ant-primary-4);
+  border: 2px solid var(--ant-primary-4);
+  outline-width: 0;
+  padding: 0;
+  overflow: hidden;
+}
+/* 滚动条样式 end */
+.button-text-highlight.ant-btn {
+  font-weight: bold;
+  color: var(--ant-primary-color);
+}
+.custom-divider.ant-divider {
+  font-size: 14px;
+  margin: 5px;
+}
+.field-wrapper .full-width-input {
+  width: 100% !important;
+}
+@tailwind components;
+@tailwind utilities;
 /* 调试面板样式 */
 .debug-panel[data-v-db68aa3b] {
   position: absolute;
@@ -100,35 +135,66 @@
   border-radius: 4px;
   color: #333;
 }
-.field-wrapper[data-v-9c668962] {
+.field-wrapper[data-v-254940bd] {
   position: relative;
 }
-.field-wrapper.hidden[data-v-9c668962] {
+.field-wrapper.hidden[data-v-254940bd] {
   display: none;
 }
-.ant-form-item[data-v-9c668962] {
+.ant-form-item[data-v-254940bd] {
   position: relative;
 }
-.ant-form-item[data-v-9c668962] .ant-form-item-label {
+.ant-form-item[data-v-254940bd] .ant-form-item-label {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.ant-form-item .label-box[data-v-9c668962] {
+.ant-form-item .label-box[data-v-254940bd] {
   display: flex;
   align-items: center;
+  width: 100%;
+  height: auto;
+  min-height: 30px;
+  min-width: 0;
 }
-.ant-form-item .label-box .label-text[data-v-9c668962] {
-  overflow: hidden;
-  text-overflow: ellipsis;
+.ant-form-item .label-box .label-text[data-v-254940bd] {
+  min-width: 0;
+  display: inline;
+  overflow: visible;
+  text-overflow: initial;
+  white-space: normal;
+  text-align: inherit;
+  word-break: break-all;
+  -webkit-line-clamp: initial;
+  -webkit-box-orient: initial;
+}
+.ant-form-item .label-box--left[data-v-254940bd] {
+  justify-content: flex-start;
+}
+.ant-form-item .label-box--left .label-text[data-v-254940bd] {
+  text-align: start;
+}
+.ant-form-item .label-box--right[data-v-254940bd] {
+  justify-content: flex-end;
 }
-.ant-form-item .custom-label[data-v-9c668962] {
-  display: flex;
+.ant-form-item .label-box--right .label-text[data-v-254940bd] {
+  text-align: end;
+}
+.ant-form-item .custom-label[data-v-254940bd] {
+  display: inline-flex;
   align-items: center;
+  width: 100%;
+  min-width: 0;
   gap: 4px;
-}.designer[data-v-b5e7230e] {
+}
+.ant-form-item .custom-label .label-text[data-v-254940bd] {
+  flex: 1 1 auto;
+}
+.ant-form-item .custom-label[data-v-254940bd] .svg-icon {
+  flex: 0 0 auto;
+}.designer[data-v-8c04a069] {
   position: relative;
 }
-.designer[data-v-b5e7230e]::before {
+.designer[data-v-8c04a069]::before {
   position: absolute;
   z-index: 99;
   content: "";
@@ -240,11 +306,13 @@
 }
 .button-list-container .button-icon[data-v-37429548] {
   margin-right: 4px;
-}.talbe-wrapper[data-v-218c688c] {
-  width: 100%;
+}.talbe-wrapper[data-v-19607d37] {
   position: relative;
+  height: var(--0622be28);
+  display: flex;
+  flex: var(--3bd67a87);
 }
-.talbe-wrapper .table-toolbar[data-v-218c688c] {
+.talbe-wrapper .table-toolbar[data-v-19607d37] {
   padding: 8px 0;
   margin-bottom: 8px;
   position: absolute;
@@ -253,10 +321,10 @@
   right: 0;
   width: 30px;
 }
-.talbe-wrapper .vxe-grid[data-v-218c688c] {
+.talbe-wrapper .vxe-grid[data-v-19607d37] {
   width: 100%;
 }
-.talbe-wrapper__pagination[data-v-218c688c] {
+.talbe-wrapper__pagination[data-v-19607d37] {
   margin-top: 10px;
   display: flex;
   justify-content: end;
@@ -358,14 +426,8 @@
   overflow-y: auto;
 }.readonly-mode-time-range[data-v-a6cdcc75] .ant-picker {
   display: none;
-}.readonly-mode-time[data-v-887d6c03] .ant-picker {
+}.readonly-mode-time[data-v-7b5d160f] .ant-picker {
   display: none;
-}
-.auto-full-width[data-v-887d6c03] {
-  width: 100%;
-}
-.auto-full-width[data-v-887d6c03] .ant-picker {
-  width: 100% !important;
 }.vf-box-widget[data-v-d52cfec5] {
   width: 100%;
 }
@@ -408,7 +470,15 @@
   background-color: #fff;
   padding: 16px;
 }
-.form-widget[data-v-4c8924c1] {
+[data-v-17ae4bcb] .ant-modal-body .ime-table {
+  height: 100%;
+}.flex-container[data-v-4ac728a4] {
+  width: 100%;
+  min-height: 42px;
+}
+.flex-container[data-v-4ac728a4] .ant-form-item {
+  margin-bottom: 0;
+}.form-widget[data-v-4c8924c1] {
   width: 100%;
   min-height: 60px;
 }.grid-cell[data-v-598209c1] {
@@ -461,11 +531,16 @@
 .page-template-widget[data-v-dc2a06fa] .addInfoLayout-footer .ant-form-item {
   margin-bottom: 0;
 }
-.loading-wrapper[data-v-039c10e2] {
+.layout-render-wrapper[data-v-464184f3] {
+  overflow-y: auto;
+  overflow-x: hidden;
+  background: var(--4a7fb80b);
+}
+.loading-wrapper[data-v-464184f3] {
   min-height: 300px;
   padding: 20px;
 }
-.ant-form .ant-form-item-explain.ant-form-item-explain-connected[data-v-039c10e2] {
+.ant-form .ant-form-item-explain.ant-form-item-explain-connected[data-v-464184f3] {
   display: none;
 }
 /*$vite$:1*/

package/core/src/components/common/render/RenderWidgetList.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { Fragment, createBlock, createElementBlock, defineComponent, inject, mergeModels, openBlock, provide, renderList, resolveDynamicComponent, toRef, unref, useModel } from "vue";
+import { Fragment, createBlock, createElementBlock, defineComponent, inject, mergeModels, normalizeStyle, openBlock, provide, renderList, resolveDynamicComponent, toRef, unref, useModel } from "vue";
 //#region ../core/src/components/common/render/RenderWidgetList.vue?vue&type=script&setup=true&lang.ts
 var RenderWidgetList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
@@ -12,7 +12,8 @@ var RenderWidgetList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		},
 		allowTypes: { default: () => [] },
 		notAllowTypes: { default: () => [] },
-		parentWidget: {}
+		parentWidget: {},
+		itemStyle: {}
 	}, {
 		"list": {
 			type: Array,
@@ -28,16 +29,17 @@ var RenderWidgetList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const list = useModel(__props, "list");
 		return (_ctx, _cache) => {
 			return openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (widget, index) => {
+				var _ctx$itemStyle;
 				return openBlock(), createBlock(resolveDynamicComponent(unref(getWidget)(widget)), {
 					key: `${widget.id}_${index}`,
 					id: widget.id,
-					stlyle: widget.style,
+					style: normalizeStyle([widget.style, (_ctx$itemStyle = _ctx.itemStyle) === null || _ctx$itemStyle === void 0 ? void 0 : _ctx$itemStyle.call(_ctx, widget, index)]),
 					widget,
 					field: widget,
 					index
 				}, null, 8, [
 					"id",
-					"stlyle",
+					"style",
 					"widget",
 					"field",
 					"index"

package/core/src/components/common/render/usePageContext.js

@@ -26,6 +26,7 @@ var usePageContext = ({ props }) => {
 	const childFormRef = ref();
 	const serveList = computed(() => formConfig.value.serveList);
 	const formWidgetId = Symbol("formWidget");
+	const formCustomCodeId = "vfRender" + generateId();
 	const dialogOrDrawerRef = ref();
 	const { context, execHttpFunction, asyncExecuteFunction } = useExecFunction();
 	const { getPageInstance, getInstance, registerToRefList } = useAppRef(widgetRefList, formWidgetId);
@@ -122,16 +123,18 @@ var usePageContext = ({ props }) => {
 	* @param formId 表单ID
 	*/
 	const insertCustomCode = () => {
-		const formId = "vfRender" + generateId();
 		const { cssCode, functions } = formConfig.value;
-		if (cssCode) insertCustomCssToHead(cssCode, formId || "");
-		if (functions) insertGlobalFunctionsToHtml(functions, formId || "");
+		if (cssCode) insertCustomCssToHead(cssCode, formCustomCodeId);
+		else removeCustomCssToHead(formCustomCodeId);
+		if (functions) {
+			removeScriptToHead(formCustomCodeId);
+			insertGlobalFunctionsToHtml(functions, formCustomCodeId);
+		} else removeScriptToHead(formCustomCodeId);
 	};
 	const removeCustomCode = () => {
-		const formId = "vfRender" + generateId();
 		const { cssCode, functions } = formConfig.value;
-		if (cssCode) removeCustomCssToHead(formId || "");
-		if (functions) removeScriptToHead(formId || "");
+		if (cssCode) removeCustomCssToHead(formCustomCodeId);
+		if (functions) removeScriptToHead(formCustomCodeId);
 	};
 	const reload = () => {
 		var _context$value;
@@ -153,7 +156,7 @@ var usePageContext = ({ props }) => {
 	const getFieldValue = (field) => {
 		return formDataModel.value[field];
 	};
-	const setFiledValue = (field, value) => {
+	const setFieldValue = (field, value) => {
 		formDataModel.value[field] = value;
 	};
 	const setVfCtx = (vfCtx) => {
@@ -195,7 +198,7 @@ var usePageContext = ({ props }) => {
 		setPageJson,
 		setLoading,
 		formDataModel,
-		setFiledValue,
+		setFieldValue,
 		isLoading,
 		vfCtx: props.vfCtx,
 		formConfig,

package/core/src/hooks/useAppRef.js

@@ -1,5 +1,5 @@
 import { useI18n } from "../utils/i18n.js";
-import { computed, getCurrentInstance, inject, ref } from "vue";
+import { computed, getCurrentInstance, inject, proxyRefs, ref } from "vue";
 import { message } from "ant-design-vue";
 //#region ../core/src/hooks/useAppRef.ts
 function useAppRef(widgetRefList, formWidgetId) {
@@ -18,12 +18,14 @@ function useAppRef(widgetRefList, formWidgetId) {
 		return foundRef;
 	};
 	const registerToRefList = (widgetName) => {
-		(isRoot ? widgetRefList === null || widgetRefList === void 0 ? void 0 : widgetRefList.value : refList.value).set(widgetName || widgetId.value, {
+		const list = isRoot ? widgetRefList === null || widgetRefList === void 0 ? void 0 : widgetRefList.value : refList.value;
+		const exposed = {
 			instance,
 			proxy: instance === null || instance === void 0 ? void 0 : instance.proxy,
 			...instance === null || instance === void 0 ? void 0 : instance.appContext.config.globalProperties,
 			...instance === null || instance === void 0 ? void 0 : instance.exposed
-		});
+		};
+		list.set(widgetName || widgetId.value, proxyRefs(exposed));
 	};
 	/**
 	* 从引用列表中注销

package/core/src/hooks/useField.js

@@ -202,10 +202,6 @@ function useField(widget) {
 		if (eq(fieldModel.value, newValue)) return;
 		const oldValue = deepClone(fieldModel.value);
 		if (widget.type === "file-upload") newValue = showFileList(newValue || []);
-		else if (widget.type === "code-editor") {
-			var _getFieldEditor;
-			(_getFieldEditor = getFieldEditor()) === null || _getFieldEditor === void 0 || _getFieldEditor.setValue(newValue);
-		}
 		fieldModel.value = newValue;
 		if (!disableChangeEvent) emitFieldDataChange(newValue, oldValue);
 	};

package/core/src/hooks/useFieldRules.js

@@ -15,23 +15,24 @@ function useFieldRules({ widget, getPropName, getPageInstance, designState }) {
 	});
 	/** 构建字段规则 */
 	const buildFieldRules = () => {
-		var _widget$props, _widget$validation, _widget$validation2, _widget$validation5, _widget$validation6;
+		var _widget$props, _widget$validation, _widget$events, _widget$validation2, _widget$validation3, _widget$validation6, _widget$validation8;
 		if (!("formItemFlag" in widget) || !widget.formItemFlag || ((_widget$props = widget.props) === null || _widget$props === void 0 ? void 0 : _widget$props.hidden)) return;
 		rules.value = [];
-		if ((_widget$validation = widget.validation) === null || _widget$validation === void 0 ? void 0 : _widget$validation.required) rules.value.push({
+		const customValidate = ((_widget$validation = widget.validation) === null || _widget$validation === void 0 ? void 0 : _widget$validation.onValidate) || ((_widget$events = widget.events) === null || _widget$events === void 0 ? void 0 : _widget$events.onValidate);
+		if ((_widget$validation2 = widget.validation) === null || _widget$validation2 === void 0 ? void 0 : _widget$validation2.required) rules.value.push({
 			required: true,
 			trigger: ["blur"],
 			message: widget.validation.requiredHint || i18nt("render.hint.fieldRequired")
 		});
-		if ((_widget$validation2 = widget.validation) === null || _widget$validation2 === void 0 ? void 0 : _widget$validation2.validation) {
-			var _widget$validation3;
-			const rulesFn = unref(rulesMap)[(_widget$validation3 = widget.validation) === null || _widget$validation3 === void 0 ? void 0 : _widget$validation3.validation];
+		if ((_widget$validation3 = widget.validation) === null || _widget$validation3 === void 0 ? void 0 : _widget$validation3.validation) {
+			var _widget$validation4;
+			const rulesFn = unref(rulesMap)[(_widget$validation4 = widget.validation) === null || _widget$validation4 === void 0 ? void 0 : _widget$validation4.validation];
 			if (rulesFn) {
-				var _widget$validation4;
-				rules.value.push(rulesFn((_widget$validation4 = widget.validation) === null || _widget$validation4 === void 0 ? void 0 : _widget$validation4.validationHint));
+				var _widget$validation5;
+				rules.value.push(rulesFn((_widget$validation5 = widget.validation) === null || _widget$validation5 === void 0 ? void 0 : _widget$validation5.validationHint));
 			}
 		}
-		(_widget$validation5 = widget.validation) === null || _widget$validation5 === void 0 || (_widget$validation5 = _widget$validation5.rules) === null || _widget$validation5 === void 0 || _widget$validation5.forEach((rule) => {
+		(_widget$validation6 = widget.validation) === null || _widget$validation6 === void 0 || (_widget$validation6 = _widget$validation6.rules) === null || _widget$validation6 === void 0 || _widget$validation6.forEach((rule) => {
 			if (rule.type === "pattern" && rule.value) rules.value.push({
 				pattern: new RegExp(rule.value),
 				trigger: rule.trigger || ["blur", "change"],
@@ -42,7 +43,33 @@ function useFieldRules({ widget, getPropName, getPageInstance, designState }) {
 				trigger: rule.trigger || ["blur"]
 			});
 		});
-		if ((_widget$validation6 = widget.validation) === null || _widget$validation6 === void 0 ? void 0 : _widget$validation6.rules) {}
+		if (customValidate) rules.value.push({
+			validator: async (rule, value) => {
+				let executeError;
+				let result = await Promise.resolve(executeFunction({
+					functionBody: customValidate,
+					params: {
+						rule,
+						value
+					},
+					keys: ["rule", "value"],
+					errorCallback: (error) => {
+						executeError = error;
+					}
+				}));
+				if (typeof result === "function") result = await result();
+				if (executeError) return Promise.reject(executeError);
+				if (result === false) {
+					var _widget$validation7;
+					return Promise.reject(new Error(((_widget$validation7 = widget.validation) === null || _widget$validation7 === void 0 ? void 0 : _widget$validation7.validationHint) || rule.message || ""));
+				}
+				if (typeof result === "string") return Promise.reject(new Error(result));
+				if (result instanceof Error) return Promise.reject(result);
+				return Promise.resolve();
+			},
+			trigger: ["blur", "change"]
+		});
+		if ((_widget$validation8 = widget.validation) === null || _widget$validation8 === void 0 ? void 0 : _widget$validation8.rules) {}
 	};
 	/** 清除字段规则 */
 	const clearFieldRules = () => {

package/core/src/hooks/useRemoteData.js

@@ -1,7 +1,7 @@
 import { usePagination } from "./usePagination.js";
 import { computed, ref, watch } from "vue";
 import { useExecFunction } from "tmgc2-share";
-import { debounce } from "lodash-es";
+import { debounce, isArray } from "lodash-es";
 //#region ../core/src/hooks/useRemoteData.ts
 function useRemoteData({ widget, onLoaded, formConfig }) {
 	var _widget$dataSource;
@@ -68,8 +68,9 @@ function useRemoteData({ widget, onLoaded, formConfig }) {
 				pagination.value.total = result.total || 0;
 				pagination.value.totalPage = result.totalPage || 0;
 			}
-			data.value = result.list;
-			onLoaded === null || onLoaded === void 0 || onLoaded(result);
+			if (isArray(result)) data.value = result;
+			else data.value = result.list;
+			onLoaded === null || onLoaded === void 0 || onLoaded(data.value);
 		} catch (err) {
 			console.error("remote data load error:", err);
 		} finally {

package/core/src/hooks/useSelect.js

@@ -12,18 +12,9 @@ function findInArray(arrayObject, element) {
 }
 function useSelect({ widget, designState, fieldModel, formConfig }) {
 	const keyword = ref({ val: "" });
-	const apiResult = ref({ list: [] });
-	const onLoaded = (result) => {
-		const data = result.data || {};
-		if (data) apiResult.value = isArray(data) ? { list: [...unref(apiResult).list, ...data] } : {
-			...data,
-			list: [...unref(apiResult).list, ...data.list]
-		};
-	};
-	const { loadData, loadMore, refresh, data, pager, loading } = useRemoteData({
+	const { loadData, loadMore, refresh, data, pagination, loading } = useRemoteData({
 		widget,
 		designState,
-		onLoaded,
 		formConfig
 	});
 	const mapping = computed(() => {
@@ -57,7 +48,6 @@ function useSelect({ widget, designState, fieldModel, formConfig }) {
 		keyword.value.val = _keyword;
 	};
 	const selectOps = computed(() => {
-		var _apiResult$value;
 		const showSearch = true;
 		const useServer = widget.props.showSearch;
 		return {
@@ -68,7 +58,7 @@ function useSelect({ widget, designState, fieldModel, formConfig }) {
 			onSearch: remoteQuery,
 			filterOption: !useServer && filterOption,
 			listHeight: 240,
-			options: cloneDeep(((_apiResult$value = apiResult.value) === null || _apiResult$value === void 0 ? void 0 : _apiResult$value.list) || [])
+			options: cloneDeep(data.value) || []
 		};
 	});
 	const getOptionItems = () => {
@@ -106,6 +96,7 @@ function useSelect({ widget, designState, fieldModel, formConfig }) {
 	};
 	return {
 		selectDefineExpose: {
+			loadData,
 			loadOptions: loadData,
 			initOptionItems: loadData,
 			getSelectedItem,
@@ -128,7 +119,7 @@ function useSelect({ widget, designState, fieldModel, formConfig }) {
 		optionLabel,
 		filterOption,
 		keyword,
-		pager,
+		pager: pagination,
 		loading,
 		selectOps,
 		initOptionItems: loadData,

package/core/src/lang/en-US.js

@@ -45,6 +45,7 @@ var en_US_default = {
 			popover: "Popover",
 			"custom-render": "Custom Render",
 			space: "Space",
+			flex: "Flex",
 			image: "Image",
 			cell: "Cell",
 			input: "Input",
@@ -209,6 +210,7 @@ var en_US_default = {
 			alignEnd: "End",
 			alignCenter: "Center",
 			alignBaseline: "Baseline",
+			alignStretch: "Stretch",
 			wrap: "Wrap",
 			fill: "Fill",
 			defaultExpand: "Default Expand",
@@ -231,6 +233,7 @@ var en_US_default = {
 			buttonListConfig: "Button Group Config",
 			buttonPosition: "Position",
 			autoWidth: "Auto Width",
+			autoHeight: "Auto Height",
 			dataSoureEdit: "dataSoure Edit",
 			fixed: "Fixed Position",
 			fixedRight: "Fixed Right",
@@ -344,9 +347,12 @@ var en_US_default = {
 			gridJustify: "Horizontal Align",
 			justifyStart: "Start",
 			justifyEnd: "End",
+			justifyFlexStart: "Flex Start",
+			justifyFlexEnd: "Flex End",
 			justifyCenter: "Center",
 			justifySpaceAround: "Space Around",
 			justifySpaceBetween: "Space Between",
+			justifySpaceEvenly: "Space Evenly",
 			gridAlign: "Vertical Align",
 			alignTop: "Top",
 			alignCenter: "Center",
@@ -426,6 +432,14 @@ var en_US_default = {
 			leftAlign: "Left",
 			centerAlign: "Center",
 			rightAlign: "Right",
+			rowReverse: "Row Reverse",
+			columnReverse: "Column Reverse",
+			flexHeightMode: "Height Mode",
+			inheritHeight: "Inherit",
+			fixedHeight: "Fixed",
+			flexHeight: "Fixed Height",
+			componentSort: "Component Sort",
+			noSortableComponents: "No sortable components",
 			formCss: "Form CSS",
 			addCss: "Edit",
 			customClass: "Custom Class",
@@ -452,6 +466,7 @@ var en_US_default = {
 			drawDirection: "Direction",
 			tableWidth: "Width(px/%)",
 			tableHeight: "Height(px/%)",
+			tableHeightMode: "Height Mode",
 			showCheckBox: "Show CheckBox",
 			showColumnManager: "Column Manager",
 			showIndex: "Show Row Number",
@@ -611,8 +626,15 @@ var en_US_default = {
 			justifyContent: "Justify Content",
 			alignItems: "Align Items",
 			flexWrap: "Flex Wrap",
+			flexBlockConfig: "Block Config",
 			flexGrow: "Flex Grow",
 			flexShrink: "Flex Shrink",
+			flexItemWidthMode: "Item Width",
+			flexItemWidth: "Fixed Width",
+			fixedWidth: "Fixed",
+			fullWidth: "Full",
+			flexItemWidthPlaceholder: "e.g. 240px, 50%, calc(50% - 8px)",
+			flexItemHeightPlaceholder: "e.g. 240px, 50%, calc(100% - 8px)",
 			gap: "Gap",
 			positionOffset: "Position Offset",
 			top: "Top",

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/install.js

@@ -1,4 +1,5 @@
 import "./_virtual/virtual_svg-icons-register.js";
+/* empty css                       */
 import render_default from "./src/render/index.js";
 import CustomPageRender_default from "./src/components/public/ConfigView/CustomPageRender.js";
 import { VxeTooltip } from "vxe-pc-ui";

package/package.json

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

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

@@ -1,9 +1,8 @@
 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, ref, 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: {
@@ -21,7 +20,7 @@ var CustomPageRender_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			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: {
@@ -30,7 +29,7 @@ var CustomPageRender_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					goBack: unref(goBack),
 					setAnchorList
 				}
-			}, null, 8, ["vfCtx"])]);
+			}, null, 8, ["vfCtx"]);
 		};
 	}
 });