@web-utils/component 1.0.6 → 1.0.7

package/dist/index.js

@@ -1,92 +1,59 @@
-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 = "";
-var render$4 = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
+/*!
+ * @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", {
     staticClass: "empty-view",
     style: {
-      fontSize: _vm.fontSize,
-      height: _vm.height
+      fontSize: e.fontSize,
+      height: e.height
     }
-  }, [_vm._t("default", function() {
-    return [_vm._v(_vm._s(_vm.emptyTips))];
+  }, [e._t("default", function() {
+    return [e._v(e._s(e.emptyTips))];
   })], 2);
-};
-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);
+}, 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);
       };
     } else {
-      var existing = options.beforeCreate;
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+      var y = i.beforeCreate;
+      i.beforeCreate = y ? [].concat(y, l) : [l];
     }
-  }
   return {
-    exports: scriptExports,
-    options
+    exports: e,
+    options: i
   };
 }
-const __vue2_script$7 = {
+const K = {
   name: "EmptyView",
   props: {
     emptyTips: {
@@ -102,34 +69,31 @@ const __vue2_script$7 = {
       default: "100%"
     }
   }
-};
-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];
-  }
+}, 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];
 }
-var EmptyView = /* @__PURE__ */ function() {
-  return __component__$7.exports;
+var _ = /* @__PURE__ */ function() {
+  return Q.exports;
 }();
-var render$3 = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
+_.install = function(e) {
+  e.component(_.name, _);
+};
+var ee = function() {
+  var e = this, t = e.$createElement, n = e._self._c || t;
+  return n("div", {
     staticClass: "flex-scroller-wrapper"
-  }, [_c("div", {
+  }, [n("div", {
     class: ["flex-scroller", {
-      "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 = {
+      "flex-column": e.flexColumn,
+      "flex-row": e.flexRow,
+      "content-scroll": e.contentScroll
+    }, e.contentClass]
+  }, [e._t("default")], 2)]);
+}, te = [];
+const ne = {
   name: "FlexScroller",
   props: {
     flexColumn: Boolean,
@@ -137,118 +101,89 @@ const __vue2_script$6 = {
     contentClass: String,
     contentScroll: {
       type: Boolean,
-      default: true
+      default: !0
     }
   }
-};
-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];
-  }
+}, 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];
 }
-var FlexScroller = /* @__PURE__ */ function() {
-  return __component__$6.exports;
+var h = /* @__PURE__ */ function() {
+  return re.exports;
 }();
-var render$2 = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  _vm._self._c || _h;
-  return _vm._m(0);
+h.install = function(e) {
+  e.component(h.name, h);
 };
-var staticRenderFns$2 = [function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
+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", {
     staticClass: "not-implement"
-  }, [_c("div", [_c("i", {
+  }, [n("div", [n("i", {
     staticClass: "fa fa-wrench"
-  }), _vm._v(" \u5EFA\u8BBE\u4E2D... ")])]);
+  }), e._v(" \u5EFA\u8BBE\u4E2D... ")])]);
 }];
-var NotImplement_vue_vue_type_style_index_0_scoped_true_lang = "";
-const __vue2_script$5 = {
+const le = {
   name: "NotImplement"
-};
-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];
-  }
+}, 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];
 }
-var NotImplement = /* @__PURE__ */ function() {
-  return __component__$5.exports;
+var p = /* @__PURE__ */ function() {
+  return ae.exports;
 }();
-function oneOf(value, validList) {
-  for (let i = 0; i < validList.length; i++) {
-    if (value === validList[i]) {
-      return true;
-    }
-  }
-  return false;
+p.install = function(e) {
+  e.component(p.name, p);
+};
+function fe(e, t) {
+  for (let n = 0; n < t.length; n++)
+    if (e === t[n])
+      return !0;
+  return !1;
 }
-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);
-      }
-    };
-  }
-}();
-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);
-      }
-    };
-  }
+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);
+  };
 }();
-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`
+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`
     });
   });
 }];
-var Trigger_vue_vue_type_style_index_0_lang = "";
-const __vue2_script$4 = {
+const he = {
   name: "Trigger",
   props: {
     mode: String,
     showIcon: Boolean,
     line: {
       type: Boolean,
-      default: true
+      default: !0
     }
   },
   data() {
@@ -274,86 +209,79 @@ const __vue2_script$4 = {
       ];
     }
   }
-};
-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];
-  }
+}, 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];
 }
-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", {
+var de = /* @__PURE__ */ function() {
+  return pe.exports;
+}(), me = function() {
+  var e = this, t = e.$createElement, n = e._self._c || t;
+  return n("div", {
     ref: "outerWrapper",
-    class: _vm.wrapperClasses
-  }, [_vm.isHorizontal ? _c("div", {
-    class: `${_vm.prefix}-horizontal`
-  }, [_c("div", {
-    class: [`${_vm.prefix}-pane`, "left-pane"],
+    class: e.wrapperClasses
+  }, [e.isHorizontal ? n("div", {
+    class: `${e.prefix}-horizontal`
+  }, [n("div", {
+    class: [`${e.prefix}-pane`, "left-pane"],
     style: {
-      right: `${_vm.anotherOffset}%`
+      right: `${e.anotherOffset}%`
     }
-  }, [_vm._t("left")], 2), _c("div", {
-    class: `${_vm.prefix}-trigger-con`,
+  }, [e._t("left")], 2), n("div", {
+    class: `${e.prefix}-trigger-con`,
     style: {
-      left: `calc(${_vm.offset}% + ${_vm.triggerSize / 2}px)`,
-      width: `${_vm.triggerSize}px`
+      left: `calc(${e.offset}% + ${e.triggerSize / 2}px)`,
+      width: `${e.triggerSize}px`
     },
     on: {
-      "mousedown": _vm.handleMousedown
+      mousedown: e.handleMousedown
     }
-  }, [_vm._t("trigger", function() {
-    return [_c("Trigger", {
+  }, [e._t("trigger", function() {
+    return [n("Trigger", {
       attrs: {
-        "mode": "vertical"
+        mode: "vertical"
       }
     })];
-  })], 2), _c("div", {
-    class: [`${_vm.prefix}-pane`, "right-pane"],
+  })], 2), n("div", {
+    class: [`${e.prefix}-pane`, "right-pane"],
     style: {
-      left: `calc(${_vm.offset}% + ${_vm.triggerSize}px)`
+      left: `calc(${e.offset}% + ${e.triggerSize}px)`
     }
-  }, [_vm._t("right")], 2)]) : _c("div", {
-    class: `${_vm.prefix}-vertical`
-  }, [_c("div", {
-    class: [`${_vm.prefix}-pane`, "top-pane"],
+  }, [e._t("right")], 2)]) : n("div", {
+    class: `${e.prefix}-vertical`
+  }, [n("div", {
+    class: [`${e.prefix}-pane`, "top-pane"],
     style: {
-      bottom: `${_vm.anotherOffset}%`
+      bottom: `${e.anotherOffset}%`
     }
-  }, [_vm._t("top")], 2), _c("div", {
-    class: `${_vm.prefix}-trigger-con`,
+  }, [e._t("top")], 2), n("div", {
+    class: `${e.prefix}-trigger-con`,
     style: {
-      top: `calc(${_vm.offset}% + ${_vm.triggerSize / 2}px)`,
-      height: `${_vm.triggerSize}px`
+      top: `calc(${e.offset}% + ${e.triggerSize / 2}px)`,
+      height: `${e.triggerSize}px`
     },
     on: {
-      "mousedown": _vm.handleMousedown
+      mousedown: e.handleMousedown
     }
-  }, [_vm._t("trigger", function() {
-    return [_c("Trigger", {
+  }, [e._t("trigger", function() {
+    return [n("Trigger", {
       attrs: {
-        "mode": "horizontal"
+        mode: "horizontal"
       }
     })];
-  })], 2), _c("div", {
-    class: [`${_vm.prefix}-pane`, "bottom-pane"],
+  })], 2), n("div", {
+    class: [`${e.prefix}-pane`, "bottom-pane"],
     style: {
-      top: `calc(${_vm.offset}% + ${_vm.triggerSize}px)`
+      top: `calc(${e.offset}% + ${e.triggerSize}px)`
     }
-  }, [_vm._t("bottom")], 2)])]);
-};
-var staticRenderFns = [];
-var SplitPane_vue_vue_type_style_index_0_lang = "";
-const __vue2_script$3 = {
+  }, [e._t("bottom")], 2)])]);
+}, xe = [];
+const $e = {
   name: "SplitPane",
   components: {
-    Trigger
+    Trigger: de
   },
   props: {
     value: {
@@ -361,8 +289,8 @@ const __vue2_script$3 = {
       default: 0.5
     },
     mode: {
-      validator(value) {
-        return oneOf(value, ["horizontal", "vertical"]);
+      validator(e) {
+        return fe(e, ["horizontal", "vertical"]);
       },
       default: "horizontal"
     },
@@ -384,7 +312,7 @@ const __vue2_script$3 = {
       prefix: "egd-split",
       offset: 0,
       oldOffset: 0,
-      isMoving: false
+      isMoving: !1
     };
   },
   computed: {
@@ -401,7 +329,7 @@ const __vue2_script$3 = {
       return 100 - this.offset;
     },
     valueIsPx() {
-      return typeof this.value === "string";
+      return typeof this.value == "string";
     },
     offsetSize() {
       return this.isHorizontal ? "offsetWidth" : "offsetHeight";
@@ -424,82 +352,49 @@ const __vue2_script$3 = {
     });
   },
   methods: {
-    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];
-      }
+    px2percent(e, t) {
+      return parseFloat(e) / parseFloat(t);
     },
-    getMin(value1, value2) {
-      if (this.valueIsPx) {
-        return `${Math.min(parseFloat(value1), parseFloat(value2))}px`;
-      } else {
-        return Math.min(value1, value2);
-      }
+    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];
     },
-    getMax(value1, value2) {
-      if (this.valueIsPx) {
-        return `${Math.max(parseFloat(value1), parseFloat(value2))}px`;
-      } else {
-        return Math.max(value1, value2);
-      }
+    getMin(e, t) {
+      return this.valueIsPx ? `${Math.min(parseFloat(e), parseFloat(t))}px` : Math.min(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;
+    getMax(e, t) {
+      return this.valueIsPx ? `${Math.max(parseFloat(e), parseFloat(t))}px` : Math.max(e, t);
+    },
+    getAnotherOffset(e) {
+      let t = 0;
+      return this.valueIsPx ? t = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(e)}px` : t = 1 - e, t;
     },
     handleMove(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);
+      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);
     },
     handleUp() {
-      this.isMoving = false;
-      off(window, "mousemove", this.handleMove);
-      off(window, "mouseup", this.handleUp);
-      this.$emit("on-move-end");
+      this.isMoving = !1, R(window, "mousemove", this.handleMove), R(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 = true;
-      on(window, "mousemove", this.handleMove);
-      on(window, "mouseup", this.handleUp);
-      this.$emit("on-move-start");
+      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");
     }
   }
-};
-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];
-  }
+}, 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];
 }
-var SplitPane = /* @__PURE__ */ function() {
-  return __component__$3.exports;
+var v = /* @__PURE__ */ function() {
+  return ge.exports;
 }();
-var JSXComponent = {
+v.install = function(e) {
+  e.component(v.name, v);
+};
+var $ = {
   name: "JSXComponent",
   props: {
     msg: {
@@ -508,199 +403,148 @@ var JSXComponent = {
     }
   },
   render() {
-    const h = arguments[0];
-    return h("div", [this.msg]);
-  }
-};
-const getClass = (customClass, fixedClass) => {
-  if (isPlainObject(customClass) || isString(customClass)) {
-    return [fixedClass, customClass];
-  } else if (isArray(customClass)) {
-    return [fixedClass, ...customClass];
-  } else {
-    return [fixedClass];
+    return arguments[0]("div", [this.msg]);
   }
 };
-const __vue2_script$2 = {
-  name: "FlexRow",
-  functional: true,
+/*!
+ * @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 = {
+  name: "FlexColumn",
+  functional: !0,
   props: {
     verticalCenter: {
       type: Boolean,
-      default: false
+      default: !1
     },
     horizonCenter: {
       type: Boolean,
-      default: false
+      default: !1
     },
     center: {
       type: Boolean,
-      default: false
+      default: !1
     },
     textCenter: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
-  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);
+  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);
   }
 };
-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];
-  }
+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];
 }
-var FlexRow = /* @__PURE__ */ function() {
-  return __component__$2.exports;
+var d = /* @__PURE__ */ function() {
+  return we.exports;
 }();
-const __vue2_script$1 = {
-  name: "FlexColumn",
-  functional: true,
+const Fe = {
+  name: "FlexItem",
+  functional: !0,
   props: {
+    flexRow: {
+      type: Boolean,
+      default: !1
+    },
+    flexColumn: {
+      type: Boolean,
+      default: !1
+    },
     verticalCenter: {
       type: Boolean,
-      default: false
+      default: !1
     },
     horizonCenter: {
       type: Boolean,
-      default: false
+      default: !1
     },
     center: {
       type: Boolean,
-      default: false
+      default: !1
     },
     textCenter: {
       type: Boolean,
-      default: false
+      default: !1
+    },
+    relative: {
+      type: Boolean,
+      default: !1
+    },
+    absolute: {
+      type: Boolean,
+      default: !1
     }
   },
-  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);
+  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);
   }
 };
-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];
-  }
+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];
 }
-var FlexColumn = /* @__PURE__ */ function() {
-  return __component__$1.exports;
+var m = /* @__PURE__ */ function() {
+  return Re.exports;
 }();
-const __vue2_script = {
-  name: "FlexItem",
-  functional: true,
+const Ie = {
+  name: "FlexRow",
+  functional: !0,
   props: {
-    flexRow: {
-      type: Boolean,
-      default: false
-    },
-    flexColumn: {
-      type: Boolean,
-      default: false
-    },
     verticalCenter: {
       type: Boolean,
-      default: false
+      default: !1
     },
     horizonCenter: {
       type: Boolean,
-      default: false
+      default: !1
     },
     center: {
       type: Boolean,
-      default: false
+      default: !1
     },
     textCenter: {
       type: Boolean,
-      default: false
-    },
-    relative: {
-      type: Boolean,
-      default: false
-    },
-    absolute: {
-      type: Boolean,
-      default: false
+      default: !1
     }
   },
-  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);
-    }
+  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);
   }
 };
-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];
-  }
+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];
 }
-var FlexItem = /* @__PURE__ */ function() {
-  return __component__.exports;
+var x = /* @__PURE__ */ function() {
+  return Pe.exports;
 }();
-export { EmptyView, FlexColumn, FlexItem, FlexRow, FlexScroller, JSXComponent, NotImplement, SplitPane };
+d.install = function(e) {
+  e.component(d.name, d);
+};
+m.install = function(e) {
+  e.component(m.name, m);
+};
+x.install = function(e) {
+  e.component(x.name, x);
+};
+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, $);
+}
+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 };

package/package.json

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