fix(Select): improved label filtering

.eslintignore

@@ -15,3 +15,4 @@ static/
 packages/common
 packages/ai-core
 site/engineering/static
+packages/components/**/type.ts 

package.json

@@ -48,7 +48,7 @@
     }
   },
   "lint-staged": {
-    "packages/**/*.{ts,tsx}": [
+    "packages/**/!(type).{ts,tsx}": [
       "prettier --write",
       "pnpm run lint:fix"
     ]

packages/components/_util/parseTNode.ts

@@ -39,3 +39,17 @@ export function parseContentTNode<T>(tnode: TNode<T>, props: T) {
     return null;
   }
 }
+
+export function extractTextFromTNode(node: TNode): string {
+  if (typeof node === 'string' || typeof node === 'number' || typeof node === 'boolean') return String(node);
+  if (React.isValidElement(node)) {
+    const { children } = node.props || {};
+    if (children) return extractTextFromTNode(children);
+  }
+  if (Array.isArray(node)) {
+    return node.map(extractTextFromTNode).join('');
+  }
+
+  // todo：兼容 ((props: T) => ReactNode) 函数类型
+  return '';
+}

packages/components/cascader/__tests__/cascader.test.tsx

@@ -228,12 +228,18 @@ describe('Cascader 组件测试', () => {
     expect(spy).toHaveBeenCalled();
     fireEvent.click(getByPlaceholderText(placeholderId));
     expect(spy).toHaveBeenCalledTimes(2);
-    await mockTimeout(() => expect(document.querySelector(popupSelector)).toHaveStyle({ display: 'none' }));
+    await mockTimeout(() =>
+      expect(document.querySelector(popupSelector)).toHaveStyle({
+        display: 'none',
+      }),
+    );
 
     // disabled 不会展开 popup，且不执行 onPopupVisibleChange
     fireEvent.click(getByText(btnText));
     fireEvent.click(getByPlaceholderText(placeholderId));
-    expect(document.querySelector(popupSelector)).toHaveStyle({ display: 'none' });
+    expect(document.querySelector(popupSelector)).toHaveStyle({
+      display: 'none',
+    });
     expect(spy).toHaveBeenCalledTimes(2);
   });
 

packages/components/cascader/components/Item.tsx

@@ -89,9 +89,14 @@ const Item = forwardRef(
     const RenderLabelContent = (node: TreeNode, cascaderContext: CascaderContextType) => {
       const label = RenderLabelInner(node, cascaderContext);
 
+      const getTitle = () => {
+        const title = cascaderContext.inputVal ? getFullPathLabel(node) : node.label;
+        return typeof title !== 'object' ? title : undefined;
+      };
+
       const labelCont = (
         <span
-          title={cascaderContext.inputVal ? getFullPathLabel(node) : node.label}
+          title={getTitle()}
           className={classNames(`${COMPONENT_NAME}-label`, `${COMPONENT_NAME}-label--ellipsis`)}
           role="label"
         >

packages/components/dialog/Dialog.tsx

@@ -44,7 +44,10 @@ const Dialog = forwardRef<DialogInstance, DialogProps>((originalProps, ref) => {
   const dialogPosition = useRef(null);
   const portalRef = useRef(null);
 
-  const [state, setState] = useSetState<DialogProps>({ isPlugin: false, ...restProps });
+  const [state, setState] = useSetState<DialogProps>({
+    isPlugin: false,
+    ...restProps,
+  });
   const [local] = useLocaleReceiver('dialog');
 
   const {

packages/components/dialog/__tests__/dialog.test.tsx

@@ -87,10 +87,16 @@ describe('Dialog组件测试', () => {
     expect(document.querySelector('.t-dialog__modeless')).toBeInTheDocument();
     fireEvent.mouseDown(document.querySelector('.t-dialog'));
     fireEvent.mouseMove(document.querySelector('.t-dialog'));
-    expect(document.querySelector('.t-dialog')).toHaveStyle({ cursor: 'move', position: 'absolute' });
+    expect(document.querySelector('.t-dialog')).toHaveStyle({
+      cursor: 'move',
+      position: 'absolute',
+    });
     fireEvent.mouseUp(document.querySelector('.t-dialog'));
     userEvent.keyboard('{esc}');
-    expect(document.querySelector('.t-dialog')).toHaveStyle({ left: '0px', top: '0px' });
+    expect(document.querySelector('.t-dialog')).toHaveStyle({
+      left: '0px',
+      top: '0px',
+    });
   });
 
   test('DialogPlugin', async () => {
@@ -204,7 +210,11 @@ describe('Dialog组件测试', () => {
         value={{
           globalConfig: {
             ...defaultGlobalConfig,
-            dialog: { ...(defaultGlobalConfig.dialog || {}), placement: 'center', zIndex: 4321 },
+            dialog: {
+              ...(defaultGlobalConfig.dialog || {}),
+              placement: 'center',
+              zIndex: 4321,
+            },
           },
         }}
       >
@@ -214,7 +224,9 @@ describe('Dialog组件测试', () => {
 
     expect(document.querySelector('.t-dialog--center')).toBeInTheDocument();
     expect(document.querySelector('.t-dialog--top')).not.toBeInTheDocument();
-    expect(document.querySelector('.t-dialog__ctx')).toHaveStyle({ zIndex: '4321' });
+    expect(document.querySelector('.t-dialog__ctx')).toHaveStyle({
+      zIndex: '4321',
+    });
   });
 
   test('dialog props should override global dialog config', async () => {
@@ -223,7 +235,11 @@ describe('Dialog组件测试', () => {
         value={{
           globalConfig: {
             ...defaultGlobalConfig,
-            dialog: { ...(defaultGlobalConfig.dialog || {}), placement: 'center', zIndex: 4321 },
+            dialog: {
+              ...(defaultGlobalConfig.dialog || {}),
+              placement: 'center',
+              zIndex: 4321,
+            },
           },
         }}
       >
@@ -233,6 +249,8 @@ describe('Dialog组件测试', () => {
 
     expect(document.querySelector('.t-dialog--top')).toBeInTheDocument();
     expect(document.querySelector('.t-dialog--center')).not.toBeInTheDocument();
-    expect(document.querySelector('.t-dialog__ctx')).toHaveStyle({ zIndex: '1234' });
+    expect(document.querySelector('.t-dialog__ctx')).toHaveStyle({
+      zIndex: '1234',
+    });
   });
 });

packages/components/input-number/__tests__/input-number.test.tsx

@@ -15,7 +15,9 @@ describe('InputNumber 组件测试', () => {
     );
     expect(container.firstChild.classList.contains('t-input-number')).toBeTruthy();
     expect(queryByPlaceholderText(InputNumberPlaceholder)).toBeInTheDocument();
-    fireEvent.change(queryByPlaceholderText(InputNumberPlaceholder), { target: { value: InputNumberValue } });
+    fireEvent.change(queryByPlaceholderText(InputNumberPlaceholder), {
+      target: { value: InputNumberValue },
+    });
     expect(changeFn).toBeCalledTimes(1);
     expect(changeFn.mock.calls[0][0]).toBe(InputNumberValue);
   });

packages/components/input-number/type.ts

@@ -160,4 +160,4 @@ export interface ChangeContext {
     | CompositionEvent<HTMLDivElement>;
 }
 
-export type ChangeSource = 'add' | 'reduce' | 'input' | 'blur' | 'enter' | 'clear' | 'props';
+export type ChangeSource = 'add' | 'reduce' | 'input' | 'blur' | 'enter' | 'clear' | 'props';

packages/components/input/Input.tsx

@@ -166,7 +166,7 @@ const Input = forwardRefWithStatics(
       ) : null;
 
     const updateInputWidth = () => {
-      if (!autoWidth || !inputRef.current) return;
+      if (!autoWidth || !inputRef.current || !inputPreRef.current) return;
       const { offsetWidth } = inputPreRef.current;
       const { width } = inputPreRef.current.getBoundingClientRect();
       // 异步渲染场景下 getBoundingClientRect 宽度为 0，需要使用 offsetWidth

packages/components/loading/Loading.tsx

@@ -32,7 +32,10 @@ const Loading: React.FC<LoadingProps> = (props) => {
     zIndex,
     className,
     style,
-  } = useDefaultProps<LoadingProps>(props, { ...loadingDefaultProps, ...globalLoadingConfig });
+  } = useDefaultProps<LoadingProps>(props, {
+    ...loadingDefaultProps,
+    ...globalLoadingConfig,
+  });
 
   const [showLoading, setShowLoading] = useState(() => (delay ? false : loading));
 
@@ -143,7 +146,9 @@ const Loading: React.FC<LoadingProps> = (props) => {
       <Portal attach={attach}>
         {showLoading ? (
           <div
-            className={classnames(name, baseClasses, fullClass, { [overlayClass]: showOverlay })}
+            className={classnames(name, baseClasses, fullClass, {
+              [overlayClass]: showOverlay,
+            })}
             style={{ ...calcStyles, ...style }}
           >
             {commonContent()}

packages/components/loading/__tests__/loading.test.tsx

@@ -60,7 +60,10 @@ describe('Loading 组件测试', () => {
     );
 
     expect(container.querySelector('.t-loading__text')).toHaveTextContent('全局加载中');
-    expect(container.querySelector('.t-loading')).toHaveStyle({ fontSize: '36px', zIndex: '1234' });
+    expect(container.querySelector('.t-loading')).toHaveStyle({
+      fontSize: '36px',
+      zIndex: '1234',
+    });
   });
 
   test('loading props should override global loading config', async () => {
@@ -86,7 +89,11 @@ describe('Loading 组件测试', () => {
       <div>
         <div
           className="trigger"
-          onClick={() => loading({ attach: () => document.querySelector('#loading-attach') }) as any}
+          onClick={() =>
+            loading({
+              attach: () => document.querySelector('#loading-attach'),
+            }) as any
+          }
         >
           container to trigger loading
         </div>