verce-vue-test 0.0.1 → 0.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "verce-vue-test",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": false,
   "type": "module",
   "scripts": {

package/src/components/ElTablePro.vue

@@ -91,6 +91,7 @@ type ColumnOption = {
   key: string      // 列唯一标识
   label: string    // 列显示名称
   visible: boolean // 是否可见
+  disabled: boolean // 是否禁用选择
   vnode: VNode     // 列的 VNode 节点
 }
 
@@ -144,10 +145,15 @@ const currentPageSize = computed({
 
 // 是否全选（弹窗中的临时状态）
 const isAllSelected = computed({
-  get: () => pendingColumnOptions.value.length > 0 && pendingColumnOptions.value.every(col => col.visible),
+  get: () => {
+    const selectable = pendingColumnOptions.value.filter(col => !col.disabled)
+    return selectable.length > 0 && selectable.every(col => col.visible)
+  },
   set: value => {
     pendingColumnOptions.value.forEach(col => {
-      col.visible = value
+      if (!col.disabled) {
+        col.visible = value
+      }
     })
   },
 })
@@ -211,6 +217,7 @@ const restoreColumnConfig = () => {
 
     // 遍历列选项，更新可见性状态
     columnOptions.value.forEach(column => {
+      if (column.disabled) return
       const match = cacheColumns.find(item => item.key === column.key)
       if (match) {
         column.visible = match.visible
@@ -289,10 +296,12 @@ const initColumns = () => {
   const children = flattenVNodes(rawChildren)
 
   columnOptions.value = children.map((vnode, index) => {
+    const columnProps = vnode.props as Record<string, any> | null
     return {
       key: getColumnKey(vnode, index),
       label: getColumnLabel(vnode, index),
       visible: true,
+      disabled: columnProps?.disabled ?? false,
       vnode,
     }
   })
@@ -399,6 +408,7 @@ initColumns()
           >
             <el-checkbox
               v-model="column.visible"
+              :disabled="column.disabled"
             >
               {{ column.label }}
             </el-checkbox>