@a2simcode/ui 0.0.213 → 0.0.215

package/docs/examples/button/disabled.vue

@@ -4,7 +4,6 @@
     <j-button type="primary" disabled label="Primary Disabled" />
     <j-button type="dashed" disabled label="Dashed Disabled" />
     <j-button type="link" disabled label="Link Disabled" />
-    <j-button ghost disabled label="Ghost Disabled" />
     <j-button danger disabled label="Danger Disabled" />
   </div>
 </template>

package/docs/examples/input-layer/basic.vue

@@ -24,7 +24,6 @@
       @change="handleChange"
       :only-button="true"
       :button-label="'选择用户'"
-      :button-ghost="true"
       button-type="primary"
       button-shape="round"
     />

package/docs/examples/table/multiple-disabled.vue

@@ -0,0 +1,112 @@
+<template>
+  <div style="margin-bottom: 10px; display: flex; gap: 8px">
+    <j-button type="primary" label="获取选中数据" @click="getSelection" />
+    <j-button label="尝试选中前四行" @click="setSelection" />
+  </div>
+  <div style="margin-bottom: 10px; color: #606266; font-size: 13px">
+    状态为“已锁定”的行会禁用多选框，调用 `setSelection` 时也会自动跳过这些行。
+  </div>
+  <div style="position: relative; width: 100%; height: 420px">
+    <j-table
+      ref="tableRef"
+      :columns="columns"
+      :records="records"
+      row-key="id"
+      is-multiple
+      :multiple-disabled="isMultipleDisabled"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const tableRef = ref()
+
+const getSelection = () => {
+  const selectedRecords = tableRef.value?.getSelection?.() || []
+  console.log(selectedRecords)
+  alert(`当前选中了 ${selectedRecords.length} 条数据，详情请查看控制台`)
+}
+
+const setSelection = () => {
+  tableRef.value?.setSelection?.(records.value.slice(0, 4))
+}
+
+const isMultipleDisabled = (record: Record<string, any>) => {
+  return record.status === '已锁定'
+}
+
+const columns = ref([
+  {
+    id: 'name',
+    config: {
+      label: '任务名称',
+      width: 'auto',
+      align: 'left',
+    },
+  },
+  {
+    id: 'owner',
+    config: {
+      label: '负责人',
+      width: 'auto',
+      align: 'left',
+    },
+  },
+  {
+    id: 'status',
+    config: {
+      label: '状态',
+      width: 'auto',
+      align: 'left',
+    },
+  },
+  {
+    id: 'remark',
+    config: {
+      label: '说明',
+      width: 'auto',
+      align: 'left',
+    },
+  },
+])
+
+const records = ref([
+  {
+    id: 'task-001',
+    name: '需求评审',
+    owner: '张三',
+    status: '处理中',
+    remark: '可选择',
+  },
+  {
+    id: 'task-002',
+    name: '接口联调',
+    owner: '李四',
+    status: '已锁定',
+    remark: '已锁定，禁止选择',
+  },
+  {
+    id: 'task-003',
+    name: '页面开发',
+    owner: '王五',
+    status: '待处理',
+    remark: '可选择',
+  },
+  {
+    id: 'task-004',
+    name: '数据回归',
+    owner: '赵六',
+    status: '已锁定',
+    remark: '已锁定，禁止选择',
+  },
+  {
+    id: 'task-005',
+    name: '上线检查',
+    owner: '钱七',
+    status: '处理中',
+    remark: '可选择',
+  },
+])
+</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a2simcode/ui",
-  "version": "0.0.213",
+  "version": "0.0.215",
   "description": "A Vue 3 UI Component Library",
   "type": "module",
   "main": "./dist/simcode-ui.umd.js",
@@ -47,9 +47,9 @@
     "@codemirror/state": "6.6.0",
     "@codemirror/view": "6.40.0",
     "@iconify/vue": "5.0.0",
-    "@visactor/vtable": "1.26.0",
-    "@visactor/vtable-editors": "1.26.0",
-    "@visactor/vtable-plugins": "1.26.0",
+    "@visactor/vtable": "1.26.1",
+    "@visactor/vtable-editors": "1.26.1",
+    "@visactor/vtable-plugins": "1.26.1",
     "@vueuse/core": "14.2.1",
     "async-validator": "4.2.5",
     "codemirror": "6.0.2",

package/docs/examples/button/danger-ghost.vue

@@ -1,17 +0,0 @@
-<template>
-  <div style="display: flex; flex-direction: column; gap: 16px">
-    <div style="display: flex; gap: 8px; flex-wrap: wrap">
-      <j-button danger label="Danger Default" />
-      <j-button type="primary" danger label="Danger Primary" />
-      <j-button type="dashed" danger label="Danger Dashed" />
-      <j-button type="text" danger label="Danger Text" />
-      <j-button type="link" danger label="Danger Link" />
-    </div>
-    <div style="background: #999; padding: 16px; display: flex; gap: 8px; flex-wrap: wrap">
-      <j-button ghost label="Ghost Default" />
-      <j-button type="primary" ghost label="Ghost Primary" />
-      <j-button type="dashed" ghost label="Ghost Dashed" />
-      <j-button danger ghost label="Ghost Danger" />
-    </div>
-  </div>
-</template>