tdesign-react 0.34.5-alpha.4 → 0.35.0

package/lib/date-picker/type.d.ts

@@ -39,6 +39,7 @@ export interface TdDatePickerProps {
     firstDayOfWeek?: number;
     /**
      * 用于格式化日期，全局配置默认为：'YYYY-MM-DD'，[详细文档](https://day.js.org/docs/en/display/format)
+     * @default ''
      */
     format?: string;
     /**
@@ -71,11 +72,6 @@ export interface TdDatePickerProps {
      * @default bottom
      */
     presetsPlacement?: 'left' | 'top' | 'right' | 'bottom';
-    /**
-     * 是否呈现为日期范围选择器（临时 API，后期将调整为是 DateRangePicker 组件）
-     * @default false
-     */
-    range?: boolean;
     /**
      * 用于自定义组件后置图标
      */
@@ -86,15 +82,17 @@ export interface TdDatePickerProps {
     timePickerProps?: TimePickerProps;
     /**
      * 选中值
+     * @default ''
      */
     value?: DateValue;
     /**
      * 选中值，非受控属性
+     * @default ''
      */
     defaultValue?: DateValue;
     /**
      * 用于格式化日期，默认为：'YYYY-MM-DD'，可选值：'date/time-stamp/YYY-MM-DD' 等，[更多可选值见 Dayjs 详细文档](https://day.js.org/docs/en/display/format)。<br /> 其中 `valueType=date` 表示 `value` 数据类型为 `Date`；`valueType='time-stamp'` 表示 `value` 数据类型为时间戳
-     * @default YYYY-MM-DD
+     * @default ''
      */
     valueType?: string;
     /**
@@ -146,7 +144,7 @@ export interface TdDateRangePickerProps {
      * 是否禁用组件，值为数组表示可分别控制开始日期和结束日期是否禁用
      * @default false
      */
-    disabled?: boolean | Array<boolean>;
+    disabled?: boolean;
     /**
      * 禁用日期，示例：['A', 'B'] 表示日期 A 和日期 B 会被禁用。{ from: 'A', to: 'B' } 表示在 A 到 B 之间的日期会被禁用。{ before: 'A', after: 'B' } 表示在 A 之前和在 B 之后的日期都会被禁用。其中 A = '2021-01-01'，B = '2021-02-01'。值类型为 Function 则表示返回值为 true 的日期会被禁用
      */
@@ -162,7 +160,7 @@ export interface TdDateRangePickerProps {
     firstDayOfWeek?: number;
     /**
      * 用于格式化日期，[详细文档](https://day.js.org/docs/en/display/format)
-     * @default 'YYYY-MM-DD'
+     * @default ''
      */
     format?: string;
     /**
@@ -210,15 +208,17 @@ export interface TdDateRangePickerProps {
     timePickerProps?: TimePickerProps;
     /**
      * 选中值
+     * @default []
      */
     value?: DateRangeValue;
     /**
      * 选中值，非受控属性
+     * @default []
      */
     defaultValue?: DateRangeValue;
     /**
      * 用于格式化日期，默认为：'YYYY-MM-DD'，可选值：'date/time-stamp/YYY-MM-DD' 等，[更多可选值见 Dayjs 详细文档](https://day.js.org/docs/en/display/format)。<br /> 其中 `valueType=date` 表示 `value` 数据类型为 `Date`；`valueType='time-stamp'` 表示 `value` 数据类型为时间戳
-     * @default YYYY-MM-DD
+     * @default ''
      */
     valueType?: string;
     /**
@@ -258,6 +258,132 @@ export interface TdDateRangePickerProps {
      */
     onPick?: (value: DateValue, context: PickContext) => void;
 }
+export interface TdDatePickerPanelProps extends Pick<TdDatePickerProps, 'value' | 'defaultValue' | 'valueType' | 'disabled' | 'disableDate' | 'enableTimePicker' | 'firstDayOfWeek' | 'format' | 'mode' | 'presets' | 'presetsPlacement' | 'timePickerProps'> {
+    /**
+     * 点击日期单元格时触发
+     */
+    onCellClick?: (context: {
+        date: Date;
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 选中值发生变化时触发。参数 `context.trigger` 表示触发当前事件的来源，不同的模式触发来源也会不同
+     */
+    onChange?: (value: DateValue, context: {
+        dayjsValue?: Dayjs;
+        e?: MouseEvent<HTMLDivElement>;
+        trigger?: DatePickerTriggerSource;
+    }) => void;
+    /**
+     * 如果存在“确认”按钮，则点击“确认”按钮时触发
+     */
+    onConfirm?: (context: {
+        date: Date;
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 月份切换发生变化时触发
+     */
+    onMonthChange?: (context: {
+        month: number;
+        date: Date;
+        e?: MouseEvent<HTMLDivElement>;
+        trigger: DatePickerMonthChangeTrigger;
+    }) => void;
+    /**
+     * 点击面板时触发
+     */
+    onPanelClick?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 如果存在“确认”按钮，则点击“确认”按钮时触发
+     */
+    onPresetClick?: (context: {
+        preset: PresetDate;
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 时间切换发生变化时触发
+     */
+    onTimeChange?: (context: {
+        time: string;
+        date: Date;
+        trigger: DatePickerTimeChangeTrigger;
+        e?: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 年份切换发生变化时触发
+     */
+    onYearChange?: (context: {
+        year: number;
+        date: Date;
+        trigger: DatePickerYearChangeTrigger;
+        e?: MouseEvent<HTMLDivElement>;
+    }) => void;
+}
+export interface TdDateRangePickerPanelProps extends Pick<TdDateRangePickerProps, 'value' | 'defaultValue' | 'valueType' | 'disabled' | 'disableDate' | 'enableTimePicker' | 'firstDayOfWeek' | 'format' | 'mode' | 'presets' | 'presetsPlacement' | 'timePickerProps'> {
+    /**
+     * 点击日期单元格时触发
+     */
+    onCellClick?: (context: {
+        date: Date[];
+        partial: DateRangePickerPartial;
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 选中值发生变化时触发。参数 `context.trigger` 表示触发当前事件的来源，不同的模式触发来源也会不同
+     */
+    onChange?: (value: DateRangeValue, context: {
+        dayjsValue?: Dayjs[];
+        partial: DateRangePickerPartial;
+        e?: MouseEvent<HTMLDivElement>;
+        trigger?: DatePickerTriggerSource;
+    }) => void;
+    /**
+     * 如果存在“确认”按钮，则点击“确认”按钮时触发
+     */
+    onConfirm?: (context: {
+        date: Date[];
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 月份切换发生变化时触发
+     */
+    onMonthChange?: (context: {
+        month: number;
+        date: Date[];
+        partial: DateRangePickerPartial;
+        e?: MouseEvent<HTMLDivElement>;
+        trigger: DatePickerMonthChangeTrigger;
+    }) => void;
+    /**
+     * 点击面板时触发
+     */
+    onPanelClick?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 时间切换发生变化时触发
+     */
+    onTimeChange?: (context: {
+        time: string;
+        date: Date[];
+        partial: DateRangePickerPartial;
+        trigger: DatePickerTimeChangeTrigger;
+        e?: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 年份切换发生变化时触发
+     */
+    onYearChange?: (context: {
+        year: number;
+        date: Date[];
+        partial: DateRangePickerPartial;
+        trigger: DatePickerYearChangeTrigger;
+        e?: MouseEvent<HTMLDivElement>;
+    }) => void;
+}
 export declare type DisableDate = Array<DateValue> | DisableDateObj | ((date: DateValue) => boolean);
 export interface DisableDateObj {
     from?: string;
@@ -284,3 +410,6 @@ export interface PickContext {
     e: MouseEvent<HTMLDivElement>;
     partial: DateRangePickerPartial;
 }
+export declare type DatePickerMonthChangeTrigger = 'month-select' | 'month-arrow-next' | 'month-arrow-previous';
+export declare type DatePickerTimeChangeTrigger = 'time-hour' | 'time-minute' | 'time-second';
+export declare type DatePickerYearChangeTrigger = 'year-select' | 'year-arrow-next' | 'year-arrow-previous';

package/lib/date-picker/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.34.4
+ * tdesign v0.35.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/lib/dialog/Dialog.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.34.4
+ * tdesign v0.35.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,13 +8,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var objectWithoutProperties = require('../_chunks/dep-23535a52.js');
-var slicedToArray = require('../_chunks/dep-3cf9becb.js');
-var defineProperty = require('../_chunks/dep-a1655de1.js');
+var objectWithoutProperties = require('../_chunks/dep-192db9c1.js');
+var slicedToArray = require('../_chunks/dep-a3bdbb3b.js');
+var defineProperty = require('../_chunks/dep-d8110155.js');
 var React = require('react');
-var isString = require('../_chunks/dep-1d819290.js');
-var isObject = require('../_chunks/dep-15a4424e.js');
-var isFunction = require('../_chunks/dep-e266830c.js');
+var isString = require('../_chunks/dep-330e987d.js');
+var isObject = require('../_chunks/dep-12db12bf.js');
+var isFunction = require('../_chunks/dep-f0d7fa40.js');
 var tdesignIconsReact = require('tdesign-icons-react');
 var locale_LocalReceiver = require('../locale/LocalReceiver.js');
 var button_index = require('../button/index.js');
@@ -23,25 +23,25 @@ var dialog_RenderDialog = require('./RenderDialog.js');
 var _util_useSetState = require('../_util/useSetState.js');
 var _util_useConfig = require('../_util/useConfig.js');
 var dialog_defaultProps = require('./defaultProps.js');
-require('../_chunks/dep-19841e1d.js');
-require('../_chunks/dep-fcf32c81.js');
-require('../_chunks/dep-3405bda4.js');
-require('../_chunks/dep-c90cc28f.js');
-require('../_chunks/dep-b1a67107.js');
-require('../_chunks/dep-b15f51d2.js');
-require('../_chunks/dep-acf33b68.js');
-require('../_chunks/dep-3b69722d.js');
-require('../_chunks/dep-fde4d28a.js');
-require('../_chunks/dep-c40d75ac.js');
-require('../_chunks/dep-910dcfa3.js');
-require('../_chunks/dep-633a5671.js');
-require('../_chunks/dep-9c339ffc.js');
-require('../_chunks/dep-ab43c961.js');
-require('../_chunks/dep-9cacaf01.js');
-require('../_chunks/dep-b403dd56.js');
-require('../_chunks/dep-8e0a771d.js');
-require('../_chunks/dep-542cc308.js');
-require('../_chunks/dep-c6637e11.js');
+require('../_chunks/dep-45d4ee14.js');
+require('../_chunks/dep-850bb338.js');
+require('../_chunks/dep-3ca6c1d2.js');
+require('../_chunks/dep-c3b5f92d.js');
+require('../_chunks/dep-bc07e00a.js');
+require('../_chunks/dep-ac2d2d75.js');
+require('../_chunks/dep-4e5eb100.js');
+require('../_chunks/dep-8938d822.js');
+require('../_chunks/dep-927aeaff.js');
+require('../_chunks/dep-24213b8a.js');
+require('../_chunks/dep-2319c309.js');
+require('../_chunks/dep-eb4d30c7.js');
+require('../_chunks/dep-149378ad.js');
+require('../_chunks/dep-b4766b42.js');
+require('../_chunks/dep-05aa5b7a.js');
+require('../_chunks/dep-1836ccc9.js');
+require('../_chunks/dep-ee529652.js');
+require('../_chunks/dep-2e187a60.js');
+require('../_chunks/dep-99ee5823.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../config-provider/zh_CN_config.js');
 require('../button/Button.js');
@@ -63,10 +63,11 @@ require('../_common/js/utils/helper.js');
 require('../loading/defaultProps.js');
 require('../loading/plugin.js');
 require('../button/defaultProps.js');
+require('../_chunks/dep-25ab2ee0.js');
 require('react-transition-group');
 require('../_util/useLayoutEffect.js');
 require('../_util/useDialogEsc.js');
-require('../_chunks/dep-f6a4bdd5.js');
+require('../_chunks/dep-4e3cce09.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../src/dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef, isValidElement } from 'react';\nimport isString from 'lodash/isString';\nimport isObject from 'lodash/isObject';\nimport isFunction from 'lodash/isFunction';\nimport { CloseIcon, InfoCircleFilledIcon, CheckCircleFilledIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport Button, { ButtonProps } from '../button';\nimport { TdDialogProps, DialogInstance } from './type';\nimport { StyledProps } from '../common';\nimport noop from '../_util/noop';\nimport RenderDialog from './RenderDialog';\nimport useSetState from '../_util/useSetState';\nimport useConfig from '../_util/useConfig';\nimport { dialogDefaultProps } from './defaultProps';\n\nexport interface DialogProps extends TdDialogProps, StyledProps {\n  /**\n   * 是否以插件形式调用\n   */\n  isPlugin?: boolean;\n}\n\nconst renderDialogButton = (btn: TdDialogProps['cancelBtn'], defaultProps: ButtonProps) => {\n  let result = null;\n\n  if (isString(btn)) {\n    result = <Button {...defaultProps}>{btn}</Button>;\n  } else if (isValidElement(btn)) {\n    result = btn;\n  } else if (isObject(btn)) {\n    result = <Button {...defaultProps} {...(btn as {})} />;\n  } else if (isFunction(btn)) {\n    result = btn();\n  }\n\n  return result;\n};\n\nconst Dialog = forwardRef((props: DialogProps, ref: React.Ref<DialogInstance>) => {\n  const { classPrefix } = useConfig();\n  const dialogDom = useRef<HTMLDivElement>();\n  const [state, setState] = useSetState<DialogProps>({\n    width: 520,\n    visible: false,\n    zIndex: 2500,\n    placement: 'center',\n    mode: 'modal',\n    showOverlay: true,\n    destroyOnClose: false,\n    draggable: false,\n    preventScrollThrough: true,\n    isPlugin: false,\n    ...props,\n  });\n\n  const [local, t] = useLocaleReceiver('dialog');\n  const confirmText = t(local.confirm);\n  const cancelText = t(local.cancel);\n\n  const {\n    visible,\n    attach = 'body',\n    closeBtn,\n    footer,\n    onCancel = noop,\n    onConfirm = noop,\n    cancelBtn = cancelText,\n    confirmBtn = confirmText,\n    onClose = noop,\n    isPlugin = false,\n    ...restState\n  } = state;\n\n  useEffect(() => {\n    // 插件式调用不会更新props, 只有组件式调用才会更新props\n    if (!isPlugin) {\n      setState((prevState) => ({\n        ...prevState,\n        ...props,\n      }));\n    }\n  }, [props, setState, isPlugin]);\n\n  const prefixCls = `${classPrefix}-dialog`;\n  const renderCloseIcon = () => {\n    if (closeBtn === false) return null;\n    if (closeBtn === true) return <CloseIcon style={{ verticalAlign: 'unset' }} />;\n    return closeBtn || <CloseIcon style={{ verticalAlign: 'unset' }} />;\n  };\n\n  React.useImperativeHandle(ref, () => ({\n    show() {\n      setState({ visible: true });\n    },\n    hide() {\n      setState({ visible: false });\n    },\n    destroy() {\n      setState({ visible: false, destroyOnClose: true });\n    },\n    update(newOptions) {\n      setState((prevState) => ({\n        ...prevState,\n        ...(newOptions as DialogProps),\n      }));\n    },\n  }));\n\n  const renderHeader = useMemo(() => {\n    if (!state.header) return null;\n\n    const iconMap = {\n      info: <InfoCircleFilledIcon className={`${classPrefix}-is-info`} />,\n      warning: <InfoCircleFilledIcon className={`${classPrefix}-is-warning`} />,\n      error: <InfoCircleFilledIcon className={`${classPrefix}-is-error`} />,\n      success: <CheckCircleFilledIcon className={`${classPrefix}-is-success`} />,\n    };\n    return (\n      <div className={`${prefixCls}__header`}>\n        {iconMap[state.theme]}\n        {state.header}\n      </div>\n    );\n  }, [state.header, state.theme, prefixCls, classPrefix]);\n\n  const handleCancel = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onCancel({ e });\n    onClose({ e, trigger: 'cancel' });\n  };\n\n  const handleConfirm = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onConfirm({ e });\n  };\n\n  const defaultFooter = () => {\n    const renderCancelBtn = renderDialogButton(cancelBtn, { variant: 'outline' });\n    const renderConfirmBtn = renderDialogButton(confirmBtn, { theme: 'primary' });\n\n    return (\n      <>\n        {renderCancelBtn &&\n          React.cloneElement(renderCancelBtn, {\n            onClick: handleCancel,\n            ...renderCancelBtn.props,\n          })}\n        {renderConfirmBtn &&\n          React.cloneElement(renderConfirmBtn, {\n            onClick: handleConfirm,\n            ...renderConfirmBtn.props,\n          })}\n      </>\n    );\n  };\n\n  return (\n    <RenderDialog\n      {...restState}\n      visible={visible}\n      prefixCls={prefixCls}\n      header={renderHeader}\n      attach={attach}\n      closeBtn={renderCloseIcon()}\n      classPrefix={classPrefix}\n      onClose={onClose}\n      footer={footer === undefined ? defaultFooter() : footer}\n      ref={dialogDom}\n    />\n  );\n});\n\nDialog.displayName = 'Dialog';\nDialog.defaultProps = dialogDefaultProps;\n\nexport default Dialog;\n"],"names":["renderDialogButton","btn","defaultProps","result","isString","React","createElement","Button","isValidElement","isObject","isFunction","Dialog","forwardRef","props","ref","useConfig","classPrefix","dialogDom","useRef","useSetState","width","visible","zIndex","placement","mode","showOverlay","destroyOnClose","draggable","preventScrollThrough","isPlugin","_slicedToArray","state","setState","useLocaleReceiver","local","t","confirmText","confirm","cancelText","cancel","attach","closeBtn","footer","onCancel","noop","onConfirm","cancelBtn","confirmBtn","onClose","restState","useEffect","prevState","prefixCls","renderCloseIcon","CloseIcon","style","verticalAlign","useImperativeHandle","show","hide","destroy","update","newOptions","renderHeader","useMemo","header","iconMap","info","InfoCircleFilledIcon","className","warning","error","success","CheckCircleFilledIcon","theme","handleCancel","e","trigger","handleConfirm","defaultFooter","renderCancelBtn","variant","renderConfirmBtn","Fragment","cloneElement","onClick","RenderDialog","displayName","dialogDefaultProps"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../src/dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef, isValidElement } from 'react';\nimport isString from 'lodash/isString';\nimport isObject from 'lodash/isObject';\nimport isFunction from 'lodash/isFunction';\nimport { CloseIcon, InfoCircleFilledIcon, CheckCircleFilledIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport Button, { ButtonProps } from '../button';\nimport { TdDialogProps, DialogInstance } from './type';\nimport { StyledProps } from '../common';\nimport noop from '../_util/noop';\nimport RenderDialog from './RenderDialog';\nimport useSetState from '../_util/useSetState';\nimport useConfig from '../_util/useConfig';\nimport { dialogDefaultProps } from './defaultProps';\n\nexport interface DialogProps extends TdDialogProps, StyledProps {\n  /**\n   * 是否以插件形式调用\n   */\n  isPlugin?: boolean;\n}\n\nconst renderDialogButton = (btn: TdDialogProps['cancelBtn'], defaultProps: ButtonProps) => {\n  let result = null;\n\n  if (isString(btn)) {\n    result = <Button {...defaultProps}>{btn}</Button>;\n  } else if (isValidElement(btn)) {\n    result = btn;\n  } else if (isObject(btn)) {\n    result = <Button {...defaultProps} {...(btn as {})} />;\n  } else if (isFunction(btn)) {\n    result = btn();\n  }\n\n  return result;\n};\n\nconst Dialog = forwardRef((props: DialogProps, ref: React.Ref<DialogInstance>) => {\n  const { classPrefix } = useConfig();\n  const dialogDom = useRef<HTMLDivElement>();\n  const [state, setState] = useSetState<DialogProps>({\n    width: 520,\n    visible: false,\n    zIndex: 2500,\n    placement: 'center',\n    mode: 'modal',\n    showOverlay: true,\n    destroyOnClose: false,\n    draggable: false,\n    preventScrollThrough: true,\n    isPlugin: false,\n    ...props,\n  });\n\n  const [local, t] = useLocaleReceiver('dialog');\n  const confirmText = t(local.confirm);\n  const cancelText = t(local.cancel);\n\n  const {\n    visible,\n    attach = 'body',\n    closeBtn,\n    footer,\n    onCancel = noop,\n    onConfirm = noop,\n    cancelBtn = cancelText,\n    confirmBtn = confirmText,\n    onClose = noop,\n    isPlugin = false,\n    ...restState\n  } = state;\n\n  useEffect(() => {\n    // 插件式调用不会更新props, 只有组件式调用才会更新props\n    if (!isPlugin) {\n      setState((prevState) => ({\n        ...prevState,\n        ...props,\n      }));\n    }\n  }, [props, setState, isPlugin]);\n\n  const prefixCls = `${classPrefix}-dialog`;\n  const renderCloseIcon = () => {\n    if (closeBtn === false) return null;\n    if (closeBtn === true) return <CloseIcon style={{ verticalAlign: 'unset' }} />;\n    return closeBtn || <CloseIcon style={{ verticalAlign: 'unset' }} />;\n  };\n\n  React.useImperativeHandle(ref, () => ({\n    show() {\n      setState({ visible: true });\n    },\n    hide() {\n      setState({ visible: false });\n    },\n    destroy() {\n      setState({ visible: false, destroyOnClose: true });\n    },\n    update(newOptions) {\n      setState((prevState) => ({\n        ...prevState,\n        ...(newOptions as DialogProps),\n      }));\n    },\n  }));\n\n  const renderHeader = useMemo(() => {\n    if (!state.header) return null;\n\n    const iconMap = {\n      info: <InfoCircleFilledIcon className={`${classPrefix}-is-info`} />,\n      warning: <InfoCircleFilledIcon className={`${classPrefix}-is-warning`} />,\n      error: <InfoCircleFilledIcon className={`${classPrefix}-is-error`} />,\n      success: <CheckCircleFilledIcon className={`${classPrefix}-is-success`} />,\n    };\n    return (\n      <div className={`${prefixCls}__header`}>\n        {iconMap[state.theme]}\n        {state.header}\n      </div>\n    );\n  }, [state.header, state.theme, prefixCls, classPrefix]);\n\n  const handleCancel = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onCancel({ e });\n    onClose({ e, trigger: 'cancel' });\n  };\n\n  const handleConfirm = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onConfirm({ e });\n  };\n\n  const defaultFooter = () => {\n    const renderCancelBtn = renderDialogButton(cancelBtn, { variant: 'outline' });\n    const renderConfirmBtn = renderDialogButton(confirmBtn, { theme: 'primary' });\n\n    return (\n      <>\n        {renderCancelBtn &&\n          React.cloneElement(renderCancelBtn, {\n            onClick: handleCancel,\n            ...renderCancelBtn.props,\n          })}\n        {renderConfirmBtn &&\n          React.cloneElement(renderConfirmBtn, {\n            onClick: handleConfirm,\n            ...renderConfirmBtn.props,\n          })}\n      </>\n    );\n  };\n\n  return (\n    <RenderDialog\n      {...restState}\n      visible={visible}\n      prefixCls={prefixCls}\n      header={renderHeader}\n      attach={attach}\n      closeBtn={renderCloseIcon()}\n      classPrefix={classPrefix}\n      onClose={onClose}\n      footer={footer === undefined ? defaultFooter() : footer}\n      ref={dialogDom}\n    />\n  );\n});\n\nDialog.displayName = 'Dialog';\nDialog.defaultProps = dialogDefaultProps;\n\nexport default Dialog;\n"],"names":["renderDialogButton","btn","defaultProps","result","isString","React","createElement","Button","isValidElement","isObject","isFunction","Dialog","forwardRef","props","ref","useConfig","classPrefix","dialogDom","useRef","useSetState","width","visible","zIndex","placement","mode","showOverlay","destroyOnClose","draggable","preventScrollThrough","isPlugin","_slicedToArray","state","setState","useLocaleReceiver","local","t","confirmText","confirm","cancelText","cancel","attach","closeBtn","footer","onCancel","noop","onConfirm","cancelBtn","confirmBtn","onClose","restState","useEffect","prevState","prefixCls","renderCloseIcon","CloseIcon","style","verticalAlign","useImperativeHandle","show","hide","destroy","update","newOptions","renderHeader","useMemo","header","iconMap","info","InfoCircleFilledIcon","className","warning","error","success","CheckCircleFilledIcon","theme","handleCancel","e","trigger","handleConfirm","defaultFooter","renderCancelBtn","variant","renderConfirmBtn","Fragment","cloneElement","onClick","RenderDialog","displayName","dialogDefaultProps"],"mappings":"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"}

package/lib/dialog/RenderDialog.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.34.4
+ * tdesign v0.35.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,7 +8,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-a1655de1.js');
+var defineProperty = require('../_chunks/dep-d8110155.js');
+var _typeof = require('../_chunks/dep-3ca6c1d2.js');
+var isNumber = require('../_chunks/dep-25ab2ee0.js');
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var classNames = require('classnames');
@@ -17,36 +19,35 @@ var _util_noop = require('../_util/noop.js');
 var _util_useLayoutEffect = require('../_util/useLayoutEffect.js');
 var _util_useDialogEsc = require('../_util/useDialogEsc.js');
 var dialog_defaultProps = require('./defaultProps.js');
-require('../_chunks/dep-3405bda4.js');
+require('../_chunks/dep-850bb338.js');
+require('../_chunks/dep-bc07e00a.js');
 require('react-dom');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-1d819290.js');
-require('../_chunks/dep-fcf32c81.js');
-require('../_chunks/dep-c90cc28f.js');
-require('../_chunks/dep-b1a67107.js');
+require('../_chunks/dep-330e987d.js');
+require('../_chunks/dep-c3b5f92d.js');
 require('../_util/easing.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-b15f51d2.js');
-require('../_chunks/dep-acf33b68.js');
-require('../_chunks/dep-3b69722d.js');
-require('../_chunks/dep-fde4d28a.js');
-require('../_chunks/dep-e266830c.js');
-require('../_chunks/dep-15a4424e.js');
-require('../_chunks/dep-c40d75ac.js');
-require('../_chunks/dep-910dcfa3.js');
-require('../_chunks/dep-633a5671.js');
-require('../_chunks/dep-9c339ffc.js');
-require('../_chunks/dep-ab43c961.js');
-require('../_chunks/dep-9cacaf01.js');
-require('../_chunks/dep-b403dd56.js');
-require('../_chunks/dep-8e0a771d.js');
-require('../_chunks/dep-542cc308.js');
-require('../_chunks/dep-c6637e11.js');
+require('../_chunks/dep-ac2d2d75.js');
+require('../_chunks/dep-4e5eb100.js');
+require('../_chunks/dep-8938d822.js');
+require('../_chunks/dep-927aeaff.js');
+require('../_chunks/dep-f0d7fa40.js');
+require('../_chunks/dep-12db12bf.js');
+require('../_chunks/dep-24213b8a.js');
+require('../_chunks/dep-2319c309.js');
+require('../_chunks/dep-eb4d30c7.js');
+require('../_chunks/dep-149378ad.js');
+require('../_chunks/dep-b4766b42.js');
+require('../_chunks/dep-05aa5b7a.js');
+require('../_chunks/dep-1836ccc9.js');
+require('../_chunks/dep-ee529652.js');
+require('../_chunks/dep-2e187a60.js');
+require('../_chunks/dep-99ee5823.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../config-provider/zh_CN_config.js');
-require('../_chunks/dep-f6a4bdd5.js');
-require('../_chunks/dep-19841e1d.js');
+require('../_chunks/dep-4e3cce09.js');
+require('../_chunks/dep-45d4ee14.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -184,14 +185,17 @@ var RenderDialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     if (!isModal) {
       var style = dialog.current.style;
-      style.left = "50%";
-      style.top = "50%";
+      style.position = "relative";
+      style.left = "unset";
+      style.top = "unset";
     }
 
     onClosed && onClosed();
   };
 
   var onMaskClick = function onMaskClick(e) {
+    if (mode !== "modal") return;
+
     if (e.target === e.currentTarget && closeOnOverlayClick) {
       onOverlayClick({
         e: e
@@ -233,7 +237,7 @@ var RenderDialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   };
 
-  var renderDialog = function renderDialog(classNames) {
+  var renderDialog = function renderDialog() {
     var dest = {};
 
     if (props.width !== void 0) {
@@ -251,6 +255,9 @@ var RenderDialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onClick: handleCloseBtnClick,
       className: "".concat(prefixCls, "__close")
     }, closeBtn);
+    var validWindow = (typeof window === "undefined" ? "undefined" : _typeof._typeof(window)) === "object";
+    var screenHeight = validWindow ? window.innerHeight || document.documentElement.clientHeight : void 0;
+    var screenWidth = validWindow ? window.innerWidth || document.documentElement.clientWidth : void 0;
 
     var style = _objectSpread(_objectSpread({}, dest), props.style);
 
@@ -263,30 +270,14 @@ var RenderDialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var _dialog$current = dialog.current,
           style2 = _dialog$current.style,
           offsetWidth = _dialog$current.offsetWidth,
-          offsetHeight = _dialog$current.offsetHeight,
-          clientHeight = _dialog$current.clientHeight,
-          clientWidth = _dialog$current.clientWidth;
-      var halfHeight = clientHeight / 2;
-      var halfWidth = clientWidth / 2;
+          offsetHeight = _dialog$current.offsetHeight;
       var diffX = e.clientX - dialogOffset.x;
       var diffY = e.clientY - dialogOffset.y;
-
-      if (diffX < halfWidth) {
-        diffX = halfWidth;
-      }
-
-      if (diffX > window.innerWidth - offsetWidth + halfWidth) {
-        diffX = window.innerWidth - offsetWidth + halfWidth;
-      }
-
-      if (diffY < halfHeight) {
-        diffY = halfHeight;
-      }
-
-      if (diffY > window.innerHeight - offsetHeight + halfHeight) {
-        diffY = window.innerHeight - offsetHeight + halfHeight;
-      }
-
+      if (diffX < 0) diffX = 0;
+      if (diffY < 0) diffY = 0;
+      if (screenWidth - offsetWidth - diffX < 0) diffX = screenWidth - offsetWidth;
+      if (screenHeight - offsetHeight - diffY < 0) diffY = screenHeight - offsetHeight;
+      style2.position = "absolute";
       style2.left = "".concat(diffX, "px");
       style2.top = "".concat(diffY, "px");
     };
@@ -301,7 +292,10 @@ var RenderDialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (canDraggable) {
         var _dialog$current2 = dialog.current,
             offsetLeft = _dialog$current2.offsetLeft,
-            offsetTop = _dialog$current2.offsetTop;
+            offsetTop = _dialog$current2.offsetTop,
+            offsetHeight = _dialog$current2.offsetHeight,
+            offsetWidth = _dialog$current2.offsetWidth;
+        if (offsetWidth > screenWidth || offsetHeight > screenHeight) return;
         dialog.current.style.cursor = "move";
         var diffX = e.clientX - offsetLeft;
         var diffY = e.clientY - offsetTop;
@@ -314,12 +308,29 @@ var RenderDialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     };
 
+    var positionStyle = {};
+
+    if (props.top !== void 0) {
+      if (isNumber.isNumber_1(props.top) && props.top < 0) {
+        positionStyle.paddingTop = "".concat(props.top, "px");
+      } else {
+        positionStyle.paddingTop = props.top;
+      }
+    }
+
+    var classNames = classNames__default["default"]("".concat(prefixCls, "__position"), defineProperty._defineProperty({}, "".concat(prefixCls, "--top"), !!props.top), "".concat(props.placement && !props.top ? "".concat(prefixCls, "--").concat(props.placement) : ""));
     var dialogElement = /* @__PURE__ */React__default["default"].createElement("div", {
+      className: "".concat(prefixCls, "__wrap"),
+      onClick: onMaskClick
+    }, /* @__PURE__ */React__default["default"].createElement("div", {
+      className: classNames,
+      style: positionStyle
+    }, /* @__PURE__ */React__default["default"].createElement("div", {
       ref: dialog,
       style: style,
-      className: classNames__default["default"]("".concat(prefixCls), "".concat(prefixCls, "--default"), classNames),
+      className: classNames__default["default"]("".concat(prefixCls), "".concat(prefixCls, "--default")),
       onMouseDown: onDialogMoveStart
-    }, closer, header, body, footer);
+    }, closer, header, body, footer)));
     return /* @__PURE__ */React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
       "in": props.visible,
       appear: true,
@@ -347,7 +358,6 @@ var RenderDialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
         nodeRef: maskRef
       }, /* @__PURE__ */React__default["default"].createElement("div", {
         ref: maskRef,
-        onClick: onMaskClick,
         className: "".concat(prefixCls, "__mask")
       }));
     }
@@ -366,7 +376,7 @@ var RenderDialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
       zIndex: zIndex
     });
 
-    var dialogBody = renderDialog("".concat(props.placement ? "".concat(prefixCls, "--").concat(props.placement) : ""));
+    var dialogBody = renderDialog();
     var wrapClass = classNames__default["default"](props.className, "".concat(prefixCls, "__ctx"), "".concat(prefixCls, "__ctx--fixed"), visible ? dialogOpenClass : "");
     var dialog2 = /* @__PURE__ */React__default["default"].createElement("div", {
       ref: wrap,