@web-utils/component 2.0.14 → 2.2.0

package/fy-select/index.mjs

@@ -0,0 +1,225 @@
+import { p as r, e as c } from "../chunks/event.NHA7rYFE.mjs";
+import { s as d } from "../chunks/dic.6tk91Dmq.mjs";
+import { b as u } from "../chunks/util.C2Bhx22L.mjs";
+import { isBlank as p } from "@web-utils/core";
+import { p as h } from "../chunks/packages.v6r2Hr7E.mjs";
+import { n as f } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var _ = 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, s) {
+    return l("ElOptionGroup", {
+      key: s,
+      attrs: {
+        label: e.getLabelText(t)
+      }
+    }, e._l(t[e.groupsKey], function(o, i) {
+      return l("ElOption", {
+        key: i,
+        attrs: {
+          disabled: o[e.disabledKey],
+          label: e.getLabelText(o),
+          value: o[e.valueKey]
+        }
+      }, [e.$scopedSlots.default ? e._t("default", null, {
+        label: e.labelKey,
+        value: e.valueKey,
+        item: o
+      }) : [l("span", [e._v(e._s(e.getLabelText(o)))]), o[e.descKey] ? l("span", {
+        staticClass: "avue-select__desc"
+      }, [e._v(e._s(o[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, s) {
+    return l("ElOption", {
+      key: s,
+      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);
+}, m = [];
+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) {
+      p(e) || this.remote && !this.created && (this.created = !0, this.handleRemoteMethod(this.multiple ? this.text.join(u) : this.text));
+    },
+    dic: {
+      handler(e) {
+        this.netDic = e;
+      },
+      immediate: !0
+    }
+  },
+  mounted() {
+    this.drag && this.setSort();
+  },
+  methods: {
+    setSort() {
+      if (!window.Sortable) {
+        h.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.forEach((e) => {
+        this.text.push(e[this.valueKey]);
+      });
+    },
+    changeSelect(e) {
+      this.checkAll = e.length === this.netDic.length;
+    }
+  }
+}, n = {};
+var g = /* @__PURE__ */ f(
+  y,
+  _,
+  m,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(e) {
+  for (let a in n)
+    this[a] = n[a];
+}
+const B = /* @__PURE__ */ function() {
+  return g.exports;
+}();
+export {
+  B as default
+};

package/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}

package/fy-slider/index.mjs

@@ -0,0 +1,79 @@
+import { p as r, e as l } from "../chunks/event.NHA7rYFE.mjs";
+import { s as i } from "../chunks/util.C2Bhx22L.mjs";
+import { n as a } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var p = function() {
+  var t = this, o = t.$createElement, s = t._self._c || o;
+  return s("ElSlider", {
+    attrs: {
+      disabled: t.disabled,
+      vertical: t.vertical,
+      height: t.setPx(t.height),
+      step: t.step,
+      min: t.min,
+      max: t.max,
+      range: t.range,
+      "show-stops": t.showStops,
+      "show-tooltip": t.showTooltip,
+      "show-input": t.showInput,
+      "show-input-controls": t.showInputControls,
+      "input-size": t.size,
+      "tooltip-class": t.tooltipClass,
+      marks: t.marks,
+      "format-tooltip": t.formatTooltip
+    },
+    nativeOn: {
+      click: function(e) {
+        return t.handleClick.apply(null, arguments);
+      }
+    },
+    model: {
+      value: t.text,
+      callback: function(e) {
+        t.text = e;
+      },
+      expression: "text"
+    }
+  });
+}, m = [];
+const u = {
+  name: "FySlider",
+  mixins: [r, l],
+  props: {
+    step: Number,
+    min: Number,
+    max: Number,
+    marks: Number,
+    range: Boolean,
+    showTooltip: Boolean,
+    showInput: Boolean,
+    showStops: Boolean,
+    vertical: Boolean,
+    formatTooltip: Function,
+    height: String,
+    showInputControls: Boolean,
+    tooltipClass: String
+  },
+  methods: {
+    setPx: i
+  }
+}, n = {};
+var c = /* @__PURE__ */ a(
+  u,
+  p,
+  m,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(t) {
+  for (let o in n)
+    this[o] = n[o];
+}
+const d = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  d as default
+};

package/fy-switch/index.mjs

@@ -0,0 +1,74 @@
+import { p as c, e as l } from "../chunks/event.NHA7rYFE.mjs";
+import { n as r } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var o = function() {
+  var e = this, t = e.$createElement, a = e._self._c || t;
+  return a("ElSwitch", {
+    attrs: {
+      "active-text": e.active[e.labelKey],
+      "active-value": e.active[e.valueKey],
+      "inactive-value": e.inactive[e.valueKey],
+      "inactive-text": e.inactive[e.labelKey],
+      "active-icon-class": e.activeIconClass,
+      "inactive-icon-class": e.inactiveIconClass,
+      "active-color": e.activeColor,
+      "inactive-color": e.inactiveColor,
+      width: e.len,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      size: e.size
+    },
+    nativeOn: {
+      click: function(i) {
+        return e.handleClick.apply(null, arguments);
+      }
+    },
+    model: {
+      value: e.text,
+      callback: function(i) {
+        e.text = i;
+      },
+      expression: "text"
+    }
+  });
+}, s = [];
+const v = {
+  name: "FySwitch",
+  mixins: [c, l],
+  props: {
+    // eslint-disable-next-line vue/no-unused-properties
+    value: [String, Object, Number, Boolean, Array],
+    activeIconClass: String,
+    inactiveIconClass: String,
+    activeColor: String,
+    inactiveColor: String,
+    len: Number
+  },
+  computed: {
+    active() {
+      return this.dic[1] || {};
+    },
+    inactive() {
+      return this.dic[0] || {};
+    }
+  }
+}, n = {};
+var u = /* @__PURE__ */ r(
+  v,
+  o,
+  s,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let t in n)
+    this[t] = n[t];
+}
+const p = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  p as default
+};

package/fy-tabs/index.mjs

@@ -0,0 +1,92 @@
+import { n as r } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var o = function() {
+  var t = this, a = t.$createElement, e = t._self._c || a;
+  return e("div", {
+    staticClass: "avue-tabs"
+  }, [e("ElTabs", {
+    attrs: {
+      "tab-position": t.parentOption.position,
+      type: t.parentOption.type
+    },
+    model: {
+      value: t.active,
+      callback: function(n) {
+        t.active = n;
+      },
+      expression: "active"
+    }
+  }, t._l(t.columnOption, function(n, s) {
+    return e("ElTabPane", {
+      key: s,
+      attrs: {
+        name: `${s}`,
+        disabled: n.disabled
+      },
+      scopedSlots: t._u([{
+        key: "label",
+        fn: function() {
+          return [e("span", [e("i", {
+            class: n.icon
+          }), t._v("  " + t._s(n.label) + " ")])];
+        },
+        proxy: !0
+      }], null, !0)
+    });
+  }), 1)], 1);
+}, c = [];
+const l = {
+  name: "FyTabs",
+  props: {
+    option: {
+      type: Object,
+      required: !0,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      active: "0"
+    };
+  },
+  computed: {
+    tabsObj() {
+      return this.columnOption[this.active];
+    },
+    parentOption() {
+      return this.option;
+    },
+    columnOption() {
+      return this.parentOption.column || [];
+    }
+  },
+  watch: {
+    active() {
+      this.$emit("change", this.tabsObj);
+    }
+  },
+  methods: {
+    changeTabs(t) {
+      this.active = `${t}`;
+    }
+  }
+}, i = {};
+var u = /* @__PURE__ */ r(
+  l,
+  o,
+  c,
+  !1,
+  p,
+  null,
+  null,
+  null
+);
+function p(t) {
+  for (let a in i)
+    this[a] = i[a];
+}
+const v = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  v as default
+};

package/fy-time/index.mjs

@@ -0,0 +1,95 @@
+import { p as o, e as l } from "../chunks/event.NHA7rYFE.mjs";
+import { isBlank as i } from "@web-utils/core";
+import { n as s } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var c = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("div", {
+    staticClass: "avue-time"
+  }, [r(e.componentName, {
+    tag: "Component",
+    attrs: {
+      "popper-class": e.popperClass,
+      "is-range": e.isRange,
+      size: e.size,
+      editable: e.editable,
+      "default-value": e.defaultValue,
+      "range-separator": e.rangeSeparator,
+      "arrow-control": e.arrowControl,
+      "start-placeholder": e.startPlaceholder || "开始",
+      "end-placeholder": e.endPlaceholder || "结束",
+      format: e.format,
+      readonly: e.readonly,
+      clearable: e.clearableVal,
+      "picker-options": e.pickerOptions,
+      "value-format": e.valueFormat,
+      placeholder: e.placeholder,
+      disabled: e.disabled
+    },
+    on: {
+      change: e.handleChange
+    },
+    nativeOn: {
+      click: function(a) {
+        return e.handleClick.apply(null, arguments);
+      }
+    },
+    model: {
+      value: e.text,
+      callback: function(a) {
+        e.text = a;
+      },
+      expression: "text"
+    }
+  })], 1);
+}, p = [];
+const d = {
+  name: "FyTime",
+  mixins: [o, l],
+  props: {
+    editable: Boolean,
+    startPlaceholder: String,
+    endPlaceholder: String,
+    rangeSeparator: String,
+    defaultValue: [String, Array],
+    pickerOptions: Object,
+    valueFormat: String,
+    arrowControl: Boolean,
+    type: String,
+    format: String
+  },
+  computed: {
+    componentName() {
+      const e = this.pickerOptions || {};
+      return e.start || e.end || e.step ? "elTimeSelect" : "elTimePicker";
+    },
+    isRange() {
+      return this.type === "timerange";
+    }
+  },
+  watch: {
+    text() {
+      Array.isArray(this.text) && i(this.text) && (this.text = this.text.join(","));
+    }
+  },
+  methods: {}
+}, n = {};
+var m = /* @__PURE__ */ s(
+  d,
+  c,
+  p,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(e) {
+  for (let t in n)
+    this[t] = n[t];
+}
+const g = /* @__PURE__ */ function() {
+  return m.exports;
+}();
+export {
+  g as default
+};

package/fy-title/index.mjs

@@ -0,0 +1,40 @@
+import { p as r, e as o } from "../chunks/event.NHA7rYFE.mjs";
+import { n as l } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var a = function() {
+  var t = this, e = t.$createElement, n = t._self._c || e;
+  return n("div", {
+    staticClass: "avue-title"
+  }, [n("p", {
+    style: t.styles
+  }, [t._v(" " + t._s(t.text) + " ")])]);
+}, i = [];
+const _ = {
+  name: "FyTitle",
+  mixins: [r, o],
+  props: {
+    styles: {
+      type: Object,
+      default: () => ({})
+    }
+  }
+}, s = {};
+var c = /* @__PURE__ */ l(
+  _,
+  a,
+  i,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let e in s)
+    this[e] = s[e];
+}
+const m = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  m as default
+};

package/fy-title/style.css

@@ -0,0 +1 @@
+.avue-title p{margin:5px 10px;font-size:18px;font-weight:700}