@web-utils/component 2.0.10 → 2.0.12

package/dist/components/input-number-range/index.js

@@ -1,57 +1,61 @@
-import { isNotEmpty as i } from "@web-utils/core";
-import { n as o } from "../../chunks/5d4282fb.js";
-var r = function() {
-  var t = this, e = t.$createElement, n = t._self._c || e;
-  return n("div", {
+import { isNotEmpty } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "input-number-range"
-  }, [n("ElInputNumber", {
+  }, [_c("ElInputNumber", {
     staticClass: "flex-item",
     staticStyle: {
-      width: "auto"
+      "width": "auto"
     },
     attrs: {
-      controls: t.controls,
-      disabled: t.disabled,
-      size: "mini"
+      "controls": _vm.controls,
+      "disabled": _vm.disabled,
+      "size": "mini"
     },
     on: {
-      input: t.emitInput
+      "input": _vm.emitInput
     },
     model: {
-      value: t.val[0],
-      callback: function(s) {
-        t.$set(t.val, 0, s);
+      value: _vm.val[0],
+      callback: function($$v) {
+        _vm.$set(_vm.val, 0, $$v);
       },
       expression: "val[0]"
     }
-  }), n("span", {
+  }), _c("span", {
     staticStyle: {
-      padding: "0 6px",
+      "padding": "0 6px",
       "font-size": "12px"
     }
-  }, [t._v(t._s(t.separator))]), n("ElInputNumber", {
+  }, [_vm._v(_vm._s(_vm.separator))]), _c("ElInputNumber", {
     staticClass: "flex-item",
     staticStyle: {
-      width: "auto"
+      "width": "auto"
     },
     attrs: {
-      controls: t.controls,
-      disabled: t.disabled,
-      size: "mini"
+      "controls": _vm.controls,
+      "disabled": _vm.disabled,
+      "size": "mini"
     },
     on: {
-      input: t.emitInput
+      "input": _vm.emitInput
     },
     model: {
-      value: t.val[1],
-      callback: function(s) {
-        t.$set(t.val, 1, s);
+      value: _vm.val[1],
+      callback: function($$v) {
+        _vm.$set(_vm.val, 1, $$v);
       },
       expression: "val[1]"
     }
   })], 1);
-}, l = [];
-const u = {
+};
+var staticRenderFns = [];
+const InputNumberRange_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "InputNumberRange",
   props: {
     value: {
@@ -65,7 +69,7 @@ const u = {
     },
     controls: {
       type: Boolean,
-      default: !0
+      default: true
     }
   },
   data() {
@@ -75,10 +79,16 @@ const u = {
   },
   watch: {
     value: {
-      immediate: !0,
-      handler(t) {
-        const e = [void 0, void 0];
-        i(t == null ? void 0 : t[0]) && (e[0] = t[0]), i(t == null ? void 0 : t[1]) && (e[1] = t[1]), this.val = e;
+      immediate: true,
+      handler(newVal) {
+        const val = [void 0, void 0];
+        if (isNotEmpty(newVal == null ? void 0 : newVal[0])) {
+          val[0] = newVal[0];
+        }
+        if (isNotEmpty(newVal == null ? void 0 : newVal[1])) {
+          val[1] = newVal[1];
+        }
+        this.val = val;
       }
     }
   },
@@ -87,24 +97,26 @@ const u = {
       this.$emit("input", this.val);
     }
   }
-}, a = {};
-var d = /* @__PURE__ */ o(
-  u,
-  r,
-  l,
-  !1,
-  c,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function c(t) {
-  for (let e in a)
-    this[e] = a[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const v = /* @__PURE__ */ function() {
-  return d.exports;
+const InputNumberRange = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  v as default
+  InputNumberRange as default
 };

package/dist/components/input-number-range/style.css

@@ -1 +1,12 @@
-.input-number-range{display:flex;flex-direction:row;align-items:center;width:100%}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.input-number-range {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+}

package/dist/components/j-s-x-component/index.js

@@ -1,4 +1,4 @@
-const e = {
+const JSXComponent = {
   name: "JSXComponent",
   props: {
     msg: {
@@ -7,10 +7,10 @@ const e = {
     }
   },
   render() {
-    const t = arguments[0];
-    return t("div", [this.msg]);
+    const h = arguments[0];
+    return h("div", [this.msg]);
   }
 };
 export {
-  e as default
+  JSXComponent as default
 };

package/dist/components/keep-view-alive/index.js

@@ -1,69 +1,89 @@
-import { n as _ } from "../../chunks/5d4282fb.js";
-const C = Object.prototype.toString;
-function d(e) {
-  return e != null;
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+const _toString = Object.prototype.toString;
+function isDef(v) {
+  return v !== void 0 && v !== null;
 }
-function g(e) {
-  return e.isComment && e.asyncFactory;
+function isAsyncPlaceholder(node) {
+  return node.isComment && node.asyncFactory;
 }
-function v(e) {
-  if (Array.isArray(e))
-    for (let t = 0; t < e.length; t++) {
-      const n = e[t];
-      if (d(n) && (d(n.componentOptions) || g(n)))
-        return n;
+function getFirstComponentChild(children) {
+  if (Array.isArray(children)) {
+    for (let i = 0; i < children.length; i++) {
+      const c = children[i];
+      if (isDef(c) && (isDef(c.componentOptions) || isAsyncPlaceholder(c))) {
+        return c;
+      }
     }
+  }
 }
-function x(e) {
-  return C.call(e) === "[object RegExp]";
+function isRegExp(v) {
+  return _toString.call(v) === "[object RegExp]";
 }
-function f(e) {
-  return e && (e.Ctor.options.name || e.tag);
+function getComponentName(opts) {
+  return opts && (opts.Ctor.options.name || opts.tag);
 }
-function l(e, t) {
-  return Array.isArray(e) ? e.indexOf(t) > -1 : typeof e == "string" ? e.split(",").indexOf(t) > -1 : x(e) ? e.test(t) : !1;
+function matches(pattern, name) {
+  if (Array.isArray(pattern)) {
+    return pattern.indexOf(name) > -1;
+  } else if (typeof pattern === "string") {
+    return pattern.split(",").indexOf(name) > -1;
+  } else if (isRegExp(pattern)) {
+    return pattern.test(name);
+  }
+  return false;
 }
-function y(e, t) {
-  if (e.length) {
-    const n = e.indexOf(t);
-    if (n > -1)
-      return e.splice(n, 1);
+function remove(arr, item) {
+  if (arr.length) {
+    const index = arr.indexOf(item);
+    if (index > -1) {
+      return arr.splice(index, 1);
+    }
   }
 }
-function p(e, t) {
-  const { cache: n, keys: o, _vnode: c } = e;
-  for (const i in n) {
-    const s = n[i];
-    if (s) {
-      const a = s.name;
-      a && !t(a) && h(n, i, o, c);
+function pruneCache(keepAliveInstance, filter) {
+  const { cache, keys, _vnode } = keepAliveInstance;
+  for (const key in cache) {
+    const entry = cache[key];
+    if (entry) {
+      const name = entry.name;
+      if (name && !filter(name)) {
+        pruneCacheEntry(cache, key, keys, _vnode);
+      }
     }
   }
 }
-function h(e, t, n, o) {
-  const c = e[t];
-  c && (!o || c.tag !== o.tag) && c.componentInstance.$destroy(), e[t] = null, y(n, t);
+function pruneCacheEntry(cache, key, keys, current) {
+  const entry = cache[key];
+  if (entry && (!current || entry.tag !== current.tag)) {
+    entry.componentInstance.$destroy();
+  }
+  cache[key] = null;
+  remove(keys, key);
 }
-const k = {
+const __vue2_script = {
   name: "KeepViewAlive",
-  abstract: !0,
+  abstract: true,
   props: {
     include: Array,
     exclude: Array,
     max: [String, Number]
   },
   created() {
-    this.cache = /* @__PURE__ */ Object.create(null), this.keys = [];
+    this.cache = /* @__PURE__ */ Object.create(null);
+    this.keys = [];
   },
   destroyed() {
-    for (const e in this.cache)
-      h(this.cache, e, this.keys);
+    for (const key in this.cache) {
+      pruneCacheEntry(this.cache, key, this.keys);
+    }
   },
   mounted() {
-    this.cacheVNode(), this.$watch("include", (e) => {
-      p(this, (t) => l(e, t));
-    }), this.$watch("exclude", (e) => {
-      p(this, (t) => !l(e, t));
+    this.cacheVNode();
+    this.$watch("include", (val) => {
+      pruneCache(this, (name) => matches(val, name));
+    });
+    this.$watch("exclude", (val) => {
+      pruneCache(this, (name) => !matches(val, name));
     });
   },
   updated() {
@@ -71,49 +91,76 @@ const k = {
   },
   methods: {
     cacheVNode() {
-      const { cache: e, keys: t, vnodeToCache: n, keyToCache: o } = this;
-      if (n) {
-        const { tag: c, componentInstance: i, componentOptions: s } = n;
-        e[o] = {
-          name: f(s),
-          tag: c,
-          cid: s.Ctor.cid,
-          componentInstance: i
-        }, t.push(o), this.max && t.length > parseInt(this.max) && h(e, t[0], t, this._vnode), this.vnodeToCache = null;
+      const { cache, keys, vnodeToCache, keyToCache } = this;
+      if (vnodeToCache) {
+        const { tag, componentInstance, componentOptions } = vnodeToCache;
+        cache[keyToCache] = {
+          name: getComponentName(componentOptions),
+          tag,
+          cid: componentOptions.Ctor.cid,
+          componentInstance
+        };
+        keys.push(keyToCache);
+        if (this.max && keys.length > parseInt(this.max)) {
+          pruneCacheEntry(cache, keys[0], keys, this._vnode);
+        }
+        this.vnodeToCache = null;
       }
     }
   },
   render() {
-    const e = this.$slots.default, t = v(e), n = t && t.componentOptions;
-    if (n) {
-      const o = f(n), { include: c, exclude: i } = this;
-      if (c && (!o || !l(c, o)) || i && o && l(i, o))
-        return t;
-      const { cache: s, keys: a } = this, r = t.key == null ? n.Ctor.cid + (n.tag ? `::${n.tag}` : "") : t.key, u = s[r];
-      u ? u.cid === n.Ctor.cid ? (t.componentInstance = u.componentInstance, y(a, r), a.push(r)) : (u.componentInstance.$destroy(), s[r] = null, this.vnodeToCache = t, this.keyToCache = r) : (this.vnodeToCache = t, this.keyToCache = r), t.data.keepAlive = !0;
+    const slot = this.$slots.default;
+    const vnode = getFirstComponentChild(slot);
+    const componentOptions = vnode && vnode.componentOptions;
+    if (componentOptions) {
+      const name = getComponentName(componentOptions);
+      const { include, exclude } = this;
+      if (include && (!name || !matches(include, name)) || exclude && name && matches(exclude, name)) {
+        return vnode;
+      }
+      const { cache, keys } = this;
+      const key = vnode.key == null ? componentOptions.Ctor.cid + (componentOptions.tag ? `::${componentOptions.tag}` : "") : vnode.key;
+      const entry = cache[key];
+      if (entry) {
+        if (entry.cid === componentOptions.Ctor.cid) {
+          vnode.componentInstance = entry.componentInstance;
+          remove(keys, key);
+          keys.push(key);
+        } else {
+          entry.componentInstance.$destroy();
+          cache[key] = null;
+          this.vnodeToCache = vnode;
+          this.keyToCache = key;
+        }
+      } else {
+        this.vnodeToCache = vnode;
+        this.keyToCache = key;
+      }
+      vnode.data.keepAlive = true;
     }
-    return t || e && e[0];
+    return vnode || slot && slot[0];
   }
 };
-let A, O;
-const m = {};
-var T = /* @__PURE__ */ _(
-  k,
-  A,
-  O,
-  !1,
-  I,
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  __vue2_render,
+  __vue2_staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function I(e) {
-  for (let t in m)
-    this[t] = m[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const b = /* @__PURE__ */ function() {
-  return T.exports;
+const KeepViewAlive = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  b as default
+  KeepViewAlive as default
 };

package/dist/components/loading-view/index.js

@@ -1,24 +1,28 @@
-import { n as o } from "../../chunks/5d4282fb.js";
-var s = function() {
-  var t = this, e = t.$createElement, n = t._self._c || e;
-  return n("div", {
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "loading-view",
     style: {
-      fontSize: t.fontSize,
-      height: t.height
+      fontSize: _vm.fontSize,
+      height: _vm.height
     }
-  }, [t._t("default", function() {
-    return [n("div", {
+  }, [_vm._t("default", function() {
+    return [_c("div", {
       staticClass: "flex-column horizon-center"
-    }, [n("i", {
+    }, [_c("i", {
       staticClass: "el-icon-loading",
       style: {
-        fontSize: t.iconSize
+        fontSize: _vm.iconSize
       }
-    }), n("p", [t._v(t._s(t.loadingTips))])])];
+    }), _c("p", [_vm._v(_vm._s(_vm.loadingTips))])])];
   })], 2);
-}, a = [];
-const l = {
+};
+var staticRenderFns = [];
+const LoadingView_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "LoadingView",
   props: {
     loadingTips: {
@@ -38,24 +42,26 @@ const l = {
       default: "100%"
     }
   }
-}, i = {};
-var r = /* @__PURE__ */ o(
-  l,
-  s,
-  a,
-  !1,
-  _,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(t) {
-  for (let e in i)
-    this[e] = i[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const u = /* @__PURE__ */ function() {
-  return r.exports;
+const LoadingView = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  u as default
+  LoadingView as default
 };

package/dist/components/loading-view/style.css

@@ -1 +1,17 @@
-.loading-view{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#909399;font-size:20px;background-color:#fff}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.loading-view {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: #909399;
+  font-size: 20px;
+  background-color: #fff;
+}

package/dist/components/nav-bar/index.js

@@ -1,52 +1,62 @@
-import { n as a } from "../../chunks/5d4282fb.js";
-var r = function() {
-  var t = this, e = t.$createElement, n = t._self._c || e;
-  return n("div", {
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "nav-bar"
-  }, [t.showBack ? n("ElButton", {
+  }, [_vm.showBack ? _c("ElButton", {
     attrs: {
-      type: "text",
-      icon: "el-icon-arrow-left"
+      "type": "text",
+      "icon": "el-icon-arrow-left"
     },
     on: {
-      click: t.goBack
+      "click": _vm.goBack
     }
-  }, [t._v(" 返回 ")]) : t._e(), t.$slots.right ? n("div", {
+  }, [_vm._v(" 返回 ")]) : _vm._e(), _vm.$slots.right ? _c("div", {
     staticClass: "flex-item flex-row-column vertical-center"
-  }, [t._t("right")], 2) : t._e()], 1);
-}, s = [];
-const c = {
+  }, [_vm._t("right")], 2) : _vm._e()], 1);
+};
+var staticRenderFns = [];
+const NavBar_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "NavBar",
   props: {
     onGoBack: Function,
     showBack: {
       type: Boolean,
-      default: !0
+      default: true
     }
   },
   methods: {
     goBack() {
-      this.onGoBack ? this.onGoBack() : this.$router.back();
+      if (this.onGoBack) {
+        this.onGoBack();
+      } else {
+        this.$router.back();
+      }
     }
   }
-}, o = {};
-var l = /* @__PURE__ */ a(
-  c,
-  r,
-  s,
-  !1,
-  i,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function i(t) {
-  for (let e in o)
-    this[e] = o[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const u = /* @__PURE__ */ function() {
-  return l.exports;
+const NavBar = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  u as default
+  NavBar as default
 };

package/dist/components/nav-bar/style.css

@@ -1 +1,17 @@
-.nav-bar{flex-shrink:0;display:flex;width:100%;height:40px;background-color:#fff;border-bottom:1px #eee solid}.nav-bar .el-button--text{margin-left:12px}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.nav-bar {
+  flex-shrink: 0;
+  display: flex;
+  width: 100%;
+  height: 40px;
+  background-color: #fff;
+  border-bottom: 1px #eee solid;
+}
+.nav-bar .el-button--text {
+  margin-left: 12px;
+}