@web-utils/component 2.7.35 → 2.7.37

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

@@ -0,0 +1,337 @@
+import { p as u, e as c } from "../../chunks/event.e4e57889.mjs";
+import { o as l, d as o } from "../../chunks/util.eca708b6.mjs";
+import { n as h } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+function f(e) {
+  if (e == null)
+    throw new TypeError("Cannot destructure undefined");
+}
+var m = function() {
+  var e = this, t = e.$createElement, n = e._self._c || t;
+  return n("div", {
+    key: e.reload,
+    staticClass: "avue-dynamic"
+  }, [e.isForm ? [n("div", {
+    staticClass: "avue-dynamic__header"
+  }, [!e.readonly && !e.disabled && !e.addBtn ? n("ElButton", {
+    attrs: {
+      size: "mini",
+      circle: "",
+      disabled: e.disabled,
+      type: "primary",
+      icon: "el-icon-plus"
+    },
+    on: {
+      click: e.addRow
+    }
+  }) : e._e()], 1), n("div", e._l(e.text, function(i, r) {
+    return n("div", {
+      key: r,
+      staticClass: "avue-dynamic__row",
+      on: {
+        mouseenter: function(s) {
+          return e.cellMouseenter({
+            $index: r
+          });
+        },
+        mouseleave: function(s) {
+          return e.cellMouseLeave({
+            $index: r
+          });
+        }
+      }
+    }, [!e.readonly && !e.disabled && !e.delBtn && e.hoverList[r] ? n("ElButton", {
+      staticClass: "avue-dynamic__menu",
+      attrs: {
+        type: "danger",
+        size: "mini",
+        disabled: e.disabled,
+        icon: "el-icon-delete",
+        circle: ""
+      },
+      on: {
+        click: function(s) {
+          return e.delRow(i.$index);
+        }
+      }
+    }) : e._e(), n("FyForm", {
+      key: r,
+      ref: "main",
+      refInFor: !0,
+      attrs: {
+        option: e.deepClone(e.option)
+      },
+      scopedSlots: e._u([{
+        key: "_index",
+        fn: function(s) {
+          return f(s), n("div", {}, [n("span", [e._v(e._s(i.$index + 1))])]);
+        }
+      }, e._l(e.columnSlot, function(s) {
+        return {
+          key: s,
+          fn: function(d) {
+            return [e._t(s, null, null, Object.assign(d, {
+              row: e.text[r]
+            }))];
+          }
+        };
+      })], null, !0),
+      model: {
+        value: e.text[r],
+        callback: function(s) {
+          e.$set(e.text, r, s);
+        },
+        expression: "text[index]"
+      }
+    })], 1);
+  }), 0)] : e.isCrud ? n("FyCurd", {
+    ref: "main",
+    attrs: {
+      option: e.option,
+      disabled: e.disabled,
+      data: e.text
+    },
+    on: {
+      "cell-mouse-enter": e.cellMouseenter,
+      "cell-mouse-leave": e.cellMouseLeave,
+      "selection-change": e.handleSelectionChange,
+      "sortable-change": e.handleSortableChange
+    },
+    scopedSlots: e._u([{
+      key: "_indexHeader",
+      fn: function() {
+        return [!(e.addBtn || e.readonly) && e.maxFlag ? n("ElButton", {
+          attrs: {
+            type: "primary",
+            size: "mini",
+            disabled: e.disabled,
+            icon: "el-icon-plus",
+            circle: ""
+          },
+          on: {
+            click: function(i) {
+              return e.addRow();
+            }
+          }
+        }) : e._e()];
+      },
+      proxy: !0
+    }, {
+      key: "_index",
+      fn: function(i) {
+        return [!e.readonly && !e.disabled && !e.delBtn && e.hoverList[i.row.$index] ? n("ElButton", {
+          attrs: {
+            type: "danger",
+            size: "mini",
+            disabled: e.disabled,
+            icon: "el-icon-delete",
+            circle: ""
+          },
+          on: {
+            click: function(r) {
+              return e.delRow(i.row.$index);
+            }
+          }
+        }) : n("div", [e._v(" " + e._s(i.row.$index + 1) + " ")])];
+      }
+    }, e._l(e.columnSlot, function(i) {
+      return {
+        key: e.getSlotName({
+          prop: i
+        }, "F"),
+        fn: function(r) {
+          return [e._t(i, null, null, r)];
+        }
+      };
+    })], null, !0)
+  }) : e._e()], 2);
+}, p = [];
+const v = {
+  name: "FyDynamic",
+  mixins: [u, c],
+  props: {
+    max: Number,
+    columnSlot: {
+      type: Array,
+      default: () => []
+    },
+    children: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      reload: Math.random(),
+      hoverList: []
+    };
+  },
+  computed: {
+    textLen() {
+      return this.text.length;
+    },
+    maxFlag() {
+      return this.max ? this.text.length !== this.max : !0;
+    },
+    showIndex() {
+      return l(this.children.index, !0);
+    },
+    showType() {
+      return this.children.type || "crud";
+    },
+    isForm() {
+      return this.showType === "form";
+    },
+    isCrud() {
+      return this.showType === "crud";
+    },
+    selectionChange() {
+      return this.children.selectionChange;
+    },
+    sortableChange() {
+      return this.children.sortableChange;
+    },
+    rowAdd() {
+      return this.children.rowAdd;
+    },
+    rowDel() {
+      return this.children.rowDel;
+    },
+    viewBtn() {
+      return this.children.viewBtn === !1;
+    },
+    addBtn() {
+      return this.children.addBtn === !1;
+    },
+    delBtn() {
+      return this.children.delBtn === !1;
+    },
+    valueOption() {
+      const e = {};
+      return this.columnOption.forEach((t) => {
+        t.value && (e[t.prop] = t.value);
+      }), e;
+    },
+    rulesOption() {
+      const e = {};
+      return this.columnOption.forEach((t) => {
+        t.rules && (e[t.prop] = t.rules);
+      }), e;
+    },
+    columnOption() {
+      return this.children.column || [];
+    },
+    option() {
+      return Object.assign({
+        border: !0,
+        header: !1,
+        menu: !1,
+        size: this.size,
+        disabled: this.disabled,
+        readonly: this.readonly,
+        emptyBtn: !1,
+        submitBtn: !1
+      }, (() => {
+        const e = o(this.children);
+        return delete e.column, e;
+      })(), (() => {
+        const e = [{
+          label: this.children.indexLabel || "#",
+          prop: "_index",
+          display: this.showIndex,
+          hide: !this.showIndex,
+          fixed: !0,
+          align: "center",
+          headerAlign: "center",
+          span: 24,
+          width: 50
+        }];
+        return this.columnOption.forEach((t) => {
+          e.push(Object.assign(t, {
+            cell: l(t.cell, this.isCrud)
+          }));
+        }), {
+          column: e
+        };
+      })());
+    }
+  },
+  watch: {
+    text() {
+      this.initData();
+    }
+  },
+  mounted() {
+    this.initData();
+  },
+  methods: {
+    deepClone: o,
+    handleSelectionChange(e) {
+      this.selectionChange && this.selectionChange(e);
+    },
+    handleSortableChange(e, t, n, i) {
+      this.sortableChange && this.sortableChange(e, t, n, i);
+    },
+    cellMouseenter(e) {
+      const t = e.$index;
+      this.mouseoverRow(t);
+    },
+    cellMouseLeave(e) {
+      const t = e.$index;
+      this.mouseoutRow(t);
+    },
+    initData() {
+      this.text.forEach((e, t) => {
+        e = Object.assign(e, {
+          $cellEdit: !0,
+          $index: t
+        });
+      });
+    },
+    mouseoverRow(e) {
+      this.delBtn || (this.flagList(), this.$set(this.hoverList, e, !0));
+    },
+    mouseoutRow(e) {
+      this.delBtn || (this.flagList(), this.$set(this.hoverList, e, !1));
+    },
+    flagList() {
+      this.hoverList.forEach((e, t) => {
+        this.hoverList[t] = !1;
+      });
+    },
+    delRow(e) {
+      const t = () => {
+        const n = o(this.text);
+        n.splice(e, 1), this.text = n, this.reload = Math.random();
+      };
+      typeof this.rowDel == "function" ? this.rowDel(this.text[e], t) : t();
+    },
+    addRow() {
+      const e = (t = {}) => {
+        t = Object.assign(this.valueOption, t, {
+          $index: this.textLen
+        }), this.isCrud ? this.$refs.main.rowCellAdd(t) : this.isForm && this.text.push(t);
+      };
+      typeof this.rowAdd == "function" ? this.rowAdd(e) : e();
+    }
+  }
+}, a = {};
+var _ = /* @__PURE__ */ h(
+  v,
+  m,
+  p,
+  !1,
+  y,
+  null,
+  null,
+  null
+);
+function y(e) {
+  for (let t in a)
+    this[t] = a[t];
+}
+const g = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  g as default
+};

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

@@ -1,35 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-dynamic__item {
-  margin-bottom: 10px;
-  width: 100%;
-  display: flex;
-  align-items: center;
-}
-.avue-dynamic__header {
-  padding-left: 40px;
-}
-.avue-dynamic__row {
-  position: relative;
-  border-top: 1px dashed #eee;
-  padding-top: 13px;
-}
-.avue-dynamic__row:first-child {
-  border-top: 0;
-}
-.avue-dynamic__menu {
-  position: absolute;
-  right: 0;
-  z-index: 1024;
-}
-.avue-dynamic__input {
-  margin-right: 8px;
-  width: 100%;
-}
-.avue-dynamic__button {
-  margin-bottom: 0 !important;
-}
+.avue-dynamic__item{margin-bottom:10px;width:100%;display:flex;align-items:center}.avue-dynamic__header{padding-left:40px}.avue-dynamic__row{position:relative;border-top:1px dashed #eee;padding-top:13px}.avue-dynamic__row:first-child{border-top:0}.avue-dynamic__menu{position:absolute;right:0;z-index:1024}.avue-dynamic__input{margin-right:8px;width:100%}.avue-dynamic__button{margin-bottom:0!important}

package/dist/components/fy-empty/{index.js → index.mjs}

@@ -1,28 +1,24 @@
-import { s as setPx } from "../../chunks/util.b0d0b0ad.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
+import { s as N } from "../../chunks/util.eca708b6.mjs";
+import { n as j } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var i = function() {
+  var M = this, I = M.$createElement, g = M._self._c || I;
+  return g("div", {
     staticClass: "avue-empty"
-  }, [_c("div", {
+  }, [g("div", {
     staticClass: "avue-empty__image",
     style: {
-      height: _vm.setPx(_vm.size)
+      height: M.setPx(M.size)
     }
-  }, [_c("img", {
+  }, [g("img", {
     attrs: {
-      "src": _vm.image,
-      "alt": ""
+      src: M.image,
+      alt: ""
     }
-  })]), _c("p", {
+  })]), g("p", {
     staticClass: "avue-empty__desc"
-  }, [_vm._v(" " + _vm._s(_vm.desc) + " ")]), _vm._t("default")], 2);
-};
-var staticRenderFns = [];
-const FyEmpty_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+  }, [M._v(" " + M._s(M.desc) + " ")]), M._t("default")], 2);
+}, u = [];
+const T = {
   name: "FyEmpty",
   props: {
     size: {
@@ -38,28 +34,26 @@ const __vue2_script = {
     }
   },
   methods: {
-    setPx
+    setPx: N
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, A = {};
+var y = /* @__PURE__ */ j(
+  T,
+  i,
+  u,
+  !1,
+  L,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function L(M) {
+  for (let I in A)
+    this[I] = A[I];
 }
-const FyEmpty = /* @__PURE__ */ function() {
-  return __component__.exports;
+const C = /* @__PURE__ */ function() {
+  return y.exports;
 }();
 export {
-  FyEmpty as default
+  C as default
 };

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

@@ -1,24 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-empty {
-  margin: 0 8px;
-  font-size: 14px;
-  line-height: 22px;
-  text-align: center;
-}
-.avue-empty__image {
-  height: 100px;
-  margin-bottom: 8px;
-}
-.avue-empty__image img {
-  height: 100%;
-  vertical-align: middle;
-  border-style: none;
-}
-.avue-empty__desc {
-  color: rgba(0, 0, 0, 0.65);
-}
+.avue-empty{margin:0 8px;font-size:14px;line-height:22px;text-align:center}.avue-empty__image{height:100px;margin-bottom:8px}.avue-empty__image img{height:100%;vertical-align:middle;border-style:none}.avue-empty__desc{color:#000000a6}