@king-design/vue 2.1.4 → 2.1.5

package/components/rate/index.vdt.js

@@ -9,21 +9,24 @@ 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
@@ -32,27 +35,37 @@ 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,12 +4,15 @@ 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,24 +8,29 @@ 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 type DataItem<T = any> = {
+export declare type DataItem<T = any> = {
     value: T;
     label: Children;
 };
-type Data<T> = DataItem<T>[] | ((v: T) => DataItem<T>[]);
+declare 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,26 +12,33 @@ 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,128 +13,159 @@ 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];
+      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;
               }
-              _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;
+
+              Demo.defaults = function defaults() {
                 return {
-                  label: year + "\u5E74",
-                  value: year
+                  value: 2018,
+                  show: false
                 };
-              });
-            };
-            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();
+              };
+
+              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();
+        }
       }
     }, _callee4);
   })));

package/components/scrollSelect/index.vdt.js

@@ -4,24 +4,27 @@ 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) {
@@ -43,9 +46,11 @@ 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,22 +6,29 @@ 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,45 +6,58 @@ 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);
   });
@@ -54,6 +67,7 @@ export function useList() {
   instance.on('$receive:disable', function () {
     var oldValue = instance.get('value');
     var _value = value.value;
+
     if (_value !== oldValue) {
       updateValue(_value, true);
     }