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

package/components/cascader/index.vdt.js

@@ -8,31 +8,26 @@ import { _$ } from '../../i18n';
 import { makeMenuStyles, makeFilterMenuStyles } from './styles';
 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,
-      multiple = _this$get.multiple;
-
+    data = _this$get.data,
+    trigger = _this$get.trigger,
+    filterable = _this$get.filterable,
+    fields = _this$get.fields,
+    multiple = _this$get.multiple;
   var k = this.config.k;
   var baseMenuStyles = makeMenuStyles(k);
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-cascader-menu"] = true, _classNameObj[makeMenuStyles(k)] = 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) {
@@ -44,16 +39,13 @@ export default function ($props, $blocks, $__proto__) {
         return _$ce(2, 'div', _$('无数据'), 0, _$cn(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() {
         var _$cn2;
-
         return _$cc(DropdownItem, {
           'disabled': getField(item, 'disabled'),
           'className': _$cn((_$cn2 = {}, _$cn2[k + "-cascader-option"] = true, _$cn2[k + "-active"] = showed, _$cn2[k + "-selected"] = selected, _$cn2)),
@@ -64,7 +56,6 @@ export default function ($props, $blocks, $__proto__) {
           }) : undefined]
         });
       };
-
       return children ? _$cc(Dropdown, {
         'position': _this.positionObj,
         'of': 'parent',
@@ -80,21 +71,17 @@ 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, {
     'className': _$cn(k + "-cascader")
   }, function ($blocks) {
     var _$blocks = {},
-        __$blocks = _$ex({}, $blocks);
-
+      __$blocks = _$ex({}, $blocks);
     return (_$blocks['base-menu'] = function ($super) {
       var _$cn3;
-
       return !filterable || !keywords ? _$cc(DropdownMenu, {
         'className': _$cn(classNameObj),
         'key': 'common',
@@ -114,16 +101,13 @@ 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;
                 });
               }()
@@ -133,11 +117,9 @@ 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

@@ -9,30 +9,24 @@ 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'
   }
@@ -42,8 +36,8 @@ setDefault(function () {
   cascader = deepDefaults(theme, {
     cascader: defaults
   }).cascader;
-  makeMenuStyles == null ? void 0 : makeMenuStyles.clearCache();
-  makeFilterMenuStyles == null ? void 0 : makeFilterMenuStyles.clearCache();
+  makeMenuStyles == null || makeMenuStyles.clearCache();
+  makeFilterMenuStyles == null || makeFilterMenuStyles.clearCache();
 });
 export var makeMenuStyles = cache(function makeMenuStyles(k) {
   return /*#__PURE__*/css("min-width:", cascader.width, "!important;height:", cascader.height, ";overflow:auto;.", k, "-cascader-arrow{float:right;height:100%;margin-left:", cascader.arrowGap, ";line-height:inherit;}.", k, "-cascader-loading{display:block;text-align:center;margin-top:", cascader.loadingGap, ";}.", k, "-cascader-empty{padding:", cascader.empty.padding, ";color:", cascader.empty.color, ";text-align:center;}.", k, "-cascader-option{&.", k, "-selected{color:", cascader.selectedColor, ";}&.", k, "-active{background:", cascader.activeBgColor, ";}}");

package/components/cascader/useFields.js

@@ -3,16 +3,13 @@ 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,46 +5,33 @@ 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) {
@@ -53,19 +40,15 @@ 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,35 +2,27 @@ 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,52 +3,39 @@ 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 declare type Value = string[];
-declare type Values = Value[];
+export type Value = string[];
+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,16 +7,14 @@ 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 {
@@ -25,7 +23,6 @@ export function useValue() {
   });
   watchState(values, function (values, oldValue) {
     if (isEqualArray(values, oldValue)) return;
-
     if (!instance.get('multiple')) {
       instance.set({
         value: values[0]
@@ -41,42 +38,30 @@ 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);
@@ -84,25 +69,20 @@ 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);
-
+    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;
@@ -111,7 +91,6 @@ export function useValue() {
       values.set([newValue]);
     }
   }
-
   return {
     values: values,
     isShowed: isShowed,

package/components/checkbox/index.js

@@ -15,60 +15,46 @@ 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();
     _this.config = useConfigContext();
     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);
@@ -81,20 +67,16 @@ 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 {
@@ -103,20 +85,16 @@ 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);