chore: button组件样式选择支持可视化选择类型

qkiroc · Aug 17, 2023 · 030c2cb · 030c2cb
1 parent 302e823
commit 030c2cb
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/packages/amis-editor-core/scss/components/_button.scss b/packages/amis-editor-core/scss/components/_button.scss
@@ -0,0 +1,5 @@
+.ButtonLevel-MenuTpl {
+  height: 40px;
+  display: flex;
+  align-items: center;
+}
diff --git a/packages/amis-editor-core/scss/editor.scss b/packages/amis-editor-core/scss/editor.scss
@@ -52,6 +52,9 @@
 @import './style-control/style-common';
 @import './style-control/theme-css-code';
 
+/* 组件样式 */
+@import './components/button';
+
 @keyframes growing {
   0% {
     box-shadow: 0 0 10px rgba(#23b7e5, 0) inset;

diff --git a/packages/amis-editor/src/tpl/common.tsx b/packages/amis-editor/src/tpl/common.tsx
@@ -1083,6 +1083,8 @@ setSchemaTpl('buttonLevel', {
   label: '按钮样式',
   type: 'select',
   name: 'level',
+  menuTpl:
+    '<div class="ButtonLevel-MenuTpl"><button type="button" class="cxd-Button cxd-Button--${value} cxd-Button--size-sm cxd-Button--block">${label}</button></div>',
   options: [
     {
       label: '默认',