@para-ui/core 4.0.0-rc.4 → 4.0.0-rc.5

package/_verture/{index-024bbc9b.js → index-775ad32d.js}

@@ -1,16 +1,17 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { SwatchesPicker as SwatchesPicker$1, CompactPicker as CompactPicker$1, ChromePicker as ChromePicker$1, SketchPicker as SketchPicker$1 } from 'react-color';
 import clsx from 'clsx';
-import { $ as $prefixCls } from './constant-0d9802f7.js';
+import { $ as $prefixCls } from './constant-5317fc89.js';
 import { s as styleInject } from './style-inject.es-300983ab.js';
 import { useRef } from 'react';
 
 var css_248z$4 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-swatches-picker .swatches-picker {\n  box-shadow: 0px 2px 8px 0px #eaecf1 !important;\n}\n.paraui-v4-swatches-picker .swatches-picker > div > div {\n  box-shadow: unset;\n}\n.paraui-v4-swatches-picker > div > div > div > div > div > div {\n  margin-right: 8px !important;\n}";
 styleInject(css_248z$4);
 
-var SwatchesPicker = function SwatchesPicker(props) {
-  var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className;
+const SwatchesPicker = props => {
+  const {
+    className = ''
+  } = props;
   return jsx("div", Object.assign({
     className: clsx("".concat($prefixCls, "-swatches-picker"), className)
   }, {
@@ -38,9 +39,10 @@ var colorCardSketchList = colorCardList.map(function (color) {
 var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-compact-picker > div > div {\n  box-shadow: unset !important;\n}\n.paraui-v4-compact-picker .compact-picker {\n  width: 220px !important;\n  box-shadow: 0px 2px 8px 0px #eaecf1 !important;\n  padding-top: 10px !important;\n  padding-left: 10px !important;\n  padding-right: 6px !important;\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div {\n  width: 14px !important;\n  height: 14px !important;\n  margin-right: 4px !important;\n  margin-bottom: 4px !important;\n  box-shadow: unset !important;\n  border: 1px solid rgba(29, 33, 38, 0.4);\n  border-radius: 2px !important;\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div > div {\n  inset: 4px !important;\n  background: rgb(255, 255, 255) !important;\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div[title=\"#FFFFFF\"] > div {\n  background: rgb(0, 0, 0) !important;\n}\n.paraui-v4-compact-picker .compact-picker > div:nth-child(2) > div:nth-child(1) {\n  top: 4px !important;\n  left: 0px !important;\n  height: 12px !important;\n  width: 12px !important;\n}\n.paraui-v4-compact-picker .compact-picker > div:nth-child(2) > div > label {\n  color: rgb(92, 101, 115) !important;\n}";
 styleInject(css_248z$3);
 
-var CompactPicker = function CompactPicker(props) {
-  var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className;
+const CompactPicker = props => {
+  const {
+    className = ''
+  } = props;
   return jsx("div", Object.assign({
     className: clsx("".concat($prefixCls, "-compact-picker"), className)
   }, {
@@ -61,9 +63,10 @@ var CompactPicker = function CompactPicker(props) {
 var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-chrome-picker .chrome-picker > div > div > div > div > div > div > div > div {\n  margin-top: 1px !important;\n  width: 4px !important;\n  border-radius: 1px !important;\n  height: 8px !important;\n  box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px !important;\n  background: rgb(255, 255, 255) !important;\n  transform: translateX(-2px) !important;\n}\n.paraui-v4-chrome-picker .chrome-picker > div:nth-child(1) > div > div > div > div {\n  width: 10px !important;\n  height: 10px !important;\n  transform: translate(-5px, -5px) !important;\n}";
 styleInject(css_248z$2);
 
-var ChromePicker = function ChromePicker(props) {
-  var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className;
+const ChromePicker = props => {
+  const {
+    className = ''
+  } = props;
   return jsx("div", Object.assign({
     className: clsx("".concat($prefixCls, "-chrome-picker"), className)
   }, {
@@ -86,23 +89,24 @@ var ChromePicker = function ChromePicker(props) {
 var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-sketch-picker {\n  width: 236px;\n  box-sizing: border-box;\n  padding: 10px 10px 6px;\n  background: #ffffff;\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px #eaecf1;\n}\n.paraui-v4-sketch-picker .sketch-picker > div > div > span > div {\n  position: relative !important;\n  width: 16px !important;\n  height: 16px !important;\n  border: 1px solid rgba(29, 33, 38, 0.4) !important;\n  border-radius: 2px !important;\n  box-shadow: unset !important;\n  box-sizing: border-box !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div:nth-child(1) > div > div > div > div {\n  box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important;\n  width: 10px !important;\n  height: 10px !important;\n  transform: translate(-5px, -5px) !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div:nth-child(3) > div > div > input {\n  box-shadow: unset !important;\n  border: 1px solid #d4dae3 !important;\n  border-radius: 2px !important;\n  color: rgb(29, 33, 38) !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div:nth-child(4) {\n  margin: 0 !important;\n  padding: 0 !important;\n  padding-top: 10px !important;\n  margin-right: -4px !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div:nth-child(4) > div {\n  margin: 0px 4px 4px 0px !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div > div > span > div.active::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  inset: 4px;\n  background: rgb(255, 255, 255);\n}\n.paraui-v4-sketch-picker .sketch-picker > div > div > span > div[title=\"#FFFFFF\"]::after {\n  background: rgb(0, 0, 0) !important;\n}\n.paraui-v4-sketch-picker .square {\n  width: 16px;\n  height: 16px;\n  background: #ffffff;\n  border: 1px solid rgba(29, 33, 38, 0.4);\n  border-radius: 2px;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.paraui-v4-sketch-picker .square::before {\n  width: 24px;\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg);\n  height: 1px;\n  background-color: #a4a6a8;\n}";
 styleInject(css_248z$1);
 
-var SketchPicker = function SketchPicker(props) {
-  var onChange = props.onChange,
-    clear = props.clear,
-    onClear = props.onClear,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className;
+const SketchPicker = props => {
+  const {
+    onChange,
+    clear,
+    onClear,
+    className = ''
+  } = props;
   // 容器节点
-  var wrapperRef = useRef(null);
-  var onPickerChange = function onPickerChange(color, event) {
+  const wrapperRef = useRef(null);
+  const onPickerChange = (color, event) => {
     var _a, _b, _c, _d;
-    var hex = (_a = color === null || color === void 0 ? void 0 : color.hex) === null || _a === void 0 ? void 0 : _a.toUpperCase();
+    const hex = (_a = color === null || color === void 0 ? void 0 : color.hex) === null || _a === void 0 ? void 0 : _a.toUpperCase();
     // 找到标签上title属性为hex的元素
-    var el = document.querySelector("div[title=\"".concat(hex, "\"]"));
+    const el = document.querySelector("div[title=\"".concat(hex, "\"]"));
     // 现移除el父元素下所有的active类名
-    var parents = (_c = (_b = el === null || el === void 0 ? void 0 : el.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.parentElement;
+    const parents = (_c = (_b = el === null || el === void 0 ? void 0 : el.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.parentElement;
     if (parents) {
-      (_d = parents.querySelectorAll(".active")) === null || _d === void 0 ? void 0 : _d.forEach(function (item) {
+      (_d = parents.querySelectorAll(".active")) === null || _d === void 0 ? void 0 : _d.forEach(item => {
         item.classList.remove("active");
       });
     }
@@ -110,11 +114,11 @@ var SketchPicker = function SketchPicker(props) {
     el === null || el === void 0 ? void 0 : el.classList.add("active");
     onChange && onChange(color, event);
   };
-  var onClearCallback = function onClearCallback() {
+  const onClearCallback = () => {
     var _a;
-    var elList = (_a = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".active");
+    const elList = (_a = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".active");
     if (elList === null || elList === void 0 ? void 0 : elList.length) {
-      elList.forEach(function (item) {
+      elList.forEach(item => {
         item.classList.remove("active");
       });
     }

package/_verture/{index-05f7bf11.js → index-c568f272.js}

@@ -9,8 +9,8 @@ var zh = {
 };
 
 var defaultModalLocale = {
-  zh: zh,
-  en: en,
+  zh,
+  en,
   'zh-CN': zh,
   'en-US': en
 };

package/_verture/index-da9097d3.js

@@ -0,0 +1,239 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import RcDropdown from 'rc-dropdown';
+import { a as $rcPrefixCls, $ as $prefixCls } from './constant-5317fc89.js';
+import { g as getNearestOverflowAncestor, u as usePopupContainer } from './usePopupContainer-635f66f4.js';
+import clsx from 'clsx';
+import dayjs from 'dayjs';
+import { UUID } from '@paraview/lib';
+import { s as styleInject } from './style-inject.es-300983ab.js';
+
+function getPlaceholder(picker, locale, customizePlaceholder) {
+  if (customizePlaceholder !== undefined) {
+    return customizePlaceholder;
+  }
+  if (picker === 'year' && locale.lang.yearPlaceholder) {
+    return locale.lang.yearPlaceholder;
+  }
+  if (picker === 'quarter' && locale.lang.quarterPlaceholder) {
+    return locale.lang.quarterPlaceholder;
+  }
+  if (picker === 'month' && locale.lang.monthPlaceholder) {
+    return locale.lang.monthPlaceholder;
+  }
+  if (picker === 'week' && locale.lang.weekPlaceholder) {
+    return locale.lang.weekPlaceholder;
+  }
+  if (picker === 'time' && locale.timePickerLocale.placeholder) {
+    return locale.timePickerLocale.placeholder;
+  }
+  return locale.lang.placeholder;
+}
+function getRangePlaceholder(picker, locale, customizePlaceholder) {
+  if (customizePlaceholder !== undefined) {
+    return customizePlaceholder;
+  }
+  if (picker === 'year' && locale.lang.yearPlaceholder) {
+    return locale.lang.rangeYearPlaceholder;
+  }
+  if (picker === 'month' && locale.lang.monthPlaceholder) {
+    return locale.lang.rangeMonthPlaceholder;
+  }
+  if (picker === 'week' && locale.lang.weekPlaceholder) {
+    return locale.lang.rangeWeekPlaceholder;
+  }
+  if (picker === 'time' && locale.timePickerLocale.placeholder) {
+    return locale.timePickerLocale.rangePlaceholder;
+  }
+  return locale.lang.rangePlaceholder;
+}
+function toArray(list) {
+  if (!list) {
+    return [];
+  }
+  return Array.isArray(list) ? list : [list];
+}
+function getTimeProps(props) {
+  const {
+    format,
+    picker,
+    showHour,
+    showMinute,
+    showSecond,
+    use12Hours
+  } = props;
+  const firstFormat = toArray(format)[0];
+  const showTimeObj = Object.assign({}, props);
+  if (firstFormat && typeof firstFormat === 'string') {
+    if (!firstFormat.includes('s') && showSecond === undefined) {
+      showTimeObj.showSecond = false;
+    }
+    if (!firstFormat.includes('m') && showMinute === undefined) {
+      showTimeObj.showMinute = false;
+    }
+    if (!firstFormat.includes('H') && !firstFormat.includes('h') && !firstFormat.includes('K') && !firstFormat.includes('k') && showHour === undefined) {
+      showTimeObj.showHour = false;
+    }
+    if ((firstFormat.includes('a') || firstFormat.includes('A')) && use12Hours === undefined) {
+      showTimeObj.use12Hours = true;
+    }
+  }
+  if (picker === 'time') {
+    return showTimeObj;
+  }
+  if (typeof firstFormat === 'function') {
+    // format of showTime should use default when format is custom format function
+    delete showTimeObj.format;
+  }
+  return {
+    showTime: showTimeObj
+  };
+}
+function formatPickerValue(value, format) {
+  if (typeof value === 'string') {
+    if (value === '') return null;
+    if (format) {
+      if (dayjs(value, format).isValid()) return dayjs(value, format);
+    } else {
+      if (dayjs(value).isValid()) return dayjs(value);
+    }
+    return null;
+  }
+  return value;
+}
+function mergedLocale(locale, defaultLocale) {
+  const lang = Object.assign(Object.assign({}, defaultLocale === null || defaultLocale === void 0 ? void 0 : defaultLocale.lang), (locale === null || locale === void 0 ? void 0 : locale.lang) || {});
+  const timePickerLocale = Object.assign(Object.assign({}, defaultLocale === null || defaultLocale === void 0 ? void 0 : defaultLocale.timePickerLocale), (locale === null || locale === void 0 ? void 0 : locale.timeLang) || {});
+  return {
+    lang,
+    timePickerLocale
+  };
+}
+//最近的绝对定位滚动元素
+function getNearestAbsoluteAncestor(node, pos) {
+  var _a;
+  const parentNode = node.parentNode;
+  const nodeName = ((_a = parentNode === null || parentNode === void 0 ? void 0 : parentNode.nodeName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '';
+  if (['html', 'body', '#document'].includes(nodeName)) {
+    return null;
+  }
+  if (parentNode instanceof window.HTMLElement) {
+    const {
+      position
+    } = window.getComputedStyle(parentNode);
+    if (new RegExp(pos).test(position)) return parentNode;
+  }
+  return getNearestAbsoluteAncestor(parentNode, pos);
+}
+//下拉弹出框关闭时，隔离dom污染
+function isolationPopupPollution(open, uniqueCls) {
+  const popupDom = document.getElementsByClassName("".concat(uniqueCls))[0];
+  if (!popupDom) return;
+  const position = open ? 'fixed' : 'absolute';
+  const nearestDom = getNearestAbsoluteAncestor(popupDom, position);
+  if (!nearestDom) return;
+  if (!open) {
+    //关闭弹框
+    nearestDom.style.position = 'fixed';
+    nearestDom.style.left = '-9999px';
+    nearestDom.style.top = '-9999px';
+  } else {
+    //打开弹框
+    nearestDom.style.position = 'absolute';
+    nearestDom.style.left = '0';
+    nearestDom.style.top = '0';
+  }
+}
+//浮层渲染容器
+function getPopupContainer(triggerNode, customizeContainer, wrapRef) {
+  var _a, _b;
+  let container;
+  if (!customizeContainer) {
+    const rootNode = wrapRef.current;
+    if (rootNode) {
+      container = getNearestOverflowAncestor(rootNode);
+      const scrollHeight = container.scrollHeight;
+      const clientHeight = container.clientHeight;
+      if (scrollHeight <= clientHeight) {
+        container = document.body;
+      }
+    } else {
+      container = document.body;
+    }
+    const nodeName = (_a = container.nodeName) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+    if (nodeName !== 'body') {
+      if (((_b = window.getComputedStyle(container)) === null || _b === void 0 ? void 0 : _b.position) === 'static') {
+        container.style.position = 'relative';
+      }
+    }
+  } else {
+    container = customizeContainer(triggerNode) || document.body;
+  }
+  return container;
+}
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/27 上午9:58\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-dropdown {\n  position: absolute;\n  left: -9999px;\n  top: -9999px;\n  z-index: 1500;\n  display: block;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.5715;\n  background-color: rgb(255, 255, 255);\n  box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n  border-radius: 4px;\n  border: 1px solid rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-dropdown.component-dropdown-hidden {\n  display: none;\n}\n.paraui-v4-dropdown .component-dropdown-arrow {\n  position: absolute;\n  border-width: 4px;\n  border-color: transparent;\n  box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n  border-style: solid;\n  transform: rotate(45deg);\n}\n.paraui-v4-dropdown.component-dropdown-show-arrow.component-dropdown-placement-top, .paraui-v4-dropdown.component-dropdown-show-arrow.component-dropdown-placement-topLeft, .paraui-v4-dropdown.component-dropdown-show-arrow.component-dropdown-placement-topRight {\n  padding-bottom: 6px;\n}\n.paraui-v4-dropdown.component-dropdown-show-arrow.component-dropdown-placement-bottom, .paraui-v4-dropdown.component-dropdown-show-arrow.component-dropdown-placement-bottomLeft, .paraui-v4-dropdown.component-dropdown-show-arrow.component-dropdown-placement-bottomRight {\n  padding-top: 6px;\n}\n.paraui-v4-dropdown.component-dropdown-placement-top .component-dropdown-arrow, .paraui-v4-dropdown.component-dropdown-placement-topLeft .component-dropdown-arrow, .paraui-v4-dropdown.component-dropdown-placement-topRight .component-dropdown-arrow {\n  bottom: 4px;\n  border-top-color: rgb(255, 255, 255);\n}\n.paraui-v4-dropdown.component-dropdown-placement-top .component-dropdown-arrow {\n  left: 50%;\n}\n.paraui-v4-dropdown.component-dropdown-placement-topLeft .component-dropdown-arrow {\n  left: 15%;\n}\n.paraui-v4-dropdown.component-dropdown-placement-topRight .component-dropdown-arrow {\n  right: 15%;\n}\n.paraui-v4-dropdown.component-dropdown-placement-bottom .component-dropdown-arrow, .paraui-v4-dropdown.component-dropdown-placement-bottomLeft .component-dropdown-arrow, .paraui-v4-dropdown.component-dropdown-placement-bottomRight .component-dropdown-arrow {\n  top: 4px;\n  border-bottom-color: rgb(255, 255, 255);\n}\n.paraui-v4-dropdown.component-dropdown-placement-bottom .component-dropdown-arrow {\n  left: 50%;\n}\n.paraui-v4-dropdown.component-dropdown-placement-bottomLeft .component-dropdown-arrow {\n  left: 15%;\n}\n.paraui-v4-dropdown.component-dropdown-placement-bottomRight .component-dropdown-arrow {\n  right: 15%;\n}\n\n.component-dropdown-slide-up-enter,\n.component-dropdown-slide-up-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform-origin: 0 0;\n  display: block !important;\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n  animation-play-state: paused;\n}\n\n.component-dropdown-slide-up-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform-origin: 0 0;\n  display: block !important;\n  opacity: 1;\n  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n  animation-play-state: paused;\n}\n\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-bottomLeft,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-bottomLeft,\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-bottomCenter,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-bottomCenter,\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-bottomRight,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-bottomRight {\n  animation-name: componentDropdownSlideUpIn;\n  animation-play-state: running;\n}\n\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-topLeft,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-topLeft,\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-topCenter,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-topCenter,\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-topRight,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-topRight {\n  animation-name: componentDropdownSlideDownIn;\n  animation-play-state: running;\n}\n\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-bottomLeft,\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-bottomCenter,\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-bottomRight {\n  animation-name: componentDropdownSlideUpOut;\n  animation-play-state: running;\n}\n\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-topLeft,\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-topCenter,\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-topRight {\n  animation-name: componentDropdownSlideDownOut;\n  animation-play-state: running;\n}\n\n@keyframes componentDropdownSlideUpIn {\n  0% {\n    opacity: 0;\n    transform-origin: 0% 0%;\n    transform: scaleY(0);\n  }\n  100% {\n    opacity: 1;\n    transform-origin: 0% 0%;\n    transform: scaleY(1);\n  }\n}\n@keyframes componentDropdownSlideUpOut {\n  0% {\n    opacity: 1;\n    transform-origin: 0% 0%;\n    transform: scaleY(1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 0% 0%;\n    transform: scaleY(0);\n  }\n}\n@keyframes componentDropdownSlideDownIn {\n  0% {\n    opacity: 0;\n    transform-origin: 0% 100%;\n    transform: scaleY(0);\n  }\n  100% {\n    opacity: 1;\n    transform-origin: 0% 100%;\n    transform: scaleY(1);\n  }\n}\n@keyframes componentDropdownSlideDownOut {\n  0% {\n    opacity: 1;\n    transform-origin: 0% 100%;\n    transform: scaleY(1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 0% 100%;\n    transform: scaleY(0);\n  }\n}";
+styleInject(css_248z);
+
+//dropdown偏移量
+const getDropdownOffset = place => {
+  var _a, _b;
+  const offsetMap = {
+    top: {
+      offset: [0, -8]
+    },
+    topLeft: {
+      offset: [0, -8]
+    },
+    topRight: {
+      offset: [0, -8]
+    },
+    bottom: {
+      offset: [0, 8]
+    },
+    bottomRight: {
+      offset: [0, 8]
+    },
+    bottomLeft: {
+      offset: [0, 8]
+    }
+  };
+  return (_b = (_a = offsetMap[place]) === null || _a === void 0 ? void 0 : _a.offset) !== null && _b !== void 0 ? _b : [0, 0];
+};
+//dropdown
+const Dropdown = props => {
+  const wrapRef = React__default.useRef();
+  const getPopupContainer = usePopupContainer(wrapRef, props.getPopupContainer);
+  const uuidRef = React__default.useRef(UUID());
+  //visible change
+  const handleVisibleChange = visible => {
+    var _a;
+    (_a = props.onVisibleChange) === null || _a === void 0 ? void 0 : _a.call(props, visible);
+    if (props.isolationPopupOnHide) {
+      //关闭时隔离dom污染
+      isolationPopupPollution(visible, uuidRef.current);
+    }
+  };
+  return jsx(RcDropdown, Object.assign({}, props, {
+    prefixCls: "".concat($rcPrefixCls, "-dropdown"),
+    overlayClassName: clsx("".concat($prefixCls, "-dropdown"), props.overlayClassName, uuidRef.current),
+    animation: "slide-up",
+    align: {
+      offset: getDropdownOffset(props.placement)
+    },
+    getPopupContainer: getPopupContainer,
+    ref: wrapRef,
+    onVisibleChange: handleVisibleChange
+  }, {
+    children: props.children
+  }));
+};
+Dropdown.defaultProps = {
+  mouseEnterDelay: 0.15,
+  mouseLeaveDelay: 0.1,
+  trigger: ['hover'],
+  placement: 'bottomRight',
+  isolationPopupOnHide: false
+};
+
+export { Dropdown as D, getPlaceholder as a, getPopupContainer as b, getRangePlaceholder as c, formatPickerValue as f, getTimeProps as g, isolationPopupPollution as i, mergedLocale as m };