@gct-paas/core-web 0.1.5-test.1 → 0.1.6-dev.0

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/editor/gct-form-text/gct-form-text.d.ts

@@ -15,11 +15,7 @@ export declare const GctFormText: import('vue').DefineComponent<import('vue').Ex
     size: {
         type: StringConstructor;
     };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    val: import('vue').WritableComputedRef<string, string>;
-    handleBlur: () => void;
-}, {}, {}, {}, 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<{
     model: {
         type: PropType<ITextEditor>;
         required: true;

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

@@ -24,31 +24,26 @@ var GctFormText = /* @__PURE__ */ defineComponent({
 	setup(props) {
 		const ns = useNamespace("gct-form-text");
 		const val = useGctFormValueByText(props.model.prefix || props.model.addonBefore, props.model.suffix || props.model.addonAfter);
-		const handleBlur = () => {
+		function handleBlur() {
 			if (typeof val.value === "string") val.value = val.value.trim();
+		}
+		return () => {
+			return createVNode(resolveComponent("a-input"), mergeProps({
+				"value": val.value,
+				"onUpdate:value": ($event) => val.value = $event,
+				"size": props.size
+			}, props.model.props || {}, {
+				"class": ns.b(),
+				"prefix": props.model.prefix,
+				"suffix": props.model.suffix,
+				"addonBefore": props.model.addonBefore,
+				"addonAfter": props.model.addonAfter,
+				"placeholder": props.model.placeholder,
+				"show-count": props.model.max != null,
+				"maxlength": props.model.max,
+				"onBlur": handleBlur
+			}), null);
 		};
-		return {
-			ns,
-			val,
-			handleBlur
-		};
-	},
-	render() {
-		return createVNode(resolveComponent("a-input"), mergeProps({
-			"value": this.val,
-			"onUpdate:value": ($event) => this.val = $event,
-			"size": this.size
-		}, this.model.props || {}, {
-			"class": this.ns.b(),
-			"prefix": this.model.prefix,
-			"suffix": this.model.suffix,
-			"addonBefore": this.model.addonBefore,
-			"addonAfter": this.model.addonAfter,
-			"placeholder": this.model.placeholder,
-			"show-count": this.model.max != null,
-			"maxlength": this.model.max,
-			"onBlur": this.handleBlur
-		}), null);
 	}
 });
 //#endregion

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;

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

@@ -0,0 +1,37 @@
+import "./width-install/width-install.mjs";
+//#region src/modules/gct-form/utils/index.ts
+/**
+* 获取对象属性值
+*
+* @export
+* @param {string} name
+* @param {object} data
+* @return {*}
+*/
+function getValue(name, data) {
+	const key_list = name.split(".");
+	try {
+		return key_list.reduce((memo, cur) => memo[cur], data);
+	} catch (err) {
+		console.warn(err);
+	}
+}
+/**
+* 设置对象属性值
+*
+* @export
+* @param {unknown} value
+* @param {string} name
+* @param {object} data
+*/
+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 { getValue, setValue };

package/es/modules/gct-form/widgets/gct-edit-form/gct-edit-form.mjs

@@ -38,7 +38,7 @@ var GctEditForm = /* @__PURE__ */ defineComponent({
 		}
 	},
 	emits: ["update:data", "change"],
-	setup(props, { emit }) {
+	setup(props, { emit, expose }) {
 		const ns = useNamespace("gct-edit-form");
 		console.debug("GctEditForm props:", props);
 		const c = props.controller || useEditFormController(() => new EditFormController(props.model));
@@ -108,6 +108,7 @@ var GctEditForm = /* @__PURE__ */ defineComponent({
 		c.evt.on("blur", (key) => {
 			validateField(key);
 		});
+		expose({ c });
 		return () => {
 			let content = null;
 			if (c.state.isNew || c.state.isNew == false && c.state.loaded) content = createVNode(resolveComponent("gct-form"), {

package/es/modules/gct-form/widgets/gct-form/gct-form-collapse/gct-form-collapse.model.mjs

@@ -0,0 +1,25 @@
+//#region src/modules/gct-form/widgets/gct-form/gct-form-collapse/gct-form-collapse.model.ts
+/**
+* 表单折叠面板模型
+*
+* @export
+* @class GctFormCollapseModel
+* @implements {IFormCollapse}
+*/
+var GctFormCollapseModel = class {
+	type = "collapse";
+	isContainer = true;
+	layout = "grid";
+	children = [];
+	name;
+	accordion;
+	expandIconPosition;
+	expandIconStyle;
+	constructor(name, opts, children) {
+		this.name = name;
+		if (opts) Object.assign(this, opts);
+		if (children) this.children = children;
+	}
+};
+//#endregion
+export { GctFormCollapseModel };

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

@@ -1,5 +1,6 @@
 import { GctFormCollapseProvider } from "./gct-form-collapse.provider.mjs";
 import GctFormCollapse from "./gct-form-collapse.mjs";
+import "./gct-form-collapse.model.mjs";
 import "vue";
 //#region src/modules/gct-form/widgets/gct-form/gct-form-collapse/index.ts
 var gct_form_collapse_default = { install(app) {

package/es/modules/gct-form/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.model.mjs

@@ -0,0 +1,25 @@
+//#region src/modules/gct-form/widgets/gct-form/gct-form-collapse-pane/gct-form-collapse-pane.model.ts
+/**
+* 表单折叠面板项模型
+*
+* @export
+* @class GctFormCollapsePaneModel
+* @implements {IFormCollapsePane}
+*/
+var GctFormCollapsePaneModel = class {
+	type = "collapse-pane";
+	isContainer = true;
+	title;
+	layout = "grid";
+	children = [];
+	name;
+	collapsible;
+	constructor(name, title, opts, children) {
+		this.name = name;
+		this.title = title;
+		if (opts) Object.assign(this, opts);
+		if (children) this.children = children;
+	}
+};
+//#endregion
+export { GctFormCollapsePaneModel };

package/es/modules/gct-form/widgets/gct-form/gct-form-collapse-pane/index.mjs

@@ -1,5 +1,6 @@
 import { GctFormCollapsePaneProvider } from "./gct-form-collapse-pane.provider.mjs";
 import GctFormCollapsePane from "./gct-form-collapse-pane.mjs";
+import "./gct-form-collapse-pane.model.mjs";
 import "vue";
 //#region src/modules/gct-form/widgets/gct-form/gct-form-collapse-pane/index.ts
 var gct_form_collapse_pane_default = { install(app) {

package/es/modules/gct-form/widgets/gct-form/gct-form-group/gct-form-group.d.ts

@@ -16,12 +16,7 @@ export declare const GctFormGroup: import('vue').DefineComponent<import('vue').E
         type: PropType<IContext>;
         default: () => {};
     };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    keys: import('vue').Ref<number[], number[]>;
-    style: IParams;
-    renderContainer: (items: IObject[]) => import("vue/jsx-runtime").JSX.Element | undefined;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     c: {
         type: PropType<IFormGroupController>;
         required: true;

package/es/modules/gct-form/widgets/gct-form/gct-form-group/gct-form-group.mjs

@@ -24,53 +24,46 @@ var GctFormGroup = /* @__PURE__ */ defineComponent({
 			default: () => ({})
 		}
 	},
-	setup(props) {
+	setup(props, { slots }) {
 		const ns = useNamespace("form-group");
 		const keys = ref([0]);
-		function renderContainer(items) {
-			if (props.model.layout === "flex") return createVNode(resolveComponent("flex-container"), { "layout": props.model.flex }, _isSlot(items) ? items : { default: () => [items] });
-			if (props.model.layout === "grid") return createVNode(resolveComponent("grid-container"), { "layout": props.model.grid }, _isSlot(items) ? items : { default: () => [items] });
+		function renderContainer() {
+			if (props.model.layout === "flex") return createVNode(resolveComponent("flex-container"), { "layout": props.model.flex }, { default: () => slots.default?.() });
+			if (props.model.layout === "grid") return createVNode(resolveComponent("grid-container"), { "layout": props.model.grid }, { default: () => slots.default?.() });
 			console.error("不支持的layout类型" + props.model.layout);
 		}
 		const style = {};
 		if (props.model.width) style[ns.cssVarName("form-group-width")] = props.model.width;
 		if (props.model.height) style[ns.cssVarName("form-group-height")] = props.model.height;
-		return {
-			ns,
-			keys,
-			style,
-			renderContainer
-		};
-	},
-	render() {
-		if (this.c.state.keepalive !== true && this.c.state.visible === false) return null;
-		const items = this.$slots.default?.() || [];
-		if (this.model.isCollapse) {
-			let _slot;
-			return createVNode(resolveComponent("a-collapse"), {
-				"activeKey": this.keys,
-				"onUpdate:activeKey": ($event) => this.keys = $event,
+		return () => {
+			if (props.c.state.keepalive !== true && props.c.state.visible === false) return null;
+			if (props.model.isCollapse) {
+				let _slot;
+				return createVNode(resolveComponent("a-collapse"), {
+					"activeKey": keys.value,
+					"onUpdate:activeKey": ($event) => keys.value = $event,
+					"class": [
+						ns.b(),
+						ns.is("hidden-header", props.model.showHeader === false),
+						ns.is("hidden", props.c.state.visible === false)
+					],
+					"style": style,
+					"ghost": true
+				}, { default: () => [createVNode(resolveComponent("a-collapse-panel"), {
+					"key": "0",
+					"header": props.model.title
+				}, _isSlot(_slot = renderContainer()) ? _slot : { default: () => [_slot] })] });
+			}
+			return createVNode("div", {
 				"class": [
-					this.ns.b(),
-					this.ns.is("hidden-header", this.model.showHeader === false),
-					this.ns.is("hidden", this.c.state.visible === false)
+					ns.b(),
+					ns.is("hidden-header", props.model.showHeader === false),
+					ns.is("hidden", props.c.state.visible === false),
+					props.model.class
 				],
-				"style": this.style,
-				"ghost": true
-			}, { default: () => [createVNode(resolveComponent("a-collapse-panel"), {
-				"key": "0",
-				"header": this.model.title
-			}, _isSlot(_slot = this.renderContainer(items)) ? _slot : { default: () => [_slot] })] });
-		}
-		return createVNode("div", {
-			"class": [
-				this.ns.b(),
-				this.ns.is("hidden-header", this.model.showHeader === false),
-				this.ns.is("hidden", this.c.state.visible === false),
-				this.model.class
-			],
-			"style": this.style
-		}, [this.model.showHeader === false ? createVNode("div", { "class": this.ns.e("title") }, [this.model.title]) : null, createVNode("div", { "class": this.ns.e("content") }, [this.renderContainer(items)])]);
+				"style": style
+			}, [props.model.showHeader === false ? createVNode("div", { "class": ns.e("title") }, [props.model.title]) : null, createVNode("div", { "class": ns.e("content") }, [renderContainer()])]);
+		};
 	}
 });
 //#endregion

package/es/modules/gct-form/widgets/gct-form/gct-form-group/gct-form-group.model.mjs

@@ -0,0 +1,25 @@
+//#region src/modules/gct-form/widgets/gct-form/gct-form-group/gct-form-group.model.ts
+/**
+* 表单分组模型
+*
+* @export
+* @class GctFormGroupModel
+* @implements {IFormGroup}
+*/
+var GctFormGroupModel = class {
+	type = "group";
+	isContainer = true;
+	layout = "grid";
+	children = [];
+	name;
+	title;
+	showHeader;
+	isCollapse;
+	constructor(name, opts, children) {
+		this.name = name;
+		if (opts) Object.assign(this, opts);
+		if (children) this.children = children;
+	}
+};
+//#endregion
+export { GctFormGroupModel };

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

@@ -1,5 +1,6 @@
 import { GctFormGroupProvider } from "./gct-form-group.provider.mjs";
 import GctFormGroup from "./gct-form-group.mjs";
+import "./gct-form-group.model.mjs";
 import "vue";
 //#region src/modules/gct-form/widgets/gct-form/gct-form-group/index.ts
 var gct_form_group_default = { install(app) {

package/es/modules/gct-form/widgets/gct-form/gct-form-hidden-item/gct-form-hidden-item.model.mjs

@@ -0,0 +1,21 @@
+//#region src/modules/gct-form/widgets/gct-form/gct-form-hidden-item/gct-form-hidden-item.model.ts
+/**
+* 表单隐藏项模型
+*
+* @export
+* @class GctFormHiddenItemModel
+* @implements {IFormHiddenItem}
+*/
+var GctFormHiddenItemModel = class {
+	type = "hidden";
+	name;
+	field;
+	defaultValue;
+	editor;
+	constructor(name, options) {
+		this.name = name;
+		if (options) Object.assign(this, options);
+	}
+};
+//#endregion
+export { GctFormHiddenItemModel };

package/es/modules/gct-form/widgets/gct-form/gct-form-hidden-item/index.mjs

@@ -1 +1,2 @@
 import "./gct-form-hidden-item.provider.mjs";
+import "./gct-form-hidden-item.model.mjs";

package/es/modules/gct-form/widgets/gct-form/gct-form-item/gct-form-item.css

@@ -82,7 +82,7 @@
 .gct-form-item.ant-row {
   margin-bottom: 20px;
 }
-.gct-form-item.is-hidden-label > .ant-col.ant-form-item-control > .ant-form-item-control-input > .ant-form-item-control-input-content > .gct-gct-form-item__editor {
+.gct-form-item.is-hidden-label > .ant-col.ant-form-item-control > .ant-form-item-control-input > .ant-form-item-control-input-content > .gct-form-item__editor {
   width: 100%;
 }
 
@@ -111,10 +111,10 @@
 .gct-form-item.is-required .gct-form-item__label::before {
   display: inline-block;
   margin-inline-end: 4px;
-  color: #ff4d4f;
-  font-size: 14px;
   font-family: SimSun, sans-serif;
+  font-size: 14px;
   line-height: 1;
+  color: #ff4d4f;
   content: "*";
 }
 
@@ -126,21 +126,21 @@
   text-align: var(--gct-form-item-label-align);
 }
 .gct-form-item .ant-form-item-label label {
-  color: var(--gct-form-item-label-color);
   font-size: var(--gct-form-item-label-font-size);
+  color: var(--gct-form-item-label-color);
 }
 .gct-form-item .ant-form-item-control-input-content {
   text-align: var(--gct-form-item-editor-align);
 }
 .gct-form-item__label {
   width: var(--gct-form-item-label-width);
-  line-height: 1.5715;
   font-size: var(--gct-form-item-label-font-size);
+  line-height: 1.5715;
 }
 .gct-form-item__label--top {
-  width: 100%;
   display: flex;
   align-items: center;
+  width: 100%;
 }
 
 .gct-form-item--label-top .gct-form-item__label {
@@ -171,4 +171,11 @@
 .gct-form-item .ant-checkbox-group .ant-checkbox-inner::after {
   width: var(--gct-form-item-checkbox-width);
   height: var(--gct-form-item-checkbox-height);
+}
+
+.gct-form--small .gct-form-item {
+  --gct-form-item-min-height: 26px;
+}
+.gct-form--small .ant-form-item-label > label {
+  height: 26px;
 }