@web-utils/component 2.7.36 → 2.8.0

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

@@ -1,320 +0,0 @@
-import { p as props, e as event } from "../../chunks/event.812c361c.js";
-import { isBlank } 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: "avue-input-map"
-  }, [_c("ElInput", {
-    ref: "main",
-    attrs: {
-      "size": _vm.size,
-      "clearable": _vm.clearableVal,
-      "rows": _vm.rows,
-      "autosize": {
-        minRows: _vm.minRows,
-        maxRows: _vm.maxRows
-      },
-      "disabled": _vm.disabled,
-      "type": "textarea",
-      "placeholder": _vm.placeholder
-    },
-    on: {
-      "clear": _vm.handleClear,
-      "focus": _vm.handleShow
-    },
-    nativeOn: {
-      "click": function($event) {
-        return _vm.handleClick.apply(null, arguments);
-      }
-    },
-    model: {
-      value: _vm.address,
-      callback: function($$v) {
-        _vm.address = $$v;
-      },
-      expression: "address"
-    }
-  }), _vm.box ? _c("div", [_c("ElementDialog", {
-    attrs: {
-      "show-full-screen": "",
-      "width": _vm.dialogWidth,
-      "title": _vm.placeholder,
-      "visible": _vm.box
-    },
-    on: {
-      "update:visible": function($event) {
-        _vm.box = $event;
-      },
-      "close": _vm.handleClose
-    },
-    scopedSlots: _vm._u([{
-      key: "footer",
-      fn: function() {
-        return [!(_vm.disabled || _vm.readonly) ? _c("ElButton", {
-          attrs: {
-            "type": "primary",
-            "size": _vm.size,
-            "icon": "el-icon-check"
-          },
-          on: {
-            "click": _vm.handleSubmit
-          }
-        }, [_vm._v(" 确 定 ")]) : _vm._e()];
-      },
-      proxy: true
-    }], null, false, 1816263233)
-  }, [_vm.box ? _c("div", {
-    staticClass: "avue-input-map__content"
-  }, [_c("ElInput", {
-    staticClass: "avue-input-map__content-input",
-    attrs: {
-      "id": "map__input",
-      "size": _vm.size,
-      "readonly": _vm.disabled,
-      "clearable": "",
-      "placeholder": "输入关键字选取地点"
-    },
-    on: {
-      "clear": _vm.clear
-    },
-    model: {
-      value: _vm.formattedAddress,
-      callback: function($$v) {
-        _vm.formattedAddress = $$v;
-      },
-      expression: "formattedAddress"
-    }
-  }), _c("div", {
-    staticClass: "avue-input-map__content-box"
-  }, [_c("div", {
-    staticClass: "avue-input-map__content-container",
-    attrs: {
-      "id": "map__container",
-      "tabindex": "0"
-    }
-  }), _c("div", {
-    staticClass: "avue-input-map__content-result",
-    attrs: {
-      "id": "map__result"
-    }
-  })])], 1) : _vm._e()])], 1) : _vm._e()], 1);
-};
-var staticRenderFns = [];
-const FyInputMap_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "FyInputMap",
-  mixins: [props, event],
-  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: false
-    };
-  },
-  computed: {
-    longitude() {
-      var _a;
-      return (_a = this.text) == null ? void 0 : _a[0];
-    },
-    latitude() {
-      var _a;
-      return (_a = this.text) == null ? void 0 : _a[1];
-    },
-    title() {
-      return this.disabled || this.readonly ? "查看" : "选择";
-    }
-  },
-  watch: {
-    poi(val) {
-      this.formattedAddress = val.formattedAddress;
-    },
-    value(val) {
-      if (isBlank(val)) {
-        this.poi = {};
-        this.address = "";
-      }
-    },
-    text(val) {
-      if (!isBlank(val)) {
-        this.poi = {
-          longitude: val[0],
-          latitude: val[1],
-          formattedAddress: val[2]
-        };
-        this.address = val[2];
-      }
-    },
-    box: {
-      handler() {
-        if (this.box) {
-          this.$nextTick(
-            () => this.init(() => {
-              if (this.longitude && this.latitude) {
-                this.addMarker(this.longitude, this.latitude);
-                this.getAddress(this.longitude, this.latitude);
-              }
-            })
-          );
-        }
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    clear() {
-      this.poi = {};
-      this.clearMarker();
-    },
-    handleSubmit() {
-      this.setVal();
-      this.box = false;
-    },
-    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 = true;
-    },
-    // 新增坐标
-    addMarker(R, P) {
-      this.clearMarker();
-      this.marker = new window.AMap.Marker({ position: [R, P] });
-      this.marker.setMap(this.map);
-    },
-    // 清空坐标
-    clearMarker() {
-      if (this.marker) {
-        this.marker.setMap(null);
-        this.marker = null;
-      }
-    },
-    // 获取坐标
-    getAddress(R, P) {
-      new window.AMap.service("AMap.Geocoder", () => {
-        const geocoder = new window.AMap.Geocoder({});
-        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 markerContent = document.createElement("div");
-            const 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);
-          }
-        });
-      });
-    },
-    handleClose() {
-      window.poiPicker.clearSearchResults();
-    },
-    addClick() {
-      this.map.on("click", (e) => {
-        if (this.disabled || this.readonly)
-          return;
-        const lnglat = e.lnglat;
-        const P = lnglat.P || lnglat.Q;
-        const R = lnglat.R;
-        this.addMarker(R, P);
-        this.getAddress(R, P);
-      });
-    },
-    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();
-      callback();
-    },
-    initPoip() {
-      window.AMapUI.loadUI(["misc/PoiPicker"], (PoiPicker) => {
-        const poiPicker = new PoiPicker({
-          input: "map__input",
-          placeSearchOptions: {
-            map: this.map,
-            pageSize: 10
-          },
-          searchResultsContainer: "map__result"
-        });
-        this.poiPickerReady(poiPicker);
-      });
-    },
-    poiPickerReady(poiPicker) {
-      window.poiPicker = poiPicker;
-      poiPicker.on("poiPicked", (poiResult) => {
-        this.clearMarker();
-        const source = poiResult.source;
-        const poi = poiResult.item;
-        this.poi = Object.assign(poi, {
-          formattedAddress: poi.name,
-          longitude: poi.location.R,
-          latitude: poi.location.P || poi.location.Q
-        });
-        if (source !== "search") {
-          poiPicker.searchByKeyword(poi.name);
-        }
-      });
-    }
-  }
-};
-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 FyInputMap = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FyInputMap as default
-};

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

@@ -1,50 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.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 rgba(10, 10, 10, 0.2);
-  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,92 +0,0 @@
-import { p as props, e as event } from "../../chunks/event.812c361c.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("ElInputNumber", {
-    staticClass: "avue-input-number",
-    attrs: {
-      "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": _vm.handleFocus,
-      "blur": _vm.handleBlur
-    },
-    nativeOn: {
-      "click": function($event) {
-        return _vm.handleClick.apply(null, arguments);
-      }
-    },
-    model: {
-      value: _vm.text,
-      callback: function($$v) {
-        _vm.text = _vm._n($$v);
-      },
-      expression: "text"
-    }
-  });
-};
-var staticRenderFns = [];
-const __vue2_script = {
-  name: "FyInputNumber",
-  mixins: [props, event],
-  props: {
-    controls: {
-      type: Boolean,
-      default: true
-    },
-    step: {
-      type: Number,
-      default: 1
-    },
-    controlsPosition: {
-      type: String,
-      default: "right"
-    },
-    precision: {
-      type: Number
-    },
-    min: {
-      type: Number,
-      default: -Infinity
-    },
-    max: {
-      type: Number,
-      default: Infinity
-    }
-  }
-};
-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 FyInputNumber = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FyInputNumber as default
-};

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

@@ -1,206 +0,0 @@
-import { p as props, e as event } from "../../chunks/event.812c361c.js";
-import { isBlank } 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: "avue-input-table"
-  }, [_c("ElInput", {
-    ref: "main",
-    attrs: {
-      "size": _vm.size,
-      "value": _vm.labelShow,
-      "clearable": _vm.clearableVal,
-      "placeholder": _vm.placeholder,
-      "disabled": _vm.disabled
-    },
-    on: {
-      "clear": _vm.handleClear,
-      "focus": _vm.handleShow
-    },
-    nativeOn: {
-      "click": function($event) {
-        return _vm.handleClick.apply(null, arguments);
-      }
-    }
-  }), _vm.box ? _c("div", [_c("ElementDialog", {
-    attrs: {
-      "width": _vm.dialogWidth,
-      "title": _vm.placeholder,
-      "visible": _vm.box
-    },
-    on: {
-      "update:visible": function($event) {
-        _vm.box = $event;
-      }
-    },
-    scopedSlots: _vm._u([{
-      key: "footer",
-      fn: function() {
-        return [_c("ElButton", {
-          attrs: {
-            "type": "primary",
-            "size": _vm.size,
-            "icon": "el-icon-check"
-          },
-          on: {
-            "click": _vm.setVal
-          }
-        }, [_vm._v(" 确 定 ")])];
-      },
-      proxy: true
-    }], null, false, 2921262159)
-  }, [_vm.box ? _c("FyCurd", {
-    ref: "crud",
-    staticClass: "avue-input-table__crud",
-    attrs: {
-      "option": _vm.option,
-      "data": _vm.data,
-      "table-loading": _vm.loading,
-      "search": _vm.search,
-      "page": _vm.page
-    },
-    on: {
-      "update:search": function($event) {
-        _vm.search = $event;
-      },
-      "update:page": function($event) {
-        _vm.page = $event;
-      },
-      "on-load": _vm.onList,
-      "search-change": _vm.handleSearchChange,
-      "search-reset": _vm.handleSearchChange,
-      "current-row-change": _vm.handleCurrentRowChange
-    }
-  }) : _vm._e()], 1)], 1) : _vm._e()], 1);
-};
-var staticRenderFns = [];
-const FyInputTable_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "FyInputTable",
-  mixins: [props, event],
-  props: {
-    formatter: Function,
-    onLoad: Function,
-    dialogWidth: {
-      type: String,
-      default: "80%"
-    }
-  },
-  data() {
-    return {
-      object: {},
-      active: {},
-      search: {},
-      page: {},
-      loading: false,
-      box: false,
-      created: false,
-      data: []
-    };
-  },
-  computed: {
-    title() {
-      return this.disabled || this.readonly ? "查看" : "选择";
-    },
-    labelShow() {
-      if (typeof this.formatter === "function") {
-        return this.formatter(this.object);
-      }
-      return this.object[this.labelKey] || "";
-    },
-    option() {
-      return Object.assign({
-        menu: false,
-        header: false,
-        size: this.size,
-        headerAlign: "center",
-        align: "center",
-        highlightCurrentRow: true
-      }, this.column.children);
-    }
-  },
-  watch: {
-    value(val) {
-      if (isBlank(val)) {
-        this.active = {};
-        this.object = {};
-      }
-    },
-    text(val) {
-      if (this.created || isBlank(val))
-        return;
-      if (typeof this.onLoad === "function") {
-        this.onLoad({ value: this.text }, (data) => {
-          this.active = data;
-          this.object = data;
-          this.created = true;
-        });
-      }
-    }
-  },
-  methods: {
-    handleClear() {
-      this.active = {};
-      this.setVal();
-    },
-    handleShow() {
-      this.$refs.main.blur();
-      if (this.disabled || this.readonly)
-        return;
-      this.page = { currentPage: 1, total: 0 };
-      this.data = [];
-      this.box = true;
-    },
-    setVal() {
-      this.object = this.active;
-      this.text = this.active[this.valueKey] || "";
-      this.handleChange(this.active);
-      this.box = false;
-    },
-    handleCurrentRowChange(val) {
-      this.active = val;
-    },
-    handleSearchChange(form, done) {
-      this.page.page = 1;
-      this.onList();
-      done && done();
-    },
-    onList() {
-      this.loading = true;
-      if (typeof this.onLoad === "function") {
-        this.onLoad({ page: this.page, data: this.search }, (data) => {
-          this.page.total = data.total;
-          this.data = data.data;
-          this.loading = false;
-          const active = this.data.find((ele) => ele[this.valueKey] === this.object[this.valueKey]);
-          setTimeout(() => this.$refs.crud.setCurrentRow(active));
-        });
-      }
-    }
-  }
-};
-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 FyInputTable = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FyInputTable as default
-};

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

@@ -1,10 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-input-table__crud .avue-crud__pagination {
-  padding: 10px 0 2px 10px;
-  margin: 0;
-}