@smallwei/avue 3.8.5 → 3.9.0

package/lib/packages/element-plus/crud/column/column.vue

@@ -1,119 +0,0 @@
-<template>
-  <slot name="header"></slot>
-  <!-- 动态列 -->
-  <template v-for="column in list" :key="column.prop">
-    <column-dynamic
-      v-if="column.children && column.children.length > 0"
-      :columnOption="column"
-    >
-      <template v-for="item in crud.mainSlot" #[item]="scope">
-        <slot v-bind="scope" :name="item"></slot>
-      </template>
-    </column-dynamic>
-    <column-slot
-      v-else
-      :key="column.prop"
-      :column="column"
-      :column-option="columnOption"
-    >
-      <template v-for="item in crud.mainSlot" #[item]="scope">
-        <slot v-bind="scope" :name="item"></slot>
-      </template>
-    </column-slot>
-  </template>
-  <slot name="footer"></slot>
-</template>
-
-<script>
-import create from "../../../../core/create.js";
-import columnDynamic from "./column-dynamic.vue";
-import columnSlot from "./column-slot.vue";
-import { arraySort } from "../../../../utils/util.js";
-import { DIC_PROPS } from "../../../../global/variable.js";
-export default create({
-  name: "crud",
-  data() {
-    return {};
-  },
-  components: {
-    columnSlot,
-    columnDynamic,
-  },
-  inject: ["crud"],
-  provide() {
-    return {
-      crud: this.crud,
-      dynamic: this,
-    };
-  },
-  props: {
-    columnOption: Array,
-  },
-  computed: {
-    list() {
-      let result = [...this.columnOption];
-      result = arraySort(
-        result,
-        "index",
-        (a, b) =>
-          this.crud.objectOption[a.prop]?.index -
-          this.crud.objectOption[b.prop]?.index
-      );
-      return result;
-    },
-  },
-  methods: {
-    //表格筛选逻辑
-    handleFilterMethod(params) {
-      const { value, row, column } = params;
-      if (typeof column.filterMethod === "function") {
-        return column.filterMethod(value, row, column);
-      } else {
-        return row[column.prop] == value;
-      }
-    },
-    //表格筛选字典
-    handleFilters(column) {
-      if (Array.isArray(column.filters))
-        return column.filters.map((ele) => ({
-          text: ele.label,
-          value: ele.value,
-        }));
-      if (column.filters !== true) return undefined;
-      let DIC = this.crud.DIC[column.prop] || [];
-      let list = [];
-      if (!this.validatenull(DIC)) {
-        DIC.forEach((ele) => {
-          const props = column.props || this.crud.tableOption.props || {};
-          list.push({
-            text: ele[props.label || DIC_PROPS.label],
-            value: ele[props.value || DIC_PROPS.value],
-          });
-        });
-      } else {
-        this.crud.cellForm.list.forEach((ele) => {
-          if (!list.map((item) => item.text).includes(ele[column.prop])) {
-            list.push({
-              text: ele[column.prop],
-              value: ele[column.prop],
-            });
-          }
-        });
-      }
-      return list;
-    },
-    getColumnProp(column, type, params) {
-      let obj = column || {};
-      if (type === "filterMethod") return this.handleFilterMethod(params);
-      if (this.crud.isMobile && ["fixed"].includes(type)) return false;
-      let result = obj?.[type];
-      if (type == "width" && result == 0) {
-        return undefined;
-      }
-      if (type == "filters") return this.handleFilters(column);
-      if (type == "hide") return obj?.hide !== true;
-      else return result;
-    },
-  },
-});
-</script>

package/lib/packages/element-plus/crud/column/menu.vue

@@ -1,78 +0,0 @@
-<template>
-  <span v-if="['img','upload'].includes(column.type)">
-    <div class="avue-crud__img">
-      <img v-for="(item,index) in getImgList(row,column)"
-           :src="item"
-           :key="index"
-           @click="openImg(getImgList(row,column),index)" />
-    </div>
-  </span>
-  <span v-else-if="['url'].includes(column.type)">
-    <el-link v-for="(item,index) in corArray(row[column.prop],column.separator)"
-             type="primary"
-             :key="index"
-             :href="item"
-             :target="column.target || '_blank'">{{item}}</el-link>
-  </span>
-  <span v-else-if="['rate'].includes(column.type)">
-    <avue-rate disabled
-               v-model="row[column.prop]" />
-  </span>
-  <span v-else
-        v-html="handleDetail(row,column)"></span>
-</template>
-
-<script>
-import { detail } from "../../../../core/detail.js";
-import { DIC_PROPS, DIC_SPLIT } from '../../../../global/variable.js'
-export default {
-  props: {
-    column: Object,
-    row: Object
-  },
-  inject: ['crud'],
-  methods: {
-    openImg (list, index) {
-      list = list.map(ele => {
-        return { thumbUrl: ele, url: ele }
-      })
-      this.$ImagePreview(list, index);
-    },
-    corArray (list, separator = DIC_SPLIT) {
-      if (this.validatenull(list)) {
-        return []
-      } else if (!Array.isArray(list)) {
-        return list.split(separator);
-      }
-      return list
-    },
-    getImgList (row, column) {
-      let url = (column.propsHttp || {}).home || ''
-      let value = (column.props || {}).value || DIC_PROPS.value;
-      if (this.validatenull(row[column.prop])) return []
-      if (column.listType == 'picture-img') return [url + row[column.prop]]
-      let list = this.corArray(this.deepClone(row[column.prop]), column.separator);
-      list.forEach((ele, index) => {
-        if (typeof ele === 'object') {
-          list[index] = url + ele[value];
-        } else {
-          list[index] = url + ele;
-        }
-      })
-      return list;
-    },
-    handleDetail (row, column) {
-      let result = row[column.prop];
-      let DIC = column.parentProp ? (this.crud.cascaderDIC[row.$index] || {})[column.prop] : this.crud.DIC[column.prop]
-      result = detail(row, column, this.crud.tableOption, DIC);
-      if (!this.validatenull(DIC)) {
-        row["$" + column.prop] = result;
-      }
-      return result;
-    },
-  }
-}
-</script>
-
-<style>
-</style>

package/lib/packages/element-plus/crud/config.ts

@@ -1,74 +0,0 @@
-// crud 配置文件
-export default {
-  menuWidth: 220,
-  menuFixed: 'right',
-  menuXsWidth: 100,
-  menuAlign: 'center',
-  menuHeaderAlign: 'center',
-  headerAlign: 'left',
-  // 图标
-  cancelBtnIcon: 'el-icon-circle-close',
-  viewBtnIcon: 'el-icon-view',
-  editBtnIcon: 'el-icon-edit',
-  copyBtnIcon: 'el-icon-copy-document',
-  addBtnIcon: 'el-icon-plus',
-  printBtnIcon: 'el-icon-printer',
-  mockBtnIcon: 'el-icon-edit',
-  excelBtnIcon: 'el-icon-download',
-  delBtnIcon: 'el-icon-delete',
-  searchBtnIcon: 'el-icon-search',
-  emptyBtnIcon: 'el-icon-delete',
-  saveBtnIcon: 'el-icon-circle-plus',
-  updateBtnIcon: 'el-icon-circle-check',
-  columnBtnIcon: 'el-icon-operation',
-  filterBtnIcon: 'el-icon-tickets',
-  gridBtnIcon: 'el-icon-grid',
-  refreshBtnIcon: 'el-icon-refresh',
-  // 显隐
-  viewBtn: false,
-  editBtn: true,
-  copyBtn: false,
-  cancelBtn: true,
-  addBtn: true,
-  addRowBtn: false,
-  printBtn: false,
-  mockBtn: false,
-  excelBtn: false,
-  delBtn: true,
-  cellBtn: false,
-  dateBtn: false,
-  updateBtn: true,
-  saveBtn: true,
-  refreshBtn: true,
-  columnBtn: true,
-  filterBtn: false,
-  gridBtn: true,
-  queryBtn: true,
-  menuBtn: false,
-  searchBtn: true,
-  clearBtn: true,
-  selectClearBtn: true,
-  searchShow: true,
-  tip: true,
-  dialogWidth: '60%',
-  dialogDrag: false,
-  formFullscreen: false,
-  pageBackground: true,
-  page: true,
-  menu: true,
-  indexLabel: '#',
-  indexWidth: 50,
-  indexFixed: 'left',
-  selectionWidth: 50,
-  selectionFixed: 'left',
-  expandWidth: 60,
-  expandFixed: 'left',
-  filterMultiple: true,
-  calcHeight: 300,
-  width: '100%',
-  searchLabelWidth: 80,
-  searchSpan: 6,
-  dropRowClass: '.el-table__body-wrapper table tbody',
-  dropColClass: '.el-table__header-wrapper tr',
-  ghostClass: 'avue-crud__ghost',
-};

package/lib/packages/element-plus/crud/dialog/dialog-column.vue

@@ -1,102 +0,0 @@
-<template>
-  <el-drawer v-if="columnBox"
-             :append-to-body="$AVUE.appendToBody"
-             lock-scroll
-             :class="['avue-dialog',b('column')].join(' ')"
-             :title="t('crud.showTitle')"
-             :size="crud.isMobile?'100%':'40%'"
-             v-model="columnBox">
-    <el-table :data="data"
-              ref="table"
-              height="100%"
-              :size="crud.size"
-              border>
-      <el-table-column align="center"
-                       width="100"
-                       header-align="center"
-                       prop="label"
-                       key="label"
-                       :label="t('crud.column.name')">
-      </el-table-column>
-      <template v-for="(item,index) in defaultColumn"
-                :key="item.prop">
-        <el-table-column :label="item.label"
-                         v-if="item.hide!==true"
-                         :prop="item.prop"
-                         align="center"
-                         header-align="center">
-          <template #="{row}">
-            <el-checkbox @change="handleChange(item.prop)"
-                         v-model="crud.objectOption[row.prop][item.prop]"></el-checkbox>
-          </template>
-        </el-table-column>
-      </template>
-
-    </el-table>
-
-  </el-drawer>
-</template>
-<script>
-import create from "../../../../core/create.js";
-import locale from "../../../../core/locale.js";
-import packages from "../../../../core/packages.js";
-import config from "../config.js";
-export default create({
-  name: 'crud',
-  mixins: [locale],
-  inject: ["crud"],
-  data () {
-    return {
-      data: [],
-      columnBox: false
-    };
-  },
-  computed: {
-    defaultColumn () {
-      return [{
-        label: this.t('crud.column.hide'),
-        prop: 'hide'
-      }, {
-        label: this.t('crud.column.fixed'),
-        prop: 'fixed'
-      }, {
-        label: this.t('crud.column.filters'),
-        prop: 'filters'
-      }, {
-        label: this.t('crud.column.sortable'),
-        prop: 'sortable'
-      }, {
-        label: this.t('crud.column.width'),
-        prop: 'width',
-        hide: true
-      }]
-    }
-  },
-  methods: {
-    handleShow () {
-      this.data = []
-      this.crud.propOption.forEach(column => {
-        if (column.showColumn != false) this.data.push(column)
-      })
-      this.columnBox = true
-      this.$nextTick(() => this.rowDrop())
-    },
-    handleChange (prop) {
-      if (prop === 'hide') {
-        this.crud.gridShow ? this.crud.refreshTable() : this.crud.doLayout()
-      } else if (prop === 'filters') {
-        this.crud.refreshTable()
-      }
-    },
-    rowDrop () {
-      const el = this.$refs.table.$el.querySelectorAll(config.dropRowClass)[0]
-      this.crud.tableDrop('column', el, evt => {
-        const oldIndex = evt.oldIndex;
-        const newIndex = evt.newIndex;
-        this.crud.headerSort(oldIndex, newIndex)
-      })
-    },
-  }
-});
-</script>
-

package/lib/packages/element-plus/crud/dialog/dialog-excel.vue

@@ -1,204 +0,0 @@
-<template>
-  <div v-if="box"> 
-    <el-dialog :title="t('crud.excelBtn')"
-               lock-scroll
-               :append-to-body="$AVUE.appendToBody"
-               class="avue-dialog"
-               v-model="box"
-               :width="crud.isMobile?'100%':'30%'">
-      <avue-form ref="form"
-                 v-model="form"
-                 :option="option">
-      </avue-form>
-      <span class="avue-dialog__footer">
-        <el-button type="primary"
-                   :size="crud.size"
-                   @click="handleSubmit">{{t('crud.filter.submitBtn')}}</el-button>
-        <el-button @click="box = false"
-                   :size="crud.size">{{t('crud.filter.cancelBtn')}}</el-button>
-      </span>
-
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import locale from "../../../../core/locale.js";
-import { detail } from "../../../../core/detail.js";
-import { uuid } from '../../../../utils/util.js'
-export default {
-  name: 'crud',
-  mixins: [locale],
-  inject: ['crud'],
-  data () {
-    return {
-      option: {},
-      columnOption: {},
-      box: false,
-      form: {
-        name: this.crud.tableOption.title
-      }
-    }
-  },
-  methods: {
-    handleShow () {
-      this.getColumnOption()
-      this.getOption()
-      this.box = true
-    },
-    handleSubmit () {
-      this.$Export.excel({
-        title: this.form.name,
-        columns: this.getColumn(),
-        data: this.handleSum()
-      });
-      this.box = false;
-    },
-    //计算统计
-    handleSum () {
-      const option = this.crud.tableOption;
-      const columnOption = this.crud.propOption;
-      let list = this.form.type ? this.crud.list : this.crud.tableSelect;
-      let data = []
-      if (this.form.params.includes('data')) {
-        list.forEach(ele => {
-          let row = this.deepClone(ele);
-          columnOption.forEach(column => {
-            let DIC = column.parentProp ? (this.crud.cascaderDIC[row.$index] || {})[column.prop] : this.crud.DIC[column.prop]
-            row[column.prop] = detail(row, column, option, DIC);
-          })
-          data.push(row);
-        })
-      }
-      if (this.form.params.includes('sum') && option.showSummary) {
-        data.push(this.crud.sumsList);
-      }
-      return data;
-    },
-    getOption () {
-      this.option = {
-        submitBtn: false,
-        emptyBtn: false,
-        column: [
-          {
-            label: this.t('crud.excel.name'),
-            prop: 'name',
-            span: 24,
-          }, {
-            label: this.t('crud.excel.type'),
-            prop: "type",
-            span: 24,
-            type: 'select',
-            dicData: [{
-              label: this.t('crud.excel.typeDic.true'),
-              value: true
-            }, {
-              label: this.t('crud.excel.typeDic.false'),
-              disabled: this.crud.tableOption.selection != true,
-              value: false
-            }]
-          }, {
-            label: this.t('crud.excel.prop'),
-            prop: "prop",
-            type: 'tree',
-            multiple: true,
-            checkStrictly: true,
-            span: 24,
-            props: {
-              value: 'prop'
-            },
-            dicData: this.columnOption
-          }, {
-            label: this.t('crud.excel.params'),
-            prop: 'params',
-            type: 'checkbox',
-            span: 24,
-            value: ['header', 'data'].concat((() => {
-              let result = []
-              if (this.crud.isHeader) result.push('headers')
-              if (this.crud.isShowSummary) result.push('sum')
-              return result
-            })()),
-            dicData: [{
-              label: this.t('crud.excel.paramsDic.header'),
-              disabled: true,
-              value: 'header'
-            }, {
-              label: this.t('crud.excel.paramsDic.data'),
-              value: 'data'
-            }].concat((() => {
-              let result = []
-              result.push({
-                label: this.t('crud.excel.paramsDic.headers'),
-                value: 'headers',
-                disabled: !this.crud.isHeader
-              })
-              result.push({
-                label: this.t('crud.excel.paramsDic.sum'),
-                value: 'sum',
-                disabled: !this.crud.isShowSummary
-              })
-              return result
-            })())
-          }
-        ]
-      }
-      this.form.type = this.crud.selectLen == 0
-    },
-    getColumnOption () {
-      let column = this.deepClone(this.crud.columnOption)
-      let prop = []
-      const findProp = (list = []) => {
-        let count = [];
-        list.forEach((ele, index) => {
-          let children = ele.children
-          if (children && !Array.isArray(children)) delete ele.children
-          else if (ele.showColumn === false) count.push(index)
-          else {
-            ele.prop = ele.prop || uuid()
-            prop.push(ele.prop)
-            if (ele.children) findProp(children)
-          }
-        })
-        for (let i = count.length - 1; i >= 0; i--) {
-          list.splice(count[i], 1)
-        }
-      }
-      findProp(column)
-      this.columnOption = column;
-      this.form.prop = prop
-    },
-    getColumn () {
-      let columns = this.deepClone(this.columnOption);
-      let props = this.$refs.form.getPropRef('prop').$refs.temp.getHalfList()
-      if (!this.form.params) return []
-      if (this.form.params.includes('headers')) {
-        const findProp = (list = []) => {
-          list.forEach((ele, index) => {
-            if (!props.includes(ele.prop)) {
-              list.splice(index, 1);
-            } else if (ele.children) {
-              findProp(ele.children)
-            }
-          })
-        }
-        findProp(columns);
-        return columns
-      } else {
-        let result = [];
-        const findProp = (list = []) => {
-          list.forEach((ele, index) => {
-            if (ele.children) {
-              findProp(ele.children)
-            } else if (props.includes(ele.prop)) {
-              result.push(ele)
-            }
-          })
-        }
-        findProp(columns);
-        return result
-      }
-    }
-  }
-}
-</script>