zmdms-webui 2.3.2 → 2.3.4

package/dist/es/table/interface.d.ts

@@ -0,0 +1,613 @@
+import { Table } from 'antd';
+import { TableProps, TablePaginationConfig, ColumnType } from 'antd/lib/table';
+import { TextAreaProps } from 'antd/es/input/TextArea';
+import { IInputProps } from '../input/input.js';
+import { IInputNumberProps } from '../inputnumber/inputNumber.js';
+import { IDynamicItem } from '../dynamicsetting/interface.js';
+import _default from './components/TitleDirectionColumn.js';
+import { IS_SUMMARY } from './constant.js';
+import { IBadgeProps } from './components/Badge.js';
+
+type IEditableConfigOtherProps = IInputProps & IInputNumberProps & TextAreaProps;
+interface IEditableConfig extends Partial<IEditableConfigOtherProps> {
+    /**
+     * 列编辑类型
+     */
+    type?: "input" | "inputNumber" | "textarea";
+    /**
+     * 最大值函数
+     */
+    maxHandle?: (record: any) => any;
+    /**
+     * 最大值函数
+     */
+    minHandle?: (record: any) => any;
+    /**
+     * 禁用方法
+     */
+    disabledHandle?: (record: any) => boolean;
+    /**
+     * 去除空格
+     * trim 去除前后空格
+     * trimStart 去除前面空格
+     * trimEnd 去除后面空格
+     * trimAll 去除所有空格
+     */
+    trimType?: "trim" | "trimStart" | "trimEnd" | "trimAll" | ((value: any) => any);
+    /**
+     * 可以传入对应的input inputNumber的所有相关属性
+     */
+    [props: string]: any;
+}
+interface ValidateErrorObject {
+    /** 这个必传，但是为了兼容之前的逻辑 无奈这么做 */
+    errors?: string;
+    /**
+     * @deprecated 这个类型即将被废弃，不要使用。本身文档里面就是需要用errors表示错误信息的.
+     */
+    msg?: string;
+    /** 其他任何值，当你需要的时候 */
+    [props: string]: any;
+}
+interface IColumnType<RecordType> extends Omit<ColumnType<RecordType>, "render"> {
+    /**
+     * 内部属性。如果要记录过滤等信息，需要从一个地方去取
+     */
+    __dynamicItem__?: IDynamicItem;
+    /**
+     * 是否禁止取消显示
+     */
+    dynamicDisabled?: boolean;
+    /**
+     * 默认是否不勾选当前选项
+     */
+    defaultUnChecked?: boolean;
+    /**
+     * 是否添加复制整列功能
+     * @description
+     *  如果是一个boolean值。代表需不需要复制列的功能。复制列会以当前列配置的key为准
+     *  如果传递的是一个字符串或者字符串数组。那么复制列会用传入的值当前key来做复制
+     */
+    isCopy?: boolean | string | string[];
+    /**
+     * 添加必填
+     */
+    isRequire?: boolean;
+    /**
+     * 是否显示
+     */
+    isDisplay?: boolean;
+    /**
+     * 单元格显示类型
+     * info 背景色为提示
+     * error 背景色为错误提示
+     */
+    showType?: "info" | "error";
+    /**
+     * 是否开启编辑功能
+     */
+    editable?: ((record: any) => boolean) | boolean;
+    editableConfig?: IEditableConfig;
+    /**
+     * 如果你不想使用表格内部提供的编辑功能，但是又想粘贴execl中的数据时，实现数据替换
+     * 可以添加这个属性
+     */
+    isPaste?: boolean;
+    /**
+     * 开启验证
+     */
+    validate?: {
+        /**
+         * 标题 默认取 column.title
+         */
+        title?: string;
+        /**
+         * 验证的具体是哪个字段 默认取 column.key
+         * 暂时没用到
+         */
+        key?: string;
+        /**
+         * 验证具体对应表格哪一列 默认取 column.key
+         * 暂时没用到
+         */
+        columnKey?: string;
+        /** 正则表达式 */
+        pattern?: RegExp | RegExp[];
+        /** 正则表达式时的提示信息 */
+        message?: string | string[];
+        /** 内部校验时，除了column.key(本字段)外，还需要触发校验的其他字段 */
+        triggerValidateKeys?: string[];
+        /** 是否初始校验条件 */
+        isInit?: (record: any) => boolean;
+        /**
+         * 自定义校验
+         * @param text
+         * @param record
+         * @param index
+         * @param key
+         * @returns 如果验证通过 resolve随便都可。
+         * 如果验证失败 必须返回
+         * Promise.reject({
+         *  errors: `${tableName || ""} 第${innerCurrentI + 1}行 ${title} ${
+                    (validate as any)?.message || "填写错误!"
+                  }`,
+            })
+         */
+        validate?: (text: any, record: any, index: number, key: string) => Promise<any>;
+    };
+    /**
+     * 开启往下填充
+     * 会在表头添加一个 向下的箭头。点击箭头将第一行的数据 往下填充
+     * 如果传入一个方法。那么该方法需要返回处理过后的数据
+     */
+    isFillDown?: boolean | ((info: {
+        index: number;
+        text: any;
+        record: any;
+    }) => any);
+    /**
+     * 是否开启自定义排序
+     * 排序的数据默认实际不会影响源数据，是一份新的数据。
+     * 如果想影响源数据，需要传入：onTableChange方法。
+     * 排序时，会触发这个方法。会把排序后数据、源数据以及排序信息传出给开发自行处理。
+     * 如果想实现服务端排序：需要传入：serviceOrder方法。
+     */
+    isOrder?: boolean;
+    /**
+     * 是否开启过滤功能
+     */
+    isFilter?: boolean;
+    /**
+     * 是否强调字段
+     */
+    isStress?: boolean;
+    /**
+     * 动态列配置的title
+     * 当你传入的title是一个 组件时。组件再做动态列配置的时候，需要一个字符串的值，来充当动态列配置的title。这里可以传入一个字符串的值进来
+     */
+    dynamicTitle?: string;
+    /**
+     * 气泡提示框
+     */
+    popoverText?: string;
+    /**
+     * 代理render方法
+     * options里面会提供一些内部方法以供外部调用。
+     * @example 1. insertTableFromClipboard 将粘贴板中的数据插入到表格中。
+     * {
+     *   key: 'key1',
+     *   dataIndex: 'key1',
+     *   title: '测试',
+     *   render(text, record, index, options) {
+     *      const { insertTableFromClipboard } = options;
+     *      return <Input onPaste={async (e) => {
+     *           const result = await insertTableFromClipboard(e, {
+     *                index,
+     *                // 默认传true
+     *                // 传true 表格如果传入了 onTableChange的话会直接调用这个方法。false则不会调用。
+     *               // 你可以自行通过result的结果处理数据
+     *                isUpdate: true,
+     *             })
+     *      }} />
+     *   }
+     * }
+     */
+    render?: (text: any, record: any, index: number, options: IRenderOptions) => any;
+    /**
+     * 是否开启维度自定义
+     */
+    isDimension?: boolean;
+    /**
+     * 自定义排序的优先级，数字越小，优先级越高，比如2的不能排序到1的前面
+     */
+    dimensionPriority?: number;
+    /**
+     * 维度优先级分组，同组内遵循 dimensionPriority，跨组自由排序
+     */
+    dimensionGroup?: string;
+    /**
+     * 自定义维度互斥的字段，多个需要逗号分隔，比如：name,age
+     */
+    dimensionExclusive?: string;
+    /**
+     * 维度是否开启合计
+     */
+    isDimensionSum?: boolean;
+    /**
+     * 是否合并
+     */
+    isMerge?: boolean;
+    /**
+     * 开启合计
+     */
+    isSummary?: boolean;
+    /**
+     * 开启合并的字段,按其他字段维度合并
+     */
+    mergeKey?: string;
+    /**
+     * 添加角标
+     */
+    badge?: IBadgeProps | ((record: any) => IBadgeProps | undefined);
+    /**
+     * 导出excel的配置
+     */
+    excelConfig?: {
+        /**
+         * 表头背景色
+         */
+        headerBgColor?: string;
+        /**
+         * 表头字体颜色
+         */
+        headerFontColor?: string;
+    };
+    dateFormat?: string;
+    precision?: number;
+    thousand?: boolean;
+}
+interface IRenderOptions {
+    insertTableFromClipboard: IFuncInsertTableFromClipboard;
+}
+interface IInserTableFromClipboard {
+    index: number;
+    isUpdate?: boolean;
+}
+interface IFuncInsertTableFromClipboardReturn {
+    /** 新数据 */
+    newDataSource: any;
+    /** 老数据 */
+    oldDataSource: any;
+    /** 粘贴规则。按照列对应key 以及插入到哪一行建立了对应关系 */
+    pasteConfig: any;
+}
+interface IFuncInsertTableFromClipboard {
+    (e: any, options: IInserTableFromClipboard): Promise<IFuncInsertTableFromClipboardReturn>;
+}
+interface IColumnGroupType<RecordType> extends IColumnType<RecordType> {
+    children?: IColumnsType<RecordType>;
+}
+type IColumnsTypeProp<RecordType> = IColumnGroupType<RecordType>;
+declare type IColumnsType<RecordType = unknown> = IColumnsTypeProp<RecordType>[];
+interface ITableRefHandel {
+    /**
+     * 获取真实的index 当开启表格内部分页时 使用
+     * @param index 当前的index
+     * @returns
+     */
+    getRealyIndex?: (index: number) => number;
+    /**
+     * 获取表格动态列配置当前配置信息
+     */
+    getDynamicList?: () => any;
+    /**
+     * 触发表格验证
+     */
+    tableValidate?: (validateKeys?: string[]) => Promise<any>;
+    /**
+     * 移除错误样式
+     */
+    clearErrorClass?: () => void;
+    /**
+     * 滚动
+     */
+    scrollTo?: (obj: {
+        row: number;
+        y: number;
+        vid: string;
+    }) => void;
+    /**
+     * 重置
+     */
+    onResetDynamicList?: () => void;
+    /**
+     * 导出excel
+     */
+    exportExcel?: (fileName: string, config?: {
+        topDescription?: string;
+        time?: string;
+        topDescriptionRowHeight?: number;
+    }) => void;
+}
+interface ITableProps<RecordType> extends Omit<TableProps<RecordType>, "columns"> {
+    /**
+     * 实时验证
+     */
+    isRealTimeValidate?: boolean;
+    /**
+     * 是否是flex布局 常用于列表页
+     */
+    isFlex?: boolean;
+    tablePreferences?: any;
+    /**
+     * 是否开启动态列配置
+     */
+    dynamicKey?: string;
+    /**
+     * 动态列配置版本。版本号高的可以覆盖用户本地配置。
+     * 就按数字往上递增的规则就行 1 2 3 4 5这种
+     */
+    dynamicVersion?: number;
+    /**
+     * 自定义动态列配置后的回调
+     */
+    customDynamicListHandle?: (dynamicList: any) => void;
+    /**
+     * 增加了column的表头过滤功能；如果想要过滤功能持久化，可以配置这个属性
+     * 同时也需要配置dynamicKey配置。
+     */
+    isRemeberFilter?: boolean;
+    /**
+     * 表格列的排序是否更新源数据。即是否触发onTableChange事件
+     * 变成受控模式
+     */
+    isOrderUpdateData?: boolean;
+    /**
+     * 如果想要开启动态列配置，但是不想要页面出现操作按钮
+     * 一般场景用于记录宽度的变化
+     */
+    hiddenDynamicIcon?: boolean;
+    /**
+     * 代理动态列配置的类型
+     */
+    columns?: IColumnsType<RecordType>;
+    /**
+     * 表格数据发生改变
+     * @param dataSource 表格最新数据
+     * @param preDataSource 表格改变前的数据
+     * @param other 一些其他属性，标识表格数据的改变因为什么原因引发
+     * @returns
+     */
+    onTableChange?: (dataSource: any, preDataSource: any, other?: {
+        currentIndex?: number;
+        dragIndex?: number;
+        hoverIndex?: number;
+        type?: "paste" | "edit" | "move" | "add" | "del" | "delAll" | "fillDown" | "sort" | "custom";
+        field?: string;
+        [prop: string]: any;
+    }) => void;
+    /**
+     * 是否开启表格编辑功能
+     */
+    isEdit?: boolean;
+    /**
+     * 是否开启表格拖拽排序功能
+     */
+    isMove?: boolean;
+    /**
+     * 是否开启表头伸缩功能
+     */
+    isResizableColumn?: boolean;
+    /**
+     * 开启表头伸缩功能后，会为表头包裹一层div，并设置一些样式
+     * 可能会导致column设置的宽度不生效
+     * 可能开启这个属性 关闭这个样式
+     */
+    isResizableTitleEllipsis?: boolean;
+    /**
+     * 是否开启虚拟滚动
+     * 传入一个虚拟滚动得key值进来即可
+     */
+    virtualKey?: string;
+    /**
+     * 是否显示增加行功能
+     */
+    isAdd?: boolean;
+    /**
+     * 判断当前行是否隐藏添加按钮 isAdd默认所有行都加删除行按钮
+     * 返回true 隐藏增加按钮
+     * 返回false 显示增加按钮
+     */
+    hiddenAddBtnHandle?: (record: any, index: number) => boolean;
+    /**
+     * 是否显示表头的新增行按钮（当没有一条数据时，可以点击表头行实现数据的插入）
+     */
+    isTheadTitleAdd?: boolean;
+    /**
+     * 新增的逻辑 默认生成一条空白数据 或者复制
+     */
+    addMode?: "blank" | "copy";
+    /**
+     * 如果需要更高的自定义 自己返回新增的数据 可以自己设置新增行的数据
+     * @param record 当前数据
+     * @param info 一些其他配置
+     * @returns
+     */
+    addCallback?: (record: any, info: {
+        index: number;
+    }) => any;
+    /**
+     * 是否显示删减行功能
+     */
+    isDel?: boolean;
+    /**
+     * 删除时的提示文字
+     */
+    delPopTitle?: string;
+    /**
+     * 判断当前行是否隐藏删除按钮 isDel默认所有行都加删除行按钮
+     * 返回true 隐藏删除按钮
+     * 返回false 显示删除按钮
+     */
+    hiddenDelBtnHandle?: (record: any, index: number) => boolean;
+    /**
+     * 是否显示删除所有功能 默认显示删除
+     */
+    isDelAll?: boolean;
+    isAddAndDelAuto?: boolean;
+    /**
+     * 总结栏配置
+     */
+    summaryConfig?: ISummaryConfig[];
+    summaryFixed?: boolean;
+    /**
+     * 是否开启内部分页
+     */
+    isInnerPagination?: boolean;
+    innerPaginationPageSize?: number;
+    innerPaginationPosition?: string[];
+    innerPaginationPageSizeOptions?: TablePaginationConfig["pageSizeOptions"];
+    innerPaginationConfig?: TablePaginationConfig;
+    tableRefHandle?: React.MutableRefObject<ITableRefHandel>;
+    /**
+     * 表格的名字 一个页面存在多个表格时 发起表格验证时，可以提示哪个表格出现问题
+     */
+    tableName?: string;
+    /**
+     * 服务端排序返回事件
+     * 如果开启服务端排序，那么前端这边不做排序处理，只返回设置的字段
+     */
+    serviceOrder?: (order: IOrder) => void;
+    /**
+     * 标明需要展示的差异数组
+     * 可以传入需要展示的差异行索引 [2,4,5]
+     * 也可以传入一个函数
+     */
+    differences?: number[] | ((record: any, index: number) => boolean);
+    isMarginTop?: boolean;
+    isMarginBottom?: boolean;
+    /**
+     * 新增或删除行配置
+     */
+    addAndDelProps?: IColumnsTypeProp<RecordType>;
+    /**
+     * 是否开启自动计算Y轴高度
+     */
+    isAutoScrollY?: boolean;
+    /**
+     * 自动计算Y轴高度时，table下面留出的距离
+     */
+    autoScrollYMarginBottom?: number;
+    /**
+     * 表格id
+     */
+    tableId?: string;
+    /**
+     * 固定前几行，后面的行使用虚拟滚动
+     * 当开启虚拟滚动时，可以设置固定前几行不参与虚拟滚动
+     */
+    fixedRowsCount?: number;
+    /**
+     * 固定行配置
+     */
+    fixedRowsConfig?: {
+        /**
+         * 固定行数量
+         */
+        count: number;
+        /**
+         * 行高，用于计算固定行的top位置
+         */
+        rowHeight?: number;
+        /**
+         * 固定行的样式
+         */
+        style?: React.CSSProperties;
+    };
+    /**
+     * 表头对齐方式
+     */
+    headerAlign?: "left" | "center" | "right";
+    /**
+     * 开启维度自定义。开启后，会根据columns中的isDimension属性来是否开启维度自定义，需要合并行时，需要开启这个属性isAutoMerge
+     */
+    isDimensionDynamic?: boolean;
+    /**
+     * 开启维度自定义后，开启维度合计的字段，与column中的isSummary相同，主要用于自定义合计字段
+     */
+    dimensionCustomSumKeys?: (string | {
+        /** 自定义合计的key */
+        key: string;
+        /** 自定义合计的值 */
+        value?: (record: any) => string | number;
+        /** 合计方式 */
+        summaryType?: "sum" | "first" | "computed";
+        /** 当summaryType为computed时，用于计算合计值的函数 */
+        computedSummary?: (items: any[], summaryRow: any) => string | number;
+    })[];
+    /**
+     * 开启自动合并行
+     */
+    isAutoMerge?: boolean;
+    /**
+     * 开启自动合并后，但不需要合并选择行和新增行
+     */
+    isAutoMergeAddAndDel?: boolean;
+    /**
+     * 导出文件是否添加合计行
+     */
+    isExportSummary?: boolean;
+    /**
+     * table模式
+     * 目前index的话会自动加个序号
+     */
+    mode?: "index";
+    /**
+     * 是否开启右键功能
+     */
+    isContextMenu?: boolean;
+    /**
+     * 全屏后的一些事件
+     */
+    isFullscreenHandle?: (isFullscreen: boolean) => void;
+}
+interface IFields {
+    /**
+     * 保留几位小数
+     */
+    toFixedNum?: number | number[];
+    /**
+     * 字段键值  对应显示在表格的哪一列
+     */
+    key: string;
+    /**
+     * 需要显示的key，可能一个列字段 对应显示多个值
+     */
+    showKey?: string | string[];
+    /**
+     * 如果存在value，那么直接显示value
+     */
+    value?: string | number | (string | number)[];
+    /**
+     * 对当前字段的值做最终处理，v 跟 showKey 或者 value的类型一一对应 如果传入的是数组 那么返回的即是数组
+     * @param v 当前处理值
+     * @param summaryTotalObj 总结栏总对象
+     * @returns
+     */
+    callback?: (v: any, summaryTotalObj: any) => any;
+    /** 对齐方式 */
+    align?: "left" | "center" | "right";
+}
+interface ISummaryConfig {
+    type: "subtotal" | "total";
+    /**
+     * 字段的设置方式
+     */
+    fields: (string | IFields)[];
+    /**
+     * 列头显示字段
+     */
+    title?: string;
+}
+interface TableComponent<T> extends React.FC<ITableProps<T>> {
+    SELECTION_COLUMN: typeof Table.SELECTION_COLUMN;
+    EXPAND_COLUMN: typeof Table.EXPAND_COLUMN;
+    SELECTION_ALL: typeof Table.SELECTION_ALL;
+    SELECTION_INVERT: typeof Table.SELECTION_INVERT;
+    SELECTION_NONE: typeof Table.SELECTION_NONE;
+    Column: typeof Table.Column;
+    ColumnGroup: typeof Table.ColumnGroup;
+    Summary: typeof Table.Summary;
+    TitleDirectionColumn: typeof _default;
+    DifferencesClassName: string;
+    IS_SUMMARY: typeof IS_SUMMARY;
+}
+/**
+ * 排序相关类型
+ */
+interface IOrder {
+    field: string;
+    order: "ascend" | "descend" | undefined;
+}
+
+export { IColumnGroupType, IColumnType, IColumnsType, IColumnsTypeProp, IEditableConfig, IFields, IFuncInsertTableFromClipboard, IOrder, IRenderOptions, ISummaryConfig, ITableProps, ITableRefHandel, TableComponent, ValidateErrorObject };

package/dist/es/table/table.d.ts

@@ -0,0 +1,11 @@
+import { TableComponent } from './interface.js';
+
+declare const MemoTable: TableComponent<any>;
+/**
+ * BUG: 之前在业务处遇到一个很奇怪的bug。
+ * 业务通过isDisplay来控制表格列的显隐，导致newColumns的数据少了好几个。
+ * 但是页面的显示的列却是正常。这个在组件库中无法复现。
+ * 导致的问题是验证的时候，这些数据中没有的列无法得到验证
+ */
+
+export { MemoTable as default };

package/dist/es/tabs/index.css

@@ -0,0 +1 @@
+.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab{font-size:14px;padding:8px 0}.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab{font-size:16px;padding:16px 0}.ant-tabs-card.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab{padding:6px 16px}.ant-tabs-card.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab{padding:7px 16px 6px}.ant-tabs-rtl{direction:rtl}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab{margin:0 0 0 32px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type{margin-left:0}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon{margin-left:12px;margin-right:0}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{margin-left:-4px;margin-right:8px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon{margin:0}.ant-tabs-rtl.ant-tabs-left>.ant-tabs-nav{order:1}.ant-tabs-rtl.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-rtl.ant-tabs-right>.ant-tabs-nav{order:0}.ant-tabs-rtl.ant-tabs-right>.ant-tabs-content-holder{order:1}.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:0;margin-right:2px}.ant-tabs-dropdown-rtl{direction:rtl}.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item{text-align:right}.ant-tabs-bottom,.ant-tabs-top{flex-direction:column}.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav,.ant-tabs-top>.ant-tabs-nav,.ant-tabs-top>div>.ant-tabs-nav{margin:0 0 16px}.ant-tabs-bottom>.ant-tabs-nav:before,.ant-tabs-bottom>div>.ant-tabs-nav:before,.ant-tabs-top>.ant-tabs-nav:before,.ant-tabs-top>div>.ant-tabs-nav:before{border-bottom:1px solid #dee9f6;content:"";left:0;position:absolute;right:0}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar{height:2px}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar-animated{transition:width .3s,left .3s,right .3s}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{bottom:0;top:0;width:30px}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{box-shadow:inset 10px 0 8px -8px #00000014;left:0}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:after{box-shadow:inset -10px 0 8px -8px #00000014;right:0}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after{opacity:1}.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>.ant-tabs-nav:before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav:before{bottom:0}.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav{margin-bottom:0;margin-top:16px;order:1}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>.ant-tabs-nav:before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav:before{top:0}.ant-tabs-bottom>.ant-tabs-content-holder,.ant-tabs-bottom>div>.ant-tabs-content-holder{order:0}.ant-tabs-left>.ant-tabs-nav,.ant-tabs-left>div>.ant-tabs-nav,.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav{flex-direction:column;min-width:50px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab{padding:8px 24px;text-align:center}.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin:16px 0 0}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap{flex-direction:column}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{height:30px;left:0;right:0}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{box-shadow:inset 0 10px 8px -8px #00000014;top:0}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:after{bottom:0;box-shadow:inset 0 -10px 8px -8px #00000014}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before{opacity:1}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar{width:2px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar-animated{transition:height .3s,top .3s}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-operations{flex:1 0 auto;flex-direction:column}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar{right:0}.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-left>div>.ant-tabs-content-holder{border-left:1px solid #dee9f6;margin-left:-1px}.ant-tabs-left>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-left>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane{padding-left:24px}.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav{order:1}.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar{left:0}.ant-tabs-right>.ant-tabs-content-holder,.ant-tabs-right>div>.ant-tabs-content-holder{border-right:1px solid #dee9f6;margin-right:-1px;order:0}.ant-tabs-right>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-right>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane{padding-right:24px}.ant-tabs-dropdown{font-feature-settings:"tnum";box-sizing:border-box;color:#000000a6;display:block;font-size:14px;font-variant:tabular-nums;left:-9999px;line-height:1.5715;list-style:none;margin:0;padding:0;position:absolute;top:-9999px;z-index:1050}.ant-tabs-dropdown-hidden{display:none}.ant-tabs-dropdown-menu{background-clip:padding-box;background-color:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px 0 #00000014,0 9px 28px 8px #0000000d;list-style-type:none;margin:0;max-height:200px;outline:none;overflow-x:hidden;overflow-y:auto;padding:4px 0;text-align:left}.ant-tabs-dropdown-menu-item{align-items:center;color:#000000a6;cursor:pointer;display:flex;font-size:14px;font-weight:400;line-height:22px;margin:0;min-width:120px;overflow:hidden;padding:5px 12px;text-overflow:ellipsis;transition:all .3s;white-space:nowrap}.ant-tabs-dropdown-menu-item>span{flex:1;white-space:nowrap}.ant-tabs-dropdown-menu-item-remove{background:#0000;border:0;color:#00000073;cursor:pointer;flex:none;font-size:12px;margin-left:12px}.ant-tabs-dropdown-menu-item-remove:hover{color:#879fff}.ant-tabs-dropdown-menu-item:hover{background:#f5f5f5}.ant-tabs-dropdown-menu-item-disabled,.ant-tabs-dropdown-menu-item-disabled:hover{background:#0000;color:#00000040;cursor:not-allowed}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{background:#fafafa;border:1px solid #dee9f6;margin:0;padding:8px 16px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{background:#fff;color:#5b76f6}.ant-tabs-card>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-ink-bar{visibility:hidden}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:2px}.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab{border-radius:2px 2px 0 0}.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active{border-bottom-color:#fff}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab{border-radius:0 0 2px 2px}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab-active{border-top-color:#fff}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-top:2px}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab{border-radius:2px 0 0 2px}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab-active{border-right-color:#fff}.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab{border-radius:0 2px 2px 0}.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab-active{border-left-color:#fff}.ant-tabs{font-feature-settings:"tnum";box-sizing:border-box;color:#000000a6;display:flex;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;padding:0}.ant-tabs>.ant-tabs-nav,.ant-tabs>div>.ant-tabs-nav{align-items:center;display:flex;flex:none;position:relative}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap{align-self:stretch;display:inline-block;display:flex;flex:auto;overflow:hidden;position:relative;transform:translate(0);white-space:nowrap}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap:before,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap:before{content:"";opacity:0;pointer-events:none;position:absolute;transition:opacity .3s;z-index:1}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-list{display:flex;position:relative;transition:transform .3s}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations{align-self:stretch;display:flex}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations-hidden,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations-hidden{pointer-events:none;position:absolute;visibility:hidden}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more{background:#0000;border:0;padding:8px 16px;position:relative}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more:after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more:after{bottom:0;content:"";height:5px;left:0;position:absolute;right:0;transform:translateY(100%)}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add{background:#fafafa;border:1px solid #dee9f6;border-radius:2px 2px 0 0;cursor:pointer;margin-left:2px;min-width:40px;outline:none;padding:0 8px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:hover,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:hover{color:#879fff}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:focus,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:focus{color:#4255cf}.ant-tabs-extra-content{flex:none}.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]),.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]){justify-content:center}.ant-tabs-ink-bar{background:#5b76f6;pointer-events:none;position:absolute}.ant-tabs-tab{align-items:center;background:#0000;border:0;cursor:pointer;display:inline-flex;font-size:14px;outline:none;padding:12px 0;position:relative}.ant-tabs-tab-btn:active,.ant-tabs-tab-btn:focus,.ant-tabs-tab-remove:active,.ant-tabs-tab-remove:focus{color:#4255cf}.ant-tabs-tab-btn,.ant-tabs-tab-remove{outline:none;transition:all .3s}.ant-tabs-tab-remove{background:#0000;border:none;color:#00000073;cursor:pointer;flex:none;font-size:12px;margin-left:8px;margin-right:-4px}.ant-tabs-tab-remove:hover{color:#000000d9}.ant-tabs-tab:hover{color:#879fff}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#5b76f6;text-shadow:0 0 .25px currentcolor}.ant-tabs-tab.ant-tabs-tab-disabled{color:#00000040;cursor:not-allowed}.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus{color:#00000040}.ant-tabs-tab .ant-tabs-tab-remove .anticon{margin:0}.ant-tabs-tab .anticon{margin-right:12px}.ant-tabs-tab+.ant-tabs-tab{margin:0 0 0 32px}.ant-tabs-content{position:relative;width:100%}.ant-tabs-content-holder{flex:auto;min-height:0;min-width:0}.ant-tabs-tabpane{outline:none}.ant-tabs-tabpane-hidden{display:none}.ant-tabs-switch-appear,.ant-tabs-switch-enter{transition:none}.ant-tabs-switch-appear-start,.ant-tabs-switch-enter-start{opacity:0}.ant-tabs-switch-appear-active,.ant-tabs-switch-enter-active{opacity:1;transition:opacity .3s}.ant-tabs-switch-leave{inset:0;position:absolute;transition:none}.ant-tabs-switch-leave-start{opacity:1}.ant-tabs-switch-leave-active{opacity:0;transition:opacity .3s}.ztxk-tabs.ztxk-tabs--marginTop .ant-tabs-nav{margin-top:10px}.ztxk-tabs.ztxk-tabs--marginBottom .ant-tabs-nav{margin-bottom:10px}.ztxk-tabs .ant-tabs-nav,.ztxk-tabs .ant-tabs-tab{margin-left:0;margin-right:0}.ztxk-tabs .ant-tabs-nav:before{border-bottom-color:#cdd9e6}.ztxk-tabs.ztxk-tabs--type-message .ant-tabs-extra-content{align-items:center;display:flex;justify-content:space-around}.ztxk-tabs.ztxk-tabs--type-message .tabs-self--type-container{display:flex}.ztxk-tabs.ztxk-tabs--type-message .tabs-self--type-container .tabs-self--type-msg{margin-left:10px}.ztxk-tabs.ztxk-tabs--header .ant-tabs-nav .ant-tabs-tab,.ztxk-tabs.ztxk-tabs--header .ant-tabs-tab{background:#fff;border:1px solid #f0f0f0;padding:0}.ztxk-tabs.ztxk-tabs--header .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active,.ztxk-tabs.ztxk-tabs--header .ant-tabs-tab.ant-tabs-tab-active{background:#e9ecf3;border-bottom-color:#e9ecf3}.ztxk-tabs.ztxk-tabs--header .ant-tabs-nav .ant-tabs-tab>div,.ztxk-tabs.ztxk-tabs--header .ant-tabs-tab>div{color:#768696;display:inline-block;height:38px;line-height:38px;padding:0 5px 0 10px}.ztxk-tabs.ztxk-tabs--header .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove,.ztxk-tabs.ztxk-tabs--header .ant-tabs-tab .ant-tabs-tab-remove{height:38px;line-height:38px;margin-left:0;margin-right:0;padding-left:1px;padding-right:9px;width:22px}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab{background:#ebf3fe;border:1px solid #cdd9e6;line-height:20px;padding:6px 16px}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab:not(:last-of-type){margin-right:-1px!important}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab.ant-tabs-tab-active{background:#fff;border-bottom:1px solid #fff}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#888}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab .tabs-self--type{align-items:center;display:flex;justify-content:space-between}.ztxk-tabs.ztxk-tabs--content .ant-tabs-tab .tabs-self--type .anticon{margin-right:0}.ztxk-tabs.ztxk-tabs--isFlex,.ztxk-tabs.ztxk-tabs--isFlex .ant-tabs-content{height:100%}.ztxk-tabs.ztxk-tabs--isFlex .ant-tabs-content .ant-tabs-tabpane{display:flex;flex-direction:column;height:100%}.ztxk-tabs.ztxk-tabs--isFlex .ant-tabs-content .ant-tabs-tabpane-hidden{display:none}.ztxk-tabs.ztxk-tabs--stickyTop>.ant-tabs-nav{background:#fff;position:sticky;z-index:100}.ztxk-tabs.ztxk-tabs--nonBorder .ant-tabs-tab{border:none}

package/dist/es/tabs/index.d.ts

@@ -0,0 +1,5 @@
+import MemoTabs from './tabs.js';
+
+
+
+export { MemoTabs as default };