@yidun/antd-super-table 0.1.6 → 0.1.7

package/example/index.vue

@@ -11,8 +11,8 @@ import { createTableColumns } from './tableColumns'
 import { createFormItems } from './formItems'
 
 const tableRef = ref<InstanceType<typeof SuperTable>>()
-// 查询条件配置
-const formItems: any = createFormItems()
+// 查询条件配置 - 改为响应式
+const formItems = ref<any[]>(createFormItems())
 
 // 表头配置
 const tableColumns: any = createTableColumns({
@@ -179,6 +179,54 @@ const handleClearCache = () => {
   })
 }
 
+// 新增查询项计数器
+let newItemCounter = 0
+
+// 新增查询项
+const handleAddFormItem = () => {
+  newItemCounter++
+  const newItem = {
+    key: `dynamicInput${newItemCounter}`,
+    type: 'input',
+    label: `动态输入框${newItemCounter}`,
+    name: `dynamicInput${newItemCounter}`,
+    value: '',
+  }
+  formItems.value = [...formItems.value, newItem]
+  console.log('✅ 新增查询项:', newItem.name, '当前总数:', formItems.value.length)
+}
+
+// 删除最后一个非 fixed 的查询项
+const handleRemoveFormItem = () => {
+  // 从后往前找第一个非 fixed 的项
+  const indexToRemove = formItems.value.findLastIndex((item: any) => !item.fixed)
+
+  if (indexToRemove === -1) {
+    Modal.warning({
+      title: '提示',
+      content: '没有可删除的查询项（fixed 的项不可删除）',
+    })
+    return
+  }
+
+  const removedItem = formItems.value[indexToRemove]
+  formItems.value = formItems.value.filter((_: any, index: number) => index !== indexToRemove)
+  console.log('❌ 删除查询项:', removedItem.name, '当前总数:', formItems.value.length)
+}
+
+// 重置所有查询项
+const handleResetFormItems = () => {
+  Modal.confirm({
+    title: '提示',
+    content: '确定要重置所有查询项吗？这将清除所有动态添加的查询项。',
+    onOk: () => {
+      formItems.value = createFormItems()
+      newItemCounter = 0
+      console.log('🔄 重置查询项完成，当前总数:', formItems.value.length)
+    },
+  })
+}
+
 onMounted(() => {
   handleUpdateSelectOptions()
 
@@ -287,6 +335,19 @@ onMounted(() => {
           <a-radio :value="12">12</a-radio>
         </a-radio-group>
       </a-form-item>
+      <a-form-item>
+        <a-space>
+          <a-button @click="handleAddFormItem">
+            ➕ 新增查询项
+          </a-button>
+          <a-button @click="handleRemoveFormItem">
+            ➖ 删除查询项
+          </a-button>
+          <a-button @click="handleResetFormItems">
+            🔄 重置查询项
+          </a-button>
+        </a-space>
+      </a-form-item>
       <a-form-item>
         <a-button
           type="primary"
@@ -296,6 +357,9 @@ onMounted(() => {
           清空缓存
         </a-button>
       </a-form-item>
+      <a-form-item label="查询项总数">
+        <a-tag color="blue">{{ formItems.length }} 项</a-tag>
+      </a-form-item>
     </a-form>
     <super-table
       ref="tableRef"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yidun/antd-super-table",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "type": "module",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -26,13 +26,13 @@
     "@ant-design/icons-vue": "^7.0.1",
     "@vueuse/core": "^13.1.0",
     "ant-design-vue": "^4.2.6",
+    "async-validator": "^4.2.5",
     "dayjs": "^1.11.13",
     "lodash-es": "^4.17.21",
     "sortablejs": "^1.15.6",
     "uuid": "^11.1.0",
     "vue": "^3.5.13",
-    "vuedraggable": "^4.0.1",
-    "async-validator": "^4.2.5"
+    "vuedraggable": "^4.0.1"
   },
   "devDependencies": {
     "@tsconfig/node22": "^22.0.1",
@@ -57,6 +57,7 @@
     "vite": "^6.2.4",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-vue-devtools": "^7.7.2",
+    "vite-plugin-vue-mcp": "^0.3.2",
     "vue-tsc": "^2.2.8"
   }
 }