@king-design/vue 2.1.4 → 2.1.6

package/components/cascader/index.vdt.js

@@ -18,26 +18,31 @@ var _$tmp2 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj,
-    _this = this;
+      _this = this;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+
   var _this$get = this.get(),
-    data = _this$get.data,
-    trigger = _this$get.trigger,
-    filterable = _this$get.filterable,
-    fields = _this$get.fields;
+      data = _this$get.data,
+      trigger = _this$get.trigger,
+      filterable = _this$get.filterable,
+      fields = _this$get.fields;
+
   var baseMenuStyles = makeMenuStyles();
   var classNameObj = (_classNameObj = {
     'k-cascader-menu': true
   }, _classNameObj[baseMenuStyles] = true, _classNameObj);
   var getField = this.fields;
+
   var _this$value = this.value,
-    values = _valuesInstanceProperty(_this$value),
-    isShowed = _this$value.isShowed,
-    isSelected = _this$value.isSelected,
-    onSelect = _this$value.onSelect,
-    toggleShowedValue = _this$value.toggleShowedValue;
+      values = _valuesInstanceProperty(_this$value),
+      isShowed = _this$value.isShowed,
+      isSelected = _this$value.isSelected,
+      onSelect = _this$value.onSelect,
+      toggleShowedValue = _this$value.toggleShowedValue;
+
   var Options = function Options(data, level, loaded, parentSelected) {
     if (!data.length) {
       if (!loaded) {
@@ -46,11 +51,13 @@ export default function ($props, $blocks, $__proto__) {
         return _$ce(2, 'div', _$('无数据'), 0, 'k-cascader-empty');
       }
     }
+
     return _mapInstanceProperty(data).call(data, function (item, index) {
       var value = getField(item, 'value');
       var showed = isShowed(value, level);
       var selected = parentSelected && isSelected(value, level);
       var children = getField(item, 'children');
+
       var Item = function Item() {
         return _$cc(DropdownItem, {
           'disabled': getField(item, 'disabled'),
@@ -63,6 +70,7 @@ export default function ($props, $blocks, $__proto__) {
           'children': [getField(item, 'label'), children ? _$cc(Icon, _$tmp1) : undefined]
         });
       };
+
       return children ? _$cc(Dropdown, {
         'position': _this.positionObj,
         'of': 'parent',
@@ -78,15 +86,19 @@ export default function ($props, $blocks, $__proto__) {
       }) : Item();
     });
   };
+
   var _this$filterable = this.filterable,
-    filter = _filterInstanceProperty(_this$filterable),
-    keywords = _this$filterable.keywords.value,
-    selectByFilter = _this$filterable.selectByFilter;
+      filter = _filterInstanceProperty(_this$filterable),
+      keywords = _this$filterable.keywords.value,
+      selectByFilter = _this$filterable.selectByFilter;
+
   return _$su.call($this, _$tmp2, function ($blocks) {
     var _$blocks = {},
-      __$blocks = _$ex({}, $blocks);
+        __$blocks = _$ex({}, $blocks);
+
     return (_$blocks['base-menu'] = function ($super) {
       var _$cn2;
+
       return !filterable || !keywords ? _$cc(DropdownMenu, {
         'className': _$cn(classNameObj),
         'key': 'common',
@@ -108,13 +120,16 @@ export default function ($props, $blocks, $__proto__) {
                 var label = _mapInstanceProperty($value).call($value, function (item) {
                   return getField(item, 'label');
                 }).join(' / ');
+
                 var labels = label.split(keywords);
                 var length = labels.length;
                 return _mapInstanceProperty(labels).call(labels, function (item, index) {
                   var ret = [item];
+
                   if (index !== length - 1) {
                     ret.push(_$ce(2, 'em', keywords, 0));
                   }
+
                   return ret;
                 });
               }()
@@ -124,9 +139,11 @@ export default function ($props, $blocks, $__proto__) {
       }, 'filter');
     }, __$blocks['base-menu'] = function ($super, data) {
       var block = $blocks['base-menu'];
+
       var callBlock = function callBlock() {
         return _$blocks['base-menu'].call($this, $super, data);
       };
+
       return block ? block.call($this, callBlock, data) : callBlock();
     }), __$blocks;
   }.call($this, $blocks), $__proto__);

package/components/cascader/styles.js

@@ -8,24 +8,30 @@ var defaults = {
   height: '160px',
   loadingGap: '20px',
   arrowGap: '8px',
+
   get selectedColor() {
     return theme.color.primary;
   },
+
   get activeBgColor() {
     return theme.color.bg;
   },
+
   // empty
   empty: {
     padding: "16px",
+
     get color() {
       return theme.color.placeholder;
     }
+
   },
   // filter
   filter: {
     get highlightColor() {
       return theme.color.danger;
     },
+
     minWidth: '300px',
     maxHeight: '200px'
   }

package/components/cascader/useFields.js

@@ -3,13 +3,16 @@ export function useFields() {
   var instance = useInstance();
   return function getField(data, key) {
     var _instance$get = instance.get(),
-      fields = _instance$get.fields;
+        fields = _instance$get.fields;
+
     if (fields) {
       var field = fields[key];
+
       if (field) {
         return data[field];
       }
     }
+
     return data[key];
   };
 }

package/components/cascader/useFilterable.js

@@ -5,33 +5,46 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import { useInstance } from 'intact-vue-next';
 export function useFilterable(keywords, setValue, getField) {
   var instance = useInstance();
+
   function filter() {
     var ret = [];
+
     var _instance$get = instance.get(),
-      data = _instance$get.data,
-      filter = _filterInstanceProperty(_instance$get);
+        data = _instance$get.data,
+        filter = _filterInstanceProperty(_instance$get);
+
     if (!filter) {
       filter = function filter(keywords, data) {
         var _context;
+
         return _includesInstanceProperty(_context = getField(data, 'label')).call(_context, keywords);
       };
     }
+
     var loop = function loop(data, prefix, valid, disabled) {
       if (prefix === void 0) {
         prefix = [];
       }
+
       if (valid === void 0) {
         valid = false;
       }
+
       if (disabled === void 0) {
         disabled = false;
       }
+
       data.forEach(function (item) {
         var _valid = valid || filter(keywords.value, item);
+
         var _disabled = disabled || getField(item, 'disabled');
+
         var _prefix = _sliceInstanceProperty(prefix).call(prefix, 0);
+
         _prefix.push(item);
+
         var children = getField(item, 'children');
+
         if (children) {
           loop(children, _prefix, _valid, _disabled);
         } else if (_valid) {
@@ -40,15 +53,19 @@ export function useFilterable(keywords, setValue, getField) {
         }
       });
     };
+
     loop(data);
     return ret;
   }
+
   function selectByFilter(data) {
     var value = _mapInstanceProperty(data).call(data, function (item) {
       return getField(item, 'value');
     });
+
     setValue(value);
   }
+
   return {
     filter: filter,
     selectByFilter: selectByFilter,

package/components/cascader/useLabel.js

@@ -2,27 +2,35 @@ import { useInstance } from 'intact-vue-next';
 import { useBaseLabel } from '../select/useBaseLabel';
 export function useLabel(getField) {
   var instance = useInstance();
+
   function findLabel(data, value) {
     var _instance$get = instance.get(),
-      format = _instance$get.format;
+        format = _instance$get.format;
+
     var labels = [];
     var length = value.length;
+
     var loop = function loop(data, level) {
       if (level === length) return;
+
       for (var i = 0; i < data.length; i++) {
         var item = data[i];
+
         if (getField(item, 'value') === value[level]) {
           labels.push(getField(item, 'label'));
           var children = getField(item, 'children');
+
           if (children) {
             loop(children, level + 1);
           }
         }
       }
     };
+
     loop(data, 0);
     return labels.length ? format(labels) : null;
   }
+
   return useBaseLabel(function () {
     return instance.get('data');
   }, findLabel);

package/components/cascader/useLoad.js

@@ -3,39 +3,52 @@ import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import { useInstance } from 'intact-vue-next';
 export function useLoad(getField) {
   var instance = useInstance();
+
   function loadData(_x) {
     return _loadData.apply(this, arguments);
   }
+
   function _loadData() {
     _loadData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(item) {
       var _instance$get, loadData, children;
+
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _instance$get = instance.get(), loadData = _instance$get.loadData;
-            if (loadData) {
-              _context.next = 3;
-              break;
-            }
-            return _context.abrupt("return");
-          case 3:
-            children = getField(item, 'children');
-            if (!(children && !children.length && !item.loaded)) {
-              _context.next = 9;
-              break;
-            }
-            _context.next = 7;
-            return loadData(item);
-          case 7:
-            item.loaded = true;
-            instance.forceUpdate();
-          case 9:
-          case "end":
-            return _context.stop();
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _instance$get = instance.get(), loadData = _instance$get.loadData;
+
+              if (loadData) {
+                _context.next = 3;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 3:
+              children = getField(item, 'children');
+
+              if (!(children && !children.length && !item.loaded)) {
+                _context.next = 9;
+                break;
+              }
+
+              _context.next = 7;
+              return loadData(item);
+
+            case 7:
+              item.loaded = true;
+              instance.forceUpdate();
+
+            case 9:
+            case "end":
+              return _context.stop();
+          }
         }
       }, _callee);
     }));
     return _loadData.apply(this, arguments);
   }
+
   return loadData;
 }

package/components/cascader/useValue.d.ts

@@ -1,5 +1,5 @@
-export type Value = string[];
-type Values = Value[];
+export declare type Value = string[];
+declare type Values = Value[];
 export declare function useValue(): {
     values: import("../../hooks/useState").State<Values>;
     isShowed: (value: string, level: number) => boolean;

package/components/cascader/useValue.js

@@ -7,14 +7,16 @@ import { useState, watchState } from '../../hooks/useState';
 import { isNullOrUndefined } from 'intact-shared';
 import { isEqualArray, last } from '../utils';
 export function useValue() {
-  var instance = useInstance();
-  // Normalize the value to multipe values, no matter it's multipe or not
+  var instance = useInstance(); // Normalize the value to multipe values, no matter it's multipe or not
+
   var values = useState([]);
   var showedValue = useState([]);
   instance.watch('value', function (value, oldValue) {
     var _instance$get = instance.get(),
-      multiple = _instance$get.multiple;
+        multiple = _instance$get.multiple;
+
     if (isNullOrUndefined(value)) return values.set([]);
+
     if (multiple) {
       values.set(value);
     } else {
@@ -23,6 +25,7 @@ export function useValue() {
   });
   watchState(values, function (values, oldValue) {
     if (isEqualArray(values, oldValue)) return;
+
     if (!instance.get('multiple')) {
       instance.set({
         value: values[0]
@@ -38,30 +41,42 @@ export function useValue() {
       showedValue.set(last(values.value) || []);
     }
   });
+
   function isShowed(value, level) {
     return showedValue.value[level] === value;
   }
+
   function isSelected(value, level) {
     var _context;
+
     return _findIndexInstanceProperty(_context = values.value).call(_context, function (_value) {
       return _value[level] === value;
     }) > -1;
   }
+
   function onSubDropdownShow(value, level) {
     var _context2;
+
     var _value = _sliceInstanceProperty(_context2 = showedValue.value).call(_context2, 0, level);
+
     _value[level] = value;
     showedValue.set(_value);
+
     if (instance.get('changeOnSelect')) {
       onSelect(value, level);
     }
   }
+
   function onSubDropdownHide(value, level) {
     var _context3;
+
     if (showedValue.value[level] !== value) return;
+
     var _value = _sliceInstanceProperty(_context3 = showedValue.value).call(_context3, 0, level);
+
     showedValue.set(_value);
   }
+
   function toggleShowedValue(value, level, showed) {
     if (showed) {
       onSubDropdownShow(value, level);
@@ -69,20 +84,25 @@ export function useValue() {
       onSubDropdownHide(value, level);
     }
   }
+
   function onSelect(value, level) {
     var _context4;
+
     // maybe the showedValue has the leaf value when we set it on show menu,
     // if we select by clicking, the showedValue has not the leaf value,
     // no matter which case, we set the last value by level
     var newValue = _sliceInstanceProperty(_context4 = showedValue.value).call(_context4, 0, level);
+
     newValue[level] = value;
     setValue(newValue);
   }
+
   function setValue(newValue) {
     if (instance.get('multiple')) {
       var _context5;
-      var oldValue = values.value;
-      // ignore the same value
+
+      var oldValue = values.value; // ignore the same value
+
       if (_findInstanceProperty(oldValue).call(oldValue, function (value) {
         return isEqualArray(value, newValue);
       })) return;
@@ -91,6 +111,7 @@ export function useValue() {
       values.set([newValue]);
     }
   }
+
   return {
     values: values,
     isShowed: isShowed,

package/components/checkbox/index.js

@@ -14,45 +14,59 @@ var typeDefs = {
   falseValue: null,
   indeterminate: Boolean
 };
+
 var defaults = function defaults() {
   return {
     trueValue: true,
     falseValue: false
   };
 };
+
 var events = {
   click: true,
   change: true
 };
 export var Checkbox = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Checkbox, _Component);
+
   function Checkbox() {
     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.inputRef = createRef();
     return _this;
   }
+
   var _proto = Checkbox.prototype;
+
   _proto.isChecked = function isChecked() {
     var _this$get = this.get(),
-      value = _this$get.value,
-      trueValue = _this$get.trueValue;
+        value = _this$get.value,
+        trueValue = _this$get.trueValue;
+
     return isArray(value) ? value.indexOf(trueValue) > -1 : value === trueValue;
   };
+
   _proto.setCheckboxModel = function setCheckboxModel(event) {
     var _event$target;
+
     var _this$get2 = this.get(),
-      trueValue = _this$get2.trueValue,
-      falseValue = _this$get2.falseValue;
+        trueValue = _this$get2.trueValue,
+        falseValue = _this$get2.falseValue;
+
     var checked = (_event$target = event.target) == null ? void 0 : _event$target.checked;
     var value = this.get('value');
+
     if (isArray(value)) {
       value = _sliceInstanceProperty(value).call(value, 0);
       var index = value.indexOf(trueValue);
+
       if (checked) {
         if (index === -1) {
           value.push(trueValue);
@@ -65,16 +79,20 @@ export var Checkbox = /*#__PURE__*/function (_Component) {
     } else {
       value = checked ? trueValue : falseValue;
     }
+
     this.set('value', value);
   };
+
   _proto.onClick = function onClick(e) {
     // ignore the click event from label, otherwise it will trigger click event twice
     if (e.target !== this.inputRef.value) {
       e.stopPropagation();
       return;
     }
+
     var _this$get3 = this.get(),
-      disabled = _this$get3.disabled;
+        disabled = _this$get3.disabled;
+
     if (disabled) {
       this.trigger('click', e);
     } else {
@@ -83,16 +101,20 @@ export var Checkbox = /*#__PURE__*/function (_Component) {
       this.trigger('change', this.get('value'), e);
     }
   };
+
   _proto.onKeypress = function onKeypress(e) {
     if (e.keyCode === 13 || e.key === 'Enter') {
       this.inputRef.value.click();
     }
   };
+
   return Checkbox;
 }(Component);
 Checkbox.template = template;
 Checkbox.typeDefs = typeDefs;
 Checkbox.defaults = defaults;
 Checkbox.events = events;
+
 __decorate([bind], Checkbox.prototype, "onClick", null);
+
 __decorate([bind], Checkbox.prototype, "onKeypress", null);