@king-design/vue 2.1.2 → 2.1.4

package/components/transfer/index.vdt.js

@@ -10,41 +10,35 @@ import { Button } from '../button';
 import { Tree } from '../tree';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj,
-      _this = this;
-
+    _this = this;
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
-
   var _this$get = this.get(),
-      data = _this$get.data,
-      className = _this$get.className,
-      keyName = _this$get.keyName,
-      labelName = _this$get.labelName,
-      filterable = _this$get.filterable,
-      filter = _filterInstanceProperty(_this$get),
-      placeholder = _this$get.placeholder;
-
+    data = _this$get.data,
+    className = _this$get.className,
+    keyName = _this$get.keyName,
+    labelName = _this$get.labelName,
+    filterable = _this$get.filterable,
+    filter = _filterInstanceProperty(_this$get),
+    placeholder = _this$get.placeholder;
   var getShowedData = _filterInstanceProperty(this).getShowedData;
-
   var _this$transfer = this.transfer,
-      enableAdd = _this$transfer.enableAdd,
-      enableRemove = _this$transfer.enableRemove,
-      add = _this$transfer.add,
-      remove = _this$transfer.remove;
+    enableAdd = _this$transfer.enableAdd,
+    enableRemove = _this$transfer.enableRemove,
+    add = _this$transfer.add,
+    remove = _this$transfer.remove;
   var _this$check = this.check,
-      isCheckAll = _this$check.isCheckAll,
-      toggleCheckAll = _this$check.toggleCheckAll,
-      onCheckboxChange = _this$check.onCheckboxChange;
+    isCheckAll = _this$check.isCheckAll,
+    toggleCheckAll = _this$check.toggleCheckAll,
+    onCheckboxChange = _this$check.onCheckboxChange;
   var classNameObj = (_classNameObj = {
     'k-transfer': true
   }, _classNameObj[className] = className, _classNameObj[makeStyles()] = true, _classNameObj);
-
   var Panel = function Panel(model) {
     var title = _this.get(model + "Title");
-
     var data = getShowedData(model);
     return _$ce(2, 'div', [_$ce(2, 'div', (_$blocks['header'] = function ($super) {
       return [_$ce(2, 'div', [this.get(model + "CheckedKeys.length"), _$ct(' /\n                    '), data.length], 0, 'k-transfer-count'), _$cc(Checkbox, {
@@ -55,11 +49,9 @@ export default function ($props, $blocks, $__proto__) {
       })];
     }, __$blocks['header'] = function ($super, data) {
       var block = $blocks['header'];
-
       var callBlock = function callBlock() {
         return _$blocks['header'].call($this, $super, data);
       };
-
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['header'](_$no, model)), 0, 'k-transfer-title'), filterable ? (_$blocks['filter'] = function ($super) {
       return _$cc(Input, {
@@ -68,17 +60,14 @@ export default function ($props, $blocks, $__proto__) {
         'size': 'small',
         '$blocks': function ($blocks) {
           var _$blocks = {},
-              __$blocks = _$ex({}, $blocks);
-
+            __$blocks = _$ex({}, $blocks);
           return (_$blocks['prefix'] = function ($super) {
             return _$ce(2, 'i', null, 1, 'ion-ios-search');
           }, __$blocks['prefix'] = function ($super, data) {
             var block = $blocks['prefix'];
-
             var callBlock = function callBlock() {
               return _$blocks['prefix'].call($this, $super, data);
             };
-
             return block ? block.call($this, callBlock, data) : callBlock();
           }), __$blocks;
         }.call($this, _$em),
@@ -89,11 +78,9 @@ export default function ($props, $blocks, $__proto__) {
       });
     }, __$blocks['filter'] = function ($super, data) {
       var block = _filterInstanceProperty($blocks);
-
       var callBlock = function callBlock() {
         return _filterInstanceProperty(_$blocks).call($this, $super, data);
       };
-
       return block ? block.call($this, callBlock, data) : callBlock();
     }, _filterInstanceProperty(__$blocks).call(__$blocks, _$no, model)) : undefined, _$ce(2, 'div', (_$blocks['list'] = function ($super) {
       return _$cc(TransitionGroup, {
@@ -108,11 +95,9 @@ export default function ($props, $blocks, $__proto__) {
               return $value[labelName];
             }, __$blocks['label'] = function ($super, data) {
               var block = $blocks['label'];
-
               var callBlock = function callBlock() {
                 return _$blocks['label'].call($this, $super, data);
               };
-
               return block ? block.call($this, callBlock, data) : callBlock();
             }, __$blocks['label'](_$no, [$value, $key, model])),
             'ev-$model:value': function ev$modelValue($v) {
@@ -127,15 +112,12 @@ export default function ($props, $blocks, $__proto__) {
       });
     }, __$blocks['list'] = function ($super, data) {
       var block = $blocks['list'];
-
       var callBlock = function callBlock() {
         return _$blocks['list'].call($this, $super, data);
       };
-
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['list'](_$no, model)), 0, 'k-transfer-list')], 0, 'k-transfer-panel');
   };
-
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this)), [Panel('left'), _$ce(2, 'div', [_$cc(Button, {

package/components/transfer/styles.js

@@ -9,48 +9,38 @@ var defaults = {
   panel: {
     width: '250px',
     height: '350px',
-
     get border() {
       return "1px solid " + theme.color.border;
     },
-
     get borderRadius() {
       return theme.borderRadius;
     }
-
   },
   title: {
     lineHeight: '40px',
     fontSize: '14px',
     padding: '0 16px',
-
     get color() {
       return theme.color.title;
     },
-
     get bgColor() {
       return theme.color.bg;
     },
-
     countGap: '8px'
   },
   item: {
     get color() {
       return theme.color.text;
     },
-
     get hoverColor() {
       return theme.color.primary;
     },
-
     bgColor: '#fff',
     hoverBgColor: 'transparent',
     padding: '7px 16px',
-
     get descColor() {
       return theme.color.lightBlack;
     }
-
   },
   arrow: {
     gap: '16px 10px'

package/components/transfer/useCheck.d.ts

@@ -1,5 +1,5 @@
 import type { useFilter, Model } from './useFilter';
-export declare type CheckedKeys = `leftCheckedKeys` | `rightCheckedKeys`;
+export type CheckedKeys = `leftCheckedKeys` | `rightCheckedKeys`;
 export declare function useCheck({ getEnabledData, getShowedData }: ReturnType<typeof useFilter>): {
     isCheckAll: (model: Model) => boolean | 0;
     toggleCheckAll: (model: Model, e: MouseEvent) => void;

package/components/transfer/useCheck.js

@@ -4,27 +4,23 @@ import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/spl
 import { useInstance } from 'intact-vue-next';
 export function useCheck(_ref) {
   var getEnabledData = _ref.getEnabledData,
-      getShowedData = _ref.getShowedData;
+    getShowedData = _ref.getShowedData;
   var instance = useInstance();
   var startIndex = undefined;
   var endIndex = undefined;
   var checked = false;
-
   function selectAll(model) {
     var _context;
-
     var keyName = instance.get('keyName');
     instance.set(model + "CheckedKeys", _mapInstanceProperty(_context = getEnabledData(model)).call(_context, function (item) {
       return item[keyName];
     }));
   }
-
   function isCheckAll(model) {
     var checked = instance.get(model + "CheckedKeys");
     var data = getEnabledData(model);
     return data.length && checked.length >= data.length;
   }
-
   function toggleCheckAll(model, e) {
     if (e.target.checked) {
       selectAll(model);
@@ -32,7 +28,6 @@ export function useCheck(_ref) {
       instance.set(model + "CheckedKeys", []);
     }
   }
-
   function onCheckboxChange(model, index, e) {
     if (startIndex === undefined || !e.shiftKey) {
       startIndex = index;
@@ -40,23 +35,17 @@ export function useCheck(_ref) {
       checked = e.target.checked;
     } else if (e.shiftKey) {
       var _context2;
-
       e.preventDefault();
       var values = getShowedData(model);
-
       var checkedKeys = _sliceInstanceProperty(_context2 = instance.get(model + "CheckedKeys")).call(_context2, 0);
-
       var lastEndIndex = endIndex;
       var keyName = instance.get('keyName');
       endIndex = index;
-
       var update = function update(data, isCheck) {
         data.forEach(function (item) {
           if (!item.disabled) {
             var key = item[keyName];
-
             var _index = checkedKeys.indexOf(key);
-
             if (isCheck) {
               if (!~_index) {
                 checkedKeys.push(key);
@@ -69,18 +58,15 @@ export function useCheck(_ref) {
           }
         });
       };
-
       if (lastEndIndex !== undefined) {
         // if exists lastEndIndex, we reset the last result
         // and set it again
         update(_sliceInstanceProperty(values).call(values, Math.min(index, lastEndIndex), Math.max(index, lastEndIndex) + 1), !checked);
       }
-
       update(_sliceInstanceProperty(values).call(values, Math.min(index, startIndex), Math.max(index, startIndex) + 1), checked);
       instance.set(model + "CheckedKeys", checkedKeys);
     }
   }
-
   return {
     isCheckAll: isCheckAll,
     toggleCheckAll: toggleCheckAll,

package/components/transfer/useFilter.d.ts

@@ -1,5 +1,5 @@
 import { State } from '../../hooks/useState';
-export declare type Model = 'left' | 'right';
+export type Model = 'left' | 'right';
 export declare function useFilter(rightData: State<any[]>): {
     getFilterData: (model: Model) => any[];
     getShowedData: (model: Model) => any[];

package/components/transfer/useFilter.js

@@ -10,33 +10,28 @@ export function useFilter(rightData) {
       });
     } else {
       var _instance$get = instance.get(),
-          keyName = _instance$get.keyName,
-          data = _instance$get.data;
-
+        keyName = _instance$get.keyName,
+        data = _instance$get.data;
       var _data = _filterInstanceProperty(data).call(data, function (item) {
         return ~v.indexOf(item[keyName]);
       });
-
       rightData.set(_data);
     }
-  }); // only change the left status, reserve the right status
-
+  });
+  // only change the left status, reserve the right status
   instance.on('$receive:data', function (v) {
     if (!v || !v.length) {
       instance.set('leftCheckedKeys', []);
     } else {
       var _instance$get2 = instance.get(),
-          leftCheckedKeys = _instance$get2.leftCheckedKeys,
-          keyName = _instance$get2.keyName;
-
+        leftCheckedKeys = _instance$get2.leftCheckedKeys,
+        keyName = _instance$get2.keyName;
       var allKeys = v.reduce(function (memo, item) {
         memo[item[keyName]] = true;
         return memo;
       }, {});
-
       var fix = function fix(keys) {
         var ret = [];
-
         if (keys) {
           keys.forEach(function (key) {
             if (allKeys[key]) {
@@ -44,65 +39,49 @@ export function useFilter(rightData) {
             }
           });
         }
-
         return ret;
       };
-
       instance.set('leftCheckedKeys', fix(leftCheckedKeys));
     }
   });
-
   function getFilterData(model) {
     var data;
-
     if (model === 'left') {
       var _context;
-
       var _instance$get3 = instance.get(),
-          value = _instance$get3.value,
-          keyName = _instance$get3.keyName;
-
+        value = _instance$get3.value,
+        keyName = _instance$get3.keyName;
       data = _filterInstanceProperty(_context = instance.get('data')).call(_context, function (item) {
         return !~value.indexOf(item[keyName]);
       });
     } else {
       data = rightData.value;
     }
-
     return data;
   }
-
   function getShowedData(model) {
     var data = getFilterData(model);
     var keywords = instance.get(model + "Keywords");
-
     if (instance.get('filterable') && keywords) {
       var filter = instance.get('filter') || defaultFilter;
       data = _filterInstanceProperty(data).call(data, function (item) {
         return filter(item, keywords);
       });
     }
-
     return data;
   }
-
   function getEnabledData(model) {
     var _context2;
-
     return _filterInstanceProperty(_context2 = getShowedData(model)).call(_context2, function (item) {
       return !item.disabled;
     });
   }
-
   function defaultFilter(data, keywords) {
     var _context3;
-
     var _instance$get4 = instance.get(),
-        labelName = _instance$get4.labelName;
-
+      labelName = _instance$get4.labelName;
     return _includesInstanceProperty(_context3 = data[labelName]).call(_context3, keywords);
   }
-
   return {
     getFilterData: getFilterData,
     getShowedData: getShowedData,

package/components/transfer/useTransfer.js

@@ -10,70 +10,54 @@ export function useTransfer() {
   var rightData = useState([], isEqualArray);
   watchState(rightData, function (v) {
     var _instance$get = instance.get(),
-        keyName = _instance$get.keyName;
-
+      keyName = _instance$get.keyName;
     instance.set('value', _mapInstanceProperty(v).call(v, function (item) {
       return item[keyName];
     }));
   });
-
   function enableAdd() {
     var _instance$get2 = instance.get(),
-        enableAdd = _instance$get2.enableAdd,
-        leftCheckedKeys = _instance$get2.leftCheckedKeys;
-
+      enableAdd = _instance$get2.enableAdd,
+      leftCheckedKeys = _instance$get2.leftCheckedKeys;
     if (isFunction(enableAdd)) {
       return enableAdd();
     }
-
     return leftCheckedKeys.length;
   }
-
   function enableRemove() {
     var _instance$get3 = instance.get(),
-        enableRemove = _instance$get3.enableRemove,
-        rightCheckedKeys = _instance$get3.rightCheckedKeys;
-
+      enableRemove = _instance$get3.enableRemove,
+      rightCheckedKeys = _instance$get3.rightCheckedKeys;
     if (isFunction(enableRemove)) {
       return enableRemove();
     }
-
     return rightCheckedKeys.length;
   }
-
   function add() {
     var _context;
-
     var _instance$get4 = instance.get(),
-        data = _instance$get4.data,
-        leftCheckedKeys = _instance$get4.leftCheckedKeys,
-        keyName = _instance$get4.keyName;
-
+      data = _instance$get4.data,
+      leftCheckedKeys = _instance$get4.leftCheckedKeys,
+      keyName = _instance$get4.keyName;
     var _rightData = _concatInstanceProperty(_context = rightData.value).call(_context, _filterInstanceProperty(data).call(data, function (item) {
       return ~leftCheckedKeys.indexOf(item[keyName]);
     }));
-
     rightData.set(_rightData);
     instance.set('leftCheckedKeys', []);
     instance.trigger('add');
   }
-
   function remove() {
     var _context2;
-
     var _instance$get5 = instance.get(),
-        rightCheckedKeys = _instance$get5.rightCheckedKeys,
-        keyName = _instance$get5.keyName;
-
+      rightCheckedKeys = _instance$get5.rightCheckedKeys,
+      keyName = _instance$get5.keyName;
     var _rightData = _filterInstanceProperty(_context2 = rightData.value).call(_context2, function (item) {
       return !~rightCheckedKeys.indexOf(item[keyName]);
     });
-
     rightData.set(_rightData);
     instance.set('rightCheckedKeys', []);
     instance.trigger('remove');
   }
-
   return {
     rightData: rightData,
     enableAdd: enableAdd,

package/components/tree/index.d.ts

@@ -29,13 +29,13 @@ export interface TreeEvents<K extends Key> {
 export interface TreeBlocks<K extends Key> {
     label: [DataItem<K>, Node<K>, number];
 }
-declare type DragEndData<K extends Key> = {
+type DragEndData<K extends Key> = {
     srcNode: Node<K>;
     toNode: Node<K>;
     mode: Mode;
 };
-export declare type TreeDragEndData<K extends Key = Key> = DragEndData<K>;
-declare type Filter<K extends Key> = (data: DataItem<K>, node: Node<K>) => boolean;
+export type TreeDragEndData<K extends Key = Key> = DragEndData<K>;
+type Filter<K extends Key> = (data: DataItem<K>, node: Node<K>) => boolean;
 export declare class Tree<K extends Key = Key> extends Component<TreeProps<K>, TreeEvents<K>, TreeBlocks<K>> {
     static template: string | import("intact").Template<any>;
     static typeDefs: Required<TypeDefs<TreeProps<Key>>>;

package/components/tree/index.js

@@ -4,13 +4,13 @@ import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
 import { __decorate } from "tslib";
 import { Component } from 'intact-vue-next';
 import template from './index.vdt';
-import { useNodes, Node } from './useNodes';
+import { useNodes } from './useNodes';
 import { bind } from '../utils';
 import { useChecked } from './useChecked';
 import { useExpanded } from './useExpanded';
 import { useSelected } from './useSelected';
 import { useFilter } from './useFilter';
-import { useDraggable, Mode } from './useDraggable';
+import { useDraggable } from './useDraggable';
 import { useTransitionEvent } from './useTransitionEvent';
 var typeDefs = {
   data: Array,
@@ -29,14 +29,12 @@ var typeDefs = {
   allowDrag: Function,
   allowDrop: Function
 };
-
 var defaults = function defaults() {
   return {
     selectable: true,
     showLine: true
   };
 };
-
 var events = {
   denydrag: true,
   denydrop: true,
@@ -45,16 +43,12 @@ var events = {
 };
 export var Tree = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Tree, _Component);
-
   function Tree() {
     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.nodes = useNodes();
     _this.checked = useChecked(_this.nodes.getNodes);
@@ -65,44 +59,34 @@ export var Tree = /*#__PURE__*/function (_Component) {
     _this.transition = useTransitionEvent();
     return _this;
   }
-
   var _proto = Tree.prototype;
-
   _proto.getCheckedData = function getCheckedData(leafOnly) {
     if (leafOnly === void 0) {
       leafOnly = false;
     }
-
     return this.checked.getCheckedData(leafOnly);
   };
-
   _proto.getSelectedData = function getSelectedData() {
     return this.selected.getSelectedData();
   };
-
   _proto.expand = function expand(key) {
     var expandedKeys = this.expanded.get();
     expandedKeys.add(key);
     this.set('expandedKeys', _Array$from(expandedKeys));
   };
-
   _proto.shrink = function shrink(key) {
     var expandedKeys = this.expanded.get();
     expandedKeys.delete(key);
     this.set('expandedKeys', _Array$from(expandedKeys));
   };
-
   _proto.getNodes = function getNodes() {
     return this.nodes.getNodes();
   };
-
   _proto.onClick = function onClick(node) {
     if (node.data.disabled) return;
-
     var _this$get = this.get(),
-        selectable = _this$get.selectable,
-        checkbox = _this$get.checkbox;
-
+      selectable = _this$get.selectable,
+      checkbox = _this$get.checkbox;
     if (selectable) {
       this.selected.toggle(node);
     } else if (checkbox) {
@@ -111,12 +95,10 @@ export var Tree = /*#__PURE__*/function (_Component) {
       this.expanded.toggle(node);
     }
   };
-
   return Tree;
 }(Component);
 Tree.template = template;
 Tree.typeDefs = typeDefs;
 Tree.defaults = defaults;
 Tree.events = events;
-
 __decorate([bind], Tree.prototype, "onClick", null);