@yidun/antd-super-table 0.1.10 → 0.1.12

package/dist/interface.d.ts

@@ -47,6 +47,36 @@ export type SuperTableSceneStorageType = 'local' | 'api'
  */
 export type SuperTableDataItem = Record<string, any>
 
+/**
+ * 查询项 input addonAfter 点击回调参数
+ * @public
+ */
+export interface SuperTableFormItemAddonAfterContext {
+  /** 查询项名称 */
+  name: string
+  /** 当前值 */
+  value: any
+  /** 当前查询项配置 */
+  formItem: SuperTableFormItem
+}
+
+/**
+ * 查询项 input addonAfter 配置
+ * @public
+ */
+export interface SuperTableFormItemAddonAfter {
+  /** 按钮文案 */
+  text?: string
+  /** 按钮自定义 class */
+  className?: string
+  /** 是否显示 */
+  show?: boolean
+  /** 是否禁用 */
+  disabled?: boolean
+  /** 点击回调 */
+  onClick?: (context: SuperTableFormItemAddonAfterContext) => void
+}
+
 /**
  * 查询条件配置接口
  * @public
@@ -64,6 +94,9 @@ export interface SuperTableFormItem {
   /** 查询项标签 */
   label: string
 
+  /** 查询项提示信息，展示在标签旁的 tooltip 中 */
+  tooltip?: string | number
+
   /** 传递给查询项的props */
   props?: Record<string, any>
 
@@ -82,6 +115,15 @@ export interface SuperTableFormItem {
   /** 带select前缀的组合输入框配置 */
   addonBeforeProps?: SelectProps
 
+  /** input 的后置附加按钮配置 */
+  addonAfter?: SuperTableFormItemAddonAfter
+
+  /** addonAfter 兼容错拼字段（不推荐） */
+  addonAffter?: SuperTableFormItemAddonAfter
+
+  /** addonAfter 兼容错拼字段（不推荐） */
+  addonAter?: SuperTableFormItemAddonAfter
+
   /** 改变时保持静默，不要触发搜索 */
   quiet?: boolean
 

package/dist/utils/index.d.ts

@@ -19,10 +19,14 @@ export declare const initFormItems: (formItems: SuperTableFormItem[]) => {
     name: string;
     modelPropName?: string;
     label: string;
+    tooltip?: string | number;
     value?: any;
     component?: import("vue").Component;
     span?: number;
     addonBeforeProps?: import("ant-design-vue").SelectProps;
+    addonAfter?: import("..").SuperTableFormItemAddonAfter;
+    addonAffter?: import("..").SuperTableFormItemAddonAfter;
+    addonAter?: import("..").SuperTableFormItemAddonAfter;
     quiet?: boolean;
     showLabel?: boolean;
     fixed?: boolean;

package/example/formItems.ts

@@ -8,7 +8,15 @@ export const createFormItems = () => {
       type: 'input', // 类型
       label: '输入框',
       name: 'input', // 字段名称
+      tooltip: '按关键词过滤',
       fixed: true,
+      addonAfter: {
+        text: '查询帮助',
+        className: 'super-table-addon-after-btn',
+        onClick: ({ name, value }) => {
+          console.log('[super-table] addonAfter click:', { name, value })
+        },
+      },
     },
     {
       key: 'inputGroup',
@@ -49,6 +57,7 @@ export const createFormItems = () => {
       type: 'inputNumber',
       label: '数字输入框',
       name: 'inputNumber',
+      tooltip: 1001,
       fixed: true,
     },
     {
@@ -102,7 +111,7 @@ export const createFormItems = () => {
           { label: 'Last Week', value: dayjs().add(-7, 'd') },
           { label: 'Last Month', value: dayjs().add(-1, 'month') },
         ],
-      }
+      },
     },
     {
       key: 'rangePicker',

package/example/index.vue

@@ -45,6 +45,8 @@ const tableColumns: any = createTableColumns({
 
 const setting = useLocalStorage('super-table-example-config', {
   enableScene: true,
+  enableAdvancedFilter: false,
+  autoSearch: true,
   enableTableConfig: false,
   sortable: false,
   showRefreshButton: false,
@@ -280,6 +282,22 @@ onMounted(() => {
           un-checked-children="关闭"
         />
       </a-form-item>
+      <a-form-item label="高级筛选">
+        <a-switch
+          v-model:checked="setting.enableAdvancedFilter"
+          :disabled="setting.enableScene"
+          checked-children="开启"
+          un-checked-children="关闭"
+        />
+      </a-form-item>
+      <a-form-item label="自动查询">
+        <a-switch
+          v-model:checked="setting.autoSearch"
+          :disabled="setting.enableScene"
+          checked-children="开启"
+          un-checked-children="关闭"
+        />
+      </a-form-item>
       <a-form-item label="排序">
         <a-switch
           v-model:checked="setting.sortable"
@@ -394,6 +412,8 @@ onMounted(() => {
       :sortable="setting.sortable"
       :enable-table-config="setting.enableTableConfig"
       :enable-scene="setting.enableScene"
+      :enable-advanced-filter="setting.enableAdvancedFilter"
+      :auto-search="setting.autoSearch"
       :show-refresh-button="setting.showRefreshButton"
       :show-expand-button="setting.showExpandButton"
       :form-item-col-span="setting.formItemColSpan"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yidun/antd-super-table",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "type": "module",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",