@para-ui/core 2.2.6 → 2.2.7-beta

package/CollapseBox/index.d.ts

@@ -1,27 +1,27 @@
-/**
- * @author linhd
- * @date 2022/5/23 2:19 PM
- * @description 折叠容器
- */
-import React, { FunctionComponent } from 'react';
-import './index.scss';
-export interface CollapseBoxProps {
-    /** className */
-    className?: string;
-    /** css样式 */
-    style?: React.CSSProperties;
-    /** 收起状态最小高度 */
-    collapsedHeight?: string | number;
-    /** 收起时是否不渲染子节点 */
-    unmountOnExit?: boolean;
-    /** 动画时间 */
-    timeout?: 'auto' | number | {
-        appear?: number | undefined;
-        enter?: number | undefined;
-        exit?: number | undefined;
-    };
-    children?: any;
-    [name: string]: any;
-}
-declare const CollapseBox: FunctionComponent<CollapseBoxProps>;
-export default CollapseBox;
+/**
+ * @author linhd
+ * @date 2022/5/23 2:19 PM
+ * @description 折叠容器
+ */
+import React, { FunctionComponent } from 'react';
+import './index.scss';
+export interface CollapseBoxProps {
+    /** className */
+    className?: string;
+    /** css样式 */
+    style?: React.CSSProperties;
+    /** 收起状态最小高度 */
+    collapsedHeight?: string | number;
+    /** 收起时是否不渲染子节点 */
+    unmountOnExit?: boolean;
+    /** 动画时间 */
+    timeout?: 'auto' | number | {
+        appear?: number | undefined;
+        enter?: number | undefined;
+        exit?: number | undefined;
+    };
+    children?: any;
+    [name: string]: any;
+}
+declare const CollapseBox: FunctionComponent<CollapseBoxProps>;
+export default CollapseBox;

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/CollapseBox/util.d.ts

@@ -1,5 +1,5 @@
-export declare function getTransitionProps(props: any, options: any): {
-    duration: any;
-    delay: any;
-};
-export declare function getAutoHeightDuration(height: any): number;
+export declare function getTransitionProps(props: any, options: any): {
+    duration: any;
+    delay: any;
+};
+export declare function getAutoHeightDuration(height: any): number;

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, ChromePicker, CompactPicker, SwatchesPicker } from 'react-color';
+import './index.scss';
+export default SketchPicker;
+export { ChromePicker, CompactPicker, SwatchesPicker };

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/WithTabsCombo/index.d.ts

@@ -1,11 +1,11 @@
-/**
- * @author Hanz
- * @date 2021/8/30 下午2:32
- * @description WithTabsCombo
- */
-import { FunctionComponent } from 'react';
-import { TabsComboSelectProps } from './interface';
-import '../index.scss';
-declare const TabsComboSelect: FunctionComponent<TabsComboSelectProps>;
-export type { TabsComboSelectProps };
-export default TabsComboSelect;
+/**
+ * @author Hanz
+ * @date 2021/8/30 下午2:32
+ * @description WithTabsCombo
+ */
+import { FunctionComponent } from 'react';
+import { TabsComboSelectProps } from './interface';
+import '../index.scss';
+declare const TabsComboSelect: FunctionComponent<TabsComboSelectProps>;
+export type { TabsComboSelectProps };
+export default TabsComboSelect;

package/ComboSelect/WithTabsCombo/interface.d.ts

@@ -1,141 +1,141 @@
-/**
- * @author Hanz
- * @date 2021/8/30 下午2:31
- * @description 接口
- */
-import React from 'react';
-import { TableProps as ITableProps } from '../../Table/interface';
-import { TreeProps, TreeNodeProps } from '../../Tree/interface';
-import { TabsProps } from '../../Tabs';
-declare type TableProps = ITableProps & {
-    /** 表格参数 */
-    params?: Object;
-    /** 表格替换字段*/
-    replaceFields?: {
-        key?: string;
-        title?: string;
-    };
-};
-export interface TabsList {
-    /** 唯一key ,与TabsPanel一致 */
-    value?: string;
-    /** tab 显示名 */
-    label?: string;
-    /** 选中当前tab*/
-    selected?: boolean;
-    [key: string]: any;
-}
-export interface TabsPanel {
-    /** 唯一key ,与TabsList 一致 */
-    value?: string;
-    /** 组件类型 */
-    mode?: 'tree' | 'table' | 'customize';
-    /** mode: table 表格属性 */
-    tableProps?: TableProps;
-    /** mode: tree 树属性 */
-    treeProps?: TreeProps;
-    /** mode: customize 自定义组件 */
-    customizeComponent?: React.ReactNode;
-    /** mode: customize 通过回调渲染自定义组件 */
-    customizeRender?: (value: SelectedOption[]) => React.ReactNode;
-}
-interface TagFields {
-    /** 唯一key , 与TabsList一致  */
-    [value: string]: {
-        /** tag key */
-        key: string;
-        /** tag title */
-        title: string;
-    };
-}
-export declare type SelectedOption = {
-    key: string;
-    label: string;
-    tabKey: string;
-};
-export declare type KeysMap = {
-    [index: string]: string[];
-};
-export type { TreeNodeProps };
-export 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.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.ReactNode;
-    /** 路径节点 */
-    fullPathNode?: React.ReactNode;
-    /** tabs change回调 */
-    onTabsChange?: TabsProps['onChange'];
-    /** 自动计算下拉框宽度 */
-    autoWidth?: boolean;
-    /** 自定义渲染tag */
-    tagRender?: (option: SelectedOption) => React.ReactNode;
-    /** tag 点击回调 */
-    onTagClick?: (option: SelectedOption, originData: any) => void;
-}
+/**
+ * @author Hanz
+ * @date 2021/8/30 下午2:31
+ * @description 接口
+ */
+import React from 'react';
+import { TableProps as ITableProps } from '../../Table/interface';
+import { TreeProps, TreeNodeProps } from '../../Tree/interface';
+import { TabsProps } from '../../Tabs';
+declare type TableProps = ITableProps & {
+    /** 表格参数 */
+    params?: Object;
+    /** 表格替换字段*/
+    replaceFields?: {
+        key?: string;
+        title?: string;
+    };
+};
+export interface TabsList {
+    /** 唯一key ,与TabsPanel一致 */
+    value?: string;
+    /** tab 显示名 */
+    label?: string;
+    /** 选中当前tab*/
+    selected?: boolean;
+    [key: string]: any;
+}
+export interface TabsPanel {
+    /** 唯一key ,与TabsList 一致 */
+    value?: string;
+    /** 组件类型 */
+    mode?: 'tree' | 'table' | 'customize';
+    /** mode: table 表格属性 */
+    tableProps?: TableProps;
+    /** mode: tree 树属性 */
+    treeProps?: TreeProps;
+    /** mode: customize 自定义组件 */
+    customizeComponent?: React.ReactNode;
+    /** mode: customize 通过回调渲染自定义组件 */
+    customizeRender?: (value: SelectedOption[]) => React.ReactNode;
+}
+interface TagFields {
+    /** 唯一key , 与TabsList一致  */
+    [value: string]: {
+        /** tag key */
+        key: string;
+        /** tag title */
+        title: string;
+    };
+}
+export declare type SelectedOption = {
+    key: string;
+    label: string;
+    tabKey: string;
+};
+export declare type KeysMap = {
+    [index: string]: string[];
+};
+export type { TreeNodeProps };
+export 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.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.ReactNode;
+    /** 路径节点 */
+    fullPathNode?: React.ReactNode;
+    /** tabs change回调 */
+    onTabsChange?: TabsProps['onChange'];
+    /** 自动计算下拉框宽度 */
+    autoWidth?: boolean;
+    /** 自定义渲染tag */
+    tagRender?: (option: SelectedOption) => React.ReactNode;
+    /** tag 点击回调 */
+    onTagClick?: (option: SelectedOption, originData: any) => void;
+}

package/ComboSelect/index.d.ts

@@ -1,11 +1,11 @@
-import { FunctionComponent } from 'react';
-import { ComboSelectProps } from './interface';
-import TabsComboSelect, { TabsComboSelectProps } from "./WithTabsCombo";
-import './index.scss';
-declare const InternalComboSelect: FunctionComponent<ComboSelectProps>;
-declare type MergedType = typeof InternalComboSelect & {
-    TabsComboSelect: typeof TabsComboSelect;
-};
-declare const ComboSelect: MergedType;
-export type { ComboSelectProps, TabsComboSelectProps };
-export default ComboSelect;
+import { FunctionComponent } from 'react';
+import { ComboSelectProps } from './interface';
+import TabsComboSelect, { TabsComboSelectProps } from "./WithTabsCombo";
+import './index.scss';
+declare const InternalComboSelect: FunctionComponent<ComboSelectProps>;
+declare type MergedType = typeof InternalComboSelect & {
+    TabsComboSelect: typeof TabsComboSelect;
+};
+declare const ComboSelect: MergedType;
+export type { ComboSelectProps, TabsComboSelectProps };
+export default ComboSelect;