@web-utils/component 2.0.13 → 2.7.0

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

@@ -0,0 +1,265 @@
+import { p as c, e as h } from "../../chunks/event.50c365eb.js";
+import { c as n } from "../../chunks/util.5053d54e.js";
+import { n as p } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var f = function() {
+  var e = this, t = e.$createElement, l = e._self._c || t;
+  return l("ElSelect", {
+    ref: "main",
+    staticClass: "avue-input-tree",
+    attrs: {
+      size: e.size,
+      multiple: e.multiple,
+      "multiple-limit": e.limit,
+      "collapse-tags": e.tags,
+      value: e.labelShow,
+      clearable: e.clearableVal,
+      placeholder: e.placeholder,
+      "popper-class": e.popperClass,
+      "popper-append-to-body": e.popperAppendToBody,
+      disabled: e.disabled
+    },
+    on: {
+      click: e.handleClick,
+      focus: e.handleFocus,
+      blur: e.handleBlur,
+      clear: e.handleClear
+    }
+  }, [e.filter ? l("div", {
+    staticClass: "avue-input__filter"
+  }, [l("ElInput", {
+    attrs: {
+      size: "mini",
+      placeholder: e.filterText
+    },
+    model: {
+      value: e.filterValue,
+      callback: function(i) {
+        e.filterValue = i;
+      },
+      expression: "filterValue"
+    }
+  })], 1) : e._e(), l("ElOption", {
+    attrs: {
+      value: e.text
+    }
+  }, [l("ElTree", {
+    ref: "tree",
+    staticClass: "avue-input__select",
+    attrs: {
+      data: e.dicList,
+      lazy: e.lazy,
+      load: e.handleTreeLoad,
+      "node-key": e.valueKey,
+      accordion: e.accordion,
+      "icon-class": e.iconClass,
+      "show-checkbox": e.multiple,
+      "expand-on-click-node": e.expandOnClickNode,
+      props: e.treeProps,
+      "check-strictly": e.checkStrictly,
+      "highlight-current": e.multiple !== !0,
+      "current-node-key": e.currentNodeKey,
+      "filter-node-method": e.filterNode,
+      "default-checked-keys": e.keysList,
+      "default-expanded-keys": e.defaultExpandedKeys ? e.defaultExpandedKeys : e.keysList,
+      "default-expand-all": e.defaultExpandAll
+    },
+    on: {
+      check: e.checkChange,
+      "node-click": function(i) {
+        return i.target !== i.currentTarget ? null : e.handleNodeClick.apply(null, arguments);
+      }
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function(i) {
+        var s = i.data;
+        return l("div", {
+          staticClass: "avue-input__item"
+        }, [e.$scopedSlots.default ? e._t("default", null, {
+          label: e.labelKey,
+          value: e.valueKey,
+          item: s
+        }) : [l("span", {
+          class: {
+            "avue--disabled": s[e.disabledKey]
+          }
+        }, [e._v(e._s(s[e.labelKey]))]), s[e.descKey] ? l("span", {
+          staticClass: "avue-input__desc"
+        }, [e._v(e._s(s[e.descKey]))]) : e._e()]], 2);
+      }
+    }], null, !0)
+  })], 1)], 1);
+}, y = [];
+const m = {
+  name: "FyInputTree",
+  mixins: [c, h],
+  props: {
+    nodeClick: Function,
+    treeLoad: Function,
+    checked: Function,
+    lazy: {
+      type: Boolean,
+      default: !1
+    },
+    leafOnly: {
+      type: Boolean,
+      default: !1
+    },
+    tags: {
+      type: Boolean,
+      default: !1
+    },
+    limit: {
+      type: Number,
+      default: 0
+    },
+    expandOnClickNode: {
+      type: Boolean,
+      default: !0
+    },
+    filter: {
+      type: Boolean,
+      default: !0
+    },
+    filterText: {
+      type: String,
+      default: ""
+    },
+    checkStrictly: {
+      type: Boolean,
+      default: !1
+    },
+    accordion: {
+      type: Boolean,
+      default: !1
+    },
+    parent: {
+      type: Boolean,
+      default: !0
+    },
+    iconClass: String,
+    defaultExpandedKeys: Array,
+    defaultExpandAll: {
+      type: Boolean,
+      default: !1
+    },
+    popperAppendToBody: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      node: [],
+      filterValue: "",
+      box: !1,
+      dicList: []
+    };
+  },
+  computed: {
+    treeProps() {
+      return Object.assign(this.props, {
+        isLeaf: this.leafKey
+      });
+    },
+    currentNodeKey() {
+      return this.multiple ? "" : this.text;
+    },
+    keysList() {
+      return this.multiple ? this.text : [this.text || ""];
+    },
+    labelShow() {
+      return [...this.node].map((l) => this.getLabelText(l));
+    }
+  },
+  watch: {
+    text(e) {
+      this.init();
+    },
+    dic: {
+      handler(e) {
+        this.dicList = e;
+      },
+      immediate: !0
+    },
+    dicList: {
+      handler() {
+        this.init();
+      },
+      immediate: !0
+    },
+    filterValue(e) {
+      this.$refs.tree.filter(e);
+    }
+  },
+  methods: {
+    handleClear() {
+      this.text = this.multiple ? [] : "", this.node = [], this.filterValue = "", this.$refs.tree.setCurrentKey(null), this.$refs.tree.setCheckedKeys([]);
+    },
+    handleTreeLoad(e, t) {
+      let l = (i) => {
+        let s = (r, o, u) => {
+          r.forEach((a) => {
+            a[this.valueKey] === o ? a[this.childrenKey] = u : a[this.childrenKey] && s(a[this.childrenKey]);
+          });
+        };
+        s(this.dicList, e.key, i), t(i);
+      };
+      this.treeLoad && this.treeLoad(e, l);
+    },
+    filterNode(e, t) {
+      return e ? t[this.labelKey].toLowerCase().indexOf(e.toLowerCase()) !== -1 : !0;
+    },
+    checkChange(e, t, l, i) {
+      this.text.splice(0, this.text.length), this.$refs.tree.getCheckedNodes(this.leafOnly, !1).forEach((r) => this.text.push(r[this.valueKey])), typeof this.checked == "function" && this.checked(e, t, l, i);
+    },
+    getHalfList() {
+      let e = this.$refs.tree.getCheckedNodes(!1, !0);
+      return e = e.map((t) => t[this.valueKey]), e;
+    },
+    init() {
+      this.$nextTick(() => {
+        if (this.node = [], this.multiple)
+          this.$refs.tree.getCheckedNodes(this.leafOnly, !1).forEach((t) => {
+            this.node.push(t);
+          });
+        else {
+          let e = this.$refs.tree.getNode(this.text);
+          if (e) {
+            let t = e.data;
+            this.$refs.tree.setCurrentKey(t[this.valueKey]), this.node.push(t);
+          }
+        }
+      }), this.disabledParentNode(this.dic, this.parent);
+    },
+    disabledParentNode(e, t) {
+      e.forEach((l) => {
+        const i = l[this.childrenKey];
+        n(i) || (t || (l.disabled = !0), this.disabledParentNode(i, t));
+      });
+    },
+    handleNodeClick(e, t, l) {
+      e.disabled || (typeof this.nodeClick == "function" && this.nodeClick(e, t, l), !this.multiple && (n(e[this.childrenKey]) && !this.multiple || this.parent) && (this.text = e[this.valueKey], this.$refs.main.blur()));
+    }
+  }
+}, d = {};
+var _ = /* @__PURE__ */ p(
+  m,
+  f,
+  y,
+  !1,
+  k,
+  null,
+  null,
+  null
+);
+function k(e) {
+  for (let t in d)
+    this[t] = d[t];
+}
+const b = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  b as default
+};

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

@@ -0,0 +1 @@
+.avue-input-tree .el-tag__close{display:none!important}.avue-input-tree__item{width:100%}.avue-input-tree__filter{padding:0 10px;margin:5px 0 0}.avue-input-tree__select{padding:10px 0}.avue-input-tree__desc{margin-right:12px;float:right;color:#8492a6;font-size:13px}

package/dist/components/fy-radio/index.js

@@ -0,0 +1,68 @@
+import { p as l, e as s } from "../../chunks/event.50c365eb.js";
+import { n as i } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var d = function() {
+  var e = this, t = e.$createElement, a = e._self._c || t;
+  return a("div", {
+    staticClass: "avue-radio"
+  }, [a("ElRadioGroup", {
+    attrs: {
+      size: e.size,
+      disabled: e.disabled
+    },
+    nativeOn: {
+      click: function(n) {
+        return e.handleClick.apply(null, arguments);
+      }
+    },
+    model: {
+      value: e.text,
+      callback: function(n) {
+        e.text = n;
+      },
+      expression: "text"
+    }
+  }, e._l(e.dic, function(n, r) {
+    return a(e.componentName, {
+      key: r,
+      tag: "Component",
+      attrs: {
+        label: n[e.valueKey],
+        border: e.border,
+        readonly: e.readonly,
+        disabled: n[e.disabledKey]
+      }
+    }, [e._v(" " + e._s(n[e.labelKey]) + " ")]);
+  }), 1)], 1);
+}, c = [];
+const u = {
+  name: "FyRadio",
+  mixins: [l, s],
+  props: {
+    value: {}
+  },
+  data() {
+    return {
+      name: "radio"
+    };
+  }
+}, o = {};
+var _ = /* @__PURE__ */ i(
+  u,
+  d,
+  c,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(e) {
+  for (let t in o)
+    this[t] = o[t];
+}
+const y = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  y as default
+};

package/dist/components/fy-radio/style.css

@@ -0,0 +1 @@
+.avue-radio .el-radio+.el-radio{margin-left:0}.avue-radio .el-radio{margin-right:10px}

package/dist/components/fy-rate/index.js

@@ -0,0 +1,105 @@
+import { p as a, e as r } from "../../chunks/event.50c365eb.js";
+import { n } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var i = function() {
+  var e = this, o = e.$createElement, s = e._self._c || o;
+  return s("ElRate", {
+    attrs: {
+      max: e.max,
+      "low-threshold": e.lowThreshold,
+      "high-threshold": e.highThreshold,
+      "disabled-void-color": e.disabledVoidColor,
+      "disabled-void-icon-class": e.disabledVoidIconClass,
+      "allow-half": e.allowHalf,
+      readonly: e.readonly,
+      texts: e.texts,
+      "show-score": e.showScore,
+      "score-template": e.scoreTemplate,
+      "show-text": e.showText,
+      "icon-classes": e.iconClasses,
+      "void-icon-class": e.voidIconClass,
+      disabled: e.disabled,
+      colors: e.colors
+    },
+    nativeOn: {
+      click: function(t) {
+        return e.handleClick.apply(null, arguments);
+      }
+    },
+    model: {
+      value: e.text,
+      callback: function(t) {
+        e.text = t;
+      },
+      expression: "text"
+    }
+  });
+}, d = [];
+const c = {
+  name: "FyRate",
+  mixins: [a, r],
+  props: {
+    allowHalf: Boolean,
+    lowThreshold: Number,
+    highThreshold: Number,
+    disabledVoidColor: String,
+    disabledVoidIconClass: String,
+    value: {
+      type: Number,
+      default: 0
+    },
+    colors: {
+      type: Array
+    },
+    max: {
+      type: Number,
+      default: 5
+    },
+    iconClasses: {
+      type: Array
+    },
+    texts: {
+      type: Array
+    },
+    scoreTemplate: String,
+    showScore: {
+      type: Boolean,
+      default: !1
+    },
+    showText: {
+      type: Boolean,
+      default: !1
+    },
+    voidIconClass: {
+      type: String
+    }
+  },
+  data() {
+    return {};
+  },
+  watch: {},
+  created() {
+  },
+  mounted() {
+  },
+  methods: {}
+}, l = {};
+var h = /* @__PURE__ */ n(
+  c,
+  i,
+  d,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(e) {
+  for (let o in l)
+    this[o] = l[o];
+}
+const _ = /* @__PURE__ */ function() {
+  return h.exports;
+}();
+export {
+  _ as default
+};

package/dist/components/fy-rate/style.css

@@ -0,0 +1 @@
+.avue-rate{margin-top:6px}

package/dist/components/fy-select/index.js

@@ -0,0 +1,223 @@
+import { p as r, e as c } from "../../chunks/event.50c365eb.js";
+import { s as d } from "../../chunks/dic.5f7e3523.js";
+import { c as u, b as p } from "../../chunks/util.5053d54e.js";
+import { n as h } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var f = function() {
+  var e = this, a = e.$createElement, l = e._self._c || a;
+  return l("ElSelect", {
+    ref: "main",
+    staticClass: "avue-select",
+    attrs: {
+      size: e.size,
+      loading: e.loading,
+      "loading-text": e.loadingText,
+      multiple: e.multiple,
+      filterable: e.remote ? !0 : e.filterable,
+      remote: e.remote,
+      readonly: e.readonly,
+      "no-match-text": e.noMatchText,
+      "no-data-text": e.noDataText,
+      "remote-method": e.remote ? e.handleRemoteMethod : void 0,
+      "popper-class": e.popperClass,
+      "popper-append-to-body": e.popperAppendToBody,
+      "collapse-tags": e.tags,
+      clearable: e.clearableVal,
+      placeholder: e.placeholder,
+      "multiple-limit": e.limit,
+      "allow-create": e.allowCreate,
+      "default-first-option": e.defaultFirstOption,
+      disabled: e.disabled
+    },
+    on: {
+      focus: e.handleFocus,
+      blur: e.handleBlur,
+      change: e.changeSelect
+    },
+    nativeOn: {
+      click: function(t) {
+        return e.handleClick.apply(null, arguments);
+      }
+    },
+    model: {
+      value: e.text,
+      callback: function(t) {
+        e.text = t;
+      },
+      expression: "text"
+    }
+  }, [e.group ? e._l(e.netDic, function(t, n) {
+    return l("ElOptionGroup", {
+      key: n,
+      attrs: {
+        label: e.getLabelText(t)
+      }
+    }, e._l(t[e.groupsKey], function(s, i) {
+      return l("ElOption", {
+        key: i,
+        attrs: {
+          disabled: s[e.disabledKey],
+          label: e.getLabelText(s),
+          value: s[e.valueKey]
+        }
+      }, [e.$scopedSlots.default ? e._t("default", null, {
+        label: e.labelKey,
+        value: e.valueKey,
+        item: s
+      }) : [l("span", [e._v(e._s(e.getLabelText(s)))]), s[e.descKey] ? l("span", {
+        staticClass: "avue-select__desc"
+      }, [e._v(e._s(s[e.descKey]))]) : e._e()]], 2);
+    }), 1);
+  }) : [e.all && e.multiple ? l("ElCheckbox", {
+    staticClass: "avue-select__check",
+    on: {
+      change: e.selectAll
+    },
+    model: {
+      value: e.checkAll,
+      callback: function(t) {
+        e.checkAll = t;
+      },
+      expression: "checkAll"
+    }
+  }, [e._v(" 全选 ")]) : e._e(), e._l(e.netDic, function(t, n) {
+    return l("ElOption", {
+      key: n,
+      attrs: {
+        disabled: t[e.disabledKey],
+        label: e.getLabelText(t),
+        value: t[e.valueKey]
+      }
+    }, [e.$scopedSlots.default ? e._t("default", null, {
+      label: e.labelKey,
+      value: e.valueKey,
+      item: t
+    }) : [l("span", [e._v(e._s(e.getLabelText(t)))]), t[e.descKey] ? l("span", {
+      staticClass: "avue-select__desc"
+    }, [e._v(e._s(t[e.descKey]))]) : e._e()]], 2);
+  })]], 2);
+}, _ = [];
+const y = {
+  name: "FySelect",
+  mixins: [r, c],
+  props: {
+    loadingText: {
+      type: String
+    },
+    noMatchText: {
+      type: String
+    },
+    noDataText: {
+      type: String
+    },
+    drag: {
+      type: Boolean,
+      default: !1
+    },
+    remote: {
+      type: Boolean,
+      default: !1
+    },
+    tags: {
+      type: Boolean,
+      default: !1
+    },
+    limit: {
+      type: Number,
+      default: 0
+    },
+    filterable: {
+      type: Boolean,
+      default: !1
+    },
+    allowCreate: {
+      type: Boolean,
+      default: !1
+    },
+    defaultFirstOption: {
+      type: Boolean,
+      default: !1
+    },
+    all: {
+      type: Boolean,
+      default: !1
+    },
+    popperAppendToBody: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      checkAll: !1,
+      created: !1,
+      netDic: [],
+      loading: !1
+    };
+  },
+  watch: {
+    text(e) {
+      u(e) || this.remote && !this.created && (this.created = !0, this.handleRemoteMethod(this.multiple ? this.text.join(p) : this.text));
+    },
+    dic: {
+      handler(e) {
+        this.netDic = e;
+      },
+      immediate: !0
+    }
+  },
+  mounted() {
+    this.drag && this.setSort();
+  },
+  methods: {
+    setSort() {
+      if (!window.Sortable) {
+        packages.logs("Sortable");
+        return;
+      }
+      const e = this.$refs.main.$el.querySelectorAll(".el-select__tags > span")[0];
+      window.Sortable.create(e, {
+        animation: 100,
+        onEnd: (a) => {
+          const l = this.value.splice(a.oldIndex, 1)[0];
+          this.value.splice(a.newIndex, 0, l);
+        }
+      });
+    },
+    handleRemoteMethod(e) {
+      this.loading = !0, d({
+        column: this.column,
+        value: e
+      }).then((a) => {
+        this.loading = !1, this.netDic = a;
+      });
+    },
+    selectAll() {
+      this.text = [], this.checkAll && this.netDic.map((e) => {
+        this.text.push(e[this.valueKey]);
+      });
+    },
+    changeSelect(e) {
+      this.checkAll = e.length === this.netDic.length;
+    }
+  }
+}, o = {};
+var m = /* @__PURE__ */ h(
+  y,
+  f,
+  _,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(e) {
+  for (let a in o)
+    this[a] = o[a];
+}
+const k = /* @__PURE__ */ function() {
+  return m.exports;
+}();
+export {
+  k as default
+};

package/dist/components/fy-select/style.css

@@ -0,0 +1 @@
+.avue-select .sortable-ghost{opacity:.8;color:#fff!important;background:#409EFF!important}.avue-select .el-tag{cursor:pointer}.avue-select__desc{float:right;color:#8492a6;font-size:13px}.el-select-dropdown .avue-select__check{box-sizing:border-box;text-align:right;width:100%;padding:3px 20px 3px 0}