feat:给tab图元增加背景图片和宽高配置

src/services/defaults.ts

@@ -2930,6 +2930,16 @@ context.meta2d.translate(
                 label: '间隔',
                 type: 'number',
               },
+              {
+                key: 'btnWidth',
+                label: '按钮宽度',
+                type: 'number',
+              },
+              {
+                key: 'btnHeight',
+                label: '按钮高度',
+                type: 'number',
+              },
               {
                 key: 'activeBackground',
                 label: '选中背景',
@@ -2944,7 +2954,13 @@ context.meta2d.translate(
                 key: 'activeTextColor',
                 label: '选中文字',
                 type: 'color',
-              }, {
+              }, 
+              {
+                key: 'activeBgImage',
+                label: '选中背景图片',
+                type: 'string',
+              },
+              {
                 key: 'background',
                 label: '(未选中)背景',
                 type: 'color',
@@ -2958,6 +2974,11 @@ context.meta2d.translate(
                 key: 'textColor',
                 label: '(未选中)文字',
                 type: 'color',
+              },
+              {
+                key: 'bgImage',
+                label: '(未选中)背景图片',
+                type: 'string',
               }
             ],
           },
@@ -3001,6 +3022,16 @@ context.meta2d.translate(
                 label: '间隔',
                 type: 'number',
               },
+              {
+                key: 'btnWidth',
+                label: '按钮宽度',
+                type: 'number',
+              },
+              {
+                key: 'btnHeight',
+                label: '按钮高度',
+                type: 'number',
+              },
               {
                 key: 'activeBackground',
                 label: '选中背景',
@@ -3015,7 +3046,13 @@ context.meta2d.translate(
                 key: 'activeTextColor',
                 label: '选中文字',
                 type: 'color',
-              }, {
+              }, 
+              {
+                key: 'activeBgImage',
+                label: '选中背景图片',
+                type: 'string',
+              },
+              {
                 key: 'background',
                 label: '(未选中)背景',
                 type: 'color',
@@ -3029,6 +3066,11 @@ context.meta2d.translate(
                 key: 'textColor',
                 label: '(未选中)文字',
                 type: 'color',
+              },
+              {
+                key: 'bgImage',
+                label: '(未选中)背景图片',
+                type: 'string',
               }
             ],
           },

src/views/components/pen.ts

@@ -39,7 +39,19 @@ export const updatePen = (pen: any, prop: string, render = true) => {
       v.whiteSpace = 'nowrap';
       pen.whiteSpace = 'nowrap';
     }
-  }
+  } else if(prop === 'btnWidth'){
+    if (pen.direction == 'vertical') {
+      v.width = ((pen.btnWidth || 100) + (pen.gap || 8) * 2);
+    } else {
+      v.width = (pen.btnWidth || 100)  * pen.data.length + (pen.gap || 8) * (pen.data.length + 1);
+    }
+  } else if(prop === 'btnHeight'){
+    if (pen.direction == 'vertical') {
+      v.height = (pen.btnHeight || 32)  * pen.data.length + (pen.gap || 8) * (pen.data.length + 1);
+    } else {
+      v.height = (pen.btnHeight || 32) + (pen.gap || 8) * 2;
+    }
+  } 
   meta2d.setValue(v, { render });
 };