@hi-ui/tabs 4.2.0 → 5.0.0-alpha.0

package/lib/types/TabList.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { TabPaneProps } from './TabPane';
+import { EditActions } from './TabItem';
 import { HiBaseHTMLProps } from '@hi-ui/core';
 export declare const TabList: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement | null>>;
-export interface TabListProps extends Omit<HiBaseHTMLProps<'div'>, 'onDragEnd' | 'onDragOver' | 'onDragStart' | 'onDrop'> {
+export interface TabListProps extends Omit<HiBaseHTMLProps<'div'>, 'onDragEnd' | 'onDragOver' | 'onDragStart' | 'onDrop' | 'onCopy'> {
     /**
      * tabs 面板数据
      */
@@ -39,18 +40,46 @@ export interface TabListProps extends Omit<HiBaseHTMLProps<'div'>, 'onDragEnd' |
      * 布局类型
      */
     type?: 'desc' | 'card' | 'button' | 'line';
+    /**
+     * 大小
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * 是否显示下划线
+     */
+    showDivider?: boolean;
+    /**
+     * 标签最大宽度
+     */
+    maxTabTitleWidth?: number;
     /**
      * 右侧的拓展区域
      */
     extra?: React.ReactNode;
+    /**
+     * 标签编辑渲染
+     */
+    editRender?: (item: TabPaneProps, index: number, actions: EditActions) => React.ReactNode;
     /**
      * 节点增加时触发
      */
     onAdd?: () => void;
+    /**
+     * 节点增加完成时触发
+     */
+    onAdded?: (newTab: TabPaneProps) => void | boolean | Promise<boolean>;
     /**
      * 节点删除时时触发
      */
-    onDelete?: (deletedNode: TabPaneProps, index: number) => void;
+    onDelete?: (deletedNode: TabPaneProps, evt: React.MouseEvent) => void | boolean | Promise<boolean>;
+    /**
+     * 节点编辑时触发
+     */
+    onEdit?: (value: string, item: TabPaneProps) => void | boolean | Promise<boolean>;
+    /**
+     * 节点复制时触发
+     */
+    onCopy?: (sourceItem: TabPaneProps, copiedItem: TabPaneProps, newItems: TabPaneProps[]) => void;
     /**
      * 节点开始拖拽时触发
      */

package/lib/types/Tabs.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
 import { TabPaneProps } from './TabPane';
 import { HiBaseHTMLProps } from '@hi-ui/core';
+import { EditActions } from './TabItem';
 /**
  * Tabs 标签页
  */
 export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement | null>>;
-export interface TabsProps extends Omit<HiBaseHTMLProps<'div'>, 'onDragEnd' | 'onDragOver' | 'onDragStart' | 'onDrop'> {
+export interface TabsProps extends Omit<HiBaseHTMLProps<'div'>, 'onDragEnd' | 'onDragOver' | 'onDragStart' | 'onDrop' | 'onCopy'> {
     /**
      * 是否可拖拽
      */
@@ -34,6 +35,18 @@ export interface TabsProps extends Omit<HiBaseHTMLProps<'div'>, 'onDragEnd' | 'o
      * 布局类型
      */
     type?: 'desc' | 'card' | 'button' | 'line';
+    /**
+     * 大小
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * 是否显示下划线
+     */
+    showDivider?: boolean;
+    /**
+     * 标签最大宽度
+     */
+    maxTabTitleWidth?: number;
     /**
      * `activeId` 改变的回调
      */
@@ -46,14 +59,30 @@ export interface TabsProps extends Omit<HiBaseHTMLProps<'div'>, 'onDragEnd' | 'o
      * 右侧的拓展区域
      */
     extra?: React.ReactNode;
+    /**
+     * 标签编辑渲染
+     */
+    editRender?: (item: TabPaneProps, index: number, actions: EditActions) => React.ReactNode;
+    /**
+     * 节点编辑时触发
+     */
+    onEdit?: (value: string, item: TabPaneProps) => void | boolean | Promise<boolean>;
+    /**
+     * 节点复制时触发
+     */
+    onCopy?: (sourceItem: TabPaneProps, copiedItem: TabPaneProps, newItems: TabPaneProps[]) => void;
     /**
      * 节点增加时触发
      */
     onAdd?: () => void;
+    /**
+     * 节点增加完成时触发
+     */
+    onAdded?: (newTab: TabPaneProps) => void | boolean | Promise<boolean>;
     /**
      * 节点删除时时触发
      */
-    onDelete?: (deletedNode: TabPaneProps, index: number) => void;
+    onDelete?: (deletedNode: TabPaneProps, evt: React.MouseEvent) => void | boolean | Promise<boolean>;
     /**
      * 节点开始拖拽时触发
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/tabs",
-  "version": "4.2.0",
+  "version": "5.0.0-alpha.0",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -19,6 +19,7 @@
   "typings": "lib/types/index.d.ts",
   "exports": {
     ".": {
+      "types": "./lib/types/index.d.ts",
       "require": "./lib/cjs/index.js",
       "default": "./lib/esm/index.js"
     }
@@ -43,24 +44,26 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/classname": "^4.0.5",
-    "@hi-ui/env": "^4.0.5",
-    "@hi-ui/icon-button": "^4.0.9",
-    "@hi-ui/icons": "^4.0.19",
-    "@hi-ui/react-utils": "^4.0.4",
-    "@hi-ui/type-assertion": "^4.0.4",
-    "@hi-ui/use-latest": "^4.0.4",
-    "@hi-ui/use-uncontrolled-state": "^4.0.4",
-    "@hi-ui/use-unmount-effect": "^4.0.4"
+    "@hi-ui/classname": "^5.0.0-alpha.0",
+    "@hi-ui/env": "^5.0.0-alpha.0",
+    "@hi-ui/icon-button": "^5.0.0-alpha.0",
+    "@hi-ui/icons": "^5.0.0-alpha.0",
+    "@hi-ui/input": "^5.0.0-alpha.0",
+    "@hi-ui/react-utils": "^5.0.0-alpha.0",
+    "@hi-ui/tooltip": "^5.0.0-alpha.0",
+    "@hi-ui/type-assertion": "^5.0.0-alpha.0",
+    "@hi-ui/use-latest": "^5.0.0-alpha.0",
+    "@hi-ui/use-uncontrolled-state": "^5.0.0-alpha.0",
+    "@hi-ui/use-unmount-effect": "^5.0.0-alpha.0"
   },
   "peerDependencies": {
-    "@hi-ui/core": ">=4.0.8",
+    "@hi-ui/core": ">=5.0.0-alpha.0",
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/core": "^4.0.8",
-    "@hi-ui/core-css": "^4.1.5",
+    "@hi-ui/core": "^5.0.0-alpha.0",
+    "@hi-ui/core-css": "^5.0.0-alpha.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   }