@web-utils/component 2.7.36 → 2.7.37

package/dist/components/dialog-form/index.js

@@ -1,163 +0,0 @@
-import { isEmpty } from "@web-utils/core";
-import { d as deepClone } from "../../chunks/util.b0d0b0ad.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(_vm.dialogType, _vm._b({
-    tag: "Component",
-    staticClass: "dialog-form",
-    attrs: {
-      "visible": _vm.visible,
-      "destroy-on-close": "",
-      "before-close": _vm.beforeClose
-    },
-    on: {
-      "update:visible": function($event) {
-        _vm.visible = $event;
-      }
-    }
-  }, "Component", _vm.dialog, false), [_c("FyForm", {
-    ref: "form",
-    attrs: {
-      "option": Object.assign({}, _vm.deepClone(_vm.option), {
-        menuBtn: false
-      }),
-      "status": _vm.disabled
-    },
-    on: {
-      "update:status": function($event) {
-        _vm.disabled = $event;
-      },
-      "submit": _vm.handleSubmit,
-      "reset-change": _vm.close
-    },
-    model: {
-      value: _vm.data,
-      callback: function($$v) {
-        _vm.data = $$v;
-      },
-      expression: "data"
-    }
-  }), _vm.isEmpty(_vm.option.menuBtn, true) ? _c("span", {
-    staticClass: "avue-dialog__footer",
-    class: `avue-dialog__footer--${_vm.menuPosition}`
-  }, [_vm.isEmpty(_vm.option.submitBtn, true) ? _c("ElButton", {
-    attrs: {
-      "size": _vm.$AVUE.size,
-      "icon": _vm.option.submitIcon,
-      "loading": _vm.disabled,
-      "type": "primary"
-    },
-    on: {
-      "click": _vm.submit
-    }
-  }, [_vm._v(_vm._s(_vm.option.submitText))]) : _vm._e(), _vm.isEmpty(_vm.option.emptyBtn, true) ? _c("ElButton", {
-    attrs: {
-      "disabled": _vm.disabled,
-      "size": _vm.$AVUE.size,
-      "icon": _vm.option.emptyIcon
-    },
-    on: {
-      "click": _vm.reset
-    }
-  }, [_vm._v(_vm._s(_vm.option.emptyText))]) : _vm._e()], 1) : _vm._e()], 1);
-};
-var staticRenderFns = [];
-const DialogForm_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "DialogForm",
-  // showForm,
-  data() {
-    return {
-      opt: {},
-      disabled: false,
-      callback: null,
-      visible: false,
-      dialog: {
-        closeOnClickModal: false
-      },
-      isDrawer: false,
-      option: {
-        submitText: "提交",
-        emptyText: "关闭",
-        submitIcon: "el-icon-check",
-        emptyIcon: "el-icon-close",
-        column: []
-      },
-      data: {}
-    };
-  },
-  computed: {
-    dialogType() {
-      return this.isDrawer ? "ElDrawer" : "ElementDialog";
-    },
-    menuPosition() {
-      return this.opt.menuPosition || "center";
-    }
-  },
-  methods: {
-    isEmpty,
-    deepClone,
-    submit() {
-      this.$refs.form.submit();
-    },
-    reset() {
-      this.$refs.form.resetForm();
-    },
-    beforeClose(done) {
-      done();
-      this.close();
-    },
-    show(opt) {
-      this.opt = opt;
-      this.callback = opt.callback;
-      const dialog = this.deepClone(opt);
-      ["callback", "option", "data"].forEach((ele) => delete dialog[ele]);
-      this.dialog = Object.assign(this.dialog, dialog);
-      this.dialog.size = this.dialog.width;
-      this.isDrawer = this.dialog.type === "drawer";
-      this.option = Object.assign(this.option, opt.option);
-      this.data = opt.data;
-      this.visible = true;
-    },
-    close() {
-      const callback = () => {
-        this.visible = false;
-        this.$destroy();
-        this.$el.remove();
-      };
-      if (typeof this.dialog.beforeClose === "function") {
-        this.dialog.beforeClose(callback);
-      } else {
-        callback();
-      }
-    },
-    handleSubmit(data, done) {
-      this.callback && this.callback({ data, close: this.close, done });
-    }
-  }
-};
-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 DialogForm = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  DialogForm as default
-};

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/vueComponentNormalizer.9c6b8b3d.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/e-charts/index.js

@@ -1,297 +0,0 @@
-import * as echarts from "echarts/core";
-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.9c6b8b3d.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 = "";
-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: {
-    // provide an explicit merge option method
-    mergeOptions(options, notMerge, lazyUpdate) {
-      if (this.manualUpdate) {
-        this.manualOptions = options;
-      }
-      if (!this.chart) {
-        this.init(options);
-      } else {
-        this.delegateMethod("setOption", options, notMerge, lazyUpdate);
-      }
-    },
-    // just delegates ECharts methods to Vue component
-    // use explicit params to reduce transpiled size for now
-    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, {
-        // Only recalculated when accessed from JavaScript.
-        // Won't update DOM on value change because getters
-        // don't depend on reactive values
-        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
-};