@tachybase/client 1.6.14 → 1.6.16

package/es/block-provider/hooks/index.mjs

@@ -418,7 +418,7 @@ const useFilterBlockActionProps = ()=>{
     const fieldSchema = useFieldSchema();
     const { getDataBlocks } = useFilterBlock();
     const { name } = useCollection_deprecated();
-    const { getCollectionJoinField } = useCollectionManager_deprecated();
+    const { getCollectionJoinField, getInterface } = useCollectionManager_deprecated();
     actionField.data = actionField.data || {};
     return {
         async onClick () {
@@ -451,7 +451,12 @@ const useFilterBlockActionProps = ()=>{
                         for(const key in form.values['__custom'])if (form.values['__custom'][key]) filter.customValues[key] = form.values['__custom'][key];
                         filter.customFilter = getCustomCondition(filter.customValues, fieldSchema);
                     }
-                    storedFilter[uid] = removeNullCondition(transformToFilter(filter.formValues, fieldSchema, getCollectionJoinField, name));
+                    storedFilter[uid] = removeNullCondition(transformToFilter(filter.formValues, fieldSchema, getCollectionJoinField, name, (_, param)=>{
+                        let { fieldSchema, collectionField } = param;
+                        var _fieldSchema_xdesignerprops, _getInterface_filterable, _getInterface;
+                        const fieldInterface = (null == fieldSchema ? void 0 : null == (_fieldSchema_xdesignerprops = fieldSchema['x-designer-props']) ? void 0 : _fieldSchema_xdesignerprops.interface) || (null == collectionField ? void 0 : collectionField.interface);
+                        return fieldInterface ? (null == (_getInterface = getInterface(fieldInterface)) ? void 0 : null == (_getInterface_filterable = _getInterface.filterable) ? void 0 : _getInterface_filterable.operators) || [] : [];
+                    }));
                     const mergedFilter = utils_mjs_mergeFilter([
                         ...Object.values(storedFilter).map((filter)=>removeNullCondition(filter)),
                         getFilterSourceDefaultFilter(getDataBlocks(), uid),

package/es/built-in/pm/PluginManager.mjs

@@ -7,6 +7,7 @@ import lodash from "lodash";
 import { useTranslation as external_react_i18next_useTranslation } from "react-i18next";
 import { useRequest } from "../../api-client/index.mjs";
 import { i18n } from "../../i18n/index.mjs";
+import { withAutoQuickJumper } from "../../schema-component/index.mjs";
 import "../../style/index.mjs";
 import { useACLRoleContext } from "../acl/index.mjs";
 import { SwitchAction } from "./PluginCard.mjs";
@@ -295,9 +296,10 @@ const LocalPlugins = ()=>{
                     columns: columns,
                     dataSource: filteredList,
                     rowKey: "id",
-                    pagination: {
-                        pageSize: 100
-                    }
+                    pagination: withAutoQuickJumper({
+                        pageSize: 100,
+                        total: filteredList.length
+                    })
                 })
             ]
         })

package/es/collection-manager/templates/components/sql-collection/PreviewTable.mjs

@@ -4,6 +4,7 @@ import { Schema, observer, useForm } from "@tachybase/schema";
 import { Table } from "antd";
 import { useTranslation } from "react-i18next";
 import { useAsyncData } from "../../../../async-data-provider/index.mjs";
+import { withAutoQuickJumper } from "../../../../schema-component/antd/pagination/utils.mjs";
 const PreviewTable = observer(()=>{
     const { data: res, loading, error } = useAsyncData();
     const { data } = res || {};
@@ -47,6 +48,9 @@ const PreviewTable = observer(()=>{
         bordered: true,
         dataSource: dataSource,
         columns: columns,
+        pagination: withAutoQuickJumper({
+            total: dataSource.length
+        }),
         scroll: {
             x: 150 * columns.length,
             y: 300

package/es/filter-provider/utils.d.ts

@@ -21,7 +21,10 @@ export declare const getSupportFieldsByForeignKey: (filterBlockCollection: Retur
  * @returns
  */
 export declare const useSupportedBlocks: (filterBlockType: FilterBlockType) => DataBlock[];
-export declare const transformToFilter: (values: Record<string, any>, fieldSchema: Schema, getCollectionJoinField: (name: string) => CollectionFieldOptions_deprecated, collectionName: string) => {
+export declare const transformToFilter: (values: Record<string, any>, fieldSchema: Schema, getCollectionJoinField: (name: string) => CollectionFieldOptions_deprecated, collectionName: string, getOperatorList?: (path: string, options: {
+    fieldSchema?: Schema;
+    collectionField?: CollectionFieldOptions_deprecated;
+}) => any[]) => {
     $and: ({
         [x: string]: {
             $isTruly: boolean;

package/es/filter-provider/utils.mjs

@@ -6,7 +6,7 @@ import lodash from "lodash";
 import { findFilterTargets } from "../block-provider/hooks/index.mjs";
 import { useCollectionManager_deprecated, useCollection_deprecated } from "../collection-manager/index.mjs";
 import { removeNullCondition } from "../schema-component/index.mjs";
-import { findFilterOperators } from "../schema-component/antd/form-item/SchemaSettingOptions.mjs";
+import { findFilterOperators, getDefaultFilterOperatorValue } from "../schema-component/antd/form-item/SchemaSettingOptions.mjs";
 import { useFilterBlock } from "./FilterProvider.mjs";
 import { getFilterSourceDefaultFilter } from "./incomingFilterFromSources.mjs";
 var utils_FilterBlockType = /*#__PURE__*/ function(FilterBlockType) {
@@ -57,13 +57,44 @@ const useSupportedBlocks = (filterBlockType)=>{
         return fieldSchema['x-uid'] !== block.uid && (isSameCollection(block.collection, collection) || (null == (_getSupportFieldsByAssociation = getSupportFieldsByAssociation(getAllCollectionsInheritChain(collection.name, collection.dataSource), block)) ? void 0 : _getSupportFieldsByAssociation.length) || (null == (_getSupportFieldsByForeignKey = getSupportFieldsByForeignKey(collection, block)) ? void 0 : _getSupportFieldsByForeignKey.length));
     });
 };
-const transformToFilter = (values, fieldSchema, getCollectionJoinField, collectionName)=>{
+const findSchemaByName = (schema, name)=>{
+    if (!schema) return null;
+    if (schema.name === name) return schema;
+    const properties = schema.properties || {};
+    for (const key of Object.keys(properties)){
+        const found = findSchemaByName(properties[key], name);
+        if (found) return found;
+    }
+    return null;
+};
+const getFilterSchemaRoot = (schema)=>{
+    let current = schema;
+    while(current){
+        if (current['x-filter-operators'] || current['x-filter-targets']) return current;
+        current = current.parent;
+    }
+    return schema;
+};
+const resolveFilterOperator = function(schema, path) {
+    let operators = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {}, getOperatorList = arguments.length > 3 ? arguments[3] : void 0, collectionField = arguments.length > 4 ? arguments[4] : void 0;
+    if (operators[path]) return operators[path];
+    if (!getOperatorList) return;
+    const fieldSchema = findSchemaByName(getFilterSchemaRoot(schema), path);
+    const operatorList = getOperatorList(path, {
+        fieldSchema,
+        collectionField
+    }) || [];
+    if (!operatorList.length || !fieldSchema) return;
+    return getDefaultFilterOperatorValue(fieldSchema, operatorList);
+};
+const transformToFilter = (values, fieldSchema, getCollectionJoinField, collectionName, getOperatorList)=>{
     const { operators } = findFilterOperators(fieldSchema);
     values = flatten(values, {
         breakOn (param) {
             let { value, path } = param;
-            if (FILTER_OPERATORS_WITH_ARRAY_VALUES.has(operators[path])) return true;
             const collectionField = getCollectionJoinField("".concat(collectionName, ".").concat(path));
+            const operator = resolveFilterOperator(fieldSchema, path, operators, getOperatorList, collectionField);
+            if (FILTER_OPERATORS_WITH_ARRAY_VALUES.has(operator)) return true;
             if (null == collectionField ? void 0 : collectionField.target) {
                 if (Array.isArray(value)) return true;
                 const targetKey = collectionField.targetKey || 'id';
@@ -77,12 +108,13 @@ const transformToFilter = (values, fieldSchema, getCollectionJoinField, collecti
             const defKey = key;
             let value = lodash.get(values, key);
             const collectionField = getCollectionJoinField("".concat(collectionName, ".").concat(key));
+            const operator = resolveFilterOperator(fieldSchema, defKey, operators, getOperatorList, collectionField);
             if (null == collectionField ? void 0 : collectionField.target) {
                 value = getValuesByPath(value, collectionField.targetKey || 'id');
                 key = "".concat(key, ".").concat(collectionField.targetKey || 'id');
             }
             if (!value) return null;
-            if ('$isTruly' === operators[key] || '$isFalsy' === operators[key]) {
+            if ('$isTruly' === operator || '$isFalsy' === operator) {
                 if ('true' === value) return {
                     [key]: {
                         $isTruly: true
@@ -93,7 +125,7 @@ const transformToFilter = (values, fieldSchema, getCollectionJoinField, collecti
                         $isFalsy: true
                     }
                 };
-            } else if ('$dateBetween' === operators[key]) {
+            } else if ('$dateBetween' === operator) {
                 if (Array.isArray(value)) {
                     const normalized = [];
                     for(const index in value){
@@ -114,7 +146,7 @@ const transformToFilter = (values, fieldSchema, getCollectionJoinField, collecti
             }
             return {
                 [key]: {
-                    [operators[key] || operators[defKey] || '$eq']: value
+                    [operators[key] || operator || '$eq']: value
                 }
             };
         }).filter(Boolean)

package/es/schema-component/antd/date-picker/ReadPretty.mjs

@@ -5,13 +5,14 @@ import { getDefaultFormat, str2moment } from "@tego/client";
 import classnames from "classnames";
 import dayjs from "dayjs";
 import { usePrefixCls } from "../__builtins__/index.mjs";
+import { normalizeDatePickerParseOptions } from "./util.mjs";
 const ReadPretty = ()=>null;
 ReadPretty.DatePicker = function(props) {
     const prefixCls = usePrefixCls("description-date-picker", props);
     if (!props.value) return /*#__PURE__*/ jsx("div", {});
     const getLabels = ()=>{
         const format = getDefaultFormat(props);
-        const m = str2moment(props.value, props);
+        const m = str2moment(props.value, normalizeDatePickerParseOptions(props));
         const labels = dayjs.isDayjs(m) ? m.format(format) : '';
         return isArr(labels) ? labels.join('~') : labels;
     };
@@ -24,7 +25,7 @@ ReadPretty.DateRangePicker = function(props) {
     const prefixCls = usePrefixCls("description-text", props);
     const format = getDefaultFormat(props);
     const getLabels = ()=>{
-        const m = str2moment(props.value, props);
+        const m = str2moment(props.value, normalizeDatePickerParseOptions(props));
         if (!m) return '';
         const labels = m.map((m)=>m.format(format));
         return isArr(labels) ? labels.join('~') : labels;

package/es/schema-component/antd/date-picker/util.d.ts

@@ -5,6 +5,7 @@ export interface Moment2strOptions {
     utc?: boolean;
     picker?: 'year' | 'month' | 'week' | 'quarter';
 }
+export declare const normalizeDatePickerParseOptions: (options?: Moment2strOptions) => Moment2strOptions;
 export declare const moment2str: (value?: Dayjs | null, options?: Moment2strOptions) => any;
 export declare const mapDatePicker: () => (props: any) => any;
 export declare const mapRangePicker: () => (props: any) => any;

package/es/schema-component/antd/date-picker/util.mjs

@@ -20,6 +20,14 @@ const toLocalByPicker = (value, picker)=>{
     if (!value || !dayjs.isDayjs(value)) return value;
     return toStringByPicker(value, picker, 'local');
 };
+const normalizeDatePickerParseOptions = function() {
+    let options = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+    if (false === options.utc || options.showTime || 'boolean' == typeof options.gmt || options.picker) return options;
+    return {
+        ...options,
+        gmt: true
+    };
+};
 const moment2str = function(value) {
     let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
     const { showTime, gmt, picker, utc = true } = options;
@@ -39,7 +47,7 @@ const mapDatePicker = function() {
         return {
             ...props,
             format: format,
-            value: str2moment(props.value, props),
+            value: str2moment(props.value, normalizeDatePickerParseOptions(props)),
             onChange: (value)=>{
                 if (onChange) {
                     if (!props.showTime && value) value = value.startOf('day');
@@ -56,7 +64,7 @@ const mapRangePicker = function() {
         return {
             ...props,
             format: format,
-            value: str2moment(props.value, props),
+            value: str2moment(props.value, normalizeDatePickerParseOptions(props)),
             onChange: (value)=>{
                 if (onChange) onChange(value ? [
                     moment2str(getRangeStart(value[0], props), props),
@@ -190,4 +198,4 @@ const getDateExact = ()=>({
         tomorrowLocal: ()=>dayjs().add(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss'),
         tomorrowDate: ()=>dayjs().add(1, 'day').format('YYYY-MM-DD')
     });
-export { getDateExact, getDateRanges, mapDatePicker, mapRangePicker, moment2str };
+export { getDateExact, getDateRanges, mapDatePicker, mapRangePicker, moment2str, normalizeDatePickerParseOptions };

package/es/schema-component/antd/form-item/SchemaSettingOptions.d.ts

@@ -6,6 +6,7 @@ export declare const findFilterOperators: (schema: Schema) => {
     operators?: undefined;
     uid?: undefined;
 };
+export declare const getDefaultFilterOperatorValue: (schema: Schema, operatorList?: any[]) => any;
 export declare const EditTitle: () => import("react/jsx-runtime").JSX.Element;
 export declare const EditDescription: () => import("react/jsx-runtime").JSX.Element;
 export declare const EditTooltip: () => import("react/jsx-runtime").JSX.Element;

package/es/schema-component/antd/form-item/SchemaSettingOptions.mjs

@@ -21,6 +21,23 @@ const findFilterOperators = (schema)=>{
     }
     return {};
 };
+const getSchemaFilterComponent = (schema)=>{
+    var _schema_xcomponentprops;
+    return (null == schema ? void 0 : null == (_schema_xcomponentprops = schema['x-component-props']) ? void 0 : _schema_xcomponentprops.component) || (null == schema ? void 0 : schema['x-component']);
+};
+const getDefaultFilterOperatorValue = function(schema) {
+    let operatorList = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : [];
+    var _operatorList_find, _operatorList_;
+    const component = getSchemaFilterComponent(schema);
+    if (component) {
+        const matched = operatorList.find((item)=>{
+            var _item_schema;
+            return (null == item ? void 0 : null == (_item_schema = item.schema) ? void 0 : _item_schema['x-component']) === component;
+        });
+        if (null == matched ? void 0 : matched.value) return matched.value;
+    }
+    return (null == (_operatorList_find = operatorList.find((item)=>null == item ? void 0 : item.selected)) ? void 0 : _operatorList_find.value) || (null == (_operatorList_ = operatorList[0]) ? void 0 : _operatorList_.value);
+};
 const EditTitle = ()=>{
     var _collectionField_uiSchema;
     const { getCollectionJoinField } = useCollectionManager_deprecated();
@@ -428,7 +445,7 @@ const useEnsureOperatorsValid = ()=>{
     const fieldSchema = useFieldSchema();
     const operatorList = useOperatorList();
     const { operators: storedOperators } = findFilterOperators(fieldSchema);
-    if (storedOperators && operatorList.length && !storedOperators[fieldSchema.name]) storedOperators[fieldSchema.name] = operatorList[0].value;
+    if (storedOperators && operatorList.length && !storedOperators[fieldSchema.name]) storedOperators[fieldSchema.name] = getDefaultFilterOperatorValue(fieldSchema, operatorList);
 };
 const EditOperator = ()=>{
     const compile = useCompile();
@@ -438,7 +455,7 @@ const EditOperator = ()=>{
     const { dn } = useDesignable();
     const operatorList = useOperatorList();
     const { operators: storedOperators = {}, uid } = findFilterOperators(fieldSchema);
-    if (operatorList.length && !storedOperators[fieldSchema.name]) storedOperators[fieldSchema.name] = operatorList[0].value;
+    if (operatorList.length && !storedOperators[fieldSchema.name]) storedOperators[fieldSchema.name] = getDefaultFilterOperatorValue(fieldSchema, operatorList);
     return operatorList.length ? /*#__PURE__*/ jsx(SchemaSettingsSelectItem, {
         title: t('Operator'),
         value: storedOperators[fieldSchema.name],
@@ -559,4 +576,4 @@ const EditTitleField = ()=>{
         }
     }, "title-field") : null;
 };
-export { EditComponent, EditDefaultValue, EditDescription, EditOperator, EditPattern, EditRequired, EditTitle, EditTitleField, EditTooltip, EditValidationRules, findFilterOperators, useEnsureOperatorsValid };
+export { EditComponent, EditDefaultValue, EditDescription, EditOperator, EditPattern, EditRequired, EditTitle, EditTitleField, EditTooltip, EditValidationRules, findFilterOperators, getDefaultFilterOperatorValue, useEnsureOperatorsValid };

package/es/schema-component/antd/grid-card/GridCard.mjs

@@ -9,6 +9,7 @@ import { SortableItem } from "../../common/index.mjs";
 import { InfiniteScroll } from "../../common/infinite-scroll/infinite-scroll.mjs";
 import { SchemaComponentOptions } from "../../core/index.mjs";
 import { useDesigner, useProps } from "../../hooks/index.mjs";
+import { withAutoQuickJumper } from "../pagination/utils.mjs";
 import { GridCardBlockProvider, useGridCardBlockContext, useGridCardItemProps } from "./GridCard.Decorator.mjs";
 import { GridCardDesigner } from "./GridCard.Designer.mjs";
 import { GridCardItem } from "./GridCard.Item.mjs";
@@ -106,14 +107,14 @@ const InternalGridCard = (props)=>{
             className: classnames('tb-card-list', styles.designer),
             children: [
                 /*#__PURE__*/ jsx(List, {
-                    pagination: !meta || meta.count <= meta.pageSize || needInfiniteScroll ? false : {
+                    pagination: !meta || meta.count <= meta.pageSize || needInfiniteScroll ? false : withAutoQuickJumper({
                         ...pagination,
                         onChange: onPaginationChange,
                         total: (null == meta ? void 0 : meta.count) || 0,
                         pageSize: (null == meta ? void 0 : meta.pageSize) || 10,
                         current: (null == meta ? void 0 : meta.page) || 1,
                         pageSizeOptions: pageSizeOptions
-                    },
+                    }),
                     dataSource: field.value,
                     grid: {
                         ...columnCount,

package/es/schema-component/antd/list/List.mjs

@@ -7,6 +7,7 @@ import { withDynamicSchemaProps } from "../../../application/hoc/withDynamicSche
 import { SortableItem } from "../../common/index.mjs";
 import { SchemaComponentOptions } from "../../core/index.mjs";
 import { useDesigner } from "../../hooks/index.mjs";
+import { withAutoQuickJumper } from "../pagination/utils.mjs";
 import { useListActionBarProps } from "./hooks.mjs";
 import { ListBlockProvider, useListBlockContext, useListItemProps } from "./List.Decorator.mjs";
 import { ListDesigner } from "./List.Designer.mjs";
@@ -54,12 +55,12 @@ const InternalList = (props)=>{
             children: [
                 /*#__PURE__*/ jsx(List, {
                     ...props,
-                    pagination: !meta || meta.count <= meta.pageSize ? false : {
+                    pagination: !meta || meta.count <= meta.pageSize ? false : withAutoQuickJumper({
                         onChange: onPaginationChange,
                         total: (null == meta ? void 0 : meta.count) || 0,
                         pageSize: (null == meta ? void 0 : meta.pageSize) || 10,
                         current: (null == meta ? void 0 : meta.page) || 1
-                    },
+                    }),
                     loading: null == service ? void 0 : service.loading,
                     children: (null == (_field_value = field.value) ? void 0 : _field_value.length) ? field.value.map((item, index)=>/*#__PURE__*/ jsx(RecursionField, {
                             basePath: field.address,

package/es/schema-component/antd/pagination/index.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
+export * from './utils';
 export declare const Pagination: React.FunctionComponent<any>;

package/es/schema-component/antd/pagination/index.mjs

@@ -4,6 +4,8 @@ import { observer } from "@tachybase/schema";
 import { Pagination } from "antd";
 import { withDynamicSchemaProps } from "../../../application/hoc/withDynamicSchemaProps.mjs";
 import { useProps } from "../../hooks/useProps.mjs";
+import { withAutoQuickJumper } from "./utils.mjs";
+export * from "./utils.mjs";
 const pagination_Pagination = withDynamicSchemaProps(observer((props)=>{
     const { hidden, ...others } = useProps(props);
     if (hidden) return null;
@@ -13,7 +15,7 @@ const pagination_Pagination = withDynamicSchemaProps(observer((props)=>{
     return /*#__PURE__*/ jsx("div", {
         onKeyPress: onKeypress,
         children: /*#__PURE__*/ jsx(Pagination, {
-            ...others
+            ...withAutoQuickJumper(others)
         })
     });
 }, {

package/es/schema-component/antd/pagination/utils.d.ts

@@ -0,0 +1,12 @@
+type PaginationLike = {
+    defaultPageSize?: number;
+    pageSize?: number;
+    showLessItems?: boolean;
+    showQuickJumper?: unknown;
+    simple?: unknown;
+    total?: number;
+};
+export declare const getPaginationPageCount: (pagination?: PaginationLike) => number;
+export declare const shouldAutoEnableQuickJumper: (pagination?: PaginationLike) => boolean;
+export declare const withAutoQuickJumper: <T extends PaginationLike | false | undefined>(pagination: T) => T;
+export {};

package/es/schema-component/antd/pagination/utils.mjs

@@ -0,0 +1,22 @@
+const DEFAULT_PAGE_SIZE = 10;
+const getPageBufferSize = (showLessItems)=>showLessItems ? 1 : 2;
+const getQuickJumperAutoThreshold = (showLessItems)=>2 * getPageBufferSize(showLessItems) + 3;
+const getPaginationPageCount = (pagination)=>{
+    if (!pagination) return 0;
+    const total = Number(pagination.total);
+    const pageSize = Number(pagination.pageSize || pagination.defaultPageSize || DEFAULT_PAGE_SIZE);
+    if (!Number.isFinite(total) || total <= 0 || !Number.isFinite(pageSize) || pageSize <= 0) return 0;
+    return Math.ceil(total / pageSize);
+};
+const shouldAutoEnableQuickJumper = (pagination)=>{
+    if (!pagination || void 0 !== pagination.showQuickJumper || pagination.simple) return false;
+    return getPaginationPageCount(pagination) > getQuickJumperAutoThreshold(pagination.showLessItems);
+};
+const withAutoQuickJumper = (pagination)=>{
+    if (!pagination || false === pagination || !shouldAutoEnableQuickJumper(pagination)) return pagination;
+    return {
+        ...pagination,
+        showQuickJumper: true
+    };
+};
+export { getPaginationPageCount, shouldAutoEnableQuickJumper, withAutoQuickJumper };

package/es/schema-component/antd/table/Table.Void.mjs

@@ -4,6 +4,7 @@ import { FieldContext, FormContext, createForm, observer, useField, useFieldSche
 import { cloneDeep } from "lodash";
 import { AsyncDataProvider, useAsyncData, useRequest } from "../../../index.mjs";
 import { useAttach } from "../../hooks/index.mjs";
+import { withAutoQuickJumper } from "../pagination/utils.mjs";
 import { TableArray } from "./Table.Array.mjs";
 const usePaginationProps = (props, service)=>{
     var _props_request_params, _props_request, _service_data;
@@ -19,7 +20,7 @@ const usePaginationProps = (props, service)=>{
         pagination.current = page;
         pagination.pageSize = pageSize;
     }
-    return {
+    return withAutoQuickJumper({
         showSizeChanger: true,
         ...pagination,
         onChange (page, pageSize) {
@@ -30,7 +31,7 @@ const usePaginationProps = (props, service)=>{
                 pageSize
             });
         }
-    };
+    });
 };
 const useRequestProps = (props)=>{
     const { request, pagination, dataSource } = props;

package/es/schema-component/antd/table-v2/Table.mjs

@@ -16,6 +16,7 @@ import { withDynamicSchemaProps } from "../../../application/hoc/withDynamicSche
 import { isNewRecord, markRecordAsNew } from "../../../data-source/collection-record/isNewRecord.mjs";
 import { DeclareVariable } from "../../../modules/variable/DeclareVariable.mjs";
 import { SubFormProvider } from "../association-field/hooks.mjs";
+import { withAutoQuickJumper } from "../pagination/utils.mjs";
 import { ColumnFieldProvider } from "./components/ColumnFieldProvider.mjs";
 import { useStyles } from "./Table.styles.mjs";
 import { extractIndex, isCollectionFieldComponent, isColumnComponent } from "./utils.mjs";
@@ -229,7 +230,7 @@ const usePaginationProps = (pagination1, pagination2)=>{
         ...pagination1,
         ...pagination2
     };
-    return result.total ? result : false;
+    return result.total ? withAutoQuickJumper(result) : false;
 };
 const Table_Table = withDynamicSchemaProps(observer((props)=>{
     var _schema_parent, _field_data, _field_value_slice_filter, _field_value_slice, _field_value_slice1, _field_value, _fieldSchema_parent_xdecoratorprops, _fieldSchema_parent;

package/lib/block-provider/hooks/index.js

@@ -734,7 +734,7 @@ var __webpack_exports__ = {};
         const fieldSchema = (0, _tachybase_schema__WEBPACK_IMPORTED_MODULE_1__.useFieldSchema)();
         const { getDataBlocks } = (0, _filter_provider_FilterProvider__WEBPACK_IMPORTED_MODULE_15__.useFilterBlock)();
         const { name } = (0, _collection_manager__WEBPACK_IMPORTED_MODULE_14__.useCollection_deprecated)();
-        const { getCollectionJoinField } = (0, _collection_manager__WEBPACK_IMPORTED_MODULE_14__.useCollectionManager_deprecated)();
+        const { getCollectionJoinField, getInterface } = (0, _collection_manager__WEBPACK_IMPORTED_MODULE_14__.useCollectionManager_deprecated)();
         actionField.data = actionField.data || {};
         return {
             async onClick () {
@@ -767,7 +767,12 @@ var __webpack_exports__ = {};
                             for(const key in form.values['__custom'])if (form.values['__custom'][key]) filter.customValues[key] = form.values['__custom'][key];
                             filter.customFilter = (0, _schema_component__WEBPACK_IMPORTED_MODULE_19__.getCustomCondition)(filter.customValues, fieldSchema);
                         }
-                        storedFilter[uid] = (0, _schema_component__WEBPACK_IMPORTED_MODULE_19__.removeNullCondition)((0, _filter_provider_utils__WEBPACK_IMPORTED_MODULE_17__.transformToFilter)(filter.formValues, fieldSchema, getCollectionJoinField, name));
+                        storedFilter[uid] = (0, _schema_component__WEBPACK_IMPORTED_MODULE_19__.removeNullCondition)((0, _filter_provider_utils__WEBPACK_IMPORTED_MODULE_17__.transformToFilter)(filter.formValues, fieldSchema, getCollectionJoinField, name, (_, param)=>{
+                            let { fieldSchema, collectionField } = param;
+                            var _fieldSchema_xdesignerprops, _getInterface_filterable, _getInterface;
+                            const fieldInterface = (null == fieldSchema ? void 0 : null == (_fieldSchema_xdesignerprops = fieldSchema['x-designer-props']) ? void 0 : _fieldSchema_xdesignerprops.interface) || (null == collectionField ? void 0 : collectionField.interface);
+                            return fieldInterface ? (null == (_getInterface = getInterface(fieldInterface)) ? void 0 : null == (_getInterface_filterable = _getInterface.filterable) ? void 0 : _getInterface_filterable.operators) || [] : [];
+                        }));
                         const mergedFilter = (0, _filter_provider_utils__WEBPACK_IMPORTED_MODULE_17__.mergeFilter)([
                             ...Object.values(storedFilter).map((filter)=>(0, _schema_component__WEBPACK_IMPORTED_MODULE_19__.removeNullCondition)(filter)),
                             (0, _filter_provider_incomingFilterFromSources__WEBPACK_IMPORTED_MODULE_16__.getFilterSourceDefaultFilter)(getDataBlocks(), uid),

package/lib/built-in/pm/PluginManager.js

@@ -45,6 +45,7 @@ var external_lodash_default = /*#__PURE__*/ __webpack_require__.n(external_lodas
 const external_react_i18next_namespaceObject = require("react-i18next");
 const index_js_namespaceObject = require("../../api-client/index.js");
 const external_i18n_index_js_namespaceObject = require("../../i18n/index.js");
+const external_schema_component_index_js_namespaceObject = require("../../schema-component/index.js");
 require("../../style/index.js");
 const external_acl_index_js_namespaceObject = require("../acl/index.js");
 const external_PluginCard_js_namespaceObject = require("./PluginCard.js");
@@ -333,9 +334,10 @@ const LocalPlugins = ()=>{
                     columns: columns,
                     dataSource: filteredList,
                     rowKey: "id",
-                    pagination: {
-                        pageSize: 100
-                    }
+                    pagination: (0, external_schema_component_index_js_namespaceObject.withAutoQuickJumper)({
+                        pageSize: 100,
+                        total: filteredList.length
+                    })
                 })
             ]
         })

package/lib/collection-manager/templates/components/sql-collection/PreviewTable.js

@@ -32,6 +32,7 @@ const schema_namespaceObject = require("@tachybase/schema");
 const external_antd_namespaceObject = require("antd");
 const external_react_i18next_namespaceObject = require("react-i18next");
 const index_js_namespaceObject = require("../../../../async-data-provider/index.js");
+const utils_js_namespaceObject = require("../../../../schema-component/antd/pagination/utils.js");
 const PreviewTable = (0, schema_namespaceObject.observer)(()=>{
     const { data: res, loading, error } = (0, index_js_namespaceObject.useAsyncData)();
     const { data } = res || {};
@@ -75,6 +76,9 @@ const PreviewTable = (0, schema_namespaceObject.observer)(()=>{
         bordered: true,
         dataSource: dataSource,
         columns: columns,
+        pagination: (0, utils_js_namespaceObject.withAutoQuickJumper)({
+            total: dataSource.length
+        }),
         scroll: {
             x: 150 * columns.length,
             y: 300

package/lib/filter-provider/utils.js

@@ -107,13 +107,44 @@ const useSupportedBlocks = (filterBlockType)=>{
         return fieldSchema['x-uid'] !== block.uid && (isSameCollection(block.collection, collection) || (null == (_getSupportFieldsByAssociation = getSupportFieldsByAssociation(getAllCollectionsInheritChain(collection.name, collection.dataSource), block)) ? void 0 : _getSupportFieldsByAssociation.length) || (null == (_getSupportFieldsByForeignKey = getSupportFieldsByForeignKey(collection, block)) ? void 0 : _getSupportFieldsByForeignKey.length));
     });
 };
-const transformToFilter = (values, fieldSchema, getCollectionJoinField, collectionName)=>{
+const findSchemaByName = (schema, name)=>{
+    if (!schema) return null;
+    if (schema.name === name) return schema;
+    const properties = schema.properties || {};
+    for (const key of Object.keys(properties)){
+        const found = findSchemaByName(properties[key], name);
+        if (found) return found;
+    }
+    return null;
+};
+const getFilterSchemaRoot = (schema)=>{
+    let current = schema;
+    while(current){
+        if (current['x-filter-operators'] || current['x-filter-targets']) return current;
+        current = current.parent;
+    }
+    return schema;
+};
+const resolveFilterOperator = function(schema, path) {
+    let operators = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {}, getOperatorList = arguments.length > 3 ? arguments[3] : void 0, collectionField = arguments.length > 4 ? arguments[4] : void 0;
+    if (operators[path]) return operators[path];
+    if (!getOperatorList) return;
+    const fieldSchema = findSchemaByName(getFilterSchemaRoot(schema), path);
+    const operatorList = getOperatorList(path, {
+        fieldSchema,
+        collectionField
+    }) || [];
+    if (!operatorList.length || !fieldSchema) return;
+    return (0, SchemaSettingOptions_js_namespaceObject.getDefaultFilterOperatorValue)(fieldSchema, operatorList);
+};
+const transformToFilter = (values, fieldSchema, getCollectionJoinField, collectionName, getOperatorList)=>{
     const { operators } = (0, SchemaSettingOptions_js_namespaceObject.findFilterOperators)(fieldSchema);
     values = (0, client_namespaceObject.flatten)(values, {
         breakOn (param) {
             let { value, path } = param;
-            if (FILTER_OPERATORS_WITH_ARRAY_VALUES.has(operators[path])) return true;
             const collectionField = getCollectionJoinField("".concat(collectionName, ".").concat(path));
+            const operator = resolveFilterOperator(fieldSchema, path, operators, getOperatorList, collectionField);
+            if (FILTER_OPERATORS_WITH_ARRAY_VALUES.has(operator)) return true;
             if (null == collectionField ? void 0 : collectionField.target) {
                 if (Array.isArray(value)) return true;
                 const targetKey = collectionField.targetKey || 'id';
@@ -127,12 +158,13 @@ const transformToFilter = (values, fieldSchema, getCollectionJoinField, collecti
             const defKey = key;
             let value = external_lodash_default().get(values, key);
             const collectionField = getCollectionJoinField("".concat(collectionName, ".").concat(key));
+            const operator = resolveFilterOperator(fieldSchema, defKey, operators, getOperatorList, collectionField);
             if (null == collectionField ? void 0 : collectionField.target) {
                 value = (0, client_namespaceObject.getValuesByPath)(value, collectionField.targetKey || 'id');
                 key = "".concat(key, ".").concat(collectionField.targetKey || 'id');
             }
             if (!value) return null;
-            if ('$isTruly' === operators[key] || '$isFalsy' === operators[key]) {
+            if ('$isTruly' === operator || '$isFalsy' === operator) {
                 if ('true' === value) return {
                     [key]: {
                         $isTruly: true
@@ -143,7 +175,7 @@ const transformToFilter = (values, fieldSchema, getCollectionJoinField, collecti
                         $isFalsy: true
                     }
                 };
-            } else if ('$dateBetween' === operators[key]) {
+            } else if ('$dateBetween' === operator) {
                 if (Array.isArray(value)) {
                     const normalized = [];
                     for(const index in value){
@@ -164,7 +196,7 @@ const transformToFilter = (values, fieldSchema, getCollectionJoinField, collecti
             }
             return {
                 [key]: {
-                    [operators[key] || operators[defKey] || '$eq']: value
+                    [operators[key] || operator || '$eq']: value
                 }
             };
         }).filter(Boolean)

package/lib/schema-component/antd/date-picker/ReadPretty.js

@@ -44,13 +44,14 @@ var external_classnames_default = /*#__PURE__*/ __webpack_require__.n(external_c
 const external_dayjs_namespaceObject = require("dayjs");
 var external_dayjs_default = /*#__PURE__*/ __webpack_require__.n(external_dayjs_namespaceObject);
 const index_js_namespaceObject = require("../__builtins__/index.js");
+const external_util_js_namespaceObject = require("./util.js");
 const ReadPretty = ()=>null;
 ReadPretty.DatePicker = function(props) {
     const prefixCls = (0, index_js_namespaceObject.usePrefixCls)("description-date-picker", props);
     if (!props.value) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {});
     const getLabels = ()=>{
         const format = (0, client_namespaceObject.getDefaultFormat)(props);
-        const m = (0, client_namespaceObject.str2moment)(props.value, props);
+        const m = (0, client_namespaceObject.str2moment)(props.value, (0, external_util_js_namespaceObject.normalizeDatePickerParseOptions)(props));
         const labels = external_dayjs_default().isDayjs(m) ? m.format(format) : '';
         return (0, schema_namespaceObject.isArr)(labels) ? labels.join('~') : labels;
     };
@@ -63,7 +64,7 @@ ReadPretty.DateRangePicker = function(props) {
     const prefixCls = (0, index_js_namespaceObject.usePrefixCls)("description-text", props);
     const format = (0, client_namespaceObject.getDefaultFormat)(props);
     const getLabels = ()=>{
-        const m = (0, client_namespaceObject.str2moment)(props.value, props);
+        const m = (0, client_namespaceObject.str2moment)(props.value, (0, external_util_js_namespaceObject.normalizeDatePickerParseOptions)(props));
         if (!m) return '';
         const labels = m.map((m)=>m.format(format));
         return (0, schema_namespaceObject.isArr)(labels) ? labels.join('~') : labels;

package/lib/schema-component/antd/date-picker/util.js

@@ -36,6 +36,7 @@ __webpack_require__.d(__webpack_exports__, {
     mapRangePicker: ()=>mapRangePicker,
     moment2str: ()=>moment2str,
     mapDatePicker: ()=>mapDatePicker,
+    normalizeDatePickerParseOptions: ()=>normalizeDatePickerParseOptions,
     getDateExact: ()=>getDateExact,
     getDateRanges: ()=>getDateRanges
 });
@@ -62,6 +63,14 @@ const toLocalByPicker = (value, picker)=>{
     if (!value || !external_dayjs_default().isDayjs(value)) return value;
     return toStringByPicker(value, picker, 'local');
 };
+const normalizeDatePickerParseOptions = function() {
+    let options = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+    if (false === options.utc || options.showTime || 'boolean' == typeof options.gmt || options.picker) return options;
+    return {
+        ...options,
+        gmt: true
+    };
+};
 const moment2str = function(value) {
     let options = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
     const { showTime, gmt, picker, utc = true } = options;
@@ -81,7 +90,7 @@ const mapDatePicker = function() {
         return {
             ...props,
             format: format,
-            value: (0, client_namespaceObject.str2moment)(props.value, props),
+            value: (0, client_namespaceObject.str2moment)(props.value, normalizeDatePickerParseOptions(props)),
             onChange: (value)=>{
                 if (onChange) {
                     if (!props.showTime && value) value = value.startOf('day');
@@ -98,7 +107,7 @@ const mapRangePicker = function() {
         return {
             ...props,
             format: format,
-            value: (0, client_namespaceObject.str2moment)(props.value, props),
+            value: (0, client_namespaceObject.str2moment)(props.value, normalizeDatePickerParseOptions(props)),
             onChange: (value)=>{
                 if (onChange) onChange(value ? [
                     moment2str(getRangeStart(value[0], props), props),
@@ -237,12 +246,14 @@ exports.getDateRanges = __webpack_exports__.getDateRanges;
 exports.mapDatePicker = __webpack_exports__.mapDatePicker;
 exports.mapRangePicker = __webpack_exports__.mapRangePicker;
 exports.moment2str = __webpack_exports__.moment2str;
+exports.normalizeDatePickerParseOptions = __webpack_exports__.normalizeDatePickerParseOptions;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "getDateExact",
     "getDateRanges",
     "mapDatePicker",
     "mapRangePicker",
-    "moment2str"
+    "moment2str",
+    "normalizeDatePickerParseOptions"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/lib/schema-component/antd/form-item/SchemaSettingOptions.js

@@ -38,6 +38,7 @@ __webpack_require__.d(__webpack_exports__, {
     EditRequired: ()=>EditRequired,
     EditValidationRules: ()=>EditValidationRules,
     findFilterOperators: ()=>findFilterOperators,
+    getDefaultFilterOperatorValue: ()=>getDefaultFilterOperatorValue,
     useEnsureOperatorsValid: ()=>useEnsureOperatorsValid,
     EditTooltip: ()=>EditTooltip,
     EditTitleField: ()=>EditTitleField,
@@ -70,6 +71,23 @@ const findFilterOperators = (schema)=>{
     }
     return {};
 };
+const getSchemaFilterComponent = (schema)=>{
+    var _schema_xcomponentprops;
+    return (null == schema ? void 0 : null == (_schema_xcomponentprops = schema['x-component-props']) ? void 0 : _schema_xcomponentprops.component) || (null == schema ? void 0 : schema['x-component']);
+};
+const getDefaultFilterOperatorValue = function(schema) {
+    let operatorList = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : [];
+    var _operatorList_find, _operatorList_;
+    const component = getSchemaFilterComponent(schema);
+    if (component) {
+        const matched = operatorList.find((item)=>{
+            var _item_schema;
+            return (null == item ? void 0 : null == (_item_schema = item.schema) ? void 0 : _item_schema['x-component']) === component;
+        });
+        if (null == matched ? void 0 : matched.value) return matched.value;
+    }
+    return (null == (_operatorList_find = operatorList.find((item)=>null == item ? void 0 : item.selected)) ? void 0 : _operatorList_find.value) || (null == (_operatorList_ = operatorList[0]) ? void 0 : _operatorList_.value);
+};
 const EditTitle = ()=>{
     var _collectionField_uiSchema;
     const { getCollectionJoinField } = (0, external_collection_manager_index_js_namespaceObject.useCollectionManager_deprecated)();
@@ -477,7 +495,7 @@ const useEnsureOperatorsValid = ()=>{
     const fieldSchema = (0, schema_namespaceObject.useFieldSchema)();
     const operatorList = (0, useOperators_js_namespaceObject.useOperatorList)();
     const { operators: storedOperators } = findFilterOperators(fieldSchema);
-    if (storedOperators && operatorList.length && !storedOperators[fieldSchema.name]) storedOperators[fieldSchema.name] = operatorList[0].value;
+    if (storedOperators && operatorList.length && !storedOperators[fieldSchema.name]) storedOperators[fieldSchema.name] = getDefaultFilterOperatorValue(fieldSchema, operatorList);
 };
 const EditOperator = ()=>{
     const compile = (0, external_hooks_index_js_namespaceObject.useCompile)();
@@ -487,7 +505,7 @@ const EditOperator = ()=>{
     const { dn } = (0, external_hooks_index_js_namespaceObject.useDesignable)();
     const operatorList = (0, useOperators_js_namespaceObject.useOperatorList)();
     const { operators: storedOperators = {}, uid } = findFilterOperators(fieldSchema);
-    if (operatorList.length && !storedOperators[fieldSchema.name]) storedOperators[fieldSchema.name] = operatorList[0].value;
+    if (operatorList.length && !storedOperators[fieldSchema.name]) storedOperators[fieldSchema.name] = getDefaultFilterOperatorValue(fieldSchema, operatorList);
     return operatorList.length ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_schema_settings_index_js_namespaceObject.SchemaSettingsSelectItem, {
         title: t('Operator'),
         value: storedOperators[fieldSchema.name],
@@ -619,6 +637,7 @@ exports.EditTitleField = __webpack_exports__.EditTitleField;
 exports.EditTooltip = __webpack_exports__.EditTooltip;
 exports.EditValidationRules = __webpack_exports__.EditValidationRules;
 exports.findFilterOperators = __webpack_exports__.findFilterOperators;
+exports.getDefaultFilterOperatorValue = __webpack_exports__.getDefaultFilterOperatorValue;
 exports.useEnsureOperatorsValid = __webpack_exports__.useEnsureOperatorsValid;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "EditComponent",
@@ -632,6 +651,7 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "EditTooltip",
     "EditValidationRules",
     "findFilterOperators",
+    "getDefaultFilterOperatorValue",
     "useEnsureOperatorsValid"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {

package/lib/schema-component/antd/grid-card/GridCard.js

@@ -47,6 +47,7 @@ const index_js_namespaceObject = require("../../common/index.js");
 const infinite_scroll_js_namespaceObject = require("../../common/infinite-scroll/infinite-scroll.js");
 const external_core_index_js_namespaceObject = require("../../core/index.js");
 const external_hooks_index_js_namespaceObject = require("../../hooks/index.js");
+const utils_js_namespaceObject = require("../pagination/utils.js");
 const external_GridCard_Decorator_js_namespaceObject = require("./GridCard.Decorator.js");
 const external_GridCard_Designer_js_namespaceObject = require("./GridCard.Designer.js");
 const external_GridCard_Item_js_namespaceObject = require("./GridCard.Item.js");
@@ -144,14 +145,14 @@ const InternalGridCard = (props)=>{
             className: external_classnames_default()('tb-card-list', styles.designer),
             children: [
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.List, {
-                    pagination: !meta || meta.count <= meta.pageSize || needInfiniteScroll ? false : {
+                    pagination: !meta || meta.count <= meta.pageSize || needInfiniteScroll ? false : (0, utils_js_namespaceObject.withAutoQuickJumper)({
                         ...pagination,
                         onChange: onPaginationChange,
                         total: (null == meta ? void 0 : meta.count) || 0,
                         pageSize: (null == meta ? void 0 : meta.pageSize) || 10,
                         current: (null == meta ? void 0 : meta.page) || 1,
                         pageSizeOptions: external_options_js_namespaceObject.pageSizeOptions
-                    },
+                    }),
                     dataSource: field.value,
                     grid: {
                         ...columnCount,

package/lib/schema-component/antd/list/List.js

@@ -45,6 +45,7 @@ const withDynamicSchemaProps_js_namespaceObject = require("../../../application/
 const index_js_namespaceObject = require("../../common/index.js");
 const external_core_index_js_namespaceObject = require("../../core/index.js");
 const external_hooks_index_js_namespaceObject = require("../../hooks/index.js");
+const utils_js_namespaceObject = require("../pagination/utils.js");
 const external_hooks_js_namespaceObject = require("./hooks.js");
 const external_List_Decorator_js_namespaceObject = require("./List.Decorator.js");
 const external_List_Designer_js_namespaceObject = require("./List.Designer.js");
@@ -93,12 +94,12 @@ const InternalList = (props)=>{
             children: [
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.List, {
                     ...props,
-                    pagination: !meta || meta.count <= meta.pageSize ? false : {
+                    pagination: !meta || meta.count <= meta.pageSize ? false : (0, utils_js_namespaceObject.withAutoQuickJumper)({
                         onChange: onPaginationChange,
                         total: (null == meta ? void 0 : meta.count) || 0,
                         pageSize: (null == meta ? void 0 : meta.pageSize) || 10,
                         current: (null == meta ? void 0 : meta.page) || 1
-                    },
+                    }),
                     loading: null == service ? void 0 : service.loading,
                     children: (null == (_field_value = field.value) ? void 0 : _field_value.length) ? field.value.map((item, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(schema_namespaceObject.RecursionField, {
                             basePath: field.address,

package/lib/schema-component/antd/pagination/index.js

@@ -1,5 +1,46 @@
 "use strict";
-var __webpack_require__ = {};
+var __webpack_modules__ = {
+    "../../../application/hoc/withDynamicSchemaProps": function(module) {
+        module.exports = require("../../../application/hoc/withDynamicSchemaProps.js");
+    },
+    "../../hooks/useProps": function(module) {
+        module.exports = require("../../hooks/useProps.js");
+    },
+    "./utils?198b": function(module) {
+        module.exports = require("./utils.js");
+    },
+    "@tachybase/schema": function(module) {
+        module.exports = require("@tachybase/schema");
+    },
+    antd: function(module) {
+        module.exports = require("antd");
+    },
+    react: function(module) {
+        module.exports = require("react");
+    },
+    "react/jsx-runtime": function(module) {
+        module.exports = require("react/jsx-runtime");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -22,31 +63,42 @@ var __webpack_require__ = {};
     };
 })();
 var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    Pagination: ()=>Pagination
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
-const schema_namespaceObject = require("@tachybase/schema");
-const external_antd_namespaceObject = require("antd");
-const withDynamicSchemaProps_js_namespaceObject = require("../../../application/hoc/withDynamicSchemaProps.js");
-const useProps_js_namespaceObject = require("../../hooks/useProps.js");
-const Pagination = (0, withDynamicSchemaProps_js_namespaceObject.withDynamicSchemaProps)((0, schema_namespaceObject.observer)((props)=>{
-    const { hidden, ...others } = (0, useProps_js_namespaceObject.useProps)(props);
-    if (hidden) return null;
-    const onKeypress = (e)=>{
-        if ('Enter' === e.key) e.preventDefault();
-    };
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        onKeyPress: onKeypress,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Pagination, {
-            ...others
-        })
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+        Pagination: ()=>Pagination
     });
-}, {
-    displayName: 'Pagination'
-}));
+    var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("react/jsx-runtime");
+    __webpack_require__("react");
+    var _tachybase_schema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("@tachybase/schema");
+    var antd__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("antd");
+    var _application_hoc_withDynamicSchemaProps__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../../../application/hoc/withDynamicSchemaProps");
+    var _hooks_useProps__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../hooks/useProps");
+    var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./utils?198b");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _utils__WEBPACK_IMPORTED_MODULE_6__)if ([
+        "Pagination",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _utils__WEBPACK_IMPORTED_MODULE_6__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    const Pagination = (0, _application_hoc_withDynamicSchemaProps__WEBPACK_IMPORTED_MODULE_4__.withDynamicSchemaProps)((0, _tachybase_schema__WEBPACK_IMPORTED_MODULE_2__.observer)((props)=>{
+        const { hidden, ...others } = (0, _hooks_useProps__WEBPACK_IMPORTED_MODULE_5__.useProps)(props);
+        if (hidden) return null;
+        const onKeypress = (e)=>{
+            if ('Enter' === e.key) e.preventDefault();
+        };
+        return /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+            onKeyPress: onKeypress,
+            children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_3__.Pagination, {
+                ...(0, _utils__WEBPACK_IMPORTED_MODULE_6__.withAutoQuickJumper)(others)
+            })
+        });
+    }, {
+        displayName: 'Pagination'
+    }));
+})();
 exports.Pagination = __webpack_exports__.Pagination;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "Pagination"

package/lib/schema-component/antd/pagination/utils.js

@@ -0,0 +1,62 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    getPaginationPageCount: ()=>getPaginationPageCount,
+    shouldAutoEnableQuickJumper: ()=>shouldAutoEnableQuickJumper,
+    withAutoQuickJumper: ()=>withAutoQuickJumper
+});
+const DEFAULT_PAGE_SIZE = 10;
+const getPageBufferSize = (showLessItems)=>showLessItems ? 1 : 2;
+const getQuickJumperAutoThreshold = (showLessItems)=>2 * getPageBufferSize(showLessItems) + 3;
+const getPaginationPageCount = (pagination)=>{
+    if (!pagination) return 0;
+    const total = Number(pagination.total);
+    const pageSize = Number(pagination.pageSize || pagination.defaultPageSize || DEFAULT_PAGE_SIZE);
+    if (!Number.isFinite(total) || total <= 0 || !Number.isFinite(pageSize) || pageSize <= 0) return 0;
+    return Math.ceil(total / pageSize);
+};
+const shouldAutoEnableQuickJumper = (pagination)=>{
+    if (!pagination || void 0 !== pagination.showQuickJumper || pagination.simple) return false;
+    return getPaginationPageCount(pagination) > getQuickJumperAutoThreshold(pagination.showLessItems);
+};
+const withAutoQuickJumper = (pagination)=>{
+    if (!pagination || false === pagination || !shouldAutoEnableQuickJumper(pagination)) return pagination;
+    return {
+        ...pagination,
+        showQuickJumper: true
+    };
+};
+exports.getPaginationPageCount = __webpack_exports__.getPaginationPageCount;
+exports.shouldAutoEnableQuickJumper = __webpack_exports__.shouldAutoEnableQuickJumper;
+exports.withAutoQuickJumper = __webpack_exports__.withAutoQuickJumper;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "getPaginationPageCount",
+    "shouldAutoEnableQuickJumper",
+    "withAutoQuickJumper"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/schema-component/antd/table/Table.Void.js

@@ -32,6 +32,7 @@ const schema_namespaceObject = require("@tachybase/schema");
 const external_lodash_namespaceObject = require("lodash");
 const external_index_js_namespaceObject = require("../../../index.js");
 const index_js_namespaceObject = require("../../hooks/index.js");
+const utils_js_namespaceObject = require("../pagination/utils.js");
 const external_Table_Array_js_namespaceObject = require("./Table.Array.js");
 const usePaginationProps = (props, service)=>{
     var _props_request_params, _props_request, _service_data;
@@ -47,7 +48,7 @@ const usePaginationProps = (props, service)=>{
         pagination.current = page;
         pagination.pageSize = pageSize;
     }
-    return {
+    return (0, utils_js_namespaceObject.withAutoQuickJumper)({
         showSizeChanger: true,
         ...pagination,
         onChange (page, pageSize) {
@@ -58,7 +59,7 @@ const usePaginationProps = (props, service)=>{
                 pageSize
             });
         }
-    };
+    });
 };
 const useRequestProps = (props)=>{
     const { request, pagination, dataSource } = props;

package/lib/schema-component/antd/table-v2/Table.js

@@ -56,6 +56,7 @@ const withDynamicSchemaProps_js_namespaceObject = require("../../../application/
 const isNewRecord_js_namespaceObject = require("../../../data-source/collection-record/isNewRecord.js");
 const DeclareVariable_js_namespaceObject = require("../../../modules/variable/DeclareVariable.js");
 const hooks_js_namespaceObject = require("../association-field/hooks.js");
+const utils_js_namespaceObject = require("../pagination/utils.js");
 const ColumnFieldProvider_js_namespaceObject = require("./components/ColumnFieldProvider.js");
 const external_Table_styles_js_namespaceObject = require("./Table.styles.js");
 const external_utils_js_namespaceObject = require("./utils.js");
@@ -269,7 +270,7 @@ const usePaginationProps = (pagination1, pagination2)=>{
         ...pagination1,
         ...pagination2
     };
-    return result.total ? result : false;
+    return result.total ? (0, utils_js_namespaceObject.withAutoQuickJumper)(result) : false;
 };
 const Table = (0, withDynamicSchemaProps_js_namespaceObject.withDynamicSchemaProps)((0, schema_namespaceObject.observer)((props)=>{
     var _schema_parent, _field_data, _field_value_slice_filter, _field_value_slice, _field_value_slice1, _field_value, _fieldSchema_parent_xdecoratorprops, _fieldSchema_parent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tachybase/client",
-  "version": "1.6.14",
+  "version": "1.6.16",
   "homepage": "https://github.com/tegojs/tego-standard#readme",
   "bugs": {
     "url": "https://github.com/tegojs/tego-standard/issues"