linkmore-design 1.0.82 → 1.0.83

package/es/LmTable/util.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkIsSelectd = checkIsSelectd;
+exports.checkStatus = checkStatus;
+exports.transformWithColGroup = transformWithColGroup;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+/**
+ * 列分组数据转换
+ * @param columns 表格的columns属性值
+ * @param dataSource 表格数据源
+ * @param columnKeys 列分组的keys
+ * @returns
+ */
+function transformWithColGroup(columns, dataSource, columnKeys) {
+  if (!Array.isArray(columnKeys) || !columnKeys.length) {
+    return {
+      columns: columns,
+      dataSource: dataSource
+    };
+  } // 去重
+
+
+  columnKeys = (0, _toConsumableArray2.default)(new Set(columnKeys));
+
+  var groupBy = function groupBy(lastFilter, columns, oGroup, markStr) {
+    if (!(oGroup === null || oGroup === void 0 ? void 0 : oGroup.length)) {
+      return columns.filter(function (c) {
+        return columnKeys.indexOf(c.dataIndex) === -1;
+      }).map(function (item) {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+          dataIndex: "".concat(markStr, "_").concat(item.dataIndex)
+        });
+      });
+    }
+
+    var group = oGroup.slice();
+    var filterKey = group.shift();
+    var map = lastFilter.reduce(function (acc, el) {
+      var value = el[filterKey];
+      acc[value] = [].concat((0, _toConsumableArray2.default)(acc[value] || []), [el]);
+      return acc;
+    }, {});
+    return Object.keys(map).map(function (item) {
+      return {
+        type: filterKey,
+        title: item,
+        key: "".concat(item, "_").concat(filterKey),
+        children: groupBy(map[item], columns, group, "".concat(markStr ? markStr + '_' : '').concat(filterKey, "_").concat(item))
+      };
+    });
+  };
+
+  var _columns = groupBy(dataSource, columns, columnKeys, null);
+
+  var _dataSource = [dataSource.reduce(function (prev, cur) {
+    var str = '';
+    columnKeys.forEach(function (dataIndex, i) {
+      if (i !== 0) {
+        str += '_';
+      }
+
+      str += "".concat(dataIndex, "_").concat(cur[dataIndex]);
+    });
+    Object.keys(cur).forEach(function (key) {
+      cur["".concat(str, "_").concat(key)] = cur[key];
+    });
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), cur);
+  }, {})];
+  return {
+    columns: _columns,
+    dataSource: _dataSource
+  };
+}
+
+function checkIsSelectd(i, j) {
+  var start = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var end = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var posX = j >= start.j && j <= end.j;
+  var negX = j <= start.j && j >= end.j;
+  var posY = i >= start.i && i <= end.i;
+  var negY = i <= start.i && i >= end.i;
+  return posX && posY || negX && posY || negX && negY || posX && negY;
+}
+
+function checkStatus(i, j, commiting) {
+  var start = commiting.start,
+      end = commiting.end;
+  var maxi = Math.max(start === null || start === void 0 ? void 0 : start.i, end.i);
+  var mini = Math.min(start === null || start === void 0 ? void 0 : start.i, end.i);
+  var maxj = Math.max(start === null || start === void 0 ? void 0 : start.j, end.j);
+  var minj = Math.min(start === null || start === void 0 ? void 0 : start.j, end.j);
+  return {
+    /** 是否有效拉伸 */
+    isVaildCommit: mini <= i && maxi >= i || minj <= j && maxj >= j
+  };
+}

package/es/LmTable/virTual/VirtualRow.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface rowProps {
+    children: any;
+}
+declare const VirtualRow: React.NamedExoticComponent<rowProps>;
+export default VirtualRow;

package/es/LmTable/virTual/VirtualRow.js

@@ -0,0 +1,102 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import React, { useRef, useMemo, useEffect } from 'react';
+import { useStore } from './context';
+var VirtualRow = /*#__PURE__*/React.memo(function (_a, ref) {
+  var children = _a.children,
+      resetProps = __rest(_a, ["children"]);
+
+  var _useStore = useStore(),
+      state = _useStore.state,
+      dispatch = _useStore.dispatch,
+      instance = _useStore.instance;
+
+  var rowHeight = state.rowHeight,
+      totalLen = state.totalLen;
+  var virtualItems = instance.columnVirtual.virtualItems;
+  var trRef = useRef(null); // 列长度
+
+  var columnsLen = useMemo(function () {
+    var _a;
+
+    return (_a = children === null || children === void 0 ? void 0 : children.length) !== null && _a !== void 0 ? _a : 0;
+  }, [children]);
+  useEffect(function () {
+    if (state.columnsLen !== columnsLen) {
+      dispatch({
+        type: 'changeColumnsLen',
+        columnsLen: columnsLen !== null && columnsLen !== void 0 ? columnsLen : 0
+      });
+    }
+  }, [columnsLen, dispatch, state.columnsLen]);
+  useEffect(function () {
+    var initHeight = function initHeight(tempRef) {
+      var _a, _b, _c;
+
+      if (((_a = tempRef === null || tempRef === void 0 ? void 0 : tempRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) && !rowHeight && totalLen) {
+        var tempRowHeight = (_c = (_b = tempRef === null || tempRef === void 0 ? void 0 : tempRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) !== null && _c !== void 0 ? _c : 0;
+        dispatch({
+          type: 'initHeight',
+          rowHeight: tempRowHeight
+        });
+      }
+    };
+
+    initHeight(Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef);
+  }, [trRef, dispatch, rowHeight, totalLen, ref]); // return {fixedLeft: [], fixedRight: [], columns: []}
+
+  var fixedColumns = useMemo(function () {
+    return children === null || children === void 0 ? void 0 : children.reduce(function (pre, cur) {
+      var _a, _b;
+
+      if (typeof ((_a = cur.props) === null || _a === void 0 ? void 0 : _a.fixLeft) === 'number') {
+        pre.fixedLeft.push(cur);
+        return pre;
+      }
+
+      if (typeof ((_b = cur.props) === null || _b === void 0 ? void 0 : _b.fixRight) === 'number') {
+        pre.fixedRight.push(cur);
+        return pre;
+      }
+
+      pre.columns.push(cur);
+      return pre;
+    }, {
+      fixedLeft: [],
+      fixedRight: [],
+      columns: []
+    });
+  }, [children]); // 截取非固定列
+
+  var resetVirtualItems = useMemo(function () {
+    var fixedLeft = fixedColumns.fixedLeft,
+        columns = fixedColumns.columns;
+    return virtualItems.slice(fixedLeft.length, fixedLeft.length + columns.length);
+  }, [fixedColumns, virtualItems]); // 横线单元格合并
+
+  var colSpan = useMemo(function () {
+    var _a;
+
+    var startIndex = ((_a = resetVirtualItems === null || resetVirtualItems === void 0 ? void 0 : resetVirtualItems[0]) === null || _a === void 0 ? void 0 : _a.index) || 0;
+    return startIndex ? startIndex - fixedColumns.fixedLeft.length : startIndex;
+  }, [fixedColumns, resetVirtualItems]);
+  return /*#__PURE__*/React.createElement("tr", Object.assign({}, resetProps, {
+    ref: Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef
+  }), fixedColumns.fixedLeft, !!colSpan && /*#__PURE__*/React.createElement("td", {
+    colSpan: colSpan
+  }), resetVirtualItems.map(function (virtualCol) {
+    return children[virtualCol.index];
+  }), fixedColumns.fixedRight);
+});
+export default VirtualRow;

package/es/LmTable/virTual/VirtualTable.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const VirtualTable: React.NamedExoticComponent<object>;
+export default VirtualTable;

package/es/LmTable/virTual/VirtualTable.js

@@ -0,0 +1,52 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useRef } from 'react';
+import { useVirtual } from 'react-virtual';
+import { TableContext, useRealive } from './context';
+var VirtualTable = /*#__PURE__*/React.memo(function (tableProps) {
+  var _a, _b;
+
+  var bodyRef = useRef(null);
+
+  var _useRealive = useRealive(),
+      _useRealive2 = _slicedToArray(_useRealive, 2),
+      state = _useRealive2[0],
+      dispatch = _useRealive2[1]; // { totalSize, virtualItems }
+
+
+  var rowVirtual = useVirtual({
+    size: state.totalLen,
+    // 绑定父节点
+    parentRef: {
+      current: (_a = bodyRef === null || bodyRef === void 0 ? void 0 : bodyRef.current) === null || _a === void 0 ? void 0 : _a.parentNode
+    },
+    estimateSize: React.useCallback(function () {
+      return state.rowHeight;
+    }, [state.rowHeight]),
+    overscan: 5
+  });
+  var columnVirtual = useVirtual({
+    horizontal: true,
+    size: state.columnsLen,
+    parentRef: {
+      current: (_b = bodyRef === null || bodyRef === void 0 ? void 0 : bodyRef.current) === null || _b === void 0 ? void 0 : _b.parentNode
+    },
+    estimateSize: React.useCallback(function () {
+      return 200;
+    }, [200]),
+    overscan: 5
+  });
+  var instance = {
+    rowVirtual: rowVirtual,
+    columnVirtual: columnVirtual
+  };
+  return /*#__PURE__*/React.createElement(TableContext.Provider, {
+    value: {
+      state: state,
+      dispatch: dispatch,
+      instance: instance
+    }
+  }, /*#__PURE__*/React.createElement("table", Object.assign({
+    ref: bodyRef
+  }, tableProps)));
+});
+export default VirtualTable;

package/es/LmTable/virTual/VirtualWrapper.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const VirtualWrapper: React.NamedExoticComponent<object>;
+export default VirtualWrapper;

package/es/LmTable/virTual/VirtualWrapper.js

@@ -0,0 +1,61 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import React, { useEffect, useMemo } from 'react';
+import { useStore } from './context';
+var VirtualWrapper = /*#__PURE__*/React.memo(function (wrapperProps) {
+  var _a, _b;
+
+  var _c = wrapperProps,
+      children = _c.children,
+      resetProps = __rest(_c, ["children"]);
+
+  var _useStore = useStore(),
+      state = _useStore.state,
+      dispatch = _useStore.dispatch,
+      instance = _useStore.instance;
+
+  var _instance$rowVirtual = instance.rowVirtual,
+      virtualItems = _instance$rowVirtual.virtualItems,
+      totalSize = _instance$rowVirtual.totalSize;
+  var contents = useMemo(function () {
+    return children[1];
+  }, [children]);
+  var contentsLen = useMemo(function () {
+    var _a;
+
+    return (_a = contents === null || contents === void 0 ? void 0 : contents.length) !== null && _a !== void 0 ? _a : 0;
+  }, [contents]);
+  useEffect(function () {
+    if (state.totalLen !== contentsLen) {
+      dispatch({
+        type: 'changeTotalLen',
+        totalLen: contentsLen !== null && contentsLen !== void 0 ? contentsLen : 0
+      });
+    }
+  }, [contentsLen, dispatch, state.totalLen]);
+  var paddingTop = virtualItems.length > 0 ? ((_a = virtualItems === null || virtualItems === void 0 ? void 0 : virtualItems[0]) === null || _a === void 0 ? void 0 : _a.start) || 0 : 0;
+  var paddingBottom = virtualItems.length > 0 ? totalSize - (((_b = virtualItems === null || virtualItems === void 0 ? void 0 : virtualItems[virtualItems.length - 1]) === null || _b === void 0 ? void 0 : _b.end) || 0) : 0;
+  return /*#__PURE__*/React.createElement("tbody", Object.assign({}, resetProps), paddingTop > 0 && /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    style: {
+      height: "".concat(paddingTop, "px")
+    }
+  })), children[0], virtualItems.map(function (virtualRow) {
+    return contents[virtualRow.index];
+  }), paddingBottom > 0 && /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+    style: {
+      height: "".concat(paddingBottom, "px")
+    }
+  })));
+});
+export default VirtualWrapper;

package/es/LmTable/virTual/context.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare const TableContext: import("react").Context<{
+    state: any;
+    dispatch: any;
+    instance: any;
+}>;
+declare const useStore: () => {
+    state: any;
+    dispatch: any;
+    instance: any;
+};
+declare const useRealive: () => [any, import("react").Dispatch<any>];
+export { TableContext, useStore, useRealive };

package/es/LmTable/virTual/context.js

@@ -0,0 +1,54 @@
+import { createContext, useContext, useReducer } from 'react'; // =============== context ============== //
+
+var TableContext = /*#__PURE__*/createContext({
+  state: null,
+  dispatch: null,
+  instance: {}
+});
+
+var useStore = function useStore() {
+  return useContext(TableContext);
+};
+
+var initialState = {
+  // 行高度
+  rowHeight: 0,
+  columnsLen: 0,
+  // 总行数
+  totalLen: 0
+};
+
+var reducer = function reducer(state, action) {
+  var totalLen = action.totalLen,
+      columnsLen = action.columnsLen,
+      rowHeight = action.rowHeight;
+
+  switch (action.type) {
+    // 数据数量
+    case 'changeTotalLen':
+      return Object.assign(Object.assign({}, state), {
+        totalLen: totalLen
+      });
+    // 列数量
+
+    case 'changeColumnsLen':
+      return Object.assign(Object.assign({}, state), {
+        columnsLen: columnsLen
+      });
+    // 初始化行高度
+
+    case 'initHeight':
+      return Object.assign(Object.assign({}, state), {
+        rowHeight: rowHeight
+      });
+
+    default:
+      throw new Error();
+  }
+};
+
+var useRealive = function useRealive() {
+  return useReducer(reducer, initialState);
+};
+
+export { TableContext, useStore, useRealive };

package/es/LmTable/virTual/index.d.ts

@@ -0,0 +1,4 @@
+import VirtualTable from './VirtualTable';
+import VirtualWrapper from './VirtualWrapper';
+import VirtualRow from './VirtualRow';
+export { VirtualTable, VirtualWrapper, VirtualRow };

package/es/LmTable/virTual/index.js

@@ -0,0 +1,4 @@
+import VirtualTable from './VirtualTable';
+import VirtualWrapper from './VirtualWrapper';
+import VirtualRow from './VirtualRow';
+export { VirtualTable, VirtualWrapper, VirtualRow };

package/es/TestTable/LmBox.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+export interface BoxProps {
+    ref?: any;
+    size?: string;
+    items?: any;
+    itemRender?: ({ cell, instance }: {
+        cell: any;
+        instance: any;
+    }) => ReactNode;
+}
+declare const LmBox: React.FC<BoxProps>;
+export default LmBox;

package/es/TestTable/LmBox.js

@@ -0,0 +1,6 @@
+import React, { useRef, forwardRef } from 'react';
+var LmBox = /*#__PURE__*/forwardRef(function (props, ref) {
+  useRef(null);
+  return /*#__PURE__*/React.createElement("div", null, "333");
+});
+export default LmBox;

package/es/TestTable/index.d.ts

@@ -0,0 +1,2 @@
+import TestTabel from './LmBox';
+export default TestTabel;

package/es/TestTable/index.js

@@ -0,0 +1,2 @@
+import TestTabel from './LmBox';
+export default TestTabel;

package/es/TestTable/style/index.css

@@ -0,0 +1,10 @@
+.lm_box_list .lm_box_menu {
+  display: flex;
+  flex-flow: wrap;
+  align-items: center;
+}
+.lm_box_list .lm_box_menu .lm_box_menu_item {
+  display: inline-flex;
+  align-items: center;
+  padding: 0 var(--gap);
+}

package/es/TestTable/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/es/hooks/useFullscreen/index.js

@@ -28,7 +28,7 @@ var getTargetElement = function getTargetElement(target, defaultElement) {
   return targetElement;
 };
 
-var fullScreenCssText = 'position: fixed;width: 100%;height:100%;top:0;left:0;z-index:1009;background-color: #fff;';
+var fullScreenCssText = 'position: fixed;width: 100%;height:100%;top:0;left:0;z-index:1100;background-color: #fff;padding: 16px;';
 
 var useFullscreen = function useFullscreen(target, options) {
   var _ref = options || {},
@@ -42,8 +42,11 @@ var useFullscreen = function useFullscreen(target, options) {
 
   var originCssTextRef = useRef('');
   var eleRef = useRef(null);
+  var cloneEleRef = useRef(null);
 
   var enterFullscreen = function enterFullscreen() {
+    var _a;
+
     onEnter === null || onEnter === void 0 ? void 0 : onEnter();
     setIsFullscreen(true);
     var el = getTargetElement(target);
@@ -54,15 +57,32 @@ var useFullscreen = function useFullscreen(target, options) {
       originCssTextRef.current = originCssText;
     }
 
-    eleRef.current.style.cssText = "".concat(originCssTextRef.current).concat(fullScreenCssText); // message.info({content: '使用 Esc 键可退出全屏模式', key: 'tip'})
+    eleRef.current.style.cssText = "".concat(originCssTextRef.current).concat(fullScreenCssText);
+
+    try {
+      cloneEleRef.current = (_a = eleRef.current) === null || _a === void 0 ? void 0 : _a.cloneNode(true);
+      document.body.appendChild(cloneEleRef.current);
+      eleRef.current.style.cssText = "".concat(originCssTextRef.current).concat(fullScreenCssText, "display: none;");
+    } catch (_b) {
+      console.log('fullScreen error');
+    } // message.info({content: '使用 Esc 键可退出全屏模式', key: 'tip'})
+
   };
 
   var exitFullscreen = function exitFullscreen() {
+    var _a, _b;
+
     onExit === null || onExit === void 0 ? void 0 : onExit();
     setIsFullscreen(false);
 
     if (eleRef.current) {
       eleRef.current.style.cssText = "".concat(originCssTextRef.current);
+
+      try {
+        (_b = (_a = document.body).removeChild) === null || _b === void 0 ? void 0 : _b.call(_a, cloneEleRef.current);
+      } catch (_c) {
+        console.log('fullScreen error');
+      }
     }
   };
 
@@ -77,6 +97,7 @@ var useFullscreen = function useFullscreen(target, options) {
   useEffect(function () {
     var fn = function fn(event) {
       if (event.keyCode === 27) {
+        console.log(1);
         exitFullscreen();
       }
     };