feat:conflict

src/services/defaults.ts

@@ -1125,7 +1125,7 @@ export const formComponents = [
           lineWidth: 0,
           image: (cdn ? cdn + '/v' : '') + '/img/avatar.png',
           imageRadius: 0.5,
-          background: '#689f38',
+          // background: '#f0f',
           borderRadius: 0.5,
           ratio: true,
           props: {
@@ -1174,6 +1174,7 @@ export const formComponents = [
           color: '#FFFFFFAA',
           background: '#282E3B', //#f6ffed
           textLeft: -6,
+          affectByTheme: true
         },
       },
     ],
@@ -1602,8 +1603,9 @@ export const formComponents = [
           rowHeaders:true,
           colHeaders:true,
           maxNum:16,
-          textColor:'#E3E8F4',
-          background:'#10131A',
+          textColor:'#bdc7db',
+          color:'rgba(255,255,255,0.90)',
+          background:'#1e2430',
           tableType:'longlist',
           mergeCells: [
             { row: 1, col: 1, rowspan: 3, colspan: 3 },
@@ -1699,7 +1701,7 @@ export const formComponents = [
           vLine: false,
           hLine: false,
           stripe: true,
-          stripeColor: '#407FFF1F', //'#15181c',
+          stripeColor: 'rgba(150,192,255,0.10)', //'#15181c',
           // hasHeader: false,
           textColor: '#FFFFFF',
           columns:[
@@ -1756,7 +1758,8 @@ export const formComponents = [
           styles: [
             {
               row: 0,
-              textColor: '#ffffff66',
+              textColor: 'rgba(255,255,255,0.6)',
+              background: '#303746',
             },
             // {
             //   col: 3,
@@ -2031,6 +2034,11 @@ export const formComponents = [
             ]
         ],
           styles: [
+            {
+              "row":0,
+              "background":'#303746',
+              "textColor": "rgba(255,255,255,0.6)",
+            },
             {
                 "col": 1,
                 "width": 112
@@ -2056,6 +2064,7 @@ export const formComponents = [
             // },
             {
                 "col": 0,
+                "textColor": "rgba(255,255,255,0.6)",
                 "pens": [
                     {
                         "background": "#4583FF33",
@@ -2157,7 +2166,8 @@ export const formComponents = [
           rowHeight: 30,
           color: "#bdc7db",
           stripe: true,
-          stripeColor: "#407FFF1F",
+          textColor: 'rgba(255,255,255,0.90)',
+          stripeColor: "rgba(150,192,255,0.10)",
           ellipsis: true,
           whiteSpace: "break-all",
           maxNum:10,
@@ -2305,13 +2315,14 @@ export const formComponents = [
           styles: [
             {
               "row": 0,
-              "textColor": "#ffffff66"
+              "background":'#303746',
+              "textColor": "rgba(255,255,255,0.6)",
             },
             {
               "col": 3,
               "pens": [
                 {
-                  "color": "#0052d9",
+                  "color": "#4583ff",
                   "disableAnchor": true,
                   "height": 20,
                   "lineWidth": 0,
@@ -2675,12 +2686,12 @@ export const formComponents = [
               type: 'icon',
               x: 0.5,
               size: 0.5, //高度的倍数
-              color: '#ff0000',
-              background: '#f00',
+              color: '#FF5D3CFF',
+              background: '#FF5D3CFF',
               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',
+              textColor: '#FF5D3CFF',
               type: 'text',
               color: '',
               x: 0.6,
@@ -2726,6 +2737,7 @@ export const formComponents = [
           shadowOffsetX: 6,
           shadowOffsetY: 6,
           shadowBlur: 20,
+          affectByTheme: true,
           // props: {
           //   custom: [
           //     {
@@ -2775,6 +2787,7 @@ export const formComponents = [
           heading: $t('标题名称'),
           headingColor: '#FFFFFFE6',
           headingSize: 16,
+          affectByTheme: true,
           // headingWeight: 'bold',
           props: {
             custom: [
@@ -3054,6 +3067,11 @@ export const formComponents = [
           textTop: -2,
           icon: '\uec57',
           iconFamily: 'l-icon',
+          shadowColor: '#00000014',
+          shadowOffsetX: 6,
+          shadowOffsetY: 6,
+          shadowBlur: 20,
+          affectByTheme: true,
           events: [
             {
               name: 'click',
@@ -3698,8 +3716,7 @@ context.meta2d.translate(
           btnWidth: 100,
           gap:2,
           background:'#272c33',
-          activeBackground:'#272c33',
-          color:'transparent',
+          activeBackground:'#4583ff',
           disableInput: true,
           data: [
             { 
@@ -3710,14 +3727,14 @@ context.meta2d.translate(
             { 
               text: $t('正常运行(7)'), 
               key: '1',
-              textColor:'green',
-              activeTextColor:'green'
+              textColor:'#58CC84FF',
+              activeTextColor:'#58CC84FF'
              },
             { 
               text: $t('故障告警(0)'), 
               key: '2',
-              textColor:'red',
-              activeTextColor:'red'
+              textColor:'#FF5D3CFF',
+              activeTextColor:'#FF5D3CFF'
             },
             { 
               text: $t('通讯异常(8)'), 
@@ -3920,11 +3937,11 @@ context.meta2d.translate(
           disableAnchor: true,
           borderRadius: 2,
           text: $t('按钮'),
-          activeBackground:undefined,
-          activeColor: undefined,
+          activeBackground:"#2d71ec",
+          activeColor: "#fff",
           background: '#4583FF',
           color: '#1890ff',
-          hoverBackground: '#40a9ff',
+          hoverBackground: '#7da4ff',
           hoverColor: '#7DA4FF',
           textColor: '#ffffff',
           hoverTextColor: '#ffffff',
@@ -3964,8 +3981,8 @@ context.meta2d.translate(
           color: '#1890ff',
           bkType:1,
           lineWidth:0,
-          gradientColors:"linear-gradient(90deg,rgba(25, 110, 104, 1) 0%,rgba(22, 161, 84, 1) 100%)",
-          onGradientColors:"linear-gradient(90deg,rgba(5, 207, 193, 1) 0%,rgba(4, 207, 95, 1) 100%)",
+          gradientColors:"linear-gradient(360deg,#4583ff 0%,#33ccff 100%)",
+          onGradientColors:"linear-gradient(360deg,#3062da 0%, #22a5d9 100%)",
           // hoverBackground: '#40a9ff',
           // hoverColor: '#7DA4FF',
           textColor: '#ffffff',
@@ -4012,6 +4029,7 @@ context.meta2d.translate(
           // activeTextColor: '#000000FF',
           textLeft: 10,
           interaction: true,
+          affectByTheme: true,
           props: {
             custom: [
               {
@@ -4042,6 +4060,7 @@ context.meta2d.translate(
           color: '#424B61',
           textColor: '#FFFFFFE6',
           interaction: true,
+          affectByTheme: true,
           props: {
             custom: [
               {
@@ -4186,6 +4205,7 @@ context.meta2d.translate(
           activeTextColor: '#FFFFFFE6',
           textLeft: 10,
           interaction: true,
+          affectByTheme: true,
           dropdownList: [
             {
               text: $t('选项1'),
@@ -4368,6 +4388,983 @@ context.meta2d.translate(
           } 
         },
       },
+      {
+        name: '日期-日',
+        icon: 'l-riqi--ri',
+        data: {
+          width: 240,
+          height: 32,
+          title: '日期选择-日',
+          name: 'datePickerDom',
+          disableInput: true,
+          multiple: false,
+          autoDropdown: true, // false,平铺，true,自动展开
+          mode: 'date',
+          pickerTimes: ['2024-11-11'],
+          styles: styleMap['datePickerDom'],
+          props: {
+            custom: [
+              {
+                key: "autoDropdown",
+                label: "是否自动平铺",
+                type: "switch"
+              },
+              {
+                key: 'mode',
+                label: '类型选择',
+                type: 'select',
+                options: [
+                  { label: '日', value: 'date' },
+                  { label: '周', value: 'week' },
+                  { label: '月', value: 'month' },
+                  { label: '年', value: 'year' },
+                  { label: '时间', value: 'time' },
+                ],
+              },
+              {
+                key: "multiple",
+                label: "是否多选",
+                type: "switch"
+              },
+              {
+                key: 'styles',
+                label: '自定义样式',
+                type: 'code',
+                language: 'css',
+              },
+            ]
+          }
+        },
+      },
+      {
+        name: '日期-周',
+        icon: 'l-riqi--zhou',
+        data: {
+          width: 240,
+          height: 32,
+          title: '日期选择-周',
+          name: 'datePickerDom',
+          styles: styleMap['datePickerDom'],
+          disableInput: true,
+          multiple: true,
+          autoDropdown: true, // false,平铺，true,自动展开
+          mode: 'week',
+          pickerTimes: ['2024-45'],
+          props: {
+            custom: [
+              {
+                key: "autoDropdown",
+                label: "是否自动平铺",
+                type: "switch"
+              },
+              {
+                key: 'mode',
+                label: '类型选择',
+                type: 'select',
+                options: [
+                  { label: '日', value: 'date' },
+                  { label: '周', value: 'week' },
+                  { label: '月', value: 'month' },
+                  { label: '年', value: 'year' },
+                  { label: '时间', value: 'time' },
+                ],
+              },
+              {
+                key: "multiple",
+                label: "是否多选",
+                type: "switch"
+              },
+              {
+                key: 'styles',
+                label: '自定义样式',
+                type: 'code',
+                language: 'css',
+              },
+            ]
+          }
+        },
+      },
+      {
+        name: '日期-月',
+        icon: 'l-riqi--yue',
+        data: {
+          width: 240,
+          height: 32,
+          title: '日期选择-月',
+          name: 'datePickerDom',
+          styles: styleMap['datePickerDom'],
+          disableInput: true,
+          multiple: false,
+          autoDropdown: true, // false,平铺，true,自动展开
+          mode: 'month',
+          pickerTimes: ["2024-11"],
+          props: {
+            custom: [
+              {
+                key: "autoDropdown",
+                label: "是否自动平铺",
+                type: "switch"
+              },
+              {
+                key: 'mode',
+                label: '类型选择',
+                type: 'select',
+                options: [
+                  { label: '日', value: 'date' },
+                  { label: '周', value: 'week' },
+                  { label: '月', value: 'month' },
+                  { label: '年', value: 'year' },
+                  { label: '时间', value: 'time' },
+                ],
+              },
+              {
+                key: "multiple",
+                label: "是否多选",
+                type: "switch"
+              },
+              {
+                key: 'styles',
+                label: '自定义样式',
+                type: 'code',
+                language: 'css',
+              },
+            ]
+          }
+        },
+      },
+      {
+        name: '日期-年',
+        icon: 'l-riqi--nian',
+        data: {
+          width: 240,
+          height: 32,
+          title: '日期选择-年',
+          name: 'datePickerDom',
+          styles: styleMap['datePickerDom'],
+          disableInput: true,
+          multiple: true,
+          autoDropdown: true, // false,平铺，true,自动展开
+          mode: 'year',
+          pickerTimes: ['2025'],
+          props: {
+            custom: [
+              {
+                key: "autoDropdown",
+                label: "是否自动平铺",
+                type: "switch"
+              },
+              {
+                key: 'mode',
+                label: '类型选择',
+                type: 'select',
+                options: [
+                  { label: '日', value: 'date' },
+                  { label: '周', value: 'week' },
+                  { label: '月', value: 'month' },
+                  { label: '年', value: 'year' },
+                  { label: '时间', value: 'time' },
+                ],
+              },
+              {
+                key: "multiple",
+                label: "是否多选",
+                type: "switch"
+              },
+              {
+                key: 'styles',
+                label: '自定义样式',
+                type: 'code',
+                language: 'css',
+              },
+            ]
+          }
+        },
+      },
+      {
+        name: '日期-时间',
+        icon: 'l-riqi--shijian',
+        data: {
+          width: 240,
+          height: 32,
+          name: 'datePickerDom',
+          styles: styleMap['datePickerDom'],
+          title: '带时间的日期选择',
+          disableInput: true,
+          mode: 'time',
+          multiple: false,
+          autoDropdown: true, // false,平铺，true,自动展开
+          pickerTimes: ['2024-11-18 01:02:03'],
+          props: {
+            custom: [
+              {
+                key: "autoDropdown",
+                label: "是否自动平铺",
+                type: "switch"
+              },
+              {
+                key: 'mode',
+                label: '类型选择',
+                type: 'select',
+                options: [
+                  { label: '日', value: 'date' },
+                  { label: '周', value: 'week' },
+                  { label: '月', value: 'month' },
+                  { label: '年', value: 'year' },
+                  { label: '时间', value: 'time' },
+                ],
+              },
+              {
+                key: "multiple",
+                label: "是否多选",
+                type: "switch"
+              },
+              {
+                key: 'styles',
+                label: '自定义样式',
+                type: 'code',
+                language: 'css',
+              },
+            ]
+          }
+        },
+      },
+      {
+        name: '区间-日',
+        icon: 'l-qujian--ri',
+        data: {
+          width: 420,
+          height: 32,
+          title: '日期区间-日',
+          name: 'dateRangePickerDom',
+          mode: 'date',
+          styles: styleMap['dateRangePickerDom'],
+          // styles: ['.l-button {width: 24px;padding: 0;background-color: red !important;border-color: red !important;'],
+          disableInput: true,
+          autoDropdown: true, // false,平铺，true,自动展开
+          pickerTimes: ['2024-11-10', '2025-03-01'],
+          props: {
+            custom: [
+              {
+                key: "autoDropdown",
+                label: "是否自动平铺",
+                type: "switch"
+              },
+              {
+                key: 'mode',
+                label: '类型选择',
+                type: 'select',
+                options: [
+                  { label: '日', value: 'date' },
+                  { label: '周', value: 'week' },
+                  { label: '月', value: 'month' },
+                  { label: '年', value: 'year' },
+                  { label: '时间', value: 'time' },
+                ],
+              },
+              {
+                key: 'styles',
+                label: '自定义样式',
+                type: 'code',
+                language: 'css',
+              },
+            ]
+          }
+        },
+      },
+      {
+        name: '区间-周',
+        icon: 'l-qujian--zhou',
+        data: {
+          width: 420,
+          height: 32,
+          title: '日期区间-周',
+          mode: 'week',
+          name: 'dateRangePickerDom',
+          styles: styleMap['dateRangePickerDom'],
+          disableInput: true,
+          autoDropdown: true, // false,平铺，true,自动展开
+          pickerTimes: ['2024-11', '2025-03'],
+          props: {
+            custom: [
+              {
+                key: "autoDropdown",
+                label: "是否自动平铺",
+                type: "switch"
+              },
+              {
+                key: 'mode',
+                label: '类型选择',
+                type: 'select',
+                options: [
+                  { label: '日', value: 'date' },
+                  { label: '周', value: 'week' },
+                  { label: '月', value: 'month' },
+                  { label: '年', value: 'year' },
+                  { label: '时间', value: 'time' },
+                ],
+              },
+              {
+                key: 'styles',
+                label: '自定义样式',
+                type: 'code',
+                language: 'css',
+              },
+            ]
+          }
+        },
+      },
+      {
+        name: '区间-月',
+        icon: 'l-qujian--yue',
+        data: {
+          width: 420,
+          height: 32,
+          title: '日期区间-月',
+          mode: 'month',
+          name: 'dateRangePickerDom',
+          styles: styleMap['dateRangePickerDom'],
+          disableInput: true,
+          autoDropdown: true, // false,平铺，true,自动展开
+          pickerTimes: ['2024-11', '2027-03'],
+          props: {
+            custom: [
+              {
+                key: "autoDropdown",
+                label: "是否自动平铺",
+                type: "switch"
+              },
+              {
+                key: 'mode',
+                label: '类型选择',
+                type: 'select',
+                options: [
+                  { label: '日', value: 'date' },
+                  { label: '周', value: 'week' },
+                  { label: '月', value: 'month' },
+                  { label: '年', value: 'year' },
+                  { label: '时间', value: 'time' },
+                ],
+              },
+              {
+                key: 'styles',
+                label: '自定义样式',
+                type: 'code',
+                language: 'css',
+              },
+            ]
+          }
+        },
+      },
+      {
+        name: '区间-年',
+        icon: 'l-qujian--nian',
+        data: {
+          width: 420,
+          height: 32,
+          title: '日期区间-年',
+          mode: 'year',
+          name: 'dateRangePickerDom',
+          styles: styleMap['dateRangePickerDom'],
+          disableInput: true,
+          autoDropdown: true, // false,平铺，true,自动展开
+          pickerTimes: ['2024', '2037'],
+          props: {
+            custom: [
+              {
+                key: "autoDropdown",
+                label: "是否自动平铺",
+                type: "switch"
+              },
+              {
+                key: 'mode',
+                label: '类型选择',
+                type: 'select',
+                options: [
+                  { label: '日', value: 'date' },
+                  { label: '周', value: 'week' },
+                  { label: '月', value: 'month' },
+                  { label: '年', value: 'year' },
+                  { label: '时间', value: 'time' },
+                ],
+              },
+              {
+                key: 'styles',
+                label: '自定义样式',
+                type: 'code',
+                language: 'css',
+              },
+            ]
+          }
+        },
+      },
+      {
+        name: '区间-时间',
+        icon: 'l-qujian--shijian',
+        data: {
+          width: 420,
+          height: 32,
+          title: '日期区间-时间',
+          mode: 'time',
+          name: 'dateRangePickerDom',
+          styles: styleMap['dateRangePickerDom'],
+          disableInput: true,
+          autoDropdown: true, // false,平铺，true,自动展开
+          pickerTimes: [],
+          props: {
+            custom: [
+              {
+                key: "autoDropdown",
+                label: "是否自动平铺",
+                type: "switch"
+              },
+              {
+                key: 'mode',
+                label: '类型选择',
+                type: 'select',
+                options: [
+                  { label: '日', value: 'date' },
+                  { label: '周', value: 'week' },
+                  { label: '月', value: 'month' },
+                  { label: '年', value: 'year' },
+                  { label: '时间', value: 'time' },
+                ],
+              },
+              {
+                key: 'styles',
+                label: '自定义样式',
+                type: 'code',
+                language: 'css',
+              },
+            ]
+          }
+        },
+      },
+      {
+        name: '树形选择器',
+        icon: 'l-shu-copy',
+        data: {
+          width: 300,
+          height: 64,
+          name: 'treeFilterDom',
+          styles: styleMap['treeFilterDom'],
+          defaultText: '请选择',
+          checked: [],
+          expanded: [],
+          autoDropdown: false, // false,平铺，true,自动展开
+          expandAll: false,
+          multiple: false,
+          onlyLeafCheck: false,
+          disableInput: true, // 这个配置不要修改
+          checkStrictly: false, //true,父子不关联，false,父子关联
+          filterable: false,
+          accordion: false, //手风琴模式
+          data: [
+            {
+              label: '湖北省',
+              value: '1',
+              children: [
+                {
+                  label: '黄冈市',
+                  value: '1-1',
+                  children: [
+                    {
+                      label: '武穴市',
+                      value: '1-1-1',
+                    },
+                  ],
+                },
+                {
+                  label: '武汉市',
+                  value: '1-2',
+                  children: [
+                    {
+                      label: '武昌区',
+                      value: '1-2-1',
+                      children: [
+                        {
+                          label: '东湖风景区',
+                          value: '1-2-1-1',
+                          children: [
+                            {
+                              label: '听涛景区',
+                              value: '1-2-1-1-1',
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                    {
+                      label: '汉阳区',
+                      value: '1-2-2',
+                      children: [
+                        {
+                          label: '汉阳大道',
+                          value: '1-2-2-1',
+                          children: [
+                            {
+                              label: '汉阳火车站',
+                              value: '1-2-2-1-1',
+                            },
+                          ],
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              label: '湖南省',
+              value: '2',
+              children: [
+                {
+                  label: '长沙市',
+                  value: '2-1',
+                  children: [
+                    {
+                      label: '橘子洲头',
+                      value: '2-1-1',
+                    },
+                  ],
+                },
+                {
+                  label: '常德市',
+                  value: '2-2',
+                  children: [
+                    {
+                      label: '桃源县',
+                      value: '2-2-1',
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+          props: {
+            custom: [
+              {
+                key: "autoDropdown",
+                label: "是否自动平铺",
+                type: "switch"
+              },
+              {
+                key: "expandAll",
+                label: "展开所有",
+                type: "switch"
+              },
+              {
+                key: "multiple",
+                label: "是否多选",
+                type: "switch"
+              },
+              {
+                key: "onlyLeafCheck",
+                label: "只能选择叶子节点",
+                type: "switch"
+              },
+              {
+                key: "checkStrictly",
+                label: "父子是否不关联",
+                type: "switch"
+              },
+              {
+                key: "filterable",
+                label: "过滤搜索",
+                type: "switch"
+              },
+              {
+                key: "accordion",
+                label: "手风琴模式",
+                type: "switch"
+              },
+              {
+                key: "defaultText",
+                label: "默认文本",
+                type: "input"
+              },
+              {
+                key: 'data',
+                label: '数据',
+                type: 'code',
+                language: 'json',
+              },
+              {
+                key: 'styles',
+                label: '自定义样式',
+                type: 'code',
+                language: 'css',
+              },
+            ]
+          }
+        },
+      },
+      {
+        name: '树形-异步',
+        icon: 'l-shu-yibu',
+        data: {
+          width: 300,
+          height: 64,
+          name: 'treeFilterDom',
+          styles: styleMap['treeFilterDom'],
+          checked: [], //所有被选中的节点id
+          expanded: [], //所有展开的节点id
+          title: '树形筛选器-动态加载', //鼠标的title
+          autoDropdown: false, // false,平铺，true,自动展开
+          expandAll: false, // true,展开全部，false,不展开
+          multiple: false, // true,多选，false,单选
+          disableInput: true, // true,禁用自带输入框，false,启用输入框
+          checkStrictly: false, //true,父子不关联，false,父子关联
+          filterable: false, // true,可搜索，false,不可搜索
+          accordion: false, //手风琴模式，true,开启，false,关闭
+          // loadFunc: null,
+          data: [
+            {
+              label: '湖北省',
+              value: '1',
+              children: true,
+            },
+            {
+              label: '湖南省',
+              value: '2',
+              children: true,
+            },
+          ],
+          props: {
+            custom: [
+              {
+                key: "autoDropdown",
+                label: "是否自动平铺",
+                type: "switch"
+              },
+              {
+                key: "expandAll",
+                label: "展开所有",
+                type: "switch"
+              },
+              {
+                key: "multiple",
+                label: "是否多选",
+                type: "switch"
+              },
+              {
+                key: "onlyLeafCheck",
+                label: "只能选择叶子节点",
+                type: "switch"
+              },
+              {
+                key: "checkStrictly",
+                label: "父子是否不关联",
+                type: "switch"
+              },
+              {
+                key: "filterable",
+                label: "过滤搜索",
+                type: "switch"
+              },
+              {
+                key: "accordion",
+                label: "手风琴模式",
+                type: "switch"
+              },
+              {
+                key: "defaultText",
+                label: "默认文本",
+                type: "input"
+              },
+              {
+                key: 'data',
+                label: '数据',
+                type: 'code',
+                language: 'json',
+              },
+              {
+                key: 'styles',
+                label: '自定义样式',
+                type: 'code',
+                language: 'css',
+              },
+              {
+                key: "loadUrl",
+                label: "异步加载接口(只支持GET请求)",
+                type: "input"
+              },
+              {
+                key: 'loadHeader',
+                label: '接口header',
+                type: 'code',
+                language: 'json',
+              },
+            ]
+          }
+        },
+      },
+      {
+        name: '级联选择器',
+        icon: 'l-jilian--yibu',
+        data: {
+          width: 300,
+          height: 64,
+          name: 'cascadeFilterDom',
+          styles: styleMap['cascadeFilterDom'],
+          defaultText: '请选择', //默认文本
+          multiple: false, // true,多选，false,单选
+          onlyLeafCheck: false, //只能选择叶子节点，true,只能选择叶子节点，false,可以选择任意节点
+          autoDropdown: false, // false,平铺，true,自动展开
+          disableInput: true, // true,禁用自带输入框，false,启用输入框
+          flowPath: [], //流程路径,不对外暴露此属性
+          checkStrictly: false, //true,父子不关联，false,父子关联
+          filterable: false, // true,可搜索，false,不可搜索
+          checked: [], //所有被选中的节点id
+          data: [
+            {
+              value: '1',
+              label: '选项1',
+              children: [
+                {
+                  value: '1.1',
+                  label: '选项1.1',
+                  children: [
+                    {
+                      value: '1.1.1',
+                      label: '选项1.1.1',
+                      children: [
+                        {
+                          value: '1.1.1.1',
+                          label: '选项1.1.1.1',
+                        },
+                        {
+                          value: '1.1.1.2',
+                          label: '选项1.1.1.2',
+                        },
+                      ],
+                    },
+                    {
+                      value: '1.1.2',
+                      label: '选项1.1.2',
+                      children: [
+                        {
+                          value: '1.1.2.1',
+                          label: '选项1.1.2.1',
+                        },
+                        {
+                          value: '1.1.2.2',
+                          label: '选项1.1.2.2',
+                        },
+                      ],
+                    },
+                  ],
+                },
+                {
+                  value: '1.2',
+                  label: '选项1.2',
+                  children: [
+                    {
+                      value: '1.2.1',
+                      label: '选项1.2.1',
+                      children: [
+                        {
+                          value: '1.2.1.1',
+                          label: '选项1.2.1.1',
+                        },
+                        {
+                          value: '1.2.1.2',
+                          label: '选项1.2.1.2',
+                        },
+                      ],
+                    },
+                    {
+                      value: '1.2.2',
+                      label: '选项1.2.2',
+                      children: [
+                        {
+                          value: '1.2.2.1',
+                          label: '选项1.2.2.1',
+                        },
+                        {
+                          value: '1.2.2.2',
+                          label: '选项1.2.2.2',
+                        },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              value: '2',
+              label: '选项2',
+              children: [
+                {
+                  value: '2.1',
+                  label: '选项2.1',
+                },
+                {
+                  value: '2.2',
+                  label: '选项2.2',
+                },
+              ],
+            },
+            {
+              value: '3',
+              label: '选项3',
+              children: [
+                {
+                  value: '3.1',
+                  label: '选项3.1',
+                  children: [
+                    {
+                      value: '3.1.1',
+                      label: '选项3.1.1',
+                    },
+                    {
+                      value: '3.2.1',
+                      label: '选项3.2.1',
+                    },
+                  ],
+                },
+                {
+                  value: '3.2',
+                  label: '选项3.2',
+                },
+              ],
+            },
+          ],
+          props: {
+            custom: [
+              {
+                key: "autoDropdown",
+                label: "是否自动平铺",
+                type: "switch"
+              },
+              {
+                key: "multiple",
+                label: "是否多选",
+                type: "switch"
+              },
+              {
+                key: "onlyLeafCheck",
+                label: "只能选择叶子节点",
+                type: "switch"
+              },
+              {
+                key: "checkStrictly",
+                label: "父子是否不关联",
+                type: "switch"
+              },
+              {
+                key: "filterable",
+                label: "过滤搜索",
+                type: "switch"
+              },
+              {
+                key: "defaultText",
+                label: "默认文本",
+                type: "input"
+              },
+              {
+                key: 'data',
+                label: '数据',
+                type: 'code',
+                language: 'json',
+              },
+              {
+                key: 'styles',
+                label: '自定义样式',
+                type: 'code',
+                language: 'css',
+              },
+            ]
+          }
+        },
+      },
+      {
+        name: '级联-异步',
+        icon: 'l-jilianxuanzeqi',
+        data: {
+          width: 300,
+          height: 64,
+          name: 'cascadeFilterDom',
+          styles: styleMap['cascadeFilterDom'],
+          multiple: false,
+          autoDropdown: false, // false,平铺，true,自动展开
+          disableInput: true,
+          flowPath: [],
+          title: '级联筛选器-动态加载',
+          checkStrictly: false, //true,父子不关联，false,父子关联
+          filterable: false,
+          checked: [],
+          // loadFunc: null,
+          data: [
+            {
+              label: '选项1',
+              value: '1',
+              children: true,
+            },
+            {
+              label: '选项2',
+              value: '2',
+              children: true,
+            },
+          ],
+          props: {
+            custom: [
+              {
+                key: "autoDropdown",
+                label: "是否自动平铺",
+                type: "switch"
+              },
+              {
+                key: "multiple",
+                label: "是否多选",
+                type: "switch"
+              },
+              {
+                key: "onlyLeafCheck",
+                label: "只能选择叶子节点",
+                type: "switch"
+              },
+              {
+                key: "checkStrictly",
+                label: "父子是否不关联",
+                type: "switch"
+              },
+              {
+                key: "filterable",
+                label: "过滤搜索",
+                type: "switch"
+              },
+              {
+                key: "defaultText",
+                label: "默认文本",
+                type: "input"
+              },
+              {
+                key: 'data',
+                label: '数据',
+                type: 'code',
+                language: 'json',
+              },
+              {
+                key: 'styles',
+                label: '自定义样式',
+                type: 'code',
+                language: 'css',
+              },
+              {
+                key: "loadUrl",
+                label: "异步加载接口(只支持GET请求)",
+                type: "input"
+              },
+              {
+                key: 'loadHeader',
+                label: '接口header',
+                type: 'code',
+                language: 'json',
+              },  
+            ]
+          }
+        },
+      },
     ],
   },
   {

src/styles/app.css

@@ -590,10 +590,37 @@ a.hover:hover {
 input[type="date"]::-webkit-calendar-picker-indicator {
   filter: invert(1);
 }
+input[type="date"]::-webkit-datetime-edit-year-field{
+  color: var(--le-text-primary-color);
+}
+input[type="date"]::-webkit-datetime-edit-month-field{
+  color: var(--le-text-primary-color);
+}
+input[type="date"]::-webkit-datetime-edit-day-field{
+  color: var(--le-text-primary-color);
+}
+input[type="date"]::-webkit-datetime-edit-text{
+  color: var(--le-text-primary-color);
+}
+
 
 input[type="time"]::-webkit-calendar-picker-indicator {
   filter: invert(1);
 }
+input[type="time"]::-webkit-datetime-edit-hour-field {
+  color: var(--le-text-primary-color);
+}
+input[type="time"]::-webkit-datetime-edit-minute-field {
+  color: var(--le-text-primary-color);
+}
+input[type="time"]::-webkit-datetime-edit-ampm-field {
+  color: var(--le-text-primary-color);
+  padding: 19px 13px;
+}
+input[type="time"]::-webkit-datetime-edit-text {
+  padding: 0px 4px;
+  color: var(--le-text-primary-color);
+}
 
 html::view-transition-new(root){
   animation: clip .3s linear;