workflow-editor 0.0.81-up-tmp5 → 0.0.81-up-tmp7

package/es/style.css

@@ -1,65 +1,4 @@
-@charset "UTF-8";.main[data-v-6658e14b] {
-  position: relative;
-  display: flex;
-  height: 100%;
-  width: 100%;
-}
-.canvas-container[data-v-6658e14b] {
-  position: relative;
-  height: 100%;
-  width: 100%;
-}
-section[data-v-6658e14b] {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-}
-.canvas[data-v-6658e14b] {
-  overflow: auto;
-  height: 100%;
-  padding: 0;
-  min-height: 500px;
-}
-.canvas[data-v-6658e14b] .draggable {
-  cursor: default;
-}li[data-v-7e8a1cf6] {
-  color: #333;
-}
-.context-menu[data-v-7e8a1cf6] {
-  position: fixed;
-  background: #fff;
-  z-index: 999;
-  padding: 5px;
-  margin: 0;
-}
-.context-menu li[data-v-7e8a1cf6] {
-  min-width: 75px;
-  height: 28px;
-  line-height: 28px;
-  text-align: left;
-  color: #1a1a1a;
-}
-.context-menu li[data-v-7e8a1cf6]:hover {
-  background: #42b983;
-  color: #fff;
-}
-.context-menu[data-v-7e8a1cf6] {
-  border: 1px solid #eee;
-  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
-  border-radius: 5px;
-}
-li[data-v-7e8a1cf6] {
-  list-style-type: none;
-}
-.svg-icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
-  overflow: hidden;
-}
-
+@charset "UTF-8";
 .button-area[data-v-865cb4ee] {
   padding: 5px 0 5px 5px;
   height: 50px;
@@ -161,20 +100,31 @@ pre[data-v-865cb4ee] {
 /* 去掉卡片和tab表头的距离 */
 [data-v-865cb4ee] .el-tabs__header {
   margin: 0;
-}h3[data-v-0d941719] {
-  color: #999999;
-  margin: 0;
+}.main[data-v-6658e14b] {
+  position: relative;
+  display: flex;
+  height: 100%;
+  width: 100%;
+}
+.canvas-container[data-v-6658e14b] {
+  position: relative;
+  height: 100%;
+  width: 100%;
+}
+section[data-v-6658e14b] {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
   padding: 0;
-  font-weight: bold;
-  font-size: 18px;
 }
-.el-button[data-v-0d941719] {
-  margin: 6px 0;
-  min-width: 110px;
-  padding: 9px 15px;
+.canvas[data-v-6658e14b] {
+  overflow: auto;
+  height: 100%;
+  padding: 0;
+  min-height: 500px;
 }
-.el-button i[data-v-0d941719] {
-  padding-right: 4px;
+.canvas[data-v-6658e14b] .draggable {
+  cursor: default;
 }
 #svg{
     /* border:1px solid red; */
@@ -205,8 +155,74 @@ g text{
     fill: #fff;
     stroke: #666;
     stroke-width: 2;
+}
+.passed-tache .task-tache{
+    fill: green;
+    stroke: green;
+    stroke-width: 2;
+}
+.current-tache .task-tache{
+    fill: red;
+    stroke: red;
+    stroke-width: 2;
+}
+.passed-tache text{
+    fill:white;
+}
+.current-tache text{
+    fill: white
 }
 
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+h3[data-v-0d941719] {
+  color: #999999;
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+  font-size: 18px;
+}
+.el-button[data-v-0d941719] {
+  margin: 6px 0;
+  min-width: 110px;
+  padding: 9px 15px;
+}
+.el-button i[data-v-0d941719] {
+  padding-right: 4px;
+}li[data-v-7e8a1cf6] {
+  color: #333;
+}
+.context-menu[data-v-7e8a1cf6] {
+  position: fixed;
+  background: #fff;
+  z-index: 999;
+  padding: 5px;
+  margin: 0;
+}
+.context-menu li[data-v-7e8a1cf6] {
+  min-width: 75px;
+  height: 28px;
+  line-height: 28px;
+  text-align: left;
+  color: #1a1a1a;
+}
+.context-menu li[data-v-7e8a1cf6]:hover {
+  background: #42b983;
+  color: #fff;
+}
+.context-menu[data-v-7e8a1cf6] {
+  border: 1px solid #eee;
+  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+}
+li[data-v-7e8a1cf6] {
+  list-style-type: none;
+}
 #svg{
     /* border:1px solid red; */
     background: white;
@@ -236,27 +252,6 @@ g text{
     fill: #fff;
     stroke: #666;
     stroke-width: 2;
-}
-.passed-tache .task-tache{
-    fill: green;
-    stroke: green;
-    stroke-width: 2;
-}
-.current-tache .task-tache{
-    fill: red;
-    stroke: red;
-    stroke-width: 2;
-}
-.passed-tache text{
-    fill:white;
-}
-.current-tache text{
-    fill: white
-}
-
-.end{
-    stroke-width: 0;
-    fill:#fff;
 }
 
 .start{
@@ -298,6 +293,33 @@ g text{
   pointer-events: none;
 }
 
+.human-decision{
+    stroke-width: 0;
+    fill:#fff;
+}
+#_subprocess-content[data-v-2b195c05] {
+  width: 100%;
+  height: calc(100vh - 200px);
+}.tooltip[data-v-ac799913] {
+  position: absolute;
+  background: #fff;
+  min-width: 150px;
+  border-radius: 4px;
+  border: 1px solid #ebeef5;
+  padding: 12px;
+  z-index: 2000;
+  color: #606266;
+  line-height: 1.4;
+  text-align: justify;
+  font-size: 14px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  word-break: break-all;
+}
+.end{
+    stroke-width: 0;
+    fill:#fff;
+}
+
 .virtual-transition{
     stroke-width: 2;
     stroke:#000;
@@ -305,11 +327,6 @@ g text{
     fill: none;
 }
 
-.human-decision{
-    stroke-width: 0;
-    fill:#fff;
-}
-
 .selection-region{
     stroke: blue;
     stroke-width: 1;
@@ -340,32 +357,15 @@ g text{
 }
 
 /* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
-.properties-editor[data-v-bd66d235] .el-dialog__body{
+.properties-editor[data-v-adb7c2ff] .el-dialog__body{
   padding-top: 0
 }
 
 /* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
-.properties-editor[data-v-adb7c2ff] .el-dialog__body{
+.properties-editor[data-v-bd66d235] .el-dialog__body{
   padding-top: 0
 }
-.tooltip[data-v-ac799913] {
-  position: absolute;
-  background: #fff;
-  min-width: 150px;
-  border-radius: 4px;
-  border: 1px solid #ebeef5;
-  padding: 12px;
-  z-index: 2000;
-  color: #606266;
-  line-height: 1.4;
-  text-align: justify;
-  font-size: 14px;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  word-break: break-all;
-}#_subprocess-content[data-v-2b195c05] {
-  width: 100%;
-  height: calc(100vh - 200px);
-}
+
 .joint-container{
     stroke-width: 0;
     fill: #fff;
@@ -381,14 +381,6 @@ g text{
     fill-opacity: 1;
 }
 
-.control-point[data-v-0ff53a0a]{
-    fill: #fff;
-    cursor: move;
-}
-.control-line[data-v-0ff53a0a] {
-    stroke-dasharray: 2 2
-}
-
 .resizer{
     stroke: blue;
     stroke-width: 1;
@@ -402,6 +394,24 @@ g text{
 .control-line[data-v-788fb0ae] {
     stroke-dasharray: 2 2
 }
+
+.control-point[data-v-0ff53a0a]{
+    fill: #fff;
+    cursor: move;
+}
+.control-line[data-v-0ff53a0a] {
+    stroke-dasharray: 2 2
+}
+
+.percent[data-v-a219b06d] {
+  margin-left: 10px;
+  color: red;
+  font-size: 1.2em;
+}
+
+.el-checkbox[data-v-c019538f]{
+    margin-left: 20px;
+}
 ul[data-v-39fac73c] {
   margin: 0;
   padding: 0;
@@ -412,14 +422,10 @@ ul li[data-v-39fac73c] {
 .sub-li[data-v-39fac73c] {
   padding-left: 10px;
 }
-.percent[data-v-a219b06d] {
+.percent[data-v-6aef99ff]{
   margin-left: 10px;
-  color: red;
-  font-size: 1.2em;
-}
-
-.el-checkbox[data-v-c019538f]{
-    margin-left: 20px;
+  color:red;
+  font-size:1.2em;
 }
 
 .percent[data-v-c1c7385b]{
@@ -431,7 +437,21 @@ ul li[data-v-39fac73c] {
 .el-checkbox[data-v-5fb29fef]{
     margin-left: 20px;
 }
-
+.group[data-v-98300543] {
+  font-size: 14px;
+  width: 100%;
+}
+.item[data-v-98300543] {
+  float: left;
+  list-style-type: none;
+  width: 33.33%;
+  margin-bottom: 18px;
+}
+.item-content[data-v-98300543] {
+  height: calc(100vh - 300px);
+  padding-left: 20px;
+  overflow: auto;
+}
 .el-tag + .el-tag[data-v-aaf48aff] {
     margin-left: 10px;
 }
@@ -454,30 +474,29 @@ select[data-v-aaf48aff]{
     line-height: 32px;
 }
 
-.percent[data-v-6aef99ff]{
-  margin-left: 10px;
-  color:red;
-  font-size:1.2em;
-}
-
 span[data-v-4e29ea06] {
   margin: 0 10px;
 }
-.group[data-v-98300543] {
-  font-size: 14px;
+
+#custTabOne[data-v-7feaa2da] .el-tabs__content {
+  height: 500px;
+}
+.group[data-v-7feaa2da] {
+  font-size: 14px;
   width: 100%;
 }
-.item[data-v-98300543] {
-  float: left;
-  list-style-type: none;
-  width: 33.33%;
+.item[data-v-7feaa2da] {
+  float: left;
+  list-style-type: none;
+  width: 33.33%;
   margin-bottom: 18px;
 }
-.item-content[data-v-98300543] {
-  height: calc(100vh - 300px);
-  padding-left: 20px;
+.item-content[data-v-7feaa2da] {
+  height: calc(100vh - 300px);
+  padding-left: 20px;
   overflow: auto;
-}
+}
+
 .searchResult {
   color:red
 }
@@ -498,25 +517,6 @@ span[data-v-4e29ea06] {
   word-break: keep-all;
   width: 55%;
 }
-#custTabOne[data-v-7feaa2da] .el-tabs__content {
-  height: 500px;
-}
-.group[data-v-7feaa2da] {
-  font-size: 14px;
-  width: 100%;
-}
-.item[data-v-7feaa2da] {
-  float: left;
-  list-style-type: none;
-  width: 33.33%;
-  margin-bottom: 18px;
-}
-.item-content[data-v-7feaa2da] {
-  height: calc(100vh - 300px);
-  padding-left: 20px;
-  overflow: auto;
-}
-
 .searchResult {
   color:red
 }

package/lib/style.css

@@ -1,57 +1,4 @@
-@charset "UTF-8";.main[data-v-6658e14b] {
-  position: relative;
-  display: flex;
-  height: 100%;
-  width: 100%;
-}
-.canvas-container[data-v-6658e14b] {
-  position: relative;
-  height: 100%;
-  width: 100%;
-}
-section[data-v-6658e14b] {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-}
-.canvas[data-v-6658e14b] {
-  overflow: auto;
-  height: 100%;
-  padding: 0;
-  min-height: 500px;
-}
-.canvas[data-v-6658e14b] .draggable {
-  cursor: default;
-}li[data-v-7e8a1cf6] {
-  color: #333;
-}
-.context-menu[data-v-7e8a1cf6] {
-  position: fixed;
-  background: #fff;
-  z-index: 999;
-  padding: 5px;
-  margin: 0;
-}
-.context-menu li[data-v-7e8a1cf6] {
-  min-width: 75px;
-  height: 28px;
-  line-height: 28px;
-  text-align: left;
-  color: #1a1a1a;
-}
-.context-menu li[data-v-7e8a1cf6]:hover {
-  background: #42b983;
-  color: #fff;
-}
-.context-menu[data-v-7e8a1cf6] {
-  border: 1px solid #eee;
-  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
-  border-radius: 5px;
-}
-li[data-v-7e8a1cf6] {
-  list-style-type: none;
-}
+@charset "UTF-8";
 .button-area[data-v-865cb4ee] {
   padding: 5px 0 5px 5px;
   height: 50px;
@@ -153,28 +100,31 @@ pre[data-v-865cb4ee] {
 /* 去掉卡片和tab表头的距离 */
 [data-v-865cb4ee] .el-tabs__header {
   margin: 0;
+}.main[data-v-6658e14b] {
+  position: relative;
+  display: flex;
+  height: 100%;
+  width: 100%;
 }
-.svg-icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
+.canvas-container[data-v-6658e14b] {
+  position: relative;
+  height: 100%;
+  width: 100%;
+}
+section[data-v-6658e14b] {
   overflow: hidden;
-}
-h3[data-v-0d941719] {
-  color: #999999;
-  margin: 0;
+  width: 100%;
+  height: 100%;
   padding: 0;
-  font-weight: bold;
-  font-size: 18px;
 }
-.el-button[data-v-0d941719] {
-  margin: 6px 0;
-  min-width: 110px;
-  padding: 9px 15px;
+.canvas[data-v-6658e14b] {
+  overflow: auto;
+  height: 100%;
+  padding: 0;
+  min-height: 500px;
 }
-.el-button i[data-v-0d941719] {
-  padding-right: 4px;
+.canvas[data-v-6658e14b] .draggable {
+  cursor: default;
 }
 #svg{
     /* border:1px solid red; */
@@ -223,11 +173,56 @@ g text{
     fill: white
 }
 
-.end{
-    stroke-width: 0;
-    fill:#fff;
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
 }
-
+h3[data-v-0d941719] {
+  color: #999999;
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+  font-size: 18px;
+}
+.el-button[data-v-0d941719] {
+  margin: 6px 0;
+  min-width: 110px;
+  padding: 9px 15px;
+}
+.el-button i[data-v-0d941719] {
+  padding-right: 4px;
+}li[data-v-7e8a1cf6] {
+  color: #333;
+}
+.context-menu[data-v-7e8a1cf6] {
+  position: fixed;
+  background: #fff;
+  z-index: 999;
+  padding: 5px;
+  margin: 0;
+}
+.context-menu li[data-v-7e8a1cf6] {
+  min-width: 75px;
+  height: 28px;
+  line-height: 28px;
+  text-align: left;
+  color: #1a1a1a;
+}
+.context-menu li[data-v-7e8a1cf6]:hover {
+  background: #42b983;
+  color: #fff;
+}
+.context-menu[data-v-7e8a1cf6] {
+  border: 1px solid #eee;
+  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+}
+li[data-v-7e8a1cf6] {
+  list-style-type: none;
+}
 #svg{
     /* border:1px solid red; */
     background: white;
@@ -259,7 +254,7 @@ g text{
     stroke-width: 2;
 }
 
-.decision{
+.start{
     stroke-width: 0;
     fill:#fff;
 }
@@ -274,7 +269,7 @@ g text{
     fill:#fff;
 }
 
-.start{
+.decision{
     stroke-width: 0;
     fill:#fff;
 }
@@ -303,6 +298,28 @@ g text{
     fill:#fff;
 }
 
+.end{
+    stroke-width: 0;
+    fill:#fff;
+}
+.tooltip[data-v-ac799913] {
+  position: absolute;
+  background: #fff;
+  min-width: 150px;
+  border-radius: 4px;
+  border: 1px solid #ebeef5;
+  padding: 12px;
+  z-index: 2000;
+  color: #606266;
+  line-height: 1.4;
+  text-align: justify;
+  font-size: 14px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  word-break: break-all;
+}#_subprocess-content[data-v-2b195c05] {
+  width: 100%;
+  height: calc(100vh - 200px);
+}
 .virtual-transition{
     stroke-width: 2;
     stroke:#000;
@@ -340,32 +357,15 @@ g text{
 }
 
 /* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
-.properties-editor[data-v-bd66d235] .el-dialog__body{
+.properties-editor[data-v-adb7c2ff] .el-dialog__body{
   padding-top: 0
 }
 
 /* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
-.properties-editor[data-v-adb7c2ff] .el-dialog__body{
+.properties-editor[data-v-bd66d235] .el-dialog__body{
   padding-top: 0
 }
-.tooltip[data-v-ac799913] {
-  position: absolute;
-  background: #fff;
-  min-width: 150px;
-  border-radius: 4px;
-  border: 1px solid #ebeef5;
-  padding: 12px;
-  z-index: 2000;
-  color: #606266;
-  line-height: 1.4;
-  text-align: justify;
-  font-size: 14px;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  word-break: break-all;
-}#_subprocess-content[data-v-2b195c05] {
-  width: 100%;
-  height: calc(100vh - 200px);
-}
+
 .joint-container{
     stroke-width: 0;
     fill: #fff;
@@ -381,6 +381,12 @@ g text{
     fill-opacity: 1;
 }
 
+.resizer{
+    stroke: blue;
+    stroke-width: 1;
+    fill: white;
+}
+
 .control-point[data-v-0ff53a0a]{
     fill: #fff;
     cursor: move;
@@ -389,12 +395,6 @@ g text{
     stroke-dasharray: 2 2
 }
 
-.resizer{
-    stroke: blue;
-    stroke-width: 1;
-    fill: white;
-}
-
 .control-point[data-v-788fb0ae]{
     fill: #fff;
     cursor: move;
@@ -402,6 +402,16 @@ g text{
 .control-line[data-v-788fb0ae] {
     stroke-dasharray: 2 2
 }
+
+.percent[data-v-a219b06d] {
+  margin-left: 10px;
+  color: red;
+  font-size: 1.2em;
+}
+
+.el-checkbox[data-v-c019538f]{
+    margin-left: 20px;
+}
 ul[data-v-39fac73c] {
   margin: 0;
   padding: 0;
@@ -412,32 +422,36 @@ ul li[data-v-39fac73c] {
 .sub-li[data-v-39fac73c] {
   padding-left: 10px;
 }
-.percent[data-v-a219b06d] {
-  margin-left: 10px;
-  color: red;
-  font-size: 1.2em;
-}
-
-.el-checkbox[data-v-c019538f]{
-    margin-left: 20px;
-}
-
-.el-checkbox[data-v-5fb29fef]{
-    margin-left: 20px;
-}
-
-.percent[data-v-c1c7385b]{
+.percent[data-v-6aef99ff]{
   margin-left: 10px;
   color:red;
   font-size:1.2em;
 }
 
-.percent[data-v-6aef99ff]{
+.percent[data-v-c1c7385b]{
   margin-left: 10px;
   color:red;
   font-size:1.2em;
 }
 
+.el-checkbox[data-v-5fb29fef]{
+    margin-left: 20px;
+}
+.group[data-v-98300543] {
+  font-size: 14px;
+  width: 100%;
+}
+.item[data-v-98300543] {
+  float: left;
+  list-style-type: none;
+  width: 33.33%;
+  margin-bottom: 18px;
+}
+.item-content[data-v-98300543] {
+  height: calc(100vh - 300px);
+  padding-left: 20px;
+  overflow: auto;
+}
 .el-tag + .el-tag[data-v-aaf48aff] {
     margin-left: 10px;
 }
@@ -463,21 +477,26 @@ select[data-v-aaf48aff]{
 span[data-v-4e29ea06] {
   margin: 0 10px;
 }
-.group[data-v-98300543] {
-  font-size: 14px;
+
+#custTabOne[data-v-7feaa2da] .el-tabs__content {
+  height: 500px;
+}
+.group[data-v-7feaa2da] {
+  font-size: 14px;
   width: 100%;
 }
-.item[data-v-98300543] {
-  float: left;
-  list-style-type: none;
-  width: 33.33%;
+.item[data-v-7feaa2da] {
+  float: left;
+  list-style-type: none;
+  width: 33.33%;
   margin-bottom: 18px;
 }
-.item-content[data-v-98300543] {
-  height: calc(100vh - 300px);
-  padding-left: 20px;
+.item-content[data-v-7feaa2da] {
+  height: calc(100vh - 300px);
+  padding-left: 20px;
   overflow: auto;
-}
+}
+
 .searchResult {
   color:red
 }
@@ -498,25 +517,6 @@ span[data-v-4e29ea06] {
   word-break: keep-all;
   width: 55%;
 }
-#custTabOne[data-v-7feaa2da] .el-tabs__content {
-  height: 500px;
-}
-.group[data-v-7feaa2da] {
-  font-size: 14px;
-  width: 100%;
-}
-.item[data-v-7feaa2da] {
-  float: left;
-  list-style-type: none;
-  width: 33.33%;
-  margin-bottom: 18px;
-}
-.item-content[data-v-7feaa2da] {
-  height: calc(100vh - 300px);
-  padding-left: 20px;
-  overflow: auto;
-}
-
 .searchResult {
   color:red
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "workflow-editor",
   "private": false,
-  "version": "0.0.81-up-tmp5",
+  "version": "0.0.81-up-tmp7",
   "type": "module",
   "main": "./lib/index.cjs",
   "module": "./es/index.mjs",

package/vite.config.js

@@ -17,21 +17,8 @@ const devDependencies = Object.keys(packageJson.devDependencies)
 
 const arr = [...dependencies, ...devDependencies]
 
-//https://vitejs.dev/config/
+// https://vitejs.dev/config/
 export default defineConfig(({ mode }) => ({
-  plugins: [
-    vue(),
-    vueJsx(),
-    terser({
-      compress: {
-        drop_debugger: ['production'].includes(mode),
-        pure_funcs: ['production'].includes(mode) ? ['console.log', 'console.info', 'console.warn', 'console.debug'] : [],
-      },
-      output: {
-        // 对于console.error，不做任何处理
-        comments: (node, comment) => comment.type === 'error'
-      }
-    })],
   build: {
     target: 'modules',
     // //打包文件目录
@@ -40,20 +27,10 @@ export default defineConfig(({ mode }) => ({
     minify: false,
     //css分离
     cssCodeSplit: false,
-    outDir: 'lib',
-    // 开启vite打包的库模式
-    lib: {
-      entry: './packages/index.js'
-    },
-    // outDir: "lib",//输出文件名称
-    // lib: {
-    //   entry: path.resolve(__dirname, "./packages/index.js"),//指定组件编译入口文件
-    //   name: "workflow-editor",//打包js名称
-    //   fileName: "workflow-editor",
-    // },//库编译模式配置
     rollupOptions: {
-      //确保外部化处理那些你不想打包进库的依赖
-       external: (id) => {
+      //忽略打包vue文件
+      // external: ['vue', 'jsx', 'tsx'],
+      external: (id) => {
         for (let i = 0; i < arr.length; i++) {
           if (id.startsWith(arr[i])) {
             // console.log('id===', id)
@@ -62,8 +39,7 @@ export default defineConfig(({ mode }) => ({
         }
       },
       input: ['./packages/index.js'],
-      output: 
-      [
+      output:[
         {
           format: 'umd',
           name: 'wfEditor',
@@ -96,26 +72,32 @@ export default defineConfig(({ mode }) => ({
           preserveModulesRoot: 'packages'
         }
       ]
-      // {
-      //   //在UMD构建模式下为这些外部化的依赖提供一个全局变量
-      //   globals: {
-      //     vue: "Vue",
-      //   },
-      //   //定义生成css的名称
-      //   assetFileNames: (assetInfo) => {
-      //     if (assetInfo.name == 'style.css')
-      //       return 'workflow-editor.css';//打包的css名称
-      //     return assetInfo.name;
-      //   },
-      // },
-    },//rollup打包配置
+    },
+    outDir: 'lib',
+    // 开启vite打包的库模式
+    lib: {
+      entry: './packages/index.js'
+    }
   },
-  //...其他配置项
+  plugins: [
+    vue(),
+    vueJsx(),
+    terser({
+      compress: {
+        drop_debugger: ['production'].includes(mode),
+        pure_funcs: ['production'].includes(mode) ? ['console.log', 'console.info', 'console.warn', 'console.debug'] : [],
+      },
+      output: {
+        // 对于console.error，不做任何处理
+        comments: (node, comment) => comment.type === 'error'
+      }
+    })
+  ],
   resolve: {
-    //忽略后缀名的配置选项,添加.vue选项时要记得原本默认忽略的选项也要手动写入
     extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))
     }
   }
-}));
+}));
+