@yidun/antd-super-table 0.1.4 → 0.1.6

package/example/index.vue

@@ -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,31 @@ 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,
+        })
+      }
+    },
+  })
+}
+
 onMounted(() => {
   handleUpdateSelectOptions()
 
@@ -247,6 +287,15 @@ onMounted(() => {
           <a-radio :value="12">12</a-radio>
         </a-radio-group>
       </a-form-item>
+      <a-form-item>
+        <a-button
+          type="primary"
+          danger
+          @click="handleClearCache"
+        >
+          清空缓存
+        </a-button>
+      </a-form-item>
     </a-form>
     <super-table
       ref="tableRef"
@@ -260,6 +309,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.4",
+  "version": "0.1.6",
   "type": "module",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -19,12 +19,14 @@
     "lint:fix": "eslint src --fix",
     "format": "prettier --write src/"
   },
+  "dependencies": {
+    "jsonpath-plus": "^10.3.0"
+  },
   "optionalDependencies": {
     "@ant-design/icons-vue": "^7.0.1",
     "@vueuse/core": "^13.1.0",
     "ant-design-vue": "^4.2.6",
     "dayjs": "^1.11.13",
-    "jsonpath-plus": "^10.3.0",
     "lodash-es": "^4.17.21",
     "sortablejs": "^1.15.6",
     "uuid": "^11.1.0",