@web-utils/component 1.2.6 → 1.2.8

package/dist/index.es.js

@@ -28,12 +28,6 @@ import { CanvasRenderer } from "echarts/renderers";
 import { addListener, removeListener } from "resize-detector";
 import Emitter from "element-ui/src/mixins/emitter";
 import { generateId } from "element-ui/src/utils/util";
-import SvPanel from "element-ui/packages/color-picker/src/components/sv-panel";
-import HueSlider from "element-ui/packages/color-picker/src/components/hue-slider";
-import AlphaSlider from "element-ui/packages/color-picker/src/components/alpha-slider";
-import Predefine from "element-ui/packages/color-picker/src/components/predefine";
-import Popper from "element-ui/src/utils/vue-popper";
-import Locale from "element-ui/src/mixins/locale";
 import { dialogDrag } from "@web-utils/core/dist/directives/index";
 import Focus from "element-ui/src/mixins/focus";
 import RepeatClick from "element-ui/src/directives/repeat-click";
@@ -53,10 +47,10 @@ import "tinymce/plugins/image";
 import "tinymce/plugins/fullscreen";
 import "tinymce/plugins/preview";
 import "tinymce/plugins/imagetools";
-var render$19 = function() {
+var render$18 = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
-    staticClass: "address-input-wrapper flex-box"
+    staticClass: "address-input-wrapper flex-row"
   }, [s("div", {
     staticClass: "address-input-item-wrapper"
   }, [s("ElCascader", {
@@ -76,7 +70,7 @@ var render$19 = function() {
       expression: "internalVal.address"
     }
   })], 1), s("div", {
-    staticClass: "address-input-item-wrapper flex-1"
+    staticClass: "address-input-item-wrapper flex-item"
   }, [s("ElInput", {
     attrs: {
       placeholder: "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740\uFF01",
@@ -90,7 +84,7 @@ var render$19 = function() {
       expression: "internalVal.detailAddress"
     }
   })], 1)]);
-}, staticRenderFns$19 = [];
+}, staticRenderFns$18 = [];
 const AddressInput_vue_vue_type_style_index_0_lang = "";
 function normalizeComponent(e, t, s, n, r, i, o, a) {
   var l = typeof e == "function" ? e.options : e;
@@ -119,7 +113,7 @@ function normalizeComponent(e, t, s, n, r, i, o, a) {
     options: l
   };
 }
-const __vue2_script$1o = {
+const __vue2_script$1n = {
   name: "AddressInput",
   inject: {
     elForm: {
@@ -172,25 +166,25 @@ const __vue2_script$1o = {
       }
     }
   }
-}, __cssModules$1o = {};
-var __component__$1o = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1o,
-  render$19,
-  staticRenderFns$19,
+}, __cssModules$1n = {};
+var __component__$1n = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1n,
+  render$18,
+  staticRenderFns$18,
   !1,
-  __vue2_injectStyles$1o,
+  __vue2_injectStyles$1n,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1o(e) {
-  for (let t in __cssModules$1o)
-    this[t] = __cssModules$1o[t];
+function __vue2_injectStyles$1n(e) {
+  for (let t in __cssModules$1n)
+    this[t] = __cssModules$1n[t];
 }
 const AddressInput = /* @__PURE__ */ function() {
-  return __component__$1o.exports;
+  return __component__$1n.exports;
 }();
-var render$18 = function() {
+var render$17 = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     staticStyle: {
@@ -217,8 +211,8 @@ var render$18 = function() {
       item: n
     })], 2);
   }), 0);
-}, staticRenderFns$18 = [];
-const AsideMenu_vue_vue_type_style_index_0_lang = "", __vue2_script$1n = {
+}, staticRenderFns$17 = [];
+const AsideMenu_vue_vue_type_style_index_0_lang = "", __vue2_script$1m = {
   name: "AsideMenu",
   props: {
     menu: {
@@ -226,23 +220,23 @@ const AsideMenu_vue_vue_type_style_index_0_lang = "", __vue2_script$1n = {
       default: () => []
     }
   }
-}, __cssModules$1n = {};
-var __component__$1n = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1n,
-  render$18,
-  staticRenderFns$18,
+}, __cssModules$1m = {};
+var __component__$1m = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1m,
+  render$17,
+  staticRenderFns$17,
   !1,
-  __vue2_injectStyles$1n,
+  __vue2_injectStyles$1m,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1n(e) {
-  for (let t in __cssModules$1n)
-    this[t] = __cssModules$1n[t];
+function __vue2_injectStyles$1m(e) {
+  for (let t in __cssModules$1m)
+    this[t] = __cssModules$1m[t];
 }
 const AsideMenu = /* @__PURE__ */ function() {
-  return __component__$1n.exports;
+  return __component__$1m.exports;
 }(), props$2 = {
   props: {
     type: {
@@ -264,7 +258,7 @@ const AsideMenu = /* @__PURE__ */ function() {
     autofocus: Boolean,
     round: Boolean
   }
-}, __vue2_script$1m = {
+}, __vue2_script$1l = {
   name: "AwesomeButton",
   mixins: [props$2],
   props: {
@@ -302,25 +296,25 @@ const AsideMenu = /* @__PURE__ */ function() {
   }
 };
 let __vue2_render$e, __vue2_staticRenderFns$e;
-const __cssModules$1m = {};
-var __component__$1m = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1m,
+const __cssModules$1l = {};
+var __component__$1l = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1l,
   __vue2_render$e,
   __vue2_staticRenderFns$e,
   !1,
-  __vue2_injectStyles$1m,
+  __vue2_injectStyles$1l,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1m(e) {
-  for (let t in __cssModules$1m)
-    this[t] = __cssModules$1m[t];
+function __vue2_injectStyles$1l(e) {
+  for (let t in __cssModules$1l)
+    this[t] = __cssModules$1l[t];
 }
 const AwesomeButton = /* @__PURE__ */ function() {
-  return __component__$1m.exports;
+  return __component__$1l.exports;
 }();
-var render$17 = function() {
+var render$16 = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("ul", {
     staticClass: "capsule-tab"
@@ -338,8 +332,8 @@ var render$17 = function() {
       }
     }, [e._v(" " + e._s(n.label) + " ")]);
   }), 0);
-}, staticRenderFns$17 = [];
-const CapsuleTab_vue_vue_type_style_index_0_lang = "", __vue2_script$1l = {
+}, staticRenderFns$16 = [];
+const CapsuleTab_vue_vue_type_style_index_0_lang = "", __vue2_script$1k = {
   name: "CapsuleTab",
   props: {
     tabs: {
@@ -350,23 +344,23 @@ const CapsuleTab_vue_vue_type_style_index_0_lang = "", __vue2_script$1l = {
       type: String
     }
   }
-}, __cssModules$1l = {};
-var __component__$1l = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1l,
-  render$17,
-  staticRenderFns$17,
+}, __cssModules$1k = {};
+var __component__$1k = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1k,
+  render$16,
+  staticRenderFns$16,
   !1,
-  __vue2_injectStyles$1l,
+  __vue2_injectStyles$1k,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1l(e) {
-  for (let t in __cssModules$1l)
-    this[t] = __cssModules$1l[t];
+function __vue2_injectStyles$1k(e) {
+  for (let t in __cssModules$1k)
+    this[t] = __cssModules$1k[t];
 }
 const CapsuleTab = /* @__PURE__ */ function() {
-  return __component__$1l.exports;
+  return __component__$1k.exports;
 }();
 function secondsToStr(e) {
   const t = Math.floor(e / 31536e3);
@@ -390,7 +384,7 @@ function secondsToStr(e) {
 function kebabCase(e) {
   return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
 }
-var render$16 = function() {
+var render$15 = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     staticClass: "uploader"
@@ -405,8 +399,8 @@ var render$16 = function() {
     fileList: e.fileList,
     started: e.started
   })], 2);
-}, staticRenderFns$16 = [];
-const ChunkFileUploader_vue_vue_type_style_index_0_lang = "", FILE_ADDED_EVENT = "fileAdded", FILES_ADDED_EVENT = "filesAdded", UPLOAD_START_EVENT = "uploadStart", __vue2_script$1k = {
+}, staticRenderFns$15 = [];
+const ChunkFileUploader_vue_vue_type_style_index_0_lang = "", FILE_ADDED_EVENT = "fileAdded", FILES_ADDED_EVENT = "filesAdded", UPLOAD_START_EVENT = "uploadStart", __vue2_script$1j = {
   name: "ChunkFileUploader",
   provide() {
     return {
@@ -485,23 +479,23 @@ const ChunkFileUploader_vue_vue_type_style_index_0_lang = "", FILE_ADDED_EVENT =
       e[0] = kebabCase(t), this.$emit.apply(this, e);
     }
   }
-}, __cssModules$1k = {};
-var __component__$1k = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1k,
-  render$16,
-  staticRenderFns$16,
+}, __cssModules$1j = {};
+var __component__$1j = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1j,
+  render$15,
+  staticRenderFns$15,
   !1,
-  __vue2_injectStyles$1k,
+  __vue2_injectStyles$1j,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1k(e) {
-  for (let t in __cssModules$1k)
-    this[t] = __cssModules$1k[t];
+function __vue2_injectStyles$1j(e) {
+  for (let t in __cssModules$1j)
+    this[t] = __cssModules$1j[t];
 }
 const ChunkFileUploader = /* @__PURE__ */ function() {
-  return __component__$1k.exports;
+  return __component__$1j.exports;
 }(), uploaderMixin = {
   inject: ["uploader"]
 }, supportMixin = {
@@ -514,7 +508,7 @@ const ChunkFileUploader = /* @__PURE__ */ function() {
     this.support = this.uploader.uploader.support;
   }
 };
-var render$15 = function() {
+var render$14 = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("label", {
     directives: [{
@@ -526,8 +520,8 @@ var render$15 = function() {
     ref: "btn",
     staticClass: "uploader-btn"
   }, [e._t("default")], 2);
-}, staticRenderFns$15 = [];
-const ChunkFileUploaderButton_vue_vue_type_style_index_0_lang = "", __vue2_script$1j = {
+}, staticRenderFns$14 = [];
+const ChunkFileUploaderButton_vue_vue_type_style_index_0_lang = "", __vue2_script$1i = {
   name: "ChunkFileUploaderButton",
   mixins: [uploaderMixin, supportMixin],
   props: {
@@ -551,25 +545,25 @@ const ChunkFileUploaderButton_vue_vue_type_style_index_0_lang = "", __vue2_scrip
       this.uploader.uploader.assignBrowse(this.$refs.btn, this.directory, this.single, this.attrs);
     });
   }
-}, __cssModules$1j = {};
-var __component__$1j = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1j,
-  render$15,
-  staticRenderFns$15,
+}, __cssModules$1i = {};
+var __component__$1i = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1i,
+  render$14,
+  staticRenderFns$14,
   !1,
-  __vue2_injectStyles$1j,
+  __vue2_injectStyles$1i,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1j(e) {
-  for (let t in __cssModules$1j)
-    this[t] = __cssModules$1j[t];
+function __vue2_injectStyles$1i(e) {
+  for (let t in __cssModules$1i)
+    this[t] = __cssModules$1i[t];
 }
 const ChunkFileUploaderButton = /* @__PURE__ */ function() {
-  return __component__$1j.exports;
+  return __component__$1i.exports;
 }();
-var render$14 = function() {
+var render$13 = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     directives: [{
@@ -582,8 +576,8 @@ var render$14 = function() {
     staticClass: "uploader-drop",
     class: e.dropClass
   }, [e._t("default")], 2);
-}, staticRenderFns$14 = [];
-const ChunkFileUploaderDrop_vue_vue_type_style_index_0_lang = "", __vue2_script$1i = {
+}, staticRenderFns$13 = [];
+const ChunkFileUploaderDrop_vue_vue_type_style_index_0_lang = "", __vue2_script$1h = {
   name: "ChunkFileUploaderDrop",
   mixins: [uploaderMixin, supportMixin],
   data() {
@@ -611,25 +605,25 @@ const ChunkFileUploaderDrop_vue_vue_type_style_index_0_lang = "", __vue2_script$
       this.dropClass = "uploader-droped";
     }
   }
-}, __cssModules$1i = {};
-var __component__$1i = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1i,
-  render$14,
-  staticRenderFns$14,
+}, __cssModules$1h = {};
+var __component__$1h = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1h,
+  render$13,
+  staticRenderFns$13,
   !1,
-  __vue2_injectStyles$1i,
+  __vue2_injectStyles$1h,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1i(e) {
-  for (let t in __cssModules$1i)
-    this[t] = __cssModules$1i[t];
+function __vue2_injectStyles$1h(e) {
+  for (let t in __cssModules$1h)
+    this[t] = __cssModules$1h[t];
 }
 const ChunkFileUploaderDrop = /* @__PURE__ */ function() {
-  return __component__$1i.exports;
+  return __component__$1h.exports;
 }(), events = ["fileProgress", "fileSuccess", "fileComplete", "fileError"];
-var render$13 = function() {
+var render$12 = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     staticClass: "chunk-file-uploader-file",
@@ -724,8 +718,8 @@ var render$13 = function() {
     extension: e.extension,
     fileCategory: e.fileCategory
   })], 2);
-}, staticRenderFns$13 = [];
-const ChunkFileUploaderFile_vue_vue_type_style_index_0_lang = "", __vue2_script$1h = {
+}, staticRenderFns$12 = [];
+const ChunkFileUploaderFile_vue_vue_type_style_index_0_lang = "", __vue2_script$1g = {
   name: "ChunkFileUploaderFile",
   props: {
     file: {
@@ -915,25 +909,25 @@ const ChunkFileUploaderFile_vue_vue_type_style_index_0_lang = "", __vue2_script$
       this._fileProgress(), this.processResponse(s), this.error = !0, this.isComplete = !1, this.isUploading = !1;
     }
   }
-}, __cssModules$1h = {};
-var __component__$1h = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1h,
-  render$13,
-  staticRenderFns$13,
+}, __cssModules$1g = {};
+var __component__$1g = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1g,
+  render$12,
+  staticRenderFns$12,
   !1,
-  __vue2_injectStyles$1h,
+  __vue2_injectStyles$1g,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1h(e) {
-  for (let t in __cssModules$1h)
-    this[t] = __cssModules$1h[t];
+function __vue2_injectStyles$1g(e) {
+  for (let t in __cssModules$1g)
+    this[t] = __cssModules$1g[t];
 }
 const ChunkFileUploaderFile = /* @__PURE__ */ function() {
-  return __component__$1h.exports;
+  return __component__$1g.exports;
 }();
-var render$12 = function() {
+var render$11 = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     staticClass: "uploader-files"
@@ -950,8 +944,8 @@ var render$12 = function() {
   }, {
     files: e.files
   })], 2);
-}, staticRenderFns$12 = [];
-const ChunkFileUploaderFiles_vue_vue_type_style_index_0_lang = "", __vue2_script$1g = {
+}, staticRenderFns$11 = [];
+const ChunkFileUploaderFiles_vue_vue_type_style_index_0_lang = "", __vue2_script$1f = {
   name: "ChunkFileUploaderFiles",
   mixins: [uploaderMixin],
   computed: {
@@ -959,25 +953,25 @@ const ChunkFileUploaderFiles_vue_vue_type_style_index_0_lang = "", __vue2_script
       return this.uploader.files;
     }
   }
-}, __cssModules$1g = {};
-var __component__$1g = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1g,
-  render$12,
-  staticRenderFns$12,
+}, __cssModules$1f = {};
+var __component__$1f = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1f,
+  render$11,
+  staticRenderFns$11,
   !1,
-  __vue2_injectStyles$1g,
+  __vue2_injectStyles$1f,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1g(e) {
-  for (let t in __cssModules$1g)
-    this[t] = __cssModules$1g[t];
+function __vue2_injectStyles$1f(e) {
+  for (let t in __cssModules$1f)
+    this[t] = __cssModules$1f[t];
 }
 const ChunkFileUploaderFiles = /* @__PURE__ */ function() {
-  return __component__$1g.exports;
+  return __component__$1f.exports;
 }();
-var render$11 = function() {
+var render$10 = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     staticClass: "uploader-list"
@@ -995,8 +989,8 @@ var render$11 = function() {
   }, {
     fileList: e.fileList
   })], 2);
-}, staticRenderFns$11 = [];
-const ChunkFileUploaderList_vue_vue_type_style_index_0_lang = "", __vue2_script$1f = {
+}, staticRenderFns$10 = [];
+const ChunkFileUploaderList_vue_vue_type_style_index_0_lang = "", __vue2_script$1e = {
   name: "ChunkFileUploaderList",
   mixins: [uploaderMixin],
   computed: {
@@ -1004,25 +998,25 @@ const ChunkFileUploaderList_vue_vue_type_style_index_0_lang = "", __vue2_script$
       return this.uploader.fileList;
     }
   }
-}, __cssModules$1f = {};
-var __component__$1f = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1f,
-  render$11,
-  staticRenderFns$11,
+}, __cssModules$1e = {};
+var __component__$1e = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1e,
+  render$10,
+  staticRenderFns$10,
   !1,
-  __vue2_injectStyles$1f,
+  __vue2_injectStyles$1e,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1f(e) {
-  for (let t in __cssModules$1f)
-    this[t] = __cssModules$1f[t];
+function __vue2_injectStyles$1e(e) {
+  for (let t in __cssModules$1e)
+    this[t] = __cssModules$1e[t];
 }
 const ChunkFileUploaderList = /* @__PURE__ */ function() {
-  return __component__$1f.exports;
+  return __component__$1e.exports;
 }();
-var render$10 = function() {
+var render$$ = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     directives: [{
@@ -1035,7 +1029,7 @@ var render$10 = function() {
   }, [e._t("default", function() {
     return [e._m(0)];
   })], 2);
-}, staticRenderFns$10 = [function() {
+}, staticRenderFns$$ = [function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("p", [e._v(" Your browser, unfortunately, is not supported by Uploader.js. The library requires support for "), s("a", {
     attrs: {
@@ -1047,26 +1041,26 @@ var render$10 = function() {
     }
   }, [e._v("file slicing")]), e._v(". ")]);
 }];
-const ChunkFileUploaderUnSupport_vue_vue_type_style_index_0_lang = "", __vue2_script$1e = {
+const ChunkFileUploaderUnSupport_vue_vue_type_style_index_0_lang = "", __vue2_script$1d = {
   name: "ChunkFileUploaderUnSupport",
   mixins: [uploaderMixin, supportMixin]
-}, __cssModules$1e = {};
-var __component__$1e = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1e,
-  render$10,
-  staticRenderFns$10,
+}, __cssModules$1d = {};
+var __component__$1d = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1d,
+  render$$,
+  staticRenderFns$$,
   !1,
-  __vue2_injectStyles$1e,
+  __vue2_injectStyles$1d,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1e(e) {
-  for (let t in __cssModules$1e)
-    this[t] = __cssModules$1e[t];
+function __vue2_injectStyles$1d(e) {
+  for (let t in __cssModules$1d)
+    this[t] = __cssModules$1d[t];
 }
 const ChunkFileUploaderUnSupport = /* @__PURE__ */ function() {
-  return __component__$1e.exports;
+  return __component__$1d.exports;
 }();
 var jsonlint = function() {
   var e = {}, t = function() {
@@ -1266,14 +1260,14 @@ Expecting ` + P.join(", ") + ", got '" + this.terminals_[d] + "'" : k = "Parse e
   return e.parser = t, e.parse = function() {
     return t.parse.apply(t, arguments);
   }, e;
-}(), render$$ = function() {
+}(), render$_ = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     staticClass: "code-mirror-editor"
   }, [s("textarea", {
     ref: "editor"
   })]);
-}, staticRenderFns$$ = [];
+}, staticRenderFns$_ = [];
 const CodeMirrorEditor_vue_vue_type_style_index_0_lang = "";
 window.jsonlint = jsonlint;
 const format = (e) => {
@@ -1290,7 +1284,7 @@ const format = (e) => {
     } catch {
     }
   return e;
-}, __vue2_script$1d = {
+}, __vue2_script$1c = {
   name: "CodeMirrorEditor",
   inject: {
     elForm: {
@@ -1343,25 +1337,25 @@ const format = (e) => {
       this.$emit("input", parse((e = this.editor) == null ? void 0 : e.getValue()));
     }
   }
-}, __cssModules$1d = {};
-var __component__$1d = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1d,
-  render$$,
-  staticRenderFns$$,
+}, __cssModules$1c = {};
+var __component__$1c = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1c,
+  render$_,
+  staticRenderFns$_,
   !1,
-  __vue2_injectStyles$1d,
+  __vue2_injectStyles$1c,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1d(e) {
-  for (let t in __cssModules$1d)
-    this[t] = __cssModules$1d[t];
+function __vue2_injectStyles$1c(e) {
+  for (let t in __cssModules$1c)
+    this[t] = __cssModules$1c[t];
 }
 const CodeMirrorEditor = /* @__PURE__ */ function() {
-  return __component__$1d.exports;
+  return __component__$1c.exports;
 }();
-var render$_ = function() {
+var render$Z = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("ElColorPickerDropdown", {
     directives: [{
@@ -1390,8 +1384,8 @@ var render$_ = function() {
       expression: "showPicker"
     }
   });
-}, staticRenderFns$_ = [];
-const __vue2_script$1c = {
+}, staticRenderFns$Z = [];
+const __vue2_script$1b = {
   name: "ColorPicker",
   directives: { Clickoutside },
   props: {
@@ -1447,23 +1441,23 @@ const __vue2_script$1c = {
       this.$emit("update:visible", !1);
     }
   }
-}, __cssModules$1c = {};
-var __component__$1c = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1c,
-  render$_,
-  staticRenderFns$_,
+}, __cssModules$1b = {};
+var __component__$1b = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1b,
+  render$Z,
+  staticRenderFns$Z,
   !1,
-  __vue2_injectStyles$1c,
+  __vue2_injectStyles$1b,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1c(e) {
-  for (let t in __cssModules$1c)
-    this[t] = __cssModules$1c[t];
+function __vue2_injectStyles$1b(e) {
+  for (let t in __cssModules$1b)
+    this[t] = __cssModules$1b[t];
 }
 const ColorPicker = /* @__PURE__ */ function() {
-  return __component__$1c.exports;
+  return __component__$1b.exports;
 }();
 async function onClick(e, t, s) {
   const { stop: n, prevent: r, message: i, loadable: o, loadingText: a, confirmable: l, confirmType: c, confirmText: u } = t;
@@ -1534,28 +1528,28 @@ const confirmableMixin = {
       props: t
     }, n || t.text);
   }
-}, __vue2_script$1b = {
+}, __vue2_script$1a = {
   name: "Confirmable",
   mixins: [confirmableMixin]
 };
 let __vue2_render$d, __vue2_staticRenderFns$d;
-const __cssModules$1b = {};
-var __component__$1b = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1b,
+const __cssModules$1a = {};
+var __component__$1a = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1a,
   __vue2_render$d,
   __vue2_staticRenderFns$d,
   !1,
-  __vue2_injectStyles$1b,
+  __vue2_injectStyles$1a,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1b(e) {
-  for (let t in __cssModules$1b)
-    this[t] = __cssModules$1b[t];
+function __vue2_injectStyles$1a(e) {
+  for (let t in __cssModules$1a)
+    this[t] = __cssModules$1a[t];
 }
 const Confirmable = /* @__PURE__ */ function() {
-  return __component__$1b.exports;
+  return __component__$1a.exports;
 }(), props$1 = {
   props: {
     type: {
@@ -1585,30 +1579,30 @@ const Confirmable = /* @__PURE__ */ function() {
       default: "ElButton"
     }
   }
-}, __vue2_script$1a = {
+}, __vue2_script$19 = {
   name: "ConfirmButton",
   mixins: [confirmableMixin, props$1]
 };
 let __vue2_render$c, __vue2_staticRenderFns$c;
-const __cssModules$1a = {};
-var __component__$1a = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$1a,
+const __cssModules$19 = {};
+var __component__$19 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$19,
   __vue2_render$c,
   __vue2_staticRenderFns$c,
   !1,
-  __vue2_injectStyles$1a,
+  __vue2_injectStyles$19,
   null,
   null,
   null
 );
-function __vue2_injectStyles$1a(e) {
-  for (let t in __cssModules$1a)
-    this[t] = __cssModules$1a[t];
+function __vue2_injectStyles$19(e) {
+  for (let t in __cssModules$19)
+    this[t] = __cssModules$19[t];
 }
 const ConfirmButton = /* @__PURE__ */ function() {
-  return __component__$1a.exports;
+  return __component__$19.exports;
 }();
-var render$Z = function() {
+var render$Y = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return e.visible ? s("div", {
     staticClass: "cm-container",
@@ -1712,8 +1706,8 @@ var render$Z = function() {
       }), 0) : e._e()]);
     }), 0) : e._e()]);
   }), 0)]) : e._e();
-}, staticRenderFns$Z = [];
-const ContextMenu_vue_vue_type_style_index_0_lang = "", __vue2_script$19 = {
+}, staticRenderFns$Y = [];
+const ContextMenu_vue_vue_type_style_index_0_lang = "", __vue2_script$18 = {
   name: "ContextMenu",
   props: {
     list: {
@@ -1822,25 +1816,25 @@ const ContextMenu_vue_vue_type_style_index_0_lang = "", __vue2_script$19 = {
       this.$emit("on-item-click", e, t);
     }
   }
-}, __cssModules$19 = {};
-var __component__$19 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$19,
-  render$Z,
-  staticRenderFns$Z,
+}, __cssModules$18 = {};
+var __component__$18 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$18,
+  render$Y,
+  staticRenderFns$Y,
   !1,
-  __vue2_injectStyles$19,
+  __vue2_injectStyles$18,
   null,
   null,
   null
 );
-function __vue2_injectStyles$19(e) {
-  for (let t in __cssModules$19)
-    this[t] = __cssModules$19[t];
+function __vue2_injectStyles$18(e) {
+  for (let t in __cssModules$18)
+    this[t] = __cssModules$18[t];
 }
 const ContextMenu = /* @__PURE__ */ function() {
-  return __component__$19.exports;
+  return __component__$18.exports;
 }();
-var render$Y = function() {
+var render$X = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     staticClass: "os-host"
@@ -1857,7 +1851,7 @@ var render$Y = function() {
   }, [e._t("default")], 2)])]), e._m(0), e._m(1), s("div", {
     staticClass: "os-scrollbar-corner"
   })]);
-}, staticRenderFns$Y = [function() {
+}, staticRenderFns$X = [function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     staticClass: "os-scrollbar os-scrollbar-horizontal"
@@ -1876,7 +1870,7 @@ var render$Y = function() {
     staticClass: "os-scrollbar-handle"
   })])]);
 }];
-const __vue2_script$18 = {
+const __vue2_script$17 = {
   name: "CustomScrollbar",
   props: {
     options: {
@@ -1966,23 +1960,23 @@ const __vue2_script$18 = {
       this.reverse && t.scrollTop === 0 && this.onLoadMore && this.onLoadMore();
     }
   }
-}, __cssModules$18 = {};
-var __component__$18 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$18,
-  render$Y,
-  staticRenderFns$Y,
+}, __cssModules$17 = {};
+var __component__$17 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$17,
+  render$X,
+  staticRenderFns$X,
   !1,
-  __vue2_injectStyles$18,
+  __vue2_injectStyles$17,
   null,
   null,
   null
 );
-function __vue2_injectStyles$18(e) {
-  for (let t in __cssModules$18)
-    this[t] = __cssModules$18[t];
+function __vue2_injectStyles$17(e) {
+  for (let t in __cssModules$17)
+    this[t] = __cssModules$17[t];
 }
 const CustomScrollbar = /* @__PURE__ */ function() {
-  return __component__$18.exports;
+  return __component__$17.exports;
 }(), util = "", getClass = (e, t) => isPlainObject(e) || isString(e) ? [t, e] : isArray(e) ? [t, ...e] : [t];
 function getInternetExplorerVersion() {
   const e = window.navigator.userAgent, t = e.indexOf("MSIE ");
@@ -2151,7 +2145,7 @@ const findParent$1 = (e, t) => {
       return s[i] || "";
   });
 }, fillPath = (e, t) => isFunction(e) ? pathArgReplacer(e(t), t) : isString(e) ? pathArgReplacer(e, t) : null;
-var render$X = function() {
+var render$W = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("ElementDialog", {
     attrs: {
@@ -2216,8 +2210,8 @@ var render$X = function() {
       proxy: !0
     }], null, !0)
   });
-}, staticRenderFns$X = [];
-const __vue2_script$17 = {
+}, staticRenderFns$W = [];
+const __vue2_script$16 = {
   name: "DataTablePicker",
   mixins: [dialog],
   props: {
@@ -2264,25 +2258,25 @@ const __vue2_script$17 = {
       this.multiple ? (e = this.selectedRows) != null && e.length ? (this.$emit("confirm", this.selectedRows), this.close()) : this.$message.warning("\u8BF7\u9009\u62E9") : this.currentRow ? (this.$emit("confirm", this.currentRow), this.close()) : this.$message.warning("\u8BF7\u9009\u62E9");
     }
   }
-}, __cssModules$17 = {};
-var __component__$17 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$17,
-  render$X,
-  staticRenderFns$X,
+}, __cssModules$16 = {};
+var __component__$16 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$16,
+  render$W,
+  staticRenderFns$W,
   !1,
-  __vue2_injectStyles$17,
+  __vue2_injectStyles$16,
   null,
   null,
   null
 );
-function __vue2_injectStyles$17(e) {
-  for (let t in __cssModules$17)
-    this[t] = __cssModules$17[t];
+function __vue2_injectStyles$16(e) {
+  for (let t in __cssModules$16)
+    this[t] = __cssModules$16[t];
 }
 const DataTablePicker = /* @__PURE__ */ function() {
-  return __component__$17.exports;
+  return __component__$16.exports;
 }();
-var render$W = function() {
+var render$V = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     staticClass: "dynamic-table"
@@ -2372,13 +2366,13 @@ var render$W = function() {
       click: e.addRow
     }
   }, [e._v(" \u6DFB\u52A0 ")])], 1);
-}, staticRenderFns$W = [];
+}, staticRenderFns$V = [];
 const DynamicTable_vue_vue_type_style_index_0_lang = "", icons = {
   number: "fa fa-superscript",
   email: "el-icon-lx-mail",
   phone: "fa fa-phone",
   idCard: "el-icon-lx-news"
-}, __vue2_script$16 = {
+}, __vue2_script$15 = {
   name: "DynamicTable",
   inject: {
     elForm: {
@@ -2454,25 +2448,25 @@ const DynamicTable_vue_vue_type_style_index_0_lang = "", icons = {
         return t;
     }
   }
-}, __cssModules$16 = {};
-var __component__$16 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$16,
-  render$W,
-  staticRenderFns$W,
+}, __cssModules$15 = {};
+var __component__$15 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$15,
+  render$V,
+  staticRenderFns$V,
   !1,
-  __vue2_injectStyles$16,
+  __vue2_injectStyles$15,
   null,
   null,
   null
 );
-function __vue2_injectStyles$16(e) {
-  for (let t in __cssModules$16)
-    this[t] = __cssModules$16[t];
+function __vue2_injectStyles$15(e) {
+  for (let t in __cssModules$15)
+    this[t] = __cssModules$15[t];
 }
 const DynamicTable = /* @__PURE__ */ function() {
-  return __component__$16.exports;
+  return __component__$15.exports;
 }();
-var render$V = function() {
+var render$U = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     staticClass: "echarts",
@@ -2481,7 +2475,7 @@ var render$V = function() {
       height: e.height
     }
   });
-}, staticRenderFns$V = [];
+}, staticRenderFns$U = [];
 const ECharts_vue_vue_type_style_index_0_lang = "";
 echarts.use([
   TitleComponent,
@@ -2500,7 +2494,7 @@ echarts.use([
   EffectScatterChart,
   PictorialBarChart
 ]);
-const INIT_TRIGGERS = ["theme", "initOptions", "autoResize"], REWATCH_TRIGGERS = ["manualUpdate", "watchShallow"], __vue2_script$15 = {
+const INIT_TRIGGERS = ["theme", "initOptions", "autoResize"], REWATCH_TRIGGERS = ["manualUpdate", "watchShallow"], __vue2_script$14 = {
   name: "ECharts",
   props: {
     options: {
@@ -2674,25 +2668,25 @@ const INIT_TRIGGERS = ["theme", "initOptions", "autoResize"], REWATCH_TRIGGERS =
     echarts.registerTheme(e, t);
   },
   graphic: echarts.graphic
-}, __cssModules$15 = {};
-var __component__$15 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$15,
-  render$V,
-  staticRenderFns$V,
+}, __cssModules$14 = {};
+var __component__$14 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$14,
+  render$U,
+  staticRenderFns$U,
   !1,
-  __vue2_injectStyles$15,
+  __vue2_injectStyles$14,
   null,
   null,
   null
 );
-function __vue2_injectStyles$15(e) {
-  for (let t in __cssModules$15)
-    this[t] = __cssModules$15[t];
+function __vue2_injectStyles$14(e) {
+  for (let t in __cssModules$14)
+    this[t] = __cssModules$14[t];
 }
 const ECharts = /* @__PURE__ */ function() {
-  return __component__$15.exports;
+  return __component__$14.exports;
 }();
-var render$U = function() {
+var render$T = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     staticClass: "editable-progress",
@@ -2745,8 +2739,8 @@ var render$U = function() {
       expression: "percent"
     }
   })], 1);
-}, staticRenderFns$U = [];
-const EditableProgress_vue_vue_type_style_index_0_lang = "", __vue2_script$14 = {
+}, staticRenderFns$T = [];
+const EditableProgress_vue_vue_type_style_index_0_lang = "", __vue2_script$13 = {
   name: "EditableProgress",
   props: {
     disabled: {
@@ -2811,25 +2805,25 @@ const EditableProgress_vue_vue_type_style_index_0_lang = "", __vue2_script$14 =
       this.disabled || (this.slider = !0);
     }
   }
-}, __cssModules$14 = {};
-var __component__$14 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$14,
-  render$U,
-  staticRenderFns$U,
+}, __cssModules$13 = {};
+var __component__$13 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$13,
+  render$T,
+  staticRenderFns$T,
   !1,
-  __vue2_injectStyles$14,
+  __vue2_injectStyles$13,
   null,
   null,
   null
 );
-function __vue2_injectStyles$14(e) {
-  for (let t in __cssModules$14)
-    this[t] = __cssModules$14[t];
+function __vue2_injectStyles$13(e) {
+  for (let t in __cssModules$13)
+    this[t] = __cssModules$13[t];
 }
 const EditableProgress = /* @__PURE__ */ function() {
-  return __component__$14.exports;
+  return __component__$13.exports;
 }();
-var render$T = function() {
+var render$S = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     staticClass: "editable-tree"
@@ -2898,7 +2892,7 @@ var render$T = function() {
         var r = n.node, i = n.data;
         return [e._t("default", function() {
           return [i.edit ? [s("span", {
-            staticClass: "custom-tree-node flex-box flex-1 oh",
+            staticClass: "custom-tree-node flex-row flex-item oh",
             attrs: {
               "data-id": i.id
             }
@@ -2907,7 +2901,7 @@ var render$T = function() {
             class: i.loading ? "el-icon-loading" : "el-icon-edit-outline"
           }) : e._e(), s("ElInput", {
             ref: "labelTxt",
-            staticClass: "node-input flex-1",
+            staticClass: "node-input flex-item",
             attrs: {
               size: "mini",
               placeholder: e.defaultOptions.inputPlaceholder
@@ -2974,12 +2968,12 @@ var render$T = function() {
               "data-id": i.id
             }
           }, [s("span", {
-            staticClass: "node-label flex-box flex-1 oh ellipsis-1"
+            staticClass: "node-label flex-row flex-item oh ellipsis-1"
           }, [e.icon ? s("i", {
             staticClass: "node-icon",
             class: i.loading ? "el-icon-loading" : e.icon(i, r)
           }) : e._e(), s("span", {
-            staticClass: "flex-1-relative",
+            staticClass: "flex-item-relative",
             staticStyle: {
               height: "21px"
             }
@@ -3176,8 +3170,8 @@ var render$T = function() {
     curNode: e.curNode,
     curData: e.curData
   })], 2)]) : e._e()], 1)], 1);
-}, staticRenderFns$T = [];
-const EditableTree_vue_vue_type_style_index_0_lang = "", __vue2_script$13 = {
+}, staticRenderFns$S = [];
+const EditableTree_vue_vue_type_style_index_0_lang = "", __vue2_script$12 = {
   name: "EditableTree",
   props: {
     label: {
@@ -3594,25 +3588,25 @@ const EditableTree_vue_vue_type_style_index_0_lang = "", __vue2_script$13 = {
       this.lazy ? this.treeKey = Date.now() : await this.tryFetch();
     }
   }
-}, __cssModules$13 = {};
-var __component__$13 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$13,
-  render$T,
-  staticRenderFns$T,
+}, __cssModules$12 = {};
+var __component__$12 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$12,
+  render$S,
+  staticRenderFns$S,
   !1,
-  __vue2_injectStyles$13,
+  __vue2_injectStyles$12,
   null,
   null,
   null
 );
-function __vue2_injectStyles$13(e) {
-  for (let t in __cssModules$13)
-    this[t] = __cssModules$13[t];
+function __vue2_injectStyles$12(e) {
+  for (let t in __cssModules$12)
+    this[t] = __cssModules$12[t];
 }
 const EditableTree = /* @__PURE__ */ function() {
-  return __component__$13.exports;
+  return __component__$12.exports;
 }();
-var render$S = function() {
+var render$R = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     staticClass: "el-collapse",
@@ -3621,8 +3615,8 @@ var render$S = function() {
       "aria-multiselectable": "true"
     }
   }, [e._t("default")], 2);
-}, staticRenderFns$S = [];
-const __vue2_script$12 = {
+}, staticRenderFns$R = [];
+const __vue2_script$11 = {
   name: "EgdCollapse",
   componentName: "EgdCollapse",
   provide() {
@@ -3669,25 +3663,25 @@ const __vue2_script$12 = {
       }
     }
   }
-}, __cssModules$12 = {};
-var __component__$12 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$12,
-  render$S,
-  staticRenderFns$S,
+}, __cssModules$11 = {};
+var __component__$11 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$11,
+  render$R,
+  staticRenderFns$R,
   !1,
-  __vue2_injectStyles$12,
+  __vue2_injectStyles$11,
   null,
   null,
   null
 );
-function __vue2_injectStyles$12(e) {
-  for (let t in __cssModules$12)
-    this[t] = __cssModules$12[t];
+function __vue2_injectStyles$11(e) {
+  for (let t in __cssModules$11)
+    this[t] = __cssModules$11[t];
 }
 const EgdCollapse = /* @__PURE__ */ function() {
-  return __component__$12.exports;
+  return __component__$11.exports;
 }();
-var render$R = function() {
+var render$Q = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
     staticClass: "el-collapse-item",
@@ -3752,8 +3746,8 @@ var render$R = function() {
   }, [s("div", {
     staticClass: "el-collapse-item__content"
   }, [e._t("default")], 2)])])], 1);
-}, staticRenderFns$R = [];
-const __vue2_script$11 = {
+}, staticRenderFns$Q = [];
+const __vue2_script$10 = {
   name: "EgdCollapseItem",
   componentName: "EgdCollapseItem",
   mixins: [Emitter],
@@ -3795,166 +3789,6 @@ const __vue2_script$11 = {
       this.dispatch("EgdCollapse", "item-click", this);
     }
   }
-}, __cssModules$11 = {};
-var __component__$11 = /* @__PURE__ */ normalizeComponent(
-  __vue2_script$11,
-  render$R,
-  staticRenderFns$R,
-  !1,
-  __vue2_injectStyles$11,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles$11(e) {
-  for (let t in __cssModules$11)
-    this[t] = __cssModules$11[t];
-}
-const EgdCollapseItem = /* @__PURE__ */ function() {
-  return __component__$11.exports;
-}();
-var render$Q = function() {
-  var e = this, t = e.$createElement, s = e._self._c || t;
-  return s("transition", {
-    attrs: {
-      name: "el-zoom-in-top"
-    },
-    on: {
-      "after-leave": e.doDestroy
-    }
-  }, [s("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: e.showPopper,
-      expression: "showPopper"
-    }],
-    staticClass: "el-color-dropdown"
-  }, [s("div", {
-    staticClass: "el-color-dropdown__main-wrapper"
-  }, [s("hue-slider", {
-    ref: "hue",
-    staticStyle: {
-      float: "right"
-    },
-    attrs: {
-      color: e.color,
-      vertical: ""
-    }
-  }), s("sv-panel", {
-    ref: "sl",
-    attrs: {
-      color: e.color
-    }
-  })], 1), e.showAlpha ? s("alpha-slider", {
-    ref: "alpha",
-    attrs: {
-      color: e.color
-    }
-  }) : e._e(), e.predefine ? s("predefine", {
-    attrs: {
-      color: e.color,
-      colors: e.predefine
-    }
-  }) : e._e(), s("div", {
-    staticClass: "el-color-dropdown__btns"
-  }, [s("span", {
-    staticClass: "el-color-dropdown__value"
-  }, [s("el-input", {
-    attrs: {
-      "validate-event": !1,
-      size: "mini"
-    },
-    on: {
-      blur: e.handleConfirm
-    },
-    nativeOn: {
-      keyup: function(n) {
-        return !n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : e.handleConfirm.apply(null, arguments);
-      }
-    },
-    model: {
-      value: e.customInput,
-      callback: function(n) {
-        e.customInput = n;
-      },
-      expression: "customInput"
-    }
-  })], 1), s("el-button", {
-    staticClass: "el-color-dropdown__link-btn",
-    attrs: {
-      size: "mini",
-      type: "text"
-    },
-    on: {
-      click: function(n) {
-        return e.$emit("clear");
-      }
-    }
-  }, [e._v(" " + e._s(e.t("el.colorpicker.clear")) + " ")]), s("el-button", {
-    staticClass: "el-color-dropdown__btn",
-    attrs: {
-      plain: "",
-      size: "mini"
-    },
-    on: {
-      click: e.confirmValue
-    }
-  }, [e._v(" " + e._s(e.t("el.colorpicker.confirm")) + " ")])], 1)], 1)]);
-}, staticRenderFns$Q = [];
-const __vue2_script$10 = {
-  name: "ElColorPickerDropdown",
-  components: {
-    SvPanel,
-    HueSlider,
-    AlphaSlider,
-    Predefine
-  },
-  mixins: [Popper, Locale],
-  props: {
-    color: {
-      type: Object,
-      required: !0
-    },
-    showAlpha: Boolean,
-    predefine: Array
-  },
-  data() {
-    return {
-      customInput: ""
-    };
-  },
-  computed: {
-    currentColor() {
-      const e = this.$parent;
-      return !e.value && !e.showPanelColor ? "" : e.color.value;
-    }
-  },
-  watch: {
-    showPopper(e) {
-      e === !0 && this.$nextTick(() => {
-        const { sl: t, hue: s, alpha: n } = this.$refs;
-        t && t.update(), s && s.update(), n && n.update();
-      });
-    },
-    currentColor: {
-      immediate: !0,
-      handler(e) {
-        this.customInput = e;
-      }
-    }
-  },
-  mounted() {
-    this.$parent.popperElm = this.popperElm = this.$el, this.referenceElm = this.$parent.$el;
-  },
-  methods: {
-    confirmValue() {
-      this.$emit("pick");
-    },
-    handleConfirm() {
-      this.color.fromString(this.customInput);
-    }
-  }
 }, __cssModules$10 = {};
 var __component__$10 = /* @__PURE__ */ normalizeComponent(
   __vue2_script$10,
@@ -3970,7 +3804,7 @@ function __vue2_injectStyles$10(e) {
   for (let t in __cssModules$10)
     this[t] = __cssModules$10[t];
 }
-const ElColorPickerDropdown = /* @__PURE__ */ function() {
+const EgdCollapseItem = /* @__PURE__ */ function() {
   return __component__$10.exports;
 }();
 var render$P = function() {
@@ -7224,13 +7058,13 @@ const GuideSteps = /* @__PURE__ */ function() {
 var render$v = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
-    class: ["icon-card", "flex-box", e.iconBg]
+    class: ["icon-card", "flex-row", e.iconBg]
   }, [s("div", {
     staticClass: "card-icon_bg"
   }, [s("i", {
     class: ["card-icon", e.icon]
   })]), s("div", {
-    staticClass: "flex-1"
+    staticClass: "flex-item"
   }, [s("p", {
     staticClass: "icon-card_title"
   }, [e._t("default")], 2), s("div", {
@@ -7941,7 +7775,7 @@ var render$q = function() {
       click: e.goBack
     }
   }, [e._v(" \u8FD4\u56DE ")]) : e._e(), e.$slots.right ? s("div", {
-    staticClass: "flex-1 flex-box-column vertical-center"
+    staticClass: "flex-item flex-row-column vertical-center"
   }, [e._t("right")], 2) : e._e()], 1);
 }, staticRenderFns$q = [];
 const NavBar_vue_vue_type_style_index_0_lang = "", __vue2_script$u = {
@@ -8010,7 +7844,7 @@ const NotImplement = /* @__PURE__ */ function() {
 var render$o = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
-    staticClass: "page flex-box flex-1",
+    staticClass: "page flex-row flex-item",
     class: {
       vertical: e.vertical && !e.horizontal
     }
@@ -8792,7 +8626,7 @@ const PageableView = /* @__PURE__ */ function() {
 var render$l = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
-    staticClass: "egd-header flex-box egd-page-header"
+    staticClass: "egd-header flex-row egd-page-header"
   }, [e._t("section-title", function() {
     return [s("span", {
       staticClass: "section-title"
@@ -8804,9 +8638,9 @@ var render$l = function() {
   }, {
     title: e.title
   }), s("div", {
-    staticClass: "flex-box flex-1 vertical-center"
+    staticClass: "flex-row flex-item vertical-center"
   }, [s("div", {
-    class: ["flex-box", "flex-1", "vertical-center", {
+    class: ["flex-row", "flex-item", "vertical-center", {
       "align-end": e.alignEnd
     }]
   }, [e._t("default")], 2)])], 2);
@@ -13242,9 +13076,9 @@ function __vue2_injectStyles(e) {
 }
 const XDialog = /* @__PURE__ */ function() {
   return __component__.exports;
-}(), version = "1.2.6";
+}(), version = "1.2.8";
 function index(e) {
-  e.component(AddressInput.name, AddressInput), e.component(AsideMenu.name, AsideMenu), e.component(AwesomeButton.name, AwesomeButton), e.component(CapsuleTab.name, CapsuleTab), e.component(ChunkFileUploader.name, ChunkFileUploader), e.component(ChunkFileUploaderButton.name, ChunkFileUploaderButton), e.component(ChunkFileUploaderDrop.name, ChunkFileUploaderDrop), e.component(ChunkFileUploaderFile.name, ChunkFileUploaderFile), e.component(ChunkFileUploaderFiles.name, ChunkFileUploaderFiles), e.component(ChunkFileUploaderList.name, ChunkFileUploaderList), e.component(ChunkFileUploaderUnSupport.name, ChunkFileUploaderUnSupport), e.component(CodeMirrorEditor.name, CodeMirrorEditor), e.component(ColorPicker.name, ColorPicker), e.component(Confirmable.name, Confirmable), e.component(ConfirmButton.name, ConfirmButton), e.component(ContextMenu.name, ContextMenu), e.component(CustomScrollbar.name, CustomScrollbar), e.component(DataTablePicker.name, DataTablePicker), e.component(DynamicTable.name, DynamicTable), e.component(ECharts.name, ECharts), e.component(EditableProgress.name, EditableProgress), e.component(EditableTree.name, EditableTree), e.component(EgdCollapse.name, EgdCollapse), e.component(EgdCollapseItem.name, EgdCollapseItem), e.component(ElColorPickerDropdown.name, ElColorPickerDropdown), e.component(ElementDialog.name, ElementDialog), e.component(EmptyView.name, EmptyView), e.component(ErrorView.name, ErrorView), e.component(FlexColumn.name, FlexColumn), e.component(FlexItem.name, FlexItem), e.component(FlexRow.name, FlexRow), e.component(FlexScroller.name, FlexScroller), e.component(FormButton.name, FormButton), e.component(FormCascader.name, FormCascader), e.component(FormCheckboxGroup.name, FormCheckboxGroup), e.component(FormDatePicker.name, FormDatePicker), e.component(FormHolder.name, FormHolder), e.component(FormInput.name, FormInput), e.component(FormInputEmail.name, FormInputEmail), e.component(FormInputIdCard.name, FormInputIdCard), e.component(FormInputNumber.name, FormInputNumber), e.component(FormInputPhoneNumber.name, FormInputPhoneNumber), e.component(FormInputTime.name, FormInputTime), e.component(FormItem.name, FormItem), e.component(FormItemConfigProvider.name, FormItemConfigProvider), e.component(FormItemGroup.name, FormItemGroup), e.component(FormRadioGroup.name, FormRadioGroup), e.component(FormSelect.name, FormSelect), e.component(FormSwitch.name, FormSwitch), e.component(FormTextarea.name, FormTextarea), e.component(FormView.name, FormView), e.component(GuideSteps.name, GuideSteps), e.component(IconCard.name, IconCard), e.component(IframeWindow.name, IframeWindow), e.component(InputNumber.name, InputNumber), e.component(InputNumberRange.name, InputNumberRange), e.component(JSXComponent.name, JSXComponent), e.component(KeepViewAlive.name, KeepViewAlive), e.component(LoadingView.name, LoadingView), e.component(NavBar.name, NavBar), e.component(NotImplement.name, NotImplement), e.component(Page.name, Page), e.component(PageableTable.name, PageableTable), e.component(PageableView.name, PageableView), e.component(PageHeader.name, PageHeader), e.component(PageIndex.name, PageIndex), e.component(PageIndexTop.name, PageIndexTop), e.component(PageSkeleton.name, PageSkeleton), e.component(PageSkeletonNew.name, PageSkeletonNew), e.component(PhotoSwipe.name, PhotoSwipe), e.component(ResizeObserver.name, ResizeObserver), e.component(SearchPopover.name, SearchPopover), e.component(SignPanel.name, SignPanel), e.component(SplitPane.name, SplitPane), e.component(Stateful.name, Stateful), e.component(StaticPageableTable.name, StaticPageableTable), e.component(Swiper.name, Swiper), e.component(Tab.name, Tab), e.component(TabItem.name, TabItem), e.component(TableColumn.name, TableColumn), e.component(TableView.name, TableView), e.component(TagRender.name, TagRender), e.component(TinymceEditor.name, TinymceEditor), e.component(TinymceWrapper.name, TinymceWrapper), e.component(Toolbar.name, Toolbar), e.component(ToolbarButton.name, ToolbarButton), e.component(Trigger.name, Trigger), e.component(VueTagsInput.name, VueTagsInput), e.component(Watermark.name, Watermark), e.component(XDialog.name, XDialog);
+  e.component(AddressInput.name, AddressInput), e.component(AsideMenu.name, AsideMenu), e.component(AwesomeButton.name, AwesomeButton), e.component(CapsuleTab.name, CapsuleTab), e.component(ChunkFileUploader.name, ChunkFileUploader), e.component(ChunkFileUploaderButton.name, ChunkFileUploaderButton), e.component(ChunkFileUploaderDrop.name, ChunkFileUploaderDrop), e.component(ChunkFileUploaderFile.name, ChunkFileUploaderFile), e.component(ChunkFileUploaderFiles.name, ChunkFileUploaderFiles), e.component(ChunkFileUploaderList.name, ChunkFileUploaderList), e.component(ChunkFileUploaderUnSupport.name, ChunkFileUploaderUnSupport), e.component(CodeMirrorEditor.name, CodeMirrorEditor), e.component(ColorPicker.name, ColorPicker), e.component(Confirmable.name, Confirmable), e.component(ConfirmButton.name, ConfirmButton), e.component(ContextMenu.name, ContextMenu), e.component(CustomScrollbar.name, CustomScrollbar), e.component(DataTablePicker.name, DataTablePicker), e.component(DynamicTable.name, DynamicTable), e.component(ECharts.name, ECharts), e.component(EditableProgress.name, EditableProgress), e.component(EditableTree.name, EditableTree), e.component(EgdCollapse.name, EgdCollapse), e.component(EgdCollapseItem.name, EgdCollapseItem), e.component(ElementDialog.name, ElementDialog), e.component(EmptyView.name, EmptyView), e.component(ErrorView.name, ErrorView), e.component(FlexColumn.name, FlexColumn), e.component(FlexItem.name, FlexItem), e.component(FlexRow.name, FlexRow), e.component(FlexScroller.name, FlexScroller), e.component(FormButton.name, FormButton), e.component(FormCascader.name, FormCascader), e.component(FormCheckboxGroup.name, FormCheckboxGroup), e.component(FormDatePicker.name, FormDatePicker), e.component(FormHolder.name, FormHolder), e.component(FormInput.name, FormInput), e.component(FormInputEmail.name, FormInputEmail), e.component(FormInputIdCard.name, FormInputIdCard), e.component(FormInputNumber.name, FormInputNumber), e.component(FormInputPhoneNumber.name, FormInputPhoneNumber), e.component(FormInputTime.name, FormInputTime), e.component(FormItem.name, FormItem), e.component(FormItemConfigProvider.name, FormItemConfigProvider), e.component(FormItemGroup.name, FormItemGroup), e.component(FormRadioGroup.name, FormRadioGroup), e.component(FormSelect.name, FormSelect), e.component(FormSwitch.name, FormSwitch), e.component(FormTextarea.name, FormTextarea), e.component(FormView.name, FormView), e.component(GuideSteps.name, GuideSteps), e.component(IconCard.name, IconCard), e.component(IframeWindow.name, IframeWindow), e.component(InputNumber.name, InputNumber), e.component(InputNumberRange.name, InputNumberRange), e.component(JSXComponent.name, JSXComponent), e.component(KeepViewAlive.name, KeepViewAlive), e.component(LoadingView.name, LoadingView), e.component(NavBar.name, NavBar), e.component(NotImplement.name, NotImplement), e.component(Page.name, Page), e.component(PageableTable.name, PageableTable), e.component(PageableView.name, PageableView), e.component(PageHeader.name, PageHeader), e.component(PageIndex.name, PageIndex), e.component(PageIndexTop.name, PageIndexTop), e.component(PageSkeleton.name, PageSkeleton), e.component(PageSkeletonNew.name, PageSkeletonNew), e.component(PhotoSwipe.name, PhotoSwipe), e.component(ResizeObserver.name, ResizeObserver), e.component(SearchPopover.name, SearchPopover), e.component(SignPanel.name, SignPanel), e.component(SplitPane.name, SplitPane), e.component(Stateful.name, Stateful), e.component(StaticPageableTable.name, StaticPageableTable), e.component(Swiper.name, Swiper), e.component(Tab.name, Tab), e.component(TabItem.name, TabItem), e.component(TableColumn.name, TableColumn), e.component(TableView.name, TableView), e.component(TagRender.name, TagRender), e.component(TinymceEditor.name, TinymceEditor), e.component(TinymceWrapper.name, TinymceWrapper), e.component(Toolbar.name, Toolbar), e.component(ToolbarButton.name, ToolbarButton), e.component(Trigger.name, Trigger), e.component(VueTagsInput.name, VueTagsInput), e.component(Watermark.name, Watermark), e.component(XDialog.name, XDialog);
 }
 export {
   AddressInput,
@@ -13271,7 +13105,6 @@ export {
   EditableTree,
   EgdCollapse,
   EgdCollapseItem,
-  ElColorPickerDropdown,
   ElementDialog,
   EmptyView,
   ErrorView,