@king-design/vue 3.1.4-beta.2 → 3.1.5

package/components/rate/index.vdt.js

@@ -9,59 +9,46 @@ 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 k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-rate"] = true, _classNameObj[k + "-disabled"] = disabled, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
   var icon = (_$blocks['icon'] = function ($super) {
     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 = {}, _$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

@@ -5,15 +5,12 @@ import '../../styles/global';
 import { cache } from '../utils';
 var defaults = {
   color: '#ccc',
-
   get transition() {
     return theme.transition.middle;
   },
-
   get activeColor() {
     return theme.color.warning;
   },
-
   iconFontSize: '24px',
   item: {
     gap: '8px',
@@ -25,7 +22,7 @@ setDefault(function () {
   rate = deepDefaults(theme, {
     rate: defaults
   }).rate;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("display:inline-block;.", k, "-rate-item{display:inline-block;margin-right:", rate.item.gap, ";cursor:pointer;position:relative;color:", rate.color, ";transition:all ", rate.transition, ";&:hover{transform:", rate.item.hoverTransform, ";}&.", k, "-full{color:", rate.activeColor, ";}&.", k, "-half{.", k, "-rate-first{color:", rate.activeColor, ";}}}.", k, "-rate-first{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;}.", k, "-icon{font-size:", rate.iconFontSize, ";color:inherit;}&.", k, "-disabled{.", k, "-rate-item{cursor:default;&:hover{transform:none;}}}");

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-vue-next').Template<any>;
     static typeDefs: Required<TypeDefs<ScrollSelectProps<any>>>;

package/components/scrollSelect/index.js

@@ -13,26 +13,20 @@ 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();
@@ -40,7 +34,6 @@ export var ScrollSelect = /*#__PURE__*/function (_Component) {
     _this.config = useConfigContext();
     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,29 +4,25 @@ 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 k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-scroll-select"] = true, _classNameObj[k + "-dragging"] = this.mouseEvents.dragging.value, _classNameObj[k + "-disabled"] = disabled, _classNameObj[makeStyles(k)] = 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) {
     var _$cn2;
-
     return _$ce(2, 'div', $value.label, 0, _$cn((_$cn2 = {}, _$cn2[k + "-scroll-select-item"] = true, _$cn2[k + "-active"] = $value.value === value, _$cn2[k + "-disabled"] = disabled || disable && disable.call(this, $value.value), _$cn2)), {
       'ev-click': !disabled ? onClick.bind(this, $value, $key) : null
     });
@@ -41,11 +37,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, _$cn(k + "-scroll-select-append")) : undefined, _$ce(2, 'div', null, 1, _$cn(k + "-scroll-select-border"))]);
 }

package/components/scrollSelect/styles.js

@@ -7,29 +7,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.3em",
-
     get disabledColor() {
       return theme.color.disabled;
     },
-
     border: "1px solid #e5e5e5"
   }
 };
@@ -38,7 +31,7 @@ setDefault(function () {
   scrollSelect = deepDefaults(theme, {
     scrollSelect: defaults
   }).scrollSelect;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
 });
 export { scrollSelect };
 export var makeStyles = cache(function makeStyles(k) {

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);
     }