@king-design/vue 2.1.2 → 2.1.4

package/components/drawer/index.spec.js

@@ -16,194 +16,152 @@ 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];
-                }
-
-                _this = _Component.call.apply(_Component, _concatInstanceProperty(_context5 = [this]).call(_context5, args)) || this;
-                _this.Dialog = Dialog;
-                _this.Drawer = Drawer;
-                return _this;
+      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];
               }
-
-              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();
-        }
+              _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();
       }
     }, _callee5);
   })));

package/components/drawer/index.vdt.js

@@ -2,15 +2,12 @@ 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);
@@ -18,17 +15,14 @@ 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';
-declare type ValueOf<T extends readonly any[]> = T[number];
-export declare type Placement = ValueOf<typeof placements>;
+type ValueOf<T extends readonly any[]> = T[number];
+export 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,11 +8,9 @@ var defaults = {
   get transition() {
     return theme.transition.large;
   },
-
   get boxShadow() {
     return theme.boxShadow;
   }
-
 };
 var drawer;
 setDefault(function () {
@@ -29,7 +27,6 @@ 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%)';
@@ -37,7 +34,6 @@ 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 declare type Position = Options;
-export declare type PositionShorthand = 'left' | 'bottom' | 'right' | 'top';
+export type Position = Options;
+export type PositionShorthand = 'left' | 'bottom' | 'right' | 'top';
 export declare const DROPDOWN = "Dropdown";
 export declare const ROOT_DROPDOWN = "RootDropdown";
 export interface DropdownProps {