amis 1.7.0 → 1.8.0-beta.13

package/lib/components/Overlay.d.ts

@@ -15,6 +15,7 @@ interface OverlayProps {
     container?: React.ReactNode | Function;
     target?: React.ReactNode | Function;
     watchTargetSizeChange?: boolean;
+    offset?: [number, number];
     onEnter?(node: HTMLElement): any;
     onEntering?(node: HTMLElement): any;
     onEntered?(node: HTMLElement): any;

package/lib/components/Overlay.js

@@ -82,7 +82,7 @@ var Position = /** @class */ (function (_super) {
                 }));
             }
         }
-        this.setState((0, dom_1.calculatePosition)(this.props.placement, overlay, target, container, this.props.containerPadding));
+        this.setState((0, dom_1.calculatePosition)(this.props.placement, overlay, target, container, this.props.containerPadding, this.props.offset));
     };
     Position.prototype.componentDidMount = function () {
         this.updatePosition(this.getTarget());
@@ -149,7 +149,7 @@ var Overlay = /** @class */ (function (_super) {
         }
     };
     Overlay.prototype.render = function () {
-        var _a = this.props, container = _a.container, containerPadding = _a.containerPadding, target = _a.target, placement = _a.placement, shouldUpdatePosition = _a.shouldUpdatePosition, rootClose = _a.rootClose, children = _a.children, watchTargetSizeChange = _a.watchTargetSizeChange, Transition = _a.transition, props = (0, tslib_1.__rest)(_a, ["container", "containerPadding", "target", "placement", "shouldUpdatePosition", "rootClose", "children", "watchTargetSizeChange", "transition"]);
+        var _a = this.props, container = _a.container, containerPadding = _a.containerPadding, target = _a.target, placement = _a.placement, shouldUpdatePosition = _a.shouldUpdatePosition, rootClose = _a.rootClose, children = _a.children, watchTargetSizeChange = _a.watchTargetSizeChange, Transition = _a.transition, offset = _a.offset, props = (0, tslib_1.__rest)(_a, ["container", "containerPadding", "target", "placement", "shouldUpdatePosition", "rootClose", "children", "watchTargetSizeChange", "transition", "offset"]);
         var mountOverlay = props.show || (Transition && !this.state.exited);
         if (!mountOverlay) {
             // Don't bother showing anything if we don't have to.
@@ -165,7 +165,8 @@ var Overlay = /** @class */ (function (_super) {
             containerPadding: containerPadding,
             target: target,
             placement: placement,
-            shouldUpdatePosition: shouldUpdatePosition
+            shouldUpdatePosition: shouldUpdatePosition,
+            offset: offset
         }, { ref: this.positionRef }), child));
         if (Transition) {
             var onExit = props.onExit, onExiting = props.onExiting, onEnter = props.onEnter, onEntering = props.onEntering, onEntered = props.onEntered;

package/lib/components/Overlay.js.map

@@ -6,8 +6,8 @@
         "/src/components/Overlay.tsx"
     ],
     "names": [],
-    "mappings": ";AAAA;;;;GAIG;;;AAEH,8EAA2C;AAC3C,uEAAoC;AACpC,kEAAgD;AAChD,0DAA0C;AAC1C,oCAA4E;AAC5E,0CAAgE;AAChE,wDAAsE;AACtE,gDAA6C;AAE7C,SAAS,QAAQ,CAAC,IAAiB,EAAE,QAAoB;IACvD,IAAM,OAAO,GAAG;QACd,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC,CAAC;IACF,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACzC,OAAO;QACL,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC,CAAC;AACJ,CAAC;AAED;IAAuB,yCAAyB;IAa9C,kBAAY,KAAU;QAAtB,YACE,kBAAM,KAAK,CAAC,SAUb;QA2DD,eAAS,GAAG;YACH,IAAA,MAAM,GAAI,KAAI,CAAC,KAAK,OAAd,CAAe;YAC5B,IAAM,aAAa,GAAG,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;YACvE,OAAO,CAAC,aAAa,IAAI,mBAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,IAAI,IAAI,CAAC;QACxE,CAAC,CAAC;QAMF,yBAAmB,GAAG,UAAC,gBAAqB;YAC1C,IAAM,MAAM,GAAG,KAAI,CAAC,SAAS,EAAE,CAAC;YAEhC,IACE,CAAC,KAAI,CAAC,KAAK,CAAC,oBAAoB;gBAChC,MAAM,KAAK,KAAI,CAAC,WAAW;gBAC3B,CAAC,gBAAgB,EACjB;gBACA,OAAO;aACR;YAED,KAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QAC9B,CAAC,CAAC;QAzFA,KAAI,CAAC,KAAK,GAAG;YACX,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,CAAC;YACd,eAAe,EAAE,IAAI;YACrB,cAAc,EAAE,IAAI;SACrB,CAAC;QAEF,KAAI,CAAC,WAAW,GAAG,IAAI,CAAC;;IAC1B,CAAC;IAED,iCAAc,GAAd,UAAe,MAAW;QAA1B,iBAmDC;;QAlDC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;QAE1B,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,IAAI,CAAC,QAAQ,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,WAAW,EAAE,CAAC;gBACd,eAAe,EAAE,IAAI;gBACrB,cAAc,EAAE,IAAI;aACrB,CAAC,CAAC;SACJ;QAED,IAAM,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC;QAC/D,IAAM,OAAO,GAAG,IAAA,uBAAW,EAAC,IAAW,CAAgB,CAAC;QACxD,IAAM,SAAS,GAAG,IAAA,kBAAY,EAC5B,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,IAAA,mBAAa,EAAC,IAAI,CAAC,CAAC,IAAI,CACzB,CAAC;QAEF,IACE,CAAC,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,KAAK,MAAM,CAAC;YACtD,IAAA,gCAAgB,EAAC,MAAM,EAAE,UAAU,CAAC,KAAK,QAAQ,EACjD;YACA,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO,CAAC,UAAA,EAAE,IAAI,OAAA,EAAE,EAAE,EAAJ,CAAI,CAAC,CAAC;YACxC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;YAC5B,IAAI,CAAC,aAAa,GAAG;gBACnB,qBAAqB,KAAK,KAAK;oBAC7B,CAAC,CAAC,IAAA,4BAAY,EAAC,MAAM,EAAE,cAAM,OAAA,KAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAA3B,CAA2B,CAAC;oBACzD,CAAC,CAAC,aAAI;gBACR,IAAA,4BAAY,EAAC,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAA3B,CAA2B,CAAC;aACzD,CAAC;YAEF,IAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,MAAM,CAAC,CAAC;YAC7C,IAAI,YAAY,IAAI,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;gBACpD,IAAI,CAAC,aAAa,CAAC,IAAI,CACrB,QAAQ,CAAC,YAAY,EAAE;oBACrB,KAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;gBAC9B,CAAC,CAAC,CACH,CAAC;aACH;SACF;QAED,IAAI,CAAC,QAAQ,CACX,IAAA,uBAAiB,EACf,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,OAAO,EACP,MAAM,EACN,SAAS,EACT,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CACF,CAAC;IACJ,CAAC;IAED,oCAAiB,GAAjB;QACE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;IACxC,CAAC;IAQD,qCAAkB,GAAlB,UAAmB,SAAc;QAC/B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,CAAC,CAAC;IACzE,CAAC;IAgBD,uCAAoB,GAApB;;QACE,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO,CAAC,UAAA,EAAE,IAAI,OAAA,EAAE,EAAE,EAAJ,CAAI,CAAC,CAAC;IAC1C,CAAC;IAED,yBAAM,GAAN;QACE,IAAM,KAAkC,IAAI,CAAC,KAAK,EAA3C,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,2BAA9B,yBAA+B,CAAa,CAAC;QACnD,IAAM,KAAgD,IAAI,CAAC,KAAK,EAAzD,YAAY,kBAAA,EAAE,WAAW,iBAAA,EAAK,aAAa,2BAA5C,+BAA6C,CAAa,CAAC;QAEjE,8CAA8C;QAC9C,OAAO,KAAK,CAAC,MAAM,CAAC;QACpB,OAAO,KAAK,CAAC,SAAS,CAAC;QACvB,OAAO,KAAK,CAAC,gBAAgB,CAAC;QAC9B,OAAO,KAAK,CAAC,oBAAoB,CAAC;QAElC,IAAM,KAAK,GAAG,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5C,OAAO,IAAA,oBAAY,EAAC,KAAK,wEACpB,KAAK,GACL,aAAa;YAChB,uEAAuE;YACvE,qBAAqB;YACrB,YAAY,cAAA,EACZ,WAAW,aAAA,EACX,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EACvD,KAAK,kDACA,KAAK,CAAC,KAAK,CAAC,KAAK,KACpB,IAAI,EAAE,YAAY,EAClB,GAAG,EAAE,WAAW,OAElB,CAAC;IACL,CAAC;IAjIM,qBAAY,GAAG;QACpB,gBAAgB,EAAE,CAAC;QACnB,SAAS,EAAE,OAAO;QAClB,oBAAoB,EAAE,KAAK;KAC5B,CAAC;IA8HJ,eAAC;CAAA,AAzID,CAAuB,eAAK,CAAC,SAAS,GAyIrC;AAwBD;IAAqC,wCAGpC;IAIC,iBAAY,KAAmB;QAA/B,YACE,kBAAM,KAAY,CAAC,SAKpB;QAED,cAAQ,GAAQ,IAAI,CAAC;QACrB,iBAAW,GAAG,UAAC,QAAa;YAC1B,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC;QARA,KAAI,CAAC,KAAK,GAAG;YACX,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI;SACpB,CAAC;;IACJ,CAAC;IAOD,gCAAc,GAAd;;QACE,MAAA,IAAI,CAAC,QAAQ,0CAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,oCAAkB,GAAlB,UAAmB,SAAuB;QACxC,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,SAAS,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE;YAC/C,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;SAChC;aAAM,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;YACzE,0DAA0D;YAC1D,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;SAC/B;IACH,CAAC;IAGD,kCAAgB,GAAhB,UAAiB,IAAiB;QAChC,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;QAE9B,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC;IAED,wBAAM,GAAN;QACE,IAAM,KAWF,IAAI,CAAC,KAAK,EAVZ,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,SAAS,eAAA,EACT,oBAAoB,0BAAA,EACpB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,qBAAqB,2BAAA,EACT,UAAU,gBAAA,EACnB,KAAK,2BAVJ,gJAWL,CAAa,CAAC;QAEf,IAAM,YAAY,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACtE,IAAI,CAAC,YAAY,EAAE;YACjB,qDAAqD;YACrD,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,GAAG,QAAQ,CAAC;QAErB,0EAA0E;QAC1E,oDAAoD;QACpD,KAAK,GAAG;QACN,aAAa;QACb,8BAAC,QAAQ,4BACH;YACF,SAAS,WAAA;YACT,gBAAgB,kBAAA;YAChB,MAAM,QAAA;YACN,SAAS,WAAA;YACT,oBAAoB,sBAAA;SACrB,IACD,GAAG,EAAE,IAAI,CAAC,WAAW,KAEpB,KAAK,CACG,CACZ,CAAC;QAEF,IAAI,UAAU,EAAE;YACT,IAAA,MAAM,GAA+C,KAAK,OAApD,EAAE,SAAS,GAAoC,KAAK,UAAzC,EAAE,OAAO,GAA2B,KAAK,QAAhC,EAAE,UAAU,GAAe,KAAK,WAApB,EAAE,SAAS,GAAI,KAAK,UAAT,CAAU;YAEhE,sEAAsE;YACtE,qCAAqC;YACrC,KAAK,GAAG,CACN,8BAAC,UAAU,IACT,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,MAAM,QACN,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAEnB,KAAK,CACK,CACd,CAAC;SACH;QAED,kEAAkE;QAClE,IAAI,SAAS,EAAE;YACb,OAAO;YACL,aAAa;YACb,8BAAC,gBAAM,IAAC,SAAS,EAAE,SAAS;gBAC1B,8BAAC,qBAAS,IAAC,WAAW,EAAE,KAAK,CAAC,MAAM,IACjC,UAAC,GAAQ;oBACR,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;wBAC/B,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;4BAC/B,GAAG,EAAE,GAAG;yBACT,CAAC,CAAC;qBACJ;oBAED,OAAO,uCAAK,GAAG,EAAE,GAAG,IAAG,KAAK,CAAO,CAAC;gBACtC,CAAC,CACS,CACL,CACV,CAAC;SACH;QAED,aAAa;QACb,OAAO,8BAAC,gBAAM,IAAC,SAAS,EAAE,SAAS,IAAG,KAAK,CAAU,CAAC;IACxD,CAAC;;IA1HM,oBAAY,GAAG;QACpB,SAAS,EAAE,MAAM;KAClB,CAAC;IA6BF;QADC,iBAAQ;;0EACc,WAAW,oBAAX,WAAW;;mDAMjC;IAsFH,cAAC;CAAA,AA/HD,CAAqC,eAAK,CAAC,SAAS,GA+HnD;kBA/HoB,OAAO",
+    "mappings": ";AAAA;;;;GAIG;;;AAEH,8EAA2C;AAC3C,uEAAoC;AACpC,kEAAgD;AAChD,0DAA0C;AAC1C,oCAA4E;AAC5E,0CAAgE;AAChE,wDAAsE;AACtE,gDAA6C;AAE7C,SAAS,QAAQ,CAAC,IAAiB,EAAE,QAAoB;IACvD,IAAM,OAAO,GAAG;QACd,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC,CAAC;IACF,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACzC,OAAO;QACL,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC,CAAC;AACJ,CAAC;AAED;IAAuB,yCAAyB;IAa9C,kBAAY,KAAU;QAAtB,YACE,kBAAM,KAAK,CAAC,SAUb;QA4DD,eAAS,GAAG;YACH,IAAA,MAAM,GAAI,KAAI,CAAC,KAAK,OAAd,CAAe;YAC5B,IAAM,aAAa,GAAG,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;YACvE,OAAO,CAAC,aAAa,IAAI,mBAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,IAAI,IAAI,CAAC;QACxE,CAAC,CAAC;QAMF,yBAAmB,GAAG,UAAC,gBAAqB;YAC1C,IAAM,MAAM,GAAG,KAAI,CAAC,SAAS,EAAE,CAAC;YAEhC,IACE,CAAC,KAAI,CAAC,KAAK,CAAC,oBAAoB;gBAChC,MAAM,KAAK,KAAI,CAAC,WAAW;gBAC3B,CAAC,gBAAgB,EACjB;gBACA,OAAO;aACR;YAED,KAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QAC9B,CAAC,CAAC;QA1FA,KAAI,CAAC,KAAK,GAAG;YACX,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,CAAC;YACd,eAAe,EAAE,IAAI;YACrB,cAAc,EAAE,IAAI;SACrB,CAAC;QAEF,KAAI,CAAC,WAAW,GAAG,IAAI,CAAC;;IAC1B,CAAC;IAED,iCAAc,GAAd,UAAe,MAAW;QAA1B,iBAoDC;;QAnDC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;QAE1B,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,IAAI,CAAC,QAAQ,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,WAAW,EAAE,CAAC;gBACd,eAAe,EAAE,IAAI;gBACrB,cAAc,EAAE,IAAI;aACrB,CAAC,CAAC;SACJ;QAED,IAAM,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC;QAC/D,IAAM,OAAO,GAAG,IAAA,uBAAW,EAAC,IAAW,CAAgB,CAAC;QACxD,IAAM,SAAS,GAAG,IAAA,kBAAY,EAC5B,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,IAAA,mBAAa,EAAC,IAAI,CAAC,CAAC,IAAI,CACzB,CAAC;QAEF,IACE,CAAC,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,KAAK,MAAM,CAAC;YACtD,IAAA,gCAAgB,EAAC,MAAM,EAAE,UAAU,CAAC,KAAK,QAAQ,EACjD;YACA,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO,CAAC,UAAA,EAAE,IAAI,OAAA,EAAE,EAAE,EAAJ,CAAI,CAAC,CAAC;YACxC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;YAC5B,IAAI,CAAC,aAAa,GAAG;gBACnB,qBAAqB,KAAK,KAAK;oBAC7B,CAAC,CAAC,IAAA,4BAAY,EAAC,MAAM,EAAE,cAAM,OAAA,KAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAA3B,CAA2B,CAAC;oBACzD,CAAC,CAAC,aAAI;gBACR,IAAA,4BAAY,EAAC,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAA3B,CAA2B,CAAC;aACzD,CAAC;YAEF,IAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,MAAM,CAAC,CAAC;YAC7C,IAAI,YAAY,IAAI,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;gBACpD,IAAI,CAAC,aAAa,CAAC,IAAI,CACrB,QAAQ,CAAC,YAAY,EAAE;oBACrB,KAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;gBAC9B,CAAC,CAAC,CACH,CAAC;aACH;SACF;QAED,IAAI,CAAC,QAAQ,CACX,IAAA,uBAAiB,EACf,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,OAAO,EACP,MAAM,EACN,SAAS,EACT,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAC3B,IAAI,CAAC,KAAK,CAAC,MAAM,CAClB,CACF,CAAC;IACJ,CAAC;IAED,oCAAiB,GAAjB;QACE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;IACxC,CAAC;IAQD,qCAAkB,GAAlB,UAAmB,SAAc;QAC/B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,SAAS,CAAC,CAAC;IACzE,CAAC;IAgBD,uCAAoB,GAApB;;QACE,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO,CAAC,UAAA,EAAE,IAAI,OAAA,EAAE,EAAE,EAAJ,CAAI,CAAC,CAAC;IAC1C,CAAC;IAED,yBAAM,GAAN;QACE,IAAM,KAAkC,IAAI,CAAC,KAAK,EAA3C,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,2BAA9B,yBAA+B,CAAa,CAAC;QACnD,IAAM,KAAgD,IAAI,CAAC,KAAK,EAAzD,YAAY,kBAAA,EAAE,WAAW,iBAAA,EAAK,aAAa,2BAA5C,+BAA6C,CAAa,CAAC;QAEjE,8CAA8C;QAC9C,OAAO,KAAK,CAAC,MAAM,CAAC;QACpB,OAAO,KAAK,CAAC,SAAS,CAAC;QACvB,OAAO,KAAK,CAAC,gBAAgB,CAAC;QAC9B,OAAO,KAAK,CAAC,oBAAoB,CAAC;QAElC,IAAM,KAAK,GAAG,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5C,OAAO,IAAA,oBAAY,EAAC,KAAK,wEACpB,KAAK,GACL,aAAa;YAChB,uEAAuE;YACvE,qBAAqB;YACrB,YAAY,cAAA,EACZ,WAAW,aAAA,EACX,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EACvD,KAAK,kDACA,KAAK,CAAC,KAAK,CAAC,KAAK,KACpB,IAAI,EAAE,YAAY,EAClB,GAAG,EAAE,WAAW,OAElB,CAAC;IACL,CAAC;IAlIM,qBAAY,GAAG;QACpB,gBAAgB,EAAE,CAAC;QACnB,SAAS,EAAE,OAAO;QAClB,oBAAoB,EAAE,KAAK;KAC5B,CAAC;IA+HJ,eAAC;CAAA,AA1ID,CAAuB,eAAK,CAAC,SAAS,GA0IrC;AAwBD;IAAqC,wCAGpC;IAIC,iBAAY,KAAmB;QAA/B,YACE,kBAAM,KAAY,CAAC,SAKpB;QAED,cAAQ,GAAQ,IAAI,CAAC;QACrB,iBAAW,GAAG,UAAC,QAAa;YAC1B,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC;QARA,KAAI,CAAC,KAAK,GAAG;YACX,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI;SACpB,CAAC;;IACJ,CAAC;IAOD,gCAAc,GAAd;;QACE,MAAA,IAAI,CAAC,QAAQ,0CAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,oCAAkB,GAAlB,UAAmB,SAAuB;QACxC,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,SAAS,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE;YAC/C,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;SAChC;aAAM,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;YACzE,0DAA0D;YAC1D,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;SAC/B;IACH,CAAC;IAGD,kCAAgB,GAAhB,UAAiB,IAAiB;QAChC,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;QAE9B,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC;IAED,wBAAM,GAAN;QACE,IAAM,KAYF,IAAI,CAAC,KAAK,EAXZ,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,SAAS,eAAA,EACT,oBAAoB,0BAAA,EACpB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,qBAAqB,2BAAA,EACT,UAAU,gBAAA,EACtB,MAAM,YAAA,EACH,KAAK,2BAXJ,0JAYL,CAAa,CAAC;QAEf,IAAM,YAAY,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACtE,IAAI,CAAC,YAAY,EAAE;YACjB,qDAAqD;YACrD,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,GAAG,QAAQ,CAAC;QAErB,0EAA0E;QAC1E,oDAAoD;QACpD,KAAK,GAAG;QACN,aAAa;QACb,8BAAC,QAAQ,4BACH;YACF,SAAS,WAAA;YACT,gBAAgB,kBAAA;YAChB,MAAM,QAAA;YACN,SAAS,WAAA;YACT,oBAAoB,sBAAA;YACpB,MAAM,QAAA;SACP,IACD,GAAG,EAAE,IAAI,CAAC,WAAW,KAEpB,KAAK,CACG,CACZ,CAAC;QAEF,IAAI,UAAU,EAAE;YACT,IAAA,MAAM,GAA+C,KAAK,OAApD,EAAE,SAAS,GAAoC,KAAK,UAAzC,EAAE,OAAO,GAA2B,KAAK,QAAhC,EAAE,UAAU,GAAe,KAAK,WAApB,EAAE,SAAS,GAAI,KAAK,UAAT,CAAU;YAEhE,sEAAsE;YACtE,qCAAqC;YACrC,KAAK,GAAG,CACN,8BAAC,UAAU,IACT,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,MAAM,QACN,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAEnB,KAAK,CACK,CACd,CAAC;SACH;QAED,kEAAkE;QAClE,IAAI,SAAS,EAAE;YACb,OAAO;YACL,aAAa;YACb,8BAAC,gBAAM,IAAC,SAAS,EAAE,SAAS;gBAC1B,8BAAC,qBAAS,IAAC,WAAW,EAAE,KAAK,CAAC,MAAM,IACjC,UAAC,GAAQ;oBACR,IAAI,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;wBAC/B,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;4BAC/B,GAAG,EAAE,GAAG;yBACT,CAAC,CAAC;qBACJ;oBAED,OAAO,uCAAK,GAAG,EAAE,GAAG,IAAG,KAAK,CAAO,CAAC;gBACtC,CAAC,CACS,CACL,CACV,CAAC;SACH;QAED,aAAa;QACb,OAAO,8BAAC,gBAAM,IAAC,SAAS,EAAE,SAAS,IAAG,KAAK,CAAU,CAAC;IACxD,CAAC;;IA5HM,oBAAY,GAAG;QACpB,SAAS,EAAE,MAAM;KAClB,CAAC;IA6BF;QADC,iBAAQ;;0EACc,WAAW,oBAAX,WAAW;;mDAMjC;IAwFH,cAAC;CAAA,AAjID,CAAqC,eAAK,CAAC,SAAS,GAiInD;kBAjIoB,OAAO",
     "sourcesContent": [
-        "/**\n * @file Overlay\n * @description\n * @author fex\n */\n\nimport Portal from 'react-overlays/Portal';\nimport classNames from 'classnames';\nimport ReactDOM, {findDOMNode} from 'react-dom';\nimport React, {cloneElement} from 'react';\nimport {calculatePosition, getContainer, ownerDocument} from '../utils/dom';\nimport {autobind, getScrollParent, noop} from '../utils/helper';\nimport {resizeSensor, getComputedStyle} from '../utils/resize-sensor';\nimport {RootClose} from '../utils/RootClose';\n\nfunction onScroll(elem: HTMLElement, callback: () => void) {\n  const handler = () => {\n    requestAnimationFrame(callback);\n  };\n  elem.addEventListener('scroll', handler);\n  return function () {\n    elem.removeEventListener('scroll', handler);\n  };\n}\n\nclass Position extends React.Component<any, any> {\n  props: any;\n  _lastTarget: any;\n  resizeDispose: Array<() => void>;\n  watchedTarget: any;\n  setState: (state: any) => void;\n\n  static defaultProps = {\n    containerPadding: 0,\n    placement: 'right',\n    shouldUpdatePosition: false\n  };\n\n  constructor(props: any) {\n    super(props);\n\n    this.state = {\n      positionLeft: 0,\n      positionTop: 0,\n      arrowOffsetLeft: null,\n      arrowOffsetTop: null\n    };\n\n    this._lastTarget = null;\n  }\n\n  updatePosition(target: any) {\n    this._lastTarget = target;\n\n    if (!target) {\n      return this.setState({\n        positionLeft: 0,\n        positionTop: 0,\n        arrowOffsetLeft: null,\n        arrowOffsetTop: null\n      });\n    }\n\n    const watchTargetSizeChange = this.props.watchTargetSizeChange;\n    const overlay = findDOMNode(this as any) as HTMLElement;\n    const container = getContainer(\n      this.props.container,\n      ownerDocument(this).body\n    );\n\n    if (\n      (!this.watchedTarget || this.watchedTarget !== target) &&\n      getComputedStyle(target, 'position') !== 'static'\n    ) {\n      this.resizeDispose?.forEach(fn => fn());\n      this.watchedTarget = target;\n      this.resizeDispose = [\n        watchTargetSizeChange !== false\n          ? resizeSensor(target, () => this.updatePosition(target))\n          : noop,\n        resizeSensor(overlay, () => this.updatePosition(target))\n      ];\n\n      const scrollParent = getScrollParent(target);\n      if (scrollParent && container.contains(scrollParent)) {\n        this.resizeDispose.push(\n          onScroll(scrollParent, () => {\n            this.updatePosition(target);\n          })\n        );\n      }\n    }\n\n    this.setState(\n      calculatePosition(\n        this.props.placement,\n        overlay,\n        target,\n        container,\n        this.props.containerPadding\n      )\n    );\n  }\n\n  componentDidMount() {\n    this.updatePosition(this.getTarget());\n  }\n\n  getTarget = () => {\n    const {target} = this.props;\n    const targetElement = typeof target === 'function' ? target() : target;\n    return (targetElement && ReactDOM.findDOMNode(targetElement)) || null;\n  };\n\n  componentDidUpdate(prevProps: any) {\n    this.maybeUpdatePosition(this.props.placement !== prevProps.placement);\n  }\n\n  maybeUpdatePosition = (placementChanged: any) => {\n    const target = this.getTarget();\n\n    if (\n      !this.props.shouldUpdatePosition &&\n      target === this._lastTarget &&\n      !placementChanged\n    ) {\n      return;\n    }\n\n    this.updatePosition(target);\n  };\n\n  componentWillUnmount() {\n    this.resizeDispose?.forEach(fn => fn());\n  }\n\n  render() {\n    const {children, className, ...props} = this.props;\n    const {positionLeft, positionTop, ...arrowPosition} = this.state;\n\n    // These should not be forwarded to the child.\n    delete props.target;\n    delete props.container;\n    delete props.containerPadding;\n    delete props.shouldUpdatePosition;\n\n    const child = React.Children.only(children);\n    return cloneElement(child, {\n      ...props,\n      ...arrowPosition,\n      // FIXME: Don't forward `positionLeft` and `positionTop` via both props\n      // and `props.style`.\n      positionLeft,\n      positionTop,\n      className: classNames(className, child.props.className),\n      style: {\n        ...child.props.style,\n        left: positionLeft,\n        top: positionTop\n      }\n    });\n  }\n}\n\ninterface OverlayProps {\n  placement?: string;\n  show?: boolean;\n  transition?: React.ElementType;\n  containerPadding?: number;\n  shouldUpdatePosition?: boolean;\n  rootClose?: boolean;\n  onHide?(props: any, ...args: any[]): any;\n  container?: React.ReactNode | Function;\n  target?: React.ReactNode | Function;\n  watchTargetSizeChange?: boolean;\n\n  onEnter?(node: HTMLElement): any;\n  onEntering?(node: HTMLElement): any;\n  onEntered?(node: HTMLElement): any;\n  onExit?(node: HTMLElement): any;\n  onExiting?(node: HTMLElement): any;\n  onExited?(node: HTMLElement): any;\n}\ninterface OverlayState {\n  exited: boolean;\n}\nexport default class Overlay extends React.Component<\n  OverlayProps,\n  OverlayState\n> {\n  static defaultProps = {\n    placement: 'auto'\n  };\n  constructor(props: OverlayProps) {\n    super(props as any);\n\n    this.state = {\n      exited: !props.show\n    };\n  }\n\n  position: any = null;\n  positionRef = (position: any) => {\n    this.position = position;\n  };\n\n  updatePosition() {\n    this.position?.maybeUpdatePosition(true);\n  }\n\n  componentDidUpdate(prevProps: OverlayProps) {\n    const props = this.props;\n    if (prevProps.show !== props.show && props.show) {\n      this.setState({exited: false});\n    } else if (props.transition !== prevProps.transition && !props.transition) {\n      // Otherwise let handleHidden take care of marking exited.\n      this.setState({exited: true});\n    }\n  }\n\n  @autobind\n  onHiddenListener(node: HTMLElement) {\n    this.setState({exited: true});\n\n    if (this.props.onExited) {\n      this.props.onExited(node);\n    }\n  }\n\n  render() {\n    const {\n      container,\n      containerPadding,\n      target,\n      placement,\n      shouldUpdatePosition,\n      rootClose,\n      children,\n      watchTargetSizeChange,\n      transition: Transition,\n      ...props\n    } = this.props;\n\n    const mountOverlay = props.show || (Transition && !this.state.exited);\n    if (!mountOverlay) {\n      // Don't bother showing anything if we don't have to.\n      return null;\n    }\n\n    let child = children;\n\n    // Position is be inner-most because it adds inline styles into the child,\n    // which the other wrappers don't forward correctly.\n    child = (\n      // @ts-ignore\n      <Position\n        {...{\n          container,\n          containerPadding,\n          target,\n          placement,\n          shouldUpdatePosition\n        }}\n        ref={this.positionRef}\n      >\n        {child}\n      </Position>\n    );\n\n    if (Transition) {\n      let {onExit, onExiting, onEnter, onEntering, onEntered} = props;\n\n      // This animates the child node by injecting props, so it must precede\n      // anything that adds a wrapping div.\n      child = (\n        <Transition\n          in={props.show}\n          appear\n          onExit={onExit}\n          onExiting={onExiting}\n          onExited={this.onHiddenListener}\n          onEnter={onEnter}\n          onEntering={onEntering}\n          onEntered={onEntered}\n        >\n          {child}\n        </Transition>\n      );\n    }\n\n    // This goes after everything else because it adds a wrapping div.\n    if (rootClose) {\n      return (\n        // @ts-ignore\n        <Portal container={container}>\n          <RootClose onRootClose={props.onHide}>\n            {(ref: any) => {\n              if (React.isValidElement(child)) {\n                return React.cloneElement(child, {\n                  ref: ref\n                });\n              }\n\n              return <div ref={ref}>{child}</div>;\n            }}\n          </RootClose>\n        </Portal>\n      );\n    }\n\n    // @ts-ignore\n    return <Portal container={container}>{child}</Portal>;\n  }\n}\n"
+        "/**\n * @file Overlay\n * @description\n * @author fex\n */\n\nimport Portal from 'react-overlays/Portal';\nimport classNames from 'classnames';\nimport ReactDOM, {findDOMNode} from 'react-dom';\nimport React, {cloneElement} from 'react';\nimport {calculatePosition, getContainer, ownerDocument} from '../utils/dom';\nimport {autobind, getScrollParent, noop} from '../utils/helper';\nimport {resizeSensor, getComputedStyle} from '../utils/resize-sensor';\nimport {RootClose} from '../utils/RootClose';\n\nfunction onScroll(elem: HTMLElement, callback: () => void) {\n  const handler = () => {\n    requestAnimationFrame(callback);\n  };\n  elem.addEventListener('scroll', handler);\n  return function () {\n    elem.removeEventListener('scroll', handler);\n  };\n}\n\nclass Position extends React.Component<any, any> {\n  props: any;\n  _lastTarget: any;\n  resizeDispose: Array<() => void>;\n  watchedTarget: any;\n  setState: (state: any) => void;\n\n  static defaultProps = {\n    containerPadding: 0,\n    placement: 'right',\n    shouldUpdatePosition: false\n  };\n\n  constructor(props: any) {\n    super(props);\n\n    this.state = {\n      positionLeft: 0,\n      positionTop: 0,\n      arrowOffsetLeft: null,\n      arrowOffsetTop: null\n    };\n\n    this._lastTarget = null;\n  }\n\n  updatePosition(target: any) {\n    this._lastTarget = target;\n\n    if (!target) {\n      return this.setState({\n        positionLeft: 0,\n        positionTop: 0,\n        arrowOffsetLeft: null,\n        arrowOffsetTop: null\n      });\n    }\n\n    const watchTargetSizeChange = this.props.watchTargetSizeChange;\n    const overlay = findDOMNode(this as any) as HTMLElement;\n    const container = getContainer(\n      this.props.container,\n      ownerDocument(this).body\n    );\n\n    if (\n      (!this.watchedTarget || this.watchedTarget !== target) &&\n      getComputedStyle(target, 'position') !== 'static'\n    ) {\n      this.resizeDispose?.forEach(fn => fn());\n      this.watchedTarget = target;\n      this.resizeDispose = [\n        watchTargetSizeChange !== false\n          ? resizeSensor(target, () => this.updatePosition(target))\n          : noop,\n        resizeSensor(overlay, () => this.updatePosition(target))\n      ];\n\n      const scrollParent = getScrollParent(target);\n      if (scrollParent && container.contains(scrollParent)) {\n        this.resizeDispose.push(\n          onScroll(scrollParent, () => {\n            this.updatePosition(target);\n          })\n        );\n      }\n    }\n\n    this.setState(\n      calculatePosition(\n        this.props.placement,\n        overlay,\n        target,\n        container,\n        this.props.containerPadding,\n        this.props.offset\n      )\n    );\n  }\n\n  componentDidMount() {\n    this.updatePosition(this.getTarget());\n  }\n\n  getTarget = () => {\n    const {target} = this.props;\n    const targetElement = typeof target === 'function' ? target() : target;\n    return (targetElement && ReactDOM.findDOMNode(targetElement)) || null;\n  };\n\n  componentDidUpdate(prevProps: any) {\n    this.maybeUpdatePosition(this.props.placement !== prevProps.placement);\n  }\n\n  maybeUpdatePosition = (placementChanged: any) => {\n    const target = this.getTarget();\n\n    if (\n      !this.props.shouldUpdatePosition &&\n      target === this._lastTarget &&\n      !placementChanged\n    ) {\n      return;\n    }\n\n    this.updatePosition(target);\n  };\n\n  componentWillUnmount() {\n    this.resizeDispose?.forEach(fn => fn());\n  }\n\n  render() {\n    const {children, className, ...props} = this.props;\n    const {positionLeft, positionTop, ...arrowPosition} = this.state;\n\n    // These should not be forwarded to the child.\n    delete props.target;\n    delete props.container;\n    delete props.containerPadding;\n    delete props.shouldUpdatePosition;\n\n    const child = React.Children.only(children);\n    return cloneElement(child, {\n      ...props,\n      ...arrowPosition,\n      // FIXME: Don't forward `positionLeft` and `positionTop` via both props\n      // and `props.style`.\n      positionLeft,\n      positionTop,\n      className: classNames(className, child.props.className),\n      style: {\n        ...child.props.style,\n        left: positionLeft,\n        top: positionTop\n      }\n    });\n  }\n}\n\ninterface OverlayProps {\n  placement?: string;\n  show?: boolean;\n  transition?: React.ElementType;\n  containerPadding?: number;\n  shouldUpdatePosition?: boolean;\n  rootClose?: boolean;\n  onHide?(props: any, ...args: any[]): any;\n  container?: React.ReactNode | Function;\n  target?: React.ReactNode | Function;\n  watchTargetSizeChange?: boolean;\n  offset?: [number, number];\n  onEnter?(node: HTMLElement): any;\n  onEntering?(node: HTMLElement): any;\n  onEntered?(node: HTMLElement): any;\n  onExit?(node: HTMLElement): any;\n  onExiting?(node: HTMLElement): any;\n  onExited?(node: HTMLElement): any;\n}\ninterface OverlayState {\n  exited: boolean;\n}\nexport default class Overlay extends React.Component<\n  OverlayProps,\n  OverlayState\n> {\n  static defaultProps = {\n    placement: 'auto'\n  };\n  constructor(props: OverlayProps) {\n    super(props as any);\n\n    this.state = {\n      exited: !props.show\n    };\n  }\n\n  position: any = null;\n  positionRef = (position: any) => {\n    this.position = position;\n  };\n\n  updatePosition() {\n    this.position?.maybeUpdatePosition(true);\n  }\n\n  componentDidUpdate(prevProps: OverlayProps) {\n    const props = this.props;\n    if (prevProps.show !== props.show && props.show) {\n      this.setState({exited: false});\n    } else if (props.transition !== prevProps.transition && !props.transition) {\n      // Otherwise let handleHidden take care of marking exited.\n      this.setState({exited: true});\n    }\n  }\n\n  @autobind\n  onHiddenListener(node: HTMLElement) {\n    this.setState({exited: true});\n\n    if (this.props.onExited) {\n      this.props.onExited(node);\n    }\n  }\n\n  render() {\n    const {\n      container,\n      containerPadding,\n      target,\n      placement,\n      shouldUpdatePosition,\n      rootClose,\n      children,\n      watchTargetSizeChange,\n      transition: Transition,\n      offset,\n      ...props\n    } = this.props;\n\n    const mountOverlay = props.show || (Transition && !this.state.exited);\n    if (!mountOverlay) {\n      // Don't bother showing anything if we don't have to.\n      return null;\n    }\n\n    let child = children;\n\n    // Position is be inner-most because it adds inline styles into the child,\n    // which the other wrappers don't forward correctly.\n    child = (\n      // @ts-ignore\n      <Position\n        {...{\n          container,\n          containerPadding,\n          target,\n          placement,\n          shouldUpdatePosition,\n          offset\n        }}\n        ref={this.positionRef}\n      >\n        {child}\n      </Position>\n    );\n\n    if (Transition) {\n      let {onExit, onExiting, onEnter, onEntering, onEntered} = props;\n\n      // This animates the child node by injecting props, so it must precede\n      // anything that adds a wrapping div.\n      child = (\n        <Transition\n          in={props.show}\n          appear\n          onExit={onExit}\n          onExiting={onExiting}\n          onExited={this.onHiddenListener}\n          onEnter={onEnter}\n          onEntering={onEntering}\n          onEntered={onEntered}\n        >\n          {child}\n        </Transition>\n      );\n    }\n\n    // This goes after everything else because it adds a wrapping div.\n    if (rootClose) {\n      return (\n        // @ts-ignore\n        <Portal container={container}>\n          <RootClose onRootClose={props.onHide}>\n            {(ref: any) => {\n              if (React.isValidElement(child)) {\n                return React.cloneElement(child, {\n                  ref: ref\n                });\n              }\n\n              return <div ref={ref}>{child}</div>;\n            }}\n          </RootClose>\n        </Portal>\n      );\n    }\n\n    // @ts-ignore\n    return <Portal container={container}>{child}</Portal>;\n  }\n}\n"
     ]
 }

package/lib/components/Progress.d.ts

@@ -2,36 +2,41 @@
 import React from 'react';
 import { ClassNamesFn, ThemeProps } from '../theme';
 import { SchemaClassName } from '../Schema';
+interface ColorProps {
+    value: number;
+    color: string;
+}
+export declare type ColorMapType = Array<string> | Array<ColorProps> | string;
 interface ProgressProps extends ThemeProps {
     type: 'line' | 'circle' | 'dashboard';
     showLabel: boolean;
     value: number;
     stripe?: boolean;
     animate?: boolean;
-    map?: Array<string>;
+    map?: ColorMapType;
     placeholder?: string;
     format?: (value?: number) => JSX.Element;
     gapDegree?: number;
     gapPosition?: 'top' | 'bottom' | 'left' | 'right';
     strokeWidth?: number;
-    classNames?: string;
     progressClassName?: SchemaClassName;
-    progressBarClassName?: SchemaClassName;
     classnames: ClassNamesFn;
 }
 export declare class Progress extends React.Component<ProgressProps, Object> {
     static defaultProps: Partial<ProgressProps>;
-    autoClassName(value: number): string;
+    getCurrentColor(): string;
+    getLevelColor(color: Array<string> | Array<ColorProps>): string;
+    getColorArray(color: Array<string> | Array<ColorProps>): ColorProps[];
     getLabel(prefixCls: string): JSX.Element | null;
     render(): JSX.Element;
 }
 declare const _default: {
-    new (props: (Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>): {
+    new (props: (Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -39,24 +44,24 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps, context: any): {
+    new (props: Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps, context: any): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -64,17 +69,17 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "progressBarClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition" | "classNames">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ProgressProps, keyof ThemeProps>, never> & Partial<Pick<Omit<ProgressProps, keyof ThemeProps>, "map" | "animate" | "value" | "type" | "placeholder" | "format" | "progressClassName" | "showLabel" | "stripe" | "strokeWidth" | "gapDegree" | "gapPosition">> & Partial<Pick<Partial<ProgressProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;

package/lib/components/Progress.js

@@ -10,14 +10,39 @@ var Progress = /** @class */ (function (_super) {
     function Progress() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    Progress.prototype.autoClassName = function (value) {
-        var map = this.props.map;
-        if (!map || !map.length) {
-            return '';
+    Progress.prototype.getCurrentColor = function () {
+        var color = this.props.map;
+        if (!color || !color.length) {
+            return 'bg-primary';
         }
-        var index = Math.floor((value * map.length) / 100);
-        index = Math.max(0, Math.min(map.length - 1, index));
-        return map[index];
+        if (typeof color === 'string') {
+            return color;
+        }
+        else {
+            return this.getLevelColor(color);
+        }
+    };
+    Progress.prototype.getLevelColor = function (color) {
+        var value = this.props.value;
+        var colorArray = this.getColorArray(color).sort(function (a, b) { return a.value - b.value; });
+        for (var i = 0; i < colorArray.length; i++) {
+            if (colorArray[i].value > value) {
+                return colorArray[i].color;
+            }
+        }
+        return colorArray[colorArray.length - 1].color;
+    };
+    Progress.prototype.getColorArray = function (color) {
+        var span = 100 / color.length;
+        return color.map(function (item, index) {
+            if (typeof item === 'string') {
+                return {
+                    color: item,
+                    value: (index + 1) * span
+                };
+            }
+            return item;
+        });
     };
     Progress.prototype.getLabel = function (prefixCls) {
         var _a = this.props, value = _a.value, format = _a.format, showLabel = _a.showLabel, cx = _a.classnames;
@@ -30,19 +55,26 @@ var Progress = /** @class */ (function (_super) {
     };
     Progress.prototype.render = function () {
         var _a, _b, _c, _d;
-        var _e = this.props, classNames = _e.classNames, progressClassName = _e.progressClassName, progressBarClassName = _e.progressBarClassName, type = _e.type, value = _e.value, placeholder = _e.placeholder, stripe = _e.stripe, animate = _e.animate, showLabel = _e.showLabel, gapDegree = _e.gapDegree, gapPosition = _e.gapPosition, strokeWidth = _e.strokeWidth, cx = _e.classnames;
+        var _e = this.props, className = _e.className, progressClassName = _e.progressClassName, type = _e.type, value = _e.value, placeholder = _e.placeholder, stripe = _e.stripe, animate = _e.animate, gapDegree = _e.gapDegree, gapPosition = _e.gapPosition, strokeWidth = _e.strokeWidth, cx = _e.classnames;
         var isLineType = type === 'line';
         var prefixCls = isLineType ? 'Progress-line' : 'Progress-circle';
-        var viewValue = (react_1.default.createElement("span", { className: "text-muted" }, placeholder));
-        if (type === 'line') {
+        var bgColor = this.getCurrentColor();
+        var isColorClass = /bg-/.test(bgColor);
+        var viewValue;
+        if (typeof value !== 'number') {
+            viewValue = react_1.default.createElement("span", { className: "text-muted" }, placeholder);
+        }
+        else if (type === 'line') {
+            var style = {};
+            var barStyle = {
+                width: "".concat(value, "%")
+            };
+            strokeWidth && (style.height = strokeWidth);
+            !isColorClass && (barStyle.backgroundColor = bgColor);
             viewValue = [
-                react_1.default.createElement("div", { key: "progress", className: cx(prefixCls, progressClassName, (_a = {},
-                        _a["".concat(prefixCls, "-no-label")] = !showLabel,
-                        _a)) },
-                    react_1.default.createElement("div", { className: cx("".concat(prefixCls, "-inter")) },
-                        react_1.default.createElement("div", { className: cx("".concat(prefixCls, "-bar"), progressBarClassName || this.autoClassName(value), (_b = {}, _b["".concat(prefixCls, "-bar--stripe")] = stripe, _b), (_c = {}, _c["".concat(prefixCls, "-bar--animate")] = animate && !stripe, _c), (_d = {}, _d["".concat(prefixCls, "-bar--stripe-animate")] = animate && stripe, _d)), title: "".concat(value, "%"), style: {
-                                width: "".concat(value, "%")
-                            } }))),
+                react_1.default.createElement("div", { key: "progress", className: cx(prefixCls, progressClassName) },
+                    react_1.default.createElement("div", { className: cx("".concat(prefixCls, "-inter")), style: style },
+                        react_1.default.createElement("div", { className: cx("".concat(prefixCls, "-bar"), (_a = {}, _a[bgColor] = isColorClass, _a), (_b = {}, _b["".concat(prefixCls, "-bar--stripe")] = stripe, _b), (_c = {}, _c["".concat(prefixCls, "-bar--animate")] = animate && !stripe, _c), (_d = {}, _d["".concat(prefixCls, "-bar--stripe-animate")] = animate && stripe, _d)), title: "".concat(value, "%"), style: barStyle }))),
                 this.getLabel(prefixCls)
             ];
         }
@@ -59,18 +91,17 @@ var Progress = /** @class */ (function (_super) {
                 return undefined;
             };
             viewValue = [
-                react_1.default.createElement("div", { className: cx(prefixCls), key: "circle" },
-                    react_1.default.createElement(rc_progress_1.Circle, { percent: value, strokeColor: "", strokeWidth: circleWidth, trailWidth: circleWidth, prefixCls: this.autoClassName(value), gapDegree: getGapDegree(), gapPosition: gapPos }),
+                react_1.default.createElement("div", { className: cx(prefixCls, progressClassName), key: "circle" },
+                    react_1.default.createElement(rc_progress_1.Circle, { percent: value, strokeColor: !isColorClass ? bgColor : '', strokeWidth: circleWidth, trailWidth: circleWidth, prefixCls: isColorClass ? bgColor : '', gapDegree: getGapDegree(), gapPosition: gapPos }),
                     this.getLabel(prefixCls))
             ];
         }
-        return react_1.default.createElement("div", { className: cx('Progress', classNames) }, viewValue);
+        return react_1.default.createElement("div", { className: cx('Progress', className) }, viewValue);
     };
     Progress.defaultProps = {
         type: 'line',
         placeholder: '-',
         progressClassName: '',
-        progressBarClassName: '',
         map: ['bg-danger', 'bg-warning', 'bg-info', 'bg-success', 'bg-success'],
         showLabel: true
     };

package/lib/components/Progress.js.map

@@ -6,8 +6,8 @@
         "/src/components/Progress.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport cx from 'classnames';\nimport {Circle} from 'rc-progress';\nimport {ClassNamesFn, themeable, ThemeProps} from '../theme';\nimport {SchemaClassName} from '../Schema';\ninterface ProgressProps extends ThemeProps {\n  type: 'line' | 'circle' | 'dashboard';\n  showLabel: boolean;\n  value: number;\n  stripe?: boolean;\n  animate?: boolean;\n  map?: Array<string>;\n  placeholder?: string;\n  format?: (value?: number) => JSX.Element;\n  gapDegree?: number;\n  gapPosition?: 'top' | 'bottom' | 'left' | 'right';\n  strokeWidth?: number;\n  classNames?: string;\n  progressClassName?: SchemaClassName;\n  progressBarClassName?: SchemaClassName;\n  classnames: ClassNamesFn;\n}\nexport class Progress extends React.Component<ProgressProps, Object> {\n  static defaultProps: Partial<ProgressProps> = {\n    type: 'line',\n    placeholder: '-',\n    progressClassName: '',\n    progressBarClassName: '',\n    map: ['bg-danger', 'bg-warning', 'bg-info', 'bg-success', 'bg-success'],\n    showLabel: true\n  };\n\n  autoClassName(value: number) {\n    const map = this.props.map;\n    if (!map || !map.length) {\n      return '';\n    }\n    let index = Math.floor((value * map.length) / 100);\n    index = Math.max(0, Math.min(map.length - 1, index));\n    return map[index];\n  }\n\n  getLabel(prefixCls: string) {\n    const {value, format, showLabel, classnames: cx} = this.props;\n    if (!showLabel) {\n      return null;\n    }\n    const textFormatter = format || (value => `${value}%`);\n    const content = textFormatter(value);\n    return (\n      <span className={cx(`${prefixCls}-text`)} key=\"value\">\n        {content}\n      </span>\n    );\n  }\n\n  render() {\n    const {\n      classNames,\n      progressClassName,\n      progressBarClassName,\n      type,\n      value,\n      placeholder,\n      stripe,\n      animate,\n      showLabel,\n      gapDegree,\n      gapPosition,\n      strokeWidth,\n      classnames: cx\n    } = this.props;\n\n    const isLineType = type === 'line';\n    const prefixCls = isLineType ? 'Progress-line' : 'Progress-circle';\n\n    let viewValue: React.ReactNode = (\n      <span className=\"text-muted\">{placeholder}</span>\n    );\n\n    if (type === 'line') {\n      viewValue = [\n        <div\n          key=\"progress\"\n          className={cx(prefixCls, progressClassName, {\n            [`${prefixCls}-no-label`]: !showLabel\n          })}\n        >\n          <div className={cx(`${prefixCls}-inter`)}>\n            <div\n              className={cx(\n                `${prefixCls}-bar`,\n                progressBarClassName || this.autoClassName(value),\n                {[`${prefixCls}-bar--stripe`]: stripe},\n                {[`${prefixCls}-bar--animate`]: animate && !stripe},\n                {[`${prefixCls}-bar--stripe-animate`]: animate && stripe}\n              )}\n              title={`${value}%`}\n              style={{\n                width: `${value}%`\n              }}\n            />\n          </div>\n        </div>,\n        this.getLabel(prefixCls)\n      ];\n    } else if (type === 'circle' || type === 'dashboard') {\n      const circleWidth = strokeWidth || 6;\n      const gapPos = gapPosition || (type === 'dashboard' && 'bottom') || 'top';\n      const getGapDegree = () => {\n        if (gapDegree || gapDegree === 0) {\n          return gapDegree;\n        }\n        if (type === 'dashboard') {\n          return 75;\n        }\n        return undefined;\n      };\n\n      viewValue = [\n        <div className={cx(prefixCls)} key=\"circle\">\n          <Circle\n            percent={value}\n            strokeColor=\"\"\n            strokeWidth={circleWidth}\n            trailWidth={circleWidth}\n            prefixCls={this.autoClassName(value)}\n            gapDegree={getGapDegree()}\n            gapPosition={gapPos}\n          />\n          {this.getLabel(prefixCls)}\n        </div>\n      ];\n    }\n\n    return <div className={cx('Progress', classNames)}>{viewValue}</div>;\n  }\n}\n\nexport default themeable(Progress);\n"
+        "import React from 'react';\nimport cx from 'classnames';\nimport {Circle} from 'rc-progress';\nimport {ClassNamesFn, themeable, ThemeProps} from '../theme';\nimport {SchemaClassName} from '../Schema';\ninterface ColorProps {\n  value: number;\n  color: string;\n}\n\nexport type ColorMapType = Array<string> | Array<ColorProps> | string;\n\ninterface ProgressProps extends ThemeProps {\n  type: 'line' | 'circle' | 'dashboard';\n  showLabel: boolean;\n  value: number;\n  stripe?: boolean;\n  animate?: boolean;\n  map?: ColorMapType;\n  placeholder?: string;\n  format?: (value?: number) => JSX.Element;\n  gapDegree?: number;\n  gapPosition?: 'top' | 'bottom' | 'left' | 'right';\n  strokeWidth?: number;\n  progressClassName?: SchemaClassName;\n  classnames: ClassNamesFn;\n}\nexport class Progress extends React.Component<ProgressProps, Object> {\n  static defaultProps: Partial<ProgressProps> = {\n    type: 'line',\n    placeholder: '-',\n    progressClassName: '',\n    map: ['bg-danger', 'bg-warning', 'bg-info', 'bg-success', 'bg-success'],\n    showLabel: true\n  };\n\n  getCurrentColor() {\n    const color = this.props.map;\n    if (!color || !color.length) {\n      return 'bg-primary';\n    }\n    if (typeof color === 'string') {\n      return color;\n    } else {\n      return this.getLevelColor(color);\n    }\n  }\n\n  getLevelColor(color: Array<string> | Array<ColorProps>) {\n    const value = this.props.value;\n    const colorArray = this.getColorArray(color).sort(\n      (a: {value: number}, b: {value: number}) => a.value - b.value\n    );\n    for (let i = 0; i < colorArray.length; i++) {\n      if (colorArray[i].value > value) {\n        return colorArray[i].color;\n      }\n    }\n    return colorArray[colorArray.length - 1].color;\n  }\n\n  getColorArray(color: Array<string> | Array<ColorProps>) {\n    const span = 100 / color.length;\n    return color.map((item, index) => {\n      if (typeof item === 'string') {\n        return {\n          color: item,\n          value: (index + 1) * span\n        };\n      }\n      return item;\n    });\n  }\n\n  getLabel(prefixCls: string) {\n    const {value, format, showLabel, classnames: cx} = this.props;\n    if (!showLabel) {\n      return null;\n    }\n    const textFormatter = format || (value => `${value}%`);\n    const content = textFormatter(value);\n    return (\n      <span className={cx(`${prefixCls}-text`)} key=\"value\">\n        {content}\n      </span>\n    );\n  }\n\n  render() {\n    const {\n      className,\n      progressClassName,\n      type,\n      value,\n      placeholder,\n      stripe,\n      animate,\n      gapDegree,\n      gapPosition,\n      strokeWidth,\n      classnames: cx\n    } = this.props;\n\n    const isLineType = type === 'line';\n    const prefixCls = isLineType ? 'Progress-line' : 'Progress-circle';\n    const bgColor = this.getCurrentColor();\n    const isColorClass = /bg-/.test(bgColor);\n\n    let viewValue: React.ReactNode;\n    if (typeof value !== 'number') {\n      viewValue = <span className=\"text-muted\">{placeholder}</span>;\n    } else if (type === 'line') {\n      const style: any = {};\n      const barStyle: any = {\n        width: `${value}%`\n      };\n      strokeWidth && (style.height = strokeWidth);\n      !isColorClass && (barStyle.backgroundColor = bgColor);\n\n      viewValue = [\n        <div key=\"progress\" className={cx(prefixCls, progressClassName)}>\n          <div className={cx(`${prefixCls}-inter`)} style={style}>\n            <div\n              className={cx(\n                `${prefixCls}-bar`,\n                {[bgColor]: isColorClass},\n                {[`${prefixCls}-bar--stripe`]: stripe},\n                {[`${prefixCls}-bar--animate`]: animate && !stripe},\n                {[`${prefixCls}-bar--stripe-animate`]: animate && stripe}\n              )}\n              title={`${value}%`}\n              style={barStyle}\n            />\n          </div>\n        </div>,\n        this.getLabel(prefixCls)\n      ];\n    } else if (type === 'circle' || type === 'dashboard') {\n      const circleWidth = strokeWidth || 6;\n      const gapPos = gapPosition || (type === 'dashboard' && 'bottom') || 'top';\n      const getGapDegree = () => {\n        if (gapDegree || gapDegree === 0) {\n          return gapDegree;\n        }\n        if (type === 'dashboard') {\n          return 75;\n        }\n        return undefined;\n      };\n\n      viewValue = [\n        <div className={cx(prefixCls, progressClassName)} key=\"circle\">\n          <Circle\n            percent={value}\n            strokeColor={!isColorClass ? bgColor : ''}\n            strokeWidth={circleWidth}\n            trailWidth={circleWidth}\n            prefixCls={isColorClass ? bgColor : ''}\n            gapDegree={getGapDegree()}\n            gapPosition={gapPos}\n          />\n          {this.getLabel(prefixCls)}\n        </div>\n      ];\n    }\n\n    return <div className={cx('Progress', className)}>{viewValue}</div>;\n  }\n}\n\nexport default themeable(Progress);\n"
     ]
 }

package/lib/components/PullRefresh.d.ts

@@ -0,0 +1,86 @@
+/**
+ * @file PullRefresh.tsx
+ * @description 下拉刷新
+ * @author hongyang03
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ClassNamesFn } from '../theme';
+import { TranslateFn } from '../locale';
+export interface PullRefreshProps {
+    classnames: ClassNamesFn;
+    classPrefix: string;
+    translate: TranslateFn;
+    disabled?: boolean;
+    pullingText?: string;
+    loosingText?: string;
+    loadingText?: string;
+    successText?: string;
+    onRefresh?: () => void;
+    loading?: boolean;
+    successDuration?: number;
+    loadingDuration?: number;
+}
+declare type statusText = 'normal' | 'pulling' | 'loosing' | 'success' | 'loading';
+export interface PullRefreshState {
+    status: statusText;
+    offsetY: number;
+}
+declare const _default: {
+    new (props: (Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps) | Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps, context: any): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<PullRefreshProps & React.RefAttributes<{}>, keyof import("../theme").ThemeProps> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<React.ForwardRefExoticComponent<PullRefreshProps & React.RefAttributes<{}>>>;
+} & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<PullRefreshProps & React.RefAttributes<{}>>, {}> & {
+    ComposedComponent: React.ForwardRefExoticComponent<PullRefreshProps & React.RefAttributes<{}>>;
+};
+export default _default;