n20-common-lib 3.0.74 → 3.0.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "3.0.74",
+  "version": "3.0.75",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/v3/TablePro/index.vue

@@ -158,7 +158,7 @@
           />
         </vxe-colgroup>
         <vxe-column
-          v-else
+          v-else-if="item.formatter"
           :key="'vxe-table-base__column' + i"
           :class-name="`${item.wrap && `vxe-table-custom-wrap`} ${item.bold && `font-w600`}`"
           :formatter="item.formatter ? item.formatter : 'formatName'"
@@ -167,6 +167,53 @@
           :title="item.label"
           :field="item.prop"
           v-bind="item"
+        >
+          <template #header="{ column }">
+            <div
+              class="flex-box flex-v flex-c"
+              @mouseenter="hoverHeaderProp = item.prop"
+              @mouseleave="hoverHeaderProp = null"
+            >
+              <span
+                v-if="item.tooltip"
+                v-title="typeof item.tooltip === 'function' ? item.tooltip(column) : item.tooltip"
+                class="pointer"
+                style="border-bottom: 1px dashed"
+              >
+                <slot :name="`header_${column.field}`" :column="column">
+                  {{ column.title }}
+                </slot>
+              </span>
+              <template v-else>
+                <slot :name="`header_${column.field}`" :column="column">
+                  {{ column.title }}
+                </slot>
+              </template>
+              <!-- 已固定列（fixed='left'）：hover 时显示 lock 图标，点击取消固定 -->
+              <i
+                v-if="item.fixed === 'left'"
+                class="v3-icon-lock vxe-table--column__icon m-l-ss pointer color-primary"
+                @click.stop="unlockColumn(item)"
+              ></i>
+              <!-- 未固定列（且非静态列）：hover 时显示 unlock 图标，点击设为固定 -->
+              <i
+                v-if="!item.fixed && !item.static"
+                v-show="hoverHeaderProp === item.prop"
+                class="v3-icon-unlock vxe-table--column__icon m-l-ss pointer"
+                @click.stop="lockColumn(item)"
+              ></i>
+            </div>
+          </template>
+        </vxe-column>
+        <vxe-column
+          v-else
+          :key="'vxe-table-base__column' + i"
+          :class-name="`${item.wrap && `vxe-table-custom-wrap`} ${item.bold && `font-w600`}`"
+          :filters="item.filters"
+          :filter-render="item.filters && item.filters.length > 0 ? { name: 'FilterInput' } : null"
+          :title="item.label"
+          :field="item.prop"
+          v-bind="item"
         >
           <template #header="{ column }">
             <div
@@ -205,19 +252,14 @@
             </div>
           </template>
           <!-- 处理旧格式 formatter 和 render -->
-          <template v-if="item._oldFormatter || item._oldRender" #default="{ row, column }">
-            <!-- 旧的 render 函数 -->
-            <template v-if="item._oldRender && item.render">
-              <vxe-tooltip :content="row[column.property]">
-                <template #default>
-                  <div v-html="item.render($createElement, row)"></div>
-                </template>
-              </vxe-tooltip>
-            </template>
-            <!-- 旧的 formatter 函数：formatter: ({ row }) => html -->
-            <template v-else-if="item._oldFormatter && item._originalFormatter">
-              <div v-html="item._originalFormatter({ row })"></div>
+          <template #default="{ row, column }">
+            <!-- 纯对象字段 -->
+            <template
+              v-if="row[column.property] && typeof row[column.property] === 'object' && row[column.property].name"
+            >
+              {{ row[column.property].name }}
             </template>
+            <slot v-else :name="`cell_${item.prop}`" :row="row">{{ row[column.property] }}</slot>
           </template>
         </vxe-column>
       </template>