@web-utils/component 4.0.16 → 5.0.0-beta02

package/dynamic-table/index.mjs

@@ -1,109 +1,166 @@
-import { fastClone as o, validateNumber as p, validateIdCard as u, validatePhoneNum as d } from "@web-utils/core";
-import { n as c } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const n = {
-  number: "fa fa-superscript",
-  email: "el-icon-lx-mail",
-  phone: "fa fa-phone",
-  idCard: "el-icon-lx-news"
-}, m = {
-  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: !0,
-      handler(t) {
-        this.$emit("input", t);
-      }
-    },
-    columns: {
-      deep: !0,
-      handler() {
-        this.key++;
-      }
-    }
-  },
-  methods: {
-    getIcon(t) {
-      return n[t.type] ? n[t.type] : "";
-    },
-    addRow() {
-      const t = this.value;
-      t.push(this.newRow()), this.$emit("input", t);
-    },
-    removeRow(t, e) {
-      const a = this.value;
-      a.splice(e, 1), this.$emit("input", a);
-    },
-    newRow() {
-      const t = {};
-      return this.columns.forEach((e) => {
-        t[e.prop] = void 0;
-      }), t;
-    },
-    getRules(t) {
-      const e = t.rules;
-      if (["email", "idCard", "phone", "number"].includes(t.type)) {
-        const a = o(e || []);
-        return t.type === "number" && a.push({ validator: p, message: "请输入数字！" }), t.type === "email" && a.push({ type: "email", message: "请输入正确的邮箱地址！" }), t.type === "idCard" && a.push({ validator: u, message: "请输入正确的身份证号码！" }), t.type === "phone" && a.push({ validator: d, message: "请输入正确的手机号码！" }), a;
-      } else
-        return e;
-    }
-  }
-};
-var f = function() {
-  var e = this, a = e._self._c;
-  return a("div", { staticClass: "dynamic-table" }, [a("ElTable", { key: e.key, staticStyle: { width: "100%" }, attrs: { data: e.value } }, [e._l(e.columns, function(i) {
-    return a("TableColumn", { key: i.prop, attrs: { prop: i.prop, label: i.label, "min-width": "150" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l, $index: s }) {
-      return [a("ElFormItem", { style: { marginBottom: e.inputDisabled ? "0px" : "16px" }, attrs: { prop: `${e.prop}.${s}.${i.prop}`, size: "mini", rules: e.getRules(i) } }, [a("ElInput", { attrs: { "prefix-icon": e.getIcon(i), disabled: e.inputDisabled, placeholder: e.inputDisabled ? "" : `请输入${i.label}！` }, model: { value: l[i.prop], callback: function(r) {
-        e.$set(l, i.prop, r);
-      }, expression: "row[column.prop]" } })], 1)];
-    } }], null, !0) });
-  }), e.inputDisabled ? e._e() : a("TableColumn", { attrs: { label: "操作", width: "60", fixed: "right" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, column: l, $index: s }) {
-    return [a("i", { staticClass: "el-icon-minus dynamic-table-action-icon", staticStyle: { position: "relative", top: "-8px", color: "#f00" }, attrs: { title: "删除" }, on: { click: function(r) {
-      return r.stopPropagation(), e.removeRow(i, s, l);
-    } } })];
-  } }], null, !1, 410881950) })], 2), e.inputDisabled ? e._e() : a("ElButton", { staticStyle: { color: "#08c108" }, attrs: { type: "text", icon: "el-icon-plus" }, on: { click: e.addRow } }, [e._v(" 添加 ")])], 1);
-}, h = [], y = /* @__PURE__ */ c(
-  m,
-  f,
-  h,
-  !1,
-  null,
-  null
-);
-const _ = y.exports;
-export {
-  _ as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, normalizeStyle as c, openBlock as l, renderList as u, resolveComponent as d, withCtx as f, withModifiers as p } from "vue";
+import { fastClone as m, validateIdCard as h, validateNumber as g, validatePhoneNum as _ } from "@web-utils/core";
+//#region src/components/dynamic-table/DynamicTable.vue
+var v = {
+	number: "fa fa-superscript",
+	email: "el-icon-lx-mail",
+	phone: "fa fa-phone",
+	idCard: "el-icon-lx-news"
+}, y = {
+	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: !0,
+			handler(e) {
+				this.$emit("input", e);
+			}
+		},
+		columns: {
+			deep: !0,
+			handler() {
+				this.key++;
+			}
+		}
+	},
+	methods: {
+		getIcon(e) {
+			return v[e.type] ? v[e.type] : "";
+		},
+		addRow() {
+			let e = this.value;
+			e.push(this.newRow()), this.$emit("input", e);
+		},
+		removeRow(e, t) {
+			let n = this.value;
+			n.splice(t, 1), this.$emit("input", n);
+		},
+		newRow() {
+			let e = {};
+			return this.columns.forEach((t) => {
+				e[t.prop] = void 0;
+			}), e;
+		},
+		getRules(e) {
+			let t = e.rules;
+			if ([
+				"email",
+				"idCard",
+				"phone",
+				"number"
+			].includes(e.type)) {
+				let n = m(t || []);
+				return e.type === "number" && n.push({
+					validator: g,
+					message: "请输入数字！"
+				}), e.type === "email" && n.push({
+					type: "email",
+					message: "请输入正确的邮箱地址！"
+				}), e.type === "idCard" && n.push({
+					validator: h,
+					message: "请输入正确的身份证号码！"
+				}), e.type === "phone" && n.push({
+					validator: _,
+					message: "请输入正确的手机号码！"
+				}), n;
+			} else return t;
+		}
+	}
+}, b = { class: "dynamic-table" }, x = ["onClick"];
+function S(e, m, h, g, _, v) {
+	let y = d("ElInput"), S = d("ElFormItem"), C = d("TableColumn"), w = d("ElTable"), T = d("ElButton");
+	return l(), i("div", b, [(l(), n(w, {
+		key: _.key,
+		data: h.value,
+		style: { width: "100%" }
+	}, {
+		default: f(() => [(l(!0), i(t, null, u(h.columns, (e) => (l(), n(C, {
+			key: e.prop,
+			prop: e.prop,
+			label: e.label,
+			"min-width": "150"
+		}, {
+			default: f(({ row: t, $index: n }) => [s(S, {
+				prop: `${h.prop}.${n}.${e.prop}`,
+				size: "default",
+				rules: v.getRules(e),
+				style: c({ marginBottom: v.inputDisabled ? "0px" : "16px" })
+			}, {
+				default: f(() => [s(y, {
+					modelValue: t[e.prop],
+					"onUpdate:modelValue": (n) => t[e.prop] = n,
+					"prefix-icon": v.getIcon(e),
+					disabled: v.inputDisabled,
+					placeholder: v.inputDisabled ? "" : `请输入${e.label}！`
+				}, null, 8, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"prefix-icon",
+					"disabled",
+					"placeholder"
+				])]),
+				_: 2
+			}, 1032, [
+				"prop",
+				"rules",
+				"style"
+			])]),
+			_: 2
+		}, 1032, ["prop", "label"]))), 128)), v.inputDisabled ? r("v-if", !0) : (l(), n(C, {
+			key: 0,
+			label: "操作",
+			width: "60",
+			fixed: "right"
+		}, {
+			default: f(({ row: e, column: t, $index: n }) => [a("i", {
+				class: "el-icon-minus dynamic-table-action-icon",
+				style: {
+					position: "relative",
+					top: "-8px",
+					color: "#f00"
+				},
+				title: "删除",
+				onClick: p((r) => v.removeRow(e, n, t), ["stop"])
+			}, null, 8, x)]),
+			_: 1
+		}))]),
+		_: 1
+	}, 8, ["data"])), v.inputDisabled ? r("v-if", !0) : (l(), n(T, {
+		key: 0,
+		type: "text",
+		icon: "el-icon-plus",
+		style: { color: "#08c108" },
+		onClick: v.addRow
+	}, {
+		default: f(() => [...m[0] || (m[0] = [o(" 添加 ", -1)])]),
+		_: 1
+	}, 8, ["onClick"]))]);
+}
+var C = /* @__PURE__ */ e(y, [["render", S]]);
+//#endregion
+export { C as default };

package/e-charts/index.mjs

@@ -1,202 +1,176 @@
-import * as s from "echarts/core";
-import { isString as r } from "@web-utils/core";
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createElementBlock as t, normalizeStyle as n, openBlock as r } from "vue";
+import { isString as i } from "@web-utils/core";
 import { debounce as a } from "@web-utils/integrations/lodash";
-import { removeListener as n, addListener as o } from "resize-detector";
-import { n as d } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const c = ["theme", "initOptions", "autoResize"], l = ["manualUpdate", "watchShallow"], p = {
-  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(t) {
-      this.chart.group = t;
-    }
-  },
-  created() {
-    this.initOptionsWatcher(), c.forEach((t) => {
-      this.$watch(
-        t,
-        () => {
-          this.refresh();
-        },
-        { deep: !0 }
-      );
-    }), l.forEach((t) => {
-      this.$watch(t, () => {
-        this.initOptionsWatcher(), this.refresh();
-      });
-    });
-  },
-  mounted() {
-    this.options && this.init();
-  },
-  activated() {
-    var t;
-    this.autoResize && ((t = this.chart) == null || t.resize());
-  },
-  destroyed() {
-    this.chart && this.destroy();
-  },
-  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);
-    },
-    // just delegates ECharts methods to Vue component
-    // use explicit params to reduce transpiled size for now
-    appendData(t) {
-      this.delegateMethod("appendData", t);
-    },
-    resize(t) {
-      this.delegateMethod("resize", t);
-    },
-    dispatchAction(t) {
-      this.delegateMethod("dispatchAction", t);
-    },
-    convertToPixel(t, e) {
-      return this.delegateMethod("convertToPixel", t, e);
-    },
-    convertFromPixel(t, e) {
-      return this.delegateMethod("convertFromPixel", t, e);
-    },
-    containPixel(t, e) {
-      return this.delegateMethod("containPixel", t, e);
-    },
-    showLoading(t, e) {
-      this.delegateMethod("showLoading", t, e);
-    },
-    hideLoading() {
-      this.delegateMethod("hideLoading");
-    },
-    getDataURL(t) {
-      return this.delegateMethod("getDataURL", t);
-    },
-    getConnectedDataURL(t) {
-      return this.delegateMethod("getConnectedDataURL", t);
-    },
-    clear() {
-      this.delegateMethod("clear");
-    },
-    dispose() {
-      this.delegateMethod("dispose");
-    },
-    delegateMethod(t, ...e) {
-      return this.chart || this.init(), this.chart[t](...e);
-    },
-    delegateGet(t) {
-      return this.chart || this.init(), this.chart[t]();
-    },
-    getArea() {
-      return this.$el.offsetWidth * this.$el.offsetHeight;
-    },
-    init(t) {
-      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 h = this.$listeners[i];
-        i.indexOf("zr:") === 0 ? e.getZr().on(i.slice(3), h) : e.on(i, h);
-      }), this.autoResize && (this.lastArea = this.getArea(), this.__resizeHandler = a(
-        () => {
-          this.lastArea === 0 ? (this.mergeOptions({}, !0), this.resize(), this.mergeOptions(this.options || this.manualOptions || {}, !0)) : this.resize(), this.lastArea = this.getArea();
-        },
-        100,
-        { leading: !0 }
-      ), o(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: !0,
-          get: () => this.delegateGet("getWidth")
-        },
-        height: {
-          configurable: !0,
-          get: () => this.delegateGet("getHeight")
-        },
-        isDisposed: {
-          configurable: !0,
-          get: () => !!this.delegateGet("isDisposed")
-        },
-        computedOptions: {
-          configurable: !0,
-          get: () => this.delegateGet("getOption")
-        }
-      }), this.chart = e;
-    },
-    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);
-        },
-        { deep: !this.watchShallow }
-      ));
-    },
-    destroy() {
-      this.autoResize && n(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);
-  },
-  disconnect(t) {
-    s.disConnect(t);
-  },
-  getMap(t) {
-    return s.getMap(t);
-  },
-  registerMap(t, e, i) {
-    s.registerMap(t, e, i);
-  },
-  registerTheme(t, e) {
-    s.registerTheme(t, e);
-  },
-  graphic: s.graphic
-};
-var g = function() {
-  var e = this, i = e._self._c;
-  return i("div", { staticClass: "echarts", style: { width: e.width, height: e.height } });
-}, u = [], f = /* @__PURE__ */ d(
-  p,
-  g,
-  u,
-  !1,
-  null,
-  null
-);
-const M = f.exports;
-export {
-  M as default
+import * as o from "echarts/core";
+import { addListener as s, removeListener as c } from "resize-detector";
+//#region src/components/ECharts.vue
+var l = [
+	"theme",
+	"initOptions",
+	"autoResize"
+], u = ["manualUpdate", "watchShallow"], d = {
+	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(e) {
+		this.chart.group = e;
+	} },
+	created() {
+		this.initOptionsWatcher(), l.forEach((e) => {
+			this.$watch(e, () => {
+				this.refresh();
+			}, { deep: !0 });
+		}), u.forEach((e) => {
+			this.$watch(e, () => {
+				this.initOptionsWatcher(), this.refresh();
+			});
+		});
+	},
+	mounted() {
+		this.options && this.init();
+	},
+	activated() {
+		if (this.autoResize) {
+			var e;
+			(e = this.chart) == null || e.resize();
+		}
+	},
+	unmounted() {
+		this.chart && this.destroy();
+	},
+	methods: {
+		mergeOptions(e, t, n) {
+			this.manualUpdate && (this.manualOptions = e), this.chart ? this.delegateMethod("setOption", e, t, n) : this.init(e);
+		},
+		appendData(e) {
+			this.delegateMethod("appendData", e);
+		},
+		resize(e) {
+			this.delegateMethod("resize", e);
+		},
+		dispatchAction(e) {
+			this.delegateMethod("dispatchAction", e);
+		},
+		convertToPixel(e, t) {
+			return this.delegateMethod("convertToPixel", e, t);
+		},
+		convertFromPixel(e, t) {
+			return this.delegateMethod("convertFromPixel", e, t);
+		},
+		containPixel(e, t) {
+			return this.delegateMethod("containPixel", e, t);
+		},
+		showLoading(e, t) {
+			this.delegateMethod("showLoading", e, t);
+		},
+		hideLoading() {
+			this.delegateMethod("hideLoading");
+		},
+		getDataURL(e) {
+			return this.delegateMethod("getDataURL", e);
+		},
+		getConnectedDataURL(e) {
+			return this.delegateMethod("getConnectedDataURL", e);
+		},
+		clear() {
+			this.delegateMethod("clear");
+		},
+		dispose() {
+			this.delegateMethod("dispose");
+		},
+		delegateMethod(e, ...t) {
+			return this.chart || this.init(), this.chart[e](...t);
+		},
+		delegateGet(e) {
+			return this.chart || this.init(), this.chart[e]();
+		},
+		getArea() {
+			return this.$el.offsetWidth * this.$el.offsetHeight;
+		},
+		init(e) {
+			if (this.chart) return;
+			let t = o.init(this.$el, this.theme, this.initOptions);
+			this.group && (t.group = this.group), t.setOption(e || this.manualOptions || this.options || {}, !0), Object.keys(this.$listeners).forEach((e) => {
+				let n = this.$listeners[e];
+				e.indexOf("zr:") === 0 ? t.getZr().on(e.slice(3), n) : t.on(e, n);
+			}), this.autoResize && (this.lastArea = this.getArea(), this.__resizeHandler = a(() => {
+				this.lastArea === 0 ? (this.mergeOptions({}, !0), this.resize(), this.mergeOptions(this.options || this.manualOptions || {}, !0)) : this.resize(), this.lastArea = this.getArea();
+			}, 100, { leading: !0 }), s(this.$el, this.__resizeHandler)), Object.defineProperties(this, {
+				width: {
+					configurable: !0,
+					get: () => this.delegateGet("getWidth")
+				},
+				height: {
+					configurable: !0,
+					get: () => this.delegateGet("getHeight")
+				},
+				isDisposed: {
+					configurable: !0,
+					get: () => !!this.delegateGet("isDisposed")
+				},
+				computedOptions: {
+					configurable: !0,
+					get: () => this.delegateGet("getOption")
+				}
+			}), this.chart = t;
+		},
+		initOptionsWatcher() {
+			this.__unwatchOptions && (this.__unwatchOptions(), this.__unwatchOptions = null), this.manualUpdate || (this.__unwatchOptions = this.$watch("options", (e, t) => {
+				!this.chart && e ? this.init() : this.chart.setOption(e, e !== t);
+			}, { deep: !this.watchShallow }));
+		},
+		destroy() {
+			this.autoResize && c(this.$el, this.__resizeHandler), this.dispose(), this.chart = null;
+		},
+		refresh() {
+			this.chart && (this.destroy(), this.init());
+		}
+	},
+	connect(e) {
+		i(e) || (e = e.map((e) => e.chart)), o.connect(e);
+	},
+	disconnect(e) {
+		o.disConnect(e);
+	},
+	getMap(e) {
+		return o.getMap(e);
+	},
+	registerMap(e, t, n) {
+		o.registerMap(e, t, n);
+	},
+	registerTheme(e, t) {
+		o.registerTheme(e, t);
+	},
+	graphic: o.graphic
 };
+function f(e, i, a, o, s, c) {
+	return r(), t("div", {
+		class: "echarts",
+		style: n({
+			width: a.width,
+			height: a.height
+		})
+	}, null, 4);
+}
+var p = /* @__PURE__ */ e(d, [["render", f]]);
+//#endregion
+export { p as default };