@king-design/vue 2.1.4 → 2.1.6

package/components/transfer/index.vdt.js

@@ -10,35 +10,41 @@ 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, {
@@ -49,9 +55,11 @@ 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, {
@@ -60,14 +68,17 @@ 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),
@@ -78,9 +89,11 @@ 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, {
@@ -95,9 +108,11 @@ 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) {
@@ -112,12 +127,15 @@ 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,38 +9,48 @@ 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 type CheckedKeys = `leftCheckedKeys` | `rightCheckedKeys`;
+export declare 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,23 +4,27 @@ 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);
@@ -28,6 +32,7 @@ export function useCheck(_ref) {
       instance.set(model + "CheckedKeys", []);
     }
   }
+
   function onCheckboxChange(model, index, e) {
     if (startIndex === undefined || !e.shiftKey) {
       startIndex = index;
@@ -35,17 +40,23 @@ 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);
@@ -58,15 +69,18 @@ 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 type Model = 'left' | 'right';
+export declare 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,28 +10,33 @@ 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]) {
@@ -39,49 +44,65 @@ 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,54 +10,70 @@ 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];
 }
-type DragEndData<K extends Key> = {
+declare type DragEndData<K extends Key> = {
     srcNode: Node<K>;
     toNode: Node<K>;
     mode: Mode;
 };
-export type TreeDragEndData<K extends Key = Key> = DragEndData<K>;
-type Filter<K extends Key> = (data: DataItem<K>, node: Node<K>) => boolean;
+export declare type TreeDragEndData<K extends Key = Key> = DragEndData<K>;
+declare 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 } from './useNodes';
+import { useNodes, Node } from './useNodes';
 import { bind } from '../utils';
 import { useChecked } from './useChecked';
 import { useExpanded } from './useExpanded';
 import { useSelected } from './useSelected';
 import { useFilter } from './useFilter';
-import { useDraggable } from './useDraggable';
+import { useDraggable, Mode } from './useDraggable';
 import { useTransitionEvent } from './useTransitionEvent';
 var typeDefs = {
   data: Array,
@@ -29,12 +29,14 @@ var typeDefs = {
   allowDrag: Function,
   allowDrop: Function
 };
+
 var defaults = function defaults() {
   return {
     selectable: true,
     showLine: true
   };
 };
+
 var events = {
   denydrag: true,
   denydrop: true,
@@ -43,12 +45,16 @@ 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);
@@ -59,34 +65,44 @@ 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) {
@@ -95,10 +111,12 @@ 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);