wkjp-list-page 1.0.19 → 1.0.20

package/README.md

@@ -329,7 +329,7 @@ deviceListTransformList(list) {
 ## 6. columns 列（常用）
 
 非 `slot` 列会 **透传** 到 `el-table-column`（`prop`、`label`、`width`、`fixed` 等）。  
-内置列类型 **`selection` / `index` / `expand`** 不做自定义单元格包装。
+内置列类型 **`selection` / `index`** 不做自定义单元格包装；**`expand`** 可写 **`type: 'expand'` + `slot`**，用父组件具名插槽渲染展开行内容。
 
 最简写法：**`{ prop: 'name', label: '姓名' }`**，值为 `null` / `undefined` / `''`（以及 `textFormatter` 得到空串）时，默认显示 **`--`**；表格上 **`cell-empty-text`** 可改全局占位；列上 **`emptyText`**（优先）或 **`defaultText`** 可单独改该列。
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wkjp-list-page",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "description": "Vue2 + ElementUI CommonListPage component",
   "main": "src/index.js",
   "module": "src/index.js",

package/src/components/CommonListPage.vue

@@ -109,7 +109,17 @@
     >
       <template v-for="(col, idx) in visibleColumns">
         <el-table-column
-          v-if="col.type !== 'slot' && isBuiltinCellColumn(col)"
+          v-if="col.type === 'expand' && col.slot"
+          :key="'col-expand-' + idx + '-' + col.slot"
+          type="expand"
+          v-bind="tableColumnBind(omitExpandSlotMeta(col))"
+        >
+          <template slot-scope="scope">
+            <slot :name="col.slot" :row="scope.row" :scope="scope"></slot>
+          </template>
+        </el-table-column>
+        <el-table-column
+          v-else-if="col.type !== 'slot' && isBuiltinCellColumn(col)"
           :key="'col-builtin-' + idx + '-' + col.type"
           v-bind="tableColumnBind(col)"
         />
@@ -829,6 +839,11 @@ export default {
       }
       return display;
     },
+    omitExpandSlotMeta(col) {
+      const rest = Object.assign({}, col);
+      delete rest.slot;
+      return rest;
+    },
     omitSlotType(col) {
       const rest = Object.assign({}, col);
       delete rest.type;