linkmore-design 1.1.22-beta.1 → 1.1.22-beta.3

package/es/LmTable/virTual/VirtualTable.js

@@ -1,18 +1,30 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+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 } from 'react';
 import { useVirtual } from 'react-virtual';
+import cls from 'classnames';
 import { TableContext, useRealive } from './context';
+import CustomizeRenderEmpty from '../components/customRenderEmpty';
 var VirtualTable = /*#__PURE__*/React.memo(function (tableProps) {
   var _a, _b, _c, _d;
-
+  var className = tableProps.className,
+    isEmpty = tableProps.isEmpty,
+    rest = __rest(tableProps, ["className", "isEmpty"]);
   var bodyRef = useRef(null);
-
   var _useRealive = useRealive(),
-      _useRealive2 = _slicedToArray(_useRealive, 2),
-      state = _useRealive2[0],
-      dispatch = _useRealive2[1]; // { totalSize, virtualItems }
-
-
+    _useRealive2 = _slicedToArray(_useRealive, 2),
+    state = _useRealive2[0],
+    dispatch = _useRealive2[1];
+  // { totalSize, virtualItems }
   var rowVirtual = useVirtual({
     size: state.totalLen,
     // 绑定父节点
@@ -32,9 +44,8 @@ var VirtualTable = /*#__PURE__*/React.memo(function (tableProps) {
     },
     estimateSize: React.useCallback(function (i) {
       var _a, _b;
-
-      return (_b = (_a = tableProps === null || tableProps === void 0 ? void 0 : tableProps.children[0]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.colWidths[i];
-    }, [(_d = (_c = tableProps.children[0]) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.colWidths]),
+      return (_b = (_a = rest === null || rest === void 0 ? void 0 : rest.children[0]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.colWidths[i];
+    }, [(_d = (_c = rest.children[0]) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.colWidths]),
     overscan: 5
   });
   var instance = {
@@ -47,8 +58,12 @@ var VirtualTable = /*#__PURE__*/React.memo(function (tableProps) {
       dispatch: dispatch,
       instance: instance
     }
-  }, /*#__PURE__*/React.createElement("table", Object.assign({
+  }, isEmpty ? /*#__PURE__*/React.createElement("table", Object.assign({
+    className: cls('lm_virtual_table', className),
     ref: bodyRef
-  }, tableProps)));
+  }, rest), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(CustomizeRenderEmpty, null))))) : /*#__PURE__*/React.createElement("table", Object.assign({
+    className: cls('lm_virtual_table', className),
+    ref: bodyRef
+  }, rest)));
 });
 export default VirtualTable;

package/es/LmTable/virTual/VirtualWrapper.js

@@ -1,39 +1,32 @@
 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"]);
-
+    children = _c.children,
+    resetProps = __rest(_c, ["children"]);
   var _useStore = useStore(),
-      state = _useStore.state,
-      dispatch = _useStore.dispatch,
-      instance = _useStore.instance;
-
+    state = _useStore.state,
+    dispatch = _useStore.dispatch,
+    instance = _useStore.instance;
   var _instance$rowVirtual = instance.rowVirtual,
-      virtualItems = _instance$rowVirtual.virtualItems,
-      totalSize = _instance$rowVirtual.totalSize;
+    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 () {

package/es/LmTable/virTual/context.js

@@ -1,15 +1,13 @@
-import { createContext, useContext, useReducer } from 'react'; // =============== context ============== //
-
+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,
@@ -17,12 +15,10 @@ var initialState = {
   // 总行数
   totalLen: 0
 };
-
 var reducer = function reducer(state, action) {
   var totalLen = action.totalLen,
-      columnsLen = action.columnsLen,
-      rowHeight = action.rowHeight;
-
+    columnsLen = action.columnsLen,
+    rowHeight = action.rowHeight;
   switch (action.type) {
     // 数据数量
     case 'changeTotalLen':
@@ -30,25 +26,20 @@ var reducer = function reducer(state, action) {
         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/LmUpload/LmUpload.js

@@ -1,38 +1,33 @@
 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, forwardRef } from 'react';
 import LmFilterRoot from './wrapper/UploadRoot';
-
 var LmUpload = function LmUpload(_a, ref) {
   var _fileConfig = _a.fileConfig,
-      fileNames = _a.fileNames,
-      components = _a.components,
-      _ossConfig = _a.ossConfig,
-      resetProps = __rest(_a, ["fileConfig", "fileNames", "components", "ossConfig"]);
-
-  var defaultRef = useRef(null); // 仅在初始化触发一次
-
+    fileNames = _a.fileNames,
+    components = _a.components,
+    _ossConfig = _a.ossConfig,
+    resetProps = __rest(_a, ["fileConfig", "fileNames", "components", "ossConfig"]);
+  var defaultRef = useRef(null);
+  // 仅在初始化触发一次
   var initConfig = useMemo(function () {
     return {
       // 文件参数配置: 存储时的数据
       fileConfig: function fileConfig(fileConfigProps) {
         var file = fileConfigProps.file,
-            timestamp = fileConfigProps.timestamp,
-            fileName = fileConfigProps.fileName,
-            filePath = fileConfigProps.filePath,
-            shortlink = fileConfigProps.shortlink,
-            url = fileConfigProps.url;
+          timestamp = fileConfigProps.timestamp,
+          fileName = fileConfigProps.fileName,
+          filePath = fileConfigProps.filePath,
+          shortlink = fileConfigProps.shortlink,
+          url = fileConfigProps.url;
         return Object.assign({
           uid: timestamp,
           fileTypeCode: file.type,
@@ -111,5 +106,4 @@ var LmUpload = function LmUpload(_a, ref) {
     ref: ref || defaultRef
   }, initConfig, defaultProps));
 };
-
 export default /*#__PURE__*/forwardRef(LmUpload);

package/es/LmUpload/UploadList/ItemPicture.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import cn from 'classnames';
-import { IconFont } from 'linkmore-design'; // 图片列表项
-
+import { IconFont } from 'linkmore-design';
+// 图片列表项
 var PictureItem = function PictureItem(_ref) {
   var file = _ref.file,
-      instance = _ref.instance;
+    instance = _ref.instance;
   var readOnly = instance.readOnly,
-      remove = instance.remove,
-      preview = instance.preview,
-      download = instance.download,
-      fileNames = instance.fileNames;
+    remove = instance.remove,
+    preview = instance.preview,
+    download = instance.download,
+    fileNames = instance.fileNames;
   return /*#__PURE__*/React.createElement("div", {
     className: cn('lm_upload_item lm_upload_item_picture', file[fileNames.status] === 'error' && 'lm_upload_item_error')
   }, /*#__PURE__*/React.createElement("div", {
@@ -38,5 +38,4 @@ var PictureItem = function PictureItem(_ref) {
     type: "lmweb-delete"
   }))));
 };
-
 export default PictureItem;

package/es/LmUpload/UploadList/ItemPictureCard.js

@@ -2,14 +2,12 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useMemo, useState } from 'react';
 import cn from 'classnames';
 import { IconFont, Image } from 'linkmore-design';
-
 var renderThumb = function renderThumb(file) {
   switch (file.fileExtension) {
     case '':
       return /*#__PURE__*/React.createElement(IconFont, {
         type: "lmweb-folder-fill"
       });
-
     case 'jpeg':
     case 'png':
     case 'jpg':
@@ -20,7 +18,6 @@ var renderThumb = function renderThumb(file) {
       }), /*#__PURE__*/React.createElement("div", {
         className: "lm_upload_item_name"
       }, file.realFileName));
-
     case 'mp4':
     case 'm2v':
     case 'mkv':
@@ -29,77 +26,68 @@ var renderThumb = function renderThumb(file) {
       return /*#__PURE__*/React.createElement(IconFont, {
         type: "lmweb-video"
       });
-
     case 'doc':
     case 'docx':
       return /*#__PURE__*/React.createElement(IconFont, {
         type: "lmweb-file-word"
       });
-
     case 'ppt':
     case 'pptx':
       return /*#__PURE__*/React.createElement(IconFont, {
         type: "lmweb-file-ppt"
       });
-
     case 'xls':
     case 'xlsx':
       return /*#__PURE__*/React.createElement(IconFont, {
         type: "lmweb-file-excel"
       });
-
     case 'pdf':
       return /*#__PURE__*/React.createElement(IconFont, {
         type: "lmweb-file-pdf"
       });
-
     default:
       return /*#__PURE__*/React.createElement(IconFont, {
         type: "lmweb-file-text"
       });
   }
-}; // 图片列表项
-
-
+};
+// 图片列表项
 var PictureItem = function PictureItem(_ref) {
   var file = _ref.file,
-      index = _ref.index,
-      instance = _ref.instance,
-      listeners = _ref.listeners;
+    index = _ref.index,
+    instance = _ref.instance,
+    listeners = _ref.listeners;
   var dispatch = instance.dispatch,
-      readOnly = instance.readOnly,
-      size = instance.size,
-      remove = instance.remove,
-      preview = instance.preview,
-      getFileFields = instance.getFileFields;
-
+    readOnly = instance.readOnly,
+    size = instance.size,
+    remove = instance.remove,
+    preview = instance.preview,
+    getFileFields = instance.getFileFields;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isError = _useState2[0],
-      setIsError = _useState2[1]; // 文件信息重组 获取文件名称 => 截取后缀文件名
-
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isError = _useState2[0],
+    setIsError = _useState2[1];
+  // 文件信息重组 获取文件名称 => 截取后缀文件名
   var resetFile = useMemo(function () {
     var _a;
-
     var fileParams = getFileFields(file);
     var realFileName = fileParams.realFileName,
-        fileName = fileParams.fileName,
-        filename = fileParams.filename;
+      fileName = fileParams.fileName,
+      filename = fileParams.filename;
     var fileExtension = (_a = (realFileName || fileName || filename).replace(/.*\./, '')) === null || _a === void 0 ? void 0 : _a.toLowerCase();
     return Object.assign(Object.assign({}, fileParams), {
       fileExtension: fileExtension
     });
-  }, [getFileFields, file]); // 预览小图
-
+  }, [getFileFields, file]);
+  // 预览小图
   var thumbUrl = useMemo(function () {
     return "".concat(resetFile.url, "?x-oss-process=image/resize,w_").concat(size);
-  }, [resetFile.url, size]); // 根据文件名后缀判断
-
+  }, [resetFile.url, size]);
+  // 根据文件名后缀判断
   var isImg = useMemo(function () {
     return ['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(resetFile.fileExtension);
-  }, [resetFile]); // 重置尺寸大小
-
+  }, [resetFile]);
+  // 重置尺寸大小
   var resetSize = useMemo(function () {
     var width = size - 16;
     var padding = size > 60 ? 8 : 4;
@@ -110,7 +98,6 @@ var PictureItem = function PictureItem(_ref) {
       fontSize: fontSize
     };
   }, [size]);
-
   var handlePreview = function handlePreview() {
     preview === null || preview === void 0 ? void 0 : preview(file);
     dispatch({
@@ -121,7 +108,6 @@ var PictureItem = function PictureItem(_ref) {
       }
     });
   };
-
   return /*#__PURE__*/React.createElement("div", Object.assign({
     className: cn('lm_upload_item', 'lm_upload_item_card', isError && 'lm_upload_item_error'),
     style: {
@@ -161,5 +147,4 @@ var PictureItem = function PictureItem(_ref) {
     }
   })))));
 };
-
 export default PictureItem;

package/es/LmUpload/UploadList/ItemText.js

@@ -1,14 +1,13 @@
 import * as React from 'react';
 import cn from 'classnames';
 import { IconFont } from 'linkmore-design';
-
 var TextItem = function TextItem(_ref) {
   var file = _ref.file,
-      instance = _ref.instance;
+    instance = _ref.instance;
   var readOnly = instance.readOnly,
-      remove = instance.remove,
-      download = instance.download,
-      fileNames = instance.fileNames;
+    remove = instance.remove,
+    download = instance.download,
+    fileNames = instance.fileNames;
   return /*#__PURE__*/React.createElement("div", {
     className: cn('lm_upload_item lm_upload_item_text', file[fileNames.status] === 'error' && 'lm_upload_item_error')
   }, /*#__PURE__*/React.createElement("div", {
@@ -33,5 +32,4 @@ var TextItem = function TextItem(_ref) {
     type: "lmweb-delete"
   }))));
 };
-
 export default TextItem;

package/es/LmUpload/UploadList/RenderItem.js

@@ -1,26 +1,21 @@
 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 from 'react';
 import TextItem from './ItemText';
 import PictureItem from './ItemPicture';
 import PictureCardItem from './ItemPictureCard';
 import { render } from '../utils';
-
 var RenderCell = function RenderCell(props) {
   var type = props.type,
-      resetProsp = __rest(props, ["type"]);
-
+    resetProsp = __rest(props, ["type"]);
   var types = {
     text: TextItem,
     picture: PictureItem,
@@ -28,5 +23,4 @@ var RenderCell = function RenderCell(props) {
   };
   return render(types[type] || PictureItem, resetProsp);
 };
-
 export default /*#__PURE__*/React.memo(RenderCell);

package/es/LmUpload/UploadList/index.js

@@ -2,27 +2,24 @@ import React, { useMemo } from 'react';
 import { LmDrag } from 'linkmore-design';
 import { render } from '../utils';
 import RenderItem from './RenderItem';
-
 var LmUploadList = function LmUploadList(_ref) {
   var instance = _ref.instance;
   var uid = instance.uid,
-      getFileHasValue = instance.getFileHasValue,
-      getFileList = instance.getFileList,
-      itemRender = instance.itemRender,
-      listType = instance.listType,
-      showUploadList = instance.showUploadList,
-      enableDrag = instance.enableDrag,
-      fileNames = instance.fileNames,
-      move = instance.move;
+    getFileHasValue = instance.getFileHasValue,
+    getFileList = instance.getFileList,
+    itemRender = instance.itemRender,
+    listType = instance.listType,
+    showUploadList = instance.showUploadList,
+    enableDrag = instance.enableDrag,
+    fileNames = instance.fileNames,
+    move = instance.move;
   if (!showUploadList) return null;
   var fileList = useMemo(function () {
     var _a;
-
     return (_a = getFileList()) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) {
       return a.seq - b.seq;
     });
   }, [getFileList]);
-
   var handleMove = function handleMove(active, over, fileList) {
     try {
       var fileMap = fileList.map(function (v) {
@@ -31,13 +28,11 @@ var LmUploadList = function LmUploadList(_ref) {
             seq: over[fileNames.seq]
           });
         }
-
         if (getFileHasValue(v) === getFileHasValue(over)) {
           return Object.assign(Object.assign({}, v), {
             seq: active[fileNames.seq]
           });
         }
-
         return v;
       });
       move(active, over, fileMap);
@@ -45,7 +40,6 @@ var LmUploadList = function LmUploadList(_ref) {
       console.log('移动出现了错误', error);
     }
   };
-
   if (enableDrag) {
     return /*#__PURE__*/React.createElement(LmDrag, {
       options: fileList,
@@ -53,8 +47,8 @@ var LmUploadList = function LmUploadList(_ref) {
       move: handleMove
     }, function (_ref2) {
       var item = _ref2.item,
-          listeners = _ref2.listeners,
-          index = _ref2.index;
+        listeners = _ref2.listeners,
+        index = _ref2.index;
       return render(itemRender || RenderItem, {
         type: listType,
         key: getFileHasValue(item) || index,
@@ -66,7 +60,6 @@ var LmUploadList = function LmUploadList(_ref) {
       });
     });
   }
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, fileList === null || fileList === void 0 ? void 0 : fileList.map(function (file, idx) {
     return render(itemRender || RenderItem, {
       type: listType,
@@ -78,5 +71,4 @@ var LmUploadList = function LmUploadList(_ref) {
     });
   }));
 };
-
 export default /*#__PURE__*/React.memo(LmUploadList);

package/es/LmUpload/body/Progress.js

@@ -1,5 +1,4 @@
 import React from 'react';
-
 var Progress = function Progress(_ref) {
   var instance = _ref.instance;
   var state = instance.state;
@@ -12,5 +11,4 @@ var Progress = function Progress(_ref) {
     }
   }));
 };
-
 export default /*#__PURE__*/React.memo(Progress);

package/es/LmUpload/body/UploadCore.js

@@ -1,33 +1,28 @@
 import React, { useCallback } from 'react';
-import UploadPicture from './UploadPicture'; // 上传核心
+import UploadPicture from './UploadPicture';
+// 上传核心
 // 渲染上传区域样式, 仅用于触发上传事件
 // type: 'card' 图片 | 'drag' 拖拽
-
 var UploadCore = function UploadCore(_ref) {
   var instance = _ref.instance;
-
   var _a;
-
   var inputRef = React.useRef(null);
   var accept = instance.accept,
-      children = instance.children,
-      beforeUpload = instance.beforeUpload,
-      getUploadStatus = instance.getUploadStatus,
-      getIsMaxCount = instance.getIsMaxCount; // 点击事件触发文件上传
-
+    children = instance.children,
+    beforeUpload = instance.beforeUpload,
+    getUploadStatus = instance.getUploadStatus,
+    getIsMaxCount = instance.getIsMaxCount;
+  // 点击事件触发文件上传
   var handleClick = useCallback(function () {
     var _a;
-
     var isUploading = getUploadStatus().uploading;
     if (isUploading) return;
     (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-  }, [getUploadStatus]); // 上传触发事件
-
+  }, [getUploadStatus]);
+  // 上传触发事件
   var uploadChange = useCallback(function (e) {
     var _a;
-
     beforeUpload === null || beforeUpload === void 0 ? void 0 : beforeUpload(e);
-
     if ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) {
       inputRef.current.value = '';
     }
@@ -50,5 +45,4 @@ var UploadCore = function UploadCore(_ref) {
     ref: inputRef
   }, inputConfig)));
 };
-
 export default /*#__PURE__*/React.memo(UploadCore);

package/es/LmUpload/body/UploadPicture.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import { IconFont } from 'linkmore-design';
-import Progress from './Progress'; // 预设卡片上传样式
-
+import Progress from './Progress';
+// 预设卡片上传样式
 var uploadPicture = function uploadPicture(_ref) {
   var instance = _ref.instance;
   var size = instance.size,
-      getUploadStatus = instance.getUploadStatus; // 是否上传中状态
-
+    getUploadStatus = instance.getUploadStatus;
+  // 是否上传中状态
   var isUploading = React.useMemo(function () {
     return getUploadStatus().uploading;
   }, [getUploadStatus]);
@@ -31,5 +31,4 @@ var uploadPicture = function uploadPicture(_ref) {
     instance: instance
   })));
 };
-
 export default /*#__PURE__*/React.memo(uploadPicture);

package/es/LmUpload/components/Crop.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import { CropImg } from 'linkmore-design';
-
 var Crop = function Crop(_ref) {
   var instance = _ref.instance;
   var enableCrop = instance.enableCrop,
-      state = instance.state,
-      cropConfig = instance.cropConfig,
-      checkOver = instance.checkOver;
+    state = instance.state,
+    cropConfig = instance.cropConfig,
+    checkOver = instance.checkOver;
   if (!enableCrop) return null;
   var config = Object.assign(Object.assign({}, cropConfig), {
     file: state.cropFile,
@@ -19,5 +18,4 @@ var Crop = function Crop(_ref) {
   });
   return /*#__PURE__*/React.createElement(CropImg, Object.assign({}, config));
 };
-
 export default /*#__PURE__*/React.memo(Crop);