按规范修改了图标名称

package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "ddei-editor",
-  "version": "1.2.41-200",
+  "version": "1.2.41-201",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "ddei-editor",
-      "version": "1.2.41-200",
+      "version": "1.2.41-201",
       "license": "Apache License 2.0",
       "dependencies": {
-        "ddei-framework": "file:///Users/hoslay/work/ddei/ddei-framework/ddei-framework-1.2.41-200.tgz"
+        "ddei-framework": "file:///Users/hoslay/work/ddei/ddei-framework/ddei-framework-1.2.41-201.tgz"
       },
       "devDependencies": {
         "@tsconfig/node18": "^18.2.0",
@@ -518,9 +518,9 @@
       "integrity": "sha512-tdMuLdcJyreope1BWfnYqTQaIkSIrU/KtY9yX5mNGd+tYeJ0Y99ARHDuYnEABPX/8yh/r0Kl169v5ODg2vr98g=="
     },
     "node_modules/ddei-framework": {
-      "version": "1.2.41-200",
+      "version": "1.2.41-201",
-      "resolved": "file:../ddei-framework/ddei-framework-1.2.41-200.tgz",
+      "resolved": "file:../ddei-framework/ddei-framework-1.2.41-201.tgz",
-      "integrity": "sha512-EDYhgdvXN2Y0iFkHyfIiPQ/FB8D78X/fjHLyvLZZJB9UhoTdEunIm5+2Gegl78Am5Ri1f75BdswbVI8q5HTyyQ==",
+      "integrity": "sha512-WKsM8XduU5MruGAgIlH2qIbUCxa+1rQ9yhhBdntcHVhy6U4Q2U0cL+gPbncwjJhooXPCi3vxD8f9zBKRKKzOaA==",
       "license": "Apache License 2.0",
       "dependencies": {
         "ddei-autolink": "^1.1.1",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ddei-editor",
-  "version": "1.2.41-200",
+  "version": "1.2.41-202",
   "private": false,
   "type": "module",
   "author": "hoslay <3697355039@qq.com>",
@@ -49,7 +49,7 @@
     "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false"
   },
   "dependencies": {
-     "ddei-framework": "file:///Users/hoslay/work/ddei/ddei-framework/ddei-framework-1.2.41-200.tgz"
+     "ddei-framework": "file:///Users/hoslay/work/ddei/ddei-framework/ddei-framework-1.2.41-201.tgz"
   },
   "devDependencies": {
     "@tsconfig/node18": "^18.2.0",

plugins/core/components/buttons/QBTBorderDash.vue

@@ -9,7 +9,7 @@
       </svg>
       <div v-if="hiddenCombo != '1'" style="display:flex;justify-content: center;align-items: center;">
         <svg class="icon" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan466"></use>
+          <use xlink:href="#icon-btn-down"></use>
         </svg>
       </div>
     </div>

plugins/core/components/buttons/QBTBorderWeight.vue

@@ -8,7 +8,7 @@
       </svg>
       <div v-if="hiddenCombo != '1'" style="display:flex;justify-content: center;align-items: center;">
         <svg class="icon" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan466"></use>
+          <use xlink:href="#icon-btn-down"></use>
         </svg>
       </div>
     </div>

plugins/core/components/buttons/QBTFontFamily.vue

@@ -9,7 +9,7 @@
       <div class="ddei-editor-quick-fat-item-fontfamily_combox"
         @click="attrDefine && !attrDefine.readonly && showDialog($event)">
         <svg class="icon iconfont-45" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan478"></use>
+          <use xlink:href="#icon-expand2"></use>
         </svg>
       </div>
     </div>

plugins/core/components/buttons/QBTFontSize.vue

@@ -8,7 +8,7 @@
       <div class="ddei-editor-quick-fat-item-fontsize_combox"
         @click="attrDefine && !attrDefine.readonly && showDialog($event)">
         <svg class="icon iconfont-45" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan478"></use>
+          <use xlink:href="#icon-expand2"></use>
         </svg>
       </div>
     </div>

plugins/core/components/buttons/QBTLinePointType.vue

@@ -7,7 +7,7 @@
       </div>
       <div style="display:flex;justify-content: center;align-items: center;">
         <svg class="icon" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan466"></use>
+          <use xlink:href="#icon-btn-down"></use>
         </svg>
       </div>
     </div>

plugins/core/controls/control/base/line.ts

@@ -234,7 +234,7 @@ export default {
     },
     {
       name: "属性",
-      icon: 'icon-a-ziyuan409',
+      icon: 'icon-edit-properies',
       subGroups: [
         {
           name: "属性",
@@ -248,7 +248,7 @@ export default {
   ],
 
   icon: `<svg class="icon" style="width:28px;height:28px;" aria-hidden="true">
-        <use xlink:href="#icon-a-ziyuan430"></use>
+        <use xlink:href="#icon-link-line"></use>
       </svg>`,
   filters:{
     LINE_OBI_FILTER: (model, params)=>{

plugins/core/controls/control/base/polygon.ts

@@ -528,7 +528,7 @@ export default {
     },
     {
       name: "数据",
-      icon: 'icon-a-ziyuan409',
+      icon: 'icon-edit-properies',
       subGroups: [
         {
           name: "基础信息",

plugins/core/controls/control/basic/text.ts

@@ -41,7 +41,7 @@ export default {
         },
         {
           name: "数据",
-          icon: 'icon-a-ziyuan409',
+          icon: 'icon-edit-properies',
           subGroups: [
             {
               name: "数据属性",

plugins/core/controls/control/common/comment1.ts

@@ -195,7 +195,7 @@ export default {
         },
         {
           name: "数据",
-          icon: 'icon-a-ziyuan409',
+          icon: 'icon-edit-properies',
           subGroups: [
             {
               name: "数据属性",

plugins/core/controls/control/layer.ts

@@ -103,7 +103,7 @@ export default {
   groups: [
     {
       name: "背景",
-      icon: 'icon-a-ziyuan419',
+      icon: 'icon-background',
       subGroups: [
         {
           name: "背景",

plugins/core/controls/control/stage.ts

@@ -209,7 +209,7 @@ export default {
   groups: [
     {
       name: "样式",
-      icon: 'icon-a-ziyuan418',
+      icon: 'icon-setting',
       subGroups: [
         {
           name: "纸张",

plugins/core/dialogs/AlignDialog.vue

@@ -7,32 +7,32 @@
         <div class="group_content">
           <div class="item" @click="changeAlign('left')">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan450"></use>
+              <use xlink:href="#icon-shape-align-left"></use>
             </svg>
           </div>
           <div class="item" @click="changeAlign('center')">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan444"></use>
+              <use xlink:href="#icon-shape-align-v"></use>
             </svg>
           </div>
           <div class="item" @click="changeAlign('right')">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan449"></use>
+              <use xlink:href="#icon-shape-align-right"></use>
             </svg>
           </div>
           <div class="item" @click="changeAlign('top')">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan446"></use>
+              <use xlink:href="#icon-shape-align-top"></use>
             </svg>
           </div>
           <div class="item" @click="changeAlign('middle')">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan443"></use>
+              <use xlink:href="#icon-shape-align-h"></use>
             </svg>
           </div>
           <div class="item" @click="changeAlign('bottom')">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan445"></use>
+              <use xlink:href="#icon-shape-align-bottom"></use>
             </svg>
           </div>
         </div>
@@ -42,12 +42,12 @@
         <div class="group_content">
           <div class="item" @click="doAutoPos(2)">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan447"></use>
+              <use xlink:href="#icon-shape-equ-dist-v"></use>
             </svg>
           </div>
           <div class="item" @click="doAutoPos(1)">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan448"></use>
+              <use xlink:href="#icon-shape-equ-dist-h"></use>
             </svg>
           </div>
         </div>

plugins/core/dialogs/ChooseControlGroupDialog.vue

@@ -5,20 +5,20 @@
       <div class="group">
         <div class="item" @mousemove="expandSubMenu('basic', $event)">
           <svg class="icon groupicon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan503"></use>
+            <use xlink:href="#icon-shapes-catalogy"></use>
           </svg>
           <div class="groupname">基本</div>
           <svg class="icon expand" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan465"></use>
+            <use xlink:href="#icon-btn-right"></use>
           </svg>
         </div>
         <div class="item" @mousemove="expandSubMenu('uml', $event)">
           <svg class="icon groupicon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan384"></use>
+            <use xlink:href="#icon-groups"></use>
           </svg>
           <div class="groupname">UML</div>
           <svg class="icon expand" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan465"></use>
+            <use xlink:href="#icon-btn-right"></use>
           </svg>
         </div>
       </div>

plugins/core/dialogs/CloseFileConfirmDialog.vue

@@ -3,12 +3,12 @@
     <div class="content">
       <div class="header">
         <svg class="icon warn" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan411"></use>
+          <use xlink:href="#icon-warn"></use>
         </svg>
         <span>是否保存文件？</span>
         <div style="flex:1"></div>
         <svg class="icon close" aria-hidden="true" @click="cancel">
-          <use xlink:href="#icon-a-ziyuan422"></use>
+          <use xlink:href="#icon-close"></use>
         </svg>
       </div>
       <div class="msg">

plugins/core/dialogs/CollFileConfirmDialog.vue

@@ -8,7 +8,7 @@
         <span>收藏文件</span>
         <div style="flex:1"></div>
         <svg class="icon close" aria-hidden="true" @click="cancel">
-          <use xlink:href="#icon-a-ziyuan422"></use>
+          <use xlink:href="#icon-close"></use>
         </svg>
       </div>
       <div class="msg">

plugins/core/dialogs/ManageLayersDialog.vue

@@ -7,7 +7,7 @@
           <div class="item" @click="createNewLayer(0)" v-show="allowAddLayer">
             <span style="grid-column:1/8;">新建图层</span>
             <svg class="icon extbtn" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan374"></use>
+              <use xlink:href="#icon-add-layer"></use>
             </svg>
           </div>
           <div :class="{ 'item': true, 'current': currentStage?.layerIndex === index }"
@@ -19,20 +19,20 @@
               ? layer.name :
               '图层' }}</span>
             <svg class="icon" aria-hidden="true" v-show="allowEditLayes" @click="removeLayer(index)">
-              <use xlink:href="#icon-a-ziyuan401"></use>
+              <use xlink:href="#icon-remove"></use>
             </svg>
             <span style="grid-column:1/4;font-weight:normal">形状:{{ layer.modelNumber }}</span>
             <svg class="icon" aria-hidden="true" @click="createNewLayer(index)" v-show="allowAddLayer">
-              <use xlink:href="#icon-a-ziyuan374"></use>
+              <use xlink:href="#icon-add-layer"></use>
             </svg>
             <svg class="icon" @click="displayOrShowLayer(layer)">
-              <use xlink:href="#icon-a-ziyuan387" v-if="layer.display == 0 && !layer.tempDisplay"></use>
+              <use xlink:href="#icon-close-eye" v-if="layer.display == 0 && !layer.tempDisplay"></use>
-              <use xlink:href="#icon-a-ziyuan383" v-if="!(layer.display == 0 && !layer.tempDisplay)"></use>
+              <use xlink:href="#icon-open-eye" v-if="!(layer.display == 0 && !layer.tempDisplay)"></use>
             </svg>
 
             <svg class="icon" @click="lockOrUnLockLayer(layer)">
-              <use xlink:href="#icon-a-ziyuan415" v-if="layer.lock"></use>
+              <use xlink:href="#icon-lock" v-if="layer.lock"></use>
-              <use xlink:href="#icon-a-ziyuan499" v-if="!layer.lock"></use>
+              <use xlink:href="#icon-unlock" v-if="!layer.lock"></use>
             </svg>
 
             <input type="radio" :class="{ 'not_temp_display': !layer.tempDisplay }" name="rdo_layers" :value="layer.id"
@@ -40,8 +40,8 @@
               autocomplete="off" />
 
             <svg class="icon" @click="printOrNoPrintLayer(layer)">
-              <use xlink:href="#icon-a-ziyuan500" v-if="!layer.print"></use>
+              <use xlink:href="#icon-print-disabled" v-if="!layer.print"></use>
-              <use xlink:href="#icon-a-ziyuan501" v-if="layer.print"></use>
+              <use xlink:href="#icon-print" v-if="layer.print"></use>
             </svg>
 
           </div>

plugins/core/dialogs/MergeComposeDialog.vue

@@ -6,14 +6,14 @@
         <div class="group_content">
           <div :class="{ 'item_disabled': !canMerge(), 'item': canMerge() }" @click="canMerge() && doMerge()">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan406"></use>
+              <use xlink:href="#icon-merge"></use>
             </svg>
             <div class="text">组合</div>
           </div>
           <div :class="{ 'item_disabled': !canCancelMerge(), 'item': canCancelMerge() }"
             @click="canCancelMerge() && doCancelMerge()">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan405"></use>
+              <use xlink:href="#icon-cancel-merge"></use>
             </svg>
             <div class="text">取消组合</div>
           </div>

plugins/core/dialogs/PositionDialog.vue

@@ -7,28 +7,28 @@
           <div :class="{ 'item_disabled': !canPush('top'), 'item': canPush('top') }"
             @click="canPush('top') && doPush('top')">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan435"></use>
+              <use xlink:href="#icon-move-top"></use>
             </svg>
             <div class="text">置于顶层</div>
           </div>
           <div :class="{ 'item_disabled': !canPush('bottom'), 'item': canPush('bottom') }"
             @click="canPush('top') && doPush('bottom')">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan436"></use>
+              <use xlink:href="#icon-move-bottom"></use>
             </svg>
             <div class="text">置于底层</div>
           </div>
           <div :class="{ 'item_disabled': !canPush('up'), 'item': canPush('up') }"
             @click="canPush('up') && doPush('up')">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan433"></use>
+              <use xlink:href="#icon-move-up"></use>
             </svg>
             <div class="text">上移一层</div>
           </div>
           <div :class="{ 'item_disabled': !canPush('down'), 'item': canPush('down') }"
             @click="canPush('down') && doPush('down')">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan434"></use>
+              <use xlink:href="#icon-move-down"></use>
             </svg>
             <div class="text">下移一层</div>
           </div>

plugins/core/dialogs/PublishFileConfirmDialog.vue

@@ -3,12 +3,12 @@
     <div class="content">
       <div class="header">
         <svg class="icon warn" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan425"></use>
+          <use xlink:href="#icon-publish"></use>
         </svg>
         <span>发布文件</span>
         <div style="flex:1"></div>
         <svg class="icon close" aria-hidden="true" @click="cancel">
-          <use xlink:href="#icon-a-ziyuan422"></use>
+          <use xlink:href="#icon-close"></use>
         </svg>
       </div>
       <div class="msg">

plugins/core/dialogs/RotateDialog.vue

@@ -7,12 +7,12 @@
         <div class="group_content">
           <div :class="{ 'item': canMirror(), 'item_disabled': !canMirror() }" @click="canMirror() && doMirror(1)">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan441"></use>
+              <use xlink:href="#icon-mirror-v"></use>
             </svg>
           </div>
           <div :class="{ 'item': canMirror(), 'item_disabled': !canMirror() }" @click="canMirror() && doMirror(2)">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan442"></use>
+              <use xlink:href="#icon-mirror-h"></use>
             </svg>
           </div>
         </div>
@@ -22,17 +22,17 @@
         <div class="group_content">
           <div :class="{ 'item': canRotate(), 'item_disabled': !canRotate() }" @click="canRotate() && doRotate(90)">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan377"></use>
+              <use xlink:href="#icon-rotate-90"></use>
             </svg>
           </div>
           <div :class="{ 'item': canRotate(), 'item_disabled': !canRotate() }" @click="canRotate() && doRotate(-90)">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan382"></use>
+              <use xlink:href="#icon-rotate-270"></use>
             </svg>
           </div>
           <div :class="{ 'item': canRotate(), 'item_disabled': !canRotate() }" @click="canRotate() && doRotate(-1)">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan373"></use>
+              <use xlink:href="#icon-rotate-0"></use>
             </svg>
           </div>
         </div>

plugins/core/menus/menu-copy-sheet.ts

@@ -21,7 +21,7 @@ class MenuCopySheet extends DDeiMenuBase {
   
   defaultOptions: object = {
     'label': '复制',
-    'icon': '#icon-a-ziyuan488',
+    'icon': '#icon-paste',
     'models': ["DDeiSheet"],
     'disabled': false
   }

plugins/core/menus/menu-remove-sheet.ts

@@ -22,7 +22,7 @@ class MenuRemoveSheet extends DDeiMenuBase {
 
   defaultOptions: object = {
     'label': '删除',
-    'icon': '#icon-a-ziyuan401',
+    'icon': '#icon-remove',
     'models':["DDeiSheet"],
     'disabled': false
   }

plugins/core/panels/bottom/ChangeRatio.vue

@@ -8,13 +8,13 @@
         {{ parseInt(currentStage?.ratio * 100) }}%
       </span>
       <svg v-if="dialog" class="icon expbtn" aria-hidden="true">
-        <use xlink:href="#icon-a-ziyuan466"></use>
+        <use xlink:href="#icon-btn-down"></use>
       </svg>
     </div>
 
     <div @click="addRatio(-delta)">
       <svg class="icon" aria-hidden="true">
-        <use xlink:href="#icon-a-ziyuan420"></use>
+        <use xlink:href="#icon-reduce"></use>
       </svg>
     </div>
     <div v-if="!range"
@@ -24,14 +24,14 @@
         {{ parseInt(currentStage?.ratio * 100) }}%
       </span>
       <svg v-if="dialog" class="icon expbtn" aria-hidden="true">
-        <use xlink:href="#icon-a-ziyuan466"></use>
+        <use xlink:href="#icon-btn-down"></use>
       </svg>
     </div>
     <input v-show="range" type="range" :min="min" :max="max" :step="delta" v-model="stageRatio" autocomplete="off"
       name="ddei-core-panel-bottom-changeratio__range" />
     <div @click="addRatio(delta)">
       <svg class="icon" aria-hidden="true">
-        <use xlink:href="#icon-a-ziyuan376"></use>
+        <use xlink:href="#icon-add"></use>
       </svg>
     </div>
   </div>

plugins/core/panels/bottom/ManageLayers.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="ddei-core-panel-bottom-managelayers" v-if="allowOpenMultLayers" @click="showLayersDialog($event)">
     <svg class="icon" aria-hidden="true">
-      <use xlink:href="#icon-a-ziyuan402"></use>
+      <use xlink:href="#icon-layers"></use>
     </svg>
   </div>
 </template>

plugins/core/panels/bottom/Play.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="ddei-core-panel-bottom-play">
     <svg class="icon" aria-hidden="true">
-      <use xlink:href="#icon-a-ziyuan379"></use>
+      <use xlink:href="#icon-btn-play"></use>
     </svg>
   </div>
 </template>

plugins/core/panels/bottom/Sheets.vue

@@ -2,7 +2,7 @@
   <div class="ddei-core-panel-bottom-addpage" @click="newSheet"
     v-if="allowEditSheet && create && (!max || (editor?.files[editor?.currentFileIndex]?.sheets?.length < max))">
     <svg class="icon" aria-hidden="true">
-      <use xlink:href="#icon-a-ziyuan376"></use>
+      <use xlink:href="#icon-add"></use>
     </svg>
   </div>
   <div class="ddei-core-panel-bottom-pages" ref="bottomSheets" @mouseup="drag && sheetDragDrop($event)">
@@ -21,13 +21,13 @@
     <div class="ddei-core-panel-bottom-pages-movebox"
       v-show="editor?.files[editor?.currentFileIndex]?.sheets?.length > maxOpenSize" @click="moveItem(-1)">
       <svg class="icon" aria-hidden="true">
-        <use xlink:href="#icon-a-ziyuan481"></use>
+        <use xlink:href="#icon-left"></use>
       </svg>
     </div>
     <div class="ddei-core-panel-bottom-pages-movebox"
       v-show="editor?.files[editor?.currentFileIndex]?.sheets?.length > maxOpenSize" @click="moveItem(1)">
       <svg class="icon" aria-hidden="true">
-        <use xlink:href="#icon-a-ziyuan480"></use>
+        <use xlink:href="#icon-right"></use>
       </svg>
     </div>
   </div>

plugins/core/panels/bottom/SuitRatio.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="ddei-core-panel-bottom-suitratio" v-if="allowStageRatio" @click="autoRatio(1)" title="整页">
     <svg class="icon" aria-hidden="true">
-      <use xlink:href="#icon-a-ziyuan391"></use>
+      <use xlink:href="#icon-suit-ratio"></use>
     </svg>
   </div>
 </template>

plugins/core/panels/common/ExportAndImport.vue

@@ -5,7 +5,7 @@
       <div class="part">
         <div class="button-v" @click="download">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan424"></use>
+            <use xlink:href="#icon-download"></use>
           </svg>
           <div class="text">下载</div>
         </div>
@@ -13,7 +13,7 @@
       <!-- <div class="part">
         <div class="button-v" @click="showExportDialog($event)">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan501"></use>
+            <use xlink:href="#icon-print"></use>
           </svg>
           <div class="text">打印</div>
         </div>

plugins/core/panels/common/FileInfo.vue

@@ -6,13 +6,13 @@
         <div class="button-h">
           <div class="button" title="导入">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan371"></use>
+              <use xlink:href="#icon-import"></use>
             </svg>
             <div class="text">导入</div>
           </div>
           <div class="button" @click="showExportDialog($event)" title="导出">
             <svg class="icon" aria-hidden="true">
-              <use xlink:href="#icon-a-ziyuan423"></use>
+              <use xlink:href="#icon-share"></use>
             </svg>
             <div class="text">导出</div>
           </div>
@@ -21,7 +21,7 @@
       <div class="part">
         <div class="button-v" @click="newFile" title="新建">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan490"></use>
+            <use xlink:href="#icon-new-file"></use>
           </svg>
           <div class="text">新建</div>
         </div>
@@ -29,7 +29,7 @@
       <div class="part">
         <div class="button-v" @click="openFile" title="打开">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan489"></use>
+            <use xlink:href="#icon-folder"></use>
           </svg>
           <div class="text">打开</div>
         </div>
@@ -37,7 +37,7 @@
       <div class="part">
         <div class="button-v" @click="save" title="保存">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan487"></use>
+            <use xlink:href="#icon-save"></use>
           </svg>
           <div class="text">保存</div>
         </div>
@@ -45,7 +45,7 @@
       <div class="part">
         <div class="button-v" @click="download" title="下载">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan424"></use>
+            <use xlink:href="#icon-download"></use>
           </svg>
           <div class="text">下载</div>
         </div>

plugins/core/panels/common/FontAndText.vue

@@ -13,29 +13,30 @@
         </div>
         <div>
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
-            :is="editor?.panels['ddei-core-btn-addfontsize']" :addValue="1" attrCode="font.size" img="icon-a-ziyuan456"
+            :is="editor?.panels['ddei-core-btn-addfontsize']" :addValue="1" attrCode="font.size" img="icon-add-fontsize"
             extcls="magtop-2"></component>
         </div>
         <div>
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
-            :is="editor?.panels['ddei-core-btn-addfontsize']" :addValue="-1" attrCode="font.size" img="icon-a-ziyuan455"
+            :is="editor?.panels['ddei-core-btn-addfontsize']" :addValue="-1" attrCode="font.size"
-            extcls="magtop-1"></component>
+            img="icon-reduce-fontsize" extcls="magtop-1"></component>
         </div>
 
         <div>
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="1" :supportQuickEdit="false"
-            attrCode="textStyle.align" img="icon-a-ziyuan440" extcls="magtop-1" :unSelectValue="2"></component>
+            attrCode="textStyle.align" img="icon-text-align-left" extcls="magtop-1" :unSelectValue="2"></component>
         </div>
         <div>
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="2" :supportQuickEdit="false"
-            attrCode="textStyle.align" img="icon-a-ziyuan437" extcls="magtop-1" :unSelectValue="2"></component>
+            attrCode="textStyle.align" img="icon-font-align" extcls="magtop-1" :unSelectValue="2"></component>
         </div>
         <div>
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="3" :supportQuickEdit="false"
-            attrCode="textStyle.align" img="icon-a-ziyuan439" extcls="magtop-1" :unSelectValue="2"></component>
+            attrCode="textStyle.align" img="icon-text-align-right" extcls="magtop-1" :unSelectValue="2">
+          </component>
         </div>
 
 
@@ -44,23 +45,23 @@
       <div class="buttons">
         <div class="mg14">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
-            :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="1" attrCode="textStyle.bold"
+            :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="1" attrCode="textStyle.bold" img="icon-bold">
-            img="icon-a-ziyuan461"></component>
+          </component>
         </div>
         <div class="mg16">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="1" attrCode="textStyle.italic"
-            img="icon-a-ziyuan459"></component>
+            img="icon-font-italic"></component>
         </div>
         <div class="mg16">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="1" attrCode="textStyle.underline"
-            img="icon-icon-text-underline" extcls="ext-underline"></component>
+            img="icon-text-underline" extcls="ext-underline"></component>
         </div>
         <div class="mg165">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" electedValue="1" attrCode="textStyle.deleteline"
-            img="icon-a-ziyuan457">
+            img="icon-font-deleteline">
           </component>
 
         </div>
@@ -68,31 +69,31 @@
         <div class="mg17">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="1" :onlyQuickEdit="true"
-            attrCode="textStyle.subtype" img="icon-a-ziyuan394" extcls="magtop-1">
+            attrCode="textStyle.subtype" img="icon-text-subtype-1" extcls="magtop-1">
           </component>
 
         </div>
         <div class="mg17">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="2" :onlyQuickEdit="true"
-            attrCode="textStyle.subtype" img="icon-a-ziyuan393" extcls="magtop-1">
+            attrCode="textStyle.subtype" img="icon-text-subtype-2" extcls="magtop-1">
           </component>
 
         </div>
         <div class="b4">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="3" :onlyQuickEdit="true"
-            attrCode="textStyle.subtype" img="icon-a-ziyuan392" extcls="magtop-1">
+            attrCode="textStyle.subtype" img="icon-text-subtype-3" extcls="magtop-1">
           </component>
         </div>
         <div class="b5">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
-            :is="editor?.panels['ddei-core-btn-color']" attrCode="textStyle.bgcolor" img="icon-a-ziyuan452">
+            :is="editor?.panels['ddei-core-btn-color']" attrCode="textStyle.bgcolor" img="icon-fill">
           </component>
         </div>
         <div class="b6">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
-            :is="editor?.panels['ddei-core-btn-color']" attrCode="font.color" img="icon-a-ziyuan463">
+            :is="editor?.panels['ddei-core-btn-color']" attrCode="font.color" img="icon-font">
           </component>
         </div>
 
@@ -100,21 +101,21 @@
         <div>
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="1" :supportQuickEdit="false"
-            attrCode="textStyle.valign" img="icon-a-ziyuan440" extcls="rotate-90" :unSelectValue="2">
+            attrCode="textStyle.valign" img="icon-text-align-left" extcls="rotate-90" :unSelectValue="2">
           </component>
 
         </div>
         <div>
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="2" :supportQuickEdit="false"
-            attrCode="textStyle.valign" img="icon-a-ziyuan437" extcls="rotate-90" :unSelectValue="2">
+            attrCode="textStyle.valign" img="icon-font-align" extcls="rotate-90" :unSelectValue="2">
           </component>
 
         </div>
         <div>
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="3" :supportQuickEdit="false"
-            attrCode="textStyle.valign" img="icon-a-ziyuan439" extcls="rotate-90" :unSelectValue="2">
+            attrCode="textStyle.valign" img="icon-text-align-right" extcls="rotate-90" :unSelectValue="2">
           </component>
 
         </div>

plugins/core/panels/common/Operate.vue

@@ -7,7 +7,7 @@
           :class="{ 'button-v--selected': editor?.ddInstance?.stage?.copyMode == 'cut', 'button-v': editor?.ddInstance?.stage?.selectedModels?.size > 0, 'button-v--disabled': !canEdit || editor?.ddInstance?.stage?.selectedModels?.size == 0 || !editor?.ddInstance?.stage?.selectedModels }"
           title="剪切" @click="canEdit && editor?.ddInstance?.stage?.selectedModels?.size > 0 && execShearAction($event)">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan486"></use>
+            <use xlink:href="#icon-cut"></use>
           </svg>
           <div class="text">剪切</div>
         </div>
@@ -18,7 +18,7 @@
           :class="{ 'button-v--selected': editor?.ddInstance?.stage?.copyMode == 'copy', 'button-v': editor?.ddInstance?.stage?.selectedModels?.size > 0, 'button-v--disabled': editor?.ddInstance?.stage?.selectedModels?.size == 0 || !editor?.ddInstance?.stage?.selectedModels }"
           title="复制" @click="editor?.ddInstance?.stage?.selectedModels?.size > 0 && execCopyAction($event)">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan484"></use>
+            <use xlink:href="#icon-copy-file"></use>
           </svg>
           <div class="text">复制</div>
         </div>
@@ -26,7 +26,7 @@
       <div class="part">
         <div :class="{ 'button-v': hasClipData, 'button-v--disabled': !canEdit || !hasClipData }" title="粘贴">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan488"></use>
+            <use xlink:href="#icon-paste"></use>
           </svg>
           <div class="text">粘贴</div>
         </div>
@@ -37,7 +37,7 @@
           title="格式刷"
           @click="canEdit && editor?.ddInstance?.stage?.selectedModels?.size == 1 && execBrushAction($event)">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan485"></use>
+            <use xlink:href="#icon-brush"></use>
           </svg>
           <div class="text">格式刷</div>
         </div>

plugins/core/panels/common/Sort.vue

@@ -7,11 +7,11 @@
           :class="{ 'button-v--disabled': !canEdit || !isButtonEnable(), 'button-v--selected': canEdit && isButtonEnable() && dialogShow == 'ddei-core-panel-sort-ddei-core-dialog-changeposition', 'button-v': canEdit && isButtonEnable() }"
           @click="canEdit && isButtonEnable() && showPositionDialog($event)">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan429"></use>
+            <use xlink:href="#icon-position"></use>
           </svg>
           <div class="text">位置</div>
           <svg class="icon extbtn" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan466"></use>
+            <use xlink:href="#icon-btn-down"></use>
           </svg>
         </div>
       </div>
@@ -20,11 +20,11 @@
           :class="{ 'button-v--disabled': !canEdit || !isButtonEnable(2), 'button-v--selected': canEdit && isButtonEnable(2) && dialogShow == 'ddei-core-panel-sort-align-dialog', 'button-v': canEdit && isButtonEnable(2) }"
           @click="canEdit && isButtonEnable(2) && showAlignDialog($event)">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan428"></use>
+            <use xlink:href="#icon-align"></use>
           </svg>
           <div class="text">对齐</div>
           <svg class="icon extbtn" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan466"></use>
+            <use xlink:href="#icon-btn-down"></use>
           </svg>
         </div>
       </div>
@@ -33,11 +33,11 @@
           :class="{ 'button-v--disabled': !canEdit || !isButtonEnable(), 'button-v--selected': canEdit && isButtonEnable() && dialogShow == 'ddei-core-panel-sort-merge-dialog', 'button-v': canEdit && isButtonEnable() }"
           @click="canEdit && isButtonEnable() && showMergeDialog($event)">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan427"></use>
+            <use xlink:href="#icon-merge1"></use>
           </svg>
           <div class="text">组合</div>
           <svg class="icon extbtn" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan466"></use>
+            <use xlink:href="#icon-btn-down"></use>
           </svg>
         </div>
       </div>
@@ -47,11 +47,11 @@
           :class="{ 'button-v--disabled': !canEdit || !isButtonEnable(), 'button-v--selected': canEdit && isButtonEnable() && dialogShow == 'ddei-core-panel-sort-ddei-core-dialog-changerotate', 'button-v': canEdit && isButtonEnable() }"
           @click="canEdit && isButtonEnable() && showRotateDialog($event)">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan426"></use>
+            <use xlink:href="#icon-flip"></use>
           </svg>
           <div class="text">翻转</div>
           <svg class="icon extbtn" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan466"></use>
+            <use xlink:href="#icon-btn-down"></use>
           </svg>
         </div>
       </div>

plugins/core/panels/common/Tool.vue

@@ -6,7 +6,7 @@
         <div :class="{ 'button-v--selected': editor?.editMode == 1, 'button-v': editor?.editMode != 1 }" title="选择"
           @click="changeEditMode(1)">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan432"></use>
+            <use xlink:href="#icon-selector"></use>
           </svg>
           <div class="text">选择</div>
         </div>
@@ -15,7 +15,7 @@
         <div :class="{ 'button-v--selected': editor?.editMode == 2, 'button-v': editor?.editMode != 2 }" title="平移画布"
           @click="changeEditMode(2)">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan431"></use>
+            <use xlink:href="#icon-hand"></use>
           </svg>
           <div class="text">平移画布</div>
         </div>
@@ -25,7 +25,7 @@
           :class="{ 'button-v--selected': canEdit && editor?.editMode == 4, 'button-v': canEdit && editor?.editMode != 4, 'button-v--disabled': !canEdit }"
           title="连接线" @click="canEdit && changeEditMode(4)">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan430"></use>
+            <use xlink:href="#icon-link-line"></use>
           </svg>
           <div class="text">连接线</div>
         </div>

plugins/core/panels/openfilesview/OpenFilesView.vue

@@ -4,7 +4,7 @@
     <div v-show="this.editor?.leftWidth == 0 " class="ddei-core-panel-openfilesview-expandbox"
       @click="expandToolBox">
       <svg class="icon" aria-hidden="true">
-        <use xlink:href="#icon-a-ziyuan474"></use>
+        <use xlink:href="#icon-expand4"></use>
       </svg>
     </div>
     <div class="ddei-core-panel-openfilesview-item" v-if="!editor?.files"></div>
@@ -14,7 +14,7 @@
       @mousemove="drag && fileDragOver($event)" v-for="(item, i) in editor?.files"
       v-show="i >= openIndex && ((i - openIndex + 1) * unitFileWidth + 120) <= width" :title="item.name">
       <svg class="icon" aria-hidden="true">
-        <use xlink:href="#icon-wenjian01"></use>
+        <use xlink:href="#icon-file"></use>
       </svg>
 
       <span class="textcontent">
@@ -22,24 +22,24 @@
         <div class="dirty" v-show="item.state != 0">ꔷ</div>
       </span>
       <svg @click.prevent.stop="closeFile(item, $event)" v-if="close" class="icon close" aria-hidden="true">
-        <use xlink:href="#icon-a-ziyuan422"></use>
+        <use xlink:href="#icon-close"></use>
       </svg>
     </div>
     <svg class="icon addfile" aria-hidden="true" v-if="create && (!max || editor?.files?.length < max)"
       @click="newFile">
-      <use xlink:href="#icon-a-ziyuan376"></use>
+      <use xlink:href="#icon-add"></use>
     </svg>
     <div style="flex:1 1 1px"></div>
     <div class="ddei-core-panel-openfilesview-movebox" v-show="editor?.files?.length > maxOpenSize"
       @click="moveItem(-1)">
       <svg class="icon" aria-hidden="true">
-        <use xlink:href="#icon-a-ziyuan481"></use>
+        <use xlink:href="#icon-left"></use>
       </svg>
     </div>
     <div class="ddei-core-panel-openfilesview-movebox" v-show="editor?.files?.length > maxOpenSize"
       @click="moveItem(1)">
       <svg class="icon" aria-hidden="true">
-        <use xlink:href="#icon-a-ziyuan480"></use>
+        <use xlink:href="#icon-right"></use>
       </svg>
     </div>
   </div>

plugins/core/panels/propertyview/PropertyView.vue

@@ -5,12 +5,12 @@
       <svg aria-hidden="true" v-if="expand"
         :class="{ 'icon': true, 'header-7': propertyViewShow, 'header-7-expand': !propertyViewShow }"
         @click="hidOrShowPV">
-        <use v-if="propertyViewShow" xlink:href="#icon-a-ziyuan474"></use>
+        <use v-if="propertyViewShow" xlink:href="#icon-expand4"></use>
-        <use v-if="!propertyViewShow" xlink:href="#icon-a-ziyuan475"></use>
+        <use v-if="!propertyViewShow" xlink:href="#icon-expand3"></use>
       </svg>
       <div style="flex:1"></div>
       <svg class="icon ding" aria-hidden="true" v-if="propertyViewShow">
-        <use xlink:href="#icon-a-ziyuan410"></use>
+        <use xlink:href="#icon-ding"></use>
       </svg>
     </div>
     <div class="content">

plugins/core/panels/quickcolor/QuickColorView.vue

@@ -6,7 +6,7 @@
         <use :xlink:href="item.img"></use>
       </svg>
       <svg class="icon" aria-hidden="true">
-        <use xlink:href="#icon-a-ziyuan466"></use>
+        <use xlink:href="#icon-btn-down"></use>
       </svg>
     </div>
     <div :class="{ 'ddei-editor-qcview-color': true }" v-for="color in  colors "
@@ -40,9 +40,9 @@ export default {
       //当前编辑的模式，1填充，2边框，3字体
       mode: 1,
       dataSource: [
-        { value: 1, text: "填充", img: "#icon-a-ziyuan453" },
+        { value: 1, text: "填充", img: "#icon-fill" },
         { value: 2, text: "边框", img: "#icon-border-pencil" },
-        { value: 3, text: "字体", img: "#icon-a-ziyuan463" },
+        { value: 3, text: "字体", img: "#icon-font" },
       ]
     };
   },

plugins/core/panels/simple/toolbox-simple.ts

@@ -17,14 +17,14 @@ class DDeiCoreToolboxSimplePanel extends DDeiPluginBase{
         editMode: 1,
         desc:"选择",
         icon: `<svg class="icon" style="width: 28px; height: 28px;margin-left:-1px;margin-top:2px; " aria-hidden="true">
-          <use xlink: href = "#icon-a-ziyuan432">< /use>
+          <use xlink: href = "#icon-selector">< /use>
         </svg>`
       },
       {
         editMode: 2,
         desc: "平移画布",
         icon: `<svg class="icon" style="width: 28px; height: 28px;margin-left:-1px;margin-top:2px; " aria-hidden="true">
-          <use xlink: href = "#icon-a-ziyuan431">< /use>
+          <use xlink: href = "#icon-hand">< /use>
         </svg>`
       },
       {

plugins/core/panels/toolbox/Toolbox.vue

@@ -4,25 +4,25 @@
     <div class="ddei-core-panel-toolbox-header">
       <div class="header-1"></div>
       <svg class="icon icon1" v-if="custom" aria-hidden="true">
-        <use xlink:href="#icon-a-ziyuan417"></use>
+        <use xlink:href="#icon-control-icon"></use>
       </svg>
       <div class="header-3" v-if="custom"></div>
       <div class="ddei-core-panel-toolbox-header-morecontrol" v-if="custom" @click="showChooseDialog($event)">
         <div class="header-4">更多图形</div>
         <div class="header-3"></div>
         <svg class="icon icon2" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan466"></use>
+          <use xlink:href="#icon-btn-down"></use>
         </svg>
       </div>
       <div style="flex:1"></div>
       <svg class="icon header-7" aria-hidden="true" v-if="expand" @click="hiddenToolBox">
-        <use xlink:href="#icon-a-ziyuan475"></use>
+        <use xlink:href="#icon-expand3"></use>
       </svg>
     </div>
     <div class="ddei-core-panel-toolbox-searchbox" v-if="search">
       <div class="ddei-core-panel-toolbox-searchbox-group">
         <svg class="icon" aria-hidden="true" @click="searchControl" title="搜索">
-          <use xlink:href="#icon-a-ziyuan416"></use>
+          <use xlink:href="#icon-search"></use>
         </svg>
         <input v-model="searchText" class="input" @keypress="searchInputEnter" placeholder="搜索控件" autocomplete="off"
           name="ddei_toolbox_search_input">
@@ -38,7 +38,7 @@
           <span class="title">{{ group.name }}</span>
           <svg v-if="custom && !group.cannotClose" class="icon close" aria-hidden="true" @click="groupBoxClose(group)"
             title="关闭">
-            <use xlink:href="#icon-a-ziyuan422"></use>
+            <use xlink:href="#icon-close"></use>
           </svg>
         </div>
         <div class="ddei-core-panel-toolbox-groups-group-itempanel" v-if="group.expand == true">

plugins/core/propeditors/PVBaseCombox.vue

@@ -13,7 +13,7 @@
       <div style="display:flex;justify-content: center;align-items: center;"
         @click="attrDefine && !attrDefine.readonly && showDialog()">
         <svg class="icon" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan466"></use>
+          <use xlink:href="#icon-btn-down"></use>
         </svg>
       </div>
     </div>

plugins/core/propeditors/PVBorderDashComboEditor.vue

@@ -9,7 +9,7 @@
       </svg>
       <div style="display:flex;justify-content: center;align-items: center;">
         <svg class="icon" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan466"></use>
+          <use xlink:href="#icon-btn-down"></use>
         </svg>
       </div>
     </div>

plugins/core/propeditors/PVColorComboEditor.vue

@@ -6,7 +6,7 @@
         autocomplete="off" />
       <div style="display:flex;justify-content: center;align-items: center;">
         <svg class="icon" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan466"></use>
+          <use xlink:href="#icon-btn-down"></use>
         </svg>
       </div>
     </div>

plugins/core/propeditors/PVImageEditor.vue

@@ -5,7 +5,7 @@
         :placeholder="attrDefine.defaultValue" :name="'ddei-pv-editor-image-' + attrDefine.code" autocomplete="off" />
 
       <svg @click="attrDefine && !attrDefine.readonly && chooseFile()" class="icon" aria-hidden="true">
-        <use xlink:href="#icon-a-ziyuan389"></use>
+        <use xlink:href="#icon-link"></use>
       </svg>
 
 

plugins/quickcontrol/QuickChooseControlDialog.vue

@@ -150,6 +150,7 @@ export default {
             },
           ])
           if (controlInitJSON){
+            
             let controls = this.editor.addControls(controlInitJSON,true,false,true)
             if (controls?.length > 0){
               //添加后的控件坐标，将其移动到特定位置

plugins/quickstyle/CanvasQuickDialog.vue

@@ -13,29 +13,29 @@
         </div>
         <div class="panel12-content-5">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
-            :is="editor?.panels['ddei-core-btn-addfontsize']" :addValue="1" attrCode="font.size" img="icon-a-ziyuan456"
+            :is="editor?.panels['ddei-core-btn-addfontsize']" :addValue="1" attrCode="font.size" img="icon-add-fontsize"
             extcls="magtop-2"></component>
         </div>
         <div class="panel12-content-5">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
-            :is="editor?.panels['ddei-core-btn-addfontsize']" :addValue="-1" attrCode="font.size" img="icon-a-ziyuan455"
+            :is="editor?.panels['ddei-core-btn-addfontsize']" :addValue="-1" attrCode="font.size" img="icon-reduce-fontsize"
             extcls="magtop-1"></component>
         </div>
 
         <div class="panel12-content-3">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="1" attrCode="textStyle.bold"
-            img="icon-a-ziyuan461"></component>
+            img="icon-bold"></component>
         </div>
         <div class="panel12-content-3">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="1" attrCode="textStyle.italic"
-            img="icon-a-ziyuan459"></component>
+            img="icon-font-italic"></component>
         </div>
         <div class="panel12-content-3">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="1" attrCode="textStyle.underline"
-            img="icon-icon-text-underline" extcls="ext-underline"></component>
+            img="icon-text-underline" extcls="ext-underline"></component>
         </div>
         <div class="panel12-content-3">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
@@ -46,7 +46,7 @@
         <div class="panel12-content-3">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="1" :onlyQuickEdit="true"
-            attrCode="textStyle.subtype" img="icon-a-ziyuan394" extcls="magtop-1">
+            attrCode="textStyle.subtype" img="icon-text-subtype-2" extcls="magtop-1">
           </component>
         </div>
         <div class="panel12-split-3 panel12-content-4 panel1-split-4">
@@ -56,7 +56,7 @@
         </div>
         <div class="panel12-content-4">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
-            :is="editor?.panels['ddei-core-btn-color']" attrCode="font.color" img="icon-a-ziyuan463">
+            :is="editor?.panels['ddei-core-btn-color']" attrCode="font.color" img="icon-font">
           </component>
         </div>
       </div>
@@ -64,7 +64,7 @@
       <div class="panel2" title="格式刷" style="border-right:none" @click="execBrushAction($event)">
         <div :class="{ 'panel2-content': true, 'brush-selected': editor?.ddInstance?.stage?.brushDataText }">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan485"></use>
+            <use xlink:href="#icon-brush"></use>
           </svg>
           <div class="text">格式刷</div>
         </div>
@@ -93,7 +93,7 @@
       <div class="panel6" style="border-left:1px solid #E2E2EB;">
         <div class="panel6-content type">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
-            :is="editor?.panels['ddei-core-btn-linetype']" attrCode="type" img="icon-a-ziyuan430">
+            :is="editor?.panels['ddei-core-btn-linetype']" attrCode="type" img="icon-link-line">
           </component>
           <div class="text">类型</div>
         </div>
@@ -121,7 +121,7 @@
         <div :class="{ 'panel6-content brush': true, 'brush-selected': editor?.ddInstance?.stage?.brushData }"
           @click="execBrushAction($event)">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan485"></use>
+            <use xlink:href="#icon-brush"></use>
           </svg>
           <div class="text">格式刷</div>
         </div>
@@ -141,16 +141,16 @@
         <div class="panel1-content-3">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="1" attrCode="textStyle.bold"
-            img="icon-a-ziyuan461"></component>
+            img="icon-bold"></component>
         </div>
         <div class="panel1-content-3">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
             :is="editor?.panels['ddei-core-btn-editbox']" selectedValue="1" attrCode="textStyle.italic"
-            img="icon-a-ziyuan459"></component>
+            img="icon-font-italic"></component>
         </div>
         <div class="panel1-content-3">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
-            :is="editor?.panels['ddei-core-btn-textalign']" img="icon-a-ziyuan440">
+            :is="editor?.panels['ddei-core-btn-textalign']" img="icon-text-align-left">
           </component>
 
         </div>
@@ -161,14 +161,14 @@
         </div>
         <div class="panel1-content-4 ">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
-            :is="editor?.panels['ddei-core-btn-color']" attrCode="font.color" img="icon-a-ziyuan463">
+            :is="editor?.panels['ddei-core-btn-color']" attrCode="font.color" img="icon-font">
           </component>
         </div>
       </div>
       <div class="panel2" title="格式刷" @click="execBrushAction($event)">
         <div :class="{ 'panel2-content': true, 'brush-selected': editor?.ddInstance?.stage?.brushData }">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan485"></use>
+            <use xlink:href="#icon-brush"></use>
           </svg>
           <div class="text">格式刷</div>
         </div>
@@ -176,13 +176,13 @@
       <div class="panel3">
         <div class="panel3-content i1" @click="showSetStyleDialog($event)">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan94"></use>
+            <use xlink:href="#icon-shapes"></use>
           </svg>
           <div class="text">样式</div>
         </div>
         <div class="panel3-content i2">
           <component :editor="editor" :controlDefine="editor.currentControlDefine"
-            :is="editor?.panels['ddei-core-btn-color']" attrCode="fill.color" img="icon-a-ziyuan419">
+            :is="editor?.panels['ddei-core-btn-color']" attrCode="fill.color" img="icon-background">
           </component>
           <div class="text">填充</div>
         </div>
@@ -196,13 +196,13 @@
       <div class="panel4">
         <div class="panel4-content" @click="doPush('top')">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan435"></use>
+            <use xlink:href="#icon-move-top"></use>
           </svg>
           <div class="text">置于顶层</div>
         </div>
         <div class="panel4-content" @click="doPush('bottom')">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan436"></use>
+            <use xlink:href="#icon-move-bottom"></use>
           </svg>
           <div class="text">置于底层</div>
         </div>
@@ -211,13 +211,13 @@
       <div class="panel5" :style="{ 'display': canMerge() || canCancelMerge() ? '' : 'none' }">
         <div class="panel5-content" v-show="canMerge()" @click="canMerge() && doMerge()">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan406"></use>
+            <use xlink:href="#icon-merge"></use>
           </svg>
           <div class="text">组合</div>
         </div>
         <div class="panel5-content" v-show="canCancelMerge()" @click="canCancelMerge() && doCancelMerge()">
           <svg class="icon" aria-hidden="true">
-            <use xlink:href="#icon-a-ziyuan405"></use>
+            <use xlink:href="#icon-cancel-merge"></use>
           </svg>
           <div class="text">取消组合</div>
         </div>

plugins/search/SearchPanel.vue

@@ -3,8 +3,8 @@
     <div :class="{ 'ddei-ext-panel-search-mode': true, 'ddei-ext-panel-search-mode__expand':editor.search?.mode== 2}"
       @click="changeReplace">
       <svg class="icon" aria-hidden="true">
-        <use v-if="editor.search?.mode==1" xlink:href="#icon-a-ziyuan477"></use>
+        <use v-if="editor.search?.mode==1" xlink:href="#icon-btn-right1"></use>
-        <use v-if="editor.search?.mode==2" xlink:href="#icon-a-ziyuan478"></use>
+        <use v-if="editor.search?.mode==2" xlink:href="#icon-expand2"></use>
       </svg>
     </div>
     <div class="ddei-ext-panel-search-box">
@@ -14,7 +14,7 @@
       <div @click="changeMatchCase()"
         :class="{ 'ddei-ext-panel-search-box-btn': true, 'ddei-ext-panel-search-box-btn__selected': editor.search?.matchCase == 1 }">
         <svg class="icon" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan454"></use>
+          <use xlink:href="#icon-lock-case"></use>
         </svg>
       </div>
       <div @click="changeMatchAll()"
@@ -33,19 +33,19 @@
         :class="{ 'ddei-ext-panel-search-buttons-btn': true, 'ddei-ext-panel-search-buttons-btn__disabled': !editor.search || editor.search?.resultIndex >= editor.search?.result?.length - 1}"
         @click="moveToNextResult()">
         <svg class="icon" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan483"></use>
+          <use xlink:href="#icon-down"></use>
         </svg>
       </div>
       <div
         :class="{ 'ddei-ext-panel-search-buttons-btn': true, 'ddei-ext-panel-search-buttons-btn__disabled': !editor.search || editor.search?.resultIndex == 0 || editor.search?.result?.length == 0 }"
         @click="moveToUpResult()">
         <svg class="icon" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan482"></use>
+          <use xlink:href="#icon-up"></use>
         </svg>
       </div>
       <div class="ddei-ext-panel-search-buttons-btn" @click="closeDialog">
         <svg class="icon" aria-hidden="true">
-          <use xlink:href="#icon-a-ziyuan422"></use>
+          <use xlink:href="#icon-close"></use>
         </svg>
       </div>
     </div>

plugins/tooltip/TooltipDialog.vue

@@ -1,7 +1,7 @@
 <template>
   <div :id="editor?.id + '_' + dialogId" v-if="forceRefresh" class='ddei-ext-dialog-tooltip fade-in'>
-    <component v-if="options.viewer" :editor="editor" :options="options" :model="model" :is="options.viewer"></component>
+    <component v-if="options?.viewer" :editor="editor" :options="options" :model="model" :is="options.viewer"></component>
-    <div v-if="!options.viewer">
+    <div v-if="!options?.viewer">
       <div class="ddei-ext-dialog-tooltip-row">
         <div class="ddei-ext-dialog-tooltip-row-title" v-if="model?.id">
           ID

src/App.vue

@@ -22,45 +22,47 @@ export default defineComponent({
     const options = markRaw({
       
       config: {
+        ratio: 1.3, //默认缩放比例为150%
         paper:"A6",
         "mark": "水印文本",
         // EXT_STAGE_WIDTH: false,
         // EXT_STAGE_HEIGHT: false,
         // 自定义控件，接收一个object[]。由于定义内容较多，提取到外部，便于维护
-        controlDefines: ControlDefinesDemo,
+        // controlDefines: ControlDefinesDemo,
         // 自定义分组，接收一个object[]。由于定义内容较多，提取到外部，便于维护
-        groupDefines: GroupDefinesDemo,
+        // groupDefines: GroupDefinesDemo,
         initData: {
           controls: [
-            {
-              model: "9999002"
-            },
             // {
-            //   id: "act_1",
+            //   model: "9999002"
-            //   model: "102010",
+            // },
-            //   type: "emp_1",
+            {
-            //   text: "第一步",
+              id: "act_1",
-            //   border: { color: "yellow", dash: [10, 10, 5, 5], width: 5 },
+              model: "102010",
-            //   fill: { color: "grey" },
+              type: "emp_1",
-            // }
+              text: "第一步",
+              border: { color: "yellow", dash: [10, 10, 5, 5], width: 5 },
+              fill: { color: "grey" },
+            }
           ]
         }
       },
       extensions: [
         //布局的配置
-        // DDeiCoreStandLayout.configuration({
+        DDeiCoreStandLayout.configuration({
-        //   //配置插件
+          //配置插件
-        //   // 'top': [],
+          // 'top': [],
-        //   'middle': ['ddei-core-panel-openfilesview', 'ddei-core-panel-canvasview', 'ddei-core-panel-quickcolorview'],// [!code ++]
+          'middle': ['ddei-core-panel-openfilesview', 'ddei-core-panel-canvasview', 'ddei-core-panel-quickcolorview'],// [!code ++]
-        //   // 'bottom': [],
+          // 'bottom': [],
-        //   // 'left': [],
+          // 'left': [],
-        //   // 'right': []
+          // 'right': []
-        // }),
+        }),
         DDeiCoreSimpleLayout,
         DDeiExtUML,
         DDeiExtSearch,
-        // DDeiExtQuickStyle,
+        DDeiExtTooltip,
-        // DDeiExtQuickControl,
+        DDeiExtQuickStyle,
+        DDeiExtQuickControl,
         // QuickChooseControlDialog.configuration({ customGroups: ['101', '102'] }),
         // DDeiExtTooltip.configuration({
         //   'ddei-ext-dialog-tooltip':{

src/assets/fonts/iconfont/demo.css

@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

src/assets/fonts/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4428875 */
-  src: url('iconfont.woff2?t=1717750526075') format('woff2'),
+  src: url('iconfont.woff2?t=1728965872930') format('woff2'),
-       url('iconfont.woff?t=1717750526075') format('woff'),
+       url('iconfont.woff?t=1728965872930') format('woff'),
-       url('iconfont.ttf?t=1717750526075') format('truetype');
+       url('iconfont.ttf?t=1728965872930') format('truetype');
 }
 
 .icon {
@@ -15,6 +15,7 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
 .icon-replace:before {
   content: "\e615";
 }
@@ -31,7 +32,7 @@
   content: "\e6dc";
 }
 
-.icon-a-ziyuan94:before {
+.icon-shapes:before {
   content: "\e63a";
 }
 
@@ -39,35 +40,35 @@
   content: "\e6db";
 }
 
-.icon-icon-text-underline:before {
+.icon-text-underline:before {
   content: "\e700";
 }
 
-.icon-a-ziyuan504:before {
+.icon-shape-changesize:before {
   content: "\e6d4";
 }
 
-.icon-a-ziyuan503:before {
+.icon-shapes-catalogy:before {
   content: "\e6d5";
 }
 
-.icon-a-ziyuan502:before {
+.icon-expand1:before {
   content: "\e6d6";
 }
 
-.icon-a-ziyuan500:before {
+.icon-print-disabled:before {
   content: "\e6d7";
 }
 
-.icon-a-ziyuan501:before {
+.icon-print:before {
   content: "\e6d8";
 }
 
-.icon-a-ziyuan499:before {
+.icon-unlock:before {
   content: "\e6d9";
 }
 
-.icon-youjian-01-01:before {
+.icon-email1:before {
   content: "\e645";
 }
 
@@ -75,7 +76,7 @@
   content: "\e6da";
 }
 
-.icon-icon-copy-file:before {
+.icon-copy-file1:before {
   content: "\e63e";
 }
 
@@ -87,7 +88,7 @@
   content: "\e640";
 }
 
-.icon-icon-edit-file:before {
+.icon-edit-file:before {
   content: "\e641";
 }
 
@@ -95,19 +96,19 @@
   content: "\e642";
 }
 
-.icon-wenjian01:before {
+.icon-file:before {
   content: "\e638";
 }
 
-.icon-a-ziyuan402:before {
+.icon-layers:before {
   content: "\e68a";
 }
 
-.icon-a-ziyuan405:before {
+.icon-cancel-merge:before {
   content: "\e68b";
 }
 
-.icon-a-ziyuan401:before {
+.icon-remove:before {
   content: "\e68c";
 }
 
@@ -115,11 +116,11 @@
   content: "\e68d";
 }
 
-.icon-a-ziyuan406:before {
+.icon-merge:before {
   content: "\e68e";
 }
 
-.icon-a-ziyuan409:before {
+.icon-edit-properies:before {
   content: "\e68f";
 }
 
@@ -127,307 +128,307 @@
   content: "\e690";
 }
 
-.icon-a-ziyuan412:before {
+.icon-phone:before {
   content: "\e691";
 }
 
-.icon-a-ziyuan413:before {
+.icon-user:before {
   content: "\e692";
 }
 
-.icon-a-ziyuan416:before {
+.icon-search:before {
   content: "\e693";
 }
 
-.icon-a-ziyuan419:before {
+.icon-background:before {
   content: "\e694";
 }
 
-.icon-a-ziyuan415:before {
+.icon-lock:before {
   content: "\e695";
 }
 
-.icon-a-ziyuan414:before {
+.icon-locked:before {
   content: "\e696";
 }
 
-.icon-a-ziyuan422:before {
+.icon-close:before {
   content: "\e697";
 }
 
-.icon-a-ziyuan417:before {
+.icon-control-icon:before {
   content: "\e698";
 }
 
-.icon-a-ziyuan421:before {
+.icon-ok:before {
   content: "\e699";
 }
 
-.icon-a-ziyuan423:before {
+.icon-share:before {
   content: "\e69a";
 }
 
-.icon-a-ziyuan425:before {
+.icon-publish:before {
   content: "\e69b";
 }
 
-.icon-a-ziyuan418:before {
+.icon-setting:before {
   content: "\e69c";
 }
 
-.icon-a-ziyuan420:before {
+.icon-reduce:before {
   content: "\e69d";
 }
 
-.icon-a-ziyuan424:before {
+.icon-download:before {
   content: "\e69e";
 }
 
-.icon-a-ziyuan427:before {
+.icon-merge1:before {
   content: "\e69f";
 }
 
-.icon-a-ziyuan426:before {
+.icon-flip:before {
   content: "\e6a0";
 }
 
-.icon-a-ziyuan428:before {
+.icon-align:before {
   content: "\e6a1";
 }
 
-.icon-a-ziyuan431:before {
+.icon-hand:before {
   content: "\e6a2";
 }
 
-.icon-a-ziyuan430:before {
+.icon-link-line:before {
   content: "\e6a3";
 }
 
-.icon-a-ziyuan432:before {
+.icon-selector:before {
   content: "\e6a4";
 }
 
-.icon-a-ziyuan429:before {
+.icon-position:before {
   content: "\e6a5";
 }
 
-.icon-a-ziyuan438:before {
+.icon-anchor:before {
   content: "\e6a6";
 }
 
-.icon-a-ziyuan433:before {
+.icon-move-up:before {
   content: "\e6a7";
 }
 
-.icon-a-ziyuan434:before {
+.icon-move-down:before {
   content: "\e6a8";
 }
 
-.icon-a-ziyuan437:before {
+.icon-font-align:before {
   content: "\e6a9";
 }
 
-.icon-a-ziyuan435:before {
+.icon-move-top:before {
   content: "\e6aa";
 }
 
-.icon-a-ziyuan439:before {
+.icon-text-align-right:before {
   content: "\e6ab";
 }
 
-.icon-a-ziyuan440:before {
+.icon-text-align-left:before {
   content: "\e6ac";
 }
 
-.icon-a-ziyuan442:before {
+.icon-mirror-h:before {
   content: "\e6ad";
 }
 
-.icon-a-ziyuan441:before {
+.icon-mirror-v:before {
   content: "\e6ae";
 }
 
-.icon-a-ziyuan443:before {
+.icon-shape-align-h:before {
   content: "\e6af";
 }
 
-.icon-a-ziyuan436:before {
+.icon-move-bottom:before {
   content: "\e6b0";
 }
 
-.icon-a-ziyuan445:before {
+.icon-shape-align-bottom:before {
   content: "\e6b1";
 }
 
-.icon-a-ziyuan444:before {
+.icon-shape-align-v:before {
   content: "\e6b2";
 }
 
-.icon-a-ziyuan447:before {
+.icon-shape-equ-dist-v:before {
   content: "\e6b3";
 }
 
-.icon-a-ziyuan446:before {
+.icon-shape-align-top:before {
   content: "\e6b4";
 }
 
-.icon-a-ziyuan449:before {
+.icon-shape-align-right:before {
   content: "\e6b5";
 }
 
-.icon-a-ziyuan463:before {
+.icon-font:before {
   content: "\e6b6";
 }
 
-.icon-a-ziyuan462:before {
+.icon-font-color:before {
   content: "\e6b7";
 }
 
-.icon-a-ziyuan448:before {
+.icon-shape-equ-dist-h:before {
   content: "\e6b8";
 }
 
-.icon-a-ziyuan450:before {
+.icon-shape-align-left:before {
   content: "\e6b9";
 }
 
-.icon-a-ziyuan451:before {
+.icon-eraser:before {
   content: "\e6ba";
 }
 
-.icon-a-ziyuan460:before {
+.icon-text:before {
   content: "\e6bb";
 }
 
-.icon-a-ziyuan456:before {
+.icon-add-fontsize:before {
   content: "\e6bc";
 }
 
-.icon-a-ziyuan472:before {
+.icon-up2:before {
   content: "\e6bd";
 }
 
-.icon-a-ziyuan478:before {
+.icon-expand2:before {
   content: "\e6be";
 }
 
-.icon-a-ziyuan475:before {
+.icon-expand3:before {
   content: "\e6bf";
 }
 
-.icon-a-ziyuan459:before {
+.icon-font-italic:before {
   content: "\e6c0";
 }
 
-.icon-a-ziyuan473:before {
+.icon-down1:before {
   content: "\e6c1";
 }
 
-.icon-a-ziyuan457:before {
+.icon-font-deleteline:before {
   content: "\e6c2";
 }
 
-.icon-a-ziyuan466:before {
+.icon-btn-down:before {
   content: "\e6c3";
 }
 
-.icon-a-ziyuan476:before {
+.icon-btn-left1:before {
   content: "\e6c4";
 }
 
-.icon-a-ziyuan469:before {
+.icon-equ-both-side:before {
   content: "\e6c5";
 }
 
-.icon-a-ziyuan455:before {
+.icon-reduce-fontsize:before {
   content: "\e6c6";
 }
 
-.icon-a-ziyuan453:before {
+.icon-fill:before {
   content: "\e6c7";
 }
 
-.icon-a-ziyuan471:before {
+.icon-left2:before {
   content: "\e6c8";
 }
 
-.icon-a-ziyuan452:before {
+.icon-fill1:before {
   content: "\e6c9";
 }
 
-.icon-a-ziyuan467:before {
+.icon-btn-up:before {
   content: "\e6ca";
 }
 
-.icon-a-ziyuan454:before {
+.icon-lock-case:before {
   content: "\e6cb";
 }
 
-.icon-a-ziyuan468:before {
+.icon-equ-up-down:before {
   content: "\e6cc";
 }
 
-.icon-a-ziyuan474:before {
+.icon-expand4:before {
   content: "\e6cd";
 }
 
-.icon-a-ziyuan461:before {
+.icon-bold:before {
   content: "\e6ce";
 }
 
-.icon-a-ziyuan470:before {
+.icon-right2:before {
   content: "\e6cf";
 }
 
-.icon-a-ziyuan464:before {
+.icon-btn-left:before {
   content: "\e6d0";
 }
 
-.icon-a-ziyuan479:before {
+.icon-btn-up1:before {
   content: "\e6d1";
 }
 
-.icon-a-ziyuan465:before {
+.icon-btn-right:before {
   content: "\e6d2";
 }
 
-.icon-a-ziyuan477:before {
+.icon-btn-right1:before {
   content: "\e6d3";
 }
 
-.icon-a-ziyuan379:before {
+.icon-btn-play:before {
   content: "\e683";
 }
 
-.icon-a-ziyuan380:before {
+.icon-revert:before {
   content: "\e684";
 }
 
-.icon-a-ziyuan381:before {
+.icon-reload:before {
   content: "\e685";
 }
 
-.icon-a-ziyuan375:before {
+.icon-fill-color:before {
   content: "\e65d";
 }
 
-.icon-a-ziyuan374:before {
+.icon-add-layer:before {
   content: "\e686";
 }
 
-.icon-a-ziyuan373:before {
+.icon-rotate-0:before {
   content: "\e687";
 }
 
-.icon-a-ziyuan372:before {
+.icon-reduce-layer:before {
   content: "\e688";
 }
 
-.icon-a-ziyuan371:before {
+.icon-import:before {
   content: "\e689";
 }
 
-.icon-a-ziyuan397:before {
+.icon-good:before {
   content: "\e664";
 }
 
@@ -439,123 +440,123 @@
   content: "\e666";
 }
 
-.icon-a-ziyuan394:before {
+.icon-text-subtype-1:before {
   content: "\e672";
 }
 
-.icon-a-ziyuan398:before {
+.icon-bad:before {
   content: "\e673";
 }
 
-.icon-a-ziyuan400:before {
+.icon-calendar:before {
   content: "\e674";
 }
 
-.icon-a-ziyuan385:before {
+.icon-cancel-link:before {
   content: "\e675";
 }
 
-.icon-a-ziyuan396:before {
+.icon-merge2:before {
   content: "\e676";
 }
 
-.icon-a-ziyuan392:before {
+.icon-text-subtype-3:before {
   content: "\e677";
 }
 
-.icon-a-ziyuan391:before {
+.icon-suit-ratio:before {
   content: "\e678";
 }
 
-.icon-a-ziyuan399:before {
+.icon-mark:before {
   content: "\e679";
 }
 
-.icon-a-ziyuan390:before {
+.icon-all-display:before {
   content: "\e67a";
 }
 
-.icon-a-ziyuan389:before {
+.icon-link:before {
   content: "\e67b";
 }
 
-.icon-a-ziyuan384:before {
+.icon-groups:before {
   content: "\e65e";
 }
 
-.icon-a-ziyuan382:before {
+.icon-rotate-270:before {
   content: "\e67c";
 }
 
-.icon-a-ziyuan378:before {
+.icon-attach:before {
   content: "\e67d";
 }
 
-.icon-a-ziyuan387:before {
+.icon-close-eye:before {
   content: "\e67e";
 }
 
-.icon-a-ziyuan377:before {
+.icon-rotate-90:before {
   content: "\e67f";
 }
 
-.icon-a-ziyuan376:before {
+.icon-add:before {
   content: "\e680";
 }
 
-.icon-a-ziyuan386:before {
+.icon-cancel-link2:before {
   content: "\e681";
 }
 
-.icon-a-ziyuan383:before {
+.icon-open-eye:before {
   content: "\e682";
 }
 
-.icon-a-ziyuan487:before {
+.icon-save:before {
   content: "\e668";
 }
 
-.icon-a-ziyuan485:before {
+.icon-brush:before {
   content: "\e667";
 }
 
-.icon-a-ziyuan482:before {
+.icon-up:before {
   content: "\e669";
 }
 
-.icon-a-ziyuan484:before {
+.icon-copy-file:before {
   content: "\e66a";
 }
 
-.icon-a-ziyuan489:before {
+.icon-folder:before {
   content: "\e66b";
 }
 
-.icon-a-ziyuan488:before {
+.icon-paste:before {
   content: "\e66c";
 }
 
-.icon-a-ziyuan490:before {
+.icon-new-file:before {
   content: "\e66d";
 }
 
-.icon-a-ziyuan480:before {
+.icon-right:before {
   content: "\e66e";
 }
 
-.icon-a-ziyuan481:before {
+.icon-left:before {
   content: "\e66f";
 }
 
-.icon-a-ziyuan483:before {
+.icon-down:before {
   content: "\e670";
 }
 
-.icon-a-ziyuan486:before {
+.icon-cut:before {
   content: "\e671";
 }
 
-.icon-a-ziyuan393:before {
+.icon-text-subtype-2:before {
   content: "\e660";
 }
 
@@ -563,15 +564,15 @@
   content: "\e661";
 }
 
-.icon-a-ziyuan411:before {
+.icon-warn:before {
   content: "\e662";
 }
 
-.icon-a-ziyuan388:before {
+.icon-cancel-link1:before {
   content: "\e65f";
 }
 
-.icon-a-ziyuan410:before {
+.icon-ding:before {
   content: "\e663";
 }
 

src/controldefinesdemo.ts

@@ -26,7 +26,7 @@ const controls: object[] = [
         groups: [
           {
             name: "数据",
-            icon: 'icon-a-ziyuan409',
+            icon: 'icon-edit-properies',
             subGroups: [
               {
                 name: "分组1",
@@ -89,7 +89,7 @@ const controls: object[] = [
         groups: [
           {
             name: "数据",
-            icon: 'icon-a-ziyuan409',
+            icon: 'icon-edit-properies',
             subGroups: [
               {
                 name: "分组1",