@kp-ui/lowcode-pc-v2 0.0.1

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

@@ -0,0 +1,132 @@
+import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+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 _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+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 = {
+	key: 0,
+	class: "talbe-wrapper"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "table-toolbar t-flex t-justify-end"
+};
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	name: getWidgetName(WidgetType.DataTable),
+	componentName: ComponentNameEnum.FieldWidget
+}), {}, {
+	__name: "index",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		var _widget$props$rowSele;
+		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({
+			widget,
+			fieldModel,
+			designState: false
+		});
+		onMounted(() => {
+			if (!widget.props.showPagination) setPagination({ total: 0 });
+		});
+		const openColumnDialog = () => {
+			columnDialogVisible.value = true;
+		};
+		const columnDialogVisible = ref(false);
+		const { tableRef, register, selectedRowInfo, sorts, selectRow, delSelectRow } = 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,
+				clickRowCheck: widget.props.colorRow
+			},
+			events: {
+				dataChange: (params) => handleTableChange({ sorts: sorts.value }),
+				cellDblclick: (params) => onRunEvent(params, "onCellDoubleClick"),
+				cellMouseenter: (params) => onRunEvent(params, "onMouseenter"),
+				cellMouseleave: (params) => onRunEvent(params, "onMouseleave")
+			},
+			callbacks: {
+				onCheckboxChange,
+				onSortChange,
+				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);
+		};
+		/**
+		* 获取字段编辑器
+		* @returns 字段编辑器
+		*/
+		const getFieldEditor = () => {
+			return tableRef.value;
+		};
+		watchEffect(() => {
+			if (tableRef.value) setTableRef(tableRef.value);
+		});
+		onMounted(() => {
+			initTableSoureData();
+			initColumnList();
+		});
+		__expose(_objectSpread(_objectSpread(_objectSpread({}, defineExposed), tableDefinExpoed), {}, {
+			delSelectRow,
+			getFieldEditor,
+			selectRow,
+			getSelectedRowKeys,
+			getSelectedRows,
+			setPagination,
+			sorts,
+			selectedRowInfo,
+			loadDataTableDataSource: initTableSoureData,
+			fieldEditor: tableRef
+		}));
+		return (_ctx, _cache) => {
+			return !unref(handleHidden) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+				unref(showColumnManager) ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(SvgIcon), {
+					onClick: openColumnDialog,
+					size: "22",
+					type: "icon-weizhi",
+					cursor: "",
+					shadow: ""
+				})])) : createCommentVNode("", true),
+				createVNode(unref(Table), {
+					onRegister: unref(register),
+					tableProps: unref(tableProps),
+					loading: unref(loading),
+					pagination: unref(pagination)
+				}, null, 8, [
+					"onRegister",
+					"tableProps",
+					"loading",
+					"pagination"
+				]),
+				createVNode(DataTableColumnDialog_default, {
+					visible: columnDialogVisible.value,
+					"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => columnDialogVisible.value = $event),
+					columns: unref(columnList),
+					"page-code": unref(widget).props.name,
+					"table-id": unref(widget).id,
+					onUpdate: unref(handleUpdateColumns),
+					ref: "columnDialogRef"
+				}, null, 8, [
+					"visible",
+					"columns",
+					"page-code",
+					"table-id",
+					"onUpdate"
+				])
+			])) : createCommentVNode("", true);
+		};
+	}
+}));
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,108 @@
+import { WidgetType } from "../../widgetTypes.js";
+import { defaultDataSourceConfig } from "../../../schemas/defaults/field.js";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/advanced/data-table/schema.ts
+var renderDefaultColumn = () => {
+	return [{
+		columnId: 1,
+		dataIndex: "createUserName",
+		titleSuffix: false,
+		title: "创建人",
+		width: 150,
+		show: true,
+		align: "left",
+		fixed: "",
+		sorter: false,
+		customRender: "",
+		ellipsis: true,
+		resizable: true,
+		showSorterTooltip: false
+	}];
+};
+/** DataTable Widget 默认值 */
+var DataTable = {
+	id: "",
+	type: WidgetType.DataTable,
+	category: "container",
+	style: {},
+	events: {
+		onCreated: "",
+		onMounted: "",
+		onCellClick: "",
+		onCellDoubleClick: "",
+		onMouseenter: "",
+		onMouseleave: "",
+		onTableChange: ""
+	},
+	children: [],
+	dataSource: _objectSpread(_objectSpread({}, defaultDataSourceConfig), {}, {
+		loadingPage: true,
+		mapping: void 0,
+		pagination: {
+			pageSizeOptions: [
+				10,
+				20,
+				50,
+				100
+			],
+			current: 1,
+			pageSize: 2,
+			total: 0
+		}
+	}),
+	props: {
+		name: "",
+		label: "data-table",
+		labelWidth: null,
+		labelHidden: false,
+		hidden: false,
+		lineHeight: 38,
+		height: 300,
+		customClass: [],
+		showIndex: false,
+		showPagination: true,
+		border: false,
+		tableSize: "small",
+		virtual: false,
+		tableColumns: renderDefaultColumn(),
+		treeConfig: {
+			enabled: false,
+			treeNode: "seq",
+			transform: true,
+			rowField: "_id",
+			parentField: "parentId"
+		},
+		actionButtonConfig: {
+			operationButtons: [{
+				name: "detail",
+				key: "",
+				label: "详情",
+				type: "link",
+				shape: "default",
+				size: "small",
+				hidden: 0,
+				disabled: 0,
+				onClick: ""
+			}],
+			buttonsColumnFixed: "right",
+			showButtonsColumn: false,
+			buttonsColumnTitle: "操作",
+			buttonsColumnWidth: 200
+		},
+		showColumnManager: false,
+		colorRow: true,
+		rowSelection: {
+			columnTitle: "序号",
+			hasRowSelection: false,
+			preserveSelectedRowKeys: false,
+			fixed: true,
+			onChange: "console.log(selectedRowKeys, selectedRows)",
+			columnWidth: 32,
+			checkMethod: `return true;`
+		},
+		rowKey: "_id",
+		childrenKey: "children"
+	}
+};
+//#endregion
+export { DataTable };

package/src/widgets/advanced/file-upload/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/file-upload/index.vue
+var file_upload_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d7f7f675"]]);
+//#endregion
+export { file_upload_default as default };

package/src/widgets/advanced/file-upload/index.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,166 @@
+import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+import { WidgetType, getWidgetName } from "../../widgetTypes.js";
+import form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, normalizeClass, onMounted, openBlock, resolveComponent, unref, withCtx } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+import { message } from "ant-design-vue";
+import { AttachmentRender, FileIcon, SvgIcon, TpfModal, useFilePreview, useFilesystemApi } from "tmgc2-share";
+import _asyncToGenerator from "@oxc-project/runtime/helpers/asyncToGenerator";
+import { UploadOutlined } from "@ant-design/icons-vue";
+//#region src/widgets/advanced/file-upload/index.vue?vue&type=script&setup=true&lang.tsx
+var _hoisted_1 = { key: 0 };
+var _hoisted_2 = ["src"];
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	name: getWidgetName(WidgetType.FileUpload),
+	componentName: ComponentNameEnum.FieldWidget
+}), {}, {
+	__name: "index",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const filesystemApi = useFilesystemApi();
+		const { loading, rules, fieldModel, isReadMode, handleHidden, handleDisabled, defineExposed, executeFunction } = useField(__props.widget);
+		const handleOnBeforeUpload = (file) => {
+			var _props$widget$events;
+			if ((_props$widget$events = __props.widget.events) === null || _props$widget$events === void 0 ? void 0 : _props$widget$events.onBeforeUpload) {
+				const result = executeFunction({
+					functionBody: __props.widget.events.onBeforeUpload,
+					params: { file },
+					keys: ["file"]
+				});
+				if (typeof result === "boolean") return result;
+			}
+			return true;
+		};
+		const isPicture = computed(() => __props.widget.props.listType === "picture" || __props.widget.props.listType === "picture-card");
+		const isShowUploader = computed(() => {
+			var _fieldModel$value;
+			return (((_fieldModel$value = fieldModel.value) === null || _fieldModel$value === void 0 ? void 0 : _fieldModel$value.length) || 0) < (__props.widget.props.limit || 1);
+		});
+		const customRequest = function() {
+			var _ref = _asyncToGenerator(function* (upload) {
+				const { accept, maxSize } = __props.widget.props;
+				const file = upload.file;
+				const fileName = file.name;
+				const fieldTypesArr = accept.map((item) => item.toLowerCase());
+				const fieldTypes = fileName.slice(fileName.lastIndexOf("."));
+				if (!fieldTypesArr.includes(fieldTypes.toLowerCase())) return message.error(`目前仅支持${accept}格式的文件`);
+				if (maxSize && file.size > maxSize * 1024 * 1024) {
+					message.error(`文件大小不能超过${maxSize}M`);
+					return;
+				}
+				if (!handleOnBeforeUpload(file)) return;
+				loading.value = true;
+				try {
+					const res = yield filesystemApi.uploadFileObject({ file });
+					const { fileName: name } = res.data.object;
+					if (__props.widget.props.limit > 1) {
+						const findIndex = fieldModel.value.findIndex((item) => item.name === name);
+						if (findIndex > -1) fieldModel.value.splice(findIndex, 1);
+						if (fieldModel.value.length < __props.widget.props.limit) fieldModel.value.push(_objectSpread(_objectSpread({}, res.data.object), {}, { name }));
+					} else fieldModel.value = [_objectSpread(_objectSpread({}, res.data.object), {}, { name })];
+				} finally {
+					loading.value = false;
+				}
+			});
+			return function customRequest(_x) {
+				return _ref.apply(this, arguments);
+			};
+		}();
+		const initFileListFieldModel = () => {
+			if (fieldModel.value && typeof fieldModel.value === "string") fieldModel.value = JSON.parse(fieldModel.value);
+		};
+		const acceptType = computed(() => {
+			const { accept } = __props.widget.props;
+			if (accept === null || accept === void 0 ? void 0 : accept.length) return accept.join(",");
+			return "*";
+		});
+		const { handlePreview, previewVisible, previewImage, previewTitle } = useFilePreview();
+		const iconRender = ({ file }) => {
+			return createVNode(FileIcon, { "file": {
+				fileName: file.name,
+				fileType: file.name.slice(file.name.lastIndexOf("."))
+			} }, null);
+		};
+		const removeFile = (file) => {
+			const findInx = fieldModel.value.findIndex((item) => item.uid === file.uid);
+			if (findInx > -1) fieldModel.value.splice(findInx, 1);
+		};
+		computed(() => {
+			const { accept, maxSize } = __props.widget.props;
+			const acceptList = (accept || []).join(",");
+			return [acceptList.length ? `支持扩展名 ${acceptList}` : "", maxSize ? `支持文件大小 ${maxSize}M` : ""].filter(Boolean);
+		});
+		onMounted(() => {
+			initFileListFieldModel();
+		});
+		__expose(_objectSpread({}, defineExposed));
+		return (_ctx, _cache) => {
+			const _component_a_button = resolveComponent("a-button");
+			const _component_a_space = resolveComponent("a-space");
+			const _component_a_upload = resolveComponent("a-upload");
+			return !unref(handleHidden) ? (openBlock(), createBlock(form_item_wrapper_default, {
+				key: 0,
+				widget: _ctx.widget,
+				rules: unref(rules)
+			}, {
+				default: withCtx(() => [!unref(handleDisabled) && !unref(isReadMode) ? (openBlock(), createBlock(_component_a_upload, {
+					key: 0,
+					ref: "fieldEditor",
+					class: normalizeClass(["tpf-upload", { isReadonly: unref(isReadMode) }]),
+					multiple: _ctx.widget.props.multiple,
+					accept: acceptType.value,
+					"file-list": unref(fieldModel),
+					"onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+					"list-type": _ctx.widget.props.listType,
+					"custom-request": customRequest,
+					"icon-render": iconRender,
+					onPreview: unref(handlePreview),
+					onRemove: removeFile
+				}, {
+					default: withCtx(() => [isShowUploader.value ? (openBlock(), createBlock(_component_a_space, {
+						key: 0,
+						size: 10,
+						align: "start"
+					}, {
+						default: withCtx(() => [isPicture.value ? (openBlock(), createElementBlock("span", _hoisted_1, [createVNode(unref(SvgIcon), { "icon-class": "daochu" }), _cache[2] || (_cache[2] = createTextVNode(" 上传文件 "))])) : (openBlock(), createBlock(_component_a_button, {
+							key: 1,
+							loading: unref(loading),
+							type: "primary"
+						}, {
+							default: withCtx(() => [createVNode(unref(UploadOutlined)), _cache[3] || (_cache[3] = createTextVNode(" 上传文件 "))]),
+							_: 1,
+							__: [3]
+						}, 8, ["loading"]))]),
+						_: 1
+					})) : createCommentVNode("", true)]),
+					_: 1
+				}, 8, [
+					"class",
+					"multiple",
+					"accept",
+					"file-list",
+					"list-type",
+					"onPreview"
+				])) : (openBlock(), createBlock(unref(AttachmentRender), {
+					key: 1,
+					data: unref(fieldModel)
+				}, null, 8, ["data"])), createVNode(unref(TpfModal), {
+					visible: unref(previewVisible),
+					"onUpdate:visible": _cache[1] || (_cache[1] = ($event) => isRef(previewVisible) ? previewVisible.value = $event : null),
+					title: unref(previewTitle),
+					footer: null
+				}, {
+					default: withCtx(() => [createElementVNode("img", {
+						style: { "width": "100%" },
+						src: unref(previewImage)
+					}, null, 8, _hoisted_2)]),
+					_: 1
+				}, 8, ["visible", "title"])]),
+				_: 1
+			}, 8, ["widget", "rules"])) : createCommentVNode("", true);
+		};
+	}
+}));
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

package/src/widgets/advanced/file-upload/schema.js

@@ -0,0 +1,35 @@
+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/file-upload/schema.ts
+/** FileUpload Widget 默认值 */
+var FileUpload = {
+	id: "",
+	type: WidgetType.FileUpload,
+	category: "field",
+	formItemFlag: true,
+	validation: _objectSpread({}, defaultValidationConfig),
+	events: _objectSpread(_objectSpread({}, defaultFieldEvents), {}, { onBeforeUpload: "" }),
+	style: {},
+	props: _objectSpread(_objectSpread({}, createFieldProps({
+		label: "文件上传",
+		defaultValue: []
+	})), {}, {
+		disabled: false,
+		listType: "picture-card",
+		accept: [
+			".xls",
+			".xlsx",
+			".pdf",
+			".png",
+			".jpg"
+		],
+		limit: 1,
+		maxSize: 10,
+		multiple: true,
+		businessType: "",
+		data: {}
+	})
+};
+//#endregion
+export { FileUpload };

package/src/widgets/advanced/rich-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/rich-editor/index.vue
+var rich_editor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a69f5c43"]]);
+//#endregion
+export { rich_editor_default as default };

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

@@ -0,0 +1,56 @@
+import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+import { WidgetType, getWidgetName } from "../../widgetTypes.js";
+import form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, isRef, normalizeStyle, openBlock, unref, withCtx } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+import { QuillEditor } from "tmgc2-share";
+//#region src/widgets/advanced/rich-editor/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "rich-editor-widget"
+};
+var _hoisted_2 = ["innerHTML"];
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	name: getWidgetName(WidgetType.RichEditor),
+	componentName: ComponentNameEnum.FieldWidget
+}), {}, {
+	__name: "index",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const { rules, fieldModel, isReadMode, handleHidden, handleDisabled, defineExposed } = useField(__props.widget);
+		const editorOption = computed(() => ({
+			placeholder: __props.widget.props.placeholder,
+			modules: {}
+		}));
+		__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(() => [!unref(isReadMode) ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(QuillEditor), {
+					ref: "fieldEditor",
+					value: unref(fieldModel),
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+					options: editorOption.value,
+					disabled: unref(handleDisabled) || unref(isReadMode),
+					style: normalizeStyle(`height: ${_ctx.widget.props.height}px;`)
+				}, null, 8, [
+					"value",
+					"options",
+					"disabled",
+					"style"
+				])])) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: "readonly-mode-rich-editor",
+					innerHTML: unref(fieldModel)
+				}, null, 8, _hoisted_2))]),
+				_: 1
+			}, 8, ["widget", "rules"])) : createCommentVNode("", true);
+		};
+	}
+}));
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,28 @@
+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/rich-editor/schema.ts
+/** RichEditor Widget 默认值 */
+var RichEditor = {
+	id: "",
+	type: WidgetType.RichEditor,
+	category: "field",
+	formItemFlag: true,
+	validation: _objectSpread({}, defaultValidationConfig),
+	events: _objectSpread(_objectSpread({}, defaultFieldEvents), {}, {
+		onFocus: "",
+		onBlur: ""
+	}),
+	style: {},
+	props: _objectSpread(_objectSpread({}, createFieldProps({
+		label: "富文本编辑器",
+		defaultValue: ""
+	})), {}, {
+		disabled: false,
+		height: 300,
+		placeholder: "请输入内容",
+		toolbar: []
+	})
+};
+//#endregion
+export { RichEditor };

package/src/widgets/advanced/tree/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/tree/index.vue
+var tree_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-143c8384"]]);
+//#endregion
+export { tree_default as default };

package/src/widgets/advanced/tree/index.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,74 @@
+import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+import { useSelect } from "../../../../core/src/hooks/useSelect.js";
+import { WidgetType, getWidgetName } from "../../widgetTypes.js";
+import { createBlock, defineComponent, isRef, openBlock, unref } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+import { Tree } from "ant-design-vue";
+//#region src/widgets/advanced/tree/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	name: getWidgetName(WidgetType.Tree),
+	componentName: ComponentNameEnum.FieldWidget
+}), {}, {
+	__name: "index",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const { fieldModel, formConfig, designState, rules, handleHidden, defineExposed, executeFunction } = useField(__props.widget);
+		const { fieldNames, data, loadData, pager, loading } = useSelect({
+			widget: __props.widget,
+			fieldModel,
+			formConfig,
+			designState
+		});
+		const onCheck = (checkedKeys, e) => {
+			var _props$widget$events;
+			if (!((_props$widget$events = __props.widget.events) === null || _props$widget$events === void 0 ? void 0 : _props$widget$events.onCheck)) return;
+			executeFunction({
+				functionBody: __props.widget.events.onCheck,
+				params: {
+					checkedKeys,
+					e
+				},
+				keys: ["checkedKeys", "e"],
+				errorCallback: (error) => {
+					console.error("Custom render error:", error);
+				}
+			});
+		};
+		__expose(_objectSpread({}, defineExposed));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Tree), {
+				checkedKeys: unref(fieldModel),
+				"onUpdate:checkedKeys": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+				loading: unref(loading),
+				ref: "fieldEditor",
+				showLine: _ctx.widget.props.showLine,
+				showIcon: _ctx.widget.props.showIcon,
+				treeData: unref(data),
+				treeDefaultExpandAll: _ctx.widget.props.defaultExpandAll,
+				checkable: _ctx.widget.props.checkable,
+				fieldNames: {
+					children: unref(fieldNames).children,
+					title: unref(fieldNames).label,
+					key: unref(fieldNames).value
+				},
+				multiple: _ctx.widget.props.multiple,
+				selectable: _ctx.widget.props.selectable,
+				onCheck
+			}, null, 8, [
+				"checkedKeys",
+				"loading",
+				"showLine",
+				"showIcon",
+				"treeData",
+				"treeDefaultExpandAll",
+				"checkable",
+				"fieldNames",
+				"multiple",
+				"selectable"
+			]);
+		};
+	}
+}));
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

package/src/widgets/advanced/tree/schema.js

@@ -0,0 +1,28 @@
+import { WidgetType } from "../../widgetTypes.js";
+import { createFieldProps, defaultDataSourceConfig, defaultFieldEvents } from "../../../schemas/defaults/field.js";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/advanced/tree/schema.ts
+/** Tree Widget 默认值 */
+var Tree = {
+	id: "",
+	type: WidgetType.Tree,
+	category: "field",
+	formItemFlag: true,
+	events: _objectSpread(_objectSpread({}, defaultFieldEvents), {}, { onCheck: "" }),
+	style: {},
+	props: _objectSpread(_objectSpread({}, createFieldProps({
+		label: "树形控件",
+		defaultValue: []
+	})), {}, {
+		disabled: false,
+		checkable: false,
+		multiple: false,
+		selectable: true,
+		defaultExpandAll: false,
+		showLine: false,
+		showIcon: false
+	}),
+	dataSource: _objectSpread({}, defaultDataSourceConfig)
+};
+//#endregion
+export { Tree };

package/src/widgets/advanced/tree-select/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/tree-select/index.vue
+var tree_select_default = index_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { tree_select_default as default };