@web-utils/component 2.0.13 → 2.2.0

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

@@ -1,219 +0,0 @@
-import { fastClone, validateNumber, validateIdCard, validatePhoneNum } 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: "dynamic-table"
-  }, [_c("ElTable", {
-    key: _vm.key,
-    staticStyle: {
-      "width": "100%"
-    },
-    attrs: {
-      "data": _vm.value
-    }
-  }, [_vm._l(_vm.columns, function(column) {
-    return _c("ElTableColumn", {
-      key: column.prop,
-      attrs: {
-        "prop": column.prop,
-        "label": column.label,
-        "min-width": "150"
-      },
-      scopedSlots: _vm._u([{
-        key: "default",
-        fn: function(_ref) {
-          var row = _ref.row, $index = _ref.$index;
-          return [_c("ElFormItem", {
-            style: {
-              marginBottom: _vm.inputDisabled ? "0px" : "16px"
-            },
-            attrs: {
-              "prop": `${_vm.prop}.${$index}.${column.prop}`,
-              "size": "mini",
-              "rules": _vm.getRules(column)
-            }
-          }, [_c("ElInput", {
-            attrs: {
-              "prefix-icon": _vm.getIcon(column),
-              "disabled": _vm.inputDisabled,
-              "placeholder": _vm.inputDisabled ? "" : `请输入${column.label}！`
-            },
-            model: {
-              value: row[column.prop],
-              callback: function($$v) {
-                _vm.$set(row, column.prop, $$v);
-              },
-              expression: "row[column.prop]"
-            }
-          })], 1)];
-        }
-      }], null, true)
-    });
-  }), !_vm.inputDisabled ? _c("ElTableColumn", {
-    attrs: {
-      "label": "操作",
-      "width": "60",
-      "fixed": "right"
-    },
-    scopedSlots: _vm._u([{
-      key: "default",
-      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",
-            "top": "-8px",
-            "color": "#f00"
-          },
-          attrs: {
-            "title": "删除"
-          },
-          on: {
-            "click": function($event) {
-              $event.stopPropagation();
-              return _vm.removeRow(row, $index, column);
-            }
-          }
-        })];
-      }
-    }], null, false, 410881950)
-  }) : _vm._e()], 2), !_vm.inputDisabled ? _c("ElButton", {
-    staticStyle: {
-      "color": "#08c108"
-    },
-    attrs: {
-      "type": "text",
-      "icon": "el-icon-plus"
-    },
-    on: {
-      "click": _vm.addRow
-    }
-  }, [_vm._v(" 添加 ")]) : _vm._e()], 1);
-};
-var staticRenderFns = [];
-const DynamicTable_vue_vue_type_style_index_0_lang = "";
-const icons = {
-  number: "fa fa-superscript",
-  email: "el-icon-lx-mail",
-  phone: "fa fa-phone",
-  idCard: "el-icon-lx-news"
-};
-const __vue2_script = {
-  name: "DynamicTable",
-  inject: {
-    elForm: {
-      default: ""
-    },
-    elFormItem: {
-      default: ""
-    }
-  },
-  props: {
-    prop: {
-      type: String,
-      default: "rows"
-    },
-    value: {
-      type: Array,
-      default: () => []
-    },
-    columns: {
-      type: Array,
-      default: () => []
-    },
-    disabled: Boolean
-  },
-  data() {
-    return {
-      key: 1
-    };
-  },
-  computed: {
-    inputDisabled() {
-      return this.disabled || (this.elForm || {}).disabled;
-    }
-  },
-  watch: {
-    value: {
-      deep: true,
-      handler(newVal) {
-        this.$emit("input", newVal);
-      }
-    },
-    columns: {
-      deep: true,
-      handler() {
-        this.key++;
-      }
-    }
-  },
-  methods: {
-    getIcon(column) {
-      return icons[column.type] ? icons[column.type] : "";
-    },
-    addRow() {
-      const value = this.value;
-      value.push(this.newRow());
-      this.$emit("input", value);
-    },
-    removeRow(row, index) {
-      const value = this.value;
-      value.splice(index, 1);
-      this.$emit("input", value);
-    },
-    newRow() {
-      const row = {};
-      this.columns.forEach((value) => {
-        row[value.prop] = void 0;
-      });
-      return row;
-    },
-    getRules(column) {
-      const userRules = column.rules;
-      if (["email", "idCard", "phone", "number"].includes(column.type)) {
-        const rules = fastClone(userRules || []);
-        if (column.type === "number") {
-          rules.push({ validator: validateNumber, message: "请输入数字！" });
-        }
-        if (column.type === "email") {
-          rules.push({ type: "email", message: "请输入正确的邮箱地址！" });
-        }
-        if (column.type === "idCard") {
-          rules.push({ validator: validateIdCard, message: "请输入正确的身份证号码！" });
-        }
-        if (column.type === "phone") {
-          rules.push({ validator: validatePhoneNum, message: "请输入正确的手机号码！" });
-        }
-        return rules;
-      } else {
-        return userRules;
-      }
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const DynamicTable = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  DynamicTable as default
-};

package/dist/components/dynamic-table/style.css

@@ -1,30 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.dynamic-table {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-}
-.dynamic-table .dynamic-table-action-icon {
-  margin-left: 10px;
-  font-weight: bold;
-  cursor: pointer;
-}
-.dynamic-table .el-form-item {
-  margin-bottom: 0;
-}
-.dynamic-table .el-table {
-  flex: 1 1 auto;
-}
-.dynamic-table .el-table td {
-  padding: 2px 0;
-}
-.dynamic-table .el-input.is-disabled .el-input__inner {
-  background-color: transparent;
-  border: none;
-}

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

@@ -1,310 +0,0 @@
-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 { debounce, isString } from "@web-utils/core";
-import { addListener, removeListener } from "resize-detector";
-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: "echarts",
-    style: {
-      width: _vm.width,
-      height: _vm.height
-    }
-  });
-};
-var staticRenderFns = [];
-const ECharts_vue_vue_type_style_index_0_lang = "";
-echarts.use([
-  TitleComponent,
-  TooltipComponent,
-  GridComponent,
-  LegendComponent,
-  DatasetComponent,
-  PolarComponent,
-  CanvasRenderer,
-  BarChart,
-  LineChart,
-  PieChart,
-  RadarChart,
-  MapChart,
-  ScatterChart,
-  EffectScatterChart,
-  PictorialBarChart
-]);
-const INIT_TRIGGERS = ["theme", "initOptions", "autoResize"];
-const REWATCH_TRIGGERS = ["manualUpdate", "watchShallow"];
-const __vue2_script = {
-  name: "ECharts",
-  props: {
-    options: {
-      type: Object
-    },
-    theme: {
-      type: [String, Object]
-    },
-    initOptions: {
-      type: Object
-    },
-    group: {
-      type: String
-    },
-    width: {
-      type: String,
-      default: "100%"
-    },
-    height: {
-      type: String,
-      default: "100%"
-    },
-    autoResize: Boolean,
-    watchShallow: Boolean,
-    manualUpdate: Boolean
-  },
-  data() {
-    return {
-      lastArea: 0
-    };
-  },
-  watch: {
-    group(group) {
-      this.chart.group = group;
-    }
-  },
-  created() {
-    this.initOptionsWatcher();
-    INIT_TRIGGERS.forEach((prop) => {
-      this.$watch(
-        prop,
-        () => {
-          this.refresh();
-        },
-        { deep: true }
-      );
-    });
-    REWATCH_TRIGGERS.forEach((prop) => {
-      this.$watch(prop, () => {
-        this.initOptionsWatcher();
-        this.refresh();
-      });
-    });
-  },
-  mounted() {
-    if (this.options) {
-      this.init();
-    }
-  },
-  activated() {
-    if (this.autoResize) {
-      this.chart && this.chart.resize();
-    }
-  },
-  destroyed() {
-    if (this.chart) {
-      this.destroy();
-    }
-  },
-  methods: {
-    mergeOptions(options, notMerge, lazyUpdate) {
-      if (this.manualUpdate) {
-        this.manualOptions = options;
-      }
-      if (!this.chart) {
-        this.init(options);
-      } else {
-        this.delegateMethod("setOption", options, notMerge, lazyUpdate);
-      }
-    },
-    appendData(params) {
-      this.delegateMethod("appendData", params);
-    },
-    resize(options) {
-      this.delegateMethod("resize", options);
-    },
-    dispatchAction(payload) {
-      this.delegateMethod("dispatchAction", payload);
-    },
-    convertToPixel(finder, value) {
-      return this.delegateMethod("convertToPixel", finder, value);
-    },
-    convertFromPixel(finder, value) {
-      return this.delegateMethod("convertFromPixel", finder, value);
-    },
-    containPixel(finder, value) {
-      return this.delegateMethod("containPixel", finder, value);
-    },
-    showLoading(type, options) {
-      this.delegateMethod("showLoading", type, options);
-    },
-    hideLoading() {
-      this.delegateMethod("hideLoading");
-    },
-    getDataURL(options) {
-      return this.delegateMethod("getDataURL", options);
-    },
-    getConnectedDataURL(options) {
-      return this.delegateMethod("getConnectedDataURL", options);
-    },
-    clear() {
-      this.delegateMethod("clear");
-    },
-    dispose() {
-      this.delegateMethod("dispose");
-    },
-    delegateMethod(name, ...args) {
-      if (!this.chart) {
-        this.init();
-      }
-      return this.chart[name](...args);
-    },
-    delegateGet(methodName) {
-      if (!this.chart) {
-        this.init();
-      }
-      return this.chart[methodName]();
-    },
-    getArea() {
-      return this.$el.offsetWidth * this.$el.offsetHeight;
-    },
-    init(options) {
-      if (this.chart) {
-        return;
-      }
-      const chart = echarts.init(this.$el, this.theme, this.initOptions);
-      if (this.group) {
-        chart.group = this.group;
-      }
-      chart.setOption(options || this.manualOptions || this.options || {}, true);
-      Object.keys(this.$listeners).forEach((event) => {
-        const handler = this.$listeners[event];
-        if (event.indexOf("zr:") === 0) {
-          chart.getZr().on(event.slice(3), handler);
-        } else {
-          chart.on(event, handler);
-        }
-      });
-      if (this.autoResize) {
-        this.lastArea = this.getArea();
-        this.__resizeHandler = debounce(
-          () => {
-            if (this.lastArea === 0) {
-              this.mergeOptions({}, true);
-              this.resize();
-              this.mergeOptions(this.options || this.manualOptions || {}, true);
-            } else {
-              this.resize();
-            }
-            this.lastArea = this.getArea();
-          },
-          100,
-          { leading: true }
-        );
-        addListener(this.$el, this.__resizeHandler);
-      }
-      Object.defineProperties(this, {
-        width: {
-          configurable: true,
-          get: () => {
-            return this.delegateGet("getWidth");
-          }
-        },
-        height: {
-          configurable: true,
-          get: () => {
-            return this.delegateGet("getHeight");
-          }
-        },
-        isDisposed: {
-          configurable: true,
-          get: () => {
-            return !!this.delegateGet("isDisposed");
-          }
-        },
-        computedOptions: {
-          configurable: true,
-          get: () => {
-            return this.delegateGet("getOption");
-          }
-        }
-      });
-      this.chart = chart;
-    },
-    initOptionsWatcher() {
-      if (this.__unwatchOptions) {
-        this.__unwatchOptions();
-        this.__unwatchOptions = null;
-      }
-      if (!this.manualUpdate) {
-        this.__unwatchOptions = this.$watch(
-          "options",
-          (val, oldVal) => {
-            if (!this.chart && val) {
-              this.init();
-            } else {
-              this.chart.setOption(val, val !== oldVal);
-            }
-          },
-          { deep: !this.watchShallow }
-        );
-      }
-    },
-    destroy() {
-      if (this.autoResize) {
-        removeListener(this.$el, this.__resizeHandler);
-      }
-      this.dispose();
-      this.chart = null;
-    },
-    refresh() {
-      if (this.chart) {
-        this.destroy();
-        this.init();
-      }
-    }
-  },
-  connect(group) {
-    if (!isString(group)) {
-      group = group.map((chart) => chart.chart);
-    }
-    echarts.connect(group);
-  },
-  disconnect(group) {
-    echarts.disConnect(group);
-  },
-  getMap(mapName) {
-    return echarts.getMap(mapName);
-  },
-  registerMap(mapName, geoJSON, specialAreas) {
-    echarts.registerMap(mapName, geoJSON, specialAreas);
-  },
-  registerTheme(name, theme) {
-    echarts.registerTheme(name, theme);
-  },
-  graphic: echarts.graphic
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const ECharts = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ECharts as default
-};

package/dist/components/e-charts/style.css

@@ -1,10 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.echarts {
-  width: 100%;
-  height: 100%;
-}