@yidun/antd-super-table 0.1.5 → 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({
@@ -20,7 +20,7 @@ const tableColumns: any = createTableColumns({
 })
 
 const setting = useLocalStorage('super-table-example-config', {
-  enableScene: false,
+  enableScene: true,
   enableTableConfig: false,
   sortable: false,
   showRefreshButton: false,
@@ -34,6 +34,21 @@ const setting = useLocalStorage('super-table-example-config', {
   formItemColSpan: 6,
 })
 
+// 默认场景配置
+const defaultScene = {
+  name: '默认场景',
+  items: [
+    {
+      name: 'input',
+      value: '',
+    },
+    {
+      name: 'select',
+      value: undefined,
+    },
+  ],
+}
+
 // 表单项变更事件处理
 function onFormItemChange(name: string, value: any, formItem: any, formOperations: any, tableOperations: any) {
   console.log('form-item-change 事件触发:', {
@@ -139,6 +154,79 @@ const handleUpdateSelectOptions = () => {
   setFormValue('select', 100)
 }
 
+// 清空缓存
+const handleClearCache = () => {
+  Modal.confirm({
+    title: '提示',
+    content: '确定要清空所有 localStorage 缓存吗？此操作不可恢复。',
+    onOk: () => {
+      try {
+        localStorage.clear()
+        Modal.success({
+          title: '成功',
+          content: '缓存已清空，页面将自动刷新',
+          onOk: () => {
+            window.location.reload()
+          },
+        })
+      } catch (error) {
+        Modal.error({
+          title: '错误',
+          content: '清空缓存失败：' + (error as Error).message,
+        })
+      }
+    },
+  })
+}
+
+// 新增查询项计数器
+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()
 
@@ -247,6 +335,31 @@ 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"
+          danger
+          @click="handleClearCache"
+        >
+          清空缓存
+        </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"
@@ -260,6 +373,7 @@ onMounted(() => {
       :show-refresh-button="setting.showRefreshButton"
       :show-expand-button="setting.showExpandButton"
       :form-item-col-span="setting.formItemColSpan"
+      :default-scene="defaultScene"
       :table-props="{
         scroll: {
           y: 600,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yidun/antd-super-table",
-  "version": "0.1.5",
+  "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"
   }
 }