haiwei-ui 1.2.6 → 1.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "haiwei-ui",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "description": "HaiWei前端组件库",
   "author": "Eric",
   "license": "ISC",
@@ -8,7 +8,7 @@
   "scripts": {
     "serve": "vue-cli-service lint && vue-cli-service serve",
     "build": "vue-cli-service lint && vue-cli-service build",
-    "lint": "vue-cli-service lint",
+    "lint": "vue-cli-service lint --fit",
     "cm": "rimraf node_modules && rimraf dist",
     "cc": "rimraf node_modules/.cache",
     "i": "cd ./script && npm_install.bat",

package/packages/components/list/components/table/index.vue

@@ -101,8 +101,51 @@
       },
       /** 当用户手动勾选全选 Checkbox 时触发的事件 */
       onSelectAll(selection) {
-        if (this.noClearSelection) {
-          let hasSelection = this.$parent.selection
+        const parent = this.$parent
+        
+        // 检查是否启用树形全选
+        const isTreeSelectAllEnabled = parent.isTreeSelectAllEnabled && parent.isTreeSelectAllEnabled()
+        
+        if (isTreeSelectAllEnabled) {
+          // 判断是全选还是取消全选
+          const visibleRowsCount = this.rows.length
+          
+          // 简化逻辑：如果selection为空数组，肯定是取消全选
+          // 如果selection不为空，需要进一步判断
+          let isSelectAllOperation = false
+          
+          if (selection.length === 0) {
+            // selection为空数组，肯定是取消全选
+            isSelectAllOperation = false
+          } else {
+            // selection不为空，需要判断
+            const hasExistingSelection = parent.selection && parent.selection.length > 0
+            const hasManySelected = hasExistingSelection && parent.selection.length > visibleRowsCount
+            
+            if (!hasExistingSelection) {
+              // 还没有选择任何记录，肯定是全选操作
+              isSelectAllOperation = true
+            } else if (hasManySelected) {
+              // 已经选择了很多记录（包括子节点），肯定是取消全选操作
+              isSelectAllOperation = false
+            } else {
+              // 其他情况：选择了一些记录但不多
+              // 如果selection包含当前页显示的所有行，那么是全选操作
+              // 否则是取消全选操作
+              isSelectAllOperation = selection.length >= visibleRowsCount
+            }
+          }
+          
+          if (isSelectAllOperation) {
+            // 选择所有节点（包括子节点）
+            parent.selectAllTreeNodes(parent.rows, parent.selection)
+          } else {
+            // 取消选择所有节点（包括子节点）
+            parent.deselectAllTreeNodes(parent.rows, parent.selection)
+          }
+        } else if (parent.noClearSelection) {
+          // 原有逻辑（普通全选，不清空选择）
+          let hasSelection = parent.selection
           if (selection.length > 0) {
             this.rows.forEach(m => {
               if (!hasSelection.every(n => n.id !== m.id)) {
@@ -121,7 +164,8 @@
             })
           }
         }
-        this.$parent.$emit('select-all', this.$parent.selection)
+        
+        parent.$emit('select-all', parent.selection)
       },
       /** 当选择项发生变化时会触发该事件 */
       onSelectionChange(selection) {

package/packages/components/list/default.js

@@ -83,8 +83,17 @@ const importOptions = {
   errorHandling: 0
 }
 
+//默认树形全选配置
+const treeSelectAllOptions = {
+  /**启用树形全选功能 */
+  enabled: false,
+  /**默认全部选择 */
+  defaultSelectAll: true
+}
+
 export default {
   columnInfo,
   exportOptions,
-  importOptions
+  importOptions,
+  treeSelectAllOptions
 }

package/packages/components/list/index.vue

@@ -1,14 +1,24 @@
 <template>
-  <section :class="class_" v-loading="showLoading" :element-loading-text="loadingText || loadingText_" :element-loading-background="loadingBackground" :element-loading-spinner="loadingSpinner">
+  <section :class="class_" v-loading="showLoading" :element-loading-text="loadingText || loadingText_"
+    :element-loading-background="loadingBackground" :element-loading-spinner="loadingSpinner">
     <!--header-->
-    <query-header v-if="!noHeader" :title="title" :icon="icon" :no-fullscreen="noFullscreen" :fullscreen="fullscreen" :no-refresh="noRefresh" :export-enabled="exportOptions_.enabled && exportOptions_.btnLocation !== 'querybar'" :exportBtnCode="exportOptions_.btnCode" :import-enabled="importOptions_.enabled && importOptions_.btnLocation !== 'querybar'" :importBtnCode="importOptions_.btnCode">
+    <query-header v-if="!noHeader" :title="title" :icon="icon" :no-fullscreen="noFullscreen" :fullscreen="fullscreen"
+      :no-refresh="noRefresh" :export-enabled="exportOptions_.enabled && exportOptions_.btnLocation !== 'querybar'"
+      :exportBtnCode="exportOptions_.btnCode"
+      :import-enabled="importOptions_.enabled && importOptions_.btnLocation !== 'querybar'"
+      :importBtnCode="importOptions_.btnCode">
       <template v-slot:toolbar>
         <slot name="header-toolbar" :total="total" :selection="selection" />
       </template>
     </query-header>
 
     <!--查询栏-->
-    <querybar ref="querybar" v-if="!noQuerybar" :model="model" :rules="rules" :input-width="inputWidth" :advanced="advanced" :no-search="noSearch" :no-reset="noReset" :export-enabled="exportOptions_.enabled && exportOptions_.btnLocation === 'querybar'" :export-btn-code="exportOptions_.btnCode" :import-enabled="importOptions_.enabled && importOptions_.btnLocation === 'querybar'" :import-btn-code="importOptions_.btnCode" @reset="onQueryBarReset">
+    <querybar ref="querybar" v-if="!noQuerybar" :model="model" :rules="rules" :input-width="inputWidth"
+      :advanced="advanced" :no-search="noSearch" :no-reset="noReset"
+      :export-enabled="exportOptions_.enabled && exportOptions_.btnLocation === 'querybar'"
+      :export-btn-code="exportOptions_.btnCode"
+      :import-enabled="importOptions_.enabled && importOptions_.btnLocation === 'querybar'"
+      :import-btn-code="importOptions_.btnCode" @reset="onQueryBarReset">
       <template v-slot>
         <slot name="querybar" />
       </template>
@@ -21,7 +31,10 @@
     </querybar>
 
     <section class="nm-list-body">
-      <query-table ref="table" :rows="rows" :cols="cols" :span-method="spanMethod" :selection="selection" :row-key="rowKey" :tree-props="treeProps" :default-expand-all="defaultExpandAll" :no-clear-selection="noClearSelection" :show-summary="showSummary" :sum-text="sumText" :summary-method="summaryMethod">
+      <query-table ref="table" :rows="rows" :cols="cols" :span-method="spanMethod" :selection="selection"
+        :row-key="rowKey" :tree-props="treeProps" :default-expand-all="defaultExpandAll"
+        :no-clear-selection="noClearSelection" :show-summary="showSummary" :sum-text="sumText"
+        :summary-method="summaryMethod">
         <!-- 多选 -->
         <el-table-column v-if="multiple" fixed="left" align="center" type="selection" width="55" />
 
@@ -39,7 +52,9 @@
 
         <!-- 自动生成列 -->
         <template v-for="(col, i) in columns">
-          <el-table-column v-if="col.show" :key="i" :prop="col.name" :width="col.width" :sortable="col.sortable" :type="col.type" :fixed="col.fixed" :align="col.align" :header-align="col.headerAlign" :show-overflow-tooltip="col.showOverflowTooltip">
+          <el-table-column v-if="col.show" :key="i" :prop="col.name" :width="col.width" :sortable="col.sortable"
+            :type="col.type" :fixed="col.fixed" :align="col.align" :header-align="col.headerAlign"
+            :show-overflow-tooltip="col.showOverflowTooltip">
             <!--自定义头-->
             <template v-slot:header>
               <slot :name="`col-${col.name}-header`">
@@ -69,21 +84,24 @@
     </section>
 
     <!--footer-->
-    <query-footer v-if="!noFooter" v-model="page" :page-sizes="pageSizes" :total="total" :columns.sync="columns" :no-select-column="noSelectColumn" :no-search-button-icon="noSearchButtonIcon" :reverse="footerReverse">
+    <query-footer v-if="!noFooter" v-model="page" :page-sizes="pageSizes" :total="total" :columns.sync="columns"
+      :no-select-column="noSelectColumn" :no-search-button-icon="noSearchButtonIcon" :reverse="footerReverse">
       <slot name="footer" :total="total" :selection="selection" :data="data" />
     </query-footer>
     <slot />
 
     <!--导出-->
-    <query-export v-if="exportAdvancedEnabled" :options="exportOptions_" :list-title="title" :cols="columns" :visible.sync="showExport" />
-    
+    <query-export v-if="exportAdvancedEnabled" :options="exportOptions_" :list-title="title" :cols="columns"
+      :visible.sync="showExport" />
+
     <!--导入-->
-    <query-import v-if="importAdvancedEnabled" :options="importOptions_" :cols="columns" :action="importOptions_.action" :visible.sync="showImport" />
+    <query-import v-if="importAdvancedEnabled" :options="importOptions_" :cols="columns" :action="importOptions_.action"
+      :visible.sync="showImport" />
   </section>
 </template>
 <script>
-  import { mapState } from 'vuex'
-  import def from './default.js'
+import { mapState } from 'vuex'
+import def from './default.js'
 import QueryHeader from './components/header'
 import Querybar from './components/querybar'
 import QueryTable from './components/table'
@@ -91,385 +109,473 @@ import QueryFooter from './components/footer'
 import QueryExport from './components/export'
 import QueryImport from './components/import'
 
-  export default {
-    name: 'List',
-    components: { QueryHeader, Querybar, QueryTable, QueryFooter, QueryExport, QueryImport },
-    data() {
-      return {
-        loading_: false,
-        fullscreen: false,
-        // 分页数据
-        page: {
-          index: 1,
-          size: this.pageSizes[0],
-          sort: []
-        },
-        // 数据列表
-        rows: [],
-        // 扩展数据
-        data: '',
-        // 总数量
-        total: 0,
-        selection: [],
-        showExport: false,
-        showImport: false,
-        columns: []
+export default {
+  name: 'List',
+  components: { QueryHeader, Querybar, QueryTable, QueryFooter, QueryExport, QueryImport },
+  data() {
+    return {
+      loading_: false,
+      fullscreen: false,
+      // 分页数据
+      page: {
+        index: 1,
+        size: this.pageSizes[0],
+        sort: []
+      },
+      // 数据列表
+      rows: [],
+      // 扩展数据
+      data: '',
+      // 总数量
+      total: 0,
+      selection: [],
+      showExport: false,
+      showImport: false,
+      columns: []
+    }
+  },
+  props: {
+    /** 标题 */
+    title: String,
+    /** 图标 */
+    icon: String,
+    // 查询方法
+    action: {
+      type: Function,
+      required: true
+    },
+    /** 查询表单输入框宽度 */
+    inputWidth: String,
+    // 模型
+    model: Object,
+    /** 模型验证规则 */
+    rules: Object,
+    /** 高级查询 */
+    advanced: Object,
+    // 列数组
+    cols: {
+      type: Array,
+      default() {
+        return []
       }
     },
-    props: {
-      /** 标题 */
-      title: String,
-      /** 图标 */
-      icon: String,
-      // 查询方法
-      action: {
-        type: Function,
-        required: true
-      },
-      /** 查询表单输入框宽度 */
-      inputWidth: String,
-      // 模型
-      model: Object,
-      /** 模型验证规则 */
-      rules: Object,
-      /** 高级查询 */
-      advanced: Object,
-      // 列数组
-      cols: {
-        type: Array,
-        default() {
-          return []
-        }
-      },
-      /** 多选 */
-      multiple: Boolean,
-      /** 显示序号 */
-      showNo: {
-        type: Boolean,
-        default: true
-      },
-      /** 不显示操作列 */
-      noOperation: Boolean,
-      /** 操作列宽度 */
-      operationWidth: [String, Number],
-      /** 不显示选择列按钮 */
-      noSelectColumn: Boolean,
-      /** 不显示查询栏 */
-      noQuerybar: Boolean,
-      /** 不显示全屏按钮 */
-      noFullscreen: Boolean,
-      /** 不显示刷新按钮 */
-      noRefresh: Boolean,
-      /** 不显示头部 */
-      noHeader: Boolean,
-      /** 不显示底部 */
-      noFooter: Boolean,
-      /** 不包含搜索功能 */
-      noSearch: Boolean,
-      /** 不显示查询按钮图标 */
-      noSearchButtonIcon: Boolean,
-      /**不显示重置按钮 */
-      noReset: Boolean,
-      /** 底部反转 */
-      footerReverse: Boolean,
-      /** 合并行列的方法 */
-      spanMethod: Function,
-      /** 加载中动画 */
-      loading: Boolean,
-      /** 加载中文本 */
-      loadingText: String,
-      /** 创建后执行一次查询 */
-      queryOnCreated: {
-        type: Boolean,
-        default: true
-      },
-      /**导出配置 */
-      exportOptions: Object,
-      /**导入配置 */
-      importOptions: Object,
-      /** 页数选择项 */
-      pageSizes: {
-        type: Array,
-        default() {
-          return [20, 50, 100, 200]
-        }
-      },
-      /**渲染嵌套数据的配置选项 */
-      treeProps: Object,
-      /*行数据的 Key，用来优化 Table 的渲染；
-    在使用 reserve-selection 功能与显示树形数据时，该属性是必填的。
-    类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function。*/
-      rowKey: [Function, String],
-      /*是否懒加载子节点数据*/
-      lazy: Boolean,
-      /**加载子节点数据的函数，lazy 为 true 时生效，函数第二个参数包含了节点的层级信息 */
-      load: Function,
-      /**是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */
-      defaultExpandAll: Boolean,
-      /**当刷新时不清空已选择数据 */
-      noClearSelection: Boolean,
-      /**是否显示合计行 */
-      showSummary: Boolean,
-      /**合计行文本 */
-      sumText: String,
-      /**合计行自定义逻辑方法 */
-      summaryMethod: Function
-    },
-    computed: {
-      ...mapState('app/loading', { loadingText_: 'text', loadingBackground: 'background', loadingSpinner: 'spinner' }),
-      ...mapState('app/config', { serialNumberName: s => s.component.list.serialNumberName }),
-      class_() {
-        return ['nm-list', this.fontSize ? `nm-list-${this.fontSize}` : '', this.fullscreen ? 'fullscreen' : '']
-      },
-      showLoading() {
-        return this.loading || this.loading_
-      },
-      exportOptions_() {
-        return this.$_.assignIn({ title: this.title }, def.exportOptions, this.exportOptions)
-      },
-      exportAdvancedEnabled() {
-        return this.exportOptions_.enabled && this.exportOptions_.advanced
-      },
-      importOptions_() {
-        return this.$_.assignIn({ title: this.title }, def.importOptions, this.importOptions)
-      },
-      importAdvancedEnabled() {
-        return this.importOptions_.enabled && this.importOptions_.advanced
+    /** 多选 */
+    multiple: Boolean,
+    /** 树形全选配置 */
+    treeSelectAll: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    /** 显示序号 */
+    showNo: {
+      type: Boolean,
+      default: true
+    },
+    /** 不显示操作列 */
+    noOperation: Boolean,
+    /** 操作列宽度 */
+    operationWidth: [String, Number],
+    /** 不显示选择列按钮 */
+    noSelectColumn: Boolean,
+    /** 不显示查询栏 */
+    noQuerybar: Boolean,
+    /** 不显示全屏按钮 */
+    noFullscreen: Boolean,
+    /** 不显示刷新按钮 */
+    noRefresh: Boolean,
+    /** 不显示头部 */
+    noHeader: Boolean,
+    /** 不显示底部 */
+    noFooter: Boolean,
+    /** 不包含搜索功能 */
+    noSearch: Boolean,
+    /** 不显示查询按钮图标 */
+    noSearchButtonIcon: Boolean,
+    /**不显示重置按钮 */
+    noReset: Boolean,
+    /** 底部反转 */
+    footerReverse: Boolean,
+    /** 合并行列的方法 */
+    spanMethod: Function,
+    /** 加载中动画 */
+    loading: Boolean,
+    /** 加载中文本 */
+    loadingText: String,
+    /** 创建后执行一次查询 */
+    queryOnCreated: {
+      type: Boolean,
+      default: true
+    },
+    /**导出配置 */
+    exportOptions: Object,
+    /**导入配置 */
+    importOptions: Object,
+    /** 页数选择项 */
+    pageSizes: {
+      type: Array,
+      default() {
+        return [20, 50, 100, 200]
       }
     },
-    methods: {
-      /** 查询方法 */
-      query() {
-        if (this.$refs.querybar) {
-          this.$refs.querybar.validate(() => {
-            this.doQuery()
-          })
-        } else {
+    /**渲染嵌套数据的配置选项 */
+    treeProps: Object,
+    /*行数据的 Key，用来优化 Table 的渲染；
+  在使用 reserve-selection 功能与显示树形数据时，该属性是必填的。
+  类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function。*/
+    rowKey: [Function, String],
+    /*是否懒加载子节点数据*/
+    lazy: Boolean,
+    /**加载子节点数据的函数，lazy 为 true 时生效，函数第二个参数包含了节点的层级信息 */
+    load: Function,
+    /**是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效 */
+    defaultExpandAll: Boolean,
+    /**当刷新时不清空已选择数据 */
+    noClearSelection: Boolean,
+    /**是否显示合计行 */
+    showSummary: Boolean,
+    /**合计行文本 */
+    sumText: String,
+    /**合计行自定义逻辑方法 */
+    summaryMethod: Function
+  },
+  computed: {
+    ...mapState('app/loading', { loadingText_: 'text', loadingBackground: 'background', loadingSpinner: 'spinner' }),
+    ...mapState('app/config', { serialNumberName: s => s.component.list.serialNumberName }),
+    class_() {
+      return ['nm-list', this.fontSize ? `nm-list-${this.fontSize}` : '', this.fullscreen ? 'fullscreen' : '']
+    },
+    showLoading() {
+      return this.loading || this.loading_
+    },
+    exportOptions_() {
+      return this.$_.assignIn({ title: this.title }, def.exportOptions, this.exportOptions)
+    },
+    exportAdvancedEnabled() {
+      return this.exportOptions_.enabled && this.exportOptions_.advanced
+    },
+    importOptions_() {
+      return this.$_.assignIn({ title: this.title }, def.importOptions, this.importOptions)
+    },
+    importAdvancedEnabled() {
+      return this.importOptions_.enabled && this.importOptions_.advanced
+    }
+  },
+  methods: {
+    /** 查询方法 */
+    query() {
+      if (this.$refs.querybar) {
+        this.$refs.querybar.validate(() => {
           this.doQuery()
-        }
-      },
-      doQuery() {
-        if (this.loading_) {
-          return
-        }
-        this.loading_ = true
-        let fullModel = Object.assign({}, this.model)
-        // 设置分页
-        fullModel.page = this.page
-        this.action(fullModel)
-          .then(data => {
-            this.rows = data.rows
-            this.total = data.total
-            this.data = data.data
-            // 回到顶部
-            this.$refs.table.scrollTop()
-            // 重新绘制布局
-            this.$refs.table.doLayout()
-            this.loading_ = false
-            if (this.noClearSelection) {
-              this.$nextTick(() => {
-                this.rows.forEach(m => {
-                  if (!this.selection.every(n => n.id !== m.id)) {
-                    this.$refs.table.toggleRowSelection(m, true)
-                  }
-                })
+        })
+      } else {
+        this.doQuery()
+      }
+    },
+    doQuery() {
+      if (this.loading_) {
+        return
+      }
+      this.loading_ = true
+      let fullModel = Object.assign({}, this.model)
+      // 设置分页
+      fullModel.page = this.page
+      this.action(fullModel)
+        .then(data => {
+          this.rows = data.rows
+          this.total = data.total
+          this.data = data.data
+          // 回到顶部
+          this.$refs.table.scrollTop()
+          // 重新绘制布局
+          this.$refs.table.doLayout()
+          this.loading_ = false
+          if (this.noClearSelection) {
+            this.$nextTick(() => {
+              this.rows.forEach(m => {
+                if (!this.selection.every(n => n.id !== m.id)) {
+                  this.$refs.table.toggleRowSelection(m, true)
+                }
               })
-            }
-            // 查询事件
-            this.$emit('query', data)
-          })
-          .catch(() => {
-            this.loading_ = false
-          })
-      },
-      export_(exportModel) {
-        if (!exportModel.columns || exportModel.columns.length < 1) {
-          this._error('请选择要导出的列')
-          return
-        }
-        if (!this.exportOptions_.action) {
-          this._error('未设置导出方法')
-          return
-        }
+            })
+          }
+          // 查询事件
+          this.$emit('query', data)
+        })
+        .catch(() => {
+          this.loading_ = false
+        })
+    },
+    export_(exportModel) {
+      if (!exportModel.columns || exportModel.columns.length < 1) {
+        this._error('请选择要导出的列')
+        return
+      }
+      if (!this.exportOptions_.action) {
+        this._error('未设置导出方法')
+        return
+      }
 
-        this._openLoading('正在导出数据，请稍后...')
+      this._openLoading('正在导出数据，请稍后...')
 
-        let model = Object.assign({}, this.model)
+      let model = Object.assign({}, this.model)
 
-        // 设置分页
-        model.page = this.page
-        //设置导出信息
-        model.export = exportModel
-        this.exportOptions_
-          .action(model)
-          .then(() => {
-            this._closeLoading()
-          })
-          .catch(() => {
-            this._closeLoading()
-          })
-      },
-      /** 刷新 */
-      refresh(goFirst) {
-        if (goFirst) this.page.index = 1
-        this.query()
-      },
-      /** 查询表单重置 */
-      reset() {
-        this.$refs.querybar.reset()
-      },
-      /** 获取序号 */
-      getNo(index) {
-        return (this.page.index - 1) * this.page.size + index + 1
-      },
-      // 重新绘制布局
-      doLayout() {
-        this.$refs.table.doLayout()
-      },
-      /** 全屏切换 */
-      triggerFullscreen() {
-        this.fullscreen ? this.closeFullscreen() : this.openFullscreen()
-        this.doLayout()
-      },
-      /** 开启全屏 */
-      openFullscreen() {
-        this.fullscreen = true
-        this.$emit('fullscreen-change', this.fullscreen)
-      },
-      /** 关闭全屏 */
-      closeFullscreen() {
-        this.fullscreen = false
-        this.$emit('fullscreen-change', this.fullscreen)
-      },
-      /** 切换导出对话框显示状态 */
-      triggerExport() {
-        let exp = this.exportOptions_
-        //未启用高级，直接执行导出操作
-        if (!exp.advanced) {
-          const { format, mode, showTitle, showCopyright, showColName, showExportDate, showExportPeople } = exp
+      // 设置分页
+      model.page = this.page
+      //设置导出信息
+      model.export = exportModel
+      this.exportOptions_
+        .action(model)
+        .then(() => {
+          this._closeLoading()
+        })
+        .catch(() => {
+          this._closeLoading()
+        })
+    },
+    /** 刷新 */
+    refresh(goFirst) {
+      if (goFirst) this.page.index = 1
+      this.query()
+    },
+    /** 查询表单重置 */
+    reset() {
+      this.$refs.querybar.reset()
+    },
+    /** 获取序号 */
+    getNo(index) {
+      return (this.page.index - 1) * this.page.size + index + 1
+    },
+    // 重新绘制布局
+    doLayout() {
+      this.$refs.table.doLayout()
+    },
+    /** 全屏切换 */
+    triggerFullscreen() {
+      this.fullscreen ? this.closeFullscreen() : this.openFullscreen()
+      this.doLayout()
+    },
+    /** 开启全屏 */
+    openFullscreen() {
+      this.fullscreen = true
+      this.$emit('fullscreen-change', this.fullscreen)
+    },
+    /** 关闭全屏 */
+    closeFullscreen() {
+      this.fullscreen = false
+      this.$emit('fullscreen-change', this.fullscreen)
+    },
+    /** 切换导出对话框显示状态 */
+    triggerExport() {
+      let exp = this.exportOptions_
+      //未启用高级，直接执行导出操作
+      if (!exp.advanced) {
+        const { format, mode, showTitle, showCopyright, showColName, showExportDate, showExportPeople } = exp
 
-          let model = { format, mode, showTitle, showCopyright, showColName, showExportDate, showExportPeople }
-          model.title = this.title
-          model.fileName = `${this.title}_${this.$dayjs().format('YYYYMMDDHHmmss')}`
-          model.columns = []
+        let model = { format, mode, showTitle, showCopyright, showColName, showExportDate, showExportPeople }
+        model.title = this.title
+        model.fileName = `${this.title}_${this.$dayjs().format('YYYYMMDDHHmmss')}`
+        model.columns = []
 
-          this.columns.forEach(m => {
-            if (m.show) {
-              model.columns.push(this.listCol2ExportCol(m))
-            }
-          })
+        this.columns.forEach(m => {
+          if (m.show) {
+            model.columns.push(this.listCol2ExportCol(m))
+          }
+        })
 
-          this.export_(model)
-        }
+        this.export_(model)
+      }
 
-        this.showExport ? this.closeExport() : this.openExport()
-      },
-      /** 打开导出对话框 */
-      openExport() {
-        this.showExport = true
-        this.$emit('export-change', this.showExport)
-      },
-      closeExport() {
-        this.showExport = false
-        this.$emit('export-change', this.showExport)
-      },
-      /** 切换导入对话框显示状态 */
-      triggerImport() {
-        let imp = this.importOptions_
-        //未启用高级，直接执行导入操作
-        if (!imp.advanced) {
-          // 简单导入模式：直接打开文件选择
-          this._info('请使用高级导入功能进行文件选择和配置')
-          return
-        }
+      this.showExport ? this.closeExport() : this.openExport()
+    },
+    /** 打开导出对话框 */
+    openExport() {
+      this.showExport = true
+      this.$emit('export-change', this.showExport)
+    },
+    closeExport() {
+      this.showExport = false
+      this.$emit('export-change', this.showExport)
+    },
+    /** 切换导入对话框显示状态 */
+    triggerImport() {
+      let imp = this.importOptions_
+      //未启用高级，直接执行导入操作
+      if (!imp.advanced) {
+        // 简单导入模式：直接打开文件选择
+        this._info('请使用高级导入功能进行文件选择和配置')
+        return
+      }
 
-        this.showImport ? this.closeImport() : this.openImport()
-      },
-      /** 打开导入对话框 */
-      openImport() {
-        this.showImport = true
-        this.$emit('import-change', this.showImport)
-      },
-      closeImport() {
-        this.showImport = false
-        this.$emit('import-change', this.showImport)
-      },
-      /** 列表的列转导出的列 */
-      listCol2ExportCol(m) {
-        let col = {
-          name: m.name,
-          label: m.label,
-          align: m.align,
-          format: m.format,
-          width: 0
-        }
+      this.showImport ? this.closeImport() : this.openImport()
+    },
+    /** 打开导入对话框 */
+    openImport() {
+      this.showImport = true
+      this.$emit('import-change', this.showImport)
+    },
+    closeImport() {
+      this.showImport = false
+      this.$emit('import-change', this.showImport)
+    },
+    /** 列表的列转导出的列 */
+    listCol2ExportCol(m) {
+      let col = {
+        name: m.name,
+        label: m.label,
+        align: m.align,
+        format: m.format,
+        width: 0
+      }
 
-        //设置导出专属vip配置~
-        if (m.export.width > 0) {
-          col.width = m.export.width
-        } else {
-          let w = parseInt(m.width)
-          if (w) col.width = w / 10 + 4 //默认取列表页中设置的宽度，该宽度与导出的Excel的列宽度比例大概10:1，所以这里进行一下转换, 转换后在+4，保可以保证有内边距，不会挤在一起
-        }
-        return col
-      },
-      /** 查询栏重置事件 */
-      onQueryBarReset() {
-        this.$refs.table.clearSort()
-        this.$emit('reset')
-      },
-      /** 删除行 */
-      removeRow(row) {
-        for (let i = 0; i < this.rows.length; i++) {
-          if (this.rows[i] === row) {
-            this.rows.splice(i, 1)
-            this.total--
-            break
-          }
+      //设置导出专属vip配置~
+      if (m.export.width > 0) {
+        col.width = m.export.width
+      } else {
+        let w = parseInt(m.width)
+        if (w) col.width = w / 10 + 4 //默认取列表页中设置的宽度，该宽度与导出的Excel的列宽度比例大概10:1，所以这里进行一下转换, 转换后在+4，保可以保证有内边距，不会挤在一起
+      }
+      return col
+    },
+    /** 查询栏重置事件 */
+    onQueryBarReset() {
+      this.$refs.table.clearSort()
+      this.$emit('reset')
+    },
+    /** 删除行 */
+    removeRow(row) {
+      for (let i = 0; i < this.rows.length; i++) {
+        if (this.rows[i] === row) {
+          this.rows.splice(i, 1)
+          this.total--
+          break
         }
-      },
-      /** 格式化 */
-      format(row, col) {
-        const val = row[col.name]
-        if (!col.format) return val
-
-        const format = col.format
+      }
+    },
+    /** 格式化 */
+    format(row, col) {
+      const val = row[col.name]
+      if (!col.format) return val
 
-        //性别
-        if (format === 'sex') {
-          return val === 0 ? '男' : '女'
-        }
+      const format = col.format
 
-        //日期
-        if (format === 'date') {
-          return this.$dayjs(val).format('YYYY-MM-DD')
-        }
+      //性别
+      if (format === 'sex') {
+        return val === 0 ? '男' : '女'
+      }
 
-        //自定义函数
-        if (typeof format === 'function') {
-          return format(val, row)
-        }
+      //日期
+      if (format === 'date') {
+        return this.$dayjs(val).format('YYYY-MM-DD')
+      }
 
-        //日期
-        return this.$dayjs(val).format(col.format)
+      //自定义函数
+      if (typeof format === 'function') {
+        return format(val, row)
       }
+
+      //日期
+      return this.$dayjs(val).format(col.format)
     },
-    mounted() {
-      this.$nextTick(() => {
-        if (this.queryOnCreated) {
-          this.query()
+
+    /** 递归选择所有树形节点 */
+    selectAllTreeNodes(nodes, selection) {
+      if (!nodes || !Array.isArray(nodes)) return
+      
+      nodes.forEach(node => {
+        // 获取行键值
+        const rowKeyValue = typeof this.rowKey === 'function' ? this.rowKey(node) : node[this.rowKey]
+        
+        // 检查是否已经选择
+        const isSelected = selection.some(s => {
+          const selectedKey = typeof this.rowKey === 'function' ? this.rowKey(s) : s[this.rowKey]
+          return selectedKey === rowKeyValue
+        })
+        
+        if (!isSelected) {
+          selection.push(node)
+          
+          // 更新表格UI选择状态
+          if (this.$refs.table && this.$refs.table.toggleRowSelection) {
+            this.$refs.table.toggleRowSelection(node, true)
+          }
+        }
+        
+        // 递归处理子节点
+        if (this.treeProps && this.treeProps.children) {
+          const children = node[this.treeProps.children]
+          if (children && children.length > 0) {
+            this.selectAllTreeNodes(children, selection)
+          }
         }
       })
     },
-    created() {
-      if (this.cols) {
-        this.columns = this.cols.map(col => {
-          return this.$_.assignIn({}, def.columnInfo, col)
+
+    /** 递归取消选择所有树形节点 */
+    deselectAllTreeNodes(nodes, selection) {
+      if (!nodes || !Array.isArray(nodes)) return
+      
+      nodes.forEach(node => {
+        // 获取行键值
+        const rowKeyValue = typeof this.rowKey === 'function' ? this.rowKey(node) : node[this.rowKey]
+        
+        // 从选择中移除当前节点
+        const selectedIndex = selection.findIndex(s => {
+          const selectedKey = typeof this.rowKey === 'function' ? this.rowKey(s) : s[this.rowKey]
+          return selectedKey === rowKeyValue
         })
-      }
+        
+        if (selectedIndex > -1) {
+          selection.splice(selectedIndex, 1)
+          
+          // 更新表格UI选择状态
+          if (this.$refs.table && this.$refs.table.toggleRowSelection) {
+            this.$refs.table.toggleRowSelection(node, false)
+          }
+        }
+        
+        // 递归处理子节点
+        if (this.treeProps && this.treeProps.children) {
+          const children = node[this.treeProps.children]
+          if (children && children.length > 0) {
+            this.deselectAllTreeNodes(children, selection)
+          }
+        }
+      })
     },
-    activated() {
-      this.doLayout()
+
+    /** 检查是否启用树形全选 */
+    isTreeSelectAllEnabled() {
+      const treeSelectAllOptions = this.$_.assignIn({}, def.treeSelectAllOptions, this.treeSelectAll)
+      const enabled = treeSelectAllOptions.enabled
+      
+      // 检查是否启用树形全选：需要同时满足以下条件：
+      // 1. treeSelectAll.enabled 为 true
+      // 2. treeProps 存在
+      // 3. treeProps.children 存在（可以是任何值，只要存在就行）
+      const hasTreeProps = !!this.treeProps
+      const hasChildrenProp = hasTreeProps && this.treeProps.children !== undefined && this.treeProps.children !== null
+      
+      return enabled && hasTreeProps && hasChildrenProp
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      if (this.queryOnCreated) {
+        this.query()
+      }
+    })
+  },
+  created() {
+    if (this.cols) {
+      this.columns = this.cols.map(col => {
+        return this.$_.assignIn({}, def.columnInfo, col)
+      })
     }
+  },
+  activated() {
+    this.doLayout()
   }
+}
 </script>

package/src/views/components/advanced/list/demo1/demo.vue

@@ -1,11 +1,16 @@
 <template>
-  <nm-list v-bind="list">
+  <nm-list ref="list" v-bind="list">
     <template v-slot:querybar>
       <el-form-item label="姓名：" prop="name">
         <el-input v-model="list.model.name" />
       </el-form-item>
     </template>
 
+    <!-- 操作按钮 -->
+    <template v-slot:querybar-buttons>
+      <nm-button type="primary" text="显示选中" icon="view" @click="showSelection" />
+    </template>
+
     <template v-slot:col-operation>
       <nm-button type="text" text="编辑" icon="edit" />
       <nm-button-delete type="text" :action="remove" id="1" @success="onSuccess" />
@@ -21,7 +26,24 @@
           icon: 'list',
           action: this.query,
           rowKey: 'id',
+
+          /** 启用多选功能 */
+          multiple: true,
+
+          /** 树形全选配置 */
+          treeSelectAll: {
+            enabled: true, // 启用树形全选
+            defaultSelectAll: true // 默认全部选择
+          },
+
+          /** 树形表格配置 */
           treeProps: { children: 'children', hasChildren: 'hasChildren' },
+          defaultExpandAll: true,
+
+          /** 选择列配置 */
+          selectionWidth: '55',
+          selectionFixed: true,
+
           model: {
             name: ''
           },
@@ -84,6 +106,20 @@
       remove() {},
       onSuccess() {
         this.query()
+      },
+
+      /** 显示选中的记录 */
+      showSelection() {
+        const listRef = this.$refs.list
+        if (listRef && listRef.getSelection) {
+          const selection = listRef.getSelection()
+          if (selection && selection.length > 0) {
+            const names = selection.map(item => item.name).join(', ')
+            this.$message.success(`已选中 ${selection.length} 条记录：${names}`)
+          } else {
+            this.$message.info('没有选中任何记录')
+          }
+        }
       }
     }
   }