@king-design/vue 2.0.0-beta.0 → 2.0.1

package/components/dialog/useFixBody.js

@@ -4,6 +4,7 @@ import { scrollbarWidth } from '../position';
 import { SHOW } from './constants';
 var dialogs = new _Set();
 var originalStyle = null;
+var hooks = null;
 export function useFixBody(elementRef) {
   var instance = useInstance();
   var fixedBody = false;
@@ -30,6 +31,9 @@ export function useFixBody(elementRef) {
     }
   }
 }
+export function setHooks(h) {
+  hooks = h;
+}
 
 function onOpen(dialog) {
   var body = document.body;
@@ -43,6 +47,10 @@ function onOpen(dialog) {
     if (scrollBarWidth) {
       bodyStyle.paddingRight = scrollBarWidth + "px";
     }
+
+    if (hooks && hooks.onStart) {
+      hooks.onStart(scrollBarWidth);
+    }
   }
 
   dialogs.add(dialog);
@@ -59,6 +67,10 @@ function onClosed(dialog) {
     } else {
       body.removeAttribute('style');
     }
+
+    if (hooks && hooks.onEnd) {
+      hooks.onEnd();
+    }
   }
 }
 
@@ -66,6 +78,4 @@ function shouldFixBody() {
   if (document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight)) {
     return scrollbarWidth();
   }
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/dialog/usePosition.d.ts

@@ -1,5 +1,2 @@
 import { RefObject } from 'intact-vue-next';
 export declare function usePosition(elementRef: RefObject<HTMLDivElement>): void;
-
-
-export {normalize} from 'intact-vue-next';

package/components/dialog/usePosition.js

@@ -37,6 +37,4 @@ export function usePosition(elementRef) {
       remove(instance.$vNode, document.body, false);
     }
   }
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/drawer/index.d.ts

@@ -9,6 +9,3 @@ export declare class Drawer extends BaseDialog<DrawerProps> {
     static typeDefs: Required<TypeDefs<DrawerProps>>;
     static defaults: () => Partial<DrawerProps>;
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/drawer/index.js

@@ -25,6 +25,4 @@ export var Drawer = /*#__PURE__*/function (_BaseDialog) {
 }(BaseDialog);
 Drawer.template = template;
 Drawer.typeDefs = typeDefs;
-Drawer.defaults = defaults;
-
-export {normalize} from 'intact-vue-next';
+Drawer.defaults = defaults;

package/components/drawer/index.spec.d.ts

@@ -1,4 +1 @@
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/drawer/index.spec.js

@@ -7,7 +7,7 @@ import { mount, unmount, dispatchEvent, getElement, wait } from '../../test/util
 describe('Drawer', function () {
   afterEach(function (done) {
     unmount();
-    setTimeout(done, 400);
+    setTimeout(done, 500);
   });
   it('should show drawer correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, trigger, drawer;
@@ -28,13 +28,13 @@ describe('Drawer', function () {
             drawer = getElement('.k-dialog-wrapper');
             expect(drawer.innerHTML).to.matchSnapshot();
             _context.next = 11;
-            return wait(400);
+            return wait(500);
 
           case 11:
             //hide
             getElement('.k-dialog-overlay').click();
             _context.next = 14;
-            return wait(400);
+            return wait(500);
 
           case 14:
             expect(getElement('.k-drawer')).to.be.undefined;
@@ -139,7 +139,7 @@ describe('Drawer', function () {
           case 9:
             dispatchEvent(document, 'click');
             _context4.next = 12;
-            return wait(400);
+            return wait(500);
 
           case 12:
             dialog = getElement('.k-dialog-wrapper');
@@ -147,7 +147,7 @@ describe('Drawer', function () {
             btn = dialog.querySelector('.k-dialog-ok');
             btn.click();
             _context4.next = 18;
-            return wait(400);
+            return wait(500);
 
           case 18:
             expect(getElement('.k-drawer')).to.be.undefined;
@@ -159,6 +159,4 @@ describe('Drawer', function () {
       }
     }, _callee4);
   })));
-});
-
-export {normalize} from 'intact-vue-next';
+});

package/components/drawer/index.vdt.js

@@ -33,6 +33,4 @@ export default function ($props, $blocks, $__proto__) {
     }), __$blocks;
   }.call($this, $blocks), $__proto__);
 }
-;
-
-export {normalize} from 'intact-vue-next';
+;

package/components/drawer/styles.d.ts

@@ -4,6 +4,3 @@ export declare type Placement = ValueOf<typeof placements>;
 export declare const placements: readonly ["top", "right", "bottom", "left"];
 export declare function makeStyles(overlay: boolean): string;
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/drawer/styles.js

@@ -6,7 +6,7 @@ import '../../styles/global';
 export var placements = ['top', 'right', 'bottom', 'left'];
 var defaults = {
   get transition() {
-    return theme.transition;
+    return theme.transition.large;
   },
 
   get boxShadow() {
@@ -40,6 +40,4 @@ export function makeStyles(overlay) {
 
     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            ";
   }), ";");
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/dropdown/dropdown.d.ts

@@ -55,6 +55,3 @@ export declare class Dropdown<T extends DropdownProps = DropdownProps, E extends
     private callOriginalCallback;
     private normalizeTriggerProps;
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/dropdown/dropdown.js

@@ -167,6 +167,7 @@ export var Dropdown = /*#__PURE__*/function (_Component) {
       var vnode = props.vnode;
       if (!vnode) return props;
       var _props = vnode.props;
+      if (!_props) return props;
       return {
         vnode: vnode,
         'ev-click': _props.onClick,
@@ -309,6 +310,4 @@ function useHideLastMenuOnShow(dropdown) {
       parentDropdown.showedDropdown = dropdown;
     }
   });
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/dropdown/index.d.ts

@@ -7,6 +7,3 @@ export declare class Dropdown extends BaseDropdown<DropdownProps, DropdownEvents
 }
 export declare class DropdownMenu extends BaseDropdownMenu<DropdownMenuProps, DropdownMenuEvents, DropdownMenuBlocks> {
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/dropdown/index.js

@@ -1,8 +1,7 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import { Dropdown as BaseDropdown } from './dropdown';
 import { DropdownMenu as BaseDropdownMenu } from './menu';
-export * from './item'; // Don't export the generic type class, because it will let
-// the type inferring break down
+export * from './item'; // Don't export the generic type class, because it will break down the type inference 
 // declare class _Dropdown extends BaseDropdown<
 // DropdownProps,
 // DropdownEvents,
@@ -34,6 +33,4 @@ export var DropdownMenu = /*#__PURE__*/function (_BaseDropdownMenu) {
   }
 
   return DropdownMenu;
-}(BaseDropdownMenu);
-
-export {normalize} from 'intact-vue-next';
+}(BaseDropdownMenu);

package/components/dropdown/index.spec.d.ts

@@ -1,4 +1 @@
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/dropdown/index.spec.js

@@ -11,7 +11,7 @@ import ContextMenuDemo from '~/components/dropdown/demos/contextmenu';
 describe('Dropdown', function () {
   afterEach(function (done) {
     unmount();
-    setTimeout(done, 400);
+    setTimeout(done, 500);
   }); // it('demos test', () => {
   // const req = require.context('~/components/dropdown/demos', true, /^((?!async).)*index\.js$/i);
   // req.keys().forEach(item => {
@@ -129,7 +129,7 @@ describe('Dropdown', function () {
             _dropdown$querySelect = dropdown.querySelectorAll(':scope > .k-dropdown-item'), hoverItem = _dropdown$querySelect[3], clickItem = _dropdown$querySelect[4];
             clickItem.click();
             _context4.next = 9;
-            return wait(300);
+            return wait(500);
 
           case 9:
             clickSubDropdown = getElement('.k-dropdown-menu');
@@ -463,7 +463,7 @@ describe('Dropdown', function () {
             _mount8 = mount(Demo), instance = _mount8[0], element = _mount8[1];
             dispatchEvent(instance.refs.trigger, 'mouseenter');
             _context12.next = 6;
-            return wait(300);
+            return wait(500);
 
           case 6:
             dropdown = getElement('.k-dropdown-menu');
@@ -483,6 +483,4 @@ describe('Dropdown', function () {
       }
     }, _callee9);
   })));
-});
-
-export {normalize} from 'intact-vue-next';
+});

package/components/dropdown/item.d.ts

@@ -24,6 +24,3 @@ export declare class DropdownItem extends Component<DropdownItemProps, DropdownI
     hasSubMenu(): Dropdown<any, any, any> | undefined;
     private onClick;
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/dropdown/item.js

@@ -112,6 +112,4 @@ function useKeyboardForDropdownItem(instance) {
       instance.select();
     }
   });
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/dropdown/item.vdt.js

@@ -27,6 +27,4 @@ export default function ($props, $blocks, $__proto__) {
     'ev-mouseleave': this.keyboard.onMouseLeave
   }), children);
 }
-;
-
-export {normalize} from 'intact-vue-next';
+;

package/components/dropdown/menu.d.ts

@@ -19,6 +19,3 @@ export declare class DropdownMenu<T extends DropdownMenuProps = DropdownMenuProp
     protected onMouseEnter(e: MouseEvent): void;
     private onMouseLeave;
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/dropdown/menu.js

@@ -103,6 +103,4 @@ function useKeyboardForDropdownMenu(dropdown) {
   return {
     lock: lock
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/dropdown/menu.vdt.js

@@ -48,6 +48,4 @@ export default function ($props, $blocks, $__proto__) {
     }, null, this.elementRef)
   }));
 }
-;
-
-export {normalize} from 'intact-vue-next';
+;

package/components/dropdown/styles.d.ts

@@ -1,6 +1,3 @@
 import '../../styles/global';
 export declare function makeMenuStyles(): string;
 export declare function makeItemStyles(): string;
-
-
-export {normalize} from 'intact-vue-next';

package/components/dropdown/styles.js

@@ -52,7 +52,5 @@ export function makeMenuStyles() {
   return /*#__PURE__*/css("position:absolute;min-width:", dropdown.menu.minWidth, ";background:", dropdown.menu.bgColor, ";border-radius:", dropdown.menu.borderRadius, ";box-shadow:", theme.boxShadow, ";font-size:", dropdown.menu.fontSize, ";z-index:", dropdown.menu.zIndex, ";top:0;left:0;.k-dropdown{display:block;}");
 }
 export function makeItemStyles() {
-  return /*#__PURE__*/css("padding:", dropdown.item.padding, ";cursor:pointer;white-space:nowrap;height:", dropdown.item.height, ";line-height:", dropdown.item.height, ";&.k-hover{background:", dropdown.item.hoverBgColor, ";}&:first-of-type{border-radius:", dropdown.menu.borderRadius, " ", dropdown.menu.borderRadius, " 0 0;}&:last-of-type{border-radius:0 0 ", dropdown.menu.borderRadius, " ", dropdown.menu.borderRadius, ";}&.k-disabled{background:", dropdown.item.disabledBgColor, ";color:", dropdown.item.disabledColor, ";cursor:not-allowed;}.k-checkbox,.k-radio{display:block;margin:0 -", getRight(dropdown.item.padding), " 0 -", getLeft(dropdown.item.padding), ";padding:", dropdown.item.padding, ";}.k-checkbox-wrapper,.k-radio-wrapper{vertical-align:text-bottom;}.k-checkbox-text,.k-radio-text{vertical-align:baseline;}");
-}
-
-export {normalize} from 'intact-vue-next';
+  return /*#__PURE__*/css("padding:", dropdown.item.padding, ";cursor:pointer;white-space:nowrap;height:", dropdown.item.height, ";line-height:", dropdown.item.height, ";&.k-hover{background:", dropdown.item.hoverBgColor, ";}&:first-of-type{border-radius:", dropdown.menu.borderRadius, " ", dropdown.menu.borderRadius, " 0 0;}&:last-of-type{border-radius:0 0 ", dropdown.menu.borderRadius, " ", dropdown.menu.borderRadius, ";}&.k-disabled{background:", dropdown.item.disabledBgColor, ";color:", dropdown.item.disabledColor, ";cursor:not-allowed;}.k-checkbox,.k-radio{display:flex;margin:0 -", getRight(dropdown.item.padding), " 0 -", getLeft(dropdown.item.padding), ";padding:", dropdown.item.padding, ";}.k-checkbox-wrapper,.k-radio-wrapper{vertical-align:text-bottom;}.k-checkbox-text,.k-radio-text{vertical-align:baseline;}");
+}

package/components/dropdown/useKeyboard.d.ts

@@ -21,6 +21,3 @@ export declare function useItemKeyboard(itemEvents: Omit<ItemEvents, 'onFocusin'
     isFocus: import("../../hooks/useState").State<boolean>;
 };
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/dropdown/useKeyboard.js

@@ -190,6 +190,4 @@ function scrollToView(el, menuEl) {
 function getScrollParent(node, breakEl) {
   if (node === breakEl || node.scrollHeight > node.clientHeight) return node;
   return getScrollParent(node.parentElement, breakEl);
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/dropdown/usePosition.d.ts

@@ -6,6 +6,3 @@ export declare function usePosition(): {
         value: boolean;
     };
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/dropdown/usePosition.js

@@ -110,6 +110,4 @@ export function usePosition() {
     handle: handle,
     positioned: positioned
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/dropdown/useTransition.d.ts

@@ -6,6 +6,3 @@ export declare function useTransition(getFeedback: (callback: FeedbackCallback)
     onLeave: (el: TransitionElement, done: Function) => void;
     onLeaveCancelled: (el: TransitionElement) => void;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/dropdown/useTransition.js

@@ -75,6 +75,4 @@ function getTransition(feedback) {
   }
 
   return 'k-slidedown';
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/editable/index.d.ts

@@ -27,6 +27,3 @@ export declare class Editable<V extends Value = Value> extends Component<Editabl
     private setValue;
 }
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/editable/index.js

@@ -128,6 +128,4 @@ __decorate([bind], Editable.prototype, "onBlur", null);
 
 __decorate([bind], Editable.prototype, "onKeydown", null);
 
-__decorate([bind], Editable.prototype, "setValue", null);
-
-export {normalize} from 'intact-vue-next';
+__decorate([bind], Editable.prototype, "setValue", null);

package/components/editable/index.spec.d.ts

@@ -1,4 +1 @@
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/editable/index.spec.js

@@ -220,6 +220,4 @@ describe('Editable', function () {
       }
     }, _callee3);
   })));
-});
-
-export {normalize} from 'intact-vue-next';
+});

package/components/editable/index.vdt.js

@@ -32,7 +32,8 @@ export default function ($props, $blocks, $__proto__) {
   }), [!disabled && !editing ? _$cc(Icon, {
     'className': 'k-icon-edit k-editable-icon',
     'title': tip,
-    'ev-click': this.edit
+    'ev-click': this.edit,
+    'hoverable': true
   }) : undefined, _$ce(2, 'div', !editing ? children : _$cc(Input, {
     'size': 'small',
     'defaultValue': value,
@@ -42,6 +43,4 @@ export default function ($props, $blocks, $__proto__) {
     'frozenOnInput': true
   }, null, this.inputRef), 0, 'c-ellipsis')]);
 }
-;
-
-export {normalize} from 'intact-vue-next';
+;

package/components/editable/styles.d.ts

@@ -1,7 +1,11 @@
 import '../../styles/global';
-declare let editable: any;
+declare const defaults: {
+    iconGap: string;
+    lineHeight: string;
+    invalid: {
+        readonly border: string;
+    };
+};
+declare let editable: typeof defaults;
 export { editable };
 export declare function makeStyles(): string;
-
-
-export {normalize} from 'intact-vue-next';

package/components/editable/styles.js

@@ -22,6 +22,4 @@ setDefault(function () {
 export { editable };
 export function makeStyles() {
   return /*#__PURE__*/css("display:inline-block;line-height:", editable.lineHeight, ";.k-editable-icon{float:right;cursor:pointer;margin:", editable.iconGap, ";line-height:unset;}&.k-invalid{.k-input-inner{border:", editable.invalid.border, "!important;}}");
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/form/form.d.ts

@@ -36,6 +36,3 @@ export declare class Form extends Component<FormProps, FormEvents> {
     private onSubmit;
 }
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/form/form.js

@@ -98,6 +98,4 @@ Form.typeDefs = typeDefs;
 Form.defaults = defaults;
 Form.addMethod = addMethod;
 
-__decorate([bind], Form.prototype, "onSubmit", null);
-
-export {normalize} from 'intact-vue-next';
+__decorate([bind], Form.prototype, "onSubmit", null);

package/components/form/form.vdt.js

@@ -24,6 +24,4 @@ export default function ($props, $blocks, $__proto__) {
     'noValidate': true
   }), children);
 }
-;
-
-export {normalize} from 'intact-vue-next';
+;

package/components/form/index.d.ts

@@ -1,5 +1,2 @@
 export * from './form';
 export * from './item';
-
-
-export {normalize} from 'intact-vue-next';

package/components/form/index.js

@@ -1,4 +1,2 @@
 export * from './form';
-export * from './item';
-
-export {normalize} from 'intact-vue-next';
+export * from './item';

package/components/form/index.spec.d.ts

@@ -1,4 +1 @@
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/form/index.spec.js

@@ -4,7 +4,7 @@ import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import _Promise from "@babel/runtime-corejs3/core-js/promise";
 import _Array$from2 from "@babel/runtime-corejs3/core-js/array/from";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
-import BasicDemo from '~/components/form/demos/basic';
+import BasicDemo, { data as basicDemoData } from '~/components/form/demos/basic';
 import CustomDemo from '~/components/form/demos/custom';
 import VariableDemo from '~/components/form/demos/variable';
 import RemoteDemo from '~/components/form/demos/remote';
@@ -39,7 +39,7 @@ describe('Form', function () {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+            _mount = mount(BasicDemo, null, basicDemoData), instance = _mount[0], element = _mount[1];
             form = instance.refs.form;
             _context.next = 4;
             return instance.handleSubmit();
@@ -88,7 +88,7 @@ describe('Form', function () {
             instance.set('descriptions.0', '1');
             dispatchEvent(input, 'focusout');
             _context2.next = 6;
-            return wait(300);
+            return wait(500);
 
           case 6:
             expect(element.innerHTML).to.matchSnapshot();
@@ -97,7 +97,7 @@ describe('Form', function () {
             instance.set('descriptions.1', 'a');
             dispatchEvent(input1, 'focusout');
             _context2.next = 13;
-            return wait(300);
+            return wait(500);
 
           case 13:
             expect(element.innerHTML).to.matchSnapshot();
@@ -128,13 +128,13 @@ describe('Form', function () {
             expect(res).to.be.true;
             instance.set('firstName', 'a');
             _context3.next = 9;
-            return wait(0);
+            return wait(500);
 
           case 9:
             expect(element.innerHTML).to.matchSnapshot();
             instance.set('lastName', 'b');
             _context3.next = 13;
-            return wait(0);
+            return wait(500);
 
           case 13:
             expect(element.innerHTML).to.matchSnapshot();
@@ -168,7 +168,7 @@ describe('Form', function () {
             res = _context4.sent;
             expect(res).to.be.false;
             _context4.next = 12;
-            return wait(300);
+            return wait(500);
 
           case 12:
             expect(element.innerHTML).to.matchSnapshot();
@@ -184,7 +184,7 @@ describe('Form', function () {
             res = _context4.sent;
             expect(res).to.be.true;
             _context4.next = 22;
-            return wait(300);
+            return wait(500);
 
           case 22:
             expect(element.innerHTML).to.matchSnapshot();
@@ -1317,6 +1317,4 @@ describe('Form', function () {
       }
     }, _callee7);
   })));
-});
-
-export {normalize} from 'intact-vue-next';
+});

package/components/form/item.d.ts

@@ -35,6 +35,3 @@ export declare class FormItem extends Component<FormItemProps, FormItemEvents, F
     isValid(): boolean;
     reset(): void;
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/form/item.js

@@ -71,6 +71,4 @@ export var FormItem = /*#__PURE__*/function (_Component) {
   return FormItem;
 }(Component);
 FormItem.template = template;
-FormItem.typeDefs = typeDefs;
-
-export {normalize} from 'intact-vue-next';
+FormItem.typeDefs = typeDefs;