@king-design/vue 2.1.3 → 2.1.4

package/components/affix/index.d.ts

@@ -8,7 +8,7 @@ export interface AffixProps {
 export interface AffixEvents {
     change: [boolean];
 }
-export declare type ExcludeParam = {
+export type ExcludeParam = {
     offsetTop?: number;
     offsetBottom?: number;
     top: number;
@@ -16,7 +16,7 @@ export declare type ExcludeParam = {
     width: number;
     height: number;
 };
-export declare type ShouldFixParam = {
+export type ShouldFixParam = {
     offsetTop?: number;
     offsetBottom?: number;
     viewportHeight?: number;

package/components/affix/index.js

@@ -11,22 +11,17 @@ var typeDefs = {
 };
 export var Affix = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Affix, _Component);
-
   function Affix() {
     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.elementRef = createRef();
     _this.style = useStyle(_this.elementRef);
     return _this;
   }
-
   return Affix;
 }(Component);
 Affix.template = template;

package/components/affix/index.spec.js

@@ -9,121 +9,97 @@ describe('Affix', function () {
   });
   it('basic test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, _element$querySelecto, affix1, affix2, _element$querySelecto2, wrapper1, wrapper2, test;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            this.timeout(0);
-            _mount = mount(BasicDemo, {
-              marginTop: '200px'
-            }), instance = _mount[0], element = _mount[1];
-            _element$querySelecto = element.querySelectorAll('.k-affix'), affix1 = _element$querySelecto[0], affix2 = _element$querySelecto[1];
-            _element$querySelecto2 = element.querySelectorAll('.k-affix-wrapper'), wrapper1 = _element$querySelecto2[0], wrapper2 = _element$querySelecto2[1];
-
-            test = function test(height1, style1, height2, style2) {
-              expect(affix1.style.height).to.eql(height1);
-              expect(wrapper1.getAttribute('style')).to.eql(style1);
-              expect(affix2.style.height).to.eql(height2);
-              expect(wrapper2.getAttribute('style')).to.eql(style2);
-            }; // browser may scroll to the last position of page
-
-
-            _context.next = 7;
-            return wait(100);
-
-          case 7:
-            window.scrollTo(0, document.scrollingElement.scrollHeight - 1080);
-            _context.next = 10;
-            return wait(100);
-
-          case 10:
-            test(wrapper1.offsetHeight + "px", "position: fixed; width: 800px; top: 87px;", '', null); // scroll to the top
-
-            window.scrollTo(0, 0);
-            _context.next = 14;
-            return wait(100);
-
-          case 14:
-            test("", null, '', null); // change bottom
-
-            instance.set('bottom', 900);
-            _context.next = 18;
-            return wait(100);
-
-          case 18:
-            test("", null, wrapper2.offsetHeight + "px", "position: fixed; width: 800px; bottom: 900px;");
-
-          case 19:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          this.timeout(0);
+          _mount = mount(BasicDemo, {
+            marginTop: '200px'
+          }), instance = _mount[0], element = _mount[1];
+          _element$querySelecto = element.querySelectorAll('.k-affix'), affix1 = _element$querySelecto[0], affix2 = _element$querySelecto[1];
+          _element$querySelecto2 = element.querySelectorAll('.k-affix-wrapper'), wrapper1 = _element$querySelecto2[0], wrapper2 = _element$querySelecto2[1];
+          test = function test(height1, style1, height2, style2) {
+            expect(affix1.style.height).to.eql(height1);
+            expect(wrapper1.getAttribute('style')).to.eql(style1);
+            expect(affix2.style.height).to.eql(height2);
+            expect(wrapper2.getAttribute('style')).to.eql(style2);
+          }; // browser may scroll to the last position of page
+          _context.next = 7;
+          return wait(100);
+        case 7:
+          window.scrollTo(0, document.scrollingElement.scrollHeight - 1080);
+          _context.next = 10;
+          return wait(100);
+        case 10:
+          test(wrapper1.offsetHeight + "px", "position: fixed; width: 800px; top: 87px;", '', null);
+          // scroll to the top
+          window.scrollTo(0, 0);
+          _context.next = 14;
+          return wait(100);
+        case 14:
+          test("", null, '', null);
+          // change bottom
+          instance.set('bottom', 900);
+          _context.next = 18;
+          return wait(100);
+        case 18:
+          test("", null, wrapper2.offsetHeight + "px", "position: fixed; width: 800px; bottom: 900px;");
+        case 19:
+        case "end":
+          return _context.stop();
       }
     }, _callee, this);
   })));
   it('custom fix rule', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element, _element$querySelecto3, affix1, affix2, _element$querySelecto4, wrapper1, wrapper2, test;
-
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            this.timeout(0);
-            _mount2 = mount(CustomDemo, {
-              marginTop: '200px'
-            }), instance = _mount2[0], element = _mount2[1];
-            _element$querySelecto3 = element.querySelectorAll('.k-affix'), affix1 = _element$querySelecto3[0], affix2 = _element$querySelecto3[1];
-            _element$querySelecto4 = element.querySelectorAll('.k-affix-wrapper'), wrapper1 = _element$querySelecto4[0], wrapper2 = _element$querySelecto4[1];
-
-            test = function test(height1, style1, height2, style2) {
-              expect(affix1.style.height).to.eql(height1);
-              expect(wrapper1.getAttribute('style')).to.eql(style1);
-              expect(affix2.style.height).to.eql(height2);
-              expect(wrapper2.getAttribute('style')).to.eql(style2);
-            }; // browser may scroll to the last position of page
-
-
-            _context2.next = 7;
-            return wait(100);
-
-          case 7:
-            window.scrollTo(0, document.scrollingElement.scrollHeight - 1080);
-            _context2.next = 10;
-            return wait(100);
-
-          case 10:
-            test(wrapper1.offsetHeight + "px", "position: fixed; width: 800px; top: 150px;", '', null); // scroll to the top
-
-            window.scrollTo(0, 0);
-            _context2.next = 14;
-            return wait(100);
-
-          case 14:
-            test("", null, '', null); // change bottom
-
-            element.style.marginTop = '900px';
-            instance.set('bottom', 500);
-            _context2.next = 19;
-            return wait();
-
-          case 19:
-            document.scrollingElement.scrollTop = document.scrollingElement.scrollHeight;
-            _context2.next = 22;
-            return wait(100);
-
-          case 22:
-            test(wrapper1.offsetHeight + "px", "position: fixed; width: 800px; top: 150px;", wrapper2.offsetHeight + "px", "position: fixed; width: 800px; bottom: 500px;");
-            window.scrollTo(0, 0);
-            _context2.next = 26;
-            return wait(100);
-
-          case 26:
-            test("", null, '', null);
-
-          case 27:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          this.timeout(0);
+          _mount2 = mount(CustomDemo, {
+            marginTop: '200px'
+          }), instance = _mount2[0], element = _mount2[1];
+          _element$querySelecto3 = element.querySelectorAll('.k-affix'), affix1 = _element$querySelecto3[0], affix2 = _element$querySelecto3[1];
+          _element$querySelecto4 = element.querySelectorAll('.k-affix-wrapper'), wrapper1 = _element$querySelecto4[0], wrapper2 = _element$querySelecto4[1];
+          test = function test(height1, style1, height2, style2) {
+            expect(affix1.style.height).to.eql(height1);
+            expect(wrapper1.getAttribute('style')).to.eql(style1);
+            expect(affix2.style.height).to.eql(height2);
+            expect(wrapper2.getAttribute('style')).to.eql(style2);
+          }; // browser may scroll to the last position of page
+          _context2.next = 7;
+          return wait(100);
+        case 7:
+          window.scrollTo(0, document.scrollingElement.scrollHeight - 1080);
+          _context2.next = 10;
+          return wait(100);
+        case 10:
+          test(wrapper1.offsetHeight + "px", "position: fixed; width: 800px; top: 150px;", '', null);
+          // scroll to the top
+          window.scrollTo(0, 0);
+          _context2.next = 14;
+          return wait(100);
+        case 14:
+          test("", null, '', null);
+          // change bottom
+          element.style.marginTop = '900px';
+          instance.set('bottom', 500);
+          _context2.next = 19;
+          return wait();
+        case 19:
+          document.scrollingElement.scrollTop = document.scrollingElement.scrollHeight;
+          _context2.next = 22;
+          return wait(100);
+        case 22:
+          test(wrapper1.offsetHeight + "px", "position: fixed; width: 800px; top: 150px;", wrapper2.offsetHeight + "px", "position: fixed; width: 800px; bottom: 500px;");
+          window.scrollTo(0, 0);
+          _context2.next = 26;
+          return wait(100);
+        case 26:
+          test("", null, '', null);
+        case 27:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2, this);
   })));

package/components/affix/index.vdt.js

@@ -4,19 +4,16 @@ import { getRestProps, addStyle } from '../utils';
 import { makeStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-
   var _this$get = this.get(),
-      children = _this$get.children,
-      className = _this$get.className,
-      style = _this$get.style;
-
+    children = _this$get.children,
+    className = _this$get.className,
+    style = _this$get.style;
   var _this$style = this.style,
-      _style = _this$style.style,
-      containerStyle = _this$style.containerStyle;
+    _style = _this$style.style,
+    containerStyle = _this$style.containerStyle;
   var classNameObj = (_classNameObj = {
     'k-affix': true,
     'k-fixed': _style.value

package/components/affix/useStyle.js

@@ -9,20 +9,17 @@ export function useStyle(elementRef) {
   var style = useState(null);
   var containerStyle = useState(null);
   var ro = null;
-
   function genStyle() {
     var _instance$get = instance.get(),
-        offsetTop = _instance$get.top,
-        offsetBottom = _instance$get.bottom,
-        exclude = _instance$get.exclude,
-        shouldFix = _instance$get.shouldFix;
-
+      offsetTop = _instance$get.top,
+      offsetBottom = _instance$get.bottom,
+      exclude = _instance$get.exclude,
+      shouldFix = _instance$get.shouldFix;
     var _elementRef$value$get = elementRef.value.getBoundingClientRect(),
-        top = _elementRef$value$get.top,
-        bottom = _elementRef$value$get.bottom,
-        width = _elementRef$value$get.width,
-        height = _elementRef$value$get.height;
-
+      top = _elementRef$value$get.top,
+      bottom = _elementRef$value$get.bottom,
+      width = _elementRef$value$get.width,
+      height = _elementRef$value$get.height;
     var setStyle = function setStyle(styles) {
       if (!exclude || exclude && !exclude({
         offsetTop: offsetTop,
@@ -43,11 +40,9 @@ export function useStyle(elementRef) {
         resetStyle();
       }
     };
-
     if (isNullOrUndefined(offsetTop) && isNullOrUndefined(offsetBottom)) {
       offsetTop = 0;
     }
-
     if (!isNullOrUndefined(offsetTop)) {
       if (shouldFix && shouldFix({
         offsetTop: offsetTop,
@@ -59,7 +54,6 @@ export function useStyle(elementRef) {
       }
     } else {
       var viewportHeight = document.documentElement.clientHeight;
-
       if (shouldFix && shouldFix({
         offsetTop: offsetTop,
         offsetBottom: offsetBottom,
@@ -70,15 +64,12 @@ export function useStyle(elementRef) {
         });
       }
     }
-
     resetStyle();
   }
-
   function resetStyle() {
     style.set(null);
     containerStyle.set(null);
   }
-
   function observe() {
     ro = new ResizeObserver(function () {
       style.set(_extends({}, style.value, {
@@ -87,13 +78,11 @@ export function useStyle(elementRef) {
     });
     ro.observe(elementRef.value);
   }
-
   function disconnect() {
     if (ro) {
       ro.disconnect();
     }
   }
-
   watchState(style, function (newStyle, oldStyle) {
     nextTick(function () {
       if (newStyle && !oldStyle) {

package/components/badge/index.js

@@ -8,11 +8,9 @@ var typeDefs = {
 };
 export var Badge = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Badge, _Component);
-
   function Badge() {
     return _Component.apply(this, arguments) || this;
   }
-
   return Badge;
 }(Component);
 Badge.template = template;

package/components/badge/index.vdt.js

@@ -4,22 +4,18 @@ import { getRestProps } from '../utils';
 import makeStyles from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-
   var _this$get = this.get(),
-      className = _this$get.className,
-      children = _this$get.children,
-      text = _this$get.text,
-      disabled = _this$get.disabled,
-      max = _this$get.max;
-
+    className = _this$get.className,
+    children = _this$get.children,
+    text = _this$get.text,
+    disabled = _this$get.disabled,
+    max = _this$get.max;
   if (typeof text === 'number' && max && text > max) {
     text = max + "+";
   }
-
   var classNameObj = (_classNameObj = {
     'k-badge': true
   }, _classNameObj[className] = className, _classNameObj['k-has-text'] = text != null, _classNameObj['k-alone'] = !children, _classNameObj[makeStyles()] = true, _classNameObj);

package/components/badge/styles.js

@@ -4,11 +4,9 @@ import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
 var defaults = {
   width: '8px',
-
   get height() {
     return badge.width;
   },
-
   bgColor: '#ff4133',
   // has-text
   textHeight: '16px',

package/components/breadcrumb/index.js

@@ -5,20 +5,16 @@ export * from './item';
 var typeDefs = {
   separator: String
 };
-
 var defaults = function defaults() {
   return {
     separator: '>'
   };
 };
-
 export var Breadcrumb = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Breadcrumb, _Component);
-
   function Breadcrumb() {
     return _Component.apply(this, arguments) || this;
   }
-
   return Breadcrumb;
 }(Component);
 Breadcrumb.template = template;

package/components/breadcrumb/index.spec.js

@@ -1,18 +1,18 @@
 import Demo from '~/components/breadcrumb/demos/basic';
-import { mount, dispatchEvent, unmount } from '../../test/utils'; // Vue.use(VueRouter);
-
+import { mount, dispatchEvent, unmount } from '../../test/utils';
+// Vue.use(VueRouter);
 describe('Breadcrumb', function () {
   afterEach(function () {
     unmount();
   });
   it('should go to the url set by to', function () {
     var _mount = mount(Demo),
-        instance = _mount[0],
-        element = _mount[1];
-
+      instance = _mount[0],
+      element = _mount[1];
     dispatchEvent(element.children[0].children[0], 'click');
     expect(location.hash).to.eql('#/');
-  }); // it('should go to the url when use vue-router', () => {
+  });
+  // it('should go to the url when use vue-router', () => {
   // const Test = {
   // template: (`
   // <Breadcrumb>

package/components/breadcrumb/index.vdt.js

@@ -6,53 +6,44 @@ import { BreadcrumbItem } from './item';
 import makeStyles from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
-
   var _this$get = this.get(),
-      children = _this$get.children,
-      separator = _this$get.separator,
-      className = _this$get.className;
-
+    children = _this$get.children,
+    separator = _this$get.separator,
+    className = _this$get.className;
   var classNameObj = (_classNameObj = {
     'k-breadcrumb': true
   }, _classNameObj[className] = className, _classNameObj[makeStyles()] = true, _classNameObj);
-
   var separatorVNode = _$ce(2, 'span', (_$blocks['separator'] = function ($super) {
     return separator;
   }, __$blocks['separator'] = function ($super, data) {
     var block = $blocks['separator'];
-
     var callBlock = function callBlock() {
       return _$blocks['separator'].call($this, $super, data);
     };
-
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['separator'](_$no)), 0, 'k-breadcrumb-separator');
-
   var vNodes = [];
   var lastIndex = -1;
   var separatorAmount = 0;
   mapChildren(children, function (vNode, index) {
     vNodes.push(vNode);
-
     if (vNode.tag === BreadcrumbItem) {
       lastIndex = index;
       separatorAmount++;
       vNodes.push(separatorVNode);
     }
-  }); // remove the last BreadcrumbItem's separator,
+  });
+  // remove the last BreadcrumbItem's separator,
   // because it may have other vNodes follow the last BreadcrumbItem.
   // we record the last separator's index and splice array like bellow to remove it
-
   if (lastIndex > -1) {
     _spliceInstanceProperty(vNodes).call(vNodes, lastIndex + separatorAmount, 1);
   }
-
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this)), vNodes);

package/components/breadcrumb/item.js

@@ -10,30 +10,22 @@ var typeDefs = {
 };
 export var BreadcrumbItem = /*#__PURE__*/function (_Component) {
   _inheritsLoose(BreadcrumbItem, _Component);
-
   function BreadcrumbItem() {
     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.router = useRouter();
     return _this;
   }
-
   var _proto = BreadcrumbItem.prototype;
-
   _proto.onClick = function onClick() {
     navigate(this.router.value, this.get('to'));
   };
-
   return BreadcrumbItem;
 }(Component);
 BreadcrumbItem.template = template;
 BreadcrumbItem.typeDefs = typeDefs;
-
 __decorate([bind], BreadcrumbItem.prototype, "onClick", null);

package/components/breadcrumb/item.vdt.js

@@ -3,16 +3,13 @@ import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce } fr
 import { getRestProps } from '../utils';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
-
   var _this$get = this.get(),
-      to = _this$get.to,
-      children = _this$get.children,
-      className = _this$get.className;
-
+    to = _this$get.to,
+    children = _this$get.children,
+    className = _this$get.className;
   var classNameObj = (_classNameObj = {
     'k-breadcrumb-item': true
   }, _classNameObj[className] = className, _classNameObj);

package/components/breadcrumb/styles.js

@@ -4,15 +4,12 @@ import { theme, setDefault } from '../../styles/theme';
 import '../../styles/global';
 var defaults = {
   fontSize: '14px',
-
   get color() {
     return theme.color.lightBlack;
   },
-
   get hoverColor() {
     return theme.color.primary;
   },
-
   gap: '6px',
   activeFontWeight: 'normal',
   activeColor: "#262626"

package/components/button/dynamicButton.d.ts

@@ -1,5 +1,5 @@
 import { ComponentFunction, ComponentConstructor } from 'intact-vue-next';
-export declare type DynamicButtonProps = {
+export type DynamicButtonProps = {
     href?: string;
     htmlType?: string;
     tagName: string | ComponentConstructor;

package/components/button/dynamicButton.js

@@ -4,19 +4,16 @@ var _excluded = ["tagName", "htmlType"];
 import { createVNode as h } from 'intact-vue-next';
 export var DynamicButton = function DynamicButton(_ref) {
   var tagName = _ref.tagName,
-      htmlType = _ref.htmlType,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    htmlType = _ref.htmlType,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   if (props.href && tagName === 'button') {
     tagName = 'a';
   }
-
   if (tagName === 'button') {
     // set type of html button
     props = _extends({}, props, {
       type: htmlType
     });
   }
-
   return h(tagName, props);
 };

package/components/button/group.js

@@ -9,31 +9,24 @@ var typeDefs = {
   fluid: Boolean,
   checkType: ['none', 'radio', 'checkbox']
 };
-
 var defaults = function defaults() {
   return {
     checkType: 'none'
   };
 };
-
 export var ButtonGroup = /*#__PURE__*/function (_Component) {
   _inheritsLoose(ButtonGroup, _Component);
-
   function ButtonGroup() {
     return _Component.apply(this, arguments) || this;
   }
-
   var _proto = ButtonGroup.prototype;
-
   _proto.init = function init() {
     provide(BUTTON_GROUP, this);
   };
-
   _proto.setValue = function setValue(v) {
     var _this$get = this.get(),
-        checkType = _this$get.checkType,
-        value = _this$get.value;
-
+      checkType = _this$get.checkType,
+      value = _this$get.value;
     if (checkType === 'radio') {
       this.set('value', v);
     } else if (checkType === 'checkbox') {
@@ -41,7 +34,6 @@ export var ButtonGroup = /*#__PURE__*/function (_Component) {
       this.set('value', value);
     }
   };
-
   return ButtonGroup;
 }(Component);
 ButtonGroup.template = template;