@king-design/intact 3.1.4-beta.2 → 3.1.4

package/es/components/tag/index.spec.js

@@ -8,175 +8,142 @@ describe('Tag', function () {
   // afterEach(() => unmount());
   it('should not close tag if we has prevented default', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, btns, preventDefaultBtn, commonBtn;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _mount = mount(ClosableDemo), instance = _mount[0], element = _mount[1];
-            btns = element.querySelectorAll('.k-tag-close');
-            preventDefaultBtn = btns[btns.length - 1];
-            preventDefaultBtn.click();
-            _context.next = 6;
-            return wait(100);
-
-          case 6:
-            expect(element.innerHTML).to.matchSnapshot();
-            commonBtn = btns[0];
-            commonBtn.click();
-            _context.next = 11;
-            return wait(500);
-
-          case 11:
-            expect(element.innerHTML).to.matchSnapshot();
-
-          case 12:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _mount = mount(ClosableDemo), instance = _mount[0], element = _mount[1];
+          btns = element.querySelectorAll('.k-tag-close');
+          preventDefaultBtn = btns[btns.length - 1];
+          preventDefaultBtn.click();
+          _context.next = 6;
+          return wait(100);
+        case 6:
+          expect(element.innerHTML).to.matchSnapshot();
+          commonBtn = btns[0];
+          commonBtn.click();
+          _context.next = 11;
+          return wait(500);
+        case 11:
+          expect(element.innerHTML).to.matchSnapshot();
+        case 12:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })));
   it('should hide tags that overflow', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element, lastPanel, more, tooltip, tags;
-
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _mount2 = mount(TagsDemo), instance = _mount2[0], element = _mount2[1];
-            lastPanel = element.querySelector('.k-split-last');
-            _context2.next = 4;
-            return wait(0);
-
-          case 4:
-            expect(lastPanel.innerHTML).to.matchSnapshot(); // show tooltip
-
-            more = lastPanel.querySelector('.k-tags-more');
-            dispatchEvent(more, 'mouseenter');
-            _context2.next = 9;
-            return wait();
-
-          case 9:
-            tooltip = getElement('.k-tags-tooltip');
-            expect(tooltip.querySelectorAll('.k-tag').length).to.eql(3); // remove one tag
-
-            dispatchEvent(lastPanel.querySelector('.k-tag-close'), 'click');
-            _context2.next = 14;
-            return wait(0);
-
-          case 14:
-            expect(lastPanel.innerHTML).to.matchSnapshot(); // resize
-
-            tags = lastPanel.querySelector('.k-tags');
-            tags.style.width = '200px';
-            _context2.next = 19;
-            return wait(200);
-
-          case 19:
-            expect(lastPanel.innerHTML).to.matchSnapshot(); // show tooltip again (the "more" element will be removed and created again)
-
-            more = lastPanel.querySelector('.k-tags-more');
-            dispatchEvent(more, 'mouseenter');
-            _context2.next = 24;
-            return wait();
-
-          case 24:
-            tooltip = getElement('.k-tags-tooltip');
-            expect(tooltip.querySelectorAll('.k-tag').length).to.eql(3);
-
-          case 26:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _mount2 = mount(TagsDemo), instance = _mount2[0], element = _mount2[1];
+          lastPanel = element.querySelector('.k-split-last');
+          _context2.next = 4;
+          return wait(0);
+        case 4:
+          expect(lastPanel.innerHTML).to.matchSnapshot();
+          // show tooltip
+          more = lastPanel.querySelector('.k-tags-more');
+          dispatchEvent(more, 'mouseenter');
+          _context2.next = 9;
+          return wait();
+        case 9:
+          tooltip = getElement('.k-tags-tooltip');
+          expect(tooltip.querySelectorAll('.k-tag').length).to.eql(3);
+          // remove one tag
+          dispatchEvent(lastPanel.querySelector('.k-tag-close'), 'click');
+          _context2.next = 14;
+          return wait(0);
+        case 14:
+          expect(lastPanel.innerHTML).to.matchSnapshot();
+          // resize
+          tags = lastPanel.querySelector('.k-tags');
+          tags.style.width = '200px';
+          _context2.next = 19;
+          return wait(200);
+        case 19:
+          expect(lastPanel.innerHTML).to.matchSnapshot();
+          // show tooltip again (the "more" element will be removed and created again)
+          more = lastPanel.querySelector('.k-tags-more');
+          dispatchEvent(more, 'mouseenter');
+          _context2.next = 24;
+          return wait();
+        case 24:
+          tooltip = getElement('.k-tags-tooltip');
+          expect(tooltip.querySelectorAll('.k-tag').length).to.eql(3);
+        case 26:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2);
   })));
   it('should support drag tags', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var _mount3, instance, element, test, _test, _element$querySelecto, tag1, tag2, tag6, _element$querySelecto2, tag11, tag22, more, dropdown, _dropdown$querySelect, tag55, tag66;
-
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            _test = function _test3() {
-              _test = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(from, to) {
-                return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-                  while (1) {
-                    switch (_context3.prev = _context3.next) {
-                      case 0:
-                        dispatchEvent(from, 'dragstart');
-                        _context3.next = 3;
-                        return wait();
-
-                      case 3:
-                        dispatchEvent(to, 'dragover');
-                        _context3.next = 6;
-                        return wait(500);
-
-                      case 6:
-                        expect(element.innerHTML).to.matchSnapshot();
-                        dispatchEvent(from, 'dragend');
-                        _context3.next = 10;
-                        return wait();
-
-                      case 10:
-                        expect(element.innerHTML).to.matchSnapshot();
-
-                      case 11:
-                      case "end":
-                        return _context3.stop();
-                    }
-                  }
-                }, _callee3);
-              }));
-              return _test.apply(this, arguments);
-            };
-
-            test = function _test2(_x, _x2) {
-              return _test.apply(this, arguments);
-            };
-
-            _mount3 = mount(DraggableDemo), instance = _mount3[0], element = _mount3[1];
-            _element$querySelecto = element.querySelectorAll('.k-tag'), tag1 = _element$querySelecto[0], tag2 = _element$querySelecto[1], tag6 = _element$querySelecto[5];
-            _context4.next = 6;
-            return test(tag1, tag2);
-
-          case 6:
-            _context4.next = 8;
-            return test(tag1, tag6);
-
-          case 8:
-            // with more tooltip
-            _element$querySelecto2 = element.querySelectorAll('.k-tags:last-of-type .k-tag'), tag11 = _element$querySelecto2[0], tag22 = _element$querySelecto2[1], more = _element$querySelecto2[4];
-            _context4.next = 11;
-            return test(tag11, tag22);
-
-          case 11:
-            _context4.next = 13;
-            return wait(0);
-
-          case 13:
-            dispatchEvent(more, 'mouseenter');
-            _context4.next = 16;
-            return wait();
-
-          case 16:
-            dropdown = getElement('.k-tags-tooltip');
-            _dropdown$querySelect = dropdown.querySelectorAll('.k-tag'), tag55 = _dropdown$querySelect[0], tag66 = _dropdown$querySelect[1];
-            _context4.next = 20;
-            return test(tag55, tag11);
-
-          case 20:
-            expect(dropdown.innerText).to.eql('warning\nwith tooltip'); // should not drag to other tags
-
-            _context4.next = 23;
-            return test(tag11, tag2);
-
-          case 23:
-          case "end":
-            return _context4.stop();
-        }
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _test = function _test3() {
+            _test = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(from, to) {
+              return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+                while (1) switch (_context3.prev = _context3.next) {
+                  case 0:
+                    dispatchEvent(from, 'dragstart');
+                    _context3.next = 3;
+                    return wait();
+                  case 3:
+                    dispatchEvent(to, 'dragover');
+                    _context3.next = 6;
+                    return wait(500);
+                  case 6:
+                    expect(element.innerHTML).to.matchSnapshot();
+                    dispatchEvent(from, 'dragend');
+                    _context3.next = 10;
+                    return wait();
+                  case 10:
+                    expect(element.innerHTML).to.matchSnapshot();
+                  case 11:
+                  case "end":
+                    return _context3.stop();
+                }
+              }, _callee3);
+            }));
+            return _test.apply(this, arguments);
+          };
+          test = function _test2(_x, _x2) {
+            return _test.apply(this, arguments);
+          };
+          _mount3 = mount(DraggableDemo), instance = _mount3[0], element = _mount3[1];
+          _element$querySelecto = element.querySelectorAll('.k-tag'), tag1 = _element$querySelecto[0], tag2 = _element$querySelecto[1], tag6 = _element$querySelecto[5];
+          _context4.next = 6;
+          return test(tag1, tag2);
+        case 6:
+          _context4.next = 8;
+          return test(tag1, tag6);
+        case 8:
+          // with more tooltip
+          _element$querySelecto2 = element.querySelectorAll('.k-tags:last-of-type .k-tag'), tag11 = _element$querySelecto2[0], tag22 = _element$querySelecto2[1], more = _element$querySelecto2[4];
+          _context4.next = 11;
+          return test(tag11, tag22);
+        case 11:
+          _context4.next = 13;
+          return wait(0);
+        case 13:
+          dispatchEvent(more, 'mouseenter');
+          _context4.next = 16;
+          return wait();
+        case 16:
+          dropdown = getElement('.k-tags-tooltip');
+          _dropdown$querySelect = dropdown.querySelectorAll('.k-tag'), tag55 = _dropdown$querySelect[0], tag66 = _dropdown$querySelect[1];
+          _context4.next = 20;
+          return test(tag55, tag11);
+        case 20:
+          expect(dropdown.innerText).to.eql('warning\nwith tooltip');
+          // should not drag to other tags
+          _context4.next = 23;
+          return test(tag11, tag2);
+        case 23:
+        case "end":
+          return _context4.stop();
       }
     }, _callee4);
   })));

package/es/components/tag/index.vdt.js

@@ -6,23 +6,20 @@ import { makeStyles } from './styles';
 import { Transition } from 'intact';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
-
   var _this$get = this.get(),
-      className = _this$get.className,
-      children = _this$get.children,
-      type = _this$get.type,
-      border = _this$get.border,
-      disabled = _this$get.disabled,
-      closable = _this$get.closable,
-      closed = _this$get.closed,
-      size = _this$get.size;
-
+    className = _this$get.className,
+    children = _this$get.children,
+    type = _this$get.type,
+    border = _this$get.border,
+    disabled = _this$get.disabled,
+    closable = _this$get.closable,
+    closed = _this$get.closed,
+    size = _this$get.size;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-tag"] = !$props.className, _classNameObj[className] = className, _classNameObj[k + "-" + type] = type !== 'default', _classNameObj[k + "-" + size] = size !== 'default', _classNameObj[k + "-" + border] = border, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-closable"] = closable, _classNameObj[makeStyles(k)] = true, _classNameObj[$props.className] = $props.className, _classNameObj);
   return _$cc(Transition, {
@@ -33,11 +30,9 @@ export default function ($props, $blocks, $__proto__) {
       return children;
     }, __$blocks['body'] = function ($super, data) {
       var block = $blocks['body'];
-
       var callBlock = function callBlock() {
         return _$blocks['body'].call($this, $super, data);
       };
-
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['body'](_$no)), (_$blocks['_close'] = function ($super) {
       return closable ? _$cc(Icon, {
@@ -48,11 +43,9 @@ export default function ($props, $blocks, $__proto__) {
       }) : undefined;
     }, __$blocks['_close'] = function ($super, data) {
       var block = $blocks['_close'];
-
       var callBlock = function callBlock() {
         return _$blocks['_close'].call($this, $super, data);
       };
-
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['_close'](_$no))]) : undefined
   });

package/es/components/tag/styles.d.ts

@@ -1,5 +1,5 @@
 import '../../styles/global';
-declare type TypeStyles = {
+type TypeStyles = {
     color: string;
     bgColor: string;
 };

package/es/components/tag/styles.js

@@ -9,26 +9,20 @@ var defaults = deepDefaults({
   get border() {
     return "1px solid " + theme.color.border;
   },
-
   get borderRadius() {
     return theme.borderRadius;
   },
-
   get fontSize() {
     return theme.default.fontSize;
   },
-
   padding: "0 8px",
   height: '20px',
-
   get bgColor() {
     return theme.color.bg;
   },
-
   close: {
     fontSize: '20px',
     gap: '8px',
-
     /**
      * fix the width to calculate the width for nowrap tags,
      * otherwise the width will be decided by font font-icons loaded
@@ -39,24 +33,19 @@ var defaults = deepDefaults({
     get color() {
       return theme.color.disabled;
     },
-
     get borderColor() {
       return theme.color.disabledBorder;
     },
-
     get bgColor() {
       return theme.color.disabledBg;
     }
-
   },
   large: {
     padding: "0px 8px",
     height: '24px',
-
     get fontSize() {
       return theme.large.fontSize;
     },
-
     close: {
       fontSize: '22px',
       gap: '6px'
@@ -65,11 +54,9 @@ var defaults = deepDefaults({
   small: {
     padding: "0 4px",
     height: '16px',
-
     get fontSize() {
       return theme.small.fontSize;
     },
-
     close: {
       fontSize: '18px',
       gap: '4px'
@@ -89,7 +76,6 @@ var defaults = deepDefaults({
     get bgColor() {
       return theme.color.bg;
     }
-
   },
   tags: {
     gap: '8px'
@@ -100,11 +86,9 @@ var defaults = deepDefaults({
     get color() {
       return theme.color[type];
     },
-
     get bgColor() {
       return palette(theme.color[type], -4);
     }
-
   };
   return memo;
 }, {}));
@@ -113,8 +97,8 @@ setDefault(function () {
   tag = deepDefaults(theme, {
     tag: defaults
   }).tag;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
-  makeTagsStyles == null ? void 0 : makeTagsStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
+  makeTagsStyles == null || makeTagsStyles.clearCache();
 });
 export { tag };
 export var makeStyles = cache(function makeStyles(k) {

package/es/components/tag/tags.d.ts

@@ -5,11 +5,11 @@ export interface TagsProps extends Pick<TagProps, 'size' | 'border'> {
     nowrap?: boolean;
     draggable?: boolean;
 }
-export declare type TagsDragStartParam = {
+export type TagsDragStartParam = {
     key: Key;
     from: number;
 };
-export declare type TagsDragEndParam = TagsDragStartParam & {
+export type TagsDragEndParam = TagsDragStartParam & {
     to: number;
 };
 export interface TagsEvents {

package/es/components/tag/tags.js

@@ -13,30 +13,24 @@ var typeDefs = {
   size: tagTypeDefs.size,
   border: tagTypeDefs.border
 };
-
 var defaults = function defaults() {
   return {
     size: 'default',
     border: 'none'
   };
 };
-
 var events = {
   dragstart: true,
   dragend: true
 };
 export var Tags = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Tags, _Component);
-
   function Tags() {
     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.children = useChildren();
     _this.draggable = useDraggable(_this.children);
@@ -44,7 +38,6 @@ export var Tags = /*#__PURE__*/function (_Component) {
     _this.config = useConfigContext();
     return _this;
   }
-
   return Tags;
 }(Component);
 Tags.template = template;

package/es/components/tag/tags.vdt.js

@@ -9,32 +9,29 @@ import { Tags } from './tags';
 import { Virtual } from '../virtual';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj, _$cn2;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
-
   var _this$get = this.get(),
-      className = _this$get.className,
-      nowrap = _this$get.nowrap,
-      size = _this$get.size,
-      border = _this$get.border,
-      draggable = _this$get.draggable;
-
+    className = _this$get.className,
+    nowrap = _this$get.nowrap,
+    size = _this$get.size,
+    border = _this$get.border,
+    draggable = _this$get.draggable;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-tags"] = true, _classNameObj[k + "-nowrap"] = nowrap, _classNameObj[k + "-draggable"] = draggable, _classNameObj[makeTagsStyles(k)] = true, _classNameObj[className] = className, _classNameObj);
   var _this$nowrap = this.nowrap,
-      containerRef = _this$nowrap.containerRef,
-      children = _this$nowrap.children,
-      hiddenChildren = _this$nowrap.hiddenChildren;
+    containerRef = _this$nowrap.containerRef,
+    children = _this$nowrap.children,
+    hiddenChildren = _this$nowrap.hiddenChildren;
   var vNodes = children.value;
+
   /**
   * We should always render Tooltip in nowrap mode, otherwise it will be removed while we close one tag.
   * Because we will render all tags to calculate the width
   */
-
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this), {
@@ -56,17 +53,14 @@ export default function ($props, $blocks, $__proto__) {
     }, '$more'),
     '$blocks': function ($blocks) {
       var _$blocks = {},
-          __$blocks = _$ex({}, $blocks);
-
+        __$blocks = _$ex({}, $blocks);
       return (_$blocks['content'] = function ($super) {
         return _$ce(2, 'div', hiddenChildren.value, 0, _$cn(classNameObj));
       }, __$blocks['content'] = function ($super, data) {
         var block = $blocks['content'];
-
         var callBlock = function callBlock() {
           return _$blocks['content'].call($this, $super, data);
         };
-
         return block ? block.call($this, callBlock, data) : callBlock();
       }), __$blocks;
     }.call($this, _$em)
@@ -74,11 +68,9 @@ export default function ($props, $blocks, $__proto__) {
     return null;
   }, __$blocks['append'] = function ($super, data) {
     var block = $blocks['append'];
-
     var callBlock = function callBlock() {
       return _$blocks['append'].call($this, $super, data);
     };
-
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['append'](_$no))]);
 }

package/es/components/tag/useChildren.js

@@ -19,21 +19,16 @@ export function useChildren() {
   });
   return children;
 }
-
 function isTagOrContainsTag(vNode) {
   if (isStringOrNumber(vNode)) return false;
-
   if (isComponentVNode(vNode, Tag)) {
     return true;
   }
-
   if (isComponentVNode(vNode, Dropdown) || isComponentVNode(vNode, Tooltip)) {
     var _vNode$props;
-
     return !!findChildren((_vNode$props = vNode.props) == null ? void 0 : _vNode$props.children, function (vNode) {
       return isTagOrContainsTag(vNode);
     });
   }
-
   return false;
 }