@web-utils/component 1.0.7 → 1.0.8

package/dist/index.js

@@ -1,59 +1,93 @@
-/*!
- * @web-utils/component
- * (c) 2022-2022 Simple
- * Released under the MIT License.
- */
-var H = Object.defineProperty, V = Object.defineProperties;
-var X = Object.getOwnPropertyDescriptors;
-var z = Object.getOwnPropertySymbols;
-var U = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
-var w = (e, t, n) => t in e ? H(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t) => {
-  for (var n in t || (t = {}))
-    U.call(t, n) && w(e, n, t[n]);
-  if (z)
-    for (var n of z(t))
-      k.call(t, n) && w(e, n, t[n]);
-  return e;
-}, c = (e, t) => V(e, X(t));
-import { isPlainObject as L, isString as J, isArray as Y } from "@web-utils/core";
-const q = "1.0.7";
-var D = function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("div", {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { isPlainObject, isString, isArray } from "@web-utils/core";
+var util = "";
+const version = "1.0.8";
+var render$4 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "empty-view",
     style: {
-      fontSize: e.fontSize,
-      height: e.height
+      fontSize: _vm.fontSize,
+      height: _vm.height
     }
-  }, [e._t("default", function() {
-    return [e._v(e._s(e.emptyTips))];
+  }, [_vm._t("default", function() {
+    return [_vm._v(_vm._s(_vm.emptyTips))];
   })], 2);
-}, G = [];
-function a(e, t, n, s, r, u, C, W) {
-  var i = typeof e == "function" ? e.options : e;
-  t && (i.render = t, i.staticRenderFns = n, i._compiled = !0), s && (i.functional = !0), u && (i._scopeId = "data-v-" + u);
-  var l;
-  if (C ? (l = function(o) {
-    o = o || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !o && typeof __VUE_SSR_CONTEXT__ != "undefined" && (o = __VUE_SSR_CONTEXT__), r && r.call(this, o), o && o._registeredComponents && o._registeredComponents.add(C);
-  }, i._ssrRegister = l) : r && (l = W ? function() {
-    r.call(this, (i.functional ? this.parent : this).$root.$options.shadowRoot);
-  } : r), l)
-    if (i.functional) {
-      i._injectStyles = l;
-      var j = i.render;
-      i.render = function(A, S) {
-        return l.call(S), j(A, S);
+};
+var staticRenderFns$4 = [];
+var EmptyView_vue_vue_type_style_index_0_lang = "";
+function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
+  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
+  if (render2) {
+    options.render = render2;
+    options.staticRenderFns = staticRenderFns2;
+    options._compiled = true;
+  }
+  if (functionalTemplate) {
+    options.functional = true;
+  }
+  if (scopeId) {
+    options._scopeId = "data-v-" + scopeId;
+  }
+  var hook;
+  if (moduleIdentifier) {
+    hook = function(context) {
+      context = context || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
+        context = __VUE_SSR_CONTEXT__;
+      }
+      if (injectStyles) {
+        injectStyles.call(this, context);
+      }
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier);
+      }
+    };
+    options._ssrRegister = hook;
+  } else if (injectStyles) {
+    hook = shadowMode ? function() {
+      injectStyles.call(this, (options.functional ? this.parent : this).$root.$options.shadowRoot);
+    } : injectStyles;
+  }
+  if (hook) {
+    if (options.functional) {
+      options._injectStyles = hook;
+      var originalRender = options.render;
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context);
+        return originalRender(h, context);
       };
     } else {
-      var y = i.beforeCreate;
-      i.beforeCreate = y ? [].concat(y, l) : [l];
+      var existing = options.beforeCreate;
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
     }
+  }
   return {
-    exports: e,
-    options: i
+    exports: scriptExports,
+    options
   };
 }
-const K = {
+const __vue2_script$7 = {
   name: "EmptyView",
   props: {
     emptyTips: {
@@ -69,31 +103,37 @@ const K = {
       default: "100%"
     }
   }
-}, M = {};
-var Q = /* @__PURE__ */ a(K, D, G, !1, Z, null, null, null);
-function Z(e) {
-  for (let t in M)
-    this[t] = M[t];
+};
+const __cssModules$7 = {};
+var __component__$7 = /* @__PURE__ */ normalizeComponent(__vue2_script$7, render$4, staticRenderFns$4, false, __vue2_injectStyles$7, null, null, null);
+function __vue2_injectStyles$7(context) {
+  for (let o in __cssModules$7) {
+    this[o] = __cssModules$7[o];
+  }
 }
-var _ = /* @__PURE__ */ function() {
-  return Q.exports;
+var EmptyView = /* @__PURE__ */ function() {
+  return __component__$7.exports;
 }();
-_.install = function(e) {
-  e.component(_.name, _);
+EmptyView.install = function(Vue) {
+  Vue.component(EmptyView.name, EmptyView);
 };
-var ee = function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("div", {
+var render$3 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "flex-scroller-wrapper"
-  }, [n("div", {
+  }, [_c("div", {
     class: ["flex-scroller", {
-      "flex-column": e.flexColumn,
-      "flex-row": e.flexRow,
-      "content-scroll": e.contentScroll
-    }, e.contentClass]
-  }, [e._t("default")], 2)]);
-}, te = [];
-const ne = {
+      "flex-column": _vm.flexColumn,
+      "flex-row": _vm.flexRow,
+      "content-scroll": _vm.contentScroll
+    }, _vm.contentClass]
+  }, [_vm._t("default")], 2)]);
+};
+var staticRenderFns$3 = [];
+var FlexScroller_vue_vue_type_style_index_0_lang = "";
+const __vue2_script$6 = {
   name: "FlexScroller",
   props: {
     flexColumn: Boolean,
@@ -101,89 +141,124 @@ const ne = {
     contentClass: String,
     contentScroll: {
       type: Boolean,
-      default: !0
+      default: true
     }
   }
-}, F = {};
-var re = /* @__PURE__ */ a(ne, ee, te, !1, se, null, null, null);
-function se(e) {
-  for (let t in F)
-    this[t] = F[t];
+};
+const __cssModules$6 = {};
+var __component__$6 = /* @__PURE__ */ normalizeComponent(__vue2_script$6, render$3, staticRenderFns$3, false, __vue2_injectStyles$6, null, null, null);
+function __vue2_injectStyles$6(context) {
+  for (let o in __cssModules$6) {
+    this[o] = __cssModules$6[o];
+  }
 }
-var h = /* @__PURE__ */ function() {
-  return re.exports;
+var FlexScroller = /* @__PURE__ */ function() {
+  return __component__$6.exports;
 }();
-h.install = function(e) {
-  e.component(h.name, h);
+FlexScroller.install = function(Vue) {
+  Vue.component(FlexScroller.name, FlexScroller);
+};
+var render$2 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  _vm._self._c || _h;
+  return _vm._m(0);
 };
-var ie = function() {
-  var e = this, t = e.$createElement;
-  return e._self._c, e._m(0);
-}, oe = [function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("div", {
+var staticRenderFns$2 = [function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "not-implement"
-  }, [n("div", [n("i", {
+  }, [_c("div", [_c("i", {
     staticClass: "fa fa-wrench"
-  }), e._v(" \u5EFA\u8BBE\u4E2D... ")])]);
+  }), _vm._v(" \u5EFA\u8BBE\u4E2D... ")])]);
 }];
-const le = {
+var NotImplement_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __vue2_script$5 = {
   name: "NotImplement"
-}, B = {};
-var ae = /* @__PURE__ */ a(le, ie, oe, !1, ue, "f91d5e80", null, null);
-function ue(e) {
-  for (let t in B)
-    this[t] = B[t];
+};
+const __cssModules$5 = {};
+var __component__$5 = /* @__PURE__ */ normalizeComponent(__vue2_script$5, render$2, staticRenderFns$2, false, __vue2_injectStyles$5, "f91d5e80", null, null);
+function __vue2_injectStyles$5(context) {
+  for (let o in __cssModules$5) {
+    this[o] = __cssModules$5[o];
+  }
 }
-var p = /* @__PURE__ */ function() {
-  return ae.exports;
+var NotImplement = /* @__PURE__ */ function() {
+  return __component__$5.exports;
 }();
-p.install = function(e) {
-  e.component(p.name, p);
+NotImplement.install = function(Vue) {
+  Vue.component(NotImplement.name, NotImplement);
 };
-function fe(e, t) {
-  for (let n = 0; n < t.length; n++)
-    if (e === t[n])
-      return !0;
-  return !1;
+function oneOf(value, validList) {
+  for (let i = 0; i < validList.length; i++) {
+    if (value === validList[i]) {
+      return true;
+    }
+  }
+  return false;
 }
-const O = function() {
-  return document.addEventListener ? function(e, t, n) {
-    e && t && n && e.addEventListener(t, n, !1);
-  } : function(e, t, n) {
-    e && t && n && e.attachEvent(`on${t}`, n);
-  };
-}(), R = function() {
-  return document.removeEventListener ? function(e, t, n) {
-    e && t && e.removeEventListener(t, n, !1);
-  } : function(e, t, n) {
-    e && t && e.detachEvent(`on${t}`, n);
-  };
+const on = function() {
+  if (document.addEventListener) {
+    return function(element, event, handler) {
+      if (element && event && handler) {
+        element.addEventListener(event, handler, false);
+      }
+    };
+  } else {
+    return function(element, event, handler) {
+      if (element && event && handler) {
+        element.attachEvent(`on${event}`, handler);
+      }
+    };
+  }
 }();
-var ce = function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("div", {
-    class: e.classes
-  }, [e.showIcon ? n("div", {
-    class: e.barConClasses
-  }, e._m(0), 0) : e._e()]);
-}, _e = [function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return e._l(8, function(s) {
-    return n("i", {
-      key: `trigger-${s}`,
-      class: `${e.prefix}-bar`
+const off = function() {
+  if (document.removeEventListener) {
+    return function(element, event, handler) {
+      if (element && event) {
+        element.removeEventListener(event, handler, false);
+      }
+    };
+  } else {
+    return function(element, event, handler) {
+      if (element && event) {
+        element.detachEvent(`on${event}`, handler);
+      }
+    };
+  }
+}();
+var render$1 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    class: _vm.classes
+  }, [_vm.showIcon ? _c("div", {
+    class: _vm.barConClasses
+  }, _vm._m(0), 0) : _vm._e()]);
+};
+var staticRenderFns$1 = [function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _vm._l(8, function(i) {
+    return _c("i", {
+      key: `trigger-${i}`,
+      class: `${_vm.prefix}-bar`
     });
   });
 }];
-const he = {
+var Trigger_vue_vue_type_style_index_0_lang = "";
+const __vue2_script$4 = {
   name: "Trigger",
   props: {
     mode: String,
     showIcon: Boolean,
     line: {
       type: Boolean,
-      default: !0
+      default: true
     }
   },
   data() {
@@ -209,79 +284,86 @@ const he = {
       ];
     }
   }
-}, b = {};
-var pe = /* @__PURE__ */ a(he, ce, _e, !1, ve, null, null, null);
-function ve(e) {
-  for (let t in b)
-    this[t] = b[t];
+};
+const __cssModules$4 = {};
+var __component__$4 = /* @__PURE__ */ normalizeComponent(__vue2_script$4, render$1, staticRenderFns$1, false, __vue2_injectStyles$4, null, null, null);
+function __vue2_injectStyles$4(context) {
+  for (let o in __cssModules$4) {
+    this[o] = __cssModules$4[o];
+  }
 }
-var de = /* @__PURE__ */ function() {
-  return pe.exports;
-}(), me = function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("div", {
+var Trigger = /* @__PURE__ */ function() {
+  return __component__$4.exports;
+}();
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     ref: "outerWrapper",
-    class: e.wrapperClasses
-  }, [e.isHorizontal ? n("div", {
-    class: `${e.prefix}-horizontal`
-  }, [n("div", {
-    class: [`${e.prefix}-pane`, "left-pane"],
+    class: _vm.wrapperClasses
+  }, [_vm.isHorizontal ? _c("div", {
+    class: `${_vm.prefix}-horizontal`
+  }, [_c("div", {
+    class: [`${_vm.prefix}-pane`, "left-pane"],
     style: {
-      right: `${e.anotherOffset}%`
+      right: `${_vm.anotherOffset}%`
     }
-  }, [e._t("left")], 2), n("div", {
-    class: `${e.prefix}-trigger-con`,
+  }, [_vm._t("left")], 2), _c("div", {
+    class: `${_vm.prefix}-trigger-con`,
     style: {
-      left: `calc(${e.offset}% + ${e.triggerSize / 2}px)`,
-      width: `${e.triggerSize}px`
+      left: `calc(${_vm.offset}% + ${_vm.triggerSize / 2}px)`,
+      width: `${_vm.triggerSize}px`
     },
     on: {
-      mousedown: e.handleMousedown
+      "mousedown": _vm.handleMousedown
     }
-  }, [e._t("trigger", function() {
-    return [n("Trigger", {
+  }, [_vm._t("trigger", function() {
+    return [_c("Trigger", {
       attrs: {
-        mode: "vertical"
+        "mode": "vertical"
       }
     })];
-  })], 2), n("div", {
-    class: [`${e.prefix}-pane`, "right-pane"],
+  })], 2), _c("div", {
+    class: [`${_vm.prefix}-pane`, "right-pane"],
     style: {
-      left: `calc(${e.offset}% + ${e.triggerSize}px)`
+      left: `calc(${_vm.offset}% + ${_vm.triggerSize}px)`
     }
-  }, [e._t("right")], 2)]) : n("div", {
-    class: `${e.prefix}-vertical`
-  }, [n("div", {
-    class: [`${e.prefix}-pane`, "top-pane"],
+  }, [_vm._t("right")], 2)]) : _c("div", {
+    class: `${_vm.prefix}-vertical`
+  }, [_c("div", {
+    class: [`${_vm.prefix}-pane`, "top-pane"],
     style: {
-      bottom: `${e.anotherOffset}%`
+      bottom: `${_vm.anotherOffset}%`
     }
-  }, [e._t("top")], 2), n("div", {
-    class: `${e.prefix}-trigger-con`,
+  }, [_vm._t("top")], 2), _c("div", {
+    class: `${_vm.prefix}-trigger-con`,
     style: {
-      top: `calc(${e.offset}% + ${e.triggerSize / 2}px)`,
-      height: `${e.triggerSize}px`
+      top: `calc(${_vm.offset}% + ${_vm.triggerSize / 2}px)`,
+      height: `${_vm.triggerSize}px`
     },
     on: {
-      mousedown: e.handleMousedown
+      "mousedown": _vm.handleMousedown
     }
-  }, [e._t("trigger", function() {
-    return [n("Trigger", {
+  }, [_vm._t("trigger", function() {
+    return [_c("Trigger", {
       attrs: {
-        mode: "horizontal"
+        "mode": "horizontal"
       }
     })];
-  })], 2), n("div", {
-    class: [`${e.prefix}-pane`, "bottom-pane"],
+  })], 2), _c("div", {
+    class: [`${_vm.prefix}-pane`, "bottom-pane"],
     style: {
-      top: `calc(${e.offset}% + ${e.triggerSize}px)`
+      top: `calc(${_vm.offset}% + ${_vm.triggerSize}px)`
     }
-  }, [e._t("bottom")], 2)])]);
-}, xe = [];
-const $e = {
+  }, [_vm._t("bottom")], 2)])]);
+};
+var staticRenderFns = [];
+var SplitPane_vue_vue_type_style_index_0_lang = "";
+const __vue2_script$3 = {
   name: "SplitPane",
   components: {
-    Trigger: de
+    Trigger
   },
   props: {
     value: {
@@ -289,8 +371,8 @@ const $e = {
       default: 0.5
     },
     mode: {
-      validator(e) {
-        return fe(e, ["horizontal", "vertical"]);
+      validator(value) {
+        return oneOf(value, ["horizontal", "vertical"]);
       },
       default: "horizontal"
     },
@@ -312,7 +394,7 @@ const $e = {
       prefix: "egd-split",
       offset: 0,
       oldOffset: 0,
-      isMoving: !1
+      isMoving: false
     };
   },
   computed: {
@@ -329,7 +411,7 @@ const $e = {
       return 100 - this.offset;
     },
     valueIsPx() {
-      return typeof this.value == "string";
+      return typeof this.value === "string";
     },
     offsetSize() {
       return this.isHorizontal ? "offsetWidth" : "offsetHeight";
@@ -352,49 +434,85 @@ const $e = {
     });
   },
   methods: {
-    px2percent(e, t) {
-      return parseFloat(e) / parseFloat(t);
-    },
-    getComputedThresholdValue(e) {
-      const t = this.$refs.outerWrapper[this.offsetSize];
-      return this.valueIsPx ? typeof this[e] == "string" ? this[e] : t * this[e] : typeof this[e] == "string" ? this.px2percent(this[e], t) : this[e];
+    px2percent(numerator, denominator) {
+      return parseFloat(numerator) / parseFloat(denominator);
+    },
+    getComputedThresholdValue(type) {
+      const size = this.$refs.outerWrapper[this.offsetSize];
+      if (this.valueIsPx) {
+        return typeof this[type] === "string" ? this[type] : size * this[type];
+      } else {
+        return typeof this[type] === "string" ? this.px2percent(this[type], size) : this[type];
+      }
     },
-    getMin(e, t) {
-      return this.valueIsPx ? `${Math.min(parseFloat(e), parseFloat(t))}px` : Math.min(e, t);
+    getMin(value1, value2) {
+      if (this.valueIsPx) {
+        return `${Math.min(parseFloat(value1), parseFloat(value2))}px`;
+      } else {
+        return Math.min(value1, value2);
+      }
     },
-    getMax(e, t) {
-      return this.valueIsPx ? `${Math.max(parseFloat(e), parseFloat(t))}px` : Math.max(e, t);
+    getMax(value1, value2) {
+      if (this.valueIsPx) {
+        return `${Math.max(parseFloat(value1), parseFloat(value2))}px`;
+      } else {
+        return Math.max(value1, value2);
+      }
     },
-    getAnotherOffset(e) {
-      let t = 0;
-      return this.valueIsPx ? t = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(e)}px` : t = 1 - e, t;
+    getAnotherOffset(value) {
+      let res = 0;
+      if (this.valueIsPx) {
+        res = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(value)}px`;
+      } else {
+        res = 1 - value;
+      }
+      return res;
     },
     handleMove(e) {
-      const n = (this.isHorizontal ? e.pageX : e.pageY) - this.initOffset, s = this.$refs.outerWrapper[this.offsetSize];
-      let r = this.valueIsPx ? `${parseFloat(this.oldOffset) + n}px` : this.px2percent(s * this.oldOffset + n, s);
-      const u = this.getAnotherOffset(r);
-      parseFloat(r) <= parseFloat(this.computedMin) && (r = this.getMax(r, this.computedMin)), parseFloat(u) <= parseFloat(this.computedMax) && (r = this.getAnotherOffset(this.getMax(u, this.computedMax))), e.atMin = this.value === this.computedMin, e.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5), this.$emit("input", r), this.$emit("on-moving", e);
+      const pageOffset = this.isHorizontal ? e.pageX : e.pageY;
+      const offset = pageOffset - this.initOffset;
+      const outerWidth = this.$refs.outerWrapper[this.offsetSize];
+      let value = this.valueIsPx ? `${parseFloat(this.oldOffset) + offset}px` : this.px2percent(outerWidth * this.oldOffset + offset, outerWidth);
+      const anotherValue = this.getAnotherOffset(value);
+      if (parseFloat(value) <= parseFloat(this.computedMin))
+        value = this.getMax(value, this.computedMin);
+      if (parseFloat(anotherValue) <= parseFloat(this.computedMax))
+        value = this.getAnotherOffset(this.getMax(anotherValue, this.computedMax));
+      e.atMin = this.value === this.computedMin;
+      e.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5);
+      this.$emit("input", value);
+      this.$emit("on-moving", e);
     },
     handleUp() {
-      this.isMoving = !1, R(window, "mousemove", this.handleMove), R(window, "mouseup", this.handleUp), this.$emit("on-move-end");
+      this.isMoving = false;
+      off(window, "mousemove", this.handleMove);
+      off(window, "mouseup", this.handleUp);
+      this.$emit("on-move-end");
     },
     handleMousedown(e) {
-      this.initOffset = this.isHorizontal ? e.pageX : e.pageY, this.oldOffset = this.value, this.isMoving = !0, O(window, "mousemove", this.handleMove), O(window, "mouseup", this.handleUp), this.$emit("on-move-start");
+      this.initOffset = this.isHorizontal ? e.pageX : e.pageY;
+      this.oldOffset = this.value;
+      this.isMoving = true;
+      on(window, "mousemove", this.handleMove);
+      on(window, "mouseup", this.handleUp);
+      this.$emit("on-move-start");
     }
   }
-}, I = {};
-var ge = /* @__PURE__ */ a($e, me, xe, !1, Ce, null, null, null);
-function Ce(e) {
-  for (let t in I)
-    this[t] = I[t];
+};
+const __cssModules$3 = {};
+var __component__$3 = /* @__PURE__ */ normalizeComponent(__vue2_script$3, render, staticRenderFns, false, __vue2_injectStyles$3, null, null, null);
+function __vue2_injectStyles$3(context) {
+  for (let o in __cssModules$3) {
+    this[o] = __cssModules$3[o];
+  }
 }
-var v = /* @__PURE__ */ function() {
-  return ge.exports;
+var Split = /* @__PURE__ */ function() {
+  return __component__$3.exports;
 }();
-v.install = function(e) {
-  e.component(v.name, v);
+Split.install = function(Vue) {
+  Vue.component(Split.name, Split);
 };
-var $ = {
+var JSXComponent = {
   name: "JSXComponent",
   props: {
     msg: {
@@ -403,148 +521,218 @@ var $ = {
     }
   },
   render() {
-    return arguments[0]("div", [this.msg]);
+    const h = arguments[0];
+    return h("div", [this.msg]);
   }
 };
-/*!
- * @web-utils/component
- * (c) 2022-2022 Simple
- * Released under the MIT License.
- */
-const g = (e, t) => L(e) || J(e) ? [t, e] : Y(e) ? [t, ...e] : [t], ye = {
+const getClass = (customClass, fixedClass) => {
+  if (isPlainObject(customClass) || isString(customClass)) {
+    return [fixedClass, customClass];
+  } else if (isArray(customClass)) {
+    return [fixedClass, ...customClass];
+  } else {
+    return [fixedClass];
+  }
+};
+const __vue2_script$2 = {
   name: "FlexColumn",
-  functional: !0,
+  functional: true,
   props: {
     verticalCenter: {
       type: Boolean,
-      default: !1
+      default: false
     },
     horizonCenter: {
       type: Boolean,
-      default: !1
+      default: false
     },
     center: {
       type: Boolean,
-      default: !1
+      default: false
     },
     textCenter: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
-  render(e, { data: t, children: n, props: s }) {
-    const r = g(t.class, "flex-column");
-    return s.center || s.horizonCenter && s.verticalCenter ? (r.push("horizon-center"), r.push("vertical-center")) : (s.horizonCenter && r.push("horizon-center"), s.verticalCenter && r.push("vertical-center")), s.textCenter && r.push("text-center"), e("div", c(f({}, t), { class: r }), n);
+  render(createElement, { data, children, props }) {
+    const viewClass = getClass(data.class, "flex-column");
+    if (props.center || props.horizonCenter && props.verticalCenter) {
+      viewClass.push("horizon-center");
+      viewClass.push("vertical-center");
+    } else {
+      if (props.horizonCenter) {
+        viewClass.push("horizon-center");
+      }
+      if (props.verticalCenter) {
+        viewClass.push("vertical-center");
+      }
+    }
+    if (props.textCenter) {
+      viewClass.push("text-center");
+    }
+    return createElement("div", __spreadProps(__spreadValues({}, data), { class: viewClass }), children);
   }
 };
-let Se, ze;
-const E = {};
-var we = /* @__PURE__ */ a(ye, Se, ze, !1, Me, null, null, null);
-function Me(e) {
-  for (let t in E)
-    this[t] = E[t];
+let __vue2_render$2, __vue2_staticRenderFns$2;
+const __cssModules$2 = {};
+var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, __vue2_render$2, __vue2_staticRenderFns$2, false, __vue2_injectStyles$2, null, null, null);
+function __vue2_injectStyles$2(context) {
+  for (let o in __cssModules$2) {
+    this[o] = __cssModules$2[o];
+  }
 }
-var d = /* @__PURE__ */ function() {
-  return we.exports;
+var FlexColumn = /* @__PURE__ */ function() {
+  return __component__$2.exports;
 }();
-const Fe = {
+const __vue2_script$1 = {
   name: "FlexItem",
-  functional: !0,
+  functional: true,
   props: {
     flexRow: {
       type: Boolean,
-      default: !1
+      default: false
     },
     flexColumn: {
       type: Boolean,
-      default: !1
+      default: false
     },
     verticalCenter: {
       type: Boolean,
-      default: !1
+      default: false
     },
     horizonCenter: {
       type: Boolean,
-      default: !1
+      default: false
     },
     center: {
       type: Boolean,
-      default: !1
+      default: false
     },
     textCenter: {
       type: Boolean,
-      default: !1
+      default: false
     },
     relative: {
       type: Boolean,
-      default: !1
+      default: false
     },
     absolute: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
-  render(e, { children: t, data: n, props: s }) {
-    const r = g(n.class, s.relative ? "flex-item-relative" : "flex-item");
-    return s.absolute && !s.relative && r.push("flex-item-relative"), s.center || s.horizonCenter && s.verticalCenter ? (r.push("horizon-center"), r.push("vertical-center")) : (s.horizonCenter && r.push("horizon-center"), s.verticalCenter && r.push("vertical-center")), s.textCenter && r.push("text-center"), s.flexColumn && r.push("flex-column"), s.flexRow && r.push("flex-row"), s.absolute ? e("div", c(f({}, n), { class: r }), [e("div", { class: "absolute", style: "overflow:auto" }, t)]) : e("div", c(f({}, n), { class: r }), t);
+  render(createElement, { children, data, props }) {
+    const viewClass = getClass(data.class, props.relative ? "flex-item-relative" : "flex-item");
+    if (props.absolute && !props.relative) {
+      viewClass.push("flex-item-relative");
+    }
+    if (props.center || props.horizonCenter && props.verticalCenter) {
+      viewClass.push("horizon-center");
+      viewClass.push("vertical-center");
+    } else {
+      if (props.horizonCenter) {
+        viewClass.push("horizon-center");
+      }
+      if (props.verticalCenter) {
+        viewClass.push("vertical-center");
+      }
+    }
+    if (props.textCenter) {
+      viewClass.push("text-center");
+    }
+    if (props.flexColumn) {
+      viewClass.push("flex-column");
+    }
+    if (props.flexRow) {
+      viewClass.push("flex-row");
+    }
+    if (props.absolute) {
+      return createElement("div", __spreadProps(__spreadValues({}, data), { class: viewClass }), [createElement("div", { class: "absolute", style: "overflow:auto" }, children)]);
+    } else {
+      return createElement("div", __spreadProps(__spreadValues({}, data), { class: viewClass }), children);
+    }
   }
 };
-let Be, Oe;
-const T = {};
-var Re = /* @__PURE__ */ a(Fe, Be, Oe, !1, be, null, null, null);
-function be(e) {
-  for (let t in T)
-    this[t] = T[t];
+let __vue2_render$1, __vue2_staticRenderFns$1;
+const __cssModules$1 = {};
+var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, __vue2_render$1, __vue2_staticRenderFns$1, false, __vue2_injectStyles$1, null, null, null);
+function __vue2_injectStyles$1(context) {
+  for (let o in __cssModules$1) {
+    this[o] = __cssModules$1[o];
+  }
 }
-var m = /* @__PURE__ */ function() {
-  return Re.exports;
+var FlexItem = /* @__PURE__ */ function() {
+  return __component__$1.exports;
 }();
-const Ie = {
+const __vue2_script = {
   name: "FlexRow",
-  functional: !0,
+  functional: true,
   props: {
     verticalCenter: {
       type: Boolean,
-      default: !1
+      default: false
     },
     horizonCenter: {
       type: Boolean,
-      default: !1
+      default: false
     },
     center: {
       type: Boolean,
-      default: !1
+      default: false
     },
     textCenter: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
-  render(e, { data: t, children: n, props: s }) {
-    const r = g(t.class, "flex-row");
-    return s.center || s.horizonCenter && s.verticalCenter ? (r.push("horizon-center"), r.push("vertical-center")) : (s.horizonCenter && r.push("horizon-center"), s.verticalCenter && r.push("vertical-center")), s.textCenter && r.push("text-center"), e("div", c(f({}, t), { class: r }), n);
+  render(createElement, { data, children, props }) {
+    const viewClass = getClass(data.class, "flex-row");
+    if (props.center || props.horizonCenter && props.verticalCenter) {
+      viewClass.push("horizon-center");
+      viewClass.push("vertical-center");
+    } else {
+      if (props.horizonCenter) {
+        viewClass.push("horizon-center");
+      }
+      if (props.verticalCenter) {
+        viewClass.push("vertical-center");
+      }
+    }
+    if (props.textCenter) {
+      viewClass.push("text-center");
+    }
+    return createElement("div", __spreadProps(__spreadValues({}, data), { class: viewClass }), children);
   }
 };
-let Ee, Te;
-const P = {};
-var Pe = /* @__PURE__ */ a(Ie, Ee, Te, !1, Ne, null, null, null);
-function Ne(e) {
-  for (let t in P)
-    this[t] = P[t];
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, __vue2_render, __vue2_staticRenderFns, false, __vue2_injectStyles, null, null, null);
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-var x = /* @__PURE__ */ function() {
-  return Pe.exports;
+var FlexRow = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
-d.install = function(e) {
-  e.component(d.name, d);
+FlexColumn.install = function(Vue) {
+  Vue.component(FlexColumn.name, FlexColumn);
 };
-m.install = function(e) {
-  e.component(m.name, m);
+FlexItem.install = function(Vue) {
+  Vue.component(FlexItem.name, FlexItem);
 };
-x.install = function(e) {
-  e.component(x.name, x);
+FlexRow.install = function(Vue) {
+  Vue.component(FlexRow.name, FlexRow);
 };
-function N(e) {
-  e.use(_), e.use(h), e.use(p), e.use(v), e.use(d), e.use(m), e.use(x), e.component($.name, $);
+function install(Vue) {
+  Vue.use(EmptyView);
+  Vue.use(FlexScroller);
+  Vue.use(NotImplement);
+  Vue.use(Split);
+  Vue.use(FlexColumn);
+  Vue.use(FlexItem);
+  Vue.use(FlexRow);
+  Vue.component(JSXComponent.name, JSXComponent);
 }
-export { _ as EmptyView, d as FlexColumn, m as FlexItem, x as FlexRow, h as FlexScroller, $ as JSXComponent, p as NotImplement, v as SplitPane, N as default, N as install, q as version };
+export { EmptyView, FlexColumn, FlexItem, FlexRow, FlexScroller, JSXComponent, NotImplement, Split as SplitPane, install as default, install, version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-utils/component",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "private": false,
   "license": "MIT",
   "main": "./dist/index.js",