sun-card-design 1.1.35 → 1.1.37

package/dist/sun-card-designer.es76.js

@@ -0,0 +1,4211 @@
+import { gridSvg, singleColumnSvg, multipleColumnSvg, multipleLineSvg, girdListSvg, titleSvg, textSvg, buttonSvg, fileSvg, pictureSvg, tagSvg, rateSvg, dividerSvg, audioSvg, videoSvg, uploadSvg, generateSvg, iconSvg, inputSvg, selectSvg, qiyeSvg, tableSvg, barChartSvg, barChartSvg3D, pieChartSvg, pieChartSvg3D, lineChartSvg, panoramaSvg3d } from "./sun-card-designer.es6.js";
+import Song from "./sun-card-designer.es151.js";
+import Video from "./sun-card-designer.es152.js";
+import Picsl1 from "./sun-card-designer.es153.js";
+import Pic1 from "./sun-card-designer.es154.js";
+const BasicsList = [
+  {
+    type: "title",
+    // 组件类型
+    label: "标题",
+    icon: titleSvg(),
+    uuid: "title",
+    options: {
+      defaultValue: "The title",
+      // 组件默认值
+      style: {
+        colorMode: "static",
+        // 颜色模式: static dynamic
+        size: 16,
+        // 文字大小
+        color: "#000000",
+        // 文字颜色
+        align: "left",
+        // 文字对齐方式
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      },
+      hasLine: false,
+      // 是否显示标线
+      hasLineStyle: {
+        background: "#0066ff",
+        // 标记背景颜色
+        width: 5,
+        // 宽
+        height: 16,
+        // 高
+        borderRadius: 1,
+        // 圆角
+        marginRight: 6
+        // 右边距
+      },
+      clickEvent: false,
+      // 是否启用点击事件
+      clickEventConfig: {
+        type: "url",
+        // url event agent tool 点击事件类型
+        value: "",
+        // 点击事件值，url event agent
+        toolItem: null,
+        // 调用工具值 tool
+        tooltemParams: [
+          // 调用工具参数
+          // {
+          //   name: '', // 参数名称
+          //   type: 'constant', // 常量：constant 变量：variable 组件：component
+          //   value: null // 常量值，变量值，组件值
+          // }
+        ],
+        modalComponent: null
+        // 弹窗modal类型下的组件
+      }
+    }
+  },
+  {
+    type: "text",
+    // 组件类型
+    label: "文本",
+    icon: textSvg(),
+    uuid: "text",
+    options: {
+      defaultValue: "This is the plain text",
+      // 组件默认值
+      style: {
+        colorMode: "static",
+        // 颜色模式: static dynamic
+        textSize: "14px",
+        // 文字大小
+        textColor: "#000000",
+        // 文字颜色
+        textAlign: "left",
+        // 文字对齐方式
+        underline: "auto",
+        // 是否显示下划线
+        textIndent: 0,
+        // 缩进
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      },
+      hasLine: false,
+      // 是否显示标线
+      hasLineStyle: {
+        background: "#0066ff",
+        // 标记背景颜色
+        width: 4,
+        // 宽
+        height: 14,
+        // 高
+        borderRadius: 1,
+        // 圆角
+        marginRight: 6
+        // 右边距
+      },
+      hasTitle: false,
+      // 是否显示标题
+      titleValue: "",
+      // 标题值
+      clickEvent: false,
+      // 是否启用点击事件
+      clickEventConfig: {
+        type: "url",
+        // url event agent tool 点击事件类型
+        value: "",
+        // 点击事件值，url event agent
+        toolItem: null,
+        // 调用工具值 tool
+        tooltemParams: [
+          // 调用工具参数
+          // {
+          //   name: '', // 参数名称
+          //   type: 'constant', // 常量：constant 变量：variable 组件：component
+          //   value: null // 常量值，变量值，组件值
+          // }
+        ],
+        modalComponent: null
+        // 弹窗modal类型下的组件
+      }
+    }
+  },
+  {
+    type: "button",
+    // 组件类型
+    label: "按钮",
+    icon: buttonSvg(),
+    uuid: "button",
+    options: {
+      defaultValue: "Button",
+      // 组件默认值
+      style: {
+        type: "primary",
+        // 按钮类型
+        background: "#0066ff",
+        // 按钮背景颜色
+        color: "#fff",
+        // 按钮文字颜色
+        borderRadius: 6,
+        // 按钮圆角
+        typeColor: {
+          // 用不上
+          primary: "#0066ff",
+          default: "#fff",
+          unimportant: "#f0f0f0",
+          important: "#4e40e5"
+        },
+        size: "middle",
+        // 按钮尺寸
+        align: "left",
+        // 按钮对齐方式
+        widthType: "auto",
+        //宽度 auto all fixed
+        widthValue: null,
+        // 宽度值：fixed
+        textType: "center",
+        //用不上 left center right
+        iconName: "",
+        // icon名称
+        tbPadding: 5,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      },
+      clickEventConfig: {
+        // 同text
+        type: "url",
+        // urlevent agent tool
+        value: "",
+        toolItem: null,
+        tooltemParams: [
+          // {
+          //   name: '',
+          //   type: 'constant', // constant variable component
+          //   value: null
+          // }
+        ],
+        modalComponent: null
+        // 弹窗modal类型下的组件
+      }
+    }
+  },
+  {
+    type: "file",
+    // 组件类型
+    label: "文件",
+    icon: fileSvg(),
+    uuid: "file",
+    options: {
+      defaultValue: "File name",
+      // 文件默认名称
+      subtitle: "subtitle text",
+      // 文件副标题
+      content: "file content",
+      // 文件内容
+      link: "",
+      // 点击打开的链接
+      style: {
+        nameSize: "16px",
+        // 名称大小
+        subtitleSize: "14px",
+        // 副标题大小
+        contentSize: "14px",
+        // 文件内容大小
+        nameWeight: 600,
+        // 名称字体厚度
+        tbPadding: 5,
+        // 上下内边距
+        lrPadding: 2,
+        // 左右内边距
+        iconColor: "#0066ff",
+        // 图标颜色
+        nameColor: "#000000",
+        // 名称颜色
+        subtitleColor: "#000000",
+        // 副标题颜色
+        contentColor: "#000000"
+        // 文件内容颜色
+      },
+      isUpdate: false,
+      // 是否重新生成
+      isAddMaterial: false,
+      // 是否补充材料
+      updateText: "重新生成",
+      // 文案名称
+      promptParams: null
+      // 提示参数
+    }
+  },
+  {
+    type: "picture",
+    // 组件类型
+    label: "图片",
+    icon: pictureSvg(),
+    uuid: "picture",
+    options: {
+      defaultValue: "https://img.yzcdn.cn/vant/cat.jpeg",
+      // 图片默认地址
+      style: {
+        mode: "fixed",
+        // 宽度固定fixed，宽度铺满auto
+        size: "middle",
+        //图片大小 small 40, middle 72, large 200 custom
+        sizeOptions: [
+          // 大小映射
+          {
+            label: "small",
+            value: 40
+          },
+          {
+            label: "middle",
+            value: 72
+          },
+          {
+            label: "large",
+            value: 200
+          }
+        ],
+        width: 72,
+        // 宽度固定：fixed，定义：custom同时满足 宽
+        height: 72,
+        // 高
+        cuttingMode: "cover",
+        //裁剪模式 铺满：cover 填充：contain
+        cuttingRatio: "1",
+        // 裁剪比例
+        ratioOptions: [
+          // 比例映射
+          {
+            label: "1:1",
+            value: "1"
+          },
+          {
+            label: "16:9",
+            value: "2"
+          },
+          {
+            label: "3:2",
+            value: "3"
+          },
+          {
+            label: "4:3",
+            value: "4"
+          }
+        ],
+        align: "left",
+        // 对齐方式
+        borderRadius: 6,
+        // 圆角
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      },
+      clickEvent: false,
+      // 是否启用点击
+      clickEventConfig: {
+        type: "url",
+        //点击类型 打开链接：url 打开原图：view
+        value: "",
+        // 打开链接：url值
+        typeOptions: [
+          // 类型映射
+          {
+            label: "打开 URL",
+            value: "url"
+          },
+          {
+            label: "查看原图",
+            value: "view"
+          }
+        ]
+      }
+    }
+  },
+  {
+    type: "tag",
+    // 组件类型
+    label: "标签",
+    icon: tagSvg(),
+    uuid: "tag",
+    options: {
+      defaultValue: "Tag",
+      style: {
+        size: "12px",
+        // 尺寸
+        color: "#1677ff",
+        // 文字颜色
+        backgroundColor: "#e5f5ff",
+        // 背景颜色
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      },
+      clickEvent: false,
+      // 是否启用点击
+      clickEventConfig: {
+        // 同text
+        type: "url",
+        // url event agent tool
+        value: "",
+        toolItem: null,
+        tooltemParams: [
+          // {
+          //   name: '',
+          //   type: 'constant', // constant variable component
+          //   value: null
+          // }
+        ],
+        modalComponent: null
+        // 弹窗modal类型下的组件
+      }
+    }
+  },
+  {
+    type: "rate",
+    // 组件类型
+    label: "评分",
+    icon: rateSvg(),
+    uuid: "rate",
+    options: {
+      defaultValue: 4,
+      // 默认评分数
+      count: 5,
+      // 总评分数
+      style: {
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  },
+  {
+    type: "divider",
+    // 组件类型
+    label: "分割线",
+    icon: dividerSvg(),
+    uuid: "divider",
+    options: {
+      style: {
+        marginTop: 2,
+        // 上边距
+        marginBottom: 2
+        // 下边距
+      }
+    }
+  },
+  {
+    type: "audio",
+    // 组件类型
+    label: "音乐",
+    icon: audioSvg(),
+    uuid: "audio",
+    options: {
+      src: Song,
+      // 播放地址
+      style: {
+        playBtnColor: "#4a6bff",
+        // 播放按钮颜色
+        progressColor: "linear-gradient(90deg, #ff4d4d, #f9cb28)",
+        // 进度条颜色
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  },
+  {
+    type: "video",
+    // 组件类型
+    label: "视频",
+    icon: videoSvg(),
+    uuid: "video",
+    options: {
+      src: Video,
+      // 播放地址
+      style: {
+        mode: "fixed",
+        //大小模式 宽度固定fixed，宽度铺满auto
+        size: "middle",
+        // small, middle, large custom
+        sizeOptions: [
+          // 大小映射
+          {
+            label: "small",
+            value: 200
+          },
+          {
+            label: "middle",
+            value: 300
+          },
+          {
+            label: "large",
+            value: 400
+          }
+        ],
+        width: 300,
+        // 自定义下大小
+        height: "auto",
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  },
+  {
+    type: "upload",
+    // 组件类型
+    label: "上传",
+    icon: uploadSvg(),
+    uuid: "upload",
+    options: {
+      format: ["pdf", "word", "excle"],
+      // 默认支持上传类型，全部：'pdf', 'word', 'excle', 'txt', 'ppt'
+      completeParsefastParsekvParse: "lightweight",
+      //解析方式： 轻量化解忻（推荐）lightweight、精细化解析 refinement、Excel KV解析 excelKv
+      style: {
+        buttonText: "上传",
+        // 按钮文案
+        buttonColor: "#0066ff",
+        // 按钮颜色
+        buttonSize: 14,
+        // 按钮文字大小
+        tbPadding: 5,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  },
+  {
+    type: "generateImg",
+    // 组件类型
+    label: "生成图片",
+    icon: generateSvg(),
+    uuid: "generateImg",
+    options: {
+      defaultValue: "生成图片",
+      // 默认文案
+      style: {
+        tbPadding: 5,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  },
+  {
+    type: "sunIcon",
+    // 组件类型
+    label: "图标",
+    icon: iconSvg(),
+    uuid: "sunIcon",
+    options: {
+      style: {
+        iconName: "LikeOutlined",
+        // icon名称
+        color: "#000000",
+        // 颜色
+        align: "left",
+        // 对齐方式： left center right
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      },
+      clickEvent: false,
+      // 是否启用点击
+      clickEventConfig: {
+        // 同text
+        type: "url",
+        // url event agent tool modal
+        value: "",
+        toolItem: null,
+        tooltemParams: [
+          // {
+          //   name: '',
+          //   type: 'constant', // constant variable component
+          //   value: null
+          // }
+        ],
+        modalComponent: null
+        // 弹窗modal类型下的组件
+      }
+    }
+  }
+];
+const LayoutList = [
+  {
+    type: "grid",
+    // 组件类型
+    label: "栅格布局",
+    icon: gridSvg(),
+    uuid: "grid",
+    columns: [
+      // 栅格数
+      {
+        list: [],
+        // 栅格中组件列表
+        flex: 1,
+        // 占位
+        type: "columns",
+        uuid: "grid1",
+        options: {
+          clickEvent: false,
+          // 是否启用点击事件
+          clickEventConfig: {
+            type: "url",
+            // url event agent tool 点击事件类型
+            value: "",
+            // 点击事件值，url event agent
+            toolItem: null,
+            // 调用工具值 tool
+            tooltemParams: [
+              // 调用工具参数
+              // {
+              //   name: '', // 参数名称
+              //   type: 'constant', // 常量：constant 变量：variable 组件：component
+              //   value: null // 常量值，变量值，组件值
+              // }
+            ],
+            modalComponent: null
+            // 弹窗modal类型下的组件
+          }
+        }
+      },
+      {
+        list: [],
+        // 栅格中组件列表
+        flex: 1,
+        // 占位
+        type: "columns",
+        uuid: "grid2",
+        options: {
+          clickEvent: false,
+          // 是否启用点击事件
+          clickEventConfig: {
+            type: "url",
+            // url event agent tool 点击事件类型
+            value: "",
+            // 点击事件值，url event agent
+            toolItem: null,
+            // 调用工具值 tool
+            tooltemParams: [
+              // 调用工具参数
+              // {
+              //   name: '', // 参数名称
+              //   type: 'constant', // 常量：constant 变量：variable 组件：component
+              //   value: null // 常量值，变量值，组件值
+              // }
+            ],
+            modalComponent: null
+            // 弹窗modal类型下的组件
+          }
+        }
+      },
+      {
+        list: [],
+        // 栅格中组件列表
+        flex: 1,
+        // 占位
+        type: "columns",
+        uuid: "grid3",
+        options: {
+          clickEvent: false,
+          // 是否启用点击事件
+          clickEventConfig: {
+            type: "url",
+            // url event agent tool 点击事件类型
+            value: "",
+            // 点击事件值，url event agent
+            toolItem: null,
+            // 调用工具值 tool
+            tooltemParams: [
+              // 调用工具参数
+              // {
+              //   name: '', // 参数名称
+              //   type: 'constant', // 常量：constant 变量：variable 组件：component
+              //   value: null // 常量值，变量值，组件值
+              // }
+            ],
+            modalComponent: null
+            // 弹窗modal类型下的组件
+          }
+        }
+      }
+    ],
+    options: {
+      dataType: "固定格数",
+      // 数据类型： 固定格数, 动态格数
+      mode: "vertical",
+      // 列表布局：horizontal, 多列布局： vertical, 网格布局： auto,
+      autoNumber: 2,
+      // 网格布局，默认列数
+      autoNumberOptions: [
+        // 网格布局，默认列数映射
+        {
+          value: 2,
+          label: "二列"
+        },
+        {
+          value: 3,
+          label: "三列"
+        },
+        {
+          value: 4,
+          label: "四列"
+        }
+      ],
+      style: {
+        background: "#f7f7fc",
+        // 背景颜色
+        borderColor: "#ffffff",
+        // 边框颜色
+        borderRadius: 6,
+        // 圆角
+        tbPadding: 0,
+        // 上下边距
+        lrPadding: 0,
+        // 左右边距
+        alignItems: "start",
+        // 垂直对齐  start center end 
+        lrGutter: 12,
+        tbGutter: 12,
+        minHeight: 48,
+        boxShadow: null
+      }
+    }
+  },
+  {
+    type: "singleColumn",
+    // 组件类型
+    label: "单列布局",
+    icon: singleColumnSvg(),
+    uuid: "singleColumn",
+    columns: [
+      // 栅格数
+      {
+        list: [],
+        // 栅格中组件列表
+        flex: 1,
+        // 占位
+        type: "columns",
+        uuid: "singleColumn1",
+        options: {
+          clickEvent: false,
+          // 是否启用点击事件
+          clickEventConfig: {
+            type: "url",
+            // url event agent tool 点击事件类型
+            value: "",
+            // 点击事件值，url event agent
+            toolItem: null,
+            // 调用工具值 tool
+            tooltemParams: [
+              // 调用工具参数
+              // {
+              //   name: '', // 参数名称
+              //   type: 'constant', // 常量：constant 变量：variable 组件：component
+              //   value: null // 常量值，变量值，组件值
+              // }
+            ],
+            modalComponent: null
+            // 弹窗modal类型下的组件
+          }
+        }
+      }
+    ],
+    options: {
+      style: {
+        background: "#f7f7fc",
+        // 背景颜色
+        borderColor: "#ffffff",
+        // 边框颜色
+        borderRadius: 6,
+        // 圆角
+        tbPadding: 0,
+        // 上下边距
+        lrPadding: 0,
+        // 左右边距
+        alignItems: "start",
+        // 垂直对齐  start center end 
+        lrGutter: 0,
+        tbGutter: 0,
+        minHeight: 48,
+        boxShadow: null
+      }
+    }
+  },
+  {
+    type: "multipleColumn",
+    // 组件类型
+    label: "多列布局",
+    icon: multipleColumnSvg(),
+    uuid: "multipleColumn",
+    columns: [
+      // 栅格数
+      {
+        list: [],
+        // 栅格中组件列表
+        flex: 1,
+        // 占位
+        type: "columns",
+        uuid: "multipleColumn1",
+        options: {
+          clickEvent: false,
+          // 是否启用点击事件
+          clickEventConfig: {
+            type: "url",
+            // url event agent tool 点击事件类型
+            value: "",
+            // 点击事件值，url event agent
+            toolItem: null,
+            // 调用工具值 tool
+            tooltemParams: [
+              // 调用工具参数
+              // {
+              //   name: '', // 参数名称
+              //   type: 'constant', // 常量：constant 变量：variable 组件：component
+              //   value: null // 常量值，变量值，组件值
+              // }
+            ],
+            modalComponent: null
+            // 弹窗modal类型下的组件
+          }
+        }
+      },
+      {
+        list: [],
+        // 栅格中组件列表
+        flex: 1,
+        // 占位
+        type: "columns",
+        uuid: "multipleColumn2",
+        options: {
+          clickEvent: false,
+          // 是否启用点击事件
+          clickEventConfig: {
+            type: "url",
+            // url event agent tool 点击事件类型
+            value: "",
+            // 点击事件值，url event agent
+            toolItem: null,
+            // 调用工具值 tool
+            tooltemParams: [
+              // 调用工具参数
+              // {
+              //   name: '', // 参数名称
+              //   type: 'constant', // 常量：constant 变量：variable 组件：component
+              //   value: null // 常量值，变量值，组件值
+              // }
+            ],
+            modalComponent: null
+            // 弹窗modal类型下的组件
+          }
+        }
+      },
+      {
+        list: [],
+        // 栅格中组件列表
+        flex: 1,
+        // 占位
+        type: "columns",
+        uuid: "multipleColumn3",
+        options: {
+          clickEvent: false,
+          // 是否启用点击事件
+          clickEventConfig: {
+            type: "url",
+            // url event agent tool 点击事件类型
+            value: "",
+            // 点击事件值，url event agent
+            toolItem: null,
+            // 调用工具值 tool
+            tooltemParams: [
+              // 调用工具参数
+              // {
+              //   name: '', // 参数名称
+              //   type: 'constant', // 常量：constant 变量：variable 组件：component
+              //   value: null // 常量值，变量值，组件值
+              // }
+            ],
+            modalComponent: null
+            // 弹窗modal类型下的组件
+          }
+        }
+      }
+    ],
+    options: {
+      dataType: "固定格数",
+      // 数据类型： 固定格数, 动态格数
+      style: {
+        background: "#f7f7fc",
+        // 背景颜色
+        borderColor: "#ffffff",
+        // 边框颜色
+        borderRadius: 6,
+        // 圆角
+        tbPadding: 0,
+        // 上下边距
+        lrPadding: 0,
+        // 左右边距
+        alignItems: "start",
+        // 垂直对齐  start center end 
+        lrGutter: 12,
+        tbGutter: 12,
+        minHeight: 48,
+        boxShadow: null
+      }
+    }
+  },
+  {
+    type: "multipleLine",
+    // 组件类型
+    label: "列表布局",
+    icon: multipleLineSvg(),
+    uuid: "multipleLine",
+    columns: [
+      // 栅格数
+      {
+        list: [],
+        // 栅格中组件列表
+        flex: 1,
+        // 占位
+        type: "columns",
+        uuid: "multipleLine1",
+        options: {
+          clickEvent: false,
+          // 是否启用点击事件
+          clickEventConfig: {
+            type: "url",
+            // url event agent tool 点击事件类型
+            value: "",
+            // 点击事件值，url event agent
+            toolItem: null,
+            // 调用工具值 tool
+            tooltemParams: [
+              // 调用工具参数
+              // {
+              //   name: '', // 参数名称
+              //   type: 'constant', // 常量：constant 变量：variable 组件：component
+              //   value: null // 常量值，变量值，组件值
+              // }
+            ],
+            modalComponent: null
+            // 弹窗modal类型下的组件
+          }
+        }
+      },
+      {
+        list: [],
+        // 栅格中组件列表
+        flex: 1,
+        // 占位
+        type: "columns",
+        uuid: "multipleLine2",
+        options: {
+          clickEvent: false,
+          // 是否启用点击事件
+          clickEventConfig: {
+            type: "url",
+            // url event agent tool 点击事件类型
+            value: "",
+            // 点击事件值，url event agent
+            toolItem: null,
+            // 调用工具值 tool
+            tooltemParams: [
+              // 调用工具参数
+              // {
+              //   name: '', // 参数名称
+              //   type: 'constant', // 常量：constant 变量：variable 组件：component
+              //   value: null // 常量值，变量值，组件值
+              // }
+            ],
+            modalComponent: null
+            // 弹窗modal类型下的组件
+          }
+        }
+      }
+    ],
+    options: {
+      dataType: "固定格数",
+      // 数据类型： 固定格数, 动态格数
+      style: {
+        background: "#f7f7fc",
+        // 背景颜色
+        borderColor: "#ffffff",
+        // 边框颜色
+        borderRadius: 6,
+        // 圆角
+        tbPadding: 0,
+        // 上下边距
+        lrPadding: 0,
+        // 左右边距
+        alignItems: "start",
+        // 垂直对齐  start center end 
+        lrGutter: 12,
+        tbGutter: 12,
+        minHeight: 48,
+        boxShadow: null
+      }
+    }
+  },
+  {
+    type: "gridList",
+    // 组件类型
+    label: "宫格布局",
+    icon: girdListSvg(),
+    uuid: "gridList",
+    columns: [
+      // 栅格数
+      {
+        list: [],
+        // 栅格中组件列表
+        flex: 1,
+        // 占位
+        type: "columns",
+        uuid: "gridList1",
+        options: {
+          clickEvent: false,
+          // 是否启用点击事件
+          clickEventConfig: {
+            type: "url",
+            // url event agent tool 点击事件类型
+            value: "",
+            // 点击事件值，url event agent
+            toolItem: null,
+            // 调用工具值 tool
+            tooltemParams: [
+              // 调用工具参数
+              // {
+              //   name: '', // 参数名称
+              //   type: 'constant', // 常量：constant 变量：variable 组件：component
+              //   value: null // 常量值，变量值，组件值
+              // }
+            ],
+            modalComponent: null
+            // 弹窗modal类型下的组件
+          }
+        }
+      },
+      {
+        list: [],
+        // 栅格中组件列表
+        flex: 1,
+        // 占位
+        type: "columns",
+        uuid: "gridList2",
+        options: {
+          clickEvent: false,
+          // 是否启用点击事件
+          clickEventConfig: {
+            type: "url",
+            // url event agent tool 点击事件类型
+            value: "",
+            // 点击事件值，url event agent
+            toolItem: null,
+            // 调用工具值 tool
+            tooltemParams: [
+              // 调用工具参数
+              // {
+              //   name: '', // 参数名称
+              //   type: 'constant', // 常量：constant 变量：variable 组件：component
+              //   value: null // 常量值，变量值，组件值
+              // }
+            ],
+            modalComponent: null
+            // 弹窗modal类型下的组件
+          }
+        }
+      },
+      {
+        list: [],
+        // 栅格中组件列表
+        flex: 1,
+        // 占位
+        type: "columns",
+        uuid: "gridList3",
+        options: {
+          clickEvent: false,
+          // 是否启用点击事件
+          clickEventConfig: {
+            type: "url",
+            // url event agent tool 点击事件类型
+            value: "",
+            // 点击事件值，url event agent
+            toolItem: null,
+            // 调用工具值 tool
+            tooltemParams: [
+              // 调用工具参数
+              // {
+              //   name: '', // 参数名称
+              //   type: 'constant', // 常量：constant 变量：variable 组件：component
+              //   value: null // 常量值，变量值，组件值
+              // }
+            ],
+            modalComponent: null
+            // 弹窗modal类型下的组件
+          }
+        }
+      },
+      {
+        list: [],
+        // 栅格中组件列表
+        flex: 1,
+        // 占位
+        type: "columns",
+        uuid: "gridList4",
+        options: {
+          clickEvent: false,
+          // 是否启用点击事件
+          clickEventConfig: {
+            type: "url",
+            // url event agent tool 点击事件类型
+            value: "",
+            // 点击事件值，url event agent
+            toolItem: null,
+            // 调用工具值 tool
+            tooltemParams: [
+              // 调用工具参数
+              // {
+              //   name: '', // 参数名称
+              //   type: 'constant', // 常量：constant 变量：variable 组件：component
+              //   value: null // 常量值，变量值，组件值
+              // }
+            ],
+            modalComponent: null
+            // 弹窗modal类型下的组件
+          }
+        }
+      }
+    ],
+    options: {
+      dataType: "固定格数",
+      // 数据类型： 固定格数, 动态格数
+      autoNumber: 2,
+      // 网格布局，默认列数
+      autoNumberOptions: [
+        // 网格布局，默认列数映射
+        {
+          value: 2,
+          label: "二列"
+        },
+        {
+          value: 3,
+          label: "三列"
+        },
+        {
+          value: 4,
+          label: "四列"
+        }
+      ],
+      style: {
+        background: "#f7f7fc",
+        // 背景颜色
+        borderColor: "#ffffff",
+        // 边框颜色
+        borderRadius: 6,
+        // 圆角
+        tbPadding: 0,
+        // 上下边距
+        lrPadding: 0,
+        // 左右边距
+        alignItems: "start",
+        // 垂直对齐  start center end 
+        lrGutter: 12,
+        tbGutter: 12,
+        minHeight: 48,
+        boxShadow: null
+      }
+    }
+  }
+];
+const FormList = [
+  {
+    type: "input",
+    // 组件类型
+    label: "输入框",
+    icon: inputSvg(),
+    uuid: "input",
+    options: {
+      flex: "vertical",
+      // 标签布局类型：垂直 vertical, 水平 horizontal
+      defaultValue: "",
+      // 默认值
+      label: "Input label",
+      // 标签值
+      placeholder: "Please enter content",
+      // 默认占位值
+      style: {
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  },
+  {
+    type: "select",
+    // 组件类型
+    label: "下拉框",
+    icon: selectSvg(),
+    uuid: "select",
+    options: {
+      flex: "vertical",
+      // 标签布局类型：垂直 vertical, 水平 horizontal
+      defaultValue: null,
+      // 默认值
+      label: "Select label",
+      // 标签值
+      placeholder: "Please select",
+      // 默认占位值
+      optionsMode: "fixed",
+      // 数据源模式： 固定fixed, 动态auto
+      optionsFixed: [],
+      // 固定模式数据
+      optionsAuto: null,
+      // 动态模式变量数据
+      style: {
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  },
+  {
+    type: "enterpriseSearch",
+    // 组件类型
+    label: "企业查询",
+    icon: qiyeSvg(),
+    uuid: "enterpriseSearch",
+    options: {
+      flex: "vertical",
+      // 标签布局类型：垂直 vertical, 水平 horizontal
+      defaultValue: "",
+      // 默认值
+      placeholder: "Please select content.",
+      // 默认占位值
+      label: "Search",
+      // 标签值
+      style: {
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  },
+  {
+    type: "table",
+    // 组件类型
+    label: "表格",
+    icon: tableSvg(),
+    uuid: "table",
+    options: {
+      mode: "static",
+      // 数据模式： 静态static, 动态dynamic
+      defaultValue: [
+        // 默认数据源
+        {
+          now1: "now1",
+          now2: "now2"
+        }
+      ],
+      columns: [
+        // 列配置数据
+        {
+          title: "列1",
+          dataIndex: "now1",
+          align: "left"
+          // 对齐方式
+        },
+        {
+          title: "列2",
+          dataIndex: "now2",
+          align: "left"
+        }
+      ],
+      style: {
+        bordered: true,
+        // 是否显示边框
+        padding: 8,
+        // 内边距
+        fontSize: 14,
+        // 文字大小
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  }
+];
+const ChartList = [
+  {
+    type: "barChart",
+    // 组件类型
+    label: "柱状图",
+    icon: barChartSvg(),
+    uuid: "barChart",
+    options: {
+      mode: "static",
+      //数据模式： 静态static, 动态dynamic
+      titleConfig: {
+        // 标题配置
+        text: "标题",
+        // 标题
+        subtext: "副标题",
+        // 副标题
+        show: false,
+        // 标题是否显示
+        align: "auto",
+        // 标题对齐方式 'auto'、'left'、'right'、'center'，弃用
+        textStyle: {
+          color: "#333",
+          // 标题颜色
+          fontSize: 18
+          // 文字大小
+        },
+        subtextStyle: {
+          color: "#aaa",
+          // 副标题颜色
+          fontSize: 12
+          // 文字大小
+        }
+      },
+      gridConfig: {
+        // 布局配置
+        left: "3%",
+        right: "4%",
+        bottom: "3%",
+        containLabel: true
+      },
+      xAxisConfig: [
+        // x轴配置
+        {
+          data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+          // 数据
+          show: true,
+          // 是否显示
+          type: "category",
+          //类型 value category time
+          name: "",
+          // 名称
+          nameLocation: "start"
+          // start center end
+        }
+      ],
+      yAxisConfig: [
+        // y轴配置
+        {
+          show: true,
+          // 是否显示
+          type: "value"
+          // 类型 value category time
+        }
+      ],
+      tooltipConfig: {
+        axisPointer: {
+          type: "shadow"
+          // 鼠标点击类型 line shadow cross
+        }
+      },
+      legendConfig: {
+        // 标签配置
+        orient: "horizontal",
+        //方向 horizontal vertical
+        left: "center",
+        top: "top",
+        show: true
+      },
+      seriesConfig: [
+        // 数据源配置
+        {
+          name: "chart1",
+          // 名称
+          data: [120, 200, 150, 80, 70, 110, 130],
+          // 数据值
+          type: "bar",
+          // 图形类型默认柱状图
+          showBackground: false,
+          // 暂不用
+          itemStyle: {
+            colorType: "solid",
+            // 图形颜色类型 纯色solid 渐变gradient
+            color: "auto",
+            // 颜色
+            borderColor: "#000",
+            // 边框颜色
+            borderRadius: [0, 0, 0, 0],
+            // 圆角
+            borderWidth: 0
+            // 边框宽度
+          }
+        }
+      ],
+      style: {
+        width: "100%",
+        // 图形宽
+        height: "200px",
+        // 高
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  },
+  {
+    type: "barChart3D",
+    // 组件类型
+    label: "3D柱状图",
+    icon: barChartSvg3D(),
+    uuid: "barChart3D",
+    options: {
+      mode: "static",
+      //模式： 静态static 动态dynamic
+      xAxisConfig: [
+        {
+          data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
+          // x轴坐标
+        }
+      ],
+      seriesConfig: [
+        {
+          name: "chart1",
+          // 名称
+          data: [120, 200, 150, 80, 70, 110, 130],
+          // y轴数据
+          itemStyle: {
+            color: "auto",
+            // 颜色
+            colorType: "solid"
+            //颜色类型 纯色solid 渐变gradient
+          }
+        }
+      ],
+      style: {
+        // 图形大小
+        width: "100%",
+        height: "300px",
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  },
+  {
+    type: "pieChart",
+    // 组件类型
+    label: "饼图",
+    icon: pieChartSvg(),
+    uuid: "pieChart",
+    options: {
+      mode: "static",
+      //模式 静态static 动态dynamic
+      titleConfig: {
+        // 标题配置同barChart
+        text: "标题",
+        subtext: "副标题",
+        show: true,
+        left: "left",
+        // 'auto'、'left'、'right'、'center'
+        textStyle: {
+          color: "#333",
+          fontSize: 16
+        },
+        subtextStyle: {
+          color: "#aaa",
+          fontSize: 12
+        }
+      },
+      tooltipConfig: {
+        trigger: "item"
+        // 固定触发方式
+      },
+      legendConfig: {
+        // 标签配置
+        orient: "horizontal",
+        //方向 horizontal vertical
+        left: "center",
+        top: "bottom",
+        show: true
+      },
+      seriesConfig: [
+        {
+          name: "chart1",
+          // 名称
+          type: "pie",
+          // 类型
+          radius: ["0%", "70%"],
+          // 大小比例配置
+          roseType: false,
+          //玫瑰图类型默认不开启, 围绕radius 面积area
+          data: [
+            // 数据
+            { value: 1048, name: "饼图" },
+            { value: 735, name: "柱状图" },
+            { value: 580, name: "折线图" },
+            { value: 484, name: "路径图" },
+            { value: 300, name: "关系图" }
+          ],
+          label: {
+            // 饼图中文案配置
+            show: true,
+            // 默认显示
+            position: "outside"
+            //标签位置 outside center inside
+          },
+          itemStyle: {
+            borderRadius: 6,
+            // 圆角
+            borderColor: "#fff",
+            // 边框颜色
+            borderWidth: 2
+            // 边框宽度
+          },
+          emphasis: {
+            // 默认，不支持修改配置
+            itemStyle: {
+              shadowBlur: 10,
+              shadowOffsetX: 0,
+              shadowColor: "rgba(0, 0, 0, 0.5)"
+            }
+          }
+        }
+      ],
+      style: {
+        // 图形大小
+        width: "100%",
+        height: "260px",
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  },
+  {
+    type: "pieChart3D",
+    // 组件类型
+    label: "3D饼图",
+    icon: pieChartSvg3D(),
+    uuid: "pieChart3D",
+    options: {
+      mode: "static",
+      //模式 静态static 动态dynamic
+      seriesConfig: [
+        {
+          name: "chart1",
+          // 名称
+          radius: "40%",
+          // 大小
+          data: [
+            // 数据
+            { value: 1048, name: "饼图" },
+            { value: 735, name: "柱状图" },
+            { value: 580, name: "折线图" },
+            { value: 484, name: "路径图" },
+            { value: 300, name: "关系图" }
+          ],
+          colors: ["#ff8904", "#7ccf35", "#21bcff", "#8e51ff", "#ff2056"]
+          // 颜色
+        }
+      ],
+      style: {
+        // 大小
+        width: "100%",
+        height: "260px",
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  },
+  {
+    type: "lineChart",
+    // 组件类型
+    label: "折线图",
+    icon: lineChartSvg(),
+    uuid: "lineChart",
+    options: {
+      mode: "static",
+      //模式 静态static 动态dynamic
+      titleConfig: {
+        // 标题配置
+        text: "标题",
+        subtext: "副标题",
+        show: false,
+        left: "left",
+        // 'auto'、'left'、'right'、'center'
+        textStyle: {
+          color: "#333",
+          fontSize: 16
+        },
+        subtextStyle: {
+          color: "#aaa",
+          fontSize: 12
+        }
+      },
+      tooltipConfig: {
+        trigger: "item"
+        // 触发类型
+      },
+      legendConfig: {
+        // 默认标签, 不修改
+        orient: "horizontal",
+        // horizontal vertical
+        left: "center",
+        top: "top",
+        show: true
+      },
+      gridConfig: {
+        // 默认布局配置，不修改
+        left: "3%",
+        right: "4%",
+        bottom: "3%",
+        containLabel: true
+      },
+      xAxisConfig: [
+        // x轴配置
+        {
+          type: "category",
+          data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
+        }
+      ],
+      yAxisConfig: [
+        // y轴配置
+        {
+          type: "value"
+        }
+      ],
+      seriesConfig: [
+        {
+          name: "chart1",
+          data: [150, 230, 224, 218, 135, 147, 260],
+          // 数据
+          type: "line",
+          // 类型
+          itemStyle: {
+            color: "#2b7fff"
+            // 数据点颜色
+          },
+          lineStyle: {
+            color: "#2b7fff",
+            // 线条颜色
+            type: "solid",
+            // 线条类型
+            width: 2
+            // 线条宽度
+          },
+          smooth: false,
+          // 是否开启平滑曲线
+          symbolSize: 8
+          // 数据点大小
+        }
+      ],
+      style: {
+        // 大小
+        width: "100%",
+        height: "260px",
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  },
+  {
+    type: "panorama",
+    // 组件类型
+    label: "全景图",
+    icon: panoramaSvg3d(),
+    uuid: "panorama",
+    options: {
+      src: Pic1,
+      // 全景图地址
+      briefSrc: Picsl1,
+      // 默认背景图地址
+      style: {
+        // 大小
+        width: "200px",
+        height: "200px",
+        borderRadius: 6,
+        // 圆角
+        tbPadding: 2,
+        // 上下内边距
+        lrPadding: 2
+        // 左右内边距
+      }
+    }
+  }
+];
+const ColorList = [
+  "#ffffff",
+  "#f5f5f5",
+  "#d9d9d9",
+  "#bfbfbf",
+  "#8c8c8c",
+  "#595959",
+  "#262626",
+  "#000000",
+  "#FEF2F2",
+  "#FFE2E2",
+  "#FFC9C9",
+  "#FFA2A2",
+  "#FF6467",
+  "#FB2C36",
+  "#E7180B",
+  "#C11007",
+  "#FFF7ED",
+  "#FFEDD4",
+  "#FFD6A7",
+  "#FFB86A",
+  "#FF8904",
+  "#FF692A",
+  "#F54927",
+  "#CA3519",
+  "#FFFBEB",
+  "#FEF3C6",
+  "#FEE685",
+  "#FFD230",
+  "#FFB93B",
+  "#FE9A37",
+  "#E1712B",
+  "#BB4D1A",
+  "#FEFCE8",
+  "#FEF9C2",
+  "#FFF085",
+  "#FFDF20",
+  "#FDC745",
+  "#F0B13B",
+  "#D0872E",
+  "#A65F1B",
+  "#F7FEE7",
+  "#ECFCCA",
+  "#D8F999",
+  "#BBF451",
+  "#9AE630",
+  "#7CCF35",
+  "#5EA529",
+  "#497D15",
+  "#F0FDF4",
+  "#DCFCE7",
+  "#B9F8CF",
+  "#7BF1A8",
+  "#05DF72",
+  "#31C950",
+  "#2AA63E",
+  "#178236",
+  "#ECFDF5",
+  "#D0FAE5",
+  "#A4F4CF",
+  "#5EE9B5",
+  "#31D492",
+  "#37BC7D",
+  "#2D9966",
+  "#1F7A55",
+  "#F0FDFA",
+  "#CBFBF1",
+  "#96F7E4",
+  "#46ECD5",
+  "#38D5BE",
+  "#36BBA7",
+  "#2A9689",
+  "#18786F",
+  "#ECFEFF",
+  "#CEFAFE",
+  "#A2F4FD",
+  "#53EAFD",
+  "#42D3F2",
+  "#3BB8DB",
+  "#2C92B8",
+  "#1A7595",
+  "#F0F9FF",
+  "#DFF2FE",
+  "#B8E6FE",
+  "#74D4FF",
+  "#21BCFF",
+  "#34A6F4",
+  "#2984D1",
+  "#1C69A8",
+  "#EFF6FF",
+  "#DBEAFE",
+  "#BEDBFF",
+  "#8EC5FF",
+  "#51A2FF",
+  "#2B7FFF",
+  "#155DFC",
+  "#1447E6",
+  "#EEF2FF",
+  "#E0E7FF",
+  "#C6D2FF",
+  "#A3B3FF",
+  "#7C86FF",
+  "#615FFF",
+  "#4F39F6",
+  "#432DD7",
+  "#F5F3FF",
+  "#EDE9FE",
+  "#DDD6FF",
+  "#C4B4FF",
+  "#A684FF",
+  "#8E51FF",
+  "#7F22FE",
+  "#7008E7",
+  "#FAF5FF",
+  "#F3E8FF",
+  "#E9D4FF",
+  "#DAB2FF",
+  "#C27AFF",
+  "#AD46FF",
+  "#9810FA",
+  "#8207DB",
+  "#FDF4FF",
+  "#FAE8FF",
+  "#F6CFFF",
+  "#F4A8FF",
+  "#ED6AFF",
+  "#E12AFB",
+  "#C81CDE",
+  "#A813B7",
+  "#FDF2F8",
+  "#FCE7F3",
+  "#FCCEE8",
+  "#FDA5D5",
+  "#FB64B6",
+  "#F6339A",
+  "#E61876",
+  "#C6185C",
+  "#FFF1F2",
+  "#FFE4E6",
+  "#FFCCD3",
+  "#FFA1AD",
+  "#FF637E",
+  "#FF2056",
+  "#EC253F",
+  "#C71D36"
+];
+const ColorNameMap = {
+  // 灰色系
+  "#ffffff": "纯白",
+  "#f5f5f5": "浅灰",
+  "#d9d9d9": "中灰",
+  "#bfbfbf": "浅灰1",
+  "#8c8c8c": "灰3",
+  "#595959": "灰2",
+  "#262626": "深灰",
+  "#000000": "纯黑",
+  // 红色系
+  "#FEF2F2": "粉红浅",
+  "#FFE2E2": "粉红",
+  "#FFC9C9": "粉红中",
+  "#FFA2A2": "粉红深",
+  "#FF6467": "珊瑚红",
+  "#FB2C36": "鲜红",
+  "#E7180B": "深红",
+  "#C11007": "暗红",
+  // 橙色系
+  "#FFF7ED": "橙黄浅",
+  "#FFEDD4": "橙黄",
+  "#FFD6A7": "橙黄中",
+  "#FFB86A": "橙黄深",
+  "#FF8904": "橙",
+  "#FF692A": "橙红",
+  "#F54927": "深橙",
+  "#CA3519": "暗橙",
+  // 黄色系
+  "#FFFBEB": "黄浅",
+  "#FEF3C6": "黄",
+  "#FEE685": "黄中",
+  "#FFD230": "黄深",
+  "#FFB93B": "金黄",
+  "#FE9A37": "深黄",
+  "#E1712B": "橙黄",
+  "#BB4D1A": "暗橙黄",
+  // 黄绿色系
+  "#FEFCE8": "黄绿浅",
+  "#FEF9C2": "黄绿",
+  "#FFF085": "黄绿中",
+  "#FFDF20": "黄绿深",
+  "#FDC745": "柠檬",
+  "#F0B13B": "柠檬深",
+  "#D0872E": "深柠檬",
+  "#A65F1B": "暗柠檬",
+  // 绿色系
+  "#F7FEE7": "绿浅",
+  "#ECFCCA": "绿",
+  "#D8F999": "绿中",
+  "#BBF451": "绿深",
+  "#9AE630": "鲜绿",
+  "#7CCF35": "深绿",
+  "#5EA529": "深绿1",
+  "#497D15": "暗绿",
+  // 青绿色系
+  "#F0FDF4": "青绿浅",
+  "#DCFCE7": "青绿",
+  "#B9F8CF": "青绿中",
+  "#7BF1A8": "青绿深",
+  "#05DF72": "青绿",
+  "#31C950": "深青绿",
+  "#2AA63E": "深青绿1",
+  "#178236": "暗青绿",
+  // 青色系
+  "#ECFDF5": "青浅",
+  "#D0FAE5": "青",
+  "#A4F4CF": "青中",
+  "#5EE9B5": "青深",
+  "#31D492": "青",
+  "#37BC7D": "深青",
+  "#2D9966": "深青1",
+  "#1F7A55": "暗青",
+  // 蓝青色系
+  "#F0FDFA": "蓝青浅",
+  "#CBFBF1": "蓝青",
+  "#96F7E4": "蓝青中",
+  "#46ECD5": "蓝青深",
+  "#38D5BE": "蓝青",
+  "#36BBA7": "深蓝青",
+  "#2A9689": "深蓝青1",
+  "#18786F": "暗蓝青",
+  // 蓝色系
+  "#ECFEFF": "蓝浅",
+  "#CEFAFE": "蓝",
+  "#A2F4FD": "蓝中",
+  "#53EAFD": "蓝深",
+  "#42D3F2": "天蓝",
+  "#3BB8DB": "深天蓝",
+  "#2C92B8": "深天蓝1",
+  "#1A7595": "暗天蓝",
+  // 深蓝色系
+  "#F0F9FF": "深蓝浅",
+  "#DFF2FE": "深蓝",
+  "#B8E6FE": "深蓝中",
+  "#74D4FF": "深蓝深",
+  "#21BCFF": "深蓝",
+  "#34A6F4": "深蓝1",
+  "#2984D1": "深蓝2",
+  "#1C69A8": "暗深蓝",
+  // 蓝色系
+  "#EFF6FF": "蓝浅1",
+  "#DBEAFE": "蓝1",
+  "#BEDBFF": "蓝中1",
+  "#8EC5FF": "蓝深1",
+  "#51A2FF": "蓝1",
+  "#2B7FFF": "深蓝1",
+  "#155DFC": "深蓝2",
+  "#1447E6": "暗蓝1",
+  // 紫蓝色系
+  "#EEF2FF": "紫蓝浅",
+  "#E0E7FF": "紫蓝",
+  "#C6D2FF": "紫蓝中",
+  "#A3B3FF": "紫蓝深",
+  "#7C86FF": "紫蓝",
+  "#615FFF": "深紫蓝",
+  "#4F39F6": "深紫蓝1",
+  "#432DD7": "暗紫蓝",
+  // 紫色系
+  "#F5F3FF": "紫浅",
+  "#EDE9FE": "紫",
+  "#DDD6FF": "紫中",
+  "#C4B4FF": "紫深",
+  "#A684FF": "紫",
+  "#8E51FF": "深紫",
+  "#7F22FE": "深紫1",
+  "#7008E7": "暗紫",
+  // 深紫色系
+  "#FAF5FF": "深紫浅",
+  "#F3E8FF": "深紫",
+  "#E9D4FF": "深紫中",
+  "#DAB2FF": "深紫深",
+  "#C27AFF": "深紫",
+  "#AD46FF": "深紫1",
+  "#9810FA": "深紫2",
+  "#8207DB": "暗深紫",
+  // 粉紫色系
+  "#FDF4FF": "粉紫浅",
+  "#FAE8FF": "粉紫",
+  "#F6CFFF": "粉紫中",
+  "#F4A8FF": "粉紫深",
+  "#ED6AFF": "粉紫",
+  "#E12AFB": "深粉紫",
+  "#C81CDE": "深粉紫1",
+  "#A813B7": "暗粉紫",
+  // 粉红色系
+  "#FDF2F8": "粉红浅1",
+  "#FCE7F3": "粉红1",
+  "#FCCEE8": "粉红中1",
+  "#FDA5D5": "粉红深1",
+  "#FB64B6": "粉红1",
+  "#F6339A": "深粉红",
+  "#E61876": "深粉红1",
+  "#C6185C": "暗粉红",
+  // 红色系
+  "#FFF1F2": "红浅",
+  "#FFE4E6": "红",
+  "#FFCCD3": "红中",
+  "#FFA1AD": "红深",
+  "#FF637E": "红",
+  "#FF2056": "深红",
+  "#EC253F": "深红1",
+  "#C71D36": "暗红"
+};
+const customIcon = {
+  CustomCircle: '<svg t="1761895748746" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15657" width="18" height="18"><path d="M510.691191 64.567551c-246.548232 0-447.125457 200.578248-447.125457 447.125457 0 246.543116 200.578248 447.125457 447.125457 447.125457 246.543116 0 447.125457-200.582341 447.125457-447.125457C957.816648 265.144776 757.234307 64.567551 510.691191 64.567551zM510.691191 863.489306c-193.982016 0-351.796298-157.814282-351.796298-351.796298s157.814282-351.796298 351.796298-351.796298S862.487489 317.710992 862.487489 511.693008 704.673208 863.489306 510.691191 863.489306z" p-id="15658" fill="#000000"></path><path d="M510.691191 511.693008m-214.491119 0a209.606 209.606 0 1 0 428.982238 0 209.606 209.606 0 1 0-428.982238 0Z" p-id="15659" fill="#000000"></path></svg>',
+  CustomFlag: '<svg t="1761899018840" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23325" width="18" height="18"><path d="M859.311776 37.52632a31.103801 31.103801 0 0 0-19.487875-2.847982c-6.879956 1.135993-13.007917 4.383972-18.351882 9.743937-0.767995 1.51999-10.719931 9.35994-29.823809 23.51985-19.119878 14.143909-45.503708 27.711822-79.151493 40.719739-87.167442 30.575804-172.814893 21.023865-256.942354-28.687816-44.351716-26.751829-93.6634-47.023699-147.967052-60.799611-43.583721-10.687932-89.471427-16.799892-137.647119-18.335882-41.279736-1.53599-74.735521-0.959994-100.367357 1.711989-25.599836 2.671983-39.183749 4.399972-40.719739 5.167967a41.071737 41.071737 0 0 0-20.639867 12.607919 31.999795 31.999795 0 0 0-8.031949 21.80786v946.297938c0 9.951936 3.247979 18.351882 9.759937 25.231838 6.495958 6.879956 14.719906 10.335934 24.639843 10.335934 9.951936 0 18.367882-3.439978 25.247838-10.335934 6.879956-6.879956 10.319934-15.279902 10.319934-25.231838v-341.82181c9.183941-3.039981 22.751854-6.687957 40.719739-10.879931 17.983885-4.207973 39.199749-7.087955 63.679592-8.607945a489.020867 489.020867 0 0 1 125.007199 6.879956c51.247672 9.935936 101.327351 27.903821 150.271037 53.919655 53.535657 28.287819 107.439312 47.023699 161.726964 56.19164 44.351716 6.879956 87.951437 7.647951 130.767163 2.303985 37.47176-5.359966 66.719573-12.239922 87.743438-20.639868 21.039865-8.431946 32.319793-13.391914 33.839783-14.927904 11.471927-6.879956 17.21589-17.19989 17.215889-30.975801v-610.220091c0-6.879956-1.919988-13.375914-5.743963-19.503875a29.311812 29.311812 0 0 0-16.063897-12.60792z m-48.159691 620.556024c-8.415946 3.07198-19.519875 6.511958-33.279787 10.335934-13.759912 3.823976-29.823809 6.879956-48.159692 9.167941-35.199775 3.839975-71.519542 2.671983-108.975301-3.439978-45.887706-8.415946-91.759412-24.479843-137.647119-48.175691-55.823642-29.823809-113.551273-50.463677-173.19889-61.935603a563.196392 563.196392 0 0 0-100.959353-9.183942c-14.511907 0-28.655816 0.767995-42.431728 2.303986-40.52774 3.823976-72.639535 9.167941-96.351383 16.047897v-500.108796c11.471927-0.767995 25.615836-1.51999 42.447728-2.287986a687.003599 687.003599 0 0 1 56.20764 0c34.39978 0.767995 73.791527 6.111961 118.143243 16.063897 44.351716 9.919936 88.319434 27.519824 131.903155 52.751663 35.95177 20.639868 70.159551 35.359773 102.671342 44.159717 32.479792 8.799944 63.279595 13.199915 92.319409 13.199915a414.317346 414.317346 0 0 0 68.255562-7.455952 390.989495 390.989495 0 0 0 56.783637-15.487901c28.287819-10.719931 52.383664-22.175858 72.255537-34.39978z" p-id="23326" fill="#000000"></path></svg>',
+  CustomShopping: '<svg t="1761899971075" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="64876" width="18" height="18"><path d="M790.6304 917.6576H231.936a146.944 146.944 0 0 1-146.3808-158.72L128 237.312A147.6608 147.6608 0 0 1 274.432 102.4h473.7024a147.6608 147.6608 0 0 1 146.3808 134.9632L936.96 758.8352a146.944 146.944 0 0 1-146.3808 158.72zM274.432 163.84A85.8624 85.8624 0 0 0 189.44 242.2784l-42.496 521.5232a85.4528 85.4528 0 0 0 85.1456 92.16h558.5408a85.4528 85.4528 0 0 0 85.1456-92.16l-42.496-521.5232A85.8624 85.8624 0 0 0 748.1344 163.84z" fill="#000000" p-id="64877"></path><path d="M511.2832 615.1168A193.536 193.536 0 0 1 317.952 421.7856V331.8272a30.72 30.72 0 0 1 61.44 0v89.9584a131.8912 131.8912 0 0 0 263.7824 0V331.8272a30.72 30.72 0 0 1 61.44 0v89.9584a193.536 193.536 0 0 1-193.3312 193.3312z" fill="#000000" p-id="64878"></path></svg>'
+};
+const sunIcons = {
+  CheckCircleOutlined: "正确",
+  CloseCircleOutlined: "错误",
+  CameraOutlined: "相机",
+  BarsOutlined: "条形",
+  AppstoreOutlined: "应用",
+  CoffeeOutlined: "咖啡",
+  DownloadOutlined: "下载",
+  EnvironmentOutlined: "环境/定位",
+  HeartOutlined: "心形",
+  HomeOutlined: "主页",
+  LikeOutlined: "点赞",
+  DislikeOutlined: "点踩",
+  MessageOutlined: "消息",
+  PhoneOutlined: "电话",
+  MenuOutlined: "菜单",
+  PoweroffOutlined: "电源",
+  ReadOutlined: "阅读",
+  ReloadOutlined: "刷新",
+  SearchOutlined: "搜索",
+  SettingOutlined: "设置",
+  SendOutlined: "发送",
+  ShoppingCartOutlined: "购物车",
+  SmileOutlined: "笑脸",
+  StarOutlined: "星标",
+  TagOutlined: "标签",
+  TeamOutlined: "团队",
+  EditOutlined: "书写",
+  GiftOutlined: "礼物",
+  FileDoneOutlined: "文件",
+  CustomCircle: "圆圈",
+  CustomFlag: "旗子",
+  CustomShopping: "购物"
+};
+const VariableList = [
+  {
+    id: "-1",
+    name: "数组-Test1",
+    type: "Array",
+    defaultValue: JSON.stringify([
+      {
+        title: "标题一",
+        content: "列表正文,组件整体绑定 Array 类型数据后，可在此文本上绑定 item.文本。",
+        src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid0.png"
+      },
+      {
+        title: "标题二",
+        content: "列表正文,组件整体绑定 Array 类型数据后，可在此文本上绑定 item.文本。",
+        src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid1.png"
+      },
+      {
+        title: "标题三",
+        content: "列表正文,组件整体绑定 Array 类型数据后，可在此文本上绑定 item.文本。",
+        src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid2.png"
+      }
+    ])
+  },
+  {
+    id: "-2",
+    name: "数组-Test2",
+    type: "Array",
+    defaultValue: JSON.stringify([
+      {
+        title: "标题一",
+        content: "列表正文,组件整体绑定 Array 类型数据后，可在此文本上绑定 item.文本。",
+        src: "https://p3-card-sign.byteimg.com/tos-cn-i-xdt3xczzd3/4418314581863347_1732602585813000796.jpg~tplv-xdt3xczzd3-image.image?rk3s=886be006&x-expires=1769328834&x-signature=vMMCc%2FwlDQ3VuKobNwY%2BTxDCyi8%3D"
+      },
+      {
+        title: "标题二",
+        content: "列表正文,组件整体绑定 Array 类型数据后，可在此文本上绑定 item.文本。",
+        src: "https://p3-card-sign.byteimg.com/tos-cn-i-xdt3xczzd3/4418314581863347_1732602595678562905.jpg~tplv-xdt3xczzd3-image.image?rk3s=886be006&x-expires=1769328834&x-signature=xKW6RP0HPDQOFsjKE6y7BhO78Lg%3D"
+      },
+      {
+        title: "标题三",
+        content: "列表正文,组件整体绑定 Array 类型数据后，可在此文本上绑定 item.文本。",
+        src: "https://p3-card-sign.byteimg.com/tos-cn-i-xdt3xczzd3/4418314581863347_1732602614071957770.jpg~tplv-xdt3xczzd3-image.image?rk3s=886be006&x-expires=1769328834&x-signature=UMKGwqp8s6qviF1gKDaRVjRRURw%3D"
+      }
+    ])
+  },
+  {
+    id: "-3",
+    name: "数组-Test3",
+    type: "Array",
+    defaultValue: JSON.stringify([
+      {
+        title: "标题一",
+        content: "列表正文,组件整体绑定 Array 类型数据。",
+        src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid0.png"
+      },
+      {
+        title: "标题二",
+        content: "列表正文,组件整体绑定 Array 类型数据。",
+        src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid1.png"
+      },
+      {
+        title: "标题三",
+        content: "列表正文,组件整体绑定 Array 类型数据。",
+        src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid2.png"
+      },
+      {
+        title: "标题一",
+        content: "列表正文,组件整体绑定 Array 类型数据。",
+        src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid0.png"
+      },
+      {
+        title: "标题二",
+        content: "列表正文,组件整体绑定 Array 类型数据。",
+        src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid1.png"
+      },
+      {
+        title: "标题三",
+        content: "列表正文,组件整体绑定 Array 类型数据。",
+        src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid2.png"
+      }
+    ])
+  }
+];
+const listTemplate = [
+  {
+    "type": "multipleLine",
+    "label": "列表布局",
+    "icon": "",
+    "uuid": "pqrq4vuqf8wy5ldxdamf",
+    "columns": [
+      {
+        "list": [
+          {
+            "type": "multipleColumn",
+            "label": "多列布局",
+            "icon": "",
+            "uuid": "qasjc668n3fygjd039l8lb",
+            "columns": [
+              {
+                "list": [
+                  {
+                    "type": "picture",
+                    "label": "图片",
+                    "icon": "",
+                    "uuid": "xu7yyvciezk408fp51ip0l",
+                    "options": {
+                      "defaultValue": "{数组-Test1#item.src}",
+                      "style": {
+                        "mode": "fixed",
+                        "size": "custom",
+                        "sizeOptions": [
+                          {
+                            "label": "small",
+                            "value": 40
+                          },
+                          {
+                            "label": "middle",
+                            "value": 72
+                          },
+                          {
+                            "label": "large",
+                            "value": 200
+                          }
+                        ],
+                        "width": 60,
+                        "height": 60,
+                        "cuttingMode": "cover",
+                        "cuttingRatio": "1",
+                        "ratioOptions": [
+                          {
+                            "label": "1:1",
+                            "value": "1"
+                          },
+                          {
+                            "label": "16:9",
+                            "value": "2"
+                          },
+                          {
+                            "label": "3:2",
+                            "value": "3"
+                          },
+                          {
+                            "label": "4:3",
+                            "value": "4"
+                          }
+                        ],
+                        "align": "left",
+                        "borderRadius": 6,
+                        "tbPadding": 2,
+                        "lrPadding": 2
+                      },
+                      "clickEvent": false,
+                      "clickEventConfig": {
+                        "type": "url",
+                        "value": "",
+                        "typeOptions": [
+                          {
+                            "label": "打开 URL",
+                            "value": "url"
+                          },
+                          {
+                            "label": "查看原图",
+                            "value": "view"
+                          }
+                        ]
+                      }
+                    }
+                  }
+                ],
+                "flex": 1,
+                "type": "columns",
+                "uuid": "6cz7zcahwgstbm7fjrqz0s",
+                "options": {
+                  "clickEvent": false,
+                  "clickEventConfig": {
+                    "type": "url",
+                    "value": "",
+                    "toolItem": null,
+                    "tooltemParams": [],
+                    "modalComponent": null
+                  }
+                }
+              },
+              {
+                "list": [
+                  {
+                    "type": "title",
+                    "label": "标题",
+                    "icon": "",
+                    "uuid": "ffyp630m4wqgi8et8ah0oh",
+                    "options": {
+                      "defaultValue": "{数组-Test1#item.title}",
+                      "style": {
+                        "colorMode": "static",
+                        "size": 14,
+                        "color": "#000000",
+                        "align": "left",
+                        "tbPadding": 2,
+                        "lrPadding": 2
+                      },
+                      "hasLine": false,
+                      "hasLineStyle": {
+                        "background": "#0066ff",
+                        "width": 5,
+                        "height": 16,
+                        "borderRadius": 1,
+                        "marginRight": 6
+                      },
+                      "clickEvent": false,
+                      "clickEventConfig": {
+                        "type": "url",
+                        "value": "",
+                        "toolItem": null,
+                        "tooltemParams": [],
+                        "modalComponent": null
+                      }
+                    }
+                  },
+                  {
+                    "type": "text",
+                    "label": "文本",
+                    "icon": "",
+                    "uuid": "2ki5fa83q4h233q9hxanx",
+                    "options": {
+                      "defaultValue": "{数组-Test1#item.content}",
+                      "style": {
+                        "colorMode": "static",
+                        "textSize": "12px",
+                        "textColor": "#8c8c8c",
+                        "textAlign": "left",
+                        "underline": "auto",
+                        "textIndent": 0,
+                        "tbPadding": 2,
+                        "lrPadding": 2
+                      },
+                      "hasLine": false,
+                      "hasLineStyle": {
+                        "background": "#0066ff",
+                        "width": 4,
+                        "height": 14,
+                        "borderRadius": 1,
+                        "marginRight": 6
+                      },
+                      "hasTitle": false,
+                      "titleValue": "",
+                      "clickEvent": false,
+                      "clickEventConfig": {
+                        "type": "url",
+                        "value": "",
+                        "toolItem": null,
+                        "tooltemParams": [],
+                        "modalComponent": null
+                      }
+                    }
+                  }
+                ],
+                "flex": 12,
+                "type": "columns",
+                "uuid": "d1gjjqd2hxmin9e0a1eo4a",
+                "options": {
+                  "clickEvent": false,
+                  "clickEventConfig": {
+                    "type": "url",
+                    "value": "",
+                    "toolItem": null,
+                    "tooltemParams": [],
+                    "modalComponent": null
+                  }
+                }
+              }
+            ],
+            "options": {
+              "dataType": "固定格数",
+              "style": {
+                "background": "#ffffff",
+                "borderColor": "#ffffff",
+                "borderRadius": 6,
+                "tbPadding": 0,
+                "lrPadding": 0,
+                "alignItems": "start",
+                "lrGutter": 12,
+                "tbGutter": 12
+              }
+            },
+            "config": {}
+          }
+        ],
+        "flex": 1,
+        "type": "columns",
+        "uuid": "9gqnkkbpmxm2rfz8jk8cdc",
+        "options": {
+          "clickEvent": false,
+          "clickEventConfig": {
+            "type": "url",
+            "value": "",
+            "toolItem": null,
+            "tooltemParams": []
+          }
+        },
+        "index": 0
+      },
+      {
+        "list": [
+          {
+            "type": "multipleColumn",
+            "label": "多列布局",
+            "icon": "",
+            "uuid": "qasjc668n3fygjd039l8lb",
+            "columns": [
+              {
+                "list": [
+                  {
+                    "type": "picture",
+                    "label": "图片",
+                    "icon": "",
+                    "uuid": "xu7yyvciezk408fp51ip0l",
+                    "options": {
+                      "defaultValue": "{数组-Test1#item.src}",
+                      "style": {
+                        "mode": "fixed",
+                        "size": "custom",
+                        "sizeOptions": [
+                          {
+                            "label": "small",
+                            "value": 40
+                          },
+                          {
+                            "label": "middle",
+                            "value": 72
+                          },
+                          {
+                            "label": "large",
+                            "value": 200
+                          }
+                        ],
+                        "width": 60,
+                        "height": 60,
+                        "cuttingMode": "cover",
+                        "cuttingRatio": "1",
+                        "ratioOptions": [
+                          {
+                            "label": "1:1",
+                            "value": "1"
+                          },
+                          {
+                            "label": "16:9",
+                            "value": "2"
+                          },
+                          {
+                            "label": "3:2",
+                            "value": "3"
+                          },
+                          {
+                            "label": "4:3",
+                            "value": "4"
+                          }
+                        ],
+                        "align": "left",
+                        "borderRadius": 6,
+                        "tbPadding": 2,
+                        "lrPadding": 2
+                      },
+                      "clickEvent": false,
+                      "clickEventConfig": {
+                        "type": "url",
+                        "value": "",
+                        "typeOptions": [
+                          {
+                            "label": "打开 URL",
+                            "value": "url"
+                          },
+                          {
+                            "label": "查看原图",
+                            "value": "view"
+                          }
+                        ]
+                      }
+                    }
+                  }
+                ],
+                "flex": 1,
+                "type": "columns",
+                "uuid": "6cz7zcahwgstbm7fjrqz0s",
+                "options": {
+                  "clickEvent": false,
+                  "clickEventConfig": {
+                    "type": "url",
+                    "value": "",
+                    "toolItem": null,
+                    "tooltemParams": [],
+                    "modalComponent": null
+                  }
+                }
+              },
+              {
+                "list": [
+                  {
+                    "type": "title",
+                    "label": "标题",
+                    "icon": "",
+                    "uuid": "ffyp630m4wqgi8et8ah0oh",
+                    "options": {
+                      "defaultValue": "{数组-Test1#item.title}",
+                      "style": {
+                        "colorMode": "static",
+                        "size": 14,
+                        "color": "#000000",
+                        "align": "left",
+                        "tbPadding": 2,
+                        "lrPadding": 2
+                      },
+                      "hasLine": false,
+                      "hasLineStyle": {
+                        "background": "#0066ff",
+                        "width": 5,
+                        "height": 16,
+                        "borderRadius": 1,
+                        "marginRight": 6
+                      },
+                      "clickEvent": false,
+                      "clickEventConfig": {
+                        "type": "url",
+                        "value": "",
+                        "toolItem": null,
+                        "tooltemParams": [],
+                        "modalComponent": null
+                      }
+                    }
+                  },
+                  {
+                    "type": "text",
+                    "label": "文本",
+                    "icon": "",
+                    "uuid": "2ki5fa83q4h233q9hxanx",
+                    "options": {
+                      "defaultValue": "{数组-Test1#item.content}",
+                      "style": {
+                        "colorMode": "static",
+                        "textSize": "12px",
+                        "textColor": "#8c8c8c",
+                        "textAlign": "left",
+                        "underline": "auto",
+                        "textIndent": 0,
+                        "tbPadding": 2,
+                        "lrPadding": 2
+                      },
+                      "hasLine": false,
+                      "hasLineStyle": {
+                        "background": "#0066ff",
+                        "width": 4,
+                        "height": 14,
+                        "borderRadius": 1,
+                        "marginRight": 6
+                      },
+                      "hasTitle": false,
+                      "titleValue": "",
+                      "clickEvent": false,
+                      "clickEventConfig": {
+                        "type": "url",
+                        "value": "",
+                        "toolItem": null,
+                        "tooltemParams": [],
+                        "modalComponent": null
+                      }
+                    }
+                  }
+                ],
+                "flex": 12,
+                "type": "columns",
+                "uuid": "d1gjjqd2hxmin9e0a1eo4a",
+                "options": {
+                  "clickEvent": false,
+                  "clickEventConfig": {
+                    "type": "url",
+                    "value": "",
+                    "toolItem": null,
+                    "tooltemParams": [],
+                    "modalComponent": null
+                  }
+                }
+              }
+            ],
+            "options": {
+              "dataType": "固定格数",
+              "style": {
+                "background": "#ffffff",
+                "borderColor": "#ffffff",
+                "borderRadius": 6,
+                "tbPadding": 0,
+                "lrPadding": 0,
+                "alignItems": "start",
+                "lrGutter": 12,
+                "tbGutter": 12
+              }
+            },
+            "config": {}
+          }
+        ],
+        "flex": 1,
+        "type": "columns",
+        "uuid": "9gqnkkbpmxm2rfz8jk8cdc",
+        "options": {
+          "clickEvent": false,
+          "clickEventConfig": {
+            "type": "url",
+            "value": "",
+            "toolItem": null,
+            "tooltemParams": []
+          }
+        },
+        "index": 1
+      },
+      {
+        "list": [
+          {
+            "type": "multipleColumn",
+            "label": "多列布局",
+            "icon": "",
+            "uuid": "qasjc668n3fygjd039l8lb",
+            "columns": [
+              {
+                "list": [
+                  {
+                    "type": "picture",
+                    "label": "图片",
+                    "icon": "",
+                    "uuid": "xu7yyvciezk408fp51ip0l",
+                    "options": {
+                      "defaultValue": "{数组-Test1#item.src}",
+                      "style": {
+                        "mode": "fixed",
+                        "size": "custom",
+                        "sizeOptions": [
+                          {
+                            "label": "small",
+                            "value": 40
+                          },
+                          {
+                            "label": "middle",
+                            "value": 72
+                          },
+                          {
+                            "label": "large",
+                            "value": 200
+                          }
+                        ],
+                        "width": 60,
+                        "height": 60,
+                        "cuttingMode": "cover",
+                        "cuttingRatio": "1",
+                        "ratioOptions": [
+                          {
+                            "label": "1:1",
+                            "value": "1"
+                          },
+                          {
+                            "label": "16:9",
+                            "value": "2"
+                          },
+                          {
+                            "label": "3:2",
+                            "value": "3"
+                          },
+                          {
+                            "label": "4:3",
+                            "value": "4"
+                          }
+                        ],
+                        "align": "left",
+                        "borderRadius": 6,
+                        "tbPadding": 2,
+                        "lrPadding": 2
+                      },
+                      "clickEvent": false,
+                      "clickEventConfig": {
+                        "type": "url",
+                        "value": "",
+                        "typeOptions": [
+                          {
+                            "label": "打开 URL",
+                            "value": "url"
+                          },
+                          {
+                            "label": "查看原图",
+                            "value": "view"
+                          }
+                        ]
+                      }
+                    }
+                  }
+                ],
+                "flex": 1,
+                "type": "columns",
+                "uuid": "6cz7zcahwgstbm7fjrqz0s",
+                "options": {
+                  "clickEvent": false,
+                  "clickEventConfig": {
+                    "type": "url",
+                    "value": "",
+                    "toolItem": null,
+                    "tooltemParams": [],
+                    "modalComponent": null
+                  }
+                }
+              },
+              {
+                "list": [
+                  {
+                    "type": "title",
+                    "label": "标题",
+                    "icon": "",
+                    "uuid": "ffyp630m4wqgi8et8ah0oh",
+                    "options": {
+                      "defaultValue": "{数组-Test1#item.title}",
+                      "style": {
+                        "colorMode": "static",
+                        "size": 14,
+                        "color": "#000000",
+                        "align": "left",
+                        "tbPadding": 2,
+                        "lrPadding": 2
+                      },
+                      "hasLine": false,
+                      "hasLineStyle": {
+                        "background": "#0066ff",
+                        "width": 5,
+                        "height": 16,
+                        "borderRadius": 1,
+                        "marginRight": 6
+                      },
+                      "clickEvent": false,
+                      "clickEventConfig": {
+                        "type": "url",
+                        "value": "",
+                        "toolItem": null,
+                        "tooltemParams": [],
+                        "modalComponent": null
+                      }
+                    }
+                  },
+                  {
+                    "type": "text",
+                    "label": "文本",
+                    "icon": "",
+                    "uuid": "2ki5fa83q4h233q9hxanx",
+                    "options": {
+                      "defaultValue": "{数组-Test1#item.content}",
+                      "style": {
+                        "colorMode": "static",
+                        "textSize": "12px",
+                        "textColor": "#8c8c8c",
+                        "textAlign": "left",
+                        "underline": "auto",
+                        "textIndent": 0,
+                        "tbPadding": 2,
+                        "lrPadding": 2
+                      },
+                      "hasLine": false,
+                      "hasLineStyle": {
+                        "background": "#0066ff",
+                        "width": 4,
+                        "height": 14,
+                        "borderRadius": 1,
+                        "marginRight": 6
+                      },
+                      "hasTitle": false,
+                      "titleValue": "",
+                      "clickEvent": false,
+                      "clickEventConfig": {
+                        "type": "url",
+                        "value": "",
+                        "toolItem": null,
+                        "tooltemParams": [],
+                        "modalComponent": null
+                      }
+                    }
+                  }
+                ],
+                "flex": 12,
+                "type": "columns",
+                "uuid": "d1gjjqd2hxmin9e0a1eo4a",
+                "options": {
+                  "clickEvent": false,
+                  "clickEventConfig": {
+                    "type": "url",
+                    "value": "",
+                    "toolItem": null,
+                    "tooltemParams": [],
+                    "modalComponent": null
+                  }
+                }
+              }
+            ],
+            "options": {
+              "dataType": "固定格数",
+              "style": {
+                "background": "#ffffff",
+                "borderColor": "#ffffff",
+                "borderRadius": 6,
+                "tbPadding": 0,
+                "lrPadding": 0,
+                "alignItems": "start",
+                "lrGutter": 12,
+                "tbGutter": 12
+              }
+            },
+            "config": {}
+          }
+        ],
+        "flex": 1,
+        "type": "columns",
+        "uuid": "9gqnkkbpmxm2rfz8jk8cdc",
+        "options": {
+          "clickEvent": false,
+          "clickEventConfig": {
+            "type": "url",
+            "value": "",
+            "toolItem": null,
+            "tooltemParams": []
+          }
+        },
+        "index": 2
+      }
+    ],
+    "options": {
+      "dataType": "动态格数",
+      "style": {
+        "background": "#ffffff",
+        "borderColor": "#ffffff",
+        "borderRadius": 6,
+        "tbPadding": 0,
+        "lrPadding": 0,
+        "alignItems": "start",
+        "lrGutter": 12,
+        "tbGutter": 12
+      },
+      "variableName": "数组-Test1"
+    },
+    "config": {}
+  }
+];
+const cardTemplate = [
+  {
+    "type": "multipleColumn",
+    "label": "多列布局",
+    "icon": "",
+    "uuid": "39pkb2fldtmk18i55v4o3e",
+    "columns": [
+      {
+        "list": [
+          {
+            "type": "picture",
+            "label": "图片",
+            "icon": "",
+            "uuid": "rpb9cnq82d4hfwehx4sid",
+            "options": {
+              "defaultValue": "{数组-Test2#item.src}",
+              "style": {
+                "mode": "auto",
+                "size": "middle",
+                "sizeOptions": [
+                  {
+                    "label": "small",
+                    "value": 40
+                  },
+                  {
+                    "label": "middle",
+                    "value": 72
+                  },
+                  {
+                    "label": "large",
+                    "value": 200
+                  }
+                ],
+                "width": 72,
+                "height": 72,
+                "cuttingMode": "cover",
+                "cuttingRatio": "1",
+                "ratioOptions": [
+                  {
+                    "label": "1:1",
+                    "value": "1"
+                  },
+                  {
+                    "label": "16:9",
+                    "value": "2"
+                  },
+                  {
+                    "label": "3:2",
+                    "value": "3"
+                  },
+                  {
+                    "label": "4:3",
+                    "value": "4"
+                  }
+                ],
+                "align": "left",
+                "borderRadius": 6,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "typeOptions": [
+                  {
+                    "label": "打开 URL",
+                    "value": "url"
+                  },
+                  {
+                    "label": "查看原图",
+                    "value": "view"
+                  }
+                ]
+              }
+            }
+          },
+          {
+            "type": "title",
+            "label": "标题",
+            "icon": "",
+            "uuid": "66fh4c0q6yxrlyihh4tpl",
+            "options": {
+              "defaultValue": "{数组-Test2#item.title}",
+              "style": {
+                "colorMode": "static",
+                "size": 14,
+                "color": "#000000",
+                "align": "left",
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 5,
+                "height": 16,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          },
+          {
+            "type": "text",
+            "label": "文本",
+            "icon": "",
+            "uuid": "02hif6o3xwjc7dn6vy3sz4n",
+            "options": {
+              "defaultValue": "{数组-Test2#item.content}",
+              "style": {
+                "colorMode": "static",
+                "textSize": "12px",
+                "textColor": "#8c8c8c",
+                "textAlign": "left",
+                "underline": "auto",
+                "textIndent": 0,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 4,
+                "height": 14,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "hasTitle": false,
+              "titleValue": "",
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          }
+        ],
+        "flex": 1,
+        "type": "columns",
+        "uuid": "rwdc9b41xkrf4i854tn2e",
+        "options": {
+          "clickEvent": false,
+          "clickEventConfig": {
+            "type": "url",
+            "value": "",
+            "toolItem": null,
+            "tooltemParams": []
+          }
+        },
+        "index": 0
+      },
+      {
+        "list": [
+          {
+            "type": "picture",
+            "label": "图片",
+            "icon": "",
+            "uuid": "rpb9cnq82d4hfwehx4sid",
+            "options": {
+              "defaultValue": "{数组-Test2#item.src}",
+              "style": {
+                "mode": "auto",
+                "size": "middle",
+                "sizeOptions": [
+                  {
+                    "label": "small",
+                    "value": 40
+                  },
+                  {
+                    "label": "middle",
+                    "value": 72
+                  },
+                  {
+                    "label": "large",
+                    "value": 200
+                  }
+                ],
+                "width": 72,
+                "height": 72,
+                "cuttingMode": "cover",
+                "cuttingRatio": "1",
+                "ratioOptions": [
+                  {
+                    "label": "1:1",
+                    "value": "1"
+                  },
+                  {
+                    "label": "16:9",
+                    "value": "2"
+                  },
+                  {
+                    "label": "3:2",
+                    "value": "3"
+                  },
+                  {
+                    "label": "4:3",
+                    "value": "4"
+                  }
+                ],
+                "align": "left",
+                "borderRadius": 6,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "typeOptions": [
+                  {
+                    "label": "打开 URL",
+                    "value": "url"
+                  },
+                  {
+                    "label": "查看原图",
+                    "value": "view"
+                  }
+                ]
+              }
+            }
+          },
+          {
+            "type": "title",
+            "label": "标题",
+            "icon": "",
+            "uuid": "66fh4c0q6yxrlyihh4tpl",
+            "options": {
+              "defaultValue": "{数组-Test2#item.title}",
+              "style": {
+                "colorMode": "static",
+                "size": 14,
+                "color": "#000000",
+                "align": "left",
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 5,
+                "height": 16,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          },
+          {
+            "type": "text",
+            "label": "文本",
+            "icon": "",
+            "uuid": "02hif6o3xwjc7dn6vy3sz4n",
+            "options": {
+              "defaultValue": "{数组-Test2#item.content}",
+              "style": {
+                "colorMode": "static",
+                "textSize": "12px",
+                "textColor": "#8c8c8c",
+                "textAlign": "left",
+                "underline": "auto",
+                "textIndent": 0,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 4,
+                "height": 14,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "hasTitle": false,
+              "titleValue": "",
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          }
+        ],
+        "flex": 1,
+        "type": "columns",
+        "uuid": "rwdc9b41xkrf4i854tn2e",
+        "options": {
+          "clickEvent": false,
+          "clickEventConfig": {
+            "type": "url",
+            "value": "",
+            "toolItem": null,
+            "tooltemParams": []
+          }
+        },
+        "index": 1
+      },
+      {
+        "list": [
+          {
+            "type": "picture",
+            "label": "图片",
+            "icon": "",
+            "uuid": "rpb9cnq82d4hfwehx4sid",
+            "options": {
+              "defaultValue": "{数组-Test2#item.src}",
+              "style": {
+                "mode": "auto",
+                "size": "middle",
+                "sizeOptions": [
+                  {
+                    "label": "small",
+                    "value": 40
+                  },
+                  {
+                    "label": "middle",
+                    "value": 72
+                  },
+                  {
+                    "label": "large",
+                    "value": 200
+                  }
+                ],
+                "width": 72,
+                "height": 72,
+                "cuttingMode": "cover",
+                "cuttingRatio": "1",
+                "ratioOptions": [
+                  {
+                    "label": "1:1",
+                    "value": "1"
+                  },
+                  {
+                    "label": "16:9",
+                    "value": "2"
+                  },
+                  {
+                    "label": "3:2",
+                    "value": "3"
+                  },
+                  {
+                    "label": "4:3",
+                    "value": "4"
+                  }
+                ],
+                "align": "left",
+                "borderRadius": 6,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "typeOptions": [
+                  {
+                    "label": "打开 URL",
+                    "value": "url"
+                  },
+                  {
+                    "label": "查看原图",
+                    "value": "view"
+                  }
+                ]
+              }
+            }
+          },
+          {
+            "type": "title",
+            "label": "标题",
+            "icon": "",
+            "uuid": "66fh4c0q6yxrlyihh4tpl",
+            "options": {
+              "defaultValue": "{数组-Test2#item.title}",
+              "style": {
+                "colorMode": "static",
+                "size": 14,
+                "color": "#000000",
+                "align": "left",
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 5,
+                "height": 16,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          },
+          {
+            "type": "text",
+            "label": "文本",
+            "icon": "",
+            "uuid": "02hif6o3xwjc7dn6vy3sz4n",
+            "options": {
+              "defaultValue": "{数组-Test2#item.content}",
+              "style": {
+                "colorMode": "static",
+                "textSize": "12px",
+                "textColor": "#8c8c8c",
+                "textAlign": "left",
+                "underline": "auto",
+                "textIndent": 0,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 4,
+                "height": 14,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "hasTitle": false,
+              "titleValue": "",
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          }
+        ],
+        "flex": 1,
+        "type": "columns",
+        "uuid": "rwdc9b41xkrf4i854tn2e",
+        "options": {
+          "clickEvent": false,
+          "clickEventConfig": {
+            "type": "url",
+            "value": "",
+            "toolItem": null,
+            "tooltemParams": []
+          }
+        },
+        "index": 2
+      }
+    ],
+    "options": {
+      "dataType": "动态格数",
+      "style": {
+        "background": "#ffffff",
+        "borderColor": "#ffffff",
+        "borderRadius": 6,
+        "tbPadding": 0,
+        "lrPadding": 0,
+        "alignItems": "start",
+        "lrGutter": 12,
+        "tbGutter": 12
+      },
+      "variableName": "数组-Test2"
+    },
+    "config": {}
+  },
+  {
+    "type": "gridList",
+    "label": "宫格布局",
+    "icon": "",
+    "uuid": "cw7tkd7z9hlpnw4raxm5gh",
+    "columns": [
+      {
+        "list": [
+          {
+            "type": "picture",
+            "label": "图片",
+            "icon": "",
+            "uuid": "louqe587zebfd30l9qez",
+            "options": {
+              "defaultValue": "{数组-Test3#item.src}",
+              "style": {
+                "mode": "auto",
+                "size": "middle",
+                "sizeOptions": [
+                  {
+                    "label": "small",
+                    "value": 40
+                  },
+                  {
+                    "label": "middle",
+                    "value": 72
+                  },
+                  {
+                    "label": "large",
+                    "value": 200
+                  }
+                ],
+                "width": 72,
+                "height": 72,
+                "cuttingMode": "cover",
+                "cuttingRatio": "1",
+                "ratioOptions": [
+                  {
+                    "label": "1:1",
+                    "value": "1"
+                  },
+                  {
+                    "label": "16:9",
+                    "value": "2"
+                  },
+                  {
+                    "label": "3:2",
+                    "value": "3"
+                  },
+                  {
+                    "label": "4:3",
+                    "value": "4"
+                  }
+                ],
+                "align": "left",
+                "borderRadius": 6,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "typeOptions": [
+                  {
+                    "label": "打开 URL",
+                    "value": "url"
+                  },
+                  {
+                    "label": "查看原图",
+                    "value": "view"
+                  }
+                ]
+              }
+            }
+          },
+          {
+            "type": "title",
+            "label": "标题",
+            "icon": "",
+            "uuid": "uubqt37jv5zzm5xhtxru",
+            "options": {
+              "defaultValue": "{数组-Test3#item.title}",
+              "style": {
+                "colorMode": "static",
+                "size": 14,
+                "color": "#000000",
+                "align": "left",
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 5,
+                "height": 16,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          },
+          {
+            "type": "text",
+            "label": "文本",
+            "icon": "",
+            "uuid": "tk3w12buvu7s6vuv5q1tc",
+            "options": {
+              "defaultValue": "{数组-Test3#item.content}",
+              "style": {
+                "colorMode": "static",
+                "textSize": "12px",
+                "textColor": "#8c8c8c",
+                "textAlign": "left",
+                "underline": "auto",
+                "textIndent": 0,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 4,
+                "height": 14,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "hasTitle": false,
+              "titleValue": "",
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          }
+        ],
+        "flex": 1,
+        "type": "columns",
+        "uuid": "8y81tsj321jclesy1u2a14",
+        "options": {
+          "clickEvent": false,
+          "clickEventConfig": {
+            "type": "url",
+            "value": "",
+            "toolItem": null,
+            "tooltemParams": []
+          }
+        },
+        "index": 0
+      },
+      {
+        "list": [
+          {
+            "type": "picture",
+            "label": "图片",
+            "icon": "",
+            "uuid": "louqe587zebfd30l9qez",
+            "options": {
+              "defaultValue": "{数组-Test3#item.src}",
+              "style": {
+                "mode": "auto",
+                "size": "middle",
+                "sizeOptions": [
+                  {
+                    "label": "small",
+                    "value": 40
+                  },
+                  {
+                    "label": "middle",
+                    "value": 72
+                  },
+                  {
+                    "label": "large",
+                    "value": 200
+                  }
+                ],
+                "width": 72,
+                "height": 72,
+                "cuttingMode": "cover",
+                "cuttingRatio": "1",
+                "ratioOptions": [
+                  {
+                    "label": "1:1",
+                    "value": "1"
+                  },
+                  {
+                    "label": "16:9",
+                    "value": "2"
+                  },
+                  {
+                    "label": "3:2",
+                    "value": "3"
+                  },
+                  {
+                    "label": "4:3",
+                    "value": "4"
+                  }
+                ],
+                "align": "left",
+                "borderRadius": 6,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "typeOptions": [
+                  {
+                    "label": "打开 URL",
+                    "value": "url"
+                  },
+                  {
+                    "label": "查看原图",
+                    "value": "view"
+                  }
+                ]
+              }
+            }
+          },
+          {
+            "type": "title",
+            "label": "标题",
+            "icon": "",
+            "uuid": "uubqt37jv5zzm5xhtxru",
+            "options": {
+              "defaultValue": "{数组-Test3#item.title}",
+              "style": {
+                "colorMode": "static",
+                "size": 14,
+                "color": "#000000",
+                "align": "left",
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 5,
+                "height": 16,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          },
+          {
+            "type": "text",
+            "label": "文本",
+            "icon": "",
+            "uuid": "tk3w12buvu7s6vuv5q1tc",
+            "options": {
+              "defaultValue": "{数组-Test3#item.content}",
+              "style": {
+                "colorMode": "static",
+                "textSize": "12px",
+                "textColor": "#8c8c8c",
+                "textAlign": "left",
+                "underline": "auto",
+                "textIndent": 0,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 4,
+                "height": 14,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "hasTitle": false,
+              "titleValue": "",
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          }
+        ],
+        "flex": 1,
+        "type": "columns",
+        "uuid": "8y81tsj321jclesy1u2a14",
+        "options": {
+          "clickEvent": false,
+          "clickEventConfig": {
+            "type": "url",
+            "value": "",
+            "toolItem": null,
+            "tooltemParams": []
+          }
+        },
+        "index": 1
+      },
+      {
+        "list": [
+          {
+            "type": "picture",
+            "label": "图片",
+            "icon": "",
+            "uuid": "louqe587zebfd30l9qez",
+            "options": {
+              "defaultValue": "{数组-Test3#item.src}",
+              "style": {
+                "mode": "auto",
+                "size": "middle",
+                "sizeOptions": [
+                  {
+                    "label": "small",
+                    "value": 40
+                  },
+                  {
+                    "label": "middle",
+                    "value": 72
+                  },
+                  {
+                    "label": "large",
+                    "value": 200
+                  }
+                ],
+                "width": 72,
+                "height": 72,
+                "cuttingMode": "cover",
+                "cuttingRatio": "1",
+                "ratioOptions": [
+                  {
+                    "label": "1:1",
+                    "value": "1"
+                  },
+                  {
+                    "label": "16:9",
+                    "value": "2"
+                  },
+                  {
+                    "label": "3:2",
+                    "value": "3"
+                  },
+                  {
+                    "label": "4:3",
+                    "value": "4"
+                  }
+                ],
+                "align": "left",
+                "borderRadius": 6,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "typeOptions": [
+                  {
+                    "label": "打开 URL",
+                    "value": "url"
+                  },
+                  {
+                    "label": "查看原图",
+                    "value": "view"
+                  }
+                ]
+              }
+            }
+          },
+          {
+            "type": "title",
+            "label": "标题",
+            "icon": "",
+            "uuid": "uubqt37jv5zzm5xhtxru",
+            "options": {
+              "defaultValue": "{数组-Test3#item.title}",
+              "style": {
+                "colorMode": "static",
+                "size": 14,
+                "color": "#000000",
+                "align": "left",
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 5,
+                "height": 16,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          },
+          {
+            "type": "text",
+            "label": "文本",
+            "icon": "",
+            "uuid": "tk3w12buvu7s6vuv5q1tc",
+            "options": {
+              "defaultValue": "{数组-Test3#item.content}",
+              "style": {
+                "colorMode": "static",
+                "textSize": "12px",
+                "textColor": "#8c8c8c",
+                "textAlign": "left",
+                "underline": "auto",
+                "textIndent": 0,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 4,
+                "height": 14,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "hasTitle": false,
+              "titleValue": "",
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          }
+        ],
+        "flex": 1,
+        "type": "columns",
+        "uuid": "8y81tsj321jclesy1u2a14",
+        "options": {
+          "clickEvent": false,
+          "clickEventConfig": {
+            "type": "url",
+            "value": "",
+            "toolItem": null,
+            "tooltemParams": []
+          }
+        },
+        "index": 2
+      },
+      {
+        "list": [
+          {
+            "type": "picture",
+            "label": "图片",
+            "icon": "",
+            "uuid": "louqe587zebfd30l9qez",
+            "options": {
+              "defaultValue": "{数组-Test3#item.src}",
+              "style": {
+                "mode": "auto",
+                "size": "middle",
+                "sizeOptions": [
+                  {
+                    "label": "small",
+                    "value": 40
+                  },
+                  {
+                    "label": "middle",
+                    "value": 72
+                  },
+                  {
+                    "label": "large",
+                    "value": 200
+                  }
+                ],
+                "width": 72,
+                "height": 72,
+                "cuttingMode": "cover",
+                "cuttingRatio": "1",
+                "ratioOptions": [
+                  {
+                    "label": "1:1",
+                    "value": "1"
+                  },
+                  {
+                    "label": "16:9",
+                    "value": "2"
+                  },
+                  {
+                    "label": "3:2",
+                    "value": "3"
+                  },
+                  {
+                    "label": "4:3",
+                    "value": "4"
+                  }
+                ],
+                "align": "left",
+                "borderRadius": 6,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "typeOptions": [
+                  {
+                    "label": "打开 URL",
+                    "value": "url"
+                  },
+                  {
+                    "label": "查看原图",
+                    "value": "view"
+                  }
+                ]
+              }
+            }
+          },
+          {
+            "type": "title",
+            "label": "标题",
+            "icon": "",
+            "uuid": "uubqt37jv5zzm5xhtxru",
+            "options": {
+              "defaultValue": "{数组-Test3#item.title}",
+              "style": {
+                "colorMode": "static",
+                "size": 14,
+                "color": "#000000",
+                "align": "left",
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 5,
+                "height": 16,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          },
+          {
+            "type": "text",
+            "label": "文本",
+            "icon": "",
+            "uuid": "tk3w12buvu7s6vuv5q1tc",
+            "options": {
+              "defaultValue": "{数组-Test3#item.content}",
+              "style": {
+                "colorMode": "static",
+                "textSize": "12px",
+                "textColor": "#8c8c8c",
+                "textAlign": "left",
+                "underline": "auto",
+                "textIndent": 0,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 4,
+                "height": 14,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "hasTitle": false,
+              "titleValue": "",
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          }
+        ],
+        "flex": 1,
+        "type": "columns",
+        "uuid": "8y81tsj321jclesy1u2a14",
+        "options": {
+          "clickEvent": false,
+          "clickEventConfig": {
+            "type": "url",
+            "value": "",
+            "toolItem": null,
+            "tooltemParams": []
+          }
+        },
+        "index": 3
+      },
+      {
+        "list": [
+          {
+            "type": "picture",
+            "label": "图片",
+            "icon": "",
+            "uuid": "louqe587zebfd30l9qez",
+            "options": {
+              "defaultValue": "{数组-Test3#item.src}",
+              "style": {
+                "mode": "auto",
+                "size": "middle",
+                "sizeOptions": [
+                  {
+                    "label": "small",
+                    "value": 40
+                  },
+                  {
+                    "label": "middle",
+                    "value": 72
+                  },
+                  {
+                    "label": "large",
+                    "value": 200
+                  }
+                ],
+                "width": 72,
+                "height": 72,
+                "cuttingMode": "cover",
+                "cuttingRatio": "1",
+                "ratioOptions": [
+                  {
+                    "label": "1:1",
+                    "value": "1"
+                  },
+                  {
+                    "label": "16:9",
+                    "value": "2"
+                  },
+                  {
+                    "label": "3:2",
+                    "value": "3"
+                  },
+                  {
+                    "label": "4:3",
+                    "value": "4"
+                  }
+                ],
+                "align": "left",
+                "borderRadius": 6,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "typeOptions": [
+                  {
+                    "label": "打开 URL",
+                    "value": "url"
+                  },
+                  {
+                    "label": "查看原图",
+                    "value": "view"
+                  }
+                ]
+              }
+            }
+          },
+          {
+            "type": "title",
+            "label": "标题",
+            "icon": "",
+            "uuid": "uubqt37jv5zzm5xhtxru",
+            "options": {
+              "defaultValue": "{数组-Test3#item.title}",
+              "style": {
+                "colorMode": "static",
+                "size": 14,
+                "color": "#000000",
+                "align": "left",
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 5,
+                "height": 16,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          },
+          {
+            "type": "text",
+            "label": "文本",
+            "icon": "",
+            "uuid": "tk3w12buvu7s6vuv5q1tc",
+            "options": {
+              "defaultValue": "{数组-Test3#item.content}",
+              "style": {
+                "colorMode": "static",
+                "textSize": "12px",
+                "textColor": "#8c8c8c",
+                "textAlign": "left",
+                "underline": "auto",
+                "textIndent": 0,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 4,
+                "height": 14,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "hasTitle": false,
+              "titleValue": "",
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          }
+        ],
+        "flex": 1,
+        "type": "columns",
+        "uuid": "8y81tsj321jclesy1u2a14",
+        "options": {
+          "clickEvent": false,
+          "clickEventConfig": {
+            "type": "url",
+            "value": "",
+            "toolItem": null,
+            "tooltemParams": []
+          }
+        },
+        "index": 4
+      },
+      {
+        "list": [
+          {
+            "type": "picture",
+            "label": "图片",
+            "icon": "",
+            "uuid": "louqe587zebfd30l9qez",
+            "options": {
+              "defaultValue": "{数组-Test3#item.src}",
+              "style": {
+                "mode": "auto",
+                "size": "middle",
+                "sizeOptions": [
+                  {
+                    "label": "small",
+                    "value": 40
+                  },
+                  {
+                    "label": "middle",
+                    "value": 72
+                  },
+                  {
+                    "label": "large",
+                    "value": 200
+                  }
+                ],
+                "width": 72,
+                "height": 72,
+                "cuttingMode": "cover",
+                "cuttingRatio": "1",
+                "ratioOptions": [
+                  {
+                    "label": "1:1",
+                    "value": "1"
+                  },
+                  {
+                    "label": "16:9",
+                    "value": "2"
+                  },
+                  {
+                    "label": "3:2",
+                    "value": "3"
+                  },
+                  {
+                    "label": "4:3",
+                    "value": "4"
+                  }
+                ],
+                "align": "left",
+                "borderRadius": 6,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "typeOptions": [
+                  {
+                    "label": "打开 URL",
+                    "value": "url"
+                  },
+                  {
+                    "label": "查看原图",
+                    "value": "view"
+                  }
+                ]
+              }
+            }
+          },
+          {
+            "type": "title",
+            "label": "标题",
+            "icon": "",
+            "uuid": "uubqt37jv5zzm5xhtxru",
+            "options": {
+              "defaultValue": "{数组-Test3#item.title}",
+              "style": {
+                "colorMode": "static",
+                "size": 14,
+                "color": "#000000",
+                "align": "left",
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 5,
+                "height": 16,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          },
+          {
+            "type": "text",
+            "label": "文本",
+            "icon": "",
+            "uuid": "tk3w12buvu7s6vuv5q1tc",
+            "options": {
+              "defaultValue": "{数组-Test3#item.content}",
+              "style": {
+                "colorMode": "static",
+                "textSize": "12px",
+                "textColor": "#8c8c8c",
+                "textAlign": "left",
+                "underline": "auto",
+                "textIndent": 0,
+                "tbPadding": 2,
+                "lrPadding": 2
+              },
+              "hasLine": false,
+              "hasLineStyle": {
+                "background": "#0066ff",
+                "width": 4,
+                "height": 14,
+                "borderRadius": 1,
+                "marginRight": 6
+              },
+              "hasTitle": false,
+              "titleValue": "",
+              "clickEvent": false,
+              "clickEventConfig": {
+                "type": "url",
+                "value": "",
+                "toolItem": null,
+                "tooltemParams": [],
+                "modalComponent": null
+              }
+            }
+          }
+        ],
+        "flex": 1,
+        "type": "columns",
+        "uuid": "8y81tsj321jclesy1u2a14",
+        "options": {
+          "clickEvent": false,
+          "clickEventConfig": {
+            "type": "url",
+            "value": "",
+            "toolItem": null,
+            "tooltemParams": []
+          }
+        },
+        "index": 5
+      }
+    ],
+    "options": {
+      "dataType": "动态格数",
+      "autoNumber": 4,
+      "autoNumberOptions": [
+        {
+          "value": 2,
+          "label": "二列"
+        },
+        {
+          "value": 3,
+          "label": "三列"
+        },
+        {
+          "value": 4,
+          "label": "四列"
+        }
+      ],
+      "style": {
+        "background": "#ffffff",
+        "borderColor": "#ffffff",
+        "borderRadius": 6,
+        "tbPadding": 0,
+        "lrPadding": 0,
+        "alignItems": "start",
+        "lrGutter": 12,
+        "tbGutter": 12
+      },
+      "variableName": "数组-Test3"
+    },
+    "config": {}
+  }
+];
+export {
+  BasicsList,
+  ChartList,
+  ColorList,
+  ColorNameMap,
+  FormList,
+  LayoutList,
+  VariableList,
+  cardTemplate,
+  customIcon,
+  listTemplate,
+  sunIcons
+};