feat:defaulsts

src/services/defaults.ts

@@ -1170,6 +1170,15 @@ export const formComponents = [
           background: '#689f38',
           borderRadius: 0.5,
           ratio: true,
+          props: {
+            custom: [
+              {
+                key: 'imageRadius',
+                label: '图片圆角半径',
+                type: 'slider',
+              },
+            ],
+          },
         },
       },
       {
@@ -1234,6 +1243,11 @@ export const formComponents = [
                 label: '显示格式',
                 type: 'string',
               },
+              {
+                key: 'fillZero',
+                label: '补0',
+                type: 'switch',
+              },
             ],
           },
         },
@@ -1474,6 +1488,21 @@ export const formComponents = [
                 label: '数据',
                 type: 'code',
               },
+              {
+                key: 'background',
+                label: '背景颜色',
+                type: 'color',
+              },
+              {
+                key: 'headingSize',
+                label: '标题大小',
+                type: 'number',
+              },
+              {
+                key: 'headingColor',
+                label: '标题颜色',
+                type: 'color',
+              },
             ],
           },
         },
@@ -1942,6 +1971,20 @@ export const formComponents = [
           shadowOffsetX: 6,
           shadowOffsetY: 6,
           shadowBlur: 20,
+          props: {
+            custom: [
+              {
+                key: 'text',
+                label: '文本',
+                type: 'text',
+              },
+              {
+                key: 'textColor',
+                label: '文本颜色',
+                type: 'color',
+              },
+            ],
+          },
         },
       },
       {
@@ -2162,6 +2205,15 @@ export const formComponents = [
               ],
             },
           ],
+          props: {
+            custom: [
+              {
+                key: 'events.0.actions.0.value',
+                label: '地址',
+                type: 'string',
+              },
+            ],
+          },
         },
       },
       {
@@ -2196,24 +2248,27 @@ export const formComponents = [
           icon: '\uea7b',
           iconFamily: 'l-icon',
           events: [
-            // {
-            //   action: 5,
-            //   name: 'click',
-            //   params: 'pen.id/tag',
-            //   value:
-            //     'let pens = context.meta2d.find(params);\r\nif (!pens.length) {\r\n    pens = [pen]\r\n}\r\ncontext.meta2d.active(pens, true);\r\ncontext.meta2d.gotoView(pens[0]);\r\ncontext.meta2d.resize();\r\ncontext.meta2d.render();',
-            //   where: { type: null },
-            // },
             {
               name: 'click',
-              actions: {
-                action: 5,
-                params: 'pen.id/tag',
-                value:
-                  'let pens = context.meta2d.find(params);\r\nif (!pens.length) {\r\n    pens = [pen]\r\n}\r\ncontext.meta2d.active(pens, true);\r\ncontext.meta2d.gotoView(pens[0]);\r\ncontext.meta2d.resize();\r\ncontext.meta2d.render();',
-              },
+              actions: [
+                {
+                  action: 5,
+                  params: 'pen.id/tag',
+                  value:
+                    'let pens = context.meta2d.find(params);\r\nif (!pens.length) {\r\n    pens = [pen]\r\n}\r\ncontext.meta2d.active(pens, true);\r\ncontext.meta2d.gotoView(pens[0]);\r\ncontext.meta2d.resize();\r\ncontext.meta2d.render();',
+                },
+              ],
             },
           ],
+          props: {
+            custom: [
+              {
+                key: 'events.0.actions.0.params',
+                label: '定位图元',
+                type: 'string',
+              },
+            ],
+          },
         },
       },
       {
@@ -2242,25 +2297,17 @@ export const formComponents = [
           icon: '\uec57',
           iconFamily: 'l-icon',
           events: [
-            // {
-            //   action: 5,
-            //   name: 'click',
-            //   // params: 'pen.id/tag',
-            //   value: `
-            //   const { scale, origin, y: dataY } = context.meta2d.store.data;
-            //   context.meta2d.translate(
-            //     0,
-            //     ((parseInt(params)||32) * context.meta2d.store.data.scale - origin.y) / scale - dataY / scale
-            //   );`,
-            //   where: { type: null },
-            // },
             {
               name: 'click',
               actions: [
                 {
-                  action: 0,
-                  params: '_blank',
-                  value: 'https://2d.le5le.com/',
+                  action: 5,
+                  value: `
+const { scale, origin, y: dataY } = context.meta2d.store.data;
+context.meta2d.translate(
+0,
+((parseInt(params)||32) * context.meta2d.store.data.scale - origin.y) / scale - dataY / scale
+);`,
                 },
               ],
             },
@@ -2356,6 +2403,15 @@ export const formComponents = [
               title: '运维管理',
             },
           ],
+          props: {
+            custom: [
+              {
+                key: 'data',
+                label: '数据',
+                type: 'code',
+              },
+            ],
+          },
         },
       },
       {
@@ -2419,6 +2475,15 @@ export const formComponents = [
             },
           ],
           expand: true,
+          props: {
+            custom: [
+              {
+                key: 'data',
+                label: '数据',
+                type: 'code',
+              },
+            ],
+          },
         },
       },
       {
@@ -2497,6 +2562,35 @@ export const formComponents = [
               status: 'default', //default/process/finish/error
             },
           ],
+          props: {
+            custom: [
+              {
+                key: 'data',
+                label: '数据',
+                type: 'code',
+              },
+              {
+                key: 'direction',
+                label: '方向',
+                type: 'select',
+                options: [
+                  { label: '水平', value: 'horizontal' },
+                  { label: '垂直', value: 'vertical' },
+                ],
+              },
+              // {
+              //   key: 'labelAlign',
+              //   label: '对齐',
+              //   type: 'select',
+              //   options: [
+              //     { label: '上', value: 'top' },
+              //     { label: '下', value: 'bottom' },
+              //     { label: '左', value: 'left' },
+              //     { label: '右', value: 'right' },
+              //   ],
+              // },
+            ],
+          },
         },
       },
       {