@para-ui/core 2.2.4 → 2.2.5-beta

package/CollapseBox/index.js

@@ -1,15 +1,164 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-transition-group")):"function"==typeof define&&define.amd?define(["react","react-transition-group"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("react-transition-group")):e.ParaUI=t(e.react,e["react-transition-group"])}(self,(function(e,t){return function(){var n={7283:function(e,t,n){(t=n(3645)(!1)).push([e.id,".paraui-collapse-box{transition:height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;width:100%;overflow:hidden;height:0}.paraui-collapse-box>.paraui-collapse-box-wrapper{display:flex;width:100%}.paraui-collapse-box>.paraui-collapse-box-wrapper>.paraui-collapse-box-wrapper-inner{width:100%}.paraui-collapse-box.paraui-collapse-box-entered{overflow:visible}.paraui-collapse-box.paraui-collapse-box-hidden{visibility:hidden}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(a=r,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(u," */")),i=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(i).concat([o]).join("\n")}var a,c,u;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);r&&o[u[0]]||(n&&(u[2]?u[2]="".concat(n," and ").concat(u[2]):u[2]=n),t.push(u))}},t}},7418:function(e){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=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 t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,c,u=o(e),s=1;s<arguments.length;s++){for(var l in a=Object(arguments[s]))n.call(a,l)&&(u[l]=a[l]);if(t){c=t(a);for(var f=0;f<c.length;f++)r.call(a,c[f])&&(u[c[f]]=a[c[f]])}}return u}},5251:function(e,t,n){"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.
- */
-n(7418);var r=n(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,n){var r,i={},s=null,l=null;for(r in void 0!==n&&(s=""+n),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(l=t.ref),t)c.call(t,r)&&!u.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:s,ref:l,props:i,_owner:a.current}}t.jsx=s},5893:function(e,t,n){"use strict";e.exports=n(5251)},7262:function(e,t,n){var r=n(3379),o=n(7283);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};r(o,i);e.exports=o.locals||{}},3379:function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function c(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function u(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],u=t.base?i[0]+t.base:i[0],s=n[u]||0,l="".concat(u," ").concat(s);n[u]=s+1;var f=c(l),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(p)):a.push({identifier:l,updater:y(p,t),references:1}),r.push(l)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function p(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function d(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var v=null,h=0;function y(e,t){var n,r,o;if(t.singleton){var i=h++;n=v||(v=s(t)),r=p.bind(null,n,i,!1),o=p.bind(null,n,i,!0)}else n=s(t),r=d.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=c(n[r]);a[o].references--}for(var i=u(e,t),s=0;s<n.length;s++){var l=c(n[s]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}n=i}}}},8156:function(t){"use strict";t.exports=e},5002:function(e){"use strict";e.exports=t}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={id:e,exports:{}};return n[e](i,i.exports,o),i.exports}o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nc=void 0;var i={};return function(){"use strict";o.r(i),o.d(i,{default:function(){return u}});var e=o(5893),t=o(8156),n=o(5002);function r(e,t){var n=e.timeout,r=e.style,o=void 0===r?{}:r;return{duration:o.transitionDuration||"number"==typeof n?n:n[t.mode]||0,delay:o.transitionDelay}}function a(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}o(7262);var c=function(){return c=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)},u=function(o){var i=o.className,u=o.style,s=o.in,l=o.collapsedHeight,f=void 0===l?"0px":l,p=o.timeout,d=void 0===p?"auto":p,v=o.unmountOnExit,h=o.children,y=(0,t.useRef)(null),b=(0,t.useRef)(null),m=(0,t.useRef)(null),g=(0,t.useRef)(null),x="number"==typeof f?"".concat(f,"px"):f;(0,t.useEffect)((function(){return function(){clearTimeout(y.current)}}),[]);var j=function(e){return function(t){e&&e(t)}},O=j((function(e){e.style.height=x})),w=j((function(e){var t=m.current?m.current.clientHeight:0,n=r({style:u,timeout:d},{mode:"enter"}).duration;if("auto"===d){var o=a(t);e.style.transitionDuration="".concat(o,"ms"),g.current=o}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height="".concat(t,"px")})),E=j((function(e){e.style.height="auto"})),S=j((function(e){var t=m.current?m.current.clientHeight:0;e.style.height="".concat(t,"px")})),_=j((function(e){var t=m.current?m.current.clientHeight:0,n=r({style:u,timeout:d},{mode:"exit"}).duration;if("auto"===d){var o=a(t);e.style.transitionDuration="".concat(o,"ms"),g.current=o}else e.style.transitionDuration="string"==typeof n?n:"".concat(n,"ms");e.style.height=x})),N=function(e){var t="paraui-collapse-box";return i&&(t+=" "+i),"entered"===e&&(t+=" paraui-collapse-box-entered"),"exited"!==e||s||"0px"!==x||(t+=" paraui-collapse-box-hidden"),t};return(0,e.jsx)(n.Transition,c({in:s,unmountOnExit:v,onEnter:O,onEntered:E,onEntering:w,onExit:S,onExiting:_,timeout:"auto"===d?void 0:d,addEndListener:function(e,t){y.current=setTimeout(t,g.current||0)}},{children:function(t,n){return(0,e.jsx)("div",c({className:N(t),style:c({minHeight:x},u),ref:b},n,{children:(0,e.jsx)("div",c({className:"paraui-collapse-box-wrapper",ref:m},{children:(0,e.jsx)("div",c({className:"paraui-collapse-box-wrapper-inner"},{children:h}))}))}))}}))}}(),i}()}));
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { Transition } from 'react-transition-group';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+function getTransitionProps(props, options) {
+  var timeout = props.timeout,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style;
+  return {
+    duration: style.transitionDuration || typeof timeout === 'number' ? timeout : timeout[options.mode] || 0,
+    delay: style.transitionDelay
+  };
+}
+function getAutoHeightDuration(height) {
+  if (!height) {
+    return 0;
+  }
+
+  var constant = height / 36;
+  return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
+}
+
+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);
+
+var CollapseBox = function CollapseBox(props) {
+  var className = props.className,
+      style = props.style,
+      inProp = props.in,
+      _props$collapsedHeigh = props.collapsedHeight,
+      collapsedHeightProp = _props$collapsedHeigh === void 0 ? '0px' : _props$collapsedHeigh,
+      _props$timeout = props.timeout,
+      timeout = _props$timeout === void 0 ? 'auto' : _props$timeout,
+      unmountOnExit = props.unmountOnExit,
+      _children = props.children; // timer
+
+  var timer = useRef(null); // 动画节点
+
+  var nodeRef = useRef(null); // 内置容器
+
+  var wrapperRef = useRef(null); // 存储动画时间变量
+
+  var autoTransitionDuration = useRef(null); // 下拉收起的高度
+
+  var collapsedHeight = typeof collapsedHeightProp === 'number' ? "".concat(collapsedHeightProp, "px") : collapsedHeightProp;
+  useEffect(function () {
+    return function () {
+      clearTimeout(timer.current);
+    };
+  }, []); // 处理节点
+
+  var normalizedTransitionCallback = function normalizedTransitionCallback(callback) {
+    return function (nodeOrAppearing) {
+      if (callback) {
+        callback(nodeOrAppearing);
+      }
+    };
+  }; // 下拉
+
+
+  var handleEnter = normalizedTransitionCallback(function (node) {
+    node.style.height = collapsedHeight;
+  });
+  var handleEntering = normalizedTransitionCallback(function (node) {
+    var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
+
+    var _getTransitionProps = getTransitionProps({
+      style: style,
+      timeout: timeout
+    }, {
+      mode: 'enter'
+    }),
+        transitionDuration = _getTransitionProps.duration;
+
+    if (timeout === 'auto') {
+      var duration2 = getAutoHeightDuration(wrapperHeight);
+      node.style.transitionDuration = "".concat(duration2, "ms");
+      autoTransitionDuration.current = duration2;
+    } else {
+      node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
+    }
+
+    node.style.height = "".concat(wrapperHeight, "px");
+  });
+  var handleEntered = normalizedTransitionCallback(function (node) {
+    node.style.height = 'auto';
+  }); // 收起
+
+  var handleExit = normalizedTransitionCallback(function (node) {
+    var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
+    node.style.height = "".concat(wrapperHeight, "px");
+  });
+  var handleExiting = normalizedTransitionCallback(function (node) {
+    var wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0;
+
+    var _getTransitionProps2 = getTransitionProps({
+      style: style,
+      timeout: timeout
+    }, {
+      mode: 'exit'
+    }),
+        transitionDuration = _getTransitionProps2.duration;
+
+    if (timeout === 'auto') {
+      var duration2 = getAutoHeightDuration(wrapperHeight);
+      node.style.transitionDuration = "".concat(duration2, "ms");
+      autoTransitionDuration.current = duration2;
+    } else {
+      node.style.transitionDuration = typeof transitionDuration === 'string' ? transitionDuration : "".concat(transitionDuration, "ms");
+    }
+
+    node.style.height = collapsedHeight;
+  }); // 完成下拉/收起回调
+
+  var addEndListener = function addEndListener(nodeOrNext, maybeNext) {
+    timer.current = setTimeout(maybeNext, autoTransitionDuration.current || 0);
+  }; // 处理className
+
+
+  var handClass = function handClass(state) {
+    var str = 'paraui-collapse-box';
+    if (className) str += ' ' + className;
+    if (state === 'entered') str += ' paraui-collapse-box-entered';
+    if (state === 'exited' && !inProp && collapsedHeight === '0px') str += ' paraui-collapse-box-hidden';
+    return str;
+  };
+
+  return jsx(Transition, Object.assign({
+    in: inProp,
+    unmountOnExit: unmountOnExit,
+    onEnter: handleEnter,
+    onEntered: handleEntered,
+    onEntering: handleEntering,
+    onExit: handleExit,
+    onExiting: handleExiting,
+    //nodeRef={nodeRef}
+    timeout: timeout === 'auto' ? undefined : timeout,
+    addEndListener: addEndListener
+  }, {
+    children: function children(state, childProps) {
+      return jsx("div", Object.assign({
+        className: handClass(state),
+        style: Object.assign({
+          minHeight: collapsedHeight
+        }, style),
+        ref: nodeRef
+      }, childProps, {
+        children: jsx("div", Object.assign({
+          className: 'paraui-collapse-box-wrapper',
+          ref: wrapperRef
+        }, {
+          children: jsx("div", Object.assign({
+            className: 'paraui-collapse-box-wrapper-inner'
+          }, {
+            children: _children
+          }))
+        }))
+      }));
+    }
+  }));
+};
+
+export { CollapseBox as default };

package/ColorPicker/index.d.ts

@@ -1,4 +1,4 @@
-import { SketchPicker, ChromePicker, CompactPicker, SwatchesPicker } from 'react-color';
-import './index.scss';
-export default SketchPicker;
-export { ChromePicker, CompactPicker, SwatchesPicker };
+import { SketchPicker } from 'react-color';
+export { ChromePicker, CompactPicker, SwatchesPicker, SketchPicker as default } from 'react-color';
+import '../_verture/index-50401de7.js';
+import './node_modules/style-inject/dist/style-inject.es.js';

package/ColorPicker/index.js

@@ -1 +1,4 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react-color")):"function"==typeof define&&define.amd?define(["react-color"],t):"object"==typeof exports?exports.ParaUI=t(require("react-color")):e.ParaUI=t(e["react-color"])}(self,(function(e){return function(){var t={6853:function(e,t,n){(t=n(3645)(!1)).push([e.id,".sketch-picker,.chrome-picker,.swatches-picker,.compact-picker{box-sizing:content-box !important}.sketch-picker *,.chrome-picker *,.swatches-picker *,.compact-picker *{box-sizing:content-box !important}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(c=r,a=btoa(unescape(encodeURIComponent(JSON.stringify(c)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),"/*# ".concat(u," */")),i=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(i).concat([o]).join("\n")}var c,a,u;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(o[c]=!0)}for(var a=0;a<e.length;a++){var u=[].concat(e[a]);r&&o[u[0]]||(n&&(u[2]?u[2]="".concat(n," and ").concat(u[2]):u[2]=n),t.push(u))}},t}},694:function(e,t,n){var r=n(3379),o=n(6853);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};r(o,i);e.exports=o.locals||{}},3379:function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),c=[];function a(e){for(var t=-1,n=0;n<c.length;n++)if(c[n].identifier===e){t=n;break}return t}function u(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],u=t.base?i[0]+t.base:i[0],s=n[u]||0,f="".concat(u," ").concat(s);n[u]=s+1;var l=a(f),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==l?(c[l].references++,c[l].updater(d)):c.push({identifier:f,updater:m(d,t),references:1}),r.push(f)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);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(t)}return t}var f,l=(f=[],function(e,t){return f[e]=t,f.filter(Boolean).join("\n")});function d(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=l(t,o);else{var i=document.createTextNode(o),c=e.childNodes;c[t]&&e.removeChild(c[t]),c.length?e.insertBefore(i,c[t]):e.appendChild(i)}}function p(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var v=null,h=0;function m(e,t){var n,r,o;if(t.singleton){var i=h++;n=v||(v=s(t)),r=d.bind(null,n,i,!1),o=d.bind(null,n,i,!0)}else n=s(t),r=p.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=a(n[r]);c[o].references--}for(var i=u(e,t),s=0;s<n.length;s++){var f=a(n[s]);0===c[f].references&&(c[f].updater(),c.splice(f,1))}n=i}}}},598:function(t){"use strict";t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={id:e,exports:{}};return t[e](i,i.exports,r),i.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nc=void 0;var o={};return function(){"use strict";r.r(o),r.d(o,{ChromePicker:function(){return e.ChromePicker},CompactPicker:function(){return e.CompactPicker},SwatchesPicker:function(){return e.SwatchesPicker}});var e=r(598);r(694);o.default=e.SketchPicker}(),o}()}));
+import { SketchPicker } from 'react-color';
+export { ChromePicker, CompactPicker, SwatchesPicker, SketchPicker as default } from 'react-color';
+import '../_verture/index-a369ca3f.js';
+import '../_verture/style-inject.es-300983ab.js';

package/ComboSelect/index.d.ts

@@ -1,11 +1,311 @@
-import { FunctionComponent } from 'react';
-import { ComboSelectProps } from './interface';
-import TabsComboSelect, { TabsComboSelectProps } from "./WithTabsCombo";
-import './index.scss';
+import React__default, { ReactNode, FunctionComponent } from 'react';
+import { T as TableProps$2 } from '../_verture/interface-a9b7c716.js';
+import { a as TreeNodeProps, T as TreeProps } from '../_verture/interface-128abdd3.js';
+import { LabelTooltipProps } from '../Label/index.js';
+import { EmptyProps } from '../Empty/index.js';
+import { TabsProps } from '../Tabs/index.js';
+import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
+import '../OperateBtn/index.js';
+import 'rc-tree';
+import 'rc-tree/lib/interface';
+import 'rc-tabs';
+import '../PopConfirm/index.js';
+import '../Button/index.js';
+import '../_verture/interface-a77a851e.js';
+import 'rc-tooltip/lib/Tooltip';
+import '../_verture/index-6190b129.js';
+import '../_verture/index-5b08df83.js';
+import '../Dropdown/index.js';
+import '../_verture/index-0d8e1d07.js';
+import '../Help/index.js';
+
+/**
+ * @author Hanz
+ * @date 2021/8/19 下午1:47
+ * @description 接口
+ */
+
+declare type TableProps$1 = TableProps$2 & {
+    /** table 参数 */
+    params?: Object;
+    /** 替换显示字段 */
+    replaceFields?: {
+        key?: string;
+        title?: string;
+    };
+};
+
+declare type SelectOpt = {
+    disabled?: boolean;
+    closable?: boolean;
+    [key: string]: any;
+};
+declare type SelectedOptions = Array<SelectOpt>;
+
+interface ComboSelectProps {
+    /**选择器模式*/
+    mode?: 'table' | 'tree' | 'list';
+    /**占位符*/
+    placeholder?: string;
+    /**search 占位符*/
+    searchPlaceholder?: string;
+    /**最大显示数*/
+    maxCount?: number;
+    /**禁用选择器*/
+    disabled?: boolean;
+    /** 支持清除 */
+    allowClear?: boolean;
+    /**cls*/
+    className?: string;
+    /**样式*/
+    style?: React__default.CSSProperties;
+    /**弹出层className*/
+    popoverClassName?: string;
+    /**容器最大高度*/
+    maxHeight?: number;
+    /**容器高度*/
+    height?: number;
+    /**大小*/
+    size?: 'large' | 'medium' | 'small';
+    /**选择器footer actions*/
+    popoverActions?: React__default.ReactNode;
+    /**是否显示footer actions*/
+    showPopoverActions?: boolean;
+    /**是否默认打开*/
+    defaultOpen?: boolean;
+    /**默认值 checkable为true SelectOpt[]，为false SelectOpt */
+    defaultValue?: SelectOpt[] | SelectOpt;
+    /**替换显示字段 {key: 'key', title: 'title', children: 'children'} */
+    replaceFields?: {
+        key?: string;
+        title?: string;
+        children?: string;
+    };
+    /**出参字段 {outputKey: 'key', outputTitle: 'label'} */
+    outputFields?: {
+        outputKey?: string;
+        outputTitle?: string;
+    };
+    /**当前选中值 checkable为true SelectOpt[]，为false SelectOpt*/
+    value?: SelectOpt[] | SelectOpt;
+    /**刷新标识*/
+    refresh?: number;
+    /**搜索回调*/
+    onSearch?: (searchKey: string) => void;
+    /**footer actions 取消回调*/
+    onCancel?: () => void;
+    /**footer actions 确定回调*/
+    onOk?: (options: SelectedOptions) => void;
+    /** 关闭选择器回调 */
+    onClose?: () => void;
+    /**value发生变化时回调*/
+    onChange?: (options: SelectOpt[] | SelectOpt, prevOptions?: SelectOpt[] | SelectOpt, originData?: TreeNodeProps[] | TreeNodeProps) => void;
+    /**table组件属性*/
+    TableProps?: TableProps$1;
+    /**tree组件属性*/
+    TreeProps?: TreeProps;
+    /**请求url*/
+    url?: string;
+    /**请求上下文*/
+    ctx?: string;
+    /**请求参数*/
+    params?: Object;
+    /**请求方法*/
+    method?: 'Get' | 'Post';
+    /**单选或多选*/
+    checkable?: boolean;
+    /**是否显示搜索*/
+    showSearch?: boolean;
+    /**错误状态*/
+    error?: boolean;
+    /**辅助文本*/
+    helperText?: React__default.ReactNode;
+    /**参数处理回调*/
+    paramsCallback?: (params: {
+        [name: string]: any;
+    }) => any;
+    /**路径字段*/
+    fullPathKey?: string;
+    /** 自定义路径节点 */
+    fullPathRender?: (node: TreeNodeProps) => React__default.ReactNode;
+    /** 禁用弹框模式 */
+    disablePopup?: boolean;
+    /** 自定义渲染tag */
+    tagRender?: (option: SelectOpt) => React__default.ReactNode;
+    /** tag 删除回调*/
+    onTagRemove?: (currentOpt?: SelectOpt) => void;
+    /** 暴露给外部的行为，可扩展*/
+    action?: React__default.Ref<{
+        closePopup(): void;
+    }>;
+    /** 标题 */
+    label?: ReactNode;
+    /** 帮助提示信息 */
+    labelTooltip?: LabelTooltipProps;
+    /** 是否必填 */
+    required?: boolean;
+    /** 空状态属性 */
+    emptyProps?: EmptyProps;
+    /** 单选时可切换选中值 checkable 为 false 时有效 */
+    toggleSelectedOnSingle?: boolean;
+    /** 自定义渲染列表option */
+    optionRender?: (nodeData: TreeNodeProps) => React__default.ReactNode;
+    /** 获得option label */
+    getOptionLabel?: (nodeData: TreeNodeProps) => string;
+    /** 下拉匹配选择框宽度 */
+    dropdownMatchSelectWidth?: boolean | number;
+}
+
+/**
+ * @author Hanz
+ * @date 2021/8/30 下午2:31
+ * @description 接口
+ */
+
+declare type TableProps = TableProps$2 & {
+    /** 表格参数 */
+    params?: Object;
+    /** 表格替换字段*/
+    replaceFields?: {
+        key?: string;
+        title?: string;
+    };
+};
+interface TabsList {
+    /** 唯一key ,与TabsPanel一致 */
+    value?: string;
+    /** tab 显示名 */
+    label?: string;
+    /** 选中当前tab*/
+    selected?: boolean;
+    [key: string]: any;
+}
+interface TabsPanel {
+    /** 唯一key ,与TabsList 一致 */
+    value?: string;
+    /** 组件类型 */
+    mode?: 'tree' | 'table' | 'customize';
+    /** mode: table 表格属性 */
+    tableProps?: TableProps;
+    /** mode: tree 树属性 */
+    treeProps?: TreeProps;
+    /** mode: customize 自定义组件 */
+    customizeComponent?: React__default.ReactNode;
+    /** mode: customize 通过回调渲染自定义组件 */
+    customizeRender?: (value: SelectedOption[]) => React__default.ReactNode;
+}
+interface TagFields {
+    /** 唯一key , 与TabsList一致  */
+    [value: string]: {
+        /** tag key */
+        key: string;
+        /** tag title */
+        title: string;
+    };
+}
+declare type SelectedOption = {
+    key: string;
+    label: string;
+    tabKey: string;
+};
+interface TabsComboSelectProps {
+    /**占位符*/
+    placeholder?: string;
+    /**search 占位符*/
+    searchPlaceholder?: string;
+    /**最大显示数*/
+    maxCount?: number;
+    /**禁用选择器*/
+    disabled?: boolean;
+    /** 支持清除 */
+    allowClear?: boolean;
+    /**cls*/
+    className?: string;
+    /**弹出层className*/
+    popoverClassName?: string;
+    /**大小*/
+    size?: 'large' | 'medium' | 'small';
+    /**选择器footer actions*/
+    popoverActions?: React__default.ReactNode;
+    /**是否显示footer actions*/
+    showPopoverActions?: boolean;
+    /**是否默认打开*/
+    defaultOpen?: boolean;
+    /**默认值*/
+    defaultValue?: SelectedOption[];
+    /**当前选中值*/
+    value?: SelectedOption[];
+    /**位置*/
+    anchorOrigin?: 'lt' | 'lc' | 'lb' | 'ct' | 'cc' | 'cb' | 'rt' | 'rc' | 'rb';
+    /**搜索回调*/
+    onSearch?: (searchValue: {
+        tabKey: string;
+        searchKey: string | null;
+    }) => void;
+    /**footer actions 取消回调*/
+    onCancel?: () => void;
+    /**footer actions 确定回调*/
+    onOk?: (options: SelectedOption[]) => void;
+    /** 关闭选择器回调 */
+    onClose?: () => void;
+    /**value发生变化时回调*/
+    onChange?: (options: SelectedOption[], originData?: any) => void;
+    /**table组件属性*/
+    TableProps?: Omit<TableProps, 'check' | 'radio' | 'rowKey' | 'setCheck' | 'setRadio' | 'checkDefaultValue' | 'radioDefaultValue' | 'autoSize' | 'search' | 'paramsCallback'>;
+    /**tree组件属性*/
+    TreeProps?: Omit<TreeProps, 'checkable' | 'radioable' | 'selectable' | 'checkedKeys' | 'onCheck' | 'onSelect' | 'paramsCallback' | 'params'>;
+    /**单选或多选*/
+    checkable?: boolean;
+    /**是否显示搜索*/
+    showSearch?: boolean;
+    /**错误状态*/
+    error?: boolean;
+    /**辅助文本*/
+    helperText?: string;
+    /**参数处理回调*/
+    paramsCallback?: (params: any) => any;
+    /** 搜索参数 */
+    searchParams?: {
+        tabKey: string;
+        searchKey: string | null;
+    };
+    /** tabs列表 */
+    tabsList: TabsList[];
+    /** tabs 面板 */
+    tabsPanel: TabsPanel[];
+    /** tag 显示字段*/
+    tagFields: TagFields;
+    /** 路径字段 */
+    fullPathKey?: string;
+    /** 自定义路径节点 */
+    fullPathRender?: (node: TreeNodeProps) => React__default.ReactNode;
+    /** 路径节点 */
+    fullPathNode?: React__default.ReactNode;
+    /** tabs change回调 */
+    onTabsChange?: TabsProps['onChange'];
+    /** 自动计算下拉框宽度 */
+    autoWidth?: boolean;
+    /** 自定义渲染tag */
+    tagRender?: (option: SelectedOption) => React__default.ReactNode;
+    /** tag 点击回调 */
+    onTagClick?: (option: SelectedOption, originData: any) => void;
+}
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-comboselect .paraui-comboselect-wrapper {\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-height: 36px;\n  padding: 0 12px;\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-comboselect .paraui-comboselect-wrapper:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 12px;\n  right: 12px;\n  transform: translateY(-50%);\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-arrow {\n  position: absolute;\n  top: 7px;\n  right: 12px;\n  line-height: 0;\n  transition: 0.3s;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-arrow svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-clear {\n  position: absolute;\n  top: 9px;\n  right: 12px;\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-clear svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex: auto;\n  flex-wrap: wrap;\n  padding: 5px 30px 0 0;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-single {\n  padding: 0 30px 0 0;\n  align-items: center;\n  overflow: hidden;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-single .paraui-comboselect-single-content {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item {\n  flex: none;\n  max-width: 100%;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 12px;\n  height: 24px;\n  margin: 0 8px 5px 0;\n  max-width: 100%;\n  color: rgb(46, 55, 67);\n  background-color: rgba(171, 176, 185, 0.2);\n  border-radius: 4px;\n  user-select: none;\n  transition: 0.3s;\n  cursor: default;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item .paraui-comboselect-item-content {\n  display: inline-block;\n  margin-right: 4px;\n  overflow: hidden;\n  font-size: 12px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item .paraui-comboselect-item-remove {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item .paraui-comboselect-item-remove svg {\n  font-size: 16px;\n  color: inherit;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item--disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.4);\n  cursor: not-allowed;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item--disabled .paraui-comboselect-item-remove {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item--unclosable .paraui-comboselect-item-content {\n  margin-right: 0;\n}\n.paraui-comboselect-focused .paraui-comboselect-wrapper {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-comboselect-focused .paraui-comboselect-wrapper .paraui-comboselect-arrow {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-comboselect-disabled {\n  cursor: not-allowed;\n}\n.paraui-comboselect-disabled .paraui-comboselect-wrapper {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n  pointer-events: none;\n}\n.paraui-comboselect-large .paraui-comboselect-wrapper {\n  min-height: 40px;\n}\n.paraui-comboselect-large .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .parui-comboselect-item {\n  min-height: 28px;\n}\n.paraui-comboselect-large .paraui-comboselect-wrapper .paraui-comboselect-arrow {\n  top: 19px;\n}\n.paraui-comboselect-large.paraui-comboselect-focused .paraui-select-arrow {\n  top: 4px;\n}\n.paraui-comboselect-error .paraui-comboselect-wrapper {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-comboselect-error .paraui-comboselect-wrapper:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-comboselect-clear .paraui-comboselect-wrapper:hover .paraui-comboselect-arrow {\n  opacity: 0;\n}\n.paraui-comboselect-clear .paraui-comboselect-wrapper:hover .paraui-comboselect-clear {\n  opacity: 1;\n}\n.paraui-comboselect-disable-popup {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-comboselect-disable-popup .paraui-comboselect-wrapper {\n  border: none;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n  cursor: default;\n}\n.paraui-comboselect-disable-popup .paraui-comboselect-wrapper:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-comboselect-disable-popup .paraui-comboselect-disable-popover {\n  position: relative;\n}\n.paraui-comboselect-popover .paraui-comboselect-popover-wrapper, .paraui-comboselect-disable-popover .paraui-comboselect-popover-wrapper {\n  position: relative;\n  color: initial;\n  overflow: hidden;\n}\n.paraui-comboselect-popover .paraui-comboselect-search, .paraui-comboselect-disable-popover .paraui-comboselect-search {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  padding: 0 18px;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-comboselect-popover .paraui-comboselect-search-icon, .paraui-comboselect-disable-popover .paraui-comboselect-search-icon {\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-comboselect-popover .paraui-comboselect-search-icon svg, .paraui-comboselect-disable-popover .paraui-comboselect-search-icon svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-comboselect-popover .paraui-comboselect-search-input, .paraui-comboselect-disable-popover .paraui-comboselect-search-input {\n  flex: auto;\n  margin-left: 10px;\n  border: none;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-comboselect-popover .paraui-comboselect-search-input::placeholder, .paraui-comboselect-disable-popover .paraui-comboselect-search-input::placeholder {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 14px;\n}\n.paraui-comboselect-popover .paraui-comboselect-table, .paraui-comboselect-disable-popover .paraui-comboselect-table {\n  height: 100%;\n  padding-bottom: 10px;\n}\n.paraui-comboselect-popover .paraui-comboselect-table .paraui-table, .paraui-comboselect-disable-popover .paraui-comboselect-table .paraui-table {\n  box-shadow: none;\n}\n.paraui-comboselect-popover .paraui-comboselect-tree, .paraui-comboselect-disable-popover .paraui-comboselect-tree {\n  height: 100%;\n  padding: 6px 7px;\n}\n.paraui-comboselect-popover .paraui-comboselect-tree .paraui-tree-empty, .paraui-comboselect-disable-popover .paraui-comboselect-tree .paraui-tree-empty {\n  height: 100%;\n  padding: 52px 0 73px 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-actions, .paraui-comboselect-disable-popover .paraui-comboselect-actions {\n  display: flex;\n  align-items: center;\n  padding: 8px 20px 8px 0;\n  justify-content: flex-end;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-comboselect-popover .paraui-comboselect-actions button + button, .paraui-comboselect-disable-popover .paraui-comboselect-actions button + button {\n  margin-left: 10px;\n}\n.paraui-comboselect-popover .paraui-comboselect-fullPath, .paraui-comboselect-disable-popover .paraui-comboselect-fullPath {\n  height: 34px;\n  line-height: 34px;\n  padding: 0 12px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-comboselect-popover .paraui-comboselect-fullPath span, .paraui-comboselect-disable-popover .paraui-comboselect-fullPath span {\n  display: inline-block;\n  height: 100%;\n  padding-right: 10px;\n  border-right: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-comboselect-popover .paraui-comboselect-list, .paraui-comboselect-disable-popover .paraui-comboselect-list {\n  padding: 8px 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-empty, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-empty {\n  padding: 50px 0 72px 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode {\n  width: 100%;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-switcher, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-switcher {\n  display: none;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-checkbox, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-checkbox {\n  display: none;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper {\n  width: 100%;\n  margin: 0;\n  padding: 6px 28px 6px 12px;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper:hover, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper {\n  position: relative;\n  color: rgb(54, 102, 214);\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after {\n  position: absolute;\n  content: \" \";\n  width: 5px;\n  height: 10px;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%) rotate(45deg);\n  border: 2px solid rgb(54, 102, 214);\n  border-top: 0;\n  border-left: 0;\n  border-bottom-right-radius: 2px;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode-disabled .paraui-tree-node-content-wrapper:hover, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode-disabled .paraui-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-comboselect-popover .paraui-comboselect-list-single .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after, .paraui-comboselect-disable-popover .paraui-comboselect-list-single .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after {\n  display: none;\n}";
+styleInject(css_248z);
+
+/**
+ * @author Hanz
+ * @date 2021/8/30 下午2:32
+ * @description WithTabsCombo
+ */
+
+declare const TabsComboSelect: FunctionComponent<TabsComboSelectProps>;
+
 declare const InternalComboSelect: FunctionComponent<ComboSelectProps>;
 declare type MergedType = typeof InternalComboSelect & {
     TabsComboSelect: typeof TabsComboSelect;
 };
 declare const ComboSelect: MergedType;
-export type { ComboSelectProps, TabsComboSelectProps };
-export default ComboSelect;
+
+export { ComboSelectProps, TabsComboSelectProps, ComboSelect as default };