tdesign-react 0.23.0 → 0.23.1

package/cjs/popup/Popup.js

@@ -1,210 +0,0 @@
-/**
- * tdesign v0.23.0
- * (c) 2022 tdesign
- * @license MIT
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var defineProperty = require('../_chunks/dep-6e4749ac.js');
-var slicedToArray = require('../_chunks/dep-84adf720.js');
-var React = require('react');
-var reactTransitionGroup = require('react-transition-group');
-var classNames = require('classnames');
-var reactPopper = require('react-popper');
-var _util_useDefault = require('../_util/useDefault.js');
-var _util_useConfig = require('../_util/useConfig.js');
-var _util_composeRefs = require('../_util/composeRefs.js');
-var popup_Portal = require('./Portal.js');
-var popup_hooks_useTriggerProps = require('./hooks/useTriggerProps.js');
-var popup_hooks_usePopupCssTransition = require('./hooks/usePopupCssTransition.js');
-require('../_chunks/dep-4af53794.js');
-require('../_util/noop.js');
-require('../config-provider/ConfigContext.js');
-require('../locale/zh_CN.js');
-require('react-dom');
-require('../_util/useClickOutside.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var placementMap = {
-  top: "top",
-  "top-left": "top-start",
-  "top-right": "top-end",
-  bottom: "bottom",
-  "bottom-left": "bottom-start",
-  "bottom-right": "bottom-end",
-  left: "left",
-  "left-top": "left-start",
-  "left-bottom": "left-end",
-  right: "right",
-  "right-top": "right-start",
-  "right-bottom": "right-end"
-};
-var Popup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? "hover" : _props$trigger,
-      _props$content = props.content,
-      content = _props$content === void 0 ? null : _props$content,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? "top" : _props$placement,
-      _props$attach = props.attach,
-      attach = _props$attach === void 0 ? "body" : _props$attach,
-      _props$showArrow = props.showArrow,
-      showArrow = _props$showArrow === void 0 ? false : _props$showArrow,
-      _props$destroyOnClose = props.destroyOnClose,
-      destroyOnClose = _props$destroyOnClose === void 0 ? false : _props$destroyOnClose,
-      className = props.className,
-      style = props.style,
-      overlayClassName = props.overlayClassName,
-      overlayStyle = props.overlayStyle,
-      triggerElement = props.triggerElement,
-      _props$children = props.children,
-      children = _props$children === void 0 ? triggerElement : _props$children,
-      disabled = props.disabled,
-      _props$defaultVisible = props.defaultVisible,
-      defaultVisible = _props$defaultVisible === void 0 ? false : _props$defaultVisible,
-      zIndex = props.zIndex,
-      onVisibleChange = props.onVisibleChange,
-      expandAnimation = props.expandAnimation;
-
-  var _useConfig = _util_useConfig["default"](),
-      classPrefix = _useConfig.classPrefix;
-
-  var _useDefault = _util_useDefault["default"](props.visible, defaultVisible, onVisibleChange),
-      _useDefault2 = slicedToArray._slicedToArray(_useDefault, 2),
-      visible = _useDefault2[0],
-      setVisible = _useDefault2[1];
-
-  var _useState = React.useState(null),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      triggerRef = _useState2[0],
-      setTriggerRef = _useState2[1];
-
-  var _useState3 = React.useState(null),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      overlayRef = _useState4[0],
-      setOverlayRef = _useState4[1];
-
-  var contentRef = React.useRef(null);
-  var popupRef = React.useRef(null);
-  var popperRef = React.useRef(null);
-  var onPopperFirstUpdate = React.useCallback(function (state) {
-    var referenceElmRect = popupRef.current.getBoundingClientRect();
-    var referenceElmTop = referenceElmRect.top,
-        referenceElmLeft = referenceElmRect.left,
-        bottom = referenceElmRect.bottom,
-        right = referenceElmRect.right;
-    var referenceElmBottom = window.innerHeight - bottom;
-    var referenceElmRight = window.innerWidth - right;
-    var _contentRef$current = contentRef.current,
-        contentScrollHeight = _contentRef$current.scrollHeight,
-        contentOffsetWidth = _contentRef$current.offsetWidth;
-    var newPlacement = state.options.placement;
-
-    if (referenceElmBottom < contentScrollHeight && referenceElmTop >= contentScrollHeight) {
-      newPlacement = state.options.placement.replace("bottom", "top");
-    }
-
-    if (referenceElmTop < contentScrollHeight && referenceElmBottom >= contentScrollHeight) {
-      newPlacement = state.options.placement.replace("top", "bottom");
-    }
-
-    if (referenceElmLeft < contentOffsetWidth && referenceElmRight >= contentOffsetWidth) {
-      newPlacement = state.options.placement.replace("left", "right");
-    }
-
-    if (referenceElmRight < contentOffsetWidth && referenceElmLeft >= contentOffsetWidth) {
-      newPlacement = state.options.placement.replace("right", "left");
-    }
-
-    Object.assign(state.options, _objectSpread(_objectSpread({}, state.options), {}, {
-      placement: newPlacement
-    }));
-    popperRef.current.update();
-  }, []);
-  popperRef.current = reactPopper.usePopper(triggerRef, overlayRef, {
-    placement: placementMap[placement],
-    onFirstUpdate: onPopperFirstUpdate
-  });
-  var _popperRef$current = popperRef.current,
-      styles = _popperRef$current.styles,
-      attributes = _popperRef$current.attributes;
-  var defaultStyles = React.useMemo(function () {
-    if (triggerRef && typeof overlayStyle === "function") return _objectSpread(_objectSpread({}, overlayStyle(triggerRef)), {}, {
-      zIndex: zIndex
-    });
-    return _objectSpread(_objectSpread({}, overlayStyle), {}, {
-      zIndex: zIndex
-    });
-  }, [overlayStyle, zIndex, triggerRef]);
-  var overlayVisibleStyle = defaultStyles;
-  var triggerNodeTemp = React.useMemo(function () {
-    var _React$Children$toArr = React__default["default"].Children.toArray(children),
-        _React$Children$toArr2 = slicedToArray._slicedToArray(_React$Children$toArr, 1),
-        triggerChildNode = _React$Children$toArr2[0];
-
-    if (React__default["default"].Children.count(children) === 1 && /*#__PURE__*/React.isValidElement(triggerChildNode)) {
-      return triggerChildNode;
-    }
-
-    return /* @__PURE__ */React__default["default"].createElement("span", {
-      className: "".concat(classPrefix, "-trigger")
-    }, children);
-  }, [children, classPrefix]);
-
-  var _useTriggerProps = popup_hooks_useTriggerProps["default"]({
-    current: overlayRef
-  }, {
-    current: triggerRef
-  }, [trigger], visible, setVisible, disabled, triggerNodeTemp),
-      _useTriggerProps2 = slicedToArray._slicedToArray(_useTriggerProps, 2),
-      triggerProps = _useTriggerProps2[0],
-      popupProps = _useTriggerProps2[1];
-
-  var disabledClassName = classNames__default["default"](defineProperty._defineProperty({}, "".concat(classPrefix, "-is-disabled"), disabled));
-  var triggerNode = /*#__PURE__*/React.cloneElement(triggerNodeTemp, _objectSpread({
-    ref: _util_composeRefs["default"](triggerNodeTemp.ref, setTriggerRef),
-    className: classNames__default["default"](disabledClassName, triggerNodeTemp.props.className)
-  }, triggerProps));
-  var cssTransitionState = popup_hooks_usePopupCssTransition["default"]({
-    contentRef: contentRef,
-    classPrefix: classPrefix,
-    expandAnimation: expandAnimation
-  });
-  var portal = visible || overlayRef ? /* @__PURE__ */React__default["default"].createElement(popup_Portal["default"], {
-    attach: attach
-  }, /* @__PURE__ */React__default["default"].createElement(reactTransitionGroup.CSSTransition, _objectSpread({
-    "in": visible,
-    appear: true,
-    unmountOnExit: destroyOnClose
-  }, cssTransitionState.props), /* @__PURE__ */React__default["default"].createElement("div", _objectSpread(_objectSpread({
-    ref: _util_composeRefs["default"](setOverlayRef, ref),
-    style: styles.popper,
-    className: "".concat(classPrefix, "-popup")
-  }, attributes.popper), popupProps), /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"]("".concat(classPrefix, "-popup__content"), overlayClassName, defineProperty._defineProperty({}, "".concat(classPrefix, "-popup__content--arrow"), showArrow)),
-    style: overlayVisibleStyle,
-    ref: contentRef
-  }, showArrow ? /* @__PURE__ */React__default["default"].createElement("div", {
-    style: styles.arrow,
-    className: "".concat(classPrefix, "-popup__arrow")
-  }) : null, content)))) : null;
-  return /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"]("".concat(classPrefix, "-popup__reference"), className),
-    style: style,
-    ref: popupRef
-  }, triggerNode, portal);
-});
-Popup.displayName = "Popup";
-
-exports["default"] = Popup;
-//# sourceMappingURL=Popup.js.map

package/cjs/popup/Popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popup.js","sources":["../../src/popup/Popup.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  CSSProperties,\n  useState,\n  cloneElement,\n  isValidElement,\n  useMemo,\n  useCallback,\n  useRef,\n} from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport { usePopper } from 'react-popper';\nimport Popper from '@popperjs/core';\nimport { StyledProps } from '../common';\nimport useDefault from '../_util/useDefault';\nimport useConfig from '../_util/useConfig';\nimport composeRefs from '../_util/composeRefs';\nimport { TdPopupProps } from './type';\nimport Portal from './Portal';\nimport useTriggerProps from './hooks/useTriggerProps';\nimport usePopupCssTransition from './hooks/usePopupCssTransition';\n\nexport interface PopupProps extends TdPopupProps, StyledProps {\n  // 是否触发展开收起动画，内部下拉式组件使用\n  expandAnimation?: boolean;\n}\n\n/**\n * 修复参数对齐popper.js 组件展示方向，与TD组件定义有差异\n */\ntype PlacementDictionary = {\n  [Key in TdPopupProps['placement']]: Popper.Placement;\n};\n\nconst placementMap: PlacementDictionary = {\n  top: 'top',\n  'top-left': 'top-start',\n  'top-right': 'top-end',\n  bottom: 'bottom',\n  'bottom-left': 'bottom-start',\n  'bottom-right': 'bottom-end',\n  left: 'left',\n  'left-top': 'left-start',\n  'left-bottom': 'left-end',\n  right: 'right',\n  'right-top': 'right-start',\n  'right-bottom': 'right-end',\n};\n\nconst Popup = forwardRef<HTMLDivElement, PopupProps>((props, ref) => {\n  const {\n    trigger = 'hover',\n    content = null,\n    placement = 'top',\n    attach = 'body',\n    showArrow = false,\n    destroyOnClose = false,\n    className,\n    style,\n    overlayClassName,\n    overlayStyle,\n    triggerElement,\n    children = triggerElement,\n    disabled,\n    defaultVisible = false,\n    zIndex,\n    onVisibleChange,\n    expandAnimation,\n  } = props;\n  const { classPrefix } = useConfig();\n  const [visible, setVisible] = useDefault(props.visible, defaultVisible, onVisibleChange);\n\n  // refs\n  const [triggerRef, setTriggerRef] = useState<HTMLElement>(null);\n  const [overlayRef, setOverlayRef] = useState<HTMLDivElement>(null);\n\n  const contentRef = useRef<HTMLDivElement>(null);\n  const popupRef = useRef(null);\n  const popperRef = useRef(null);\n\n  // 展开时候动态判断上下左右翻转\n  const onPopperFirstUpdate = useCallback((state) => {\n    const referenceElmRect = popupRef.current.getBoundingClientRect();\n    const { top: referenceElmTop, left: referenceElmLeft, bottom, right } = referenceElmRect;\n    const referenceElmBottom = window.innerHeight - bottom;\n    const referenceElmRight = window.innerWidth - right;\n\n    const { scrollHeight: contentScrollHeight, offsetWidth: contentOffsetWidth } = contentRef.current;\n\n    let newPlacement = state.options.placement;\n    // 底部不够向上翻转\n    if (referenceElmBottom < contentScrollHeight && referenceElmTop >= contentScrollHeight) {\n      newPlacement = state.options.placement.replace('bottom', 'top');\n    }\n    // 顶部不够向下翻转\n    if (referenceElmTop < contentScrollHeight && referenceElmBottom >= contentScrollHeight) {\n      newPlacement = state.options.placement.replace('top', 'bottom');\n    }\n    // 左侧不够向右翻转\n    if (referenceElmLeft < contentOffsetWidth && referenceElmRight >= contentOffsetWidth) {\n      newPlacement = state.options.placement.replace('left', 'right');\n    }\n    // 右侧不够向左翻转\n    if (referenceElmRight < contentOffsetWidth && referenceElmLeft >= contentOffsetWidth) {\n      newPlacement = state.options.placement.replace('right', 'left');\n    }\n    Object.assign(state.options, { ...state.options, placement: newPlacement });\n    popperRef.current.update();\n  }, []);\n\n  popperRef.current = usePopper(triggerRef, overlayRef, {\n    placement: placementMap[placement],\n    onFirstUpdate: onPopperFirstUpdate,\n  });\n\n  const { styles, attributes } = popperRef.current;\n\n  const defaultStyles = useMemo(() => {\n    if (triggerRef && typeof overlayStyle === 'function') return { ...overlayStyle(triggerRef), zIndex };\n    return { ...overlayStyle, zIndex };\n  }, [overlayStyle, zIndex, triggerRef]);\n\n  // 设置 style 决定展示与隐藏\n  const overlayVisibleStyle: CSSProperties = defaultStyles;\n\n  const triggerNodeTemp = useMemo(() => {\n    const [triggerChildNode] = React.Children.toArray(children);\n\n    if (React.Children.count(children) === 1 && isValidElement(triggerChildNode)) {\n      return triggerChildNode;\n    }\n    return <span className={`${classPrefix}-trigger`}>{children}</span>;\n  }, [children, classPrefix]);\n\n  const [triggerProps, popupProps] = useTriggerProps(\n    { current: overlayRef },\n    { current: triggerRef },\n    [trigger],\n    visible,\n    setVisible,\n    disabled,\n    triggerNodeTemp,\n  );\n\n  // 触发器只能有一个元素\n  const disabledClassName = classNames({ [`${classPrefix}-is-disabled`]: disabled });\n\n  // 代理 trigger 的 ref\n  const triggerNode = cloneElement(triggerNodeTemp, {\n    ref: composeRefs((triggerNodeTemp as any).ref, setTriggerRef),\n    className: classNames(disabledClassName, triggerNodeTemp.props.className),\n    ...triggerProps,\n  });\n\n  const cssTransitionState = usePopupCssTransition({ contentRef, classPrefix, expandAnimation });\n\n  // 初次不渲染.\n  const portal =\n    visible || overlayRef ? (\n      <Portal attach={attach}>\n        <CSSTransition in={visible} appear={true} unmountOnExit={destroyOnClose} {...cssTransitionState.props}>\n          <div\n            ref={composeRefs(setOverlayRef, ref)}\n            style={styles.popper}\n            className={`${classPrefix}-popup`}\n            {...attributes.popper}\n            {...popupProps}\n          >\n            <div\n              className={classNames(`${classPrefix}-popup__content`, overlayClassName, {\n                [`${classPrefix}-popup__content--arrow`]: showArrow,\n              })}\n              style={overlayVisibleStyle}\n              ref={contentRef}\n            >\n              {showArrow ? <div style={styles.arrow} className={`${classPrefix}-popup__arrow`} /> : null}\n              {content}\n            </div>\n          </div>\n        </CSSTransition>\n      </Portal>\n    ) : null;\n\n  return (\n    <div className={classNames(`${classPrefix}-popup__reference`, className)} style={style} ref={popupRef}>\n      {triggerNode}\n      {portal}\n    </div>\n  );\n});\n\nPopup.displayName = 'Popup';\n\nexport default Popup;\n"],"names":["placementMap","top","bottom","left","right","Popup","forwardRef","props","ref","trigger","content","placement","attach","showArrow","destroyOnClose","className","style","overlayClassName","overlayStyle","triggerElement","children","disabled","defaultVisible","zIndex","onVisibleChange","expandAnimation","useConfig","classPrefix","useDefault","visible","setVisible","useState","triggerRef","setTriggerRef","overlayRef","setOverlayRef","contentRef","useRef","popupRef","popperRef","onPopperFirstUpdate","useCallback","state","referenceElmRect","current","getBoundingClientRect","referenceElmTop","referenceElmLeft","referenceElmBottom","window","innerHeight","referenceElmRight","innerWidth","contentScrollHeight","scrollHeight","contentOffsetWidth","offsetWidth","newPlacement","options","replace","Object","assign","update","usePopper","onFirstUpdate","styles","attributes","defaultStyles","useMemo","overlayVisibleStyle","triggerNodeTemp","React","Children","toArray","triggerChildNode","count","isValidElement","createElement","useTriggerProps","triggerProps","popupProps","disabledClassName","classNames","triggerNode","cloneElement","composeRefs","cssTransitionState","usePopupCssTransition","portal","Portal","CSSTransition","appear","unmountOnExit","popper","arrow","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,GAAG,EAAE,KADc;AAEnB,cAAY,WAFO;AAGnB,eAAa,SAHM;AAInBC,EAAAA,MAAM,EAAE,QAJW;AAKnB,iBAAe,cALI;AAMnB,kBAAgB,YANG;AAOnBC,EAAAA,IAAI,EAAE,MAPa;AAQnB,cAAY,YARO;AASnB,iBAAe,UATI;AAUnBC,EAAAA,KAAK,EAAE,OAVY;AAWnB,eAAa,aAXM;AAYnB,kBAAgB;AAZG,CAArB;IAcMC,KAAK,gBAAGC,gBAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACvC,uBAkBID,KAlBJ,CACEE,OADF;AAAA,MACEA,OADF,+BACY,OADZ;AAAA,uBAkBIF,KAlBJ,CAEEG,OAFF;AAAA,MAEEA,OAFF,+BAEY,IAFZ;AAAA,yBAkBIH,KAlBJ,CAGEI,SAHF;AAAA,MAGEA,SAHF,iCAGc,KAHd;AAAA,sBAkBIJ,KAlBJ,CAIEK,MAJF;AAAA,MAIEA,MAJF,8BAIW,MAJX;AAAA,yBAkBIL,KAlBJ,CAKEM,SALF;AAAA,MAKEA,SALF,iCAKc,KALd;AAAA,8BAkBIN,KAlBJ,CAMEO,cANF;AAAA,MAMEA,cANF,sCAMmB,KANnB;AAAA,MAOEC,SAPF,GAkBIR,KAlBJ,CAOEQ,SAPF;AAAA,MAQEC,KARF,GAkBIT,KAlBJ,CAQES,KARF;AAAA,MASEC,gBATF,GAkBIV,KAlBJ,CASEU,gBATF;AAAA,MAUEC,YAVF,GAkBIX,KAlBJ,CAUEW,YAVF;AAAA,MAWEC,cAXF,GAkBIZ,KAlBJ,CAWEY,cAXF;AAAA,wBAkBIZ,KAlBJ,CAYEa,QAZF;AAAA,MAYEA,QAZF,gCAYaD,cAZb;AAAA,MAaEE,QAbF,GAkBId,KAlBJ,CAaEc,QAbF;AAAA,8BAkBId,KAlBJ,CAcEe,cAdF;AAAA,MAcEA,cAdF,sCAcmB,KAdnB;AAAA,MAeEC,MAfF,GAkBIhB,KAlBJ,CAeEgB,MAfF;AAAA,MAgBEC,eAhBF,GAkBIjB,KAlBJ,CAgBEiB,eAhBF;AAAA,MAiBEC,eAjBF,GAkBIlB,KAlBJ,CAiBEkB,eAjBF;;AAmBA,mBAAwBC,0BAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR;;AACA,oBAA8BC,2BAAU,CAACrB,KAAK,CAACsB,OAAP,EAAgBP,cAAhB,EAAgCE,eAAhC,CAAxC;AAAA;AAAA,MAAOK,OAAP;AAAA,MAAgBC,UAAhB;;AACA,kBAAoCC,cAAQ,CAAC,IAAD,CAA5C;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAAoCF,cAAQ,CAAC,IAAD,CAA5C;AAAA;AAAA,MAAOG,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,UAAU,GAAGC,YAAM,CAAC,IAAD,CAAzB;AACA,MAAMC,QAAQ,GAAGD,YAAM,CAAC,IAAD,CAAvB;AACA,MAAME,SAAS,GAAGF,YAAM,CAAC,IAAD,CAAxB;AACA,MAAMG,mBAAmB,GAAGC,iBAAW,CAAC,UAACC,KAAD,EAAW;AACjD,QAAMC,gBAAgB,GAAGL,QAAQ,CAACM,OAAT,CAAiBC,qBAAjB,EAAzB;AACA,QAAaC,eAAb,GAAwEH,gBAAxE,CAAQ1C,GAAR;AAAA,QAAoC8C,gBAApC,GAAwEJ,gBAAxE,CAA8BxC,IAA9B;AAAA,QAAsDD,MAAtD,GAAwEyC,gBAAxE,CAAsDzC,MAAtD;AAAA,QAA8DE,KAA9D,GAAwEuC,gBAAxE,CAA8DvC,KAA9D;AACA,QAAM4C,kBAAkB,GAAGC,MAAM,CAACC,WAAP,GAAqBhD,MAAhD;AACA,QAAMiD,iBAAiB,GAAGF,MAAM,CAACG,UAAP,GAAoBhD,KAA9C;AACA,8BAA+EgC,UAAU,CAACQ,OAA1F;AAAA,QAAsBS,mBAAtB,uBAAQC,YAAR;AAAA,QAAwDC,kBAAxD,uBAA2CC,WAA3C;AACA,QAAIC,YAAY,GAAGf,KAAK,CAACgB,OAAN,CAAc/C,SAAjC;;AACA,QAAIqC,kBAAkB,GAAGK,mBAArB,IAA4CP,eAAe,IAAIO,mBAAnE,EAAwF;AACtFI,MAAAA,YAAY,GAAGf,KAAK,CAACgB,OAAN,CAAc/C,SAAd,CAAwBgD,OAAxB,CAAgC,QAAhC,EAA0C,KAA1C,CAAf;AACD;;AACD,QAAIb,eAAe,GAAGO,mBAAlB,IAAyCL,kBAAkB,IAAIK,mBAAnE,EAAwF;AACtFI,MAAAA,YAAY,GAAGf,KAAK,CAACgB,OAAN,CAAc/C,SAAd,CAAwBgD,OAAxB,CAAgC,KAAhC,EAAuC,QAAvC,CAAf;AACD;;AACD,QAAIZ,gBAAgB,GAAGQ,kBAAnB,IAAyCJ,iBAAiB,IAAII,kBAAlE,EAAsF;AACpFE,MAAAA,YAAY,GAAGf,KAAK,CAACgB,OAAN,CAAc/C,SAAd,CAAwBgD,OAAxB,CAAgC,MAAhC,EAAwC,OAAxC,CAAf;AACD;;AACD,QAAIR,iBAAiB,GAAGI,kBAApB,IAA0CR,gBAAgB,IAAIQ,kBAAlE,EAAsF;AACpFE,MAAAA,YAAY,GAAGf,KAAK,CAACgB,OAAN,CAAc/C,SAAd,CAAwBgD,OAAxB,CAAgC,OAAhC,EAAyC,MAAzC,CAAf;AACD;;AACDC,IAAAA,MAAM,CAACC,MAAP,CAAcnB,KAAK,CAACgB,OAApB,kCAAkChB,KAAK,CAACgB,OAAxC;AAAiD/C,MAAAA,SAAS,EAAE8C;AAA5D;AACAlB,IAAAA,SAAS,CAACK,OAAV,CAAkBkB,MAAlB;AACD,GArBsC,EAqBpC,EArBoC,CAAvC;AAsBAvB,EAAAA,SAAS,CAACK,OAAV,GAAoBmB,qBAAS,CAAC/B,UAAD,EAAaE,UAAb,EAAyB;AACpDvB,IAAAA,SAAS,EAAEX,YAAY,CAACW,SAAD,CAD6B;AAEpDqD,IAAAA,aAAa,EAAExB;AAFqC,GAAzB,CAA7B;AAIA,2BAA+BD,SAAS,CAACK,OAAzC;AAAA,MAAQqB,MAAR,sBAAQA,MAAR;AAAA,MAAgBC,UAAhB,sBAAgBA,UAAhB;AACA,MAAMC,aAAa,GAAGC,aAAO,CAAC,YAAM;AAClC,QAAIpC,UAAU,IAAI,OAAOd,YAAP,KAAwB,UAA1C,EACE,uCAAYA,YAAY,CAACc,UAAD,CAAxB;AAAsCT,MAAAA,MAAM,EAANA;AAAtC;AACF,2CAAYL,YAAZ;AAA0BK,MAAAA,MAAM,EAANA;AAA1B;AACD,GAJ4B,EAI1B,CAACL,YAAD,EAAeK,MAAf,EAAuBS,UAAvB,CAJ0B,CAA7B;AAKA,MAAMqC,mBAAmB,GAAGF,aAA5B;AACA,MAAMG,eAAe,GAAGF,aAAO,CAAC,YAAM;AACpC,gCAA2BG,yBAAK,CAACC,QAAN,CAAeC,OAAf,CAAuBrD,QAAvB,CAA3B;AAAA;AAAA,QAAOsD,gBAAP;;AACA,QAAIH,yBAAK,CAACC,QAAN,CAAeG,KAAf,CAAqBvD,QAArB,MAAmC,CAAnC,iBAAwCwD,oBAAc,CAACF,gBAAD,CAA1D,EAA8E;AAC5E,aAAOA,gBAAP;AACD;;AACD,0BAAuBH,yBAAK,CAACM,aAAN,CAAoB,MAApB,EAA4B;AACjD9D,MAAAA,SAAS,YAAKY,WAAL;AADwC,KAA5B,EAEpBP,QAFoB,CAAvB;AAGD,GAR8B,EAQ5B,CAACA,QAAD,EAAWO,WAAX,CAR4B,CAA/B;;AASA,yBAAmCmD,sCAAe,CAAC;AAAElC,IAAAA,OAAO,EAAEV;AAAX,GAAD,EAA0B;AAAEU,IAAAA,OAAO,EAAEZ;AAAX,GAA1B,EAAmD,CAACvB,OAAD,CAAnD,EAA8DoB,OAA9D,EAAuEC,UAAvE,EAAmFT,QAAnF,EAA6FiD,eAA7F,CAAlD;AAAA;AAAA,MAAOS,YAAP;AAAA,MAAqBC,UAArB;;AACA,MAAMC,iBAAiB,GAAGC,8BAAU,8CAAOvD,WAAP,mBAAmCN,QAAnC,EAApC;AACA,MAAM8D,WAAW,gBAAGC,kBAAY,CAACd,eAAD;AAC9B9D,IAAAA,GAAG,EAAE6E,4BAAW,CAACf,eAAe,CAAC9D,GAAjB,EAAsByB,aAAtB,CADc;AAE9BlB,IAAAA,SAAS,EAAEmE,8BAAU,CAACD,iBAAD,EAAoBX,eAAe,CAAC/D,KAAhB,CAAsBQ,SAA1C;AAFS,KAG3BgE,YAH2B,EAAhC;AAKA,MAAMO,kBAAkB,GAAGC,4CAAqB,CAAC;AAAEnD,IAAAA,UAAU,EAAVA,UAAF;AAAcT,IAAAA,WAAW,EAAXA,WAAd;AAA2BF,IAAAA,eAAe,EAAfA;AAA3B,GAAD,CAAhD;AACA,MAAM+D,MAAM,GAAG3D,OAAO,IAAIK,UAAX,kBAAwCqC,yBAAK,CAACM,aAAN,CAAoBY,uBAApB,EAA4B;AACjF7E,IAAAA,MAAM,EAANA;AADiF,GAA5B,iBAEpC2D,yBAAK,CAACM,aAAN,CAAoBa,kCAApB;AACjB,UAAI7D,OADa;AAEjB8D,IAAAA,MAAM,EAAE,IAFS;AAGjBC,IAAAA,aAAa,EAAE9E;AAHE,KAIdwE,kBAAkB,CAAC/E,KAJL,kBAKAgE,yBAAK,CAACM,aAAN,CAAoB,KAApB;AACjBrE,IAAAA,GAAG,EAAE6E,4BAAW,CAAClD,aAAD,EAAgB3B,GAAhB,CADC;AAEjBQ,IAAAA,KAAK,EAAEiD,MAAM,CAAC4B,MAFG;AAGjB9E,IAAAA,SAAS,YAAKY,WAAL;AAHQ,KAIduC,UAAU,CAAC2B,MAJG,GAKdb,UALc,kBAMAT,yBAAK,CAACM,aAAN,CAAoB,KAApB,EAA2B;AAC5C9D,IAAAA,SAAS,EAAEmE,8BAAU,WAAIvD,WAAJ,sBAAkCV,gBAAlC,+CACfU,WADe,6BACuBd,SADvB,EADuB;AAI5CG,IAAAA,KAAK,EAAEqD,mBAJqC;AAK5C7D,IAAAA,GAAG,EAAE4B;AALuC,GAA3B,EAMhBvB,SAAS,kBAAmB0D,yBAAK,CAACM,aAAN,CAAoB,KAApB,EAA2B;AACxD7D,IAAAA,KAAK,EAAEiD,MAAM,CAAC6B,KAD0C;AAExD/E,IAAAA,SAAS,YAAKY,WAAL;AAF+C,GAA3B,CAAnB,GAGP,IATc,EASRjB,OATQ,CANA,CALA,CAFoC,CAAxC,GAsBU,IAtBzB;AAuBA,wBAAuB6D,yBAAK,CAACM,aAAN,CAAoB,KAApB,EAA2B;AAChD9D,IAAAA,SAAS,EAAEmE,8BAAU,WAAIvD,WAAJ,wBAAoCZ,SAApC,CAD2B;AAEhDC,IAAAA,KAAK,EAALA,KAFgD;AAGhDR,IAAAA,GAAG,EAAE8B;AAH2C,GAA3B,EAIpB6C,WAJoB,EAIPK,MAJO,CAAvB;AAKD,CAzGuB;AA0GxBnF,KAAK,CAAC0F,WAAN,GAAoB,OAApB;;;;"}

package/cjs/popup/Portal.d.ts

@@ -1,8 +0,0 @@
-import React, { ReactNode } from 'react';
-import { AttachNode } from '../common';
-export interface PortalProps {
-    children: ReactNode;
-    attach: AttachNode;
-}
-declare const Portal: (props: PortalProps) => React.ReactPortal;
-export default Portal;

package/cjs/popup/Portal.js

@@ -1,44 +0,0 @@
-/**
- * tdesign v0.23.0
- * (c) 2022 tdesign
- * @license MIT
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var ReactDOM = require('react-dom');
-
-var Portal = function Portal(props) {
-  var children = props.children,
-      attach = props.attach;
-  var container = React.useMemo(function () {
-    var el = document.createElement("div");
-    return el;
-  }, []);
-  React.useEffect(function () {
-    var parentElement = document.body;
-    var el = null;
-
-    if (typeof attach === "function") {
-      el = attach();
-    } else if (typeof attach === "string") {
-      el = document.querySelector(attach);
-    }
-
-    if (el instanceof HTMLElement) {
-      parentElement = el;
-    }
-
-    parentElement.appendChild(container);
-    return function () {
-      parentElement.removeChild(container);
-    };
-  }, [container, attach]);
-  return /*#__PURE__*/ReactDOM.createPortal(children, container);
-};
-
-exports["default"] = Portal;
-//# sourceMappingURL=Portal.js.map

package/cjs/popup/Portal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Portal.js","sources":["../../src/popup/Portal.tsx"],"sourcesContent":["import React, { useEffect, ReactNode, useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport { AttachNode } from '../common';\n\nexport interface PortalProps {\n  // 子元素\n  children: ReactNode;\n\n  // 自定义 container 的方法\n  attach: AttachNode;\n}\n\n// 将 children 渲染到正常的 DOM 树外面\nconst Portal = (props: PortalProps): React.ReactPortal => {\n  const { children, attach } = props;\n\n  const container = useMemo(() => {\n    const el = document.createElement('div');\n    return el;\n  }, []);\n\n  useEffect(() => {\n    let parentElement = document.body;\n    let el = null;\n\n    // 处理 getContainer\n    if (typeof attach === 'function') {\n      el = attach();\n    } else if (typeof attach === 'string') {\n      el = document.querySelector(attach);\n    }\n\n    if (el instanceof HTMLElement) {\n      parentElement = el;\n    }\n\n    parentElement.appendChild(container);\n    return () => {\n      parentElement.removeChild(container);\n    };\n  }, [container, attach]);\n\n  return createPortal(children, container);\n};\n\nexport default Portal;\n"],"names":["Portal","props","children","attach","container","useMemo","el","document","createElement","useEffect","parentElement","body","querySelector","HTMLElement","appendChild","removeChild","createPortal"],"mappings":";;;;;;;;;;;;;IAEMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;AACxB,MAAQC,QAAR,GAA6BD,KAA7B,CAAQC,QAAR;AAAA,MAAkBC,MAAlB,GAA6BF,KAA7B,CAAkBE,MAAlB;AACA,MAAMC,SAAS,GAAGC,aAAO,CAAC,YAAM;AAC9B,QAAMC,EAAE,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAX;AACA,WAAOF,EAAP;AACD,GAHwB,EAGtB,EAHsB,CAAzB;AAIAG,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIC,aAAa,GAAGH,QAAQ,CAACI,IAA7B;AACA,QAAIL,EAAE,GAAG,IAAT;;AACA,QAAI,OAAOH,MAAP,KAAkB,UAAtB,EAAkC;AAChCG,MAAAA,EAAE,GAAGH,MAAM,EAAX;AACD,KAFD,MAEO,IAAI,OAAOA,MAAP,KAAkB,QAAtB,EAAgC;AACrCG,MAAAA,EAAE,GAAGC,QAAQ,CAACK,aAAT,CAAuBT,MAAvB,CAAL;AACD;;AACD,QAAIG,EAAE,YAAYO,WAAlB,EAA+B;AAC7BH,MAAAA,aAAa,GAAGJ,EAAhB;AACD;;AACDI,IAAAA,aAAa,CAACI,WAAd,CAA0BV,SAA1B;AACA,WAAO,YAAM;AACXM,MAAAA,aAAa,CAACK,WAAd,CAA0BX,SAA1B;AACD,KAFD;AAGD,GAfQ,EAeN,CAACA,SAAD,EAAYD,MAAZ,CAfM,CAAT;AAgBA,sBAAOa,qBAAY,CAACd,QAAD,EAAWE,SAAX,CAAnB;AACD;;;;"}

package/cjs/popup/hooks/usePopupCssTransition.d.ts

@@ -1,44 +0,0 @@
-/// <reference types="react" />
-interface UsePopupCssTransitionParams {
-    contentRef: React.MutableRefObject<HTMLDivElement>;
-    classPrefix: String;
-    expandAnimation: boolean;
-}
-declare const usePopupCssTransition: ({ contentRef, classPrefix, expandAnimation }: UsePopupCssTransitionParams) => {
-    props: {
-        classNames: {
-            appear: string;
-            appearActive: string;
-            appearDone: string;
-            enter: string;
-            enterActive: string;
-            enterDone: string;
-            exit: string;
-            exitActive: string;
-            exitDone: string;
-        };
-        onEntering: () => void;
-        onEntered: () => void;
-        onExiting: () => void;
-        timeout: number;
-        nodeRef: import("react").MutableRefObject<HTMLDivElement>;
-    } | {
-        classNames: {
-            appear: string;
-            appearActive: string;
-            appearDone: string;
-            enter: string;
-            enterActive: string;
-            enterDone: string;
-            exit: string;
-            exitActive: string;
-            exitDone: string;
-        };
-        onEntering?: undefined;
-        onEntered?: undefined;
-        onExiting?: undefined;
-        timeout: number;
-        nodeRef: import("react").MutableRefObject<HTMLDivElement>;
-    };
-};
-export default usePopupCssTransition;

package/cjs/popup/hooks/usePopupCssTransition.js

@@ -1,87 +0,0 @@
-/**
- * tdesign v0.23.0
- * (c) 2022 tdesign
- * @license MIT
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var defineProperty = require('../../_chunks/dep-6e4749ac.js');
-var slicedToArray = require('../../_chunks/dep-84adf720.js');
-var React = require('react');
-require('../../_chunks/dep-4af53794.js');
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var usePopupCssTransition = function usePopupCssTransition(_ref) {
-  var contentRef = _ref.contentRef,
-      classPrefix = _ref.classPrefix,
-      expandAnimation = _ref.expandAnimation;
-
-  var _useState = React.useState(null),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      presetMaxHeight = _useState2[0],
-      setPresetMaxHeight = _useState2[1];
-
-  var contentEle = contentRef === null || contentRef === void 0 ? void 0 : contentRef.current;
-  var popupAnimationClassPrefix = "".concat(classPrefix, "-popup--animation");
-
-  var handleEntering = function handleEntering() {
-    setPresetMaxHeight(parseInt(getComputedStyle(contentEle).maxHeight, 10) || Infinity);
-
-    if (contentEle) {
-      contentEle.style.overflow = "hidden";
-      contentEle.style.maxHeight = "0";
-    }
-  };
-
-  var handleEntered = function handleEntered() {
-    if (contentEle) {
-      var scrollHeight = contentEle.scrollHeight;
-      var minHeight = presetMaxHeight !== Infinity ? presetMaxHeight : scrollHeight;
-      contentEle.style.maxHeight = "".concat(minHeight, "px");
-
-      if (presetMaxHeight !== Infinity) {
-        contentEle.style.overflow = "";
-      }
-    }
-  };
-
-  var handleExiting = function handleExiting() {
-    if (contentEle) {
-      contentEle.style.maxHeight = "0";
-      contentEle.style.overflow = "hidden";
-    }
-  };
-
-  var lifeCircleEvent = expandAnimation ? {
-    onEntering: handleEntering,
-    onEntered: handleEntered,
-    onExiting: handleExiting
-  } : {};
-  return {
-    props: _objectSpread(_objectSpread({
-      timeout: 200,
-      nodeRef: contentRef
-    }, lifeCircleEvent), {}, {
-      classNames: {
-        appear: "".concat(popupAnimationClassPrefix, "-enter ").concat(popupAnimationClassPrefix, "-enter-active"),
-        appearActive: "".concat(popupAnimationClassPrefix, "-enter-active"),
-        appearDone: "".concat(popupAnimationClassPrefix, "-enter-active ").concat(popupAnimationClassPrefix, "-enter-to"),
-        enter: "".concat(popupAnimationClassPrefix, "-enter ").concat(popupAnimationClassPrefix, "-enter-active"),
-        enterActive: "".concat(popupAnimationClassPrefix, "-enter-active"),
-        enterDone: "".concat(popupAnimationClassPrefix, "-enter-active ").concat(popupAnimationClassPrefix, "-enter-to"),
-        exit: "".concat(popupAnimationClassPrefix, "-leave ").concat(popupAnimationClassPrefix, "-leave-active"),
-        exitActive: "".concat(popupAnimationClassPrefix, "-leave-active"),
-        exitDone: "".concat(popupAnimationClassPrefix, "-leave-active ").concat(popupAnimationClassPrefix, "-leave-to")
-      }
-    })
-  };
-};
-
-exports["default"] = usePopupCssTransition;
-//# sourceMappingURL=usePopupCssTransition.js.map

package/cjs/popup/hooks/usePopupCssTransition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePopupCssTransition.js","sources":["../../../src/popup/hooks/usePopupCssTransition.ts"],"sourcesContent":["import { useState } from 'react';\n\ninterface UsePopupCssTransitionParams {\n  contentRef: React.MutableRefObject<HTMLDivElement>;\n  classPrefix: String;\n  expandAnimation: boolean;\n}\n\nconst usePopupCssTransition = ({ contentRef, classPrefix, expandAnimation }: UsePopupCssTransitionParams) => {\n  const [presetMaxHeight, setPresetMaxHeight] = useState<number>(null);\n\n  const contentEle = contentRef?.current;\n\n  const popupAnimationClassPrefix = `${classPrefix}-popup--animation`;\n\n  const handleEntering = () => {\n    setPresetMaxHeight(parseInt(getComputedStyle(contentEle).maxHeight, 10) || Infinity);\n    if (contentEle) {\n      contentEle.style.overflow = 'hidden';\n      contentEle.style.maxHeight = '0';\n    }\n  };\n\n  const handleEntered = () => {\n    if (contentEle) {\n      const { scrollHeight } = contentEle;\n      const minHeight = presetMaxHeight !== Infinity ? presetMaxHeight : scrollHeight;\n      contentEle.style.maxHeight = `${minHeight}px`;\n      if (presetMaxHeight !== Infinity) {\n        contentEle.style.overflow = '';\n      }\n    }\n  };\n\n  const handleExiting = () => {\n    if (contentEle) {\n      contentEle.style.maxHeight = '0';\n      contentEle.style.overflow = 'hidden';\n    }\n  };\n\n  // 不需要扩展动画时，不需要生命周期函数\n  const lifeCircleEvent = expandAnimation\n    ? {\n        onEntering: handleEntering,\n        onEntered: handleEntered,\n        onExiting: handleExiting,\n      }\n    : {};\n\n  return {\n    props: {\n      timeout: 200,\n      nodeRef: contentRef,\n      ...lifeCircleEvent,\n      // 与公共 className 保持一致\n      classNames: {\n        appear: `${popupAnimationClassPrefix}-enter ${popupAnimationClassPrefix}-enter-active`,\n        appearActive: `${popupAnimationClassPrefix}-enter-active`,\n        appearDone: `${popupAnimationClassPrefix}-enter-active ${popupAnimationClassPrefix}-enter-to`,\n        enter: `${popupAnimationClassPrefix}-enter ${popupAnimationClassPrefix}-enter-active`,\n        enterActive: `${popupAnimationClassPrefix}-enter-active`,\n        enterDone: `${popupAnimationClassPrefix}-enter-active ${popupAnimationClassPrefix}-enter-to`,\n        exit: `${popupAnimationClassPrefix}-leave ${popupAnimationClassPrefix}-leave-active`,\n        exitActive: `${popupAnimationClassPrefix}-leave-active`,\n        exitDone: `${popupAnimationClassPrefix}-leave-active ${popupAnimationClassPrefix}-leave-to`,\n      },\n    },\n  };\n};\n\nexport default usePopupCssTransition;\n"],"names":["usePopupCssTransition","contentRef","classPrefix","expandAnimation","useState","presetMaxHeight","setPresetMaxHeight","contentEle","current","popupAnimationClassPrefix","handleEntering","parseInt","getComputedStyle","maxHeight","Infinity","style","overflow","handleEntered","scrollHeight","minHeight","handleExiting","lifeCircleEvent","onEntering","onEntered","onExiting","props","timeout","nodeRef","classNames","appear","appearActive","appearDone","enter","enterActive","enterDone","exit","exitActive","exitDone"],"mappings":";;;;;;;;;;;;;;;;;;;IACMA,qBAAqB,GAAG,SAAxBA,qBAAwB,OAAkD;AAAA,MAA/CC,UAA+C,QAA/CA,UAA+C;AAAA,MAAnCC,WAAmC,QAAnCA,WAAmC;AAAA,MAAtBC,eAAsB,QAAtBA,eAAsB;;AAC9E,kBAA8CC,cAAQ,CAAC,IAAD,CAAtD;AAAA;AAAA,MAAOC,eAAP;AAAA,MAAwBC,kBAAxB;;AACA,MAAMC,UAAU,GAAGN,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAEO,OAA/B;AACA,MAAMC,yBAAyB,aAAMP,WAAN,sBAA/B;;AACA,MAAMQ,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3BJ,IAAAA,kBAAkB,CAACK,QAAQ,CAACC,gBAAgB,CAACL,UAAD,CAAhB,CAA6BM,SAA9B,EAAyC,EAAzC,CAAR,IAAwDC,QAAzD,CAAlB;;AACA,QAAIP,UAAJ,EAAgB;AACdA,MAAAA,UAAU,CAACQ,KAAX,CAAiBC,QAAjB,GAA4B,QAA5B;AACAT,MAAAA,UAAU,CAACQ,KAAX,CAAiBF,SAAjB,GAA6B,GAA7B;AACD;AACF,GAND;;AAOA,MAAMI,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1B,QAAIV,UAAJ,EAAgB;AACd,UAAQW,YAAR,GAAyBX,UAAzB,CAAQW,YAAR;AACA,UAAMC,SAAS,GAAGd,eAAe,KAAKS,QAApB,GAA+BT,eAA/B,GAAiDa,YAAnE;AACAX,MAAAA,UAAU,CAACQ,KAAX,CAAiBF,SAAjB,aAAgCM,SAAhC;;AACA,UAAId,eAAe,KAAKS,QAAxB,EAAkC;AAChCP,QAAAA,UAAU,CAACQ,KAAX,CAAiBC,QAAjB,GAA4B,EAA5B;AACD;AACF;AACF,GATD;;AAUA,MAAMI,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1B,QAAIb,UAAJ,EAAgB;AACdA,MAAAA,UAAU,CAACQ,KAAX,CAAiBF,SAAjB,GAA6B,GAA7B;AACAN,MAAAA,UAAU,CAACQ,KAAX,CAAiBC,QAAjB,GAA4B,QAA5B;AACD;AACF,GALD;;AAMA,MAAMK,eAAe,GAAGlB,eAAe,GAAG;AACxCmB,IAAAA,UAAU,EAAEZ,cAD4B;AAExCa,IAAAA,SAAS,EAAEN,aAF6B;AAGxCO,IAAAA,SAAS,EAAEJ;AAH6B,GAAH,GAInC,EAJJ;AAKA,SAAO;AACLK,IAAAA,KAAK;AACHC,MAAAA,OAAO,EAAE,GADN;AAEHC,MAAAA,OAAO,EAAE1B;AAFN,OAGAoB,eAHA;AAIHO,MAAAA,UAAU,EAAE;AACVC,QAAAA,MAAM,YAAKpB,yBAAL,oBAAwCA,yBAAxC,kBADI;AAEVqB,QAAAA,YAAY,YAAKrB,yBAAL,kBAFF;AAGVsB,QAAAA,UAAU,YAAKtB,yBAAL,2BAA+CA,yBAA/C,cAHA;AAIVuB,QAAAA,KAAK,YAAKvB,yBAAL,oBAAwCA,yBAAxC,kBAJK;AAKVwB,QAAAA,WAAW,YAAKxB,yBAAL,kBALD;AAMVyB,QAAAA,SAAS,YAAKzB,yBAAL,2BAA+CA,yBAA/C,cANC;AAOV0B,QAAAA,IAAI,YAAK1B,yBAAL,oBAAwCA,yBAAxC,kBAPM;AAQV2B,QAAAA,UAAU,YAAK3B,yBAAL,kBARA;AASV4B,QAAAA,QAAQ,YAAK5B,yBAAL,2BAA+CA,yBAA/C;AATE;AAJT;AADA,GAAP;AAkBD;;;;"}

package/cjs/popup/hooks/useTriggerProps.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes, MutableRefObject } from 'react';
-import { TdPopupProps, PopupVisibleChangeContext } from '../type';
-import { ChangeHandler } from '../../_util/useDefault';
-export declare type TriggerProps = HTMLAttributes<HTMLDivElement>;
-export declare type PopupProps = HTMLAttributes<HTMLDivElement>;
-export default function useTriggerProps(ref: MutableRefObject<HTMLElement>, triggerNode: MutableRefObject<HTMLElement>, triggers: Array<TdPopupProps['trigger']>, visible: boolean, setVisible: ChangeHandler<boolean, [PopupVisibleChangeContext]>, disabled: boolean, originTrigger: JSX.Element): [TriggerProps, PopupProps];

package/cjs/popup/hooks/useTriggerProps.js

@@ -1,134 +0,0 @@
-/**
- * tdesign v0.23.0
- * (c) 2022 tdesign
- * @license MIT
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _util_useClickOutside = require('../../_util/useClickOutside.js');
-require('react');
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-var ESC_KEY = "Escape";
-function useTriggerProps(ref, triggerNode, triggers, visible, setVisible) {
-  var disabled = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-  var originTrigger = arguments.length > 6 ? arguments[6] : undefined;
-  var triggerProps = {};
-  var popupProps = {};
-
-  var toggle = function toggle(e, trigger) {
-    return setVisible(!visible, {
-      e: e,
-      trigger: trigger
-    });
-  };
-
-  var show = function show(e, trigger) {
-    return setVisible(true, {
-      e: e,
-      trigger: trigger
-    });
-  };
-
-  var hide = function hide(e, trigger) {
-    return setVisible(false, {
-      e: e,
-      trigger: trigger
-    });
-  };
-
-  _util_useClickOutside["default"]([ref, triggerNode], function (e) {
-    if (visible && (triggers.includes("click") || triggers.includes("context-menu"))) {
-      hide(e, "trigger-element-blur");
-    }
-  });
-  if (disabled) return [triggerProps, popupProps];
-
-  var _iterator = _createForOfIteratorHelper(triggers),
-      _step;
-
-  try {
-    var _loop = function _loop() {
-      var trigger = _step.value;
-      var _originTrigger$props = originTrigger.props,
-          onClick = _originTrigger$props.onClick,
-          onMouseEnter = _originTrigger$props.onMouseEnter,
-          onMouseLeave = _originTrigger$props.onMouseLeave,
-          onFocus = _originTrigger$props.onFocus,
-          onBlur = _originTrigger$props.onBlur,
-          onContextMenu = _originTrigger$props.onContextMenu,
-          onKeyDown = _originTrigger$props.onKeyDown;
-
-      if (trigger === "click") {
-        triggerProps.onClick = function (e) {
-          toggle(e, "trigger-element-click");
-          onClick && onClick(e);
-        };
-      }
-
-      if (trigger === "hover") {
-        triggerProps.onMouseEnter = function (e) {
-          show(e, "trigger-element-hover");
-          onMouseEnter && onMouseEnter(e);
-        };
-
-        popupProps.onMouseEnter = function (e) {
-          visible && show(e, "trigger-element-hover");
-        };
-
-        triggerProps.onMouseLeave = function (e) {
-          hide(e, "trigger-element-hover");
-          onMouseLeave && onMouseLeave(e);
-        };
-
-        popupProps.onMouseLeave = function (e) {
-          return hide(e, "trigger-element-hover");
-        };
-      }
-
-      if (trigger === "focus") {
-        triggerProps.onFocus = function (e) {
-          show(e, "trigger-element-focus");
-          onFocus && onFocus(e);
-        };
-
-        triggerProps.onBlur = function (e) {
-          hide(e, "trigger-element-blur");
-          onBlur && onBlur(e);
-        };
-      }
-
-      if (trigger === "context-menu") {
-        triggerProps.onContextMenu = function (e) {
-          show(e, "context-menu");
-          onContextMenu && onContextMenu(e);
-        };
-      }
-
-      triggerProps.onKeyDown = function (e) {
-        if (e.key === ESC_KEY) hide(e, "keydown-esc");
-        onKeyDown && onKeyDown(e);
-      };
-    };
-
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      _loop();
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-
-  return [triggerProps, popupProps];
-}
-
-exports["default"] = useTriggerProps;
-//# sourceMappingURL=useTriggerProps.js.map

package/cjs/popup/hooks/useTriggerProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTriggerProps.js","sources":["../../../src/popup/hooks/useTriggerProps.ts"],"sourcesContent":["import { HTMLAttributes, MutableRefObject } from 'react';\nimport useClickOutside from '../../_util/useClickOutside';\nimport { TdPopupProps, PopupVisibleChangeContext, PopupTriggerEvent } from '../type';\nimport { ChangeHandler } from '../../_util/useDefault';\n\nexport type TriggerProps = HTMLAttributes<HTMLDivElement>;\nexport type PopupProps = HTMLAttributes<HTMLDivElement>;\ntype HandleTrigger = (e: PopupTriggerEvent, trigger: PopupVisibleChangeContext['trigger']) => void;\nconst ESC_KEY = 'Escape';\n\nexport default function useTriggerProps(\n  ref: MutableRefObject<HTMLElement>,\n  triggerNode: MutableRefObject<HTMLElement>,\n  triggers: Array<TdPopupProps['trigger']>,\n  visible: boolean,\n  setVisible: ChangeHandler<boolean, [PopupVisibleChangeContext]>,\n  disabled = false,\n  originTrigger: JSX.Element,\n): [TriggerProps, PopupProps] {\n  const triggerProps: TriggerProps = {};\n  const popupProps: PopupProps = {};\n\n  const toggle: HandleTrigger = (e, trigger) => setVisible(!visible, { e, trigger });\n  const show: HandleTrigger = (e, trigger) => setVisible(true, { e, trigger });\n  const hide: HandleTrigger = (e, trigger) => setVisible(false, { e, trigger });\n\n  // click outside 用于处理点击其他地方隐藏\n  useClickOutside([ref, triggerNode], (e: any) => {\n    if (visible && (triggers.includes('click') || triggers.includes('context-menu'))) {\n      hide(e, 'trigger-element-blur');\n    }\n  });\n\n  if (disabled) return [triggerProps, popupProps];\n\n  // eslint-disable-next-line no-restricted-syntax\n  for (const trigger of triggers) {\n    const { onClick, onMouseEnter, onMouseLeave, onFocus, onBlur, onContextMenu, onKeyDown } = originTrigger.props;\n    // 点击触发\n    if (trigger === 'click') {\n      triggerProps.onClick = (e) => {\n        toggle(e, 'trigger-element-click');\n        onClick && onClick(e);\n      };\n    }\n\n    // hover 触发\n    if (trigger === 'hover') {\n      triggerProps.onMouseEnter = (e) => {\n        show(e, 'trigger-element-hover');\n        onMouseEnter && onMouseEnter(e);\n      };\n      popupProps.onMouseEnter = (e) => {\n        // 如果当前弹出框本身没有展示 hover时不应该展示\n        visible && show(e, 'trigger-element-hover');\n      }; // 兼容鼠标移入弹出框\n      triggerProps.onMouseLeave = (e) => {\n        hide(e, 'trigger-element-hover');\n        onMouseLeave && onMouseLeave(e);\n      };\n      popupProps.onMouseLeave = (e) => hide(e, 'trigger-element-hover');\n    }\n\n    // focus 触发\n    if (trigger === 'focus') {\n      triggerProps.onFocus = (e) => {\n        show(e, 'trigger-element-focus');\n        onFocus && onFocus(e);\n      };\n      triggerProps.onBlur = (e) => {\n        hide(e, 'trigger-element-blur');\n        onBlur && onBlur(e);\n      };\n    }\n\n    // contextMenu 触发\n    if (trigger === 'context-menu') {\n      triggerProps.onContextMenu = (e) => {\n        show(e, 'context-menu');\n        onContextMenu && onContextMenu(e);\n      };\n    }\n\n    triggerProps.onKeyDown = (e) => {\n      if (e.key === ESC_KEY) hide(e, 'keydown-esc');\n      onKeyDown && onKeyDown(e);\n    };\n  }\n\n  return [triggerProps, popupProps];\n}\n"],"names":["ESC_KEY","useTriggerProps","ref","triggerNode","triggers","visible","setVisible","disabled","originTrigger","triggerProps","popupProps","toggle","e","trigger","show","hide","useClickOutside","includes","props","onClick","onMouseEnter","onMouseLeave","onFocus","onBlur","onContextMenu","onKeyDown","key"],"mappings":"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"}

package/cjs/popup/index.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import './style/index.js';
-export type { PopupProps } from './Popup';
-export * from './type';
-export declare const Popup: import("react").ForwardRefExoticComponent<import("./Popup").PopupProps & import("react").RefAttributes<HTMLDivElement>>;
-export default Popup;

package/cjs/popup/index.js

@@ -1,35 +0,0 @@
-/**
- * tdesign v0.23.0
- * (c) 2022 tdesign
- * @license MIT
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var popup_Popup = require('./Popup.js');
-require('../_chunks/dep-6e4749ac.js');
-require('../_chunks/dep-84adf720.js');
-require('../_chunks/dep-4af53794.js');
-require('react');
-require('react-transition-group');
-require('classnames');
-require('react-popper');
-require('../_util/useDefault.js');
-require('../_util/noop.js');
-require('../_util/useConfig.js');
-require('../config-provider/ConfigContext.js');
-require('../locale/zh_CN.js');
-require('../_util/composeRefs.js');
-require('./Portal.js');
-require('react-dom');
-require('./hooks/useTriggerProps.js');
-require('../_util/useClickOutside.js');
-require('./hooks/usePopupCssTransition.js');
-
-var Popup = popup_Popup["default"];
-
-exports.Popup = Popup;
-exports["default"] = Popup;
-//# sourceMappingURL=index.js.map