@web-utils/component 2.7.19 → 2.7.21

package/dist/components/fy-input-icon/style.css

@@ -1 +1,33 @@
-.avue-input-icon{display:flex;flex-wrap:wrap;justify-content:space-around}.avue-input-icon__item{text-align:center;width:60px;padding:10px 20px 0;transition:all .2s;box-sizing:content-box}.avue-input-icon__item p{font-size:12px;margin-top:5px}.avue-input-icon__item:hover{transform:scale(1.4)}.avue-input-icon__item--active{transform:scale(1.4);color:#409eff}.avue-input-icon__list{display:flex;flex-wrap:wrap}.avue-input-icon__filter{text-align:right}.avue-input-icon__filter .el-input{width:250px}
+.avue-input-icon {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+}
+.avue-input-icon__item {
+  text-align: center;
+  width: 60px;
+  padding: 10px 20px 0;
+  transition: all .2s;
+  box-sizing: content-box;
+}
+.avue-input-icon__item p {
+  font-size: 12px;
+  margin-top: 5px;
+}
+.avue-input-icon__item:hover {
+  transform: scale(1.4);
+}
+.avue-input-icon__item--active {
+  transform: scale(1.4);
+  color: #409eff;
+}
+.avue-input-icon__list {
+  display: flex;
+  flex-wrap: wrap;
+}
+.avue-input-icon__filter {
+  text-align: right;
+}
+.avue-input-icon__filter .el-input {
+  width: 250px;
+}

package/dist/components/fy-input-map/index.js

@@ -1,108 +1,108 @@
-import { p, e as u } from "../../chunks/event.dd6f522d.js";
-import { isBlank as d } from "@web-utils/core";
-import { n as h } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var m = function() {
-  var e = this, t = e.$createElement, a = e._self._c || t;
-  return a("div", {
+import { p as props, e as event } from "../../chunks/event.fc358074.js";
+import { isBlank } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-input-map"
-  }, [a("ElInput", {
+  }, [_c("ElInput", {
     ref: "main",
     attrs: {
-      size: e.size,
-      clearable: e.clearableVal,
-      rows: e.rows,
+      size: _vm.size,
+      clearable: _vm.clearableVal,
+      rows: _vm.rows,
       autosize: {
-        minRows: e.minRows,
-        maxRows: e.maxRows
+        minRows: _vm.minRows,
+        maxRows: _vm.maxRows
       },
-      disabled: e.disabled,
+      disabled: _vm.disabled,
       type: "textarea",
-      placeholder: e.placeholder
+      placeholder: _vm.placeholder
     },
     on: {
-      clear: e.handleClear,
-      focus: e.handleShow
+      clear: _vm.handleClear,
+      focus: _vm.handleShow
     },
     nativeOn: {
-      click: function(i) {
-        return e.handleClick.apply(null, arguments);
+      click: function($event) {
+        return _vm.handleClick.apply(null, arguments);
       }
     },
     model: {
-      value: e.address,
-      callback: function(i) {
-        e.address = i;
+      value: _vm.address,
+      callback: function($$v) {
+        _vm.address = $$v;
       },
       expression: "address"
     }
-  }), e.box ? a("div", [a("ElementDialog", {
+  }), _vm.box ? _c("div", [_c("ElementDialog", {
     attrs: {
       "show-full-screen": "",
-      width: e.dialogWidth,
-      title: e.placeholder,
-      visible: e.box
+      width: _vm.dialogWidth,
+      title: _vm.placeholder,
+      visible: _vm.box
     },
     on: {
-      "update:visible": function(i) {
-        e.box = i;
+      "update:visible": function($event) {
+        _vm.box = $event;
       },
-      close: e.handleClose
+      close: _vm.handleClose
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "footer",
       fn: function() {
-        return [e.disabled || e.readonly ? e._e() : a("ElButton", {
+        return [_vm.disabled || _vm.readonly ? _vm._e() : _c("ElButton", {
           attrs: {
             type: "primary",
-            size: e.size,
+            size: _vm.size,
             icon: "el-icon-check"
           },
           on: {
-            click: e.handleSubmit
+            click: _vm.handleSubmit
           }
-        }, [e._v(" 确 定 ")])];
+        }, [_vm._v(" 确 定 ")])];
       },
       proxy: !0
     }], null, !1, 1816263233)
-  }, [e.box ? a("div", {
+  }, [_vm.box ? _c("div", {
     staticClass: "avue-input-map__content"
-  }, [a("ElInput", {
+  }, [_c("ElInput", {
     staticClass: "avue-input-map__content-input",
     attrs: {
       id: "map__input",
-      size: e.size,
-      readonly: e.disabled,
+      size: _vm.size,
+      readonly: _vm.disabled,
       clearable: "",
       placeholder: "输入关键字选取地点"
     },
     on: {
-      clear: e.clear
+      clear: _vm.clear
     },
     model: {
-      value: e.formattedAddress,
-      callback: function(i) {
-        e.formattedAddress = i;
+      value: _vm.formattedAddress,
+      callback: function($$v) {
+        _vm.formattedAddress = $$v;
       },
       expression: "formattedAddress"
     }
-  }), a("div", {
+  }), _c("div", {
     staticClass: "avue-input-map__content-box"
-  }, [a("div", {
+  }, [_c("div", {
     staticClass: "avue-input-map__content-container",
     attrs: {
       id: "map__container",
       tabindex: "0"
     }
-  }), a("div", {
+  }), _c("div", {
     staticClass: "avue-input-map__content-result",
     attrs: {
       id: "map__result"
     }
-  })])], 1) : e._e()])], 1) : e._e()], 1);
-}, _ = [];
-const f = {
+  })])], 1) : _vm._e()])], 1) : _vm._e()], 1);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "FyInputMap",
-  mixins: [p, u],
+  mixins: [props, event],
   props: {
     dialogWidth: {
       type: String,
@@ -129,30 +129,30 @@ const f = {
   },
   computed: {
     longitude() {
-      var e;
-      return (e = this.text) == null ? void 0 : e[0];
+      var _a;
+      return (_a = this.text) == null ? void 0 : _a[0];
     },
     latitude() {
-      var e;
-      return (e = this.text) == null ? void 0 : e[1];
+      var _a;
+      return (_a = this.text) == null ? void 0 : _a[1];
     },
     title() {
       return this.disabled || this.readonly ? "查看" : "选择";
     }
   },
   watch: {
-    poi(e) {
-      this.formattedAddress = e.formattedAddress;
+    poi(val) {
+      this.formattedAddress = val.formattedAddress;
     },
-    value(e) {
-      d(e) && (this.poi = {}, this.address = "");
+    value(val) {
+      isBlank(val) && (this.poi = {}, this.address = "");
     },
-    text(e) {
-      d(e) || (this.poi = {
-        longitude: e[0],
-        latitude: e[1],
-        formattedAddress: e[2]
-      }, this.address = e[2]);
+    text(val) {
+      isBlank(val) || (this.poi = {
+        longitude: val[0],
+        latitude: val[1],
+        formattedAddress: val[2]
+      }, this.address = val[2]);
     },
     box: {
       handler() {
@@ -182,27 +182,27 @@ const f = {
       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);
+    addMarker(R, P) {
+      this.clearMarker(), this.marker = new window.AMap.Marker({ position: [R, P] }), this.marker.setMap(this.map);
     },
     // 清空坐标
     clearMarker() {
       this.marker && (this.marker.setMap(null), this.marker = null);
     },
     // 获取坐标
-    getAddress(e, t) {
+    getAddress(R, P) {
       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
+        new window.AMap.Geocoder({}).getAddress([R, P], (status, result) => {
+          if (status === "complete" && result.info === "OK") {
+            const regeocode = result.regeocode;
+            this.poi = Object.assign(regeocode, {
+              longitude: R,
+              latitude: P
             });
-            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 n = document.createElement("span");
-            n.className = "avue-input-map__marker", n.innerHTML = this.poi.formattedAddress, s.appendChild(n), this.marker.setContent(s);
+            const markerContent = document.createElement("div"), markerImg = document.createElement("img");
+            markerImg.src = "//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png", markerContent.appendChild(markerImg);
+            const markerSpan = document.createElement("span");
+            markerSpan.className = "avue-input-map__marker", markerSpan.innerHTML = this.poi.formattedAddress, markerContent.appendChild(markerSpan), this.marker.setContent(markerContent);
           }
         });
       });
@@ -214,22 +214,22 @@ const f = {
       this.map.on("click", (e) => {
         if (this.disabled || this.readonly)
           return;
-        const t = e.lnglat, a = t.P || t.Q, i = t.R;
-        this.addMarker(i, a), this.getAddress(i, a);
+        const lnglat = e.lnglat, P = lnglat.P || lnglat.Q, R = lnglat.R;
+        this.addMarker(R, P), this.getAddress(R, P);
       });
     },
-    init(e) {
+    init(callback) {
       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();
+      }, this.params)), this.initPoip(), this.addClick(), callback();
     },
     initPoip() {
-      window.AMapUI.loadUI(["misc/PoiPicker"], (e) => {
-        const t = new e({
+      window.AMapUI.loadUI(["misc/PoiPicker"], (PoiPicker) => {
+        const poiPicker = new PoiPicker({
           input: "map__input",
           placeSearchOptions: {
             map: this.map,
@@ -237,39 +237,39 @@ const f = {
           },
           searchResultsContainer: "map__result"
         });
-        this.poiPickerReady(t);
+        this.poiPickerReady(poiPicker);
       });
     },
-    poiPickerReady(e) {
-      window.poiPicker = e, e.on("poiPicked", (t) => {
+    poiPickerReady(poiPicker) {
+      window.poiPicker = poiPicker, poiPicker.on("poiPicked", (poiResult) => {
         this.clearMarker();
-        const a = t.source, i = t.item;
-        this.poi = Object.assign(i, {
-          formattedAddress: i.name,
-          longitude: i.location.R,
-          latitude: i.location.P || i.location.Q
-        }), a !== "search" && e.searchByKeyword(i.name);
+        const source = poiResult.source, poi = poiResult.item;
+        this.poi = Object.assign(poi, {
+          formattedAddress: poi.name,
+          longitude: poi.location.R,
+          latitude: poi.location.P || poi.location.Q
+        }), source !== "search" && poiPicker.searchByKeyword(poi.name);
       });
     }
   }
-}, l = {};
-var k = /* @__PURE__ */ h(
-  f,
-  m,
-  _,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  g,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function g(e) {
-  for (let t in l)
-    this[t] = l[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const x = /* @__PURE__ */ function() {
-  return k.exports;
+const FyInputMap = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  x as default
+  FyInputMap as default
 };

package/dist/components/fy-input-map/style.css

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

package/dist/components/fy-input-number/index.js

@@ -1,44 +1,44 @@
-import { p as o, e as a } from "../../chunks/event.dd6f522d.js";
-import { n as s } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var i = function() {
-  var e = this, t = e.$createElement, r = e._self._c || t;
-  return r("ElInputNumber", {
+import { p as props, e as event } from "../../chunks/event.fc358074.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("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
+      precision: _vm.precision,
+      placeholder: _vm.placeholder,
+      size: _vm.size,
+      min: _vm.min,
+      max: _vm.max,
+      step: _vm.step,
+      clearable: _vm.clearableVal,
+      readonly: _vm.readonly,
+      "controls-position": _vm.controlsPosition,
+      controls: _vm.controls,
+      label: _vm.placeholder,
+      disabled: _vm.disabled
     },
     on: {
-      focus: e.handleFocus,
-      blur: e.handleBlur
+      focus: _vm.handleFocus,
+      blur: _vm.handleBlur
     },
     nativeOn: {
-      click: function(n) {
-        return e.handleClick.apply(null, arguments);
+      click: function($event) {
+        return _vm.handleClick.apply(null, arguments);
       }
     },
     model: {
-      value: e.text,
-      callback: function(n) {
-        e.text = e._n(n);
+      value: _vm.text,
+      callback: function($$v) {
+        _vm.text = _vm._n($$v);
       },
       expression: "text"
     }
   });
-}, u = [];
-const c = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "FyInputNumber",
-  mixins: [o, a],
+  mixins: [props, event],
   props: {
     controls: {
       type: Boolean,
@@ -64,24 +64,24 @@ const c = {
       default: 1 / 0
     }
   }
-}, l = {};
-var p = /* @__PURE__ */ s(
-  c,
-  i,
-  u,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  m,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function m(e) {
-  for (let t in l)
-    this[t] = l[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const _ = /* @__PURE__ */ function() {
-  return p.exports;
+const FyInputNumber = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  _ as default
+  FyInputNumber as default
 };