@king-design/vue 2.1.4 → 2.1.6

package/components/drawer/index.spec.js

@@ -16,152 +16,194 @@ describe('Drawer', function () {
   });
   it('should show drawer correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, trigger, drawer;
+
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          this.timeout(0);
-          _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
-          trigger = element.querySelector('.k-btn');
-          trigger.click();
-          _context.next = 6;
-          return wait();
-        case 6:
-          expect(element.outerHTML).to.matchSnapshot();
-          drawer = getElement('.k-dialog-wrapper');
-          expect(drawer.innerHTML).to.matchSnapshot();
-          _context.next = 11;
-          return wait(500);
-        case 11:
-          //hide
-          getElement('.k-dialog-overlay').click();
-          _context.next = 14;
-          return wait(500);
-        case 14:
-          expect(getElement('.k-drawer')).to.be.undefined;
-        case 15:
-        case "end":
-          return _context.stop();
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            this.timeout(0);
+            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+            trigger = element.querySelector('.k-btn');
+            trigger.click();
+            _context.next = 6;
+            return wait();
+
+          case 6:
+            expect(element.outerHTML).to.matchSnapshot();
+            drawer = getElement('.k-dialog-wrapper');
+            expect(drawer.innerHTML).to.matchSnapshot();
+            _context.next = 11;
+            return wait(500);
+
+          case 11:
+            //hide
+            getElement('.k-dialog-overlay').click();
+            _context.next = 14;
+            return wait(500);
+
+          case 14:
+            expect(getElement('.k-drawer')).to.be.undefined;
+
+          case 15:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee, this);
   })));
   it('should show drawer from different placement correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var _mount2, instance, element, _element$querySelecto, top, bottom, left, right, test;
+
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          this.timeout(0);
-          _mount2 = mount(PlacementDemo), instance = _mount2[0], element = _mount2[1];
-          _element$querySelecto = element.querySelectorAll('.k-btn'), top = _element$querySelecto[0], bottom = _element$querySelecto[1], left = _element$querySelecto[2], right = _element$querySelecto[3];
-          test = /*#__PURE__*/function () {
-            var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(btn, className) {
-              var classNames;
-              return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-                while (1) switch (_context2.prev = _context2.next) {
-                  case 0:
-                    dispatchEvent(btn, 'click');
-                    _context2.next = 3;
-                    return wait();
-                  case 3:
-                    classNames = getElement('.k-drawer').className;
-                    expect(classNames).to.include(className);
-                    _context2.next = 7;
-                    return wait(200);
-                  case 7:
-                    getElement('.k-dialog-overlay').click();
-                    _context2.next = 10;
-                    return wait(500);
-                  case 10:
-                    expect(getElement('.k-drawer')).to.be.undefined;
-                  case 11:
-                  case "end":
-                    return _context2.stop();
-                }
-              }, _callee2);
-            }));
-            return function test(_x, _x2) {
-              return _ref3.apply(this, arguments);
-            };
-          }();
-          _context3.next = 6;
-          return test(top, 'k-top');
-        case 6:
-          _context3.next = 8;
-          return test(bottom, 'k-bottom');
-        case 8:
-          _context3.next = 10;
-          return test(left, 'k-left');
-        case 10:
-          _context3.next = 12;
-          return test(right, 'k-right');
-        case 12:
-        case "end":
-          return _context3.stop();
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            this.timeout(0);
+            _mount2 = mount(PlacementDemo), instance = _mount2[0], element = _mount2[1];
+            _element$querySelecto = element.querySelectorAll('.k-btn'), top = _element$querySelecto[0], bottom = _element$querySelecto[1], left = _element$querySelecto[2], right = _element$querySelecto[3];
+
+            test = /*#__PURE__*/function () {
+              var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(btn, className) {
+                var classNames;
+                return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                  while (1) {
+                    switch (_context2.prev = _context2.next) {
+                      case 0:
+                        dispatchEvent(btn, 'click');
+                        _context2.next = 3;
+                        return wait();
+
+                      case 3:
+                        classNames = getElement('.k-drawer').className;
+                        expect(classNames).to.include(className);
+                        _context2.next = 7;
+                        return wait(200);
+
+                      case 7:
+                        getElement('.k-dialog-overlay').click();
+                        _context2.next = 10;
+                        return wait(500);
+
+                      case 10:
+                        expect(getElement('.k-drawer')).to.be.undefined;
+
+                      case 11:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }
+                }, _callee2);
+              }));
+
+              return function test(_x, _x2) {
+                return _ref3.apply(this, arguments);
+              };
+            }();
+
+            _context3.next = 6;
+            return test(top, 'k-top');
+
+          case 6:
+            _context3.next = 8;
+            return test(bottom, 'k-bottom');
+
+          case 8:
+            _context3.next = 10;
+            return test(left, 'k-left');
+
+          case 10:
+            _context3.next = 12;
+            return test(right, 'k-right');
+
+          case 12:
+          case "end":
+            return _context3.stop();
+        }
       }
     }, _callee3, this);
   })));
   it('should show no overlay', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var _mount3, instance, element, trigger, overlay, dialog, btn;
+
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          _mount3 = mount(overlayDemo), instance = _mount3[0], element = _mount3[1];
-          trigger = element.querySelector('.k-btn');
-          trigger.click();
-          _context4.next = 5;
-          return wait();
-        case 5:
-          overlay = getElement('.k-dialog-overlay');
-          expect(overlay).to.be.undefined;
-          _context4.next = 9;
-          return wait(200);
-        case 9:
-          dispatchEvent(document, 'click');
-          _context4.next = 12;
-          return wait(500);
-        case 12:
-          dialog = getElement('.k-dialog-wrapper');
-          expect(dialog.innerHTML).to.matchSnapshot();
-          btn = dialog.querySelector('.k-dialog-ok');
-          btn.click();
-          _context4.next = 18;
-          return wait(500);
-        case 18:
-          expect(getElement('.k-drawer')).to.be.undefined;
-        case 19:
-        case "end":
-          return _context4.stop();
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            _mount3 = mount(overlayDemo), instance = _mount3[0], element = _mount3[1];
+            trigger = element.querySelector('.k-btn');
+            trigger.click();
+            _context4.next = 5;
+            return wait();
+
+          case 5:
+            overlay = getElement('.k-dialog-overlay');
+            expect(overlay).to.be.undefined;
+            _context4.next = 9;
+            return wait(200);
+
+          case 9:
+            dispatchEvent(document, 'click');
+            _context4.next = 12;
+            return wait(500);
+
+          case 12:
+            dialog = getElement('.k-dialog-wrapper');
+            expect(dialog.innerHTML).to.matchSnapshot();
+            btn = dialog.querySelector('.k-dialog-ok');
+            btn.click();
+            _context4.next = 18;
+            return wait(500);
+
+          case 18:
+            expect(getElement('.k-drawer')).to.be.undefined;
+
+          case 19:
+          case "end":
+            return _context4.stop();
+        }
       }
     }, _callee4);
   })));
   it('nested dialog', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var Demo, _mount4, instance, element;
+
     return _regeneratorRuntime.wrap(function _callee5$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
-        case 0:
-          Demo = /*#__PURE__*/function (_Component) {
-            _inheritsLoose(Demo, _Component);
-            function Demo() {
-              var _context5;
-              var _this;
-              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                args[_key] = arguments[_key];
+      while (1) {
+        switch (_context6.prev = _context6.next) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component) {
+              _inheritsLoose(Demo, _Component);
+
+              function Demo() {
+                var _context5;
+
+                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(_context5 = [this]).call(_context5, args)) || this;
+                _this.Dialog = Dialog;
+                _this.Drawer = Drawer;
+                return _this;
               }
-              _this = _Component.call.apply(_Component, _concatInstanceProperty(_context5 = [this]).call(_context5, args)) || this;
-              _this.Dialog = Dialog;
-              _this.Drawer = Drawer;
-              return _this;
-            }
-            return Demo;
-          }(Component);
-          Demo.template = "\n                const {Dialog, Drawer} = this;\n                <Drawer value={true}>\n                    <Dialog value={true} ref=\"dialog\">Dialog</Dialog>\n                </Drawer>\n            ";
-          _mount4 = mount(Demo), instance = _mount4[0], element = _mount4[1];
-          _context6.next = 5;
-          return wait();
-        case 5:
-          expect(instance.refs.dialog.dialogRef.value.parentElement.parentElement).to.eql(document.body);
-        case 6:
-        case "end":
-          return _context6.stop();
+
+              return Demo;
+            }(Component);
+
+            Demo.template = "\n                const {Dialog, Drawer} = this;\n                <Drawer value={true}>\n                    <Dialog value={true} ref=\"dialog\">Dialog</Dialog>\n                </Drawer>\n            ";
+            _mount4 = mount(Demo), instance = _mount4[0], element = _mount4[1];
+            _context6.next = 5;
+            return wait();
+
+          case 5:
+            expect(instance.refs.dialog.dialogRef.value.parentElement.parentElement).to.eql(document.body);
+
+          case 6:
+          case "end":
+            return _context6.stop();
+        }
       }
     }, _callee5);
   })));

package/components/drawer/index.vdt.js

@@ -2,12 +2,15 @@ import { superCall as _$su, className as _$cn, extend as _$ex, EMPTY_OBJ as _$em
 import { makeStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    placement = _this$get.placement,
-    overlay = _this$get.overlay;
+      placement = _this$get.placement,
+      overlay = _this$get.overlay;
+
   var classNameObj = (_classNameObj = {
     'k-drawer': true
   }, _classNameObj["k-" + placement] = true, _classNameObj[makeStyles(overlay)] = true, _classNameObj);
@@ -15,14 +18,17 @@ export default function ($props, $blocks, $__proto__) {
     'className': _$cn(classNameObj)
   }, function ($blocks) {
     var _$blocks = {},
-      __$blocks = _$ex({}, $blocks);
+        __$blocks = _$ex({}, $blocks);
+
     return (_$blocks['content'] = function ($super) {
       return _$ce(2, 'div', $super(), 0, 'k-drawer-content');
     }, __$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, $blocks), $__proto__);

package/components/drawer/styles.d.ts

@@ -1,6 +1,6 @@
 import '../../styles/global';
-type ValueOf<T extends readonly any[]> = T[number];
-export type Placement = ValueOf<typeof placements>;
+declare type ValueOf<T extends readonly any[]> = T[number];
+export declare type Placement = ValueOf<typeof placements>;
 export declare const placements: readonly ["top", "right", "bottom", "left"];
 export declare function makeStyles(overlay: boolean): string;
 export {};

package/components/drawer/styles.js

@@ -8,9 +8,11 @@ var defaults = {
   get transition() {
     return theme.transition.large;
   },
+
   get boxShadow() {
     return theme.boxShadow;
   }
+
 };
 var drawer;
 setDefault(function () {
@@ -27,6 +29,7 @@ export function makeStyles(overlay) {
       // Because dialog without overlay don't have positional parent element
       positionValue += p !== placement ? (placement === 'right' || placement === 'left') && !overlay && p === 'top' ? p + ": 0;" : p + ": auto;" : p + ": 0;";
     });
+
     if (placement === 'left' || placement === 'right') {
       positionValue += 'height: 100% !important;';
       transformValue = placement === 'left' ? 'translateX(-100%)' : 'translateX(100%)';
@@ -34,6 +37,7 @@ export function makeStyles(overlay) {
       positionValue += 'width: 100% !important;';
       transformValue = placement === 'top' ? 'translateY(-100%)' : 'translateY(100%)';
     }
+
     return "\n                &.k-" + placement + " {\n                    " + positionValue + "\n                    &.transition-enter-from,\n                    &.transition-leave-to,\n                    &.transition-appear-from {\n                        transform: none !important;\n                        .k-drawer-content {\n                            transform: " + transformValue + ";\n                        }\n                    }\n                }\n            ";
   }), ";");
 }

package/components/dropdown/dropdown.d.ts

@@ -4,8 +4,8 @@ import { Portal, PortalProps } from '../portal';
 import { FeedbackCallback } from './usePosition';
 import type { Events } from '../types';
 import { Virtual } from '../virtual';
-export type Position = Options;
-export type PositionShorthand = 'left' | 'bottom' | 'right' | 'top';
+export declare type Position = Options;
+export declare type PositionShorthand = 'left' | 'bottom' | 'right' | 'top';
 export declare const DROPDOWN = "Dropdown";
 export declare const ROOT_DROPDOWN = "RootDropdown";
 export interface DropdownProps {