@king-design/vue 2.1.3 → 2.1.4

package/components/split/style.js

@@ -10,37 +10,29 @@ 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,20 +15,17 @@ 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;
@@ -36,7 +33,6 @@ export function useDraggable(firstSize, lastSize) {
       targetRef = lastRef;
       targetSize = lastSize;
     }
-
     var targetEl = targetRef.value;
     originalWidth = restrainValue(targetEl.offsetWidth);
     originalHeight = restrainValue(targetEl.offsetHeight);
@@ -44,11 +40,9 @@ 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;
@@ -56,30 +50,24 @@ 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);
@@ -89,19 +77,15 @@ 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,
@@ -110,13 +94,11 @@ 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] = {
@@ -125,25 +107,19 @@ 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,12 +7,10 @@ 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);
@@ -24,7 +22,6 @@ 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("misstime").ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("misstime").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
+    Provider: import("vdt").ComponentConstructor<import('intact-vue-next').Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
+    Consumer: import("vdt").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
 };

package/components/steps/index.js

@@ -10,7 +10,6 @@ var typeDefs = {
   type: ['default', 'line', 'simple'],
   clickable: Boolean
 };
-
 var defaults = function defaults() {
   return {
     value: 0,
@@ -18,30 +17,23 @@ 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,34 +8,28 @@ 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,19 +6,16 @@ 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);
@@ -32,8 +29,9 @@ 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,11 +7,9 @@ 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,26 +6,22 @@ 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,25 +7,20 @@ 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'
   },
@@ -33,11 +28,9 @@ var defaults = {
     get color() {
       return theme.color.text;
     },
-
     get titlePaddingRight() {
       return steps.head.paddingRight;
     },
-
     contentFontSize: '12px'
   },
   // done
@@ -45,77 +38,59 @@ 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',
@@ -129,11 +104,9 @@ var defaults = {
   // simple
   simple: {
     fontSize: '14px',
-
     get color() {
       return theme.color.disabled;
     },
-
     headPaddingRight: '6px'
   }
 };

package/components/switch/index.js

@@ -18,7 +18,6 @@ var typeDefs = {
   size: sizes,
   disabled: Boolean
 };
-
 var defaults = function defaults() {
   return {
     value: false,
@@ -27,87 +26,67 @@ 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);