fix(tabs): 调整dragSorter声明时机

TDesignOteam · Sep 19, 2024 · 8484929 · 8484929
1 parent a80c848
commit 8484929
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 13 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -13,6 +13,7 @@ export * from './common';
 export * from './divider';
 export * from './dropdown';
 export * from './grid';
+export * from './hooks';
 export * from './image';
 export * from './input';
 export * from './input-number';

diff --git a/src/tabs/tabs.tsx b/src/tabs/tabs.tsx
@@ -41,14 +41,7 @@ export default class Tabs extends Component<TabsProps> {
 
  targetClassNameRegExpStr = `^${this.tabClasses.tdTabsClassPrefix}(__nav-item|__nav-item-wrapper|__nav-item-text-wrapper)`;
 
- dragSorter = new UseDragSorter({
- ...this.props,
- sortOnDraggable: this.props.dragSort,
- onDragOverCheck: {
- x: true,
- targetClassNameRegExp: new RegExp(this.targetClassNameRegExpStr),
- },
- });
+ dragSorter: UseDragSorter<TabValue> | null = null;
 
  memoChildren = () => {
  const { list, children } = this.props;
@@ -102,7 +95,7 @@ export default class Tabs extends Component<TabsProps> {
  >
  <t-tab-nav
  {...this.props}
- getDragProps={this.dragSorter.getDragProps}
+ getDragProps={this.dragSorter?.getDragProps}
  activeValue={this.value}
  onRemove={this.props.onRemove}
  itemList={this.itemList()}
@@ -118,10 +111,6 @@ export default class Tabs extends Component<TabsProps> {
  this.props.defaultValue === undefined && Array.isArray(this.itemList) && this.itemList.length !== 0
  ? this.itemList[0].value
  : this.props.defaultValue;
- }
-
- render(props: TabsProps) {
- const { className, style } = props;
 
  this.dragSorter = new UseDragSorter({
  ...this.props,
@@ -131,6 +120,10 @@ export default class Tabs extends Component<TabsProps> {
  targetClassNameRegExp: new RegExp(this.targetClassNameRegExpStr),
  },
  });
+ }
+
+ render(props: TabsProps) {
+ const { className, style } = props;
 
  return (
  <div ref={this.props.ref} className={classname(this.tabClasses.tdTabsClassPrefix, className)} style={style}>