@kp-ui/lowcode-pc-v2 0.0.1

package/src/hooks/useTableWidget.js

@@ -0,0 +1,317 @@
+import { useI18n } from "../../core/src/utils/i18n.js";
+import { transformPx } from "../../core/src/utils/transformPx.js";
+import { getEventParams } from "../../core/src/components/property-editor/propertyRegister.js";
+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 _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+import { message } from "ant-design-vue";
+import { CustomItemRender, TpfDelConfirm, tranformAntSizzVxetableSize, tranformAntTableColumnToVxetableColumn, useExecFunction } from "tmgc2-share";
+import { cloneDeep, isArray, omit } from "lodash-es";
+import _asyncToGenerator from "@oxc-project/runtime/helpers/asyncToGenerator";
+//#region src/hooks/useTableWidget.ts
+function useTableWidget({ widget, fieldModel, designState = false }) {
+	const tableRef = ref();
+	const { i18nt } = useI18n();
+	const { executeFunction, context } = useExecFunction();
+	const tableColumnStore = useTableColumnStore();
+	const { pagination, loadData, loading, data, getPagination, setPagination } = useRemoteData({
+		widget,
+		designState,
+		formConfig: inject("formConfig", ref({}))
+	});
+	const { factoryRender } = useFactoryRender();
+	const showColumnManager = computed(() => {
+		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 columnList = ref([]);
+	const initColumnList = () => {
+		const storageKey = widget.props.name || widget.id;
+		const originalColumns = widget.props.tableColumns || [];
+		let savedColumnList = [];
+		if (storageKey && tableColumnStore.hasTableConfig(storageKey)) savedColumnList = tableColumnStore.getColumnList(storageKey);
+		if (originalColumns.length > 0) {
+			const mergedColumns = originalColumns.map((col) => {
+				const saved = savedColumnList.find((item) => item.dataIndex === col.dataIndex);
+				if (saved) return Object.assign(col, {
+					visible: saved.visible !== false,
+					fixed: saved.fixed,
+					displayOrdinal: saved.displayOrdinal,
+					title: col.title || col.dataIndex
+				});
+				return Object.assign(col, {
+					visible: col.show !== false,
+					title: col.title || col.dataIndex
+				});
+			});
+			mergedColumns.sort((a, b) => {
+				var _a$displayOrdinal, _b$displayOrdinal;
+				return ((_a$displayOrdinal = a.displayOrdinal) !== null && _a$displayOrdinal !== void 0 ? _a$displayOrdinal : 9999) - ((_b$displayOrdinal = b.displayOrdinal) !== null && _b$displayOrdinal !== void 0 ? _b$displayOrdinal : 9999);
+			});
+			columnList.value = mergedColumns;
+			widget.props.tableColumns = mergedColumns.map((col) => Object.assign(col, { show: col.visible !== false }));
+		}
+	};
+	const handleUpdateColumns = (newColumns) => {
+		if (widget.props.tableColumns) widget.props.tableColumns = newColumns.map((col) => _objectSpread(_objectSpread({}, col), {}, { show: col.visible !== false }));
+		initColumnList();
+	};
+	const columns = computed(() => {
+		var _widget$props2;
+		const leftFixedColumns = [];
+		const optins = (widget === null || widget === void 0 ? void 0 : widget.props) || {};
+		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,
+			width: rowSelection.columnWidth,
+			align: "left",
+			fixed: "left",
+			dataIndex: "checkbox",
+			type: "checkbox"
+		});
+		if (showIndex) leftFixedColumns.push({
+			title: i18nt("designer.setting.seq"),
+			align: "left",
+			width: 90,
+			fixed: "left",
+			maxWidth: 100,
+			dataIndex: "seq",
+			resizable: true,
+			type: "seq"
+		});
+		const centerColumns = tableColumns.map((item) => {
+			if (!item.dataIndex && !item.field) console.warn(`[vxe-table] 列 "${item.title}" 缺少 dataIndex 属性，storage 功能可能无法正常工作`);
+			return Object.assign(item, handleColumnItem(item), {
+				titleSuffix: item.titleSuffix ? { content: item.titleSuffixContent } : false,
+				visible: item.show !== false
+			});
+		});
+		const rightFixedColumns = [];
+		const actionButtonConfig = (optins === null || optins === void 0 ? void 0 : optins.actionButtonConfig) || {};
+		if (actionButtonConfig.showButtonsColumn) {
+			var _actionButtonConfig$o;
+			const operationButtons = (_actionButtonConfig$o = actionButtonConfig.operationButtons) !== null && _actionButtonConfig$o !== void 0 ? _actionButtonConfig$o : [];
+			rightFixedColumns.push({
+				fixed: "right",
+				align: "center",
+				title: actionButtonConfig.buttonsColumnTitle,
+				width: actionButtonConfig.buttonsColumnWidth,
+				dataIndex: "action",
+				slots: { default: (scope) => {
+					return h(ActionButtonListRender_default, {
+						buttonList: operationButtons,
+						flex: "center",
+						scope,
+						ctx: context.value,
+						onClick: (e) => {
+							e.stopPropagation();
+						}
+					});
+				} }
+			});
+		}
+		const _columns = [
+			...leftFixedColumns,
+			...centerColumns,
+			...rightFixedColumns
+		];
+		const treeConfig = ((_widget$props2 = widget.props) === null || _widget$props2 === void 0 ? void 0 : _widget$props2.treeConfig) || {};
+		if (treeConfig.enabled) _columns.forEach((col) => {
+			if (col.dataIndex === treeConfig.treeNode) {
+				console.log({ col });
+				col.treeNode = true;
+			}
+		});
+		return tranformAntTableColumnToVxetableColumn(_columns);
+	});
+	const handleColumnItem = (item) => {
+		const res = omit(item, ["customRender"]);
+		const customRenderFn = item.customRender;
+		item.minWidth = 50;
+		item.maxWidth = 1200;
+		if (item.isAutoWidth) {
+			item.width = null;
+			delete item.width;
+		} else item.width = isNaN(Number(item.width)) ? item.width : Number(item.width);
+		if (!customRenderFn) return item;
+		return _objectSpread(_objectSpread({}, res), {}, { slots: { default(scope) {
+			var _widget$props3;
+			const Com = executeFunction({
+				source: widget === null || widget === void 0 || (_widget$props3 = widget.props) === null || _widget$props3 === void 0 ? void 0 : _widget$props3.name,
+				functionBody: customRenderFn,
+				params: {
+					scope,
+					column: scope.column,
+					index: scope.rowIndex,
+					record: scope.row,
+					h: factoryRender
+				},
+				keys: getEventParams("customRender", widget.type),
+				errorCallback: (error) => {
+					console.error("Custom render error:", error);
+				}
+			});
+			if (isVNode(Com)) return h(CustomItemRender, { is: Com });
+			return Com;
+		} } });
+	};
+	const tableSize = computed(() => widget.props.tableSize);
+	const onSortChange = () => {
+		initTableSoureData();
+	};
+	const rowKey = computed(() => widget.props.rowKey);
+	const tableProps = computed(() => {
+		const { height = 300, 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,
+			rowField: treeConfig.rowField,
+			parentField: treeConfig.parentField
+		};
+		return {
+			id: widget.id,
+			showPagination,
+			size: tranformAntSizzVxetableSize(tableSize.value),
+			height: transformPx(height),
+			border: border !== null && border !== void 0 ? border : false,
+			data: fieldModel.value || [],
+			columns: columns.value,
+			treeConfig: _treeConfig,
+			rowConfig: {
+				keyField: rowKey.value,
+				isCurrent: colorRow,
+				isHover: true
+			},
+			customConfig: { storage: !designState },
+			checkboxConfig: {
+				isShiftKey: (treeConfig === null || treeConfig === void 0 ? void 0 : treeConfig.enabled) ? true : false,
+				checkMethod: (_data) => {
+					var _widget$props$rowSele;
+					return executeFunction({
+						functionBody: (_widget$props$rowSele = widget.props.rowSelection) === null || _widget$props$rowSele === void 0 ? void 0 : _widget$props$rowSele.checkMethod,
+						params: _data,
+						keys: ["row"]
+					});
+				}
+			},
+			cellConfig: { height: lineHeight }
+		};
+	});
+	const setTableRef = (_tableRef) => {
+		tableRef.value = _tableRef;
+	};
+	const initTableSoureData = function() {
+		var _ref2 = _asyncToGenerator(function* () {
+			yield loadData();
+		});
+		return function initTableSoureData() {
+			return _ref2.apply(this, arguments);
+		};
+	}();
+	watchEffect(() => {
+		fieldModel.value = data.value || [];
+	});
+	const onRunEvent = ({ row, $event }, type) => {
+		executeFunction({
+			functionBody: widget.events[type] || "",
+			params: [row, $event],
+			keys: ["record", "event"]
+		});
+	};
+	const setTableData = (data) => {
+		setValue(data);
+	};
+	const handleTableChange = ({ sorts }) => {
+		var _widget$events;
+		const fn = ((_widget$events = widget.events) === null || _widget$events === void 0 ? void 0 : _widget$events.onTableChange) || "";
+		if (fn) executeFunction({
+			functionBody: fn,
+			params: {
+				pagination: getPagination(),
+				currentDataSource: getDataSource(),
+				sorter: sorts
+			},
+			keys: [
+				"pagination",
+				"sorter",
+				"currentDataSource"
+			]
+		});
+	};
+	const onCheckboxChange = (selectedRowInfo) => {
+		executeFunction({
+			functionBody: widget.props.rowSelection.onChange,
+			keys: ["selectedRowKeys", "selectedRows"],
+			params: selectedRowInfo
+		});
+	};
+	const getDataSource = () => {
+		return fieldModel.value;
+	};
+	const insertTableValue = (data) => {
+		if (!fieldModel.value) fieldModel.value = [];
+		fieldModel.value.push(cloneDeep(data));
+	};
+	const setValue = (data) => {
+		if (!isArray(data)) return console.error("表格数据类型错误");
+		fieldModel.value = cloneDeep(data);
+	};
+	const getTableColumns = () => {
+		return widget.props.tableColumns;
+	};
+	const setTableColumns = (data) => {
+		widget.props.tableColumns = data;
+	};
+	return {
+		loading,
+		showColumnManager,
+		rowKey,
+		onCheckboxChange,
+		tableDefinExpoed: {
+			delSelectRow: function() {
+				var _ref3 = _asyncToGenerator(function* (delKeys) {
+					if (!delKeys.length) return;
+					try {
+						yield TpfDelConfirm({ content: i18nt("确定删除选中的数据吗") });
+						setValue(fieldModel.value.filter((item) => !(delKeys === null || delKeys === void 0 ? void 0 : delKeys.includes(item[rowKey.value]))));
+						message.success(i18nt("操作成功"));
+					} catch (_unused) {}
+				});
+				return function delSelectRow(_x) {
+					return _ref3.apply(this, arguments);
+				};
+			}(),
+			getTableColumns,
+			setTableColumns,
+			setValue,
+			insertTableValue,
+			setPagination,
+			getDataSource,
+			getPagination,
+			initTableSoureData
+		},
+		onSortChange,
+		pagination,
+		setPagination,
+		getPagination,
+		handleTableChange,
+		setTableData,
+		showPagination: computed(() => !!widget.props.showPagination),
+		onRunEvent,
+		initTableSoureData,
+		setTableRef,
+		tableSize,
+		tableProps,
+		tableRef,
+		columns,
+		columnList,
+		initColumnList,
+		handleUpdateColumns
+	};
+}
+//#endregion
+export { useTableWidget };

package/src/render/index.js

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+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-dfed9b96"]]);
+//#endregion
+export { render_default as default };

package/src/render/index.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,69 @@
+import Debugger_default from "../../core/src/components/common/render/Debugger.js";
+import LowcodeRenderProvider_default from "../../core/src/components/common/render/LowcodeRenderProvider.js";
+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 _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+import { Skeleton } from "ant-design-vue";
+import { getLocat } from "@kp-ui/tool";
+//#region src/render/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "loading-wrapper"
+};
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	name: "VFormRender",
+	componentName: "VFormRender",
+	inheritAttrs: false
+}), {}, {
+	__name: "index",
+	props: {
+		vfCtx: { default: () => ({}) },
+		formJson: {},
+		formData: { default: () => ({}) },
+		optionData: { default: () => ({}) },
+		disabledMode: {
+			type: Boolean,
+			default: false
+		},
+		parentForm: { default: null }
+	},
+	setup(__props, { expose: __expose }) {
+		const debug = computed(() => getLocat().debug === "1");
+		const debugVisible = ref(false);
+		const props = __props;
+		const formContext = usePageContext({ props });
+		const { dialogProps, emitter, isLoading, registerToRefList, formWidgetId, widgetList, formConfig } = formContext;
+		onMounted(() => {
+			registerToRefList(formWidgetId);
+		});
+		watchEffect(() => {
+			if (props.formJson) formContext.setFormJson(props.formJson);
+		});
+		__expose(_objectSpread(_objectSpread(_objectSpread({ formWidgetId }, emitter), formContext.expose), {}, { formJson: props.formJson }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(LowcodeRenderProvider_default), {
+				getWidget: unref(getRenderWidget),
+				context: unref(formContext)
+			}, {
+				default: withCtx(() => [
+					unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(Skeleton), { active: unref(isLoading) }, null, 8, ["active"])])) : createCommentVNode("", true),
+					createVNode(unref(RenderWidgetList_default), {
+						parentWidget: null,
+						list: unref(widgetList),
+						"onUpdate:list": _cache[0] || (_cache[0] = ($event) => isRef(widgetList) ? widgetList.value = $event : null)
+					}, null, 8, ["list"]),
+					debug.value ? (openBlock(), createBlock(unref(Debugger_default), {
+						key: 1,
+						visible: debugVisible.value,
+						"onUpdate:visible": _cache[1] || (_cache[1] = ($event) => debugVisible.value = $event)
+					}, null, 8, ["visible"])) : createCommentVNode("", true)
+				]),
+				_: 1
+			}, 8, ["getWidget", "context"]);
+		};
+	}
+}));
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

package/src/schemas/defaults/field.js

@@ -0,0 +1,72 @@
+//#region src/schemas/defaults/field.ts
+/** 默认验证配置 */
+var defaultValidationConfig = {
+	required: false,
+	requiredHint: "",
+	validation: "",
+	validationHint: "",
+	rules: []
+};
+var defaultDataSourceConfig = {
+	type: "remote",
+	data: [{
+		label: "节点1",
+		value: "1",
+		children: [{
+			label: "子节点1-1",
+			value: "1-1"
+		}, {
+			label: "子节点1-2",
+			value: "1-2"
+		}]
+	}, {
+		label: "节点2",
+		value: "2",
+		children: [{
+			label: "子节点2-1",
+			value: "2-1"
+		}]
+	}],
+	mapping: {
+		labelField: "label",
+		valueField: "value",
+		childrenField: "children"
+	},
+	remote: {
+		autoLoad: true,
+		httpMethod: "getExecuteAll"
+	},
+	loadingPage: false,
+	pagination: {
+		current: 1,
+		pageSize: 20,
+		total: 0
+	}
+};
+/** Field 组件默认 events */
+var defaultFieldEvents = {
+	onMounted: "",
+	onChange: "",
+	onFocus: "",
+	onBlur: "",
+	onHidden: "//return false",
+	onDisabled: "//return false"
+};
+/** Field 组件基础 props（所有表单字段共用） */
+function createFieldProps(options) {
+	var _options$label;
+	return {
+		name: "",
+		label: (_options$label = options.label) !== null && _options$label !== void 0 ? _options$label : "字段",
+		labelWidth: null,
+		labelHidden: false,
+		labelAlign: "right",
+		labelIconClass: null,
+		labelIconPosition: "rear",
+		hidden: false,
+		customClass: [],
+		defaultValue: options.defaultValue
+	};
+}
+//#endregion
+export { createFieldProps, defaultDataSourceConfig, defaultFieldEvents, defaultValidationConfig };

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+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"]]);
+//#endregion
+export { code_editor_default as default };

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

@@ -0,0 +1,45 @@
+import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+import form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
+import { createBlock, createCommentVNode, createVNode, defineComponent, isRef, normalizeClass, openBlock, unref, withCtx } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+import { CodeEditor } from "tmgc2-share";
+//#region src/widgets/advanced/code-editor/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	name: "code-editor-widget",
+	componentName: ComponentNameEnum.FieldWidget
+}), {}, {
+	__name: "index",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const { rules, designState, fieldModel, isReadMode, handleHidden, defineExposed } = useField(__props.widget);
+		__expose(_objectSpread({}, defineExposed));
+		return (_ctx, _cache) => {
+			return !unref(handleHidden) ? (openBlock(), createBlock(form_item_wrapper_default, {
+				key: 0,
+				widget: _ctx.widget,
+				rules: unref(rules),
+				class: normalizeClass(unref(designState) ? "designer" : "")
+			}, {
+				default: withCtx(() => [createVNode(unref(CodeEditor), {
+					mode: _ctx.widget.props.language,
+					readonly: _ctx.widget.props.readOnly || unref(isReadMode),
+					value: unref(fieldModel),
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+					ref: "fieldEditor"
+				}, null, 8, [
+					"mode",
+					"readonly",
+					"value"
+				])]),
+				_: 1
+			}, 8, [
+				"widget",
+				"rules",
+				"class"
+			])) : createCommentVNode("", true);
+		};
+	}
+}));
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,26 @@
+import { WidgetType } from "../../widgetTypes.js";
+import { createFieldProps, defaultFieldEvents, defaultValidationConfig } from "../../../schemas/defaults/field.js";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/advanced/code-editor/schema.ts
+/** CodeEditor Widget 默认值 */
+var CodeEditor = {
+	id: "",
+	type: WidgetType.CodeEditor,
+	category: "field",
+	formItemFlag: true,
+	validation: _objectSpread({}, defaultValidationConfig),
+	events: _objectSpread({}, defaultFieldEvents),
+	style: {},
+	props: _objectSpread(_objectSpread({}, createFieldProps({
+		label: "代码编辑器",
+		defaultValue: ""
+	})), {}, {
+		disabled: false,
+		height: 300,
+		language: "javascript",
+		theme: "vs",
+		readOnly: false
+	})
+};
+//#endregion
+export { CodeEditor };

package/src/widgets/advanced/custom-render/index.js

@@ -0,0 +1,5 @@
+import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.js";
+//#region src/widgets/advanced/custom-render/index.vue
+var custom_render_default = index_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { custom_render_default as default };

package/src/widgets/advanced/custom-render/index.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,54 @@
+import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { getEventParams } from "../../../../core/src/components/property-editor/propertyRegister.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+import { useFactoryRender } from "../../../../core/src/hooks/useFactoryRender.js";
+import { WidgetType, getWidgetName } from "../../widgetTypes.js";
+import form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
+import { createBlock, createCommentVNode, createElementVNode, defineComponent, h, isVNode, openBlock, resolveDynamicComponent, unref, withCtx } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+import { CustomItemRender } from "tmgc2-share";
+//#region src/widgets/advanced/custom-render/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "slot-wrapper-render" };
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	name: getWidgetName(WidgetType.CustomRender),
+	componentName: ComponentNameEnum.FieldWidget
+}), {}, {
+	__name: "index",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const { factoryRender } = useFactoryRender();
+		const { context, rules, fieldEditor, fieldModel, formModel, handleHidden, defineExposed, executeFunction } = useField(__props.widget);
+		const renderCompont = () => {
+			const component = executeFunction({
+				functionBody: __props.widget.props.customRender,
+				params: {
+					data: fieldModel.value,
+					formData: formModel.value,
+					h: factoryRender
+				},
+				keys: getEventParams("customRender", __props.widget.type)
+			});
+			if (isVNode(component)) return h(CustomItemRender, {
+				is: component,
+				stopPropagation: false
+			});
+			return component;
+		};
+		__expose(_objectSpread({}, defineExposed));
+		return (_ctx, _cache) => {
+			return !unref(handleHidden) ? (openBlock(), createBlock(form_item_wrapper_default, {
+				key: 0,
+				widget: _ctx.widget,
+				rules: unref(rules)
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [(openBlock(), createBlock(resolveDynamicComponent(renderCompont), {
+					ref_key: "fieldEditor",
+					ref: fieldEditor
+				}, null, 512))])]),
+				_: 1
+			}, 8, ["widget", "rules"])) : createCommentVNode("", true);
+		};
+	}
+}));
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

package/src/widgets/advanced/custom-render/schema.js

@@ -0,0 +1,19 @@
+import { WidgetType } from "../../widgetTypes.js";
+import { createFieldProps } from "../../../schemas/defaults/field.js";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/advanced/custom-render/schema.ts
+/** CustomRender Widget 默认值 */
+var CustomRender = {
+	id: "",
+	type: WidgetType.CustomRender,
+	category: "field",
+	formItemFlag: true,
+	events: { onMounted: "" },
+	style: {},
+	props: _objectSpread(_objectSpread({}, createFieldProps({
+		label: "自定义渲染",
+		defaultValue: ""
+	})), {}, { customRender: "return null;" })
+};
+//#endregion
+export { CustomRender };

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+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"]]);
+//#endregion
+export { data_table_default as default };