@web-utils/component 2.7.35 → 2.7.37

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

@@ -0,0 +1,176 @@
+import { p as a, e as p } from "../../chunks/event.e4e57889.mjs";
+import { n as l } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var s = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("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(n) {
+        if (!n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter"))
+          return null;
+        e.isSearch && e.appendClick();
+      },
+      focus: e.handleFocus,
+      blur: e.handleBlur
+    },
+    nativeOn: {
+      click: function(n) {
+        return e.handleClick.apply(null, arguments);
+      }
+    },
+    scopedSlots: e._u([e.prepend ? {
+      key: "prepend",
+      fn: function() {
+        return [r("span", {
+          on: {
+            click: function(n) {
+              return e.prependClick();
+            }
+          }
+        }, [e._v(e._s(e.prepend))])];
+      },
+      proxy: !0
+    } : null, e.append ? {
+      key: "append",
+      fn: function() {
+        return [r("span", {
+          on: {
+            click: function(n) {
+              return e.appendClick();
+            }
+          }
+        }, [e._v(e._s(e.append))])];
+      },
+      proxy: !0
+    } : e.isSearch ? {
+      key: "append",
+      fn: function(n) {
+        return r("ElButton", {
+          attrs: {
+            slot: "append",
+            icon: "el-icon-search"
+          },
+          on: {
+            click: function(f) {
+              return e.appendClick();
+            }
+          },
+          slot: "append"
+        });
+      }
+    } : null], null, !0),
+    model: {
+      value: e.text,
+      callback: function(n) {
+        e.text = n;
+      },
+      expression: "text"
+    }
+  });
+}, i = [];
+const u = {
+  name: "FyInput",
+  mixins: [a, 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";
+    }
+  }
+}, o = {};
+var c = /* @__PURE__ */ l(
+  u,
+  s,
+  i,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(e) {
+  for (let t in o)
+    this[t] = o[t];
+}
+const h = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  h as default
+};

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

@@ -0,0 +1,101 @@
+import { p as a, e as o } from "../../chunks/event.e4e57889.mjs";
+import { n as s } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var c = 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(r) {
+        return e.handleClick.apply(null, arguments);
+      }
+    },
+    scopedSlots: e._u([{
+      key: "append",
+      fn: function() {
+        return [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(r) {
+              e.text = r;
+            },
+            expression: "text"
+          }
+        })];
+      },
+      proxy: !0
+    }]),
+    model: {
+      value: e.text,
+      callback: function(r) {
+        e.text = r;
+      },
+      expression: "text"
+    }
+  })], 1);
+}, i = [];
+const p = {
+  name: "FyInputColor",
+  mixins: [a, 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
+    }
+  }
+}, n = {};
+var u = /* @__PURE__ */ s(
+  p,
+  c,
+  i,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(e) {
+  for (let t in n)
+    this[t] = n[t];
+}
+const v = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  v as default
+};

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

@@ -0,0 +1,161 @@
+import { p as s, e as o } from "../../chunks/event.e4e57889.mjs";
+import { n as r } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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("FyTabs", {
+    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

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