@web-utils/component 1.0.7 → 1.0.10

package/dist/index.js

@@ -1,23 +1,17 @@
-/*!
- * @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) => {
+var A = Object.defineProperty, H = Object.defineProperties;
+var V = Object.getOwnPropertyDescriptors;
+var S = Object.getOwnPropertySymbols;
+var X = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
+var w = (e, t, n) => t in e ? A(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, u = (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]);
+    X.call(t, n) && w(e, n, t[n]);
+  if (S)
+    for (var n of S(t))
+      U.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() {
+}, c = (e, t) => H(e, V(t));
+import { isPlainObject as k, isString as L, isArray as J } from "@web-utils/core";
+var Y = function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return n("div", {
     staticClass: "empty-view",
@@ -28,21 +22,21 @@ var D = function() {
   }, [e._t("default", function() {
     return [e._v(e._s(e.emptyTips))];
   })], 2);
-}, G = [];
-function a(e, t, n, s, r, u, C, W) {
+}, q = [];
+function a(e, t, n, s, r, f, C, N) {
   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);
+  t && (i.render = t, i.staticRenderFns = n, i._compiled = !0), s && (i.functional = !0), f && (i._scopeId = "data-v-" + f);
   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() {
+  }, i._ssrRegister = l) : r && (l = N ? 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 W = i.render;
+      i.render = function(j, z) {
+        return l.call(z), W(j, z);
       };
     } else {
       var y = i.beforeCreate;
@@ -53,7 +47,7 @@ function a(e, t, n, s, r, u, C, W) {
     options: i
   };
 }
-const K = {
+const D = {
   name: "EmptyView",
   props: {
     emptyTips: {
@@ -70,18 +64,14 @@ const K = {
     }
   }
 }, M = {};
-var Q = /* @__PURE__ */ a(K, D, G, !1, Z, null, null, null);
-function Z(e) {
+var G = /* @__PURE__ */ a(D, Y, q, !1, K, null, null, null);
+function K(e) {
   for (let t in M)
     this[t] = M[t];
 }
 var _ = /* @__PURE__ */ function() {
-  return Q.exports;
-}();
-_.install = function(e) {
-  e.component(_.name, _);
-};
-var ee = function() {
+  return G.exports;
+}(), Q = function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return n("div", {
     staticClass: "flex-scroller-wrapper"
@@ -92,8 +82,8 @@ var ee = function() {
       "content-scroll": e.contentScroll
     }, e.contentClass]
   }, [e._t("default")], 2)]);
-}, te = [];
-const ne = {
+}, Z = [];
+const ee = {
   name: "FlexScroller",
   props: {
     flexColumn: Boolean,
@@ -105,21 +95,17 @@ const ne = {
     }
   }
 }, F = {};
-var re = /* @__PURE__ */ a(ne, ee, te, !1, se, null, null, null);
-function se(e) {
+var te = /* @__PURE__ */ a(ee, Q, Z, !1, ne, null, null, null);
+function ne(e) {
   for (let t in F)
     this[t] = F[t];
 }
 var h = /* @__PURE__ */ function() {
-  return re.exports;
-}();
-h.install = function(e) {
-  e.component(h.name, h);
-};
-var ie = function() {
+  return te.exports;
+}(), re = function() {
   var e = this, t = e.$createElement;
   return e._self._c, e._m(0);
-}, oe = [function() {
+}, se = [function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return n("div", {
     staticClass: "not-implement"
@@ -127,21 +113,18 @@ var ie = function() {
     staticClass: "fa fa-wrench"
   }), e._v(" \u5EFA\u8BBE\u4E2D... ")])]);
 }];
-const le = {
+const ie = {
   name: "NotImplement"
 }, B = {};
-var ae = /* @__PURE__ */ a(le, ie, oe, !1, ue, "f91d5e80", null, null);
-function ue(e) {
+var oe = /* @__PURE__ */ a(ie, re, se, !1, le, "f91d5e80", null, null);
+function le(e) {
   for (let t in B)
     this[t] = B[t];
 }
 var p = /* @__PURE__ */ function() {
-  return ae.exports;
+  return oe.exports;
 }();
-p.install = function(e) {
-  e.component(p.name, p);
-};
-function fe(e, t) {
+function ae(e, t) {
   for (let n = 0; n < t.length; n++)
     if (e === t[n])
       return !0;
@@ -160,14 +143,14 @@ const O = function() {
     e && t && e.detachEvent(`on${t}`, n);
   };
 }();
-var ce = function() {
+var fe = 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() {
+}, ue = [function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return e._l(8, function(s) {
     return n("i", {
@@ -176,7 +159,7 @@ var ce = function() {
     });
   });
 }];
-const he = {
+const ce = {
   name: "Trigger",
   props: {
     mode: String,
@@ -210,14 +193,14 @@ const he = {
     }
   }
 }, b = {};
-var pe = /* @__PURE__ */ a(he, ce, _e, !1, ve, null, null, null);
-function ve(e) {
+var _e = /* @__PURE__ */ a(ce, fe, ue, !1, he, null, null, null);
+function he(e) {
   for (let t in b)
     this[t] = b[t];
 }
-var de = /* @__PURE__ */ function() {
-  return pe.exports;
-}(), me = function() {
+var pe = /* @__PURE__ */ function() {
+  return _e.exports;
+}(), ve = function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return n("div", {
     ref: "outerWrapper",
@@ -277,11 +260,11 @@ var de = /* @__PURE__ */ function() {
       top: `calc(${e.offset}% + ${e.triggerSize}px)`
     }
   }, [e._t("bottom")], 2)])]);
-}, xe = [];
-const $e = {
+}, de = [];
+const me = {
   name: "SplitPane",
   components: {
-    Trigger: de
+    Trigger: pe
   },
   props: {
     value: {
@@ -290,7 +273,7 @@ const $e = {
     },
     mode: {
       validator(e) {
-        return fe(e, ["horizontal", "vertical"]);
+        return ae(e, ["horizontal", "vertical"]);
       },
       default: "horizontal"
     },
@@ -372,8 +355,8 @@ const $e = {
     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 f = this.getAnotherOffset(r);
+      parseFloat(r) <= parseFloat(this.computedMin) && (r = this.getMax(r, this.computedMin)), parseFloat(f) <= parseFloat(this.computedMax) && (r = this.getAnotherOffset(this.getMax(f, 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 = !1, R(window, "mousemove", this.handleMove), R(window, "mouseup", this.handleUp), this.$emit("on-move-end");
@@ -383,18 +366,14 @@ const $e = {
     }
   }
 }, I = {};
-var ge = /* @__PURE__ */ a($e, me, xe, !1, Ce, null, null, null);
-function Ce(e) {
+var xe = /* @__PURE__ */ a(me, ve, de, !1, $e, null, null, null);
+function $e(e) {
   for (let t in I)
     this[t] = I[t];
 }
 var v = /* @__PURE__ */ function() {
-  return ge.exports;
-}();
-v.install = function(e) {
-  e.component(v.name, v);
-};
-var $ = {
+  return xe.exports;
+}(), d = {
   name: "JSXComponent",
   props: {
     msg: {
@@ -406,12 +385,7 @@ var $ = {
     return arguments[0]("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 g = (e, t) => k(e) || L(e) ? [t, e] : J(e) ? [t, ...e] : [t], ge = {
   name: "FlexColumn",
   functional: !0,
   props: {
@@ -434,20 +408,20 @@ const g = (e, t) => L(e) || J(e) ? [t, e] : Y(e) ? [t, ...e] : [t], ye = {
   },
   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);
+    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(u({}, t), { class: r }), n);
   }
 };
-let Se, ze;
+let Ce, ye;
 const E = {};
-var we = /* @__PURE__ */ a(ye, Se, ze, !1, Me, null, null, null);
-function Me(e) {
+var ze = /* @__PURE__ */ a(ge, Ce, ye, !1, Se, null, null, null);
+function Se(e) {
   for (let t in E)
     this[t] = E[t];
 }
-var d = /* @__PURE__ */ function() {
-  return we.exports;
+var m = /* @__PURE__ */ function() {
+  return ze.exports;
 }();
-const Fe = {
+const we = {
   name: "FlexItem",
   functional: !0,
   props: {
@@ -486,20 +460,20 @@ const Fe = {
   },
   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);
+    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(u({}, n), { class: r }), [e("div", { class: "absolute", style: "overflow:auto" }, t)]) : e("div", c(u({}, n), { class: r }), t);
   }
 };
-let Be, Oe;
+let Me, Fe;
 const T = {};
-var Re = /* @__PURE__ */ a(Fe, Be, Oe, !1, be, null, null, null);
-function be(e) {
+var Be = /* @__PURE__ */ a(we, Me, Fe, !1, Oe, null, null, null);
+function Oe(e) {
   for (let t in T)
     this[t] = T[t];
 }
-var m = /* @__PURE__ */ function() {
-  return Re.exports;
+var x = /* @__PURE__ */ function() {
+  return Be.exports;
 }();
-const Ie = {
+const Re = {
   name: "FlexRow",
   functional: !0,
   props: {
@@ -522,29 +496,21 @@ const Ie = {
   },
   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);
+    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(u({}, t), { class: r }), n);
   }
 };
-let Ee, Te;
+let be, Ie;
 const P = {};
-var Pe = /* @__PURE__ */ a(Ie, Ee, Te, !1, Ne, null, null, null);
-function Ne(e) {
+var Ee = /* @__PURE__ */ a(Re, be, Ie, !1, Te, null, null, null);
+function Te(e) {
   for (let t in P)
     this[t] = P[t];
 }
-var x = /* @__PURE__ */ function() {
-  return Pe.exports;
+var $ = /* @__PURE__ */ function() {
+  return Ee.exports;
 }();
-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, $);
+const Pe = "1.0.10";
+function Ne(e) {
+  e.component(_.name, _), e.component(h.name, h), e.component(p.name, p), e.component(v.name, v), e.component(m.name, m), e.component(x.name, x), e.component($.name, $), e.component(d.name, d);
 }
-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 { _ as EmptyView, m as FlexColumn, x as FlexItem, $ as FlexRow, h as FlexScroller, d as JSXComponent, p as NotImplement, v as SplitPane, Ne as default, Pe as version };

package/package.json

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

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "1.0.2",
+  "version": "1.0.9",
   "contributions": {
     "html": {
       "tags": [
@@ -75,6 +75,21 @@
               "name": "default"
             }
           ]
+        },
+        {
+          "name": "FlexRow"
+        },
+        {
+          "name": "FlexItem"
+        },
+        {
+          "name": "NotImplement"
+        },
+        {
+          "name": "FlexColumn"
+        },
+        {
+          "name": "JSXComponent"
         }
       ]
     }