@web-utils/component 2.7.20 → 2.7.22

package/dist/components/dynamic-table/index.js

@@ -1,48 +1,48 @@
-import { fastClone as u, validateNumber as d, validateIdCard as c, validatePhoneNum as m } from "@web-utils/core";
-import { n as f } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var h = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
+import { fastClone, validateNumber, validateIdCard, validatePhoneNum } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "dynamic-table"
-  }, [t("ElTable", {
-    key: e.key,
+  }, [_c("ElTable", {
+    key: _vm.key,
     staticStyle: {
       width: "100%"
     },
     attrs: {
-      data: e.value
+      data: _vm.value
     }
-  }, [e._l(e.columns, function(a) {
-    return t("ElTableColumn", {
-      key: a.prop,
+  }, [_vm._l(_vm.columns, function(column) {
+    return _c("ElTableColumn", {
+      key: column.prop,
       attrs: {
-        prop: a.prop,
-        label: a.label,
+        prop: column.prop,
+        label: column.label,
         "min-width": "150"
       },
-      scopedSlots: e._u([{
+      scopedSlots: _vm._u([{
         key: "default",
-        fn: function(l) {
-          var n = l.row, r = l.$index;
-          return [t("ElFormItem", {
+        fn: function(_ref) {
+          var row = _ref.row, $index = _ref.$index;
+          return [_c("ElFormItem", {
             style: {
-              marginBottom: e.inputDisabled ? "0px" : "16px"
+              marginBottom: _vm.inputDisabled ? "0px" : "16px"
             },
             attrs: {
-              prop: `${e.prop}.${r}.${a.prop}`,
+              prop: `${_vm.prop}.${$index}.${column.prop}`,
               size: "mini",
-              rules: e.getRules(a)
+              rules: _vm.getRules(column)
             }
-          }, [t("ElInput", {
+          }, [_c("ElInput", {
             attrs: {
-              "prefix-icon": e.getIcon(a),
-              disabled: e.inputDisabled,
-              placeholder: e.inputDisabled ? "" : `请输入${a.label}！`
+              "prefix-icon": _vm.getIcon(column),
+              disabled: _vm.inputDisabled,
+              placeholder: _vm.inputDisabled ? "" : `请输入${column.label}！`
             },
             model: {
-              value: n[a.prop],
-              callback: function(s) {
-                e.$set(n, a.prop, s);
+              value: row[column.prop],
+              callback: function($$v) {
+                _vm.$set(row, column.prop, $$v);
               },
               expression: "row[column.prop]"
             }
@@ -50,17 +50,17 @@ var h = function() {
         }
       }], null, !0)
     });
-  }), e.inputDisabled ? e._e() : t("ElTableColumn", {
+  }), _vm.inputDisabled ? _vm._e() : _c("ElTableColumn", {
     attrs: {
       label: "操作",
       width: "60",
       fixed: "right"
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "default",
-      fn: function(a) {
-        var l = a.row, n = a.column, r = a.$index;
-        return [t("i", {
+      fn: function(_ref2) {
+        var row = _ref2.row, column = _ref2.column, $index = _ref2.$index;
+        return [_c("i", {
           staticClass: "el-icon-minus dynamic-table-action-icon",
           staticStyle: {
             position: "relative",
@@ -71,14 +71,14 @@ var h = function() {
             title: "删除"
           },
           on: {
-            click: function(s) {
-              return s.stopPropagation(), e.removeRow(l, r, n);
+            click: function($event) {
+              return $event.stopPropagation(), _vm.removeRow(row, $index, column);
             }
           }
         })];
       }
     }], null, !1, 410881950)
-  })], 2), e.inputDisabled ? e._e() : t("ElButton", {
+  })], 2), _vm.inputDisabled ? _vm._e() : _c("ElButton", {
     staticStyle: {
       color: "#08c108"
     },
@@ -87,16 +87,16 @@ var h = function() {
       icon: "el-icon-plus"
     },
     on: {
-      click: e.addRow
+      click: _vm.addRow
     }
-  }, [e._v(" 添加 ")])], 1);
-}, y = [];
-const o = {
+  }, [_vm._v(" 添加 ")])], 1);
+}, staticRenderFns = [];
+const icons = {
   number: "fa fa-superscript",
   email: "el-icon-lx-mail",
   phone: "fa fa-phone",
   idCard: "el-icon-lx-news"
-}, v = {
+}, __vue2_script = {
   name: "DynamicTable",
   inject: {
     elForm: {
@@ -134,8 +134,8 @@ const o = {
   watch: {
     value: {
       deep: !0,
-      handler(e) {
-        this.$emit("input", e);
+      handler(newVal) {
+        this.$emit("input", newVal);
       }
     },
     columns: {
@@ -146,50 +146,50 @@ const o = {
     }
   },
   methods: {
-    getIcon(e) {
-      return o[e.type] ? o[e.type] : "";
+    getIcon(column) {
+      return icons[column.type] ? icons[column.type] : "";
     },
     addRow() {
-      const e = this.value;
-      e.push(this.newRow()), this.$emit("input", e);
+      const value = this.value;
+      value.push(this.newRow()), this.$emit("input", value);
     },
-    removeRow(e, i) {
-      const t = this.value;
-      t.splice(i, 1), this.$emit("input", t);
+    removeRow(row, index) {
+      const value = this.value;
+      value.splice(index, 1), this.$emit("input", value);
     },
     newRow() {
-      const e = {};
-      return this.columns.forEach((i) => {
-        e[i.prop] = void 0;
-      }), e;
+      const row = {};
+      return this.columns.forEach((value) => {
+        row[value.prop] = void 0;
+      }), row;
     },
-    getRules(e) {
-      const i = e.rules;
-      if (["email", "idCard", "phone", "number"].includes(e.type)) {
-        const t = u(i || []);
-        return e.type === "number" && t.push({ validator: d, message: "请输入数字！" }), e.type === "email" && t.push({ type: "email", message: "请输入正确的邮箱地址！" }), e.type === "idCard" && t.push({ validator: c, message: "请输入正确的身份证号码！" }), e.type === "phone" && t.push({ validator: m, message: "请输入正确的手机号码！" }), t;
+    getRules(column) {
+      const userRules = column.rules;
+      if (["email", "idCard", "phone", "number"].includes(column.type)) {
+        const rules = fastClone(userRules || []);
+        return column.type === "number" && rules.push({ validator: validateNumber, message: "请输入数字！" }), column.type === "email" && rules.push({ type: "email", message: "请输入正确的邮箱地址！" }), column.type === "idCard" && rules.push({ validator: validateIdCard, message: "请输入正确的身份证号码！" }), column.type === "phone" && rules.push({ validator: validatePhoneNum, message: "请输入正确的手机号码！" }), rules;
       } else
-        return i;
+        return userRules;
     }
   }
-}, p = {};
-var b = /* @__PURE__ */ f(
-  v,
-  h,
-  y,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let i in p)
-    this[i] = p[i];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const g = /* @__PURE__ */ function() {
-  return b.exports;
+const DynamicTable = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  g as default
+  DynamicTable as default
 };

package/dist/components/e-charts/index.js

@@ -1,38 +1,39 @@
-import * as s from "echarts/core";
-import { BarChart as a, LineChart as n, PieChart as o, RadarChart as c, MapChart as d, ScatterChart as l, EffectScatterChart as p, PictorialBarChart as g } from "echarts/charts";
-import { TitleComponent as u, TooltipComponent as f, GridComponent as m, LegendComponent as _, DatasetComponent as O, PolarComponent as C } from "echarts/components";
-import { CanvasRenderer as w } from "echarts/renderers";
-import { debounce as M, isString as R } from "@web-utils/core";
-import { addListener as y, removeListener as z } from "resize-detector";
-import { n as v } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var S = function() {
-  var t = this, e = t.$createElement, i = t._self._c || e;
-  return i("div", {
+import * as echarts from "echarts/core";
+import { BarChart, LineChart, PieChart, RadarChart, MapChart, ScatterChart, EffectScatterChart, PictorialBarChart } from "echarts/charts";
+import { TitleComponent, TooltipComponent, GridComponent, LegendComponent, DatasetComponent, PolarComponent } from "echarts/components";
+import { CanvasRenderer } from "echarts/renderers";
+import { isString } from "@web-utils/core";
+import { debounce } from "@web-utils/integrations/lodash";
+import { addListener, removeListener } from "resize-detector";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "echarts",
     style: {
-      width: t.width,
-      height: t.height
+      width: _vm.width,
+      height: _vm.height
     }
   });
-}, L = [];
-s.use([
-  u,
-  f,
-  m,
-  _,
-  O,
-  C,
-  w,
-  a,
-  n,
-  o,
-  c,
-  d,
-  l,
-  p,
-  g
+}, staticRenderFns = [];
+echarts.use([
+  TitleComponent,
+  TooltipComponent,
+  GridComponent,
+  LegendComponent,
+  DatasetComponent,
+  PolarComponent,
+  CanvasRenderer,
+  BarChart,
+  LineChart,
+  PieChart,
+  RadarChart,
+  MapChart,
+  ScatterChart,
+  EffectScatterChart,
+  PictorialBarChart
 ]);
-const x = ["theme", "initOptions", "autoResize"], E = ["manualUpdate", "watchShallow"], $ = {
+const INIT_TRIGGERS = ["theme", "initOptions", "autoResize"], REWATCH_TRIGGERS = ["manualUpdate", "watchShallow"], __vue2_script = {
   name: "ECharts",
   props: {
     options: {
@@ -65,21 +66,21 @@ const x = ["theme", "initOptions", "autoResize"], E = ["manualUpdate", "watchSha
     };
   },
   watch: {
-    group(t) {
-      this.chart.group = t;
+    group(group) {
+      this.chart.group = group;
     }
   },
   created() {
-    this.initOptionsWatcher(), x.forEach((t) => {
+    this.initOptionsWatcher(), INIT_TRIGGERS.forEach((prop) => {
       this.$watch(
-        t,
+        prop,
         () => {
           this.refresh();
         },
         { deep: !0 }
       );
-    }), E.forEach((t) => {
-      this.$watch(t, () => {
+    }), REWATCH_TRIGGERS.forEach((prop) => {
+      this.$watch(prop, () => {
         this.initOptionsWatcher(), this.refresh();
       });
     });
@@ -95,40 +96,40 @@ const x = ["theme", "initOptions", "autoResize"], E = ["manualUpdate", "watchSha
   },
   methods: {
     // provide an explicit merge option method
-    mergeOptions(t, e, i) {
-      this.manualUpdate && (this.manualOptions = t), this.chart ? this.delegateMethod("setOption", t, e, i) : this.init(t);
+    mergeOptions(options, notMerge, lazyUpdate) {
+      this.manualUpdate && (this.manualOptions = options), this.chart ? this.delegateMethod("setOption", options, notMerge, lazyUpdate) : this.init(options);
     },
     // just delegates ECharts methods to Vue component
     // use explicit params to reduce transpiled size for now
-    appendData(t) {
-      this.delegateMethod("appendData", t);
+    appendData(params) {
+      this.delegateMethod("appendData", params);
     },
-    resize(t) {
-      this.delegateMethod("resize", t);
+    resize(options) {
+      this.delegateMethod("resize", options);
     },
-    dispatchAction(t) {
-      this.delegateMethod("dispatchAction", t);
+    dispatchAction(payload) {
+      this.delegateMethod("dispatchAction", payload);
     },
-    convertToPixel(t, e) {
-      return this.delegateMethod("convertToPixel", t, e);
+    convertToPixel(finder, value) {
+      return this.delegateMethod("convertToPixel", finder, value);
     },
-    convertFromPixel(t, e) {
-      return this.delegateMethod("convertFromPixel", t, e);
+    convertFromPixel(finder, value) {
+      return this.delegateMethod("convertFromPixel", finder, value);
     },
-    containPixel(t, e) {
-      return this.delegateMethod("containPixel", t, e);
+    containPixel(finder, value) {
+      return this.delegateMethod("containPixel", finder, value);
     },
-    showLoading(t, e) {
-      this.delegateMethod("showLoading", t, e);
+    showLoading(type, options) {
+      this.delegateMethod("showLoading", type, options);
     },
     hideLoading() {
       this.delegateMethod("hideLoading");
     },
-    getDataURL(t) {
-      return this.delegateMethod("getDataURL", t);
+    getDataURL(options) {
+      return this.delegateMethod("getDataURL", options);
     },
-    getConnectedDataURL(t) {
-      return this.delegateMethod("getConnectedDataURL", t);
+    getConnectedDataURL(options) {
+      return this.delegateMethod("getConnectedDataURL", options);
     },
     clear() {
       this.delegateMethod("clear");
@@ -136,29 +137,29 @@ const x = ["theme", "initOptions", "autoResize"], E = ["manualUpdate", "watchSha
     dispose() {
       this.delegateMethod("dispose");
     },
-    delegateMethod(t, ...e) {
-      return this.chart || this.init(), this.chart[t](...e);
+    delegateMethod(name, ...args) {
+      return this.chart || this.init(), this.chart[name](...args);
     },
-    delegateGet(t) {
-      return this.chart || this.init(), this.chart[t]();
+    delegateGet(methodName) {
+      return this.chart || this.init(), this.chart[methodName]();
     },
     getArea() {
       return this.$el.offsetWidth * this.$el.offsetHeight;
     },
-    init(t) {
+    init(options) {
       if (this.chart)
         return;
-      const e = s.init(this.$el, this.theme, this.initOptions);
-      this.group && (e.group = this.group), e.setOption(t || this.manualOptions || this.options || {}, !0), Object.keys(this.$listeners).forEach((i) => {
-        const r = this.$listeners[i];
-        i.indexOf("zr:") === 0 ? e.getZr().on(i.slice(3), r) : e.on(i, r);
-      }), this.autoResize && (this.lastArea = this.getArea(), this.__resizeHandler = M(
+      const chart = echarts.init(this.$el, this.theme, this.initOptions);
+      this.group && (chart.group = this.group), chart.setOption(options || this.manualOptions || this.options || {}, !0), Object.keys(this.$listeners).forEach((event) => {
+        const handler = this.$listeners[event];
+        event.indexOf("zr:") === 0 ? chart.getZr().on(event.slice(3), handler) : chart.on(event, handler);
+      }), this.autoResize && (this.lastArea = this.getArea(), this.__resizeHandler = debounce(
         () => {
           this.lastArea === 0 ? (this.mergeOptions({}, !0), this.resize(), this.mergeOptions(this.options || this.manualOptions || {}, !0)) : this.resize(), this.lastArea = this.getArea();
         },
         100,
         { leading: !0 }
-      ), y(this.$el, this.__resizeHandler)), Object.defineProperties(this, {
+      ), addListener(this.$el, this.__resizeHandler)), Object.defineProperties(this, {
         // Only recalculated when accessed from JavaScript.
         // Won't update DOM on value change because getters
         // don't depend on reactive values
@@ -178,58 +179,58 @@ const x = ["theme", "initOptions", "autoResize"], E = ["manualUpdate", "watchSha
           configurable: !0,
           get: () => this.delegateGet("getOption")
         }
-      }), this.chart = e;
+      }), this.chart = chart;
     },
     initOptionsWatcher() {
       this.__unwatchOptions && (this.__unwatchOptions(), this.__unwatchOptions = null), this.manualUpdate || (this.__unwatchOptions = this.$watch(
         "options",
-        (t, e) => {
-          !this.chart && t ? this.init() : this.chart.setOption(t, t !== e);
+        (val, oldVal) => {
+          !this.chart && val ? this.init() : this.chart.setOption(val, val !== oldVal);
         },
         { deep: !this.watchShallow }
       ));
     },
     destroy() {
-      this.autoResize && z(this.$el, this.__resizeHandler), this.dispose(), this.chart = null;
+      this.autoResize && removeListener(this.$el, this.__resizeHandler), this.dispose(), this.chart = null;
     },
     refresh() {
       this.chart && (this.destroy(), this.init());
     }
   },
-  connect(t) {
-    R(t) || (t = t.map((e) => e.chart)), s.connect(t);
+  connect(group) {
+    isString(group) || (group = group.map((chart) => chart.chart)), echarts.connect(group);
   },
-  disconnect(t) {
-    s.disConnect(t);
+  disconnect(group) {
+    echarts.disConnect(group);
   },
-  getMap(t) {
-    return s.getMap(t);
+  getMap(mapName) {
+    return echarts.getMap(mapName);
   },
-  registerMap(t, e, i) {
-    s.registerMap(t, e, i);
+  registerMap(mapName, geoJSON, specialAreas) {
+    echarts.registerMap(mapName, geoJSON, specialAreas);
   },
-  registerTheme(t, e) {
-    s.registerTheme(t, e);
+  registerTheme(name, theme) {
+    echarts.registerTheme(name, theme);
   },
-  graphic: s.graphic
-}, h = {};
-var b = /* @__PURE__ */ v(
-  $,
-  S,
-  L,
+  graphic: echarts.graphic
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  A,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function A(t) {
-  for (let e in h)
-    this[e] = h[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const H = /* @__PURE__ */ function() {
-  return b.exports;
+const ECharts = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  H as default
+  ECharts as default
 };

package/dist/components/easy-popup/index.js

@@ -0,0 +1,87 @@
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _vm.rendered ? _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.visible,
+      expression: "visible"
+    }],
+    staticClass: "easy-popup",
+    style: _vm.axisComputed
+  }, [_vm._t("default")], 2) : _vm._e();
+}, staticRenderFns = [];
+const __vue2_script = {
+  name: "EasyPopup",
+  props: {
+    // 是否开启边界检测
+    border: {
+      type: Boolean,
+      default: !0
+    },
+    // 显示点偏移量
+    offset: {
+      type: Object,
+      default: () => ({ x: 6, y: 2 })
+    },
+    // 边界距离
+    borderWidth: {
+      type: Number,
+      default: 6
+    }
+  },
+  data() {
+    return {
+      // 是否显示
+      visible: !1,
+      rendered: !1,
+      // 触发点坐标
+      axis: { x: 0, y: 0 }
+    };
+  },
+  computed: {
+    axisComputed() {
+      return {
+        top: `${this.axis.y + this.offset.y}px`,
+        left: `${this.axis.x + this.offset.x}px`
+      };
+    }
+  },
+  watch: {
+    axis() {
+      if (this.border) {
+        const bw = document.body.offsetWidth, bh = document.body.offsetHeight;
+        this.axis.x + this.offset.x >= bw && (this.axis.x = bw - this.borderWidth - this.offset.x), this.axis.y + this.offset.y >= bh && (this.axis.y = bh - this.borderWidth - this.offset.y);
+      }
+    }
+  },
+  methods: {
+    show(event) {
+      document.addEventListener("click", this.hide, !0), this.axis = { x: event.clientX, y: event.clientY }, this.rendered = !0, this.visible = !0;
+    },
+    hide() {
+      this.visible = !1, document.removeEventListener("click", this.hide);
+    }
+  }
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  !1,
+  __vue2_injectStyles,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
+}
+const EasyPopup = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+export {
+  EasyPopup as default
+};

package/dist/components/easy-popup/style.css

@@ -0,0 +1 @@
+.easy-popup{position:fixed;z-index:9999;user-select:none;width:300px;padding:12px;border:1px solid #ebeef5;border-radius:4px;background:#fff;box-shadow:0 2px 12px #0000001a;min-height:200px}