@king-design/vue 2.1.3 → 2.1.4

package/components/tabs/tab.vdt.js

@@ -10,21 +10,17 @@ 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,21 +4,16 @@ 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,
@@ -30,12 +25,9 @@ export function useActiveBar() {
       } else {
         styles.set(null);
       }
-
       return;
     }
-
     var vertical = instance.get('vertical');
-
     if (!vertical) {
       var width = activeTab.offsetWidth;
       var left = activeTab.offsetLeft;
@@ -52,9 +44,8 @@ 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,34 +15,27 @@ 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;
@@ -50,32 +43,26 @@ 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
@@ -88,19 +75,16 @@ 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,7 +12,6 @@ var typeDefs = {
   size: sizes,
   border: ['solid', 'dashed', 'none']
 };
-
 var defaults = function defaults() {
   return {
     type: 'default',
@@ -20,34 +19,27 @@ 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,17 +1,15 @@
 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,32 +8,26 @@ 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,23 +6,20 @@ 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);
@@ -34,11 +31,9 @@ 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, {
@@ -49,11 +44,9 @@ 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,15 +8,12 @@ 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: {
@@ -27,15 +24,12 @@ 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",
@@ -65,7 +59,6 @@ var defaults = deepDefaults({
     get bgColor() {
       return theme.color.bg;
     }
-
   }
 }, types.reduce(function (memo, type) {
   if (type === 'disabled') return memo;
@@ -73,11 +66,9 @@ 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,21 +7,17 @@ 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,19 +4,16 @@ 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);
@@ -26,11 +23,9 @@ 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';
-declare type ValueOf<T extends readonly any[]> = T[number];
-export declare type Types = ValueOf<typeof types>;
+type ValueOf<T extends readonly any[]> = T[number];
+export 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,7 +16,6 @@ var typeStyles = types.reduce(function (memo, type) {
     get color() {
       return color[type];
     }
-
   };
   return memo;
 }, {});
@@ -26,18 +25,15 @@ 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,11 +3,9 @@ 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,15 +4,12 @@ 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,23 +5,19 @@ 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> { } 
@@ -34,6 +30,5 @@ 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;