tdesign-react 0.18.2 → 0.19.0

package/es/dialog/Dialog.js

@@ -1,14 +1,14 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _objectWithoutProperties } from '../_chunks/dep-016d27a7.js';
-import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
-import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-b3d60655.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
+import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
 import React__default, { useEffect, useMemo } from 'react';
-import { i as isString_1 } from '../_chunks/dep-e507e9db.js';
+import { i as isString_1 } from '../_chunks/dep-615797a6.js';
 import { CloseIcon, InfoCircleFilledIcon, CheckCircleFilledIcon } from 'tdesign-icons-react';
 import { useLocaleReceiver } from '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
@@ -17,13 +17,13 @@ import noop from '../_util/noop.js';
 import RenderDialog from './RenderDialog.js';
 import useSetState from '../_util/useSetState.js';
 import ConfigContext from '../config-provider/ConfigContext.js';
-import '../_chunks/dep-6a5b1968.js';
-import '../_chunks/dep-cb80da27.js';
-import '../_chunks/dep-b6ff8559.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-9ad4f4b7.js';
-import '../_chunks/dep-4e491803.js';
-import '../_chunks/dep-f3eac264.js';
+import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-2e526f70.js';
+import '../_chunks/dep-b6fbc66d.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-364c042d.js';
+import '../_chunks/dep-6b2b86ea.js';
+import '../_chunks/dep-7d91d695.js';
 import '../config-provider/ConfigProvider.js';
 import '../locale/zh_CN.js';
 import '../button/Button.js';
@@ -38,10 +38,9 @@ import '../_util/dom.js';
 import 'raf';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-65c183dc.js';
 import './style/css.js';
-import '../_type/components/loading/index.js';
-import '../_type/components/button/index.js';
+import '../loading/type.js';
+import '../button/type.js';
 import 'react-transition-group';
 
 var _excluded = ["visible", "attach", "closeBtn", "footer", "onCancel", "onConfirm", "cancelBtn", "confirmBtn", "onClose", "isPlugin"];

package/es/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../src/dialog/Dialog.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport isString from 'lodash/isString';\nimport { CloseIcon, InfoCircleFilledIcon, CheckCircleFilledIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { ConfigContext } from '../config-provider';\nimport Button from '../button';\nimport { TdDialogProps, DialogInstance } from '../_type/components/dialog';\nimport { StyledProps } from '../_type';\nimport noop from '../_util/noop';\nimport RenderDialog from './RenderDialog';\nimport useSetState from '../_util/useSetState';\n\nexport interface DialogProps extends TdDialogProps, StyledProps {\n  /**\n   * 是否以插件形式调用\n   */\n  isPlugin?: boolean;\n}\n\nconst Dialog: React.ForwardRefRenderFunction<DialogInstance, DialogProps> = (props, ref) => {\n  const { classPrefix } = React.useContext(ConfigContext);\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: getContainer = '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: noop,\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    let renderCancelBtn = cancelBtn && (\n      <Button variant=\"outline\">{isString(cancelBtn) ? cancelBtn : cancelText}</Button>\n    );\n\n    let renderConfirmBtn = confirmBtn && (\n      <Button theme=\"primary\">{isString(confirmBtn) ? confirmBtn : confirmText}</Button>\n    );\n\n    if (React.isValidElement(cancelBtn)) {\n      renderCancelBtn = cancelBtn;\n    }\n\n    if (React.isValidElement(confirmBtn)) {\n      renderConfirmBtn = confirmBtn;\n    }\n\n    if (typeof cancelBtn === 'function') {\n      renderCancelBtn = cancelBtn();\n    }\n\n    if (typeof confirmBtn === 'function') {\n      renderConfirmBtn = confirmBtn();\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      getContainer={getContainer}\n      closeBtn={renderCloseIcon()}\n      classPrefix={classPrefix}\n      onClose={onClose}\n      footer={footer === undefined ? defaultFooter() : footer}\n    />\n  );\n};\n\nexport default React.forwardRef(Dialog);\n"],"names":["Dialog","props","ref","React","useContext","ConfigContext","classPrefix","useSetState","width","visible","zIndex","placement","mode","showOverlay","destroyOnClose","draggable","preventScrollThrough","isPlugin","state","setState","useLocaleReceiver","local","t","confirmText","confirm","cancelText","cancel","attach","getContainer","closeBtn","footer","onCancel","noop","onConfirm","cancelBtn","confirmBtn","onClose","restState","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","Button","variant","isString","renderConfirmBtn","isValidElement","cloneElement","onClick","RenderDialog","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../src/dialog/Dialog.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport isString from 'lodash/isString';\nimport { CloseIcon, InfoCircleFilledIcon, CheckCircleFilledIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { ConfigContext } from '../config-provider';\nimport Button 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';\n\nexport interface DialogProps extends TdDialogProps, StyledProps {\n  /**\n   * 是否以插件形式调用\n   */\n  isPlugin?: boolean;\n}\n\nconst Dialog: React.ForwardRefRenderFunction<DialogInstance, DialogProps> = (props, ref) => {\n  const { classPrefix } = React.useContext(ConfigContext);\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: getContainer = '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: noop,\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    let renderCancelBtn = cancelBtn && (\n      <Button variant=\"outline\">{isString(cancelBtn) ? cancelBtn : cancelText}</Button>\n    );\n\n    let renderConfirmBtn = confirmBtn && (\n      <Button theme=\"primary\">{isString(confirmBtn) ? confirmBtn : confirmText}</Button>\n    );\n\n    if (React.isValidElement(cancelBtn)) {\n      renderCancelBtn = cancelBtn;\n    }\n\n    if (React.isValidElement(confirmBtn)) {\n      renderConfirmBtn = confirmBtn;\n    }\n\n    if (typeof cancelBtn === 'function') {\n      renderCancelBtn = cancelBtn();\n    }\n\n    if (typeof confirmBtn === 'function') {\n      renderConfirmBtn = confirmBtn();\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      getContainer={getContainer}\n      closeBtn={renderCloseIcon()}\n      classPrefix={classPrefix}\n      onClose={onClose}\n      footer={footer === undefined ? defaultFooter() : footer}\n    />\n  );\n};\n\nexport default React.forwardRef(Dialog);\n"],"names":["Dialog","props","ref","React","useContext","ConfigContext","classPrefix","useSetState","width","visible","zIndex","placement","mode","showOverlay","destroyOnClose","draggable","preventScrollThrough","isPlugin","state","setState","useLocaleReceiver","local","t","confirmText","confirm","cancelText","cancel","attach","getContainer","closeBtn","footer","onCancel","noop","onConfirm","cancelBtn","confirmBtn","onClose","restState","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","Button","variant","isString","renderConfirmBtn","isValidElement","cloneElement","onClick","RenderDialog","forwardRef"],"mappings":"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"}

package/es/dialog/RenderDialog.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AttachNode } from '../_type/common';
+import { AttachNode } from '../common';
 import { DialogProps } from './Dialog';
 export interface RenderDialogProps extends DialogProps {
     prefixCls?: string;

package/es/dialog/RenderDialog.js

@@ -1,18 +1,18 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
 import React__default, { useRef, useLayoutEffect, useEffect } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
 import Portal from '../common/Portal.js';
 import noop from '../_util/noop.js';
-import '../_chunks/dep-2f008905.js';
-import '../_chunks/dep-6a5b1968.js';
-import '../_chunks/dep-65c183dc.js';
+import '../_chunks/dep-fff59b5a.js';
+import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-601473bd.js';
 import 'react-dom';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

package/es/dialog/RenderDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderDialog.js","sources":["../../src/dialog/RenderDialog.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, CSSProperties, useEffect } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport classnames from 'classnames';\nimport Portal from '../common/Portal';\nimport { AttachNode } from '../_type/common';\nimport noop from '../_util/noop';\nimport { DialogProps } from './Dialog';\n\nenum KeyCode {\n  ESC = 27,\n}\n\nexport interface RenderDialogProps extends DialogProps {\n  prefixCls?: string;\n  classPrefix: string;\n  getContainer?: React.ReactElement | AttachNode | boolean;\n}\n\nconst transitionTime = 300;\nlet mousePosition: { x: number; y: number } | null;\nconst getClickPosition = (e: MouseEvent) => {\n  mousePosition = {\n    x: e.clientX,\n    y: e.clientY,\n  };\n  setTimeout(() => {\n    mousePosition = null;\n  }, 100);\n};\nif (typeof window !== 'undefined' && window.document && window.document.documentElement) {\n  document.documentElement.addEventListener('click', getClickPosition, true);\n}\nconst RenderDialog: React.FC<RenderDialogProps> = (props) => {\n  const {\n    prefixCls,\n    getContainer,\n    visible,\n    mode,\n    zIndex,\n    showOverlay,\n    onEscKeydown = noop,\n    onClosed = noop,\n    onClose = noop,\n    onCloseBtnClick = noop,\n    onOverlayClick = noop,\n    preventScrollThrough,\n    closeBtn,\n  } = props;\n  const wrap = useRef<HTMLDivElement>();\n  const dialog = useRef<HTMLDivElement>();\n  const maskRef = useRef<HTMLDivElement>();\n  const bodyOverflow = useRef<string>(document.body.style.overflow);\n  const bodyCssTextRef = useRef<string>(document.body.style.cssText);\n  const isModal = mode === 'modal';\n  const canDraggable = props.draggable && mode === 'modeless';\n\n  useLayoutEffect(() => {\n    if (visible) {\n      if (isModal && bodyOverflow.current !== 'hidden' && preventScrollThrough) {\n        const scrollWidth = window.innerWidth - document.body.offsetWidth;\n        // 减少回流\n        if (bodyCssTextRef.current === '') {\n          let bodyCssText = 'overflow: hidden;';\n          if (scrollWidth > 0) {\n            bodyCssText += `position: relative;width: calc(100% - ${scrollWidth}px);`;\n          }\n          document.body.style.cssText = bodyCssText;\n        } else {\n          if (scrollWidth > 0) {\n            document.body.style.width = `calc(100% - ${scrollWidth}px)`;\n            document.body.style.position = 'relative';\n          }\n          document.body.style.overflow = 'hidden';\n        }\n      }\n      if (wrap.current) {\n        wrap.current.focus();\n      }\n    } else if (isModal) {\n      document.body.style.cssText = bodyCssTextRef.current;\n    }\n  }, [preventScrollThrough, getContainer, visible, mode, isModal]);\n\n  useEffect(() => {\n    if (visible) {\n      if (mousePosition && dialog.current) {\n        dialog.current.style.transformOrigin = `${mousePosition.x - dialog.current.offsetLeft}px ${\n          mousePosition.y - dialog.current.offsetTop\n        }px`;\n      }\n    }\n  }, [visible]);\n\n  const onAnimateLeave = () => {\n    if (wrap.current) {\n      wrap.current.style.display = 'none';\n    }\n    if (isModal && preventScrollThrough) {\n      // 还原body的滚动条\n      isModal && (document.body.style.overflow = bodyOverflow.current);\n    }\n    if (!isModal) {\n      const { style } = dialog.current;\n      style.left = '50%';\n      style.top = '50%';\n    }\n    onClosed && onClosed();\n  };\n\n  const onMaskClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (e.target === e.currentTarget) {\n      onOverlayClick({ e });\n      onClose({ e, trigger: 'overlay' });\n    }\n  };\n\n  const handleCloseBtnClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    onCloseBtnClick({ e });\n    onClose({ e, trigger: 'close-btn' });\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode\n    if (+e.code === KeyCode.ESC || e.keyCode === KeyCode.ESC) {\n      e.stopPropagation();\n      onEscKeydown({ e });\n      onClose({ e, trigger: 'esc' });\n    }\n  };\n\n  const renderDialog = (classNames) => {\n    const dest: any = {};\n    if (props.width !== undefined) {\n      dest.width = props.width;\n    }\n\n    const footer = props.footer ? <div className={`${prefixCls}__footer`}>{props.footer}</div> : null;\n\n    const header = <div className={`${prefixCls}__header`}>{props.header}</div>;\n\n    const body = <div className={`${prefixCls}__body`}>{props.body || props.children}</div>;\n\n    const closer = closeBtn && (\n      <span onClick={handleCloseBtnClick} className={`${prefixCls}__close`}>\n        {closeBtn}\n      </span>\n    );\n\n    const style = { ...dest, ...props.style };\n    let dialogOffset = { x: 0, y: 0 };\n    const onDialogMove = (e: MouseEvent) => {\n      const { style, offsetWidth, offsetHeight, clientHeight, clientWidth } = dialog.current;\n      const halfHeight = clientHeight / 2;\n      const halfWidth = clientWidth / 2;\n\n      let diffX = e.clientX - dialogOffset.x;\n      let diffY = e.clientY - dialogOffset.y;\n\n      if (diffX < halfWidth) {\n        diffX = halfWidth;\n      }\n      if (diffX > window.innerWidth - offsetWidth + halfWidth) {\n        diffX = window.innerWidth - offsetWidth + halfWidth;\n      }\n\n      if (diffY < halfHeight) {\n        diffY = halfHeight;\n      }\n\n      if (diffY > window.innerHeight - offsetHeight + halfHeight) {\n        diffY = window.innerHeight - offsetHeight + halfHeight;\n      }\n      style.left = `${diffX}px`;\n      style.top = `${diffY}px`;\n    };\n\n    const onDialogMoveEnd = () => {\n      dialog.current.style.cursor = 'default';\n      document.removeEventListener('mousemove', onDialogMove);\n      document.removeEventListener('mouseup', onDialogMoveEnd);\n    };\n\n    const onDialogMoveStart = (e: React.MouseEvent<HTMLDivElement>) => {\n      if (canDraggable) {\n        const { offsetLeft, offsetTop } = dialog.current;\n        dialog.current.style.cursor = 'move';\n        const diffX = e.clientX - offsetLeft;\n        const diffY = e.clientY - offsetTop;\n        dialogOffset = {\n          x: diffX,\n          y: diffY,\n        };\n\n        document.addEventListener('mousemove', onDialogMove);\n        document.addEventListener('mouseup', onDialogMoveEnd);\n      }\n    };\n\n    const dialogElement = (\n      <div\n        ref={dialog}\n        style={style}\n        className={classnames(`${prefixCls}`, `${prefixCls}--default`, classNames)}\n        onMouseDown={onDialogMoveStart}\n      >\n        {closer}\n        {header}\n        {body}\n        {footer}\n      </div>\n    );\n\n    return (\n      <CSSTransition\n        key=\"dialog\"\n        in={props.visible}\n        appear\n        mountOnEnter\n        unmountOnExit={props.destroyOnClose}\n        timeout={transitionTime}\n        classNames={`${prefixCls}-zoom`}\n        onEntered={props.onOpened}\n        onExited={onAnimateLeave}\n        nodeRef={dialog}\n      >\n        {dialogElement}\n      </CSSTransition>\n    );\n  };\n\n  const renderMask = () => {\n    let maskElement;\n    if (showOverlay) {\n      maskElement = (\n        <CSSTransition\n          in={visible}\n          appear\n          timeout={transitionTime}\n          classNames={`${prefixCls}-dialog-fade`}\n          mountOnEnter\n          unmountOnExit\n          key=\"mask\"\n          nodeRef={maskRef}\n        >\n          <div key=\"mask\" onClick={onMaskClick} className={`${prefixCls}-mask`} />\n        </CSSTransition>\n      );\n    }\n    return maskElement;\n  };\n\n  const render = () => {\n    const style: CSSProperties = {};\n    if (visible) {\n      style.display = 'block';\n    }\n    const wrapStyle = {\n      ...style,\n      zIndex,\n    };\n\n    const dialogBody = renderDialog(`${props.placement ? `${prefixCls}--${props.placement}` : ''}`);\n    const wrapClass = classnames(props.className, `${prefixCls}-ctx`, `${prefixCls}-ctx--fixed`);\n    const dialog = (\n      <div ref={wrap} className={wrapClass} style={wrapStyle} onKeyDown={handleKeyDown}>\n        {mode === 'modal' && renderMask()}\n        {dialogBody}\n      </div>\n    );\n\n    let dom = null;\n\n    if (visible || wrap.current) {\n      if (getContainer === false) {\n        dom = dialog;\n      } else {\n        dom = <Portal getContainer={getContainer}>{dialog}</Portal>;\n      }\n    }\n\n    return dom;\n  };\n\n  return render();\n};\n\nexport default RenderDialog;\n"],"names":["KeyCode","KeyCode2","transitionTime","mousePosition","getClickPosition","e","x","clientX","y","clientY","window","document","documentElement","addEventListener","RenderDialog","props","prefixCls","getContainer","visible","mode","zIndex","showOverlay","onEscKeydown","noop","onClosed","onClose","onCloseBtnClick","onOverlayClick","preventScrollThrough","closeBtn","wrap","useRef","dialog","maskRef","bodyOverflow","body","style","overflow","bodyCssTextRef","cssText","isModal","canDraggable","draggable","current","scrollWidth","innerWidth","offsetWidth","bodyCssText","width","position","focus","transformOrigin","offsetLeft","offsetTop","onAnimateLeave","display","left","top","onMaskClick","target","currentTarget","trigger","handleCloseBtnClick","handleKeyDown","code","keyCode","stopPropagation","renderDialog","classNames","dest","footer","className","header","children","closer","onClick","dialogOffset","onDialogMove","offsetHeight","clientHeight","clientWidth","halfHeight","halfWidth","diffX","diffY","innerHeight","onDialogMoveEnd","cursor","removeEventListener","onDialogMoveStart","dialogElement","ref","classnames","onMouseDown","CSSTransition","key","appear","mountOnEnter","unmountOnExit","destroyOnClose","timeout","onEntered","onOpened","onExited","nodeRef","renderMask","maskElement","render","wrapStyle","dialogBody","placement","wrapClass","dialog2","onKeyDown","dom","Portal"],"mappings":"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"}
+{"version":3,"file":"RenderDialog.js","sources":["../../src/dialog/RenderDialog.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, CSSProperties, useEffect } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport classnames from 'classnames';\nimport Portal from '../common/Portal';\nimport { AttachNode } from '../common';\nimport noop from '../_util/noop';\nimport { DialogProps } from './Dialog';\n\nenum KeyCode {\n  ESC = 27,\n}\n\nexport interface RenderDialogProps extends DialogProps {\n  prefixCls?: string;\n  classPrefix: string;\n  getContainer?: React.ReactElement | AttachNode | boolean;\n}\n\nconst transitionTime = 300;\nlet mousePosition: { x: number; y: number } | null;\nconst getClickPosition = (e: MouseEvent) => {\n  mousePosition = {\n    x: e.clientX,\n    y: e.clientY,\n  };\n  setTimeout(() => {\n    mousePosition = null;\n  }, 100);\n};\nif (typeof window !== 'undefined' && window.document && window.document.documentElement) {\n  document.documentElement.addEventListener('click', getClickPosition, true);\n}\nconst RenderDialog: React.FC<RenderDialogProps> = (props) => {\n  const {\n    prefixCls,\n    getContainer,\n    visible,\n    mode,\n    zIndex,\n    showOverlay,\n    onEscKeydown = noop,\n    onClosed = noop,\n    onClose = noop,\n    onCloseBtnClick = noop,\n    onOverlayClick = noop,\n    preventScrollThrough,\n    closeBtn,\n  } = props;\n  const wrap = useRef<HTMLDivElement>();\n  const dialog = useRef<HTMLDivElement>();\n  const maskRef = useRef<HTMLDivElement>();\n  const bodyOverflow = useRef<string>(document.body.style.overflow);\n  const bodyCssTextRef = useRef<string>(document.body.style.cssText);\n  const isModal = mode === 'modal';\n  const canDraggable = props.draggable && mode === 'modeless';\n\n  useLayoutEffect(() => {\n    if (visible) {\n      if (isModal && bodyOverflow.current !== 'hidden' && preventScrollThrough) {\n        const scrollWidth = window.innerWidth - document.body.offsetWidth;\n        // 减少回流\n        if (bodyCssTextRef.current === '') {\n          let bodyCssText = 'overflow: hidden;';\n          if (scrollWidth > 0) {\n            bodyCssText += `position: relative;width: calc(100% - ${scrollWidth}px);`;\n          }\n          document.body.style.cssText = bodyCssText;\n        } else {\n          if (scrollWidth > 0) {\n            document.body.style.width = `calc(100% - ${scrollWidth}px)`;\n            document.body.style.position = 'relative';\n          }\n          document.body.style.overflow = 'hidden';\n        }\n      }\n      if (wrap.current) {\n        wrap.current.focus();\n      }\n    } else if (isModal) {\n      document.body.style.cssText = bodyCssTextRef.current;\n    }\n  }, [preventScrollThrough, getContainer, visible, mode, isModal]);\n\n  useEffect(() => {\n    if (visible) {\n      if (mousePosition && dialog.current) {\n        dialog.current.style.transformOrigin = `${mousePosition.x - dialog.current.offsetLeft}px ${\n          mousePosition.y - dialog.current.offsetTop\n        }px`;\n      }\n    }\n  }, [visible]);\n\n  const onAnimateLeave = () => {\n    if (wrap.current) {\n      wrap.current.style.display = 'none';\n    }\n    if (isModal && preventScrollThrough) {\n      // 还原body的滚动条\n      isModal && (document.body.style.overflow = bodyOverflow.current);\n    }\n    if (!isModal) {\n      const { style } = dialog.current;\n      style.left = '50%';\n      style.top = '50%';\n    }\n    onClosed && onClosed();\n  };\n\n  const onMaskClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (e.target === e.currentTarget) {\n      onOverlayClick({ e });\n      onClose({ e, trigger: 'overlay' });\n    }\n  };\n\n  const handleCloseBtnClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    onCloseBtnClick({ e });\n    onClose({ e, trigger: 'close-btn' });\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode\n    if (+e.code === KeyCode.ESC || e.keyCode === KeyCode.ESC) {\n      e.stopPropagation();\n      onEscKeydown({ e });\n      onClose({ e, trigger: 'esc' });\n    }\n  };\n\n  const renderDialog = (classNames) => {\n    const dest: any = {};\n    if (props.width !== undefined) {\n      dest.width = props.width;\n    }\n\n    const footer = props.footer ? <div className={`${prefixCls}__footer`}>{props.footer}</div> : null;\n\n    const header = <div className={`${prefixCls}__header`}>{props.header}</div>;\n\n    const body = <div className={`${prefixCls}__body`}>{props.body || props.children}</div>;\n\n    const closer = closeBtn && (\n      <span onClick={handleCloseBtnClick} className={`${prefixCls}__close`}>\n        {closeBtn}\n      </span>\n    );\n\n    const style = { ...dest, ...props.style };\n    let dialogOffset = { x: 0, y: 0 };\n    const onDialogMove = (e: MouseEvent) => {\n      const { style, offsetWidth, offsetHeight, clientHeight, clientWidth } = dialog.current;\n      const halfHeight = clientHeight / 2;\n      const halfWidth = clientWidth / 2;\n\n      let diffX = e.clientX - dialogOffset.x;\n      let diffY = e.clientY - dialogOffset.y;\n\n      if (diffX < halfWidth) {\n        diffX = halfWidth;\n      }\n      if (diffX > window.innerWidth - offsetWidth + halfWidth) {\n        diffX = window.innerWidth - offsetWidth + halfWidth;\n      }\n\n      if (diffY < halfHeight) {\n        diffY = halfHeight;\n      }\n\n      if (diffY > window.innerHeight - offsetHeight + halfHeight) {\n        diffY = window.innerHeight - offsetHeight + halfHeight;\n      }\n      style.left = `${diffX}px`;\n      style.top = `${diffY}px`;\n    };\n\n    const onDialogMoveEnd = () => {\n      dialog.current.style.cursor = 'default';\n      document.removeEventListener('mousemove', onDialogMove);\n      document.removeEventListener('mouseup', onDialogMoveEnd);\n    };\n\n    const onDialogMoveStart = (e: React.MouseEvent<HTMLDivElement>) => {\n      if (canDraggable) {\n        const { offsetLeft, offsetTop } = dialog.current;\n        dialog.current.style.cursor = 'move';\n        const diffX = e.clientX - offsetLeft;\n        const diffY = e.clientY - offsetTop;\n        dialogOffset = {\n          x: diffX,\n          y: diffY,\n        };\n\n        document.addEventListener('mousemove', onDialogMove);\n        document.addEventListener('mouseup', onDialogMoveEnd);\n      }\n    };\n\n    const dialogElement = (\n      <div\n        ref={dialog}\n        style={style}\n        className={classnames(`${prefixCls}`, `${prefixCls}--default`, classNames)}\n        onMouseDown={onDialogMoveStart}\n      >\n        {closer}\n        {header}\n        {body}\n        {footer}\n      </div>\n    );\n\n    return (\n      <CSSTransition\n        key=\"dialog\"\n        in={props.visible}\n        appear\n        mountOnEnter\n        unmountOnExit={props.destroyOnClose}\n        timeout={transitionTime}\n        classNames={`${prefixCls}-zoom`}\n        onEntered={props.onOpened}\n        onExited={onAnimateLeave}\n        nodeRef={dialog}\n      >\n        {dialogElement}\n      </CSSTransition>\n    );\n  };\n\n  const renderMask = () => {\n    let maskElement;\n    if (showOverlay) {\n      maskElement = (\n        <CSSTransition\n          in={visible}\n          appear\n          timeout={transitionTime}\n          classNames={`${prefixCls}-dialog-fade`}\n          mountOnEnter\n          unmountOnExit\n          key=\"mask\"\n          nodeRef={maskRef}\n        >\n          <div key=\"mask\" onClick={onMaskClick} className={`${prefixCls}-mask`} />\n        </CSSTransition>\n      );\n    }\n    return maskElement;\n  };\n\n  const render = () => {\n    const style: CSSProperties = {};\n    if (visible) {\n      style.display = 'block';\n    }\n    const wrapStyle = {\n      ...style,\n      zIndex,\n    };\n\n    const dialogBody = renderDialog(`${props.placement ? `${prefixCls}--${props.placement}` : ''}`);\n    const wrapClass = classnames(props.className, `${prefixCls}-ctx`, `${prefixCls}-ctx--fixed`);\n    const dialog = (\n      <div ref={wrap} className={wrapClass} style={wrapStyle} onKeyDown={handleKeyDown}>\n        {mode === 'modal' && renderMask()}\n        {dialogBody}\n      </div>\n    );\n\n    let dom = null;\n\n    if (visible || wrap.current) {\n      if (getContainer === false) {\n        dom = dialog;\n      } else {\n        dom = <Portal getContainer={getContainer}>{dialog}</Portal>;\n      }\n    }\n\n    return dom;\n  };\n\n  return render();\n};\n\nexport default RenderDialog;\n"],"names":["KeyCode","KeyCode2","transitionTime","mousePosition","getClickPosition","e","x","clientX","y","clientY","window","document","documentElement","addEventListener","RenderDialog","props","prefixCls","getContainer","visible","mode","zIndex","showOverlay","onEscKeydown","noop","onClosed","onClose","onCloseBtnClick","onOverlayClick","preventScrollThrough","closeBtn","wrap","useRef","dialog","maskRef","bodyOverflow","body","style","overflow","bodyCssTextRef","cssText","isModal","canDraggable","draggable","current","scrollWidth","innerWidth","offsetWidth","bodyCssText","width","position","focus","transformOrigin","offsetLeft","offsetTop","onAnimateLeave","display","left","top","onMaskClick","target","currentTarget","trigger","handleCloseBtnClick","handleKeyDown","code","keyCode","stopPropagation","renderDialog","classNames","dest","footer","className","header","children","closer","onClick","dialogOffset","onDialogMove","offsetHeight","clientHeight","clientWidth","halfHeight","halfWidth","diffX","diffY","innerHeight","onDialogMoveEnd","cursor","removeEventListener","onDialogMoveStart","dialogElement","ref","classnames","onMouseDown","CSSTransition","key","appear","mountOnEnter","unmountOnExit","destroyOnClose","timeout","onEntered","onOpened","onExited","nodeRef","renderMask","maskElement","render","wrapStyle","dialogBody","placement","wrapClass","dialog2","onKeyDown","dom","Portal"],"mappings":"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"}

package/es/dialog/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import './style/index.js';
 export type { DialogProps } from './Dialog';
-export * from '../_type/components/dialog';
-export { default as dialog } from './plugin';
-export declare const Dialog: import("react").ForwardRefExoticComponent<import("./Dialog").DialogProps & import("react").RefAttributes<import("../_type/components/dialog").DialogInstance>>;
+export * from './type';
+export { DialogPlugin, dialog } from './plugin';
+export declare const Dialog: import("react").ForwardRefExoticComponent<import("./Dialog").DialogProps & import("react").RefAttributes<import("./type").DialogInstance>>;
 export default Dialog;

package/es/dialog/index.js

@@ -1,25 +1,25 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import _Dialog from './Dialog.js';
 import './style/css.js';
-import '../_type/components/dialog/index.js';
-export { default as dialog } from './plugin.js';
-import '../_chunks/dep-016d27a7.js';
-import '../_chunks/dep-efe7433b.js';
-import '../_chunks/dep-2f008905.js';
-import '../_chunks/dep-6a5b1968.js';
+import './type.js';
+export { DialogPlugin, dialog } from './plugin.js';
+import '../_chunks/dep-b3d60655.js';
+import '../_chunks/dep-53c6c586.js';
+import '../_chunks/dep-fff59b5a.js';
+import '../_chunks/dep-4c3606c3.js';
 import 'react';
-import '../_chunks/dep-e507e9db.js';
-import '../_chunks/dep-cb80da27.js';
-import '../_chunks/dep-b6ff8559.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-9ad4f4b7.js';
-import '../_chunks/dep-4e491803.js';
-import '../_chunks/dep-f3eac264.js';
+import '../_chunks/dep-615797a6.js';
+import '../_chunks/dep-2e526f70.js';
+import '../_chunks/dep-b6fbc66d.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-364c042d.js';
+import '../_chunks/dep-6b2b86ea.js';
+import '../_chunks/dep-7d91d695.js';
 import 'tdesign-icons-react';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
@@ -40,9 +40,8 @@ import '../_util/dom.js';
 import 'raf';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-65c183dc.js';
-import '../_type/components/loading/index.js';
-import '../_type/components/button/index.js';
+import '../loading/type.js';
+import '../button/type.js';
 import './RenderDialog.js';
 import 'react-transition-group';
 import '../_util/useSetState.js';

package/es/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/dialog/index.tsx"],"sourcesContent":["import _Dialog from './Dialog';\n\nimport './style/index.js';\n\nexport type { DialogProps } from './Dialog';\nexport * from '../_type/components/dialog';\n\nexport { default as dialog } from './plugin';\nexport const Dialog = _Dialog;\nexport default Dialog;\n"],"names":["Dialog","_Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,SAASC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/dialog/index.tsx"],"sourcesContent":["import _Dialog from './Dialog';\n\nimport './style/index.js';\n\nexport type { DialogProps } from './Dialog';\nexport * from './type';\n\nexport { DialogPlugin, dialog } from './plugin';\nexport const Dialog = _Dialog;\nexport default Dialog;\n"],"names":["Dialog","_Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,SAASC;;;;"}

package/es/dialog/plugin.d.ts

@@ -1,7 +1,7 @@
-import { DialogMethod, DialogConfirmMethod, DialogAlertMethod } from '../_type/components/dialog';
+import { DialogMethod, DialogConfirmMethod, DialogAlertMethod } from './type';
 export interface DialogPlugin extends DialogMethod {
     alert?: DialogAlertMethod;
     confirm?: DialogConfirmMethod;
 }
-declare const createDialog: DialogPlugin;
-export default createDialog;
+export declare const dialog: DialogPlugin;
+export declare const DialogPlugin: DialogPlugin;

package/es/dialog/plugin.js

@@ -1,24 +1,24 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import _Dialog from './Dialog.js';
 import { getAttach } from '../_util/dom.js';
-import '../_chunks/dep-016d27a7.js';
-import '../_chunks/dep-2f008905.js';
-import '../_chunks/dep-6a5b1968.js';
-import '../_chunks/dep-e507e9db.js';
-import '../_chunks/dep-cb80da27.js';
-import '../_chunks/dep-b6ff8559.js';
-import '../_chunks/dep-1189939f.js';
-import '../_chunks/dep-9ad4f4b7.js';
-import '../_chunks/dep-4e491803.js';
-import '../_chunks/dep-f3eac264.js';
+import '../_chunks/dep-b3d60655.js';
+import '../_chunks/dep-fff59b5a.js';
+import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-615797a6.js';
+import '../_chunks/dep-2e526f70.js';
+import '../_chunks/dep-b6fbc66d.js';
+import '../_chunks/dep-601473bd.js';
+import '../_chunks/dep-364c042d.js';
+import '../_chunks/dep-6b2b86ea.js';
+import '../_chunks/dep-7d91d695.js';
 import 'tdesign-icons-react';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
@@ -35,12 +35,11 @@ import '../_util/setStyle.js';
 import '../loading/index.js';
 import '../loading/loading.js';
 import '../common/Portal.js';
-import '../_chunks/dep-65c183dc.js';
 import 'raf';
 import '../_util/easing.js';
 import './style/css.js';
-import '../_type/components/loading/index.js';
-import '../_type/components/button/index.js';
+import '../loading/type.js';
+import '../button/type.js';
 import './RenderDialog.js';
 import 'react-transition-group';
 import '../_util/useSetState.js';
@@ -104,6 +103,8 @@ var alert = function alert(props) {
 
 createDialog.alert = alert;
 createDialog.confirm = confirm;
+var dialog = createDialog;
+var DialogPlugin = createDialog;
 
-export { createDialog as default };
+export { DialogPlugin, dialog };
 //# sourceMappingURL=plugin.js.map

package/es/dialog/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["../../src/dialog/plugin.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport DialogComponent, { DialogProps } from './Dialog';\n\nimport { getAttach } from '../_util/dom';\nimport {\n  DialogOptions,\n  DialogMethod,\n  DialogConfirmMethod,\n  DialogAlertMethod,\n  DialogInstance,\n} from '../_type/components/dialog';\n\nexport interface DialogPlugin extends DialogMethod {\n  alert?: DialogAlertMethod;\n  confirm?: DialogConfirmMethod;\n}\n\nconst createDialog: DialogPlugin = (props: DialogOptions) => {\n  const dialogRef = React.createRef<DialogInstance>();\n  const options = { ...props };\n  const div = document.createElement('div');\n  ReactDOM.render(<DialogComponent {...(options as DialogProps)} visible={true} ref={dialogRef} isPlugin />, div);\n  const container = getAttach(options.attach);\n  if (container) {\n    container.appendChild(div);\n  } else {\n    console.error('attach is not exist');\n  }\n\n  const dialogNode: DialogInstance = {\n    show: () => {\n      dialogRef.current?.show();\n    },\n    hide: () => {\n      dialogRef.current?.hide();\n    },\n    update: (updateOptions: DialogOptions) => {\n      dialogRef.current?.update(updateOptions);\n    },\n    destroy: () => {\n      container.contains(div) && container.removeChild(div);\n    },\n  };\n  return dialogNode;\n};\n\nconst confirm: DialogConfirmMethod = (props: DialogOptions) => createDialog(props);\n\nconst alert: DialogAlertMethod = (props: Omit<DialogOptions, 'confirmBtn'>) => {\n  const options = { ...props };\n  options.cancelBtn = null;\n  return createDialog(options);\n};\n\ncreateDialog.alert = alert;\ncreateDialog.confirm = confirm;\n\nexport default createDialog;\n"],"names":["createDialog","props","dialogRef","React","createRef","options","div","document","createElement","render","DialogComponent","visible","ref","isPlugin","container","getAttach","attach","appendChild","error","dialogNode","show","current","hide","update","updateOptions","destroy","contains","removeChild","confirm","alert","cancelBtn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkBMA,eAA6B,SAA7BA,YAA6B,CAACC,KAAD,EAA0B;MACrDC,yBAAYC,MAAMC,SAAN;;MACZC,4BAAeJ;;MACfK,MAAMC,SAASC,aAAT,CAAuB,KAAvB;WACHC,2CAAQC,yCAAqBL;AAAyBM,IAAAA,SAAS;AAAMC,IAAAA,KAAKV;AAAWW,IAAAA,UAAQ;OAAKP;MACrGQ,YAAYC,UAAUV,QAAQW;;MAChCF,WAAW;cACHG,YAAYX;SACjB;YACGY,MAAM;;;MAGVC,aAA6B;AACjCC,IAAAA,MAAM,gBAAM;AAAA;;sCACAC,iFAASD;KAFY;AAIjCE,IAAAA,MAAM,gBAAM;AAAA;;uCACAD,mFAASC;KALY;AAOjCC,IAAAA,QAAQ,gBAACC,aAAD,EAAkC;AAAA;;uCAC9BH,mFAASE,OAAOC;KARK;AAUjCC,IAAAA,SAAS,mBAAM;gBACHC,SAASpB,QAAQQ,UAAUa,WAAV,CAAsBrB,GAAtB;;AAXI;SAc5Ba;;;AAGT,IAAMS,UAA+B,SAA/BA,OAA+B,CAAC3B,KAAD;AAAA,SAA0BD,aAAaC,MAAvC;AAAA,CAArC;;AAEA,IAAM4B,QAA2B,SAA3BA,KAA2B,CAAC5B,KAAD,EAA8C;MACvEI,4BAAeJ;;UACb6B,YAAY;SACb9B,aAAaK;CAHtB;;AAMAL,aAAa6B,KAAb,GAAqBA,KAArB;AACA7B,aAAa4B,OAAb,GAAuBA,OAAvB;;;;"}
+{"version":3,"file":"plugin.js","sources":["../../src/dialog/plugin.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport DialogComponent, { DialogProps } from './Dialog';\n\nimport { getAttach } from '../_util/dom';\nimport { DialogOptions, DialogMethod, DialogConfirmMethod, DialogAlertMethod, DialogInstance } from './type';\n\nexport interface DialogPlugin extends DialogMethod {\n  alert?: DialogAlertMethod;\n  confirm?: DialogConfirmMethod;\n}\n\nconst createDialog: DialogPlugin = (props: DialogOptions) => {\n  const dialogRef = React.createRef<DialogInstance>();\n  const options = { ...props };\n  const div = document.createElement('div');\n  ReactDOM.render(<DialogComponent {...(options as DialogProps)} visible={true} ref={dialogRef} isPlugin />, div);\n  const container = getAttach(options.attach);\n  if (container) {\n    container.appendChild(div);\n  } else {\n    console.error('attach is not exist');\n  }\n\n  const dialogNode: DialogInstance = {\n    show: () => {\n      dialogRef.current?.show();\n    },\n    hide: () => {\n      dialogRef.current?.hide();\n    },\n    update: (updateOptions: DialogOptions) => {\n      dialogRef.current?.update(updateOptions);\n    },\n    destroy: () => {\n      container.contains(div) && container.removeChild(div);\n    },\n  };\n  return dialogNode;\n};\n\nconst confirm: DialogConfirmMethod = (props: DialogOptions) => createDialog(props);\n\nconst alert: DialogAlertMethod = (props: Omit<DialogOptions, 'confirmBtn'>) => {\n  const options = { ...props };\n  options.cancelBtn = null;\n  return createDialog(options);\n};\n\ncreateDialog.alert = alert;\ncreateDialog.confirm = confirm;\n\nexport const dialog = createDialog;\n\nexport const DialogPlugin = createDialog;\n"],"names":["createDialog","props","dialogRef","React","createRef","options","div","document","createElement","render","DialogComponent","visible","ref","isPlugin","container","getAttach","attach","appendChild","error","dialogNode","show","current","hide","update","updateOptions","destroy","contains","removeChild","confirm","alert","cancelBtn","dialog","DialogPlugin"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,eAA6B,SAA7BA,YAA6B,CAACC,KAAD,EAA0B;MACrDC,yBAAYC,MAAMC,SAAN;;MACZC,4BAAeJ;;MACfK,MAAMC,SAASC,aAAT,CAAuB,KAAvB;WACHC,2CAAQC,yCAAqBL;AAAyBM,IAAAA,SAAS;AAAMC,IAAAA,KAAKV;AAAWW,IAAAA,UAAQ;OAAKP;MACrGQ,YAAYC,UAAUV,QAAQW;;MAChCF,WAAW;cACHG,YAAYX;SACjB;YACGY,MAAM;;;MAGVC,aAA6B;AACjCC,IAAAA,MAAM,gBAAM;AAAA;;sCACAC,iFAASD;KAFY;AAIjCE,IAAAA,MAAM,gBAAM;AAAA;;uCACAD,mFAASC;KALY;AAOjCC,IAAAA,QAAQ,gBAACC,aAAD,EAAkC;AAAA;;uCAC9BH,mFAASE,OAAOC;KARK;AAUjCC,IAAAA,SAAS,mBAAM;gBACHC,SAASpB,QAAQQ,UAAUa,WAAV,CAAsBrB,GAAtB;;AAXI;SAc5Ba;CA1BT;;AA6BA,IAAMS,UAA+B,SAA/BA,OAA+B,CAAC3B,KAAD;AAAA,SAA0BD,aAAaC,MAAvC;AAAA,CAArC;;AAEA,IAAM4B,QAA2B,SAA3BA,KAA2B,CAAC5B,KAAD,EAA8C;MACvEI,4BAAeJ;;UACb6B,YAAY;SACb9B,aAAaK;CAHtB;;AAMAL,aAAa6B,KAAb,GAAqBA,KAArB;AACA7B,aAAa4B,OAAb,GAAuBA,OAAvB;IAEaG,SAAS/B;IAETgC,eAAehC;;;;"}

package/es/dialog/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/dialog/type.d.ts

@@ -0,0 +1,200 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-01 14:46:40
+ * */
+import { ButtonProps } from '../button';
+import { TNode, AttachNode } from '../common';
+import { MouseEvent, KeyboardEvent } from 'react';
+export interface TdDialogProps {
+    /**
+     * 对话框挂载的节点，默认挂在组件本身的位置。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body
+     * @default ''
+     */
+    attach?: AttachNode;
+    /**
+     * 对话框内容
+     * @default ''
+     */
+    body?: TNode;
+    /**
+     * 取消按钮，可自定义。值为 null 则不显示取消按钮。值类型为字符串，则表示自定义按钮文本，值类型为 Object 则表示透传 Button 组件属性。使用 TNode 自定义按钮时，需自行控制取消事件
+     * @default ''
+     */
+    cancelBtn?: ButtonProps | TNode;
+    /**
+     * 抽屉内容，同 body
+     */
+    children?: TNode;
+    /**
+     * 关闭按钮，可以自定义。值为 true 显示默认关闭按钮，值为 false 不显示关闭按钮。值类型为 string 则直接显示值，如：“关闭”。值类型为 TNode，则表示呈现自定义按钮示例
+     * @default true
+     */
+    closeBtn?: TNode;
+    /**
+     * 按下 ESC 时是否触发抽屉关闭事件
+     * @default true
+     */
+    closeOnEscKeydown?: boolean;
+    /**
+     * 点击蒙层时是否触发关闭事件
+     * @default true
+     */
+    closeOnOverlayClick?: boolean;
+    /**
+     * 确认按钮。值为 null 则不显示取消按钮。值类型为字符串，则表示自定义按钮文本，值类型为 Object 则表示透传 Button 组件属性。使用 TNode 自定义按钮时，需自行控制确认事件
+     * @default ''
+     */
+    confirmBtn?: ButtonProps | TNode;
+    /**
+     * 是否在关闭弹框的时候销毁子元素
+     * @default false
+     */
+    destroyOnClose?: boolean;
+    /**
+     * 对话框是否可以拖拽（仅在非模态对话框时有效）
+     * @default false
+     */
+    draggable?: boolean;
+    /**
+     * 底部操作栏，默认会有“确认”和“取消”两个按钮。值为 true 显示默认操作按钮，值为 false 不显示任何内容，值类型为 Function 表示自定义底部内容
+     * @default true
+     */
+    footer?: TNode;
+    /**
+     * 头部内容。值为 true 显示空白头部，值为 false 不显示任何内容，值类型为 string 则直接显示值，值类型为 Function 表示自定义头部内容
+     * @default true
+     */
+    header?: TNode;
+    /**
+     * 对话框类型，有三种：模态对话框、非模态对话框和普通对话框。弹出「模态对话框」时，只能操作对话框里面的内容，不能操作其他内容。弹出「非模态对话框」时，则可以操作页面内所有内容。「普通对话框」是指没有脱离文档流的对话框，可以在这个基础上开发更多的插件
+     * @default modal
+     */
+    mode?: 'modal' | 'modeless' | 'normal';
+    /**
+     * 对话框位置，内置两种：垂直水平居中显示 和 靠近顶部（top:20%）显示
+     * @default top
+     */
+    placement?: 'top' | 'center';
+    /**
+     * 防止滚动穿透
+     * @default true
+     */
+    preventScrollThrough?: boolean;
+    /**
+     * 是否显示遮罩层
+     * @default true
+     */
+    showOverlay?: boolean;
+    /**
+     * 对话框风格
+     * @default default
+     */
+    theme?: 'default' | 'info' | 'warning' | 'danger' | 'success';
+    /**
+     * 用于弹框具体窗口顶部的距离，优先级大于 placement
+     */
+    top?: string | number;
+    /**
+     * 控制对话框是否显示
+     * @default false
+     */
+    visible?: boolean;
+    /**
+     * 控制对话框是否显示，非受控属性
+     * @default false
+     */
+    defaultVisible?: boolean;
+    /**
+     * 对话框宽度，示例：320, '500px', '80%'
+     */
+    width?: string | number;
+    /**
+     * 对话框层级，Web 侧样式默认为 2500，移动端和小程序样式默认为 1500
+     */
+    zIndex?: number;
+    /**
+     * 如果“取消”按钮存在，则点击“取消”按钮时触发，同时触发关闭事件
+     */
+    onCancel?: (context: {
+        e: MouseEvent<HTMLButtonElement>;
+    }) => void;
+    /**
+     * 关闭事件，点击取消按钮、点击关闭按钮、点击蒙层、按下 ESC 等场景下触发
+     */
+    onClose?: (context: DialogCloseContext) => void;
+    /**
+     * 点击右上角关闭按钮时触发
+     */
+    onCloseBtnClick?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 对话框消失动画效果结束后触发
+     */
+    onClosed?: () => void;
+    /**
+     * 如果“确认”按钮存在，则点击“确认”按钮时触发
+     */
+    onConfirm?: (context: {
+        e: MouseEvent<HTMLButtonElement>;
+    }) => void;
+    /**
+     * 按下 ESC 时触发事件
+     */
+    onEscKeydown?: (context: {
+        e: KeyboardEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 对话框弹出动画效果结束后触发
+     */
+    onOpened?: () => void;
+    /**
+     * 如果蒙层存在，点击蒙层时触发
+     */
+    onOverlayClick?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+}
+export interface DialogOptions extends Omit<TdDialogProps, 'attach'> {
+    /**
+     * 对话框挂载的节点。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body
+     * @default 'body'
+     */
+    attach?: AttachNode;
+    /**
+     * 弹框类名，示例：'t-class-dialog-first t-class-dialog-second'
+     * @default ''
+     */
+    className?: string;
+    /**
+     * 弹框 style 属性，输入 [CSSStyleDeclaration.cssText](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/cssText)
+     * @default ''
+     */
+    style?: string;
+}
+export interface DialogInstance {
+    /**
+     * 销毁弹框
+     */
+    destroy?: () => void;
+    /**
+     * 隐藏弹框
+     */
+    hide?: () => void;
+    /**
+     * 显示弹框
+     */
+    show?: () => void;
+    /**
+     * 更新弹框内容
+     */
+    update?: (props: DialogOptions) => void;
+}
+export declare type DialogEventSource = 'esc' | 'close-btn' | 'cancel' | 'overlay';
+export interface DialogCloseContext {
+    trigger: DialogEventSource;
+    e: MouseEvent<HTMLElement> | KeyboardEvent;
+}
+export declare type DialogMethod = (options?: DialogOptions) => DialogInstance;
+export declare type DialogConfirmMethod = (options?: DialogOptions) => DialogInstance;
+export declare type DialogAlertMethod = (options?: Omit<DialogOptions, 'confirmBtn'>) => DialogInstance;

package/es/dialog/type.js

@@ -0,0 +1,7 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+//# sourceMappingURL=type.js.map

package/es/dialog/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/divider/Divider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { StyledProps } from '../_type';
-import { TdDividerProps } from '../_type/components/divider';
+import { StyledProps } from '../common';
+import { TdDividerProps } from './type';
 /**
  * Divider 组件支持的属性。
  */

package/es/divider/Divider.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-016d27a7.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-b3d60655.js';
 import React__default from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';