@para-ui/core 2.2.18 → 3.0.2-beta

package/Querying/lang/en_US.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
-    querying: string;
-};
-export default _default;
+declare const _default: {
+    querying: string;
+};
+export default _default;

package/Querying/lang/index.d.ts

@@ -1,9 +1,9 @@
-declare const _default: {
-    zh: {
-        querying: string;
-    };
-    en: {
-        querying: string;
-    };
-};
-export default _default;
+declare const _default: {
+    zh: {
+        querying: string;
+    };
+    en: {
+        querying: string;
+    };
+};
+export default _default;

package/Querying/lang/zh_CN.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
-    querying: string;
-};
-export default _default;
+declare const _default: {
+    querying: string;
+};
+export default _default;

package/README.md

@@ -1,69 +1,39 @@
-## 版本: 2.2.18
-
-     para-ui/core@2.2.18 发布
-       【Table】表格固定列,等分表格,在ie上面的兼容性
-
-## 版本: 2.2.17
-
-     para-ui/core@2.2.17 发布
-       【Menu】修改不传list,死循环
-       【PageHeader】修改不传list,死循环
-       【Selector】修改选择器回车搜索,不生效, 标签自定义
-       【Select,ComboSelect】增加 boundariesElemen 属性，默认值 window
-       【Drawer】修改内容布局样式
-       【ComboSelect】增加onClear属性
-       【ComboSelect】onTagRemove支持返回值bool类型，控制删除与取消
-
-## 版本: 2.2.16
-
-     para-ui/core@2.2.16 发布
-       【Cascader】增加自定义节点
-
-## 版本: 2.2.15
-
-     para-ui/core@2.2.15 发布
-       【ComboSelect】修复搜索时选中tag丢失问题
-
-## 版本: 2.2.14
-
-     para-ui/core@2.2.14 发布
-       【Table】加载表格的时候,获取本地储存的表格列信息,不过期,会重置过期时间。并且会删除掉已过期的其他表格记录本地表格列的信息
-       【ComboSelect】增加搜索框自动获取焦点
-       【ComboSelect】tag超出限制时悬浮显示
-       【Table】表格自定义渲染表头,暴露列信息
-
-## 版本: 2.2.13
-
-     para-ui/core@2.2.13 发布
-       【PopConfirm】修复可控组件初始时仍显示问题
-       【ComboSelect】增加 maxTagTextLength 属性，限制文本长度
-       【ComboSelect】支持清空搜索值且重置接口
-       【Selectot】选择器修改自定义id,数据渲染失败
-       【Table】表格新增记住列
-       【Table】修改表格表头样式
-       【Table】允许全局统一改变参数
-
-## 版本: 2.2.12
-
-     para-ui/core@2.2.12 发布
-       【TextField】输入框新增搜索暂无数据
-
-## 版本: 2.2.11
-
-     para-ui/core@2.2.11 发布
-       【Selector】新增选择器
-       【SelectorPicker】新增下拉选择器
-       【ComboSelect】超出最大Tag显示数，超出部分弹出显示
-
-## 版本: 2.2.10
-
-     para-ui/core@2.2.10 发布
-       【PageHeader】页头修改用户名文字被遮挡
-       【Table】修复表格在safari表头显示列问题,导航条显示问题
-       【Table】修改表格请求多次发送loading在safari不正常
-       【Loading】提高表格loading组件层级为100,防止在表格中使用,固定列被遮挡
-       【Modal】修改关闭图标尺寸为20px
-       【ComboSelect】修复搜索框默认宽度溢出容器问题
+## 版本: 3.0.2-beta
+
+     para-ui/core@3.0.2-beta 发布
+        验证样式隔离问题
+
+## 版本: 3.0.2
+
+     para-ui/core@3.0.2 发布
+        【AutoBox】修改下拉浮层
+        【Selectot】选择器修改自定义id,数据渲染失败
+        【Table】表格新增记住列
+        【Table】修改表格表头样式
+        【Table】允许全局统一改变参数
+        【Table】加载表格的时候,获取本地储存的表格列信息,不过期,会重置过期时间。并且会删除掉已过期的其他表格记录本地表格列的信息
+
+## 版本: 3.0.1
+
+     para-ui/core@3.0.1 发布
+        【PageHeader】 导航栏页头修改用户名行高,让内容不被遮挡
+        【Table】 修改表格请求多次发送loading在safari不正常
+        【Table】 提高表格loading组件层级为100,防止在表格中使用,固定列被遮挡
+        【Table】修复表格表头显示列,复选框safari不对齐问题
+        【Selector】增加空状态
+        【TextField】增加搜索空状态
+        【Button】增加 a 链接行为
+        【Button.IconButton】增加 a 链接行为
+        【ComboSelect】超出最大Tag显示数，超出部分弹出显示
+
+## 版本: 3.0.0
+
+     para-ui/core@3.0.0 发布
+        1. 摒弃@material-ui依赖，现组件库以 rc 系列组件为基础封装，组件基本兼容旧用法
+        2. Popover 组件用法大不相同，需开发人员同步更新
+        3. moment 替换为 dayjs
+        4. 组件浮层默认挂载到body容器
+        5. 组件库文档同步更新
 
 ## 版本: 2.2.9
 
@@ -88,12 +58,22 @@
        【Message】挂载容器增加className和style属性
        【Table】改变url,分页回到第一页
 
+## 版本: 2.2.5-beta
+
+     para-ui/core@2.2.5-beta 发布
+       【全局】优化声明文件打包
+
 ## 版本: 2.2.5
 
      para-ui/core@2.2.5 发布
        【Radio】修改label传入空字符串显示了label问题
        【Checkbox】修改label传入空字符串显示了label问题
 
+## 版本: 2.2.4-beta
+
+     para-ui/core@2.2.4-beta 发布
+       【全局】修改打包方式为rollup
+
 ## 版本: 2.2.4
 
      para-ui/core@2.2.4 发布
@@ -102,6 +82,11 @@
        【ComboSelect】增加height属性
        【Popover】修改z-index为1300
 
+## 版本: 2.2.0
+
+     para-ui/core@2.2.0 发布
+       【全局】去除所有mui相关组件,以及依赖
+
 ## 版本: 2.1.45
 
      para-ui/core@2.1.45 发布
@@ -377,7 +362,6 @@
         【ComboSelect】解决超出屏幕时，上下闪动问题
         【ComboSelect】解决数据为空时，频繁刷新问题
         【ComboSelect】解决表格搜索模式时，多个滚动条问题
-        【Tree】增加onMounted属性，非空挂载完成回调
         【ToggleButtonGroup】增加文字类型和样式
         【MultiBox】修改下边距过大
         【SingleBox】修改下边距过大

package/Radio/index.d.ts

@@ -1,38 +1,38 @@
-/**
- * @author linhd
- * @date 2021/8/4 10:20
- * @description 单选框
- */
-import React, { FunctionComponent, ReactNode } from 'react';
-import { LabelTooltipProps } from '../Label';
-import './index.scss';
-export interface RadioProps {
-    /** 样式class */
-    className?: string;
-    /** style */
-    style?: React.CSSProperties;
-    /** 标题 */
-    label?: ReactNode;
-    /** 帮组提示信息 */
-    labelTooltip?: LabelTooltipProps;
-    /** 大小 */
-    size?: 'small' | 'medium' | 'large';
-    /** 默认值  有值不受控组件 初始化第一次 */
-    defaultChecked?: boolean;
-    /** 默认值 有值受控组件*/
-    checked?: boolean;
-    /** 禁用 */
-    disabled?: boolean;
-    /** inputProps */
-    inputProps?: {
-        type?: string;
-        value?: any;
-        checked?: any;
-        [name: string]: any;
-    };
-    /** 改变事件 */
-    onChange?: (e: any, checked: boolean) => void;
-    [name: string]: any;
-}
-export declare const Radio: FunctionComponent<RadioProps>;
-export default Radio;
+/**
+ * @author linhd
+ * @date 2021/8/4 10:20
+ * @description 单选框
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import { LabelTooltipProps } from '../Label';
+import './index.scss';
+export interface RadioProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 标题 */
+    label?: ReactNode;
+    /** 帮组提示信息 */
+    labelTooltip?: LabelTooltipProps;
+    /** 大小 */
+    size?: 'small' | 'medium' | 'large';
+    /** 默认值  有值不受控组件 初始化第一次 */
+    defaultChecked?: boolean;
+    /** 默认值 有值受控组件*/
+    checked?: boolean;
+    /** 禁用 */
+    disabled?: boolean;
+    /** inputProps */
+    inputProps?: {
+        type?: string;
+        value?: any;
+        checked?: any;
+        [name: string]: any;
+    };
+    /** 改变事件 */
+    onChange?: (e: any, checked: boolean) => void;
+    [name: string]: any;
+}
+export declare const Radio: FunctionComponent<RadioProps>;
+export default Radio;

package/Radio/index.js

@@ -1,14 +1,108 @@
-!function(r,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/Help")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","clsx","@para-ui/icons/Help"],e):"object"==typeof exports?exports.ParaUI=e(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/Help")):r.ParaUI=e(r.react,r["@material-ui/core"],r.clsx,r["@para-ui/icons/Help"])}(self,(function(r,e,a,o){return function(){var i={7381:function(r,e,a){(e=a(3645)(!1)).push([r.id,".paraui-help{display:inline-block;font-size:16px;color:rgba(46,55,67,.7)}.paraui-help:hover{color:#3666d6}.paraui-help .paraui-icon{font-size:inherit;color:inherit}",""]),r.exports=e},4928:function(r,e,a){(e=a(3645)(!1)).push([r.id,".paraui-label{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;color:rgba(46,55,67,.7);margin-bottom:8px;display:inline-block;line-height:1.43;word-break:break-all}.paraui-label>.paraui-label-required{margin-left:2px;color:#eb6054}.paraui-label>.paraui-help{vertical-align:top;margin-left:4px}.paraui-label>.paraui-help svg{color:rgba(46,55,67,.4);vertical-align:top;position:relative;top:2px}.paraui-label.paraui-label-line.paraui-label-tooltip{border-bottom:1px dashed rgba(46,55,67,.4);padding-bottom:2px}",""]),r.exports=e},8979:function(r,e,a){(e=a(3645)(!1)).push([r.id,'.paraui-radio{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;cursor:pointer;display:inline-flex;align-items:flex-start;line-height:16px}.paraui-radio:hover>.paraui-radio-label{color:rgba(54,102,214,.8);cursor:pointer}.paraui-radio:hover>.paraui-radio-label svg{color:rgba(54,102,214,.8)}.paraui-radio:hover>.paraui-help>.paraui-radio-label{color:rgba(54,102,214,.8);cursor:pointer}.paraui-radio:hover>.paraui-help>.paraui-radio-label svg{color:rgba(54,102,214,.8)}.paraui-radio:hover>.paraui-radio-box>.paraui-radio-box-inner{border-color:rgba(54,102,214,.8)}.paraui-radio>.paraui-radio-box{position:relative}.paraui-radio>.paraui-radio-box>input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}.paraui-radio>.paraui-radio-box>.paraui-radio-box-inner{position:relative;top:0;left:0;display:block;background-color:#fff;border:1px solid rgba(171,176,185,.4);border-radius:50%}.paraui-radio>.paraui-radio-box>.paraui-radio-box-inner:after{position:absolute;display:table;content:" ";transform:scale(1) translate(-50%, -50%);background-color:#fff;border-radius:50%;left:50%;top:50%}.paraui-radio>.paraui-radio-label{color:#2e3743;padding:0 8px;margin:0;display:inline-flex;align-items:flex-start}.paraui-radio>.paraui-radio-label>.paraui-help>svg{top:0}.paraui-radio .paraui-label{line-height:16px}.paraui-radio>.paraui-help{padding:0 8px}.paraui-radio>.paraui-help>.paraui-radio-label{color:#2e3743;margin:0;display:inline-flex;align-items:center}.paraui-radio.radio-checked>.paraui-radio-box>.paraui-radio-box-inner{border-color:rgba(0,0,0,0);background-color:#3666d6}.paraui-radio.radio-checked:hover>.paraui-radio-box>.paraui-radio-box-inner{border-color:rgba(0,0,0,0);background-color:rgba(54,102,214,.8)}.paraui-radio.radio-disabled{cursor:not-allowed}.paraui-radio.radio-disabled:hover>.paraui-radio-box>.paraui-radio-box-inner{background-color:#f5f6f7;border-color:rgba(171,176,185,.4)}.paraui-radio.radio-disabled>.paraui-radio-label{color:rgba(46,55,67,.4);cursor:not-allowed}.paraui-radio.radio-disabled>.paraui-radio-label svg{color:rgba(46,55,67,.4)}.paraui-radio.radio-disabled>.paraui-radio-box>input{cursor:not-allowed}.paraui-radio.radio-disabled>.paraui-radio-box>.paraui-radio-box-inner{background-color:#f5f6f7;border-color:rgba(171,176,185,.4)}.paraui-radio.radio-disabled>.paraui-radio-box>.paraui-radio-box-inner:after{background-color:#f5f6f7}.paraui-radio.radio-disabled.radio-checked>.paraui-radio-box>.paraui-radio-box-inner:after{background-color:rgba(171,176,185,.4)}.paraui-radio.radio-disabled>.paraui-help{color:rgba(46,55,67,.4)}.paraui-radio.radio-disabled>.paraui-help>.paraui-radio-label{color:rgba(46,55,67,.4);cursor:not-allowed}.paraui-radio.radio-small>.paraui-radio-box{top:1px}.paraui-radio.radio-small>.paraui-radio-box>.paraui-radio-box-inner{width:14px;height:14px}.paraui-radio.radio-small>.paraui-radio-box>.paraui-radio-box-inner:after{width:4px;height:4px}.paraui-radio.radio-medium>.paraui-radio-box>.paraui-radio-box-inner{width:16px;height:16px}.paraui-radio.radio-medium>.paraui-radio-box>.paraui-radio-box-inner:after{width:6px;height:6px}.paraui-radio.radio-large>.paraui-radio-box>.paraui-radio-box-inner{width:16px;height:16px}.paraui-radio.radio-large>.paraui-radio-box>.paraui-radio-box-inner:after{width:6px;height:6px}',""]),r.exports=e},9929:function(r,e,a){(e=a(3645)(!1)).push([r.id,".paraui-tooltip>div{padding-left:12px;padding-right:12px;font-size:14px;font-weight:400;color:#fff;background-color:rgba(46,55,67,.7)}.paraui-tooltip-left-right>div{margin:0 8px}.paraui-tooltip-top-bottom>div{margin:8px 0}",""]),r.exports=e},3645:function(r){"use strict";r.exports=function(r){var e=[];return e.toString=function(){return this.map((function(e){var a=function(r,e){var a=r[1]||"",o=r[3];if(!o)return a;if(e&&"function"==typeof btoa){var i=(n=o,l=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(l),"/*# ".concat(u," */")),t=o.sources.map((function(r){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(r," */")}));return[a].concat(t).concat([i]).join("\n")}var n,l,u;return[a].join("\n")}(e,r);return e[2]?"@media ".concat(e[2]," {").concat(a,"}"):a})).join("")},e.i=function(r,a,o){"string"==typeof r&&(r=[[null,r,""]]);var i={};if(o)for(var t=0;t<this.length;t++){var n=this[t][0];null!=n&&(i[n]=!0)}for(var l=0;l<r.length;l++){var u=[].concat(r[l]);o&&i[u[0]]||(a&&(u[2]?u[2]="".concat(a," and ").concat(u[2]):u[2]=a),e.push(u))}},e}},7418:function(r){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var e=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function i(r){if(null==r)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(r)}r.exports=function(){try{if(!Object.assign)return!1;var r=new String("abc");if(r[5]="de","5"===Object.getOwnPropertyNames(r)[0])return!1;for(var e={},a=0;a<10;a++)e["_"+String.fromCharCode(a)]=a;if("0123456789"!==Object.getOwnPropertyNames(e).map((function(r){return e[r]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(r){o[r]=r})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(r){return!1}}()?Object.assign:function(r,t){for(var n,l,u=i(r),c=1;c<arguments.length;c++){for(var p in n=Object(arguments[c]))a.call(n,p)&&(u[p]=n[p]);if(e){l=e(n);for(var s=0;s<l.length;s++)o.call(n,l[s])&&(u[l[s]]=n[l[s]])}}return u}},5251:function(r,e,a){"use strict";
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */a(7418);var o=a(8156),i=60103;if(e.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var t=Symbol.for;i=t("react.element"),e.Fragment=t("react.fragment")}var n=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function c(r,e,a){var o,t={},c=null,p=null;for(o in void 0!==a&&(c=""+a),void 0!==e.key&&(c=""+e.key),void 0!==e.ref&&(p=e.ref),e)l.call(e,o)&&!u.hasOwnProperty(o)&&(t[o]=e[o]);if(r&&r.defaultProps)for(o in e=r.defaultProps)void 0===t[o]&&(t[o]=e[o]);return{$$typeof:i,type:r,key:c,ref:p,props:t,_owner:n.current}}e.jsx=c,e.jsxs=c},5893:function(r,e,a){"use strict";r.exports=a(5251)},2113:function(r,e,a){var o=a(3379),i=a(7381);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[r.id,i,""]]);var t={insert:("body","body"),singleton:!1};o(i,t);r.exports=i.locals||{}},9663:function(r,e,a){var o=a(3379),i=a(4928);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[r.id,i,""]]);var t={insert:("body","body"),singleton:!1};o(i,t);r.exports=i.locals||{}},7510:function(r,e,a){var o=a(3379),i=a(8979);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[r.id,i,""]]);var t={insert:("body","body"),singleton:!1};o(i,t);r.exports=i.locals||{}},2310:function(r,e,a){var o=a(3379),i=a(9929);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[r.id,i,""]]);var t={insert:("body","body"),singleton:!1};o(i,t);r.exports=i.locals||{}},3379:function(r,e,a){"use strict";var o,i=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},t=function(){var r={};return function(e){if(void 0===r[e]){var a=document.querySelector(e);if(window.HTMLIFrameElement&&a instanceof window.HTMLIFrameElement)try{a=a.contentDocument.head}catch(r){a=null}r[e]=a}return r[e]}}(),n=[];function l(r){for(var e=-1,a=0;a<n.length;a++)if(n[a].identifier===r){e=a;break}return e}function u(r,e){for(var a={},o=[],i=0;i<r.length;i++){var t=r[i],u=e.base?t[0]+e.base:t[0],c=a[u]||0,p="".concat(u," ").concat(c);a[u]=c+1;var s=l(p),d={css:t[1],media:t[2],sourceMap:t[3]};-1!==s?(n[s].references++,n[s].updater(d)):n.push({identifier:p,updater:v(d,e),references:1}),o.push(p)}return o}function c(r){var e=document.createElement("style"),o=r.attributes||{};if(void 0===o.nonce){var i=a.nc;i&&(o.nonce=i)}if(Object.keys(o).forEach((function(r){e.setAttribute(r,o[r])})),"function"==typeof r.insert)r.insert(e);else{var n=t(r.insert||"head");if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(e)}return e}var p,s=(p=[],function(r,e){return p[r]=e,p.filter(Boolean).join("\n")});function d(r,e,a,o){var i=a?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(r.styleSheet)r.styleSheet.cssText=s(e,i);else{var t=document.createTextNode(i),n=r.childNodes;n[e]&&r.removeChild(n[e]),n.length?r.insertBefore(t,n[e]):r.appendChild(t)}}function f(r,e,a){var o=a.css,i=a.media,t=a.sourceMap;if(i?r.setAttribute("media",i):r.removeAttribute("media"),t&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(t))))," */")),r.styleSheet)r.styleSheet.cssText=o;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(o))}}var b=null,h=0;function v(r,e){var a,o,i;if(e.singleton){var t=h++;a=b||(b=c(e)),o=d.bind(null,a,t,!1),i=d.bind(null,a,t,!0)}else a=c(e),o=f.bind(null,a,e),i=function(){!function(r){if(null===r.parentNode)return!1;r.parentNode.removeChild(r)}(a)};return o(r),function(e){if(e){if(e.css===r.css&&e.media===r.media&&e.sourceMap===r.sourceMap)return;o(r=e)}else i()}}r.exports=function(r,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=i());var a=u(r=r||[],e);return function(r){if(r=r||[],"[object Array]"===Object.prototype.toString.call(r)){for(var o=0;o<a.length;o++){var i=l(a[o]);n[i].references--}for(var t=u(r,e),c=0;c<a.length;c++){var p=l(a[c]);0===n[p].references&&(n[p].updater(),n.splice(p,1))}a=t}}}},3566:function(r,e,a){"use strict";var o=a(5893),i=a(7371),t=a(8076),n=a.n(t),l=a(5744),u=a.n(l),c=(a(2113),function(){return c=Object.assign||function(r){for(var e,a=1,o=arguments.length;a<o;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},c.apply(this,arguments)}),p=function(r,e){var a={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(a[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(r);i<o.length;i++)e.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(r,o[i])&&(a[o[i]]=r[o[i]])}return a};e.default=function(r){var e=r.title,a=void 0===e?"":e,t=r.children,l=r.arrow,s=void 0===l||l,d=r.interactive,f=void 0===d||d,b=r.className,h=r.placement,v=void 0===h?"top-start":h,g=p(r,["title","children","arrow","interactive","className","placement"]);return(0,o.jsx)(i.default,c({title:a,arrow:s,interactive:f,placement:v},g,{children:(0,o.jsx)("span",c({className:u()("paraui-help",b)},{children:t||(0,o.jsx)(n(),{})}))}))}},8767:function(r,e,a){"use strict";var o=a(5893),i=a(3566),t=(a(9663),function(){return t=Object.assign||function(r){for(var e,a=1,o=arguments.length;a<o;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},t.apply(this,arguments)});e.default=function(r){var e=r.className,a=r.style,n=r.label,l=r.labelSign,u=r.required,c=void 0!==u&&u,p=r.tooltip,s=r.tooltipType,d=void 0===s?"icon":s,f=r.placement,b=r.arrow,h=r.tooltipIcon,v=function(){var r="paraui-label";return d&&(r+=" paraui-label-"+d),p&&(r+=" paraui-label-tooltip"),e&&(r+=" "+e),r};return(0,o.jsxs)(o.Fragment,{children:["icon"===d&&(0,o.jsxs)("label",t({className:v(),style:a},{children:[(0,o.jsx)(o.Fragment,{children:n}),c&&(0,o.jsx)("span",t({className:"paraui-label-required"},{children:"*"})),l&&(0,o.jsx)("span",{children:l}),p&&(0,o.jsx)(i.default,t({title:p,placement:f,arrow:b},{children:h}))]})),"line"===d&&(0,o.jsx)(i.default,t({title:p||"",placement:f,arrow:b},{children:(0,o.jsxs)("label",t({className:v(),style:a},{children:[(0,o.jsx)(o.Fragment,{children:n}),c&&(0,o.jsx)("span",t({className:"paraui-label-required"},{children:"*"})),l&&(0,o.jsx)("span",{children:l})]}))}))]})}},7371:function(r,e,a){"use strict";var o=a(5893),i=a(670),t=a(5744),n=a.n(t),l=(a(2310),function(){return l=Object.assign||function(r){for(var e,a=1,o=arguments.length;a<o;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},l.apply(this,arguments)}),u=function(r,e){var a={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(a[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(r);i<o.length;i++)e.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(r,o[i])&&(a[o[i]]=r[o[i]])}return a};e.default=function(r){var e,a=r.placement,t=void 0===a?"top-start":a,c=r.className,p=r.arrow,s=void 0===p||p,d=r.PopperProps,f=r.boundariesElement,b=void 0===f?"scrollParent":f,h=u(r,["placement","className","arrow","PopperProps","boundariesElement"]),v=l(l({},r.classes),{popper:n()("paraui-tooltip",c,null===(e=r.classes)||void 0===e?void 0:e.popper,{"paraui-tooltip-left-right":(null==t?void 0:t.includes("left"))||(null==t?void 0:t.includes("right")),"paraui-tooltip-top-bottom":(null==t?void 0:t.includes("top"))||(null==t?void 0:t.includes("bottom"))})});return(0,o.jsx)(i.Tooltip,l({},h,{enterTouchDelay:0,arrow:s,placement:t,classes:v,PopperProps:l(l({},d),{modifiers:{preventOverflow:{boundariesElement:b}}})}))}},670:function(r){"use strict";r.exports=e},8076:function(r){"use strict";r.exports=o},5744:function(r){"use strict";r.exports=a},8156:function(e){"use strict";e.exports=r}},t={};function n(r){var e=t[r];if(void 0!==e)return e.exports;var a=t[r]={id:r,exports:{}};return i[r](a,a.exports,n),a.exports}n.n=function(r){var e=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(e,{a:e}),e},n.d=function(r,e){for(var a in e)n.o(e,a)&&!n.o(r,a)&&Object.defineProperty(r,a,{enumerable:!0,get:e[a]})},n.o=function(r,e){return Object.prototype.hasOwnProperty.call(r,e)},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.nc=void 0;var l={};return function(){"use strict";n.r(l),n.d(l,{Radio:function(){return i}});var r=n(5893),e=n(8156),a=n(8767),o=(n(7510),function(){return o=Object.assign||function(r){for(var e,a=1,o=arguments.length;a<o;a++)for(var i in e=arguments[a])Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i]);return r},o.apply(this,arguments)}),i=function(i){var t=i.className,n=void 0===t?"":t,l=i.labelTooltip,u=i.label,c=void 0===u?"":u,p=i.size,s=void 0===p?"large":p,d=i.disabled,f=void 0!==d&&d,b=i.onChange,h=i.style,v=(0,e.useState)(!1),g=v[0],x=v[1];(0,e.useEffect)((function(){void 0!==i.defaultChecked&&x(i.defaultChecked)}),[]),(0,e.useEffect)((function(){void 0!==i.checked&&x(i.checked)}),[i.checked]);var m;return(0,r.jsxs)("label",o({className:(m="paraui-radio",n&&(m+=" "+n),s&&(m+=" radio-"+s),f&&(m+=" radio-disabled"),g&&(m+=" radio-checked"),m),onClick:function(r){r.preventDefault(),f||(void 0===i.checked&&x(!g),r.target.checked=!g,b&&b(r,!g))},style:h},{children:[(0,r.jsxs)("span",o({className:"paraui-radio-box"},{children:[(0,r.jsx)("input",o({type:"radio",value:g},i.inputProps)),(0,r.jsx)("span",{className:"paraui-radio-box-inner"})]})),void 0!==c&&""!==c&&null!==c?(0,r.jsx)(a.default,o({label:c},l,{className:function(){var r="paraui-radio-label";return l&&l.className&&(r+=" "+l.className),r}()})):null]}))};l.default=i}(),l}()}));
+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';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+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/**\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) {
+  var _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      labelTooltip = props.labelTooltip,
+      _props$label = props.label,
+      label = _props$label === void 0 ? '' : _props$label,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'large' : _props$size,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      onChange = props.onChange,
+      style = props.style;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      checkedCom = _useState2[0],
+      setCheckedCom = _useState2[1]; // 复选框状态
+
+
+  useEffect(function () {
+    if (props.defaultChecked !== undefined) setCheckedCom(props.defaultChecked);
+  }, []);
+  useEffect(function () {
+    if (props.checked !== undefined) setCheckedCom(props.checked);
+  }, [props.checked]); // 点击选择
+
+  var clickCheck = function clickCheck(e) {
+    e.preventDefault();
+    if (disabled) return; // 不可受控组件
+
+    if (props.checked === undefined) setCheckedCom(!checkedCom);
+    e.target.checked = !checkedCom;
+    onChange && onChange(e, !checkedCom);
+  }; // 处理className
+
+
+  var handClass = function handClass() {
+    var str = $prefixCls + '-radio';
+    if (className) str += ' ' + className;
+    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 = 'radio-label';
+
+    if (labelTooltip && labelTooltip.className) {
+      str += ' ' + labelTooltip.className;
+    }
+
+    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(),
+    onClick: clickCheck,
+    style: style
+  }, {
+    children: [jsxs("span", Object.assign({
+      className: "radio-box"
+    }, {
+      children: [jsx("input", Object.assign({
+        type: "radio",
+        value: checkedCom
+      }, props.inputProps)), jsx("span", {
+        className: "radio-box-inner"
+      })]
+    })), label !== undefined && label !== '' && label !== null ? jsx(Label, Object.assign({
+      label: label
+    }, labelTooltip, {
+      helpClassName: handHelpClassName(),
+      className: handLabelClass()
+    })) : null]
+  }));
+};
+
+export { Radio, Radio as default };

package/RadioGroup/index.d.ts

@@ -1,47 +1,44 @@
-/**
- * @author linhd
- * @date 2021/8/4 14:18
- * @description 单选框组
- */
-import React, { FunctionComponent, ReactNode } from 'react';
-import { RadioProps } from '../Radio';
-import { LabelTooltipProps } from "../Label";
-import './index.scss';
-export interface RadioListProps extends RadioProps {
-    [name: string]: any;
-}
-export interface RadioGroupProps {
-    /** 样式class */
-    className?: string;
-    /** style */
-    style?: React.CSSProperties;
-    /** 标题 */
-    label?: ReactNode;
-    /** 帮组提示信息 */
-    labelTooltip?: LabelTooltipProps;
-    /** 尺寸 */
-    size?: 'small' | 'medium' | 'large';
-    /** 是否必填 */
-    required?: boolean;
-    /** 布局方式 横向/竖向 */
-    row?: boolean;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 是否显示错误 */
-    error?: boolean;
-    /** 错误提示 */
-    helperText?: ReactNode;
-    /** 默认值 不受控 */
-    defaultValue?: any;
-    /** 默认值 */
-    value?: any;
-    /** 选中选值 */
-    id?: string;
-    /** 选项数据 */
-    list: RadioListProps[];
-    /** 改变值 */
-    onChange?: (val: any, item?: RadioListProps) => void;
-    [name: string]: any;
-}
-export declare const RadioGroup: FunctionComponent<RadioGroupProps>;
-export default RadioGroup;
+/**
+ * @author linhd
+ * @date 2021/8/4 14:18
+ * @description 单选框组
+ */
+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 extends HelperTextDetailProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 标题 */
+    label?: ReactNode;
+    /** 帮组提示信息 */
+    labelTooltip?: LabelTooltipProps;
+    /** 尺寸 */
+    size?: 'small' | 'medium' | 'large';
+    /** 是否必填 */
+    required?: boolean;
+    /** 布局方式 横向/竖向 */
+    row?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 默认值 不受控 */
+    defaultValue?: any;
+    /** 默认值 */
+    value?: any;
+    /** 选中选值 */
+    id?: string;
+    /** 选项数据 */
+    list: RadioListProps[];
+    /** 改变值 */
+    onChange?: (val: any, item?: RadioListProps) => void;
+    [name: string]: any;
+}
+export declare const RadioGroup: FunctionComponent<RadioGroupProps>;
+export default RadioGroup;