@king-design/vue 2.1.4 → 2.1.5

package/components/split/style.js

@@ -10,29 +10,37 @@ var defaults = {
   dragLinesSize: '1px',
   dragLinesCount: 5,
   dragLiensGutter: 5,
+
   get bgColor() {
     return theme.color.bg;
   },
+
   get baseBorder() {
     return "1px solid " + theme.color.border;
   },
+
   get transition() {
     return theme.transition.middle;
   },
+
   get boderColor() {
     return theme.color.border;
   },
+
   get dragLineMargin() {
     return "-" + split.dragLinesCount * (split.dragLiensGutter + 1) / 2 + "px";
   },
+
   boxShadow: function boxShadow(direction) {
     var i = 1;
     var tmp = [];
+
     while (i <= split.dragLinesCount) {
       var shadowVal = direction === 'horizontal' ? "0 " + i * split.dragLiensGutter + "px 0 0" : i * split.dragLiensGutter + "px 0 0 0";
       tmp.push(shadowVal + " " + split.boderColor);
       i++;
     }
+
     return "" + tmp.join(',');
   }
 };

package/components/split/useDraggable.js

@@ -15,17 +15,20 @@ export function useDraggable(firstSize, lastSize) {
   var baseY = 0;
   var originalWidth = 0;
   var originalHeight = 0;
+
   var _useBaseDraggable = useBaseDraggable({
-      onStart: onStart,
-      onMove: onMove,
-      onEnd: onEnd
-    }),
-    start = _useBaseDraggable.start,
-    dragging = _useBaseDraggable.dragging;
+    onStart: onStart,
+    onMove: onMove,
+    onEnd: onEnd
+  }),
+      start = _useBaseDraggable.start,
+      dragging = _useBaseDraggable.dragging;
+
   function onStart(e) {
     // set mouse style
     setMouseStyle(true);
     calcMinMaxValue();
+
     if (lastSize.value === 'auto') {
       targetRef = firstRef;
       targetSize = firstSize;
@@ -33,6 +36,7 @@ export function useDraggable(firstSize, lastSize) {
       targetRef = lastRef;
       targetSize = lastSize;
     }
+
     var targetEl = targetRef.value;
     originalWidth = restrainValue(targetEl.offsetWidth);
     originalHeight = restrainValue(targetEl.offsetHeight);
@@ -40,9 +44,11 @@ export function useDraggable(firstSize, lastSize) {
     baseY = e.clientY;
     instance.trigger('moveStart', e);
   }
+
   function onMove(e) {
     var changed;
     var originalSize;
+
     if (instance.get('mode') === 'horizontal') {
       originalSize = originalWidth;
       changed = e.clientX - baseX;
@@ -50,24 +56,30 @@ export function useDraggable(firstSize, lastSize) {
       originalSize = originalHeight;
       changed = e.clientY - baseY;
     }
+
     if (targetRef === lastRef) {
       changed = -changed;
     }
+
     targetSize.set(restrainValue(originalSize + changed) + "px");
     instance.trigger('moving', e);
   }
+
   function onEnd(e) {
     // reset mouse style
     setMouseStyle();
     instance.trigger('moveEnd', e);
   }
+
   function calcMinMaxValue() {
     var _instance$get = instance.get(),
-      _min = _instance$get.min,
-      _max = _instance$get.max,
-      mode = _instance$get.mode;
+        _min = _instance$get.min,
+        _max = _instance$get.max,
+        mode = _instance$get.mode;
+
     var parsedMin = parseValue(_min);
     var parsedMax = parseValue(_max);
+
     if (parsedMin.percent || parsedMax.percent) {
       var totalSize = mode === 'horizontal' ? elementRef.value.offsetWidth : elementRef.value.offsetHeight;
       min = generateValue(parsedMin, totalSize);
@@ -77,15 +89,19 @@ export function useDraggable(firstSize, lastSize) {
       max = _max;
     }
   }
+
   function setMouseStyle(set) {
     if (set === void 0) {
       set = false;
     }
+
     document.body.style.cursor = set ? instance.get('mode') === 'vertical' ? 'row-resize' : 'col-resize' : '';
   }
+
   function restrainValue(value) {
     return Math.min(Math.max(value, min), max);
   }
+
   return {
     start: start,
     dragging: dragging,
@@ -94,11 +110,13 @@ export function useDraggable(firstSize, lastSize) {
     lastRef: lastRef
   };
 }
+
 function parseValue(v) {
   if (typeof v === 'undefined') return cache;
   if (typeof v === 'number') return {
     px: v
   };
+
   if (!cache[v]) {
     var matches = v.match(VALUE_REG) || [];
     cache[v] = {
@@ -107,19 +125,25 @@ function parseValue(v) {
       px: matches[3]
     };
   }
+
   return cache[v];
 }
+
 function generateValue(_ref, totalSize) {
   var percent = _ref.percent,
-    op = _ref.op,
-    px = _ref.px;
+      op = _ref.op,
+      px = _ref.px;
+
   if (percent) {
     var value = totalSize * Number(percent) / 100;
+
     if (px) {
       px = Number(px);
       value = op === '-' ? value - px : value + px;
     }
+
     return value;
   }
+
   return Number(px);
 }

package/components/split/useSize.js

@@ -7,10 +7,12 @@ export function useSize() {
   var lastSize = useState('auto');
   fixSize();
   useReceive(['firstSize', 'lastSize'], fixSize, true);
+
   function fixSize() {
     var _instance$get = instance.get(),
-      first = _instance$get.firstSize,
-      last = _instance$get.lastSize;
+        first = _instance$get.firstSize,
+        last = _instance$get.lastSize;
+
     if (first === 'auto' && last === 'auto') {
       firstSize.set('50%');
       lastSize.set(last);
@@ -22,6 +24,7 @@ export function useSize() {
       lastSize.set(last);
     }
   }
+
   ;
   return {
     firstSize: firstSize,

package/components/steps/context.d.ts

@@ -1,4 +1,4 @@
 export declare const context: {
-    Provider: import("vdt").ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("vdt").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    Provider: import("misstime").ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import("misstime").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
 };

package/components/steps/index.js

@@ -10,6 +10,7 @@ var typeDefs = {
   type: ['default', 'line', 'simple'],
   clickable: Boolean
 };
+
 var defaults = function defaults() {
   return {
     value: 0,
@@ -17,23 +18,30 @@ var defaults = function defaults() {
     type: 'default'
   };
 };
+
 export var Steps = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Steps, _Component);
+
   function Steps() {
     return _Component.apply(this, arguments) || this;
   }
+
   var _proto = Steps.prototype;
+
   _proto.changeIndex = function changeIndex(index) {
     var _this$get = this.get(),
-      value = _this$get.value,
-      clickable = _this$get.clickable;
+        value = _this$get.value,
+        clickable = _this$get.clickable;
+
     if (clickable && value > index) {
       this.set('value', index);
     }
   };
+
   return Steps;
 }(Component);
 Steps.template = template;
 Steps.typeDefs = typeDefs;
 Steps.defaults = defaults;
+
 __decorate([bind], Steps.prototype, "changeIndex", null);

package/components/steps/index.spec.js

@@ -8,28 +8,34 @@ describe('Steps', function () {
   });
   it('change step', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, _element$querySelecto, next, _element$querySelecto2, step1, step2;
+
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _mount = mount(ClickableDemo), instance = _mount[0], element = _mount[1];
-          _element$querySelecto = element.querySelectorAll('.k-btn'), next = _element$querySelecto[1];
-          next.click();
-          _context.next = 5;
-          return wait();
-        case 5:
-          expect(element.innerHTML).to.matchSnapshot();
-          _element$querySelecto2 = element.querySelectorAll('.k-step'), step1 = _element$querySelecto2[0], step2 = _element$querySelecto2[1];
-          step1.click();
-          _context.next = 10;
-          return wait();
-        case 10:
-          expect(element.innerHTML).to.matchSnapshot();
-          expect(instance.get('index')).to.eql(0);
-          step2.click();
-          expect(instance.get('index')).to.eql(0);
-        case 14:
-        case "end":
-          return _context.stop();
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _mount = mount(ClickableDemo), instance = _mount[0], element = _mount[1];
+            _element$querySelecto = element.querySelectorAll('.k-btn'), next = _element$querySelecto[1];
+            next.click();
+            _context.next = 5;
+            return wait();
+
+          case 5:
+            expect(element.innerHTML).to.matchSnapshot();
+            _element$querySelecto2 = element.querySelectorAll('.k-step'), step1 = _element$querySelecto2[0], step2 = _element$querySelecto2[1];
+            step1.click();
+            _context.next = 10;
+            return wait();
+
+          case 10:
+            expect(element.innerHTML).to.matchSnapshot();
+            expect(instance.get('index')).to.eql(0);
+            step2.click();
+            expect(instance.get('index')).to.eql(0);
+
+          case 14:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee);
   })));

package/components/steps/index.vdt.js

@@ -6,16 +6,19 @@ import { makeStepsStyles } from './styles';
 import { context as StepsContext } from './context';
 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,
-    value = _this$get.value,
-    status = _this$get.status,
-    type = _this$get.type,
-    clickable = _this$get.clickable;
+      children = _this$get.children,
+      className = _this$get.className,
+      value = _this$get.value,
+      status = _this$get.status,
+      type = _this$get.type,
+      clickable = _this$get.clickable;
+
   var classNameObj = (_classNameObj = {
     'k-steps': true
   }, _classNameObj[className] = className, _classNameObj["k-" + type] = true, _classNameObj['k-clickable'] = clickable, _classNameObj[makeStepsStyles()] = true, _classNameObj);
@@ -29,9 +32,8 @@ export default function ($props, $blocks, $__proto__) {
       steps.push(vNode);
       stepIndex++;
     }
-  });
+  }); // add width
 
-  // add width
   var width = 100 / stepIndex + '%';
   return _$cc(StepsContext.Provider, {
     'value': {

package/components/steps/step.js

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

package/components/steps/step.vdt.js

@@ -6,22 +6,26 @@ import { makeStepStyles } from './styles';
 import { context as StepsContext } from './context';
 export default function ($props, $blocks, $__proto__) {
   var _this = this;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    _children = _this$get.children,
-    title = _this$get.title,
-    index = _this$get.index,
-    className = _this$get.className,
-    style = _this$get.style;
+      _children = _this$get.children,
+      title = _this$get.title,
+      index = _this$get.index,
+      className = _this$get.className,
+      style = _this$get.style;
+
   return _$cc(StepsContext.Consumer, {
     'children': function children(_ref) {
       var _classNameObj;
+
       var value = _ref.value,
-        status = _ref.status,
-        width = _ref.width,
-        onChange = _ref.onChange;
+          status = _ref.status,
+          width = _ref.width,
+          onChange = _ref.onChange;
       var selected = value === index;
       var error = selected && status === 'error';
       var classNameObj = (_classNameObj = {

package/components/steps/styles.js

@@ -7,20 +7,25 @@ var defaults = {
   get transition() {
     return theme.transition.middle;
   },
+
   get height() {
     return theme.default.height;
   },
+
   get bgColor() {
     return theme.color.bg;
   },
+
   gutter: '10px',
   gapTop: '-2px',
   // head
   head: {
     innerWidth: '16px',
+
     get innerBorder() {
       return "1px solid " + theme.color.placeholder;
     },
+
     iconFontSize: '24px',
     paddingRight: '10px'
   },
@@ -28,9 +33,11 @@ var defaults = {
     get color() {
       return theme.color.text;
     },
+
     get titlePaddingRight() {
       return steps.head.paddingRight;
     },
+
     contentFontSize: '12px'
   },
   // done
@@ -38,59 +45,77 @@ var defaults = {
     get headColor() {
       return theme.color.primary;
     },
+
     get headInnerBorderColor() {
       return theme.color.primary;
     },
+
     headInnerBgColor: 'transparent',
+
     get mainColor() {
       return theme.color.primary;
     },
+
     get simpleColor() {
       return theme.color.text;
     }
+
   },
   // active
   active: {
     headColor: '#fff',
+
     get headInnerBorderColor() {
       return theme.color.primary;
     },
+
     get headInnerBgColor() {
       return theme.color.primary;
     },
+
     get mainColor() {
       return theme.color.primary;
     },
+
     get simpleColor() {
       return theme.color.primary;
     }
+
   },
   // error
   error: {
     get headColor() {
       return theme.color.danger;
     },
+
     get headInnerBorderColor() {
       return theme.color.danger;
     },
+
     headInnerBgColor: 'transparent',
+
     get mainColor() {
       return theme.color.danger;
     },
+
     get simpleColor() {
       return theme.color.danger;
     }
+
   },
   // line
   line: {
     bgColor: '#fff',
     mainContentGap: '5px 0 0',
+
     get tailBgColor() {
       return theme.color.placeholder;
     },
+
     get doneTailBgColor() {
       return theme.color.primary;
     },
+
     innerWidth: '32px',
     innerLineHeight: '30px',
     innerFontSize: '18px',
@@ -104,9 +129,11 @@ var defaults = {
   // simple
   simple: {
     fontSize: '14px',
+
     get color() {
       return theme.color.disabled;
     },
+
     headPaddingRight: '6px'
   }
 };

package/components/switch/index.js

@@ -18,6 +18,7 @@ var typeDefs = {
   size: sizes,
   disabled: Boolean
 };
+
 var defaults = function defaults() {
   return {
     value: false,
@@ -26,67 +27,87 @@ var defaults = function defaults() {
     size: 'default'
   };
 };
+
 var events = {
   click: true,
   keypress: true
 };
 export var Switch = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Switch, _Component);
+
   function Switch() {
     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.draggable = useDraggable(_this.elementRef);
     return _this;
   }
+
   var _proto = Switch.prototype;
+
   _proto.onClick = function onClick(e) {
     if (!e._switchIgnore) {
       this.toggle(false);
     }
+
     this.trigger('click', e);
   };
+
   _proto.onClickOnHandle = function onClickOnHandle(e) {
     // we can not stop propagation, otherwise the click can not be listen at outer
     e._switchIgnore = true;
   };
+
   _proto.onKeypress = function onKeypress(e) {
     this.trigger('keypress', e);
+
     if (e.keyCode === 13) {
       this.toggle(true);
     }
   };
+
   _proto.toggle = function toggle(isKeypress) {
-    if (this.get('disabled')) return;
-    // if is not keypress, we blur it to remove focus style
+    if (this.get('disabled')) return; // if is not keypress, we blur it to remove focus style
+
     if (!isKeypress) {
       this.elementRef.value.blur();
     }
+
     if (this.isChecked()) {
       this.uncheck();
     } else {
       this.check();
     }
   };
+
   _proto.isChecked = function isChecked() {
     return this.get('value') === this.get('trueValue');
   };
+
   _proto.check = function check() {
     this.set('value', this.get('trueValue'));
   };
+
   _proto.uncheck = function uncheck() {
     this.set('value', this.get('falseValue'));
   };
+
   return Switch;
 }(Component);
 Switch.template = template;
 Switch.typeDefs = typeDefs;
 Switch.defaults = defaults;
 Switch.events = events;
+
 __decorate([bind], Switch.prototype, "onClick", null);
+
 __decorate([bind], Switch.prototype, "onClickOnHandle", null);
+
 __decorate([bind], Switch.prototype, "onKeypress", null);