@para-ui/core 2.2.4 → 2.2.5-beta

package/Switch/index.js

@@ -1,14 +1,73 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("rc-switch"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@material-ui/core"),require("@para-ui/icons/Help")):"function"==typeof define&&define.amd?define(["react","rc-switch","clsx","@para-ui/icons/LoadingF","@material-ui/core","@para-ui/icons/Help"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("rc-switch"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@material-ui/core"),require("@para-ui/icons/Help")):e.ParaUI=t(e.react,e["rc-switch"],e.clsx,e["@para-ui/icons/LoadingF"],e["@material-ui/core"],e["@para-ui/icons/Help"])}(self,(function(e,t,r,i,a,n){return function(){var o={7381:function(e,t,r){(t=r(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=t},4928:function(e,t,r){(t=r(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=t},6378:function(e,t,r){(t=r(3645)(!1)).push([e.id,'.paraui-switch{position:relative;display:inline-block;min-width:32px;height:18px;vertical-align:middle;background-color:rgba(0,0,0,0);border:0;border-radius:100px;cursor:pointer;transition:all .2s;user-select:none}.paraui-switch:before{position:absolute;top:2px;left:0;width:100%;height:14px;border-radius:100px;background-color:rgba(171,176,185,.4);content:"";transition:all .2s}.paraui-switch:focus{outline:0;box-shadow:none}.paraui-switch-checked:focus{box-shadow:none}.paraui-switch:focus:hover{box-shadow:none}.paraui-switch-checked:before{background-color:rgba(54,102,214,.2)}.paraui-switch-loading,.paraui-switch-disabled{cursor:not-allowed;opacity:.4}.paraui-switch-loading *,.paraui-switch-disabled *{box-shadow:none;cursor:not-allowed}.paraui-switch-inner{display:block;margin:0 7px 0 25px;color:#fff;font-size:14px;transition:margin .2s}.paraui-switch-checked .paraui-switch-inner{margin:0 25px 0 7px}.paraui-switch-handle{position:absolute;top:0;left:0;width:18px;height:18px;transition:all .2s ease-in-out}.paraui-switch-handle::before{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#8996aa;border-radius:9px;box-shadow:none;transition:all .2s ease-in-out;content:""}.paraui-switch-checked .paraui-switch-handle{left:calc(100% - 18px)}.paraui-switch-checked .paraui-switch-handle::before{background-color:#3666d6}.paraui-switch:not(.paraui-switch-disabled):active .paraui-switch-handle::before{right:-30%;left:0}.paraui-switch:not(.paraui-switch-disabled):active.paraui-switch-checked .paraui-switch-handle::before{right:0;left:-30%}.paraui-switch-loading-icon{position:relative;top:1px;color:#3666d6;vertical-align:top;animation:loadingCircle 1s infinite linear}.paraui-switch-checked .paraui-switch-loading-icon{color:#fff}.paraui-switch-small{min-width:28px;height:14px;line-height:14px}.paraui-switch-small .paraui-switch-inner{margin:0 5px 0 18px;font-size:14px}.paraui-switch-small .paraui-switch-handle{width:12px;height:12px}.paraui-switch-small .paraui-switch-loading-icon{top:1.5px;font-size:9px}.paraui-switch-small.paraui-switch-checked .paraui-switch-inner{margin:0 18px 0 5px}.paraui-switch-small.paraui-switch-checked .paraui-switch-handle{left:calc(100% - 12px - 2px)}@keyframes loadingCircle{100%{transform:rotate(360deg)}}.paraui-switch-label{display:inline-flex}.paraui-switch-label .paraui-switch-text{color:rgba(46,55,67,.7);font-size:14px;font-weight:400}.paraui-switch-label-top{flex-direction:column-reverse;align-items:flex-start}.paraui-switch-label-top .paraui-switch-text{margin-bottom:8px}.paraui-switch-label-bottom{flex-direction:column;align-items:flex-start}.paraui-switch-label-bottom .paraui-switch-text{margin-top:8px;margin-bottom:0}.paraui-switch-label-start{flex-direction:row-reverse;align-items:center}.paraui-switch-label-start .paraui-switch-text{margin-right:8px;margin-bottom:0}.paraui-switch-label-end{flex-direction:row;align-items:center}.paraui-switch-label-end .paraui-switch-text{margin-left:8px;margin-bottom:0}',""]),e.exports=t},9929:function(e,t,r){(t=r(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=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r=function(e,t){var r=e[1]||"",i=e[3];if(!i)return r;if(t&&"function"==typeof btoa){var a=(o=i,l=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(l),"/*# ".concat(c," */")),n=i.sources.map((function(e){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(e," */")}));return[r].concat(n).concat([a]).join("\n")}var o,l,c;return[r].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(r,"}"):r})).join("")},t.i=function(e,r,i){"string"==typeof e&&(e=[[null,e,""]]);var a={};if(i)for(var n=0;n<this.length;n++){var o=this[n][0];null!=o&&(a[o]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);i&&a[c[0]]||(r&&(c[2]?c[2]="".concat(r," and ").concat(c[2]):c[2]=r),t.push(c))}},t}},7418:function(e){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function a(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 t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var i={};return"abcdefghijklmnopqrst".split("").forEach((function(e){i[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},i)).join("")}catch(e){return!1}}()?Object.assign:function(e,n){for(var o,l,c=a(e),s=1;s<arguments.length;s++){for(var p in o=Object(arguments[s]))r.call(o,p)&&(c[p]=o[p]);if(t){l=t(o);for(var u=0;u<l.length;u++)i.call(o,l[u])&&(c[l[u]]=o[l[u]])}}return c}},5251:function(e,t,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 i=r(8156),a=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var n=Symbol.for;a=n("react.element"),t.Fragment=n("react.fragment")}var o=i.__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,t,r){var i,n={},s=null,p=null;for(i in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(p=t.ref),t)l.call(t,i)&&!c.hasOwnProperty(i)&&(n[i]=t[i]);if(e&&e.defaultProps)for(i in t=e.defaultProps)void 0===n[i]&&(n[i]=t[i]);return{$$typeof:a,type:e,key:s,ref:p,props:n,_owner:o.current}}t.jsx=s,t.jsxs=s},5893:function(e,t,r){"use strict";e.exports=r(5251)},2113:function(e,t,r){var i=r(3379),a=r(7381);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var n={insert:("body","body"),singleton:!1};i(a,n);e.exports=a.locals||{}},9663:function(e,t,r){var i=r(3379),a=r(4928);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var n={insert:("body","body"),singleton:!1};i(a,n);e.exports=a.locals||{}},7809:function(e,t,r){var i=r(3379),a=r(6378);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var n={insert:("body","body"),singleton:!1};i(a,n);e.exports=a.locals||{}},2310:function(e,t,r){var i=r(3379),a=r(9929);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var n={insert:("body","body"),singleton:!1};i(a,n);e.exports=a.locals||{}},3379:function(e,t,r){"use strict";var i,a=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},n=function(){var e={};return function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}e[t]=r}return e[t]}}(),o=[];function l(e){for(var t=-1,r=0;r<o.length;r++)if(o[r].identifier===e){t=r;break}return t}function c(e,t){for(var r={},i=[],a=0;a<e.length;a++){var n=e[a],c=t.base?n[0]+t.base:n[0],s=r[c]||0,p="".concat(c," ").concat(s);r[c]=s+1;var u=l(p),d={css:n[1],media:n[2],sourceMap:n[3]};-1!==u?(o[u].references++,o[u].updater(d)):o.push({identifier:p,updater:m(d,t),references:1}),i.push(p)}return i}function s(e){var t=document.createElement("style"),i=e.attributes||{};if(void 0===i.nonce){var a=r.nc;a&&(i.nonce=a)}if(Object.keys(i).forEach((function(e){t.setAttribute(e,i[e])})),"function"==typeof e.insert)e.insert(t);else{var o=n(e.insert||"head");if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(t)}return t}var p,u=(p=[],function(e,t){return p[e]=t,p.filter(Boolean).join("\n")});function d(e,t,r,i){var a=r?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(e.styleSheet)e.styleSheet.cssText=u(t,a);else{var n=document.createTextNode(a),o=e.childNodes;o[t]&&e.removeChild(o[t]),o.length?e.insertBefore(n,o[t]):e.appendChild(n)}}function f(e,t,r){var i=r.css,a=r.media,n=r.sourceMap;if(a?e.setAttribute("media",a):e.removeAttribute("media"),n&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(n))))," */")),e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}var h=null,b=0;function m(e,t){var r,i,a;if(t.singleton){var n=b++;r=h||(h=s(t)),i=d.bind(null,r,n,!1),a=d.bind(null,r,n,!0)}else r=s(t),i=f.bind(null,r,t),a=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return i(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;i(e=t)}else a()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=a());var r=c(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var i=0;i<r.length;i++){var a=l(r[i]);o[a].references--}for(var n=c(e,t),s=0;s<r.length;s++){var p=l(r[s]);0===o[p].references&&(o[p].updater(),o.splice(p,1))}r=n}}}},3566:function(e,t,r){"use strict";var i=r(5893),a=r(7371),n=r(8076),o=r.n(n),l=r(5744),c=r.n(l),s=(r(2113),function(){return s=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},s.apply(this,arguments)}),p=function(e,t){var r={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++)t.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(r[i[a]]=e[i[a]])}return r};t.default=function(e){var t=e.title,r=void 0===t?"":t,n=e.children,l=e.arrow,u=void 0===l||l,d=e.interactive,f=void 0===d||d,h=e.className,b=e.placement,m=void 0===b?"top-start":b,g=p(e,["title","children","arrow","interactive","className","placement"]);return(0,i.jsx)(a.default,s({title:r,arrow:u,interactive:f,placement:m},g,{children:(0,i.jsx)("span",s({className:c()("paraui-help",h)},{children:n||(0,i.jsx)(o(),{})}))}))}},8767:function(e,t,r){"use strict";var i=r(5893),a=r(3566),n=(r(9663),function(){return n=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},n.apply(this,arguments)});t.default=function(e){var t=e.className,r=e.style,o=e.label,l=e.labelSign,c=e.required,s=void 0!==c&&c,p=e.tooltip,u=e.tooltipType,d=void 0===u?"icon":u,f=e.placement,h=e.arrow,b=e.tooltipIcon,m=function(){var e="paraui-label";return d&&(e+=" paraui-label-"+d),p&&(e+=" paraui-label-tooltip"),t&&(e+=" "+t),e};return(0,i.jsxs)(i.Fragment,{children:["icon"===d&&(0,i.jsxs)("label",n({className:m(),style:r},{children:[(0,i.jsx)(i.Fragment,{children:o}),s&&(0,i.jsx)("span",n({className:"paraui-label-required"},{children:"*"})),l&&(0,i.jsx)("span",{children:l}),p&&(0,i.jsx)(a.default,n({title:p,placement:f,arrow:h},{children:b}))]})),"line"===d&&(0,i.jsx)(a.default,n({title:p||"",placement:f,arrow:h},{children:(0,i.jsxs)("label",n({className:m(),style:r},{children:[(0,i.jsx)(i.Fragment,{children:o}),s&&(0,i.jsx)("span",n({className:"paraui-label-required"},{children:"*"})),l&&(0,i.jsx)("span",{children:l})]}))}))]})}},7371:function(e,t,r){"use strict";var i=r(5893),a=r(670),n=r(5744),o=r.n(n),l=(r(2310),function(){return l=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)}),c=function(e,t){var r={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++)t.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(r[i[a]]=e[i[a]])}return r};t.default=function(e){var t,r=e.placement,n=void 0===r?"top-start":r,s=e.className,p=e.arrow,u=void 0===p||p,d=e.PopperProps,f=e.boundariesElement,h=void 0===f?"scrollParent":f,b=c(e,["placement","className","arrow","PopperProps","boundariesElement"]),m=l(l({},e.classes),{popper:o()("paraui-tooltip",s,null===(t=e.classes)||void 0===t?void 0:t.popper,{"paraui-tooltip-left-right":(null==n?void 0:n.includes("left"))||(null==n?void 0:n.includes("right")),"paraui-tooltip-top-bottom":(null==n?void 0:n.includes("top"))||(null==n?void 0:n.includes("bottom"))})});return(0,i.jsx)(a.Tooltip,l({},b,{enterTouchDelay:0,arrow:u,placement:n,classes:m,PopperProps:l(l({},d),{modifiers:{preventOverflow:{boundariesElement:h}}})}))}},670:function(e){"use strict";e.exports=a},8076:function(e){"use strict";e.exports=n},2788:function(e){"use strict";e.exports=i},5744:function(e){"use strict";e.exports=r},2284:function(e){"use strict";e.exports=t},8156:function(t){"use strict";t.exports=e}},l={};function c(e){var t=l[e];if(void 0!==t)return t.exports;var r=l[e]={id:e,exports:{}};return o[e](r,r.exports,c),r.exports}c.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(t,{a:t}),t},c.d=function(e,t){for(var r in t)c.o(t,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.nc=void 0;var s={};return function(){"use strict";c.r(s),c.d(s,{Switch:function(){return d}});var e=c(5893),t=c(2284),r=c.n(t),i=c(5744),a=c.n(i),n=c(2788),o=c.n(n),l=c(8767),p=(c(7809),function(){return p=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},p.apply(this,arguments)}),u=function(e,t){var r={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++)t.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(r[i[a]]=e[i[a]])}return r},d=function(t){t.compact,t.size;var i=t.loading,n=t.disabled,c=t.className,s=t.label,d=t.labelTooltip,f=t.labelPlacement,h=void 0===f?"top":f,b=u(t,["compact","size","loading","disabled","className","label","labelTooltip","labelPlacement"]),m=a()("paraui-switch",{"paraui-switch-loading":i},c),g=a()("paraui-switch-label","paraui-switch-label-".concat(h)),v=(0,e.jsx)("div",p({className:"paraui-switch-handle"},{children:i&&(0,e.jsx)(o(),{className:"paraui-switch-loading-icon"})}));return s?(0,e.jsxs)("span",p({className:g},{children:[(0,e.jsx)(r(),p({},b,{prefixCls:"paraui-switch",className:m,disabled:n||i,loadingIcon:v})),(0,e.jsx)(l.default,p({label:s},d,{className:"paraui-switch-text"}))]})):(0,e.jsx)(r(),p({},b,{prefixCls:"paraui-switch",className:m,disabled:n||i,loadingIcon:v}))};s.default=d}(),s}()}));
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import RcSwitch from 'rc-switch';
+import clsx from 'clsx';
+import LoadingOutlined from '@para-ui/icons/LoadingF';
+import Label from '../Label/index.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../Help/index.js';
+import '../Tooltip/index.js';
+import '../_verture/slicedToArray-d7722f4b.js';
+import 'react';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Help';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/3 下午5:58\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-switch {\n  position: relative;\n  display: inline-block;\n  min-width: 32px;\n  height: 18px;\n  vertical-align: middle;\n  background-color: transparent;\n  border: 0;\n  border-radius: 100px;\n  cursor: pointer;\n  transition: all 0.2s;\n  user-select: none;\n}\n.paraui-switch:before {\n  position: absolute;\n  top: 2px;\n  left: 0;\n  width: 100%;\n  height: 14px;\n  border-radius: 100px;\n  background-color: rgba(171, 176, 185, 0.4);\n  content: \"\";\n  transition: all 0.2s;\n}\n.paraui-switch:focus {\n  outline: 0;\n  box-shadow: none;\n}\n.paraui-switch-checked:focus {\n  box-shadow: none;\n}\n.paraui-switch:focus:hover {\n  box-shadow: none;\n}\n.paraui-switch-checked:before {\n  background-color: rgba(54, 102, 214, 0.2);\n}\n.paraui-switch-loading, .paraui-switch-disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n.paraui-switch-loading *, .paraui-switch-disabled * {\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.paraui-switch-inner {\n  display: block;\n  margin: 0 7px 0 25px;\n  color: rgb(255, 255, 255);\n  font-size: 14px;\n  transition: margin 0.2s;\n}\n.paraui-switch-checked .paraui-switch-inner {\n  margin: 0 25px 0 7px;\n}\n.paraui-switch-handle {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 18px;\n  height: 18px;\n  transition: all 0.2s ease-in-out;\n}\n.paraui-switch-handle::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: #8996AA;\n  border-radius: 9px;\n  box-shadow: none;\n  transition: all 0.2s ease-in-out;\n  content: \"\";\n}\n.paraui-switch-checked .paraui-switch-handle {\n  left: calc(100% - 18px);\n}\n.paraui-switch-checked .paraui-switch-handle::before {\n  background-color: rgb(54, 102, 214);\n}\n.paraui-switch:not(.paraui-switch-disabled):active .paraui-switch-handle::before {\n  right: -30%;\n  left: 0;\n}\n.paraui-switch:not(.paraui-switch-disabled):active.paraui-switch-checked .paraui-switch-handle::before {\n  right: 0;\n  left: -30%;\n}\n.paraui-switch-loading-icon {\n  position: relative;\n  top: 1px;\n  color: rgb(54, 102, 214);\n  vertical-align: top;\n  animation: loadingCircle 1s infinite linear;\n}\n.paraui-switch-checked .paraui-switch-loading-icon {\n  color: rgb(255, 255, 255);\n}\n.paraui-switch-small {\n  min-width: 28px;\n  height: 14px;\n  line-height: 14px;\n}\n.paraui-switch-small .paraui-switch-inner {\n  margin: 0 5px 0 18px;\n  font-size: 14px;\n}\n.paraui-switch-small .paraui-switch-handle {\n  width: 12px;\n  height: 12px;\n}\n.paraui-switch-small .paraui-switch-loading-icon {\n  top: 1.5px;\n  font-size: 9px;\n}\n.paraui-switch-small.paraui-switch-checked .paraui-switch-inner {\n  margin: 0 18px 0 5px;\n}\n.paraui-switch-small.paraui-switch-checked .paraui-switch-handle {\n  left: calc(100% - 12px - 2px);\n}\n@keyframes loadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-switch-label {\n  display: inline-flex;\n}\n.paraui-switch-label .paraui-switch-text {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-switch-label-top {\n  flex-direction: column-reverse;\n  align-items: flex-start;\n}\n.paraui-switch-label-top .paraui-switch-text {\n  margin-bottom: 8px;\n}\n.paraui-switch-label-bottom {\n  flex-direction: column;\n  align-items: flex-start;\n}\n.paraui-switch-label-bottom .paraui-switch-text {\n  margin-top: 8px;\n  margin-bottom: 0;\n}\n.paraui-switch-label-start {\n  flex-direction: row-reverse;\n  align-items: center;\n}\n.paraui-switch-label-start .paraui-switch-text {\n  margin-right: 8px;\n  margin-bottom: 0;\n}\n.paraui-switch-label-end {\n  flex-direction: row;\n  align-items: center;\n}\n.paraui-switch-label-end .paraui-switch-text {\n  margin-left: 8px;\n  margin-bottom: 0;\n}";
+styleInject(css_248z);
+
+var Switch = function Switch(props) {
+  props.compact;
+      props.size;
+      var loading = props.loading,
+      disabled = props.disabled,
+      className = props.className,
+      label = props.label,
+      labelTooltip = props.labelTooltip,
+      _props$labelPlacement = props.labelPlacement,
+      labelPlacement = _props$labelPlacement === void 0 ? 'top' : _props$labelPlacement,
+      restProps = __rest(props, ["compact", "size", "loading", "disabled", "className", "label", "labelTooltip", "labelPlacement"]); //cls
+
+
+  var classes = clsx('paraui-switch', {
+    // 'paraui-switch-small': size === 'small',
+    'paraui-switch-loading': loading // 'paraui-switch-compact': compact
+
+  }, className); //label cls
+
+  var labelClasses = clsx('paraui-switch-label', "paraui-switch-label-".concat(labelPlacement)); //loading circle
+
+  var loadingIcon = jsx("div", Object.assign({
+    className: 'paraui-switch-handle'
+  }, {
+    children: loading && jsx(LoadingOutlined, {
+      className: 'paraui-switch-loading-icon'
+    })
+  }));
+
+  if (label) {
+    return jsxs("span", Object.assign({
+      className: labelClasses
+    }, {
+      children: [jsx(RcSwitch, Object.assign({}, restProps, {
+        prefixCls: 'paraui-switch',
+        className: classes,
+        disabled: disabled || loading,
+        loadingIcon: loadingIcon
+      })), jsx(Label, Object.assign({
+        label: label
+      }, labelTooltip, {
+        className: 'paraui-switch-text'
+      }))]
+    }));
+  }
+
+  return jsx(RcSwitch, Object.assign({}, restProps, {
+    prefixCls: 'paraui-switch',
+    className: classes,
+    disabled: disabled || loading,
+    loadingIcon: loadingIcon
+  }));
+};
+
+export { Switch, Switch as default };

package/Table/index.d.ts

@@ -1,10 +1,18 @@
+import { FunctionComponent } from 'react';
+import { T as TableProps } from '../_verture/interface-a9b7c716.js';
+import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
+import '../Empty/index.js';
+import '../OperateBtn/index.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-table {\n  width: 100%;\n  height: 100%;\n  display: inline-block;\n  overflow: auto;\n  background-color: white;\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}\n.paraui-table.paraui-table-no-data > .paraui-table-container > table {\n  height: 100%;\n}\n.paraui-table.paraui-table-load.paraui-table-no-data > .paraui-table-container > table {\n  height: auto;\n}\n.paraui-table.paraui-table-radio.paraui-table-check .table-radio {\n  left: 48px;\n}\n.paraui-table.paraui-table-expandable.paraui-table-check .table-expandable {\n  left: 48px;\n}\n.paraui-table.paraui-table-expandable.paraui-table-check.paraui-table-radio .table-expandable {\n  left: 80px;\n}\n.paraui-table > .table-contain {\n  height: 100%;\n  position: relative;\n}\n.paraui-table > .table-contain > table {\n  height: auto;\n}\n.paraui-table > .table-contain > table .table-checkbox {\n  left: 0;\n}\n.paraui-table > .table-contain > table .table-checkbox > label {\n  vertical-align: middle;\n}\n.paraui-table > .table-contain > table .table-radio {\n  left: 0;\n}\n.paraui-table > .table-contain > table .table-radio > label {\n  vertical-align: middle;\n}\n.paraui-table > .table-contain > table .table-expandable {\n  left: 0;\n}\n.paraui-table > .table-contain > table .table-expandable > svg {\n  vertical-align: middle;\n}\n.paraui-table > .table-contain > table > .table-head {\n  width: 100%;\n  white-space: nowrap;\n}\n.paraui-table > .table-contain > table > .table-head > tr th {\n  height: 50px;\n}\n.paraui-table > .table-contain > table > .table-head.table-head-scroll tr th {\n  max-width: 240px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box {\n  height: 49px;\n  line-height: 49px;\n  position: relative;\n  padding: 0 8px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n  height: 100%;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > span {\n  height: 100%;\n  display: inline-block;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n  width: 100%;\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-sort-svg {\n  line-height: 0;\n  width: 12px;\n  margin-left: 5px;\n  white-space: pre-wrap;\n  vertical-align: top;\n  height: inherit;\n  padding-top: 15px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-sort-svg > svg {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-sort-svg > .up-svg {\n  position: relative;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-sort-svg > .down-svg {\n  position: relative;\n  top: -5px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n  position: absolute;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n  width: 28px;\n  text-align: left;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  margin-left: 7px;\n  position: relative;\n  top: 2px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort {\n  cursor: pointer;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title > .table-header-title-label {\n  max-width: calc(100% - 18px);\n  width: auto;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n  margin-right: 18px;\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-header-title > .table-sort-svg > .up-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-header-title > .table-sort-svg > .down-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head .show-colums {\n  width: 56px;\n  cursor: pointer;\n  border-left: 1px solid rgba(171, 176, 185, 0.12);\n  right: 0;\n}\n.paraui-table > .table-contain > table > .table-head .show-colums > svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n  position: relative;\n  top: 5px;\n}\n.paraui-table > .table-contain > table > .table-head .show-colums:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n  padding-left: 16px;\n}\n.paraui-table > .table-contain > table > .table-head .table-head-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-table > .table-contain > table > .table-head .table-head-btn:first-child {\n  width: 48px;\n}\n.paraui-table > .table-contain > table > .table-body {\n  width: 100%;\n}\n.paraui-table > .table-contain > table > .table-body.table-body-scroll tr td {\n  max-width: 240px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-table > .table-contain > table > .table-body tr {\n  height: 56px;\n}\n.paraui-table > .table-contain > table > .table-body tr td {\n  background-color: white;\n}\n.paraui-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n  background-color: rgb(249, 250, 251);\n}\n.paraui-table > .table-contain > table > .table-body tr:hover td {\n  background-color: rgb(237, 241, 249);\n}\n.paraui-table > .table-contain > table > .table-body tr .table-expandable > svg {\n  transition: all 0.3s;\n  cursor: pointer;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-table > .table-contain > table > .table-body .more-table-row {\n  cursor: pointer;\n}\n.paraui-table > .table-contain > table > .table-body .more-table-row .more-btn {\n  color: rgb(54, 102, 214);\n  font-size: 14px;\n}\n.paraui-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n  padding-left: 16px;\n}\n.paraui-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n  padding: 0;\n}\n.paraui-table > .table-contain > table > .table-body .table-body-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-table > .table-contain > table > .table-body .table-body-btn:first-child {\n  width: 48px;\n}\n.paraui-table > .table-contain > table > .table-body > .table-no-data {\n  height: calc(100% - 50px);\n}\n.paraui-table > .table-contain > table > .table-body > .table-no-data:hover td {\n  background-color: white;\n}\n.paraui-table > .table-contain > table > .table-body > .table-no-data > td {\n  padding: 56px 0 0 0;\n}\n.paraui-table > .paraui-table-pagination {\n  width: 100%;\n  height: 60px;\n  padding-right: 10px;\n  display: flex;\n  align-items: flex-end;\n  justify-content: flex-end;\n}\n.paraui-table.table-pagination > .table-contain {\n  height: calc(100% - 60px);\n}\n.paraui-table.table-pagination.table-load-more > .table-contain {\n  height: 100%;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content {\n  width: 200px;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > label .paraui-checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > label .paraui-checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button {\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-table-show-colums-popover > .paraui-popover-content .show-colums-select > .show-colums-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}\n\n.paraui-filter-popover > .paraui-popover-content {\n  width: 200px;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > label .rc-checkbox-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > label .rc-checkbox-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button {\n  width: 50%;\n  height: 100%;\n  border: 0;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-filter-popover > .paraui-popover-content .filter-select > .filter-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}";
+styleInject(css_248z);
+
 /**
  * @author linhd
  * @date 2022/5/5 3:13 PM
  * @description 表格
  */
-import { FunctionComponent } from 'react';
-import { TableProps } from './interface';
-import './index.scss';
+
 declare const Table: FunctionComponent<TableProps>;
-export default Table;
+
+export { Table as default };