chore: clean up

Author: zombieJ

src/PickerInput/Popup/index.tsx

@@ -8,7 +8,6 @@ import type {
   ValueDate,
 } from '../../interface';
 import { toArray } from '../../utils/miscUtil';
-import { getRealPlacement, getOffsetUnit } from '../../utils/uiUtil';
 import PickerContext from '../context';
 import Footer, { type FooterProps } from './Footer';
 import PopupPanel, { type PopupPanelProps } from './PopupPanel';
@@ -33,7 +32,6 @@ export interface PopupProps<DateType extends object = any, PresetValue = DateTyp
 
   // Range
   activeInfo?: [activeInputLeft: number, activeInputRight: number, selectorWidth: number];
-  placement?: string;
   // Direction
   direction?: 'ltr' | 'rtl';
 
@@ -60,7 +58,6 @@ export default function Popup<DateType extends object = any>(props: PopupProps<D
     range,
     multiple,
     activeInfo = [0, 0, 0],
-    placement,
 
     // Presets
     presets,
@@ -99,8 +96,8 @@ export default function Popup<DateType extends object = any>(props: PopupProps<D
   const [arrowOffset, setArrowOffset] = React.useState<number>(0);
 
   const onResize: ResizeObserverProps['onResize'] = (info) => {
-    if (info.offsetWidth) {
-      setContainerWidth(info.offsetWidth);
+    if (info.width) {
+      setContainerWidth(info.width);
     }
   };
 
@@ -122,15 +119,12 @@ export default function Popup<DateType extends object = any>(props: PopupProps<D
 
       // Container Offset
       if (containerWidth < selectorWidth) {
-        if (rtl) {
-          const offset = wrapperRect.right - (activeInputRight - arrowWidth + containerWidth);
-          const safeOffset = Math.max(0, offset);
-          setContainerOffset(safeOffset);
-        } else {
-          const offset = activeInputLeft + arrowWidth - wrapperRect.left - containerWidth;
-          const safeOffset = Math.max(0, offset);
-          setContainerOffset(safeOffset);
-        }
+        const offset = rtl
+          ? wrapperRect.right - (activeInputRight - arrowWidth + containerWidth)
+          : activeInputLeft + arrowWidth - wrapperRect.left - containerWidth;
+
+        const safeOffset = Math.max(0, offset);
+        setContainerOffset(safeOffset);
       } else {
         setContainerOffset(0);
       }

src/PickerInput/RangePicker.tsx

@@ -160,7 +160,6 @@ function RangePicker<DateType extends object = any>(
     prefixCls,
     styles,
     classNames,
-    placement,
 
     // Value
     defaultValue,
@@ -578,7 +577,6 @@ function RangePicker<DateType extends object = any>(
       range
       multiplePanel={multiplePanel}
       activeInfo={activeInfo}
-      placement={placement}
       // Disabled
       disabledDate={mergedDisabledDate}
       // Focus

src/PickerInput/Selector/RangeSelector.tsx

@@ -8,7 +8,6 @@ import useInputProps from './hooks/useInputProps';
 import useRootProps from './hooks/useRootProps';
 import Icon, { ClearIcon } from './Icon';
 import Input, { type InputRef } from './Input';
-// import { getOffsetUnit, getRealPlacement } from '../../utils/uiUtil';
 
 export type SelectorIdType =
   | string
@@ -175,9 +174,6 @@ function RangeSelector<DateType extends object = any>(
   });
 
   // ====================== ActiveBar =======================
-  // const realPlacement = getRealPlacement(placement, rtl);
-  // const offsetUnit = getOffsetUnit(realPlacement, rtl);
-  // const placementRight = realPlacement?.toLowerCase().endsWith('right');
   const [activeBarStyle, setActiveBarStyle] = React.useState<React.CSSProperties>({
     position: 'absolute',
     width: 0,
@@ -186,23 +182,13 @@ function RangeSelector<DateType extends object = any>(
   const syncActiveOffset = useEvent(() => {
     const input = getInput(activeIndex);
     if (input) {
-      const { offsetWidth, offsetParent } = input.nativeElement;
-      // const parentWidth = (offsetParent as HTMLElement)?.offsetWidth || 0;
-      // const activeOffset = placementRight ? parentWidth - offsetWidth - offsetLeft : offsetLeft;
-      // setActiveBarStyle(({ insetInlineStart, insetInlineEnd, ...rest }) => ({
-      //   ...rest,
-      //   width: offsetWidth,
-      //   [offsetUnit]: activeOffset
-      // }));
-      // onActiveOffset(activeOffset);
-
       const inputRect = input.nativeElement.getBoundingClientRect();
       const parentRect = rootRef.current.getBoundingClientRect();
 
       const rectOffset = inputRect.left - parentRect.left;
       setActiveBarStyle((ori) => ({
         ...ori,
-        width: offsetWidth,
+        width: inputRect.width,
         left: rectOffset,
       }));
       onActiveInfo([inputRect.left, inputRect.right, parentRect.width]);

src/utils/uiUtil.ts

@@ -236,7 +236,7 @@ exports[`Picker.Range use dateRender and monthCellRender in date range picker 1`
       </div>
       <div
         class="rc-picker-active-bar"
-        style="position: absolute; left: 0px;"
+        style="position: absolute; width: 0px; left: 0px;"
       />
     </div>
   </div>
@@ -1293,7 +1293,7 @@ exports[`Picker.Range use dateRender and monthCellRender in month range picker 1
       </div>
       <div
         class="rc-picker-active-bar"
-        style="position: absolute; left: 0px;"
+        style="position: absolute; width: 0px; left: 0px;"
       />
     </div>
   </div>