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

package/components/carousel/index.d.ts

@@ -21,6 +21,3 @@ export declare class Carousel extends Component<CarouselProps> {
     next(): void;
     private setValue;
 }
-
-
-export {normalize} from 'intact-react';

package/components/carousel/index.js

@@ -101,6 +101,4 @@ __decorate([bind], Carousel.prototype, "setIndex", null);
 
 __decorate([bind], Carousel.prototype, "prev", null);
 
-__decorate([bind], Carousel.prototype, "next", null);
-
-export {normalize} from 'intact-react';
+__decorate([bind], Carousel.prototype, "next", null);

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

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

package/components/carousel/index.spec.js

@@ -195,6 +195,4 @@ describe('Carousel', function () {
       }
     }, _callee3);
   })));
-});
-
-export {normalize} from 'intact-react';
+});

package/components/carousel/index.vdt.js

@@ -74,6 +74,4 @@ export default function ($props, $blocks, $__proto__) {
     });
   }, $this), 4, 'k-carousel-indicator c-clearfix')]);
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/carousel/item.d.ts

@@ -7,6 +7,3 @@ export declare class CarouselItem extends Component<CarouselItemProps> {
     static template: string | import("intact").Template<any>;
     static typeDefs: Required<TypeDefs<CarouselItemProps>>;
 }
-
-
-export {normalize} from 'intact-react';

package/components/carousel/item.js

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

package/components/carousel/item.vdt.js

@@ -30,6 +30,4 @@ export default function ($props, $blocks, $__proto__) {
     }, getRestProps(this)), children)
   });
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/carousel/styles.d.ts

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

package/components/carousel/styles.js

@@ -3,7 +3,10 @@ import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
 var defaults = {
-  transition: ".5s ease",
+  get transition() {
+    return theme.transition.large;
+  },
+
   height: "300px",
   indicator: {
     bottom: "8px",
@@ -41,6 +44,4 @@ export function makeStyles() {
 }
 export function makeItemStyles() {
   return /*#__PURE__*/css("display:inline-block;width:100%;height:100%;&.k-carousel-fade-enter-active,&.k-carousel-fade-leave-active{transition:opacity ", carousel.transition, ";}&.k-carousel-fade-enter-from,&.k-carousel-fade-leave-to{opacity:0;}");
-}
-
-export {normalize} from 'intact-react';
+}

package/components/carousel/useAutoplay.d.ts

@@ -2,6 +2,3 @@ export declare function useAutoplay(next: () => void): {
     stop: () => void;
     play: () => void;
 };
-
-
-export {normalize} from 'intact-react';

package/components/carousel/useAutoplay.js

@@ -32,6 +32,4 @@ export function useAutoplay(next) {
     stop: stop,
     play: play
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/carousel/useItems.d.ts

@@ -4,6 +4,3 @@ export declare function useItems(): {
     getItems: () => VNodeComponentClass<CarouselItem>[];
     getItemsWithCloned: () => VNodeComponentClass<CarouselItem>[];
 };
-
-
-export {normalize} from 'intact-react';

package/components/carousel/useItems.js

@@ -88,6 +88,4 @@ export function useItems() {
       return itemsWithCloned;
     }
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/carousel/useSlide.d.ts

@@ -7,6 +7,3 @@ export declare function useSlide(getItems: () => VNodeComponentClass<CarouselIte
     translateToItem: (item: VNodeComponentClass<CarouselItem>, oldIndex: number | null, newIndex: number | null, keepDirection: boolean) => Promise<void>;
     isSlide: () => boolean;
 };
-
-
-export {normalize} from 'intact-react';

package/components/carousel/useSlide.js

@@ -48,7 +48,7 @@ export function useSlide(getItems, getItemsWithCloned) {
 
   function _translateToItem() {
     _translateToItem = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(item, oldIndex, newIndex, keepDirection) {
-      var itemsWithCloned, length;
+      var itemsWithCloned, length, lengthWithCloned;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -62,7 +62,7 @@ export function useSlide(getItems, getItemsWithCloned) {
 
             case 2:
               if (!keepDirection) {
-                _context.next = 13;
+                _context.next = 14;
                 break;
               }
 
@@ -75,25 +75,26 @@ export function useSlide(getItems, getItemsWithCloned) {
               }
 
               _context.next = 8;
-              return setTranslate(itemsWithCloned[0], false);
+              return setTranslate(itemsWithCloned[(itemsWithCloned.length - length) / 2 - 1], false);
 
             case 8:
-              _context.next = 13;
+              _context.next = 14;
               break;
 
             case 10:
               if (!(oldIndex === 0 && newIndex === length - 1)) {
-                _context.next = 13;
+                _context.next = 14;
                 break;
               }
 
-              _context.next = 13;
-              return setTranslate(itemsWithCloned[itemsWithCloned.length - 1], false);
+              lengthWithCloned = itemsWithCloned.length;
+              _context.next = 14;
+              return setTranslate(itemsWithCloned[lengthWithCloned - (lengthWithCloned - length) / 2], false);
 
-            case 13:
+            case 14:
               setTranslate(item, true);
 
-            case 14:
+            case 15:
             case "end":
               return _context.stop();
           }
@@ -186,6 +187,4 @@ export function useSlide(getItems, getItemsWithCloned) {
     translateToItem: translateToItem,
     isSlide: isSlide
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/cascader/index.d.ts

@@ -32,6 +32,3 @@ export declare class Cascader<V = any, Multipe extends boolean = false> extends
     protected getLabel(): import("intact").Children;
     protected hasValue(): any;
 }
-
-
-export {normalize} from 'intact-react';

package/components/cascader/index.js

@@ -88,6 +88,4 @@ export var Cascader = /*#__PURE__*/function (_BaseSelect) {
 }(BaseSelect);
 Cascader.template = template;
 Cascader.typeDefs = typeDefs;
-Cascader.defaults = defaults;
-
-export {normalize} from 'intact-react';
+Cascader.defaults = defaults;

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

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

package/components/cascader/index.spec.js

@@ -14,7 +14,7 @@ describe('Cascader', function () {
           case 0:
             unmount();
             _context.next = 3;
-            return wait(400);
+            return wait(500);
 
           case 3:
           case "end":
@@ -278,6 +278,4 @@ describe('Cascader', function () {
       }
     }, _callee7);
   })));
-});
-
-export {normalize} from 'intact-react';
+});

package/components/cascader/index.vdt.js

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

package/components/cascader/styles.d.ts

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

package/components/cascader/styles.js

@@ -47,6 +47,4 @@ export function makeMenuStyles() {
 }
 export function makeFilterMenuStyles() {
   return /*#__PURE__*/css("min-width:", _filterInstanceProperty(cascader).minWidth, "!important;height:auto;max-height:", _filterInstanceProperty(cascader).maxHeight, ";em{font-style:normal;color:", _filterInstanceProperty(cascader).highlightColor, ";}");
-}
-
-export {normalize} from 'intact-react';
+}

package/components/cascader/useFilterable.d.ts

@@ -6,6 +6,3 @@ export declare function useFilterable(keywords: State<string>, setValue: (value:
     selectByFilter: (data: CascaderData<any>[]) => void;
     keywords: State<string>;
 };
-
-
-export {normalize} from 'intact-react';

package/components/cascader/useFilterable.js

@@ -60,6 +60,4 @@ export function useFilterable(keywords, setValue) {
     selectByFilter: selectByFilter,
     keywords: keywords
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/cascader/useLabel.d.ts

@@ -1,6 +1,3 @@
 export declare function useLabel(): {
     getLabel: () => import('intact-react').Children;
 };
-
-
-export {normalize} from 'intact-react';

package/components/cascader/useLabel.js

@@ -38,6 +38,4 @@ export function useLabel() {
   return useBaseLabel(function () {
     return instance.get('data');
   }, findLabel);
-}
-
-export {normalize} from 'intact-react';
+}

package/components/cascader/useLoad.d.ts

@@ -1,5 +1,2 @@
 import type { CascaderData } from './';
 export declare function useLoad(): (item: CascaderData<any>) => Promise<void>;
-
-
-export {normalize} from 'intact-react';

package/components/cascader/useLoad.js

@@ -49,6 +49,4 @@ export function useLoad() {
   }
 
   return loadData;
-}
-
-export {normalize} from 'intact-react';
+}

package/components/cascader/useValue.d.ts

@@ -9,6 +9,3 @@ export declare function useValue(): {
     setValue: (newValue: Value) => void;
 };
 export {};
-
-
-export {normalize} from 'intact-react';

package/components/cascader/useValue.js

@@ -120,6 +120,4 @@ export function useValue() {
     toggleShowedValue: toggleShowedValue,
     setValue: setValue
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/checkbox/index.d.ts

@@ -22,6 +22,3 @@ export declare class Checkbox<V = boolean> extends Component<CheckboxProps<V>, C
     private onClick;
     private onKeypress;
 }
-
-
-export {normalize} from 'intact-react';

package/components/checkbox/index.js

@@ -117,6 +117,4 @@ Checkbox.events = events;
 
 __decorate([bind], Checkbox.prototype, "onClick", null);
 
-__decorate([bind], Checkbox.prototype, "onKeypress", null);
-
-export {normalize} from 'intact-react';
+__decorate([bind], Checkbox.prototype, "onKeypress", null);

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

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

package/components/checkbox/index.spec.js

@@ -212,6 +212,4 @@ describe('Checkbox', function () {
       }
     }, _callee4);
   })));
-});
-
-export {normalize} from 'intact-react';
+});

package/components/checkbox/index.vdt.js

@@ -1,9 +1,10 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["className", "disabled", "falseValue", "children", "value", "trueValue", "style", "indeterminate", "title"];
-import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce } from 'intact-react';
+import { createVNode as _$cv, className as _$cn, createUnknownComponentVNode as _$cc, createElementVNode as _$ce } from 'intact-react';
 import { getRestProps } from '../utils';
 import makeStyles from './styles';
+import { Wave } from '../wave';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
 
@@ -51,17 +52,19 @@ export default function ($props, $blocks, $__proto__) {
     'title': title,
     'ev-click': this.onClick,
     'ev-keypress': this.onKeypress
-  }, events), [_$ce(2, 'span', _$cv('input', _extends({
-    'type': 'checkbox',
-    'checked': isChecked,
-    'value': trueValue,
-    'trueValue': trueValue,
-    'falseValue': falseValue,
+  }, events), [_$cc(Wave, {
     'disabled': disabled,
-    'tabindex': '-1',
-    'ref': this.inputRef
-  }, getRestProps(this, rest))), 2, 'k-checkbox-wrapper'), children ? _$ce(2, 'span', children, 0, 'k-checkbox-text') : undefined]);
+    'inset': '-2px',
+    'children': _$ce(2, 'span', _$cv('input', _extends({
+      'type': 'checkbox',
+      'checked': isChecked,
+      'value': trueValue,
+      'trueValue': trueValue,
+      'falseValue': falseValue,
+      'disabled': disabled,
+      'tabindex': '-1',
+      'ref': this.inputRef
+    }, getRestProps(this, rest))), 2, 'k-checkbox-wrapper')
+  }), children ? _$ce(2, 'span', children, 0, 'k-checkbox-text') : undefined]);
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/checkbox/styles.d.ts

@@ -1,5 +1,2 @@
 import '../../styles/global';
 export default function makeStyles(): string;
-
-
-export {normalize} from 'intact-react';

package/components/checkbox/styles.js

@@ -14,7 +14,7 @@ var defaults = {
   },
 
   get transition() {
-    return theme.transition;
+    return theme.transition.small;
   },
 
   bgColor: '#fff',
@@ -71,7 +71,5 @@ setDefault(function () {
   }).checkbox;
 });
 export default function makeStyles() {
-  return /*#__PURE__*/css("display:inline-flex;align-items:center;cursor:pointer;vertical-align:middle;.k-checkbox-wrapper{display:inline-block;width:", checkbox.width, ";height:", checkbox.width, ";vertical-align:middle;border:1px solid ", checkbox.borderColor, ";border-radius:", checkbox.borderRadius, ";position:relative;transition:all ", checkbox.transition, ";background:", checkbox.bgColor, ";flex:0 0 auto;&:before{content:\"\";display:block;position:absolute;width:", checkbox.inner.width, ";height:", checkbox.inner.height, ";top:", checkbox.inner.top, ";left:", checkbox.inner.left, ";border:", checkbox.inner.border, ";border-top:0;border-left:0;transform:rotate(45deg) scale(0);transition:all ", checkbox.transition, ";}}input{width:100%;height:100%;opacity:0;cursor:pointer;position:absolute;left:0;top:0;margin:0;}.k-checkbox-text{vertical-align:middle;margin-left:", checkbox.text.gap, ";display:inline-block;flex:0 1 auto;}&.k-checked,&.k-indeterminate{.k-checkbox-wrapper{border-color:", checkbox.checked.borderColor, ";background:", checkbox.checked.bgColor, ";}}&.k-indeterminate{.k-checkbox-wrapper{&:before{transform:rotate(90deg) scale(1);border-bottom:0;left:", checkbox.indeterminate.innerLeft, ";}}}&.k-checked{.k-checkbox-wrapper{&:before{transform:rotate(45deg) scale(1);}}}&:focus{outline:none;.k-checkbox-wrapper{border-color:", checkbox.checked.borderColor, ";}}&.k-disabled{color:", checkbox.disabled.color, ";cursor:not-allowed;.k-checkbox-wrapper{border-color:", checkbox.disabled.borderColor, ";background:", checkbox.disabled.bgColor, ";&:before{border-color:", checkbox.disabled.innerColor, ";}}input{cursor:not-allowed;}}");
-}
-
-export {normalize} from 'intact-react';
+  return /*#__PURE__*/css("display:inline-flex;align-items:center;cursor:pointer;vertical-align:middle;.k-checkbox-wrapper{width:", checkbox.width, ";height:", checkbox.width, ";border:1px solid ", checkbox.borderColor, ";border-radius:", checkbox.borderRadius, ";position:relative;transition:all ", checkbox.transition, ";background:", checkbox.bgColor, ";flex:0 0 auto;&:before{content:\"\";display:block;position:absolute;width:", checkbox.inner.width, ";height:", checkbox.inner.height, ";top:", checkbox.inner.top, ";left:", checkbox.inner.left, ";border:", checkbox.inner.border, ";border-top:0;border-left:0;transform:rotate(45deg) scale(0);transition:all ", checkbox.transition, ";}}input{width:100%;height:100%;opacity:0;cursor:pointer;position:absolute;left:0;top:0;margin:0;}.k-checkbox-text{margin-left:", checkbox.text.gap, ";flex:0 1 auto;}&.k-checked,&.k-indeterminate{.k-checkbox-wrapper{border-color:", checkbox.checked.borderColor, ";background:", checkbox.checked.bgColor, ";}}&.k-indeterminate{.k-checkbox-wrapper{&:before{transform:rotate(90deg) scale(1);border-bottom:0;left:", checkbox.indeterminate.innerLeft, ";}}}&.k-checked{.k-checkbox-wrapper{&:before{transform:rotate(45deg) scale(1);}}}&:focus{outline:none;.k-checkbox-wrapper{border-color:", checkbox.checked.borderColor, ";}}&.k-disabled{color:", checkbox.disabled.color, ";cursor:not-allowed;.k-checkbox-wrapper{border-color:", checkbox.disabled.borderColor, ";background:", checkbox.disabled.bgColor, ";&:before{border-color:", checkbox.disabled.innerColor, ";}}input{cursor:not-allowed;}}");
+}

package/components/code/crossDomain.d.ts

@@ -1,4 +1 @@
 export declare function crossDomainWorker(): void;
-
-
-export {normalize} from 'intact-react';

package/components/code/crossDomain.js

@@ -43,6 +43,4 @@ function isSameOrigin(url) {
     // maybe the protocol is relative
     url: a.href
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/code/index.d.ts

@@ -21,6 +21,3 @@ export declare class Code extends Component<CodeProps, CodeEvents> {
     private editor;
     getEditor(): editor.IStandaloneCodeEditor | null;
 }
-
-
-export {normalize} from 'intact-react';

package/components/code/index.js

@@ -53,6 +53,4 @@ export var Code = /*#__PURE__*/function (_Component) {
 Code.template = template;
 Code.typeDefs = typeDefs;
 Code.defaults = defaults;
-Code.events = events;
-
-export {normalize} from 'intact-react';
+Code.events = events;

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

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

package/components/code/index.spec.js

@@ -68,6 +68,4 @@ describe('Code', function () {
       }
     }, _callee, this);
   })));
-});
-
-export {normalize} from 'intact-react';
+});

package/components/code/index.vdt.js

@@ -49,6 +49,4 @@ export default function ($props, $blocks, $__proto__) {
     'ref': elementRef
   }), loading.value ? _$cc(Spin, _$tmp0) : undefined);
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/code/styles.d.ts

@@ -1,5 +1,2 @@
 import '../../styles/global';
 export declare function makeStyles(): string;
-
-
-export {normalize} from 'intact-react';

package/components/code/styles.js

@@ -11,6 +11,4 @@ export function makeStyles() {
     styles: "position:relative;height:100%",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   });
-}
-
-export {normalize} from 'intact-react';
+}

package/components/code/useEditor.d.ts

@@ -4,6 +4,3 @@ export declare function useEditor(): {
     loading: import("../../hooks/useState").State<boolean>;
     getEditor: () => editor.IStandaloneCodeEditor | null;
 };
-
-
-export {normalize} from 'intact-react';

package/components/code/useEditor.js

@@ -76,6 +76,4 @@ export function useEditor() {
     loading: loading,
     getEditor: getEditor
   };
-}
-
-export {normalize} from 'intact-react';
+}

package/components/collapse/index.d.ts

@@ -18,6 +18,3 @@ export declare class Collapse extends Component<CollapseProps, CollapseEvents> {
     changeValue(v: string): void;
     private isActive;
 }
-
-
-export {normalize} from 'intact-react';

package/components/collapse/index.js

@@ -52,6 +52,4 @@ export var Collapse = /*#__PURE__*/function (_Component) {
 }(Component);
 Collapse.template = template;
 Collapse.typeDefs = typeDefs;
-Collapse.defaults = defaults;
-
-export {normalize} from 'intact-react';
+Collapse.defaults = defaults;

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

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

package/components/collapse/index.spec.js

@@ -79,6 +79,4 @@ describe('Collapse', function () {
       }
     }, _callee2);
   })));
-});
-
-export {normalize} from 'intact-react';
+});

package/components/collapse/index.vdt.js

@@ -42,6 +42,4 @@ export default function ($props, $blocks, $__proto__) {
     'className': _$cn(classNameObj)
   }, getRestProps(this)), _children);
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/collapse/item.d.ts

@@ -19,6 +19,3 @@ export declare class CollapseItem extends Component<CollapseItemProps, CollapseI
     private onEnter;
     private onAfterLeave;
 }
-
-
-export {normalize} from 'intact-react';

package/components/collapse/item.js

@@ -47,6 +47,4 @@ export var CollapseItem = /*#__PURE__*/function (_Component) {
 CollapseItem.template = template;
 CollapseItem.typeDefs = typeDefs;
 
-__decorate([bind], CollapseItem.prototype, "toggle", null);
-
-export {normalize} from 'intact-react';
+__decorate([bind], CollapseItem.prototype, "toggle", null);

package/components/collapse/item.vdt.js

@@ -39,7 +39,8 @@ export default function ($props, $blocks, $__proto__) {
 
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['title'](_$no)), _$cc(Icon, {
-    'className': _$cn((_$cn2 = {}, _$cn2[kls('arrow')] = true, _$cn2['ion-ios-arrow-right'] = true, _$cn2))
+    'className': _$cn((_$cn2 = {}, _$cn2[kls('arrow')] = true, _$cn2['ion-ios-arrow-right'] = true, _$cn2)),
+    'hoverable': !disabled
   })], 0, _$cn(kls('title')), {
     'ev-click': this.toggle
   }), _$cc(Transition, _extends({
@@ -59,6 +60,4 @@ export default function ($props, $blocks, $__proto__) {
     'children': _$ce(2, 'div', children, 0, _$cn(kls('wrapper')))
   }))]);
 }
-;
-
-export {normalize} from 'intact-react';
+;

package/components/collapse/styles.d.ts

@@ -2,6 +2,3 @@ import '../../styles/global';
 export declare const kls: (className: string) => string;
 export declare function makeStyles(): string;
 export declare function makeItemStyles(): string;
-
-
-export {normalize} from 'intact-react';