@sheinx/hooks 3.0.0-alpha.1

package/cjs/components/use-table/use-table.type.d.ts

@@ -0,0 +1,270 @@
+import React from 'react';
+import { KeygenResult, ObjectKey, StructKeygenType } from '../../common/type';
+export declare type TableColumnOrder = 'asc' | 'desc';
+export declare type TableColumnFix = 'left' | 'right';
+export declare type TableColumnType = 'expand' | 'row-expand' | 'checkbox';
+export interface SortItem {
+    order: 'desc' | 'asc';
+    weight?: number;
+    key: KeygenResult;
+    manual: boolean;
+}
+export interface BaseTableProps<Item> {
+    /**
+     * @en check children data while select all
+     * @cn 全选时是否将子孙数据选中
+     * @default false
+     */
+    treeCheckAll?: boolean;
+    /**
+     * @en Default expanded row keys
+     * @cn 默认展开行(非受控)
+     */
+    defaultTreeExpandKeys?: KeygenResult[];
+    /**
+     * @en When treeExpandKeys is set, the callback is triggered when the row is expanded. Keys is expanded row key
+     * @cn 当设置 treeExpandKeys 后，展开行时会触发该回调，keys 为展开的行
+     */
+    onTreeExpand?: (openKeys: KeygenResult[], data: Item, expand: boolean, index: number) => void;
+    /**
+     * @en Tree Table expanded row keys
+     * @cn 树形数据展开行，受控
+     */
+    treeExpandKeys?: KeygenResult[];
+    /**
+     * @en data
+     * @cn 数据
+     * @override object[]
+     */
+    data?: Item[];
+    /**
+     * @en the method of table sort，args are Column.sorter and order
+     * Multi-column sorting is supported. The sorter passes in the object {rule: string | function, weight: number}, where rule is a sorting rule, which refers to the use of single-column sorting when it is a string, weight is the weight, indicating the priority of the order
+     * When sorting on multiple columns, sortedList returns information about all fields involved in sorting
+     *
+     * @cn 表格统一排序函数，参数分别为 Column.sorter 和 排序方式;
+     * 支持多列排序，sorter传入对象{ rule: string | function, weight: number }, rule为排序规则，为字符串时参考单列排序的用法, weight 为权重，指明排序的优先级。
+     * 多列排序时，sortedList 返回所有参与排序的字段信息
+     *
+     * @default alphaSort(Column.sorter, sorter)
+     */
+    sorter?: (sortName: string, sorter: 'asc' | 'desc', sortedList: Array<TableSorterInfo>) => undefined | void | ((a: Item, b: Item) => number);
+    /**
+     * @en sort cancel event
+     * @cn 排序取消事件
+     */
+    onSortCancel?: (preType: 'asc' | 'desc', key: KeygenResult, orders: SortItem[], sorter: string) => void;
+    /**
+     * @en Set columnResizable to true to make all columns scalable
+     * @cn 设置 columnResizable 为 true，使所有列可伸缩
+     */
+    columnResizable?: boolean;
+    /**
+     * @en columns resize callback
+     * @cn 列宽伸缩后的回调
+     * @override  (columns: TableColumn[]) => void
+     */
+    onColumnResize?: (columns: TableColumnItem<Item>[]) => void;
+    /**
+     * @en Recalculate columns width while data change
+     * @cn 数据发生变化后是否重新计算列宽
+     * @default false
+     */
+    dataChangeResize?: boolean;
+    /**
+     * @en TThe total width of the table, which defaults to the container width, must not be less than the sum of width set in columns
+     * @cn 表格总宽度，默认为容器宽度，不可小于 columns 中设置的 width 之和
+     */
+    width?: number;
+    /**
+     * @en controlled expand rows
+     * @cn 展开行受控
+     */
+    expandKeys?: KeygenResult[];
+    /**
+     * @cn 生成每一项key的辅助方法
+     * 为函数时，使用此函数返回值
+     * 为string时，使用这个string对应的数据值。如 'id'，相当于 (d => d.id)
+     * @en Generate a auxiliary method for each key
+     * If not filled, index will be used (not recommended, in some cases there may be problems)
+     * When it is a function, use its return value.
+     * When it is a string，ues the value of the string.For example, 'id' is the same thing as (d) => d.id .
+     */
+    keygen: StructKeygenType<Item>;
+}
+export interface TableSorterInfo {
+    order: TableColumnOrder;
+    /**
+     * @cn 如果是 defaultOrder 触发的排序, manual 为 false
+     */
+    manual: boolean;
+    /**
+     * @cn 列 key
+     */
+    key: string | number;
+    /**
+     * @cn 设置的权重
+     */
+    weight?: number;
+}
+export interface TableColumnSorter {
+    rule: string | ((sorter: TableSorterInfo[]) => void);
+    weight: number;
+}
+export interface ColumnRenderFunc<DataItem> {
+    (data: DataItem, index: number, checkInstance?: React.ReactComponentElement<any>): React.ReactNode | (() => React.ReactNode);
+}
+/**
+ * @title TableColumn
+ */
+export interface TableColumnItem<DataItem> {
+    /**
+     * @en cell align
+     * @cn 单元格内容排布方式
+     * @default 'left'
+     * @override union
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * @en The function for controlling to merge columns. The return value is an integer indicating the number of columns that need to be merged。
+     * @cn 合并列控制函数，row为单行数据，返回值一个整数，标明需要合并的列数
+     */
+    colSpan?: (row: DataItem, index: number) => number;
+    /**
+     * @en default sort
+     * @cn 默认排序规则
+     */
+    defaultOrder?: TableColumnOrder;
+    /**
+     * @en Fixed columns. If multiple adjacent columns need to be locked, specify only the outermost column
+     * @cn 固定列,如果相邻的多列需要锁定，只需指定最外侧的 column 即可
+     */
+    fixed?: TableColumnFix;
+    /**
+     * @en The group of header column.
+     * @cn 表头分组，相邻的相同 group 会生成一个新的表头
+     */
+    group?: string | React.ReactNode | Array<string | React.ReactNode>;
+    /**
+     * @en hide the column, only work on row-expand column
+     * @cn 只针对行展开列有效，表示是否隐藏该列
+     */
+    hide?: boolean;
+    /**
+     * @en The key of the column
+     * @cn 列的key，默认使用 index
+     */
+    key?: string | number;
+    /**
+     * @en min width
+     * @cn 最小列宽
+     */
+    minWidth?: number;
+    /**
+     * @en max width
+     * @cn 最大可拖动列宽
+     */
+    maxWidth?: number;
+    /**
+     * @en Select All to screen data. Valid only if type="checkbox"
+     * @cn 全选时用来筛除数据，仅当 type="checkbox" 时有效
+     */
+    filterAll?: (data: DataItem[]) => DataItem[];
+    /**
+     * @en The generation function for Table content.d: the data of the current row. i: the index of the current row .For ease of use, you can pass in the key of a data, such as 'id', which is equivalent to (d) => { return d.id }
+     * @cn 表格内容生成函数，返回渲染的内容,  data 当前行的数据，index 当前索引，instance 当 type="checkbox" 时会传入 Checkbox 实例
+     * 为了使用方便，可以传入一个数据的key，如 'id'，相当于 (d) => { return d.id }
+     * @override ObjectKey<DataItem> | function(d, id, instance)
+     */
+    render?: ObjectKey<DataItem> | ColumnRenderFunc<DataItem>;
+    /**
+     * @en According to the result (boolean) returned by the function to determine whether to merge rows, a and b are two adjacent rows of data
+     * @cn 根据函数返回的结果（boolean）判断是否合并行，a、b为相邻的两行数据。
+     */
+    rowSpan?: (prevRowData: DataItem, nextRowData: DataItem) => boolean;
+    /**
+     * @en When the sorter is not empty, the sort icon appears in this column. the value of order: ['asc', 'desc']
+     * Indicate the sort key string, will pass to table sorter method.
+     * Front-end sorting returns a sort function, refer to Array.sort.
+     * Server-side sorting, do not return values and handle it itself.
+     *
+     * @cn sorter 不为空时，这一列会出现排序 icon。order的值为['asc', 'desc']
+     * 字符串表示排序依据字段，作为第一个参数传入Table.sorter
+     * 为 Sorter 对象
+     * 前端排序，返回一个排序函数，参考 Array.sort。(旧用法)
+     * 服务端排序，不要返回值，自行处理即可。(旧用法)
+     */
+    sorter?: ((order: TableColumnOrder) => ((prevRowData: DataItem, nextRowData: DataItem) => number) | void) | string | TableColumnSorter;
+    /**
+     * @en The content of the header
+     * @cn 表头显示内容
+     */
+    title?: string | React.ReactNode | ((rowData: DataItem[]) => React.ReactNode);
+    /**
+     * @en tree table children-data name
+     * @cn 树形表格子数据字段名
+     */
+    treeColumnsName?: ObjectKey<DataItem>;
+    /**
+     * @en indent of each level
+     * @cn 每一层缩进宽度
+     * @default 25
+     */
+    treeIndent?: number;
+    /**
+     * @en Special column
+     * expand: Expand the column. When the render function returns a function, it means that the row can be expanded and the content  is the result returned by this function.
+     * row-expand: Similar to expand. The difference is that clicking on the entire row triggers the expand event.
+     * checkbox: Select column for scenes with only fixed selection columns
+     *
+     * @cn 特殊用途列
+     * expand: 行展开列，render 函数返回函数时，表示此行可以展开，内容为此函数返回结果。
+     * row-expand: 同 expand。不同为点击行内空白区域也可以折叠/展开行。
+     * checkbox: 选择列，仅用于固定选择列的场景
+     */
+    type?: TableColumnType;
+    /**
+     * @en width
+     * @cn 列宽
+     */
+    width?: number;
+    /**
+     * @cn 列对应的类名
+     * @en classname of column
+     */
+    className?: string;
+    /**
+     * @cn td 样式
+     * @en style of td
+     */
+    style?: React.CSSProperties;
+    /**
+     * @cn 列点击事件
+     * @en Click event of column
+     */
+    onClick?: (d: DataItem, isExpand: boolean) => void;
+    /**
+     * @cn 单独设置某一列不可拖动
+     * @en Separately set a column not to be draggable
+     */
+    columnResizable?: false;
+}
+export interface TableFormatColumn<DataItem> extends TableColumnItem<DataItem> {
+    index: number;
+    key: string | number;
+    lastFixed?: boolean;
+    firstFixed?: boolean;
+}
+export interface TableGroupColumn {
+    name: React.ReactNode;
+    key: string | number;
+    colSpan: number;
+    level: number;
+    fixed?: TableColumnFix;
+    firstFixed?: boolean;
+    columns: TableHeadColumn[];
+    lastFixed?: boolean;
+    index: number;
+}
+export declare type TableHeadColumn = TableGroupColumn | TableFormatColumn<any>;
+//# sourceMappingURL=use-table.type.d.ts.map

package/cjs/components/use-table/use-table.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table.type.d.ts","sourceRoot":"","sources":["use-table.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE9E,oBAAY,gBAAgB,GAAG,KAAK,GAAG,MAAM,CAAC;AAC9C,oBAAY,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC9C,oBAAY,eAAe,GAAG,QAAQ,GAAG,YAAY,GAAG,UAAU,CAAC;AAEnE,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,YAAY,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;AACD,MAAM,WAAW,cAAc,CAAC,IAAI;IAClC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,YAAY,EAAE,CAAC;IACvC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9F;;;OAGG;IACH,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,CACP,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,KAAK,GAAG,MAAM,EACtB,UAAU,EAAE,KAAK,CAAC,eAAe,CAAC,KAC/B,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC;IACvD;;;OAGG;IACH,YAAY,CAAC,EAAE,CACb,OAAO,EAAE,KAAK,GAAG,MAAM,EACvB,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,QAAQ,EAAE,EAClB,MAAM,EAAE,MAAM,KACX,IAAI,CAAC;IAEV;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC;IAC5D;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B;;;;;;;;OAQG;IACH,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;CAChC;AACD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC,CAAC;IACrD,MAAM,EAAE,MAAM,CAAC;CAChB;AACD,MAAM,WAAW,gBAAgB,CAAC,QAAQ;IACxC,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,GAC5E,KAAK,CAAC,SAAS,GACf,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,QAAQ;IACvC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAEnD;;;OAGG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAEhC;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnE;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,CAAC;IAE7C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAE1D;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,KAAK,OAAO,CAAC;IAEpE;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EACH,CAAC,CACC,KAAK,EAAE,gBAAgB,KACpB,CAAC,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,KAAK,MAAM,CAAC,GAAG,IAAI,CAAC,GACvE,MAAM,GACN,iBAAiB,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAE9E;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAEtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnD;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB,CAAC,QAAQ,CAAE,SAAQ,eAAe,CAAC,QAAQ,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,eAAe,GAAG,gBAAgB,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC"}

package/cjs/components/use-table/use-table.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/components/use-tabs/context.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { TabsProviderProps, TabsContextProps } from './context.type';
+export declare const TabsContext: React.Context<TabsContextProps>;
+export declare const Provider: (props: TabsProviderProps) => JSX.Element;
+export declare const useTabsContext: () => TabsContextProps;
+//# sourceMappingURL=context.d.ts.map

package/cjs/components/use-tabs/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAErE,eAAO,MAAM,WAAW,iCAA4C,CAAC;AAErE,eAAO,MAAM,QAAQ,UAAW,iBAAiB,gBAGhD,CAAC;AAEF,eAAO,MAAM,cAAc,wBAAsC,CAAC"}

package/cjs/components/use-tabs/context.js

@@ -0,0 +1,29 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTabsContext = exports.TabsContext = exports.Provider = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var TabsContext = /*#__PURE__*/React.createContext({});
+exports.TabsContext = TabsContext;
+var Provider = function Provider(props) {
+  var children = props.children,
+    value = props.value;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsContext.Provider, {
+    value: value,
+    children: children
+  });
+};
+exports.Provider = Provider;
+var useTabsContext = function useTabsContext() {
+  return React.useContext(TabsContext);
+};
+exports.useTabsContext = useTabsContext;

package/cjs/components/use-tabs/context.type.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { TabsShapeType } from './use-tabs.type';
+export interface TabsContextProps {
+    active?: string | number;
+    shape?: TabsShapeType;
+    isVertical?: boolean;
+    lazy?: boolean;
+    activeBackground?: string;
+    inactiveBackground?: string;
+    onChange?: (key: string | number) => void;
+    onCollapsible?: () => void;
+}
+export interface TabsProviderProps {
+    value: TabsContextProps;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=context.type.d.ts.map

package/cjs/components/use-tabs/context.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.type.d.ts","sourceRoot":"","sources":["context.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/cjs/components/use-tabs/context.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/components/use-tabs/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as useTabs } from './use-tabs';
+export type { BaseTabsProps, TabsShapeType } from './use-tabs.type';
+export type { TabsProviderProps, TabsContextProps } from './context.type';
+export { useTabsContext } from './context';
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/use-tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEpE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE1E,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC"}

package/cjs/components/use-tabs/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useTabs.default;
+  }
+});
+Object.defineProperty(exports, "useTabs", {
+  enumerable: true,
+  get: function get() {
+    return _useTabs.default;
+  }
+});
+Object.defineProperty(exports, "useTabsContext", {
+  enumerable: true,
+  get: function get() {
+    return _context.useTabsContext;
+  }
+});
+var _useTabs = _interopRequireDefault(require("./use-tabs"));
+var _context = require("./context");

package/cjs/components/use-tabs/use-tabs.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { BaseTabsProps } from './use-tabs.type';
+declare const useTabs: (props: BaseTabsProps) => {
+    active: string | number | undefined;
+    onChange: (key: string | number) => void;
+    Provider: (props: import("./context.type").TabsProviderProps) => JSX.Element;
+};
+export default useTabs;
+//# sourceMappingURL=use-tabs.d.ts.map

package/cjs/components/use-tabs/use-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tabs.d.ts","sourceRoot":"","sources":["use-tabs.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,OAAO,UAAW,aAAa;;oBAWR,MAAM,GAAG,MAAM;;CAU3C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/cjs/components/use-tabs/use-tabs.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _context = require("./context");
+var useTabs = function useTabs(props) {
+  var defaultActive = props.defaultActive,
+    _props$active = props.active,
+    active = _props$active === void 0 ? defaultActive : _props$active,
+    onChange = props.onChange;
+  var _useState = (0, _react.useState)(active),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    activeTabs = _useState2[0],
+    setActiveTabs = _useState2[1];
+  var getActive = function getActive() {
+    if (props.active === undefined) {
+      return activeTabs;
+    }
+    return active;
+  };
+  var handleChange = function handleChange(key) {
+    setActiveTabs(key);
+    onChange === null || onChange === void 0 ? void 0 : onChange(key);
+  };
+  return {
+    active: getActive(),
+    onChange: handleChange,
+    Provider: _context.Provider
+  };
+};
+var _default = useTabs;
+exports.default = _default;

package/cjs/components/use-tabs/use-tabs.type.d.ts

@@ -0,0 +1,7 @@
+export declare type TabsShapeType = 'button' | 'line' | 'bordered' | 'card' | 'dash' | 'fill';
+export interface BaseTabsProps {
+    active?: number | string;
+    defaultActive?: number | string;
+    onChange?: (key: number | string) => void;
+}
+//# sourceMappingURL=use-tabs.type.d.ts.map

package/cjs/components/use-tabs/use-tabs.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tabs.type.d.ts","sourceRoot":"","sources":["use-tabs.type.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtF,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3C"}

package/cjs/components/use-tabs/use-tabs.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/components/use-textarea/index.d.ts

@@ -0,0 +1,4 @@
+export { default, default as useTextarea } from './use-textarea';
+export type { BaseTextareaProps } from './use-textarea.type';
+export { default as useTextareaFormat } from './use-textarea-format';
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/use-textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/cjs/components/use-textarea/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useTextarea.default;
+  }
+});
+Object.defineProperty(exports, "useTextarea", {
+  enumerable: true,
+  get: function get() {
+    return _useTextarea.default;
+  }
+});
+Object.defineProperty(exports, "useTextareaFormat", {
+  enumerable: true,
+  get: function get() {
+    return _useTextareaFormat.default;
+  }
+});
+var _useTextarea = _interopRequireDefault(require("./use-textarea"));
+var _useTextareaFormat = _interopRequireDefault(require("./use-textarea-format"));

package/cjs/components/use-textarea/use-textarea-format.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { InputFormatProps } from './use-textarea-format.type';
+declare const useTextareaFormat: (props: InputFormatProps) => {
+    value: string | undefined;
+    onChange: (value: string) => void;
+    onBlur: (e: React.FocusEvent) => void;
+};
+export default useTextareaFormat;
+//# sourceMappingURL=use-textarea-format.d.ts.map

package/cjs/components/use-textarea/use-textarea-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-textarea-format.d.ts","sourceRoot":"","sources":["use-textarea-format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,QAAA,MAAM,iBAAiB,UAAW,gBAAgB;;;gBAGZ,gBAAgB;CA2BrD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/cjs/components/use-textarea/use-textarea-format.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.string.trim.js");
+var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
+var useTextareaFormat = function useTextareaFormat(props) {
+  var trim = props.trim,
+    onChange = props.onChange,
+    onBlur = props.onBlur;
+  var handleBlur = (0, _usePersistFn.default)(function (e) {
+    var target = e.target;
+    var value = target.value;
+    var before = value;
+
+    // 没有输入任何值
+    if (props.value === undefined && value === '') {
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+      return;
+    }
+
+    // 去除前后空格
+    if (trim) {
+      value = value.trim();
+    }
+    if (value !== before) {
+      target.value = value;
+      onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    }
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  });
+  return {
+    value: props.value,
+    onChange: onChange,
+    onBlur: handleBlur
+  };
+};
+var _default = useTextareaFormat;
+exports.default = _default;

package/cjs/components/use-textarea/use-textarea-format.type.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare type textareaValue = string;
+export interface InputFormatProps {
+    value: textareaValue | undefined;
+    onChange: (value: textareaValue) => void;
+    /**
+     * 是否去除前后空格
+     */
+    trim?: boolean;
+    onBlur?: React.FocusEventHandler;
+    /**
+     * 取消 blur 触发 onChange,用于多层嵌套的格式化，只在最外层触发一次onChange
+     */
+    cancelBlurChange?: boolean;
+}
+//# sourceMappingURL=use-textarea-format.type.d.ts.map

package/cjs/components/use-textarea/use-textarea-format.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-textarea-format.type.d.ts","sourceRoot":"","sources":["use-textarea-format.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,aAAa,GAAG,MAAM,CAAC;AACnC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}

package/cjs/components/use-textarea/use-textarea-format.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/components/use-textarea/use-textarea.d.ts

@@ -0,0 +1,10 @@
+import { BaseTextareaProps, UseTextareaRootSlotProps, UseTextareaSlotProps } from './use-textarea.type';
+import { ObjectType } from '../../common/type';
+declare const useTextarea: (props: BaseTextareaProps) => {
+    focused: boolean;
+    disabled: boolean | undefined;
+    getRootProps: <TOther extends ObjectType<any> = ObjectType<any>>(externalProps?: TOther) => UseTextareaRootSlotProps<TOther>;
+    getTextAreaProps: <TOther_1 extends ObjectType<any> = ObjectType<any>>(externalProps?: TOther_1) => UseTextareaSlotProps<TOther_1>;
+};
+export default useTextarea;
+//# sourceMappingURL=use-textarea.d.ts.map

package/cjs/components/use-textarea/use-textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-textarea.d.ts","sourceRoot":"","sources":["use-textarea.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAQ5D,QAAA,MAAM,WAAW,UAAW,iBAAiB;;;;;CAqF5C,CAAC;AAEF,eAAe,WAAW,CAAC"}