@gct-paas/core-web 0.1.4-dev.10 → 0.1.4-dev.12

package/es/modules/gct-form/editor/gct-form-multiple-choice/index.d.ts

@@ -0,0 +1,8 @@
+import { IEditorProvider } from '../../interface';
+export declare class provider implements IEditorProvider {
+    component: string;
+}
+declare const _default: {
+    install(app: import('vue').App): void;
+};
+export default _default;

package/es/modules/gct-form/editor/gct-form-multiple-choice/index.mjs

@@ -0,0 +1,10 @@
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import { GctFormMultipleChoice } from "./gct-form-multiple-choice.mjs";
+//#region src/modules/gct-form/editor/gct-form-multiple-choice/index.ts
+var provider = class {
+	component = "GctFormMultipleChoice";
+};
+var gct_form_multiple_choice_default = widthEditorInstall(EditorType.MULTIPLE_CHOICE, () => new provider(), GctFormMultipleChoice);
+//#endregion
+export { gct_form_multiple_choice_default as default };

package/es/{editor → modules/gct-form/editor}/gct-form-number/gct-form-number.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { INumberEditor } from '@gct-paas/core';
+import { INumberEditor } from '../../interface';
 export declare const GctFormNumber: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     model: {
         type: PropType<INumberEditor>;

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

@@ -0,0 +1,43 @@
+import { useGctFormValue } from "../../hooks/use-gct-form-value/use-gct-form-value.mjs";
+import "../../hooks/index.mjs";
+import { createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-number/gct-form-number.tsx
+var GctFormNumber = /* @__PURE__ */ defineComponent({
+	name: "GctFormNumber",
+	props: {
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["update:value"],
+	setup() {
+		return {
+			ns: useNamespace("gct-form-number"),
+			val: useGctFormValue()
+		};
+	},
+	render() {
+		return createVNode(resolveComponent("a-input-number"), mergeProps({
+			"value": this.val,
+			"onUpdate:value": ($event) => this.val = $event
+		}, this.model.props || {}, {
+			"class": [this.ns.b(), this.model.class],
+			"prefix": this.model.prefix,
+			"suffix": this.model.suffix,
+			"addonBefore": this.model.addonBefore,
+			"addonAfter": this.model.addonAfter,
+			"placeholder": this.model.placeholder,
+			"max": this.model.max,
+			"min": this.model.min,
+			"precision": this.model.precision
+		}), null);
+	}
+});
+//#endregion
+export { GctFormNumber };

package/es/{editor → modules/gct-form/editor}/gct-form-number/gct-form-number.provider.d.ts

@@ -1,4 +1,4 @@
-import { IEditorProvider } from '@gct-paas/core';
+import { IEditorProvider } from '../../interface';
 export declare class GctFormNumberProvider implements IEditorProvider {
     component: string;
 }

package/es/modules/gct-form/editor/gct-form-number/gct-form-number.provider.mjs

@@ -0,0 +1,6 @@
+//#region src/modules/gct-form/editor/gct-form-number/gct-form-number.provider.ts
+var GctFormNumberProvider = class {
+	component = "gct-form-number";
+};
+//#endregion
+export { GctFormNumberProvider };

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

@@ -0,0 +1,8 @@
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import { GctFormNumberProvider } from "./gct-form-number.provider.mjs";
+import { GctFormNumber } from "./gct-form-number.mjs";
+//#region src/modules/gct-form/editor/gct-form-number/index.ts
+var gct_form_number_default = widthEditorInstall(EditorType.NUMBER, () => new GctFormNumberProvider(), GctFormNumber);
+//#endregion
+export { gct_form_number_default as default };

package/es/{editor → modules/gct-form/editor}/gct-form-picker/gct-form-picker.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { IFormItemController, IPickerEditor } from '@gct-paas/core';
+import { IFormItemController, IPickerEditor } from '../../interface';
 export declare const GctFormPicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     c: {
         type: PropType<IFormItemController>;
@@ -15,10 +15,10 @@ export declare const GctFormPicker: import('vue').DefineComponent<import('vue').
     };
 }>, {
     ns: import('@gct-paas/core').Namespace;
-    val: import('vue').WritableComputedRef<any, any>;
+    val: import('vue').WritableComputedRef<any, unknown>;
     nameVal: import('vue').WritableComputedRef<any, any>;
     loadOptions: () => Promise<import('@gct-paas/core').IDictionaryItem[]>;
-    onChange: (_val: any, data: any) => void;
+    onChange: (_val: unknown, data: IObject) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     c: {
         type: PropType<IFormItemController>;

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

@@ -0,0 +1,91 @@
+import { useForm } from "../../hooks/use-form/use-form.mjs";
+import "../../hooks/index.mjs";
+import { computed, createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-picker/gct-form-picker.tsx
+var GctFormPicker = /* @__PURE__ */ defineComponent({
+	name: "GctFormPicker",
+	props: {
+		c: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: String,
+			default: null
+		}
+	},
+	emits: ["update:value"],
+	setup(props, { emit }) {
+		const ns = useNamespace("gct-form-picker");
+		const formC = useForm();
+		const nameVal = computed({
+			get() {
+				if (props.model.nameField) return formC.item[props.model.nameField].value;
+				return "";
+			},
+			set(v) {
+				if (props.model.nameField) return formC.item[props.model.nameField].editorValue = v;
+			}
+		});
+		const val = computed({
+			get: () => {
+				if (!props.c.state.options.find((_) => {
+					return _.value === props.value;
+				}) && nameVal.value) return nameVal.value;
+				return props.value;
+			},
+			set: (newVal) => {
+				if (typeof newVal === "string") newVal = newVal.trim();
+				if (typeof newVal != "object" && props.value == newVal) return;
+				const item = props.c.state.options.find((_) => {
+					return _.value === newVal;
+				});
+				if (item && item.data && props.model.fieldMap) props.model.fieldMap.map((key) => {
+					const [key1, key2] = key.split(":");
+					if (key2) formC.item[key2].editorValue = item.data[key1];
+				});
+				emit("update:value", newVal);
+			}
+		});
+		const loadOptions = () => {
+			return props.c.loadDictionary();
+		};
+		if (val.value != null) props.c.loadDictionary();
+		const onChange = (_val, data) => {
+			nameVal.value = data.label;
+		};
+		return {
+			ns,
+			val,
+			nameVal,
+			loadOptions,
+			onChange
+		};
+	},
+	render() {
+		return createVNode(resolveComponent("a-select"), mergeProps({
+			"value": this.val,
+			"onUpdate:value": ($event) => this.val = $event
+		}, this.model.props || {}, {
+			"class": this.ns.b(),
+			"disabled": this.c.state.disabled,
+			"loading": this.c.state.loading,
+			"options": this.c.state.options,
+			"placeholder": this.model.placeholder,
+			"onDropdownVisibleChange": this.loadOptions,
+			"onChange": this.onChange,
+			"show-search": true,
+			"filter-option": (input, option) => {
+				if (option.label) return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+				return false;
+			}
+		}), null);
+	}
+});
+//#endregion
+export { GctFormPicker };

package/es/{editor → modules/gct-form/editor}/gct-form-picker/gct-form-picker.provider.d.ts

@@ -1,4 +1,4 @@
-import { IEditorProvider } from '@gct-paas/core';
+import { IEditorProvider } from '../../interface';
 /**
  * 数据选择器编辑器
  *

package/es/modules/gct-form/editor/gct-form-picker/gct-form-picker.provider.mjs

@@ -0,0 +1,15 @@
+//#region src/modules/gct-form/editor/gct-form-picker/gct-form-picker.provider.ts
+/**
+* 数据选择器编辑器
+*
+* @author zhanghanrui
+* @date 2024-03-27 10:03:03
+* @export
+* @class GctFormPickerProvider
+* @implements {IEditorProvider}
+*/
+var GctFormPickerProvider = class {
+	component = "gct-form-picker";
+};
+//#endregion
+export { GctFormPickerProvider };

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

@@ -0,0 +1,8 @@
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import { GctFormPickerProvider } from "./gct-form-picker.provider.mjs";
+import { GctFormPicker } from "./gct-form-picker.mjs";
+//#region src/modules/gct-form/editor/gct-form-picker/index.ts
+var gct_form_picker_default = widthEditorInstall(EditorType.PICKER, () => new GctFormPickerProvider(), GctFormPicker);
+//#endregion
+export { gct_form_picker_default as default };

package/es/modules/gct-form/editor/gct-form-pixel-config/gct-form-pixel-config.css

@@ -0,0 +1,103 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-form-pixel-config__select.ant-select {
+  width: 97px !important;
+  height: 28px;
+}
+.gct-form-pixel-config__select.ant-select .ant-select-selector {
+  height: 26px;
+  padding: 0 8px;
+}
+.gct-form-pixel-config__select.ant-select .ant-select-selection-search {
+  height: 26px;
+}
+.gct-form-pixel-config__select.ant-select .ant-select-selection-item {
+  height: 26px;
+  display: flex;
+  align-items: center;
+}
+.gct-form-pixel-config__select.ant-select .ant-select-selection-item::after {
+  height: 26px;
+}
+.gct-form-pixel-config__select.ant-select .ant-select-selection-search-input {
+  height: 26px !important;
+}
+
+.gct-form-pixel-config__input.ant-input-number-group-wrapper {
+  width: calc(100% - 97px) !important;
+  height: 26px;
+}
+.gct-form-pixel-config__input.ant-input-number-group-wrapper .ant-input-number-group-addon {
+  height: 26px;
+  width: 30px;
+  padding: 0 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.gct-form-pixel-config__input.ant-input-number-group-wrapper .ant-input-number {
+  height: 26px;
+  width: calc(100% - 30px) !important;
+}

package/es/modules/gct-form/editor/gct-form-pixel-config/gct-form-pixel-config.d.ts

@@ -0,0 +1,29 @@
+import { PropType } from 'vue';
+import { ITextEditor } from '../../interface';
+export declare const GctFormPixelConfig: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<ITextEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    model: {
+        type: PropType<ITextEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    value: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/modules/gct-form/editor/gct-form-pixel-config/gct-form-pixel-config.mjs

@@ -0,0 +1,63 @@
+import { useGctFormValue } from "../../hooks/use-gct-form-value/use-gct-form-value.mjs";
+import "../../hooks/index.mjs";
+import './gct-form-pixel-config.css';/* empty css                            */
+import { computed, createVNode, defineComponent, resolveComponent } from "vue";
+import { useNamespace } from "@gct-paas/core";
+//#region src/modules/gct-form/editor/gct-form-pixel-config/gct-form-pixel-config.tsx
+var GctFormPixelConfig = /* @__PURE__ */ defineComponent({
+	name: "GctFormPixelConfig",
+	props: {
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: String,
+			default: ""
+		},
+		size: { type: String }
+	},
+	setup() {
+		const ns = useNamespace("form-pixel-config");
+		const mode = useGctFormValue("label_mode");
+		const val = useGctFormValue();
+		const options = [{
+			label: "百分比",
+			value: "percent"
+		}, {
+			label: "固定",
+			value: "fixed"
+		}];
+		const addonAfter = computed(() => {
+			return mode.value === "fixed" ? "px" : "%";
+		});
+		function onSelectChange(_val) {
+			mode.value = _val;
+			if (_val === "fixed") val.value = 100;
+			else val.value = 30;
+		}
+		return () => {
+			return createVNode(resolveComponent("a-input-group"), {
+				"compact": true,
+				"class": ns.b()
+			}, { default: () => [createVNode(resolveComponent("a-select"), {
+				"class": ns.e("select"),
+				"value": mode.value,
+				"onUpdate:value": ($event) => mode.value = $event,
+				"options": options,
+				"onChange": onSelectChange
+			}, null), createVNode(resolveComponent("a-input-number"), {
+				"class": ns.e("input"),
+				"value": val.value,
+				"onUpdate:value": ($event) => val.value = $event,
+				"min": 0,
+				"placeholder": "请输入",
+				"size": "small",
+				"max": mode.value === "fixed" ? 500 : 100,
+				"addonAfter": addonAfter.value
+			}, null)] });
+		};
+	}
+});
+//#endregion
+export { GctFormPixelConfig };

package/es/modules/gct-form/editor/gct-form-pixel-config/index.d.ts

@@ -0,0 +1,8 @@
+import { IEditorProvider } from '../../interface';
+export declare class Provider implements IEditorProvider {
+    component: string;
+}
+declare const _default: {
+    install(app: import('vue').App): void;
+};
+export default _default;

package/es/modules/gct-form/editor/gct-form-pixel-config/index.mjs

@@ -0,0 +1,10 @@
+import { EditorType } from "../../constants/editor-type/editor-type.mjs";
+import { widthEditorInstall } from "../../utils/width-install/width-install.mjs";
+import { GctFormPixelConfig } from "./gct-form-pixel-config.mjs";
+//#region src/modules/gct-form/editor/gct-form-pixel-config/index.ts
+var Provider = class {
+	component = "gct-form-pixel-config";
+};
+var gct_form_pixel_config_default = widthEditorInstall(EditorType.PIXEL_CONFIG, () => new Provider(), GctFormPixelConfig);
+//#endregion
+export { gct_form_pixel_config_default as default };

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

@@ -0,0 +1,205 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-gct-form-radio {
+  position: relative;
+}
+.gct-gct-form-radio--radio.ant-radio-group {
+  display: flex;
+  align-items: center;
+}
+.gct-gct-form-radio--radio .ant-radio-wrapper {
+  --gct-color-primary: #bac5d0;
+}
+.gct-gct-form-radio--radio .ant-radio-wrapper.ant-radio-wrapper-checked {
+  --gct-color-primary: var(--ant-primary-color);
+  color: color-mix(in srgb, var(--gct-color-primary), 30%) !important;
+}
+.gct-gct-form-radio--radio .ant-radio-wrapper.ant-radio-wrapper-disabled {
+  cursor: default;
+}
+
+.gct-gct-form-radio__item span:last-child {
+  display: flex;
+  align-items: center;
+}
+.gct-gct-form-radio__item.ant-radio-wrapper.ant-radio-wrapper-disabled + span {
+  cursor: default !important;
+}
+.gct-gct-form-radio__item .ant-radio-disabled + span {
+  cursor: default !important;
+}
+.gct-gct-form-radio__item .ant-radio-inner {
+  cursor: default !important;
+}
+.gct-gct-form-radio__item--pos-top {
+  position: relative;
+  margin-right: 16px;
+  --color-primary: var(--gct-color-border);
+}
+.gct-gct-form-radio__item--pos-top > span:last-child {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+.gct-gct-form-radio__item--pos-top .ant-radio {
+  position: absolute;
+  top: unset;
+  left: 2px;
+  bottom: 0;
+  height: 14px;
+  width: 14px;
+}
+.gct-gct-form-radio__item--pos-top .gct-gct-form-radio__item-icon {
+  border: 1px solid var(--color-primary);
+  overflow: hidden;
+  font-size: 104px;
+  border-radius: var(--gct-border-radius-s);
+  margin-right: 0;
+  cursor: default;
+}
+.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;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.gct-gct-form-radio__item--pos-top.ant-radio-wrapper-checked {
+  --color-primary: var(--gct-color-primary);
+}
+.gct-gct-form-radio__item--pos-top.ant-radio-wrapper-checked .gct-gct-form-radio__item-icon {
+  border-color: var(--color-primary);
+}
+
+.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;
+}
+.gct-gct-form-radio__item-icon .gct-iconfont {
+  font-size: inherit;
+}
+
+.gct-gct-form-radio.gct-gct-form-radio--button.ant-radio-group {
+  width: 100%;
+  padding: 2px;
+  border-radius: 4px;
+  background-color: #f2f4f7;
+  display: inline-block;
+  display: flex;
+}
+.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;
+  text-align: center;
+}
+.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;
+  line-height: 1;
+  vertical-align: -1px;
+}
+.gct-gct-form-radio.gct-gct-form-radio--button.ant-radio-group .ant-radio-button-wrapper span:last-child:hover {
+  background-color: #e6e9ef;
+}
+.gct-gct-form-radio.gct-gct-form-radio--button.ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
+  background-color: #fff;
+}
+.gct-gct-form-radio.gct-gct-form-radio--button.ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked span:last-child:hover {
+  background-color: transparent;
+}
+.gct-gct-form-radio.gct-gct-form-radio--button.ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled {
+  cursor: default;
+}
+.gct-gct-form-radio.gct-gct-form-radio--button.ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
+  box-shadow: 0 0 0 0;
+}
+.gct-gct-form-radio.gct-gct-form-radio--button.ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
+  color: #212528;
+  cursor: pointer;
+}
+.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;
+}