@aloudata/aloudata-design 3.1.6 → 3.2.0-beta.0

package/dist/DataPreviewTable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/DataPreviewTable/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport React, {\n  forwardRef,\n  memo,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport Progress, { IProgressRef } from '../Progress';\nimport ScrollArea from '../ScrollArea';\nimport Spin from '../Spin';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport Body from './components/Body';\nimport Error from './components/Body/Error';\nimport Header from './components/Header';\nimport { CELL_HEIGHT, DEFAULT_HEADER_HEIGHT } from './constant';\nimport useDirection from './hooks/useDirection';\nimport {\n  DataPreviewTableRef,\n  ITableProps,\n  PreviewColumn,\n  TValue,\n} from './interface';\n\nconst EMPTY_COLUMNS: PreviewColumn[] = [];\nconst EMPTY_DATASOURCE: TValue[][] = [];\n\nconst DataPreviewTable = forwardRef(function (\n  props: ITableProps,\n  ref: React.Ref<DataPreviewTableRef>,\n) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    columns = EMPTY_COLUMNS,\n    datasource = EMPTY_DATASOURCE,\n    width,\n    height,\n    headerHeight = 0,\n    loading,\n    dataStatus,\n    errorMsg = t.DataPreviewTable.dataLoadFailed,\n  } = props;\n\n  const realHeaderHeight = Math.max(headerHeight, DEFAULT_HEADER_HEIGHT);\n  const tableId = `ald-data-preview-${React.useId().replace(/:/g, '')}`;\n  const contentHeight = useMemo(() => {\n    return datasource.length * CELL_HEIGHT + realHeaderHeight;\n  }, [datasource, realHeaderHeight]);\n  const wrapRef = useRef<HTMLDivElement>(null);\n  const progressRef = useRef<IProgressRef>(null);\n  const {\n    columnRange,\n    rowRange,\n    onScroll,\n    columnLayout,\n    setColumnsWidth,\n    tableColumns,\n    contentWidth,\n  } = useDirection(columns, wrapRef);\n\n  useImperativeHandle(ref, () => ({\n    scrollToColumnInView: (columnId: string) => {\n      // 实现scrollTo方法\n      const columnPos = columnLayout[columnId];\n      if (!columnPos) return;\n      // 根据容器的宽度，容器的scrollLeft，columnPos，判断当前列是否在可视区域内\n      const { scrollLeft } = wrapRef.current as HTMLDivElement;\n      const { left, width } = columnPos;\n      const containerWidth = wrapRef.current?.clientWidth || 0;\n      if (left < scrollLeft) {\n        // 左边不可见\n        wrapRef.current?.scrollTo({\n          left,\n          behavior: 'smooth',\n        });\n      } else if (left + width > scrollLeft + containerWidth) {\n        // 右边不可见\n        wrapRef.current?.scrollTo({\n          left: left + width - containerWidth,\n          behavior: 'smooth',\n        });\n      }\n    },\n    progressRestart: () => {\n      progressRef.current?.restart();\n    },\n  }));\n\n  const skeletonRows = useMemo(() => {\n    if (!wrapRef.current) return 0;\n    const rows = Math.ceil(\n      ((wrapRef.current?.clientHeight || 0) - realHeaderHeight) / CELL_HEIGHT,\n    );\n    return rows - 1 < 0 ? 0 : rows - 1;\n  }, [realHeaderHeight]);\n\n  return (\n    <div\n      role=\"table\"\n      aria-label=\"Data preview table\"\n      aria-busy={loading || dataStatus === 'pending' || undefined}\n      style={{ width, height }}\n      className={cn(\n        props.className,\n        'ald-data-preview-table tw-relative tw-box-border tw-border tw-border-solid tw-border-[var(--border-default)] tw-text-xs tw-tabular-nums [&_*]:tw-box-border',\n        {\n          'ald-data-preview-table-show-skeleton': dataStatus === 'pending',\n        },\n      )}\n    >\n      <div className=\"ald-data-preview-progress tw-absolute tw-left-0 tw-top-0 tw-z-[3] tw-w-full\">\n        <Progress loading={!!loading} ref={progressRef} />\n      </div>\n      <ScrollArea\n        ref={wrapRef}\n        style={{ willChange: 'transform' }}\n        onViewportScroll={() => {\n          // const { scrollTop, scrollLeft } = e.target as HTMLDivElement;\n          onScroll();\n        }}\n      >\n        <div\n          style={{\n            height:\n              dataStatus === 'pending'\n                ? skeletonRows * CELL_HEIGHT + realHeaderHeight\n                : contentHeight,\n            position: 'relative',\n            width: 'fit-content',\n          }}\n        >\n          <div className=\"ald-data-preview-sticky tw-sticky tw-top-0 tw-z-[1]\">\n            <Header\n              tableId={tableId}\n              contentWidth={contentWidth}\n              headerHeight={realHeaderHeight}\n              columns={tableColumns}\n              columnLayout={columnLayout}\n              setWidth={setColumnsWidth}\n              columnRange={columnRange}\n            />\n          </div>\n          {dataStatus === 'pending' && tableColumns.length > 0 && (\n            <div\n              role=\"status\"\n              aria-live=\"polite\"\n              className=\"ald-data-preview-loading tw-fixed tw-flex tw-size-full tw-items-center tw-justify-center\"\n            >\n              <Spin />\n            </div>\n          )}\n          {dataStatus === 'success' && (\n            <Body\n              tableId={tableId}\n              columns={tableColumns}\n              columnRange={columnRange}\n              columnLayout={columnLayout}\n              datasource={datasource}\n              rowRange={rowRange}\n              headerHeight={realHeaderHeight}\n            />\n          )}\n          {dataStatus === 'error' && (\n            <Error\n              errorMsg={errorMsg}\n              wrapWidth={wrapRef.current?.clientWidth || 0}\n              wrapHeight={wrapRef.current?.clientHeight || 0}\n              headerHeight={realHeaderHeight}\n            />\n          )}\n          {dataStatus === 'success' && datasource.length === 0 && (\n            <div role=\"status\" aria-live=\"polite\" className=\"tw-sr-only\">\n              No data\n            </div>\n          )}\n        </div>\n      </ScrollArea>\n    </div>\n  );\n});\n\nexport default memo(DataPreviewTable);\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["cn","React","forwardRef","memo","useContext","useImperativeHandle","useMemo","useRef","Progress","IProgressRef","ScrollArea","Spin","LocaleContext","getTranslator","Body","Error","Header","CELL_HEIGHT","DEFAULT_HEADER_HEIGHT","useDirection","DataPreviewTableRef","ITableProps","PreviewColumn","TValue","EMPTY_COLUMNS","EMPTY_DATASOURCE","DataPreviewTable","props","ref","Ref","locale","t","columns","datasource","width","height","headerHeight","loading","dataStatus","errorMsg","dataLoadFailed","realHeaderHeight","Math","max","tableId","useId","replace","contentHeight","length","wrapRef","HTMLDivElement","progressRef","columnRange","rowRange","onScroll","columnLayout","setColumnsWidth","tableColumns","contentWidth","scrollToColumnInView","columnId","columnPos","scrollLeft","current","left","containerWidth","clientWidth","scrollTo","behavior","progressRestart","restart","skeletonRows","rows","ceil","clientHeight","undefined","className","willChange","position"],"sources":["../../src/DataPreviewTable/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport React, {\n  forwardRef,\n  memo,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport Progress, { IProgressRef } from '../Progress';\nimport ScrollArea from '../ScrollArea';\nimport Spin from '../Spin';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport Body from './components/Body';\nimport Error from './components/Body/Error';\nimport Header from './components/Header';\nimport { CELL_HEIGHT, DEFAULT_HEADER_HEIGHT } from './constant';\nimport useDirection from './hooks/useDirection';\nimport {\n  DataPreviewTableRef,\n  ITableProps,\n  PreviewColumn,\n  TValue,\n} from './interface';\n\nconst EMPTY_COLUMNS: PreviewColumn[] = [];\nconst EMPTY_DATASOURCE: TValue[][] = [];\n\nconst DataPreviewTable = forwardRef(function (\n  props: ITableProps,\n  ref: React.Ref<DataPreviewTableRef>,\n) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    columns = EMPTY_COLUMNS,\n    datasource = EMPTY_DATASOURCE,\n    width,\n    height,\n    headerHeight = 0,\n    loading,\n    dataStatus,\n    errorMsg = t.DataPreviewTable.dataLoadFailed,\n  } = props;\n\n  const realHeaderHeight = Math.max(headerHeight, DEFAULT_HEADER_HEIGHT);\n  const tableId = `ald-data-preview-${React.useId().replace(/:/g, '')}`;\n  const contentHeight = useMemo(() => {\n    return datasource.length * CELL_HEIGHT + realHeaderHeight;\n  }, [datasource, realHeaderHeight]);\n  const wrapRef = useRef<HTMLDivElement>(null);\n  const progressRef = useRef<IProgressRef>(null);\n  const {\n    columnRange,\n    rowRange,\n    onScroll,\n    columnLayout,\n    setColumnsWidth,\n    tableColumns,\n    contentWidth,\n  } = useDirection(columns, wrapRef);\n\n  useImperativeHandle(ref, () => ({\n    scrollToColumnInView: (columnId: string) => {\n      // 实现scrollTo方法\n      const columnPos = columnLayout[columnId];\n      if (!columnPos) return;\n      // 根据容器的宽度，容器的scrollLeft，columnPos，判断当前列是否在可视区域内\n      const { scrollLeft } = wrapRef.current as HTMLDivElement;\n      const { left, width } = columnPos;\n      const containerWidth = wrapRef.current?.clientWidth || 0;\n      if (left < scrollLeft) {\n        // 左边不可见\n        wrapRef.current?.scrollTo({\n          left,\n          behavior: 'smooth',\n        });\n      } else if (left + width > scrollLeft + containerWidth) {\n        // 右边不可见\n        wrapRef.current?.scrollTo({\n          left: left + width - containerWidth,\n          behavior: 'smooth',\n        });\n      }\n    },\n    progressRestart: () => {\n      progressRef.current?.restart();\n    },\n  }));\n\n  const skeletonRows = useMemo(() => {\n    if (!wrapRef.current) return 0;\n    const rows = Math.ceil(\n      ((wrapRef.current?.clientHeight || 0) - realHeaderHeight) / CELL_HEIGHT,\n    );\n    return rows - 1 < 0 ? 0 : rows - 1;\n  }, [realHeaderHeight]);\n\n  return (\n    <div\n      role=\"table\"\n      aria-label=\"Data preview table\"\n      aria-busy={loading || dataStatus === 'pending' || undefined}\n      style={{ width, height }}\n      className={cn(\n        props.className,\n        'ald-data-preview-table tw-relative tw-box-border tw-border tw-border-solid tw-border-[var(--border-default)] tw-text-xs tw-tabular-nums [&_*]:tw-box-border',\n        {\n          'ald-data-preview-table-show-skeleton': dataStatus === 'pending',\n        },\n      )}\n    >\n      <div className=\"ald-data-preview-progress tw-absolute tw-left-0 tw-top-0 tw-z-[3] tw-w-full\">\n        <Progress loading={!!loading} ref={progressRef} />\n      </div>\n      <ScrollArea\n        ref={wrapRef}\n        style={{ willChange: 'transform' }}\n        onViewportScroll={() => {\n          // const { scrollTop, scrollLeft } = e.target as HTMLDivElement;\n          onScroll();\n        }}\n      >\n        <div\n          style={{\n            height:\n              dataStatus === 'pending'\n                ? skeletonRows * CELL_HEIGHT + realHeaderHeight\n                : contentHeight,\n            position: 'relative',\n            width: 'fit-content',\n          }}\n        >\n          <div className=\"ald-data-preview-sticky tw-sticky tw-top-0 tw-z-[1]\">\n            <Header\n              tableId={tableId}\n              contentWidth={contentWidth}\n              headerHeight={realHeaderHeight}\n              columns={tableColumns}\n              columnLayout={columnLayout}\n              setWidth={setColumnsWidth}\n              columnRange={columnRange}\n            />\n          </div>\n          {dataStatus === 'pending' && tableColumns.length > 0 && (\n            <div\n              role=\"status\"\n              aria-live=\"polite\"\n              className=\"ald-data-preview-loading tw-fixed tw-flex tw-size-full tw-items-center tw-justify-center\"\n            >\n              <Spin />\n            </div>\n          )}\n          {dataStatus === 'success' && (\n            <Body\n              tableId={tableId}\n              columns={tableColumns}\n              columnRange={columnRange}\n              columnLayout={columnLayout}\n              datasource={datasource}\n              rowRange={rowRange}\n              headerHeight={realHeaderHeight}\n            />\n          )}\n          {dataStatus === 'error' && (\n            <Error\n              errorMsg={errorMsg}\n              wrapWidth={wrapRef.current?.clientWidth || 0}\n              wrapHeight={wrapRef.current?.clientHeight || 0}\n              headerHeight={realHeaderHeight}\n            />\n          )}\n          {dataStatus === 'success' && datasource.length === 0 && (\n            <div role=\"status\" aria-live=\"polite\" className=\"tw-sr-only\">\n              No data\n            </div>\n          )}\n        </div>\n      </ScrollArea>\n    </div>\n  );\n});\n\nexport default memo(DataPreviewTable);\n"],"mappings":"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"}

package/dist/DataPreviewTable/interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"interface.js","names":[],"sources":["../../src/DataPreviewTable/interface.ts"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nexport interface ITableProps {\n  columns?: PreviewColumn[];\n  datasource?: TValue[][];\n  // onHeaderContextMenu?: (e: MouseEvent, column: PreviewColumn) => void; //响应右键\n  // onCellContextMenu?: (\n  //   e: MouseEvent,\n  //   value: TValue,\n  //   column: PreviewColumn,\n  // ) => void; //响应右键\n  width?: CSSProperties['width']; //容器宽度\n  height?: CSSProperties['height']; //容器高度\n  headerHeight?: number; // header 高度，不能小于最小高度\n  dataStatus?: 'pending' | 'success' | 'error';\n  loading?: boolean;\n  errorMsg?: string | React.ReactNode;\n  className?: string;\n}\nexport interface DataPreviewTableRef {\n  scrollToColumnInView: (columnId: string) => void;\n  progressRestart: () => void;\n}\nexport type Align = 'left' | 'center' | 'right';\nexport interface PreviewColumn {\n  icon?: React.ReactNode;\n  name: string;\n  id: string;\n  defaultWidth?: number;\n  renderHeader?: (column: Omit<PreviewColumn, 'render'>) => React.ReactElement; //自定义列头\n  align?: Align;\n  render?: (value: TValue) => React.ReactElement;\n}\nexport type TValue = string | null | number | boolean;\nexport interface IColumnLayout {\n  [key: string]: {\n    width: number;\n    left: number;\n  };\n}\n\nexport interface IScrollData {\n  scrollLeft: number;\n  scrollTop: number;\n  direction: IScrollDirection;\n}\nexport interface IScrollDirection {\n  horizontal: EScrollHorizontalDirection;\n  vertical: EScrollVerticalDirection;\n  current: EScrollHorizontalDirection | EScrollVerticalDirection | 'init';\n}\nexport enum EScrollHorizontalDirection {\n  SCROLL_TO_LEFT = 'toLeft',\n  SCROLL_TO_RIGHT = 'toRight',\n}\nexport enum EScrollVerticalDirection {\n  SCROLL_TO_TOP = 'toTop',\n  SCROLL_TO_BOTTOM = 'toBottom',\n}\n"],"mappings":";AAmDA,IAAY,6BAAL,yBAAA,4BAAA;AACL,4BAAA,oBAAA;AACA,4BAAA,qBAAA;;KACD;AACD,IAAY,2BAAL,yBAAA,0BAAA;AACL,0BAAA,mBAAA;AACA,0BAAA,sBAAA;;KACD"}
+{"version":3,"file":"interface.js","names":["React","CSSProperties","ITableProps","columns","PreviewColumn","datasource","TValue","width","height","headerHeight","dataStatus","loading","errorMsg","ReactNode","className","DataPreviewTableRef","scrollToColumnInView","columnId","progressRestart","Align","icon","name","id","defaultWidth","renderHeader","column","Omit","ReactElement","align","render","value","IColumnLayout","key","left","IScrollData","scrollLeft","scrollTop","direction","IScrollDirection","horizontal","EScrollHorizontalDirection","vertical","EScrollVerticalDirection","current","SCROLL_TO_LEFT","SCROLL_TO_RIGHT","SCROLL_TO_TOP","SCROLL_TO_BOTTOM"],"sources":["../../src/DataPreviewTable/interface.ts"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nexport interface ITableProps {\n  columns?: PreviewColumn[];\n  datasource?: TValue[][];\n  // onHeaderContextMenu?: (e: MouseEvent, column: PreviewColumn) => void; //响应右键\n  // onCellContextMenu?: (\n  //   e: MouseEvent,\n  //   value: TValue,\n  //   column: PreviewColumn,\n  // ) => void; //响应右键\n  width?: CSSProperties['width']; //容器宽度\n  height?: CSSProperties['height']; //容器高度\n  headerHeight?: number; // header 高度，不能小于最小高度\n  dataStatus?: 'pending' | 'success' | 'error';\n  loading?: boolean;\n  errorMsg?: string | React.ReactNode;\n  className?: string;\n}\nexport interface DataPreviewTableRef {\n  scrollToColumnInView: (columnId: string) => void;\n  progressRestart: () => void;\n}\nexport type Align = 'left' | 'center' | 'right';\nexport interface PreviewColumn {\n  icon?: React.ReactNode;\n  name: string;\n  id: string;\n  defaultWidth?: number;\n  renderHeader?: (column: Omit<PreviewColumn, 'render'>) => React.ReactElement; //自定义列头\n  align?: Align;\n  render?: (value: TValue) => React.ReactElement;\n}\nexport type TValue = string | null | number | boolean;\nexport interface IColumnLayout {\n  [key: string]: {\n    width: number;\n    left: number;\n  };\n}\n\nexport interface IScrollData {\n  scrollLeft: number;\n  scrollTop: number;\n  direction: IScrollDirection;\n}\nexport interface IScrollDirection {\n  horizontal: EScrollHorizontalDirection;\n  vertical: EScrollVerticalDirection;\n  current: EScrollHorizontalDirection | EScrollVerticalDirection | 'init';\n}\nexport enum EScrollHorizontalDirection {\n  SCROLL_TO_LEFT = 'toLeft',\n  SCROLL_TO_RIGHT = 'toRight',\n}\nexport enum EScrollVerticalDirection {\n  SCROLL_TO_TOP = 'toTop',\n  SCROLL_TO_BOTTOM = 'toBottom',\n}\n"],"mappings":";AAmDA,IAAYwC,6BAAL,yBAAA,4BAAA;AACLI,4BAAAA,oBAAAA;AACAC,4BAAAA,qBAAAA;;KACF;AACA,IAAYH,2BAAL,yBAAA,0BAAA;AACLI,0BAAAA,mBAAAA;AACAC,0BAAAA,sBAAAA"}

package/dist/DataPreviewTable/utils/findRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"findRange.js","names":[],"sources":["../../../src/DataPreviewTable/utils/findRange.ts"],"sourcesContent":["import { UNDEFINED_INDEX } from '../constant';\n\nconst FIRST_INDEX = 0;\nconst BINARY_NUMBER = 2;\n/**\n * @param arr 有序数组\n * @param targetNumber 当前数字\n * @returns 数组中第一个大于等于目标数字的index，最大为arr.length-1 如果数组为空，返回-1\n */\nexport function findLastIndex(arr: number[], targetNumber: number): number {\n  if (arr.length === 0) {\n    return UNDEFINED_INDEX;\n  }\n  const last = arr[arr.length - 1];\n  if (targetNumber >= last) {\n    return arr.length - 1;\n  }\n  const first = arr[FIRST_INDEX];\n  if (targetNumber <= first) {\n    return FIRST_INDEX;\n  }\n  let left = 0,\n    right = arr.length - 1;\n  while (left <= right) {\n    const midIndex = Math.floor((left + right) / BINARY_NUMBER);\n    const mid = arr[midIndex];\n    if (mid < targetNumber) {\n      left = midIndex + 1;\n    } else if (mid === targetNumber) {\n      return midIndex;\n    } else {\n      right = midIndex - 1;\n    }\n  }\n  return left;\n}\n/**\n *\n * @param arr 有序数组\n * @param targetNumber 当前数字\n * @returns 返回数组中第一个小于等于目标数字的index,用于查找起始位置 ，最小为0 如果数组为空返回-1\n */\nexport function findFirstIndex(arr: number[], targetNumber: number): number {\n  if (arr.length === 0) {\n    return UNDEFINED_INDEX;\n  }\n  const last = arr[arr.length - 1];\n  if (targetNumber >= last) {\n    return arr.length - 1;\n  }\n  const first = arr[FIRST_INDEX];\n  if (targetNumber <= first) {\n    return FIRST_INDEX;\n  }\n  let left = 0,\n    right = arr.length - 1;\n  while (left <= right) {\n    const midIndex = Math.floor((left + right) / BINARY_NUMBER);\n    const mid = arr[midIndex];\n    if (mid > targetNumber) {\n      right = midIndex - 1;\n    } else if (mid === targetNumber) {\n      return midIndex;\n    } else {\n      left = midIndex + 1;\n    }\n  }\n  return right;\n}\n"],"mappings":";AAEA,IAAM,cAAc;AACpB,IAAM,gBAAgB;;;;;;AAMtB,SAAgB,cAAc,KAAe,cAA8B;AACzE,KAAI,IAAI,WAAW,EACjB,QAAA;AAGF,KAAI,gBADS,IAAI,IAAI,SAAS,GAE5B,QAAO,IAAI,SAAS;AAGtB,KAAI,gBADU,IAAI,aAEhB,QAAO;CAET,IAAI,OAAO,GACT,QAAQ,IAAI,SAAS;AACvB,QAAO,QAAQ,OAAO;EACpB,MAAM,WAAW,KAAK,OAAO,OAAO,SAAS,cAAc;EAC3D,MAAM,MAAM,IAAI;AAChB,MAAI,MAAM,aACR,QAAO,WAAW;WACT,QAAQ,aACjB,QAAO;MAEP,SAAQ,WAAW;;AAGvB,QAAO;;;;;;;;AAQT,SAAgB,eAAe,KAAe,cAA8B;AAC1E,KAAI,IAAI,WAAW,EACjB,QAAA;AAGF,KAAI,gBADS,IAAI,IAAI,SAAS,GAE5B,QAAO,IAAI,SAAS;AAGtB,KAAI,gBADU,IAAI,aAEhB,QAAO;CAET,IAAI,OAAO,GACT,QAAQ,IAAI,SAAS;AACvB,QAAO,QAAQ,OAAO;EACpB,MAAM,WAAW,KAAK,OAAO,OAAO,SAAS,cAAc;EAC3D,MAAM,MAAM,IAAI;AAChB,MAAI,MAAM,aACR,SAAQ,WAAW;WACV,QAAQ,aACjB,QAAO;MAEP,QAAO,WAAW;;AAGtB,QAAO"}
+{"version":3,"file":"findRange.js","names":["UNDEFINED_INDEX","FIRST_INDEX","BINARY_NUMBER","findLastIndex","arr","targetNumber","length","last","first","left","right","midIndex","Math","floor","mid","findFirstIndex"],"sources":["../../../src/DataPreviewTable/utils/findRange.ts"],"sourcesContent":["import { UNDEFINED_INDEX } from '../constant';\n\nconst FIRST_INDEX = 0;\nconst BINARY_NUMBER = 2;\n/**\n * @param arr 有序数组\n * @param targetNumber 当前数字\n * @returns 数组中第一个大于等于目标数字的index，最大为arr.length-1 如果数组为空，返回-1\n */\nexport function findLastIndex(arr: number[], targetNumber: number): number {\n  if (arr.length === 0) {\n    return UNDEFINED_INDEX;\n  }\n  const last = arr[arr.length - 1];\n  if (targetNumber >= last) {\n    return arr.length - 1;\n  }\n  const first = arr[FIRST_INDEX];\n  if (targetNumber <= first) {\n    return FIRST_INDEX;\n  }\n  let left = 0,\n    right = arr.length - 1;\n  while (left <= right) {\n    const midIndex = Math.floor((left + right) / BINARY_NUMBER);\n    const mid = arr[midIndex];\n    if (mid < targetNumber) {\n      left = midIndex + 1;\n    } else if (mid === targetNumber) {\n      return midIndex;\n    } else {\n      right = midIndex - 1;\n    }\n  }\n  return left;\n}\n/**\n *\n * @param arr 有序数组\n * @param targetNumber 当前数字\n * @returns 返回数组中第一个小于等于目标数字的index,用于查找起始位置 ，最小为0 如果数组为空返回-1\n */\nexport function findFirstIndex(arr: number[], targetNumber: number): number {\n  if (arr.length === 0) {\n    return UNDEFINED_INDEX;\n  }\n  const last = arr[arr.length - 1];\n  if (targetNumber >= last) {\n    return arr.length - 1;\n  }\n  const first = arr[FIRST_INDEX];\n  if (targetNumber <= first) {\n    return FIRST_INDEX;\n  }\n  let left = 0,\n    right = arr.length - 1;\n  while (left <= right) {\n    const midIndex = Math.floor((left + right) / BINARY_NUMBER);\n    const mid = arr[midIndex];\n    if (mid > targetNumber) {\n      right = midIndex - 1;\n    } else if (mid === targetNumber) {\n      return midIndex;\n    } else {\n      left = midIndex + 1;\n    }\n  }\n  return right;\n}\n"],"mappings":";AAEA,IAAMC,cAAc;AACpB,IAAMC,gBAAgB;;;;;;AAMtB,SAAgBC,cAAcC,KAAeC,cAA8B;AACzE,KAAID,IAAIE,WAAW,EACjB,QAAA;AAGF,KAAID,gBADSD,IAAIA,IAAIE,SAAS,GAE5B,QAAOF,IAAIE,SAAS;AAGtB,KAAID,gBADUD,IAAIH,aAEhB,QAAOA;CAET,IAAIQ,OAAO,GACTC,QAAQN,IAAIE,SAAS;AACvB,QAAOG,QAAQC,OAAO;EACpB,MAAMC,WAAWC,KAAKC,OAAOJ,OAAOC,SAASR,cAAc;EAC3D,MAAMY,MAAMV,IAAIO;AAChB,MAAIG,MAAMT,aACRI,QAAOE,WAAW;WACTG,QAAQT,aACjB,QAAOM;MAEPD,SAAQC,WAAW;;AAGvB,QAAOF;;;;;;;;AAQT,SAAgBM,eAAeX,KAAeC,cAA8B;AAC1E,KAAID,IAAIE,WAAW,EACjB,QAAA;AAGF,KAAID,gBADSD,IAAIA,IAAIE,SAAS,GAE5B,QAAOF,IAAIE,SAAS;AAGtB,KAAID,gBADUD,IAAIH,aAEhB,QAAOA;CAET,IAAIQ,OAAO,GACTC,QAAQN,IAAIE,SAAS;AACvB,QAAOG,QAAQC,OAAO;EACpB,MAAMC,WAAWC,KAAKC,OAAOJ,OAAOC,SAASR,cAAc;EAC3D,MAAMY,MAAMV,IAAIO;AAChB,MAAIG,MAAMT,aACRK,SAAQC,WAAW;WACVG,QAAQT,aACjB,QAAOM;MAEPF,QAAOE,WAAW;;AAGtB,QAAOD"}

package/dist/DataPreviewTable/utils/getColumnRange.d.ts

@@ -1,6 +1,6 @@
-import { IScrollDirection } from '../interface';
+import { IScrollDirection } from '../interface.js';
 declare const _default: ({ direction, wrapWidth, scrollLeft, columnsOffsets, }: {
-    direction: IScrollDirection['current'];
+    direction: IScrollDirection["current"];
     wrapWidth: number;
     scrollLeft: number;
     columnsOffsets: number[];

package/dist/DataPreviewTable/utils/getColumnRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"getColumnRange.js","names":[],"sources":["../../../src/DataPreviewTable/utils/getColumnRange.ts"],"sourcesContent":["import { PRE_RENDER_RANGE } from '../constant';\nimport { EScrollHorizontalDirection, IScrollDirection } from '../interface';\nimport { findFirstIndex, findLastIndex } from './findRange';\nexport default ({\n  direction,\n  wrapWidth,\n  scrollLeft,\n  columnsOffsets,\n}: {\n  direction: IScrollDirection['current'];\n  wrapWidth: number;\n  scrollLeft: number;\n  columnsOffsets: number[];\n}) => {\n  if (direction === EScrollHorizontalDirection.SCROLL_TO_LEFT) {\n    // 往左滚动\n    const firstIndex = findFirstIndex(\n      columnsOffsets,\n      scrollLeft - PRE_RENDER_RANGE,\n    );\n\n    const lastIndex = findLastIndex(columnsOffsets, scrollLeft + wrapWidth);\n    return [firstIndex, lastIndex] as [number, number];\n  }\n  if (\n    direction === EScrollHorizontalDirection.SCROLL_TO_RIGHT ||\n    direction === 'init'\n  ) {\n    // 往右滚动\n    const firstIndex = findFirstIndex(columnsOffsets, scrollLeft);\n    const lastIndex = findLastIndex(\n      columnsOffsets,\n      scrollLeft + PRE_RENDER_RANGE + wrapWidth,\n    );\n    return [firstIndex, lastIndex] as [number, number];\n  }\n};\n"],"mappings":";;;AAGA,IAAA,0BAAgB,EACd,WACA,WACA,YACA,qBAMI;AACJ,KAAI,cAAc,2BAA2B,eAQ3C,QAAO,CANY,eACjB,gBACA,aAAA,IACD,EAEiB,cAAc,gBAAgB,aAAa,UAAU,CACzC;AAEhC,KACE,cAAc,2BAA2B,mBACzC,cAAc,OAQd,QAAO,CALY,eAAe,gBAAgB,WAAW,EAC3C,cAChB,gBACA,aAAA,MAAgC,UACjC,CAC6B"}
+{"version":3,"file":"getColumnRange.js","names":["PRE_RENDER_RANGE","EScrollHorizontalDirection","IScrollDirection","findFirstIndex","findLastIndex","direction","wrapWidth","scrollLeft","columnsOffsets","SCROLL_TO_LEFT","firstIndex","lastIndex","SCROLL_TO_RIGHT"],"sources":["../../../src/DataPreviewTable/utils/getColumnRange.ts"],"sourcesContent":["import { PRE_RENDER_RANGE } from '../constant';\nimport { EScrollHorizontalDirection, IScrollDirection } from '../interface';\nimport { findFirstIndex, findLastIndex } from './findRange';\nexport default ({\n  direction,\n  wrapWidth,\n  scrollLeft,\n  columnsOffsets,\n}: {\n  direction: IScrollDirection['current'];\n  wrapWidth: number;\n  scrollLeft: number;\n  columnsOffsets: number[];\n}) => {\n  if (direction === EScrollHorizontalDirection.SCROLL_TO_LEFT) {\n    // 往左滚动\n    const firstIndex = findFirstIndex(\n      columnsOffsets,\n      scrollLeft - PRE_RENDER_RANGE,\n    );\n\n    const lastIndex = findLastIndex(columnsOffsets, scrollLeft + wrapWidth);\n    return [firstIndex, lastIndex] as [number, number];\n  }\n  if (\n    direction === EScrollHorizontalDirection.SCROLL_TO_RIGHT ||\n    direction === 'init'\n  ) {\n    // 往右滚动\n    const firstIndex = findFirstIndex(columnsOffsets, scrollLeft);\n    const lastIndex = findLastIndex(\n      columnsOffsets,\n      scrollLeft + PRE_RENDER_RANGE + wrapWidth,\n    );\n    return [firstIndex, lastIndex] as [number, number];\n  }\n};\n"],"mappings":";;;AAGA,IAAA,0BAAgB,EACdK,WACAC,WACAC,YACAC,qBAMI;AACJ,KAAIH,cAAcJ,2BAA2BQ,eAQ3C,QAAO,CANYN,eACjBK,gBACAD,aAAAA,IACD,EAEiBH,cAAcI,gBAAgBD,aAAaD,UAAU,CACzC;AAEhC,KACED,cAAcJ,2BAA2BW,mBACzCP,cAAc,OAQd,QAAO,CALYF,eAAeK,gBAAgBD,WAAW,EAC3CH,cAChBI,gBACAD,aAAAA,MAAgCD,UACjC,CAC6B"}

package/dist/DataPreviewTable/utils/getRowRange.d.ts

@@ -1,6 +1,6 @@
-import { IScrollDirection } from '../interface';
+import { IScrollDirection } from '../interface.js';
 declare const _default: ({ direction, wrapHeight, scrollTop, }: {
-    direction: IScrollDirection['current'];
+    direction: IScrollDirection["current"];
     wrapHeight: number;
     scrollTop: number;
 }) => [number, number] | undefined;

package/dist/DataPreviewTable/utils/getRowRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"getRowRange.js","names":[],"sources":["../../../src/DataPreviewTable/utils/getRowRange.ts"],"sourcesContent":["import { CELL_HEIGHT, PRE_RENDER_RANGE } from '../constant';\nimport { EScrollVerticalDirection, IScrollDirection } from '../interface';\nexport default ({\n  direction,\n  wrapHeight,\n  scrollTop,\n}: {\n  direction: IScrollDirection['current'];\n  wrapHeight: number;\n  scrollTop: number;\n}) => {\n  if (direction === EScrollVerticalDirection.SCROLL_TO_TOP) {\n    // 往上滚动\n    let firstIndex = Math.floor((scrollTop - PRE_RENDER_RANGE) / CELL_HEIGHT);\n    if (firstIndex < 0) {\n      firstIndex = 0;\n    }\n    const lastIndex = Math.ceil((scrollTop + wrapHeight) / CELL_HEIGHT) + 1;\n    return [firstIndex, lastIndex] as [number, number];\n  }\n  if (\n    direction === EScrollVerticalDirection.SCROLL_TO_BOTTOM ||\n    direction === 'init'\n  ) {\n    // 往下滚动\n    const firstIndex = Math.floor(scrollTop / CELL_HEIGHT);\n    const lastIndex =\n      Math.ceil((scrollTop + wrapHeight + PRE_RENDER_RANGE) / CELL_HEIGHT) + 1;\n    return [firstIndex, lastIndex] as [number, number];\n  }\n};\n"],"mappings":";;AAEA,IAAA,uBAAgB,EACd,WACA,YACA,gBAKI;AACJ,KAAI,cAAc,yBAAyB,eAAe;EAExD,IAAI,aAAa,KAAK,OAAO,YAAA,OAAA,GAA4C;AACzE,MAAI,aAAa,EACf,cAAa;EAEf,MAAM,YAAY,KAAK,MAAM,YAAY,cAAA,GAA0B,GAAG;AACtE,SAAO,CAAC,YAAY,UAAU;;AAEhC,KACE,cAAc,yBAAyB,oBACvC,cAAc,OAMd,QAAO,CAHY,KAAK,MAAM,YAAA,GAAwB,EAEpD,KAAK,MAAM,YAAY,aAAA,OAAA,GAA6C,GAAG,EAC3C"}
+{"version":3,"file":"getRowRange.js","names":["CELL_HEIGHT","PRE_RENDER_RANGE","EScrollVerticalDirection","IScrollDirection","direction","wrapHeight","scrollTop","SCROLL_TO_TOP","firstIndex","Math","floor","lastIndex","ceil","SCROLL_TO_BOTTOM"],"sources":["../../../src/DataPreviewTable/utils/getRowRange.ts"],"sourcesContent":["import { CELL_HEIGHT, PRE_RENDER_RANGE } from '../constant';\nimport { EScrollVerticalDirection, IScrollDirection } from '../interface';\nexport default ({\n  direction,\n  wrapHeight,\n  scrollTop,\n}: {\n  direction: IScrollDirection['current'];\n  wrapHeight: number;\n  scrollTop: number;\n}) => {\n  if (direction === EScrollVerticalDirection.SCROLL_TO_TOP) {\n    // 往上滚动\n    let firstIndex = Math.floor((scrollTop - PRE_RENDER_RANGE) / CELL_HEIGHT);\n    if (firstIndex < 0) {\n      firstIndex = 0;\n    }\n    const lastIndex = Math.ceil((scrollTop + wrapHeight) / CELL_HEIGHT) + 1;\n    return [firstIndex, lastIndex] as [number, number];\n  }\n  if (\n    direction === EScrollVerticalDirection.SCROLL_TO_BOTTOM ||\n    direction === 'init'\n  ) {\n    // 往下滚动\n    const firstIndex = Math.floor(scrollTop / CELL_HEIGHT);\n    const lastIndex =\n      Math.ceil((scrollTop + wrapHeight + PRE_RENDER_RANGE) / CELL_HEIGHT) + 1;\n    return [firstIndex, lastIndex] as [number, number];\n  }\n};\n"],"mappings":";;AAEA,IAAA,uBAAgB,EACdI,WACAC,YACAC,gBAKI;AACJ,KAAIF,cAAcF,yBAAyBK,eAAe;EAExD,IAAIC,aAAaC,KAAKC,OAAOJ,YAAAA,OAAAA,GAA4C;AACzE,MAAIE,aAAa,EACfA,cAAa;EAEf,MAAMG,YAAYF,KAAKG,MAAMN,YAAYD,cAAAA,GAA0B,GAAG;AACtE,SAAO,CAACG,YAAYG,UAAU;;AAEhC,KACEP,cAAcF,yBAAyBW,oBACvCT,cAAc,OAMd,QAAO,CAHYK,KAAKC,MAAMJ,YAAAA,GAAwB,EAEpDG,KAAKG,MAAMN,YAAYD,aAAAA,OAAAA,GAA6C,GAAG,EAC3C"}

package/dist/DataPreviewTable/utils/getTableLayout.d.ts

@@ -1,3 +1,3 @@
-import { IColumnLayout, PreviewColumn } from '../interface';
+import { IColumnLayout, PreviewColumn } from '../interface.js';
 declare const _default: (tableColumns: PreviewColumn[], columnsWidth: number[]) => IColumnLayout;
 export default _default;

package/dist/DataPreviewTable/utils/getTableLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"getTableLayout.js","names":[],"sources":["../../../src/DataPreviewTable/utils/getTableLayout.ts"],"sourcesContent":["import { DEFAULT_COLUMN_WIDTH } from '../constant';\nimport { IColumnLayout, PreviewColumn } from '../interface';\n\nexport default (tableColumns: PreviewColumn[], columnsWidth: number[]) => {\n  if (columnsWidth.length !== tableColumns.length) {\n    throw new Error('columnsWidth.length !== tableColumns.length');\n  }\n  const columnLayout: IColumnLayout = {};\n  let left = 0;\n  tableColumns.forEach((column, index) => {\n    const columnWidth =\n      columnsWidth[index] || column.defaultWidth || DEFAULT_COLUMN_WIDTH;\n    columnLayout[column.id] = {\n      width: columnWidth,\n      left,\n    };\n    left += columnWidth;\n  });\n  return columnLayout;\n};\n"],"mappings":";AAGA,IAAA,0BAAgB,cAA+B,iBAA2B;AACxE,KAAI,aAAa,WAAW,aAAa,OACvC,OAAM,IAAI,MAAM,8CAA8C;CAEhE,MAAM,eAA8B,EAAE;CACtC,IAAI,OAAO;AACX,cAAa,SAAS,QAAQ,UAAU;EACtC,MAAM,cACJ,aAAa,UAAU,OAAO,gBAAA;AAChC,eAAa,OAAO,MAAM;GACxB,OAAO;GACP;GACD;AACD,UAAQ;GACR;AACF,QAAO"}
+{"version":3,"file":"getTableLayout.js","names":["DEFAULT_COLUMN_WIDTH","IColumnLayout","PreviewColumn","tableColumns","columnsWidth","length","Error","columnLayout","left","forEach","column","index","columnWidth","defaultWidth","id","width"],"sources":["../../../src/DataPreviewTable/utils/getTableLayout.ts"],"sourcesContent":["import { DEFAULT_COLUMN_WIDTH } from '../constant';\nimport { IColumnLayout, PreviewColumn } from '../interface';\n\nexport default (tableColumns: PreviewColumn[], columnsWidth: number[]) => {\n  if (columnsWidth.length !== tableColumns.length) {\n    throw new Error('columnsWidth.length !== tableColumns.length');\n  }\n  const columnLayout: IColumnLayout = {};\n  let left = 0;\n  tableColumns.forEach((column, index) => {\n    const columnWidth =\n      columnsWidth[index] || column.defaultWidth || DEFAULT_COLUMN_WIDTH;\n    columnLayout[column.id] = {\n      width: columnWidth,\n      left,\n    };\n    left += columnWidth;\n  });\n  return columnLayout;\n};\n"],"mappings":";AAGA,IAAA,0BAAgBG,cAA+BC,iBAA2B;AACxE,KAAIA,aAAaC,WAAWF,aAAaE,OACvC,OAAM,IAAIC,MAAM,8CAA8C;CAEhE,MAAMC,eAA8B,EAAE;CACtC,IAAIC,OAAO;AACXL,cAAaM,SAASC,QAAQC,UAAU;EACtC,MAAMC,cACJR,aAAaO,UAAUD,OAAOG,gBAAAA;AAChCN,eAAaG,OAAOI,MAAM;GACxBC,OAAOH;GACPJ;GACD;AACDA,UAAQI;GACR;AACF,QAAOL"}

package/dist/DataPreviewTable.js

@@ -0,0 +1,2 @@
+export * from './DataPreviewTable/index.js';
+export { default } from './DataPreviewTable/index.js';

package/dist/DatePicker/index.d.ts

@@ -1,8 +1,9 @@
 import { Dayjs } from 'dayjs';
 import { default as React } from 'react';
-import { PickerProps, RangePickerProps as RcRangePickerProps, PickerRef } from 'rc-picker';
-import { PanelMode, RangePickerRef } from 'rc-picker/es/interface';
-import { SizeType } from '../ConfigProvider/sizeContext';
+import { RangePickerProps as RcRangePickerProps } from 'rc-picker/es/PickerInput/RangePicker.js';
+import { PickerProps } from 'rc-picker/es/PickerInput/SinglePicker.js';
+import { PanelMode, PickerRef, RangePickerRef } from 'rc-picker/es/interface.js';
+import { SizeType } from '../ConfigProvider/sizeContext.js';
 export type RangeValue<T = Dayjs> = [T | null, T | null] | null;
 /**
  * disabledDate compat: rc-picker v4 requires (date, info) => boolean,

package/dist/DatePicker/index.js

@@ -3,18 +3,65 @@ import DisabledContext from "../ConfigProvider/DisabledContext.js";
 import SizeContext from "../ConfigProvider/sizeContext.js";
 import { LocaleContext } from "../locale/default.js";
 /* empty css            */
-import enUSDatePicker from "rc-picker/es/locale/en_US";
-import React, { forwardRef, useContext } from "react";
+import enUSDatePicker from "rc-picker/es/locale/en_US.js";
+import { c } from "react-compiler-runtime";
+import { forwardRef, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Picker, RangePicker } from "rc-picker";
-import dayjsGenerateConfig from "rc-picker/es/generate/dayjs";
+import dayjsGenerateConfig from "rc-picker/es/generate/dayjs.js";
 //#region src/DatePicker/index.tsx
 var SIZE_CLS = {
 	small: "ald-picker-sm",
 	large: "ald-picker-lg"
 };
 var InternalDatePicker = forwardRef((props, ref) => {
-	const { size: customSize, disabled: customDisabled, className, status, bordered = true, prefixCls = "ald-picker", onChange, disabledDate, onSelect, onCalendarChange, popupClassName, locale: localeProp, ...restProps } = props;
+	const $ = c(44);
+	let className;
+	let customDisabled;
+	let customSize;
+	let disabledDate;
+	let localeProp;
+	let onCalendarChange;
+	let onChange;
+	let onSelect;
+	let popupClassName;
+	let restProps;
+	let status;
+	let t0;
+	let t1;
+	if ($[0] !== props) {
+		({size: customSize, disabled: customDisabled, className, status, bordered: t0, prefixCls: t1, onChange, disabledDate, onSelect, onCalendarChange, popupClassName, locale: localeProp, ...restProps} = props);
+		$[0] = props;
+		$[1] = className;
+		$[2] = customDisabled;
+		$[3] = customSize;
+		$[4] = disabledDate;
+		$[5] = localeProp;
+		$[6] = onCalendarChange;
+		$[7] = onChange;
+		$[8] = onSelect;
+		$[9] = popupClassName;
+		$[10] = restProps;
+		$[11] = status;
+		$[12] = t0;
+		$[13] = t1;
+	} else {
+		className = $[1];
+		customDisabled = $[2];
+		customSize = $[3];
+		disabledDate = $[4];
+		localeProp = $[5];
+		onCalendarChange = $[6];
+		onChange = $[7];
+		onSelect = $[8];
+		popupClassName = $[9];
+		restProps = $[10];
+		status = $[11];
+		t0 = $[12];
+		t1 = $[13];
+	}
+	const bordered = t0 === void 0 ? true : t0;
+	const prefixCls = t1 === void 0 ? "ald-picker" : t1;
 	const ctxSize = useContext(SizeContext);
 	const size = customSize || ctxSize || "middle";
 	const ctxDisabled = useContext(DisabledContext);
@@ -22,49 +69,172 @@ var InternalDatePicker = forwardRef((props, ref) => {
 	const ctxLocale = useContext(LocaleContext);
 	const pickerLocale = localeProp || ctxLocale?.DatePicker || enUSDatePicker;
 	const sizeCls = SIZE_CLS[size] || "";
-	const rcOnChange = React.useMemo(() => {
-		if (!onChange) return void 0;
-		return (date, dateString) => {
-			onChange(Array.isArray(date) ? date[0] : date, Array.isArray(dateString) ? dateString[0] : dateString);
-		};
-	}, [onChange]);
-	const rcDisabledDate = React.useMemo(() => {
-		if (!disabledDate) return void 0;
-		return (date, info) => disabledDate(date, info);
-	}, [disabledDate]);
-	const rcOnCalendarChange = React.useMemo(() => {
-		if (!onCalendarChange && !onSelect) return void 0;
-		return (date, dateString, info) => {
-			onCalendarChange?.(date, dateString, info);
-			if (onSelect) {
-				const selectedDate = Array.isArray(date) ? date[0] : date;
-				if (selectedDate) onSelect(selectedDate);
-			}
-		};
-	}, [onCalendarChange, onSelect]);
-	const mergedClassNames = React.useMemo(() => {
-		if (!popupClassName) return restProps.classNames;
-		return {
-			...restProps.classNames,
-			popup: cn(restProps.classNames?.popup, popupClassName)
-		};
-	}, [popupClassName, restProps.classNames]);
-	return /* @__PURE__ */ jsx(Picker, {
-		ref,
-		generateConfig: dayjsGenerateConfig,
-		locale: pickerLocale,
-		prefixCls,
-		disabled: mergedDisabled,
-		className: cn(sizeCls, "ant-picker", !bordered && "ald-picker-borderless", status === "error" && "ald-picker-status-error", status === "warning" && "ald-picker-status-warning", className),
-		...restProps,
-		classNames: mergedClassNames,
-		onChange: rcOnChange,
-		onCalendarChange: rcOnCalendarChange,
-		disabledDate: rcDisabledDate
-	});
+	let t2;
+	bb0: {
+		if (!onChange) {
+			t2 = void 0;
+			break bb0;
+		}
+		let t3;
+		if ($[14] !== onChange) {
+			t3 = (date, dateString) => {
+				onChange(Array.isArray(date) ? date[0] : date, Array.isArray(dateString) ? dateString[0] : dateString);
+			};
+			$[14] = onChange;
+			$[15] = t3;
+		} else t3 = $[15];
+		t2 = t3;
+	}
+	const rcOnChange = t2;
+	let t3;
+	bb1: {
+		if (!disabledDate) {
+			t3 = void 0;
+			break bb1;
+		}
+		let t4;
+		if ($[16] !== disabledDate) {
+			t4 = (date_0, info) => disabledDate(date_0, info);
+			$[16] = disabledDate;
+			$[17] = t4;
+		} else t4 = $[17];
+		t3 = t4;
+	}
+	const rcDisabledDate = t3;
+	let t4;
+	bb2: {
+		if (!onCalendarChange && !onSelect) {
+			t4 = void 0;
+			break bb2;
+		}
+		let t5;
+		if ($[18] !== onCalendarChange || $[19] !== onSelect) {
+			t5 = (date_1, dateString_0, info_0) => {
+				onCalendarChange?.(date_1, dateString_0, info_0);
+				if (onSelect) {
+					const selectedDate = Array.isArray(date_1) ? date_1[0] : date_1;
+					if (selectedDate) onSelect(selectedDate);
+				}
+			};
+			$[18] = onCalendarChange;
+			$[19] = onSelect;
+			$[20] = t5;
+		} else t5 = $[20];
+		t4 = t5;
+	}
+	const rcOnCalendarChange = t4;
+	let t5;
+	bb3: {
+		if (!popupClassName) {
+			t5 = restProps.classNames;
+			break bb3;
+		}
+		const t6 = restProps.classNames;
+		const t7 = restProps.classNames?.popup;
+		let t8;
+		if ($[21] !== popupClassName || $[22] !== t7) {
+			t8 = cn(t7, popupClassName);
+			$[21] = popupClassName;
+			$[22] = t7;
+			$[23] = t8;
+		} else t8 = $[23];
+		let t9;
+		if ($[24] !== restProps.classNames || $[25] !== t8) {
+			t9 = {
+				...t6,
+				popup: t8
+			};
+			$[24] = restProps.classNames;
+			$[25] = t8;
+			$[26] = t9;
+		} else t9 = $[26];
+		t5 = t9;
+	}
+	const mergedClassNames = t5;
+	const t6 = !bordered && "ald-picker-borderless";
+	const t7 = status === "error" && "ald-picker-status-error";
+	const t8 = status === "warning" && "ald-picker-status-warning";
+	let t9;
+	if ($[27] !== className || $[28] !== sizeCls || $[29] !== t6 || $[30] !== t7 || $[31] !== t8) {
+		t9 = cn(sizeCls, "ant-picker", t6, t7, t8, className);
+		$[27] = className;
+		$[28] = sizeCls;
+		$[29] = t6;
+		$[30] = t7;
+		$[31] = t8;
+		$[32] = t9;
+	} else t9 = $[32];
+	let t10;
+	if ($[33] !== mergedClassNames || $[34] !== mergedDisabled || $[35] !== pickerLocale || $[36] !== prefixCls || $[37] !== rcDisabledDate || $[38] !== rcOnCalendarChange || $[39] !== rcOnChange || $[40] !== ref || $[41] !== restProps || $[42] !== t9) {
+		t10 = /* @__PURE__ */ jsx(Picker, {
+			ref,
+			generateConfig: dayjsGenerateConfig,
+			locale: pickerLocale,
+			prefixCls,
+			disabled: mergedDisabled,
+			className: t9,
+			...restProps,
+			classNames: mergedClassNames,
+			onChange: rcOnChange,
+			onCalendarChange: rcOnCalendarChange,
+			disabledDate: rcDisabledDate
+		});
+		$[33] = mergedClassNames;
+		$[34] = mergedDisabled;
+		$[35] = pickerLocale;
+		$[36] = prefixCls;
+		$[37] = rcDisabledDate;
+		$[38] = rcOnCalendarChange;
+		$[39] = rcOnChange;
+		$[40] = ref;
+		$[41] = restProps;
+		$[42] = t9;
+		$[43] = t10;
+	} else t10 = $[43];
+	return t10;
 });
 var InternalRangePicker = forwardRef((props, ref) => {
-	const { size: customSize, disabled: customDisabled, className, status, bordered = true, prefixCls = "ald-picker", onChange, disabledDate, popupClassName, locale: localeProp, ...restProps } = props;
+	const $ = c(38);
+	let className;
+	let customDisabled;
+	let customSize;
+	let disabledDate;
+	let localeProp;
+	let onChange;
+	let popupClassName;
+	let restProps;
+	let status;
+	let t0;
+	let t1;
+	if ($[0] !== props) {
+		({size: customSize, disabled: customDisabled, className, status, bordered: t0, prefixCls: t1, onChange, disabledDate, popupClassName, locale: localeProp, ...restProps} = props);
+		$[0] = props;
+		$[1] = className;
+		$[2] = customDisabled;
+		$[3] = customSize;
+		$[4] = disabledDate;
+		$[5] = localeProp;
+		$[6] = onChange;
+		$[7] = popupClassName;
+		$[8] = restProps;
+		$[9] = status;
+		$[10] = t0;
+		$[11] = t1;
+	} else {
+		className = $[1];
+		customDisabled = $[2];
+		customSize = $[3];
+		disabledDate = $[4];
+		localeProp = $[5];
+		onChange = $[6];
+		popupClassName = $[7];
+		restProps = $[8];
+		status = $[9];
+		t0 = $[10];
+		t1 = $[11];
+	}
+	const bordered = t0 === void 0 ? true : t0;
+	const prefixCls = t1 === void 0 ? "ald-picker" : t1;
 	const ctxSize = useContext(SizeContext);
 	const size = customSize || ctxSize || "middle";
 	const ctxDisabled = useContext(DisabledContext);
@@ -72,43 +242,125 @@ var InternalRangePicker = forwardRef((props, ref) => {
 	const ctxLocale = useContext(LocaleContext);
 	const pickerLocale = localeProp || ctxLocale?.DatePicker || enUSDatePicker;
 	const sizeCls = SIZE_CLS[size] || "";
-	const rcOnChange = React.useMemo(() => {
-		if (!onChange) return void 0;
-		return (dates, dateStrings) => {
-			onChange(dates, dateStrings);
-		};
-	}, [onChange]);
-	const rcDisabledDate = React.useMemo(() => {
-		if (!disabledDate) return void 0;
-		return (date, info) => disabledDate(date, info);
-	}, [disabledDate]);
-	const mergedClassNames = React.useMemo(() => {
-		if (!popupClassName) return restProps.classNames;
-		return {
-			...restProps.classNames,
-			popup: cn(restProps.classNames?.popup, popupClassName)
-		};
-	}, [popupClassName, restProps.classNames]);
-	return /* @__PURE__ */ jsx(RangePicker, {
-		ref,
-		generateConfig: dayjsGenerateConfig,
-		locale: pickerLocale,
-		prefixCls,
-		disabled: mergedDisabled,
-		className: cn(sizeCls, "ant-picker", !bordered && "ald-picker-borderless", status === "error" && "ald-picker-status-error", status === "warning" && "ald-picker-status-warning", className),
-		...restProps,
-		classNames: mergedClassNames,
-		onChange: rcOnChange,
-		disabledDate: rcDisabledDate
-	});
+	let t2;
+	bb0: {
+		if (!onChange) {
+			t2 = void 0;
+			break bb0;
+		}
+		let t3;
+		if ($[12] !== onChange) {
+			t3 = (dates, dateStrings) => {
+				onChange(dates, dateStrings);
+			};
+			$[12] = onChange;
+			$[13] = t3;
+		} else t3 = $[13];
+		t2 = t3;
+	}
+	const rcOnChange = t2;
+	let t3;
+	bb1: {
+		if (!disabledDate) {
+			t3 = void 0;
+			break bb1;
+		}
+		let t4;
+		if ($[14] !== disabledDate) {
+			t4 = (date, info) => disabledDate(date, info);
+			$[14] = disabledDate;
+			$[15] = t4;
+		} else t4 = $[15];
+		t3 = t4;
+	}
+	const rcDisabledDate = t3;
+	let t4;
+	bb2: {
+		if (!popupClassName) {
+			t4 = restProps.classNames;
+			break bb2;
+		}
+		const t5 = restProps.classNames;
+		const t6 = restProps.classNames?.popup;
+		let t7;
+		if ($[16] !== popupClassName || $[17] !== t6) {
+			t7 = cn(t6, popupClassName);
+			$[16] = popupClassName;
+			$[17] = t6;
+			$[18] = t7;
+		} else t7 = $[18];
+		let t8;
+		if ($[19] !== restProps.classNames || $[20] !== t7) {
+			t8 = {
+				...t5,
+				popup: t7
+			};
+			$[19] = restProps.classNames;
+			$[20] = t7;
+			$[21] = t8;
+		} else t8 = $[21];
+		t4 = t8;
+	}
+	const mergedClassNames = t4;
+	const t5 = !bordered && "ald-picker-borderless";
+	const t6 = status === "error" && "ald-picker-status-error";
+	const t7 = status === "warning" && "ald-picker-status-warning";
+	let t8;
+	if ($[22] !== className || $[23] !== sizeCls || $[24] !== t5 || $[25] !== t6 || $[26] !== t7) {
+		t8 = cn(sizeCls, "ant-picker", t5, t6, t7, className);
+		$[22] = className;
+		$[23] = sizeCls;
+		$[24] = t5;
+		$[25] = t6;
+		$[26] = t7;
+		$[27] = t8;
+	} else t8 = $[27];
+	let t9;
+	if ($[28] !== mergedClassNames || $[29] !== mergedDisabled || $[30] !== pickerLocale || $[31] !== prefixCls || $[32] !== rcDisabledDate || $[33] !== rcOnChange || $[34] !== ref || $[35] !== restProps || $[36] !== t8) {
+		t9 = /* @__PURE__ */ jsx(RangePicker, {
+			ref,
+			generateConfig: dayjsGenerateConfig,
+			locale: pickerLocale,
+			prefixCls,
+			disabled: mergedDisabled,
+			className: t8,
+			...restProps,
+			classNames: mergedClassNames,
+			onChange: rcOnChange,
+			disabledDate: rcDisabledDate
+		});
+		$[28] = mergedClassNames;
+		$[29] = mergedDisabled;
+		$[30] = pickerLocale;
+		$[31] = prefixCls;
+		$[32] = rcDisabledDate;
+		$[33] = rcOnChange;
+		$[34] = ref;
+		$[35] = restProps;
+		$[36] = t8;
+		$[37] = t9;
+	} else t9 = $[37];
+	return t9;
 });
 function createPickerVariant(pickerMode, defaultPlaceholder) {
-	const PickerVariant = forwardRef((props, ref) => /* @__PURE__ */ jsx(InternalDatePicker, {
-		ref,
-		picker: pickerMode,
-		placeholder: props.placeholder ?? defaultPlaceholder,
-		...props
-	}));
+	const PickerVariant = forwardRef((props, ref) => {
+		const $ = c(4);
+		const t0 = props.placeholder ?? defaultPlaceholder;
+		let t1;
+		if ($[0] !== props || $[1] !== ref || $[2] !== t0) {
+			t1 = /* @__PURE__ */ jsx(InternalDatePicker, {
+				ref,
+				picker: pickerMode,
+				placeholder: t0,
+				...props
+			});
+			$[0] = props;
+			$[1] = ref;
+			$[2] = t0;
+			$[3] = t1;
+		} else t1 = $[3];
+		return t1;
+	});
 	PickerVariant.displayName = `DatePicker.${pickerMode}Picker`;
 	return PickerVariant;
 }
@@ -116,12 +368,24 @@ var WeekPicker = createPickerVariant("week", "Select week");
 var MonthPicker = createPickerVariant("month", "Select month");
 var YearPicker = createPickerVariant("year", "Select year");
 var QuarterPicker = createPickerVariant("quarter", "Select quarter");
-var TimePicker = forwardRef((props, ref) => /* @__PURE__ */ jsx(InternalDatePicker, {
-	ref,
-	picker: "time",
-	placeholder: props.placeholder ?? "Select time",
-	...props
-}));
+var TimePicker = forwardRef((props, ref) => {
+	const $ = c(4);
+	const t0 = props.placeholder ?? "Select time";
+	let t1;
+	if ($[0] !== props || $[1] !== ref || $[2] !== t0) {
+		t1 = /* @__PURE__ */ jsx(InternalDatePicker, {
+			ref,
+			picker: "time",
+			placeholder: t0,
+			...props
+		});
+		$[0] = props;
+		$[1] = ref;
+		$[2] = t0;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
+});
 TimePicker.displayName = "DatePicker.TimePicker";
 InternalDatePicker.RangePicker = InternalRangePicker;
 InternalDatePicker.WeekPicker = WeekPicker;