@para-ui/core 3.0.1 → 3.0.3

package/ParauiProvider/index.js

@@ -7,7 +7,7 @@ import { i as i18nIntl } from '../_verture/intl-336570e4.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 
-var css_248z = "@charset \"UTF-8\";\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: rgba(46, 55, 67, 0.4);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-corner {\n  background: rgb(236, 238, 240);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: rgba(171, 176, 185, 0.4);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: rgba(171, 176, 185, 0.4);\n}\n\n::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgba(46, 55, 67, 0.4);\n}\n\n.paraui-scrollbar-small *::-webkit-scrollbar, .paraui-scrollbar-small::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.paraui-scrollbar-small *::-webkit-scrollbar-track, .paraui-scrollbar-small::-webkit-scrollbar-track {\n  border-radius: 4px;\n}\n.paraui-scrollbar-small *::-webkit-scrollbar-thumb, .paraui-scrollbar-small::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n}\n\n.paraui-scrollbar-small-deep * ::-webkit-scrollbar, .paraui-scrollbar-small-deep ::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n  background-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-scrollbar-small-deep * ::-webkit-scrollbar-track, .paraui-scrollbar-small-deep ::-webkit-scrollbar-track {\n  border-radius: 4px;\n}\n.paraui-scrollbar-small-deep * ::-webkit-scrollbar-thumb, .paraui-scrollbar-small-deep ::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background: rgba(248, 249, 251, 0.8);\n}\n.paraui-scrollbar-small-deep * ::-webkit-scrollbar-corner, .paraui-scrollbar-small-deep ::-webkit-scrollbar-corner {\n  background: rgb(79, 89, 105);\n}\n.paraui-scrollbar-small-deep * ::-webkit-scrollbar-thumb:hover, .paraui-scrollbar-small-deep ::-webkit-scrollbar-thumb:hover {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-scrollbar-small-deep * ::-webkit-scrollbar-thumb:active, .paraui-scrollbar-small-deep ::-webkit-scrollbar-thumb:active {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-scrollbar-small-deep * ::-webkit-scrollbar-thumb:window-inactive, .paraui-scrollbar-small-deep ::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgba(248, 249, 251, 0.8);\n}\n\n.paraui-scrollbar-medium *::-webkit-scrollbar, .paraui-scrollbar-medium::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.paraui-scrollbar-medium *::-webkit-scrollbar-track, .paraui-scrollbar-medium::-webkit-scrollbar-track {\n  border-radius: 6px;\n}\n.paraui-scrollbar-medium *::-webkit-scrollbar-thumb, .paraui-scrollbar-medium::-webkit-scrollbar-thumb {\n  border-radius: 6px;\n}\n\n.paraui-scrollbar-medium-deep * ::-webkit-scrollbar, .paraui-scrollbar-medium-deep ::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n  background-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-scrollbar-medium-deep * ::-webkit-scrollbar-track, .paraui-scrollbar-medium-deep ::-webkit-scrollbar-track {\n  border-radius: 6px;\n}\n.paraui-scrollbar-medium-deep * ::-webkit-scrollbar-thumb, .paraui-scrollbar-medium-deep ::-webkit-scrollbar-thumb {\n  border-radius: 6px;\n  background: rgba(248, 249, 251, 0.8);\n}\n.paraui-scrollbar-medium-deep * ::-webkit-scrollbar-corner, .paraui-scrollbar-medium-deep ::-webkit-scrollbar-corner {\n  background: rgb(79, 89, 105);\n}\n.paraui-scrollbar-medium-deep * ::-webkit-scrollbar-thumb:hover, .paraui-scrollbar-medium-deep ::-webkit-scrollbar-thumb:hover {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-scrollbar-medium-deep * ::-webkit-scrollbar-thumb:active, .paraui-scrollbar-medium-deep ::-webkit-scrollbar-thumb:active {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-scrollbar-medium-deep * ::-webkit-scrollbar-thumb:window-inactive, .paraui-scrollbar-medium-deep ::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgba(248, 249, 251, 0.8);\n}\n\n.paraui-scrollbar-large *::-webkit-scrollbar, .paraui-scrollbar-large::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n.paraui-scrollbar-large *::-webkit-scrollbar-track, .paraui-scrollbar-large::-webkit-scrollbar-track {\n  border-radius: 8px;\n}\n.paraui-scrollbar-large *::-webkit-scrollbar-thumb, .paraui-scrollbar-large::-webkit-scrollbar-thumb {\n  border-radius: 8px;\n}\n\n.paraui-scrollbar-large-deep * ::-webkit-scrollbar, .paraui-scrollbar-large-deep ::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n  background-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-scrollbar-large-deep * ::-webkit-scrollbar-track, .paraui-scrollbar-large-deep ::-webkit-scrollbar-track {\n  border-radius: 8px;\n}\n.paraui-scrollbar-large-deep * ::-webkit-scrollbar-thumb, .paraui-scrollbar-large-deep ::-webkit-scrollbar-thumb {\n  border-radius: 8px;\n  background: rgba(248, 249, 251, 0.8);\n}\n.paraui-scrollbar-large-deep * ::-webkit-scrollbar-corner, .paraui-scrollbar-large-deep ::-webkit-scrollbar-corner {\n  background: rgb(79, 89, 105);\n}\n.paraui-scrollbar-large-deep * ::-webkit-scrollbar-thumb:hover, .paraui-scrollbar-large-deep ::-webkit-scrollbar-thumb:hover {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-scrollbar-large-deep * ::-webkit-scrollbar-thumb:active, .paraui-scrollbar-large-deep ::-webkit-scrollbar-thumb:active {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-scrollbar-large-deep * ::-webkit-scrollbar-thumb:window-inactive, .paraui-scrollbar-large-deep ::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgba(248, 249, 251, 0.8);\n}\n\n.paraui-form .paraui-helper-text {\n  min-height: 20px;\n}\n\n* {\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  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\nhtml, body {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\nol, ul {\n  list-style: none;\n}\n\na,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\nselect,\nbutton,\ntextarea {\n  outline: none;\n}";
+var css_248z = "@charset \"UTF-8\";\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\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::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n\n::-webkit-scrollbar-track {\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n  background: rgba(46, 55, 67, 0.4);\n  border-radius: 6px;\n}\n\n::-webkit-scrollbar-corner {\n  background: rgb(236, 238, 240);\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: rgba(171, 176, 185, 0.4);\n}\n\n::-webkit-scrollbar-thumb:active {\n  background: rgba(171, 176, 185, 0.4);\n}\n\n::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgba(46, 55, 67, 0.4);\n}\n\n.paraui-v3-scrollbar-small *::-webkit-scrollbar, .paraui-v3-scrollbar-small::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n}\n.paraui-v3-scrollbar-small *::-webkit-scrollbar-track, .paraui-v3-scrollbar-small::-webkit-scrollbar-track {\n  border-radius: 4px;\n}\n.paraui-v3-scrollbar-small *::-webkit-scrollbar-thumb, .paraui-v3-scrollbar-small::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n}\n\n.paraui-v3-scrollbar-small-deep * ::-webkit-scrollbar, .paraui-v3-scrollbar-small-deep ::-webkit-scrollbar {\n  width: 4px;\n  height: 4px;\n  background-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-scrollbar-small-deep * ::-webkit-scrollbar-track, .paraui-v3-scrollbar-small-deep ::-webkit-scrollbar-track {\n  border-radius: 4px;\n}\n.paraui-v3-scrollbar-small-deep * ::-webkit-scrollbar-thumb, .paraui-v3-scrollbar-small-deep ::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background: rgba(248, 249, 251, 0.8);\n}\n.paraui-v3-scrollbar-small-deep * ::-webkit-scrollbar-corner, .paraui-v3-scrollbar-small-deep ::-webkit-scrollbar-corner {\n  background: rgb(79, 89, 105);\n}\n.paraui-v3-scrollbar-small-deep * ::-webkit-scrollbar-thumb:hover, .paraui-v3-scrollbar-small-deep ::-webkit-scrollbar-thumb:hover {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-scrollbar-small-deep * ::-webkit-scrollbar-thumb:active, .paraui-v3-scrollbar-small-deep ::-webkit-scrollbar-thumb:active {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-scrollbar-small-deep * ::-webkit-scrollbar-thumb:window-inactive, .paraui-v3-scrollbar-small-deep ::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgba(248, 249, 251, 0.8);\n}\n\n.paraui-v3-scrollbar-medium *::-webkit-scrollbar, .paraui-v3-scrollbar-medium::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.paraui-v3-scrollbar-medium *::-webkit-scrollbar-track, .paraui-v3-scrollbar-medium::-webkit-scrollbar-track {\n  border-radius: 6px;\n}\n.paraui-v3-scrollbar-medium *::-webkit-scrollbar-thumb, .paraui-v3-scrollbar-medium::-webkit-scrollbar-thumb {\n  border-radius: 6px;\n}\n\n.paraui-v3-scrollbar-medium-deep * ::-webkit-scrollbar, .paraui-v3-scrollbar-medium-deep ::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n  background-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-scrollbar-medium-deep * ::-webkit-scrollbar-track, .paraui-v3-scrollbar-medium-deep ::-webkit-scrollbar-track {\n  border-radius: 6px;\n}\n.paraui-v3-scrollbar-medium-deep * ::-webkit-scrollbar-thumb, .paraui-v3-scrollbar-medium-deep ::-webkit-scrollbar-thumb {\n  border-radius: 6px;\n  background: rgba(248, 249, 251, 0.8);\n}\n.paraui-v3-scrollbar-medium-deep * ::-webkit-scrollbar-corner, .paraui-v3-scrollbar-medium-deep ::-webkit-scrollbar-corner {\n  background: rgb(79, 89, 105);\n}\n.paraui-v3-scrollbar-medium-deep * ::-webkit-scrollbar-thumb:hover, .paraui-v3-scrollbar-medium-deep ::-webkit-scrollbar-thumb:hover {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-scrollbar-medium-deep * ::-webkit-scrollbar-thumb:active, .paraui-v3-scrollbar-medium-deep ::-webkit-scrollbar-thumb:active {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-scrollbar-medium-deep * ::-webkit-scrollbar-thumb:window-inactive, .paraui-v3-scrollbar-medium-deep ::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgba(248, 249, 251, 0.8);\n}\n\n.paraui-v3-scrollbar-large *::-webkit-scrollbar, .paraui-v3-scrollbar-large::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n.paraui-v3-scrollbar-large *::-webkit-scrollbar-track, .paraui-v3-scrollbar-large::-webkit-scrollbar-track {\n  border-radius: 8px;\n}\n.paraui-v3-scrollbar-large *::-webkit-scrollbar-thumb, .paraui-v3-scrollbar-large::-webkit-scrollbar-thumb {\n  border-radius: 8px;\n}\n\n.paraui-v3-scrollbar-large-deep * ::-webkit-scrollbar, .paraui-v3-scrollbar-large-deep ::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n  background-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-scrollbar-large-deep * ::-webkit-scrollbar-track, .paraui-v3-scrollbar-large-deep ::-webkit-scrollbar-track {\n  border-radius: 8px;\n}\n.paraui-v3-scrollbar-large-deep * ::-webkit-scrollbar-thumb, .paraui-v3-scrollbar-large-deep ::-webkit-scrollbar-thumb {\n  border-radius: 8px;\n  background: rgba(248, 249, 251, 0.8);\n}\n.paraui-v3-scrollbar-large-deep * ::-webkit-scrollbar-corner, .paraui-v3-scrollbar-large-deep ::-webkit-scrollbar-corner {\n  background: rgb(79, 89, 105);\n}\n.paraui-v3-scrollbar-large-deep * ::-webkit-scrollbar-thumb:hover, .paraui-v3-scrollbar-large-deep ::-webkit-scrollbar-thumb:hover {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-scrollbar-large-deep * ::-webkit-scrollbar-thumb:active, .paraui-v3-scrollbar-large-deep ::-webkit-scrollbar-thumb:active {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-scrollbar-large-deep * ::-webkit-scrollbar-thumb:window-inactive, .paraui-v3-scrollbar-large-deep ::-webkit-scrollbar-thumb:window-inactive {\n  background-color: rgba(248, 249, 251, 0.8);\n}\n\n.paraui-v3-form .paraui-v3-helper-text {\n  min-height: 20px;\n}\n\n* {\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  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\nhtml, body {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\nol, ul {\n  list-style: none;\n}\n\na,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ninput,\nselect,\nbutton,\ntextarea {\n  outline: none;\n}";
 styleInject(css_248z);
 
 var ParauiProvider = function ParauiProvider(props) {

package/PopConfirm/index.js

@@ -10,6 +10,7 @@ import { Button } from '../Button/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import clsx from 'clsx';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
+import { $ 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';
@@ -36,7 +37,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午1:44\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-popconfirm {\n  position: absolute;\n  max-width: 600px;\n  padding: 0;\n  font-size: 14px;\n  color: initial;\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-popconfirm .paraui-tooltip-inner {\n  min-width: auto;\n  min-height: auto;\n  padding: 0;\n  color: initial;\n  background-color: transparent;\n}\n.paraui-popconfirm .popconfirm-wrapper {\n  min-width: 350px;\n  padding: 24px;\n}\n.paraui-popconfirm .popconfirm-wrapper .popconfirm-message {\n  position: relative;\n}\n.paraui-popconfirm .popconfirm-wrapper .popconfirm-message-icon {\n  position: absolute;\n  top: 2px;\n  color: rgb(255, 161, 80);\n  line-height: 0;\n  font-size: 16px;\n}\n.paraui-popconfirm .popconfirm-wrapper .popconfirm-message-icon svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-popconfirm .popconfirm-wrapper .popconfirm-message-body {\n  padding-left: 24px;\n  line-height: 20px;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-popconfirm .popconfirm-wrapper .popconfirm-message-title {\n  font-weight: 700;\n}\n.paraui-popconfirm .popconfirm-wrapper .popconfirm-message-content {\n  font-weight: 400;\n  margin-top: 13px;\n}\n.paraui-popconfirm .popconfirm-wrapper .popconfirm-btns {\n  margin-top: 32px;\n  text-align: right;\n}\n.paraui-popconfirm .popconfirm-wrapper .popconfirm-btns > button + button {\n  margin-left: 16px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午1:44\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-popconfirm {\n  position: absolute;\n  max-width: 600px;\n  padding: 0;\n  font-size: 14px;\n  color: initial;\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-popconfirm.paraui-v3-tooltip .component-tooltip-inner {\n  min-width: auto;\n  min-height: auto;\n  padding: 0;\n  color: initial;\n  background-color: transparent;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper {\n  min-width: 350px;\n  padding: 24px;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message {\n  position: relative;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-icon {\n  position: absolute;\n  top: 2px;\n  color: rgb(255, 161, 80);\n  line-height: 0;\n  font-size: 16px;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-icon svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-body {\n  padding-left: 24px;\n  line-height: 20px;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-title {\n  font-weight: 700;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-content {\n  font-weight: 400;\n  margin-top: 13px;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-btns {\n  margin-top: 32px;\n  text-align: right;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-btns > button + button {\n  margin-left: 16px;\n}";
 styleInject(css_248z);
 
 var iconMapping = {
@@ -182,7 +183,7 @@ var PopConfirm = function PopConfirm(props) {
     placement: placement,
     title: renderOverlay(),
     onVisibleChange: onVisibleChange,
-    overlayClassName: clsx('paraui-popconfirm', overlayClassName, className)
+    overlayClassName: clsx("".concat($prefixCls, "-popconfirm"), overlayClassName, className)
   }, {
     children: children
   }));

package/Popover/index.js

@@ -2,13 +2,14 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import { Tooltip } from '../Tooltip/index.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-bf34e6fa.js';
+import clsx from 'clsx';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/slicedToArray-d7722f4b.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
-import 'clsx';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/7 上午11:06\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-popover {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1500;\n  font-weight: 400;\n  white-space: normal;\n  text-align: left;\n  cursor: auto;\n  user-select: text;\n}\n.paraui-popover::after {\n  position: absolute;\n  background: rgba(255, 255, 255, 0.01);\n  content: \"\";\n}\n.paraui-popover-hidden {\n  display: none;\n}\n.paraui-popover-inner {\n  background-color: rgb(255, 255, 255);\n  background-clip: padding-box;\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.paraui-popover-title {\n  min-height: 32px;\n  margin: 0;\n  padding: 4px 16px;\n  color: rgb(46, 55, 67);\n  font-weight: 400;\n  border-bottom: 1px solid #f0f0f0;\n}\n.paraui-popover-inner-content {\n  color: rgb(46, 55, 67);\n}\n.paraui-popover-buttons {\n  margin-bottom: 4px;\n  text-align: right;\n}\n.paraui-popover-buttons button {\n  margin-left: 8px;\n}\n.paraui-popover-arrow {\n  position: absolute;\n  display: block;\n  width: 16px;\n  height: 16px;\n  overflow: hidden;\n  background: transparent;\n  pointer-events: none;\n}\n.paraui-popover-arrow-content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  width: 11.3137085px;\n  height: 11.3137085px;\n  margin: auto;\n  background-color: rgb(255, 255, 255);\n  content: \"\";\n  border-radius: 0 0 4px;\n  pointer-events: none;\n}\n.paraui-popover-arrow-content::before {\n  position: absolute;\n  top: -11.3137085px;\n  left: -11.3137085px;\n  width: 33.9411255px;\n  height: 33.9411255px;\n  background: rgb(255, 255, 255) -10px -10px no-repeat;\n  content: \"\";\n  -webkit-clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-popover-placement-top .paraui-popover-arrow, .paraui-popover-placement-topLeft .paraui-popover-arrow, .paraui-popover-placement-topRight .paraui-popover-arrow {\n  bottom: -0.6862915px;\n}\n.paraui-popover-placement-top .paraui-popover-arrow-content, .paraui-popover-placement-topLeft .paraui-popover-arrow-content, .paraui-popover-placement-topRight .paraui-popover-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(-1px) rotate(45deg);\n}\n.paraui-popover-placement-top .paraui-popover-arrow {\n  left: 50%;\n  transform: translateX(-50%);\n}\n.paraui-popover-placement-topLeft .paraui-popover-arrow {\n  left: 16px;\n}\n.paraui-popover-placement-topRight .paraui-popover-arrow {\n  right: 16px;\n}\n.paraui-popover-placement-right .paraui-popover-arrow, .paraui-popover-placement-rightTop .paraui-popover-arrow, .paraui-popover-placement-rightBottom .paraui-popover-arrow {\n  left: -0.6862915px;\n}\n.paraui-popover-placement-right .paraui-popover-arrow-content, .paraui-popover-placement-rightTop .paraui-popover-arrow-content, .paraui-popover-placement-rightBottom .paraui-popover-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(1px) rotate(135deg);\n}\n.paraui-popover-placement-right .paraui-popover-arrow {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-popover-placement-rightTop .paraui-popover-arrow {\n  top: 12px;\n}\n.paraui-popover-placement-rightBottom .paraui-popover-arrow {\n  bottom: 12px;\n}\n.paraui-popover-placement-bottom .paraui-popover-arrow, .paraui-popover-placement-bottomLeft .paraui-popover-arrow, .paraui-popover-placement-bottomRight .paraui-popover-arrow {\n  top: -0.6862915px;\n}\n.paraui-popover-placement-bottom .paraui-popover-arrow-content, .paraui-popover-placement-bottomLeft .paraui-popover-arrow-content, .paraui-popover-placement-bottomRight .paraui-popover-arrow-content {\n  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);\n  transform: translateY(1px) rotate(-135deg);\n}\n.paraui-popover-placement-bottom .paraui-popover-arrow {\n  left: 50%;\n  transform: translateX(-50%);\n}\n.paraui-popover-placement-bottomLeft .paraui-popover-arrow {\n  left: 16px;\n}\n.paraui-popover-placement-bottomRight .paraui-popover-arrow {\n  right: 16px;\n}\n.paraui-popover-placement-left .paraui-popover-arrow, .paraui-popover-placement-leftTop .paraui-popover-arrow, .paraui-popover-placement-leftBottom .paraui-popover-arrow {\n  right: -0.6862915px;\n}\n.paraui-popover-placement-left .paraui-popover-arrow-content, .paraui-popover-placement-leftTop .paraui-popover-arrow-content, .paraui-popover-placement-leftBottom .paraui-popover-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(-1px) rotate(-45deg);\n}\n.paraui-popover-placement-left .paraui-popover-arrow {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-popover-placement-leftTop .paraui-popover-arrow {\n  top: 12px;\n}\n.paraui-popover-placement-leftBottom .paraui-popover-arrow {\n  bottom: 12px;\n}\n\n.paraui-popover-zoom-big-enter,\n.paraui-popover-zoom-big-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-popover-zoom-big-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-popover-zoom-big-enter.paraui-popover-zoom-big-enter-active,\n.paraui-popover-zoom-big-appear.paraui-popover-zoom-big-appear-active {\n  animation-name: parauiPopoverZoomBigIn;\n  animation-play-state: running;\n}\n\n.paraui-popover-zoom-big-leave.paraui-popover-zoom-big-leave-active {\n  animation-name: parauiPopoverZoomBigOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.paraui-popover-zoom-big-enter,\n.paraui-popover-zoom-big-appear {\n  transform: scale(0);\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.paraui-popover-zoom-big-enter-prepare,\n.paraui-popover-zoom-big-appear-prepare {\n  transform: none;\n}\n\n.paraui-popover-zoom-big-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes parauiPopoverZoomBigIn {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes parauiPopoverZoomBigOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/7 上午11:06\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-popover {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1500;\n  font-weight: 400;\n  white-space: normal;\n  text-align: left;\n  cursor: auto;\n  user-select: text;\n}\n.paraui-v3-popover::after {\n  position: absolute;\n  background: rgba(255, 255, 255, 0.01);\n  content: \"\";\n}\n.paraui-v3-popover.component-popover-hidden {\n  display: none;\n}\n.paraui-v3-popover .component-popover-inner {\n  background-color: rgb(255, 255, 255);\n  background-clip: padding-box;\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-popover .component-popover-title {\n  min-height: 32px;\n  margin: 0;\n  padding: 4px 16px;\n  color: rgb(46, 55, 67);\n  font-weight: 400;\n  border-bottom: 1px solid #f0f0f0;\n}\n.paraui-v3-popover .component-popover-inner-content {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-popover .component-popover-buttons {\n  margin-bottom: 4px;\n  text-align: right;\n}\n.paraui-v3-popover .component-popover-buttons button {\n  margin-left: 8px;\n}\n.paraui-v3-popover .component-popover-arrow {\n  position: absolute;\n  display: none;\n  width: 16px;\n  height: 16px;\n  overflow: hidden;\n  background: transparent;\n  pointer-events: none;\n}\n.paraui-v3-popover .component-popover-arrow-content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  width: 11.3137085px;\n  height: 11.3137085px;\n  margin: auto;\n  background-color: rgb(255, 255, 255);\n  content: \"\";\n  border-radius: 0 0 4px;\n  pointer-events: none;\n}\n.paraui-v3-popover .component-popover-arrow-content::before {\n  position: absolute;\n  top: -11.3137085px;\n  left: -11.3137085px;\n  width: 33.9411255px;\n  height: 33.9411255px;\n  background: rgb(255, 255, 255) -10px -10px no-repeat;\n  content: \"\";\n  -webkit-clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-v3-popover.component-popover-placement-top .component-popover-arrow, .paraui-v3-popover.component-popover-placement-topLeft .component-popover-arrow, .paraui-v3-popover.component-popover-placement-topRight .component-popover-arrow {\n  bottom: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-top .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-topLeft .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-topRight .component-popover-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(-1px) rotate(45deg);\n}\n.paraui-v3-popover.component-popover-placement-top .component-popover-arrow {\n  left: 50%;\n  transform: translateX(-50%);\n}\n.paraui-v3-popover.component-popover-placement-topLeft .component-popover-arrow {\n  left: 16px;\n}\n.paraui-v3-popover.component-popover-placement-topRight .component-popover-arrow {\n  right: 16px;\n}\n.paraui-v3-popover.component-popover-placement-right .component-popover-arrow, .paraui-v3-popover.component-popover-placement-rightTop .component-popover-arrow, .paraui-v3-popover.component-popover-placement-rightBottom .component-popover-arrow {\n  left: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-right .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-rightTop .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-rightBottom .component-popover-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(1px) rotate(135deg);\n}\n.paraui-v3-popover.component-popover-placement-right .component-popover-arrow {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-v3-popover.component-popover-placement-rightTop .component-popover-arrow {\n  top: 12px;\n}\n.paraui-v3-popover.component-popover-placement-rightBottom .component-popover-arrow {\n  bottom: 12px;\n}\n.paraui-v3-popover.component-popover-placement-bottom .component-popover-arrow, .paraui-v3-popover.component-popover-placement-bottomLeft .component-popover-arrow, .paraui-v3-popover.component-popover-placement-bottomRight .component-popover-arrow {\n  top: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-bottom .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-bottomLeft .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-bottomRight .component-popover-arrow-content {\n  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);\n  transform: translateY(1px) rotate(-135deg);\n}\n.paraui-v3-popover.component-popover-placement-bottom .component-popover-arrow {\n  left: 50%;\n  transform: translateX(-50%);\n}\n.paraui-v3-popover.component-popover-placement-bottomLeft .component-popover-arrow {\n  left: 16px;\n}\n.paraui-v3-popover.component-popover-placement-bottomRight .component-popover-arrow {\n  right: 16px;\n}\n.paraui-v3-popover.component-popover-placement-left .component-popover-arrow, .paraui-v3-popover.component-popover-placement-leftTop .component-popover-arrow, .paraui-v3-popover.component-popover-placement-leftBottom .component-popover-arrow {\n  right: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-left .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-leftTop .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-leftBottom .component-popover-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(-1px) rotate(-45deg);\n}\n.paraui-v3-popover.component-popover-placement-left .component-popover-arrow {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-v3-popover.component-popover-placement-leftTop .component-popover-arrow {\n  top: 12px;\n}\n.paraui-v3-popover.component-popover-placement-leftBottom .component-popover-arrow {\n  bottom: 12px;\n}\n\n.component-popover-zoom-big-enter,\n.component-popover-zoom-big-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-popover-zoom-big-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-popover-zoom-big-enter.component-popover-zoom-big-enter-active,\n.component-popover-zoom-big-appear.component-popover-zoom-big-appear-active {\n  animation-name: componentPopoverZoomBigIn;\n  animation-play-state: running;\n}\n\n.component-popover-zoom-big-leave.component-popover-zoom-big-leave-active {\n  animation-name: componentPopoverZoomBigOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.component-popover-zoom-big-enter,\n.component-popover-zoom-big-appear {\n  transform: scale(0);\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.component-popover-zoom-big-enter-prepare,\n.component-popover-zoom-big-appear-prepare {\n  transform: none;\n}\n\n.component-popover-zoom-big-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentPopoverZoomBigIn {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes componentPopoverZoomBigOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
 var Popover = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
@@ -45,12 +46,14 @@ var Popover = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     });
   };
 
-  var prefixCls = 'paraui-popover';
+  var prefixCls = "".concat($rcPrefixCls, "-popover");
   return jsx(Tooltip, Object.assign({}, restProps, {
+    isPopover: true,
     prefixCls: prefixCls,
+    overlayClassName: clsx("".concat($prefixCls, "-popover"), props.overlayClassName),
     ref: ref,
     title: getOverlay(prefixCls),
-    transitionName: 'paraui-popover-zoom-big',
+    transitionName: "".concat($rcPrefixCls, "-popover-zoom-big"),
     getPopupContainer: getPopupContainer
   }));
 });

package/Progress/index.d.ts

@@ -43,6 +43,8 @@ export interface SuccessProps {
 export interface ProgressProps {
     /** 自定义样式名 **/
     className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
     /** 类型，可选 line circle dashboard **/
     type?: ProgressType;
     /** 百分比 **/

package/Progress/index.js

@@ -5,6 +5,7 @@ import CompleteIcon from '@para-ui/icons/CheckCircleF';
 import CloseCircleFilled from '@para-ui/icons/CloseCircleF';
 import Check from '@para-ui/icons/Check';
 import CloseIcon from '@para-ui/icons/Close';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 var Steps = function Steps(props) {
@@ -168,7 +169,7 @@ var Line = function Line(props) {
   }));
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-progress-line .progress-outer {\n  display: flex;\n  margin-right: 8px;\n  margin-bottom: 8px;\n}\n.paraui-progress-line .progress-outer .progress-inner {\n  width: 100%;\n}\n.paraui-progress-line .progress-outer .progress-inner .rc-progress-line {\n  height: 10px;\n  width: 100%;\n}\n.paraui-progress-line .progress-outer .progress-inner .steps-outer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.paraui-progress-line .progress-outer .progress-inner .steps-outer .steps-item {\n  flex-shrink: 0;\n  min-width: 2px;\n  margin-right: 2px;\n  background: #f3f3f3;\n  transition: all 0.3s;\n}\n.paraui-progress-line .progress-outer .progress-inner .steps-outer .steps-item-active {\n  background-color: rgb(54, 102, 214);\n}\n.paraui-progress-line .progress-outer .progress-inner .trail-bar {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  overflow: hidden;\n  vertical-align: middle;\n  background-color: rgba(171, 176, 185, 0.2);\n  border-radius: 100px;\n}\n.paraui-progress-line .progress-outer .progress-inner .trail-bar .active-bar {\n  position: relative;\n  background-color: rgb(54, 102, 214);\n  border-radius: 100px;\n  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;\n}\n.paraui-progress-line .progress-outer .progress-text {\n  min-width: 40px;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: left;\n  color: rgb(54, 102, 214);\n  margin-left: 12px;\n  white-space: nowrap;\n  vertical-align: middle;\n  word-break: normal;\n  display: flex;\n  align-items: center;\n}\n.paraui-progress-line .progress-outer .progress-text svg {\n  width: 14px;\n  height: 14px;\n  position: relative;\n  top: 2px;\n}\n.paraui-progress-line .progress-outer .progress-text svg.success {\n  color: rgb(83, 195, 27) !important;\n}\n.paraui-progress-line .progress-outer .progress-text svg.error {\n  color: rgb(235, 96, 84) !important;\n}\n.paraui-progress-circle, .paraui-progress-dashboard {\n  display: inline-block;\n  position: relative;\n  margin: 0 5px;\n}\n.paraui-progress-circle .progress-outer .progress-text, .paraui-progress-dashboard .progress-outer .progress-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  color: rgb(54, 102, 214);\n  font-size: 1em;\n  line-height: 1;\n  white-space: normal;\n  text-align: center;\n  transform: translate(-50%, -50%);\n}\n.paraui-progress-circle .progress-outer .progress-text svg, .paraui-progress-dashboard .progress-outer .progress-text svg {\n  width: 2em;\n  height: 2em;\n}\n.paraui-progress-circle .progress-outer .progress-text svg.success, .paraui-progress-dashboard .progress-outer .progress-text svg.success {\n  color: rgb(83, 195, 27) !important;\n}\n.paraui-progress-circle .progress-outer .progress-text svg.error, .paraui-progress-dashboard .progress-outer .progress-text svg.error {\n  color: rgb(235, 96, 84) !important;\n}\n.paraui-progress-success-status .progress-text {\n  color: rgb(83, 195, 27) !important;\n}\n.paraui-progress-exception-status .progress-text {\n  color: rgb(235, 96, 84) !important;\n}\n.paraui-progress-active-status .active-bar:before {\n  position: absolute;\n  inset: 0;\n  background: #fff;\n  border-radius: 10px;\n  opacity: 0;\n  -webkit-animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n  animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n  content: \"\";\n}\n\n@keyframes progress-active {\n  0% {\n    transform: translateX(-100%) scaleX(0);\n    opacity: 0.1;\n  }\n  20% {\n    transform: translateX(-100%) scaleX(0);\n    opacity: 0.5;\n  }\n  100% {\n    transform: translateX(0) scaleX(1);\n    opacity: 0;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\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-progress.paraui-v3-progress-line .progress-outer {\n  display: flex;\n  margin-right: 8px;\n  margin-bottom: 8px;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner {\n  width: 100%;\n  /*.component-progress-line {\n    height: 10px;\n    width: 100%;\n  }*/\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .steps-outer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .steps-outer .steps-item {\n  flex-shrink: 0;\n  min-width: 2px;\n  margin-right: 2px;\n  background: #f3f3f3;\n  transition: all 0.3s;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .steps-outer .steps-item-active {\n  background-color: rgb(54, 102, 214);\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .trail-bar {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  overflow: hidden;\n  vertical-align: middle;\n  background-color: rgba(171, 176, 185, 0.2);\n  border-radius: 100px;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .trail-bar .active-bar {\n  position: relative;\n  background-color: rgb(54, 102, 214);\n  border-radius: 100px;\n  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-text {\n  min-width: 40px;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: left;\n  color: rgb(54, 102, 214);\n  margin-left: 12px;\n  white-space: nowrap;\n  vertical-align: middle;\n  word-break: normal;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-text svg {\n  width: 14px;\n  height: 14px;\n  position: relative;\n  top: 2px;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-text svg.success {\n  color: rgb(83, 195, 27) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-text svg.error {\n  color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-circle, .paraui-v3-progress.paraui-v3-progress-dashboard {\n  display: inline-block;\n  position: relative;\n  margin: 0 5px;\n}\n.paraui-v3-progress.paraui-v3-progress-circle .progress-outer .progress-text, .paraui-v3-progress.paraui-v3-progress-dashboard .progress-outer .progress-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  color: rgb(54, 102, 214);\n  font-size: 1em;\n  line-height: 1;\n  white-space: normal;\n  text-align: center;\n  transform: translate(-50%, -50%);\n}\n.paraui-v3-progress.paraui-v3-progress-circle .progress-outer .progress-text svg, .paraui-v3-progress.paraui-v3-progress-dashboard .progress-outer .progress-text svg {\n  width: 2em;\n  height: 2em;\n}\n.paraui-v3-progress.paraui-v3-progress-circle .progress-outer .progress-text svg.success, .paraui-v3-progress.paraui-v3-progress-dashboard .progress-outer .progress-text svg.success {\n  color: rgb(83, 195, 27) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-circle .progress-outer .progress-text svg.error, .paraui-v3-progress.paraui-v3-progress-dashboard .progress-outer .progress-text svg.error {\n  color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-success-status .progress-text {\n  color: rgb(83, 195, 27) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-exception-status .progress-text {\n  color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-active-status .active-bar:before {\n  position: absolute;\n  inset: 0;\n  background: #fff;\n  border-radius: 10px;\n  opacity: 0;\n  -webkit-animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n  animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n  content: \"\";\n}\n\n@keyframes progress-active {\n  0% {\n    transform: translateX(-100%) scaleX(0);\n    opacity: 0.1;\n  }\n  20% {\n    transform: translateX(-100%) scaleX(0);\n    opacity: 0.5;\n  }\n  100% {\n    transform: translateX(0) scaleX(1);\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
 /** 进度条类型 **/
@@ -203,7 +204,8 @@ var strokeColorMap = {
 var Progress = function Progress(props) {
   var _props$type = props.type,
       type = _props$type === void 0 ? "line" : _props$type,
-      className = props.className;
+      className = props.className,
+      style = props.style;
       props.children;
       var status = props.status,
       _props$width = props.width,
@@ -219,7 +221,7 @@ var Progress = function Progress(props) {
       strokeColor = props.strokeColor,
       _props$gapDegree = props.gapDegree,
       gapDegree = _props$gapDegree === void 0 ? 75 : _props$gapDegree,
-      otherProps = __rest(props, ["type", "className", "children", "status", "width", "showInfo", "format", "success", "percent", "steps", "direction", "strokeColor", "gapDegree"]);
+      otherProps = __rest(props, ["type", "className", "style", "children", "status", "width", "showInfo", "format", "success", "percent", "steps", "direction", "strokeColor", "gapDegree"]);
   /**
    * 处理class
    * @return {string}
@@ -227,13 +229,13 @@ var Progress = function Progress(props) {
 
 
   var classString = function classString() {
-    var str = "paraui-progress paraui-progress-".concat(type || "default"); // 添加成功状态的class
+    var str = "".concat($prefixCls, "-progress ").concat($prefixCls, "-progress-").concat(type || "default"); // 添加成功状态的class
 
-    if (isSuccessStatus) str += " paraui-progress-success-status"; // 添加错误状态下的class
+    if (isSuccessStatus) str += " ".concat($prefixCls, "-progress-success-status"); // 添加错误状态下的class
 
-    if (status === "exception") str += " paraui-progress-exception-status"; // 添加active状态下的class
+    if (status === "exception") str += " ".concat($prefixCls, "-progress-exception-status"); // 添加active状态下的class
 
-    if (status === "active") str += " paraui-progress-active-status";
+    if (status === "active") str += " ".concat($prefixCls, "-progress-active-status");
     if (className) str += " " + className;
     return str;
   };
@@ -321,7 +323,8 @@ var Progress = function Progress(props) {
     strokeWidth: 6,
     trailWidth: 6,
     strokeColor: strokeColorVal(),
-    percent: renderPercent()
+    percent: renderPercent(),
+    prefixCls: "".concat($rcPrefixCls, "-progress")
   }, otherProps));
   /** 仪表盘 **/
 
@@ -336,7 +339,8 @@ var Progress = function Progress(props) {
   }, otherProps));
 
   return jsx("div", Object.assign({
-    className: classString()
+    className: classString(),
+    style: style
   }, {
     children: jsxs("div", Object.assign({
       className: "progress-outer"

package/Querying/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 { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-af9a2af6.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import 'react';
 import '@para-ui/core/GlobalContext';
 
@@ -704,7 +705,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-querying {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-querying-image img {\n  width: 100%;\n}\n.paraui-querying-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-querying > .paraui-querying-image {\n  line-height: 0;\n}\n.paraui-querying-large .paraui-querying-description {\n  margin-top: 24px;\n}\n.paraui-querying-small .paraui-querying-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-querying {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v3-querying > .querying-image {\n  line-height: 0;\n}\n.paraui-v3-querying > .querying-image img {\n  width: 100%;\n}\n.paraui-v3-querying > .querying-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-querying.paraui-v3-querying-large > .querying-description {\n  margin-top: 24px;\n}\n.paraui-v3-querying.paraui-v3-querying-small > .querying-description {\n  margin-top: 12px;\n  font-size: 12px;\n}";
 styleInject(css_248z);
 
 var imageMap = {
@@ -741,17 +742,17 @@ var Querying = function Querying(props) {
   }
 
   return jsx("div", Object.assign({
-    className: clsx('paraui-querying', className, "paraui-querying-".concat(size)),
+    className: clsx("".concat($prefixCls, "-querying"), className, "".concat($prefixCls, "-querying-").concat(size)),
     style: style
   }, {
     children: customQuerying ? customQuerying : jsxs(Fragment, {
       children: [jsx("div", Object.assign({
-        className: 'paraui-querying-image',
+        className: 'querying-image',
         style: imageStyle
       }, {
         children: imageNode
       })), des && jsx("div", Object.assign({
-        className: 'paraui-querying-description'
+        className: 'querying-description'
       }, {
         children: des
       }))]

package/README.md

@@ -1,3 +1,33 @@
+## 版本: 3.0.3
+
+     para-ui/core@3.0.3 发布
+         样式隔离问题已验证
+        【Table】修复表格第1页不显示问题
+        【Table】加载更多定位到底部
+        【Table】内容列新增自定义className
+        【Checkbox】修复选中样式错误
+        【Transfer】穿梭款补全状态,优化
+        【Tooltip】使用followCursor属性时，提示内容位于光标下方
+
+## 版本: 3.0.2
+
+     para-ui/core@3.0.2 发布
+         样式隔离问题已验证
+        【Selector】修改选择器搜索可以点击下级
+        【Tooltip】增加followCursor属性
+        【Upload.ImgCrop】裁剪时开启无限制拖动，增加fixedCropSize属性
+
+## 版本: 3.0.2-beta
+
+     para-ui/core@3.0.2-beta 发布
+        验证样式隔离问题
+        【AutoBox】修改下拉浮层
+        【Selector】选择器修改自定义id,数据渲染失败
+        【Table】表格新增记住列
+        【Table】修改表格表头样式
+        【Table】允许全局统一改变参数
+        【Table】加载表格的时候,获取本地储存的表格列信息,不过期,会重置过期时间。并且会删除掉已过期的其他表格记录本地表格列的信息
+
 ## 版本: 3.0.1
 
      para-ui/core@3.0.1 发布

package/Radio/index.js

@@ -2,6 +2,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import Label from '../Label/index.js';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../Help/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -11,7 +12,7 @@ import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '@para-ui/icons/Help';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-radio {\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  cursor: pointer;\n  display: inline-flex;\n  align-items: flex-start;\n  line-height: 16px;\n}\n.paraui-radio:hover > .paraui-radio-label {\n  color: rgba(54, 102, 214, 0.8);\n  cursor: pointer;\n}\n.paraui-radio:hover > .paraui-radio-label svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-radio:hover > .paraui-help > .paraui-radio-label {\n  color: rgba(54, 102, 214, 0.8);\n  cursor: pointer;\n}\n.paraui-radio:hover > .paraui-help > .paraui-radio-label svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-radio:hover > .paraui-radio-box > .paraui-radio-box-inner {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-radio > .paraui-radio-box {\n  position: relative;\n}\n.paraui-radio > .paraui-radio-box > input {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n.paraui-radio > .paraui-radio-box > .paraui-radio-box-inner {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n  background-color: white;\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 50%;\n}\n.paraui-radio > .paraui-radio-box > .paraui-radio-box-inner:after {\n  position: absolute;\n  display: table;\n  content: \" \";\n  transform: scale(1) translate(-50%, -50%);\n  background-color: white;\n  border-radius: 50%;\n  left: 50%;\n  top: 50%;\n}\n.paraui-radio > .paraui-radio-label {\n  color: rgb(46, 55, 67);\n  padding: 0 8px;\n  margin: 0;\n  display: inline-flex;\n  align-items: flex-start;\n}\n.paraui-radio > .paraui-radio-label > .paraui-help > svg {\n  top: 0;\n}\n.paraui-radio .paraui-label {\n  line-height: 16px;\n}\n.paraui-radio > .paraui-help {\n  padding: 0 8px;\n}\n.paraui-radio > .paraui-help > .paraui-radio-label {\n  color: rgb(46, 55, 67);\n  margin: 0;\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-radio.radio-checked > .paraui-radio-box > .paraui-radio-box-inner {\n  border-color: transparent;\n  background-color: rgb(54, 102, 214);\n}\n.paraui-radio.radio-checked:hover > .paraui-radio-box > .paraui-radio-box-inner {\n  border-color: transparent;\n  background-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-radio.radio-disabled {\n  cursor: not-allowed;\n}\n.paraui-radio.radio-disabled:hover > .paraui-radio-box > .paraui-radio-box-inner {\n  background-color: rgb(245, 246, 247);\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-radio-label {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-radio.radio-disabled > .paraui-radio-label svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-radio-box > input {\n  cursor: not-allowed;\n}\n.paraui-radio.radio-disabled > .paraui-radio-box > .paraui-radio-box-inner {\n  background-color: rgb(245, 246, 247);\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-radio-box > .paraui-radio-box-inner:after {\n  background-color: rgb(245, 246, 247);\n}\n.paraui-radio.radio-disabled.radio-checked > .paraui-radio-box > .paraui-radio-box-inner:after {\n  background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-help {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-radio.radio-disabled > .paraui-help > .paraui-radio-label {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-radio.radio-small > .paraui-radio-box {\n  top: 1px;\n}\n.paraui-radio.radio-small > .paraui-radio-box > .paraui-radio-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-radio.radio-small > .paraui-radio-box > .paraui-radio-box-inner:after {\n  width: 4px;\n  height: 4px;\n}\n.paraui-radio.radio-medium > .paraui-radio-box > .paraui-radio-box-inner {\n  width: 16px;\n  height: 16px;\n}\n.paraui-radio.radio-medium > .paraui-radio-box > .paraui-radio-box-inner:after {\n  width: 6px;\n  height: 6px;\n}\n.paraui-radio.radio-large > .paraui-radio-box > .paraui-radio-box-inner {\n  width: 16px;\n  height: 16px;\n}\n.paraui-radio.radio-large > .paraui-radio-box > .paraui-radio-box-inner:after {\n  width: 6px;\n  height: 6px;\n}";
+var css_248z = "@charset \"UTF-8\";\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-radio {\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  cursor: pointer;\n  display: inline-flex;\n  align-items: flex-start;\n  line-height: 16px;\n}\n.paraui-v3-radio:hover > .radio-label {\n  color: rgba(54, 102, 214, 0.8);\n  cursor: pointer;\n}\n.paraui-v3-radio:hover > .radio-label svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-radio:hover > .radio-help > .radio-label {\n  color: rgba(54, 102, 214, 0.8);\n  cursor: pointer;\n}\n.paraui-v3-radio:hover > .radio-help > .radio-label svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-radio:hover > .radio-box > .radio-box-inner {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-radio > .radio-box {\n  position: relative;\n}\n.paraui-v3-radio > .radio-box > input {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n.paraui-v3-radio > .radio-box > .radio-box-inner {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n  background-color: white;\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 50%;\n}\n.paraui-v3-radio > .radio-box > .radio-box-inner:after {\n  position: absolute;\n  display: table;\n  content: \" \";\n  transform: scale(1) translate(-50%, -50%);\n  background-color: white;\n  border-radius: 50%;\n  left: 50%;\n  top: 50%;\n}\n.paraui-v3-radio > .radio-label {\n  color: rgb(46, 55, 67);\n  padding: 0 8px;\n  margin: 0;\n  display: inline-flex;\n  align-items: flex-start;\n}\n.paraui-v3-radio > .radio-label > .radio-help > svg {\n  top: 0;\n}\n.paraui-v3-radio .radio-label {\n  line-height: 16px;\n}\n.paraui-v3-radio > .radio-help {\n  padding: 0 8px;\n  position: relative;\n  top: -1px;\n}\n.paraui-v3-radio > .radio-help > .radio-label {\n  color: rgb(46, 55, 67);\n  margin: 0;\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v3-radio.paraui-v3-radio-checked > .radio-box > .radio-box-inner {\n  border-color: transparent;\n  background-color: rgb(54, 102, 214);\n}\n.paraui-v3-radio.paraui-v3-radio-checked:hover > .radio-box > .radio-box-inner {\n  border-color: transparent;\n  background-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-radio.paraui-v3-radio-disabled:hover > .radio-box > .radio-box-inner {\n  background-color: rgb(245, 246, 247);\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-label {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-label svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-box > input {\n  cursor: not-allowed;\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-box > .radio-box-inner {\n  background-color: rgb(245, 246, 247);\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-box > .radio-box-inner:after {\n  background-color: rgb(245, 246, 247);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled.paraui-v3-radio-checked > .radio-box > .radio-box-inner:after {\n  background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-help {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-radio.paraui-v3-radio-disabled > .radio-help > .radio-label {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-radio.paraui-v3-radio-small > .radio-box {\n  top: 1px;\n}\n.paraui-v3-radio.paraui-v3-radio-small > .radio-box > .radio-box-inner {\n  width: 14px;\n  height: 14px;\n}\n.paraui-v3-radio.paraui-v3-radio-small > .radio-box > .radio-box-inner:after {\n  width: 4px;\n  height: 4px;\n}\n.paraui-v3-radio.paraui-v3-radio-medium > .radio-box > .radio-box-inner {\n  width: 16px;\n  height: 16px;\n}\n.paraui-v3-radio.paraui-v3-radio-medium > .radio-box > .radio-box-inner:after {\n  width: 6px;\n  height: 6px;\n}\n.paraui-v3-radio.paraui-v3-radio-large > .radio-box > .radio-box-inner {\n  width: 16px;\n  height: 16px;\n}\n.paraui-v3-radio.paraui-v3-radio-large > .radio-box > .radio-box-inner:after {\n  width: 6px;\n  height: 6px;\n}";
 styleInject(css_248z);
 
 var Radio = function Radio(props) {
@@ -51,16 +52,16 @@ var Radio = function Radio(props) {
 
 
   var handClass = function handClass() {
-    var str = 'paraui-radio';
+    var str = $prefixCls + '-radio';
     if (className) str += ' ' + className;
-    if (size) str += ' radio-' + size;
-    if (disabled) str += ' radio-disabled';
-    if (checkedCom) str += ' radio-checked';
+    if (size) str += " ".concat($prefixCls, "-radio-").concat(size);
+    if (disabled) str += " ".concat($prefixCls, "-radio-disabled");
+    if (checkedCom) str += " ".concat($prefixCls, "-radio-checked");
     return str;
   };
 
   var handLabelClass = function handLabelClass() {
-    var str = 'paraui-radio-label';
+    var str = 'radio-label';
 
     if (labelTooltip && labelTooltip.className) {
       str += ' ' + labelTooltip.className;
@@ -68,6 +69,18 @@ var Radio = function Radio(props) {
 
     return str;
   };
+  /** 处理帮组classNaem */
+
+
+  var handHelpClassName = function handHelpClassName() {
+    var str = ' radio-help';
+
+    if (labelTooltip && labelTooltip.helpClassName) {
+      str += ' ' + labelTooltip.helpClassName;
+    }
+
+    return str;
+  };
 
   return jsxs("label", Object.assign({
     className: handClass(),
@@ -75,17 +88,18 @@ var Radio = function Radio(props) {
     style: style
   }, {
     children: [jsxs("span", Object.assign({
-      className: "paraui-radio-box"
+      className: "radio-box"
     }, {
       children: [jsx("input", Object.assign({
         type: "radio",
         value: checkedCom
       }, props.inputProps)), jsx("span", {
-        className: "paraui-radio-box-inner"
+        className: "radio-box-inner"
       })]
     })), label !== undefined && label !== '' && label !== null ? jsx(Label, Object.assign({
       label: label
     }, labelTooltip, {
+      helpClassName: handHelpClassName(),
       className: handLabelClass()
     })) : null]
   }));

package/RadioGroup/index.d.ts

@@ -6,11 +6,12 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { RadioProps } from '../Radio';
 import { LabelTooltipProps } from "../Label";
+import { HelperTextDetailProps } from "../HelperText";
 import './index.scss';
 export interface RadioListProps extends RadioProps {
     [name: string]: any;
 }
-export interface RadioGroupProps {
+export interface RadioGroupProps extends HelperTextDetailProps {
     /** 样式class */
     className?: string;
     /** style */
@@ -27,10 +28,6 @@ export interface RadioGroupProps {
     row?: boolean;
     /** 是否禁用 */
     disabled?: boolean;
-    /** 是否显示错误 */
-    error?: boolean;
-    /** 错误提示 */
-    helperText?: ReactNode;
     /** 默认值 不受控 */
     defaultValue?: any;
     /** 默认值 */

package/RadioGroup/index.js

@@ -4,6 +4,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Radio } from '../Radio/index.js';
 import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../Help/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -13,7 +14,7 @@ import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '@para-ui/icons/Help';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-radio-group {\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  width: 100%;\n}\n.paraui-radio-group > .radio-group-content {\n  line-height: 0;\n}\n.paraui-radio-group.radio-group-column > .radio-group-content {\n  display: flex;\n  flex-direction: column;\n}\n.paraui-radio-group.radio-group-column > .radio-group-content > .paraui-radio {\n  margin-bottom: 8px;\n}\n.paraui-radio-group.radio-group-column > .radio-group-content > .paraui-radio:last-child {\n  margin-bottom: 0;\n}";
+var css_248z = "@charset \"UTF-8\";\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-radio-group {\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  width: 100%;\n}\n.paraui-v3-radio-group > .radio-group-label {\n  margin-bottom: 4px;\n}\n.paraui-v3-radio-group > .radio-group-content {\n  line-height: 0;\n}\n.paraui-v3-radio-group > .radio-group-content > .paraui-v3-radio {\n  margin-top: 8px;\n  margin-bottom: 4px;\n}\n.paraui-v3-radio-group.paraui-v3-radio-group-column > .radio-group-content {\n  display: flex;\n  flex-direction: column;\n}";
 styleInject(css_248z);
 
 var RadioGroup = function RadioGroup(props) {
@@ -33,6 +34,7 @@ var RadioGroup = function RadioGroup(props) {
       required = _props$required === void 0 ? false : _props$required,
       _props$error = props.error,
       error = _props$error === void 0 ? false : _props$error,
+      hideErrorDom = props.hideErrorDom,
       _props$helperText = props.helperText,
       helperText = _props$helperText === void 0 ? '' : _props$helperText,
       _props$id = props.id,
@@ -92,12 +94,12 @@ var RadioGroup = function RadioGroup(props) {
 
 
   var handClass = function handClass() {
-    var str = 'paraui-radio-group';
+    var str = $prefixCls + '-radio-group';
     if (className) str += ' ' + className;
-    if (size) str += ' radio-group-' + size;
-    if (error) str += ' radio-group-error';
-    if (disabled) str += ' radio-group-disabled';
-    if (row) str += ' radio-group-row';else str += ' radio-group-column';
+    if (size) str += " ".concat($prefixCls, "-radio-group-size");
+    if (error) str += " ".concat($prefixCls, "-radio-group-error");
+    if (disabled) str += " ".concat($prefixCls, "-radio-group-disabled");
+    if (row) str += " ".concat($prefixCls, "-radio-group-row");else str += " ".concat($prefixCls, "-radio-group-column");
     return str;
   };
 
@@ -120,7 +122,8 @@ var RadioGroup = function RadioGroup(props) {
     })), jsx(HelperText, {
       className: "radio-group-error-text",
       error: error,
-      helperText: helperText
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
     })]
   }));
 };

package/Search/index.js

@@ -4,6 +4,7 @@ import { useState, useEffect } from 'react';
 import { TextField } from '../TextField/index.js';
 import { Button } from '../Button/index.js';
 import SearchIcon from '@para-ui/icons/Search';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -30,7 +31,7 @@ import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
 import '../_verture/useFormatMessage-ac9d6acf.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-search {\n  display: flex;\n  width: 100%;\n}\n.paraui-search > .paraui-text-field {\n  padding: 0;\n}\n.paraui-search > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: none;\n  margin-right: 8px;\n}\n.paraui-search > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 16px;\n}\n.paraui-search > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon:hover > svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-search > .paraui-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 8px;\n}\n.paraui-search > .paraui-text-field > .text-field-content > .text-field-content-after {\n  padding: 0;\n  background-color: white;\n}\n.paraui-search > .paraui-text-field > .text-field-content > .text-field-content-after .paraui-button {\n  border: 0;\n}\n.paraui-search > .paraui-text-field > .paraui-helper-text {\n  display: none;\n}\n.paraui-search.paraui-search-right-icon-exist > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n}\n.paraui-search.paraui-search-value > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n}\n.paraui-search .paraui-button > .paraui-button-icon {\n  margin-right: 0;\n}\n.paraui-search .paraui-button > .paraui-button-icon > svg {\n  font-size: 16px;\n}\n.paraui-search .paraui-button > .paraui-button-label {\n  margin-left: 4px;\n}\n.paraui-search.search-outside > .paraui-button {\n  margin-left: 16px;\n}\n.paraui-search.search-inside .paraui-button {\n  padding: 0 8px;\n}\n.paraui-search.search-inside .paraui-button svg {\n  font-size: 20px;\n}\n.paraui-search.search-btntext .paraui-button svg {\n  font-size: 16px;\n}\n.paraui-search.search-small > .paraui-text-field > .text-field-content > .text-field-content-after .paraui-button {\n  height: 26px;\n}\n.paraui-search.search-small.search-inside.no-search-btntext .paraui-button svg {\n  font-size: 16px;\n}\n.paraui-search.search-small.paraui-search-right-icon-exist > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 16px;\n}\n.paraui-search.search-small.paraui-search-right-icon-exist > .paraui-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 4px;\n}\n.paraui-search.search-medium > .paraui-text-field > .text-field-content > .text-field-content-after .paraui-button {\n  height: 30px;\n}\n.paraui-search.search-medium.search-inside.no-search-btntext .paraui-button svg {\n  font-size: 18px;\n}\n.paraui-search.search-medium.paraui-search-right-icon-exist > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 18px;\n}\n.paraui-search.search-medium.paraui-search-right-icon-exist > .paraui-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 6px;\n}\n.paraui-search.search-large > .paraui-text-field > .text-field-content > .text-field-content-after .paraui-button {\n  height: 34px;\n}\n.paraui-search.search-large.search-inside.no-search-btntext .paraui-button svg {\n  font-size: 20px;\n}\n.paraui-search.search-large.paraui-search-right-icon-exist > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 20px;\n}\n.paraui-search.search-large.paraui-search-right-icon-exist > .paraui-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 8px;\n}";
+var css_248z = "@charset \"UTF-8\";\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-search {\n  display: flex;\n  width: 100%;\n}\n.paraui-v3-search > .search-text-field {\n  padding: 0;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: none;\n  margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon:hover > svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after {\n  padding: 0;\n  background-color: white;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  border: 0;\n}\n.paraui-v3-search.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n}\n.paraui-v3-search.paraui-v3-search-value > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon {\n  margin-right: 0;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-label {\n  margin-left: 4px;\n}\n.paraui-v3-search.paraui-v3-search-outside > .search-button {\n  margin-left: 16px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button {\n  padding: 0 8px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button svg {\n  font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-btntext .search-button svg {\n  font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  height: 26px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-inside.paraui-v3-search-no-btntext .search-button svg {\n  font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 4px;\n}\n.paraui-v3-search.paraui-v3-search-medium > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  height: 30px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-inside.search-no-btntext .search-button svg {\n  font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 6px;\n}\n.paraui-v3-search.paraui-v3-search-large > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  height: 34px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-inside.search-no-btntext .search-button svg {\n  font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 8px;\n}";
 styleInject(css_248z);
 
 var Search = function Search(props) {
@@ -150,6 +151,7 @@ var Search = function Search(props) {
   var buttonDom = function buttonDom() {
     if (showBtn && btnType === 'inside') {
       return jsx(Button, Object.assign({
+        className: 'search-button',
         size: size,
         startIcon: searchBtnIcon(),
         variant: 'outlined',
@@ -168,14 +170,14 @@ var Search = function Search(props) {
 
 
   var handClass = function handClass() {
-    var str = 'paraui-search';
+    var str = "".concat($prefixCls, "-search");
     if (className) str += ' ' + className;
-    if (size) str += ' search-' + size;
-    if (btnType) str += ' search-' + btnType;
-    if (showBtn) str += ' search-showbtn';
-    if (btnText) str += ' search-btntext';else str += ' no-search-btntext';
-    if (valueCom) str += ' paraui-search-value';
-    if (rightIconExist) str += ' paraui-search-right-icon-exist';
+    if (size) str += " ".concat($prefixCls, "-search-").concat(size);
+    if (btnType) str += " ".concat($prefixCls, "-search-").concat(btnType);
+    if (showBtn) str += " ".concat($prefixCls, "-search-showbtn");
+    if (btnText) str += " ".concat($prefixCls, "-search-btntext");else str += " ".concat($prefixCls, "-search-no-btntext");
+    if (valueCom) str += " ".concat($prefixCls, "-search-value");
+    if (rightIconExist) str += " ".concat($prefixCls, "-search-right-icon-exist");
     return str;
   };
 
@@ -192,10 +194,12 @@ var Search = function Search(props) {
     style: style
   }, {
     children: [jsx(TextField, {
+      className: 'search-text-field',
       size: size,
       placeholder: placeholder,
       value: handValue(),
       rightIcon: clearIcon(),
+      hideErrorDom: true,
       onClickIcon: clickRightIcon,
       onChange: changeInput,
       onBlur: onBlur,
@@ -207,6 +211,7 @@ var Search = function Search(props) {
       allowClear: allowClear,
       onClear: onClear
     }), showBtn && btnType === 'outside' && jsx(Button, Object.assign({
+      className: 'search-button',
       size: size,
       startIcon: searchBtnIcon(),
       variant: 'contained',