@king-design/intact 2.1.4 → 2.1.6

package/es/components/position.d.ts

@@ -1,4 +1,4 @@
-export type Options = {
+export declare type Options = {
     of?: Window | HTMLElement | Document | MouseEvent;
     at?: string | [string, string];
     my?: string | [string, string];
@@ -7,8 +7,8 @@ export type Options = {
     collisionDirection?: ['left'] | ['top'] | ['left', 'top'];
     using?: (feedback: Feedback, position: Offset) => void;
 };
-type Collision = keyof Rules | 'none';
-type WithinInfo = {
+declare type Collision = keyof Rules | 'none';
+declare type WithinInfo = {
     element: HTMLElement | Window | Document;
     isWindow: boolean;
     isDocument: boolean;
@@ -18,26 +18,26 @@ type WithinInfo = {
     scrollLeft: number;
     scrollTop: number;
 };
-type Offset = {
+declare type Offset = {
     top: number;
     left: number;
 };
-type Horizontal = 'left' | 'center' | 'right';
-type Vertical = 'top' | 'center' | 'bottom';
-type CollisionPosition = {
+declare type Horizontal = 'left' | 'center' | 'right';
+declare type Vertical = 'top' | 'center' | 'bottom';
+declare type CollisionPosition = {
     marginTop: number;
     marginLeft: number;
 };
-type Rules = {
+declare type Rules = {
     fit: Rule;
     flip: Rule;
     flipfit: Rule;
 };
-type Rule = {
+declare type Rule = {
     left: (position: Offset, data: RuleData) => void;
     top: (position: Offset, data: RuleData) => void;
 };
-type RuleData = {
+declare type RuleData = {
     targetWidth: number;
     targetHeight: number;
     elemWidth: number;
@@ -51,14 +51,14 @@ type RuleData = {
     within: WithinInfo;
     elem: Options['of'];
 };
-export type Feedback = {
+export declare type Feedback = {
     target: FeedbackElement;
     element: FeedbackElement;
     horizontal: Horizontal;
     vertical: Vertical;
     important: 'vertical' | 'horizontal';
 };
-export type FeedbackElement = {
+export declare type FeedbackElement = {
     element: Options['of'];
     left: number;
     top: number;

package/es/components/position.js

@@ -9,12 +9,14 @@ var rVertical = /top|center|bottom/;
 var rOffset = /[\+\-]\d+(\.[\d]+)?%?/;
 var rPosition = /^\w+/;
 var rPercent = /%$/;
+
 function getDimensions(elem) {
   if (elem.nodeType === 9) {
     // document
     var _getDocumentOrWindowR = getDocumentOrWindowRect(elem),
-      width = _getDocumentOrWindowR.width,
-      height = _getDocumentOrWindowR.height;
+        width = _getDocumentOrWindowR.width,
+        height = _getDocumentOrWindowR.height;
+
     return {
       width: width,
       height: height,
@@ -25,8 +27,9 @@ function getDimensions(elem) {
     };
   } else if (elem === window) {
     var _getDocumentOrWindowR2 = getDocumentOrWindowRect(elem),
-      _width = _getDocumentOrWindowR2.width,
-      _height = _getDocumentOrWindowR2.height;
+        _width = _getDocumentOrWindowR2.width,
+        _height = _getDocumentOrWindowR2.height;
+
     return {
       width: _width,
       height: _height,
@@ -45,8 +48,9 @@ function getDimensions(elem) {
         left: elem.pageX
       }
     };
-  }
-  // dom
+  } // dom
+
+
   var rect = elem.getBoundingClientRect();
   return {
     width: rect.width,
@@ -58,6 +62,7 @@ function getDimensions(elem) {
     rect: rect
   };
 }
+
 export function getDocumentOrWindowRect(elem) {
   if (elem === window) {
     var _d = elem.document.documentElement;
@@ -66,6 +71,7 @@ export function getDocumentOrWindowRect(elem) {
       height: _d.clientHeight
     };
   }
+
   var d = elem.documentElement;
   var b = elem.body;
   return {
@@ -73,32 +79,38 @@ export function getDocumentOrWindowRect(elem) {
     height: max(b.scrollHeight, d.scrollHeight, b.offsetHeight, d.offsetHeight, d.clientHeight)
   };
 }
+
 function getOffsets(offsets, width, height) {
   return [parseFloat(offsets[0]) * (rPercent.test(offsets[0]) ? width / 100 : 1), parseFloat(offsets[1]) * (rPercent.test(offsets[1]) ? height / 100 : 1)];
-}
-// reference: http://stackoverflow.com/questions/13382516/getting-scroll-bar-width-using-javascript
+} // reference: http://stackoverflow.com/questions/13382516/getting-scroll-bar-width-using-javascript
+
+
 var _scrollBarWidth;
+
 export function scrollbarWidth() {
   if (_scrollBarWidth !== undefined) {
     return _scrollBarWidth;
   }
+
   var outer = document.createElement("div");
   outer.style.visibility = "hidden";
   outer.style.width = "100px";
   outer.style.msOverflowStyle = "scrollbar"; // needed for WinJS apps
+
   document.body.appendChild(outer);
-  var widthNoScroll = outer.offsetWidth;
-  // force scrollbars
-  outer.style.overflow = "scroll";
-  // add innerdiv
+  var widthNoScroll = outer.offsetWidth; // force scrollbars
+
+  outer.style.overflow = "scroll"; // add innerdiv
+
   var inner = document.createElement("div");
   inner.style.width = "100%";
   outer.appendChild(inner);
-  var widthWithScroll = inner.offsetWidth;
-  // remove divs
+  var widthWithScroll = inner.offsetWidth; // remove divs
+
   outer.parentNode.removeChild(outer);
   return _scrollBarWidth = widthNoScroll - widthWithScroll;
 }
+
 function getScrollInfo(within) {
   var overflowX = within.isWindow || within.isDocument ? '' : within.element.style.overflowX;
   var overflowY = within.isWindow || within.isDocument ? '' : within.element.style.overflowY;
@@ -109,6 +121,7 @@ function getScrollInfo(within) {
     height: hasOverflowX ? scrollbarWidth() : 0
   };
 }
+
 function getWithinInfo(element) {
   element || (element = window);
   var isWindow = element === window;
@@ -119,6 +132,7 @@ function getWithinInfo(element) {
     isWindow: isWindow,
     isDocument: isDocument
   };
+
   if (hasOffset) {
     var rect = element.getBoundingClientRect();
     ret.offset = {
@@ -134,50 +148,63 @@ function getWithinInfo(element) {
       top: 0,
       left: 0
     };
+
     var _rect = getDocumentOrWindowRect(element);
+
     ret.width = _rect.width;
     ret.height = _rect.height;
     ret.scrollLeft = window.pageXOffset;
     ret.scrollTop = window.pageYOffset;
   }
+
   return ret;
 }
+
 function parseCss(style, property) {
   return parseInt(style[property], 10) || 0;
 }
+
 function isInViewport(rect) {
   if (!rect) return true;
   var top = rect.top,
-    bottom = rect.bottom,
-    left = rect.left,
-    right = rect.right;
+      bottom = rect.bottom,
+      left = rect.left,
+      right = rect.right;
   var windowHeight = window.innerHeight || document.documentElement.clientHeight;
   var windowWidth = window.innerWidth || document.documentElement.clientWidth;
   return top <= windowHeight && bottom >= 0 && left <= windowWidth && right >= 0;
 }
+
 export default function position(elem, options) {
   options = _Object$assign({}, options);
   var target = options.of || window;
+
   if (target.preventDefault) {
     options.at = "left top";
   }
+
   var _getDimensions = getDimensions(target),
-    targetWidth = _getDimensions.width,
-    targetHeight = _getDimensions.height,
-    targetOffset = _getDimensions.offset,
-    targetRect = _getDimensions.rect;
-  var basePosition = _Object$assign({}, targetOffset);
-  // don't detect collison if the target is not in viewport
+      targetWidth = _getDimensions.width,
+      targetHeight = _getDimensions.height,
+      targetOffset = _getDimensions.offset,
+      targetRect = _getDimensions.rect;
+
+  var basePosition = _Object$assign({}, targetOffset); // don't detect collison if the target is not in viewport
+
+
   var collision = isInViewport(targetRect) ? !isArray(options.collision) ? (options.collision || 'flip').split(' ') : options.collision : ['none', 'none'];
   var offsets = {};
   var within = getWithinInfo(options.within);
   var scrollInfo = getScrollInfo(within);
   ['my', 'at'].forEach(function (item) {
     var pos = (options[item] || '').split(' ');
+
     if (pos.length === 1) {
       var _context;
+
       pos = rHorizontal.test(pos[0]) ? _concatInstanceProperty(pos).call(pos, ['center']) : rVertical.test(pos[0]) ? _concatInstanceProperty(_context = ['center']).call(_context, pos) : ['center', 'center'];
     }
+
     pos[0] = rHorizontal.test(pos[0]) ? pos[0] : 'center';
     pos[1] = rVertical.test(pos[1]) ? pos[1] : 'center';
     var horizontalOffset = rOffset.exec(pos[0]);
@@ -185,30 +212,37 @@ export default function position(elem, options) {
     offsets[item] = [horizontalOffset ? horizontalOffset[0] : '0', verticalOffset ? verticalOffset[0] : '0'];
     options[item] = [rPosition.exec(pos[0])[0], rPosition.exec(pos[1])[0]];
   });
+
   if (collision.length === 1) {
     collision[1] = collision[0];
   }
+
   var at = _atInstanceProperty(options);
+
   if (at[0] === 'right') {
     basePosition.left += targetWidth;
   } else if (at[0] === 'center') {
     basePosition.left += targetWidth / 2;
   }
+
   if (at[1] === 'bottom') {
     basePosition.top += targetHeight;
   } else if (at[1] === 'center') {
     basePosition.top += targetHeight / 2;
   }
+
   var atOffset = getOffsets(_atInstanceProperty(offsets), targetWidth, targetHeight);
   basePosition.left += atOffset[0];
-  basePosition.top += atOffset[1];
-  // maybe it has scaled, so we use getBoundingClientRect
+  basePosition.top += atOffset[1]; // maybe it has scaled, so we use getBoundingClientRect
+
   var _elem$getBoundingClie = elem.getBoundingClientRect(),
-    elemWidth = _elem$getBoundingClie.width,
-    elemHeight = _elem$getBoundingClie.height;
-  // const elemWidth = elem.offsetWidth;
+      elemWidth = _elem$getBoundingClie.width,
+      elemHeight = _elem$getBoundingClie.height; // const elemWidth = elem.offsetWidth;
   // const elemHeight = elem.offsetHeight;
+
+
   var position = _Object$assign({}, basePosition);
+
   var myOffset = getOffsets(offsets.my, elemWidth, elemHeight);
   var computedStyle = window.getComputedStyle(elem);
   var marginLeft = parseCss(computedStyle, 'marginLeft');
@@ -220,21 +254,25 @@ export default function position(elem, options) {
     marginTop: marginTop
   };
   var my = options.my;
+
   if (my[0] === 'right') {
     position.left -= elemWidth;
   } else if (my[0] === 'center') {
     position.left -= elemWidth / 2;
   }
+
   if (my[1] === 'bottom') {
     position.top -= elemHeight;
   } else if (my[1] === 'center') {
     position.top -= elemHeight / 2;
   }
+
   position.left += myOffset[0];
   position.top += myOffset[1];
   var collisionDirection = options.collisionDirection || ['left', 'top'];
   collisionDirection.forEach(function (dir, i) {
     var coll = collision[i];
+
     if (rules[coll]) {
       rules[coll][dir](position, {
         targetWidth: targetWidth,
@@ -252,6 +290,7 @@ export default function position(elem, options) {
       });
     }
   });
+
   if (options.using) {
     var left = targetOffset.left - position.left;
     var right = left + targetWidth - elemWidth;
@@ -275,12 +314,15 @@ export default function position(elem, options) {
       horizontal: right < 0 ? 'left' : left > 0 ? 'right' : 'center',
       vertical: bottom < 0 ? 'top' : top > 0 ? 'bottom' : 'center'
     };
+
     if (targetWidth < elemWidth && abs(left + right) < targetWidth) {
       feedback.horizontal = 'center';
     }
+
     if (targetHeight < elemHeight && abs(top + bottom) < targetHeight) {
       feedback.vertical = 'center';
     }
+
     if (position.top + elemHeight <= targetOffset.top || position.top >= targetOffset.top + targetHeight) {
       feedback.important = 'vertical';
     } else if (position.left + elemWidth <= targetOffset.left || position.left >= targetOffset.left + targetWidth) {
@@ -290,12 +332,16 @@ export default function position(elem, options) {
     } else {
       feedback.important = 'vertical';
     }
+
     options.using(feedback, position);
   }
+
   var style = elem.style;
+
   if (computedStyle.position === 'static') {
     style.position = 'relative';
   }
+
   var curOffset = getDimensions(elem).offset;
   var curCSSTop = computedStyle.top;
   var curCSSLeft = computedStyle.left;
@@ -312,6 +358,7 @@ var rules = {
       var overLeft = withinOffset - collisionPosLeft;
       var overRight = collisionPosLeft + data.collisionWidth - outerWidth - withinOffset;
       var newOverRight;
+
       if (data.collisionWidth > outerWidth) {
         if (overLeft > 0 && overRight <= 0) {
           newOverRight = position.left + overLeft + data.collisionWidth - outerWidth - withinOffset;
@@ -339,6 +386,7 @@ var rules = {
       var overTop = withinOffset - collisionPosTop;
       var overBottom = collisionPosTop + data.collisionHeight - outerHeight - withinOffset;
       var newOverBottom;
+
       if (data.collisionHeight > outerHeight) {
         if (overTop > 0 && overBottom <= 0) {
           newOverBottom = position.top + overTop + data.collisionHeight - outerHeight - withinOffset;
@@ -373,15 +421,17 @@ var rules = {
       var offset = -2 * data.offset[0];
       var newOverRight;
       var newOverLeft;
+
       if (overLeft < 0) {
         newOverRight = position.left + myOffset + atOffset + offset + data.collisionWidth - outerWidth - withinOffset;
+
         if (newOverRight < 0 || newOverRight < abs(overLeft)) {
           position.left += myOffset + atOffset + offset;
         }
       } else if (overRight > 0) {
-        newOverLeft = position.left - data.collisionPosition.marginLeft + myOffset + atOffset + offset - offsetLeft;
-        // the same to top
+        newOverLeft = position.left - data.collisionPosition.marginLeft + myOffset + atOffset + offset - offsetLeft; // the same to top
         // if (newOverLeft > 0 || abs(newOverLeft) < overRight) {
+
         if (newOverLeft > 0) {
           position.left += myOffset + atOffset + offset;
         }
@@ -400,16 +450,18 @@ var rules = {
       var offset = -2 * data.offset[1];
       var newOverTop;
       var newOverBottom;
+
       if (overTop < 0) {
         newOverBottom = position.top + myOffset + atOffset + offset + data.collisionHeight - outerHeight - withinOffset;
+
         if (newOverBottom < 0 || newOverBottom < abs(overTop)) {
           position.top += myOffset + atOffset + offset;
         }
       } else if (overBottom > 0) {
-        newOverTop = position.top - data.collisionPosition.marginTop + myOffset + atOffset + offset - offsetTop;
-        // because window can scroll down, when it beyond the top border,
+        newOverTop = position.top - data.collisionPosition.marginTop + myOffset + atOffset + offset - offsetTop; // because window can scroll down, when it beyond the top border,
         // we can not scroll it to view. Don't flip it in this case
         // if (newOverTop > 0 || abs(newOverTop) < overBottom) {
+
         if (newOverTop > 0) {
           position.top += myOffset + atOffset + offset;
         }
@@ -419,12 +471,16 @@ var rules = {
   flipfit: {
     left: function left() {
       var _rules$flip, _rules$fit;
+
       (_rules$flip = rules.flip).left.apply(_rules$flip, arguments);
+
       (_rules$fit = rules.fit).left.apply(_rules$fit, arguments);
     },
     top: function top() {
       var _rules$flip2, _rules$fit2;
+
       (_rules$flip2 = rules.flip).top.apply(_rules$flip2, arguments);
+
       (_rules$fit2 = rules.fit).top.apply(_rules$fit2, arguments);
     }
   }

package/es/components/progress/index.d.ts

@@ -1,9 +1,9 @@
 import { Component, TypeDefs } from 'intact';
-type Sizes = 'default' | 'small' | 'mini';
-type Type = 'bar' | 'circle';
-type Status = 'active' | 'success' | 'error' | 'normal' | 'warning';
-type Percent = number | string;
-type Color = {
+declare type Sizes = 'default' | 'small' | 'mini';
+declare type Type = 'bar' | 'circle';
+declare type Status = 'active' | 'success' | 'error' | 'normal' | 'warning';
+declare type Percent = number | string;
+declare type Color = {
     percent: Percent;
     color: string;
 };
@@ -21,7 +21,7 @@ export declare class Progress extends Component<ProgressProps> {
     static template: string | import("intact").Template<any>;
     static typeDefs: Required<TypeDefs<ProgressProps>>;
     static defaults: () => Partial<ProgressProps>;
-    status: import("../../hooks/useState").State<NonNullable<Status | undefined>>;
+    status: import("../../hooks/useState").State<Status>;
     color: import("../../hooks/useState").State<string | Color[] | ((percent: number) => string) | undefined>;
     init(): void;
 }

package/es/components/progress/index.js

@@ -15,6 +15,7 @@ var typeDefs = {
   strokeWidth: Number,
   color: [String, Array, Function]
 };
+
 var defaults = function defaults() {
   return {
     type: 'bar',
@@ -25,33 +26,44 @@ var defaults = function defaults() {
     strokeWidth: 4
   };
 };
+
 export var Progress = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Progress, _Component);
+
   function Progress() {
     var _context;
+
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
     _this.status = useStatus();
     _this.color = useColor();
     return _this;
   }
+
   var _proto = Progress.prototype;
+
   _proto.init = function init() {
     var _this2 = this;
+
     this.on('$receive:percent', function (percent) {
       _this2.set('percent', fixPercent(percent));
     });
   };
+
   return Progress;
 }(Component);
 Progress.template = template;
 Progress.typeDefs = typeDefs;
 Progress.defaults = defaults;
+
 function fixPercent(percent) {
   var _percent = Number(percent);
+
   if (_percent > 100) _percent = 100;
   if (_percent < 0) _percent = 0;
   return _percent;