vue-devui 1.5.5 → 1.5.7

package/vue-devui.es.js

@@ -35,9 +35,11 @@ var __publicField = (obj, key, value) => {
 };
 import { createVNode, getCurrentInstance, defineComponent, toRefs, inject, computed, Fragment, mergeProps, resolveComponent, isVNode, ref, reactive, createTextVNode, provide, onMounted, watch, Transition, withDirectives, vShow, nextTick, onUnmounted, unref, withModifiers, Comment as Comment$1, Text, h, cloneVNode, Teleport, onBeforeUnmount, render as render$1, resolveDirective, resolveDynamicComponent, toRef, shallowRef, onBeforeMount, onUpdated, readonly, toRaw, watchEffect, renderSlot, useSlots, createApp, shallowReactive, effect, TransitionGroup } from "vue";
 import { useRoute } from "vue-router";
+import Clipboard from "clipboard";
 import { offset, autoPlacement, arrow, shift, computePosition, flip } from "@floating-ui/dom";
-import { onClickOutside, useResizeObserver } from "@vueuse/core";
+import { onClickOutside, toRefs as toRefs$1, useResizeObserver } from "@vueuse/core";
 import * as Diff2Html from "diff2html";
+import * as echarts from "echarts";
 import * as hljs from "highlight.js";
 import MarkdownIt from "markdown-it";
 import { getDefaultWhiteList, getDefaultCSSWhiteList, filterXSS } from "xss";
@@ -102,7 +104,11 @@ const OpenIcon = () => {
     "fill": "none",
     "fill-rule": "evenodd"
   }, [createVNode("path", {
-    "d": "M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088           7.84170876,10.8417088 7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124           3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6           L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824           12.2402148,6.7597852 12.1464466,6.85355339 Z",
+    "d": `M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088
+          7.84170876,10.8417088 7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124
+          3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6
+          L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824
+          12.2402148,6.7597852 12.1464466,6.85355339 Z`,
     "fill-rule": "nonzero"
   }, null)])]);
 };
@@ -1131,7 +1137,7 @@ const AlertCloseIcon = () => createVNode("svg", {
   "transform": "translate(-3.000000, -3.000000)",
   "fill-rule": "nonzero"
 }, [createVNode("path", {
-  "d": "M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891         12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416         12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416         C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749         L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548         11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858         3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894         C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416         L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908         2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057         C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936         L8,6.85411161 L11.6426,3.19816936 Z"
+  "d": "M11.6426,3.19816936 C11.9239974,2.91574512 12.4131626,2.93784891 12.7352108,3.24751057 C13.0571998,3.5572302 13.0901298,4.03723416 12.8087324,4.31965839 L9.14064666,7.99900183 L12.8087324,11.6803416 C13.0645482,11.9370909 13.0605893,12.3571292 12.8158402,12.6640749 L12.7352108,12.7524894 C12.4131626,13.0621511 11.9239974,13.0842548 11.6426,12.8018306 L8,9.14489021 L4.35740003,12.8018306 C4.10158422,13.05858 3.6740594,13.0636532 3.35648225,12.8298003 L3.26478919,12.7524894 C2.94280021,12.4427698 2.90987023,11.9627658 3.19126762,11.6803416 L6.8583349,7.99900183 L3.19126762,4.31965839 C2.93545181,4.06290908 2.93941068,3.64287076 3.18415975,3.3359251 L3.26478919,3.24751057 C3.58683735,2.93784891 4.07600264,2.91574512 4.35740003,3.19816936 L8,6.85411161 L11.6426,3.19816936 Z"
 }, null)])])]);
 const ns$k = useNamespace("alert");
 const AlertTypeIcon = (props) => createVNode("svg", {
@@ -1165,12 +1171,12 @@ const AlertTypeIcon = (props) => createVNode("svg", {
         "fill-rule": "evenodd"
       }, [createVNode("path", {
         "class": "warning-outer",
-        "d": "M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117               15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15               14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873               0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229               C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589               C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"
+        "d": "M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"
       }, null), createVNode("path", {
         "class": "warning-inner",
         "stroke-width": "0.3",
         "fill-rule": "nonzero",
-        "d": "M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263               L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5               L8.96842105,4.5 L8.62102372,9.86842105 Z"
+        "d": "M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"
       }, null)]);
     case "info":
       return createVNode("g", {
@@ -1541,6 +1547,26 @@ function randomId(n = 8) {
   }
   return result2;
 }
+function toClipboard(text) {
+  return new Promise((resolve, reject) => {
+    const ele = document.createElement("button");
+    const clipboard = new Clipboard(ele, {
+      text: () => text,
+      action: () => "copy"
+    });
+    clipboard.on("success", (e) => {
+      clipboard.destroy();
+      resolve(e);
+    });
+    clipboard.on("error", (e) => {
+      clipboard.destroy();
+      reject(e);
+    });
+    document.body.appendChild(ele);
+    ele.click();
+    document.body.removeChild(ele);
+  });
+}
 function setStyle(element, style) {
   const oldStyle = {};
   const styleKeys = Object.keys(style);
@@ -8151,9 +8177,17 @@ function WarningIcon$2() {
     "fill": "none",
     "fill-rule": "evenodd"
   }, [createVNode("polygon", {
-    "points": "7.5 1.74501946 1.39184847 13.5954649 7.08947368         14.2207621 13.9973698 13.5954649 10.9383683 5.61273879 8.40084114 1.27624313"
+    "points": "7.5 1.74501946 1.39184847 13.5954649 7.08947368 14.2207621 13.9973698 13.5954649 10.9383683 5.61273879 8.40084114 1.27624313"
   }, null), createVNode("path", {
-    "d": "M8.51325441,0.127397589 C8.70423071,0.228333932         8.8605922,0.383286648 8.96244623,0.57254229 L15.8714442,13.4101975         C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158         C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15         C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684         0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987         8.51325441,0.127397589 Z M8.87894737,11.2105263 L7.08947368,11.2105263 L7.08947368,13         L8.87894737,13 L8.87894737,11.2105263 Z M8.96842105,4.5 L7,4.5 L7.08947368,9.86842105         L8.87894737,9.86842105 L8.96842105,4.5 Z"
+    "d": `M8.51325441,0.127397589 C8.70423071,0.228333932
+          8.8605922,0.383286648 8.96244623,0.57254229 L15.8714442,13.4101975
+          C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158
+          C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15
+          C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684
+          0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987
+          8.51325441,0.127397589 Z M8.87894737,11.2105263 L7.08947368,11.2105263 L7.08947368,13
+          L8.87894737,13 L8.87894737,11.2105263 Z M8.96842105,4.5 L7,4.5 L7.08947368,9.86842105
+          L8.87894737,9.86842105 L8.96842105,4.5 Z`
   }, null)])]);
 }
 function InfoIcon$2() {
@@ -8174,7 +8208,7 @@ function InfoIcon$2() {
   }, null), createVNode("g", {
     "stroke-width": "1"
   }, [createVNode("path", {
-    "d": "M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16           C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z M9,5 L7,5 L7,3 L9,3 L9,5 Z M9,12.6 L7,12.6 L7,6.6 L9,6.6 L9,12.6 Z"
+    "d": "M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z M9,5 L7,5 L7,3 L9,3 L9,5 Z M9,12.6 L7,12.6 L7,6.6 L9,6.6 L9,12.6 Z"
   }, null)])])]);
 }
 function ErrorIcon$3() {
@@ -8195,7 +8229,7 @@ function ErrorIcon$3() {
     "cy": "8",
     "r": "7"
   }, null), createVNode("path", {
-    "d": "M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8           C16,3.6 12.4,0 8,0 Z M9,12.6 L7,12.6 L7,10.6 L9,10.6 L9,12.6 Z M9,9.1 L7,9.1 L6.9,3.1 L9.1,3.1 L9,9.1 Z",
+    "d": "M8,0 C3.6,0 0,3.6 0,8 C0,12.4 3.6,16 8,16 C12.4,16 16,12.4 16,8 C16,3.6 12.4,0 8,0 Z M9,12.6 L7,12.6 L7,10.6 L9,10.6 L9,12.6 Z M9,9.1 L7,9.1 L6.9,3.1 L9.1,3.1 L9,9.1 Z",
     "fill-rule": "nonzero"
   }, null)])]);
 }
@@ -8304,7 +8338,14 @@ function HelpTipsIcon() {
     "fill": "none",
     "fill-rule": "evenodd"
   }, [createVNode("g", null, [createVNode("path", {
-    "d": "M8.5,8.95852078 L8.5,11 L7.5,11 L7.5,8.5 C7.5,8.22385763             7.72385763,8 8,8 C9.1045695,8 10,7.1045695 10,6 C10,4.8954305             9.1045695,4 8,4 C6.8954305,4 6,4.8954305 6,6 L5,6 C5,4.34314575             6.34314575,3 8,3 C9.65685425,3 11,4.34314575 11,6 C11,7.48649814             9.91885667,8.72048173 8.5,8.95852078 L8.5,8.95852078 Z M8,16 C3.581722,16             0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278             12.418278,16 8,16 Z M8,15 C11.8659932,15 15,11.8659932 15,8 C15,4.13400675 11.8659932,1 8,1             C4.13400675,1 1,4.13400675 1,8 C1,11.8659932 4.13400675,15 8,15 Z M7.5,12 L8.5,12 L8.5,13 L7.5,13 L7.5,12 Z",
+    "d": `M8.5,8.95852078 L8.5,11 L7.5,11 L7.5,8.5 C7.5,8.22385763
+            7.72385763,8 8,8 C9.1045695,8 10,7.1045695 10,6 C10,4.8954305
+            9.1045695,4 8,4 C6.8954305,4 6,4.8954305 6,6 L5,6 C5,4.34314575
+            6.34314575,3 8,3 C9.65685425,3 11,4.34314575 11,6 C11,7.48649814
+            9.91885667,8.72048173 8.5,8.95852078 L8.5,8.95852078 Z M8,16 C3.581722,16
+            0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278
+            12.418278,16 8,16 Z M8,15 C11.8659932,15 15,11.8659932 15,8 C15,4.13400675 11.8659932,1 8,1
+            C4.13400675,1 1,4.13400675 1,8 C1,11.8659932 4.13400675,15 8,15 Z M7.5,12 L8.5,12 L8.5,13 L7.5,13 L7.5,12 Z`,
     "fill": "#293040",
     "fill-rule": "nonzero"
   }, null)])])]);
@@ -8324,7 +8365,10 @@ function ErrorIcon$2() {
     "cy": "8",
     "r": "8"
   }, null), createVNode("polygon", {
-    "points": "8.07106781 6.65685425 10.8994949 3.82842712 12.3137085         5.24264069 9.48528137 8.07106781 12.3137085 10.8994949 10.8994949 12.3137085         8.07106781 9.48528137 5.24264069 12.3137085 3.82842712 10.8994949 6.65685425         8.07106781 3.82842712 5.24264069 5.24264069 3.82842712"
+    "points": `8.07106781 6.65685425 10.8994949 3.82842712 12.3137085
+          5.24264069 9.48528137 8.07106781 12.3137085 10.8994949 10.8994949 12.3137085
+          8.07106781 9.48528137 5.24264069 12.3137085 3.82842712 10.8994949 6.65685425
+          8.07106781 3.82842712 5.24264069 5.24264069 3.82842712`
   }, null)])]);
 }
 function SuccessIcon$2() {
@@ -8342,7 +8386,7 @@ function SuccessIcon$2() {
     "cy": "8",
     "r": "8"
   }, null), createVNode("polygon", {
-    "points": "6.53553391 9.77817459 12.1923882 4.12132034 13.6066017 5.53553391         6.53553391 12.6066017 3 9.07106781 4.41421356 7.65685425 6.53553391 9.77817459"
+    "points": "6.53553391 9.77817459 12.1923882 4.12132034 13.6066017 5.53553391 6.53553391 12.6066017 3 9.07106781 4.41421356 7.65685425 6.53553391 9.77817459"
   }, null)])]);
 }
 function PendingIcon() {
@@ -8357,7 +8401,7 @@ function PendingIcon() {
     "fill": "none",
     "fill-rule": "evenodd"
   }, [createVNode("path", {
-    "d": "M8,0 C12.4,0 16,3.6 16,8 C16,12.4 12.4,16 8,16 C3.6,16 0,12.4 0,8 C0,3.6 3.6,0 8,0           Z M8,1 C4.15,1 1,4.15 1,8 C1,11.85 4.15,15 8,15 C11.85,15 15,11.85 15,8 C15,4.15 11.85,1 8,1 Z",
+    "d": "M8,0 C12.4,0 16,3.6 16,8 C16,12.4 12.4,16 8,16 C3.6,16 0,12.4 0,8 C0,3.6 3.6,0 8,0 Z M8,1 C4.15,1 1,4.15 1,8 C1,11.85 4.15,15 8,15 C11.85,15 15,11.85 15,8 C15,4.15 11.85,1 8,1 Z",
     "fill-rule": "nonzero"
   }, null), createVNode("path", {
     "d": "M8,0 C12.4,0 16,3.6 16,8 L15,8 C15,4.15 11.85,1 8,1 L8,0 Z",
@@ -9708,7 +9752,7 @@ var FormItem = defineComponent({
     }, [createVNode(FormLabel, {
       "help-tips": helpTips.value
     }, {
-      default: () => [label == null ? void 0 : label.value]
+      default: () => [ctx2.slots.label ? ctx2.slots.label() : label == null ? void 0 : label.value]
     }), createVNode(FormControl, {
       "feedback-status": feedbackStatus == null ? void 0 : feedbackStatus.value,
       "extra-info": extraInfo.value
@@ -10560,7 +10604,7 @@ const IconBody = (props) => {
     "cy": "15",
     "r": "15"
   }, null), createVNode("path", {
-    "d": "M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866,            11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068,            7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068,            16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296,            16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",
+    "d": "M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866, 11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068, 7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068, 16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296, 16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",
     "id": "\u5F62\u72B6\u7ED3\u5408",
     "fill": "#FFFFFF"
   }, null)])]);
@@ -10608,11 +10652,85 @@ const IconNobody = (props) => {
     "fill": "none",
     "fill-rule": "evenodd"
   }, [createVNode("path", {
-    "d": "M22.31,19.2474562 L22.31,21.9974562 L20.81,21.9974562 L20.81,            19.2474562 L18.06,19.2474562 L18.06,17.7474562 L20.81,17.7474562 L20.81,            14.9974562 L22.31,14.9974562 L22.31,17.7474562 L25.06,17.7474562 L25.06,            19.2474562 L22.31,19.2474562 Z M14.9297866,14.9974562 C12.4445053,            14.9974562 10.4297866,12.9827376 10.4297866,10.4974562 C10.4297866,            8.01217483 12.4445053,5.9974562 14.9297866,5.9974562 C17.415068,            5.9974562 19.4297866,8.01217483 19.4297866,10.4974562 C19.4297866,            12.9827376 17.415068,14.9974562 14.9297866,14.9974562 Z M19.6797866,            20.2474562 L19.6797866,21.9971623 L6.93,21.9960092 C6.93,18.0096715 10.8192296,            15.4974562 14.9297866,15.4974562 C16.4608397,15.4974562 17.9612467,15.983021 19.2414296,            16.7474562 L17.06,16.7474562 L17.06,20.2474562 L19.6797866,20.2474562 Z",
+    "d": "M22.31,19.2474562 L22.31,21.9974562 L20.81,21.9974562 L20.81, 19.2474562 L18.06,19.2474562 L18.06,17.7474562 L20.81,17.7474562 L20.81, 14.9974562 L22.31,14.9974562 L22.31,17.7474562 L25.06,17.7474562 L25.06, 19.2474562 L22.31,19.2474562 Z M14.9297866,14.9974562 C12.4445053, 14.9974562 10.4297866,12.9827376 10.4297866,10.4974562 C10.4297866, 8.01217483 12.4445053,5.9974562 14.9297866,5.9974562 C17.415068, 5.9974562 19.4297866,8.01217483 19.4297866,10.4974562 C19.4297866, 12.9827376 17.415068,14.9974562 14.9297866,14.9974562 Z M19.6797866, 20.2474562 L19.6797866,21.9971623 L6.93,21.9960092 C6.93,18.0096715 10.8192296, 15.4974562 14.9297866,15.4974562 C16.4608397,15.4974562 17.9612467,15.983021 19.2414296, 16.7474562 L17.06,16.7474562 L17.06,20.2474562 L19.6797866,20.2474562 Z",
     "id": "\u5F62\u72B6\u7ED3\u5408",
     "fill": "#959EB2"
   }, null), createVNode("path", {
-    "d": "M0,15 L1,15 C1,15.6118966 1.03919561,16.2186526 1.11683409,            16.8178549 L0.125124012,16.9463505 C0.0425740367,16.309242 0,            15.6595925 0,15 Z M0.503241262,18.867175 L1.46961749,18.6100428 C1.62594651,            19.1975718 1.8203704,19.7729973 2.05141295,20.3332823 L1.12693074,            20.7145074 C0.880599065,20.1171459 0.67172715,19.500393 0.503241262,            18.867175 Z M1.99122134,22.4730778 L2.85786221,21.9741453 C3.16078316,            22.5003161 3.49772502,23.0063252 3.86631639,23.4889602 L3.0715754,            24.0959089 C2.6777461,23.5802273 2.31659753,23.0382531 1.99122134,            22.4730778 Z M4.38894559,25.6021078 L5.09634867,24.8952974 C5.52582519,            25.3251341 5.98272136,25.7268214 6.46397085,26.0975793 L5.85367498,            26.8897529 C5.33779918,26.4923186 4.84851395,26.0620615 4.38894559,            25.6021078 Z M7.4424647,27.9597887 L7.94703323,27.096417 C8.47111119,            27.4026968 9.0146817,27.6746032 9.57453904,27.9101878 L9.18668461,            28.8319084 C8.58423501,28.5784013 8.00181692,28.2866833 7.4424647,            27.9597887 Z M11.0671021,29.4791103 L11.3286494,28.5139196 C11.9126912,            28.6721832 12.5080563,28.7925378 13.1119738,28.8738935 L12.9784667,            29.8649413 C12.3271613,29.7772019 11.6891102,29.647662 11.0671021,            29.4791103 Z M15,30 C14.9951965,30 14.9903936,29.9999977 14.9855912,            30 L14.9865313,28.9999937 C14.9929361,28.9999987 14.9929361,            28.9999987 14.999296,29 C15.6071552,29 16.2093364,28.9614092 16.8041774,            28.8849313 L16.9316965,29.8767674 C16.2992813,29.9580762 15.6545362,            30 15,30 Z M18.8545762,29.5001051 L18.5982903,28.5335041 C19.1860387,            28.3776677 19.7617059,28.1837179 20.3222555,27.9531286 L20.7026875,            28.8779375 C20.1050484,29.123784 19.4880358,29.3321488 18.8545762,            29.5001051 Z M22.4608087,28.0158343 L21.9626951,27.1487226 C22.4893928,            26.8461604 22.9959399,26.5095265 23.479119,26.1411926 L24.0853678,            26.9364676 C23.5691101,27.3300178 23.0265585,27.6908386 22.4608087,            28.0158343 Z M25.5921583,25.6209863 L24.8860071,24.9129252 C25.3161421,            24.4839504 25.7181674,24.0275419 26.0893023,23.5467621 L26.8808873,            24.1578212 C26.4830546,24.6731862 26.0524368,25.1619493 25.5921583,            25.6209863 Z M27.9526445,22.5697466 L27.0897495,22.0643633 C27.3964738,            21.5406601 27.6688549,20.9974409 27.904942,20.4379104 L28.8262855,            20.8266601 C28.5722411,21.4287497 28.2800163,22.0107897 27.9526445,            22.5697466 Z M29.4756977,18.9454696 L28.5107363,18.6830777 C28.6695136,            18.099165 28.7903877,17.5039035 28.8722662,16.9000659 L29.8631978,            17.0344333 C29.7748946,17.6856516 29.6447979,18.3235936 29.4756977,            18.9454696 Z M30,15 C30,15.0093541 29.9999914,15.0187063 29.9999743,            15.0280564 L28.999976,15.0262257 C28.9999956,15.0134169 28.9999956,            15.0134169 29,15.0006466 C29,14.3970304 28.9619395,13.7989704 28.8865088,            13.208136 L29.8784576,13.0814959 C29.9586571,13.7096843 30,14.3500145 30,            15 Z M29.5038108,11.1594275 L28.5369608,11.4147728 C28.3816616,            10.8267413 28.1882232,10.2507676 27.9581175,9.68988857 L28.8832852,            9.31033004 C29.1286141,9.90831524 29.3364318,10.5256569 29.5038108,            11.1594275 Z M28.0228788,7.55146763 L27.1552968,8.0487618 C26.853241,            7.52179373 26.5170958,7.0149453 26.1492295,6.53143425 L26.9450761,            5.92593594 C27.3381231,6.44254364 27.6984223,6.98541919 28.0228788,            7.55146763 Z M25.6309089,4.41780044 L24.9221905,5.12329189 C24.4935639,            4.69270467 24.0374698,4.2902078 23.5569705,3.9185855 L24.1687554,            3.12756133 C24.6838129,3.52591118 25.1722392,3.95703271 25.6309089,            4.41780044 Z M22.5819506,2.05451093 L22.0757531,2.91692851 C21.5523008,            2.60968727 21.0092999,2.33677531 20.4499564,2.10014728 L20.8395722,            1.17916981 C21.4414531,1.43379309 22.0232574,1.72658499 22.5819506,            2.05451093 Z M18.9594329,0.528106464 L18.696103,1.4928123 C18.1122842,            1.33345081 17.517086,1.21199245 16.9132846,1.12953261 L17.0485964,            0.138729543 C17.6997753,0.227659622 18.3376514,0.358382523 18.9594329,            0.528106464 Z M15,-1.11022302e-16 C15.0139048,-1.11022302e-16 15.0278052,            1.892004e-05 15.0417011,5.673578e-05 L15.0389797,1.00005303 C15.0197685,            1.00000934 15.0197685,1.00000934 15.0005868,1.00000001 C14.4012162,            1 13.8072783,1.03753392 13.2204527,1.11192427 L13.0946918,0.119863691 C13.7186509,            0.0407660189 14.3545651,-1.11022302e-16 15,-1.11022302e-16 Z M11.1720354,            0.492865376 L11.4265338,1.45993857 C10.8386468,1.61464899 10.2627801,            1.80746996 9.70196444,2.03693489 L9.32327455,1.11141127 C9.92118954,            0.86676666 10.5384173,0.659610554 11.1720354,0.492865376 Z M7.56375123,            1.97008801 L8.06022548,2.83813946 C7.53298826,3.13968806 7.02583975,            3.47534367 6.54199783,3.84274131 L5.93725081,3.04632368 C6.4542073,            2.65378102 6.99740556,2.29400434 7.56375123,1.97008801 Z M4.42776842,            4.35917772 L5.13259949,5.06855291 C4.70156141,5.49682984 4.29859416,            5.95260763 3.92648544,6.43282469 L3.13602297,5.82031423 C3.53488885,            5.30556625 3.96651291,4.81747851 4.42776842,4.35917772 Z M2.0616775,            7.40585279 L2.92361696,7.91286401 C2.61586086,8.43606175 2.34241977,            8.97884042 2.10525197,9.53799293 L1.18464153,9.14751063 C1.43984243,            8.54584288 1.73319965,7.96427837 2.0616775,7.40585279 Z M0.531541456,            11.0280046 L1.49601653,11.2921785 C1.33614878,11.8758413 1.21417484,            12.4709081 1.13119244,13.074601 L0.140507978,12.9384235 C0.230001486,            12.2873626 0.361276825,11.6496255 0.531541456,11.0280046 Z",
+    "d": `M0,15 L1,15 C1,15.6118966 1.03919561,16.2186526 1.11683409,
+            16.8178549 L0.125124012,16.9463505 C0.0425740367,16.309242 0,
+            15.6595925 0,15 Z M0.503241262,18.867175 L1.46961749,18.6100428 C1.62594651,
+            19.1975718 1.8203704,19.7729973 2.05141295,20.3332823 L1.12693074,
+            20.7145074 C0.880599065,20.1171459 0.67172715,19.500393 0.503241262,
+            18.867175 Z M1.99122134,22.4730778 L2.85786221,21.9741453 C3.16078316,
+            22.5003161 3.49772502,23.0063252 3.86631639,23.4889602 L3.0715754,
+            24.0959089 C2.6777461,23.5802273 2.31659753,23.0382531 1.99122134,
+            22.4730778 Z M4.38894559,25.6021078 L5.09634867,24.8952974 C5.52582519,
+            25.3251341 5.98272136,25.7268214 6.46397085,26.0975793 L5.85367498,
+            26.8897529 C5.33779918,26.4923186 4.84851395,26.0620615 4.38894559,
+            25.6021078 Z M7.4424647,27.9597887 L7.94703323,27.096417 C8.47111119,
+            27.4026968 9.0146817,27.6746032 9.57453904,27.9101878 L9.18668461,
+            28.8319084 C8.58423501,28.5784013 8.00181692,28.2866833 7.4424647,
+            27.9597887 Z M11.0671021,29.4791103 L11.3286494,28.5139196 C11.9126912,
+            28.6721832 12.5080563,28.7925378 13.1119738,28.8738935 L12.9784667,
+            29.8649413 C12.3271613,29.7772019 11.6891102,29.647662 11.0671021,
+            29.4791103 Z M15,30 C14.9951965,30 14.9903936,29.9999977 14.9855912,
+            30 L14.9865313,28.9999937 C14.9929361,28.9999987 14.9929361,
+            28.9999987 14.999296,29 C15.6071552,29 16.2093364,28.9614092 16.8041774,
+            28.8849313 L16.9316965,29.8767674 C16.2992813,29.9580762 15.6545362,
+            30 15,30 Z M18.8545762,29.5001051 L18.5982903,28.5335041 C19.1860387,
+            28.3776677 19.7617059,28.1837179 20.3222555,27.9531286 L20.7026875,
+            28.8779375 C20.1050484,29.123784 19.4880358,29.3321488 18.8545762,
+            29.5001051 Z M22.4608087,28.0158343 L21.9626951,27.1487226 C22.4893928,
+            26.8461604 22.9959399,26.5095265 23.479119,26.1411926 L24.0853678,
+            26.9364676 C23.5691101,27.3300178 23.0265585,27.6908386 22.4608087,
+            28.0158343 Z M25.5921583,25.6209863 L24.8860071,24.9129252 C25.3161421,
+            24.4839504 25.7181674,24.0275419 26.0893023,23.5467621 L26.8808873,
+            24.1578212 C26.4830546,24.6731862 26.0524368,25.1619493 25.5921583,
+            25.6209863 Z M27.9526445,22.5697466 L27.0897495,22.0643633 C27.3964738,
+            21.5406601 27.6688549,20.9974409 27.904942,20.4379104 L28.8262855,
+            20.8266601 C28.5722411,21.4287497 28.2800163,22.0107897 27.9526445,
+            22.5697466 Z M29.4756977,18.9454696 L28.5107363,18.6830777 C28.6695136,
+            18.099165 28.7903877,17.5039035 28.8722662,16.9000659 L29.8631978,
+            17.0344333 C29.7748946,17.6856516 29.6447979,18.3235936 29.4756977,
+            18.9454696 Z M30,15 C30,15.0093541 29.9999914,15.0187063 29.9999743,
+            15.0280564 L28.999976,15.0262257 C28.9999956,15.0134169 28.9999956,
+            15.0134169 29,15.0006466 C29,14.3970304 28.9619395,13.7989704 28.8865088,
+            13.208136 L29.8784576,13.0814959 C29.9586571,13.7096843 30,14.3500145 30,
+            15 Z M29.5038108,11.1594275 L28.5369608,11.4147728 C28.3816616,
+            10.8267413 28.1882232,10.2507676 27.9581175,9.68988857 L28.8832852,
+            9.31033004 C29.1286141,9.90831524 29.3364318,10.5256569 29.5038108,
+            11.1594275 Z M28.0228788,7.55146763 L27.1552968,8.0487618 C26.853241,
+            7.52179373 26.5170958,7.0149453 26.1492295,6.53143425 L26.9450761,
+            5.92593594 C27.3381231,6.44254364 27.6984223,6.98541919 28.0228788,
+            7.55146763 Z M25.6309089,4.41780044 L24.9221905,5.12329189 C24.4935639,
+            4.69270467 24.0374698,4.2902078 23.5569705,3.9185855 L24.1687554,
+            3.12756133 C24.6838129,3.52591118 25.1722392,3.95703271 25.6309089,
+            4.41780044 Z M22.5819506,2.05451093 L22.0757531,2.91692851 C21.5523008,
+            2.60968727 21.0092999,2.33677531 20.4499564,2.10014728 L20.8395722,
+            1.17916981 C21.4414531,1.43379309 22.0232574,1.72658499 22.5819506,
+            2.05451093 Z M18.9594329,0.528106464 L18.696103,1.4928123 C18.1122842,
+            1.33345081 17.517086,1.21199245 16.9132846,1.12953261 L17.0485964,
+            0.138729543 C17.6997753,0.227659622 18.3376514,0.358382523 18.9594329,
+            0.528106464 Z M15,-1.11022302e-16 C15.0139048,-1.11022302e-16 15.0278052,
+            1.892004e-05 15.0417011,5.673578e-05 L15.0389797,1.00005303 C15.0197685,
+            1.00000934 15.0197685,1.00000934 15.0005868,1.00000001 C14.4012162,
+            1 13.8072783,1.03753392 13.2204527,1.11192427 L13.0946918,0.119863691 C13.7186509,
+            0.0407660189 14.3545651,-1.11022302e-16 15,-1.11022302e-16 Z M11.1720354,
+            0.492865376 L11.4265338,1.45993857 C10.8386468,1.61464899 10.2627801,
+            1.80746996 9.70196444,2.03693489 L9.32327455,1.11141127 C9.92118954,
+            0.86676666 10.5384173,0.659610554 11.1720354,0.492865376 Z M7.56375123,
+            1.97008801 L8.06022548,2.83813946 C7.53298826,3.13968806 7.02583975,
+            3.47534367 6.54199783,3.84274131 L5.93725081,3.04632368 C6.4542073,
+            2.65378102 6.99740556,2.29400434 7.56375123,1.97008801 Z M4.42776842,
+            4.35917772 L5.13259949,5.06855291 C4.70156141,5.49682984 4.29859416,
+            5.95260763 3.92648544,6.43282469 L3.13602297,5.82031423 C3.53488885,
+            5.30556625 3.96651291,4.81747851 4.42776842,4.35917772 Z M2.0616775,
+            7.40585279 L2.92361696,7.91286401 C2.61586086,8.43606175 2.34241977,
+            8.97884042 2.10525197,9.53799293 L1.18464153,9.14751063 C1.43984243,
+            8.54584288 1.73319965,7.96427837 2.0616775,7.40585279 Z M0.531541456,
+            11.0280046 L1.49601653,11.2921785 C1.33614878,11.8758413 1.21417484,
+            12.4709081 1.13119244,13.074601 L0.140507978,12.9384235 C0.230001486,
+ 12.2873626 0.361276825,11.6496255 0.531541456,11.0280046 Z`,
     "id": "\u8499\u7248",
     "fill": "#CACFD8",
     "fill-rule": "nonzero"
@@ -13596,7 +13714,7 @@ function useCodeEditor(props, ctx2) {
     addCommentIcon,
     expandCommentIcon
   } = toRefs(props);
-  let monaco;
+  let monaco2;
   let editor;
   let diffEditor;
   let themeService;
@@ -13635,7 +13753,7 @@ function useCodeEditor(props, ctx2) {
   });
   onMounted(async () => {
     if (inBrowser) {
-      monaco = await import("monaco-editor");
+      monaco2 = await import("monaco-editor");
       setCurrentTheme();
       init();
       if (mode.value === "review") {
@@ -13654,15 +13772,15 @@ function useCodeEditor(props, ctx2) {
       initDiffEditor();
     }
     if (!options.value["theme"]) {
-      monaco.editor.setTheme(currentTheme);
+      monaco2.editor.setTheme(currentTheme);
     }
     handleAutoHeight();
     setValueEmitter();
   }
   function initNormalEditor() {
     if (!editor) {
-      editor = monaco.editor.create(editorEl.value, options.value);
-      editor.setModel(monaco.editor.createModel(modelValue.value, options.value["language"]));
+      editor = monaco2.editor.create(editorEl.value, options.value);
+      editor.setModel(monaco2.editor.createModel(modelValue.value, options.value["language"]));
       ctx2.emit("afterEditorInit", editor);
       if (mode.value === "review") {
         editor.onMouseMove(handleMouseMove);
@@ -13673,10 +13791,10 @@ function useCodeEditor(props, ctx2) {
   }
   function initDiffEditor() {
     if (!diffEditor) {
-      diffEditor = monaco.editor.createDiffEditor(editorEl.value, options.value);
+      diffEditor = monaco2.editor.createDiffEditor(editorEl.value, options.value);
       diffEditor.setModel({
-        original: monaco.editor.createModel(originalText.value, options.value["language"]),
-        modified: monaco.editor.createModel(modelValue.value, options.value["language"])
+        original: monaco2.editor.createModel(originalText.value, options.value["language"]),
+        modified: monaco2.editor.createModel(modelValue.value, options.value["language"])
       });
       ctx2.emit("afterEditorInit", diffEditor);
     }
@@ -13712,7 +13830,7 @@ function useCodeEditor(props, ctx2) {
       currentTheme = themeService && themeService.currentTheme.isDark ? "vs" : "vs-dark";
     }
     if (editor) {
-      monaco.editor.setTheme(currentTheme);
+      monaco2.editor.setTheme(currentTheme);
     }
   }
   function handleAutoHeight() {
@@ -13746,8 +13864,8 @@ function useCodeEditor(props, ctx2) {
     if (editor) {
       if (mode.value === "normal" || mode.value === "review") {
         const model = diffEditor.getModel();
-        monaco.editor.setModelLanguage(model.modified, language);
-        monaco.editor.setModelLanguage(model.original, language);
+        monaco2.editor.setModelLanguage(model.modified, language);
+        monaco2.editor.setModelLanguage(model.original, language);
       }
     }
   }
@@ -13761,7 +13879,7 @@ function useCodeEditor(props, ctx2) {
   }
   function updateEditorHeightAuto() {
     var _a;
-    const lineHeight = editor.getOption(monaco.editor.EditorOption.lineHeight);
+    const lineHeight = editor.getOption(monaco2.editor.EditorOption.lineHeight);
     const lineCount = ((_a = editor.getModel()) == null ? void 0 : _a.getLineCount()) || 1;
     const height = editor.getTopForLineNumber(lineCount + 1) + lineHeight;
     if (editorEl.value) {
@@ -13775,7 +13893,7 @@ function useCodeEditor(props, ctx2) {
       if (!isDecorationExisted(currentLineNumber)) {
         const lineDecoration = [
           {
-            range: new monaco.Range(currentLineNumber, 0, currentLineNumber, 0),
+            range: new monaco2.Range(currentLineNumber, 0, currentLineNumber, 0),
             option: {
               isWholeLine: true,
               glyphMarginClassName: `icon-pointer ${addCommentIcon.value}`
@@ -13807,7 +13925,7 @@ function useCodeEditor(props, ctx2) {
   }
   function setDecorations(decoration) {
     return {
-      range: new monaco.Range(decoration.lineNumber, 1, decoration.lineNumber, 1),
+      range: new monaco2.Range(decoration.lineNumber, 1, decoration.lineNumber, 1),
       options: {
         isWholeLine: true,
         className: decoration.customClasses || "",
@@ -13961,51 +14079,204 @@ var CodeEditor = defineComponent({
     }, null);
   }
 });
+let monaco;
+const CodeHighlightDirective = {
+  async mounted(el) {
+    if (inBrowser) {
+      monaco = await import("monaco-editor");
+      monaco.editor.colorizeElement(el);
+    }
+  },
+  updated(el) {
+    if (inBrowser) {
+      monaco.editor.colorizeElement(el);
+    }
+  }
+};
 var CodeEditorInstall = {
   title: "Code Editor \u4EE3\u7801\u7F16\u8F91\u5668",
   category: "\u6F14\u8FDB\u4E2D",
   status: "100%",
   install(app) {
+    app.directive("d-code-highlight", CodeHighlightDirective);
     app.component(CodeEditor.name, CodeEditor);
   }
 };
+function FoldIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "xmlns": "http://www.w3.org/2000/svg"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill-rule": "evenodd"
+  }, [createVNode("polygon", {
+    "points": "4.5 5 8 8.76923077 11.5 5 13 6.61538462 8 12 3 6.61538462"
+  }, null)])]);
+}
+function CopyIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("path", {
+    "d": `M14,1 C14.5522847,1 15,1.44771525 15,2 L15,10 C15,10.5522847 14.5522847,11 14,11 L11,11 L11,14 
+        C11,14.5522847 10.5522847,15 10,15 L2,15 C1.44771525,15 1,14.5522847 1,14 L1,6 C1,5.44771525 1.44771525,5 
+        2,5 L5,5 L5,2 C5,1.44771525 5.44771525,1 6,1 L14,1 Z M10,6 L2,6 L2,14 L10,14 L10,6 Z M9,11 L9,12 L3,12 
+        L3,11 L9,11 Z M14,2 L6,2 L6,5 L10,5 C10.5522847,5 11,5.44771525 11,6 L11,10 L14,10 L14,2 Z M9,8 L9,9 L3,9 L3,8 L9,8 Z`,
+    "fill": "#babbc0",
+    "fill-rule": "nonzero"
+  }, null)])]);
+}
 const codeReviewProps = {
   diff: {
     type: String,
     required: true,
     default: ""
   },
+  fold: {
+    type: Boolean,
+    default: false
+  },
   outputFormat: {
     type: String,
     default: "line-by-line"
   }
 };
-function useCodeReview(props) {
-  const { diff, outputFormat } = toRefs(props);
+const CodeReviewInjectionKey = Symbol("d-code-review");
+function useCodeReviewCopy(diffInfo) {
+  const copyTipsText = ref("\u590D\u5236\u6587\u4EF6\u8DEF\u5F84");
+  const tipsPopType = ref("default");
+  const onCopy = () => {
+    toClipboard(diffInfo.newName).then(() => {
+    });
+  };
+  return { copyTipsText, tipsPopType, onCopy };
+}
+var CodeReviewHeader = defineComponent({
+  name: "DCodeReviewHeader",
+  emits: ["click"],
+  setup(_, ctx2) {
+    const ns2 = useNamespace("code-review");
+    const {
+      diffInfo,
+      isFold,
+      rootCtx
+    } = inject(CodeReviewInjectionKey);
+    const {
+      copyTipsText,
+      tipsPopType,
+      onCopy
+    } = useCodeReviewCopy(diffInfo);
+    const onClick = (e) => {
+      const composedPath = e.composedPath();
+      const isPreventEvent = composedPath.some((item) => {
+        var _a, _b;
+        return ((_a = item.classList) == null ? void 0 : _a.contains("operate-area")) || ((_b = item.classList) == null ? void 0 : _b.contains("icon-copy"));
+      });
+      if (!isPreventEvent) {
+        ctx2.emit("click");
+      }
+    };
+    return () => createVNode("div", {
+      "class": [ns2.e("header"), {
+        [ns2.em("header", "unfold")]: !isFold.value
+      }],
+      "onClick": onClick
+    }, [createVNode("div", {
+      "class": "file-info"
+    }, [createVNode(FoldIcon, {
+      "class": {
+        invert: !isFold.value
+      }
+    }, null), createVNode("span", {
+      "class": "file-name"
+    }, [diffInfo.newName]), createVNode("span", {
+      "class": "diff-lines add-lines"
+    }, [createTextVNode("+"), diffInfo.addedLines]), createVNode("span", {
+      "class": "diff-lines delete-lines"
+    }, [createTextVNode("-"), diffInfo.deletedLines]), createVNode(Popover, {
+      "content": copyTipsText.value,
+      "pop-type": tipsPopType.value,
+      "trigger": "hover",
+      "position": ["right"]
+    }, {
+      default: () => [createVNode(CopyIcon, {
+        "class": "icon-copy",
+        "onClick": onCopy
+      }, null)]
+    })]), rootCtx.slots.headOperate && createVNode("div", {
+      "class": "operate-area"
+    }, [rootCtx.slots.headOperate()])]);
+  }
+});
+function useCodeReview(props, ctx2) {
+  const { diff, fold, outputFormat } = toRefs(props);
   const renderHtml = ref("");
-  onMounted(() => {
-    renderHtml.value = Diff2Html.html(diff.value, {
-      drawFileList: true,
+  const isFold = ref(fold.value);
+  const diffFile = Diff2Html.parse(diff.value);
+  const initDiffContent = () => {
+    renderHtml.value = Diff2Html.html(diffFile, {
+      drawFileList: false,
       matching: "lines",
       outputFormat: outputFormat.value
     });
+  };
+  const toggleFold = (status2) => {
+    if (status2 !== void 0) {
+      isFold.value = status2;
+    } else {
+      isFold.value = !isFold.value;
+    }
+  };
+  watch(fold, (val) => {
+    isFold.value = val;
   });
-  return { renderHtml };
+  watch(isFold, () => {
+    if (!isFold.value && renderHtml.value === "") {
+      initDiffContent();
+    }
+    ctx2.emit("foldChange", isFold.value);
+  });
+  onBeforeMount(() => {
+    if (!isFold.value) {
+      initDiffContent();
+    }
+  });
+  provide(CodeReviewInjectionKey, { diffInfo: diffFile[0], isFold, rootCtx: ctx2 });
+  ctx2.expose({ toggleFold });
+  return { renderHtml, isFold };
 }
-var diff2html_min = "";
 var codeReview = "";
 var CodeReview = defineComponent({
   name: "DCodeReview",
   props: codeReviewProps,
-  setup(props) {
+  emits: ["foldChange"],
+  setup(props, ctx2) {
     const ns2 = useNamespace("code-review");
     const {
-      renderHtml
-    } = useCodeReview(props);
+      renderHtml,
+      isFold
+    } = useCodeReview(props, ctx2);
     return () => createVNode("div", {
-      "class": ns2.b(),
+      "class": ns2.b()
+    }, [createVNode(CodeReviewHeader, {
+      "onClick": () => isFold.value = !isFold.value
+    }, null), createVNode("div", {
+      "class": [ns2.e("content"), {
+        "hide-content": isFold.value
+      }],
       "innerHTML": renderHtml.value
-    }, null);
+    }, null)]);
   }
 });
 var CodeReviewInstall = {
@@ -20402,7 +20673,17 @@ const IconCalendar = () => createVNode("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [createVNode("path", {
-  "d": "M5,0 L5,1 L11,1 L11,0 L12,0 L12,1 L14,1 C15.1045695,         1 16,1.8954305 16,3 L16,14 C16,15.1045695 15.1045695,16 14,         16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,3 C0,         1.8954305 0.8954305,1 2,1 L4,1 L4,0 L5,0 Z M15,5 L1,         5 L1,14 C1,14.5522847 1.44771525,15 2,15 L14,15 C14.5522847,         15 15,14.5522847 15,14 L15,5 Z M6,7 C6.55228475,7 7,7.44771525 7,         8 L7,10 C7,10.5522847 6.55228475,11 6,11 L4,11 C3.44771525,11 3,         10.5522847 3,10 L3,8 C3,7.44771525 3.44771525,7 4,7 L6,7 Z M6,         8 L4,8 L4,10 L6,10 L6,8 Z M4,2 L2,2 C1.44771525,2 1,2.44771525 1,         3 L1,4 L15,4 L15,3 C15,2.44771525 14.5522847,2 14,2 L12,2 L12,         3 L11,3 L11,2 L5,2 L5,3 L4,3 L4,2 Z",
+  "d": `M5,0 L5,1 L11,1 L11,0 L12,0 L12,1 L14,1 C15.1045695,
+        1 16,1.8954305 16,3 L16,14 C16,15.1045695 15.1045695,16 14,
+        16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,3 C0,
+        1.8954305 0.8954305,1 2,1 L4,1 L4,0 L5,0 Z M15,5 L1,
+        5 L1,14 C1,14.5522847 1.44771525,15 2,15 L14,15 C14.5522847,
+        15 15,14.5522847 15,14 L15,5 Z M6,7 C6.55228475,7 7,7.44771525 7,
+        8 L7,10 C7,10.5522847 6.55228475,11 6,11 L4,11 C3.44771525,11 3,
+        10.5522847 3,10 L3,8 C3,7.44771525 3.44771525,7 4,7 L6,7 Z M6,
+        8 L4,8 L4,10 L6,10 L6,8 Z M4,2 L2,2 C1.44771525,2 1,2.44771525 1,
+        3 L1,4 L15,4 L15,3 C15,2.44771525 14.5522847,2 14,2 L12,2 L12,
+        3 L11,3 L11,2 L5,2 L5,3 L4,3 L4,2 Z`,
   "fill": "#BABBC0"
 }, null)])]);
 const IconClose$2 = () => createVNode("svg", {
@@ -20417,7 +20698,22 @@ const IconClose$2 = () => createVNode("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [createVNode("path", {
-  "d": "M8,1 C11.8659932,1 15,4.13400675 15,8 C15,         11.8659932 11.8659932,15 8,15 C4.13400675,15 1,         11.8659932 1,8 C1,4.13400675 4.13400675,1 8,         1 Z M5.87867966,5.17157288 C5.68341751,4.97631073 5.36683502,         4.97631073 5.17157288,5.17157288 C4.99800652,5.34513923 4.97872137,         5.61456363 5.11371742,5.80943177 L5.17157288,5.87867966 L7.29218611,         7.99929289 L5.17157288,10.1213203 C4.97631073,10.3165825 4.97631073,         10.633165 5.17157288,10.8284271 C5.34513923,11.0019935 5.61456363,         11.0212786 5.80943177,10.8862826 L5.87867966,10.8284271 L7.99929289,         8.70639967 L10.1213203,10.8284271 C10.3165825,11.0236893 10.633165,         11.0236893 10.8284271,10.8284271 C11.0019935,10.6548608 11.0212786,         10.3854364 10.8862826,10.1905682 L10.8284271,10.1213203 L8.70710678,         8 L10.8284271,5.87867966 C11.0236893,5.68341751 11.0236893,         5.36683502 10.8284271,5.17157288 C10.6548608,4.99800652 10.3854364,         4.97872137 10.1905682,5.11371742 L10.1213203,5.17157288 L8,         7.29289322 L5.87867966,5.17157288 Z",
+  "d": `M8,1 C11.8659932,1 15,4.13400675 15,8 C15,
+        11.8659932 11.8659932,15 8,15 C4.13400675,15 1,
+        11.8659932 1,8 C1,4.13400675 4.13400675,1 8,
+        1 Z M5.87867966,5.17157288 C5.68341751,4.97631073 5.36683502,
+        4.97631073 5.17157288,5.17157288 C4.99800652,5.34513923 4.97872137,
+        5.61456363 5.11371742,5.80943177 L5.17157288,5.87867966 L7.29218611,
+        7.99929289 L5.17157288,10.1213203 C4.97631073,10.3165825 4.97631073,
+        10.633165 5.17157288,10.8284271 C5.34513923,11.0019935 5.61456363,
+        11.0212786 5.80943177,10.8862826 L5.87867966,10.8284271 L7.99929289,
+        8.70639967 L10.1213203,10.8284271 C10.3165825,11.0236893 10.633165,
+        11.0236893 10.8284271,10.8284271 C11.0019935,10.6548608 11.0212786,
+        10.3854364 10.8862826,10.1905682 L10.8284271,10.1213203 L8.70710678,
+        8 L10.8284271,5.87867966 C11.0236893,5.68341751 11.0236893,
+        5.36683502 10.8284271,5.17157288 C10.6548608,4.99800652 10.3854364,
+        4.97872137 10.1905682,5.11371742 L10.1213203,5.17157288 L8,
+        7.29289322 L5.87867966,5.17157288 Z`,
   "fill-rule": "nonzero"
 }, null)])]);
 var datePickerPro = "";
@@ -21295,6 +21591,378 @@ var DropdownInstall = {
     app.component(DropdownMenu.name, DropdownMenu);
   }
 };
+const devuiChartProps = {
+  option: {
+    type: Object,
+    default: {}
+  }
+};
+const DARK_LINE_COLOR = "#4E5057";
+const DARK_TITLE_COLOR = "#CED1DB";
+const DARK_TEXT_COLOR = "#696C75";
+const DARK_LEGEND_COLOR = "#868A99";
+const DARK_AXIS_COLOR = "#4E5057";
+const LIGHT_LINE_COLOR = "#D7D8DA";
+const LIGHT_TITLE_COLOR = "#252B3A";
+const LIGHT_TEXT_COLOR = "#9B9FA8";
+const LIGHT_LEGEND_COLOR = "#71757F";
+const LIGHT_AXIS_COLOR = "#D7D8DA";
+const DEFAULT_BASIC_COLOR_PALETTE = [
+  "#5C8DFF",
+  "#BC94FF",
+  "#54D2EB",
+  "#A6DD82",
+  "#FCDA6B",
+  "#CA7ED6",
+  "#7298F1",
+  "#73CEA6",
+  "#EDD249",
+  "#CAABFF",
+  "#85CAFF",
+  "#93D99A",
+  "#96ADFA",
+  "#F4AF8F",
+  "#A282E9",
+  "#FFBB6B",
+  "#69DBB9",
+  "#76DBEF",
+  "#B1CE4F",
+  "#5DA4DC"
+];
+function axisCommon(type4) {
+  if (type4 === "dark") {
+    return {
+      axisLine: {
+        lineStyle: {
+          color: DARK_AXIS_COLOR
+        }
+      },
+      axisTick: {
+        lineStyle: {
+          color: DARK_AXIS_COLOR
+        }
+      },
+      axisLabel: {
+        textStyle: {
+          color: DARK_TEXT_COLOR
+        }
+      },
+      splitLine: {
+        lineStyle: {
+          type: [3, 3],
+          color: DARK_LINE_COLOR
+        }
+      }
+    };
+  } else {
+    return {
+      axisLine: {
+        lineStyle: {
+          color: LIGHT_AXIS_COLOR
+        }
+      },
+      axisTick: {
+        lineStyle: {
+          color: LIGHT_AXIS_COLOR
+        }
+      },
+      axisLabel: {
+        textStyle: {
+          color: LIGHT_TEXT_COLOR
+        }
+      },
+      splitLine: {
+        lineStyle: {
+          type: [3, 3],
+          color: LIGHT_LINE_COLOR
+        }
+      }
+    };
+  }
+}
+const DEVUI_ECHART_THEME = {
+  defaultColorPalette: DEFAULT_BASIC_COLOR_PALETTE,
+  defaultDarkTheme: {
+    color: DEFAULT_BASIC_COLOR_PALETTE,
+    tooltip: {
+      axisPointer: {
+        label: {
+          show: false
+        },
+        lineStyle: {
+          color: DARK_LINE_COLOR,
+          width: 2,
+          type: [2, 3]
+        },
+        crossStyle: {
+          color: DARK_LINE_COLOR,
+          width: 2,
+          type: [2, 3]
+        }
+      },
+      backgroundColor: "rgba(36,37,38,0.96)",
+      extraCssText: "border-radius: 8px;box-shadow: 0 1px 4px 0 rgba(37,43,58,0.1)",
+      borderWidth: 0,
+      padding: [8, 8],
+      textStyle: {
+        color: DARK_LEGEND_COLOR,
+        fontSize: 12
+      }
+    },
+    virtualMap: {
+      textStyle: {
+        color: DARK_TEXT_COLOR
+      }
+    },
+    legend: {
+      height: "80%",
+      width: "80%",
+      textStyle: {
+        color: DARK_LEGEND_COLOR
+      }
+    },
+    textStyle: {
+      color: DARK_TEXT_COLOR
+    },
+    title: {
+      textStyle: {
+        color: DARK_TITLE_COLOR
+      }
+    },
+    toolbox: {
+      iconStyle: {
+        borderColor: DARK_LINE_COLOR
+      }
+    },
+    dataZoom: {
+      textStyle: {
+        color: DARK_TEXT_COLOR
+      }
+    },
+    timeline: {
+      lineStyle: {
+        color: DARK_LINE_COLOR
+      },
+      label: {
+        textStyle: {
+          color: DARK_TEXT_COLOR
+        }
+      }
+    },
+    timeAxis: axisCommon("dark"),
+    logAxis: axisCommon("dark"),
+    valueAxis: __spreadProps(__spreadValues({}, axisCommon("dark")), {
+      axisLine: {
+        show: false,
+        lineStyle: {
+          color: DARK_AXIS_COLOR
+        }
+      },
+      axisTick: {
+        show: false
+      }
+    }),
+    categoryAxis: __spreadProps(__spreadValues({}, axisCommon("dark")), {
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: DARK_AXIS_COLOR
+        }
+      },
+      axisTick: {
+        show: false
+      }
+    }),
+    line: {
+      symbol: "circle"
+    },
+    graph: {
+      color: DEFAULT_BASIC_COLOR_PALETTE
+    },
+    geo: {
+      itemStyle: {
+        borderColor: "#fff",
+        areaColor: "#37383A"
+      }
+    }
+  },
+  defaultLightTheme: {
+    color: DEFAULT_BASIC_COLOR_PALETTE,
+    tooltip: {
+      axisPointer: {
+        label: {
+          show: false
+        },
+        lineStyle: {
+          color: LIGHT_LINE_COLOR,
+          width: 2,
+          type: [2, 3]
+        },
+        crossStyle: {
+          color: LIGHT_LINE_COLOR,
+          width: 2,
+          type: [2, 3]
+        }
+      },
+      backgroundColor: "rgba(255,255,255,0.96)",
+      extraCssText: "border-radius: 8px;box-shadow: 0 1px 4px 0 rgba(37,43,58,0.1)",
+      borderWidth: 0,
+      padding: [8, 8],
+      textStyle: {
+        color: LIGHT_LEGEND_COLOR,
+        fontSize: 12
+      }
+    },
+    virtualMap: {
+      textStyle: {
+        color: LIGHT_TEXT_COLOR
+      }
+    },
+    legend: {
+      height: "80%",
+      width: "80%",
+      align: "left",
+      textStyle: {
+        color: LIGHT_LEGEND_COLOR
+      }
+    },
+    textStyle: {
+      color: LIGHT_TEXT_COLOR
+    },
+    title: {
+      textStyle: {
+        color: LIGHT_TITLE_COLOR
+      }
+    },
+    toolbox: {
+      iconStyle: {
+        borderColor: LIGHT_LINE_COLOR
+      }
+    },
+    dataZoom: {
+      textStyle: {
+        color: LIGHT_TEXT_COLOR
+      }
+    },
+    timeline: {
+      lineStyle: {
+        color: LIGHT_LINE_COLOR
+      },
+      label: {
+        textStyle: {
+          color: LIGHT_TEXT_COLOR
+        }
+      }
+    },
+    timeAxis: axisCommon("light"),
+    logAxis: axisCommon("light"),
+    valueAxis: __spreadProps(__spreadValues({}, axisCommon("light")), {
+      axisLine: {
+        show: false,
+        lineStyle: {
+          color: LIGHT_AXIS_COLOR
+        }
+      },
+      axisTick: {
+        show: false
+      }
+    }),
+    categoryAxis: __spreadProps(__spreadValues({}, axisCommon("light")), {
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: LIGHT_AXIS_COLOR
+        }
+      },
+      axisTick: {
+        show: false
+      }
+    }),
+    line: {
+      symbol: "emptyCircle",
+      markPoint: {
+        label: {
+          show: true,
+          color: LIGHT_TEXT_COLOR
+        }
+      }
+    },
+    graph: {
+      color: DEFAULT_BASIC_COLOR_PALETTE
+    },
+    geo: {
+      itemStyle: {
+        borderColor: "#fff",
+        areaColor: "#eaebed"
+      }
+    }
+  }
+};
+var DChart = defineComponent({
+  name: "DChart",
+  props: devuiChartProps,
+  emits: ["chartReady"],
+  setup(props, {
+    emit
+  }) {
+    const {
+      option: option2
+    } = toRefs$1(props);
+    let theme;
+    let themeService;
+    let isDark = false;
+    let echartInstacne;
+    let timer;
+    const chartRef = ref();
+    const themeChange = () => {
+      var _a;
+      isDark = !!((_a = themeService == null ? void 0 : themeService.currentTheme) == null ? void 0 : _a.isDark);
+      theme = isDark ? DEVUI_ECHART_THEME.defaultDarkTheme : DEVUI_ECHART_THEME.defaultLightTheme;
+      echartInstacne.dispose();
+      echartInstacne = echarts.init(chartRef.value, theme);
+      echartInstacne.setOption(option2.value, true);
+      console.log(option2.value);
+      emit("chartReady", echartInstacne);
+    };
+    const onresize = () => {
+      clearTimeout(timer);
+      timer = setTimeout(() => {
+        echartInstacne.resize();
+      }, 100);
+    };
+    onMounted(() => {
+      var _a;
+      themeService = window["devuiThemeService"];
+      isDark = !!((_a = themeService == null ? void 0 : themeService.currentTheme) == null ? void 0 : _a.isDark);
+      theme = isDark ? DEVUI_ECHART_THEME.defaultDarkTheme : DEVUI_ECHART_THEME.defaultLightTheme;
+      echartInstacne = echarts.init(chartRef.value, theme);
+      if (themeService) {
+        themeService.eventBus.add("themeChanged", themeChange);
+      }
+      echartInstacne.setOption(option2.value, true);
+      emit("chartReady", echartInstacne);
+      window.addEventListener("resize", onresize);
+    });
+    onUnmounted(() => {
+      echartInstacne == null ? void 0 : echartInstacne.dispatchAction({
+        type: "hideTip"
+      });
+      themeService.eventBus.remove("themeChanged", themeChange);
+    });
+    return () => createVNode("div", {
+      "ref": chartRef,
+      "class": "devui-charts"
+    }, null);
+  }
+});
+var EchartsInstall = {
+  title: "Echarts \u56FE\u8868",
+  category: "\u6F14\u8FDB\u4E2D",
+  status: "100%",
+  install(app) {
+    app.component(DChart.name, DChart);
+  }
+};
 const editableSelectProps = {
   modelValue: {
     type: [String, Number]
@@ -24714,7 +25382,7 @@ function useEditorMdRender(props, ctx2) {
       clearTimeout(timer);
     }
     timer = setTimeout(() => {
-      if (!content2.value) {
+      if (content2.value === void 0) {
         return;
       }
       let html = renderService.generateHTML(content2.value);
@@ -25962,7 +26630,7 @@ var imagePreview = defineComponent({
       }, [createVNode("polygon", {
         "fill": "#293040",
         "fill-rule": "nonzero",
-        "points": "8 6.58578644 12.2426407 2.34314575 13.6568542 3.75735931 9.41421356 8                     13.6568542 12.2426407 12.2426407 13.6568542 8 9.41421356 3.75735931 13.6568542                      2.34314575 12.2426407 6.58578644 8 2.34314575 3.75735931 3.75735931 2.34314575"
+        "points": "8 6.58578644 12.2426407 2.34314575 13.6568542 3.75735931 9.41421356 8 13.6568542 12.2426407 12.2426407 13.6568542 8 9.41421356 3.75735931 13.6568542 2.34314575 12.2426407 6.58578644 8 2.34314575 3.75735931 3.75735931 2.34314575"
       }, null)])])]), createVNode("button", {
         "class": ns2.e("arrow-left"),
         "onClick": onPrev
@@ -25979,7 +26647,7 @@ var imagePreview = defineComponent({
       }, [createVNode("polygon", {
         "fill": "#293040",
         "fill-rule": "nonzero",
-        "points": "10.7071068 12.2928932 9.29289322 13.7071068 3.58578644 8 9.29289322                     2.29289322 10.7071068 3.70710678 6.41421356 8"
+        "points": "10.7071068 12.2928932 9.29289322 13.7071068 3.58578644 8 9.29289322 2.29289322 10.7071068 3.70710678 6.41421356 8"
       }, null)])])]), createVNode("button", {
         "class": ns2.e("arrow-right"),
         "onClick": onNext
@@ -25997,7 +26665,7 @@ var imagePreview = defineComponent({
         "fill": "#293040",
         "fill-rule": "nonzero",
         "transform": "translate(8.146447, 8.000000) scale(-1, 1) translate(-8.146447, -8.000000) ",
-        "points": "11.7071068 12.2928932 10.2928932 13.7071068 4.58578644 8 10.2928932 2.29289322                     11.7071068 3.70710678 7.41421356 8"
+        "points": "11.7071068 12.2928932 10.2928932 13.7071068 4.58578644 8 10.2928932 2.29289322 11.7071068 3.70710678 7.41421356 8"
       }, null)])])]), createVNode("div", {
         "class": ns2.e("toolbar")
       }, [createVNode("button", {
@@ -26015,7 +26683,13 @@ var imagePreview = defineComponent({
         "fill": "#293040",
         "fill-rule": "nonzero"
       }, [createVNode("path", {
-        "d": "M6,6 L6,4 L8,4 L8,6 L10,6 L10,8 L8,8 L8,10 L6,10 L6,8 L4,8 L4,6 L6,6 Z                       M12.6063847,11.1921711 L15.6568542,14.2426407 L14.2426407,15.6568542 L11.1921711,12.6063847                       C10.0235906,13.4815965 8.5723351,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675                        3.13400675,0 7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.5723351 13.4815965,10.0235906                         12.6063847,11.1921711 L12.6063847,11.1921711 Z M7,12 C9.76142375,12 12,9.76142375                          12,7 C12,4.23857625 9.76142375,2 7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375                           4.23857625,12 7,12 Z"
+        "d": `M6,6 L6,4 L8,4 L8,6 L10,6 L10,8 L8,8 L8,10 L6,10 L6,8 L4,8 L4,6 L6,6 Z
+                        M12.6063847,11.1921711 L15.6568542,14.2426407 L14.2426407,15.6568542 L11.1921711,12.6063847
+                         C10.0235906,13.4815965 8.5723351,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675
+                          3.13400675,0 7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.5723351 13.4815965,10.0235906
+                           12.6063847,11.1921711 L12.6063847,11.1921711 Z M7,12 C9.76142375,12 12,9.76142375
+                            12,7 C12,4.23857625 9.76142375,2 7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375
+                             4.23857625,12 7,12 Z`
       }, null)])])])]), createVNode("button", {
         "onClick": onZoomOut
       }, [createVNode("svg", {
@@ -26031,7 +26705,12 @@ var imagePreview = defineComponent({
         "fill": "#293040",
         "fill-rule": "nonzero"
       }, [createVNode("path", {
-        "d": "M12.6063847,11.1921711 L15.6568542,14.2426407 L14.2426407,15.6568542                       L11.1921711,12.6063847 C10.0235906,13.4815965 8.5723351,14 7,14 C3.13400675,14 0,10.8659932                        0,7 C0,3.13400675 3.13400675,0 7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.5723351                         13.4815965,10.0235906 12.6063847,11.1921711 L12.6063847,11.1921711 Z M7,12 C9.76142375,12                          12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375                           4.23857625,12 7,12 Z M4,6 L10,6 L10,8 L4,8 L4,6 Z"
+        "d": `M12.6063847,11.1921711 L15.6568542,14.2426407 L14.2426407,15.6568542
+                        L11.1921711,12.6063847 C10.0235906,13.4815965 8.5723351,14 7,14 C3.13400675,14 0,10.8659932
+                         0,7 C0,3.13400675 3.13400675,0 7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.5723351
+                          13.4815965,10.0235906 12.6063847,11.1921711 L12.6063847,11.1921711 Z M7,12 C9.76142375,12
+                           12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375
+                            4.23857625,12 7,12 Z M4,6 L10,6 L10,8 L4,8 L4,6 Z`
       }, null)])])])]), createVNode("button", {
         "onClick": onRotate
       }, [createVNode("svg", {
@@ -26045,7 +26724,16 @@ var imagePreview = defineComponent({
         "fill": "none",
         "fill-rule": "evenodd"
       }, [createVNode("path", {
-        "d": "M7.5,3.02242151 L7.5,4 L4.5,2 L7.5,0 L7.5,1.01640228 C7.66526181,1.00552468                       7.83198572,1 8,1 C12.1421356,1 15.5,4.35786438 15.5,8.5 C15.5,12.6421356                        12.1421356,16 8,16 C3.85786438,16 0.5,12.6421356 0.5,8.5 C0.5,6.9828355                         0.950484514,5.5708873 1.72499011,4.39061882 L3.42173231,5.4510827 C2.83944149,6.32371289                          2.5,7.37221604 2.5,8.5 C2.5,11.5375661 4.96243388,14 8,14 C11.0375661,14 13.5,11.5375661                           13.5,8.5 C13.5,5.46243388 11.0375661,3 8,3 C7.83145515,3 7.66468102,3.00758131 7.5,3.02242151                            Z M8,11 C6.61928813,11 5.5,9.88071187 5.5,8.5 C5.5,7.11928813 6.61928813,6 8,6 C9.38071187,6                             10.5,7.11928813 10.5,8.5 C10.5,9.88071187 9.38071187,11 8,11 Z M8,10 C8.82842712,10 9.5,9.32842712                              9.5,8.5 C9.5,7.67157288 8.82842712,7 8,7 C7.17157288,7 6.5,7.67157288 6.5,8.5 C6.5,9.32842712                               7.17157288,10 8,10 Z",
+        "d": `M7.5,3.02242151 L7.5,4 L4.5,2 L7.5,0 L7.5,1.01640228 C7.66526181,1.00552468
+                      7.83198572,1 8,1 C12.1421356,1 15.5,4.35786438 15.5,8.5 C15.5,12.6421356
+                       12.1421356,16 8,16 C3.85786438,16 0.5,12.6421356 0.5,8.5 C0.5,6.9828355
+                        0.950484514,5.5708873 1.72499011,4.39061882 L3.42173231,5.4510827 C2.83944149,6.32371289
+                         2.5,7.37221604 2.5,8.5 C2.5,11.5375661 4.96243388,14 8,14 C11.0375661,14 13.5,11.5375661
+                          13.5,8.5 C13.5,5.46243388 11.0375661,3 8,3 C7.83145515,3 7.66468102,3.00758131 7.5,3.02242151
+                           Z M8,11 C6.61928813,11 5.5,9.88071187 5.5,8.5 C5.5,7.11928813 6.61928813,6 8,6 C9.38071187,6
+                            10.5,7.11928813 10.5,8.5 C10.5,9.88071187 9.38071187,11 8,11 Z M8,10 C8.82842712,10 9.5,9.32842712
+                             9.5,8.5 C9.5,7.67157288 8.82842712,7 8,7 C7.17157288,7 6.5,7.67157288 6.5,8.5 C6.5,9.32842712
+                              7.17157288,10 8,10 Z`,
         "fill": "#293040"
       }, null)])])]), createVNode("button", {
         "onClick": onPrev
@@ -26062,7 +26750,7 @@ var imagePreview = defineComponent({
       }, [createVNode("polygon", {
         "fill": "#293040",
         "fill-rule": "nonzero",
-        "points": "10.7071068 12.2928932 9.29289322 13.7071068 3.58578644 8 9.29289322 2.29289322                       10.7071068 3.70710678 6.41421356 8"
+        "points": "10.7071068 12.2928932 9.29289322 13.7071068 3.58578644 8 9.29289322 2.29289322 10.7071068 3.70710678 6.41421356 8"
       }, null)])])]), createVNode("span", {
         "class": ns2.e("index")
       }, [index2.value + 1, createTextVNode(":"), props.previewUrlList.length]), createVNode("button", {
@@ -26081,7 +26769,7 @@ var imagePreview = defineComponent({
         "fill": "#293040",
         "fill-rule": "nonzero",
         "transform": "translate(8.146447, 8.000000) scale(-1, 1) translate(-8.146447, -8.000000) ",
-        "points": "11.7071068 12.2928932 10.2928932 13.7071068 4.58578644 8 10.2928932 2.29289322                       11.7071068 3.70710678 7.41421356 8"
+        "points": "11.7071068 12.2928932 10.2928932 13.7071068 4.58578644 8 10.2928932 2.29289322 11.7071068 3.70710678 7.41421356 8"
       }, null)])])]), createVNode("button", {
         "onClick": onZoomBest
       }, [createVNode("svg", {
@@ -26094,7 +26782,12 @@ var imagePreview = defineComponent({
         "fill": "none",
         "fill-rule": "evenodd"
       }, [createVNode("path", {
-        "d": "M16,16 L11.429,16 L11.429,15 L14.456,15 L11.006,11.226 L11.652,10.519 L15.086,14.275                       L15.086,11 L16,11 L16,16 Z M15.164,1.544 L12.009,4.994 L11.418,4.348 L14.558,0.914                        L11.82,0.914 L11.82,0 L16,0 L16,4.571 L15.164,4.571 L15.164,1.544 Z M5,15 L5,16                         L0,16 L0,11 L1,11 L1,14.275 L4.756,10.519 L5.463,11.226 L1.689,15 L5,15 Z M4.365,4.994                          L0.914,1.544 L0.914,4.571 L3.41060513e-13,4.571 L3.41060513e-13,0 L4.571,0 L4.571,0.914                           L1.578,0.914 L5.011,4.348 L4.365,4.994 Z",
+        "d": `M16,16 L11.429,16 L11.429,15 L14.456,15 L11.006,11.226 L11.652,10.519 L15.086,14.275
+                      L15.086,11 L16,11 L16,16 Z M15.164,1.544 L12.009,4.994 L11.418,4.348 L14.558,0.914
+                       L11.82,0.914 L11.82,0 L16,0 L16,4.571 L15.164,4.571 L15.164,1.544 Z M5,15 L5,16
+                        L0,16 L0,11 L1,11 L1,14.275 L4.756,10.519 L5.463,11.226 L1.689,15 L5,15 Z M4.365,4.994
+                         L0.914,1.544 L0.914,4.571 L3.41060513e-13,4.571 L3.41060513e-13,0 L4.571,0 L4.571,0.914
+                          L1.578,0.914 L5.011,4.348 L4.365,4.994 Z`,
         "fill": "#293040",
         "fill-rule": "nonzero"
       }, null)])])]), createVNode("button", {
@@ -26346,7 +27039,10 @@ function IncIcon() {
     "fill": "none",
     "fill-rule": "evenodd"
   }, [createVNode("path", {
-    "d": "M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088 7.84170876,10.8417088 7.64644661,10.6464466           L3.85355339,6.85355339 C3.65829124,6.65829124 3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842           4.07449854,6 4.20710678,6 L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824           12.2402148,6.7597852 12.1464466,6.85355339 Z",
+    "d": `M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088 7.84170876,10.8417088 7.64644661,10.6464466
+          L3.85355339,6.85355339 C3.65829124,6.65829124 3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842
+          4.07449854,6 4.20710678,6 L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824
+          12.2402148,6.7597852 12.1464466,6.85355339 Z`,
     "fill-rule": "nonzero"
   }, null)])]);
 }
@@ -26364,7 +27060,10 @@ function DecIcon() {
     "fill": "none",
     "fill-rule": "evenodd"
   }, [createVNode("path", {
-    "d": "M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088 7.84170876,10.8417088 7.64644661,10.6464466           L3.85355339,6.85355339 C3.65829124,6.65829124 3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842           4.07449854,6 4.20710678,6 L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824           12.2402148,6.7597852 12.1464466,6.85355339 Z",
+    "d": `M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088 7.84170876,10.8417088 7.64644661,10.6464466
+          L3.85355339,6.85355339 C3.65829124,6.65829124 3.65829124,6.34170876 3.85355339,6.14644661 C3.94732158,6.05267842
+          4.07449854,6 4.20710678,6 L11.7928932,6 C12.0690356,6 12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824
+          12.2402148,6.7597852 12.1464466,6.85355339 Z`,
     "fill-rule": "nonzero"
   }, null)])]);
 }
@@ -28947,7 +29646,7 @@ function SuccessIcon() {
     "xmlns": "http://www.w3.org/2000/svg"
   }, XLINK), [createVNode("defs", null, [createVNode("polygon", {
     "id": "path-s",
-    "points": "6.53553391 9.77817459 12.1923882 4.12132034 13.6066017 5.53553391            6.53553391 12.6066017 3 9.07106781 4.41421356 7.65685425 6.53553391 9.77817459"
+    "points": "6.53553391 9.77817459 12.1923882 4.12132034 13.6066017 5.53553391 6.53553391 12.6066017 3 9.07106781 4.41421356 7.65685425 6.53553391 9.77817459"
   }, null)]), createVNode("g", {
     "id": "correct",
     "stroke": "none",
@@ -28976,12 +29675,17 @@ function WarningIcon() {
     "fill-rule": "evenodd"
   }, [createVNode("path", {
     "class": ns$4.e("warning-outer"),
-    "d": "M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117            15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,           15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873            0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,           0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,           0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"
+    "d": `M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117
+          15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,
+          15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873
+          0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,
+          0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,
+          0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z`
   }, null), createVNode("path", {
     "class": ns$4.e("warning-inner"),
     "stroke-width": "0.3",
     "fill-rule": "nonzero",
-    "d": "M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105            L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"
+    "d": "M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"
   }, null)])]);
 }
 function InfoIcon() {
@@ -29012,7 +29716,9 @@ function ErrorIcon() {
     "xmlns": "http://www.w3.org/2000/svg"
   }, XLINK), [createVNode("defs", null, [createVNode("polygon", {
     "id": "path-e",
-    "points": "8.07106781 6.65685425 10.8994949 3.82842712 12.3137085 5.24264069 9.48528137 8.07106781 12.3137085            10.8994949 10.8994949 12.3137085 8.07106781 9.48528137 5.24264069 12.3137085 3.82842712 10.8994949 6.65685425            8.07106781 3.82842712 5.24264069 5.24264069 3.82842712"
+    "points": `8.07106781 6.65685425 10.8994949 3.82842712 12.3137085 5.24264069 9.48528137 8.07106781 12.3137085
+          10.8994949 10.8994949 12.3137085 8.07106781 9.48528137 5.24264069 12.3137085 3.82842712 10.8994949 6.65685425
+          8.07106781 3.82842712 5.24264069 5.24264069 3.82842712`
   }, null)]), createVNode("g", {
     "id": "error",
     "stroke": "none",
@@ -29735,7 +30441,10 @@ const SelectArrowIcon = () => createVNode("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [createVNode("path", {
-  "d": "M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088 7.84170876,10.8417088         7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124 3.65829124,6.34170876         3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6 L11.7928932,6 C12.0690356,6         12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824 12.2402148,6.7597852 12.1464466,6.85355339 Z",
+  "d": `M12.1464466,6.85355339 L8.35355339,10.6464466 C8.15829124,10.8417088 7.84170876,10.8417088
+        7.64644661,10.6464466 L3.85355339,6.85355339 C3.65829124,6.65829124 3.65829124,6.34170876
+        3.85355339,6.14644661 C3.94732158,6.05267842 4.07449854,6 4.20710678,6 L11.7928932,6 C12.0690356,6
+        12.2928932,6.22385763 12.2928932,6.5 C12.2928932,6.63260824 12.2402148,6.7597852 12.1464466,6.85355339 Z`,
   "fill-rule": "nonzero"
 }, null)])]);
 const tagProps = {
@@ -30559,7 +31268,7 @@ function PreLinkIcon() {
   }, [createVNode("polygon", {
     "fill": "#293040",
     "fill-rule": "nonzero",
-    "points": "10.7071068 12.2928932 9.29289322 13.7071068           3.58578644 8 9.29289322 2.29289322 10.7071068 3.70710678 6.41421356 8"
+    "points": "10.7071068 12.2928932 9.29289322 13.7071068 3.58578644 8 9.29289322 2.29289322 10.7071068 3.70710678 6.41421356 8"
   }, null)])]);
 }
 function NextLinkIcon() {
@@ -30578,7 +31287,7 @@ function NextLinkIcon() {
     "fill": "#293040",
     "fill-rule": "nonzero",
     "transform": "translate(8.146447, 8.000000) scale(-1, 1) translate(-8.146447, -8.000000) ",
-    "points": "11.7071068 12.2928932 10.2928932 13.7071068           4.58578644 8 10.2928932 2.29289322 11.7071068 3.70710678 7.41421356 8"
+    "points": "11.7071068 12.2928932 10.2928932 13.7071068 4.58578644 8 10.2928932 2.29289322 11.7071068 3.70710678 7.41421356 8"
   }, null)])]);
 }
 const pageNumBtnProps = {
@@ -32111,7 +32820,7 @@ var Rate = defineComponent({
       "fill": "#E3E5E9",
       "id": "Mask"
     }, [createVNode("polygon", {
-      "points": "8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835                       1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977                       12.1847656 9.71994835 12.3262379 14.3147912"
+      "points": "8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"
     }, null)])])])]), icon2 && !character && createVNode("span", {
       "class": [ns2.e("color-active"), ns2.e("active-star"), ns2.em("color", type4)],
       "style": {
@@ -32146,7 +32855,7 @@ var Rate = defineComponent({
     }, [createVNode("g", {
       "id": "Mask"
     }, [createVNode("polygon", {
-      "points": "8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1                       6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977                       12.1847656 9.71994835 12.3262379 14.3147912"
+      "points": "8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"
     }, null)])])])])]))]);
   }
 });
@@ -32743,7 +33452,9 @@ const SearchCloseIcon = () => createVNode("svg", {
   "width": "12px",
   "height": "12px"
 }, [createVNode("path", {
-  "d": "M940.8 207.530667L818.602667 85.333333l-305.493334 305.493334L207.616 85.333333       85.333333 207.530667l305.493334 305.493333L85.333333 818.517333l122.282667 122.282667       305.493333-305.493333 305.493334 305.493333 122.197333-122.282667-305.493333-305.493333z",
+  "d": `M940.8 207.530667L818.602667 85.333333l-305.493334 305.493334L207.616 85.333333
+      85.333333 207.530667l305.493334 305.493333L85.333333 818.517333l122.282667 122.282667
+      305.493333-305.493333 305.493334 305.493333 122.197333-122.282667-305.493333-305.493333z`,
   "p-id": "30810"
 }, null)]);
 const SearchIcon = () => createVNode("svg", {
@@ -32752,7 +33463,7 @@ const SearchIcon = () => createVNode("svg", {
   "width": "12px",
   "height": "12px"
 }, [createVNode("path", {
-  "d": "M1005.312 914.752l-198.528-198.464A448 448 0 1 0 0 448a448 448 0 0 0 716.288       358.784l198.4 198.4a64 64 0 1 0 90.624-90.432zM448 767.936A320 320 0 1 1 448 128a320 320 0 0 1 0 640z",
+  "d": "M1005.312 914.752l-198.528-198.464A448 448 0 1 0 0 448a448 448 0 0 0 716.288 358.784l198.4 198.4a64 64 0 1 0 90.624-90.432zM448 767.936A320 320 0 1 1 448 128a320 320 0 0 1 0 640z",
   "fill": "#262626",
   "p-id": "32547"
 }, null)]);
@@ -32892,7 +33603,23 @@ function ImageIcon() {
     "width": "24",
     "height": "24"
   }, null), createVNode("path", {
-    "d": "M17.9783341,3.022 C19.5705758,3.022 20.8816065,4.27616494 20.9732206,5.84628917 L20.9783341,6.022 L20.9783341,15.4777069           L20.9783775,15.4946187 C20.9778434,15.509964 20.9768409,15.525296 20.9753698,15.5405914 L20.9783341,15.4777069           C20.9783341,15.8919205 20.6425477,16.2277069 20.2283341,16.2277069 C19.9841207,16.2277069 19.7671693,16.1109847           19.630224,15.9302845 L16.3835041,12.6846982 C15.9279377,12.2291319 15.2084078,12.1987608 14.7176463,12.593585           L14.6161642,12.6846982 L9.05907272,18.2417898 C8.76083183,18.5400306 8.28304152,18.5577535 7.96352506,18.2824274           C7.67269311,18.0318186 7.64008582,17.5928941 7.89069464,17.3020621 L7.9253008,17.2647549 L7.9253008,17.2647549           L13.5555041,11.6240381 C14.5846517,10.5948904 16.2263561,10.5520093 17.3065502,11.4953946 L17.4441642,11.6240381           L19.4783341,13.658 L19.4783341,6.022 C19.4783341,5.24761276 18.8784495,4.6021759 18.1219124,4.52892169 L17.9783341,4.522           L6.02133414,4.522 C5.24694691,4.522 4.60151004,5.12188468 4.52825583,5.87842174 L4.52133414,6.022 L4.52133414,17.978           C4.52133414,18.7529555 5.12086774,19.397891 5.87769393,19.4710842 L6.02133414,19.478 L17.9783341,19.478 C18.7530944,19.478           19.3982021,18.8786501 19.4714163,18.1216726 L19.4783341,17.978 C19.4783341,17.5637864 19.8141206,17.208 20.2283341,17.228           C20.6425477,17.228 20.9783341,17.5637864 20.9783341,17.978 C20.9783341,19.5709231 19.724442,20.881321 18.1540742,20.9728891           L17.9783341,20.978 L6.02133414,20.978 C4.42880954,20.978 3.11804157,19.7244922 3.02644657,18.1537812 L3.02133414,17.978           L3.02133414,6.022 C3.02133414,4.42975835 4.27549908,3.11872764 5.84562331,3.02711351 L6.02133414,3.022 L17.9783341,3.022 Z           M8.99983414,7.7505 C9.6900477,7.7505 10.2498341,8.31028644 10.2498341,9.0005 C10.2498341,9.69071356 9.6900477,10.2505           8.99983414,10.3505 C8.30962058,10.2505 7.74983414,9.69071356 7.74983414,9.0005 C7.74983414,8.31028644 8.30962058,7.7505           8.99983414,7.7505 Z",
+    "d": `M17.9783341,3.022 C19.5705758,3.022 20.8816065,4.27616494 20.9732206,5.84628917 L20.9783341,6.022 L20.9783341,15.4777069
+            L20.9783775,15.4946187 C20.9778434,15.509964 20.9768409,15.525296 20.9753698,15.5405914 L20.9783341,15.4777069
+            C20.9783341,15.8919205 20.6425477,16.2277069 20.2283341,16.2277069 C19.9841207,16.2277069 19.7671693,16.1109847
+            19.630224,15.9302845 L16.3835041,12.6846982 C15.9279377,12.2291319 15.2084078,12.1987608 14.7176463,12.593585
+            L14.6161642,12.6846982 L9.05907272,18.2417898 C8.76083183,18.5400306 8.28304152,18.5577535 7.96352506,18.2824274
+            C7.67269311,18.0318186 7.64008582,17.5928941 7.89069464,17.3020621 L7.9253008,17.2647549 L7.9253008,17.2647549
+            L13.5555041,11.6240381 C14.5846517,10.5948904 16.2263561,10.5520093 17.3065502,11.4953946 L17.4441642,11.6240381
+            L19.4783341,13.658 L19.4783341,6.022 C19.4783341,5.24761276 18.8784495,4.6021759 18.1219124,4.52892169 L17.9783341,4.522
+            L6.02133414,4.522 C5.24694691,4.522 4.60151004,5.12188468 4.52825583,5.87842174 L4.52133414,6.022 L4.52133414,17.978
+            C4.52133414,18.7529555 5.12086774,19.397891 5.87769393,19.4710842 L6.02133414,19.478 L17.9783341,19.478 C18.7530944,19.478
+            19.3982021,18.8786501 19.4714163,18.1216726 L19.4783341,17.978 C19.4783341,17.5637864 19.8141206,17.208 20.2283341,17.228
+            C20.6425477,17.228 20.9783341,17.5637864 20.9783341,17.978 C20.9783341,19.5709231 19.724442,20.881321 18.1540742,20.9728891
+            L17.9783341,20.978 L6.02133414,20.978 C4.42880954,20.978 3.11804157,19.7244922 3.02644657,18.1537812 L3.02133414,17.978
+            L3.02133414,6.022 C3.02133414,4.42975835 4.27549908,3.11872764 5.84562331,3.02711351 L6.02133414,3.022 L17.9783341,3.022 Z
+            M8.99983414,7.7505 C9.6900477,7.7505 10.2498341,8.31028644 10.2498341,9.0005 C10.2498341,9.69071356 9.6900477,10.2505
+            8.99983414,10.3505 C8.30962058,10.2505 7.74983414,9.69071356 7.74983414,9.0005 C7.74983414,8.31028644 8.30962058,7.7505
+            8.99983414,7.7505 Z`,
     "fill": "#bfbfbf"
   }, null)])])]);
 }
@@ -41416,6 +42143,7 @@ const installs = [
   DragdropInstall,
   DrawerInstall,
   DropdownInstall,
+  EchartsInstall,
   EditableSelectInstall,
   EditorMdInstall,
   FormInstall,
@@ -41475,9 +42203,9 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.5.5",
+  version: "1.5.7",
   install(app) {
     installs.forEach((p) => app.use(p));
   }
 };
-export { Accordion, ActionTimeline, Alert, Anchor, Aside, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, BreadcrumbItem, DButton as Button, ButtonGroup, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxButton, DCheckboxGroup as CheckboxGroup, CodeEditor, CodeReview, Col, Collapse, CollapseItem, ColorPicker, Column, Comment, Content, Countdown, DRangeDatePickerPro, DatePicker, DatePickerPro, DraggableDirective, Drawer, DrawerService, Dropdown$1 as Dropdown, DropdownMenu, DroppableDirective, EditableSelect, EditorMd, FixedOverlay, FlexibleOverlay, Footer, Form, FormItem, FormOperation, Fullscreen, Gantt, Header, DIcon as Icon, IconGroup, ImagePreviewDirective, ImagePreviewService, DInput as Input, InputIcon, InputNumber, Layout, List, ListItem, LoadingDirective, loading as LoadingService, MdRender, Mention, Menu, MenuItem, Message, Modal, ModalBody, ModalFooter, ModalHeader, MultiAutoComplete, NavSprite, Notification, NotificationService, Option, OptionGroup, Pagination, Panel, PanelBody, PanelFooter, PanelHeader, Popover, Progress, QuadrantDiagram, Radio, RadioButton, RadioGroup, Rate, ReadTip, Result, RippleDirective, Row, DSearch as Search, Select, Skeleton, SkeletonItem, Slider, SortableDirective, Splitter, SplitterPane, Statistic, Status, Step, Steps, StepsGuide, StepsGuideDirective, StickSlider, Sticky, SubMenu, Switch, Tab, Table, Tabs, Tag, TagInput, Textarea, TimePicker, TimeSelect, Timeline, TimelineItem, Tooltip, Transfer, Tree, TreeSelect, Upload, VirtualList, vueDevui as default, fileDropDirective };
+export { Accordion, ActionTimeline, Alert, Anchor, Aside, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, BreadcrumbItem, DButton as Button, ButtonGroup, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxButton, DCheckboxGroup as CheckboxGroup, CodeEditor, CodeReview, Col, Collapse, CollapseItem, ColorPicker, Column, Comment, Content, Countdown, DChart, DRangeDatePickerPro, DatePicker, DatePickerPro, DraggableDirective, Drawer, DrawerService, Dropdown$1 as Dropdown, DropdownMenu, DroppableDirective, EditableSelect, EditorMd, FixedOverlay, FlexibleOverlay, Footer, Form, FormItem, FormOperation, Fullscreen, Gantt, Header, DIcon as Icon, IconGroup, ImagePreviewDirective, ImagePreviewService, DInput as Input, InputIcon, InputNumber, Layout, List, ListItem, LoadingDirective, loading as LoadingService, MdRender, Mention, Menu, MenuItem, Message, Modal, ModalBody, ModalFooter, ModalHeader, MultiAutoComplete, NavSprite, Notification, NotificationService, Option, OptionGroup, Pagination, Panel, PanelBody, PanelFooter, PanelHeader, Popover, Progress, QuadrantDiagram, Radio, RadioButton, RadioGroup, Rate, ReadTip, Result, RippleDirective, Row, DSearch as Search, Select, Skeleton, SkeletonItem, Slider, SortableDirective, Splitter, SplitterPane, Statistic, Status, Step, Steps, StepsGuide, StepsGuideDirective, StickSlider, Sticky, SubMenu, Switch, Tab, Table, Tabs, Tag, TagInput, Textarea, TimePicker, TimeSelect, Timeline, TimelineItem, Tooltip, Transfer, Tree, TreeSelect, Upload, VirtualList, vueDevui as default, fileDropDirective };