@smallwei/avue 3.8.4 → 3.8.6

package/es/packages/element-plus/dynamic/index2.mjs

@@ -0,0 +1,268 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import create from '../../../src/core/create.mjs';
+import props from '../../core/common/props.mjs';
+import event from '../../core/common/event.mjs';
+import { getColumn } from '../../../src/utils/util.mjs';
+
+var script = create({
+  name: "dynamic",
+  mixins: [props(), event()],
+  data () {
+    return {
+      reload: Math.random(),
+      hoverList: []
+    }
+  },
+  props: {
+    uploadSized: Function,
+    uploadBefore: Function,
+    uploadAfter: Function,
+    uploadDelete: Function,
+    uploadPreview: Function,
+    uploadError: Function,
+    uploadExceed: Function,
+    max: Number,
+    boxType: String,
+    columnSlot: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    children: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  computed: {
+    isAdd () {
+      return this.boxType === "add"
+    },
+    isEdit () {
+      return this.boxType === "edit"
+    },
+    isView () {
+      return this.boxType === "view"
+    },
+    textLen () {
+      return this.text.length;
+    },
+    maxFlag () {
+      if (this.max) {
+        return !(this.text.length == this.max)
+      }
+      return true
+    },
+    showIndex () {
+      return this.validData(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 () {
+      let result = {};
+      this.columnOption.forEach(ele => {
+        if (ele.value) {
+          result[ele.prop] = ele.value;
+        }
+      });
+      return result;
+    },
+    rulesOption () {
+      let rules = {};
+      this.columnOption.forEach(ele => {
+        if (ele.rules) {
+          rules[ele.prop] = ele.rules;
+        }
+      });
+      return rules;
+    },
+    columnOption () {
+      return getColumn(this.children.column)
+    },
+    option () {
+      // 默认选项
+      let options = {
+        boxType: this.boxType,
+        border: true,
+        header: false,
+        menu: false,
+        size: this.size,
+        disabled: this.disabled,
+        readonly: this.readonly,
+        menuBtn: false,
+      };
+
+      // 处理子选项
+      let childOptions = this.deepClone(this.children);
+      delete childOptions.column;
+
+      let columnOption = this.deepClone(this.columnOption);
+      const callback = (list) => {
+        list.forEach((ele, index) => {
+          if (ele.children && Array.isArray(ele.children)) callback(ele.children);
+          else {
+            list[index] = {
+              ...ele,
+              ...{
+                hide: this.validData(ele.hide, !this.validParams(ele, 'display', true)),
+                disabled: this.validParams(ele, 'disabled', false),
+                detail: this.validParams(ele, 'detail', false),
+                cell: this.validData(ele.cell, this.isCrud)
+              }
+            };
+          }
+        });
+      };
+      callback(columnOption);
+      // 处理列选项
+      columnOption.unshift({
+        label: this.children.indexLabel || '#',
+        prop: 'index',
+        display: this.showIndex,
+        hide: !this.showIndex,
+        fixed: true,
+        align: 'center',
+        headerAlign: 'center',
+        span: 24,
+        width: 60
+      });
+
+      // 返回合并后的选项对象
+      return {
+        ...options,
+        ...{ column: columnOption },
+        ...childOptions
+      };
+    }
+  },
+  mounted () {
+    this.initData();
+  },
+  methods: {
+    validParams (column, type, value) {
+      function replaceStr (str) { // 正则法
+        str = str.toLowerCase();
+        var reg = /\b(\w)|\s(\w)/g; //  \b判断边界\s判断空格
+        return str.replace(reg, function (m) {
+          return m.toUpperCase()
+        });
+      }
+      let key, caseKey = replaceStr(type);
+      if (!this.validatenull(column[type])) {
+        key = type;
+      } else if (this.isAdd) {
+        key = 'add' + caseKey;
+      } else if (this.isEdit) {
+        key = 'edit' + caseKey;
+      } else if (this.isView) {
+        key = 'view' + caseKey;
+      }
+      return this.validData(column[key], value)
+    },
+    handleTextValue (val) {
+      this.initData();
+    },
+    handleSelectionChange (val) {
+      this.selectionChange && this.selectionChange(val);
+    },
+    handleSortableChange (oldindex, newindex, row, list) {
+      this.sortableChange && this.sortableChange(oldindex, newindex, row, list);
+    },
+    cellMouseenter (row) {
+      let index = row.$index;
+      this.mouseoverRow(index);
+    },
+    cellMouseLeave (row, column, cell, event) {
+      let 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.hoverList[index] = true;
+    },
+    mouseoutRow (index) {
+      if (this.delBtn) return
+      this.flagList();
+      this.hoverList[index] = false;
+    },
+    flagList () {
+      this.hoverList.forEach((ele, index) => {
+      });
+    },
+    delRow (index) {
+      const callback = () => {
+        let list = this.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 = {}) => {
+        let row = this.deepClone({
+          ...this.valueOption,
+          ...obj,
+          ...{
+            $index: this.textLen
+          }
+        });
+        if (this.isCrud) {
+          this.$refs.main.rowCellAdd(row);
+        } else if (this.isForm) {
+          this.text.push(row);
+        }
+      };
+      if (typeof this.rowAdd === 'function') {
+        this.rowAdd(callback);
+      } else {
+        callback();
+      }
+    }
+  }
+});
+
+export { script as default };

package/es/packages/element-plus/dynamic/index3.mjs

@@ -0,0 +1,137 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, createCommentVNode, renderList, mergeProps, createSlots, withCtx, toDisplayString, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+
+const _hoisted_1 = ["onMouseenter", "onMouseleave"];
+const _hoisted_2 = { key: 1 };
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_avue_form = resolveComponent("avue-form");
+  const _component_avue_crud = resolveComponent("avue-crud");
+
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.b()),
+    key: _ctx.reload
+  }, [
+    (_ctx.isForm)
+      ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.b('header'))
+          }, [
+            (!_ctx.readonly && !_ctx.disabled && !_ctx.addBtn)
+              ? (openBlock(), createBlock(_component_el_button, {
+                  key: 0,
+                  size: _ctx.size,
+                  circle: "",
+                  disabled: _ctx.disabled,
+                  type: "primary",
+                  icon: "el-icon-plus",
+                  onClick: _ctx.addRow
+                }, null, 8 /* PROPS */, ["size", "disabled", "onClick"]))
+              : createCommentVNode("v-if", true)
+          ], 2 /* CLASS */),
+          createElementVNode("div", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.text, (item, index) => {
+              return (openBlock(), createElementBlock("div", {
+                class: normalizeClass(_ctx.b('row')),
+                key: index,
+                onMouseenter: $event => (_ctx.cellMouseenter({$index:index})),
+                onMouseleave: $event => (_ctx.cellMouseLeave({$index:index}))
+              }, [
+                (!_ctx.readonly && !_ctx.disabled  && !_ctx.delBtn && _ctx.hoverList[index])
+                  ? (openBlock(), createBlock(_component_el_button, {
+                      key: 0,
+                      onClick: $event => (_ctx.delRow(item.$index)),
+                      type: "danger",
+                      class: normalizeClass(_ctx.b('menu')),
+                      size: _ctx.size,
+                      disabled: _ctx.disabled,
+                      icon: "el-icon-delete",
+                      circle: ""
+                    }, null, 8 /* PROPS */, ["onClick", "class", "size", "disabled"]))
+                  : createCommentVNode("v-if", true),
+                (openBlock(), createBlock(_component_avue_form, mergeProps({
+                  key: index,
+                  ref_for: true,
+                  ref: "main",
+                  "table-data": {row:_ctx.text[index],index},
+                  option: _ctx.option
+                }, _ctx.$uploadFun(null,this), {
+                  modelValue: _ctx.text[index],
+                  "onUpdate:modelValue": $event => ((_ctx.text[index]) = $event)
+                }), createSlots({
+                  index: withCtx(({}) => [
+                    createElementVNode("span", null, toDisplayString(item.$index+1), 1 /* TEXT */)
+                  ]),
+                  _: 2 /* DYNAMIC */
+                }, [
+                  renderList(_ctx.columnSlot, (item) => {
+                    return {
+                      name: item,
+                      fn: withCtx((scope) => [
+                        renderSlot(_ctx.$slots, item, mergeProps({ ref_for: true }, Object.assign(scope,{
+                  row:_ctx.text[index]
+                })))
+                      ])
+                    }
+                  })
+                ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["table-data", "option", "modelValue", "onUpdate:modelValue"]))
+              ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1))
+            }), 128 /* KEYED_FRAGMENT */))
+          ])
+        ], 64 /* STABLE_FRAGMENT */))
+      : (_ctx.isCrud)
+        ? (openBlock(), createBlock(_component_avue_crud, mergeProps({
+            key: 1,
+            ref: "main",
+            option: _ctx.option,
+            disabled: _ctx.disabled
+          }, _ctx.$uploadFun(null,this), {
+            onCellMouseEnter: _ctx.cellMouseenter,
+            onCellMouseLeave: _ctx.cellMouseLeave,
+            onSelectionChange: _ctx.handleSelectionChange,
+            onSortableChange: _ctx.handleSortableChange,
+            data: _ctx.text
+          }), createSlots({
+            "index-header": withCtx(({}) => [
+              (!(_ctx.addBtn || _ctx.readonly) && _ctx.maxFlag)
+                ? (openBlock(), createBlock(_component_el_button, {
+                    key: 0,
+                    onClick: _cache[0] || (_cache[0] = $event => (_ctx.addRow())),
+                    type: "primary",
+                    size: _ctx.size,
+                    disabled: _ctx.disabled,
+                    icon: "el-icon-plus",
+                    circle: ""
+                  }, null, 8 /* PROPS */, ["size", "disabled"]))
+                : createCommentVNode("v-if", true)
+            ]),
+            index: withCtx((scope) => [
+              (!_ctx.readonly && !_ctx.disabled  && !_ctx.delBtn && _ctx.hoverList[scope.row.$index])
+                ? (openBlock(), createBlock(_component_el_button, {
+                    key: 0,
+                    onClick: $event => (_ctx.delRow(scope.row.$index)),
+                    type: "danger",
+                    size: _ctx.size,
+                    disabled: _ctx.disabled,
+                    icon: "el-icon-delete",
+                    circle: ""
+                  }, null, 8 /* PROPS */, ["onClick", "size", "disabled"]))
+                : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(scope.row.$index+1), 1 /* TEXT */))
+            ]),
+            _: 2 /* DYNAMIC */
+          }, [
+            renderList(_ctx.columnSlot, (item) => {
+              return {
+                name: _ctx.getSlotName({prop:item},`F`),
+                fn: withCtx((scope) => [
+                  renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(scope)))
+                ])
+              }
+            })
+          ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["option", "disabled", "onCellMouseEnter", "onCellMouseLeave", "onSelectionChange", "onSortableChange", "data"]))
+        : createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
+}
+
+export { render };

package/es/packages/element-plus/flow/index.mjs

@@ -0,0 +1,8 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import script from './index2.mjs';
+import { render } from './index3.mjs';
+
+script.render = render;
+script.__file = "packages/element-plus/flow/index.vue";
+
+export { script as default };