@web-utils/component 2.0.13 → 2.7.0

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

@@ -0,0 +1 @@
+.avue-form{position:relative;margin:0 auto;box-sizing:border-box}.avue-form__item--top{display:flex;flex-direction:column}.avue-form__item--top .el-form-item__label{width:100%!important;text-align:left!important}.avue-form__item--top .el-form-item__content{margin-left:0!important}.avue-form__item--left .el-form-item__label{text-align:left!important}.avue-form__menu{padding:5px 10px 0;box-sizing:border-box}.avue-form__menu--center{text-align:center}.avue-form__menu--center .el-button{margin:0 5px}.avue-form__menu--left{text-align:left}.avue-form__menu--right{text-align:right}.avue-form__tabs{padding:0 10px;box-sizing:border-box}.avue-form__group{align-items:flex-start;flex-wrap:wrap;height:auto}.avue-form__group--flex{display:flex}.avue-form__group .el-col{position:relative}.avue-form__line{display:inline-block;height:100%}.avue-form__row--block{width:100%;display:block}.avue-form__row--cursor{cursor:pointer}.avue-form__option{position:absolute;right:0;top:-10px;z-index:999}.avue-form__option i{color:#666}.avue-form__option i+i{margin-left:10px}

package/dist/components/fy-form-menu/index.js

@@ -0,0 +1,95 @@
+import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var a = function() {
+  var e = this, n = e.$createElement, t = e._self._c || n;
+  return e.formSafe.parentOption.menuBtn !== !1 ? t("ElCol", {
+    class: ["menu", e.formSafe.menuPosition, "no-print"],
+    style: e.styleName,
+    attrs: {
+      span: e.menuSpan,
+      md: e.menuSpan
+    }
+  }, [t("ElFormItem", {
+    staticStyle: {
+      "text-align": "center"
+    },
+    attrs: {
+      "label-width": "0px"
+    }
+  }, [e.formSafe.isMock ? t("ElButton", {
+    attrs: {
+      type: "primary",
+      size: e.formSafe.controlSize,
+      icon: "el-icon-edit-outline",
+      disabled: e.formSafe.allDisabled
+    },
+    on: {
+      click: e.formSafe.handleMock
+    }
+  }, [e._v(" " + e._s(e.formSafe.parentOption.mockText || "模拟") + " ")]) : e._e(), e.formSafe.isPrint ? t("ElButton", {
+    attrs: {
+      type: "primary",
+      size: e.formSafe.controlSize,
+      icon: "el-icon-printer",
+      disabled: e.formSafe.allDisabled
+    },
+    on: {
+      click: e.formSafe.handlePrint
+    }
+  }, [e._v(" " + e._s(e.formSafe.parentOption.printText || "打印") + " ")]) : e._e(), e.formSafe.parentOption.submitBtn !== !1 ? t("ElButton", {
+    attrs: {
+      type: "primary",
+      size: e.formSafe.controlSize,
+      icon: e.formSafe.parentOption.submitIcon || "el-icon-check",
+      loading: e.formSafe.allDisabled
+    },
+    on: {
+      click: e.formSafe.submit
+    }
+  }, [e._v(" " + e._s(e.formSafe.parentOption.submitText || "提交") + " ")]) : e._e(), e.formSafe.parentOption.emptyBtn !== !1 ? t("ElButton", {
+    attrs: {
+      icon: e.formSafe.parentOption.emptyIcon || "el-icon-delete",
+      size: e.formSafe.controlSize,
+      disabled: e.formSafe.allDisabled
+    },
+    on: {
+      click: e.formSafe.resetForm
+    }
+  }, [e._v(" " + e._s(e.formSafe.parentOption.emptyText || "清空") + " ")]) : e._e(), e._t("menuForm", null, {
+    disabled: e.formSafe.allDisabled,
+    size: e.formSafe.controlSize
+  })], 2)], 1) : e._e();
+}, i = [];
+const l = {
+  name: "FyFormMenu",
+  inject: ["formSafe"],
+  computed: {
+    menuSpan() {
+      return this.formSafe.parentOption.menuSpan || 24;
+    },
+    styleName() {
+      return this.menuSpan !== 24 ? {
+        padding: 0
+      } : {};
+    }
+  }
+}, o = {};
+var f = /* @__PURE__ */ r(
+  l,
+  a,
+  i,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(e) {
+  for (let n in o)
+    this[n] = o[n];
+}
+const c = /* @__PURE__ */ function() {
+  return f.exports;
+}();
+export {
+  c as default
+};

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

@@ -0,0 +1,162 @@
+import { p as o, e as p } from "../../chunks/event.50c365eb.js";
+import { n as s } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var l = function() {
+  var e = this, r = e.$createElement, n = e._self._c || r;
+  return n("ElInput", {
+    staticClass: "avue-input",
+    attrs: {
+      size: e.size,
+      clearable: e.clearableVal,
+      type: e.typeParam,
+      maxlength: e.maxlength,
+      minlength: e.minlength,
+      "show-password": e.typeParam === "password" ? e.showPassword : !1,
+      rows: e.rows,
+      autosize: {
+        minRows: e.minRows,
+        maxRows: e.maxRows
+      },
+      "prefix-icon": e.prefixIcon,
+      "suffix-icon": e.suffixIcon,
+      readonly: e.readonly,
+      placeholder: e.placeholder,
+      "show-word-limit": e.showWordLimit,
+      disabled: e.disabled,
+      autocomplete: e.autocomplete
+    },
+    on: {
+      keyup: function(t) {
+        if (!t.type.indexOf("key") && e._k(t.keyCode, "enter", 13, t.key, "Enter"))
+          return null;
+        e.isSearch && e.appendClick();
+      },
+      focus: e.handleFocus,
+      blur: e.handleBlur
+    },
+    nativeOn: {
+      click: function(t) {
+        return e.handleClick.apply(null, arguments);
+      }
+    },
+    model: {
+      value: e.text,
+      callback: function(t) {
+        e.text = t;
+      },
+      expression: "text"
+    }
+  }, [e.prepend ? n("template", {
+    slot: "prepend"
+  }, [n("span", {
+    on: {
+      click: function(t) {
+        return e.prependClick();
+      }
+    }
+  }, [e._v(e._s(e.prepend))])]) : e._e(), e.append ? n("template", {
+    slot: "append"
+  }, [n("span", {
+    on: {
+      click: function(t) {
+        return e.appendClick();
+      }
+    }
+  }, [e._v(e._s(e.append))])]) : e.isSearch ? n("ElButton", {
+    attrs: {
+      slot: "append",
+      icon: "el-icon-search"
+    },
+    on: {
+      click: function(t) {
+        return e.appendClick();
+      }
+    },
+    slot: "append"
+  }) : e._e()], 2);
+}, i = [];
+const u = {
+  name: "FyInput",
+  mixins: [o, p],
+  props: {
+    showPassword: {
+      type: Boolean,
+      default: !0
+    },
+    showWordLimit: {
+      type: Boolean,
+      default: !1
+    },
+    target: {
+      type: String,
+      default: " _blank"
+    },
+    prefixIcon: {
+      type: String
+    },
+    suffixIcon: {
+      type: String
+    },
+    prependClick: {
+      type: Function,
+      default: () => {
+      }
+    },
+    prepend: {
+      type: String
+    },
+    appendClick: {
+      type: Function,
+      default: () => {
+      }
+    },
+    append: {
+      type: String
+    },
+    minlength: {
+      type: Number
+    },
+    maxlength: {
+      type: Number
+    },
+    rows: Number,
+    minRows: {
+      type: Number,
+      default: 5
+    },
+    maxRows: {
+      type: Number,
+      default: 10
+    },
+    autocomplete: {
+      type: String
+    }
+  },
+  computed: {
+    isSearch() {
+      return this.type === "search";
+    },
+    typeParam: function() {
+      return this.type === "textarea" ? "textarea" : this.type === "password" ? "password" : "text";
+    }
+  }
+}, a = {};
+var c = /* @__PURE__ */ s(
+  u,
+  l,
+  i,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(e) {
+  for (let r in a)
+    this[r] = a[r];
+}
+const y = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  y as default
+};

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

@@ -0,0 +1,96 @@
+import { p as n, e as o } from "../../chunks/event.50c365eb.js";
+import { n as s } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var i = function() {
+  var e = this, t = e.$createElement, l = e._self._c || t;
+  return l("div", {
+    staticClass: "avue-input-color"
+  }, [l("ElInput", {
+    ref: "main",
+    attrs: {
+      placeholder: e.placeholder,
+      size: e.size,
+      readonly: e.readonly,
+      clearable: e.clearableVal,
+      disabled: e.disabled
+    },
+    nativeOn: {
+      click: function(a) {
+        return e.handleClick.apply(null, arguments);
+      }
+    },
+    model: {
+      value: e.text,
+      callback: function(a) {
+        e.text = a;
+      },
+      expression: "text"
+    }
+  }, [l("template", {
+    slot: "append"
+  }, [l("ElColorPicker", {
+    attrs: {
+      size: "mini",
+      "popper-class": e.popperClass,
+      "color-format": e.colorFormat,
+      disabled: e.disabled,
+      "show-alpha": e.showAlpha,
+      predefine: e.predefine
+    },
+    model: {
+      value: e.text,
+      callback: function(a) {
+        e.text = a;
+      },
+      expression: "text"
+    }
+  })], 1)], 2)], 1);
+}, c = [];
+const p = {
+  name: "FyInputColor",
+  mixins: [n, o],
+  props: {
+    colorFormat: String,
+    predefine: {
+      type: Array,
+      default: () => [
+        "#ff4500",
+        "#ff8c00",
+        "#ffd700",
+        "#90ee90",
+        "#00ced1",
+        "#1e90ff",
+        "#c71585",
+        "rgba(255, 69, 0, 0.68)",
+        "rgb(255, 120, 0)",
+        "hsv(51, 100, 98)",
+        "hsva(120, 40, 94, 0.5)",
+        "hsl(181, 100%, 37%)",
+        "hsla(209, 100%, 56%, 0.73)"
+      ]
+    },
+    showAlpha: {
+      type: Boolean,
+      default: !0
+    }
+  }
+}, r = {};
+var u = /* @__PURE__ */ s(
+  p,
+  i,
+  c,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(e) {
+  for (let t in r)
+    this[t] = r[t];
+}
+const v = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  v as default
+};

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

@@ -0,0 +1,161 @@
+import { p as s, e as o } from "../../chunks/event.50c365eb.js";
+import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var u = function() {
+  var t = this, i = t.$createElement, e = t._self._c || i;
+  return e("div", {
+    staticClass: "avue-input-icon"
+  }, [e("ElInput", {
+    ref: "main",
+    attrs: {
+      placeholder: t.placeholder,
+      size: t.size,
+      clearable: t.clearableVal,
+      disabled: t.disabled
+    },
+    on: {
+      focus: t.handleShow
+    },
+    nativeOn: {
+      click: function(n) {
+        return t.handleClick.apply(null, arguments);
+      }
+    },
+    model: {
+      value: t.text,
+      callback: function(n) {
+        t.text = n;
+      },
+      expression: "text"
+    }
+  }, [e("IconTemp", {
+    attrs: {
+      slot: "append",
+      text: t.text,
+      size: 28,
+      small: t.size === "mini"
+    },
+    on: {
+      click: t.handleShow
+    },
+    slot: "append"
+  })], 1), t.box ? e("div", [e("ElementDialog", {
+    attrs: {
+      title: t.placeholder,
+      visible: t.box,
+      width: t.dialogWidth
+    },
+    on: {
+      "update:visible": function(n) {
+        t.box = n;
+      }
+    }
+  }, [e("div", {
+    staticClass: "avue-input-icon__filter"
+  }, [e("ElInput", {
+    attrs: {
+      placeholder: "请输入",
+      size: t.size
+    },
+    model: {
+      value: t.filterText,
+      callback: function(n) {
+        t.filterText = n;
+      },
+      expression: "filterText"
+    }
+  })], 1), e("Tabs", {
+    attrs: {
+      option: t.option
+    },
+    on: {
+      change: t.handleTabs
+    }
+  }), e("div", {
+    staticClass: "avue-input-icon__list"
+  }, t._l(t.list, function(n, a) {
+    return e("div", {
+      key: a,
+      class: ["avue-input-icon__item", {
+        active: t.text === n
+      }],
+      on: {
+        click: function(v) {
+          return t.handleSubmit(n.value);
+        }
+      }
+    }, [e("IconTemp", {
+      attrs: {
+        text: n.value,
+        small: t.size === "mini"
+      }
+    }), e("p", [t._v(t._s(n.label || n.value))])], 1);
+  }), 0)], 1)], 1) : t._e()], 1);
+}, c = [];
+const d = {
+  name: "FyInputIcon",
+  mixins: [s, o],
+  props: {
+    dialogWidth: {
+      type: String,
+      default: "80%"
+    },
+    iconList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      filterText: "",
+      box: !1,
+      tabs: {}
+    };
+  },
+  computed: {
+    list() {
+      let t = (this.tabs.list || []).map((i) => !i.value && !i.label ? {
+        value: i
+      } : i);
+      return this.filterText && (t = t.filter((i) => i.label.indexOf(this.filterText) !== -1)), t;
+    },
+    option() {
+      return {
+        column: this.iconList
+      };
+    }
+  },
+  created() {
+    this.tabs = this.iconList[0] || {};
+  },
+  methods: {
+    handleTabs(t) {
+      this.tabs = t;
+    },
+    handleSubmit(t) {
+      this.box = !1, this.text = t, this.handleChange(t);
+    },
+    handleShow() {
+      this.$refs.main.blur(), !(this.disabled || this.readonly) && (this.box = !0);
+    }
+  }
+}, l = {};
+var p = /* @__PURE__ */ r(
+  d,
+  u,
+  c,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(t) {
+  for (let i in l)
+    this[i] = l[i];
+}
+const b = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  b as default
+};

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

@@ -0,0 +1 @@
+.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}