@web-utils/component 2.7.36 → 2.7.37

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

@@ -1,380 +0,0 @@
-import { p as props, e as event } from "../../chunks/event.812c361c.js";
-import { o as optVal, d as deepClone } from "../../chunks/util.b0d0b0ad.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-function _objectDestructuringEmpty(obj) {
-  if (obj == null)
-    throw new TypeError("Cannot destructure undefined");
-}
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    key: _vm.reload,
-    staticClass: "avue-dynamic"
-  }, [_vm.isForm ? [_c("div", {
-    staticClass: "avue-dynamic__header"
-  }, [!_vm.readonly && !_vm.disabled && !_vm.addBtn ? _c("ElButton", {
-    attrs: {
-      "size": "mini",
-      "circle": "",
-      "disabled": _vm.disabled,
-      "type": "primary",
-      "icon": "el-icon-plus"
-    },
-    on: {
-      "click": _vm.addRow
-    }
-  }) : _vm._e()], 1), _c("div", _vm._l(_vm.text, function(item, index) {
-    return _c("div", {
-      key: index,
-      staticClass: "avue-dynamic__row",
-      on: {
-        "mouseenter": function($event) {
-          return _vm.cellMouseenter({
-            $index: index
-          });
-        },
-        "mouseleave": function($event) {
-          return _vm.cellMouseLeave({
-            $index: index
-          });
-        }
-      }
-    }, [!_vm.readonly && !_vm.disabled && !_vm.delBtn && _vm.hoverList[index] ? _c("ElButton", {
-      staticClass: "avue-dynamic__menu",
-      attrs: {
-        "type": "danger",
-        "size": "mini",
-        "disabled": _vm.disabled,
-        "icon": "el-icon-delete",
-        "circle": ""
-      },
-      on: {
-        "click": function($event) {
-          return _vm.delRow(item.$index);
-        }
-      }
-    }) : _vm._e(), _c("FyForm", {
-      key: index,
-      ref: "main",
-      refInFor: true,
-      attrs: {
-        "option": _vm.deepClone(_vm.option)
-      },
-      scopedSlots: _vm._u([{
-        key: "_index",
-        fn: function(_ref) {
-          _objectDestructuringEmpty(_ref);
-          return _c("div", {}, [_c("span", [_vm._v(_vm._s(item.$index + 1))])]);
-        }
-      }, _vm._l(_vm.columnSlot, function(sItem) {
-        return {
-          key: sItem,
-          fn: function(scope) {
-            return [_vm._t(sItem, null, null, Object.assign(scope, {
-              row: _vm.text[index]
-            }))];
-          }
-        };
-      })], null, true),
-      model: {
-        value: _vm.text[index],
-        callback: function($$v) {
-          _vm.$set(_vm.text, index, $$v);
-        },
-        expression: "text[index]"
-      }
-    })], 1);
-  }), 0)] : _vm.isCrud ? _c("FyCurd", {
-    ref: "main",
-    attrs: {
-      "option": _vm.option,
-      "disabled": _vm.disabled,
-      "data": _vm.text
-    },
-    on: {
-      "cell-mouse-enter": _vm.cellMouseenter,
-      "cell-mouse-leave": _vm.cellMouseLeave,
-      "selection-change": _vm.handleSelectionChange,
-      "sortable-change": _vm.handleSortableChange
-    },
-    scopedSlots: _vm._u([{
-      key: "_indexHeader",
-      fn: function() {
-        return [!(_vm.addBtn || _vm.readonly) && _vm.maxFlag ? _c("ElButton", {
-          attrs: {
-            "type": "primary",
-            "size": "mini",
-            "disabled": _vm.disabled,
-            "icon": "el-icon-plus",
-            "circle": ""
-          },
-          on: {
-            "click": function($event) {
-              return _vm.addRow();
-            }
-          }
-        }) : _vm._e()];
-      },
-      proxy: true
-    }, {
-      key: "_index",
-      fn: function(scope) {
-        return [!_vm.readonly && !_vm.disabled && !_vm.delBtn && _vm.hoverList[scope.row.$index] ? _c("ElButton", {
-          attrs: {
-            "type": "danger",
-            "size": "mini",
-            "disabled": _vm.disabled,
-            "icon": "el-icon-delete",
-            "circle": ""
-          },
-          on: {
-            "click": function($event) {
-              return _vm.delRow(scope.row.$index);
-            }
-          }
-        }) : _c("div", [_vm._v(" " + _vm._s(scope.row.$index + 1) + " ")])];
-      }
-    }, _vm._l(_vm.columnSlot, function(item) {
-      return {
-        key: _vm.getSlotName({
-          prop: item
-        }, "F"),
-        fn: function(scope) {
-          return [_vm._t(item, null, null, scope)];
-        }
-      };
-    })], null, true)
-  }) : _vm._e()], 2);
-};
-var staticRenderFns = [];
-const FyDynamic_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "FyDynamic",
-  mixins: [props, event],
-  props: {
-    max: Number,
-    columnSlot: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    children: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    }
-  },
-  data() {
-    return {
-      reload: Math.random(),
-      hoverList: []
-    };
-  },
-  computed: {
-    textLen() {
-      return this.text.length;
-    },
-    maxFlag() {
-      if (this.max) {
-        return !(this.text.length === this.max);
-      }
-      return true;
-    },
-    showIndex() {
-      return optVal(this.children.index, true);
-    },
-    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 === false;
-    },
-    addBtn() {
-      return this.children.addBtn === false;
-    },
-    delBtn() {
-      return this.children.delBtn === false;
-    },
-    valueOption() {
-      const result = {};
-      this.columnOption.forEach((ele) => {
-        if (ele.value) {
-          result[ele.prop] = ele.value;
-        }
-      });
-      return result;
-    },
-    rulesOption() {
-      const rules = {};
-      this.columnOption.forEach((ele) => {
-        if (ele.rules) {
-          rules[ele.prop] = ele.rules;
-        }
-      });
-      return rules;
-    },
-    columnOption() {
-      return this.children.column || [];
-    },
-    option() {
-      return Object.assign({
-        border: true,
-        header: false,
-        menu: false,
-        size: this.size,
-        disabled: this.disabled,
-        readonly: this.readonly,
-        emptyBtn: false,
-        submitBtn: false
-      }, (() => {
-        const option = deepClone(this.children);
-        delete option.column;
-        return option;
-      })(), (() => {
-        const list = [{
-          label: this.children.indexLabel || "#",
-          prop: "_index",
-          display: this.showIndex,
-          hide: !this.showIndex,
-          fixed: true,
-          align: "center",
-          headerAlign: "center",
-          span: 24,
-          width: 50
-        }];
-        this.columnOption.forEach((ele) => {
-          list.push(Object.assign(ele, {
-            cell: optVal(ele.cell, this.isCrud)
-          }));
-        });
-        return {
-          column: list
-        };
-      })());
-    }
-  },
-  watch: {
-    text() {
-      this.initData();
-    }
-  },
-  mounted() {
-    this.initData();
-  },
-  methods: {
-    deepClone,
-    handleSelectionChange(val) {
-      this.selectionChange && this.selectionChange(val);
-    },
-    handleSortableChange(oldindex, newindex, row, list) {
-      this.sortableChange && this.sortableChange(oldindex, newindex, row, list);
-    },
-    cellMouseenter(row) {
-      const index = row.$index;
-      this.mouseoverRow(index);
-    },
-    cellMouseLeave(row) {
-      const index = row.$index;
-      this.mouseoutRow(index);
-    },
-    initData() {
-      this.text.forEach((ele, index) => {
-        ele = Object.assign(ele, {
-          $cellEdit: true,
-          $index: index
-        });
-      });
-    },
-    mouseoverRow(index) {
-      if (this.delBtn)
-        return;
-      this.flagList();
-      this.$set(this.hoverList, index, true);
-    },
-    mouseoutRow(index) {
-      if (this.delBtn)
-        return;
-      this.flagList();
-      this.$set(this.hoverList, index, false);
-    },
-    flagList() {
-      this.hoverList.forEach((ele, index) => {
-        this.hoverList[index] = false;
-      });
-    },
-    delRow(index) {
-      const callback = () => {
-        const list = deepClone(this.text);
-        list.splice(index, 1);
-        this.text = list;
-        this.reload = Math.random();
-      };
-      if (typeof this.rowDel === "function") {
-        this.rowDel(this.text[index], callback);
-      } else {
-        callback();
-      }
-    },
-    addRow() {
-      const callback = (obj = {}) => {
-        obj = Object.assign(this.valueOption, obj, {
-          $index: this.textLen
-        });
-        if (this.isCrud) {
-          this.$refs.main.rowCellAdd(obj);
-        } else if (this.isForm) {
-          this.text.push(obj);
-        }
-      };
-      if (typeof this.rowAdd === "function") {
-        this.rowAdd(callback);
-      } else {
-        callback();
-      }
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const FyDynamic = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  FyDynamic as default
-};