@king-design/react 3.1.4-beta.2 → 3.1.4

package/components/transfer/index.vdt.js

@@ -11,41 +11,35 @@ import { Tree } from '../tree';
 import { Icon } from '../icon';
 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,
-      isIndeterminate = _this$check.isIndeterminate;
+    isCheckAll = _this$check.isCheckAll,
+    toggleCheckAll = _this$check.toggleCheckAll,
+    onCheckboxChange = _this$check.onCheckboxChange,
+    isIndeterminate = _this$check.isIndeterminate;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-transfer"] = true, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = 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, _$cn(k + "-transfer-count")), _$cc(Checkbox, {
@@ -57,11 +51,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, _$cn(k + "-transfer-title")), filterable ? (_$blocks['filter'] = function ($super) {
       return _$cc(Input, {
@@ -70,8 +62,7 @@ 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 _$cc(Icon, {
               'className': _$cn(k + "-icon-search"),
@@ -79,11 +70,9 @@ export default function ($props, $blocks, $__proto__) {
             });
           }, __$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),
@@ -94,18 +83,15 @@ 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, {
         'name': 'k-fade',
         'children': _$ma(data, function ($value, $key) {
           var _$cn2;
-
           return _$ce(2, 'div', _$cc(Checkbox, {
             'name': model,
             'trueValue': $value[keyName],
@@ -115,11 +101,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) {
@@ -131,15 +115,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, _$cn(k + "-transfer-list"))], 0, _$cn(k + "-transfer-panel"));
   };
-
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this)), [Panel('left'), _$ce(2, 'div', [_$cc(Button, {

package/components/transfer/styles.js

@@ -10,48 +10,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'
@@ -62,7 +52,7 @@ setDefault(function () {
   transfer = deepDefaults(theme, {
     transfer: defaults
   }).transfer;
-  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("font-size:", transfer.fontSize, ";.", k, "-transfer-panel,.", k, "-transfer-arrows{display:inline-block;vertical-align:middle;}.", k, "-transfer-panel{width:", transfer.panel.width, ";border:", transfer.panel.border, ";border-radius:", transfer.panel.borderRadius, ";height:", transfer.panel.height, ";display:inline-flex;flex-direction:column;overflow:auto;}.", k, "-transfer-title{line-height:", transfer.title.lineHeight, ";background:", transfer.title.bgColor, ";padding:", transfer.title.padding, ";.", k, "-checkbox{color:", transfer.title.color, ";font-size:", transfer.title.fontSize, ";}}.", k, "-transfer-count{float:right;margin-left:", transfer.title.countGap, ";}.", k, "-transfer-list{overflow:auto;position:relative;flex:1;}.", k, "-transfer-item{color:", transfer.item.color, ";background:", transfer.item.bgColor, ";user-select:none;width:100%;&:not(.", k, "-disabled):hover{background:", transfer.item.hoverBgColor, ";color:", transfer.item.hoverColor, ";p{color:", transfer.item.hoverColor, ";}}.", k, "-checkbox{padding:", transfer.item.padding, ";display:flex;}p{margin:0;color:", transfer.item.descColor, ";}&.", k, "-disabled{p{color:", theme.color.disabled, ";}}}.", k, "-input{width:auto;margin:", transfer.searchGap, ";}.", k, "-transfer-arrows{.", k, "-btn{display:flex;margin:", transfer.arrow.gap, ";}}");

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-react';
 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,13 +28,11 @@ export function useCheck(_ref) {
       instance.set(model + "CheckedKeys", []);
     }
   }
-
   function isIndeterminate(model) {
     var checked = instance.get(model + "CheckedKeys");
     var data = getEnabledData(model);
     return checked.length > 0 && checked.length < data.length;
   }
-
   function onCheckboxChange(model, index, e) {
     if (startIndex === undefined || !e.shiftKey) {
       startIndex = index;
@@ -46,23 +40,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);
@@ -75,18 +63,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

@@ -30,13 +30,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-react').Template<any>;
     static typeDefs: Required<TypeDefs<TreeProps<Key>>>;

package/components/tree/index.js

@@ -4,7 +4,7 @@ import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
 import { __decorate } from "tslib";
 import { Component } from 'intact-react';
 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';
@@ -31,14 +31,12 @@ var typeDefs = {
   allowDrag: Function,
   allowDrop: Function
 };
-
 var defaults = function defaults() {
   return {
     selectable: true,
     showLine: true
   };
 };
-
 var events = {
   denydrag: true,
   denydrop: true,
@@ -47,16 +45,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);
@@ -68,48 +62,37 @@ export var Tree = /*#__PURE__*/function (_Component) {
     _this.config = useConfigContext();
     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.expandAll = function expandAll() {
     this.expanded.expandAll();
   };
-
   _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) {
@@ -118,12 +101,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);