@gct-paas/core-web 0.1.5-dev.5 → 0.1.5-dev.7

package/es/index.mjs

@@ -11,6 +11,8 @@ import { FormEditItemState } from "./modules/gct-form/state/form-edit-item/form-
 import { FormGroupState } from "./modules/gct-form/state/form-group/form-group.state.mjs";
 import { FormItemState } from "./modules/gct-form/state/form-item/form-item.state.mjs";
 import { FormLineState } from "./modules/gct-form/state/form-line/form-line.state.mjs";
+import { widthEditorInstall } from "./modules/gct-form/utils/width-install/width-install.mjs";
+import { getValue, setValue } from "./modules/gct-form/utils/index.mjs";
 import { GctFormController } from "./modules/gct-form/controller/gct-form/gct-form.controller.mjs";
 import { EditFormController, useEditFormController } from "./modules/gct-form/controller/edit-form/edit-form.controller.mjs";
 import { EditorController } from "./modules/gct-form/controller/editor-item/editor-item.controller.mjs";
@@ -29,6 +31,15 @@ import { useGctFormValue, useGctFormValueByText } from "./modules/gct-form/hooks
 import { gctFormItemEditorProps } from "./modules/gct-form/props/gct-form-item/gct-form-item.props.mjs";
 import { EditorRegister } from "./modules/gct-form/register/editor-register/editor-register.mjs";
 import { FormItemRegister } from "./modules/gct-form/register/form-item-register/form-item-register.mjs";
+import { GctFormCollapsePaneModel } from "./modules/gct-form/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.model.mjs";
+import { GctFormCollapseModel } from "./modules/gct-form/widgets/gct-form/gct-form-collapse/gct-form-collapse.model.mjs";
+import { GctFormGroupModel } from "./modules/gct-form/widgets/gct-form/gct-form-group/gct-form-group.model.mjs";
+import { GctFormLineModel } from "./modules/gct-form/widgets/gct-form/gct-form-line/gct-form-line.model.mjs";
+import { GctFormTabModel } from "./modules/gct-form/widgets/gct-form/gct-form-tab/gct-form-tab.model.mjs";
+import { GctFormTabPaneModel } from "./modules/gct-form/widgets/gct-form/gct-form-tab-pane/gct-form-tab-pane.model.mjs";
+import { GctFormTitleGroupModel } from "./modules/gct-form/widgets/gct-form/gct-form-title-group/gct-form-title-group.model.mjs";
+import { GctFormHiddenItemModel } from "./modules/gct-form/widgets/gct-form/gct-form-hidden-item/gct-form-hidden-item.model.mjs";
+import { GctFormItemModel } from "./modules/gct-form/widgets/gct-form/gct-form-item/gct-form-item.model.mjs";
 import { WUJIE_FORMULA_EVENTS } from "./modules/formula-editor/constants/index.mjs";
 import { openFormulaEditor } from "./modules/formula-editor/formula-editor.mjs";
 import "./modules/formula-editor/index.mjs";
@@ -46,6 +57,7 @@ import { useAntTableScrollHeight } from "./modules/gct-table/hooks/use-ant-table
 import { TableEditorRegister } from "./modules/gct-table/register/table-editor-register/table-editor-register.mjs";
 import "./modules/gct-table/index.mjs";
 import { MessageUtil } from "./utils/message-util/message-util.mjs";
+import { validateFieldDefaultForLength, validateFieldDefaultForValue, validateLengthRange } from "./utils/model-entity/model-entity.mjs";
 import { monacoLoader } from "./utils/monaco-loader/monaco-loader.mjs";
 import { useLocale } from "./hooks/useLocale.mjs";
 import { useTheme } from "./hooks/useTheme.mjs";
@@ -57,6 +69,7 @@ import "./utils/index.mjs";
 import { useEditorConsole, useEditorConsoleInner } from "./modules/code-editor/useEditorConsole.mjs";
 import { Lang, Prop, Theme } from "./modules/code-editor/useMonacoEditor.mjs";
 import { MonacoEditor } from "./modules/code-editor/index.mjs";
+import color_editor_default from "./modules/color-picker/src/color-editor.vue.mjs";
 import ColorPicker_default from "./modules/color-picker/src/ColorPicker.vue.mjs";
 import "./modules/color-picker/index.mjs";
 import { GCT_DND_INSERT_POS } from "./modules/gct-dnd/constants/index.mjs";
@@ -84,9 +97,11 @@ import copy_module_key_default from "./components/copy-module-key/copy-module-ke
 import { ImageUpload } from "./components/image-upload/index.mjs";
 import { FieldUpload } from "./components/field-upload/index.mjs";
 import paas_bpmn_log_default from "./components/paas-bpmn-log/paas-bpmn-log.vue.mjs";
+import full_screen_default from "./components/FullScreen/full-screen.vue.mjs";
 import { CodeEditor } from "./components/code-editor/code-editor.mjs";
 import { ViewContainer } from "./components/layout/view-container/view-container.mjs";
 import { Vue3GridDndItem } from "./components/vue3-grid-dnd-item/vue3-grid-dnd-item.mjs";
+import FieldCascader_default from "./components/field-cascader/src/FieldCascader.vue.mjs";
 import { PickType } from "./components/UserPick/src/constants/index.mjs";
 import { useModalPicker } from "./components/UserPick/index.mjs";
 import paas_bpmn_runtime_default from "./components/BpmnRuntime/paas/paas-bpmn-runtime.vue.mjs";
@@ -97,6 +112,9 @@ import i18n_select_input_default from "./components/I18nSelect/src/i18n-select-i
 import i18n_select_input_form_default from "./components/I18nSelect/src/i18n-select-input-form.vue.mjs";
 import i18n_select_textarea_default from "./components/I18nSelect/src/i18n-select-textarea.vue.mjs";
 import i18n_select_textarea_form_default from "./components/I18nSelect/src/i18n-select-textarea-form.vue.mjs";
+import serial_number_container_default from "./components/serial-number/serial-number-container.vue.mjs";
+import { gctFieldSortPopover, gctFieldTreeSelect } from "./components/field-tree-select/index.mjs";
+import number_range_default from "./components/number-range/number-range.vue.mjs";
 import "./components/index.mjs";
 import { coreWebCreateAppVue } from "./create-app-vue.mjs";
 import { coreWebSetupApp } from "./setup-app.mjs";
@@ -110,4 +128,4 @@ function onInit() {
 }
 onInit();
 //#endregion
-export { base_button_default as BaseButton, basic_button_default as BasicButton, BasicModal, CodeEditor, ColorPicker_default as ColorPicker, CopperFreeModal_default as CopperFreeModal, CopperModal_default as CopperModal, copy_module_key_default as CopyModuleKey, CropperAvatar_default as CropperAvatar, CropperFree_default as CropperFree, Cropper_default as CropperImage, double_input_default as DoubleInput, EditFormController, EditorController, EditorRegister, EditorRegisterConst, EditorType, FORM_CONTROLLER_INJECT_TAG, FieldUpload, FormCollapseController, FormCollapsePaneController, FormCollapsePaneState, FormCollapseState, FormEditItemController, FormEditItemState, FormGroupController, FormGroupState, FormHiddenItemController, FormItemBasicController, FormItemBasicState, FormItemController, FormItemRegister, FormItemState, FormLineController, FormLineState, FormState, FormTabController, FormTabPaneController, FormTabPaneState, FormTabState, GCT_DND_INSERT_POS, GctDndContainer, GctDndDropLine, GctDndItem, GctFormController, GctTableController, i18n_modal_default as I18Modal, i18n_select_btn_default as I18nSelectBtn, i18n_select_input_default as I18nSelectInput, i18n_select_input_form_default as I18nSelectInputForm, i18n_select_textarea_default as I18nSelectTextarea, i18n_select_textarea_form_default as I18nSelectTextareaForm, picture_preview_default as ImagePreview, ImageUpload, Lang, MessageUtil, MonacoEditor, OverlayController, paas_bpmn_log_default as PaasBpmnLog, paas_bpmn_runtime_default as PaasBpmnRuntime, Prop, TableActionItemController, TableEditItemController, TableEditItemState, TableEditorRegister, TableITemState, TableItemController, TableRowController, TableRowState, TableState, Theme, UseDragByLine, PickType as UserPickType, ViewContainer, Vue3GridDndItem, WUJIE_FORMULA_EVENTS, coreWebCreateAppVue, coreWebSetupApp, createImgPreview, gctFormItemEditorProps, monacoLoader, openFormulaEditor, overlay, useAntTableScrollHeight, useEditFormController, useEditorConsole, useEditorConsoleInner, useForm, useFormItemController, useGctFormValue, useGctFormValueByText, useI18nSelect, useLocale, useModal, useModalContext, useModalDragMove, useModalInner, useModalPicker, useTableController, useTheme, withInstall };
+export { base_button_default as BaseButton, basic_button_default as BasicButton, BasicModal, CodeEditor, color_editor_default as ColorEditor, ColorPicker_default as ColorPicker, CopperFreeModal_default as CopperFreeModal, CopperModal_default as CopperModal, copy_module_key_default as CopyModuleKey, CropperAvatar_default as CropperAvatar, CropperFree_default as CropperFree, Cropper_default as CropperImage, double_input_default as DoubleInput, EditFormController, EditorController, EditorRegister, EditorRegisterConst, EditorType, FORM_CONTROLLER_INJECT_TAG, FieldCascader_default as FieldCascader, FieldUpload, FormCollapseController, FormCollapsePaneController, FormCollapsePaneState, FormCollapseState, FormEditItemController, FormEditItemState, FormGroupController, FormGroupState, FormHiddenItemController, FormItemBasicController, FormItemBasicState, FormItemController, FormItemRegister, FormItemState, FormLineController, FormLineState, FormState, FormTabController, FormTabPaneController, FormTabPaneState, FormTabState, full_screen_default as FullScreen, GCT_DND_INSERT_POS, GctDndContainer, GctDndDropLine, GctDndItem, GctFormCollapseModel, GctFormCollapsePaneModel, GctFormController, GctFormGroupModel, GctFormHiddenItemModel, GctFormItemModel, GctFormLineModel, GctFormTabModel, GctFormTabPaneModel, GctFormTitleGroupModel, GctTableController, i18n_modal_default as I18Modal, i18n_select_btn_default as I18nSelectBtn, i18n_select_input_default as I18nSelectInput, i18n_select_input_form_default as I18nSelectInputForm, i18n_select_textarea_default as I18nSelectTextarea, i18n_select_textarea_form_default as I18nSelectTextareaForm, picture_preview_default as ImagePreview, ImageUpload, Lang, MessageUtil, MonacoEditor, number_range_default as NumberRange, OverlayController, paas_bpmn_log_default as PaasBpmnLog, paas_bpmn_runtime_default as PaasBpmnRuntime, Prop, serial_number_container_default as SerialNumberContainer, TableActionItemController, TableEditItemController, TableEditItemState, TableEditorRegister, TableITemState, TableItemController, TableRowController, TableRowState, TableState, Theme, UseDragByLine, PickType as UserPickType, ViewContainer, Vue3GridDndItem, WUJIE_FORMULA_EVENTS, coreWebCreateAppVue, coreWebSetupApp, createImgPreview, gctFieldSortPopover, gctFieldTreeSelect, gctFormItemEditorProps, getValue, monacoLoader, openFormulaEditor, overlay, setValue, useAntTableScrollHeight, useEditFormController, useEditorConsole, useEditorConsoleInner, useForm, useFormItemController, useGctFormValue, useGctFormValueByText, useI18nSelect, useLocale, useModal, useModalContext, useModalDragMove, useModalInner, useModalPicker, useTableController, useTheme, validateFieldDefaultForLength, validateFieldDefaultForValue, validateLengthRange, widthEditorInstall, withInstall };

package/es/modules/color-picker/index.d.ts

@@ -1,2 +1,2 @@
-import { default as ColorPicker } from './src/ColorPicker.vue';
-export { ColorPicker };
+export { default as ColorEditor } from './src/color-editor.vue';
+export { default as ColorPicker } from './src/ColorPicker.vue';

package/es/modules/color-picker/index.mjs

@@ -1 +1,2 @@
+import "./src/color-editor.vue.mjs";
 import "./src/ColorPicker.vue.mjs";

package/es/modules/color-picker/src/ColorPicker.vue.mjs

@@ -1,7 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import ColorPicker_vue_vue_type_script_setup_true_name_ColorPicker_lang_default from "./ColorPicker.vue_vue_type_script_setup_true_name_ColorPicker_lang.mjs";
 import './ColorPicker.vue_vue_type_style_index_1_lang.css';import './ColorPicker.vue_vue_type_style_index_0_scoped_7bfd9ca3_lang.css';/* empty css                                                                  */
 /* empty css                                                  */
-import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 //#region src/modules/color-picker/src/ColorPicker.vue
 var ColorPicker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ColorPicker_vue_vue_type_script_setup_true_name_ColorPicker_lang_default, [["__scopeId", "data-v-7bfd9ca3"]]);
 //#endregion

package/es/modules/color-picker/src/color-editor.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    value?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:value": (value: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/modules/color-picker/src/color-editor.vue.mjs

@@ -0,0 +1,7 @@
+import color_editor_vue_vue_type_script_setup_true_name_color_editor_lang_default from "./color-editor.vue_vue_type_script_setup_true_name_color-editor_lang.mjs";
+import './color-editor.vue_vue_type_style_index_0_scoped_7b102f87_lang.css';/* empty css                                                                   */
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+//#region src/modules/color-picker/src/color-editor.vue
+var color_editor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(color_editor_vue_vue_type_script_setup_true_name_color_editor_lang_default, [["__scopeId", "data-v-7b102f87"]]);
+//#endregion
+export { color_editor_default as default };

package/es/modules/color-picker/src/color-editor.vue_vue_type_script_setup_true_name_color-editor_lang.mjs

@@ -0,0 +1,31 @@
+import { createBlock, createElementVNode, defineComponent, normalizeStyle, openBlock, resolveComponent, unref, withCtx } from "vue";
+import { presetColor } from "@gct-paas/core";
+//#region src/modules/color-picker/src/color-editor.vue?vue&type=script&setup=true&name=color-editor&lang.ts
+var color_editor_vue_vue_type_script_setup_true_name_color_editor_lang_default = /* @__PURE__ */ defineComponent({
+	name: "ColorEditor",
+	__name: "color-editor",
+	props: { value: {} },
+	emits: ["update:value"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const handleUpdateColor = (_, color) => {
+			emit("update:value", color);
+		};
+		return (_ctx, _cache) => {
+			const _component_color_picker = resolveComponent("color-picker");
+			return openBlock(), createBlock(_component_color_picker, {
+				preset: unref(presetColor),
+				color: __props.value,
+				"onUpdate:color": handleUpdateColor
+			}, {
+				icon: withCtx(() => [createElementVNode("div", {
+					class: "color-picker-icon",
+					style: normalizeStyle({ backgroundColor: __props.value })
+				}, null, 4)]),
+				_: 1
+			}, 8, ["preset", "color"]);
+		};
+	}
+});
+//#endregion
+export { color_editor_vue_vue_type_script_setup_true_name_color_editor_lang_default as default };

package/es/modules/color-picker/src/color-editor.vue_vue_type_style_index_0_scoped_7b102f87_lang.css

@@ -0,0 +1,5 @@
+.color-picker-icon[data-v-7b102f87] {
+  width: 20px;
+  height: 20px;
+  border-radius: 4px;
+}

package/es/modules/formula-editor/interface/i-formula-editor-options/i-formula-editor-options.d.ts

@@ -44,4 +44,6 @@ export interface IFormulaEditorOptions {
     modelKey?: string;
     /** 字段属性（精度、布尔文本等） */
     fieldProps?: IFieldProps;
+    /** 关闭前的验证回调函数，当返回 false 时阻止关闭 */
+    beforeClose?(expr: string, exprEcho: string, type: ReturnTypeEnum, formState: IObject): Promise<boolean>;
 }

package/es/modules/gct-form/controller/form-edit-item/form-edit-item.controller.d.ts

@@ -21,7 +21,6 @@ export declare abstract class FormEditItemController extends FormItemBasicContro
     set editorValue(v: any);
     protected init(): void;
     blur(): void;
-    defaultValue(): void;
     reset(): void;
     protected crateItemState(): IFormEditItemState;
 }

package/es/modules/gct-form/controller/form-edit-item/form-edit-item.controller.mjs

@@ -1,4 +1,5 @@
 import { FormEditItemState } from "../../state/form-edit-item/form-edit-item.state.mjs";
+import { getValue, setValue } from "../../utils/index.mjs";
 import { FormItemBasicController } from "../form-item-basic/form-item-basic.controller.mjs";
 import { cloneDeep } from "lodash-es";
 //#region src/modules/gct-form/controller/form-edit-item/form-edit-item.controller.ts
@@ -57,10 +58,6 @@ var FormEditItemController = class extends FormItemBasicController {
 			this.form.evt.emit("blur", this.key, this.value);
 		}
 	}
-	defaultValue() {
-		const data = this.form.state.data;
-		if (getValue(this.key, data) == null && this.model.defaultValue != null) setValue(this.model.defaultValue, this.key, data);
-	}
 	reset() {
 		if (this.model.defaultValue !== void 0) this.value = this.model.defaultValue;
 		else this.value = void 0;
@@ -69,21 +66,5 @@ var FormEditItemController = class extends FormItemBasicController {
 		return new FormEditItemState();
 	}
 };
-function getValue(name, data) {
-	const key_list = name.split(".");
-	try {
-		return key_list.reduce((memo, cur) => memo[cur], data);
-	} catch (err) {
-		console.warn(err);
-	}
-}
-function setValue(value, name, data) {
-	const key_list = name.split(".");
-	const len = key_list.length - 1;
-	key_list.reduce((memo, cur, index) => {
-		if (index === len) memo[cur] = value;
-		return memo[cur];
-	}, data);
-}
 //#endregion
 export { FormEditItemController };

package/es/modules/gct-form/controller/form-item-basic/form-item-basic.controller.d.ts

@@ -21,6 +21,13 @@ export declare abstract class FormItemBasicController implements IFormItemBasicC
      * @type {string}
      */
     abstract readonly type: string;
+    /**
+     * 表单项标识，默认为表单项的 name
+     *
+     * @readonly
+     * @type {string}
+     */
+    get key(): string;
     /**
      * 表单项基础状态
      *
@@ -42,6 +49,7 @@ export declare abstract class FormItemBasicController implements IFormItemBasicC
     constructor(form: IFormController, model: IFormItemBasic);
     protected init(): void;
     destroy(): void;
+    defaultValue(): void;
     protected crateItemState(): IFormItemBasicState;
 }
 /**

package/es/modules/gct-form/controller/form-item-basic/form-item-basic.controller.mjs

@@ -1,4 +1,5 @@
 import { FormItemBasicState } from "../../state/form-item-basic/form-item-basic.state.mjs";
+import { getValue, setValue } from "../../utils/index.mjs";
 import { reactive } from "vue";
 //#region src/modules/gct-form/controller/form-item-basic/form-item-basic.controller.ts
 /**
@@ -12,6 +13,15 @@ import { reactive } from "vue";
 * @implements {IFormItemBasicController}
 */
 var FormItemBasicController = class {
+	/**
+	* 表单项标识，默认为表单项的 name
+	*
+	* @readonly
+	* @type {string}
+	*/
+	get key() {
+		return this.model.name;
+	}
 	/**
 	* 表单项基础状态
 	*
@@ -41,6 +51,10 @@ var FormItemBasicController = class {
 	destroy() {
 		this.state.destroyed = true;
 	}
+	defaultValue() {
+		const data = this.form.state.data;
+		if (getValue(this.key, data) == null && this.model.defaultValue != null) setValue(this.model.defaultValue, this.key, data);
+	}
 	crateItemState() {
 		return new FormItemBasicState();
 	}

package/es/modules/gct-form/controller/gct-form/gct-form.controller.mjs

@@ -1,4 +1,5 @@
 import { FormState } from "../../state/form/form.state.mjs";
+import { setValue } from "../../utils/index.mjs";
 import { reactive } from "vue";
 import { QXEvent } from "qx-util";
 //#region src/modules/gct-form/controller/gct-form/gct-form.controller.ts
@@ -182,20 +183,13 @@ var GctFormController = class {
 	loaded() {
 		this.calcHidden();
 		this.fields.forEach((key) => {
-			this.item[key].defaultValue();
+			const c = this.item[key];
+			if (c) c.defaultValue();
+			else console.warn(`表单项控制器未找到：${key}`);
 		});
 		this.calcState();
 	}
 	mounted() {}
 };
-function setValue(value, name, data) {
-	const key_list = name.split(".");
-	const len = key_list.length - 1;
-	key_list.reduce((memo, cur, index) => {
-		if (index === len) memo[cur] = value;
-		else if (!memo[cur]) memo[cur] = {};
-		return memo[cur];
-	}, data);
-}
 //#endregion
 export { GctFormController };

package/es/modules/gct-form/editor/gct-form-action/index.mjs

@@ -1,6 +1,6 @@
 import { EditorType } from "../../constants/editor-type/editor-type.mjs";
-import GctFormAction from "./gct-form-action.mjs";
 import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import GctFormAction from "./gct-form-action.mjs";
 //#region src/modules/gct-form/editor/gct-form-action/index.ts
 var provider = class {
 	component = "gct-form-action";

package/es/modules/gct-form/editor/gct-form-check-switch/gct-form-check-switch.css

@@ -67,8 +67,8 @@
   padding-top: 5px;
 }
 .gct-gct-form-check-switch--checkbox span:last-child {
-  padding-left: 4px;
   padding-right: 0;
+  padding-left: 4px;
 }
 
 .gct-gct-form-check-switch--small {
@@ -80,7 +80,7 @@
   pointer-events: none;
 }
 
-.gct-gct-form--small .gct-gct-form-check-switch--checkbox {
+.gct-form--small .gct-gct-form-check-switch--checkbox {
   height: 24px;
   padding-top: 0;
 }

package/es/modules/gct-form/editor/gct-form-color/gct-form-color.d.ts

@@ -15,10 +15,7 @@ export declare const GctFormColor: import('vue').DefineComponent<import('vue').E
     value: {
         type: StringConstructor;
     };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    val: import('vue').WritableComputedRef<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     itemModel: {
         type: PropType<IFormItem>;
         required: true;

package/es/modules/gct-form/editor/gct-form-color/gct-form-color.mjs

@@ -22,17 +22,16 @@ var GctFormColor = /* @__PURE__ */ defineComponent({
 		value: { type: String }
 	},
 	emits: ["update:value"],
-	setup() {
-		return {
-			ns: useNamespace("form-color"),
-			val: useGctFormValue()
+	setup(props) {
+		const ns = useNamespace("form-color");
+		const val = useGctFormValue();
+		console.debug("GctFormColor props", props);
+		return () => {
+			return createVNode(resolveComponent("color-editor"), mergeProps({
+				"value": val.value,
+				"onUpdate:value": ($event) => val.value = $event
+			}, props.model.props || {}, { "class": [ns.b(), ns.is("readonly", props.model.readonly)] }), null);
 		};
-	},
-	render() {
-		return createVNode(resolveComponent("color-editor"), mergeProps({
-			"value": this.val,
-			"onUpdate:value": ($event) => this.val = $event
-		}, this.model.props || {}, { "class": [this.ns.b(), this.ns.is("readonly", this.model.readonly)] }), null);
 	}
 });
 //#endregion

package/es/modules/gct-form/editor/gct-form-radio/gct-form-radio.css

@@ -87,6 +87,9 @@
 .gct-gct-form-radio__item.ant-radio-wrapper.ant-radio-wrapper-disabled + span {
   cursor: default !important;
 }
+.gct-gct-form-radio__item {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
 .gct-gct-form-radio__item .ant-radio-disabled + span {
   cursor: default !important;
 }
@@ -102,33 +105,33 @@
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  padding-left: 0 !important;
   padding-right: 0 !important;
+  padding-left: 0 !important;
 }
 .gct-gct-form-radio__item--pos-top .ant-radio {
   position: absolute;
   top: unset;
-  left: 2px;
   bottom: 0;
-  height: 14px;
+  left: 2px;
   width: 14px;
+  height: 14px;
 }
 .gct-gct-form-radio__item--pos-top .gct-gct-form-radio__item-icon {
-  border: 1px solid var(--color-primary);
+  margin-right: 0;
   overflow: hidden;
   font-size: 104px;
-  border-radius: var(--gct-border-radius-s);
-  margin-right: 0;
   cursor: default;
+  border: 1px solid var(--color-primary);
+  border-radius: var(--gct-border-radius-s);
 }
 .gct-gct-form-radio__item--pos-top .gct-gct-form-radio__item-icon:hover {
   --gct-color-primary: var(--ant-primary-color);
   border-color: var(--gct-color-primary);
 }
 .gct-gct-form-radio__item--pos-top .gct-gct-form-radio__item-label {
-  cursor: default;
-  margin-top: 8px;
   padding-left: 22px;
+  margin-top: 8px;
+  cursor: default;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -141,43 +144,43 @@
 }
 
 .gct-gct-form-radio__item-icon {
-  font-size: 14px;
-  margin-right: 8px;
-  color: var(--color-primary);
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  margin-right: 8px;
+  font-size: 14px;
+  color: var(--color-primary);
 }
 .gct-gct-form-radio__item-icon .gct-iconfont {
   font-size: inherit;
 }
 
 .gct-gct-form-radio.gct-gct-form-radio--button.ant-radio-group {
+  display: inline-block;
+  display: flex;
   width: 100%;
   padding: 2px;
-  border-radius: 4px;
   background-color: #f2f4f7;
-  display: inline-block;
-  display: flex;
+  border-radius: 4px;
 }
 .gct-gct-form-radio.gct-gct-form-radio--button.ant-radio-group .ant-radio-button-wrapper {
-  border: 0;
-  background-color: transparent;
-  color: #212528;
-  border-radius: 2px;
-  padding: 0;
   flex: 1;
+  padding: 0;
+  color: #212528;
   text-align: center;
+  background-color: transparent;
+  border: 0;
+  border-radius: 2px;
 }
 .gct-gct-form-radio.gct-gct-form-radio--button.ant-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
   width: 0;
 }
 .gct-gct-form-radio.gct-gct-form-radio--button.ant-radio-group .ant-radio-button-wrapper span:last-child {
-  padding: 4px;
-  border-radius: 2px;
   display: inline-flex;
+  padding: 4px;
   line-height: 1;
   vertical-align: -1px;
+  border-radius: 2px;
 }
 .gct-gct-form-radio.gct-gct-form-radio--button.ant-radio-group .ant-radio-button-wrapper span:last-child:hover {
   background-color: #e6e9ef;
@@ -200,6 +203,6 @@
 }
 .gct-gct-form-radio.gct-gct-form-radio--button.ant-radio-group.ant-radio-group-small .ant-radio-button-wrapper {
   height: 24px;
-  line-height: 24px;
   font-size: 12px;
+  line-height: 24px;
 }

package/es/modules/gct-form/editor/gct-form-radio/gct-form-radio.mjs

@@ -72,7 +72,7 @@ var GctFormRadio = /* @__PURE__ */ defineComponent({
 					height: this.model.icon?.height,
 					fontSize: this.model.icon?.fontSize
 				}
-			}, [typeof option.icon === "string" && option.icon.endsWith(".svg") ? createVNode(resolveComponent("svg-icon"), { "src": option.icon }, null) : option.icon]) : null, createVNode("span", { "class": this.ns.e("item-label") }, [option.label])] });
+			}, [typeof option.icon === "string" && option.icon.endsWith(".svg") ? createVNode(resolveComponent("assets-svg-icon"), { "src": option.icon }, null) : option.icon]) : null, createVNode("span", { "class": this.ns.e("item-label") }, [option.label])] });
 		})) ? _slot2 : { default: () => [_slot2] });
 	}
 });

package/es/modules/gct-form/index.d.ts

@@ -6,6 +6,8 @@ export type * from './interface';
 export * from './props';
 export * from './register';
 export * from './state';
+export * from './utils';
+export { GctFormCollapseModel, GctFormCollapsePaneModel, GctFormGroupModel, GctFormHiddenItemModel, GctFormItemModel, GctFormLineModel, GctFormTabModel, GctFormTabPaneModel, GctFormTitleGroupModel, } from './widgets/gct-form';
 declare const _default: {
     install(app: App): void;
 };

package/es/modules/gct-form/index.mjs

@@ -11,6 +11,8 @@ import "./state/form-edit-item/form-edit-item.state.mjs";
 import "./state/form-group/form-group.state.mjs";
 import "./state/form-item/form-item.state.mjs";
 import "./state/form-line/form-line.state.mjs";
+import "./utils/width-install/width-install.mjs";
+import "./utils/index.mjs";
 import "./controller/gct-form/gct-form.controller.mjs";
 import "./controller/edit-form/edit-form.controller.mjs";
 import "./controller/editor-item/editor-item.controller.mjs";
@@ -31,13 +33,22 @@ import "./hooks/index.mjs";
 import "./props/gct-form-item/gct-form-item.props.mjs";
 import "./register/editor-register/editor-register.mjs";
 import "./register/form-item-register/form-item-register.mjs";
+import "./widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.model.mjs";
+import "./widgets/gct-form/gct-form-collapse/gct-form-collapse.model.mjs";
+import "./widgets/gct-form/gct-form-group/gct-form-group.model.mjs";
+import "./widgets/gct-form/gct-form-line/gct-form-line.model.mjs";
+import "./widgets/gct-form/gct-form-tab/gct-form-tab.model.mjs";
+import "./widgets/gct-form/gct-form-tab-pane/gct-form-tab-pane.model.mjs";
+import "./widgets/gct-form/gct-form-title-group/gct-form-title-group.model.mjs";
+import "./widgets/gct-form/gct-form-hidden-item/gct-form-hidden-item.model.mjs";
+import "./widgets/gct-form/gct-form-item/gct-form-item.model.mjs";
+import gct_form_default$1 from "./widgets/gct-form/index.mjs";
 import { FlexItem } from "./components/flex-item/flex-item.mjs";
 import { FlexContainer } from "./components/flex-container/flex-container.mjs";
 import { GridContainer } from "./components/grid-container/grid-container.mjs";
 import "./components/index.mjs";
 import editor_default from "./editor/index.mjs";
 import { GctEditForm } from "./widgets/gct-edit-form/gct-edit-form.mjs";
-import gct_form_default$1 from "./widgets/gct-form/index.mjs";
 //#region src/modules/gct-form/index.ts
 var gct_form_default = { install(app) {
 	app.use(editor_default);

package/es/modules/gct-form/interface/i-controller/form-item-basic/form-item-basic.controller.d.ts

@@ -17,6 +17,12 @@ export interface IFormItemBasicController<M extends IFormItemBasic = IFormItemBa
      * @type {string} 表单项类型具体子实现定义
      */
     type: string;
+    /**
+     * 表单项标识，默认为表单项的 name
+     *
+     * @type {string}
+     */
+    key: string;
     /**
      * 表单数据
      *

package/es/modules/gct-form/interface/i-editor/i-select-editor.d.ts

@@ -17,7 +17,7 @@ export interface ISelectEditor extends IEditorBasic {
      * @default true
      * @type {boolean}
      */
-    isSelfContainer: boolean;
+    isSelfContainer?: boolean;
     nameField?: string;
     /**
      * 分组是否可收缩

package/es/modules/gct-form/interface/i-form/i-form-edit-item.d.ts

@@ -42,14 +42,6 @@ export interface IFormEditItem extends IFormItemBasic {
      * @type {string}
      */
     field?: string;
-    /**
-     * 默认值
-     *
-     * @author zhanghanrui
-     * @date 2024-04-02 20:04:11
-     * @type {*}
-     */
-    defaultValue?: any;
     /**
      * 编辑器
      *

package/es/modules/gct-form/interface/i-form/i-form-item-basic.d.ts

@@ -27,6 +27,14 @@ export interface IFormItemBasic {
      * @type {string}
      */
     name: string;
+    /**
+     * 默认值
+     *
+     * @author zhanghanrui
+     * @date 2024-04-02 20:04:11
+     * @type {*}
+     */
+    defaultValue?: unknown;
     /**
      * 表单项高度
      *

package/es/modules/gct-form/utils/index.d.ts

@@ -1 +1,19 @@
 export { widthEditorInstall } from './width-install/width-install';
+/**
+ * 获取对象属性值
+ *
+ * @export
+ * @param {string} name
+ * @param {object} data
+ * @return {*}
+ */
+export declare function getValue(name: string, data: object): IObject | undefined;
+/**
+ * 设置对象属性值
+ *
+ * @export
+ * @param {unknown} value
+ * @param {string} name
+ * @param {object} data
+ */
+export declare function setValue(value: unknown, name: string, data: object): void;