@fairys/taro-tools-simple-form 0.0.2 → 0.0.4

package/esm/components/date.picker/index.js

@@ -0,0 +1,122 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { View } from "@tarojs/components";
+import { DatePicker } from "@nutui/nutui-react-taro";
+import { useMemo, useState } from "react";
+import { FairysTaroTextClearBase } from "../clear/index.js";
+const getDate = (selectedValue, type)=>{
+    if (Array.isArray(selectedValue) && selectedValue.length) {
+        const [year, month, day, hour, minute, second] = selectedValue;
+        let date = `${year}-${month}-${day} ${hour}:${minute}`;
+        if ('date' === type) date = `${year}-${month}-${day}`;
+        else if ('time' === type) date = `${hour}:${minute}:${second}`;
+        else if ('year-month' === type) date = `${year}-${month}`;
+        else if ('month-day' === type) date = `${month}-${day}`;
+        else if ('datehour' === type) date = `${year}-${month}-${day} ${hour}`;
+        else if ('datetime' === type) date = `${year}-${month}-${day} ${hour}:${minute}`;
+        else if ('hour-minutes' === type) date = `${hour}:${minute}`;
+        return date;
+    }
+};
+const renderDate = (date, type)=>{
+    let renderStr;
+    let _value;
+    const defaultValue = new Date();
+    if (date) {
+        const isDate = date instanceof Date;
+        if ('date' === type) if (isDate) {
+            renderStr = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+            _value = date;
+        } else {
+            const [year, month, day] = date.split(/[-|\s]/);
+            renderStr = `${year}-${month}-${day}`;
+            _value = new Date(`${year}-${month}-${day}`);
+        }
+        else if ('time' === type) if (isDate) {
+            renderStr = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;
+            _value = date;
+        } else {
+            const [hour, minute, second] = date.split(/[:|]/);
+            renderStr = `${hour}:${minute}:${second}`;
+            _value = new Date(`${defaultValue.getFullYear()}-${defaultValue.getMonth() + 1}-${defaultValue.getDate()} ${hour}:${minute}:${second}`);
+        }
+        else if ('year-month' === type) if (isDate) {
+            renderStr = `${date.getFullYear()}-${date.getMonth() + 1}`;
+            _value = date;
+        } else {
+            const [year, month] = date.split(/[-|\s]/);
+            renderStr = `${year}-${month}`;
+            _value = new Date(`${year}-${month}-01`);
+        }
+        else if ('month-day' === type) if (isDate) {
+            renderStr = `${date.getMonth() + 1}-${date.getDate()}`;
+            _value = date;
+        } else {
+            const [month, day] = date.split(/[-|\s]/);
+            renderStr = `${month}-${day}`;
+            _value = new Date(`${defaultValue.getFullYear()}-${month}-${day}`);
+        }
+        else if ('datehour' === type) if (isDate) {
+            renderStr = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours()}`;
+            _value = date;
+        } else {
+            const [year, month, day, hour] = date.split(/[-|\s|:]/);
+            renderStr = `${year}-${month}-${day} ${hour}`;
+            _value = new Date(`${year}-${month}-${day} ${hour}:00:00`);
+        }
+        else if ('datetime' === type) if (isDate) {
+            renderStr = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours()}:${date.getMinutes()}`;
+            _value = date;
+        } else {
+            const [year, month, day, hour, minute] = date.split(/[-|\s|:]/);
+            renderStr = `${year}-${month}-${day} ${hour}:${minute}`;
+            _value = new Date(`${year}-${month}-${day} ${hour}:${minute}:00`);
+        }
+        else if ('hour-minutes' === type) if (isDate) {
+            renderStr = `${date.getHours()}:${date.getMinutes()}`;
+            _value = date;
+        } else {
+            const [hour, minute] = date.split(/[:|]/);
+            renderStr = `${hour}:${minute}`;
+            _value = new Date(`${defaultValue.getFullYear()}-${defaultValue.getMonth() + 1}-${defaultValue.getDate()} ${hour}:${minute}:00`);
+        }
+    }
+    return {
+        renderStr,
+        _value
+    };
+};
+const FairysTaroDatePickerBase = (props)=>{
+    const { placeholder = "\u8BF7\u9009\u62E9", value, className, style, onChange, type = 'date', ...rest } = props;
+    const [visible, setVisible] = useState(false);
+    const render = useMemo(()=>renderDate(value, type), [
+        value,
+        type
+    ]);
+    return /*#__PURE__*/ jsxs(View, {
+        className: `fairys-taro-date-picker ${className || ''}`,
+        style: style,
+        children: [
+            /*#__PURE__*/ jsx(FairysTaroTextClearBase, {
+                warpClassName: "fairys-taro-date-picker-text",
+                isValue: !!render.renderStr,
+                onTextClick: ()=>setVisible(true),
+                onClearClick: ()=>onChange?.(void 0),
+                children: render.renderStr || placeholder
+            }),
+            /*#__PURE__*/ jsx(DatePicker, {
+                type: type,
+                showChinese: true,
+                ...rest,
+                value: render._value,
+                visible: visible,
+                onClose: ()=>setVisible(false),
+                onConfirm: (_, selectedValue)=>{
+                    if (Array.isArray(selectedValue) && selectedValue.length) onChange?.(getDate(selectedValue, type));
+                    else onChange?.(void 0);
+                    setVisible(false);
+                }
+            })
+        ]
+    });
+};
+export { FairysTaroDatePickerBase };

package/esm/components/index.d.ts

@@ -0,0 +1,8 @@
+export * from './calendar';
+export * from './cascader';
+export * from './checkbox.group';
+export * from './clear';
+export * from './date.picker';
+export * from './picker';
+export * from './popup.search';
+export * from './radio.group';

package/esm/components/index.js

@@ -0,0 +1,8 @@
+export * from "./calendar/index.js";
+export * from "./cascader/index.js";
+export * from "./checkbox.group/index.js";
+export * from "./clear/index.js";
+export * from "./date.picker/index.js";
+export * from "./picker/index.js";
+export * from "./popup.search/index.js";
+export * from "./radio.group/index.js";

package/esm/components/picker/index.d.ts

@@ -0,0 +1,9 @@
+import { TaroPickerProps, PickerOptions } from '@nutui/nutui-react-taro';
+export interface FairysTaroPickerProps extends Omit<Partial<TaroPickerProps>, 'value' | 'onChange'> {
+    placeholder?: string;
+    value?: PickerOptions;
+    onChange?: (value: PickerOptions) => void;
+    bodyClassName?: string;
+    bodyStyle?: React.CSSProperties;
+}
+export declare const FairysTaroPickerBase: (props: FairysTaroPickerProps) => import("react/jsx-runtime").JSX.Element;

package/esm/components/picker/index.js

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { View } from "@tarojs/components";
+import { Picker } from "@nutui/nutui-react-taro";
+import { useMemo, useState } from "react";
+import { FairysTaroTextClearBase } from "../clear/index.js";
+const FairysTaroPickerBase = (props)=>{
+    const { placeholder = "\u8BF7\u9009\u62E9", bodyClassName, bodyStyle, className, style, value, onChange, ...rest } = props;
+    const [visible, setVisible] = useState(false);
+    const _renderValue = useMemo(()=>{
+        if (Array.isArray(value)) return value.map((item)=>item.label).join(' / ');
+    }, [
+        value
+    ]);
+    const _value = useMemo(()=>{
+        if (Array.isArray(value)) return value.map((item)=>item.value);
+    }, [
+        value
+    ]);
+    return /*#__PURE__*/ jsxs(View, {
+        className: `fairys-taro-picker ${className || ''}`,
+        style: style,
+        children: [
+            /*#__PURE__*/ jsx(FairysTaroTextClearBase, {
+                warpClassName: "fairys-taro-picker-text",
+                isValue: !!_renderValue,
+                onTextClick: ()=>setVisible(true),
+                onClearClick: ()=>onChange?.(void 0),
+                children: _renderValue || placeholder
+            }),
+            /*#__PURE__*/ jsx(Picker, {
+                ...rest,
+                className: `fairys-taro-picker-body fairystaroform__text-left ${bodyClassName || ''}`,
+                style: bodyStyle,
+                value: _value,
+                visible: visible,
+                onClose: ()=>setVisible(false),
+                onConfirm: (selectedOptions)=>{
+                    setVisible(false);
+                    onChange?.(selectedOptions);
+                }
+            })
+        ]
+    });
+};
+export { FairysTaroPickerBase };

package/esm/components/popup.search/base.d.ts

@@ -0,0 +1,2 @@
+export declare function FairysTaroPopupSearchFooterBase<T = any>(): import("react/jsx-runtime").JSX.Element;
+export declare function FairysTaroPopupSearchInputBase<T = any>(): import("react/jsx-runtime").JSX.Element;

package/esm/components/popup.search/base.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { View } from "@tarojs/components";
+import { Button, Checkbox, Input } from "@nutui/nutui-react-taro";
+import { Fragment } from "react";
+import { useFairysTaroPopupSearchBaseInstanceContext } from "./instance.js";
+import { Del, Search } from "@nutui/icons-react-taro";
+function FairysTaroPopupSearchFooterBase() {
+    const [state, instance] = useFairysTaroPopupSearchBaseInstanceContext();
+    const operationStatus = state.operationStatus;
+    return /*#__PURE__*/ jsxs(View, {
+        className: "fairys-taro-popup-search-content-footer fairystaroform__flex fairystaroform__flex-row fairystaroform__items-center fairystaroform__flex-nowrap fairystaroform__py-2 fairystaroform__box-border  fairystaroform__px-2",
+        children: [
+            /*#__PURE__*/ jsxs(View, {
+                className: "fairystaroform__flex-1 fairystaroform__flex fairystaroform__flex-row fairystaroform__items-center fairystaroform__flex-nowrap fairystaroform__justify-between",
+                children: [
+                    /*#__PURE__*/ jsx(View, {
+                        className: "fairystaroform__flex-1",
+                        children: /*#__PURE__*/ jsx(Checkbox, {
+                            checked: state.allChecked,
+                            onChange: instance.onAllChecked,
+                            label: "\u5168\u9009"
+                        })
+                    }),
+                    'manage' === operationStatus ? /*#__PURE__*/ jsx(View, {
+                        className: "fairystaroform__flex-1 fairystaroform__flex fairystaroform__flex-row fairystaroform__items-center fairystaroform__flex-nowrap fairystaroform__justify-end",
+                        children: /*#__PURE__*/ jsx(Button, {
+                            icon: /*#__PURE__*/ jsx(Del, {
+                                color: "#fff"
+                            }),
+                            type: "danger",
+                            onClick: ()=>instance.onDeleteData(),
+                            children: "\u5220\u9664"
+                        })
+                    }) : /*#__PURE__*/ jsx(Fragment, {})
+                ]
+            }),
+            'select' === operationStatus ? /*#__PURE__*/ jsx(View, {
+                className: "fairystaroform__flex-1",
+                children: /*#__PURE__*/ jsx(Button, {
+                    onClick: instance.onSave,
+                    block: true,
+                    type: "primary",
+                    children: "\u786E\u5B9A"
+                })
+            }) : /*#__PURE__*/ jsx(Fragment, {})
+        ]
+    });
+}
+function FairysTaroPopupSearchInputBase() {
+    const [state, instance] = useFairysTaroPopupSearchBaseInstanceContext({
+        sync: true
+    });
+    const search = state.search || '';
+    return /*#__PURE__*/ jsxs(View, {
+        className: "fairys-taro-popup-search-content-header fairystaroform__flex fairystaroform__flex-row fairystaroform__items-center fairystaroform__flex-nowrap fairystaroform__px-1 fairystaroform__box-border fairystaroform__pr-4 fairystaroform__border-b-1 fairystaroform__border-b-solid fairystaroform__border-b-gray-200",
+        children: [
+            /*#__PURE__*/ jsx(Input, {
+                placeholder: "\u8BF7\u8F93\u5165",
+                value: search,
+                onChange: instance.onSearch
+            }),
+            /*#__PURE__*/ jsx(View, {
+                children: /*#__PURE__*/ jsx(Search, {
+                    className: "fairys-taro-popup-search-content-header-search fairystaroform__text-gray-600 fairystaroform__cursor-pointer"
+                })
+            })
+        ]
+    });
+}
+export { FairysTaroPopupSearchFooterBase, FairysTaroPopupSearchInputBase };

package/esm/components/popup.search/index.d.ts

@@ -0,0 +1,9 @@
+import { TaroPopupProps } from '@nutui/nutui-react-taro';
+import type { FairysTaroPopupSearchBaseInstanceMount } from './instance';
+/**
+ * 如果是多选，怎么移除某几个选中项
+ * */
+export interface FairysTaroPopupSearchProps<T = any> extends Partial<TaroPopupProps>, FairysTaroPopupSearchBaseInstanceMount<T> {
+    placeholder?: string;
+}
+export declare function FairysTaroPopupSearchBase<T = any>(props: FairysTaroPopupSearchProps<T>): import("react/jsx-runtime").JSX.Element;

package/esm/components/popup.search/index.js

@@ -0,0 +1,157 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Text, View } from "@tarojs/components";
+import { Popup } from "@nutui/nutui-react-taro";
+import { Fragment, useEffect, useMemo } from "react";
+import { FairysTaroPopupSearchBaseInstanceContext, useFairysTaroPopupSearchBaseInstance, useFairysTaroPopupSearchBaseInstanceContext } from "./instance.js";
+import { FairysTaroPopupSearchFooterBase, FairysTaroPopupSearchInputBase } from "./base.js";
+import { FairysTaroPopupSearchListVirtual } from "./list.virtual.js";
+import { FairysTaroPopupSearchListTable } from "./list.table.js";
+import { FairysTaroTextClearBase } from "../clear/index.js";
+function RenderList() {
+    const [state, instance] = useFairysTaroPopupSearchBaseInstanceContext();
+    const renderList = instance.renderList;
+    const _tempFilterDataList = state._tempFilterDataList;
+    const operationStatus = state.operationStatus;
+    return renderList?.(_tempFilterDataList || [], operationStatus, instance) || /*#__PURE__*/ jsx(Fragment, {});
+}
+function FairysTaroPopupSearchBodyBase() {
+    const [state, instance] = useFairysTaroPopupSearchBaseInstanceContext();
+    const renderType = instance.renderType;
+    const showSearch = instance.showSearch;
+    const mode = instance.mode;
+    const columns = instance.columns;
+    const options = instance.options;
+    const isNeedManage = instance.isNeedManage;
+    const value = instance.value;
+    const visible = state.visible;
+    useMemo(()=>{
+        if (isNeedManage || instance.isUseOptions()) instance.updateState({
+            value,
+            _tempValue: value
+        });
+        else instance.updateState({
+            value,
+            _tempValue: void 0
+        });
+    }, [
+        value,
+        isNeedManage,
+        visible
+    ]);
+    useMemo(()=>instance.updateState({
+            dataList: options || [],
+            _tempFilterDataList: options || []
+        }), [
+        options
+    ]);
+    useMemo(()=>instance.updateState({
+            mode
+        }), [
+        mode
+    ]);
+    useMemo(()=>instance.updateState({
+            columns
+        }), [
+        columns
+    ]);
+    useEffect(()=>{
+        if (visible && 'function' == typeof instance.onLoadData) instance.onSearch('');
+    }, [
+        visible
+    ]);
+    return /*#__PURE__*/ jsxs(View, {
+        className: "fairys-taro-popup-search-content-inner fairystaroform__flex  fairystaroform__flex-1  fairystaroform__flex-col fairystaroform__overflow-hidden",
+        children: [
+            showSearch ? /*#__PURE__*/ jsx(FairysTaroPopupSearchInputBase, {}) : /*#__PURE__*/ jsx(Fragment, {}),
+            /*#__PURE__*/ jsx(View, {
+                style: {
+                    flex: 1,
+                    overflow: 'hidden'
+                },
+                children: 'list' === renderType ? /*#__PURE__*/ jsx(FairysTaroPopupSearchListVirtual, {}) : 'table' === renderType ? /*#__PURE__*/ jsx(FairysTaroPopupSearchListTable, {}) : 'custom' === renderType ? /*#__PURE__*/ jsx(RenderList, {}) : /*#__PURE__*/ jsx(Fragment, {})
+            }),
+            'multiple' === mode ? /*#__PURE__*/ jsx(FairysTaroPopupSearchFooterBase, {}) : /*#__PURE__*/ jsx(Fragment, {})
+        ]
+    });
+}
+function FairysTaroPopupSearchBase(props) {
+    const { placeholder = "\u8BF7\u9009\u62E9", className, style, value, onChange, onLoadData, otherRequestParams, maxWidth, maxHeight, renderText, renderListItemText, showRowDeleteButton = true, showSearch = true, renderList, options, columns, mode = 'single', rowKey = 'value', displayField = 'label', renderType = 'list', maxTagCount = 9, tableProps = {}, useTableProps, isNeedManage = false, isUseOptionsChecked = true, ...rest } = props;
+    const [state, instance] = useFairysTaroPopupSearchBaseInstance();
+    instance.maxWidth = maxWidth;
+    instance.maxHeight = maxHeight;
+    instance.renderText = renderText;
+    instance.renderList = renderList;
+    instance.onLoadData = onLoadData;
+    instance.otherRequestParams = otherRequestParams;
+    instance.onChange = onChange;
+    instance.renderListItemText = renderListItemText;
+    instance.tableProps = tableProps;
+    instance.useTableProps = useTableProps;
+    instance.isNeedManage = isNeedManage;
+    instance.isUseOptionsChecked = isUseOptionsChecked;
+    instance.rowKey = rowKey;
+    instance.displayField = displayField;
+    instance.mode = mode;
+    instance.columns = columns;
+    instance.renderType = renderType;
+    instance.showRowDeleteButton = showRowDeleteButton;
+    instance.showSearch = showSearch;
+    instance.maxTagCount = maxTagCount;
+    instance.options = options;
+    instance.value = value;
+    const operationStatus = state.operationStatus;
+    const visible = state.visible;
+    useMemo(()=>instance.ctor(), [
+        maxWidth,
+        maxHeight
+    ]);
+    const renderTextValue = useMemo(()=>{
+        if (instance.renderText) return instance.renderText(value, instance);
+        if ('multiple' === instance.mode) {
+            if (Array.isArray(value)) {
+                if (value.length > maxTagCount) return `${value.slice(0, maxTagCount).map((item)=>item[instance.displayField]).join(',')}...`;
+                return value.map((item)=>item[instance.displayField]).join(',');
+            }
+            return '';
+        }
+        return value?.[instance.displayField];
+    }, [
+        value,
+        mode,
+        maxTagCount
+    ]);
+    return /*#__PURE__*/ jsxs(View, {
+        className: `fairys-taro-popup-search ${className || ''}`,
+        style: style,
+        children: [
+            /*#__PURE__*/ jsx(FairysTaroTextClearBase, {
+                warpClassName: "fairys-taro-popup-search-text-container",
+                isValue: !!renderTextValue,
+                onTextClick: ()=>instance.updateState({
+                        visible: true
+                    }),
+                onClearClick: ()=>onChange?.(void 0),
+                children: renderTextValue || placeholder
+            }),
+            /*#__PURE__*/ jsx(Popup, {
+                lockScroll: true,
+                position: "bottom",
+                closeable: true,
+                ...rest,
+                left: 'multiple' === mode && isNeedManage ? /*#__PURE__*/ jsx(Text, {
+                    onClick: instance.updateOperationStatus,
+                    children: 'select' == operationStatus ? "\u7BA1\u7406" : "\u5B8C\u6210"
+                }) : /*#__PURE__*/ jsx(Fragment, {}),
+                visible: visible,
+                onClose: instance.onClose,
+                overlayClassName: "fairys-taro-popup-search-overlay",
+                className: "fairys-taro-popup-search-content fairystaroform__flex fairystaroform__flex-col fairystaroform__overflow-hidden",
+                children: /*#__PURE__*/ jsx(FairysTaroPopupSearchBaseInstanceContext.Provider, {
+                    value: instance,
+                    children: visible ? /*#__PURE__*/ jsx(FairysTaroPopupSearchBodyBase, {}) : /*#__PURE__*/ jsx(Fragment, {})
+                })
+            })
+        ]
+    });
+}
+export { FairysTaroPopupSearchBase };

package/esm/components/popup.search/instance.d.ts

@@ -0,0 +1,169 @@
+import { TableColumnProps, TaroTableProps } from '@nutui/nutui-react-taro';
+export declare class FairysTaroPopupSearchBaseInstanceMount<T = any> {
+    /**选中项改变时触发*/
+    onChange?: (value: T[] | T | undefined) => void;
+    onLoadData?: (params: any, instance: FairysTaroPopupSearchBaseInstanceMount<T>) => Promise<T[]>;
+    /**其他请求参数*/
+    otherRequestParams?: (params: any, instance: FairysTaroPopupSearchBaseInstanceMount<T>) => any;
+    /**自定义输入框显示文本*/
+    renderText?: (data: T | T[], instance: FairysTaroPopupSearchBaseInstanceMount<T>) => React.ReactNode;
+    /**自定义渲染列表项文本*/
+    renderListItemText?: (data: T, instance: FairysTaroPopupSearchBaseInstanceMount<T>) => React.ReactNode;
+    /**自定义渲染列表数据*/
+    renderList?: (dataList: T[], type: 'select' | 'manage', instance: FairysTaroPopupSearchBaseInstanceMount<T>) => React.ReactNode;
+    /**选择模式*/
+    mode?: 'multiple' | 'single';
+    /**列表项的唯一键值*/
+    rowKey?: string;
+    /**提示框 显示字段*/
+    displayField?: string;
+    /**列表列配置*/
+    columns?: TableColumnProps[];
+    /**最大弹窗宽度*/
+    maxWidth?: number;
+    /**最大弹窗高度*/
+    maxHeight?: number;
+    /**是否需要管理已选择的数据*/
+    isNeedManage?: boolean;
+    /**是否选中状态，在使用 options 参数渲染固定列数据的时候是否需要选中状态*/
+    isUseOptionsChecked?: boolean;
+    /**
+     * 渲染类型
+     * @default 'list'
+     * */
+    renderType?: 'list' | 'table' | 'custom';
+    /**表格属性*/
+    tableProps?: Partial<TaroTableProps>;
+    /**自定义表格属性*/
+    useTableProps?: (tableProps: Partial<TaroTableProps>, instance: FairysTaroPopupSearchBaseInstanceMount<T>) => Partial<TaroTableProps>;
+    /**是否显示删除按钮*/
+    showRowDeleteButton?: boolean;
+    /**是否显示搜索框*/
+    showSearch?: boolean;
+    /**选中项*/
+    value?: T | T[];
+    /**选择数据*/
+    options?: ({
+        label?: string;
+        value?: string | number;
+        [x: string]: any;
+    } & T)[];
+    /**
+     * 最大渲染个数数量
+     */
+    maxTagCount?: number;
+}
+export interface FairysTaroPopupSearchBaseInstanceState<T = any> {
+    /**无用默认值*/
+    __defaultValue: string;
+    visible: boolean;
+    /**选中项*/
+    value: T | T[] | undefined;
+    dataList: T[];
+    /**
+     * 临时过滤数据列表
+     * 使用 options 参数并且在 operationStatus = select 时使用，根据主键字段值和显示字段值进行过滤
+     * 在 operationStatus = manage 时，过滤 _tempValue 中的值，根据主键字段值和显示字段值进行过滤
+     */
+    _tempFilterDataList: T[];
+    search?: string;
+    /**
+     * 临时值(多选时使用)，用于临时存在，点击保存后赋值给 value
+     */
+    _tempValue: T | T[] | undefined;
+    /**操作状态
+     * @default 'select'
+     */
+    operationStatus: 'manage' | 'select';
+    /**选中列表数据*/
+    manageSelectedDataList: T[];
+    /**全选按钮是否选中状态*/
+    allChecked: boolean;
+    /**选择模式
+     * @default 'single'
+     */
+    mode?: 'multiple' | 'single';
+    /**列表列配置*/
+    columns?: TableColumnProps[];
+}
+export declare class FairysTaroPopupSearchBaseInstance<T = any> extends FairysTaroPopupSearchBaseInstanceMount<T> {
+    /**窗口高度*/
+    windowHeight: number;
+    /**窗口宽度*/
+    windowWidth: number;
+    /**弹窗宽度*/
+    popupWidth: number;
+    /**弹窗高度*/
+    popupHeight: number;
+    state: FairysTaroPopupSearchBaseInstanceState<T>;
+    ctor(): void;
+    /**更新状态*/
+    updateState: (state: Partial<typeof this.state>) => void;
+    /**判断是否使用 options 参数,并且不是管理模式*/
+    isUseOptions: () => boolean;
+    /**搜索*/
+    onSearch: (keyword: string) => Promise<void>;
+    /**保存数据*/
+    onSave: () => void;
+    /**清空数据*/
+    onClear: () => void;
+    /**是否选中数据*/
+    isCheckedData: (data: T) => boolean;
+    /**单个选中数据*/
+    onCheckedData: (data: T, checked: boolean) => void;
+    /**全选按钮*/
+    onAllChecked: () => void;
+    /**关闭弹窗*/
+    onClose: () => void;
+    /**更新操作状态*/
+    updateOperationStatus: () => void;
+    /**删除选中数据*/
+    onDeleteData: (data?: T) => void;
+}
+export declare function useFairysTaroPopupSearchBaseInstance<T = any>(): readonly [{
+    readonly __defaultValue: string;
+    readonly visible: boolean;
+    readonly value: import("valtio").Snapshot<T> | readonly import("valtio").Snapshot<T>[];
+    readonly dataList: readonly import("valtio").Snapshot<T>[];
+    readonly _tempFilterDataList: readonly import("valtio").Snapshot<T>[];
+    readonly search?: string;
+    readonly _tempValue: import("valtio").Snapshot<T> | readonly import("valtio").Snapshot<T>[];
+    readonly operationStatus: "manage" | "select";
+    readonly manageSelectedDataList: readonly import("valtio").Snapshot<T>[];
+    readonly allChecked: boolean;
+    readonly mode?: "multiple" | "single";
+    readonly columns?: readonly {
+        readonly key: string;
+        readonly title?: string;
+        readonly align?: string;
+        readonly sorter?: ((a: any, b: any) => number) | boolean | string;
+        readonly render?: (rowData: any, rowIndex: number) => string | import("react").ReactNode;
+        readonly fixed?: import("@nutui/nutui-react-taro").PositionX;
+        readonly width?: number;
+    }[];
+}, FairysTaroPopupSearchBaseInstance<T>, string];
+export declare const FairysTaroPopupSearchBaseInstanceContext: import("react").Context<FairysTaroPopupSearchBaseInstance<any>>;
+export declare function useFairysTaroPopupSearchBaseInstanceContext<T = any>(options?: {
+    sync?: boolean;
+}): readonly [{
+    readonly __defaultValue: string;
+    readonly visible: boolean;
+    readonly value: import("valtio").Snapshot<T> | readonly import("valtio").Snapshot<T>[];
+    readonly dataList: readonly import("valtio").Snapshot<T>[];
+    readonly _tempFilterDataList: readonly import("valtio").Snapshot<T>[];
+    readonly search?: string;
+    readonly _tempValue: import("valtio").Snapshot<T> | readonly import("valtio").Snapshot<T>[];
+    readonly operationStatus: "manage" | "select";
+    readonly manageSelectedDataList: readonly import("valtio").Snapshot<T>[];
+    readonly allChecked: boolean;
+    readonly mode?: "multiple" | "single";
+    readonly columns?: readonly {
+        readonly key: string;
+        readonly title?: string;
+        readonly align?: string;
+        readonly sorter?: ((a: any, b: any) => number) | boolean | string;
+        readonly render?: (rowData: any, rowIndex: number) => string | import("react").ReactNode;
+        readonly fixed?: import("@nutui/nutui-react-taro").PositionX;
+        readonly width?: number;
+    }[];
+}, FairysTaroPopupSearchBaseInstance<T>, string];