super-page-designer 1.2.6 → 2.0.4

package/dist/es/components/design/utils/assemblys-config.js

@@ -1,13 +1,57 @@
 import { defineAsyncComponent } from "vue";
 import { getUuidv4 } from "./common-util.js";
+import groupContainer from "../../../assets/images/group-container.png.js";
+import containerForm from "../../../assets/images/container/container-form.png.js";
+import containerFLex from "../../../assets/images/container/container-flex.png.js";
+import containerCollapse from "../../../assets/images/container/container-collapse.png.js";
+import containerTabs from "../../../assets/images/container/container-tabs.png.js";
+import containerCard from "../../../assets/images/container/container-card.png.js";
+import containerTools from "../../../assets/images/container/container-tools.png.js";
+import containerIframe from "../../../assets/images/container/container-iframe.png.js";
+import containerContainer from "../../../assets/images/container/container-container.png.js";
+import groupForm from "../../../assets/images/group-form.png.js";
+import formInput from "../../../assets/images/form/form-input.png.js";
+import formSelect from "../../../assets/images/form/form-select.png.js";
+import formRadio from "../../../assets/images/form/form-radio.png.js";
+import formCheck from "../../../assets/images/form/form-check.png.js";
+import formTextarea from "../../../assets/images/form/form-textarea.png.js";
+import formDate from "../../../assets/images/form/form-date.png.js";
+import formFile from "../../../assets/images/form/form-file.png.js";
+import formSwitch from "../../../assets/images/form/form-switch.png.js";
+import formCount from "../../../assets/images/form/form-count.png.js";
+import formText from "../../../assets/images/form/form-text.png.js";
+import formDept from "../../../assets/images/form/form-dept.png.js";
+import formDivider from "../../../assets/images/form/form-divider.png.js";
+import formSpace from "../../../assets/images/form/form-space.png.js";
+import formLink from "../../../assets/images/form/form-link.png.js";
+import formData from "../../../assets/images/group-data.png.js";
+import dataTable from "../../../assets/images/data/data-table.png.js";
+import button from "../../../assets/images/button/button.png.js";
+import dataProcess from "../../../assets/images/data/data-process.png.js";
+import dataTree from "../../../assets/images/data/data-tree.png.js";
+import dataStep from "../../../assets/images/data/data-step.png.js";
+import dataTimeline from "../../../assets/images/data/data-timeline.png.js";
+import groupButton from "../../../assets/images/group-button.png.js";
+import buttonGroup from "../../../assets/images/button/button-group.png.js";
+import groupWorkflow from "../../../assets/images/group-workflow.png.js";
+import workflowButton from "../../../assets/images/workflow/workflow-button.png.js";
+import workflowHistory from "../../../assets/images/workflow/workflow-history.png.js";
+import workflowHistoryTexts from "../../../assets/images/workflow/workflow-history-texts.png.js";
+import groupChart from "../../../assets/images/group-chart.png.js";
+import chartColumn from "../../../assets/images/chart/chart-column.png.js";
+import chartPie from "../../../assets/images/chart/chart-pie.png.js";
+import chartGauge from "../../../assets/images/chart/chart-gauge.png.js";
+import chartRader from "../../../assets/images/chart/chart-radar.png.js";
+import chartScatter from "../../../assets/images/chart/chart-scatter.png.js";
+import formCustom from "../../../assets/images/form/form-custom.png.js";
 const assemblyGroups = [{
   name: "container",
   label: "容器",
-  icon: "assets/images/group-container.png",
+  icon: groupContainer,
   items: [{
     name: "form",
     label: "表单",
-    icon: "assets/images/container/container-form.png",
+    icon: containerForm,
     props: { size: { widthType: "flex", flexSpan: 24 } },
     style: {},
     events: [
@@ -29,7 +73,7 @@ const assemblyGroups = [{
   }, {
     name: "layout",
     label: "Flex",
-    icon: "assets/images/container/container-flex.png",
+    icon: containerFLex,
     props: { base: {}, size: { widthType: "flex", flexSpan: 24 } },
     style: {},
     designComponent: defineAsyncComponent(() => {
@@ -41,7 +85,7 @@ const assemblyGroups = [{
   }, {
     name: "collapse",
     label: "折叠面板",
-    icon: "assets/images/container/container-collapse.png",
+    icon: containerCollapse,
     default: {},
     props: { base: {}, size: {} },
     style: {},
@@ -54,7 +98,7 @@ const assemblyGroups = [{
   }, {
     name: "tabs",
     label: "多页签",
-    icon: "assets/images/container/container-tabs.png",
+    icon: containerTabs,
     default: {},
     props: { base: {}, size: {} },
     style: {},
@@ -67,7 +111,7 @@ const assemblyGroups = [{
   }, {
     name: "card",
     label: "卡片",
-    icon: "assets/images/container/container-card.png",
+    icon: containerCard,
     default: {},
     props: {
       base: {
@@ -86,7 +130,7 @@ const assemblyGroups = [{
   }, {
     name: "tools",
     label: "工具栏",
-    icon: "assets/images/container/container-tools.png",
+    icon: containerTools,
     default: {},
     props: { base: {}, size: {} },
     style: {},
@@ -99,7 +143,7 @@ const assemblyGroups = [{
   }, {
     name: "iframe",
     label: "Iframe",
-    icon: "assets/images/container/container-iframe.png",
+    icon: containerIframe,
     default: {},
     props: { base: {}, size: {} },
     style: {},
@@ -112,7 +156,7 @@ const assemblyGroups = [{
   }, {
     name: "container",
     label: "布局",
-    icon: "assets/images/container/container-container.png",
+    icon: containerContainer,
     default: {},
     props: { base: {}, size: {} },
     style: {},
@@ -126,12 +170,12 @@ const assemblyGroups = [{
 }, {
   name: "form",
   label: "表单",
-  icon: "assets/images/group-form.png",
+  icon: groupForm,
   items: [
     {
       name: "input-text",
       label: "文本框",
-      icon: "assets/images/form/form-input.png",
+      icon: formInput,
       props: {
         base: {
           tittleShow: true,
@@ -165,7 +209,7 @@ const assemblyGroups = [{
     {
       name: "select",
       label: "选择器",
-      icon: "assets/images/form/form-select.png",
+      icon: formSelect,
       props: {
         base: {
           tittleShow: true,
@@ -195,7 +239,7 @@ const assemblyGroups = [{
     {
       name: "radio",
       label: "单选框",
-      icon: "assets/images/form/form-radio.png",
+      icon: formRadio,
       props: {
         base: {
           tittleShow: true,
@@ -224,7 +268,7 @@ const assemblyGroups = [{
     {
       name: "checkbox",
       label: "复选框",
-      icon: "assets/images/form/form-check.png",
+      icon: formCheck,
       props: {
         base: {
           tittleShow: true,
@@ -253,7 +297,7 @@ const assemblyGroups = [{
     {
       name: "textarea",
       label: "文本域",
-      icon: "assets/images/form/form-textarea.png",
+      icon: formTextarea,
       props: {
         base: {
           tittleShow: true,
@@ -280,7 +324,7 @@ const assemblyGroups = [{
     {
       name: "datePicker",
       label: "日期/时间",
-      icon: "assets/images/form/form-date.png",
+      icon: formDate,
       props: {
         base: {
           dateRangeDefaultValue: {},
@@ -308,7 +352,7 @@ const assemblyGroups = [{
     /**{
       name:'datetime',
       label:'日历',
-      icon:'assets/images/form/form-date.png',
+      icon: formDate,
       props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
       style: { titleFont: {},background: {} , margin:{}, padding:{}, border:{}, shadow:{} },
       events: [{name:'click',label: '点击', tip:'点击' },
@@ -322,7 +366,7 @@ const assemblyGroups = [{
     {
       name: "file-upload",
       label: "文件框",
-      icon: "assets/images/form/form-file.png",
+      icon: formFile,
       props: {
         base: {
           tittleShow: true,
@@ -349,7 +393,7 @@ const assemblyGroups = [{
     /**{
       name:'file-picture',
       label:'照片墙',
-      icon:'assets/images/form/form-img.png',
+      icon:formImg,
       props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
       style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{}  },
       designComponent:defineAsyncComponent(()=>{
@@ -358,7 +402,7 @@ const assemblyGroups = [{
     },{
       name:'cascader',
       label:'级联框',
-      icon:'assets/images/form/form-cascader.png',
+      icon: formCascader,
       props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
       style: { titleFont: {},background: {}, margin:{}, padding:{} , border:{}, shadow:{} },
       designComponent:defineAsyncComponent(()=>{
@@ -368,7 +412,7 @@ const assemblyGroups = [{
     {
       name: "switch",
       label: "开关",
-      icon: "assets/images/form/form-switch.png",
+      icon: formSwitch,
       props: { base: {
         tittleShow: true,
         title: "开关"
@@ -390,7 +434,7 @@ const assemblyGroups = [{
     {
       name: "inputNumber",
       label: "计数器",
-      icon: "assets/images/form/form-count.png",
+      icon: formCount,
       props: {
         base: {
           tittleShow: true,
@@ -418,7 +462,7 @@ const assemblyGroups = [{
     /**{
       name:'slider',
       label:'滑块',
-      icon:'assets/images/form/form-slider.png',
+      icon:formSlider,
       props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
       style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{}  },
       events: [{name:'click',label: '点击', tip:'点击' },
@@ -431,7 +475,7 @@ const assemblyGroups = [{
     },{
       name:'rate',
       label:'评分',
-      icon:'assets/images/form/form-score.png',
+      icon: formScore,
       props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
       style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{}  },
       events: [{name:'click',label: '点击', tip:'点击' },
@@ -444,7 +488,7 @@ const assemblyGroups = [{
     },{
       name:'colors',
       label:'颜色器',
-      icon:'assets/images/form/form-color.png',
+      icon: formColor, 
       props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
       style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{}  },
       designComponent:defineAsyncComponent(()=>{
@@ -454,7 +498,7 @@ const assemblyGroups = [{
     {
       name: "tag",
       label: "标签",
-      icon: "assets/images/form/form-text.png",
+      icon: formText,
       props: {
         base: {
           tittleShow: true,
@@ -480,7 +524,7 @@ const assemblyGroups = [{
     /**{
       name:'transfer',
       label:'穿梭框',
-      icon:'assets/images/form/form-transfer.png',
+      icon: formTransfer,
       props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{}, size: {}, title:{} },
       style: { titleFont: {},background: {} , margin:{}, padding:{}, border:{}, shadow:{} },
       designComponent:defineAsyncComponent(()=>{
@@ -490,7 +534,7 @@ const assemblyGroups = [{
     {
       name: "dept-tree",
       label: "组织树",
-      icon: "assets/images/form/form-dept.png",
+      icon: formDept,
       props: {
         base: {
           tittleShow: true,
@@ -518,7 +562,7 @@ const assemblyGroups = [{
     {
       name: "richText",
       label: "富文本",
-      icon: "assets/images/form/form-textarea.png",
+      icon: formTextarea,
       props: {
         base: {
           tittleShow: false,
@@ -544,7 +588,7 @@ const assemblyGroups = [{
     {
       name: "divider",
       label: "分割线",
-      icon: "assets/images/form/form-divider.png",
+      icon: formDivider,
       props: {
         base: {
           tittleShow: true
@@ -563,7 +607,7 @@ const assemblyGroups = [{
     {
       name: "placeholder",
       label: "占位符",
-      icon: "assets/images/form/form-space.png",
+      icon: formSpace,
       props: {
         base: {},
         verification: {},
@@ -584,7 +628,7 @@ const assemblyGroups = [{
     {
       name: "link",
       label: "链接",
-      icon: "assets/images/form/form-link.png",
+      icon: formLink,
       props: {
         base: {
           title: "链接",
@@ -613,7 +657,7 @@ const assemblyGroups = [{
     {
       name: "label",
       label: "Label组件",
-      icon: "assets/images/form/form-text.png",
+      icon: formText,
       props: {
         base: {
           tittleShow: true,
@@ -655,7 +699,7 @@ const assemblyGroups = [{
     /**{
       name:'image-upload',
       label:'图片上传',
-      icon: 'assets/images/form/form-image-upload.png',
+      icon: formImageUpload,
       props: { base: {tittleShow:true,}, verification: [], scan: {},preSuffix: {}, prefix:{},size: {},uploadConfig:{}, overallWidth:{},overallHeight:{}, title:{} },
       style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{} },
       events: [{name:'click',label: '点击', tip:'点击' },
@@ -671,7 +715,7 @@ const assemblyGroups = [{
     }, {
       name:'thumbnail',
       label:'缩略图',
-      icon: 'assets/images/form/form-zoom.png',
+      icon: formZoom,
       props: { base: {imgWidth:500,imgHeight:400,tittleShow:true,}, verification: {},imageSearch:[{imageUrl:''}], scan: {},preSuffix: {}, prefix:{},size: {},uploadConfig:{}, overallWidth:{},overallHeight:{}, title:{},thumbnailStyle:{} },
       style: { titleFont: {},background: {}, margin:{}, padding:{}, border:{}, shadow:{} },
       events: [{name:'click',label: '点击', tip:'点击' },
@@ -691,7 +735,7 @@ const assemblyGroups = [{
 }, {
   name: "data",
   label: "数据",
-  icon: "assets/images/group-data.png",
+  icon: formData,
   items: [{
     name: "table",
     label: "表格",
@@ -720,12 +764,12 @@ const assemblyGroups = [{
       { name: "hidden", label: "列表隐藏", tip: "列表隐藏回调方法" },
       { name: "row-style", label: "行style", tip: "行style的回调方法" }
     ],
-    icon: "assets/images/data/data-table.png",
+    icon: dataTable,
     btnList: [
       {
         name: "button-detail",
         label: "按钮",
-        icon: "assets/images/button/button.png",
+        icon: button,
         props: { base: { type: "primary", name: "操作", title: "操作" }, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
         style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
         events: [
@@ -1001,7 +1045,7 @@ const assemblyGroups = [{
   }, {
     name: "progress",
     label: "进度条",
-    icon: "assets/images/data/data-process.png",
+    icon: dataProcess,
     props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
     style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
     designComponent: defineAsyncComponent(() => {
@@ -1010,7 +1054,7 @@ const assemblyGroups = [{
   }, {
     name: "tree",
     label: "树控件",
-    icon: "assets/images/data/data-tree.png",
+    icon: dataTree,
     props: {
       base: {},
       verification: [],
@@ -1060,7 +1104,7 @@ const assemblyGroups = [{
   }, {
     name: "steps",
     label: "步骤条",
-    icon: "assets/images/data/data-step.png",
+    icon: dataStep,
     props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
     style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
     designComponent: defineAsyncComponent(() => {
@@ -1069,7 +1113,7 @@ const assemblyGroups = [{
   }, {
     name: "timeline",
     label: "时间线",
-    icon: "assets/images/data/data-timeline.png",
+    icon: dataTimeline,
     props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
     style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
     designComponent: defineAsyncComponent(() => {
@@ -1079,7 +1123,7 @@ const assemblyGroups = [{
     name: "bar-code",
     label: "条码",
     icon: "",
-    props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
+    props: { base: { type: "QR-code" }, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
     style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
     designComponent: defineAsyncComponent(() => {
       return import("../views/assemblys/data/bar-code/barcode-design.vue.js");
@@ -1091,11 +1135,11 @@ const assemblyGroups = [{
 }, {
   name: "button",
   label: "按钮",
-  icon: "assets/images/group-button.png",
+  icon: groupButton,
   items: [{
     name: "button-detail",
     label: "按钮",
-    icon: "assets/images/button/button.png",
+    icon: button,
     //设计时的样式
     design: {
       style: {
@@ -1144,7 +1188,7 @@ const assemblyGroups = [{
   }, {
     name: "button-group",
     label: "按钮组",
-    icon: "assets/images/button/button-group.png",
+    icon: buttonGroup,
     //设计时的样式
     design: {
       style: {
@@ -1213,11 +1257,11 @@ const assemblyGroups = [{
 }, {
   name: "workflow",
   label: "工作流",
-  icon: "assets/images/group-workflow.png",
+  icon: groupWorkflow,
   items: [{
     name: "workflow-button",
     label: "流程按钮",
-    icon: "assets/images/workflow/workflow-button.png",
+    icon: workflowButton,
     //设计时的样式
     design: {
       style: {
@@ -1228,7 +1272,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "暂存",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: true,
         check: true,
         // 该按钮在流程中是否被选中
@@ -1252,7 +1296,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "提交",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: true,
         check: true,
         // 该按钮在流程中是否被选中
@@ -1280,7 +1324,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "提交",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: true,
         check: true,
         // 该按钮在流程中是否被选中
@@ -1308,7 +1352,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "领取",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: true,
         check: true,
         // 该按钮在流程中是否被选中
@@ -1336,7 +1380,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "放弃领取",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: true,
         check: true,
         // 该按钮在流程中是否被选中
@@ -1364,7 +1408,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "同意",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: true,
         check: true,
         // 该按钮在流程中是否被选中
@@ -1392,7 +1436,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "不同意",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: true,
         check: true,
         isFlow: true,
@@ -1419,7 +1463,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "赞成",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: true,
         check: true,
         // 该按钮在流程中是否被选中
@@ -1447,7 +1491,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "反对",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: true,
         check: true,
         // 该按钮在流程中是否被选中
@@ -1475,7 +1519,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "弃权",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: true,
         check: true,
         isFlow: true,
@@ -1502,7 +1546,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "已阅",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: true,
         check: true,
         isFlow: true,
@@ -1529,7 +1573,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "指派",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: false,
         check: false,
         isFlow: true,
@@ -1556,7 +1600,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "抄送",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: false,
         check: false,
         isFlow: true,
@@ -1583,7 +1627,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "加签",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: false,
         check: false,
         isFlow: true,
@@ -1610,7 +1654,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "减签",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: false,
         check: false,
         isFlow: true,
@@ -1637,7 +1681,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "驳回",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: false,
         check: false,
         isFlow: true,
@@ -1664,7 +1708,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "退回",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: false,
         check: false,
         isFlow: true,
@@ -1691,7 +1735,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "强制结束",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: false,
         check: false,
         isFlow: true,
@@ -1718,7 +1762,7 @@ const assemblyGroups = [{
       {
         name: "button-detail",
         label: "取回",
-        icon: "assets/images/button/button.png",
+        icon: button,
         disabled: false,
         check: false,
         isFlow: true,
@@ -1766,7 +1810,7 @@ const assemblyGroups = [{
   }, {
     name: "picture-flow",
     label: "图形历史",
-    icon: "assets/images/workflow/workflow-history.png",
+    icon: workflowHistory,
     props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
     style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
     events: [
@@ -1782,7 +1826,7 @@ const assemblyGroups = [{
   }, {
     name: "text-flow",
     label: "文本历史",
-    icon: "assets/images/workflow/workflow-history-texts.png",
+    icon: workflowHistoryTexts,
     props: { base: {}, verification: [], scan: {}, preSuffix: {}, prefix: {}, size: {}, title: {} },
     style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
     events: [
@@ -1799,12 +1843,12 @@ const assemblyGroups = [{
 }, {
   name: "chart",
   label: "统计图",
-  icon: "assets/images/group-chart.png",
+  icon: groupChart,
   events: [{ name: "afterChartFormLoad", label: "加载图表查询表单后", tip: "加载图表查询表单后" }],
   items: [{
     name: "chart-column-line",
     label: "柱/折图",
-    icon: "assets/images/chart/chart-column.png",
+    icon: chartColumn,
     design: {
       style: {
         "margin-bottom": "18px"
@@ -1821,7 +1865,7 @@ const assemblyGroups = [{
   }, {
     name: "chart-pie",
     label: "饼图",
-    icon: "assets/images/chart/chart-pie.png",
+    icon: chartPie,
     design: {
       style: {
         "margin-bottom": "18px"
@@ -1838,7 +1882,7 @@ const assemblyGroups = [{
   }, {
     name: "chart-gauge",
     label: "仪表盘",
-    icon: "assets/images/chart/chart-gauge.png",
+    icon: chartGauge,
     props: { size: { fixHeight: 300, widthType: "flex", flexSpan: 12 } },
     style: {},
     designComponent: defineAsyncComponent(() => {
@@ -1850,7 +1894,7 @@ const assemblyGroups = [{
   }, {
     name: "chart-radar",
     label: "雷达图",
-    icon: "assets/images/chart/chart-radar.png",
+    icon: chartRader,
     props: { size: { fixHeight: 300, widthType: "flex", flexSpan: 12 } },
     style: {},
     designComponent: defineAsyncComponent(() => {
@@ -1862,7 +1906,7 @@ const assemblyGroups = [{
   }, {
     name: "chart-scatter",
     label: "散点图",
-    icon: "assets/images/chart/chart-scatter.png",
+    icon: chartScatter,
     props: { size: { fixHeight: 300, widthType: "flex", flexSpan: 12 } },
     style: { yaxisLeft: {}, yaxisRight: {} },
     designComponent: defineAsyncComponent(() => {
@@ -1875,11 +1919,11 @@ const assemblyGroups = [{
 }, {
   name: "other",
   label: "其他",
-  //icon:'assets/images/group-chart.png',
+  // icon:groupChart,
   items: [{
     name: "custom",
     label: "自定义",
-    icon: "assets/images/form/form-custom.png",
+    icon: formCustom,
     props: { base: { tittleShow: true }, verification: [], preSuffix: {}, prefix: {}, size: { widthType: "flex", flexSpan: 24 }, uploadConfig: {}, overallWidth: {}, overallHeight: {}, title: {}, parameter: [] },
     style: { titleFont: {}, background: {}, margin: {}, padding: {}, border: {}, shadow: {} },
     events: [