@kne/form-creator 0.1.17 → 0.1.19

package/README.md

@@ -662,87 +662,95 @@ render(<NestedChoiceExample />);
 const { default: FormCreator, preset, defaultSchema, createBlock, createField } = _FormCreator;
 const { Rate, Slider } = _ReactFormAntd;
 const { default: JsonView } = _JsonView;
-const { useState } = React;
+const { useRef, useState } = React;
 const { Alert, Typography, Space } = antd;
 const { Text, Paragraph } = Typography;
 
-// 一次 preset：运行时校验 + 编辑器规则面板 + 扩展填写项
-preset({
-  rules: {
-    ID_CARD: {
-      label: '身份证格式',
-      reg: /^\d{17}[\dXx]$/,
-      message: '%s格式不正确'
-    },
-    RATE_MIN: {
-      label: '评分至少3星',
-      validator: value => {
-        const score = Number(value) || 0;
-        return {
-          result: score >= 3,
-          errMsg: score >= 3 ? '' : '评分至少 3 星'
-        };
-      }
-    }
-  },
-  fields: {
-    Rate: {
-      label: '评分',
-      groupName: '评价组件',
-      component: Rate,
-      defaultProps: { count: 5, allowHalf: false, allowClear: true },
-      valueSchema: { type: 'number' },
-      propsSchema: [
-        {
-          name: 'count',
-          label: '星星总数',
-          type: 'number',
-          min: 1,
-          max: 10,
-          defaultValue: 5
-        },
-        {
-          name: 'allowHalf',
-          label: '允许半星',
-          type: 'boolean',
-          defaultValue: false
-        },
-        {
-          name: 'allowClear',
-          label: '允许清除',
-          type: 'boolean',
-          defaultValue: true
+const applyPresetOnce = () => {
+  // 勿放在模块顶层：modules-dev 会加载全部示例，顶层 preset 会污染其它示例的 Field Type 下拉
+  preset({
+    rules: {
+      ID_CARD: {
+        label: '身份证格式',
+        reg: /^\d{17}[\dXx]$/,
+        message: '%s格式不正确'
+      },
+      RATE_MIN: {
+        label: '评分至少3星',
+        validator: value => {
+          const score = Number(value) || 0;
+          return {
+            result: score >= 3,
+            errMsg: score >= 3 ? '' : '评分至少 3 星'
+          };
         }
-      ]
+      }
     },
-    Slider: {
-      label: '滑块',
-      component: Slider,
-      defaultProps: { min: 0, max: 100, step: 1 },
-      valueSchema: { type: 'number' },
-      propsSchema: [
-        { name: 'min', label: '最小值', type: 'number', defaultValue: 0 },
-        { name: 'max', label: '最大值', type: 'number', defaultValue: 100 },
-        { name: 'step', label: '步长', type: 'number', min: 0, defaultValue: 1 },
-        {
-          name: 'tooltipPlacement',
-          label: '提示位置',
-          type: 'select',
-          defaultValue: 'top',
-          options: [
-            { label: '上', value: 'top' },
-            { label: '下', value: 'bottom' },
-            { label: '左', value: 'left' },
-            { label: '右', value: 'right' }
-          ]
-        },
-        { name: 'dots', label: '显示刻度点', type: 'boolean', defaultValue: false }
-      ]
+    fields: {
+      Rate: {
+        label: '评分',
+        groupName: '评价组件',
+        component: Rate,
+        defaultProps: { count: 5, allowHalf: false, allowClear: true },
+        valueSchema: { type: 'number' },
+        propsSchema: [
+          {
+            name: 'count',
+            label: '星星总数',
+            type: 'number',
+            min: 1,
+            max: 10,
+            defaultValue: 5
+          },
+          {
+            name: 'allowHalf',
+            label: '允许半星',
+            type: 'boolean',
+            defaultValue: false
+          },
+          {
+            name: 'allowClear',
+            label: '允许清除',
+            type: 'boolean',
+            defaultValue: true
+          }
+        ]
+      },
+      Slider: {
+        label: '滑块',
+        component: Slider,
+        defaultProps: { min: 0, max: 100, step: 1 },
+        valueSchema: { type: 'number' },
+        propsSchema: [
+          { name: 'min', label: '最小值', type: 'number', defaultValue: 0 },
+          { name: 'max', label: '最大值', type: 'number', defaultValue: 100 },
+          { name: 'step', label: '步长', type: 'number', min: 0, defaultValue: 1 },
+          {
+            name: 'tooltipPlacement',
+            label: '提示位置',
+            type: 'select',
+            defaultValue: 'top',
+            options: [
+              { label: '上', value: 'top' },
+              { label: '下', value: 'bottom' },
+              { label: '左', value: 'left' },
+              { label: '右', value: 'right' }
+            ]
+          },
+          { name: 'dots', label: '显示刻度点', type: 'boolean', defaultValue: false }
+        ]
+      }
     }
-  }
-});
+  });
+};
 
 const PresetExtendExample = () => {
+  const presetReady = useRef(false);
+  if (!presetReady.current) {
+    applyPresetOnce();
+    presetReady.current = true;
+  }
+
   const [schema, setSchema] = useState(() => ({
     ...defaultSchema(),
     blocks: [
@@ -1103,7 +1111,7 @@ render(<ExtraToolbarExample />);
 ```
 
 - 按 Schema 展示提交数据
-- SchemaContent：根据搭建 Schema 与字段 valueSchema，用 InfoPage（同 FormInfo 布局）展示提交结果
+- SchemaContent：按 Schema + valueSchema 展示提交结果；含长题干问卷与约 480px 窄栏预览，核对上下排布不被 minWidth 撑乱
 - _FormCreator(@kne/current-lib_form-creator)[import * as _FormCreator from "@kne/form-creator"],(@kne/current-lib_form-creator/dist/index.css)[import "@kne/form-creator/dist/index.css"],antd(antd)[import antd from "antd"]
 
 ```jsx
@@ -1145,6 +1153,69 @@ const demoSchema = {
         createField({ type: 'TextArea', name: 'remark', label: '备注', block: true, props: { rows: 2, placeholder: '选填' } })
       ]
     }),
+    createBlock('formInfo', {
+      title: '111',
+      subtitle: '长题干问卷（用于核对窄栏上下排布）',
+      column: 1,
+      list: [
+        createField({
+          type: 'RadioGroup',
+          name: 'yearsInRole',
+          label: '您在本岗位（人才招聘方向）的工作年限是？（单选题）',
+          rule: 'REQ',
+          props: {
+            inline: true,
+            options: [
+              { label: 'A. 不到6个月', value: 'lt6m' },
+              { label: 'B. 6个月-1年', value: '6m1y' },
+              { label: 'C. 1-3年', value: '1to3y' },
+              { label: 'D. 3年以上', value: 'gt3y' }
+            ]
+          }
+        }),
+        createField({
+          type: 'RadioGroup',
+          name: 'aiFrequency',
+          label: '过去一个月，您使用AI工具（如ChatGPT、Kimi、Copilot、文心一言等）辅助工作的频率是？（单选题）',
+          rule: 'REQ',
+          props: {
+            inline: false,
+            options: [
+              { label: 'A. 每天都在用', value: 'daily' },
+              { label: 'B. 每周几次', value: 'weekly' },
+              { label: 'C. 偶尔使用', value: 'rarely' },
+              { label: 'D. 几乎不用', value: 'never' }
+            ]
+          }
+        }),
+        createField({
+          type: 'CheckboxGroup',
+          name: 'aiTasks',
+          label: '目前您用AI辅助过以下哪些具体工作？（多选题）',
+          props: {
+            inline: false,
+            options: [
+              { label: 'A. 撰写或优化职位说明书/JD', value: 'jd' },
+              { label: 'H. 其他（请在下方文本框中说明）', value: 'other' }
+            ]
+          }
+        }),
+        createField({
+          type: 'TextArea',
+          name: 'aiTasksOther',
+          label: 'H. 其他（请在下方文本框中说明）',
+          block: true,
+          props: { rows: 2, placeholder: '选填说明' }
+        }),
+        createField({
+          type: 'TextArea',
+          name: 'workOpinion',
+          label: '您对工作中使用AI工具的整体看法是？（开放题）',
+          block: true,
+          props: { rows: 3, placeholder: '请输入' }
+        })
+      ]
+    }),
     createBlock('list', {
       title: '项目经历',
       name: 'projects',
@@ -1181,6 +1252,11 @@ const demoData = {
   gender: 'male',
   agree: true,
   remark: '可远程办公',
+  yearsInRole: 'lt6m',
+  aiFrequency: 'daily',
+  aiTasks: ['jd', 'other'],
+  aiTasksOther: '示例内容',
+  workOpinion: '希望团队统一工具与规范，再逐步推广。',
   projects: [
     { projectName: '招聘门户改版', role: '前端' },
     { projectName: '表单搭建器', role: '全栈' }
@@ -1201,7 +1277,8 @@ const SchemaContentExample = () => {
         description={
           <span>
             按搭建 Schema 的分组结构展示提交数据；字段展示形态由各填写项的 <Text code>valueSchema</Text>
-            （如 string / number / boolean / enum）决定。布局与 FormInfo 相同，使用 InfoPage.Part + Content。
+            决定。长题干采用 label 在上、值在下。RadioGroup / CheckboxGroup 支持 <Text code>inline</Text>
+            （选项是否单行）；示例中「工作年限」为单行，「AI 频率 / 多选」为纵向。右侧窄栏约 480px 用于核对布局。
           </span>
         }
       />
@@ -1223,6 +1300,9 @@ const SchemaContentExample = () => {
           </Card>
         </Col>
       </Row>
+      <Card size="small" title="窄栏预览（模拟弹窗右栏 ~480px）" bordered style={{ maxWidth: 480 }}>
+        <SchemaContent schema={demoSchema} data={data} />
+      </Card>
     </Space>
   );
 };
@@ -1352,6 +1432,96 @@ render(<FormInfoFieldExample />);
 
 ```
 
+- 语言切换(全屏)
+- FormCreator locale prop 切换中/英；检查内置 Field Type 分组与选项、列表类型 Tag、Select/DatePicker 占位
+- _FormCreator(@kne/current-lib_form-creator)[import * as _FormCreator from "@kne/form-creator"],(@kne/current-lib_form-creator/dist/index.css)[import "@kne/form-creator/dist/index.css"],antd(antd)[import antd from "antd"]
+
+```jsx
+const { default: FormCreator, defaultSchema, createBlock, createField } = _FormCreator;
+const { useState } = React;
+const { Radio, Space, Typography, Alert } = antd;
+
+const { Text, Paragraph } = Typography;
+
+const demoSchema = () => ({
+  ...defaultSchema(),
+  blocks: [
+    createBlock('formInfo', {
+      title: 'Basic Info',
+      column: 2,
+      list: [
+        createField({
+          type: 'Input',
+          name: 'name',
+          label: 'Name',
+          rule: 'REQ'
+        }),
+        createField({
+          type: 'Select',
+          name: 'city',
+          label: 'City',
+          props: {
+            options: [
+              { label: 'Shanghai', value: 'sh' },
+              { label: 'Beijing', value: 'bj' }
+            ]
+          }
+        }),
+        createField({
+          type: 'DatePicker',
+          name: 'birthday',
+          label: 'Birthday'
+        })
+      ]
+    })
+  ]
+});
+
+/**
+ * 通过 FormCreator 的 locale prop 切换语言，检查：
+ * - 编辑器壳层文案（Add Section / Field Type 等）
+ * - 内置 Field Type 分组与选项（Single-line Text / Dropdown）
+ * - 左侧列表字段类型 Tag、Select/DatePicker 默认占位
+ *
+ * 注意：扩展字段（Rate/Slider）若曾打开过「preset 扩展」示例，会残留中文 label；
+ * 那是全局 registry 污染，不在本示例内重注册（避免热更新循环）。
+ */
+const LocaleSwitchExample = () => {
+  const [locale, setLocale] = useState('en-US');
+  const [schema, setSchema] = useState(demoSchema);
+
+  return (
+    <Space direction="vertical" size={16} style={{ width: '100%' }}>
+      <Alert
+        type="info"
+        showIcon
+        message="Language switch"
+        description={
+          <Paragraph style={{ marginBottom: 0 }}>
+            Toggle locale, then open <Text code>Edit Field</Text> and check built-in <Text strong>Field Type</Text>{' '}
+            groups/options, type tags, and Select/DatePicker placeholders.
+          </Paragraph>
+        }
+      />
+      <Radio.Group
+        optionType="button"
+        buttonStyle="solid"
+        value={locale}
+        onChange={e => setLocale(e.target.value)}
+        options={[
+          { label: '中文', value: 'zh-CN' },
+          { label: 'English', value: 'en-US' }
+        ]}
+      />
+      <FormCreator key={locale} locale={locale} value={schema} onChange={setSchema} />
+    </Space>
+  );
+};
+
+render(<LocaleSwitchExample />);
+
+```
+
 ### API
 
 | 属性 | 类型 | 默认值 | 说明 |

package/dist/index.css

@@ -21,6 +21,50 @@
   --kne-viewport-block-size: 100dvh;
 }
 
+.kne-form-creator_TgBT- {
+  display: flex !important;
+  flex-direction: column !important;
+  flex-wrap: nowrap !important;
+  align-items: flex-start !important;
+  row-gap: 8px;
+  column-gap: 0 !important;
+}
+.kne-form-creator_TgBT- .ant-radio-wrapper,
+.kne-form-creator_TgBT- .ant-checkbox-wrapper,
+.kne-form-creator_TgBT- .ant-checkbox-group-item {
+  margin-inline-end: 0 !important;
+  margin-inline-start: 0 !important;
+}
+
+/* 题目序号在必填 * 之前：helper 的 * 是 label::before，用 flex order 重排 */
+.kne-form-creator_rqCos .react-form__field-label {
+  display: inline-flex;
+  align-items: baseline;
+  flex-wrap: wrap;
+}
+.kne-form-creator_rqCos .react-form__field-label.is-req::before {
+  position: static !important;
+  transform: none !important;
+  order: 2;
+  margin-right: 4px;
+}
+.kne-form-creator_rqCos .react-form__field_extra {
+  display: none;
+}
+.kne-form-creator_rqCos .react-form__field_label-tips {
+  order: 4;
+}
+
+.kne-form-creator_MLY0O {
+  order: 1;
+  flex-shrink: 0;
+  margin-right: 4px;
+}
+
+.kne-form-creator_UOUb4 {
+  order: 3;
+}
+
 .kne-form-creator_Xrjrk {
   display: flex;
   flex-wrap: wrap;
@@ -87,6 +131,41 @@
 
 .kne-form-creator_9bWOD {
   width: 100%;
+  min-width: 0;
+}
+
+.kne-form-creator_EmRDV {
+  display: grid;
+  grid-template-columns: repeat(var(--schema-content-cols, 1), minmax(0, 1fr));
+  gap: 12px 24px;
+  width: 100%;
+  min-width: 0;
+}
+
+.kne-form-creator_0Lanz {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 4px;
+  min-width: 0;
+}
+
+.kne-form-creator_TQd-w {
+  grid-column: 1/-1;
+}
+
+.kne-form-creator_czEK3 {
+  color: var(--font-color-grey-1);
+  word-break: break-word;
+  white-space: normal;
+  line-height: 1.5;
+}
+
+.kne-form-creator_YFKTK {
+  word-break: break-word;
+  white-space: pre-line;
+  line-height: 1.5;
+  min-width: 0;
 }
 
 .kne-form-creator_UGdXA {

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["style.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["@charset \"UTF-8\";\n.kne-responsive-boundary {\n  position: relative;\n}\n\n.kne-responsive-scroll {\n  overflow: auto;\n}\n\n:root {\n  --kne-viewport-width: 100vw;\n  --kne-viewport-height: 100dvh;\n  --kne-viewport-inline-size: 100vw;\n  --kne-viewport-block-size: 100dvh;\n}\n\n.kne-responsive-boundary {\n  --kne-viewport-width: 100vw;\n  --kne-viewport-height: 100dvh;\n  --kne-viewport-inline-size: 100vw;\n  --kne-viewport-block-size: 100dvh;\n}\n\n.form-creator {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  min-height: 480px;\n  align-items: stretch;\n  box-sizing: border-box;\n  padding: 16px;\n  background: #f5f5f5;\n  border-radius: 12px;\n}\n\n.editor-pane,\n.preview-pane {\n  flex: 1 1 360px;\n  min-width: min(360px, 100%);\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n.editor-pane {\n  flex-basis: 420px;\n  min-width: min(420px, 100%);\n}\n\n.preview-pane {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 16px;\n  background: #fff;\n  border-radius: 8px;\n}\n\n.editor-header {\n  padding: 0 0 12px;\n  margin-bottom: 4px;\n}\n\n.block-list-panel {\n  padding: 8px 0 0;\n}\n\n.form-actions-setting-btn {\n  width: 30px !important;\n  min-width: 30px !important;\n  height: 30px !important;\n  padding: 0 !important;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n}\n\n.panel-toolbar {\n  margin-bottom: 10px;\n}\n\n.panel-toolbar-extra {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.schema-content {\n  width: 100%;\n}\n\n.schema-content-file-list {\n  width: 100%;\n  min-width: 0;\n}\n\n.schema-content-file {\n  max-width: 280px;\n  height: auto !important;\n  padding: 0 !important;\n}\n\n.schema-content-file-image {\n  width: 72px;\n  height: 72px;\n  overflow: hidden;\n  border-radius: 4px;\n}\n.schema-content-file-image :global(img) {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.schema-content-file-name {\n  word-break: break-all;\n}\n\n.add-block-btn {\n  height: 30px !important;\n  padding: 0 14px !important;\n  border-radius: 999px !important;\n  font-weight: 500;\n}\n\n/* 添加填写项 / 添加步骤：中性小胶囊，与操作组同语汇 */\n.add-inline-btn {\n  height: 26px !important;\n  padding: 0 10px !important;\n  border: none !important;\n  border-radius: 999px !important;\n  background: rgba(255, 255, 255, 0.72) !important;\n  box-shadow: none !important;\n  color: rgba(0, 0, 0, 0.55) !important;\n  font-size: 12px !important;\n  font-weight: 500;\n  display: inline-flex !important;\n  align-items: center;\n  gap: 2px;\n}\n.add-inline-btn :global(.anticon) {\n  font-size: 11px;\n}\n.add-inline-btn:hover {\n  color: rgba(0, 0, 0, 0.85) !important;\n  background: #ffffff !important;\n}\n.add-inline-btn:global(.ant-btn-text):not(:disabled):not(.ant-btn-disabled):hover {\n  color: rgba(0, 0, 0, 0.85) !important;\n  background: #ffffff !important;\n}\n\n.block-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n/* 模块：类型浅色底区隔，无边框线框 */\n.block-section {\n  padding: 12px 14px;\n  border-radius: 12px;\n  background: #f4f6f9;\n  transition: box-shadow 0.15s ease;\n}\n.block-section:hover {\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03);\n}\n\n.block-kind-formInfo {\n  background: #eef4ff;\n}\n\n.block-kind-list {\n  background: #eafaf8;\n}\n\n.block-kind-tableList {\n  background: #eef1ff;\n}\n\n.block-kind-multiField {\n  background: #f6f0ff;\n}\n\n.block-kind-steps {\n  background: #fff8e8;\n}\n.block-kind-steps .step-section {\n  background: rgba(255, 255, 255, 0.72);\n}\n\n.block-section-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  min-width: 0;\n}\n\n.block-header-left {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px 8px;\n  min-width: 0;\n  flex: 1;\n}\n.block-header-left :global(.ant-tag) {\n  flex-shrink: 0;\n}\n\n.block-title {\n  flex: 0 1 auto;\n  min-width: 0;\n  max-width: 160px;\n  overflow: hidden;\n  font-size: 14px;\n}\n\n.block-summary {\n  flex-shrink: 0;\n  padding: 1px 8px;\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.7);\n  color: rgba(0, 0, 0, 0.45);\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n}\n\n.block-header-actions {\n  flex-shrink: 0;\n}\n\n.block-body {\n  margin-top: 10px;\n}\n\n.item-blocks-section {\n  margin-top: 12px;\n  padding-top: 10px;\n  border-top: 1px dashed rgba(0, 0, 0, 0.08);\n}\n\n.nested-block-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.block-section-nested {\n  padding: 10px 12px;\n  border-radius: 10px;\n  background: rgba(255, 255, 255, 0.55);\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n.block-section-nested:hover {\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);\n}\n\n.add-field-dropdown {\n  min-width: 200px;\n  max-width: 280px;\n  max-height: 280px;\n  overflow-y: auto;\n  padding: 6px;\n  background: #ffffff;\n  border-radius: 8px;\n  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n}\n\n.add-field-dropdown-item {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px 8px;\n  padding: 8px 10px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  line-height: 20px;\n  color: rgba(0, 0, 0, 0.88);\n}\n.add-field-dropdown-item:hover {\n  background: #f5f5f5;\n}\n\n.add-field-dropdown-item-icon {\n  display: inline-flex;\n  color: #4183f0;\n  font-size: 14px;\n}\n\n.add-field-dropdown-item-desc {\n  flex: 1 0 100%;\n  padding-left: 22px;\n  color: rgba(0, 0, 0, 0.45);\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.add-field-dropdown-divider {\n  height: 1px;\n  margin: 4px 6px;\n  background: rgba(0, 0, 0, 0.06);\n}\n\n.add-field-dropdown-label {\n  padding: 6px 10px 2px;\n  color: rgba(0, 0, 0, 0.45);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.section-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 28px;\n  margin-bottom: 6px;\n}\n\n.section-toolbar-label {\n  font-size: 12px;\n}\n\n.field-list,\n.step-list {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n/* 步骤：半透明白底叠在模块色底上 */\n.step-section {\n  padding: 10px 12px;\n  border-radius: 10px;\n  background: rgba(255, 255, 255, 0.55);\n}\n.step-section + .step-section {\n  margin-top: 0;\n}\n\n.step-section-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 6px;\n  min-width: 0;\n}\n\n.step-section-title {\n  flex: 1;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.step-section-actions {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.step-index {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: rgba(47, 84, 235, 0.12);\n  color: #2f54eb;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n/* 填写项：白底块 */\n.field-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 10px;\n  border-radius: 10px;\n  background: #ffffff;\n  transition: background 0.15s ease, transform 0.15s ease;\n}\n.field-row:hover {\n  background: #fcfdff;\n  transform: translateY(-0.5px);\n}\n\n.field-row-index {\n  width: 18px;\n  flex-shrink: 0;\n  color: #bfbfbf;\n  font-size: 12px;\n  text-align: center;\n}\n\n.field-row-main {\n  flex: 1;\n  min-width: 0;\n}\n\n.inline-empty {\n  display: block;\n  padding: 8px 10px;\n  font-size: 12px;\n  border-radius: 10px;\n  background: rgba(255, 255, 255, 0.55);\n}\n\n/* 操作组 / 添加按钮：默认隐藏，悬停对应容器再显示 */\n.action-group,\n.hover-reveal {\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.15s ease;\n}\n\n.action-group {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 2px;\n  border-radius: 999px;\n  background: rgba(0, 0, 0, 0.06);\n  gap: 0;\n}\n\n.block-section:hover > .block-section-header .action-group,\n.block-section:hover > .block-section-header .hover-reveal,\n.block-section:focus-within > .block-section-header .action-group,\n.block-section:focus-within > .block-section-header .hover-reveal,\n.block-section:hover > .block-body > .section-toolbar .hover-reveal,\n.block-section:focus-within > .block-body > .section-toolbar .hover-reveal,\n.step-section:hover > .step-section-header .action-group,\n.step-section:hover > .step-section-header .hover-reveal,\n.step-section:focus-within > .step-section-header .action-group,\n.step-section:focus-within > .step-section-header .hover-reveal,\n.field-row:hover .action-group,\n.field-row:focus-within .action-group,\n.hover-reveal-active {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.action-btn {\n  width: 26px !important;\n  height: 26px !important;\n  min-width: 26px !important;\n  padding: 0 !important;\n  border: none !important;\n  border-radius: 999px !important;\n  box-shadow: none !important;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  color: rgba(0, 0, 0, 0.55);\n}\n.action-btn :global(.anticon) {\n  font-size: 12px;\n}\n.action-btn:hover:not(:disabled) {\n  color: rgba(0, 0, 0, 0.88);\n  background: rgba(255, 255, 255, 0.85) !important;\n}\n.action-btn:disabled {\n  color: rgba(0, 0, 0, 0.25);\n  background: transparent !important;\n}\n.action-btn:global(.ant-btn-dangerous) {\n  color: #ff4d4f;\n}\n.action-btn:global(.ant-btn-dangerous):hover:not(:disabled) {\n  color: #ff7875;\n  background: rgba(255, 255, 255, 0.9) !important;\n}\n\n.add-block-dropdown {\n  width: 380px;\n  padding: 6px;\n  background: #ffffff;\n  border-radius: 8px;\n  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n}\n\n.add-block-option {\n  display: flex;\n  gap: 10px;\n  padding: 6px 10px;\n  border-radius: 6px;\n  cursor: pointer;\n  border: 1px solid transparent;\n  transition: background 0.2s ease, border-color 0.2s ease;\n}\n.add-block-option:hover {\n  background: #f7fbff;\n  border-color: #dbe7ff;\n}\n\n.add-block-option-icon {\n  width: 28px;\n  height: 28px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #f1f7ff;\n  color: #4183f0;\n  flex-shrink: 0;\n  font-size: 14px;\n}\n\n.add-block-option-text {\n  min-width: 0;\n}\n\n.add-block-option-title {\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.add-block-option-desc {\n  margin-top: 1px;\n  color: #667085;\n  font-size: 12px;\n  line-height: 16px;\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.field-empty {\n  padding: 24px 0;\n}\n\n.field-label-tips-icon {\n  margin-left: 4px;\n  color: rgba(0, 0, 0, 0.45);\n  cursor: help;\n  font-size: 14px;\n}\n\n.preview-header {\n  padding: 0 0 12px;\n  margin-bottom: 4px;\n}\n\n.preview-title {\n  margin-bottom: 4px !important;\n}\n\n.preview-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  padding: 0;\n}\n.preview-body :global form {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 100%;\n}\n.preview-body :global .ant-card-extra .ant-btn.ant-btn-icon-only {\n  width: 32px;\n  height: 32px;\n  min-width: 32px;\n  padding: 0 !important;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.preview-body :global form .ant-card.no-title > .ant-card-head {\n  margin-bottom: 0 !important;\n  padding-bottom: 8px !important;\n}\n.preview-body :global form .ant-card.no-title > .ant-card-body {\n  padding-top: 0 !important;\n}\n\n.schema-form {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-height: 100%;\n  box-sizing: border-box;\n}\n\n.schema-body {\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  width: 100%;\n  min-width: 0;\n}\n\n/* 表单底部操作区：与内容分隔，固定落在表单最下方 */\n.schema-actions {\n  width: 100%;\n  box-sizing: border-box;\n  margin-top: auto;\n  padding: 16px 0;\n  border-top: 1px solid rgba(0, 0, 0, 0.06);\n  flex-shrink: 0;\n}\n\n.schema-actions-inner {\n  width: 100%;\n}\n\n.choice-block {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.choice-selector {\n  margin-bottom: 4px;\n}\n.choice-selector :global .react-form__field {\n  margin-bottom: 8px;\n}\n.choice-selector :global .ant-checkbox-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.choice-selector :global .ant-radio-group {\n  display: inline-flex;\n  flex-wrap: wrap;\n}\n\n.choice-panels {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  width: 100%;\n  margin-top: 12px;\n  padding-top: 16px;\n  border-top: 1px solid rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n}\n\n.choice-panels-empty {\n  margin-top: 12px;\n  padding: 16px 0 4px;\n  border-top: 1px solid rgba(0, 0, 0, 0.06);\n  font-size: 13px;\n  line-height: 20px;\n  color: rgba(0, 0, 0, 0.45);\n  text-align: center;\n}\n\n.choice-option-panel {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  padding: 12px 14px;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n  border-radius: 8px;\n  background: #fafafa;\n}\n.choice-option-panel :global(.ant-card),\n.choice-option-panel :global(.ant-card-body) {\n  background: transparent;\n}\n\n.choice-option-panel-title {\n  margin-bottom: 12px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n  color: rgba(0, 0, 0, 0.88);\n}\n\n.choice-option-summary {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 8px;\n}\n\n.field-editor-form {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding-top: 4px;\n}\n\n.form-actions-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding-top: 4px;\n}\n.form-actions-editor :global .ant-row {\n  row-gap: 8px;\n}\n\n.form-actions-switch-field :global .react-form__field-main {\n  min-height: 32px;\n  display: flex;\n  align-items: center;\n}\n\n.form-actions-layout-panel {\n  padding: 14px 16px 18px;\n  border-radius: 10px;\n  background: #f7f8fa;\n  border: 1px solid rgba(0, 0, 0, 0.04);\n}\n.form-actions-layout-panel :global .ant-card {\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n}\n.form-actions-layout-panel :global .ant-card-head {\n  display: none;\n}\n.form-actions-layout-panel :global .ant-card-body {\n  padding: 0 !important;\n}\n.form-actions-layout-panel :global .ant-form-item {\n  margin-bottom: 14px;\n}\n.form-actions-layout-panel :global .ant-form-item:last-child {\n  margin-bottom: 0;\n}\n\n.form-actions-align-group {\n  display: flex !important;\n  width: 100%;\n  padding: 3px;\n  background: #fff;\n  border-radius: 999px;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n  overflow: hidden;\n}\n.form-actions-align-group :global .ant-radio-button-wrapper {\n  flex: 1;\n  height: 30px;\n  line-height: 30px;\n  padding-inline: 0;\n  text-align: center;\n  border: none !important;\n  border-radius: 999px !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  color: rgba(0, 0, 0, 0.65);\n}\n.form-actions-align-group :global .ant-radio-button-wrapper::before {\n  display: none !important;\n}\n.form-actions-align-group :global .ant-radio-button-wrapper:not(:first-child)::before {\n  display: none !important;\n}\n.form-actions-align-group :global .ant-radio-button-wrapper:hover {\n  color: rgba(0, 0, 0, 0.88);\n}\n.form-actions-align-group :global .ant-radio-button-wrapper:focus-within {\n  box-shadow: none !important;\n}\n.form-actions-align-group :global .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n  background: var(--primary-color, #1677ff) !important;\n  color: #fff !important;\n  font-weight: 500;\n}\n.form-actions-align-group :global .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {\n  color: #fff !important;\n  background: var(--primary-color, #1677ff) !important;\n  filter: brightness(1.08);\n}\n\n.form-actions-layout-title {\n  margin-bottom: 12px;\n  color: rgba(0, 0, 0, 0.65);\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.02em;\n}\n\n.form-actions-gap-slider {\n  margin: 0 6px 8px !important;\n  padding-bottom: 12px;\n}\n\n.editor-section {\n  margin-bottom: 4px;\n}\n\n.section-divider {\n  margin: 16px 0 !important;\n}\n\n.rule-editor,\n.options-editor,\n.super-select-props,\n.field-props-editor,\n.columns-editor {\n  padding: 0 2px;\n}\n\n.prop-row {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  width: 100%;\n}\n\n.prop-label {\n  color: rgba(0, 0, 0, 0.88);\n  font-size: 14px;\n}\n\n.options-item {\n  display: flex;\n  flex-direction: column;\n}\n\n.table-row-card {\n  background: #fafafa;\n}\n\n.tree-options-editor {\n  margin-top: 12px;\n}\n\n.tree-options-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.tree-option-node {\n  border: 1px solid #eef0f4;\n  border-radius: 8px;\n  background: #fff;\n  padding: 10px 12px;\n}\n\n.tree-option-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.tree-option-fields {\n  flex: 1;\n  min-width: 0;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n  gap: 8px;\n}\n\n.tree-option-actions {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  gap: 0;\n}\n\n.tree-option-children {\n  margin-top: 10px;\n  margin-left: 12px;\n  padding-left: 12px;\n  border-left: 2px solid #e6ebf5;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.tree-add-sibling {\n  align-self: flex-start;\n}\n\n.rule-checkbox-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px 16px;\n  margin-top: 12px;\n}\n\n.rule-len-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 12px;\n  background: #fafafa;\n  border-radius: 8px;\n}\n\n.rule-len-input {\n  flex: 1;\n  min-width: 0;\n  width: 100%;\n}\n\n.rule-len-sep {\n  flex: none;\n  color: rgba(0, 0, 0, 0.45);\n  line-height: 1;\n}\n\n.options-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin: 12px 0;\n}\n\n.options-row {\n  width: 100%;\n}\n\n.options-tip {\n  display: block;\n  margin-top: 8px;\n  color: #8c8c8c;\n  font-size: 12px;\n}\n\n/* 纯图标按钮统一为正方形 */\n.icon-square-btn {\n  width: 32px !important;\n  height: 32px !important;\n  min-width: 32px !important;\n  padding: 0 !important;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n}\n.icon-square-btn :global(.anticon) {\n  font-size: 14px;\n}\n\n.icon-square-btn-sm {\n  width: 28px !important;\n  height: 28px !important;\n  min-width: 28px !important;\n  padding: 0 !important;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n}\n.icon-square-btn-sm :global(.anticon) {\n  font-size: 13px;\n}\n\n@container kne-responsive (max-width: 768px) {\n  .form-creator.is-mobile .editor-header,\n  .form-creator.is-mobile .preview-header {\n    padding: 0 0 10px;\n  }\n  .form-creator.is-mobile .block-list-panel {\n    padding: 6px 0 0;\n  }\n  .form-creator.is-mobile .block-list {\n    gap: 10px;\n  }\n  .form-creator.is-mobile .block-section {\n    padding: 10px 12px;\n    border-radius: 10px;\n  }\n  .form-creator.is-mobile {\n    /* 触屏无 hover：操作与添加按钮常显 */\n  }\n  .form-creator.is-mobile .action-group,\n  .form-creator.is-mobile .hover-reveal {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  .form-creator.is-mobile .block-section-header {\n    flex-wrap: wrap;\n    align-items: flex-start;\n    gap: 8px;\n  }\n  .form-creator.is-mobile .block-header-left {\n    width: 100%;\n    flex-wrap: wrap;\n  }\n  .form-creator.is-mobile .block-title {\n    max-width: 160px;\n    flex: 0 1 auto;\n  }\n  .form-creator.is-mobile .block-header-actions {\n    width: 100%;\n    display: flex;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n    gap: 6px;\n  }\n  .form-creator.is-mobile .block-summary {\n    margin-left: 0;\n  }\n  .form-creator.is-mobile .step-section {\n    padding: 8px 10px;\n  }\n  .form-creator.is-mobile .step-section-header {\n    align-items: flex-start;\n    gap: 8px;\n  }\n  .form-creator.is-mobile {\n    /* 标题独占一行，避免与常显操作栏挤成竖排字 */\n  }\n  .form-creator.is-mobile .step-section-title {\n    flex: 0 0 100%;\n    width: 100%;\n    min-width: 0;\n    max-width: 100%;\n  }\n  .form-creator.is-mobile .step-section-actions {\n    width: 100%;\n    justify-content: flex-end;\n    gap: 6px;\n  }\n  .form-creator.is-mobile .field-row {\n    flex-wrap: wrap;\n    gap: 8px;\n    padding: 8px;\n    transform: none;\n  }\n  .form-creator.is-mobile .field-row:hover {\n    transform: none;\n  }\n  .form-creator.is-mobile .field-row-main {\n    flex: 1 1 calc(100% - 28px);\n    min-width: 0;\n  }\n  .form-creator.is-mobile .field-row .action-group {\n    margin-left: auto;\n  }\n  .form-creator.is-mobile .add-block-dropdown {\n    width: min(380px, 100vw - 32px);\n  }\n  .form-creator.is-mobile .add-inline-btn {\n    height: 28px !important;\n    padding: 0 12px !important;\n  }\n  .form-creator.is-mobile .action-btn {\n    width: 28px !important;\n    height: 28px !important;\n    min-width: 28px !important;\n  }\n  .form-creator.is-mobile .preview-body {\n    padding: 0;\n  }\n  .form-creator.is-mobile .preview-body :global form + .part,\n  .form-creator.is-mobile .preview-body :global .part + form {\n    margin-top: 12px;\n  }\n  .form-creator.is-mobile .preview-body :global .ant-steps {\n    max-width: 100%;\n  }\n  .form-creator.is-mobile .preview-body :global .ant-steps-horizontal {\n    overflow-x: auto;\n  }\n}"]}
+{"version":3,"sources":["style.module.scss"],"names":[],"mappings":"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C/B,mBAAmB;EACnB,uBAAuB;AACzB;AACA;EACE,eAAe;AACjB;;AAEA;EACE,sBAAsB;EACtB,uBAAuB;EACvB,0BAA0B;EAC1B,qBAAqB;EACrB,+BAA+B;EAC/B,mBAAmB;EACnB,uBAAuB;AACzB;AACA;EACE,eAAe;AACjB;;AAEA;EACE;;IAEE,iBAAiB;EACnB;EACA;IACE,gBAAgB;EAClB;EACA;IACE,SAAS;EACX;EACA;IACE,kBAAkB;IAClB,mBAAmB;EACrB;EACA;IACE,wBAAwB;EAC1B;EACA;;IAEE,UAAU;IACV,oBAAoB;EACtB;EACA;IACE,eAAe;IACf,uBAAuB;IACvB,QAAQ;EACV;EACA;IACE,WAAW;IACX,eAAe;EACjB;EACA;IACE,gBAAgB;IAChB,cAAc;EAChB;EACA;IACE,WAAW;IACX,aAAa;IACb,yBAAyB;IACzB,eAAe;IACf,QAAQ;EACV;EACA;IACE,cAAc;EAChB;EACA;IACE,iBAAiB;EACnB;EACA;IACE,uBAAuB;IACvB,QAAQ;EACV;EACA;IACE,yBAAyB;EAC3B;EACA;IACE,cAAc;IACd,WAAW;IACX,YAAY;IACZ,eAAe;EACjB;EACA;IACE,WAAW;IACX,yBAAyB;IACzB,QAAQ;EACV;EACA;IACE,eAAe;IACf,QAAQ;IACR,YAAY;IACZ,eAAe;EACjB;EACA;IACE,eAAe;EACjB;EACA;IACE,2BAA2B;IAC3B,YAAY;EACd;EACA;IACE,iBAAiB;EACnB;EACA;IACE,+BAA+B;EACjC;EACA;IACE,uBAAuB;IACvB,0BAA0B;EAC5B;EACA;IACE,sBAAsB;IACtB,uBAAuB;IACvB,0BAA0B;EAC5B;EACA;IACE,UAAU;EACZ;EACA;;IAEE,gBAAgB;EAClB;EACA;IACE,eAAe;EACjB;EACA;IACE,gBAAgB;EAClB;AACF","file":"index.css","sourcesContent":["@charset \"UTF-8\";\n.kne-responsive-boundary {\n  position: relative;\n}\n\n.kne-responsive-scroll {\n  overflow: auto;\n}\n\n:root {\n  --kne-viewport-width: 100vw;\n  --kne-viewport-height: 100dvh;\n  --kne-viewport-inline-size: 100vw;\n  --kne-viewport-block-size: 100dvh;\n}\n\n.kne-responsive-boundary {\n  --kne-viewport-width: 100vw;\n  --kne-viewport-height: 100dvh;\n  --kne-viewport-inline-size: 100vw;\n  --kne-viewport-block-size: 100dvh;\n}\n\n.option-group-stack {\n  display: flex !important;\n  flex-direction: column !important;\n  flex-wrap: nowrap !important;\n  align-items: flex-start !important;\n  row-gap: 8px;\n  column-gap: 0 !important;\n}\n.option-group-stack :global(.ant-radio-wrapper),\n.option-group-stack :global(.ant-checkbox-wrapper),\n.option-group-stack :global(.ant-checkbox-group-item) {\n  margin-inline-end: 0 !important;\n  margin-inline-start: 0 !important;\n}\n\n/* 题目序号在必填 * 之前：helper 的 * 是 label::before，用 flex order 重排 */\n.form-info-show-index :global(.react-form__field-label) {\n  display: inline-flex;\n  align-items: baseline;\n  flex-wrap: wrap;\n}\n.form-info-show-index :global(.react-form__field-label.is-req::before) {\n  position: static !important;\n  transform: none !important;\n  order: 2;\n  margin-right: 4px;\n}\n.form-info-show-index :global(.react-form__field_extra) {\n  display: none;\n}\n.form-info-show-index :global(.react-form__field_label-tips) {\n  order: 4;\n}\n\n.field-label-index {\n  order: 1;\n  flex-shrink: 0;\n  margin-right: 4px;\n}\n\n.field-label-main {\n  order: 3;\n}\n\n.form-creator {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  min-height: 480px;\n  align-items: stretch;\n  box-sizing: border-box;\n  padding: 16px;\n  background: #f5f5f5;\n  border-radius: 12px;\n}\n\n.editor-pane,\n.preview-pane {\n  flex: 1 1 360px;\n  min-width: min(360px, 100%);\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n\n.editor-pane {\n  flex-basis: 420px;\n  min-width: min(420px, 100%);\n}\n\n.preview-pane {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 16px;\n  background: #fff;\n  border-radius: 8px;\n}\n\n.editor-header {\n  padding: 0 0 12px;\n  margin-bottom: 4px;\n}\n\n.block-list-panel {\n  padding: 8px 0 0;\n}\n\n.form-actions-setting-btn {\n  width: 30px !important;\n  min-width: 30px !important;\n  height: 30px !important;\n  padding: 0 !important;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n}\n\n.panel-toolbar {\n  margin-bottom: 10px;\n}\n\n.panel-toolbar-extra {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.schema-content {\n  width: 100%;\n  min-width: 0;\n}\n\n.schema-content-fields {\n  display: grid;\n  grid-template-columns: repeat(var(--schema-content-cols, 1), minmax(0, 1fr));\n  gap: 12px 24px;\n  width: 100%;\n  min-width: 0;\n}\n\n.schema-content-field {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 4px;\n  min-width: 0;\n}\n\n.schema-content-field-block {\n  grid-column: 1/-1;\n}\n\n.schema-content-field-label {\n  color: var(--font-color-grey-1);\n  word-break: break-word;\n  white-space: normal;\n  line-height: 1.5;\n}\n\n.schema-content-field-value {\n  word-break: break-word;\n  white-space: pre-line;\n  line-height: 1.5;\n  min-width: 0;\n}\n\n.schema-content-file-list {\n  width: 100%;\n  min-width: 0;\n}\n\n.schema-content-file {\n  max-width: 280px;\n  height: auto !important;\n  padding: 0 !important;\n}\n\n.schema-content-file-image {\n  width: 72px;\n  height: 72px;\n  overflow: hidden;\n  border-radius: 4px;\n}\n.schema-content-file-image :global(img) {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.schema-content-file-name {\n  word-break: break-all;\n}\n\n.add-block-btn {\n  height: 30px !important;\n  padding: 0 14px !important;\n  border-radius: 999px !important;\n  font-weight: 500;\n}\n\n/* 添加填写项 / 添加步骤：中性小胶囊，与操作组同语汇 */\n.add-inline-btn {\n  height: 26px !important;\n  padding: 0 10px !important;\n  border: none !important;\n  border-radius: 999px !important;\n  background: rgba(255, 255, 255, 0.72) !important;\n  box-shadow: none !important;\n  color: rgba(0, 0, 0, 0.55) !important;\n  font-size: 12px !important;\n  font-weight: 500;\n  display: inline-flex !important;\n  align-items: center;\n  gap: 2px;\n}\n.add-inline-btn :global(.anticon) {\n  font-size: 11px;\n}\n.add-inline-btn:hover {\n  color: rgba(0, 0, 0, 0.85) !important;\n  background: #ffffff !important;\n}\n.add-inline-btn:global(.ant-btn-text):not(:disabled):not(.ant-btn-disabled):hover {\n  color: rgba(0, 0, 0, 0.85) !important;\n  background: #ffffff !important;\n}\n\n.block-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n/* 模块：类型浅色底区隔，无边框线框 */\n.block-section {\n  padding: 12px 14px;\n  border-radius: 12px;\n  background: #f4f6f9;\n  transition: box-shadow 0.15s ease;\n}\n.block-section:hover {\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03);\n}\n\n.block-kind-formInfo {\n  background: #eef4ff;\n}\n\n.block-kind-list {\n  background: #eafaf8;\n}\n\n.block-kind-tableList {\n  background: #eef1ff;\n}\n\n.block-kind-multiField {\n  background: #f6f0ff;\n}\n\n.block-kind-steps {\n  background: #fff8e8;\n}\n.block-kind-steps .step-section {\n  background: rgba(255, 255, 255, 0.72);\n}\n\n.block-section-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  min-width: 0;\n}\n\n.block-header-left {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px 8px;\n  min-width: 0;\n  flex: 1;\n}\n.block-header-left :global(.ant-tag) {\n  flex-shrink: 0;\n}\n\n.block-title {\n  flex: 0 1 auto;\n  min-width: 0;\n  max-width: 160px;\n  overflow: hidden;\n  font-size: 14px;\n}\n\n.block-summary {\n  flex-shrink: 0;\n  padding: 1px 8px;\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.7);\n  color: rgba(0, 0, 0, 0.45);\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n}\n\n.block-header-actions {\n  flex-shrink: 0;\n}\n\n.block-body {\n  margin-top: 10px;\n}\n\n.item-blocks-section {\n  margin-top: 12px;\n  padding-top: 10px;\n  border-top: 1px dashed rgba(0, 0, 0, 0.08);\n}\n\n.nested-block-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.block-section-nested {\n  padding: 10px 12px;\n  border-radius: 10px;\n  background: rgba(255, 255, 255, 0.55);\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n.block-section-nested:hover {\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);\n}\n\n.add-field-dropdown {\n  min-width: 200px;\n  max-width: 280px;\n  max-height: 280px;\n  overflow-y: auto;\n  padding: 6px;\n  background: #ffffff;\n  border-radius: 8px;\n  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n}\n\n.add-field-dropdown-item {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px 8px;\n  padding: 8px 10px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  line-height: 20px;\n  color: rgba(0, 0, 0, 0.88);\n}\n.add-field-dropdown-item:hover {\n  background: #f5f5f5;\n}\n\n.add-field-dropdown-item-icon {\n  display: inline-flex;\n  color: #4183f0;\n  font-size: 14px;\n}\n\n.add-field-dropdown-item-desc {\n  flex: 1 0 100%;\n  padding-left: 22px;\n  color: rgba(0, 0, 0, 0.45);\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.add-field-dropdown-divider {\n  height: 1px;\n  margin: 4px 6px;\n  background: rgba(0, 0, 0, 0.06);\n}\n\n.add-field-dropdown-label {\n  padding: 6px 10px 2px;\n  color: rgba(0, 0, 0, 0.45);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.section-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 28px;\n  margin-bottom: 6px;\n}\n\n.section-toolbar-label {\n  font-size: 12px;\n}\n\n.field-list,\n.step-list {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n/* 步骤：半透明白底叠在模块色底上 */\n.step-section {\n  padding: 10px 12px;\n  border-radius: 10px;\n  background: rgba(255, 255, 255, 0.55);\n}\n.step-section + .step-section {\n  margin-top: 0;\n}\n\n.step-section-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 6px;\n  min-width: 0;\n}\n\n.step-section-title {\n  flex: 1;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.step-section-actions {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.step-index {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: rgba(47, 84, 235, 0.12);\n  color: #2f54eb;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n/* 填写项：白底块 */\n.field-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 10px;\n  border-radius: 10px;\n  background: #ffffff;\n  transition: background 0.15s ease, transform 0.15s ease;\n}\n.field-row:hover {\n  background: #fcfdff;\n  transform: translateY(-0.5px);\n}\n\n.field-row-index {\n  width: 18px;\n  flex-shrink: 0;\n  color: #bfbfbf;\n  font-size: 12px;\n  text-align: center;\n}\n\n.field-row-main {\n  flex: 1;\n  min-width: 0;\n}\n\n.inline-empty {\n  display: block;\n  padding: 8px 10px;\n  font-size: 12px;\n  border-radius: 10px;\n  background: rgba(255, 255, 255, 0.55);\n}\n\n/* 操作组 / 添加按钮：默认隐藏，悬停对应容器再显示 */\n.action-group,\n.hover-reveal {\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.15s ease;\n}\n\n.action-group {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 2px;\n  border-radius: 999px;\n  background: rgba(0, 0, 0, 0.06);\n  gap: 0;\n}\n\n.block-section:hover > .block-section-header .action-group,\n.block-section:hover > .block-section-header .hover-reveal,\n.block-section:focus-within > .block-section-header .action-group,\n.block-section:focus-within > .block-section-header .hover-reveal,\n.block-section:hover > .block-body > .section-toolbar .hover-reveal,\n.block-section:focus-within > .block-body > .section-toolbar .hover-reveal,\n.step-section:hover > .step-section-header .action-group,\n.step-section:hover > .step-section-header .hover-reveal,\n.step-section:focus-within > .step-section-header .action-group,\n.step-section:focus-within > .step-section-header .hover-reveal,\n.field-row:hover .action-group,\n.field-row:focus-within .action-group,\n.hover-reveal-active {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.action-btn {\n  width: 26px !important;\n  height: 26px !important;\n  min-width: 26px !important;\n  padding: 0 !important;\n  border: none !important;\n  border-radius: 999px !important;\n  box-shadow: none !important;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  color: rgba(0, 0, 0, 0.55);\n}\n.action-btn :global(.anticon) {\n  font-size: 12px;\n}\n.action-btn:hover:not(:disabled) {\n  color: rgba(0, 0, 0, 0.88);\n  background: rgba(255, 255, 255, 0.85) !important;\n}\n.action-btn:disabled {\n  color: rgba(0, 0, 0, 0.25);\n  background: transparent !important;\n}\n.action-btn:global(.ant-btn-dangerous) {\n  color: #ff4d4f;\n}\n.action-btn:global(.ant-btn-dangerous):hover:not(:disabled) {\n  color: #ff7875;\n  background: rgba(255, 255, 255, 0.9) !important;\n}\n\n.add-block-dropdown {\n  width: 380px;\n  padding: 6px;\n  background: #ffffff;\n  border-radius: 8px;\n  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n}\n\n.add-block-option {\n  display: flex;\n  gap: 10px;\n  padding: 6px 10px;\n  border-radius: 6px;\n  cursor: pointer;\n  border: 1px solid transparent;\n  transition: background 0.2s ease, border-color 0.2s ease;\n}\n.add-block-option:hover {\n  background: #f7fbff;\n  border-color: #dbe7ff;\n}\n\n.add-block-option-icon {\n  width: 28px;\n  height: 28px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #f1f7ff;\n  color: #4183f0;\n  flex-shrink: 0;\n  font-size: 14px;\n}\n\n.add-block-option-text {\n  min-width: 0;\n}\n\n.add-block-option-title {\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.add-block-option-desc {\n  margin-top: 1px;\n  color: #667085;\n  font-size: 12px;\n  line-height: 16px;\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.field-empty {\n  padding: 24px 0;\n}\n\n.field-label-tips-icon {\n  margin-left: 4px;\n  color: rgba(0, 0, 0, 0.45);\n  cursor: help;\n  font-size: 14px;\n}\n\n.preview-header {\n  padding: 0 0 12px;\n  margin-bottom: 4px;\n}\n\n.preview-title {\n  margin-bottom: 4px !important;\n}\n\n.preview-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  padding: 0;\n}\n.preview-body :global form {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 100%;\n}\n.preview-body :global .ant-card-extra .ant-btn.ant-btn-icon-only {\n  width: 32px;\n  height: 32px;\n  min-width: 32px;\n  padding: 0 !important;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.preview-body :global form .ant-card.no-title > .ant-card-head {\n  margin-bottom: 0 !important;\n  padding-bottom: 8px !important;\n}\n.preview-body :global form .ant-card.no-title > .ant-card-body {\n  padding-top: 0 !important;\n}\n\n.schema-form {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-height: 100%;\n  box-sizing: border-box;\n}\n\n.schema-body {\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  width: 100%;\n  min-width: 0;\n}\n\n/* 表单底部操作区：与内容分隔，固定落在表单最下方 */\n.schema-actions {\n  width: 100%;\n  box-sizing: border-box;\n  margin-top: auto;\n  padding: 16px 0;\n  border-top: 1px solid rgba(0, 0, 0, 0.06);\n  flex-shrink: 0;\n}\n\n.schema-actions-inner {\n  width: 100%;\n}\n\n.choice-block {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.choice-selector {\n  margin-bottom: 4px;\n}\n.choice-selector :global .react-form__field {\n  margin-bottom: 8px;\n}\n.choice-selector :global .ant-checkbox-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.choice-selector :global .ant-radio-group {\n  display: inline-flex;\n  flex-wrap: wrap;\n}\n\n.choice-panels {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  width: 100%;\n  margin-top: 12px;\n  padding-top: 16px;\n  border-top: 1px solid rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n}\n\n.choice-panels-empty {\n  margin-top: 12px;\n  padding: 16px 0 4px;\n  border-top: 1px solid rgba(0, 0, 0, 0.06);\n  font-size: 13px;\n  line-height: 20px;\n  color: rgba(0, 0, 0, 0.45);\n  text-align: center;\n}\n\n.choice-option-panel {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  padding: 12px 14px;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n  border-radius: 8px;\n  background: #fafafa;\n}\n.choice-option-panel :global(.ant-card),\n.choice-option-panel :global(.ant-card-body) {\n  background: transparent;\n}\n\n.choice-option-panel-title {\n  margin-bottom: 12px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n  color: rgba(0, 0, 0, 0.88);\n}\n\n.choice-option-summary {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 8px;\n}\n\n.field-editor-form {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding-top: 4px;\n}\n\n.form-actions-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding-top: 4px;\n}\n.form-actions-editor :global .ant-row {\n  row-gap: 8px;\n}\n\n.form-actions-switch-field :global .react-form__field-main {\n  min-height: 32px;\n  display: flex;\n  align-items: center;\n}\n\n.form-actions-layout-panel {\n  padding: 14px 16px 18px;\n  border-radius: 10px;\n  background: #f7f8fa;\n  border: 1px solid rgba(0, 0, 0, 0.04);\n}\n.form-actions-layout-panel :global .ant-card {\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n}\n.form-actions-layout-panel :global .ant-card-head {\n  display: none;\n}\n.form-actions-layout-panel :global .ant-card-body {\n  padding: 0 !important;\n}\n.form-actions-layout-panel :global .ant-form-item {\n  margin-bottom: 14px;\n}\n.form-actions-layout-panel :global .ant-form-item:last-child {\n  margin-bottom: 0;\n}\n\n.form-actions-align-group {\n  display: flex !important;\n  width: 100%;\n  padding: 3px;\n  background: #fff;\n  border-radius: 999px;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n  overflow: hidden;\n}\n.form-actions-align-group :global .ant-radio-button-wrapper {\n  flex: 1;\n  height: 30px;\n  line-height: 30px;\n  padding-inline: 0;\n  text-align: center;\n  border: none !important;\n  border-radius: 999px !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  color: rgba(0, 0, 0, 0.65);\n}\n.form-actions-align-group :global .ant-radio-button-wrapper::before {\n  display: none !important;\n}\n.form-actions-align-group :global .ant-radio-button-wrapper:not(:first-child)::before {\n  display: none !important;\n}\n.form-actions-align-group :global .ant-radio-button-wrapper:hover {\n  color: rgba(0, 0, 0, 0.88);\n}\n.form-actions-align-group :global .ant-radio-button-wrapper:focus-within {\n  box-shadow: none !important;\n}\n.form-actions-align-group :global .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {\n  background: var(--primary-color, #1677ff) !important;\n  color: #fff !important;\n  font-weight: 500;\n}\n.form-actions-align-group :global .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {\n  color: #fff !important;\n  background: var(--primary-color, #1677ff) !important;\n  filter: brightness(1.08);\n}\n\n.form-actions-layout-title {\n  margin-bottom: 12px;\n  color: rgba(0, 0, 0, 0.65);\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.02em;\n}\n\n.form-actions-gap-slider {\n  margin: 0 6px 8px !important;\n  padding-bottom: 12px;\n}\n\n.editor-section {\n  margin-bottom: 4px;\n}\n\n.section-divider {\n  margin: 16px 0 !important;\n}\n\n.rule-editor,\n.options-editor,\n.super-select-props,\n.field-props-editor,\n.columns-editor {\n  padding: 0 2px;\n}\n\n.prop-row {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  width: 100%;\n}\n\n.prop-label {\n  color: rgba(0, 0, 0, 0.88);\n  font-size: 14px;\n}\n\n.options-item {\n  display: flex;\n  flex-direction: column;\n}\n\n.table-row-card {\n  background: #fafafa;\n}\n\n.tree-options-editor {\n  margin-top: 12px;\n}\n\n.tree-options-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.tree-option-node {\n  border: 1px solid #eef0f4;\n  border-radius: 8px;\n  background: #fff;\n  padding: 10px 12px;\n}\n\n.tree-option-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.tree-option-fields {\n  flex: 1;\n  min-width: 0;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n  gap: 8px;\n}\n\n.tree-option-actions {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  gap: 0;\n}\n\n.tree-option-children {\n  margin-top: 10px;\n  margin-left: 12px;\n  padding-left: 12px;\n  border-left: 2px solid #e6ebf5;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.tree-add-sibling {\n  align-self: flex-start;\n}\n\n.rule-checkbox-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px 16px;\n  margin-top: 12px;\n}\n\n.rule-len-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n  padding: 10px 12px;\n  background: #fafafa;\n  border-radius: 8px;\n}\n\n.rule-len-input {\n  flex: 1;\n  min-width: 0;\n  width: 100%;\n}\n\n.rule-len-sep {\n  flex: none;\n  color: rgba(0, 0, 0, 0.45);\n  line-height: 1;\n}\n\n.options-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin: 12px 0;\n}\n\n.options-row {\n  width: 100%;\n}\n\n.options-tip {\n  display: block;\n  margin-top: 8px;\n  color: #8c8c8c;\n  font-size: 12px;\n}\n\n/* 纯图标按钮统一为正方形 */\n.icon-square-btn {\n  width: 32px !important;\n  height: 32px !important;\n  min-width: 32px !important;\n  padding: 0 !important;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n}\n.icon-square-btn :global(.anticon) {\n  font-size: 14px;\n}\n\n.icon-square-btn-sm {\n  width: 28px !important;\n  height: 28px !important;\n  min-width: 28px !important;\n  padding: 0 !important;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n}\n.icon-square-btn-sm :global(.anticon) {\n  font-size: 13px;\n}\n\n@container kne-responsive (max-width: 768px) {\n  .form-creator.is-mobile .editor-header,\n  .form-creator.is-mobile .preview-header {\n    padding: 0 0 10px;\n  }\n  .form-creator.is-mobile .block-list-panel {\n    padding: 6px 0 0;\n  }\n  .form-creator.is-mobile .block-list {\n    gap: 10px;\n  }\n  .form-creator.is-mobile .block-section {\n    padding: 10px 12px;\n    border-radius: 10px;\n  }\n  .form-creator.is-mobile {\n    /* 触屏无 hover：操作与添加按钮常显 */\n  }\n  .form-creator.is-mobile .action-group,\n  .form-creator.is-mobile .hover-reveal {\n    opacity: 1;\n    pointer-events: auto;\n  }\n  .form-creator.is-mobile .block-section-header {\n    flex-wrap: wrap;\n    align-items: flex-start;\n    gap: 8px;\n  }\n  .form-creator.is-mobile .block-header-left {\n    width: 100%;\n    flex-wrap: wrap;\n  }\n  .form-creator.is-mobile .block-title {\n    max-width: 160px;\n    flex: 0 1 auto;\n  }\n  .form-creator.is-mobile .block-header-actions {\n    width: 100%;\n    display: flex;\n    justify-content: flex-end;\n    flex-wrap: wrap;\n    gap: 6px;\n  }\n  .form-creator.is-mobile .block-summary {\n    margin-left: 0;\n  }\n  .form-creator.is-mobile .step-section {\n    padding: 8px 10px;\n  }\n  .form-creator.is-mobile .step-section-header {\n    align-items: flex-start;\n    gap: 8px;\n  }\n  .form-creator.is-mobile {\n    /* 标题独占一行，避免与常显操作栏挤成竖排字 */\n  }\n  .form-creator.is-mobile .step-section-title {\n    flex: 0 0 100%;\n    width: 100%;\n    min-width: 0;\n    max-width: 100%;\n  }\n  .form-creator.is-mobile .step-section-actions {\n    width: 100%;\n    justify-content: flex-end;\n    gap: 6px;\n  }\n  .form-creator.is-mobile .field-row {\n    flex-wrap: wrap;\n    gap: 8px;\n    padding: 8px;\n    transform: none;\n  }\n  .form-creator.is-mobile .field-row:hover {\n    transform: none;\n  }\n  .form-creator.is-mobile .field-row-main {\n    flex: 1 1 calc(100% - 28px);\n    min-width: 0;\n  }\n  .form-creator.is-mobile .field-row .action-group {\n    margin-left: auto;\n  }\n  .form-creator.is-mobile .add-block-dropdown {\n    width: min(380px, 100vw - 32px);\n  }\n  .form-creator.is-mobile .add-inline-btn {\n    height: 28px !important;\n    padding: 0 12px !important;\n  }\n  .form-creator.is-mobile .action-btn {\n    width: 28px !important;\n    height: 28px !important;\n    min-width: 28px !important;\n  }\n  .form-creator.is-mobile .preview-body {\n    padding: 0;\n  }\n  .form-creator.is-mobile .preview-body :global form + .part,\n  .form-creator.is-mobile .preview-body :global .part + form {\n    margin-top: 12px;\n  }\n  .form-creator.is-mobile .preview-body :global .ant-steps {\n    max-width: 100%;\n  }\n  .form-creator.is-mobile .preview-body :global .ant-steps-horizontal {\n    overflow-x: auto;\n  }\n}"]}