Merge branch 'main' of github.com:le5le-com/visualization-design

src/services/defaults.ts

@@ -951,18 +951,14 @@ export const formComponents = [
         data: {
           anchors: [],
           disableAnchor: true,
-          name: 'slider',
-          width: 300,
-          height: 20,
-          value: 10,
-          textWidth: 50,
-          barHeight: 4,
-          min: 0,
-          max: 100,
-          color: '#1890ff',
-          background: '#D4D6D9',
-          textColor: '#222222',
-          unit: '%',
+          name: 'progress',
+          width: 164,
+          height: 6,
+          borderRadius: 0.5,
+          progressColor: '#4583ff',
+          progress: 0.8,
+          background: 'rgba(225, 227, 232, 1)',
+          lineWidth: 0,
         },
       },
       {
@@ -1008,6 +1004,20 @@ export const formComponents = [
             'https://video.699pic.com/videos/17/69/11/a_aa3jeKZ0D63g1556176911_10s.mp4',
         },
       },
+      {
+        name: 'FLV视频流',
+        icon: 'l-pc',
+        data: {
+          name: 'leFlvPlayer',
+          width: 477,
+          height: 268,
+          externElement: true,
+          video:
+            'https://sf1-hscdn-tos.pstatp.com/obj/media-fe/xgplayer_doc_video/flv/xgplayer-demo-360p.flv',
+          mediaDataSource: {},
+          optionalConfig: {},
+        },
+      },
       {
         name: '音频',
         icon: 'l-pc',
@@ -1305,8 +1315,8 @@ export const formComponents = [
         icon: 'l-02',
         data: {
           name: 'iframe',
-          width: 100,
-          height: 100,
+          width: 500,
+          height: 400,
           externElement: true,
           iframe: 'https://le5le.com',
         },
@@ -1321,8 +1331,32 @@ export const formComponents = [
         name: '业务指标',
         icon: 'l-pc',
         data: {
-          width: 200,
-          height: 200,
+          width: 115,
+          height: 25,
+          name: 'indicator',
+          data: [
+            {
+              type: 'text',
+              color: '',
+              x: 0,
+              text: '业务指标',
+            },
+            {
+              type: 'icon',
+              x: 0.5,
+              size: 0.5, //高度的倍数
+              color: '#ff0000',
+              background: '#f00',
+              path: 'M116.77950993 500.07050546c15.9195644 15.9195644 41.65144342 15.9195644 57.57100785 0L471.28500154 203.13602167 471.28500154 919.14998461c0 22.47467916 18.24031931 40.71499846 40.71499846 40.71499845s40.71499846-18.24031931 40.71499846-40.71499845l0-716.01396294 296.93448376 296.93448379c15.9195644 15.9195644 41.65144342 15.9195644 57.57100785 0s15.9195644-41.65144342 1e-8-57.57100783l-366.43498616-366.39427116c-3.74577985-3.78649485-8.26514469-6.75868973-13.27308951-8.83515464C522.5858996 65.19360688 517.29294978 64.13501693 512 64.13501694s-10.5858996 1.05858996-15.55312942 3.13505489c-5.00794479 2.07646491-9.48659464 5.0486598-13.27308948 8.83515464l-366.43498616 366.39427115C100.85994556 458.41906201 100.85994555 484.15094105 116.77950993 500.07050546z',
+            },
+            {
+              textColor: '#f00',
+              type: 'text',
+              color: '',
+              x: 0.6,
+              text: '20%',
+            },
+          ],
         },
       },
       {
@@ -1330,7 +1364,26 @@ export const formComponents = [
         icon: 'l-pc',
         data: {
           width: 200,
-          height: 200,
+          height: 46,
+          text: '用于表示普通操作信息提示',
+          borderRadius: 6,
+          name: 'rectangle',
+          icon: '\ue6e4',
+          iconFamily: 'l-icon',
+          iconColor: '#4583ff',
+          iconSize: 17.5,
+          iconAlign: 'left',
+          iconLeft: 8,
+          textAlign: 'left',
+          color: 'rgba(235, 235, 235, 1)',
+          background: 'rgba(255, 255, 255, 1)',
+          textLeft: 30,
+          shadow: false,
+          textColor: 'rgba(0, 0, 0, 1)',
+          shadowColor: 'rgba(250, 247, 247, 0.5)',
+          shadowOffsetX: 6,
+          shadowOffsetY: 6,
+          shadowBlur: 20,
         },
       },
       {
@@ -1412,6 +1465,28 @@ export const formComponents = [
           hiddenText: true,
         },
       },
+      {
+        name: '轮播页面',
+        icon: 'l-pc',
+        data: {
+          name: 'leSwiper',
+          width: 400,
+          height: 300,
+          swiperType: 'iframe',
+          data: [
+            {
+              src: 'https://2d.le5le.com/preview?id=6357a9e2d44b9402de84d2e8',
+            },
+            {
+              src: 'https://2d.le5le.com/preview?id=6357aec8d44b9402de84d2f1',
+            },
+            {
+              src: 'https://2d.le5le.com/preview?id=641d524a8df2c654ea652d7e',
+            },
+          ],
+          hiddenText: true,
+        },
+      },
     ],
   },
   {
@@ -1422,8 +1497,23 @@ export const formComponents = [
         name: '链接',
         icon: 'l-pc',
         data: {
-          width: 200,
-          height: 200,
+          text: '乐吾乐2D编辑器',
+          width: 100,
+          height: 30,
+          name: 'text',
+          textColor: '#0052d9',
+          events: [
+            {
+              where: {
+                type: null,
+              },
+              name: 'click',
+              action: 0,
+              params: '_blank',
+              value: 'https://2d.le5le.com/',
+              fn: null,
+            },
+          ],
         },
       },
       {
@@ -1592,8 +1682,34 @@ export const formComponents = [
         name: '选项卡',
         icon: 'l-pc',
         data: {
-          width: 200,
-          height: 200,
+          name: 'leTab',
+          width: 500,
+          height: 50,
+          direction: 'horizontal',
+          selectKey: '0',
+          data: [
+            { text: '场景一', key: '0', isForbidden: true },
+            { text: '场景二', key: '1' },
+            { text: '场景三', key: '2' },
+            { text: '场景四', key: '3' },
+          ],
+        },
+      },
+      {
+        name: '多选选项卡',
+        icon: 'l-pc',
+        data: {
+          name: 'leTabs',
+          width: 500,
+          height: 50,
+          direction: 'horizontal',
+          selectedKeys: ['0'],
+          data: [
+            { text: '场景一', key: '0' },
+            { text: '场景二', key: '1', isForbidden: true },
+            { text: '场景三', key: '2' },
+            { text: '场景四', key: '3' },
+          ],
         },
       },
     ],
@@ -1778,7 +1894,22 @@ export const formComponents = [
       {
         name: '滑块',
         icon: 'l-kaiguan',
-        data: {},
+        data: {
+          anchors: [],
+          disableAnchor: true,
+          name: 'slider',
+          width: 300,
+          height: 20,
+          value: 10,
+          textWidth: 50,
+          barHeight: 4,
+          min: 0,
+          max: 100,
+          color: '#1890ff',
+          background: '#D4D6D9',
+          textColor: '#222222',
+          unit: '%',
+        },
       },
     ],
   },