linkmore-design 1.1.27-alpha.0 → 1.1.27-beta.2

package/lib/LmTable/virTual/VirtualTable.js

@@ -1,33 +1,38 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactVirtual = require("react-virtual");
-
+var _classnames = _interopRequireDefault(require("classnames"));
 var _context = require("./context");
-
+var _customRenderEmpty = _interopRequireDefault(require("../components/customRenderEmpty"));
+var __rest = void 0 && (void 0).__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;
+};
 var VirtualTable = /*#__PURE__*/_react.default.memo(function (tableProps) {
   var _a, _b, _c, _d;
-
+  var className = tableProps.className,
+    isEmpty = tableProps.isEmpty,
+    rest = __rest(tableProps, ["className", "isEmpty"]);
   var bodyRef = (0, _react.useRef)(null);
-
   var _useRealive = (0, _context.useRealive)(),
-      _useRealive2 = (0, _slicedToArray2.default)(_useRealive, 2),
-      state = _useRealive2[0],
-      dispatch = _useRealive2[1]; // { totalSize, virtualItems }
-
-
+    _useRealive2 = (0, _slicedToArray2.default)(_useRealive, 2),
+    state = _useRealive2[0],
+    dispatch = _useRealive2[1];
+  // { totalSize, virtualItems }
   var rowVirtual = (0, _reactVirtual.useVirtual)({
     size: state.totalLen,
     // 绑定父节点
@@ -47,9 +52,8 @@ var VirtualTable = /*#__PURE__*/_react.default.memo(function (tableProps) {
     },
     estimateSize: _react.default.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]) || 0;
+    }, [(_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 = {
@@ -62,10 +66,13 @@ var VirtualTable = /*#__PURE__*/_react.default.memo(function (tableProps) {
       dispatch: dispatch,
       instance: instance
     }
-  }, /*#__PURE__*/_react.default.createElement("table", Object.assign({
+  }, isEmpty ? /*#__PURE__*/_react.default.createElement("table", Object.assign({
+    className: (0, _classnames.default)('lm_virtual_table', className),
+    ref: bodyRef
+  }, rest), /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_customRenderEmpty.default, null))))) : /*#__PURE__*/_react.default.createElement("table", Object.assign({
+    className: (0, _classnames.default)('lm_virtual_table', className),
     ref: bodyRef
-  }, tableProps)));
+  }, rest)));
 });
-
 var _default = VirtualTable;
 exports.default = _default;

package/lib/LmTable/virTual/VirtualWrapper.js

@@ -1,50 +1,39 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _context = require("./context");
-
 var __rest = void 0 && (void 0).__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;
 };
-
 var VirtualWrapper = /*#__PURE__*/_react.default.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 = (0, _context.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 = (0, _react.useMemo)(function () {
     return children[1];
   }, [children]);
   var contentsLen = (0, _react.useMemo)(function () {
     var _a;
-
     return (_a = contents === null || contents === void 0 ? void 0 : contents.length) !== null && _a !== void 0 ? _a : 0;
   }, [contents]);
   (0, _react.useEffect)(function () {
@@ -69,6 +58,5 @@ var VirtualWrapper = /*#__PURE__*/_react.default.memo(function (wrapperProps) {
     }
   })));
 });
-
 var _default = VirtualWrapper;
 exports.default = _default;

package/lib/LmTable/virTual/context.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStore = exports.useRealive = exports.TableContext = void 0;
-
 var _react = require("react");
-
 // =============== context ============== //
 var TableContext = /*#__PURE__*/(0, _react.createContext)({
   state: null,
@@ -14,11 +12,9 @@ var TableContext = /*#__PURE__*/(0, _react.createContext)({
   instance: {}
 });
 exports.TableContext = TableContext;
-
 var useStore = function useStore() {
   return (0, _react.useContext)(TableContext);
 };
-
 exports.useStore = useStore;
 var initialState = {
   // 行高度
@@ -27,12 +23,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':
@@ -40,25 +34,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 (0, _react.useReducer)(reducer, initialState);
 };
-
 exports.useRealive = useRealive;

package/lib/LmTable/virTual/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,9 +22,6 @@ Object.defineProperty(exports, "VirtualWrapper", {
     return _VirtualWrapper.default;
   }
 });
-
 var _VirtualTable = _interopRequireDefault(require("./VirtualTable"));
-
 var _VirtualWrapper = _interopRequireDefault(require("./VirtualWrapper"));
-
 var _VirtualRow = _interopRequireDefault(require("./VirtualRow"));

package/lib/LmUpload/LmUpload.js

@@ -1,55 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _UploadRoot = _interopRequireDefault(require("./wrapper/UploadRoot"));
-
 var _DisabledContext = _interopRequireDefault(require("../ConfigProvider/DisabledContext"));
-
 var __rest = void 0 && (void 0).__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;
 };
-
 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"]);
-
+    fileNames = _a.fileNames,
+    components = _a.components,
+    _ossConfig = _a.ossConfig,
+    resetProps = __rest(_a, ["fileConfig", "fileNames", "components", "ossConfig"]);
   var defaultRef = (0, _react.useRef)(null);
-
-  var disabled = _react.default.useContext(_DisabledContext.default); // 仅在初始化触发一次
-
-
+  var disabled = _react.default.useContext(_DisabledContext.default);
+  // 仅在初始化触发一次
   var initConfig = (0, _react.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,
@@ -128,7 +116,5 @@ var LmUpload = function LmUpload(_a, ref) {
     ref: ref || defaultRef
   }, initConfig, defaultProps));
 };
-
 var _default = /*#__PURE__*/(0, _react.forwardRef)(LmUpload);
-
 exports.default = _default;

package/lib/LmUpload/UploadList/ItemPicture.js

@@ -1,30 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _linkmoreDesign = require("linkmore-design");
-
 // 图片列表项
 var PictureItem = function PictureItem(_ref) {
   var file = _ref.file,
-      instance = _ref.instance;
+    instance = _ref.instance;
   var readOnly = instance.readOnly,
-      disabled = instance.disabled,
-      remove = instance.remove,
-      preview = instance.preview,
-      download = instance.download,
-      fileNames = instance.fileNames;
+    disabled = instance.disabled,
+    remove = instance.remove,
+    preview = instance.preview,
+    download = instance.download,
+    fileNames = instance.fileNames;
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)('lm_upload_item lm_upload_item_picture', file[fileNames.status] === 'error' && 'lm_upload_item_error')
   }, /*#__PURE__*/React.createElement("div", {
@@ -53,6 +47,5 @@ var PictureItem = function PictureItem(_ref) {
     type: "lmweb-delete"
   }))));
 };
-
 var _default = PictureItem;
 exports.default = _default;

package/lib/LmUpload/UploadList/ItemPictureCard.js

@@ -1,29 +1,21 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _linkmoreDesign = require("linkmore-design");
-
 var renderThumb = function renderThumb(file) {
   switch (file.fileExtension) {
     case '':
       return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
         type: "lmweb-folder-fill"
       });
-
     case 'jpeg':
     case 'png':
     case 'jpg':
@@ -34,7 +26,6 @@ var renderThumb = function renderThumb(file) {
       }), /*#__PURE__*/_react.default.createElement("div", {
         className: "lm_upload_item_name"
       }, file.realFileName));
-
     case 'mp4':
     case 'm2v':
     case 'mkv':
@@ -43,78 +34,69 @@ var renderThumb = function renderThumb(file) {
       return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
         type: "lmweb-video"
       });
-
     case 'doc':
     case 'docx':
       return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
         type: "lmweb-file-word"
       });
-
     case 'ppt':
     case 'pptx':
       return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
         type: "lmweb-file-ppt"
       });
-
     case 'xls':
     case 'xlsx':
       return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
         type: "lmweb-file-excel"
       });
-
     case 'pdf':
       return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
         type: "lmweb-file-pdf"
       });
-
     default:
       return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.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,
-      disabled = instance.disabled,
-      readOnly = instance.readOnly,
-      size = instance.size,
-      remove = instance.remove,
-      preview = instance.preview,
-      getFileFields = instance.getFileFields;
-
+    disabled = instance.disabled,
+    readOnly = instance.readOnly,
+    size = instance.size,
+    remove = instance.remove,
+    preview = instance.preview,
+    getFileFields = instance.getFileFields;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isError = _useState2[0],
-      setIsError = _useState2[1]; // 文件信息重组 获取文件名称 => 截取后缀文件名
-
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isError = _useState2[0],
+    setIsError = _useState2[1];
+  // 文件信息重组 获取文件名称 => 截取后缀文件名
   var resetFile = (0, _react.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 = (0, _react.useMemo)(function () {
     return "".concat(resetFile.url, "?x-oss-process=image/resize,w_").concat(size);
-  }, [resetFile.url, size]); // 根据文件名后缀判断
-
+  }, [resetFile.url, size]);
+  // 根据文件名后缀判断
   var isImg = (0, _react.useMemo)(function () {
     return ['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(resetFile.fileExtension);
-  }, [resetFile]); // 重置尺寸大小
-
+  }, [resetFile]);
+  // 重置尺寸大小
   var resetSize = (0, _react.useMemo)(function () {
     var width = size - 16;
     var padding = size > 60 ? 8 : 4;
@@ -125,7 +107,6 @@ var PictureItem = function PictureItem(_ref) {
       fontSize: fontSize
     };
   }, [size]);
-
   var handlePreview = function handlePreview() {
     preview === null || preview === void 0 ? void 0 : preview(file);
     dispatch({
@@ -136,7 +117,6 @@ var PictureItem = function PictureItem(_ref) {
       }
     });
   };
-
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     className: (0, _classnames.default)('lm_upload_item', 'lm_upload_item_card', isError && 'lm_upload_item_error'),
     style: {
@@ -184,6 +164,5 @@ var PictureItem = function PictureItem(_ref) {
     }
   })))));
 };
-
 var _default = PictureItem;
 exports.default = _default;

package/lib/LmUpload/UploadList/ItemText.js

@@ -1,28 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _linkmoreDesign = require("linkmore-design");
-
 var TextItem = function TextItem(_ref) {
   var file = _ref.file,
-      instance = _ref.instance;
+    instance = _ref.instance;
   var readOnly = instance.readOnly,
-      disabled = instance.disabled,
-      remove = instance.remove,
-      download = instance.download,
-      fileNames = instance.fileNames;
+    disabled = instance.disabled,
+    remove = instance.remove,
+    download = instance.download,
+    fileNames = instance.fileNames;
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)('lm_upload_item lm_upload_item_text', file[fileNames.status] === 'error' && 'lm_upload_item_error')
   }, /*#__PURE__*/React.createElement("div", {
@@ -47,6 +41,5 @@ var TextItem = function TextItem(_ref) {
     type: "lmweb-delete"
   }))));
 };
-
 var _default = TextItem;
 exports.default = _default;

package/lib/LmUpload/UploadList/RenderItem.js

@@ -1,39 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ItemText = _interopRequireDefault(require("./ItemText"));
-
 var _ItemPicture = _interopRequireDefault(require("./ItemPicture"));
-
 var _ItemPictureCard = _interopRequireDefault(require("./ItemPictureCard"));
-
 var _utils = require("../utils");
-
 var __rest = void 0 && (void 0).__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;
 };
-
 var RenderCell = function RenderCell(props) {
   var type = props.type,
-      resetProsp = __rest(props, ["type"]);
-
+    resetProsp = __rest(props, ["type"]);
   var types = {
     text: _ItemText.default,
     picture: _ItemPicture.default,
@@ -41,7 +30,5 @@ var RenderCell = function RenderCell(props) {
   };
   return (0, _utils.render)(types[type] || _ItemPicture.default, resetProsp);
 };
-
 var _default = /*#__PURE__*/_react.default.memo(RenderCell);
-
 exports.default = _default;