@web-utils/component 2.0.13 → 2.2.0

package/fy-curd/style.css

@@ -0,0 +1 @@
+.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body,.dialog-form .el-drawer__body{flex-direction:column;flex:auto;padding:0;display:flex}.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body .avue-form,.dialog-form .el-drawer__body .avue-form{flex:auto}.dialog-form .el-drawer .el-drawer__body{height:100%}.dialog-form .el-drawer .avue-form{padding:10px}.avue-crud{width:100%;margin:0 auto}.avue-crud .el-card+.el-card{margin-top:8px}.avue-crud--card .el-card{border:none}.avue-crud--card .el-card__body{padding:0}.avue-crud--card .el-card+.el-card{margin-top:0}.avue-crud .el-table .el-form-item{width:100%;margin-bottom:0;display:inline-block}.avue-crud .el-table .el-form-item__label{position:absolute;left:2px}.avue-crud .el-table .el-form-item__content{font-size:inherit;line-height:inherit}.avue-crud .el-table .el-form-item__error{text-align:left;width:100%;position:relative}.avue-crud .el-dropdown+.el-button{margin-left:10px}.avue-crud .el-checkbox:last-of-type{margin-right:0}.avue-crud .el-range-editor--mini{height:28px}.avue-crud__img{justify-content:center;display:flex}.avue-crud__img>*{object-fit:contain;height:50px;margin-right:5px;font-size:50px}.avue-crud__column .el-checkbox{cursor:move;margin-bottom:10px}.avue-crud__menu{background-color:#fff;justify-content:space-between;width:100%;height:auto;min-height:40px;margin-bottom:5px;display:flex;position:relative;overflow:hidden}.avue-crud__search .el-form-item--medium.el-form-item{margin-bottom:22px}.avue-crud__search .el-form-item--mini.el-form-item,.avue-crud__search .el-form-item--small.el-form-item{margin-bottom:14px}.avue-crud .el-table--mini .avue-crud__color{width:20px;height:20px}.avue-crud .el-table--mini .avue-crud__icon{font-size:20px}.avue-crud .el-table--small .avue-crud__color{width:30px;height:30px}.avue-crud .el-table--small .avue-crud__icon{font-size:30px}.avue-crud th{color:rgba(0,0,0,.85);word-break:break-word;background-color:#fafafa}.avue-crud table td{line-height:26px}.avue-crud--indeterminate .is-indeterminate .el-checkbox__inner{background-color:#fff;border-color:#dcdfe6}.avue-crud .el-table th{color:rgba(0,0,0,.85);word-break:break-word;background-color:#fafafa}.avue-crud__color{border-radius:5px;width:40px;height:40px;margin:0 auto;display:block}.avue-crud__icon{font-size:45px}.avue-crud__icon--small{width:20px;height:20px;font-size:20px}.avue-crud__ghost{cursor:move;opacity:.4}.is-always-shadow+.avue-crud__pagination{padding:0}.avue-crud__pagination{text-align:right;padding:25px 0 20px 20px;position:relative}.avue-crud__pagination .el-pagination{display:inline-block}.avue-crud__form{padding:0 8px}.avue-crud__empty{padding:20px 0}.avue-crud__empty .el-empty__description{margin-top:0}.avue-crud__header{margin-bottom:10px}.avue-crud__header>.el-button{padding:12px 25px}.avue-crud__title{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:22px;font-weight:700;display:flex}.avue-crud__tip{align-items:center;margin:0 0 8px;font-size:12px;display:flex}.avue-crud__tip-name{margin-right:10px}.avue-crud__tip-count{font-size:16px;font-weight:600}.avue-crud__tip .el-button{margin-bottom:0}.avue-crud__filter-item{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.avue-crud__filter-menu{margin-bottom:20px;padding:0 5px}.avue-crud__filter-label{margin:0 5px;width:120px!important}.avue-crud__filter-symbol{margin:0 5px;width:80px!important}.avue-crud__filter-value{margin:0 5px;width:150px!important}.avue-crud__filter-value .el-date-editor.el-input,.avue-crud__filter-value .el-date-editor.el-input__inner{width:100%}.avue-crud__filter-icon{margin-left:10px}.avue-crud__dialog .el-drawer__header .avue-crud__dialog__menu{padding-right:0}.avue-crud__dialog__header{justify-content:space-between;align-items:center;display:flex}.avue-crud__dialog__menu{padding-right:20px}.avue-crud__dialog__menu i{color:#909399;font-size:15px}.avue-crud__dialog__menu i:hover{color:#409eff}.avue-crud__dialog .el-dialog__body,.avue-crud__dialog .el-drawer__body{padding:20px 20px 5px 10px}.avue-crud__dialog .el-drawer__close-btn{margin-top:2px;font-size:18px}.avue-crud__dialog .el-scrollbar__wrap{overflow-x:hidden}.avue-crud__dialog .avue-form__menu{padding-top:15px}

package/fy-date/index.mjs

@@ -0,0 +1,84 @@
+import { p as n, e as o } from "../chunks/event.NHA7rYFE.mjs";
+import { n as i } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var s = function() {
+  var e = this, a = e.$createElement, t = e._self._c || a;
+  return t("div", {
+    staticClass: "avue-date"
+  }, [t("ElDatePicker", {
+    attrs: {
+      type: e.type,
+      "popper-class": e.popperClass,
+      size: e.size,
+      editable: e.editable,
+      "unlink-panels": e.unlinkPanels,
+      readonly: e.readonly,
+      "default-value": e.defaultValue,
+      "default-time": e.defaultTime,
+      "range-separator": e.rangeSeparator,
+      "start-placeholder": e.startPlaceholder || "开始",
+      "end-placeholder": e.endPlaceholder || "结束",
+      format: e.format,
+      clearable: e.clearableVal,
+      "picker-options": e.pickerOptions,
+      "value-format": e.valueFormat,
+      placeholder: e.placeholder,
+      disabled: e.disabled
+    },
+    on: {
+      blur: e.handleBlur,
+      focus: e.handleFocus
+    },
+    nativeOn: {
+      click: function(l) {
+        return e.handleClick.apply(null, arguments);
+      }
+    },
+    model: {
+      value: e.text,
+      callback: function(l) {
+        e.text = l;
+      },
+      expression: "text"
+    }
+  })], 1);
+}, c = [];
+const p = {
+  name: "FyDate",
+  mixins: [n, o],
+  props: {
+    editable: Boolean,
+    unlinkPanels: Boolean,
+    startPlaceholder: String,
+    endPlaceholder: String,
+    rangeSeparator: String,
+    defaultValue: [String, Array],
+    defaultTime: [String, Array],
+    pickerOptions: Object,
+    type: {
+      type: String,
+      default: "date"
+    },
+    valueFormat: String,
+    format: String
+  }
+}, r = {};
+var u = /* @__PURE__ */ i(
+  p,
+  s,
+  c,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(e) {
+  for (let a in r)
+    this[a] = r[a];
+}
+const v = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  v as default
+};

package/fy-date/style.css

@@ -0,0 +1 @@
+.avue-date__group{align-items:center;display:flex}.avue-date__radio .el-radio-button:last-child .el-radio-button__inner{border-right:0;border-radius:0}.avue-date__date{width:300px}.avue-date__date .el-date-editor{border-top-left-radius:0;border-bottom-left-radius:0}

package/fy-draggable/index.mjs

@@ -0,0 +1,382 @@
+import { s as l, w as a } from "../chunks/util.C2Bhx22L.mjs";
+import { n as v } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var g = function() {
+  var e = this, t = e.$createElement, s = e._self._c || t;
+  return s("div", {
+    class: {
+      "avue-draggable__active": (e.active || e.overActive) && !e.readonly,
+      "avue-draggable__move": e.moveActive,
+      "avue-draggable__click": e.disabled
+    },
+    style: e.styleName,
+    on: {
+      mousedown: function(i) {
+        return i.stopPropagation(), e.handleMove.apply(null, arguments);
+      },
+      mouseover: function(i) {
+        return i.stopPropagation(), e.handleOver.apply(null, arguments);
+      },
+      mouseout: function(i) {
+        return i.stopPropagation(), e.handleOut.apply(null, arguments);
+      }
+    }
+  }, [s("ElInput", {
+    ref: "input",
+    staticClass: "avue-draggable__focus",
+    model: {
+      value: e.value,
+      callback: function(i) {
+        e.value = i;
+      },
+      expression: "value"
+    }
+  }), s("div", {
+    ref: "wrapper",
+    staticClass: "avue-draggable__wrapper"
+  }, [(e.active || e.overActive || e.moveActive) && !e.readonly ? [s("div", {
+    staticClass: "avue-draggable__line['left'])",
+    style: e.styleLineName
+  }), s("div", {
+    staticClass: "avue-draggable__line['top'])",
+    style: e.styleLineName
+  }), s("div", {
+    staticClass: "avue-draggable__line['label'])",
+    style: e.styleLabelName
+  }, [e._v(" " + e._s(e.baseLeft) + "," + e._s(e.baseTop) + " ")])] : e._e(), e.readonly ? e._e() : [e._l(e.rangeList, function(i, h) {
+    return [e.active ? s("div", {
+      key: h,
+      staticClass: "avue-draggable__range[item.classname])",
+      style: [e.styleRangeName, e.getRangeStyle(i.classname)],
+      on: {
+        mousedown: function(n) {
+          return n.stopPropagation(), e.rangeMove(n, i.classname);
+        }
+      }
+    }) : e._e()];
+  })], s("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: e.active || e.overActive,
+      expression: "active || overActive"
+    }],
+    staticClass: "avue-draggable__menu",
+    style: e.styleMenuName
+  }, [e._t("menu", null, {
+    zIndex: e.zIndex,
+    index: e.index
+  })], 2), s("div", {
+    ref: "item",
+    staticClass: "avue-draggable__item"
+  }, [e._t("default")], 2), !e.disabled && e.mask ? s("div", {
+    staticClass: "avue-draggable__mask"
+  }) : e._e()], 2)], 1);
+}, y = [];
+const _ = {
+  name: "FyDraggable",
+  props: {
+    index: {
+      type: [String, Number]
+    },
+    mask: {
+      type: Boolean,
+      default: !0
+    },
+    scale: {
+      type: Number,
+      default: 1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    resize: {
+      type: Boolean,
+      default: !0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    lock: {
+      type: Boolean,
+      default: !1
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    zIndex: {
+      type: [Number, String],
+      default: 1
+    },
+    left: {
+      type: Number,
+      default: 0
+    },
+    top: {
+      type: Number,
+      default: 0
+    },
+    width: {
+      type: Number
+    },
+    height: {
+      type: Number
+    }
+  },
+  data() {
+    return {
+      first: !0,
+      value: "",
+      baseWidth: 0,
+      baseHeight: 0,
+      baseLeft: 0,
+      baseTop: 0,
+      children: {},
+      moveActive: !1,
+      overActive: !1,
+      rangeActive: !1,
+      active: !1,
+      keyDown: null,
+      rangeList: [
+        {
+          classname: "left"
+        },
+        {
+          classname: "right"
+        },
+        {
+          classname: "top"
+        },
+        {
+          classname: "bottom"
+        },
+        {
+          classname: "top-left"
+        },
+        {
+          classname: "top-right"
+        },
+        {
+          classname: "bottom-left"
+        },
+        {
+          classname: "bottom-right"
+        }
+      ]
+    };
+  },
+  computed: {
+    scaleVal() {
+      return this.scale;
+    },
+    styleMenuName() {
+      return {
+        transformOrigin: "0 0",
+        transform: `scale(${this.scaleVal})`
+      };
+    },
+    styleLineName() {
+      return {
+        borderWidth: l(this.scaleVal)
+      };
+    },
+    styleRangeName() {
+      const e = 10 * this.scaleVal;
+      return {
+        width: l(e),
+        height: l(e)
+      };
+    },
+    styleLabelName() {
+      return {
+        fontSize: l(18 * this.scaleVal)
+      };
+    },
+    styleName() {
+      return Object.assign(
+        (() => this.active ? Object.assign(
+          {
+            zIndex: 9999
+          },
+          this.styleLineName
+        ) : { zIndex: this.zIndex })(),
+        {
+          top: l(this.baseTop),
+          left: l(this.baseLeft),
+          width: l(this.baseWidth),
+          height: l(this.baseHeight)
+        }
+      );
+    }
+  },
+  watch: {
+    active(e) {
+      e ? this.handleKeydown() : document.onkeydown = this.keyDown;
+    },
+    width(e) {
+      this.baseWidth = a(e) || this.children.offsetWidth;
+    },
+    height(e) {
+      this.baseHeight = a(e) || this.children.offsetHeight;
+    },
+    left(e) {
+      this.baseLeft = a(e);
+    },
+    top(e) {
+      this.baseTop = a(e);
+    },
+    baseWidth(e) {
+      this.$refs.wrapper.style.width = l(e), this.resize && this.children.style && (this.children.style.width = l(e));
+    },
+    baseHeight(e) {
+      this.$refs.wrapper.style.height = l(e), this.resize && this.children.style && (this.children.style.height = l(e));
+    },
+    baseLeft(e, t) {
+      this.first || this.setMove(e - t, 0);
+    },
+    baseTop(e, t) {
+      this.first || this.setMove(0, e - t);
+    }
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    init() {
+      this.children = this.$refs.item.firstChild, this.baseWidth = a(this.width) || this.children.offsetWidth, this.baseHeight = a(this.height) || this.children.offsetHeight, this.baseLeft = a(this.left), this.baseTop = a(this.top), this.keyDown = document.onkeydown, this.$nextTick(() => {
+        this.first = !1;
+      });
+    },
+    setMove(e, t) {
+      this.$emit("move", {
+        index: this.index,
+        left: e,
+        top: t
+      });
+    },
+    setLeft(e) {
+      this.baseLeft = e;
+    },
+    setTop(e) {
+      this.baseTop = e;
+    },
+    getRangeStyle(e) {
+      const t = 10 * this.scaleVal / 2, s = {};
+      return e.split("-").forEach((h) => {
+        s[h] = l(-t);
+      }), s;
+    },
+    setOverActive(e) {
+      this.overActive = e;
+    },
+    setActive(e) {
+      this.active = e;
+    },
+    rangeMove(e, t) {
+      if (this.disabled || this.lock)
+        return;
+      let s, i, h, n, o, u;
+      this.rangeActive = !0, this.handleMouseDown();
+      let c = e.clientX, f = e.clientY;
+      document.onmousemove = (d) => {
+        this.moveActive = !0, t === "right" ? (s = !0, i = !1) : t === "left" ? (s = !0, h = !0, o = !0, i = !1) : t === "top" ? (s = !1, i = !0, n = !0, u = !0) : t === "bottom" ? (s = !1, i = !0) : t === "bottom-right" ? (s = !0, i = !0) : t === "bottom-left" ? (s = !0, i = !0, h = !0, o = !0) : t === "top-right" ? (s = !0, i = !0, n = !0, u = !0) : t === "top-left" && (s = !0, i = !0, h = !0, o = !0, n = !0, u = !0);
+        const m = d.clientX - c, p = d.clientY - f;
+        if (c = d.clientX, f = d.clientY, s) {
+          let r = m * this.step;
+          o && (r = -r), h && (this.baseLeft = a(this.baseLeft - r)), this.baseWidth = a(this.baseWidth + r);
+        }
+        if (i) {
+          let r = p * this.step;
+          u && (r = -r), n && (this.baseTop = a(this.baseTop - r)), this.baseHeight = a(this.baseHeight + r);
+        }
+      }, this.handleClear();
+    },
+    handleOut() {
+      this.overActive = !1, this.$emit("out", {
+        index: this.index,
+        width: this.baseWidth,
+        height: this.baseHeight,
+        left: this.baseLeft,
+        top: this.baseTop
+      });
+    },
+    handleOver() {
+      this.disabled || (this.overActive = !0, this.$emit("over", {
+        index: this.index,
+        width: this.baseWidth,
+        height: this.baseHeight,
+        left: this.baseLeft,
+        top: this.baseTop
+      }));
+    },
+    handleMove(e) {
+      if (this.disabled || this.lock)
+        return;
+      setTimeout(() => {
+        this.$refs.input.focus();
+      }), this.active = !0, this.handleMouseDown();
+      let t = e.clientX, s = e.clientY;
+      document.onmousemove = (i) => {
+        const h = i.clientX - t, n = i.clientY - s;
+        t = i.clientX, s = i.clientY, this.baseLeft = a(this.baseLeft + h * this.step), this.baseTop = a(this.baseTop + n * this.step);
+      }, this.handleClear();
+    },
+    handleClear() {
+      document.onmouseup = () => {
+        document.onmousemove = null, document.onmouseup = null, this.handleMouseUp();
+      };
+    },
+    handleKeydown() {
+      document.onkeydown = (e) => {
+        const t = e || window.event, s = this.step;
+        this.$refs.input.focused && (t && t.keyCode === 38 ? this.baseTop = a(this.baseTop - s) : t && t.keyCode === 37 ? this.baseLeft = a(this.baseLeft - s) : t && t.keyCode === 40 ? this.baseTop = a(this.baseTop + s) : t && t.keyCode === 39 && (this.baseLeft = a(this.baseLeft + s)), e.stopPropagation(), e.preventDefault(), this.$emit("blur", {
+          index: this.index,
+          width: this.baseWidth,
+          height: this.baseHeight,
+          left: this.baseLeft,
+          top: this.baseTop
+        }), this.keyDown && this.keyDown(e));
+      };
+    },
+    handleMouseDown() {
+      this.moveActive = !0, this.$emit("focus", {
+        index: this.index,
+        width: this.baseWidth,
+        height: this.baseHeight,
+        left: this.baseLeft,
+        top: this.baseTop
+      });
+    },
+    handleMouseUp() {
+      this.moveActive = !1, this.rangeActive = !1, this.$emit("blur", {
+        index: this.index,
+        width: this.baseWidth,
+        height: this.baseHeight,
+        left: this.baseLeft,
+        top: this.baseTop
+      });
+    }
+  }
+}, b = {};
+var w = /* @__PURE__ */ v(
+  _,
+  g,
+  y,
+  !1,
+  x,
+  null,
+  null,
+  null
+);
+function x(e) {
+  for (let t in b)
+    this[t] = b[t];
+}
+const k = /* @__PURE__ */ function() {
+  return w.exports;
+}();
+export {
+  k as default
+};

package/fy-draggable/style.css

@@ -0,0 +1 @@
+.avue-draggable{cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:10px;position:absolute}.avue-draggable__focus{z-index:-1024;opacity:0;top:0;left:0;position:absolute!important}.avue-draggable__mask{z-index:1;border:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.avue-draggable--active{cursor:move;background-color:rgba(115,170,229,.5);border:1px dashed #09f}.avue-draggable--move{opacity:.6;background-color:rgba(115,170,229,.5)}.avue-draggable--click{cursor:pointer}.avue-draggable__line--left{border-top:1px dashed #09f;width:10000px;height:0;position:absolute;top:0;transform:translate(-100%)}.avue-draggable__line--top{border-left:1px dashed #09f;width:0;height:10000px;position:absolute;left:0;transform:translateY(-100%)}.avue-draggable__line--label{color:#09f;white-space:nowrap;cursor:move;padding:5px;font-size:18px;position:absolute;top:-5px;left:-8px;transform:translate(-100%,-100%)}.avue-draggable__menu{z-index:9999;color:#fff;cursor:pointer;background-color:#409eff;font-size:25px;position:absolute;top:0;left:0}.avue-draggable__range{z-index:9999;background-color:#09f;border-radius:100%;width:10px;height:10px;position:absolute}.avue-draggable__range--left,.avue-draggable__range--right{top:50%;transform:translateY(-50%)}.avue-draggable__range--left:hover,.avue-draggable__range--right:hover{cursor:ew-resize}.avue-draggable__range--left{left:-6px}.avue-draggable__range--right{right:-6px}.avue-draggable__range--top,.avue-draggable__range--bottom{left:50%;transform:translate(-50%)}.avue-draggable__range--top:hover,.avue-draggable__range--bottom:hover{cursor:ns-resize}.avue-draggable__range--top{top:-6px}.avue-draggable__range--bottom{bottom:-6px}.avue-draggable__range--bottom-right:hover,.avue-draggable__range--top-left:hover{cursor:nwse-resize}.avue-draggable__range--bottom-left:hover,.avue-draggable__range--top-right:hover{cursor:nesw-resize}.avue-draggable__range--top-right{top:-6px;right:-6px}.avue-draggable__range--top-left{top:-6px;left:-6px}.avue-draggable__range--bottom-right{bottom:-6px;right:-6px}.avue-draggable__range--bottom-left{bottom:-6px;left:-6px}