@king-design/vue 2.1.3 → 2.1.4

package/components/rate/index.vdt.js

@@ -9,24 +9,21 @@ var _$tmp0 = {
 };
 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,
-      count = _this$get.count,
-      disabled = _this$get.disabled,
-      half = _this$get.half;
-
+    className = _this$get.className,
+    count = _this$get.count,
+    disabled = _this$get.disabled,
+    half = _this$get.half;
   var _this$activeValue = this.activeValue,
-      activeValue = _this$activeValue.activeValue,
-      onClick = _this$activeValue.onClick,
-      onMouseEnter = _this$activeValue.onMouseEnter,
-      onMouseLeaveComponent = _this$activeValue.onMouseLeaveComponent;
+    activeValue = _this$activeValue.activeValue,
+    onClick = _this$activeValue.onClick,
+    onMouseEnter = _this$activeValue.onMouseEnter,
+    onMouseLeaveComponent = _this$activeValue.onMouseLeaveComponent;
   var classNameObj = (_classNameObj = {
     'k-rate': true,
     'k-disabled': disabled
@@ -35,37 +32,27 @@ export default function ($props, $blocks, $__proto__) {
     return _$cc(Icon, _$tmp0);
   }, __$blocks['icon'] = function ($super, data) {
     var block = $blocks['icon'];
-
     var callBlock = function callBlock() {
       return _$blocks['icon'].call($this, $super, data);
     };
-
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['icon'](_$no));
-
   var rateIcon = function rateIcon(className, step) {
     return _$ce(2, 'div', icon, 0, _$cn(className), {
       'ev-click': linkEvent(step, onClick),
       'ev-mouseenter': linkEvent(step, onMouseEnter)
     });
   };
-
   var items = [];
-
   for (var i = 0; i < count; i++) {
     var _$cn2;
-
     var _className = activeValue.value >= i + 1 ? 'k-full' : activeValue.value === i + 0.5 ? 'k-half' : null;
-
     var halfStep = half ? i + 0.5 : i + 1;
-
     var item = _$ce(2, 'div', [rateIcon("k-rate-first", halfStep), _$ct('\n            '), rateIcon("k-rate-second", i + 1)], 0, _$cn((_$cn2 = {
       "k-rate-item": true
     }, _$cn2[_className] = _className, _$cn2)));
-
     items.push(item);
   }
-
   return _$cv('div', _extends({}, getRestProps(this), {
     'className': _$cn(classNameObj),
     'ev-mouseleave': onMouseLeaveComponent

package/components/rate/styles.js

@@ -4,15 +4,12 @@ import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
 var defaults = {
   color: '#ccc',
-
   get transition() {
     return theme.transition.middle;
   },
-
   get activeColor() {
     return theme.color.warning;
   },
-
   iconFontSize: '24px',
   item: {
     gap: '8px',

package/components/rate/useActiveValue.js

@@ -8,29 +8,24 @@ export function useActiveValue() {
     instance.set('value', v);
     activeValue.set(v);
   });
-
   function onClick(value) {
-    if (instance.get('disabled')) return; // clear the value when click again on the clearable component
-
+    if (instance.get('disabled')) return;
+    // clear the value when click again on the clearable component
     if (instance.get('clearable') && instance.get('value') === value) {
       value = 0;
     }
-
     instance.set('value', value);
     activeValue.set(value);
   }
-
   function onMouseEnter(value) {
     if (instance.get('disabled')) return;
     activeValue.set(value);
   }
-
   function onMouseLeaveComponent(e) {
     instance.trigger('mouseleave', e);
     if (instance.get('disabled')) return;
     activeValue.set(instance.get('value'));
   }
-
   return {
     activeValue: activeValue,
     onClick: onClick,

package/components/scrollSelect/index.d.ts

@@ -11,11 +11,11 @@ export interface ScrollSelectEvents {
 export interface ScrollSelectBlocks {
     append: null;
 }
-export declare type DataItem<T = any> = {
+export type DataItem<T = any> = {
     value: T;
     label: Children;
 };
-declare type Data<T> = DataItem<T>[] | ((v: T) => DataItem<T>[]);
+type Data<T> = DataItem<T>[] | ((v: T) => DataItem<T>[]);
 export declare class ScrollSelect<T = any> extends Component<ScrollSelectProps<T>, ScrollSelectEvents, ScrollSelectBlocks> {
     static template: string | import("intact").Template<any>;
     static typeDefs: Required<TypeDefs<ScrollSelectProps<any>>>;

package/components/scrollSelect/index.js

@@ -12,33 +12,26 @@ var typeDefs = {
   disabled: Boolean,
   disable: Function
 };
-
 var defaults = function defaults() {
   return {
     count: 19,
     data: []
   };
 };
-
 export var ScrollSelect = /*#__PURE__*/function (_Component) {
   _inheritsLoose(ScrollSelect, _Component);
-
   function ScrollSelect() {
     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.list = useList();
     _this.translate = useTranslate();
     _this.mouseEvents = useMouseEvents(_this.translate.translate, _this.list);
     return _this;
   }
-
   return ScrollSelect;
 }(Component);
 ScrollSelect.template = template;

package/components/scrollSelect/index.spec.js

@@ -13,159 +13,128 @@ describe('ScrollSelect', function () {
   });
   it('should select by scroll', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element;
-
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1]; // scroll
-
-            dispatchEvent(element.firstElementChild, 'wheel', {
-              deltaY: 1
-            });
-            _context.next = 4;
-            return wait(100);
-
-          case 4:
-            expect(instance.get('value')).to.eql(1);
-            dispatchEvent(element.firstElementChild, 'wheel', {
-              deltaY: -1
-            });
-            _context.next = 8;
-            return wait(100);
-
-          case 8:
-            expect(instance.get('value')).to.eql(0);
-
-          case 9:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1]; // scroll
+          dispatchEvent(element.firstElementChild, 'wheel', {
+            deltaY: 1
+          });
+          _context.next = 4;
+          return wait(100);
+        case 4:
+          expect(instance.get('value')).to.eql(1);
+          dispatchEvent(element.firstElementChild, 'wheel', {
+            deltaY: -1
+          });
+          _context.next = 8;
+          return wait(100);
+        case 8:
+          expect(instance.get('value')).to.eql(0);
+        case 9:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   })));
   it('should select by click', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element;
-
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _mount2 = mount(BasicDemo), instance = _mount2[0], element = _mount2[1];
-            element.querySelector('.k-scroll-select-item').click();
-            _context2.next = 4;
-            return wait();
-
-          case 4:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(instance.get('value')).to.eql(3);
-
-          case 6:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _mount2 = mount(BasicDemo), instance = _mount2[0], element = _mount2[1];
+          element.querySelector('.k-scroll-select-item').click();
+          _context2.next = 4;
+          return wait();
+        case 4:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(instance.get('value')).to.eql(3);
+        case 6:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2);
   })));
   it('should select by drag', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var _mount3, instance, element;
-
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _mount3 = mount(BasicDemo), instance = _mount3[0], element = _mount3[1];
-            dispatchEvent(element.firstElementChild, 'mousedown', {
-              which: 1,
-              clientY: 0
-            });
-            dispatchEvent(document, 'mousemove', {
-              clientY: -40
-            });
-            expect(instance.get('value')).eql(1); // do not change value if the distance is too short
-
-            dispatchEvent(document, 'mousemove', {
-              clientY: -30
-            });
-            expect(instance.get('value')).eql(1);
-            dispatchEvent(document, 'mousemove', {
-              clientY: 0
-            });
-            expect(instance.get('value')).eql(0);
-            dispatchEvent(document, 'mouseup');
-
-          case 9:
-          case "end":
-            return _context3.stop();
-        }
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _mount3 = mount(BasicDemo), instance = _mount3[0], element = _mount3[1];
+          dispatchEvent(element.firstElementChild, 'mousedown', {
+            which: 1,
+            clientY: 0
+          });
+          dispatchEvent(document, 'mousemove', {
+            clientY: -40
+          });
+          expect(instance.get('value')).eql(1);
+          // do not change value if the distance is too short
+          dispatchEvent(document, 'mousemove', {
+            clientY: -30
+          });
+          expect(instance.get('value')).eql(1);
+          dispatchEvent(document, 'mousemove', {
+            clientY: 0
+          });
+          expect(instance.get('value')).eql(0);
+          dispatchEvent(document, 'mouseup');
+        case 9:
+        case "end":
+          return _context3.stop();
       }
     }, _callee3);
   })));
   it('should render correctly even if parent is hidden', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var Demo, _mount4, instance, element;
-
     return _regeneratorRuntime.wrap(function _callee4$(_context6) {
-      while (1) {
-        switch (_context6.prev = _context6.next) {
-          case 0:
-            Demo = /*#__PURE__*/function (_Component) {
-              _inheritsLoose(Demo, _Component);
-
-              function Demo() {
-                var _context4;
-
-                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(_context4 = [this]).call(_context4, args)) || this;
-                _this.ScrollSelect = ScrollSelect;
-                return _this;
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component) {
+            _inheritsLoose(Demo, _Component);
+            function Demo() {
+              var _context4;
+              var _this;
+              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+                args[_key] = arguments[_key];
               }
-
-              Demo.defaults = function defaults() {
+              _this = _Component.call.apply(_Component, _concatInstanceProperty(_context4 = [this]).call(_context4, args)) || this;
+              _this.ScrollSelect = ScrollSelect;
+              return _this;
+            }
+            Demo.defaults = function defaults() {
+              return {
+                value: 2018,
+                show: false
+              };
+            };
+            var _proto = Demo.prototype;
+            _proto.generateData = function generateData(value) {
+              var _context5;
+              var start = value - 5;
+              return _mapInstanceProperty(_context5 = Array.apply(null, {
+                length: 10
+              })).call(_context5, function (v, i) {
+                var year = start + i;
                 return {
-                  value: 2018,
-                  show: false
+                  label: year + "\u5E74",
+                  value: year
                 };
-              };
-
-              var _proto = Demo.prototype;
-
-              _proto.generateData = function generateData(value) {
-                var _context5;
-
-                var start = value - 5;
-                return _mapInstanceProperty(_context5 = Array.apply(null, {
-                  length: 10
-                })).call(_context5, function (v, i) {
-                  var year = start + i;
-                  return {
-                    label: year + "\u5E74",
-                    value: year
-                  };
-                });
-              };
-
-              return Demo;
-            }(Component);
-
-            Demo.template = "\n                const {ScrollSelect} = this;\n                <div style={{display: this.get('show') ? 'block' : 'none'}}>\n                    <ScrollSelect data={this.generateData} v-model=\"value\" count={10} />\n                </div>\n            ";
-            _mount4 = mount(Demo), instance = _mount4[0], element = _mount4[1];
-            expect(element.innerHTML).to.matchSnapshot();
-            instance.set('show', true);
-            _context6.next = 7;
-            return wait();
-
-          case 7:
-            expect(element.innerHTML).to.matchSnapshot();
-
-          case 8:
-          case "end":
-            return _context6.stop();
-        }
+              });
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const {ScrollSelect} = this;\n                <div style={{display: this.get('show') ? 'block' : 'none'}}>\n                    <ScrollSelect data={this.generateData} v-model=\"value\" count={10} />\n                </div>\n            ";
+          _mount4 = mount(Demo), instance = _mount4[0], element = _mount4[1];
+          expect(element.innerHTML).to.matchSnapshot();
+          instance.set('show', true);
+          _context6.next = 7;
+          return wait();
+        case 7:
+          expect(element.innerHTML).to.matchSnapshot();
+        case 8:
+        case "end":
+          return _context6.stop();
       }
     }, _callee4);
   })));

package/components/scrollSelect/index.vdt.js

@@ -4,27 +4,24 @@ import { makeStyles } from './styles';
 import { getRestProps } from '../utils';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
-
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
-
   var _this$get = this.get(),
-      value = _this$get.value,
-      disabled = _this$get.disabled,
-      disable = _this$get.disable;
-
+    value = _this$get.value,
+    disabled = _this$get.disabled,
+    disable = _this$get.disable;
   var classNameObj = (_classNameObj = {
     'k-scroll-select': true,
     'k-dragging': this.mouseEvents.dragging.value,
     'k-disabled': disabled
   }, _classNameObj[makeStyles()] = true, _classNameObj);
   var _this$mouseEvents = this.mouseEvents,
-      onStart = _this$mouseEvents.onStart,
-      onWheel = _this$mouseEvents.onWheel,
-      onClick = _this$mouseEvents.onClick;
+    onStart = _this$mouseEvents.onStart,
+    onWheel = _this$mouseEvents.onWheel,
+    onClick = _this$mouseEvents.onClick;
   return _$cv('div', _extends({}, getRestProps(this), {
     'className': _$cn(classNameObj)
   }), [_$ce(2, 'div', _$ma(this.list.data.value, function ($value, $key) {
@@ -46,11 +43,9 @@ export default function ($props, $blocks, $__proto__) {
     return null;
   }, __$blocks['append'] = function ($super, data) {
     var block = $blocks['append'];
-
     var callBlock = function callBlock() {
       return _$blocks['append'].call($this, $super, data);
     };
-
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['append'](_$no)), 0, 'k-scroll-select-append') : undefined, _$ce(2, 'div', null, 1, 'k-scroll-select-border')]);
 }

package/components/scrollSelect/styles.js

@@ -6,29 +6,22 @@ var defaults = {
   get transition() {
     return theme.transition.middle;
   },
-
   height: "125px",
   item: {
     height: "30px",
-
     get color() {
       return theme.color.text;
     },
-
     get activeColor() {
       return theme.color.primary;
     },
-
     get hoverBgColor() {
       return theme.color.bg;
     },
-
     activeFontSize: "1.1em",
-
     get disabledColor() {
       return theme.color.disabled;
     },
-
     border: "1px solid #e5e5e5"
   }
 };

package/components/scrollSelect/useList.js

@@ -6,58 +6,45 @@ export function useList() {
   var instance = useInstance();
   var value = useState(instance.get('value'));
   var list = useState([]);
-
   function generateList() {
     var _instance$get = instance.get(),
-        data = _instance$get.data,
-        count = _instance$get.count;
-
+      data = _instance$get.data,
+      count = _instance$get.count;
     if (isFunction(data)) {
       data = data(value.value);
     }
-
     var index = _findIndexInstanceProperty(data).call(data, function (item) {
       return item.value === value.value;
     });
-
     if (index < 0) {
       index = 0;
       setValue(data[0].value, false);
     }
-
     var length = data.length;
     var half = Math.floor(count / 2);
     var _list = [];
-
     for (var i = 0; i < count; i++) {
       _list.push(data[((index - half + i) % length + length) % length]);
     }
-
     list.set(_list);
   }
-
   function setValue(v, generate) {
     var oldValue = value.value;
     value.set(v);
-
     if (oldValue !== v) {
       updateValue(v, generate);
     }
   }
-
   function updateValue(v, generate) {
     var _instance$get2 = instance.get(),
-        disable = _instance$get2.disable;
-
+      disable = _instance$get2.disable;
     if (!disable || !disable(v)) {
       instance.set('value', v);
     }
-
     if (generate) {
       generateList();
     }
   }
-
   instance.on('$receive:value', function (v) {
     return setValue(v, true);
   });
@@ -67,7 +54,6 @@ export function useList() {
   instance.on('$receive:disable', function () {
     var oldValue = instance.get('value');
     var _value = value.value;
-
     if (_value !== oldValue) {
       updateValue(_value, true);
     }