feat(editor): 属性样式添加边框

Tencent · Jun 26, 2023 · 4daf6b4 · 4daf6b4
1 parent 1660e94
commit 4daf6b4
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/packages/editor/src/utils/props.ts b/packages/editor/src/utils/props.ts
@@ -105,6 +105,38 @@ export const fillConfig = (config: FormConfig = []) => [
                   },
                 ],
               },
+              {
+                type: 'fieldset',
+                legend: '边框',
+                items: [
+                  {
+                    name: 'borderWidth',
+                    text: '宽度',
+                  },
+                  {
+                    name: 'borderColor',
+                    text: '颜色',
+                    type: 'colorPicker',
+                  },
+                  {
+                    name: 'borderStyle',
+                    text: '样式',
+                    type: 'select',
+                    options: [
+                      { text: 'none', value: 'none' },
+                      { text: 'hidden', value: 'hidden' },
+                      { text: 'dotted', value: 'dotted' },
+                      { text: 'dashed', value: 'dashed' },
+                      { text: 'solid', value: 'solid' },
+                      { text: 'double', value: 'double' },
+                      { text: 'groove', value: 'groove' },
+                      { text: 'ridge', value: 'ridge' },
+                      { text: 'inset', value: 'inset' },
+                      { text: 'outset', value: 'outset' },
+                    ],
+                  },
+                ],
+              },
               {
                 type: 'fieldset',
                 legend: '背景',