@web-utils/component 2.0.13 → 2.2.0

package/fy-input-map/index.mjs

@@ -0,0 +1,279 @@
+import { p, e as u } from "../chunks/event.NHA7rYFE.mjs";
+import { isBlank as d } from "@web-utils/core";
+import { n as h } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var m = function() {
+  var e = this, t = e.$createElement, s = e._self._c || t;
+  return s("div", {
+    staticClass: "avue-input-map"
+  }, [s("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 ? s("div", [s("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() : s("ElButton", {
+          attrs: {
+            type: "primary",
+            size: e.size,
+            icon: "el-icon-check"
+          },
+          on: {
+            click: e.handleSubmit
+          }
+        }, [e._v(" 确 定 ")])];
+      },
+      proxy: !0
+    }], null, !1, 1816263233)
+  }, [e.box ? s("div", {
+    staticClass: "avue-input-map__content"
+  }, [s("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"
+    }
+  }), s("div", {
+    staticClass: "avue-input-map__content-box"
+  }, [s("div", {
+    staticClass: "avue-input-map__content-container",
+    attrs: {
+      id: "map__container",
+      tabindex: "0"
+    }
+  }), s("div", {
+    staticClass: "avue-input-map__content-result",
+    attrs: {
+      id: "map__result"
+    }
+  })])], 1) : e._e()])], 1) : e._e()], 1);
+}, f = [];
+const _ = {
+  name: "FyInputMap",
+  mixins: [p, u],
+  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) {
+      d(e) && (this.poi = {}, this.address = "");
+    },
+    text(e) {
+      d(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
+    }
+  },
+  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(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], (i, r) => {
+          if (i === "complete" && r.info === "OK") {
+            const c = r.regeocode;
+            this.poi = Object.assign(c, {
+              longitude: e,
+              latitude: t
+            });
+            const a = document.createElement("div"), o = document.createElement("img");
+            o.src = "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png", a.appendChild(o);
+            const n = document.createElement("span");
+            n.className = "avue-input-map__marker", n.innerHTML = this.poi.formattedAddress, a.appendChild(n), this.marker.setContent(a);
+          }
+        });
+      });
+    },
+    handleClose() {
+      var e;
+      (e = this.poiPicker) == null || e.clearSearchResults();
+    },
+    addClick() {
+      this.map.on("click", (e) => {
+        if (this.disabled || this.readonly)
+          return;
+        const t = e.lnglat, s = t.P || t.Q, i = t.R;
+        this.addMarker(i, s), this.getAddress(i, s);
+      });
+    },
+    init(e) {
+      this.map = new window.AMap.Map("map__container", Object.assign({
+        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) => {
+        const 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();
+        const s = t.source, i = t.item;
+        this.poi = Object.assign(i, {
+          formattedAddress: i.name,
+          longitude: i.location.R,
+          latitude: i.location.P || i.location.Q
+        }), s !== "search" && e.searchByKeyword(i.name);
+      });
+    }
+  }
+}, l = {};
+var k = /* @__PURE__ */ h(
+  _,
+  m,
+  f,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(e) {
+  for (let t in l)
+    this[t] = l[t];
+}
+const x = /* @__PURE__ */ function() {
+  return k.exports;
+}();
+export {
+  x as default
+};

package/fy-input-map/style.css

@@ -0,0 +1 @@
+.amap-icon img,.amap-marker-content img{width:25px;height:34px}.avue-input-map__marker{color:#fff;white-space:nowrap;background-color:#25a5f7;border-radius:3px;padding:4px 10px;font-family:"";font-size:12px;position:absolute;top:-20px;right:-118px;box-shadow:1px 1px 1px rgba(10,10,10,.2)}.avue-input-map__content{flex-direction:column;height:100%;display:flex}.avue-input-map__content-input{margin-bottom:10px}.avue-input-map__content-box{flex:auto;position:relative}.avue-input-map__content-container{width:100%;height:100%;min-height:450px}.avue-input-map__content-result{width:250px;height:450px;position:absolute;top:0;right:-8px;overflow-y:auto;display:block!important}

package/fy-input-number/index.mjs

@@ -0,0 +1,87 @@
+import { p as o, e as a } from "../chunks/event.NHA7rYFE.mjs";
+import { n as s } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var i = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("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"
+    }
+  });
+}, u = [];
+const c = {
+  name: "FyInputNumber",
+  mixins: [o, a],
+  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
+    }
+  }
+}, l = {};
+var p = /* @__PURE__ */ s(
+  c,
+  i,
+  u,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(e) {
+  for (let t in l)
+    this[t] = l[t];
+}
+const _ = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  _ as default
+};

package/fy-input-table/index.mjs

@@ -0,0 +1,172 @@
+import { p as o, e as r } from "../chunks/event.NHA7rYFE.mjs";
+import { isBlank as n } from "@web-utils/core";
+import { n as l } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var h = function() {
+  var e = this, t = e.$createElement, a = e._self._c || t;
+  return a("div", {
+    staticClass: "avue-input-table"
+  }, [a("ElInput", {
+    ref: "main",
+    attrs: {
+      size: e.size,
+      value: e.labelShow,
+      clearable: e.clearableVal,
+      placeholder: e.placeholder,
+      disabled: e.disabled
+    },
+    on: {
+      clear: e.handleClear,
+      focus: e.handleShow
+    },
+    nativeOn: {
+      click: function(i) {
+        return e.handleClick.apply(null, arguments);
+      }
+    }
+  }), e.box ? a("div", [a("ElementDialog", {
+    attrs: {
+      width: e.dialogWidth,
+      title: e.placeholder,
+      visible: e.box
+    },
+    on: {
+      "update:visible": function(i) {
+        e.box = i;
+      }
+    },
+    scopedSlots: e._u([{
+      key: "footer",
+      fn: function() {
+        return [a("ElButton", {
+          attrs: {
+            type: "primary",
+            size: e.size,
+            icon: "el-icon-check"
+          },
+          on: {
+            click: e.setVal
+          }
+        }, [e._v(" 确 定 ")])];
+      },
+      proxy: !0
+    }], null, !1, 2921262159)
+  }, [e.box ? a("FyCurd", {
+    ref: "crud",
+    staticClass: "avue-input-table__crud",
+    attrs: {
+      option: e.option,
+      data: e.data,
+      "table-loading": e.loading,
+      search: e.search,
+      page: e.page
+    },
+    on: {
+      "update:search": function(i) {
+        e.search = i;
+      },
+      "update:page": function(i) {
+        e.page = i;
+      },
+      "on-load": e.onList,
+      "search-change": e.handleSearchChange,
+      "search-reset": e.handleSearchChange,
+      "current-row-change": e.handleCurrentRowChange
+    }
+  }) : e._e()], 1)], 1) : e._e()], 1);
+}, c = [];
+const u = {
+  name: "FyInputTable",
+  mixins: [o, r],
+  props: {
+    formatter: Function,
+    onLoad: Function,
+    dialogWidth: {
+      type: String,
+      default: "80%"
+    }
+  },
+  data() {
+    return {
+      object: {},
+      active: {},
+      search: {},
+      page: {},
+      loading: !1,
+      box: !1,
+      created: !1,
+      data: []
+    };
+  },
+  computed: {
+    title() {
+      return this.disabled || this.readonly ? "查看" : "选择";
+    },
+    labelShow() {
+      return typeof this.formatter == "function" ? this.formatter(this.object) : this.object[this.labelKey] || "";
+    },
+    option() {
+      return Object.assign({
+        menu: !1,
+        header: !1,
+        size: this.size,
+        headerAlign: "center",
+        align: "center",
+        highlightCurrentRow: !0
+      }, this.column.children);
+    }
+  },
+  watch: {
+    value(e) {
+      n(e) && (this.active = {}, this.object = {});
+    },
+    text(e) {
+      this.created || n(e) || typeof this.onLoad == "function" && this.onLoad({ value: this.text }, (t) => {
+        this.active = t, this.object = t, this.created = !0;
+      });
+    }
+  },
+  methods: {
+    handleClear() {
+      this.active = {}, this.setVal();
+    },
+    handleShow() {
+      this.$refs.main.blur(), !(this.disabled || this.readonly) && (this.page = { currentPage: 1, total: 0 }, this.data = [], this.box = !0);
+    },
+    setVal() {
+      this.object = this.active, this.text = this.active[this.valueKey] || "", this.handleChange(this.active), this.box = !1;
+    },
+    handleCurrentRowChange(e) {
+      this.active = e;
+    },
+    handleSearchChange(e, t) {
+      this.page.page = 1, this.onList(), t && t();
+    },
+    onList() {
+      this.loading = !0, typeof this.onLoad == "function" && this.onLoad({ page: this.page, data: this.search }, (e) => {
+        this.page.total = e.total, this.data = e.data, this.loading = !1;
+        const t = this.data.find((a) => a[this.valueKey] === this.object[this.valueKey]);
+        setTimeout(() => this.$refs.crud.setCurrentRow(t));
+      });
+    }
+  }
+}, s = {};
+var d = /* @__PURE__ */ l(
+  u,
+  h,
+  c,
+  !1,
+  p,
+  null,
+  null,
+  null
+);
+function p(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const b = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  b as default
+};

package/fy-input-table/style.css

@@ -0,0 +1 @@
+.avue-input-table__crud .avue-crud__pagination{margin:0;padding:10px 0 2px 10px}