@king-design/vue 2.1.4 → 2.1.5

package/components/affix/index.d.ts

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

package/components/affix/index.js

@@ -11,17 +11,22 @@ 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,97 +9,121 @@ 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,16 +4,19 @@ 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,17 +9,20 @@ 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,
@@ -40,9 +43,11 @@ export function useStyle(elementRef) {
         resetStyle();
       }
     };
+
     if (isNullOrUndefined(offsetTop) && isNullOrUndefined(offsetBottom)) {
       offsetTop = 0;
     }
+
     if (!isNullOrUndefined(offsetTop)) {
       if (shouldFix && shouldFix({
         offsetTop: offsetTop,
@@ -54,6 +59,7 @@ export function useStyle(elementRef) {
       }
     } else {
       var viewportHeight = document.documentElement.clientHeight;
+
       if (shouldFix && shouldFix({
         offsetTop: offsetTop,
         offsetBottom: offsetBottom,
@@ -64,12 +70,15 @@ export function useStyle(elementRef) {
         });
       }
     }
+
     resetStyle();
   }
+
   function resetStyle() {
     style.set(null);
     containerStyle.set(null);
   }
+
   function observe() {
     ro = new ResizeObserver(function () {
       style.set(_extends({}, style.value, {
@@ -78,11 +87,13 @@ 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,9 +8,11 @@ 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,18 +4,22 @@ 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,9 +4,11 @@ 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,16 +5,20 @@ 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,44 +6,53 @@ 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,22 +10,30 @@ 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,13 +3,16 @@ 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,12 +4,15 @@ 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 type DynamicButtonProps = {
+export declare type DynamicButtonProps = {
     href?: string;
     htmlType?: string;
     tagName: string | ComponentConstructor;

package/components/button/dynamicButton.js

@@ -4,16 +4,19 @@ 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,24 +9,31 @@ 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') {
@@ -34,6 +41,7 @@ export var ButtonGroup = /*#__PURE__*/function (_Component) {
       this.set('value', value);
     }
   };
+
   return ButtonGroup;
 }(Component);
 ButtonGroup.template = template;