@pisell/materials 1.0.772 → 1.0.773

package/es/locales/zh-TW.d.ts

@@ -0,0 +1,271 @@
+declare const _default: {
+    "table-filter-search": string;
+    "table-filter-clear": string;
+    "table-filter-filter": string;
+    "table-filter-min": string;
+    "table-filter-max": string;
+    "table-pagination-previous": string;
+    "table-pagination-next": string;
+    "table-pagination-total": (current: string, total: string) => string;
+    "select-dropdown-render-select-all": string;
+    "select-dropdown-render-search": string;
+    "sort-button-text": string;
+    "sort-oldest-to-newest": string;
+    "sort-newest-to-oldest": string;
+    "sort-a-z": string;
+    "sort-z-a": string;
+    "sort-from-morning-to-night": string;
+    "sort-from-evening-to-morning": string;
+    "sort-0-9": string;
+    "sort-9-0": string;
+    "table-action-filter-button": string;
+    "table-action-filter-quick-filter": string;
+    "table-action-filter-quick-filter-tip": (count: number) => string;
+    "table-action-filter-other-filter": string;
+    "table-action-filter-other-filter-tip": () => string;
+    "table-action-group-by-title": string;
+    "table-action-group-by-title-tip": string;
+    "table-action-column-title": string;
+    "table-column-group-records": string;
+    "table-column-group-lock-tip": string;
+    "table-column-drag-sort-disabled-tip": string;
+    "table-action-filter-no-filter": string;
+    "table-action-range-picker-presets-today": string;
+    "table-action-range-picker-presets-yesterday": string;
+    "table-action-range-picker-presets-last-3-day": string;
+    "table-action-range-picker-presets-last-7-day": string;
+    "table-action-range-picker-presets-last-14-day": string;
+    "table-action-range-picker-presets-last-30-day": string;
+    "table-action-range-picker-presets-last-90-day": string;
+    "virtual-keyboard-time-now": string;
+    "virtual-keyboard-time-ok": string;
+    'batch-editor-batch-edit': string;
+    'batch-editor-actions': string;
+    'batch-editor-remove': string;
+    'batch-editor-price': string;
+    'batch-editor-cancel': string;
+    'batch-editor-search': string;
+    'batch-editor-confirm': string;
+    'batch-editor-batch-remove': string;
+    'batch-editor-what-price': string;
+    'batch-editor-quick-edit': string;
+    'batch-editor-quick-edit-title': (product: string, num: string) => string;
+    'batch-editor-quick-edit-title-2': (product: string) => string;
+    'table-action-export-import-export-success': string;
+    'table-action-export-import-button': string;
+    'table-action-export-import-export-range': string;
+    'table-action-export-import-current-page': string;
+    'table-action-export-import-all-records': string;
+    'table-action-export-import-selected-records': string;
+    'table-action-export-import-selected': string;
+    'table-action-export-import-item': (length: number) => string;
+    'table-action-export-import-product': string;
+    'table-action-export-import-table-text-input-title': string;
+    'table-action-export-import-table-text-input-describe': string;
+    'table-action-export-import-table-error-file': string;
+    'table-action-export-import-import-success': string;
+    'table-action-export-import-import-phone': string;
+    'table-action-export-import-table-success-download': string;
+    'table-action-export-import-table-textimport-product': string;
+    'table-action-export-import-table-text-product-template': string;
+    'table-action-export-import-table-text-click-download': string;
+    'table-action-export-import-table-text-edit-file': string;
+    'table-action-export-import-button-import': string;
+    'table-action-export-import-cancel': string;
+    'table-action-export-import-file-completed': string;
+    'table-action-export-import-file-processing': string;
+    'table-action-export-import-file-pending': string;
+    'table-action-export-import-file-refresh': string;
+    'table-action-export-import-export-title': string;
+    'table-action-export-import-file-hint': string;
+    'table-action-export-import-file-name': string;
+    'table-action-export-import-file-content': string;
+    'table-action-export-import-file-content-all': string;
+    'table-action-export-import-file-content-part': string;
+    'table-action-export-import-file-status': string;
+    'table-action-export-import-file-account': string;
+    'table-action-export-import-file-created': string;
+    'table-action-export-import-file-record': (length: number) => string;
+    'table-action-export-import-import-title': string;
+    'table-action-export-import-log-hint': string;
+    'table-action-export-import-log-name': string;
+    'table-action-export-import-log-result': string;
+    'table-action-export-import-log-ok': (num: number) => string;
+    'table-action-export-import-log-err': (num: number) => string;
+    'table-action-export-import-log-check': string;
+    'table-action-export-import-log-detail-title': string;
+    'table-action-export-import-log-err-log': string;
+    'table-action-export-import-log-copy': string;
+    'table-action-export-import-table-success-copy': string;
+    'drag-sort-tree-unavailable-today-tip': string;
+    'date-picker-today': string;
+    'date-picker-yesterday': string;
+    'date-picker-tomorrow': string;
+    'date-picker-next_monday': string;
+    'date-picker-last_friday': string;
+    'date-picker-first_day_of_this_month': string;
+    'date-picker-last_day_of_this_month': string;
+    'date-picker-first_day_of_next_month': string;
+    'date-picker-last_day_of_last_month': string;
+    'date-picker-invalid-date': string;
+    "date-picker-apply": string;
+    'date-picker-shortcut-custom': string;
+    'pisell-input-copy-success': string;
+    'pisell-input-copy': string;
+    'pisell-empty-description-no-data': string;
+    'pisell-information-entry-input-search': string;
+    'pisell-information-entry-input-confirm': string;
+    'pisell-information-entry-scan-exit': string;
+    'pisell-wallet-pass-card-detail': string;
+    'pisell-wallet-pass-card-edit': string;
+    'pisell-wallet-pass-card-name': string;
+    'pisell-wallet-pass-card-store-name': string;
+    'pisell-wallet-pass-card-balance': string;
+    'pisell-wallet-pass-card-redeem': string;
+    'pisell-wallet-pass-card-code': string;
+    'pisell-wallet-pass-card-valid-to': string;
+    'pisell-wallet-pass-card-confirm': string;
+    'pisell-wallet-pass-card-cancel': string;
+    'pisell-wallet-pass-card-required': string;
+    'pisell-wallet-pass-card-expireDate': string;
+    'pisell-adjust-price-price-override': string;
+    'pisell-adjust-price-discount': string;
+    'pisell-adjust-price-discount-amount': string;
+    'pisell-adjust-price-discount-percentage': string;
+    'pisell-adjust-price-total-after-discount': string;
+    'pisell-adjust-price-discount-can-be-maximum': string;
+    'pisell-discount-card-title': string;
+    'pisell-discount-card-unit': string;
+    'pisell-data-source-table-add': string;
+    'pisell-data-source-table-edit': string;
+    'pisell-data-source-table-detail': string;
+    'pisell-data-source-table-delete': string;
+    'pisell-record-view-available': string;
+    'pisell-record-view-unavailable': string;
+    'pisell-data-source-form-required-message': string;
+    'pisell-data-source-form-email-message': string;
+    'pisell-data-source-form-domain-message': string;
+    'pisell-data-source-form-url-message': string;
+    'pisell-data-source-form-phone-message': string;
+    'pisell-data-source-form-min-length-message': (minLength: number) => string;
+    'pisell-data-source-form-max-length-message': (maxLength: number) => string;
+    'pisell-data-source-form-min-value-message': (minValue: number) => string;
+    'pisell-data-source-form-max-value-message': (maxValue: number) => string;
+    'pisell-data-source-form-mobile-message': string;
+    'pisell-number-format-thousand': string;
+    'pisell-number-format-million': string;
+    'pisell-number-format-billion': string;
+    'walletCard-done': string;
+    'walletCard-qrcode': string;
+    'walletCard-barcode': string;
+    'pisell-upload-button': string;
+    'pisell-upload-setting-size-error': (maxSize: number) => string;
+    'pisell-upload-setting-type-error': (type: string) => string;
+    'pisell-upload-count-error': (count: number) => string;
+    'pisell-upload-error': (name: string) => string;
+    'pisell-upload-multilingual-title': string;
+    'pisell-upload-multilingual-item-title-original': string;
+    'pisell-upload-multilingual-item-title-en': string;
+    'pisell-upload-multilingual-item-title-zh-CN': string;
+    'pisell-upload-multilingual-item-title-zh-HK': string;
+    'pisell-color-picker-default': string;
+    'pisell-action-get-data': string;
+    'pisell-action-delete-success': string;
+    'pisell-action-delete-failed': string;
+    'walletCard-piont': string;
+    'walletCard-rechargeable': string;
+    'walletCard-voucher': string;
+    'walletCard-discount': string;
+    'pisellQrcode-done': string;
+    'pisellQrcode-qrcode': string;
+    'pisell-delete-confirm-title': string;
+    'pisell-delete-confirm-content': string;
+    'pisell-delete-confirm-ok': string;
+    'pisell-delete-confirm-cancel': string;
+    'pisell-design-mode-action-disabled': string;
+    'pisell-translation-original': string;
+    'pisell-version-modal-title': string;
+    'pisell-version-modal-current-version': string;
+    'pisell-version-modal-version': string;
+    'pisell-version-modal-update-notes': string;
+    'pisell-version-modal-patch': string;
+    'pisell-version-modal-minor': string;
+    'pisell-version-modal-major': string;
+    'pisell-version-modal-custom': string;
+    'pisell-version-modal-cancel': string;
+    'pisell-version-modal-confirm': string;
+    'pisell-version-modal-describe-update-notes': string;
+    'pisell-version-modal-version-error': string;
+    'pisell-version-modal-version-required': string;
+    'pisell-version-modal-based-on-version': string;
+    'subdomain-error-too-short': string;
+    'subdomain-error-too-long': string;
+    'subdomain-error-pattern': string;
+    'subdomain-error-numbers-only': string;
+    'subdomain-error-hyphen-ends': string;
+    'subdomain-error-consecutive-hyphens': string;
+    'pisell-icon-select-placeholder': string;
+    'pisell-icon-select-outlined': string;
+    'pisell-icon-select-filled': string;
+    'pisell-icon-select-two-tone': string;
+    'pisell-icon-select-iconfont': string;
+    'pisell-icon-select-search': string;
+    'pisell-icon-select-select': string;
+    'pisell-lowcode-app-version-control-live': string;
+    'pisell-lowcode-app-version-control-draft': string;
+    'pisell-lowcode-app-version-control-deprecated': string;
+    'pisell-lowcode-app-version-control-new-version': string;
+    'pisell-lowcode-app-version-control-promote-to-live': string;
+    'pisell-lowcode-app-version-control-promote-version': (version: string) => string;
+    'pisell-lowcode-app-version-control-promote-version-describe': string;
+    'pisell-lowcode-app-version-control-promote-version-ok': string;
+    'pisell-lowcode-app-version-control-promote-version-cancel': string;
+    'pisell-lowcode-app-version-control-version-exists': string;
+    'pisell-lowcode-app-version-control-version-create-title': string;
+    'pisell-lowcode-drop-sort-add': string;
+    'pisell-lowcode-navigation-menu-add-sub-menu': string;
+    'pisell-lowcode-navigation-menu-add-page': string;
+    'pisell-lowcode-navigation-menu-add-page-tip': string;
+    'pisell-lowcode-navigation-menu-tag-base': string;
+    'pisell-lowcode-navigation-menu-tag-pisell1': string;
+    'pisell-data-source-form-app-identifier-pattern': string;
+    'pisell-data-source-form-app-identifier-start-with-letter': string;
+    'pisell-data-source-form-app-identifier-special-ends': string;
+    'pisell-data-source-form-app-identifier-consecutive-special': string;
+    "qrscanner-loading": string;
+    "qrscanner-success": string;
+    "qrscanner-success-qrcode": string;
+    "qrscanner-success-barcode": string;
+    "qrscanner-error-upload-image": string;
+    "qrscanner-error-load-failed": string;
+    "qrscanner-error-no-code": string;
+    "qrscanner-error-camera-init": string;
+    "qrscanner-error-process-image": string;
+    'pisell-login-and-register-title': string;
+    'pisell-login-and-register-subtitle': string;
+    'pisell-login-and-register-email-label': string;
+    'pisell-login-and-register-email-placeholder': string;
+    'pisell-login-and-register-password-label': string;
+    'pisell-login-and-register-password-placeholder': string;
+    'pisell-login-and-register-email-error': string;
+    'pisell-login-and-register-email-error-valid': string;
+    'pisell-login-and-register-password-error': string;
+    'pisell-login-and-register-login': string;
+    'pisell-login-and-register-google': string;
+    'pisell-login-and-register-facebook': string;
+    'pisell-login-and-register-apple': string;
+    'pisell-login-and-register-sign-up': string;
+    'pisell-login-and-register-login-tab': string;
+    'pisell-login-and-register-register-tab': string;
+    'pisell-login-and-register-register-email-placeholder': string;
+    'pisell-login-and-register-register-password-placeholder': string;
+    'pisell-login-and-register-register-button-text': string;
+    'pisell-login-and-register-remember-me': string;
+    'pisell-login-and-register-forgot-password': string;
+    'pisell-login-and-register-register-password-error': string;
+    'pisell-login-and-register-register-password-error-valid': string;
+    'pisell2.text.goodpass.product-vouchers': string;
+    'pisell2.text.goodpass.view-more': string;
+    'pisell2.text.goodpass.save': string;
+};
+export default _default;

package/es/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: () => any;

package/lib/components/Pagination/index.d.ts

@@ -5,7 +5,7 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
     responsive: boolean;
     size: string;
 };

package/lib/components/appVersionControl/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AppVersionControlProps } from './types';
+import './index.less';
+declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;
+export default AppVersionControl;

package/lib/components/auto-complete-number/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AutoCompleteProps, InputNumberProps } from "antd";
 interface AutoCompleteNumberProps {
     autoCompleteProps: AutoCompleteProps;

package/lib/components/badge/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BadgeProps as OriginalBadgeprops } from 'antd';
 import './index.less';
 export interface Badgeprops extends OriginalBadgeprops {

package/lib/components/batch-editor/fields/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     price: import("react").FC<import("./Price").PriceProps>;
     image: (props: import("./Image").ImageProps) => JSX.Element | null;

package/lib/components/batch-editor/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 interface BatchEditorProps {
     columns: any[];

package/lib/components/calendar/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Calendar: (props: any) => JSX.Element;
 export default Calendar;

package/lib/components/cardPro/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const _default: (props: any) => JSX.Element;
 export default _default;

package/lib/components/checkbox/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Checkbox: (props: any) => JSX.Element;
 export default Checkbox;

package/lib/components/classicLayout/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const ClassicLayout: (props: any) => JSX.Element;
 export default ClassicLayout;

package/lib/components/config-provider/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
 import "dayjs/locale/zh-cn";
 export interface ConfigProviderProps extends OriginalConfigProviderProps {

package/lib/components/dataSourceComponents/dataSourceForm/formItem.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const FormItem: (props: any) => JSX.Element;
 export default FormItem;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceImage/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const DataSourceImage: (props: import("../utils").ParsedProps) => JSX.Element;
 export default DataSourceImage;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const DataSourceQRCode: (props: any) => JSX.Element;
 export default DataSourceQRCode;

package/lib/components/dataSourceComponents/dataSourceTable/filter/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface BaseFilterItem {
     name?: string;

package/lib/components/dataSourceComponents/dataSourceTable/filter/utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterItemProps } from '../../../filter/types';
 import { DataSourceType, Field } from '../../provider/dataSource/DataSourceContext';
 export declare const genGetField: (dataSource?: DataSourceType) => (key: string) => Field;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const useDataSourceKey: () => {
     dataSourceKey: string | undefined;
     dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -0,0 +1,39 @@
+import { Drawer } from 'antd';
+import React from 'react';
+import { OperationItem } from '../type';
+declare const useDrawerState: (operationContent?: {
+    [key: string]: React.ReactNode;
+} | undefined) => {
+    drawerVisible: boolean;
+    setDrawerVisible: React.Dispatch<React.SetStateAction<boolean>>;
+    openDrawer: (item: OperationItem) => void;
+    closeDrawer: () => void;
+    drawerContent: React.ReactNode;
+    Container: {
+        (props: import("../../../pisellModal").PisellModalProps): JSX.Element;
+        confirm: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        info: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        error: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        warn: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => any;
+        warning: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        success: (props: import("../../../pisellModal/components/functions").PisellModalFuncProps) => {
+            destroy: () => void;
+            update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        };
+        Information: (props: import("../../../pisellModal/components/Information").InformationProps) => JSX.Element;
+    } | typeof Drawer;
+    containerProps: {};
+};
+export default useDrawerState;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -0,0 +1,98 @@
+import React from 'react';
+import { DataSourceTableProps } from '../type';
+import { OperationItem } from '../type';
+interface UseTablePropsProps {
+    data: any;
+    originProps: DataSourceTableProps;
+    openDrawer: (type: OperationItem) => void;
+    closeDrawer: () => void;
+    refreshData: () => void;
+    handleFilterChange: (changedFields: any, allFields: any) => void;
+    tableRef: any;
+}
+/**
+ * 处理table的props
+ * 转换title
+ * @param props
+ * @returns
+ */
+declare const useTableProps: (props: UseTablePropsProps) => {
+    title: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    pagination: {
+        total: number;
+        current: number;
+        pageSize: number;
+        size: string;
+        showSizeChanger: boolean;
+    };
+    columns: import("./useColumns").Column[];
+    subTitle: number | boolean | JSX.Element | React.ReactFragment | (() => React.ReactNode) | null | undefined;
+    buttons: any[] | null;
+    filter: JSX.Element | null;
+    onRow: (record: any) => any;
+    actionButtons: any[] | null;
+    titleButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    } | undefined;
+    tableButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    } | undefined;
+    operation?: {
+        show: boolean;
+        title: string; /**
+         * 处理table的props
+         * 转换title
+         * @param props
+         * @returns
+         */
+        width: number;
+        align: "center" | "left" | "right";
+        fixed: false | "left" | "right";
+        type: "button" | "link";
+        items: OperationItem[];
+    } | undefined;
+    operationContent?: {
+        [key: string]: React.ReactNode;
+    } | undefined;
+    dataSource: import("../../provider/dataSource/DataSourceContext").DataSourceType;
+    search?: {
+        show: boolean;
+        placeholder: string;
+    } | undefined;
+    __designMode: string;
+    componentId: string;
+    clickToDetail?: {
+        show: boolean;
+        useCustomAction: boolean;
+        actionType: string;
+        openMode: "modal" | "drawer";
+        openContentSize: "small" | "middle" | "large";
+        openTitle: string;
+        key: string;
+    } | undefined;
+    filterBy?: Record<string, any> | undefined;
+    sortBy: string;
+    tabs?: {
+        show: boolean;
+        type: string;
+        items: {
+            name: string;
+            filterBy: Record<string, any>;
+            sortBy: string;
+        }[];
+    } | undefined;
+    onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
+    onDeleteFinish?: ((record: Record<string, any>) => void) | undefined;
+    extraParams?: {
+        list?: Record<string, any> | undefined;
+        get?: Record<string, any> | undefined;
+        update?: Record<string, any> | undefined;
+        create?: Record<string, any> | undefined;
+        destroy?: Record<string, any> | undefined;
+    } | undefined;
+};
+export default useTableProps;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {

package/lib/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -0,0 +1,79 @@
+/// <reference types="react" />
+import { ColumnType } from 'antd/es/table';
+import { DataSourceType } from '../provider/dataSource/DataSourceContext';
+export declare type OperationItem = {
+    label?: string;
+    openMode: 'modal' | 'drawer' | 'custom';
+    openContentSize: 'small' | 'middle' | 'large';
+    openTitle: string;
+    actionType: 'detail' | 'edit' | 'delete' | 'custom';
+    key: string;
+    buttonProps?: any;
+    onClick?: (record: any) => void;
+};
+export interface DataSourceTableProps {
+    title?: string | React.ReactNode | (() => React.ReactNode);
+    subTitle?: string | React.ReactNode | (() => React.ReactNode);
+    titleButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    };
+    tableButtons?: {
+        show: boolean;
+        maxCount: number;
+        items: OperationItem[];
+    };
+    buttons?: any[];
+    operation?: {
+        show: boolean;
+        title: string;
+        width: number;
+        align: 'left' | 'center' | 'right';
+        fixed: 'left' | 'right' | false;
+        type: 'link' | 'button';
+        items: OperationItem[];
+    };
+    operationContent?: {
+        [key: string]: React.ReactNode;
+    };
+    dataSource: DataSourceType;
+    columns: ColumnType<any>[];
+    filter: any;
+    search?: {
+        show: boolean;
+        placeholder: string;
+    };
+    __designMode: string;
+    componentId: string;
+    clickToDetail?: {
+        show: boolean;
+        useCustomAction: boolean;
+        actionType: string;
+        openMode: 'modal' | 'drawer';
+        openContentSize: 'small' | 'middle' | 'large';
+        openTitle: string;
+        key: string;
+    };
+    onRow?: any;
+    filterBy?: Record<string, any>;
+    sortBy: string;
+    tabs?: {
+        show: boolean;
+        type: string;
+        items: {
+            name: string;
+            filterBy: Record<string, any>;
+            sortBy: string;
+        }[];
+    };
+    onValuesChange?: (changedValues: any, values: any) => void;
+    onDeleteFinish?: (record: Record<string, any>) => void;
+    extraParams?: {
+        list?: Record<string, any>;
+        get?: Record<string, any>;
+        update?: Record<string, any>;
+        create?: Record<string, any>;
+        destroy?: Record<string, any>;
+    };
+}

package/lib/components/dataSourceComponents/dataSourceWrapper/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceContextProps } from '../provider/dataSource/DataSourceContext';
 declare const DataSourceWrapper: (props: DataSourceContextProps) => JSX.Element;
 export default DataSourceWrapper;

package/lib/components/dataSourceComponents/fields/ColorPicker/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ColorPickerProps } from './type';
 import './ReadPretty.less';
 declare const ColorPickerReadPretty: (props: ColorPickerProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/DateRangePicker/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DateRangePickerProps } from './type';
 import './ReadPretty.less';
 declare const DateRangePickerReadPretty: (props: DateRangePickerProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/IconSelect/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconSelectProps } from './type';
 import './ReadPretty.less';
 declare const IconSelectReadPretty: (props: IconSelectProps) => JSX.Element | null;

package/lib/components/dataSourceComponents/fields/Input/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Email/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Json/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { JsonProps } from "./type";
 import "./ReadPretty.less";
 declare const JsonReadPretty: (props: JsonProps) => JSX.Element | null;