@web-utils/component 4.0.16 → 5.0.0-beta01

package/fy-input-map/index.mjs

@@ -1,184 +1,243 @@
-import { p as c, e as p } from "../chunks/event.9aDS6jcw.mjs";
-import { isBlank as d } from "@web-utils/core";
-import { n as h } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const u = {
-  name: "FyInputMap",
-  mixins: [c, p],
-  props: {
-    dialogWidth: {
-      type: String,
-      default: "60%"
-    },
-    rows: Number,
-    minRows: {
-      type: Number,
-      default: 1
-    },
-    maxRows: {
-      type: Number
-    }
-  },
-  data() {
-    return {
-      formattedAddress: "",
-      address: "",
-      poi: {},
-      marker: null,
-      map: null,
-      box: !1
-    };
-  },
-  computed: {
-    longitude() {
-      var t;
-      return (t = this.text) == null ? void 0 : t[0];
-    },
-    latitude() {
-      var t;
-      return (t = this.text) == null ? void 0 : t[1];
-    },
-    title() {
-      return this.disabled || this.readonly ? "查看" : "选择";
-    }
-  },
-  watch: {
-    poi(t) {
-      this.formattedAddress = t.formattedAddress;
-    },
-    value(t) {
-      d(t) && (this.poi = {}, this.address = "");
-    },
-    text(t) {
-      d(t) || (this.poi = {
-        longitude: t[0],
-        latitude: t[1],
-        formattedAddress: t[2]
-      }, this.address = t[2]);
-    },
-    box: {
-      handler() {
-        this.box && this.$nextTick(
-          () => this.init(() => {
-            this.longitude && this.latitude && (this.addMarker(this.longitude, this.latitude), this.getAddress(this.longitude, this.latitude));
-          })
-        );
-      },
-      immediate: !0
-    }
-  },
-  destroyed() {
-    this.service = null;
-  },
-  methods: {
-    clear() {
-      this.poi = {}, this.clearMarker();
-    },
-    handleSubmit() {
-      this.setVal(), this.box = !1;
-    },
-    handleClear() {
-      this.text = [], this.poi = {}, this.handleChange(this.text);
-    },
-    setVal() {
-      this.text = [this.poi.longitude, this.poi.latitude, this.poi.formattedAddress], this.handleChange(this.text);
-    },
-    handleShow() {
-      this.$refs.main.blur(), this.box = !0;
-    },
-    // 新增坐标
-    addMarker(t, e) {
-      this.clearMarker(), this.marker = new window.AMap.Marker({ position: [t, e] }), this.marker.setMap(this.map);
-    },
-    // 清空坐标
-    clearMarker() {
-      this.marker && (this.marker.setMap(null), this.marker = null);
-    },
-    // 获取坐标
-    getAddress(t, e) {
-      this.service = new window.AMap.service("AMap.Geocoder", () => {
-        new window.AMap.Geocoder({}).getAddress([t, e], (i, n) => {
-          if (i === "complete" && n.info === "OK") {
-            const l = n.regeocode;
-            this.poi = Object.assign(l, {
-              longitude: t,
-              latitude: e
-            });
-            const s = document.createElement("div"), o = document.createElement("img");
-            o.src = "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png", s.appendChild(o);
-            const r = document.createElement("span");
-            r.className = "avue-input-map__marker", r.innerHTML = this.poi.formattedAddress, s.appendChild(r), this.marker.setContent(s);
-          }
-        });
-      });
-    },
-    handleClose() {
-      var t;
-      (t = this.poiPicker) == null || t.clearSearchResults();
-    },
-    addClick() {
-      this.map.on("click", (t) => {
-        if (this.disabled || this.readonly) return;
-        const e = t.lnglat, a = e.P || e.Q, i = e.R;
-        this.addMarker(i, a), this.getAddress(i, a);
-      });
-    },
-    init(t) {
-      this.map = new window.AMap.Map("map__container", {
-        zoom: 13,
-        center: (() => {
-          if (this.longitude && this.latitude) return [this.longitude, this.latitude];
-        })(),
-        ...this.params
-      }), this.initPoip(), this.addClick(), t();
-    },
-    initPoip() {
-      window.AMapUI.loadUI(["misc/PoiPicker"], (t) => {
-        const e = new t({
-          input: "map__input",
-          placeSearchOptions: {
-            map: this.map,
-            pageSize: 10
-          },
-          searchResultsContainer: "map__result"
-        });
-        this.poiPickerReady(e);
-      });
-    },
-    poiPickerReady(t) {
-      this.poiPicker = t, t.on("poiPicked", (e) => {
-        this.clearMarker();
-        const a = e.source, i = e.item;
-        this.poi = Object.assign(i, {
-          formattedAddress: i.name,
-          longitude: i.location.R,
-          latitude: i.location.P || i.location.Q
-        }), a !== "search" && t.searchByKeyword(i.name);
-      });
-    }
-  }
-};
-var m = function() {
-  var e = this, a = e._self._c;
-  return a("div", { staticClass: "avue-input-map" }, [a("ElInput", { ref: "main", attrs: { size: e.size, clearable: e.clearableVal, rows: e.rows, autosize: { minRows: e.minRows, maxRows: e.maxRows }, disabled: e.disabled, type: "textarea", placeholder: e.placeholder }, on: { clear: e.handleClear, focus: e.handleShow }, nativeOn: { click: function(i) {
-    return e.handleClick.apply(null, arguments);
-  } }, model: { value: e.address, callback: function(i) {
-    e.address = i;
-  }, expression: "address" } }), e.box ? a("div", [a("ElementDialog", { attrs: { "show-full-screen": "", width: e.dialogWidth, title: e.placeholder, visible: e.box }, on: { "update:visible": function(i) {
-    e.box = i;
-  }, close: e.handleClose }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [e.disabled || e.readonly ? e._e() : a("ElButton", { attrs: { type: "primary", size: e.size, icon: "el-icon-check" }, on: { click: e.handleSubmit } }, [e._v(" 确 定 ")])];
-  }, proxy: !0 }], null, !1, 1816263233) }, [e.box ? a("div", { staticClass: "avue-input-map__content" }, [a("ElInput", { staticClass: "avue-input-map__content-input", attrs: { id: "map__input", size: e.size, readonly: e.disabled, clearable: "", placeholder: "输入关键字选取地点" }, on: { clear: e.clear }, model: { value: e.formattedAddress, callback: function(i) {
-    e.formattedAddress = i;
-  }, expression: "formattedAddress" } }), a("div", { staticClass: "avue-input-map__content-box" }, [a("div", { staticClass: "avue-input-map__content-container", attrs: { id: "map__container", tabindex: "0" } }), a("div", { staticClass: "avue-input-map__content-result", attrs: { id: "map__result" } })])], 1) : e._e()])], 1) : e._e()], 1);
-}, f = [], _ = /* @__PURE__ */ h(
-  u,
-  m,
-  f,
-  !1,
-  null,
-  null
-);
-const w = _.exports;
-export {
-  w as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { n as t, t as n } from "../chunks/event.eJ-c1Z3a.mjs";
+import { createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, openBlock as l, resolveComponent as u, withCtx as d } from "vue";
+import { isBlank as f } from "@web-utils/core";
+//#region src/components/fy-from/input-map/FyInputMap.vue
+var p = {
+	name: "FyInputMap",
+	mixins: [t, n],
+	props: {
+		dialogWidth: {
+			type: String,
+			default: "60%"
+		},
+		rows: Number,
+		minRows: {
+			type: Number,
+			default: 1
+		},
+		maxRows: { type: Number }
+	},
+	data() {
+		return {
+			formattedAddress: "",
+			address: "",
+			poi: {},
+			marker: null,
+			map: null,
+			box: !1
+		};
+	},
+	computed: {
+		longitude() {
+			var e;
+			return (e = this.text) == null ? void 0 : e[0];
+		},
+		latitude() {
+			var e;
+			return (e = this.text) == null ? void 0 : e[1];
+		},
+		title() {
+			return this.disabled || this.readonly ? "查看" : "选择";
+		}
+	},
+	watch: {
+		poi(e) {
+			this.formattedAddress = e.formattedAddress;
+		},
+		value(e) {
+			f(e) && (this.poi = {}, this.address = "");
+		},
+		text(e) {
+			f(e) || (this.poi = {
+				longitude: e[0],
+				latitude: e[1],
+				formattedAddress: e[2]
+			}, this.address = e[2]);
+		},
+		box: {
+			handler() {
+				this.box && this.$nextTick(() => this.init(() => {
+					this.longitude && this.latitude && (this.addMarker(this.longitude, this.latitude), this.getAddress(this.longitude, this.latitude));
+				}));
+			},
+			immediate: !0
+		}
+	},
+	unmounted() {
+		this.service = null;
+	},
+	methods: {
+		clear() {
+			this.poi = {}, this.clearMarker();
+		},
+		handleSubmit() {
+			this.setVal(), this.box = !1;
+		},
+		handleClear() {
+			this.text = [], this.poi = {}, this.handleChange(this.text);
+		},
+		setVal() {
+			this.text = [
+				this.poi.longitude,
+				this.poi.latitude,
+				this.poi.formattedAddress
+			], this.handleChange(this.text);
+		},
+		handleShow() {
+			this.$refs.main.blur(), this.box = !0;
+		},
+		addMarker(e, t) {
+			this.clearMarker(), this.marker = new window.AMap.Marker({ position: [e, t] }), this.marker.setMap(this.map);
+		},
+		clearMarker() {
+			this.marker && (this.marker.setMap(null), this.marker = null);
+		},
+		getAddress(e, t) {
+			this.service = new window.AMap.service("AMap.Geocoder", () => {
+				new window.AMap.Geocoder({}).getAddress([e, t], (n, r) => {
+					if (n === "complete" && r.info === "OK") {
+						let n = r.regeocode;
+						this.poi = Object.assign(n, {
+							longitude: e,
+							latitude: t
+						});
+						let i = document.createElement("div"), a = document.createElement("img");
+						a.src = "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png", i.appendChild(a);
+						let o = document.createElement("span");
+						o.className = "avue-input-map__marker", o.innerHTML = this.poi.formattedAddress, i.appendChild(o), this.marker.setContent(i);
+					}
+				});
+			});
+		},
+		handleClose() {
+			var e;
+			(e = this.poiPicker) == null || e.clearSearchResults();
+		},
+		addClick() {
+			this.map.on("click", (e) => {
+				if (this.disabled || this.readonly) return;
+				let t = e.lnglat, n = t.P || t.Q, r = t.R;
+				this.addMarker(r, n), this.getAddress(r, n);
+			});
+		},
+		init(e) {
+			this.map = new window.AMap.Map("map__container", {
+				zoom: 13,
+				center: (() => {
+					if (this.longitude && this.latitude) return [this.longitude, this.latitude];
+				})(),
+				...this.params
+			}), this.initPoip(), this.addClick(), e();
+		},
+		initPoip() {
+			window.AMapUI.loadUI(["misc/PoiPicker"], (e) => {
+				let t = new e({
+					input: "map__input",
+					placeSearchOptions: {
+						map: this.map,
+						pageSize: 10
+					},
+					searchResultsContainer: "map__result"
+				});
+				this.poiPickerReady(t);
+			});
+		},
+		poiPickerReady(e) {
+			this.poiPicker = e, e.on("poiPicked", (t) => {
+				this.clearMarker();
+				let n = t.source, r = t.item;
+				this.poi = Object.assign(r, {
+					formattedAddress: r.name,
+					longitude: r.location.R,
+					latitude: r.location.P || r.location.Q
+				}), n !== "search" && e.searchByKeyword(r.name);
+			});
+		}
+	}
+}, m = { class: "avue-input-map" }, h = { key: 0 }, g = {
+	key: 0,
+	class: "avue-input-map__content"
 };
+function _(e, t, n, f, p, _) {
+	let v = u("ElInput"), y = u("ElButton"), b = u("ElementDialog");
+	return l(), a("div", m, [c(v, {
+		ref: "main",
+		modelValue: p.address,
+		"onUpdate:modelValue": t[0] || (t[0] = (e) => p.address = e),
+		size: e.size,
+		clearable: e.clearableVal,
+		rows: n.rows,
+		autosize: {
+			minRows: n.minRows,
+			maxRows: n.maxRows
+		},
+		disabled: e.disabled,
+		type: "textarea",
+		placeholder: e.placeholder,
+		onClear: _.handleClear,
+		onFocus: _.handleShow,
+		onClick: e.handleClick
+	}, null, 8, [
+		"modelValue",
+		"size",
+		"clearable",
+		"rows",
+		"autosize",
+		"disabled",
+		"placeholder",
+		"onClear",
+		"onFocus",
+		"onClick"
+	]), p.box ? (l(), a("div", h, [c(b, {
+		visible: p.box,
+		"onUpdate:visible": t[2] || (t[2] = (e) => p.box = e),
+		"show-full-screen": "",
+		width: n.dialogWidth,
+		title: e.placeholder,
+		onClose: _.handleClose
+	}, {
+		footer: d(() => [e.disabled || e.readonly ? i("v-if", !0) : (l(), r(y, {
+			key: 0,
+			type: "primary",
+			size: e.size,
+			icon: "el-icon-check",
+			onClick: _.handleSubmit
+		}, {
+			default: d(() => [...t[4] || (t[4] = [s(" 确 定 ", -1)])]),
+			_: 1
+		}, 8, ["size", "onClick"]))]),
+		default: d(() => [p.box ? (l(), a("div", g, [c(v, {
+			id: "map__input",
+			modelValue: p.formattedAddress,
+			"onUpdate:modelValue": t[1] || (t[1] = (e) => p.formattedAddress = e),
+			class: "avue-input-map__content-input",
+			size: e.size,
+			readonly: e.disabled,
+			clearable: "",
+			placeholder: "输入关键字选取地点",
+			onClear: _.clear
+		}, null, 8, [
+			"modelValue",
+			"size",
+			"readonly",
+			"onClear"
+		]), t[3] || (t[3] = o("div", { class: "avue-input-map__content-box" }, [o("div", {
+			id: "map__container",
+			class: "avue-input-map__content-container",
+			tabindex: "0"
+		}), o("div", {
+			id: "map__result",
+			class: "avue-input-map__content-result"
+		})], -1))])) : i("v-if", !0)]),
+		_: 1
+	}, 8, [
+		"visible",
+		"width",
+		"title",
+		"onClose"
+	])])) : i("v-if", !0)]);
+}
+var v = /* @__PURE__ */ e(p, [["render", _]]);
+//#endregion
+export { v as default };

package/fy-input-number/index.mjs

@@ -1,50 +1,75 @@
-import { p as r, e as l } from "../chunks/event.9aDS6jcw.mjs";
-import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const a = {
-  name: "FyInputNumber",
-  mixins: [r, l],
-  props: {
-    controls: {
-      type: Boolean,
-      default: !0
-    },
-    step: {
-      type: Number,
-      default: 1
-    },
-    controlsPosition: {
-      type: String,
-      default: "right"
-    },
-    precision: {
-      type: Number
-    },
-    min: {
-      type: Number,
-      default: -1 / 0
-    },
-    max: {
-      type: Number,
-      default: 1 / 0
-    }
-  }
-};
-var s = function() {
-  var e = this, t = e._self._c;
-  return t("ElInputNumber", { staticClass: "avue-input-number", attrs: { precision: e.precision, placeholder: e.placeholder, size: e.size, min: e.min, max: e.max, step: e.step, clearable: e.clearableVal, readonly: e.readonly, "controls-position": e.controlsPosition, controls: e.controls, label: e.placeholder, disabled: e.disabled }, on: { focus: e.handleFocus, blur: e.handleBlur }, nativeOn: { click: function(n) {
-    return e.handleClick.apply(null, arguments);
-  } }, model: { value: e.text, callback: function(n) {
-    e.text = e._n(n);
-  }, expression: "text" } });
-}, i = [], c = /* @__PURE__ */ o(
-  a,
-  s,
-  i,
-  !1,
-  null,
-  null
-);
-const d = c.exports;
-export {
-  d as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { n as t, t as n } from "../chunks/event.eJ-c1Z3a.mjs";
+import { createBlock as r, openBlock as i, resolveComponent as a } from "vue";
+//#region src/components/fy-from/input-number/FyInputNumber.vue
+var o = {
+	name: "FyInputNumber",
+	mixins: [t, n],
+	props: {
+		controls: {
+			type: Boolean,
+			default: !0
+		},
+		step: {
+			type: Number,
+			default: 1
+		},
+		controlsPosition: {
+			type: String,
+			default: "right"
+		},
+		precision: { type: Number },
+		min: {
+			type: Number,
+			default: -Infinity
+		},
+		max: {
+			type: Number,
+			default: Infinity
+		}
+	}
 };
+function s(e, t, n, o, s, c) {
+	let l = a("ElInputNumber");
+	return i(), r(l, {
+		modelValue: e.text,
+		"onUpdate:modelValue": t[0] || (t[0] = (t) => e.text = t),
+		modelModifiers: { number: !0 },
+		class: "avue-input-number",
+		precision: n.precision,
+		placeholder: e.placeholder,
+		size: e.size,
+		min: n.min,
+		max: n.max,
+		step: n.step,
+		clearable: e.clearableVal,
+		readonly: e.readonly,
+		"controls-position": n.controlsPosition,
+		controls: n.controls,
+		label: e.placeholder,
+		disabled: e.disabled,
+		onClick: e.handleClick,
+		onFocus: e.handleFocus,
+		onBlur: e.handleBlur
+	}, null, 8, [
+		"modelValue",
+		"precision",
+		"placeholder",
+		"size",
+		"min",
+		"max",
+		"step",
+		"clearable",
+		"readonly",
+		"controls-position",
+		"controls",
+		"label",
+		"disabled",
+		"onClick",
+		"onFocus",
+		"onBlur"
+	]);
+}
+var c = /* @__PURE__ */ e(o, [["render", s]]);
+//#endregion
+export { c as default };