@para-ui/core 3.0.0 → 3.0.2

package/Drawer/index.js

@@ -6,6 +6,7 @@ import RcDrawer from 'rc-drawer';
 import clsx from 'clsx';
 import { Button } from '../Button/index.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 import '@para-ui/icons/LoadingF';
@@ -33,7 +34,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/8 下午2:51\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-drawer {\n  position: fixed;\n  z-index: 1000;\n  transition: width 0s ease 0.3s, height 0s ease 0.3s;\n}\n.paraui-drawer-open.paraui-drawer {\n  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.paraui-drawer .paraui-drawer-mask {\n  background: rgba(0, 0, 0, 0.45);\n  opacity: 0;\n  width: 100%;\n  height: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  transition: opacity 0.3s linear, height 0s ease 0.3s;\n}\n.paraui-drawer-content-wrapper {\n  position: absolute;\n  background: rgb(255, 255, 255);\n  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.paraui-drawer-content {\n  overflow: auto;\n  z-index: 1;\n  position: relative;\n}\n.paraui-drawer-content .paraui-drawer-content-body {\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n}\n.paraui-drawer-content .paraui-drawer-content-body .paraui-drawer-body-header {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 60px;\n  padding: 0 24px;\n  font-size: 16px;\n  font-weight: 700;\n  color: rgb(46, 55, 67);\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-drawer-content .paraui-drawer-content-body .paraui-drawer-body-header .paraui-drawer-header-title {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n}\n.paraui-drawer-content .paraui-drawer-content-body .paraui-drawer-body-header .paraui-drawer-header-extra button + button {\n  margin-left: 16px;\n}\n.paraui-drawer-content .paraui-drawer-content-body .paraui-drawer-body-content {\n  flex-grow: 1;\n  padding: 24px;\n  overflow: auto;\n  word-wrap: break-word;\n}\n.paraui-drawer-content .paraui-drawer-content-body .paraui-drawer-body-footer {\n  display: flex;\n  align-items: center;\n  padding: 16px 24px;\n  font-size: 16px;\n  color: rgb(46, 55, 67);\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-drawer-handle {\n  position: absolute;\n  top: 72px;\n  width: 41px;\n  height: 40px;\n  cursor: pointer;\n  z-index: 0;\n  text-align: center;\n  line-height: 40px;\n  font-size: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: rgb(255, 255, 255);\n}\n.paraui-drawer-handle-icon {\n  width: 14px;\n  height: 2px;\n  background: #333;\n  position: relative;\n  transition: background 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n.paraui-drawer-handle-icon:before, .paraui-drawer-handle-icon:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  background: #333;\n  width: 100%;\n  height: 2px;\n  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n.paraui-drawer-handle-icon:before {\n  top: -5px;\n}\n.paraui-drawer-handle-icon:after {\n  top: 5px;\n}\n.paraui-drawer-left, .paraui-drawer-right {\n  width: 0%;\n  height: 100%;\n}\n.paraui-drawer-left .paraui-drawer-content-wrapper, .paraui-drawer-right .paraui-drawer-content-wrapper, .paraui-drawer-left .paraui-drawer-content, .paraui-drawer-right .paraui-drawer-content {\n  height: 100%;\n}\n.paraui-drawer-left.paraui-drawer-open, .paraui-drawer-right.paraui-drawer-open {\n  width: 100%;\n}\n.paraui-drawer-left.paraui-drawer-open.no-mask, .paraui-drawer-right.paraui-drawer-open.no-mask {\n  width: 0%;\n}\n.paraui-drawer-left {\n  top: 0;\n  left: 0;\n}\n.paraui-drawer-left .paraui-drawer-handle {\n  right: -40px;\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);\n  border-radius: 0 4px 4px 0;\n}\n.paraui-drawer-left.paraui-drawer-open .paraui-drawer-content-wrapper {\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);\n}\n.paraui-drawer-right {\n  top: 0;\n  right: 0;\n}\n.paraui-drawer-right .paraui-drawer-content-wrapper {\n  right: 0;\n}\n.paraui-drawer-right .paraui-drawer-handle {\n  left: -40px;\n  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n  border-radius: 4px 0 0 4px;\n}\n.paraui-drawer-right.paraui-drawer-open .paraui-drawer-content-wrapper {\n  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n}\n.paraui-drawer-right.paraui-drawer-open.no-mask {\n  right: 1px;\n  transform: translateX(1px);\n}\n.paraui-drawer-top, .paraui-drawer-bottom {\n  width: 100%;\n  height: 0%;\n}\n.paraui-drawer-top .paraui-drawer-content-wrapper, .paraui-drawer-bottom .paraui-drawer-content-wrapper, .paraui-drawer-top .paraui-drawer-content, .paraui-drawer-bottom .paraui-drawer-content {\n  width: 100%;\n}\n.paraui-drawer-top .paraui-drawer-content, .paraui-drawer-bottom .paraui-drawer-content {\n  height: 100%;\n}\n.paraui-drawer-top.paraui-drawer-open, .paraui-drawer-bottom.paraui-drawer-open {\n  height: 100%;\n}\n.paraui-drawer-top.paraui-drawer-open.no-mask, .paraui-drawer-bottom.paraui-drawer-open.no-mask {\n  height: 0%;\n}\n.paraui-drawer-top .paraui-drawer-handle, .paraui-drawer-bottom .paraui-drawer-handle {\n  left: 50%;\n  margin-left: -20px;\n}\n.paraui-drawer-top {\n  top: 0;\n  left: 0;\n}\n.paraui-drawer-top .paraui-drawer-handle {\n  top: auto;\n  bottom: -40px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 0 0 4px 4px;\n}\n.paraui-drawer-top.paraui-drawer-open .paraui-drawer-content-wrapper {\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.paraui-drawer-bottom {\n  bottom: 0;\n  left: 0;\n}\n.paraui-drawer-bottom .paraui-drawer-content-wrapper {\n  bottom: 0;\n}\n.paraui-drawer-bottom .paraui-drawer-handle {\n  top: -40px;\n  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 4px 4px 0 0;\n}\n.paraui-drawer-bottom.paraui-drawer-open .paraui-drawer-content-wrapper {\n  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);\n}\n.paraui-drawer-bottom.paraui-drawer-open.no-mask {\n  bottom: 1px;\n  transform: translateY(1px);\n}\n.paraui-drawer-open.paraui-drawer .paraui-drawer-mask {\n  opacity: 1;\n  height: 100%;\n  transition: none;\n  animation: parauiDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n  pointer-events: auto;\n}\n.paraui-drawer.paraui-drawer-open .paraui-drawer-handle-icon {\n  background: transparent;\n}\n.paraui-drawer.paraui-drawer-open .paraui-drawer-handle-icon:before {\n  transform: translateY(5px) rotate(45deg);\n}\n.paraui-drawer.paraui-drawer-open .paraui-drawer-handle-icon:after {\n  transform: translateY(-5px) rotate(-45deg);\n}\n\n@keyframes parauiDrawerFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/8 下午2:51\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-drawer {\n  position: fixed;\n  z-index: 1000;\n  transition: width 0s ease 0.3s, height 0s ease 0.3s;\n}\n.paraui-v3-drawer.component-drawer-open {\n  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.paraui-v3-drawer .component-drawer-mask {\n  background: rgba(0, 0, 0, 0.45);\n  opacity: 0;\n  width: 100%;\n  height: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  transition: opacity 0.3s linear, height 0s ease 0.3s;\n}\n.paraui-v3-drawer .component-drawer-content-wrapper {\n  position: absolute;\n  background: rgb(255, 255, 255);\n  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n}\n.paraui-v3-drawer .component-drawer-content {\n  overflow: auto;\n  z-index: 1;\n  position: relative;\n}\n.paraui-v3-drawer .component-drawer-content .drawer-content-body {\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-drawer .component-drawer-content .drawer-content-body .drawer-body-header {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: none;\n  height: 60px;\n  padding: 0 24px;\n  font-size: 16px;\n  font-weight: 700;\n  color: rgb(46, 55, 67);\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drawer .component-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n}\n.paraui-v3-drawer .component-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra button + button {\n  margin-left: 16px;\n}\n.paraui-v3-drawer .component-drawer-content .drawer-content-body .drawer-body-content {\n  flex: 1;\n  padding: 24px;\n  overflow: auto;\n  word-wrap: break-word;\n}\n.paraui-v3-drawer .component-drawer-content .drawer-content-body .drawer-body-footer {\n  display: flex;\n  align-items: center;\n  flex: none;\n  padding: 16px 24px;\n  font-size: 16px;\n  color: rgb(46, 55, 67);\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drawer .component-drawer-handle {\n  position: absolute;\n  top: 72px;\n  width: 41px;\n  height: 40px;\n  cursor: pointer;\n  z-index: 0;\n  text-align: center;\n  line-height: 40px;\n  font-size: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: rgb(255, 255, 255);\n}\n.paraui-v3-drawer .component-drawer-handle-icon {\n  width: 14px;\n  height: 2px;\n  background: #333;\n  position: relative;\n  transition: background 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n.paraui-v3-drawer .component-drawer-handle-icon:before, .paraui-v3-drawer .component-drawer-handle-icon:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  background: #333;\n  width: 100%;\n  height: 2px;\n  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n.paraui-v3-drawer .component-drawer-handle-icon:before {\n  top: -5px;\n}\n.paraui-v3-drawer .component-drawer-handle-icon:after {\n  top: 5px;\n}\n.paraui-v3-drawer.component-drawer-left, .paraui-v3-drawer.component-drawer-right {\n  width: 0%;\n  height: 100%;\n}\n.paraui-v3-drawer.component-drawer-left .component-drawer-content-wrapper, .paraui-v3-drawer.component-drawer-right .component-drawer-content-wrapper, .paraui-v3-drawer.component-drawer-left .component-drawer-content, .paraui-v3-drawer.component-drawer-right .component-drawer-content {\n  height: 100%;\n}\n.paraui-v3-drawer.component-drawer-left.component-drawer-open, .paraui-v3-drawer.component-drawer-right.component-drawer-open {\n  width: 100%;\n}\n.paraui-v3-drawer.component-drawer-left.component-drawer-open.no-mask, .paraui-v3-drawer.component-drawer-right.component-drawer-open.no-mask {\n  width: 0%;\n}\n.paraui-v3-drawer.component-drawer-left {\n  top: 0;\n  left: 0;\n}\n.paraui-v3-drawer.component-drawer-left .component-drawer-handle {\n  right: -40px;\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);\n  border-radius: 0 4px 4px 0;\n}\n.paraui-v3-drawer.component-drawer-left.component-drawer-open .component-drawer-content-wrapper {\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);\n}\n.paraui-v3-drawer.component-drawer-right {\n  top: 0;\n  right: 0;\n}\n.paraui-v3-drawer.component-drawer-right .component-drawer-content-wrapper {\n  right: 0;\n}\n.paraui-v3-drawer.component-drawer-right .component-drawer-handle {\n  left: -40px;\n  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n  border-radius: 4px 0 0 4px;\n}\n.paraui-v3-drawer.component-drawer-right.component-drawer-open .component-drawer-content-wrapper {\n  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n}\n.paraui-v3-drawer.component-drawer-right.component-drawer-open.no-mask {\n  right: 1px;\n  transform: translateX(1px);\n}\n.paraui-v3-drawer.component-drawer-top, .paraui-v3-drawer.component-drawer-bottom {\n  width: 100%;\n  height: 0%;\n}\n.paraui-v3-drawer.component-drawer-top .component-drawer-content-wrapper, .paraui-v3-drawer.component-drawer-bottom .component-drawer-content-wrapper, .paraui-v3-drawer.component-drawer-top .component-drawer-content, .paraui-v3-drawer.component-drawer-bottom .component-drawer-content {\n  width: 100%;\n}\n.paraui-v3-drawer.component-drawer-top .component-drawer-content, .paraui-v3-drawer.component-drawer-bottom .component-drawer-content {\n  height: 100%;\n}\n.paraui-v3-drawer.component-drawer-top.component-drawer-open, .paraui-v3-drawer.component-drawer-bottom.component-drawer-open {\n  height: 100%;\n}\n.paraui-v3-drawer.component-drawer-top.component-drawer-open.no-mask, .paraui-v3-drawer.component-drawer-bottom.component-drawer-open.no-mask {\n  height: 0%;\n}\n.paraui-v3-drawer.component-drawer-top .component-drawer-handle, .paraui-v3-drawer.component-drawer-bottom .component-drawer-handle {\n  left: 50%;\n  margin-left: -20px;\n}\n.paraui-v3-drawer.component-drawer-top {\n  top: 0;\n  left: 0;\n}\n.paraui-v3-drawer.component-drawer-top .component-drawer-handle {\n  top: auto;\n  bottom: -40px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 0 0 4px 4px;\n}\n.paraui-v3-drawer.component-drawer-top.component-drawer-open .component-drawer-content-wrapper {\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n.paraui-v3-drawer.component-drawer-bottom {\n  bottom: 0;\n  left: 0;\n}\n.paraui-v3-drawer.component-drawer-bottom .component-drawer-content-wrapper {\n  bottom: 0;\n}\n.paraui-v3-drawer.component-drawer-bottom .component-drawer-handle {\n  top: -40px;\n  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 4px 4px 0 0;\n}\n.paraui-v3-drawer.component-drawer-bottom.component-drawer-open .component-drawer-content-wrapper {\n  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);\n}\n.paraui-v3-drawer.component-drawer-bottom.component-drawer-open.no-mask {\n  bottom: 1px;\n  transform: translateY(1px);\n}\n.paraui-v3-drawer.component-drawer-open.component-drawer .component-drawer-mask {\n  opacity: 1;\n  height: 100%;\n  transition: none;\n  animation: componentDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);\n  pointer-events: auto;\n}\n.paraui-v3-drawer.component-drawer.component-drawer-open .component-drawer-handle-icon {\n  background: transparent;\n}\n.paraui-v3-drawer.component-drawer.component-drawer-open .component-drawer-handle-icon:before {\n  transform: translateY(5px) rotate(45deg);\n}\n.paraui-v3-drawer.component-drawer.component-drawer-open .component-drawer-handle-icon:after {\n  transform: translateY(-5px) rotate(-45deg);\n}\n\n@keyframes componentDrawerFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}";
 styleInject(css_248z);
 
 var Drawer = function Drawer(props) {
@@ -110,15 +111,15 @@ var Drawer = function Drawer(props) {
 
 
   var titleNode = jsxs("div", Object.assign({
-    className: 'paraui-drawer-body-header'
+    className: 'drawer-body-header'
   }, {
     children: [jsx("div", Object.assign({
-      className: 'paraui-drawer-header-title'
+      className: 'drawer-header-title'
     }, {
       children: title
     })), showExtra && jsx(Fragment, {
       children: jsx("div", Object.assign({
-        className: 'paraui-drawer-header-extra'
+        className: 'drawer-header-extra'
       }, {
         children: extra || jsxs(Fragment, {
           children: [jsx(Button, Object.assign({
@@ -147,14 +148,14 @@ var Drawer = function Drawer(props) {
   var renderContent = function renderContent() {
     if (!title && !footer) return children;
     return jsxs("div", Object.assign({
-      className: 'paraui-drawer-content-body'
+      className: 'drawer-content-body'
     }, {
       children: [title && titleNode, jsx("div", Object.assign({
-        className: 'paraui-drawer-body-content'
+        className: 'drawer-body-content'
       }, {
         children: children
       })), footer && jsx("div", Object.assign({
-        className: 'paraui-drawer-body-footer'
+        className: 'drawer-body-footer'
       }, {
         children: footer
       }))]
@@ -168,8 +169,8 @@ var Drawer = function Drawer(props) {
 
   return jsx(RcDrawer, Object.assign({}, restProps, getOffsetStyle(), {
     style: style,
-    prefixCls: 'paraui-drawer',
-    className: clsx('paraui-drawer', props.className),
+    prefixCls: "".concat($rcPrefixCls, "-drawer"),
+    className: clsx("".concat($prefixCls, "-drawer"), props.className),
     onClose: handleClose,
     afterVisibleChange: function afterVisibleChange(open) {
       if (open) {

package/Dropdown/index.js

@@ -1,8 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
 import RcDropdown from 'rc-dropdown';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import clsx from 'clsx';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/27 上午9:58\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-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: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n}\n\n.paraui-dropdown-hidden {\n  display: none;\n}\n\n.paraui-dropdown-slide-up-enter,\n.paraui-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.paraui-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.paraui-dropdown-slide-up-enter.paraui-dropdown-slide-up-enter-active.paraui-dropdown-placement-bottomLeft,\n.paraui-dropdown-slide-up-appear.paraui-dropdown-slide-up-appear-active.paraui-dropdown-placement-bottomLeft,\n.paraui-dropdown-slide-up-enter.paraui-dropdown-slide-up-enter-active.paraui-dropdown-placement-bottomCenter,\n.paraui-dropdown-slide-up-appear.paraui-dropdown-slide-up-appear-active.paraui-dropdown-placement-bottomCenter,\n.paraui-dropdown-slide-up-enter.paraui-dropdown-slide-up-enter-active.paraui-dropdown-placement-bottomRight,\n.paraui-dropdown-slide-up-appear.paraui-dropdown-slide-up-appear-active.paraui-dropdown-placement-bottomRight {\n  animation-name: parauiDropdownSlideUpIn;\n  animation-play-state: running;\n}\n\n.paraui-dropdown-slide-up-enter.paraui-dropdown-slide-up-enter-active.paraui-dropdown-placement-topLeft,\n.paraui-dropdown-slide-up-appear.paraui-dropdown-slide-up-appear-active.paraui-dropdown-placement-topLeft,\n.paraui-dropdown-slide-up-enter.paraui-dropdown-slide-up-enter-active.paraui-dropdown-placement-topCenter,\n.paraui-dropdown-slide-up-appear.paraui-dropdown-slide-up-appear-active.paraui-dropdown-placement-topCenter,\n.paraui-dropdown-slide-up-enter.paraui-dropdown-slide-up-enter-active.paraui-dropdown-placement-topRight,\n.paraui-dropdown-slide-up-appear.paraui-dropdown-slide-up-appear-active.paraui-dropdown-placement-topRight {\n  animation-name: parauiDropdownSlideDownIn;\n  animation-play-state: running;\n}\n\n.paraui-dropdown-slide-up-leave.paraui-dropdown-slide-up-leave-active.paraui-dropdown-placement-bottomLeft,\n.paraui-dropdown-slide-up-leave.paraui-dropdown-slide-up-leave-active.paraui-dropdown-placement-bottomCenter,\n.paraui-dropdown-slide-up-leave.paraui-dropdown-slide-up-leave-active.paraui-dropdown-placement-bottomRight {\n  animation-name: parauiDropdownSlideUpOut;\n  animation-play-state: running;\n}\n\n.paraui-dropdown-slide-up-leave.paraui-dropdown-slide-up-leave-active.paraui-dropdown-placement-topLeft,\n.paraui-dropdown-slide-up-leave.paraui-dropdown-slide-up-leave-active.paraui-dropdown-placement-topCenter,\n.paraui-dropdown-slide-up-leave.paraui-dropdown-slide-up-leave-active.paraui-dropdown-placement-topRight {\n  animation-name: parauiDropdownSlideDownOut;\n  animation-play-state: running;\n}\n\n@keyframes parauiDropdownSlideUpIn {\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 parauiDropdownSlideUpOut {\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 parauiDropdownSlideDownIn {\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 parauiDropdownSlideDownOut {\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}\n.paraui-dropdown-arrow {\n  position: absolute;\n  border-width: 4px;\n  border-color: transparent;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  border-style: solid;\n  transform: rotate(45deg);\n}\n\n.paraui-dropdown-show-arrow.paraui-dropdown-placement-top,\n.paraui-dropdown-show-arrow.paraui-dropdown-placement-topLeft,\n.paraui-dropdown-show-arrow.paraui-dropdown-placement-topRight {\n  padding-bottom: 6px;\n}\n\n.paraui-dropdown-show-arrow.paraui-dropdown-placement-bottom,\n.paraui-dropdown-show-arrow.paraui-dropdown-placement-bottomLeft,\n.paraui-dropdown-show-arrow.paraui-dropdown-placement-bottomRight {\n  padding-top: 6px;\n}\n\n.paraui-dropdown-placement-top .paraui-dropdown-arrow,\n.paraui-dropdown-placement-topLeft .paraui-dropdown-arrow,\n.paraui-dropdown-placement-topRight .paraui-dropdown-arrow {\n  bottom: 4px;\n  border-top-color: rgb(255, 255, 255);\n}\n\n.paraui-dropdown-placement-top .paraui-dropdown-arrow {\n  left: 50%;\n}\n\n.paraui-dropdown-placement-topLeft .paraui-dropdown-arrow {\n  left: 15%;\n}\n\n.paraui-dropdown-placement-topRight .paraui-dropdown-arrow {\n  right: 15%;\n}\n\n.paraui-dropdown-placement-bottom .paraui-dropdown-arrow,\n.paraui-dropdown-placement-bottomLeft .paraui-dropdown-arrow,\n.paraui-dropdown-placement-bottomRight .paraui-dropdown-arrow {\n  top: 4px;\n  border-bottom-color: rgb(255, 255, 255);\n}\n\n.paraui-dropdown-placement-bottom .paraui-dropdown-arrow {\n  left: 50%;\n}\n\n.paraui-dropdown-placement-bottomLeft .paraui-dropdown-arrow {\n  left: 15%;\n}\n\n.paraui-dropdown-placement-bottomRight .paraui-dropdown-arrow {\n  right: 15%;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/27 上午9:58\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-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: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n}\n.paraui-v3-dropdown.component-dropdown-hidden {\n  display: none;\n}\n.paraui-v3-dropdown .component-dropdown-arrow {\n  position: absolute;\n  border-width: 4px;\n  border-color: transparent;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  border-style: solid;\n  transform: rotate(45deg);\n}\n.paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-top, .paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-topLeft, .paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-topRight {\n  padding-bottom: 6px;\n}\n.paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-bottom, .paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-bottomLeft, .paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-bottomRight {\n  padding-top: 6px;\n}\n.paraui-v3-dropdown.component-dropdown-placement-top .component-dropdown-arrow, .paraui-v3-dropdown.component-dropdown-placement-topLeft .component-dropdown-arrow, .paraui-v3-dropdown.component-dropdown-placement-topRight .component-dropdown-arrow {\n  bottom: 4px;\n  border-top-color: rgb(255, 255, 255);\n}\n.paraui-v3-dropdown.component-dropdown-placement-top .component-dropdown-arrow {\n  left: 50%;\n}\n.paraui-v3-dropdown.component-dropdown-placement-topLeft .component-dropdown-arrow {\n  left: 15%;\n}\n.paraui-v3-dropdown.component-dropdown-placement-topRight .component-dropdown-arrow {\n  right: 15%;\n}\n.paraui-v3-dropdown.component-dropdown-placement-bottom .component-dropdown-arrow, .paraui-v3-dropdown.component-dropdown-placement-bottomLeft .component-dropdown-arrow, .paraui-v3-dropdown.component-dropdown-placement-bottomRight .component-dropdown-arrow {\n  top: 4px;\n  border-bottom-color: rgb(255, 255, 255);\n}\n.paraui-v3-dropdown.component-dropdown-placement-bottom .component-dropdown-arrow {\n  left: 50%;\n}\n.paraui-v3-dropdown.component-dropdown-placement-bottomLeft .component-dropdown-arrow {\n  left: 15%;\n}\n.paraui-v3-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);
 
 var getDropdownOffset = function getDropdownOffset(place) {
@@ -29,16 +32,59 @@ var getDropdownOffset = function getDropdownOffset(place) {
     }
   };
   return (_b = (_a = offsetMap[place]) === null || _a === void 0 ? void 0 : _a.offset) !== null && _b !== void 0 ? _b : [0, 0];
-}; //dropdown
+};
+
+function isOverflowElement(element) {
+  var _window$getComputedSt = window.getComputedStyle(element),
+      overflow = _window$getComputedSt.overflow,
+      overflowX = _window$getComputedSt.overflowX,
+      overflowY = _window$getComputedSt.overflowY;
+
+  return /auto|scroll|overlay/.test(overflow + overflowY + overflowX);
+} //最近祖先元素
+
+
+function getNearestOverflowAncestor(node) {
+  var _a, _b;
+
+  var parentNode = node.parentNode || node.ownerDocument;
+  var 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 (_b = node === null || node === void 0 ? void 0 : node.ownerDocument) === null || _b === void 0 ? void 0 : _b.body;
+  }
+
+  if (parentNode instanceof window.HTMLElement && isOverflowElement(parentNode)) {
+    return parentNode;
+  }
+
+  return getNearestOverflowAncestor(parentNode);
+} //dropdown
 
 
 var Dropdown = function Dropdown(props) {
-  //浮层渲染容器
+  var wrapRef = React__default.useRef();
+  var popupRef = React__default.useRef(); //浮层渲染容器
+
   var getPopupContainer = function getPopupContainer(triggerNode) {
+    var _a, _b;
+
     var container;
 
     if (!props.getPopupContainer) {
-      container = document.body;
+      var rootNode = (_b = (_a = wrapRef.current) === null || _a === void 0 ? void 0 : _a.getRootDomNode) === null || _b === void 0 ? void 0 : _b.call(_a);
+
+      if (rootNode) {
+        container = getNearestOverflowAncestor(rootNode);
+      } else {
+        container = document.body;
+      }
+
+      if (!container.style.position) {
+        container.style.position = 'relative';
+      }
+
+      popupRef.current = container;
     } else {
       container = props.getPopupContainer(triggerNode) || document.body;
     }
@@ -46,13 +92,20 @@ var Dropdown = function Dropdown(props) {
     return container;
   };
 
+  React__default.useEffect(function () {
+    return function () {
+      if (popupRef.current) popupRef.current.style.position = '';
+    };
+  }, []);
   return jsx(RcDropdown, Object.assign({}, props, {
-    prefixCls: 'paraui-dropdown',
+    prefixCls: "".concat($rcPrefixCls, "-dropdown"),
+    overlayClassName: clsx("".concat($prefixCls, "-dropdown"), props.overlayClassName),
     animation: "slide-up",
     align: {
       offset: getDropdownOffset(props.placement)
     },
-    getPopupContainer: getPopupContainer
+    getPopupContainer: getPopupContainer,
+    ref: wrapRef
   }, {
     children: props.children
   }));

package/Empty/index.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
-import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-af9a2af6.js';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import 'react';
 import '@para-ui/core/GlobalContext';
 
@@ -565,7 +566,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-empty {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-empty-image img {\n  width: 100%;\n}\n.paraui-empty-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-empty-description-refresh {\n  display: inline-block;\n}\n.paraui-empty-description-refresh span {\n  color: rgb(54, 102, 214);\n  cursor: pointer;\n}\n.paraui-empty > .paraui-empty-image {\n  line-height: 0;\n}\n.paraui-empty-large .paraui-empty-description {\n  margin-top: 24px;\n}\n.paraui-empty-small .paraui-empty-description {\n  margin-top: 12px;\n  font-size: 12px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-empty {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v3-empty > .empty-image {\n  line-height: 0;\n}\n.paraui-v3-empty > .empty-image img {\n  width: 100%;\n}\n.paraui-v3-empty > .empty-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-empty > .empty-description > .empty-description-refresh {\n  display: inline-block;\n}\n.paraui-v3-empty > .empty-description > .empty-description-refresh span {\n  color: rgb(54, 102, 214);\n  cursor: pointer;\n}\n.paraui-v3-empty.paraui-v3-empty-large > .empty-description {\n  margin-top: 24px;\n}\n.paraui-v3-empty.paraui-v3-empty-small > .empty-description {\n  margin-top: 12px;\n  font-size: 12px;\n}";
 styleInject(css_248z);
 
 var imageMap = {
@@ -600,7 +601,7 @@ var Empty = function Empty(props) {
   var alt = typeof des === 'string' ? des : 'empty';
   var imageNode = null;
   var refreshNode = showRefresh ? jsxs("span", Object.assign({
-    className: 'paraui-empty-description-refresh'
+    className: 'empty-description-refresh'
   }, {
     children: [intl({
       id: 'click'
@@ -623,17 +624,17 @@ var Empty = function Empty(props) {
   }
 
   return jsx("div", Object.assign({
-    className: clsx('paraui-empty', className, "paraui-empty-".concat(size)),
+    className: clsx("".concat($prefixCls, "-empty"), className, "".concat($prefixCls, "-empty-").concat(size)),
     style: style
   }, {
     children: customEmpty ? customEmpty : jsxs(Fragment, {
       children: [jsx("div", Object.assign({
-        className: 'paraui-empty-image',
+        className: 'empty-image',
         style: imageStyle
       }, {
         children: imageNode
       })), des && jsxs("div", Object.assign({
-        className: 'paraui-empty-description'
+        className: 'empty-description'
       }, {
         children: [des, refreshNode]
       }))]

package/Form/index.js

@@ -3,7 +3,8 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, v as validate } from '../_verture/index-3d26f6a5.js';
+import { F as FormItem, v as validate } from '../_verture/index-cc4c83b8.js';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import '../TextField/index.js';
 import '../_verture/typeof-498dd2b1.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -65,7 +66,7 @@ import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '@para-ui/icons/Left';
 import '@para-ui/icons/Right';
-import '../_verture/index-ce3860a0.js';
+import '../_verture/index-cf5bf211.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
@@ -347,10 +348,10 @@ var Form = function Form(props) {
     }
   }, [form]);
   return jsx("form", Object.assign({}, FormProps, {
-    className: 'paraui-form'
+    className: "".concat($prefixCls, "-form")
   }, {
     children: jsx("div", Object.assign({
-      className: "para-form-content ".concat(className)
+      className: "form-content ".concat(className)
     }, {
       children: itemsConfig && itemsConfig.length > 0 && itemsConfig.map(function (item, idx) {
         // 不显示则提前保存最后值
@@ -368,7 +369,7 @@ var Form = function Form(props) {
         }, item, {
           backData: refData.current.allValues,
           setValue: setValue
-        }), "para-form-item-".concat(idx, "-").concat(refresh));
+        }), "form-item-".concat(idx, "-").concat(refresh));
       })
     }))
   }));

package/FormItem/compoments/formFile/index.d.ts

@@ -3,36 +3,36 @@ import { ButtonProps } from "../../../Button";
 import './index.scss';
 export interface FormFileProps {
     /**
-    * 禁用
-    */
+     * 禁用
+     */
     disabled?: boolean;
     /**
-    * 文件类型 可接受字符串 或数组
-    */
+     * 文件类型 可接受字符串 或数组
+     */
     fileType?: string | Array<string>;
     /**
-    * 按钮名称 默认 选择文件
-    */
+     * 按钮名称 默认 选择文件
+     */
     buttonLabel?: string;
     /**
-    * 值改变传出
-    */
+     * 值改变传出
+     */
     onChange?: (value: FileList) => any;
     /**
-    * 默认值
-    */
+     * 默认值
+     */
     defaultValue?: string | FileList;
     /**
-    * input 其他属性
-    */
+     * input 其他属性
+     */
     inputProps?: InputHTMLAttributes<HTMLInputElement>;
     /**
-    * 按钮配置
-    */
+     * 按钮配置
+     */
     buttonProps?: ButtonProps;
 }
 /**
-* 文件组件
-*/
+ * 文件组件
+ */
 declare const FormFile: FC<FormFileProps>;
 export default FormFile;

package/FormItem/index.d.ts

@@ -56,12 +56,12 @@ export interface FormItemProps {
      */
     inputProps?: inputProps;
     /**
-    * label props
-    */
+     * label props
+     */
     labelProps?: LabelProps;
     /**
-    * 报错提示其他配置
-    */
+     * 报错提示其他配置
+     */
     helperTextProps?: HelperTextProps;
     /**
      * 文字宽度， 只对 type === vertical，状态下生效
@@ -88,12 +88,12 @@ export interface FormItemProps {
      */
     label?: string | ((props: FormItemProps) => ReactNode);
     /**
-    * 隐藏 label
-    */
+     * 隐藏 label
+     */
     hideLabel?: boolean;
     /**
-    * 隐藏 error
-    */
+     * 隐藏 error
+     */
     hideError?: boolean;
     /**
      * name，一般对应后台属性，需要唯一性
@@ -118,29 +118,29 @@ export interface FormItemProps {
         [name: string]: any;
     };
     /**
-    * 是否启用必填框，不允许输入纯空格
-    */
+     * 是否启用必填框，不允许输入纯空格
+     */
     disOnlySpace?: boolean;
     /**
-    * 必填显示渲染方式
-    */
+     * 必填显示渲染方式
+     */
     requiredElement?: ReactElement | string;
     /**
-    * 隐藏默认必填标记
-    */
+     * 隐藏默认必填标记
+     */
     disRequiredElement?: boolean;
     /**
      * 其他配置
      */
     [name: string]: any;
     /**
-    * 自定义class
-    */
+     * 自定义class
+     */
     className?: string;
     /**
-    * 默认值
-    * 会被backData，回填数据替换
-    */
+     * 默认值
+     * 会被backData，回填数据替换
+     */
     defaultValue?: any;
 }
 /**

package/FormItem/index.js

@@ -1,8 +1,9 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-3d26f6a5.js';
+export { F as default } from '../_verture/index-cc4c83b8.js';
 import 'clsx';
 import '../Label/index.js';
+import '../_verture/constant-bf34e6fa.js';
 import '../_verture/slicedToArray-d7722f4b.js';
 import '../TextField/index.js';
 import '../_verture/typeof-498dd2b1.js';
@@ -65,7 +66,7 @@ import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '@para-ui/icons/Left';
 import '@para-ui/icons/Right';
-import '../_verture/index-ce3860a0.js';
+import '../_verture/index-cf5bf211.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/FunctionModal/index.js

@@ -1,5 +1,5 @@
-import { u as useModal } from '../_verture/modalContext-fc19f4ae.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-fc19f4ae.js';
+import { u as useModal } from '../_verture/modalContext-95c3fc87.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-95c3fc87.js';
 import '../_verture/toConsumableArray-f8047a75.js';
 import '../_verture/slicedToArray-d7722f4b.js';
 import '../_verture/index-342379c6.js';
@@ -17,6 +17,7 @@ import '@para-ui/icons/Forbid';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
+import '../_verture/constant-bf34e6fa.js';
 import '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/Down';
 import '../Dropdown/index.js';

package/GlobalContext/componentsProps.d.ts

@@ -8,12 +8,14 @@ import { TextFieldProps } from "../TextField";
 import { TableProps } from "../Table/interface";
 import { EmptyProps } from "../Empty";
 import { QueryingProps } from "../Querying";
+import { SelectorProps } from "../Selector/interface";
 interface ComponentsProps {
     Select?: Partial<SelectProps>;
     TextField?: Partial<TextFieldProps>;
     Table?: Partial<TableProps>;
     Empty?: Partial<EmptyProps>;
     Querying?: Partial<QueryingProps>;
+    Selector?: Partial<SelectorProps>;
     [name: string]: any;
 }
 export default ComponentsProps;

package/GlobalContext/constant.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @author linhd
+ * @date 2022/8/12 5:27 PM
+ * @description 全局变量
+ */
+/** 组件全局class前缀 */
+export declare const $prefixCls = "paraui-v3";
+export declare const $rcPrefixCls = "component";

package/Help/index.js

@@ -3,13 +3,14 @@ import { jsx } from 'react/jsx-runtime';
 import { Tooltip } from '../Tooltip/index.js';
 import HelpIcon from '@para-ui/icons/Help';
 import clsx from 'clsx';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/slicedToArray-d7722f4b.js';
 import 'react';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/12/2 下午8:14\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-help {\n  display: inline-block;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-help:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-help .paraui-icon {\n  font-size: inherit;\n  color: inherit;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/12/2 下午8:14\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-help {\n  display: inline-block;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-help:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-help svg {\n  font-size: inherit;\n  color: inherit;\n}";
 styleInject(css_248z);
 
 var Help = function Help(props) {
@@ -29,7 +30,7 @@ var Help = function Help(props) {
     placement: placement
   }, restProps, {
     children: jsx("span", Object.assign({
-      className: clsx('paraui-help', className)
+      className: clsx($prefixCls + '-help', className)
     }, {
       children: children || jsx(HelpIcon, {})
     }))

package/HelperText/index.d.ts

@@ -5,15 +5,19 @@
  */
 import React, { FunctionComponent, ReactNode } from 'react';
 import './index.scss';
-export interface HelperTextProps {
-    /** 样式class */
-    className?: string;
-    /** style */
-    style?: React.CSSProperties;
+export interface HelperTextDetailProps {
+    /** 没有错误的时候,不渲染 */
+    hideErrorDom?: boolean;
     /** 是否显示错误 */
     error?: boolean;
     /** 错误提示 */
     helperText?: ReactNode;
 }
+export interface HelperTextProps extends HelperTextDetailProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+}
 declare const HelperText: FunctionComponent<HelperTextProps>;
 export default HelperText;

package/HelperText/index.js

@@ -1,7 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 表单错误提示\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-helper-text {\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: 12px;\n  font-weight: 400;\n  padding-left: 12px;\n  line-height: 20px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-helper-text.paraui-helper-text-error {\n  color: rgb(235, 96, 84);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 表单错误提示\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-helper-text {\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: 12px;\n  font-weight: 400;\n  padding-left: 12px;\n  line-height: 20px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-helper-text.paraui-v3-helper-text-error {\n  color: rgb(235, 96, 84);\n}";
 styleInject(css_248z);
 
 var HelperText = function HelperText(props) {
@@ -9,12 +10,16 @@ var HelperText = function HelperText(props) {
       style = props.style,
       _props$error = props.error,
       error = _props$error === void 0 ? false : _props$error,
-      helperText = props.helperText; // 处理class
+      _props$hideErrorDom = props.hideErrorDom,
+      hideErrorDom = _props$hideErrorDom === void 0 ? false : _props$hideErrorDom,
+      helperText = props.helperText; // 不存在错误,且没有错误隐藏错误dom
+
+  if (!error && hideErrorDom) return null; // 处理class
 
   var handClass = function handClass() {
-    var str = 'paraui-helper-text';
+    var str = "".concat($prefixCls, "-helper-text");
     if (className) str += ' ' + className;
-    if (error) str += ' paraui-helper-text-error';
+    if (error) str += " ".concat($prefixCls, "-helper-text-error");
     return str;
   };
 

package/InputLang/index.d.ts

@@ -4,12 +4,13 @@
  * @description 国际化输入框
  */
 import React, { FunctionComponent, ReactNode } from 'react';
+import { HelperTextDetailProps } from '../HelperText';
 import { LabelTooltipProps } from "../Label";
 import './index.scss';
 interface valueProps {
     [name: string]: string;
 }
-export interface InputLangProps {
+export interface InputLangProps extends HelperTextDetailProps {
     /** 样式class */
     className?: string;
     /** style */
@@ -28,10 +29,6 @@ export interface InputLangProps {
     placeholderValue?: string;
     /** 是否禁用 */
     disabled?: boolean;
-    /** 是否错误模式 */
-    error?: boolean;
-    /** 错误文本 */
-    helperText?: ReactNode;
     /** 是否必填 */
     required?: boolean;
     /** 弹出框样式class */