@king-design/vue 2.1.4 → 2.1.5

package/components/tabs/tab.vdt.js

@@ -10,17 +10,21 @@ var _$tmp0 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    value = _this$get.value,
-    children = _this$get.children,
-    className = _this$get.className,
-    disabled = _this$get.disabled,
-    closable = _this$get.closable;
+      value = _this$get.value,
+      children = _this$get.children,
+      className = _this$get.className,
+      disabled = _this$get.disabled,
+      closable = _this$get.closable;
+
   var _this$tabs$get = this.tabs.get(),
-    currentValue = _this$tabs$get.value;
+      currentValue = _this$tabs$get.value;
+
   var classNameObj = (_classNameObj = {
     'k-tab': true,
     'k-active': !isNullOrUndefined(value) && value === currentValue

package/components/tabs/useActiveBar.js

@@ -4,16 +4,21 @@ export function useActiveBar() {
   var instance = useInstance();
   var styles = useState(null, function (lastValue, nextValue) {
     if (lastValue === null || nextValue === null) return lastValue === nextValue;
+
     for (var key in lastValue) {
       if (lastValue[key] !== nextValue[key]) return false;
     }
+
     return true;
   });
+
   function generateStyle() {
     var element = findDomFromVNode(instance.$lastInput, true);
     var activeTab = element.querySelector('.k-tab.k-active');
+
     if (!activeTab) {
       var oldStyles = styles.value;
+
       if (oldStyles) {
         styles.set(oldStyles.left ? {
           left: oldStyles.left,
@@ -25,9 +30,12 @@ export function useActiveBar() {
       } else {
         styles.set(null);
       }
+
       return;
     }
+
     var vertical = instance.get('vertical');
+
     if (!vertical) {
       var width = activeTab.offsetWidth;
       var left = activeTab.offsetLeft;
@@ -44,8 +52,9 @@ export function useActiveBar() {
       });
     }
   }
-  onMounted(generateStyle);
-  // Tabs maybe embed into Transition, therefore handle style nextTick
+
+  onMounted(generateStyle); // Tabs maybe embed into Transition, therefore handle style nextTick
+
   onUpdated(function () {
     return nextTick(generateStyle);
   });

package/components/tabs/useScroll.js

@@ -15,27 +15,34 @@ export function useScroll() {
   instance.watch('value', scrollActiveToView, {
     presented: true
   });
+
   function refresh() {
     var _instance$get = instance.get(),
-      vertical = _instance$get.vertical;
+        vertical = _instance$get.vertical;
+
     if (vertical) return;
     var scrollWidth = scrollRef.value.offsetWidth;
     var wrapperWidth = wrapperRef.value.offsetWidth;
     isScroll.set(scrollWidth < wrapperWidth);
     updateTransition(left.value, scrollWidth, wrapperWidth);
   }
+
   function updateTransition(_left, scrollWidth, wrapperWidth) {
     if (_left === void 0) {
       _left = left.value;
     }
+
     if (scrollWidth === void 0) {
       scrollWidth = scrollRef.value.offsetWidth;
     }
+
     if (wrapperWidth === void 0) {
       wrapperWidth = wrapperRef.value.offsetWidth;
     }
+
     var prev = true;
     var next = true;
+
     if (_left >= 0) {
       _left = 0;
       prev = false;
@@ -43,26 +50,32 @@ export function useScroll() {
       _left = scrollWidth - wrapperWidth;
       next = false;
     }
+
     left.set(_left);
     enablePrev.set(prev);
     enableNext.set(next);
   }
+
   function prev() {
     var scrollWidth = scrollRef.value.offsetWidth;
     updateTransition(left.value + scrollWidth);
   }
+
   function next() {
     var scrollWidth = scrollRef.value.offsetWidth;
     updateTransition(left.value - scrollWidth);
   }
+
   function scrollActiveToView() {
     var _instance$get2 = instance.get(),
-      vertical = _instance$get2.vertical;
+        vertical = _instance$get2.vertical;
+
     if (vertical) return;
     var activeTab = scrollRef.value.querySelector('.k-tab.k-active');
+
     if (activeTab) {
-      var _left = left.value;
-      // don't use getBoundingClientRect, it has transform and will return digital number
+      var _left = left.value; // don't use getBoundingClientRect, it has transform and will return digital number
+
       var activeRect = {
         left: activeTab.offsetLeft,
         width: activeTab.offsetWidth
@@ -75,16 +88,19 @@ export function useScroll() {
         width: wrapperRef.value.offsetWidth
       };
       var x = activeRect.left - wrapperRect.left;
+
       if (_left + x <= 0) {
         _left = -x;
       } else if (x + activeRect.width + _left > scrollRect.width) {
         _left = -x - activeRect.width + scrollRect.width;
       }
+
       left.set(_left);
     } else {
       left.set(0);
     }
   }
+
   return {
     isScroll: isScroll,
     left: left,

package/components/tag/base.js

@@ -12,6 +12,7 @@ var typeDefs = {
   size: sizes,
   border: ['solid', 'dashed', 'none']
 };
+
 var defaults = function defaults() {
   return {
     type: 'default',
@@ -19,27 +20,34 @@ var defaults = function defaults() {
     border: 'solid'
   };
 };
+
 var events = {
   close: true
 };
 export var Tag = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Tag, _Component);
+
   function Tag() {
     return _Component.apply(this, arguments) || this;
   }
+
   var _proto = Tag.prototype;
+
   _proto.onClose = function onClose(e) {
     e.stopPropagation();
     if (this.get('disabled')) return;
     this.trigger('close', e);
+
     if (!e.defaultPrevented) {
       this.set('closed', true);
     }
   };
+
   return Tag;
 }(Component);
 Tag.template = template;
 Tag.typeDefs = typeDefs;
 Tag.defaults = defaults;
 Tag.events = events;
+
 __decorate([bind], Tag.prototype, "onClose", null);

package/components/tag/index.js

@@ -1,15 +1,17 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
-import { Tag as BaseTag } from './base';
-// export declare class _Tag extends BaseTag<
+import { Tag as BaseTag } from './base'; // export declare class _Tag extends BaseTag<
 // TagProps,
 // TagEvents,
 // TagBlocks
 // > { }
 // export const Tag = BaseTag as typeof _Tag;
+
 export var Tag = /*#__PURE__*/function (_BaseTag) {
   _inheritsLoose(Tag, _BaseTag);
+
   function Tag() {
     return _BaseTag.apply(this, arguments) || this;
   }
+
   return Tag;
 }(BaseTag);

package/components/tag/index.spec.js

@@ -8,26 +8,32 @@ describe('Tag', function () {
   });
   it('should not close tag if we has prevented default', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, btns, preventDefaultBtn, commonBtn;
+
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _mount = mount(ClosableDemo), instance = _mount[0], element = _mount[1];
-          btns = element.querySelectorAll('.k-tag-close');
-          preventDefaultBtn = btns[btns.length - 1];
-          preventDefaultBtn.click();
-          _context.next = 6;
-          return wait(100);
-        case 6:
-          expect(element.innerHTML).to.matchSnapshot();
-          commonBtn = btns[0];
-          commonBtn.click();
-          _context.next = 11;
-          return wait(500);
-        case 11:
-          expect(element.innerHTML).to.matchSnapshot();
-        case 12:
-        case "end":
-          return _context.stop();
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _mount = mount(ClosableDemo), instance = _mount[0], element = _mount[1];
+            btns = element.querySelectorAll('.k-tag-close');
+            preventDefaultBtn = btns[btns.length - 1];
+            preventDefaultBtn.click();
+            _context.next = 6;
+            return wait(100);
+
+          case 6:
+            expect(element.innerHTML).to.matchSnapshot();
+            commonBtn = btns[0];
+            commonBtn.click();
+            _context.next = 11;
+            return wait(500);
+
+          case 11:
+            expect(element.innerHTML).to.matchSnapshot();
+
+          case 12:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee);
   })));

package/components/tag/index.vdt.js

@@ -6,20 +6,23 @@ import { makeStyles } from './styles';
 import { Transition } from 'intact';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
+
   var _this$get = this.get(),
-    className = _this$get.className,
-    children = _this$get.children,
-    type = _this$get.type,
-    border = _this$get.border,
-    disabled = _this$get.disabled,
-    closable = _this$get.closable,
-    closed = _this$get.closed,
-    size = _this$get.size;
+      className = _this$get.className,
+      children = _this$get.children,
+      type = _this$get.type,
+      border = _this$get.border,
+      disabled = _this$get.disabled,
+      closable = _this$get.closable,
+      closed = _this$get.closed,
+      size = _this$get.size;
+
   var classNameObj = (_classNameObj = {
     'k-tag': !$props.className
   }, _classNameObj[className] = className, _classNameObj["k-" + type] = type !== 'default', _classNameObj["k-" + size] = size !== 'default', _classNameObj["k-" + border] = border, _classNameObj['k-disabled'] = disabled, _classNameObj['k-closable'] = closable, _classNameObj[makeStyles()] = true, _classNameObj[$props.className] = $props.className, _classNameObj);
@@ -31,9 +34,11 @@ export default function ($props, $blocks, $__proto__) {
       return children;
     }, __$blocks['body'] = function ($super, data) {
       var block = $blocks['body'];
+
       var callBlock = function callBlock() {
         return _$blocks['body'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['body'](_$no)), (_$blocks['_close'] = function ($super) {
       return closable ? _$cc(Icon, {
@@ -44,9 +49,11 @@ export default function ($props, $blocks, $__proto__) {
       }) : undefined;
     }, __$blocks['_close'] = function ($super, data) {
       var block = $blocks['_close'];
+
       var callBlock = function callBlock() {
         return _$blocks['_close'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['_close'](_$no))]) : undefined
   });

package/components/tag/styles.js

@@ -8,12 +8,15 @@ var defaults = deepDefaults({
   get borderColor() {
     return theme.color.border;
   },
+
   get borderRadius() {
     return theme.borderRadius;
   },
+
   get fontSize() {
     return theme.default.fontSize;
   },
+
   padding: "0 8px",
   height: '20px',
   close: {
@@ -24,12 +27,15 @@ var defaults = deepDefaults({
     get color() {
       return theme.color.disabled;
     },
+
     get borderColor() {
       return theme.color.disabledBorder;
     },
+
     get bgColor() {
       return theme.color.disabledBg;
     }
+
   },
   large: {
     padding: "0px 16px",
@@ -59,6 +65,7 @@ var defaults = deepDefaults({
     get bgColor() {
       return theme.color.bg;
     }
+
   }
 }, types.reduce(function (memo, type) {
   if (type === 'disabled') return memo;
@@ -66,9 +73,11 @@ var defaults = deepDefaults({
     get color() {
       return theme.color[type];
     },
+
     get bgColor() {
       return palette(theme.color[type], -4);
     }
+
   };
   return memo;
 }, {}));

package/components/timeline/item.js

@@ -7,17 +7,21 @@ var typeDefs = {
   type: types,
   size: sizes
 };
+
 var defaults = function defaults() {
   return {
     type: 'primary',
     size: 'default'
   };
 };
+
 export var TimelineItem = /*#__PURE__*/function (_Component) {
   _inheritsLoose(TimelineItem, _Component);
+
   function TimelineItem() {
     return _Component.apply(this, arguments) || this;
   }
+
   return TimelineItem;
 }(Component);
 TimelineItem.template = template;

package/components/timeline/item.vdt.js

@@ -4,16 +4,19 @@ import { getRestProps } from '../utils';
 import { makeItemStyles } 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(),
-    className = _this$get.className,
-    children = _this$get.children,
-    type = _this$get.type,
-    size = _this$get.size;
+      className = _this$get.className,
+      children = _this$get.children,
+      type = _this$get.type,
+      size = _this$get.size;
+
   var classNameObj = (_classNameObj = {
     'k-timeline-item': true
   }, _classNameObj[className] = className, _classNameObj["k-" + type] = true, _classNameObj["k-" + size] = size !== 'default', _classNameObj[makeItemStyles()] = true, _classNameObj);
@@ -23,9 +26,11 @@ export default function ($props, $blocks, $__proto__) {
     return _$ce(2, 'div', null, 1, 'k-timeline-circle');
   }, __$blocks['dot'] = function ($super, data) {
     var block = $blocks['dot'];
+
     var callBlock = function callBlock() {
       return _$blocks['dot'].call($this, $super, data);
     };
+
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['dot'](_$no)), 0, 'k-timeline-dot'), _$ce(2, 'div', null, 1, 'k-timeline-line')], 4, 'k-timeline-indicator'), _$ce(2, 'div', children, 0, 'k-timeline-content')]);
 }

package/components/timeline/styles.d.ts

@@ -1,6 +1,6 @@
 import '../../styles/global';
-type ValueOf<T extends readonly any[]> = T[number];
-export type Types = ValueOf<typeof types>;
+declare type ValueOf<T extends readonly any[]> = T[number];
+export declare type Types = ValueOf<typeof types>;
 export declare const types: readonly ["primary", "warning", "danger", "success"];
 export declare function makeStyles(): string;
 export declare function makeItemStyles(): string;

package/components/timeline/styles.js

@@ -16,6 +16,7 @@ var typeStyles = types.reduce(function (memo, type) {
     get color() {
       return color[type];
     }
+
   };
   return memo;
 }, {});
@@ -25,15 +26,18 @@ var sizeStyles = sizes.reduce(function (memo, size) {
     get width() {
       return widthMap[size];
     }
+
   };
   return memo;
 }, {});
 var defaults = deepDefaults({
   fontSize: '12px',
   padding: '0 0 16px 24px',
+
   get lineBorder() {
     return "1px solid " + theme.color.border;
   },
+
   indicator: {
     width: '16px'
   }

package/components/timeline/timeline.js

@@ -3,9 +3,11 @@ import { Component } from 'intact-vue-next';
 import template from './timeline.vdt';
 export var Timeline = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Timeline, _Component);
+
   function Timeline() {
     return _Component.apply(this, arguments) || this;
   }
+
   return Timeline;
 }(Component);
 Timeline.template = template;

package/components/timeline/timeline.vdt.js

@@ -4,12 +4,15 @@ 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;
+      className = _this$get.className,
+      children = _this$get.children;
+
   var classNameObj = (_classNameObj = {
     'k-timeline': true
   }, _classNameObj[className] = className, _classNameObj[makeStyles()] = true, _classNameObj);

package/components/timepicker/index.js

@@ -5,19 +5,23 @@ import { PanelPicker } from './panelPicker';
 import { SelectPicker } from './selectPicker';
 export var Timepicker = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Timepicker, _Component);
+
   function Timepicker() {
     return _Component.apply(this, arguments) || this;
   }
+
   Timepicker.template = function template() {
     var props = this.get();
+
     if (props.step && !props.range) {
       return h(SelectPicker, props);
     }
+
     return h(PanelPicker, props);
   };
+
   return Timepicker;
-}(Component);
-// declare class _Timepicker<
+}(Component); // declare class _Timepicker<
 // Multipe extends boolean = false,
 // Range extends boolean = false,
 // > extends PanelPicker<Multipe, Range> { } 
@@ -30,5 +34,6 @@ export var Timepicker = /*#__PURE__*/function (_Component) {
 // const functionalWrapper = (Component as any).functionalWrapper;
 // export const Timepicker: typeof _Timepicker = functionalWrapper ?
 // functionalWrapper(Wrapper) : Wrapper;
+
 Timepicker.$doubleVNodes = true;
 Timepicker.typeDefs = typeDefs;