@web-utils/component 1.0.9 → 1.0.10

package/dist/index.js

@@ -1,18 +1,17 @@
 var A = Object.defineProperty, H = Object.defineProperties;
 var V = Object.getOwnPropertyDescriptors;
-var m = Object.getOwnPropertySymbols;
+var S = Object.getOwnPropertySymbols;
 var X = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
-var x = (e, t, n) => t in e ? A(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t) => {
+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 = {}))
-    X.call(t, n) && x(e, n, t[n]);
-  if (m)
-    for (var n of m(t))
-      U.call(t, n) && x(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) => H(e, V(t));
 import { isPlainObject as k, isString as L, isArray as J } from "@web-utils/core";
-const Y = "1.0.9";
-var q = function() {
+var Y = function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return n("div", {
     staticClass: "empty-view",
@@ -23,32 +22,32 @@ var q = function() {
   }, [e._t("default", function() {
     return [e._v(e._s(e.emptyTips))];
   })], 2);
-}, D = [];
-function a(e, t, n, s, r, u, v, N) {
+}, 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 (v ? (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(v);
+  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 = N ? function() {
     r.call(this, (i.functional ? this.parent : this).$root.$options.shadowRoot);
   } : r), l)
     if (i.functional) {
       i._injectStyles = l;
       var W = i.render;
-      i.render = function(j, d) {
-        return l.call(d), W(j, d);
+      i.render = function(j, z) {
+        return l.call(z), W(j, z);
       };
     } else {
-      var p = i.beforeCreate;
-      i.beforeCreate = p ? [].concat(p, l) : [l];
+      var y = i.beforeCreate;
+      i.beforeCreate = y ? [].concat(y, l) : [l];
     }
   return {
     exports: e,
     options: i
   };
 }
-const G = {
+const D = {
   name: "EmptyView",
   props: {
     emptyTips: {
@@ -64,15 +63,15 @@ const G = {
       default: "100%"
     }
   }
-}, $ = {};
-var K = /* @__PURE__ */ a(G, q, D, !1, Q, null, null, null);
-function Q(e) {
-  for (let t in $)
-    this[t] = $[t];
+}, M = {};
+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 O = /* @__PURE__ */ function() {
-  return K.exports;
-}(), Z = function() {
+var _ = /* @__PURE__ */ function() {
+  return G.exports;
+}(), Q = function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return n("div", {
     staticClass: "flex-scroller-wrapper"
@@ -83,8 +82,8 @@ var O = /* @__PURE__ */ function() {
       "content-scroll": e.contentScroll
     }, e.contentClass]
   }, [e._t("default")], 2)]);
-}, ee = [];
-const te = {
+}, Z = [];
+const ee = {
   name: "FlexScroller",
   props: {
     flexColumn: Boolean,
@@ -95,18 +94,18 @@ const te = {
       default: !0
     }
   }
-}, g = {};
-var ne = /* @__PURE__ */ a(te, Z, ee, !1, re, null, null, null);
-function re(e) {
-  for (let t in g)
-    this[t] = g[t];
+}, F = {};
+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 R = /* @__PURE__ */ function() {
-  return ne.exports;
-}(), se = function() {
+var h = /* @__PURE__ */ function() {
+  return te.exports;
+}(), re = function() {
   var e = this, t = e.$createElement;
   return e._self._c, e._m(0);
-}, ie = [function() {
+}, se = [function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return n("div", {
     staticClass: "not-implement"
@@ -114,30 +113,30 @@ var R = /* @__PURE__ */ function() {
     staticClass: "fa fa-wrench"
   }), e._v(" \u5EFA\u8BBE\u4E2D... ")])]);
 }];
-const oe = {
+const ie = {
   name: "NotImplement"
-}, C = {};
-var le = /* @__PURE__ */ a(oe, se, ie, !1, ae, "f91d5e80", null, null);
-function ae(e) {
-  for (let t in C)
-    this[t] = C[t];
+}, B = {};
+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 b = /* @__PURE__ */ function() {
-  return le.exports;
+var p = /* @__PURE__ */ function() {
+  return oe.exports;
 }();
-function ue(e, t) {
+function ae(e, t) {
   for (let n = 0; n < t.length; n++)
     if (e === t[n])
       return !0;
   return !1;
 }
-const y = function() {
+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);
   };
-}(), z = function() {
+}(), R = function() {
   return document.removeEventListener ? function(e, t, n) {
     e && t && e.removeEventListener(t, n, !1);
   } : function(e, t, n) {
@@ -151,7 +150,7 @@ var fe = function() {
   }, [e.showIcon ? n("div", {
     class: e.barConClasses
   }, e._m(0), 0) : e._e()]);
-}, ce = [function() {
+}, ue = [function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return e._l(8, function(s) {
     return n("i", {
@@ -160,7 +159,7 @@ var fe = function() {
     });
   });
 }];
-const _e = {
+const ce = {
   name: "Trigger",
   props: {
     mode: String,
@@ -193,15 +192,15 @@ const _e = {
       ];
     }
   }
-}, S = {};
-var he = /* @__PURE__ */ a(_e, fe, ce, !1, ve, null, null, null);
-function ve(e) {
-  for (let t in S)
-    this[t] = S[t];
+}, b = {};
+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 pe = /* @__PURE__ */ function() {
-  return he.exports;
-}(), de = function() {
+  return _e.exports;
+}(), ve = function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return n("div", {
     ref: "outerWrapper",
@@ -261,8 +260,8 @@ var pe = /* @__PURE__ */ function() {
       top: `calc(${e.offset}% + ${e.triggerSize}px)`
     }
   }, [e._t("bottom")], 2)])]);
-}, me = [];
-const xe = {
+}, de = [];
+const me = {
   name: "SplitPane",
   components: {
     Trigger: pe
@@ -274,7 +273,7 @@ const xe = {
     },
     mode: {
       validator(e) {
-        return ue(e, ["horizontal", "vertical"]);
+        return ae(e, ["horizontal", "vertical"]);
       },
       default: "horizontal"
     },
@@ -356,25 +355,25 @@ const xe = {
     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, z(window, "mousemove", this.handleMove), z(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 = !0, y(window, "mousemove", this.handleMove), y(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");
     }
   }
-}, w = {};
-var $e = /* @__PURE__ */ a(xe, de, me, !1, ge, null, null, null);
-function ge(e) {
-  for (let t in w)
-    this[t] = w[t];
+}, I = {};
+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 I = /* @__PURE__ */ function() {
-  return $e.exports;
-}(), _ = {
+var v = /* @__PURE__ */ function() {
+  return xe.exports;
+}(), d = {
   name: "JSXComponent",
   props: {
     msg: {
@@ -386,7 +385,7 @@ var I = /* @__PURE__ */ function() {
     return arguments[0]("div", [this.msg]);
   }
 };
-const h = (e, t) => k(e) || L(e) ? [t, e] : J(e) ? [t, ...e] : [t], Ce = {
+const g = (e, t) => k(e) || L(e) ? [t, e] : J(e) ? [t, ...e] : [t], ge = {
   name: "FlexColumn",
   functional: !0,
   props: {
@@ -408,21 +407,21 @@ const h = (e, t) => k(e) || L(e) ? [t, e] : J(e) ? [t, ...e] : [t], Ce = {
     }
   },
   render(e, { data: t, children: n, props: s }) {
-    const r = h(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);
+    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(u({}, t), { class: r }), n);
   }
 };
-let ye, ze;
-const M = {};
-var Se = /* @__PURE__ */ a(Ce, ye, ze, !1, we, null, null, null);
-function we(e) {
-  for (let t in M)
-    this[t] = M[t];
+let Ce, ye;
+const 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 E = /* @__PURE__ */ function() {
-  return Se.exports;
+var m = /* @__PURE__ */ function() {
+  return ze.exports;
 }();
-const Me = {
+const we = {
   name: "FlexItem",
   functional: !0,
   props: {
@@ -460,21 +459,21 @@ const Me = {
     }
   },
   render(e, { children: t, data: n, props: s }) {
-    const r = h(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);
+    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(u({}, n), { class: r }), [e("div", { class: "absolute", style: "overflow:auto" }, t)]) : e("div", c(u({}, n), { class: r }), t);
   }
 };
-let Fe, Be;
-const F = {};
-var Oe = /* @__PURE__ */ a(Me, Fe, Be, !1, Re, null, null, null);
-function Re(e) {
-  for (let t in F)
-    this[t] = F[t];
+let Me, Fe;
+const T = {};
+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 T = /* @__PURE__ */ function() {
-  return Oe.exports;
+var x = /* @__PURE__ */ function() {
+  return Be.exports;
 }();
-const be = {
+const Re = {
   name: "FlexRow",
   functional: !0,
   props: {
@@ -496,21 +495,22 @@ const be = {
     }
   },
   render(e, { data: t, children: n, props: s }) {
-    const r = h(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);
+    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(u({}, t), { class: r }), n);
   }
 };
-let Ie, Ee;
-const B = {};
-var Te = /* @__PURE__ */ a(be, Ie, Ee, !1, Pe, null, null, null);
-function Pe(e) {
-  for (let t in B)
-    this[t] = B[t];
+let be, Ie;
+const P = {};
+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 P = /* @__PURE__ */ function() {
-  return Te.exports;
+var $ = /* @__PURE__ */ function() {
+  return Ee.exports;
 }();
+const Pe = "1.0.10";
 function Ne(e) {
-  e.use(O), e.use(R), e.use(b), e.use(I), e.use(E), e.use(T), e.use(P), e.component(_.name, _);
+  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 { O as EmptyView, E as FlexColumn, T as FlexItem, P as FlexRow, R as FlexScroller, _ as JSXComponent, b as NotImplement, I as SplitPane, Ne as default, Y 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.9",
+  "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"
         }
       ]
     }