@web-utils/component 2.0.13 → 2.2.0

package/fy-input-tree/index.mjs

@@ -0,0 +1,267 @@
+import { p as u, e as h } from "../chunks/event.NHA7rYFE.mjs";
+import { isBlank as n } from "@web-utils/core";
+import { n as p } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+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-tree__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", {
+    staticClass: "avue-input-tree__dropdown",
+    attrs: {
+      value: e.text
+    }
+  }, [l("ElTree", {
+    ref: "tree",
+    staticClass: "avue-input-tree__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-tree__item"
+        }, [e._t("default", function() {
+          return [l("span", {
+            class: {
+              "avue--disabled": s[e.disabledKey]
+            }
+          }, [e._v(e._s(s[e.labelKey]))]), s[e.descKey] ? l("span", {
+            staticClass: "avue-input-tree__desc"
+          }, [e._v(e._s(s[e.descKey]))]) : e._e()];
+        }, {
+          label: e.labelKey,
+          value: e.valueKey,
+          item: s
+        })], 2)];
+      }
+    }], null, !0)
+  })], 1)], 1);
+}, y = [];
+const m = {
+  name: "FyInputTree",
+  mixins: [u, 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: "",
+      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((t) => this.getLabelText(t));
+    }
+  },
+  watch: {
+    text() {
+      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) {
+      const l = (i) => {
+        const s = (r, o, c) => {
+          r.forEach((a) => {
+            a[this.valueKey] === o ? a[this.childrenKey] = c : 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 {
+          const e = this.$refs.tree.getNode(this.text);
+          if (e) {
+            const 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 k = /* @__PURE__ */ p(
+  m,
+  f,
+  y,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let t in d)
+    this[t] = d[t];
+}
+const K = /* @__PURE__ */ function() {
+  return k.exports;
+}();
+export {
+  K as default
+};

package/fy-input-tree/style.css

@@ -0,0 +1 @@
+.avue-input-tree .el-tag__close{display:none!important}.avue-input-tree__dropdown{background-color:#fff;height:auto;min-height:300px;max-height:600px;padding:0 10px;overflow:auto}.avue-input-tree__dropdown:hover,.avue-input-tree__dropdown.hover{background-color:#fff}.avue-input-tree__item{width:100%}.avue-input-tree__filter{margin:5px 0 0;padding:0 10px}.avue-input-tree__select{padding:10px 0}.avue-input-tree__desc{float:right;color:#8492a6;margin-right:12px;font-size:13px}

package/fy-progress/index.mjs

@@ -0,0 +1,60 @@
+import { n } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var s = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("div", {
+    staticClass: "avue-progress"
+  }, [r("ElProgress", {
+    attrs: {
+      type: e.type,
+      color: e.color,
+      width: e.width,
+      "text-inside": "",
+      "show-text": e.showText,
+      "stroke-width": e.strokeWidth,
+      percentage: e.percentage
+    }
+  })], 1);
+}, i = [];
+const a = {
+  name: "FyProgress",
+  props: {
+    showText: {
+      type: Boolean
+    },
+    width: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: [Number, String]
+    },
+    type: {
+      type: String
+    },
+    color: {
+      type: String
+    },
+    percentage: {
+      type: [Number]
+    }
+  }
+}, o = {};
+var c = /* @__PURE__ */ n(
+  a,
+  s,
+  i,
+  !1,
+  p,
+  null,
+  null,
+  null
+);
+function p(e) {
+  for (let t in o)
+    this[t] = o[t];
+}
+const _ = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  _ as default
+};

package/fy-radio/index.mjs

@@ -0,0 +1,70 @@
+import { p as l, e as s } from "../chunks/event.NHA7rYFE.mjs";
+import { n as i } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var c = 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, o) {
+    return a(e.componentName, {
+      key: o,
+      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);
+}, d = [];
+const u = {
+  name: "FyRadio",
+  mixins: [l, s],
+  props: {
+    // eslint-disable-next-line vue/no-unused-properties
+    value: [String, Object, Number, Boolean, Array]
+  },
+  data() {
+    return {
+      // eslint-disable-next-line vue/no-unused-properties
+      name: "radio"
+    };
+  }
+}, r = {};
+var _ = /* @__PURE__ */ i(
+  u,
+  c,
+  d,
+  !1,
+  p,
+  null,
+  null,
+  null
+);
+function p(e) {
+  for (let t in r)
+    this[t] = r[t];
+}
+const f = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  f as default
+};

package/fy-radio/style.css

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

package/fy-rate/index.mjs

@@ -0,0 +1,106 @@
+import { p as a, e as r } from "../chunks/event.NHA7rYFE.mjs";
+import { n } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+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,
+    // eslint-disable-next-line vue/no-unused-properties
+    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 f = /* @__PURE__ */ function() {
+  return h.exports;
+}();
+export {
+  f as default
+};

package/fy-rate/style.css

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