@web-utils/component 2.0.13 → 2.2.0

package/fy-form-design/style.css

@@ -0,0 +1 @@
+.dic[data-v-1d95d416]{margin-bottom:5px;display:flex}.el-tag[data-v-4d9443ba]{vertical-align:top}.el-tag+.el-tag[data-v-4d9443ba]{margin-left:5px}.input-new-tag[data-v-4d9443ba]{vertical-align:bottom;width:90px;margin-left:5px}.color-picker[data-v-4d9443ba]{vertical-align:top;left:10px}.custom-tree-node[data-v-effc82e6]{flex:1;justify-content:space-between;align-items:center;padding-right:8px;font-size:14px;display:flex}.form-designer{background:#fff;outline:1px solid #e4e7ed;height:100%}.form-designer ::-webkit-scrollbar{width:0!important;height:0!important}.form-designer ::-webkit-scrollbar-track{background-color:transparent!important;border-radius:10px!important;box-shadow:inset 0 0 6px transparent!important}.form-designer ::-webkit-scrollbar-thumb{background-color:#fff!important;border-radius:10px!important;box-shadow:inset 0 0 6px transparent!important}.form-designer .fields-list{width:100%;height:100%;padding:10px 0}.form-designer .fields-list .field-title{padding:8px 12px;font-size:13px}.form-designer .fields-list ul{margin:0;padding:0 10px 10px;position:relative;overflow:hidden}.form-designer .fields-list .field-label{float:left;color:#333;white-space:nowrap;text-overflow:ellipsis;border:1px solid #f4f6fc;width:47%;margin:1%;font-size:12px;line-height:26px;display:block;position:relative;left:0;overflow:hidden}.form-designer .fields-list .field-label:hover{color:#409eff;border:1px dashed #409eff}.form-designer .fields-list .field-label>a{color:#333;cursor:move;background:#f4f6fc;border:1px solid #f4f6fc;display:block}.form-designer .fields-list .field-label>a .icon{vertical-align:middle;margin-left:8px;margin-right:6px;font-size:14px;display:inline-block}.form-designer .fields-list .field-label>a span{vertical-align:middle;display:inline-block}.form-designer .fields-list .field-label-disabled{float:left;color:#333;white-space:nowrap;text-overflow:ellipsis;border:1px solid #f4f6fc;width:48%;margin:1%;font-size:12px;line-height:26px;display:block;position:relative;left:0;overflow:hidden}.form-designer .fields-list .field-label-disabled:hover{color:gray;border:1px dashed gray}.form-designer .fields-list .field-label-disabled>a{cursor:not-allowed;background:#f4f6fc;border:1px solid #f4f6fc;display:block}.form-designer .fields-list .field-label-disabled>a .icon{vertical-align:middle;margin-left:8px;margin-right:6px;font-size:14px;display:inline-block}.form-designer .fields-list .field-label-disabled>a span{vertical-align:middle;display:inline-block}.form-designer .widget-container{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;flex:1}.form-designer .widget-container .widget-container-header{border-bottom:2px solid #e4e7ed;justify-content:space-between;align-items:center;display:flex;height:45px!important}.form-designer .widget-container .el-main{padding:0;position:relative}.form-designer .widget-form-container{height:100%;position:relative;top:0;bottom:0;left:0;right:0}.form-designer .widget-form-container .el-form,.form-designer .widget-form-container .el-form .el-row{height:100%}.form-designer .widget-form-container .widget-form-list{height:100%;min-height:calc(100% - 45px);padding-bottom:50px;overflow-x:hidden;overflow-y:scroll}.form-designer .widget-form-container .widget-form-list .widget-form-item{border-left:5px solid transparent;min-height:30px;margin:0;padding:5px 10px 18px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-item.required .el-form-item__label:before{color:#f56c6c;content:"*";margin-right:4px}.form-designer .widget-form-container .widget-form-list .widget-form-item:after{z-index:1001;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-item:hover{cursor:move;background:#ecf8ff}.form-designer .widget-form-container .widget-form-list .widget-form-item.active{background:#ecf5ff;border-left:3px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-item .widget-action-delete{z-index:1002;position:absolute;bottom:-32px;right:10px}.form-designer .widget-form-container .widget-form-list .widget-form-item .widget-action-clone{z-index:1002;position:absolute;bottom:-32px;right:50px}.form-designer .widget-form-container .widget-form-list .widget-form-table{float:left;width:100%;padding:2px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-table__content{outline-offset:-1px;outline:1px dashed #ccc;width:100%;height:100%;min-height:103px;padding:10px 5px;display:flex;overflow-y:hidden}.form-designer .widget-form-container .widget-form-list .widget-form-table__content::-webkit-scrollbar{width:6px!important;height:6px!important}.form-designer .widget-form-container .widget-form-list .widget-form-table__content::-webkit-scrollbar-thumb{background-color:#e5e7eb!important}.form-designer .widget-form-container .widget-form-list .widget-form-table__content .ghost{box-sizing:border-box;content:"";background:#fff;border-left:5px solid #409eff;outline:0;height:100%;min-height:90px;margin:1px 2px 0;font-size:0;position:relative;overflow:hidden;width:0!important;min-width:0!important;padding:0!important}.form-designer .widget-form-container .widget-form-list .widget-form-table__item{width:33.3%;min-width:33.3%;height:100%;padding:1px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-table__item.required .el-table__header .cell:before{color:#f56c6c;content:"*";margin-right:4px}.form-designer .widget-form-container .widget-form-list .widget-form-table__item.active{outline-offset:-1px;outline:1px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-table__item:hover{outline-offset:-1px;cursor:move;outline:1px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-table__item:after{z-index:1001;content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-table__item .widget-table-action-delete{z-index:1002;position:absolute;bottom:0;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-table__item .widget-table-action-clone{z-index:1002;position:absolute;bottom:0;right:30px}.form-designer .widget-form-container .widget-form-list .widget-form-table__item .widget-table-action-clone i{font-size:10px}.form-designer .widget-form-container .widget-form-list .widget-form-table__item .el-button--small.is-circle{padding:5px}.form-designer .widget-form-container .widget-form-list .widget-form-table.active{background:#ecf5ff;border-left:3px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-table:hover{cursor:move;background:#ecf8ff}.form-designer .widget-form-container .widget-form-list .widget-form-table .widget-action-delete{z-index:1001;position:absolute;bottom:-12px;right:10px}.form-designer .widget-form-container .widget-form-list .widget-form-table .widget-action-clear{z-index:1001;position:absolute;bottom:-12px;right:50px}.form-designer .widget-form-container .widget-form-list .widget-form-table .widget-action-clone{z-index:1001;position:absolute;bottom:-12px;right:90px}.form-designer .widget-form-container .widget-form-list .widget-form-group{float:left;width:100%;padding:2px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-group__head{margin:10px}.form-designer .widget-form-container .widget-form-list .widget-form-group__body{outline-offset:-1px;outline:1px dashed #ccc;height:100%;min-height:150px;padding-bottom:15px;overflow:hidden}.form-designer .widget-form-container .widget-form-list .widget-form-group__body .ghost{box-sizing:border-box;content:"";background:#fff;border-left:5px solid #409eff;outline:0;height:100%;min-height:57px;margin:1px 2px 0;font-size:0;position:relative;overflow:hidden;width:0!important;min-width:0!important;padding:0!important}.form-designer .widget-form-container .widget-form-list .widget-form-group__item{background:#fff;border-left:5px solid transparent;margin:3px;padding:10px;position:relative}.form-designer .widget-form-container .widget-form-list .widget-form-group__item.required .el-form-item__label:before{color:#f56c6c;content:"*";margin-right:4px}.form-designer .widget-form-container .widget-form-list .widget-form-group__item.active{outline-offset:-1px;outline:1px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-group__item:hover{outline-offset:-1px;cursor:move;outline:1px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-group__item:after{z-index:1001;content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-group__item--delete{z-index:1002;position:absolute;bottom:-24px;right:0}.form-designer .widget-form-container .widget-form-list .widget-form-group__item--clone{z-index:1002;position:absolute;bottom:-24px;right:34px}.form-designer .widget-form-container .widget-form-list .widget-form-group.active{background:#ecf5ff;border-left:3px solid #409eff}.form-designer .widget-form-container .widget-form-list .widget-form-group:hover{cursor:move;background:#ecf8ff}.form-designer .widget-form-container .widget-form-list .widget-form-group .widget-action-delete{z-index:1001;position:absolute;bottom:-12px;right:10px}.form-designer .widget-form-container .widget-form-list .widget-form-group .widget-action-clear{z-index:1001;position:absolute;bottom:-12px;right:50px}.form-designer .widget-form-container .widget-form-list .widget-form-group .widget-action-clone{z-index:1001;position:absolute;bottom:-12px;right:90px}.form-designer .widget-form-container .widget-form-list .iconfont{font-size:13px}.form-designer .widget-form-container .widget-form-list .el-button--small.is-circle{padding:7px}.form-designer .widget-form-container .ghost{box-sizing:border-box;content:"";background:#fff;border-top:5px solid #409eff;outline:0;width:100%;margin:2px 0;font-size:0;position:relative;overflow:hidden;height:0!important;padding:0!important}.form-designer .widget-config-container{height:100%;padding-top:5px}.form-designer .widget-config-container .el-tabs{height:100%}.form-designer .widget-config-container .el-tabs__header{z-index:1000;background:#fff;height:45px;margin:0}.form-designer .widget-config-container .el-tabs__content{height:calc(100% - 45px);overflow-y:scroll}.form-designer .widget-config-container .widget-config .el-tabs__header{margin:0;display:block;position:relative;top:0}.form-designer .widget-config-container .widget-config .el-tabs__content{margin-top:0}.form-designer .widget-config-container .widget-config .ghost{background:#fff;border:1px dashed #409eff}.form-designer .widget-config-container .widget-config ul{margin:0;padding:0}.form-designer .widget-config-container .widget-config ul li{align-items:center;width:100%;display:flex}.form-designer .widget-config-container .widget-config ul li .ghost{height:35px;font-size:0;list-style:none}.form-designer .widget-config-container .avue-group__item{padding:0}.form-designer .el-container{height:100%}.form-designer .el-container .el-main{height:calc(100% - 45px)}.form-designer .el-container .el-aside{background:#fff}.form-designer .danger{color:#f56c6c}.form-designer .warning{color:#e6a23c}.form-designer .el-input-number.is-controls-right .el-input-number__decrease{border-left:none}.form-designer .el-input-number.is-controls-right .el-input-number__increase{border-bottom:none;border-left:none}.form-designer .el-date-editor,.form-designer .el-cascader,.form-designer .el-select,.form-designer .el-input-number{width:100%}.form-designer .editor-fullscreen{z-index:1003;box-sizing:border-box;background:#fff;width:100%;padding:20px;top:0;bottom:0;left:0;right:0;height:100%!important;position:fixed!important}.form-designer .editor-fullscreen i{top:20px!important;left:25px!important}.afd-drawer-foot{padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.afd-drawer-foot button{width:50%}.afd-drawer-foot>span{width:50%;display:inline-block}.afd-drawer-foot>span button{width:100%}.afd-preview-form{height:83vh;overflow-y:auto}

package/fy-input/index.mjs

@@ -0,0 +1,171 @@
+import { p as a, e as p } from "../chunks/event.NHA7rYFE.mjs";
+import { n as l } from "../chunks/vueComponentNormalizer.JwmUNtgn.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() {
+        return [r("ElButton", {
+          attrs: {
+            icon: "el-icon-search"
+          },
+          on: {
+            click: function(n) {
+              return e.appendClick();
+            }
+          }
+        })];
+      },
+      proxy: !0
+    } : 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
+    },
+    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 y = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  y as default
+};

package/fy-input-color/index.mjs

@@ -0,0 +1,101 @@
+import { p as a, e as o } from "../chunks/event.NHA7rYFE.mjs";
+import { n as s } from "../chunks/vueComponentNormalizer.JwmUNtgn.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/fy-input-icon/index.mjs

@@ -0,0 +1,169 @@
+import { p as s, e as o } from "../chunks/event.NHA7rYFE.mjs";
+import r from "@web-utils/component/icon-temp";
+import "@web-utils/component/icon-temp/style.css";
+import { n as c } from "../chunks/vueComponentNormalizer.JwmUNtgn.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);
+      }
+    },
+    scopedSlots: t._u([{
+      key: "append",
+      fn: function() {
+        return [e("IconTemp", {
+          attrs: {
+            text: t.text,
+            size: 28,
+            small: t.size === "mini"
+          },
+          on: {
+            click: t.handleShow
+          }
+        })];
+      },
+      proxy: !0
+    }]),
+    model: {
+      value: t.text,
+      callback: function(n) {
+        t.text = n;
+      },
+      expression: "text"
+    }
+  }), 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);
+}, p = [];
+const d = {
+  name: "FyInputIcon",
+  components: { IconTemp: r },
+  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 h = /* @__PURE__ */ c(
+  d,
+  u,
+  p,
+  !1,
+  f,
+  null,
+  null,
+  null
+);
+function f(t) {
+  for (let i in l)
+    this[i] = l[i];
+}
+const y = /* @__PURE__ */ function() {
+  return h.exports;
+}();
+export {
+  y as default
+};

package/fy-input-icon/style.css

@@ -0,0 +1 @@
+.avue-input-icon{flex-wrap:wrap;justify-content:space-around;display:flex}.avue-input-icon__item{box-sizing:content-box;text-align:center;width:60px;padding:10px 20px 0;transition:all .2s}.avue-input-icon__item p{margin-top:5px;font-size:12px}.avue-input-icon__item:hover{transform:scale(1.4)}.avue-input-icon__item--active{color:#409eff;transform:scale(1.4)}.avue-input-icon__list{flex-wrap:wrap;display:flex}.avue-input-icon__filter{text-align:right}.avue-input-icon__filter .el-input{width:250px}