@kp-ui/lowcode-pc-v2 0.0.1

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

@@ -0,0 +1,100 @@
+import { formateCascaderCode } from "../../../../core/src/utils/format.js";
+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 form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, normalizeClass, openBlock, ref, resolveComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/advanced/tree-select/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "readonly-mode-field"
+};
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	name: getWidgetName(WidgetType.TreeSelect),
+	componentName: ComponentNameEnum.FieldWidget
+}), {}, {
+	__name: "index",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const { designState, fieldModel, formConfig, rules, dataSource, isReadMode, handleHidden, handleDisabled, defineExposed } = useField(__props.widget);
+		const { fieldNames, data, loadData, pager, loading } = useSelect({
+			widget: __props.widget,
+			fieldModel,
+			formConfig,
+			designState
+		});
+		const cachedResult = ref("");
+		const lastFieldModel = ref(null);
+		const lastData = ref(void 0);
+		const contentForReadMode = computed(() => {
+			var _dataSource$value, _dataSource$value2, _mapping$childrenFiel;
+			const currentFieldModel = fieldModel.value;
+			const currentData = (_dataSource$value = dataSource.value) === null || _dataSource$value === void 0 ? void 0 : _dataSource$value.data;
+			if (!currentFieldModel) {
+				cachedResult.value = "";
+				lastFieldModel.value = null;
+				lastData.value = void 0;
+				return "";
+			}
+			if (lastFieldModel.value === currentFieldModel && lastData.value === currentData) return cachedResult.value;
+			const mapping = (_dataSource$value2 = dataSource.value) === null || _dataSource$value2 === void 0 ? void 0 : _dataSource$value2.mapping;
+			if (!mapping) {
+				cachedResult.value = "";
+				return "";
+			}
+			cachedResult.value = formateCascaderCode(currentData || [], Array.isArray(currentFieldModel) ? currentFieldModel : [currentFieldModel], {
+				label: mapping.labelField,
+				value: mapping.valueField,
+				children: (_mapping$childrenFiel = mapping.childrenField) !== null && _mapping$childrenFiel !== void 0 ? _mapping$childrenFiel : "children"
+			}, ",");
+			lastFieldModel.value = currentFieldModel;
+			lastData.value = currentData;
+			return cachedResult.value;
+		});
+		__expose(_objectSpread(_objectSpread({}, defineExposed), {}, {
+			loadData,
+			pager
+		}));
+		return (_ctx, _cache) => {
+			const _component_a_tree_select = resolveComponent("a-tree-select");
+			return !unref(handleHidden) ? (openBlock(), createBlock(form_item_wrapper_default, {
+				key: 0,
+				widget: _ctx.widget,
+				rules: unref(rules)
+			}, {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass({ "readonly-mode-tree-select": unref(isReadMode) }) }, [withDirectives(createVNode(_component_a_tree_select, {
+					ref: "fieldEditor",
+					value: unref(fieldModel),
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+					loading: unref(loading),
+					treeData: unref(data),
+					disabled: unref(handleDisabled),
+					allowClear: _ctx.widget.props.clearable,
+					placeholder: _ctx.widget.props.placeholder,
+					fieldNames: unref(fieldNames),
+					multiple: _ctx.widget.props.multiple,
+					treeDefaultExpandAll: _ctx.widget.props.treeDefaultExpandAll,
+					showSearch: _ctx.widget.props.showSearch,
+					checkStrictly: _ctx.widget.props.checkStrictly
+				}, null, 8, [
+					"value",
+					"loading",
+					"treeData",
+					"disabled",
+					"allowClear",
+					"placeholder",
+					"fieldNames",
+					"multiple",
+					"treeDefaultExpandAll",
+					"showSearch",
+					"checkStrictly"
+				]), [[vShow, !unref(isReadMode)]]), unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(contentForReadMode.value), 1)) : createCommentVNode("", true)], 2)]),
+				_: 1
+			}, 8, ["widget", "rules"])) : createCommentVNode("", true);
+		};
+	}
+}));
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,34 @@
+import { WidgetType } from "../../widgetTypes.js";
+import { createFieldProps, defaultDataSourceConfig, defaultFieldEvents, defaultValidationConfig } from "../../../schemas/defaults/field.js";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/advanced/tree-select/schema.ts
+/** TreeSelect Widget 默认值 */
+var TreeSelect = {
+	id: "",
+	type: WidgetType.TreeSelect,
+	category: "field",
+	formItemFlag: true,
+	validation: _objectSpread({}, defaultValidationConfig),
+	events: _objectSpread(_objectSpread({}, defaultFieldEvents), {}, {
+		onFocus: "",
+		onBlur: ""
+	}),
+	style: {},
+	props: _objectSpread(_objectSpread({}, createFieldProps({
+		label: "树选择",
+		defaultValue: null
+	})), {}, {
+		autoFullWidth: false,
+		placeholder: "请选择",
+		disabled: false,
+		readonly: false,
+		clearable: true,
+		showSearch: false,
+		multiple: false,
+		checkStrictly: true,
+		treeDefaultExpandAll: false
+	}),
+	dataSource: _objectSpread({}, defaultDataSourceConfig)
+};
+//#endregion
+export { TreeSelect };

package/src/widgets/base/button/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/base/button/index.vue
+var button_default = index_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { button_default as default };

package/src/widgets/base/button/index.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+import { WidgetType, getWidgetName } from "../../widgetTypes.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+import { SvgIcon } from "tmgc2-share";
+//#region src/widgets/base/button/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	inheritAttrs: false,
+	name: getWidgetName(WidgetType.Button),
+	componentName: ComponentNameEnum.DisplayWidget
+}), {}, {
+	__name: "index",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const { executeFunction, defineExposed } = useField(__props.widget);
+		const handleClick = () => {
+			var _props$widget;
+			if ((_props$widget = __props.widget) === null || _props$widget === void 0 || (_props$widget = _props$widget.events) === null || _props$widget === void 0 ? void 0 : _props$widget.onClick) executeFunction({
+				functionBody: __props.widget.events.onClick,
+				params: {},
+				keys: []
+			});
+		};
+		const buttonProps = computed(() => {
+			return __props.widget.props || {};
+		});
+		__expose(_objectSpread(_objectSpread({}, defineExposed), {}, { handleClick }));
+		return (_ctx, _cache) => {
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock("div", null, [createVNode(_component_a_button, mergeProps(buttonProps.value, { onClick: handleClick }), {
+				default: withCtx(() => [_ctx.widget.props.icon ? (openBlock(), createBlock(unref(SvgIcon), {
+					key: 0,
+					"icon-class": _ctx.widget.props.icon
+				}, null, 8, ["icon-class"])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(_ctx.widget.props.label), 1)]),
+				_: 1
+			}, 16)]);
+		};
+	}
+}));
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

package/src/widgets/base/button/schema.js

@@ -0,0 +1,33 @@
+import { WidgetType } from "../../widgetTypes.js";
+import "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/base/button/schema.ts
+/** Button Widget 默认值 */
+var Button = {
+	id: "",
+	type: WidgetType.Button,
+	category: "display",
+	style: {},
+	events: {
+		onMounted: "",
+		onClick: "",
+		onHidden: "//return false",
+		onDisabled: "//return false"
+	},
+	props: {
+		name: "",
+		label: "按钮",
+		hidden: false,
+		customClass: [],
+		icon: "",
+		block: false,
+		danger: false,
+		loading: false,
+		disabled: false,
+		shape: "default",
+		ghost: false,
+		type: "primary",
+		size: "middle"
+	}
+};
+//#endregion
+export { Button };

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

package/src/widgets/base/button-list/index.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+import { WidgetType, getWidgetName } from "../../widgetTypes.js";
+import ActionButtonListRender_default from "../../../components/public/ActionButtonListRender.js";
+import { createBlock, createCommentVNode, defineComponent, openBlock, unref } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/base/button-list/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	inheritAttrs: false,
+	name: getWidgetName(WidgetType.ButtonList),
+	componentName: ComponentNameEnum.DisplayWidget
+}), {}, {
+	__name: "index",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const { context, handleHidden, designState, defineExposed } = useField(__props.widget);
+		__expose(defineExposed);
+		return (_ctx, _cache) => {
+			var _ctx$widget$props, _ctx$widget$props2, _ctx$widget$props3;
+			return !unref(handleHidden) ? (openBlock(), createBlock(ActionButtonListRender_default, {
+				key: 0,
+				ref: "fieldEditor",
+				options: _ctx.widget.props,
+				designState: unref(designState),
+				buttonList: ((_ctx$widget$props = _ctx.widget.props) === null || _ctx$widget$props === void 0 ? void 0 : _ctx$widget$props.buttonList) || [],
+				customClass: ((_ctx$widget$props2 = _ctx.widget.props) === null || _ctx$widget$props2 === void 0 ? void 0 : _ctx$widget$props2.customClass) || [],
+				flex: (_ctx$widget$props3 = _ctx.widget.props) === null || _ctx$widget$props3 === void 0 ? void 0 : _ctx$widget$props3.flex,
+				ctx: unref(context)
+			}, null, 8, [
+				"options",
+				"designState",
+				"buttonList",
+				"customClass",
+				"flex",
+				"ctx"
+			])) : createCommentVNode("", true);
+		};
+	}
+}));
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

package/src/widgets/base/button-list/schema.js

@@ -0,0 +1,29 @@
+import { WidgetType } from "../../widgetTypes.js";
+import "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/base/button-list/schema.ts
+/** ButtonList Widget 默认值 */
+var ButtonList = {
+	id: "",
+	type: WidgetType.ButtonList,
+	category: "display",
+	events: {},
+	props: {
+		name: "",
+		hidden: false,
+		customClass: [],
+		layout: "horizontal",
+		gap: 8,
+		flex: "flex-start",
+		buttonList: [{
+			key: "1",
+			label: "按钮1",
+			type: "primary"
+		}, {
+			key: "2",
+			label: "按钮2",
+			type: "default"
+		}]
+	}
+};
+//#endregion
+export { ButtonList };

package/src/widgets/base/cascader/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/base/cascader/index.vue
+var cascader_default = index_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { cascader_default as default };

package/src/widgets/base/cascader/index.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,65 @@
+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 form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeProps, normalizeClass, onMounted, openBlock, resolveComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/base/cascader/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "readonly-mode-field"
+};
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	inheritAttrs: false,
+	name: getWidgetName(WidgetType.Cascader),
+	componentName: ComponentNameEnum.FieldWidget
+}), {}, {
+	__name: "index",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const { rules, fieldModel, isReadMode, handleDisabled, defineExposed, designState, formConfig } = useField(__props.widget);
+		const { selectOps, initOptionItems } = useSelect({
+			formConfig,
+			widget: __props.widget,
+			designState,
+			fieldModel
+		});
+		const cascaderProps = computed(() => {
+			var _props$widget$dataSou;
+			const { type = "remote" } = __props.widget.dataSource || {};
+			return _objectSpread(_objectSpread(_objectSpread({}, __props.widget.props || {}), selectOps.value), {}, {
+				options: type === "remote" ? selectOps.value.options : (_props$widget$dataSou = __props.widget.dataSource) === null || _props$widget$dataSou === void 0 ? void 0 : _props$widget$dataSou.data,
+				expandTrigger: "hover"
+			});
+		});
+		const contentForReadMode = computed(() => {
+			if (!fieldModel.value) return "";
+			if (Array.isArray(fieldModel.value[0])) return fieldModel.value.map((v) => v.join("/")).join(", ");
+			return Array.isArray(fieldModel.value) ? fieldModel.value.join("/") : fieldModel.value;
+		});
+		onMounted(() => {
+			initOptionItems();
+		});
+		__expose(_objectSpread({}, defineExposed));
+		return (_ctx, _cache) => {
+			const _component_a_cascader = resolveComponent("a-cascader");
+			return openBlock(), createBlock(form_item_wrapper_default, {
+				widget: _ctx.widget,
+				rules: unref(rules)
+			}, {
+				default: withCtx(() => {
+					var _ctx$widget$props;
+					return [createElementVNode("div", { class: normalizeClass([((_ctx$widget$props = _ctx.widget.props) === null || _ctx$widget$props === void 0 ? void 0 : _ctx$widget$props.autoFullWidth) ? "auto-full-width" : ""]) }, [withDirectives(createVNode(_component_a_cascader, mergeProps({
+						ref: "fieldEditor",
+						value: unref(fieldModel),
+						"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null)
+					}, cascaderProps.value, { disabled: unref(handleDisabled) }), null, 16, ["value", "disabled"]), [[vShow, !unref(isReadMode)]]), unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(contentForReadMode.value), 1)) : createCommentVNode("", true)], 2)];
+				}),
+				_: 1
+			}, 8, ["widget", "rules"]);
+		};
+	}
+}));
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

package/src/widgets/base/cascader/schema.js

@@ -0,0 +1,31 @@
+import { WidgetType } from "../../widgetTypes.js";
+import { createFieldProps, defaultDataSourceConfig, defaultFieldEvents, defaultValidationConfig } from "../../../schemas/defaults/field.js";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/base/cascader/schema.ts
+/** Cascader Widget 默认值 */
+var Cascader = {
+	id: "",
+	type: WidgetType.Cascader,
+	category: "field",
+	formItemFlag: true,
+	validation: _objectSpread({}, defaultValidationConfig),
+	events: _objectSpread({}, defaultFieldEvents),
+	style: {},
+	dataSource: _objectSpread({}, defaultDataSourceConfig),
+	props: _objectSpread(_objectSpread({}, createFieldProps({
+		label: "级联选择",
+		defaultValue: []
+	})), {}, {
+		placeholder: "请选择",
+		disabled: false,
+		readonly: false,
+		clearable: true,
+		showSearch: false,
+		multiple: false,
+		checkStrictly: false,
+		placement: "bottomLeft",
+		autoFullWidth: false
+	})
+};
+//#endregion
+export { Cascader };

package/src/widgets/base/checkbox/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/base/checkbox/index.vue
+var checkbox_default = index_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { checkbox_default as default };

package/src/widgets/base/checkbox/index.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,61 @@
+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 { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, isRef, openBlock, renderList, resolveComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/base/checkbox/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "readonly-mode-field"
+};
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	inheritAttrs: false,
+	name: getWidgetName(WidgetType.Checkbox),
+	componentName: ComponentNameEnum.FieldWidget
+}), {}, {
+	__name: "index",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const { rules, fieldModel, isReadMode, handleDisabled, defineExposed } = useField(__props.widget);
+		const displayValue = computed(() => {
+			var _props$widget$dataSou;
+			if (!Array.isArray(fieldModel.value)) return "";
+			return (_props$widget$dataSou = __props.widget.dataSource) === null || _props$widget$dataSou === void 0 || (_props$widget$dataSou = _props$widget$dataSou.data) === null || _props$widget$dataSou === void 0 ? void 0 : _props$widget$dataSou.filter((i) => fieldModel.value.includes(i.value)).map((i) => i.label).join(", ");
+		});
+		__expose(_objectSpread({}, defineExposed));
+		return (_ctx, _cache) => {
+			const _component_a_checkbox = resolveComponent("a-checkbox");
+			const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
+			return openBlock(), createBlock(form_item_wrapper_default, {
+				widget: _ctx.widget,
+				rules: unref(rules)
+			}, {
+				default: withCtx(() => [withDirectives(createVNode(_component_a_checkbox_group, {
+					ref: "fieldEditor",
+					value: unref(fieldModel),
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+					disabled: unref(handleDisabled)
+				}, {
+					default: withCtx(() => {
+						var _ctx$widget$dataSourc;
+						return [(openBlock(true), createElementBlock(Fragment, null, renderList((_ctx$widget$dataSourc = _ctx.widget.dataSource) === null || _ctx$widget$dataSourc === void 0 ? void 0 : _ctx$widget$dataSourc.data, (item) => {
+							return openBlock(), createBlock(_component_a_checkbox, {
+								key: item.value,
+								value: item.value,
+								disabled: item.disabled
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
+								_: 2
+							}, 1032, ["value", "disabled"]);
+						}), 128))];
+					}),
+					_: 1
+				}, 8, ["value", "disabled"]), [[vShow, !unref(isReadMode)]]), unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(displayValue.value), 1)) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, ["widget", "rules"]);
+		};
+	}
+}));
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

package/src/widgets/base/checkbox/schema.js

@@ -0,0 +1,25 @@
+import { WidgetType } from "../../widgetTypes.js";
+import { createFieldProps, defaultDataSourceConfig, defaultFieldEvents, defaultValidationConfig } from "../../../schemas/defaults/field.js";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/base/checkbox/schema.ts
+/** Checkbox Widget 默认值 */
+var Checkbox = {
+	id: "",
+	type: WidgetType.Checkbox,
+	category: "field",
+	formItemFlag: true,
+	validation: _objectSpread({}, defaultValidationConfig),
+	events: _objectSpread({}, defaultFieldEvents),
+	style: {},
+	dataSource: _objectSpread({}, defaultDataSourceConfig),
+	props: _objectSpread(_objectSpread({}, createFieldProps({
+		label: "多选框",
+		defaultValue: []
+	})), {}, {
+		disabled: false,
+		readonly: false,
+		clearable: false
+	})
+};
+//#endregion
+export { Checkbox };

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

package/src/widgets/base/color/index.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,50 @@
+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 { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, isRef, normalizeStyle, openBlock, toDisplayString, unref, vModelText, vShow, withCtx, withDirectives } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/base/color/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "color-picker-wrapper" };
+var _hoisted_2 = ["disabled"];
+var _hoisted_3 = {
+	key: 0,
+	class: "color-value"
+};
+var _hoisted_4 = {
+	key: 0,
+	class: "readonly-mode-field color-display"
+};
+var _hoisted_5 = { key: 0 };
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	inheritAttrs: false,
+	name: getWidgetName(WidgetType.Color),
+	componentName: ComponentNameEnum.FieldWidget
+}), {}, {
+	__name: "index",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const { fieldModel, isReadMode, handleDisabled, defineExposed } = useField(__props.widget);
+		__expose(_objectSpread({}, defineExposed));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(form_item_wrapper_default, { widget: _ctx.widget }, {
+				default: withCtx(() => {
+					var _ctx$widget$props, _ctx$widget$props2;
+					return [withDirectives(createElementVNode("div", _hoisted_1, [withDirectives(createElementVNode("input", {
+						ref: "fieldEditor",
+						type: "color",
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
+						disabled: unref(handleDisabled),
+						class: "color-input"
+					}, null, 8, _hoisted_2), [[vModelText, unref(fieldModel)]]), ((_ctx$widget$props = _ctx.widget.props) === null || _ctx$widget$props === void 0 ? void 0 : _ctx$widget$props.showText) ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(fieldModel)), 1)) : createCommentVNode("", true)], 512), [[vShow, !unref(isReadMode)]]), unref(isReadMode) ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("span", {
+						class: "color-box",
+						style: normalizeStyle({ backgroundColor: unref(fieldModel) })
+					}, null, 4), ((_ctx$widget$props2 = _ctx.widget.props) === null || _ctx$widget$props2 === void 0 ? void 0 : _ctx$widget$props2.showText) ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(fieldModel)), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)];
+				}),
+				_: 1
+			}, 8, ["widget"]);
+		};
+	}
+}));
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

package/src/widgets/base/color/schema.js

@@ -0,0 +1,22 @@
+import { WidgetType } from "../../widgetTypes.js";
+import { createFieldProps, defaultFieldEvents } from "../../../schemas/defaults/field.js";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/base/color/schema.ts
+/** Color Widget 默认值 */
+var Color = {
+	id: "",
+	type: WidgetType.Color,
+	category: "field",
+	formItemFlag: true,
+	events: _objectSpread({}, defaultFieldEvents),
+	style: {},
+	props: _objectSpread(_objectSpread({}, createFieldProps({
+		label: "颜色选择",
+		defaultValue: ""
+	})), {}, {
+		disabled: false,
+		showText: false
+	})
+};
+//#endregion
+export { Color };

package/src/widgets/base/date/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/base/date/index.vue
+var date_default = index_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { date_default as default };

package/src/widgets/base/date/index.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,43 @@
+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, createVNode, defineComponent, isRef, mergeProps, normalizeClass, openBlock, resolveComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/base/date/index.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "readonly-mode-field"
+};
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	inheritAttrs: false,
+	name: getWidgetName(WidgetType.Date),
+	componentName: ComponentNameEnum.FieldWidget
+}), {}, {
+	__name: "index",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const { rules, fieldModel, isReadMode, handleDisabled, defineExposed } = useField(__props.widget);
+		const dateProps = computed(() => _objectSpread({}, __props.widget.props));
+		__expose(_objectSpread({}, defineExposed));
+		return (_ctx, _cache) => {
+			const _component_a_date_picker = resolveComponent("a-date-picker");
+			return openBlock(), createBlock(form_item_wrapper_default, {
+				widget: _ctx.widget,
+				rules: unref(rules)
+			}, {
+				default: withCtx(() => {
+					var _ctx$widget$props;
+					return [createElementVNode("div", { class: normalizeClass([unref(isReadMode) ? "readonly-mode-time" : "", !!((_ctx$widget$props = _ctx.widget.props) === null || _ctx$widget$props === void 0 ? void 0 : _ctx$widget$props.autoFullWidth) ? "auto-full-width" : ""]) }, [withDirectives(createVNode(_component_a_date_picker, mergeProps({
+						ref: "fieldEditor",
+						value: unref(fieldModel),
+						"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null)
+					}, dateProps.value, { disabled: unref(handleDisabled) }), null, 16, ["value", "disabled"]), [[vShow, !unref(isReadMode)]]), unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(fieldModel)), 1)) : createCommentVNode("", true)], 2)];
+				}),
+				_: 1
+			}, 8, ["widget", "rules"]);
+		};
+	}
+}));
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };