mooho-base-admin-plus 2.2.13 → 2.2.15

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mooho-base-admin-plus",
   "description": "MOOHO basic framework for admin by Vue3",
-  "version": "2.2.13",
+  "version": "2.2.15",
   "author": "jinyifan <jinyifan@mooho.com.cn>",
   "license": "MIT",
   "private": false,

package/public/setting.js

@@ -78,7 +78,9 @@ window.setting = {
     // 提示框样式(SweetAlert/Message/Notice)
     alertStyle: 'SweetAlert',
     // 筛选标题栏宽度
-    filterWidth: 125
+    filterWidth: 125,
+    // 每页默认数量
+    pageSize: 20
   },
   /**
    * 多语言配置

package/src/components/view/column-edit.vue

@@ -288,6 +288,32 @@
                 </Select>
               </FormItem>
             </Col>
+            <Col v-bind="grid8" v-if="viewType == 'TableView' && data.controlType == 'Label'">
+              <FormItem label="强制单行" key="is_fixed" prop="isSingleLine">
+                <Switch
+                  :model-value="!!data.isSingleLine"
+                  @update:model-value="
+                    $event => {
+                      data.isSingleLine = $event;
+                      //$forceUpdate();
+                    }
+                  "
+                />
+              </FormItem>
+            </Col>
+            <Col v-bind="grid8" v-if="viewType == 'TableView' && data.controlType == 'Label'">
+              <FormItem label="固定在最前" key="isFixed" prop="isFixed">
+                <Switch
+                  :model-value="!!data.isFixed"
+                  @update:model-value="
+                    $event => {
+                      data.isFixed = $event;
+                      //$forceUpdate();
+                    }
+                  "
+                />
+              </FormItem>
+            </Col>
             <Col v-bind="grid8">
               <FormItem label="是否必填" key="isRequired" prop="isRequired">
                 <Switch

package/src/components/view/modal-table.vue

@@ -28,7 +28,6 @@
         ref="table"
         :view-code="viewCode"
         :static="this.static"
-        :filter="tableFilter"
         :setting-enable="settingEnable"
         :auto-load="false"
         :select-enable="selectEnable"
@@ -143,8 +142,7 @@
       return {
         opened: false,
         tableView: {},
-        param: {},
-        tableFilter: {}
+        param: {}
       };
     },
     created() {},
@@ -338,12 +336,19 @@
       }
     },
     computed: {
+      // 表格数据
       data() {
         return this.$refs.table.data;
       },
+      // 表格
       table() {
         return this.$refs.table;
       },
+      // 筛选条件数据
+      filterData() {
+        return this.$refs.table.filterData;
+      },
+      // 屏幕宽度
       screenWidth() {
         return document.body.clientWidth * 0.8;
       }
@@ -367,14 +372,18 @@
        * @public
        */
       open(param) {
-        for (let key in this.param) {
-          delete this.tableFilter[key];
+        if (this.param) {
+          for (let key in this.param) {
+            delete this.filterData[key];
+          }
         }
 
         this.param = param;
 
-        for (let key in this.param) {
-          this.tableFilter[key] = this.param[key];
+        if (this.param) {
+          for (let key in this.param) {
+            this.filterData[key] = this.param[key];
+          }
         }
 
         setTimeout(() => {

package/src/components/view/table-filter.vue

@@ -239,12 +239,15 @@
   import customModelApi from '../../api/customModel';
   import DialogSelect from '../input/dialog-select.vue';
   import dateFormat from 'date-fns/format';
+  import { assign, defaultsDeep } from 'lodash';
 
   export default {
     mixins: [mixin, mixinPage],
     components: { DialogSelect },
     data() {
-      return {};
+      return {
+        data: {}
+      };
     },
     async created() {
       this.init();
@@ -255,7 +258,7 @@
         type: Object
       },
       // 筛选项数据
-      data: {
+      filter: {
         type: Object
       },
       // 字段
@@ -272,6 +275,13 @@
     methods: {
       init() {
         let data = this.data;
+
+        // 默认值
+        if (this.filter) {
+          defaultsDeep(data, this.filter);
+          assign(this.filter, data);
+        }
+
         this.columns.forEach(item => {
           if (item.defaultValue) {
             if (item.defaultValue == '{today}') {
@@ -380,7 +390,7 @@
 
         this.columns
           .filter(column => {
-            return !column.isStaticItem && !!(column.source || '').trim() && !!(column.param || '').trim() && !column.dataType.startsWith('Enum:');
+            return !column.isStaticItem && !!(column.source || '').trim() && !!(column.param || '').trim() && !(column.dataType && column.dataType.startsWith('Enum:'));
           })
           .forEach(column => {
             let param = JSON.parse(column.param);
@@ -556,7 +566,7 @@
             if (
               !column.isStaticItem &&
               !!(column.source || '').trim() &&
-              !column.dataType.startsWith('Enum:') &&
+              !(column.dataType && column.dataType.startsWith('Enum:')) &&
               (sender == null ||
                 sender.triggers.some(item => {
                   return item.id === column.id;

package/src/components/view/view-form-draggable.vue

@@ -610,7 +610,7 @@
         // 数据源中包含变量需要刷新
         this.columns
           .filter(column => {
-            return !!(column.source || '').trim() && !!(column.param || '').trim() && !column.dataType.startsWith('Enum:');
+            return !!(column.source || '').trim() && !!(column.param || '').trim() && !(column.dataType && column.dataType.startsWith('Enum:'));
           })
           .forEach(column => {
             let param = JSON.parse(column.param);
@@ -756,7 +756,7 @@
           this.columns.forEach(function (column) {
             if (
               !!(column.source || '').trim() &&
-              !column.dataType.startsWith('Enum:') &&
+              !(column.dataType && column.dataType.startsWith('Enum:')) &&
               (sender == null ||
                 sender.triggers.some(item => {
                   return item.id === column.id;
@@ -785,7 +785,7 @@
             column.triggers.forEach(item => {
               item.needClear = true;
             });
-          } else if (column.needRefresh && !!(column.source || '').trim() && !column.dataType.startsWith('Enum:')) {
+          } else if (column.needRefresh && !!(column.source || '').trim() && !(column.dataType && column.dataType.startsWith('Enum:'))) {
             let param = this.getParam(this.data, column);
 
             if (

package/src/components/view/view-form.vue

@@ -1011,7 +1011,7 @@
         // 数据源中包含变量需要刷新
         this.columns
           .filter(column => {
-            return !column.isStaticItem && !!(column.source || '').trim() && !!(column.param || '').trim() && !column.dataType.startsWith('Enum:');
+            return !column.isStaticItem && !!(column.source || '').trim() && !!(column.param || '').trim() && !(column.dataType && column.dataType.startsWith('Enum:'));
           })
           .forEach(column => {
             let param = JSON.parse(column.param);
@@ -1333,7 +1333,7 @@
             if (
               !column.isStaticItem &&
               !!(column.source || '').trim() &&
-              !column.dataType.startsWith('Enum:') &&
+              !(column.dataType && column.dataType.startsWith('Enum:')) &&
               (sender == null ||
                 sender.triggers.some(item => {
                   return item.code == column.code;
@@ -1366,7 +1366,7 @@
             column.triggers.forEach(item => {
               item.needClear = true;
             });
-          } else if (column.needRefresh && !!(column.source || '').trim() && !column.dataType.startsWith('Enum:')) {
+          } else if (column.needRefresh && !!(column.source || '').trim() && !(column.dataType && column.dataType.startsWith('Enum:'))) {
             let param = this.getParam(this.data, column);
 
             if (

package/src/components/view/view-table.vue

@@ -23,20 +23,20 @@
             @binding {object} table 表格对象
             @binding {object} filter 筛选对象
         -->
-          <slot name="filter" :table="this" :filter="filter">
+          <slot name="filter" :table="this">
             <!--
               @slot 自定义筛选栏
           -->
             <slot name="customFilter"></slot>
-            <table-filter ref="tableFilter" :data="filter" :columns="filterColumns" :table-view="tableView" @on-keyup="onKeyup">
-              <template #column="{ filter, column }">
+            <table-filter ref="tableFilter" :filter="filter" :columns="filterColumns" :table-view="tableView" @on-keyup="onKeyup">
+              <template #column="{ column }">
                 <!--
                   @slot 筛选栏自定义列
                   @binding {object} filter 筛选条件对象
                   @binding {object} column 列对象
                   @binding {string} code 列代码
               -->
-                <slot name="filterColumn" :filter="filter" :column="column" :code="column.code"></slot>
+                <slot name="filterColumn" :column="column" :code="column.code"></slot>
               </template>
             </table-filter>
             <Col v-bind="getGrid(tableView.filterWidth)" :style="{ 'text-align': tableView.filterAlign == null ? 'left' : tableView.filterAlign.toLowerCase() }">
@@ -121,7 +121,11 @@
               <slot name="column" :row="rowData(row, index)" :index="index" :column="column" :code="column.code"></slot>
             </template>
             <template v-else-if="column.controlType === 'Label'">
-              <div v-html="showData(rowData(row, index), column)"></div>
+              <div
+                :title="column.isSingleLine ? showData(rowData(row, index), column) : null"
+                :class="{ 'single-line': column.isSingleLine }"
+                v-html="showData(rowData(row, index), column)"
+              ></div>
             </template>
             <template v-else-if="column.controlType === 'Hyperlink'">
               <a :href="getHyperlink(rowData(row, index), column.hyperlink)" :target="column.isNewWindow ? '_blank' : ''">
@@ -902,6 +906,10 @@
         } else {
           return this.height;
         }
+      },
+      // 筛选条件数据
+      filterData() {
+        return this.$refs.tableFilter ? this.$refs.tableFilter.data : null;
       }
     },
     watch: {
@@ -976,6 +984,7 @@
 
         this.columns.forEach(column => {
           column.name = this.getNameI18n(column);
+          column.fixed = column.isFixed ? 'left' : null;
         });
 
         if (this.tableView.snEnable) {
@@ -1063,7 +1072,7 @@
         if (this.tableView.size) {
           this.size = this.tableView.size;
         } else if (this.tableView.pageEnable && this.pageEnable) {
-          this.size = 10;
+          this.size = Setting.layout.pageSize;
         } else {
           this.size = 1000;
         }
@@ -1501,8 +1510,8 @@
        * @public
        */
       resetFilter() {
-        for (let key in this.filter) {
-          delete this.filter[key];
+        for (let key in this.filterData) {
+          delete this.filterData[key];
         }
 
         //this.$forceUpdate();
@@ -1668,7 +1677,7 @@
 
               //this.$forceUpdate();
             } else {
-              if (!!(column.source || '').trim() && !column.dataType.startsWith('Enum:')) {
+              if (!!(column.source || '').trim() && !(column.dataType && column.dataType.startsWith('Enum:'))) {
                 this.data.forEach(row => {
                   if (row._dataSource && row._dataSource[column.code]) {
                     return;
@@ -1696,7 +1705,7 @@
         // 数据源中包含变量需要刷新
         this.columns
           .filter(column => {
-            return !column.isStaticItem && !!(column.source || '').trim() && !!(column.param || '').trim() && !column.dataType.startsWith('Enum:');
+            return !column.isStaticItem && !!(column.source || '').trim() && !!(column.param || '').trim() && !(column.dataType && column.dataType.startsWith('Enum:'));
           })
           .forEach(column => {
             let param = JSON.parse(column.param);
@@ -1910,7 +1919,7 @@
             if (
               !column.isStaticItem &&
               !!(column.source || '').trim() &&
-              !column.dataType.startsWith('Enum:') &&
+              !(column.dataType && column.dataType.startsWith('Enum:')) &&
               (sender == null ||
                 sender.triggers.some(item => {
                   return item.code == column.code;
@@ -1941,7 +1950,7 @@
             column.triggers.forEach(item => {
               data._needClear[item.code] = true;
             });
-          } else if (data._needRefresh[column.code] && !!(column.source || '').trim() && !column.dataType.startsWith('Enum:')) {
+          } else if (data._needRefresh[column.code] && !!(column.source || '').trim() && !(column.dataType && column.dataType.startsWith('Enum:'))) {
             let param = this.getParam(data, column, this.parentData);
 
             if (
@@ -2085,7 +2094,7 @@
       getAllFilter() {
         let filter = {
           ...this.viewFilter,
-          ...this.filter
+          ...(this.filterData ?? {})
         };
 
         for (let key in filter) {
@@ -2101,7 +2110,7 @@
         let data = this.staticData;
 
         if (!this.filterDisable) {
-          let filter = this.filter;
+          let filter = this.filterData;
 
           for (let key in filter) {
             let column = key;

package/src/setting.js

@@ -122,7 +122,9 @@ const Setting = {
     // 提示框样式(SweetAlert/Message/Notice)
     alertStyle: 'SweetAlert',
     // 筛选标题栏宽度
-    filterWidth: 125
+    filterWidth: 125,
+    // 每页默认数量
+    pageSize: 10
   },
   /**
    * 多页 Tabs

package/src/styles/css/default.css

@@ -584,3 +584,9 @@
 ::-webkit-scrollbar-track {
   background-color: transparent;
 }
+
+.single-line {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}