@para-ui/core 2.2.5-beta → 2.2.7

package/CheckboxGroup/index.js

@@ -1,138 +1,14 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
-import { useState, useEffect, createElement } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Checkbox } from '../Checkbox/index.js';
-import Label from '../Label/index.js';
-import HelperText from '../HelperText/index.js';
-import { DeepClone } from '@paraview/lib';
-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.paraui-check-box-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-check-box-group > .check-box-group-content {\n  line-height: 0;\n}\n.paraui-check-box-group.check-box-group-column > .check-box-group-content {\n  display: flex;\n  flex-direction: column;\n}\n.paraui-check-box-group.check-box-group-column > .check-box-group-content > .paraui-check-box {\n  margin-bottom: 8px;\n}\n.paraui-check-box-group.check-box-group-column > .check-box-group-content > .paraui-check-box:last-child {\n  margin-bottom: 0;\n}";
-styleInject(css_248z);
-
-var CheckboxGroup = function CheckboxGroup(props) {
-  var _props$label = props.label,
-      label = _props$label === void 0 ? '' : _props$label,
-      labelTooltip = props.labelTooltip,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'large' : _props$size,
-      _props$row = props.row,
-      row = _props$row === void 0 ? true : _props$row,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$required = props.required,
-      required = _props$required === void 0 ? false : _props$required,
-      _props$error = props.error,
-      error = _props$error === void 0 ? false : _props$error,
-      _props$helperText = props.helperText,
-      helperText = _props$helperText === void 0 ? '' : _props$helperText,
-      _props$id = props.id,
-      id = _props$id === void 0 ? 'name' : _props$id,
-      list = props.list,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      onChange = props.onChange,
-      style = props.style;
-
-  var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      valueCom = _useState2[0],
-      setValueCom = _useState2[1];
-
-  useEffect(function () {
-    if (props.defaultValue !== undefined) setValueCom(props.defaultValue);
-  }, []);
-  useEffect(function () {
-    if (props.value !== undefined) setValueCom(props.value);
-  }, [props.value]);
-  /**
-   *
-   * @param item 点击当前项数据
-   * @event 点击元素
-   * @checked 当前值
-   */
-
-  var onchangeCom = function onchangeCom(item) {
-    return function (event, checked) {
-      var name = item[id]; // 值
-
-      var arr = DeepClone(valueCom);
-
-      if (checked) {
-        arr.push(name);
-      } else {
-        var index = arr.indexOf(name);
-        arr.splice(index, 1);
-      }
-
-      if (props.value === undefined) setValueCom(arr);
-      onChange && onChange(arr);
-    };
-  };
-
-  var handLabel = function handLabel() {
-    if (label || required) {
-      var handLabelClass = function handLabelClass() {
-        var str = 'check-box-group-label';
-
-        if (labelTooltip && labelTooltip.className) {
-          str += ' ' + labelTooltip.className;
-        }
-
-        return str;
-      };
-
-      return jsx(Label, Object.assign({
-        label: label,
-        required: required
-      }, labelTooltip, {
-        className: handLabelClass()
-      }));
-    }
-
-    return null;
-  }; // 处理class
-
-
-  var handClass = function handClass() {
-    var str = 'paraui-check-box-group';
-    if (className) str += ' ' + className;
-    if (size) str += ' check-box-group-' + size;
-    if (error) str += ' check-box-group-error';
-    if (disabled) str += ' check-box-group-disabled';
-    if (row) str += ' check-box-group-row';else str += ' check-box-group-column';
-    return str;
-  };
-
-  return jsxs("div", Object.assign({
-    className: handClass(),
-    style: style
-  }, {
-    children: [handLabel(), jsx("div", Object.assign({
-      className: "check-box-group-content"
-    }, {
-      children: list.map(function (item, index) {
-        return /*#__PURE__*/createElement(Checkbox, Object.assign({}, item, {
-          checked: valueCom.indexOf(item[id]) !== -1,
-          size: size,
-          disabled: Boolean(disabled || item.disabled),
-          key: index,
-          onChange: onchangeCom(item)
-        }));
-      })
-    })), jsx(HelperText, {
-      className: "check-box-group-error-text",
-      error: error,
-      helperText: helperText
-    })]
-  }));
-};
-
-export { CheckboxGroup, CheckboxGroup as default };
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/Help"),require("@paraview/lib")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","clsx","@para-ui/icons/Help","@paraview/lib"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/Help"),require("@paraview/lib")):e.ParaUI=r(e.react,e["@material-ui/core"],e.clsx,e["@para-ui/icons/Help"],e["@paraview/lib"])}(self,(function(e,r,o,a,t){return function(){var i={1204:function(e,r,o){(r=o(3645)(!1)).push([e.id,'.paraui-check-box{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-check-box:hover>.paraui-check-box-label{color:rgba(54,102,214,.8);cursor:pointer}.paraui-check-box:hover>.paraui-check-box-label svg{color:rgba(54,102,214,.8)}.paraui-check-box:hover>.paraui-help{padding:0 8px}.paraui-check-box:hover>.paraui-help>.paraui-check-box-label{color:rgba(54,102,214,.8);cursor:pointer}.paraui-check-box:hover>.paraui-help>.paraui-check-box-label svg{color:rgba(54,102,214,.8)}.paraui-check-box:hover>.paraui-checkbox-box>.paraui-checkbox-box-inner{border-color:rgba(54,102,214,.8)}.paraui-check-box>.paraui-checkbox-box{position:relative}.paraui-check-box>.paraui-checkbox-box>input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}.paraui-check-box>.paraui-checkbox-box>.paraui-checkbox-box-inner{position:relative;top:0;left:0;display:block;border-radius:2px;background-color:#fff;border:1px solid rgba(171,176,185,.4)}.paraui-check-box>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{position:absolute;display:table;content:" "}.paraui-check-box>.paraui-check-box-label{color:#2e3743;padding:0 8px;margin:0;display:inline-flex;align-items:flex-start}.paraui-check-box>.paraui-check-box-label>.paraui-help>svg{top:0}.paraui-check-box .paraui-label{line-height:16px}.paraui-check-box>.paraui-help{padding:0 8px}.paraui-check-box>.paraui-help>.paraui-check-box-label{color:#2e3743;margin:0;display:inline-flex;align-items:center}.paraui-check-box.check-box-checked:hover>.paraui-checkbox-box>.paraui-checkbox-box-inner{background-color:rgba(54,102,214,.8);border-color:rgba(0,0,0,0)}.paraui-check-box.check-box-checked>.paraui-checkbox-box>.paraui-checkbox-box-inner{background-color:#3666d6}.paraui-check-box.check-box-checked>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{border:1px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%, -50%)}.paraui-check-box.check-box-indeterminate:hover>.paraui-checkbox-box>.paraui-checkbox-box-inner{background-color:rgba(54,102,214,.8);border-color:rgba(0,0,0,0)}.paraui-check-box.check-box-indeterminate>.paraui-checkbox-box>.paraui-checkbox-box-inner{background-color:#3666d6}.paraui-check-box.check-box-indeterminate>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{background-color:#fff;top:50%;left:50%;transform:translate(-50%, -50%) scale(1)}.paraui-check-box.check-box-disabled{cursor:not-allowed}.paraui-check-box.check-box-disabled>.paraui-check-box-label{color:rgba(46,55,67,.4);cursor:not-allowed}.paraui-check-box.check-box-disabled>.paraui-check-box-label svg{color:rgba(46,55,67,.4)}.paraui-check-box.check-box-disabled>.paraui-help>.paraui-check-box-label{color:rgba(46,55,67,.4);cursor:not-allowed}.paraui-check-box.check-box-disabled>.paraui-help>.paraui-check-box-label svg{color:rgba(46,55,67,.4)}.paraui-check-box.check-box-disabled>.paraui-checkbox-box>input{cursor:not-allowed}.paraui-check-box.check-box-disabled>.paraui-checkbox-box>.paraui-checkbox-box-inner{background-color:rgba(171,176,185,.12);border-color:rgba(171,176,185,.4)}.paraui-check-box.check-box-disabled.check-box-checked:hover>.paraui-checkbox-box>.paraui-checkbox-box-inner{background-color:rgba(171,176,185,.12);border-color:rgba(171,176,185,.4)}.paraui-check-box.check-box-disabled.check-box-checked>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{border-color:rgba(46,55,67,.4)}.paraui-check-box.check-box-disabled.check-box-indeterminate:hover>.paraui-checkbox-box>.paraui-checkbox-box-inner{background-color:rgba(171,176,185,.12);border-color:rgba(171,176,185,.4)}.paraui-check-box.check-box-disabled.check-box-indeterminate>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{background-color:rgba(46,55,67,.4)}.paraui-check-box.check-box-small>.paraui-checkbox-box{top:1px}.paraui-check-box.check-box-small>.paraui-checkbox-box>.paraui-checkbox-box-inner{width:14px;height:14px}.paraui-check-box.check-box-small.check-box-checked>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{top:45%;left:21%;width:4px;height:7px}.paraui-check-box.check-box-small.check-box-indeterminate>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{width:8px;height:1px}.paraui-check-box.check-box-medium>.paraui-checkbox-box>.paraui-checkbox-box-inner{width:16px;height:16px}.paraui-check-box.check-box-medium.check-box-checked>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{top:45%;left:21%;width:5px;height:8px}.paraui-check-box.check-box-medium.check-box-indeterminate>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{width:8px;height:1px}.paraui-check-box.check-box-large>.paraui-checkbox-box>.paraui-checkbox-box-inner{width:16px;height:16px}.paraui-check-box.check-box-large.check-box-checked>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{top:45%;left:21%;width:5px;height:8px}.paraui-check-box.check-box-large.check-box-indeterminate>.paraui-checkbox-box>.paraui-checkbox-box-inner:after{width:8px;height:1px}',""]),e.exports=r},9974:function(e,r,o){(r=o(3645)(!1)).push([e.id,".paraui-check-box-group{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;width:100%}.paraui-check-box-group>.check-box-group-content{line-height:0}.paraui-check-box-group.check-box-group-column>.check-box-group-content{display:flex;flex-direction:column}.paraui-check-box-group.check-box-group-column>.check-box-group-content>.paraui-check-box{margin-bottom:8px}.paraui-check-box-group.check-box-group-column>.check-box-group-content>.paraui-check-box:last-child{margin-bottom:0}",""]),e.exports=r},7381:function(e,r,o){(r=o(3645)(!1)).push([e.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}",""]),e.exports=r},9916:function(e,r,o){(r=o(3645)(!1)).push([e.id,".paraui-helper-text{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:12px;font-weight:400;padding-left:12px;line-height:20px;color:rgba(46,55,67,.7)}.paraui-helper-text.paraui-helper-text-error{color:#eb6054}",""]),e.exports=r},4928:function(e,r,o){(r=o(3645)(!1)).push([e.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}",""]),e.exports=r},9929:function(e,r,o){(r=o(3645)(!1)).push([e.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}",""]),e.exports=r},3645:function(e){"use strict";e.exports=function(e){var r=[];return r.toString=function(){return this.map((function(r){var o=function(e,r){var o=e[1]||"",a=e[3];if(!a)return o;if(r&&"function"==typeof btoa){var t=(c=a,n=btoa(unescape(encodeURIComponent(JSON.stringify(c)))),l="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(n),"/*# ".concat(l," */")),i=a.sources.map((function(e){return"/*# sourceURL=".concat(a.sourceRoot||"").concat(e," */")}));return[o].concat(i).concat([t]).join("\n")}var c,n,l;return[o].join("\n")}(r,e);return r[2]?"@media ".concat(r[2]," {").concat(o,"}"):o})).join("")},r.i=function(e,o,a){"string"==typeof e&&(e=[[null,e,""]]);var t={};if(a)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(t[c]=!0)}for(var n=0;n<e.length;n++){var l=[].concat(e[n]);a&&t[l[0]]||(o&&(l[2]?l[2]="".concat(o," and ").concat(l[2]):l[2]=o),r.push(l))}},r}},7418:function(e){"use strict";
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;function t(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},o=0;o<10;o++)r["_"+String.fromCharCode(o)]=o;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var c,n,l=t(e),u=1;u<arguments.length;u++){for(var p in c=Object(arguments[u]))o.call(c,p)&&(l[p]=c[p]);if(r){n=r(c);for(var s=0;s<n.length;s++)a.call(c,n[s])&&(l[n[s]]=c[n[s]])}}return l}},5251:function(e,r,o){"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.
+ */o(7418);var a=o(8156),t=60103;if(r.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;t=i("react.element"),r.Fragment=i("react.fragment")}var c=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n=Object.prototype.hasOwnProperty,l={key:!0,ref:!0,__self:!0,__source:!0};function u(e,r,o){var a,i={},u=null,p=null;for(a in void 0!==o&&(u=""+o),void 0!==r.key&&(u=""+r.key),void 0!==r.ref&&(p=r.ref),r)n.call(r,a)&&!l.hasOwnProperty(a)&&(i[a]=r[a]);if(e&&e.defaultProps)for(a in r=e.defaultProps)void 0===i[a]&&(i[a]=r[a]);return{$$typeof:t,type:e,key:u,ref:p,props:i,_owner:c.current}}r.jsx=u,r.jsxs=u},5893:function(e,r,o){"use strict";e.exports=o(5251)},9036:function(e,r,o){var a=o(3379),t=o(1204);"string"==typeof(t=t.__esModule?t.default:t)&&(t=[[e.id,t,""]]);var i={insert:("body","body"),singleton:!1};a(t,i);e.exports=t.locals||{}},7708:function(e,r,o){var a=o(3379),t=o(9974);"string"==typeof(t=t.__esModule?t.default:t)&&(t=[[e.id,t,""]]);var i={insert:("body","body"),singleton:!1};a(t,i);e.exports=t.locals||{}},2113:function(e,r,o){var a=o(3379),t=o(7381);"string"==typeof(t=t.__esModule?t.default:t)&&(t=[[e.id,t,""]]);var i={insert:("body","body"),singleton:!1};a(t,i);e.exports=t.locals||{}},3936:function(e,r,o){var a=o(3379),t=o(9916);"string"==typeof(t=t.__esModule?t.default:t)&&(t=[[e.id,t,""]]);var i={insert:("body","body"),singleton:!1};a(t,i);e.exports=t.locals||{}},9663:function(e,r,o){var a=o(3379),t=o(4928);"string"==typeof(t=t.__esModule?t.default:t)&&(t=[[e.id,t,""]]);var i={insert:("body","body"),singleton:!1};a(t,i);e.exports=t.locals||{}},2310:function(e,r,o){var a=o(3379),t=o(9929);"string"==typeof(t=t.__esModule?t.default:t)&&(t=[[e.id,t,""]]);var i={insert:("body","body"),singleton:!1};a(t,i);e.exports=t.locals||{}},3379:function(e,r,o){"use strict";var a,t=function(){return void 0===a&&(a=Boolean(window&&document&&document.all&&!window.atob)),a},i=function(){var e={};return function(r){if(void 0===e[r]){var o=document.querySelector(r);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(e){o=null}e[r]=o}return e[r]}}(),c=[];function n(e){for(var r=-1,o=0;o<c.length;o++)if(c[o].identifier===e){r=o;break}return r}function l(e,r){for(var o={},a=[],t=0;t<e.length;t++){var i=e[t],l=r.base?i[0]+r.base:i[0],u=o[l]||0,p="".concat(l," ").concat(u);o[l]=u+1;var s=n(p),b={css:i[1],media:i[2],sourceMap:i[3]};-1!==s?(c[s].references++,c[s].updater(b)):c.push({identifier:p,updater:f(b,r),references:1}),a.push(p)}return a}function u(e){var r=document.createElement("style"),a=e.attributes||{};if(void 0===a.nonce){var t=o.nc;t&&(a.nonce=t)}if(Object.keys(a).forEach((function(e){r.setAttribute(e,a[e])})),"function"==typeof e.insert)e.insert(r);else{var c=i(e.insert||"head");if(!c)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");c.appendChild(r)}return r}var p,s=(p=[],function(e,r){return p[e]=r,p.filter(Boolean).join("\n")});function b(e,r,o,a){var t=o?"":a.media?"@media ".concat(a.media," {").concat(a.css,"}"):a.css;if(e.styleSheet)e.styleSheet.cssText=s(r,t);else{var i=document.createTextNode(t),c=e.childNodes;c[r]&&e.removeChild(c[r]),c.length?e.insertBefore(i,c[r]):e.appendChild(i)}}function h(e,r,o){var a=o.css,t=o.media,i=o.sourceMap;if(t?e.setAttribute("media",t):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=a;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(a))}}var d=null,x=0;function f(e,r){var o,a,t;if(r.singleton){var i=x++;o=d||(d=u(r)),a=b.bind(null,o,i,!1),t=b.bind(null,o,i,!0)}else o=u(r),a=h.bind(null,o,r),t=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(o)};return a(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;a(e=r)}else t()}}e.exports=function(e,r){(r=r||{}).singleton||"boolean"==typeof r.singleton||(r.singleton=t());var o=l(e=e||[],r);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var a=0;a<o.length;a++){var t=n(o[a]);c[t].references--}for(var i=l(e,r),u=0;u<o.length;u++){var p=n(o[u]);0===c[p].references&&(c[p].updater(),c.splice(p,1))}o=i}}}},9690:function(e,r,o){"use strict";var a=o(5893),t=o(8156),i=o(8767),c=(o(9036),function(){return c=Object.assign||function(e){for(var r,o=1,a=arguments.length;o<a;o++)for(var t in r=arguments[o])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},c.apply(this,arguments)});r.default=function(e){var r=e.className,o=void 0===r?"":r,n=e.label,l=void 0===n?"":n,u=e.labelTooltip,p=e.size,s=void 0===p?"large":p,b=e.disabled,h=void 0!==b&&b,d=e.indeterminate,x=void 0!==d&&d,f=e.onChange,k=e.style,g=(0,t.useState)(!1),v=g[0],m=g[1];(0,t.useEffect)((function(){void 0!==e.defaultChecked&&m(e.defaultChecked)}),[]),(0,t.useEffect)((function(){void 0!==e.checked&&m(e.checked)}),[e.checked]);var y;return(0,a.jsxs)("label",c({className:(y="paraui-check-box",o&&(y+=" "+o),s&&(y+=" check-box-"+s),h&&(y+=" check-box-disabled"),x?y+=" check-box-indeterminate":v&&(y+=" check-box-checked"),y),onClick:function(r){if(r.preventDefault(),!h){if(x)return void 0===e.checked&&m(!0),void(f&&f(r,!0));void 0===e.checked&&m(!v),r.target.checked=!v,r.target.value=!v,f&&f(r,!v)}},style:k},{children:[(0,a.jsxs)("span",c({className:"paraui-checkbox-box"},{children:[(0,a.jsx)("input",c({type:"checkbox",value:v},e.inputProps)),(0,a.jsx)("span",{className:"paraui-checkbox-box-inner"})]})),void 0!==l&&""!==l&&null!==l?(0,a.jsx)(i.default,c({label:l},u,{className:function(){var e="paraui-check-box-label";return u&&u.className&&(e+=" "+u.className),e}()})):null]}))}},3566:function(e,r,o){"use strict";var a=o(5893),t=o(7371),i=o(8076),c=o.n(i),n=o(5744),l=o.n(n),u=(o(2113),function(){return u=Object.assign||function(e){for(var r,o=1,a=arguments.length;o<a;o++)for(var t in r=arguments[o])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},u.apply(this,arguments)}),p=function(e,r){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(a=Object.getOwnPropertySymbols(e);t<a.length;t++)r.indexOf(a[t])<0&&Object.prototype.propertyIsEnumerable.call(e,a[t])&&(o[a[t]]=e[a[t]])}return o};r.default=function(e){var r=e.title,o=void 0===r?"":r,i=e.children,n=e.arrow,s=void 0===n||n,b=e.interactive,h=void 0===b||b,d=e.className,x=e.placement,f=void 0===x?"top-start":x,k=p(e,["title","children","arrow","interactive","className","placement"]);return(0,a.jsx)(t.default,u({title:o,arrow:s,interactive:h,placement:f},k,{children:(0,a.jsx)("span",u({className:l()("paraui-help",d)},{children:i||(0,a.jsx)(c(),{})}))}))}},4254:function(e,r,o){"use strict";var a=o(5893),t=(o(3936),function(){return t=Object.assign||function(e){for(var r,o=1,a=arguments.length;o<a;o++)for(var t in r=arguments[o])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},t.apply(this,arguments)});r.default=function(e){var r,o=e.className,i=e.style,c=e.error,n=void 0!==c&&c,l=e.helperText;return(0,a.jsx)("p",t({className:(r="paraui-helper-text",o&&(r+=" "+o),n&&(r+=" paraui-helper-text-error"),r),style:i},{children:l}))}},8767:function(e,r,o){"use strict";var a=o(5893),t=o(3566),i=(o(9663),function(){return i=Object.assign||function(e){for(var r,o=1,a=arguments.length;o<a;o++)for(var t in r=arguments[o])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},i.apply(this,arguments)});r.default=function(e){var r=e.className,o=e.style,c=e.label,n=e.labelSign,l=e.required,u=void 0!==l&&l,p=e.tooltip,s=e.tooltipType,b=void 0===s?"icon":s,h=e.placement,d=e.arrow,x=e.tooltipIcon,f=function(){var e="paraui-label";return b&&(e+=" paraui-label-"+b),p&&(e+=" paraui-label-tooltip"),r&&(e+=" "+r),e};return(0,a.jsxs)(a.Fragment,{children:["icon"===b&&(0,a.jsxs)("label",i({className:f(),style:o},{children:[(0,a.jsx)(a.Fragment,{children:c}),u&&(0,a.jsx)("span",i({className:"paraui-label-required"},{children:"*"})),n&&(0,a.jsx)("span",{children:n}),p&&(0,a.jsx)(t.default,i({title:p,placement:h,arrow:d},{children:x}))]})),"line"===b&&(0,a.jsx)(t.default,i({title:p||"",placement:h,arrow:d},{children:(0,a.jsxs)("label",i({className:f(),style:o},{children:[(0,a.jsx)(a.Fragment,{children:c}),u&&(0,a.jsx)("span",i({className:"paraui-label-required"},{children:"*"})),n&&(0,a.jsx)("span",{children:n})]}))}))]})}},7371:function(e,r,o){"use strict";var a=o(5893),t=o(670),i=o(5744),c=o.n(i),n=(o(2310),function(){return n=Object.assign||function(e){for(var r,o=1,a=arguments.length;o<a;o++)for(var t in r=arguments[o])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},n.apply(this,arguments)}),l=function(e,r){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(a=Object.getOwnPropertySymbols(e);t<a.length;t++)r.indexOf(a[t])<0&&Object.prototype.propertyIsEnumerable.call(e,a[t])&&(o[a[t]]=e[a[t]])}return o};r.default=function(e){var r,o=e.placement,i=void 0===o?"top-start":o,u=e.className,p=e.arrow,s=void 0===p||p,b=e.PopperProps,h=e.boundariesElement,d=void 0===h?"scrollParent":h,x=l(e,["placement","className","arrow","PopperProps","boundariesElement"]),f=n(n({},e.classes),{popper:c()("paraui-tooltip",u,null===(r=e.classes)||void 0===r?void 0:r.popper,{"paraui-tooltip-left-right":(null==i?void 0:i.includes("left"))||(null==i?void 0:i.includes("right")),"paraui-tooltip-top-bottom":(null==i?void 0:i.includes("top"))||(null==i?void 0:i.includes("bottom"))})});return(0,a.jsx)(t.Tooltip,n({},x,{enterTouchDelay:0,arrow:s,placement:i,classes:f,PopperProps:n(n({},b),{modifiers:{preventOverflow:{boundariesElement:d}}})}))}},670:function(e){"use strict";e.exports=r},8076:function(e){"use strict";e.exports=a},8543:function(e){"use strict";e.exports=t},5744:function(e){"use strict";e.exports=o},8156:function(r){"use strict";r.exports=e}},c={};function n(e){var r=c[e];if(void 0!==r)return r.exports;var o=c[e]={id:e,exports:{}};return i[e](o,o.exports,n),o.exports}n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,{a:r}),r},n.d=function(e,r){for(var o in r)n.o(r,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},n.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nc=void 0;var l={};return function(){"use strict";n.r(l),n.d(l,{CheckboxGroup:function(){return u}});var e=n(8156),r=n(5893),o=n(9690),a=n(8767),t=n(4254),i=n(8543),c=(n(7708),function(){return c=Object.assign||function(e){for(var r,o=1,a=arguments.length;o<a;o++)for(var t in r=arguments[o])Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e},c.apply(this,arguments)}),u=function(n){var l=n.label,u=void 0===l?"":l,p=n.labelTooltip,s=n.size,b=void 0===s?"large":s,h=n.row,d=void 0===h||h,x=n.disabled,f=void 0!==x&&x,k=n.required,g=void 0!==k&&k,v=n.error,m=void 0!==v&&v,y=n.helperText,j=void 0===y?"":y,w=n.id,O=void 0===w?"name":w,S=n.list,N=n.className,C=void 0===N?"":N,P=n.onChange,_=n.style,M=(0,e.useState)([]),E=M[0],H=M[1];(0,e.useEffect)((function(){void 0!==n.defaultValue&&H(n.defaultValue)}),[]),(0,e.useEffect)((function(){void 0!==n.value&&H(n.value)}),[n.value]);var T,q=function(e){return function(r,o){var a=e[O],t=(0,i.DeepClone)(E);if(o)t.push(a);else{var c=t.indexOf(a);t.splice(c,1)}void 0===n.value&&H(t),P&&P(t)}};return(0,r.jsxs)("div",c({className:(T="paraui-check-box-group",C&&(T+=" "+C),b&&(T+=" check-box-group-"+b),m&&(T+=" check-box-group-error"),f&&(T+=" check-box-group-disabled"),T+=d?" check-box-group-row":" check-box-group-column"),style:_},{children:[function(){if(u||g){return(0,r.jsx)(a.default,c({label:u,required:g},p,{className:(e="check-box-group-label",p&&p.className&&(e+=" "+p.className),e)}))}var e;return null}(),(0,r.jsx)("div",c({className:"check-box-group-content"},{children:S.map((function(r,a){return(0,e.createElement)(o.default,c({},r,{checked:-1!==E.indexOf(r[O]),size:b,disabled:Boolean(f||r.disabled),key:a,onChange:q(r)}))}))})),(0,r.jsx)(t.default,{className:"check-box-group-error-text",error:m,helperText:j})]}))};l.default=u}(),l}()}));

package/Collapse/collapsePanel.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @author linhd
+ * @date 2022/3/7 4:12 PM
+ * @description 折叠面板
+ */
+import React, { FunctionComponent } from 'react';
+export declare type CollapsibleType = 'header' | 'disabled';
+export interface CollapsePanelProps {
+    /** className */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+    /** 对应 activeKey */
+    key: string | number;
+    /** 面板头内容 */
+    header: React.ReactNode;
+    /** @deprecated Use `collapsible="disabled"` instead */
+    disabled?: boolean;
+    /** 是否展示当前面板上的箭头 */
+    showArrow?: boolean;
+    /** 被隐藏时是否渲染 DOM 结构 */
+    forceRender?: boolean;
+    id?: string;
+    /** 自定义渲染每个面板右上角的内容 */
+    extra?: React.ReactNode;
+    /** 是否可折叠或指定可折叠触发区域 */
+    collapsible?: CollapsibleType;
+}
+export declare const CollapsePanelProps: FunctionComponent<CollapsePanelProps>;
+export default CollapsePanelProps;

package/Collapse/index.d.ts

@@ -1,51 +1,17 @@
-import React__default, { FunctionComponent } from 'react';
-import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
-
-/**
- * @author linhd
- * @date 2022/3/7 4:12 PM
- * @description 折叠面板
- */
-
-declare type CollapsibleType = 'header' | 'disabled';
-interface CollapsePanelProps {
-    /** className */
-    className?: string;
-    /** 样式 */
-    style?: React__default.CSSProperties;
-    /** 对应 activeKey */
-    key: string | number;
-    /** 面板头内容 */
-    header: React__default.ReactNode;
-    /** @deprecated Use `collapsible="disabled"` instead */
-    disabled?: boolean;
-    /** 是否展示当前面板上的箭头 */
-    showArrow?: boolean;
-    /** 被隐藏时是否渲染 DOM 结构 */
-    forceRender?: boolean;
-    id?: string;
-    /** 自定义渲染每个面板右上角的内容 */
-    extra?: React__default.ReactNode;
-    /** 是否可折叠或指定可折叠触发区域 */
-    collapsible?: CollapsibleType;
-}
-declare const CollapsePanelProps: FunctionComponent<CollapsePanelProps>;
-
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-collapse {\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  background-color: white;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-collapse .paraui-collapse-motion-collapse {\n  overflow: hidden;\n  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}\n.paraui-collapse > .paraui-collapse-item {\n  border-top: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header {\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  color: rgb(46, 55, 67);\n  cursor: pointer;\n  font-weight: 700;\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-svg-box {\n  line-height: 0;\n  margin-right: 16px;\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-svg-box svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-svg-box .paraui-collapse-expand-svg {\n  transition: all 0.3s, visibility 0s;\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-extra {\n  line-height: 0;\n  margin-left: auto;\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-extra svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-content.paraui-collapse-content-hidden {\n  display: none;\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-content > .paraui-collapse-content-box {\n  padding: 0 16px 16px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-collapse > .paraui-collapse-item.paraui-collapse-item-active > .paraui-collapse-header > .paraui-collapse-svg-box .paraui-collapse-expand-svg {\n  transform: rotate(90deg);\n}\n.paraui-collapse.paraui-collapse-svg-right > .paraui-collapse-item > .paraui-collapse-header {\n  padding-right: 40px;\n  position: relative;\n}\n.paraui-collapse.paraui-collapse-svg-right > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-svg-box {\n  position: absolute;\n  right: 12px;\n  top: 17px;\n  margin-right: 0;\n}\n.paraui-collapse > .paraui-collapse-item-disabled > .paraui-collapse-header {\n  color: rgb(46, 55, 67);\n  cursor: not-allowed;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-collapse > .paraui-collapse-item-disabled > .paraui-collapse-header > .paraui-collapse-svg-box svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item-disabled > .paraui-collapse-header > .paraui-collapse-svg-box .paraui-collapse-expand-svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item-disabled > .paraui-collapse-header > .paraui-collapse-extra svg {\n  color: rgb(46, 55, 67);\n}";
-styleInject(css_248z);
-
 /**
  * @author linhd
  * @date 2022/3/7 4:03 PM
  * @description 折叠面板
  */
-
-declare type ExpandIconPosition = 'left' | 'right' | undefined;
-interface CollapseProps {
+import React from 'react';
+import CollapsePanel, { CollapsibleType } from './collapsePanel';
+import './index.scss';
+export declare type ExpandIconPosition = 'left' | 'right' | undefined;
+export interface CollapseProps {
     /** className */
     className?: string;
     /** 样式 */
-    style?: React__default.CSSProperties;
+    style?: React.CSSProperties;
     /** 初始化选中面板的 key */
     defaultActiveKey?: Array<string | number> | string | number;
     /** 当前激活 tab 面板的 key */
@@ -57,7 +23,7 @@ interface CollapseProps {
     /** 销毁折叠隐藏的面板 */
     destroyInactivePanel?: boolean;
     /** 自定义切换图标 */
-    expandIcon?: (panelProps: PanelProps) => React__default.ReactNode;
+    expandIcon?: (panelProps: PanelProps) => React.ReactNode;
     /** 设置图标位置 */
     expandIconPosition?: ExpandIconPosition;
     /** onChange */
@@ -68,11 +34,11 @@ interface PanelProps {
     /** 是否展开 */
     isActive?: boolean;
     /** 面板头内容 */
-    header?: React__default.ReactNode;
+    header?: React.ReactNode;
     /** className */
     className?: string;
     /** style */
-    style?: React__default.CSSProperties;
+    style?: React.CSSProperties;
     /** 是否展示当前面板上的箭头 */
     showArrow?: boolean;
     /** 被隐藏时是否渲染 DOM 结构 */
@@ -80,13 +46,12 @@ interface PanelProps {
     /** @deprecated Use `collapsible="disabled"` instead */
     disabled?: boolean;
     /** 自定义渲染每个面板右上角的内容 */
-    extra?: React__default.ReactNode;
+    extra?: React.ReactNode;
     /** 是否可折叠或指定可折叠触发区域 */
     collapsible?: CollapsibleType;
 }
-interface CollapseInterface extends React__default.FC<CollapseProps> {
-    Panel: typeof CollapsePanelProps;
+interface CollapseInterface extends React.FC<CollapseProps> {
+    Panel: typeof CollapsePanel;
 }
-declare const Collapse: CollapseInterface;
-
-export { Collapse, CollapseProps, ExpandIconPosition, Collapse as default };
+export declare const Collapse: CollapseInterface;
+export default Collapse;

package/Collapse/index.js

@@ -1,171 +1,15 @@
-import { jsx } from 'react/jsx-runtime';
-import RcCollapse from 'rc-collapse';
-import * as React from 'react';
-import Right from '@para-ui/icons/Right';
-import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-
-var CollapsePanelProps = function CollapsePanelProps(props) {
-  var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$showArrow = props.showArrow,
-      showArrow = _props$showArrow === void 0 ? true : _props$showArrow;
-  /** 处理className */
-
-  var handClass = function handClass() {
-    var str = '';
-    if (className) str += className;
-    if (!showArrow) str += ' paraui-collapse-panel-no-arrow';
-    return str;
-  };
-
-  return jsx(RcCollapse.Panel, Object.assign({}, props, {
-    className: handClass(),
-    prefixCls: 'paraui-collapse'
-  }));
-};
-
-var isValidElement = React.isValidElement;
-function replaceElement(element, replacement, props) {
-  if (!isValidElement(element)) return replacement;
-  return /*#__PURE__*/React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
-}
-function cloneElement(element, props) {
-  return replaceElement(element, element, props);
-}
-/** toArray */
-
-function toArray(list) {
-  if (!list) {
-    return [];
-  }
-
-  return Array.isArray(list) ? list : [list];
-}
-/** omit */
-
-function omit(obj, fields) {
-  var clone = Object.assign({}, obj);
-
-  if (Array.isArray(fields)) {
-    fields.forEach(function (key) {
-      delete clone[key];
-    });
-  }
-
-  return clone;
-}
-
-// ================== Collapse Motion ==================
-var getCollapsedHeight = function getCollapsedHeight() {
-  return {
-    height: 0,
-    opacity: 0
-  };
-};
-
-var getRealHeight = function getRealHeight(node) {
-  var scrollHeight = node.scrollHeight;
-  return {
-    height: scrollHeight,
-    opacity: 1
-  };
-};
-
-var getCurrentHeight = function getCurrentHeight(node) {
-  return {
-    height: node ? node.offsetHeight : 0
-  };
-};
-
-var skipOpacityTransition = function skipOpacityTransition(_, event) {
-  return (event === null || event === void 0 ? void 0 : event.deadline) === true || event.propertyName === 'height';
-};
-
-var collapseMotion = {
-  motionName: 'paraui-collapse-motion-collapse',
-  onAppearStart: getCollapsedHeight,
-  onEnterStart: getCollapsedHeight,
-  onAppearActive: getRealHeight,
-  onEnterActive: getRealHeight,
-  onLeaveStart: getCurrentHeight,
-  onLeaveActive: getCollapsedHeight,
-  onAppearEnd: skipOpacityTransition,
-  onEnterEnd: skipOpacityTransition,
-  onLeaveEnd: skipOpacityTransition,
-  motionDeadline: 500
-};
-
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-collapse {\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  background-color: white;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-collapse .paraui-collapse-motion-collapse {\n  overflow: hidden;\n  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}\n.paraui-collapse > .paraui-collapse-item {\n  border-top: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header {\n  display: flex;\n  align-items: center;\n  padding: 16px;\n  color: rgb(46, 55, 67);\n  cursor: pointer;\n  font-weight: 700;\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-svg-box {\n  line-height: 0;\n  margin-right: 16px;\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-svg-box svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-svg-box .paraui-collapse-expand-svg {\n  transition: all 0.3s, visibility 0s;\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-extra {\n  line-height: 0;\n  margin-left: auto;\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-extra svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-content.paraui-collapse-content-hidden {\n  display: none;\n}\n.paraui-collapse > .paraui-collapse-item > .paraui-collapse-content > .paraui-collapse-content-box {\n  padding: 0 16px 16px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-collapse > .paraui-collapse-item.paraui-collapse-item-active > .paraui-collapse-header > .paraui-collapse-svg-box .paraui-collapse-expand-svg {\n  transform: rotate(90deg);\n}\n.paraui-collapse.paraui-collapse-svg-right > .paraui-collapse-item > .paraui-collapse-header {\n  padding-right: 40px;\n  position: relative;\n}\n.paraui-collapse.paraui-collapse-svg-right > .paraui-collapse-item > .paraui-collapse-header > .paraui-collapse-svg-box {\n  position: absolute;\n  right: 12px;\n  top: 17px;\n  margin-right: 0;\n}\n.paraui-collapse > .paraui-collapse-item-disabled > .paraui-collapse-header {\n  color: rgb(46, 55, 67);\n  cursor: not-allowed;\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-collapse > .paraui-collapse-item-disabled > .paraui-collapse-header > .paraui-collapse-svg-box svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item-disabled > .paraui-collapse-header > .paraui-collapse-svg-box .paraui-collapse-expand-svg {\n  color: rgb(46, 55, 67);\n}\n.paraui-collapse > .paraui-collapse-item-disabled > .paraui-collapse-header > .paraui-collapse-extra svg {\n  color: rgb(46, 55, 67);\n}";
-styleInject(css_248z);
-
-var Collapse = function Collapse(props) {
-  var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$expandIconPosi = props.expandIconPosition,
-      expandIconPosition = _props$expandIconPosi === void 0 ? 'left' : _props$expandIconPosi;
-  /** 处理字内容 */
-
-  var getItems = function getItems() {
-    var children = props.children;
-    return toArray(children).map(function (child, index) {
-      var _a;
-
-      if ((_a = child.props) === null || _a === void 0 ? void 0 : _a.disabled) {
-        var key = child.key || String(index);
-        var _child$props = child.props,
-            disabled = _child$props.disabled,
-            collapsible = _child$props.collapsible;
-        var childProps = Object.assign(Object.assign({}, omit(child.props, ['disabled'])), {
-          key: key,
-          collapsible: collapsible !== null && collapsible !== void 0 ? collapsible : disabled ? 'disabled' : undefined
-        });
-        return cloneElement(child, childProps);
-      }
-
-      return child;
-    });
-  };
-  /** 处理展开图标 */
-
-
-  var renderExpandIcon = function renderExpandIcon() {
-    var panelProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var expandIcon = props.expandIcon;
-    var icon = expandIcon ? expandIcon(panelProps) : jsx(Right, {
-      className: "paraui-collapse-expand-svg"
-    });
-    return jsx("div", Object.assign({
-      className: "paraui-collapse-svg-box"
-    }, {
-      children: icon
-    }));
-  };
-  /** 处理className */
-
-
-  var handClass = function handClass() {
-    var str = '';
-    if (className) str += className;
-    if (expandIconPosition) str += ' paraui-collapse-svg-' + expandIconPosition;
-    return str;
-  };
-  /** 处理过度动画 */
-
-
-  var openMotion = Object.assign(Object.assign({}, collapseMotion), {
-    motionAppear: false,
-    leavedClassName: "paraui-collapse-content-hidden"
-  });
-  return jsx(RcCollapse, Object.assign({
-    openMotion: openMotion
-  }, props, {
-    expandIcon: renderExpandIcon,
-    prefixCls: 'paraui-collapse',
-    className: handClass()
-  }, {
-    children: getItems()
-  }));
-};
-Collapse.Panel = CollapsePanelProps;
-
-export { Collapse, Collapse as default };
+!function(e,a){"object"==typeof exports&&"object"==typeof module?module.exports=a(require("react"),require("rc-collapse"),require("@para-ui/icons/Right")):"function"==typeof define&&define.amd?define(["react","rc-collapse","@para-ui/icons/Right"],a):"object"==typeof exports?exports.ParaUI=a(require("react"),require("rc-collapse"),require("@para-ui/icons/Right")):e.ParaUI=a(e.react,e["rc-collapse"],e["@para-ui/icons/Right"])}(self,(function(e,a,r){return function(){var t={8224:function(e,a,r){(a=r(3645)(!1)).push([e.id,".paraui-collapse{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;background-color:#fff;border-bottom:1px solid rgba(171,176,185,.4)}.paraui-collapse .paraui-collapse-motion-collapse{overflow:hidden;transition:height .2s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .2s cubic-bezier(0.645, 0.045, 0.355, 1) !important}.paraui-collapse>.paraui-collapse-item{border-top:1px solid rgba(171,176,185,.4)}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-header{display:flex;align-items:center;padding:16px;color:#2e3743;cursor:pointer;font-weight:700}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-header>.paraui-collapse-svg-box{line-height:0;margin-right:16px}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-header>.paraui-collapse-svg-box svg{color:#2e3743}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-header>.paraui-collapse-svg-box .paraui-collapse-expand-svg{transition:all .3s,visibility 0s;color:#2e3743}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-header>.paraui-collapse-extra{line-height:0;margin-left:auto}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-header>.paraui-collapse-extra svg{color:#2e3743}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-content.paraui-collapse-content-hidden{display:none}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-content>.paraui-collapse-content-box{padding:0 16px 16px;color:#2e3743;font-size:14px}.paraui-collapse>.paraui-collapse-item.paraui-collapse-item-active>.paraui-collapse-header>.paraui-collapse-svg-box .paraui-collapse-expand-svg{transform:rotate(90deg)}.paraui-collapse.paraui-collapse-svg-right>.paraui-collapse-item>.paraui-collapse-header{padding-right:40px;position:relative}.paraui-collapse.paraui-collapse-svg-right>.paraui-collapse-item>.paraui-collapse-header>.paraui-collapse-svg-box{position:absolute;right:12px;top:17px;margin-right:0}.paraui-collapse>.paraui-collapse-item-disabled>.paraui-collapse-header{color:#2e3743;cursor:not-allowed;background-color:rgba(171,176,185,.12)}.paraui-collapse>.paraui-collapse-item-disabled>.paraui-collapse-header>.paraui-collapse-svg-box svg{color:#2e3743}.paraui-collapse>.paraui-collapse-item-disabled>.paraui-collapse-header>.paraui-collapse-svg-box .paraui-collapse-expand-svg{color:#2e3743}.paraui-collapse>.paraui-collapse-item-disabled>.paraui-collapse-header>.paraui-collapse-extra svg{color:#2e3743}",""]),e.exports=a},3645:function(e){"use strict";e.exports=function(e){var a=[];return a.toString=function(){return this.map((function(a){var r=function(e,a){var r=e[1]||"",t=e[3];if(!t)return r;if(a&&"function"==typeof btoa){var o=(i=t,l=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(l),"/*# ".concat(c," */")),n=t.sources.map((function(e){return"/*# sourceURL=".concat(t.sourceRoot||"").concat(e," */")}));return[r].concat(n).concat([o]).join("\n")}var i,l,c;return[r].join("\n")}(a,e);return a[2]?"@media ".concat(a[2]," {").concat(r,"}"):r})).join("")},a.i=function(e,r,t){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(t)for(var n=0;n<this.length;n++){var i=this[n][0];null!=i&&(o[i]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);t&&o[c[0]]||(r&&(c[2]?c[2]="".concat(r," and ").concat(c[2]):c[2]=r),a.push(c))}},a}},7418:function(e){"use strict";
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/var a=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var a={},r=0;r<10;r++)a["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(a).map((function(e){return a[e]})).join(""))return!1;var t={};return"abcdefghijklmnopqrst".split("").forEach((function(e){t[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},t)).join("")}catch(e){return!1}}()?Object.assign:function(e,n){for(var i,l,c=o(e),s=1;s<arguments.length;s++){for(var p in i=Object(arguments[s]))r.call(i,p)&&(c[p]=i[p]);if(a){l=a(i);for(var u=0;u<l.length;u++)t.call(i,l[u])&&(c[l[u]]=i[l[u]])}}return c}},5251:function(e,a,r){"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.
+ */
+r(7418);var t=r(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var n=Symbol.for;o=n("react.element"),n("react.fragment")}var i=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function s(e,a,r){var t,n={},s=null,p=null;for(t in void 0!==r&&(s=""+r),void 0!==a.key&&(s=""+a.key),void 0!==a.ref&&(p=a.ref),a)l.call(a,t)&&!c.hasOwnProperty(t)&&(n[t]=a[t]);if(e&&e.defaultProps)for(t in a=e.defaultProps)void 0===n[t]&&(n[t]=a[t]);return{$$typeof:o,type:e,key:s,ref:p,props:n,_owner:i.current}}a.jsx=s},5893:function(e,a,r){"use strict";e.exports=r(5251)},5543:function(e,a,r){var t=r(3379),o=r(8224);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var n={insert:("body","body"),singleton:!1};t(o,n);e.exports=o.locals||{}},3379:function(e,a,r){"use strict";var t,o=function(){return void 0===t&&(t=Boolean(window&&document&&document.all&&!window.atob)),t},n=function(){var e={};return function(a){if(void 0===e[a]){var r=document.querySelector(a);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}e[a]=r}return e[a]}}(),i=[];function l(e){for(var a=-1,r=0;r<i.length;r++)if(i[r].identifier===e){a=r;break}return a}function c(e,a){for(var r={},t=[],o=0;o<e.length;o++){var n=e[o],c=a.base?n[0]+a.base:n[0],s=r[c]||0,p="".concat(c," ").concat(s);r[c]=s+1;var u=l(p),f={css:n[1],media:n[2],sourceMap:n[3]};-1!==u?(i[u].references++,i[u].updater(f)):i.push({identifier:p,updater:g(f,a),references:1}),t.push(p)}return t}function s(e){var a=document.createElement("style"),t=e.attributes||{};if(void 0===t.nonce){var o=r.nc;o&&(t.nonce=o)}if(Object.keys(t).forEach((function(e){a.setAttribute(e,t[e])})),"function"==typeof e.insert)e.insert(a);else{var i=n(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(a)}return a}var p,u=(p=[],function(e,a){return p[e]=a,p.filter(Boolean).join("\n")});function f(e,a,r,t){var o=r?"":t.media?"@media ".concat(t.media," {").concat(t.css,"}"):t.css;if(e.styleSheet)e.styleSheet.cssText=u(a,o);else{var n=document.createTextNode(o),i=e.childNodes;i[a]&&e.removeChild(i[a]),i.length?e.insertBefore(n,i[a]):e.appendChild(n)}}function d(e,a,r){var t=r.css,o=r.media,n=r.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),n&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */")),e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}var v=null,h=0;function g(e,a){var r,t,o;if(a.singleton){var n=h++;r=v||(v=s(a)),t=f.bind(null,r,n,!1),o=f.bind(null,r,n,!0)}else r=s(a),t=d.bind(null,r,a),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return t(e),function(a){if(a){if(a.css===e.css&&a.media===e.media&&a.sourceMap===e.sourceMap)return;t(e=a)}else o()}}e.exports=function(e,a){(a=a||{}).singleton||"boolean"==typeof a.singleton||(a.singleton=o());var r=c(e=e||[],a);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var t=0;t<r.length;t++){var o=l(r[t]);i[o].references--}for(var n=c(e,a),s=0;s<r.length;s++){var p=l(r[s]);0===i[p].references&&(i[p].updater(),i.splice(p,1))}r=n}}}},7375:function(e){"use strict";e.exports=r},3749:function(e){"use strict";e.exports=a},8156:function(a){"use strict";a.exports=e}},o={};function n(e){var a=o[e];if(void 0!==a)return a.exports;var r=o[e]={id:e,exports:{}};return t[e](r,r.exports,n),r.exports}n.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(a,{a:a}),a},n.d=function(e,a){for(var r in a)n.o(a,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:a[r]})},n.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nc=void 0;var i={};return function(){"use strict";n.r(i),n.d(i,{Collapse:function(){return m},default:function(){return y}});var e=n(5893),a=n(3749),r=n.n(a),t=function(){return t=Object.assign||function(e){for(var a,r=1,t=arguments.length;r<t;r++)for(var o in a=arguments[r])Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o]);return e},t.apply(this,arguments)},o=function(a){var o,n=a.className,i=void 0===n?"":n,l=a.showArrow,c=void 0===l||l;return(0,e.jsx)(r().Panel,t({},a,{className:(o="",i&&(o+=i),c||(o+=" paraui-collapse-panel-no-arrow"),o),prefixCls:"paraui-collapse"}))},l=n(8156),c=function(){return c=Object.assign||function(e){for(var a,r=1,t=arguments.length;r<t;r++)for(var o in a=arguments[r])Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o]);return e},c.apply(this,arguments)},s=l.isValidElement;function p(e,a){return function(e,a,r){return s(e)?l.cloneElement(e,"function"==typeof r?r(e.props||{}):r):a}(e,e,a)}var u=n(7375),f=n.n(u),d=function(){return{height:0,opacity:0}},v=function(e){return{height:e.scrollHeight,opacity:1}},h=function(e,a){return!0===(null==a?void 0:a.deadline)||"height"===a.propertyName},g={motionName:"paraui-collapse-motion-collapse",onAppearStart:d,onEnterStart:d,onAppearActive:v,onEnterActive:v,onLeaveStart:function(e){return{height:e?e.offsetHeight:0}},onLeaveActive:d,onAppearEnd:h,onEnterEnd:h,onLeaveEnd:h,motionDeadline:500},b=(n(5543),function(){return b=Object.assign||function(e){for(var a,r=1,t=arguments.length;r<t;r++)for(var o in a=arguments[r])Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o]);return e},b.apply(this,arguments)}),m=function(a){var t,o,n,i=a.className,l=void 0===i?"":i,s=a.expandIconPosition,u=void 0===s?"left":s,d=b(b({},g),{motionAppear:!1,leavedClassName:"paraui-collapse-content-hidden"});return(0,e.jsx)(r(),b({openMotion:d},a,{expandIcon:function(r){void 0===r&&(r={});var t=a.expandIcon,o=t?t(r):(0,e.jsx)(f(),{className:"paraui-collapse-expand-svg"});return(0,e.jsx)("div",b({className:"paraui-collapse-svg-box"},{children:o}))},prefixCls:"paraui-collapse",className:(n="",l&&(n+=l),u&&(n+=" paraui-collapse-svg-"+u),n)},{children:(o=a.children,(t=o,t?Array.isArray(t)?t:[t]:[]).map((function(e,a){var r,t,o,n;if(null===(r=e.props)||void 0===r?void 0:r.disabled){var i=e.key||String(a),l=e.props,s=l.disabled,u=l.collapsible;return p(e,b(b({},(t=e.props,o=["disabled"],n=c({},t),Array.isArray(o)&&o.forEach((function(e){delete n[e]})),n)),{key:i,collapsible:null!=u?u:s?"disabled":void 0}))}return e})))}))};m.Panel=o;var y=m}(),i}()}));

package/Collapse/motion.d.ts

@@ -0,0 +1,5 @@
+import { CSSMotionProps } from 'rc-motion';
+declare const collapseMotion: CSSMotionProps;
+declare const getTransitionName: (rootPrefixCls: string, motion: string, transitionName?: string) => string;
+export { getTransitionName };
+export default collapseMotion;

package/Collapse/util.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export declare const isValidElement: typeof React.isValidElement;
+declare type AnyObject = Record<any, any>;
+declare type RenderProps = undefined | AnyObject | ((originProps: AnyObject) => AnyObject | undefined);
+export declare function replaceElement(element: React.ReactNode, replacement: React.ReactNode, props: RenderProps): React.ReactNode;
+export declare function cloneElement(element: React.ReactNode, props?: RenderProps): React.ReactElement;
+/** toArray */
+export declare function toArray<T>(list: T | T[]): T[];
+/** omit */
+export declare function omit<T extends object, K extends keyof T>(obj: T, fields: K[]): Omit<T, K>;
+export {};

package/CollapseBox/index.d.ts

@@ -1,20 +1,15 @@
-import React__default, { FunctionComponent } from 'react';
-import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".paraui-collapse-box {\n  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  width: 100%;\n  overflow: hidden;\n  height: 0;\n}\n.paraui-collapse-box > .paraui-collapse-box-wrapper {\n  display: flex;\n  width: 100%;\n}\n.paraui-collapse-box > .paraui-collapse-box-wrapper > .paraui-collapse-box-wrapper-inner {\n  width: 100%;\n}\n.paraui-collapse-box.paraui-collapse-box-entered {\n  overflow: visible;\n}\n.paraui-collapse-box.paraui-collapse-box-hidden {\n  visibility: hidden;\n}";
-styleInject(css_248z);
-
 /**
  * @author linhd
  * @date 2022/5/23 2:19 PM
  * @description 折叠容器
  */
-
-interface CollapseBoxProps {
+import React, { FunctionComponent } from 'react';
+import './index.scss';
+export interface CollapseBoxProps {
     /** className */
     className?: string;
     /** css样式 */
-    style?: React__default.CSSProperties;
+    style?: React.CSSProperties;
     /** 收起状态最小高度 */
     collapsedHeight?: string | number;
     /** 收起时是否不渲染子节点 */
@@ -29,5 +24,4 @@ interface CollapseBoxProps {
     [name: string]: any;
 }
 declare const CollapseBox: FunctionComponent<CollapseBoxProps>;
-
-export { CollapseBoxProps, CollapseBox as default };
+export default CollapseBox;