linkmore-design 1.1.29 → 1.1.30

package/lib/LmTable/hooks/useResizeObserver.js

@@ -1,34 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useResizeObserver;
+
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = require("react");
+
 function useResizeObserver() {
   var ref = (0, _react.useRef)();
+
   var _useState = (0, _react.useState)({
-      x: 0,
-      y: 0,
-      width: 0,
-      height: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      top: 0
-    }),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    rect = _useState2[0],
-    setRect = _useState2[1];
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    top: 0
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      rect = _useState2[0],
+      setRect = _useState2[1];
+
   console.log('useResizeObserver');
   (0, _react.useEffect)(function () {
     var ro = new ResizeObserver(function (entries) {
       // 遍历改变的元素属性
       var _iterator = (0, _createForOfIteratorHelper2.default)(entries),
-        _step;
+          _step;
+
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var entry = _step.value;
@@ -40,9 +48,11 @@ function useResizeObserver() {
         _iterator.f();
       }
     });
+
     if (ref.current) {
       ro.observe(ref.current);
     }
+
     return function () {
       ro.disconnect();
     };

package/lib/LmTable/hooks/useRowSelectControllableValue.js

@@ -4,19 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = require("react");
+
 var _utils = require("ahooks/lib/utils");
+
 var _ahooks = require("ahooks");
+
 function useControllableValue() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var defaultValue = options.defaultValue,
-    _options$defaultValue = options.defaultValuePropName,
-    defaultValuePropName = _options$defaultValue === void 0 ? 'defaultValue' : _options$defaultValue,
-    _options$valuePropNam = options.valuePropName,
-    valuePropName = _options$valuePropNam === void 0 ? 'value' : _options$valuePropNam,
-    _options$trigger = options.trigger,
-    trigger = _options$trigger === void 0 ? 'onChange' : _options$trigger;
+      _options$defaultValue = options.defaultValuePropName,
+      defaultValuePropName = _options$defaultValue === void 0 ? 'defaultValue' : _options$defaultValue,
+      _options$valuePropNam = options.valuePropName,
+      valuePropName = _options$valuePropNam === void 0 ? 'value' : _options$valuePropNam,
+      _options$trigger = options.trigger,
+      trigger = _options$trigger === void 0 ? 'onChange' : _options$trigger;
   var value = props[valuePropName];
   var isControlled = props === null || props === void 0 ? void 0 : props.hasOwnProperty(valuePropName);
   var isControlledOnChange = props[trigger];
@@ -24,30 +28,40 @@ function useControllableValue() {
     if (isControlled) {
       return value;
     }
+
     if (props === null || props === void 0 ? void 0 : props.hasOwnProperty(defaultValuePropName)) {
       return props[defaultValuePropName];
     }
+
     return defaultValue;
   }, []);
   var stateRef = (0, _react.useRef)(initialValue);
+
   if (isControlled && isControlledOnChange) {
     stateRef.current = value;
   }
+
   var update = (0, _ahooks.useUpdate)();
+
   function setState(v) {
     var r = (0, _utils.isFunction)(v) ? v(stateRef.current) : v;
+
     if (!isControlledOnChange) {
       stateRef.current = r;
       update();
     }
+
     if (props[trigger]) {
       for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
         args[_key - 1] = arguments[_key];
       }
+
       props[trigger].apply(props, [r].concat(args));
     }
   }
+
   return [stateRef.current, (0, _ahooks.useMemoizedFn)(setState)];
 }
+
 var _default = useControllableValue;
 exports.default = _default;

package/lib/LmTable/index.js

@@ -1,11 +1,14 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _Table = _interopRequireWildcard(require("./Table"));
+
 _Table.default.Summary = _Table.Summary;
 var _default = _Table.default;
 exports.default = _default;

package/lib/LmTable/multipleContainersKeyboardCoordinates.js

@@ -4,60 +4,81 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _core = require("@dnd-kit/core");
+
 var directions = [_core.KeyboardCode.Down, _core.KeyboardCode.Right, _core.KeyboardCode.Up, _core.KeyboardCode.Left];
+
 var coordinateGetter = function coordinateGetter(event, _ref) {
   var _ref$context = _ref.context,
-    active = _ref$context.active,
-    droppableRects = _ref$context.droppableRects,
-    droppableContainers = _ref$context.droppableContainers,
-    collisionRect = _ref$context.collisionRect;
+      active = _ref$context.active,
+      droppableRects = _ref$context.droppableRects,
+      droppableContainers = _ref$context.droppableContainers,
+      collisionRect = _ref$context.collisionRect;
+
   var _a;
+
   if (directions.includes(event.code)) {
     event.preventDefault();
+
     if (!active || !collisionRect) {
       return null;
     }
+
     var filteredContainers = [];
     droppableContainers.getEnabled().forEach(function (entry) {
       var _a;
+
       if (!entry || (entry === null || entry === void 0 ? void 0 : entry.disabled)) {
         return;
       }
+
       var rect = droppableRects.get(entry.id);
+
       if (!rect) {
         return;
       }
+
       var data = entry.data.current;
+
       if (data) {
         var type = data.type,
-          children = data.children;
+            children = data.children;
+
         if (type === 'container' && (children === null || children === void 0 ? void 0 : children.length) > 0) {
           if (((_a = active.data.current) === null || _a === void 0 ? void 0 : _a.type) !== 'container') {
             return;
           }
         }
       }
+
       switch (event.code) {
         case _core.KeyboardCode.Down:
           if (collisionRect.top < rect.top) {
             filteredContainers.push(entry);
           }
+
           break;
+
         case _core.KeyboardCode.Up:
           if (collisionRect.top > rect.top) {
             filteredContainers.push(entry);
           }
+
           break;
+
         case _core.KeyboardCode.Left:
           if (collisionRect.left >= rect.left + rect.width) {
             filteredContainers.push(entry);
           }
+
           break;
+
         case _core.KeyboardCode.Right:
           if (collisionRect.left + collisionRect.width <= rect.left) {
             filteredContainers.push(entry);
           }
+
           break;
       }
     });
@@ -69,10 +90,12 @@ var coordinateGetter = function coordinateGetter(event, _ref) {
       pointerCoordinates: null
     });
     var closestId = (0, _core.getFirstCollision)(collisions, 'id');
+
     if (closestId != null) {
       var newDroppable = droppableContainers.get(closestId);
       var newNode = newDroppable === null || newDroppable === void 0 ? void 0 : newDroppable.node.current;
       var newRect = newDroppable === null || newDroppable === void 0 ? void 0 : newDroppable.rect.current;
+
       if (newNode && newRect) {
         if (newDroppable.id === 'placeholder') {
           return {
@@ -80,12 +103,14 @@ var coordinateGetter = function coordinateGetter(event, _ref) {
             y: newRect.top + (newRect.height - collisionRect.height) / 2
           };
         }
+
         if (((_a = newDroppable.data.current) === null || _a === void 0 ? void 0 : _a.type) === 'container') {
           return {
             x: newRect.left + 20,
             y: newRect.top + 74
           };
         }
+
         return {
           x: newRect.left,
           y: newRect.top
@@ -93,7 +118,9 @@ var coordinateGetter = function coordinateGetter(event, _ref) {
       }
     }
   }
+
   return null;
 };
+
 var _default = coordinateGetter;
 exports.default = _default;

package/lib/LmTable/resetConfig.js

@@ -9,23 +9,23 @@ exports.default = void 0;
 var checkConfig = {
   trigger: 'row',
   highlight: false
-};
-// 列排序
+}; // 列排序
+
 var sortConfig = {
   trigger: 'default',
   checkRowIds: []
-};
-// 列过滤
+}; // 列过滤
+
 var filterConfig = {
   trigger: 'default',
   checkRowIds: []
-};
-// 分页
+}; // 分页
+
 var pagerConfig = {
   pageSize: 30,
   pageIndex: 0
-};
-// 编辑配置
+}; // 编辑配置
+
 var editConfig = {
   enabled: false
 };

package/lib/LmTable/testDemos/group.js

@@ -1,18 +1,27 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _linkmoreDesign = require("linkmore-design");
+
 var createDataSource = function createDataSource(start) {
   var arr = [];
+
   for (var i = start; i < start + 30000; i += 1) {
     var obj = {
       key: "key_".concat(i),
@@ -27,8 +36,10 @@ var createDataSource = function createDataSource(start) {
     };
     arr.push(obj);
   }
+
   return arr;
 };
+
 var columns = [{
   title: '姓名',
   dataIndex: 'name',
@@ -63,23 +74,28 @@ var columns = [{
   key: 'address',
   width: 100
 }];
+
 var App = function App() {
   var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    dataSource = _useState2[0],
-    setDataSource = _useState2[1];
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      dataSource = _useState2[0],
+      setDataSource = _useState2[1];
+
   (0, _react.useEffect)(function () {
     setTimeout(function () {
       if (dataSource.length >= 500) {
         return;
       }
+
       var data = createDataSource(dataSource.length);
       setDataSource([].concat((0, _toConsumableArray2.default)(dataSource), (0, _toConsumableArray2.default)(data)));
     }, 500);
   }, [dataSource]);
+
   var dataChange = function dataChange(newDataSource) {
     setDataSource((0, _toConsumableArray2.default)(newDataSource));
   };
+
   var config = {
     pagination: false,
     scroll: {
@@ -95,8 +111,7 @@ var App = function App() {
     }
   }, /*#__PURE__*/_react.default.createElement("div", null, "\u6570\u636E\u603B\u6570\uFF1A ", dataSource.length), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.LmTable, (0, _extends2.default)({}, config, {
     dataSource: dataSource,
-    columns: columns
-    // 表格行 key 的取值，可以是字符串或一个函数
+    columns: columns // 表格行 key 的取值，可以是字符串或一个函数
     ,
     rowKey: "key",
     size: "small",
@@ -111,5 +126,6 @@ var App = function App() {
     colGroupTitle: "\u5217\u5206\u7EC4\u6807\u9898"
   })));
 };
+
 var _default = App;
 exports.default = _default;