linkmore-design 1.1.13-alpha.1 → 1.1.13-alpha.10

package/lib/LmTable/style/variables.css

@@ -714,6 +714,45 @@
 #lm_protable_warp .lm_protable .ant-table-empty table .ant-table-cell {
   border-bottom: 0;
 }
+#lm_protable_warp .lm_protable .ant-table-summary {
+  height: 48px;
+}
+#lm_protable_warp .lm_protable .ant-table-summary > table {
+  height: 100%;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td {
+  padding: 0 8px;
+  text-align: right;
+  background-color: var(--table-background-color);
+}
+#lm_protable_warp .lm_protable .ant-table-summary td:first-of-type {
+  padding: 0 0 0 8px;
+  text-align: left;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td.number {
+  border-right: 1px solid #eee;
+  border-left: 1px solid #eee;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td.money {
+  color: var(--error-color);
+  border-right: 1px solid #eee;
+  border-left: 1px solid #eee;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td.money-color {
+  color: var(--error-color);
+}
+#lm_protable_warp .lm_protable .ant-table-summary td > div {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+#lm_protable_warp .lm_protable .ant-table-summary td > div:last-of-type {
+  font-weight: bold;
+}
+#lm_protable_warp .lm_protable .ant-table-summary .total_title {
+  position: relative;
+  white-space: nowrap;
+}
 #lm_protable_warp .ant-table-expand-icon-col {
   width: 32px;
 }

package/lib/LmUpload/LmUpload.js

@@ -13,6 +13,8 @@ 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 = {};
 
@@ -33,7 +35,10 @@ var LmUpload = function LmUpload(_a, ref) {
       _ossConfig = _a.ossConfig,
       resetProps = __rest(_a, ["fileConfig", "fileNames", "components", "ossConfig"]);
 
-  var defaultRef = (0, _react.useRef)(null); // 仅在初始化触发一次
+  var defaultRef = (0, _react.useRef)(null);
+
+  var disabled = _react.default.useContext(_DisabledContext.default); // 仅在初始化触发一次
+
 
   var initConfig = (0, _react.useMemo)(function () {
     return {
@@ -85,12 +90,12 @@ var LmUpload = function LmUpload(_a, ref) {
     size: 100,
     fileSize: 10,
     fileSizeType: 'M',
-    uid: 'uid',
+    uid: 'fileName',
     accept: '',
     type: ['jpg', 'jpeg', 'png'],
     listType: 'card',
     readOnly: false,
-    disabled: false,
+    disabled: disabled || false,
     showUploadList: true,
     fileList: null,
     defaultFileList: [],
@@ -100,6 +105,7 @@ var LmUpload = function LmUpload(_a, ref) {
     itemRender: null,
     enabledPreview: true,
     enabledCrop: false,
+    enableDrag: false,
     enabledOss: false,
     // oss配置
     ossConfig: function ossConfig() {

package/lib/LmUpload/UploadList/ItemPicture.js

@@ -20,6 +20,7 @@ var PictureItem = function PictureItem(_ref) {
   var file = _ref.file,
       instance = _ref.instance;
   var readOnly = instance.readOnly,
+      disabled = instance.disabled,
       remove = instance.remove,
       preview = instance.preview,
       download = instance.download,
@@ -41,7 +42,7 @@ var PictureItem = function PictureItem(_ref) {
     onClick: function onClick() {
       return download(file);
     }
-  }, file[fileNames.fileName])), !readOnly && /*#__PURE__*/React.createElement("div", {
+  }, file[fileNames.fileName])), !readOnly && !disabled && /*#__PURE__*/React.createElement("div", {
     className: "picture_right lm_upload_item_action"
   }, /*#__PURE__*/React.createElement("div", {
     className: "action_delete",

package/lib/LmUpload/UploadList/ItemPictureCard.d.ts

@@ -1,6 +1,7 @@
-declare const PictureItem: ({ file, index, instance }: {
+declare const PictureItem: ({ file, index, instance, listeners }: {
     file: any;
     index: any;
     instance: any;
+    listeners: any;
 }) => JSX.Element;
 export default PictureItem;

package/lib/LmUpload/UploadList/ItemPictureCard.js

@@ -78,8 +78,10 @@ var renderThumb = function renderThumb(file) {
 var PictureItem = function PictureItem(_ref) {
   var file = _ref.file,
       index = _ref.index,
-      instance = _ref.instance;
+      instance = _ref.instance,
+      listeners = _ref.listeners;
   var dispatch = instance.dispatch,
+      disabled = instance.disabled,
       readOnly = instance.readOnly,
       size = instance.size,
       remove = instance.remove,
@@ -135,13 +137,13 @@ var PictureItem = function PictureItem(_ref) {
     });
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", {
+  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: {
       height: size,
       width: size
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, listeners || {}), /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_upload_item_thumb"
   }, isError || !isImg ? renderThumb(resetFile) : /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Image, {
     width: resetSize.width,
@@ -153,7 +155,15 @@ var PictureItem = function PictureItem(_ref) {
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_upload_item_mask"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_upload_item_action"
+    className: "lm_upload_item_action",
+    onKeyDown: function onKeyDown(e) {
+      e.stopPropagation();
+      e.preventDefault();
+    },
+    onPointerDown: function onPointerDown(e) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "action_preview",
     onClick: handlePreview
@@ -162,7 +172,7 @@ var PictureItem = function PictureItem(_ref) {
     style: {
       fontSize: resetSize.fontSize
     }
-  })), !readOnly && /*#__PURE__*/_react.default.createElement("div", {
+  })), !readOnly && !disabled && /*#__PURE__*/_react.default.createElement("div", {
     className: "action_delete",
     onClick: function onClick() {
       return remove(file);

package/lib/LmUpload/UploadList/ItemText.js

@@ -19,7 +19,9 @@ var TextItem = function TextItem(_ref) {
   var file = _ref.file,
       instance = _ref.instance;
   var readOnly = instance.readOnly,
+      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')
@@ -30,8 +32,11 @@ var TextItem = function TextItem(_ref) {
   }, /*#__PURE__*/React.createElement(_linkmoreDesign.IconFont, {
     type: "lmweb-attachment"
   })), /*#__PURE__*/React.createElement("div", {
-    className: "lm_upload_item_name"
-  }, file[fileNames.fileName])), !readOnly && /*#__PURE__*/React.createElement("div", {
+    className: "lm_upload_item_name",
+    onClick: function onClick() {
+      return download(file);
+    }
+  }, file[fileNames.fileName])), !readOnly && !disabled && /*#__PURE__*/React.createElement("div", {
     className: "text_right lm_upload_item_text_action"
   }, /*#__PURE__*/React.createElement("div", {
     className: "action_delete",

package/lib/LmUpload/UploadList/index.js

@@ -11,17 +11,24 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _linkmoreDesign = require("linkmore-design");
+
 var _utils = require("../utils");
 
 var _RenderItem = _interopRequireDefault(require("./RenderItem"));
 
 var LmUploadList = function LmUploadList(_ref) {
   var instance = _ref.instance;
-  var getFileHasValue = instance.getFileHasValue,
+  var uid = instance.uid,
+      getFileHasValue = instance.getFileHasValue,
       getFileList = instance.getFileList,
       itemRender = instance.itemRender,
       listType = instance.listType,
-      showUploadList = instance.showUploadList;
+      showUploadList = instance.showUploadList,
+      disabled = instance.disabled,
+      enableDrag = instance.enableDrag,
+      fileNames = instance.fileNames,
+      move = instance.move;
   if (!showUploadList) return null;
   var fileList = (0, _react.useMemo)(function () {
     var _a;
@@ -30,6 +37,51 @@ var LmUploadList = function LmUploadList(_ref) {
       return a.seq - b.seq;
     });
   }, [getFileList]);
+
+  var handleMove = function handleMove(active, over, fileList) {
+    try {
+      var fileMap = fileList.map(function (v) {
+        if (getFileHasValue(v) === getFileHasValue(active)) {
+          return Object.assign(Object.assign({}, v), {
+            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);
+    } catch (error) {
+      console.log('移动出现了错误', error);
+    }
+  };
+
+  if (!disabled && enableDrag) {
+    return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.LmDrag, {
+      options: fileList,
+      rowKey: uid,
+      move: handleMove
+    }, function (_ref2) {
+      var item = _ref2.item,
+          listeners = _ref2.listeners,
+          index = _ref2.index;
+      return (0, _utils.render)(itemRender || _RenderItem.default, {
+        type: listType,
+        key: getFileHasValue(item) || index,
+        index: index,
+        file: item,
+        fileList: fileList,
+        instance: instance,
+        listeners: listeners
+      });
+    });
+  }
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, fileList === null || fileList === void 0 ? void 0 : fileList.map(function (file, idx) {
     return (0, _utils.render)(itemRender || _RenderItem.default, {
       type: listType,

package/lib/LmUpload/body/UploadCore.js

@@ -11,6 +11,8 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _UploadPicture = _interopRequireDefault(require("./UploadPicture"));
 
 // 上传核心
@@ -24,6 +26,7 @@ var UploadCore = function UploadCore(_ref) {
   var inputRef = _react.default.useRef(null);
 
   var accept = instance.accept,
+      disabled = instance.disabled,
       children = instance.children,
       beforeUpload = instance.beforeUpload,
       getUploadStatus = instance.getUploadStatus,
@@ -32,6 +35,7 @@ var UploadCore = function UploadCore(_ref) {
   var handleClick = (0, _react.useCallback)(function () {
     var _a;
 
+    if (disabled) return;
     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();
@@ -57,7 +61,7 @@ var UploadCore = function UploadCore(_ref) {
   };
   return !getIsMaxCount() && /*#__PURE__*/_react.default.createElement("div", {
     onClick: handleClick,
-    className: "lm_upload_core"
+    className: (0, _classnames.default)('lm_upload_core', disabled && 'disabled')
   }, children || /*#__PURE__*/_react.default.createElement(_UploadPicture.default, {
     instance: instance
   }), /*#__PURE__*/_react.default.createElement("input", Object.assign({

package/lib/LmUpload/fns/index.d.ts

@@ -15,6 +15,7 @@ declare const useCoreOptions: ({ state, dispatch, props }: {
         remove: (file: any) => Promise<void>;
         preview: (file: any) => void;
         download: (file: any) => void;
+        move: (active: any, over: any, fileList: any) => void;
     };
     RefMethods: {
         getState: () => any;

package/lib/LmUpload/fns/index.js

@@ -61,22 +61,28 @@ var useCoreOptions = function useCoreOptions(_ref) {
       fileAreaSize = props.fileAreaSize,
       enabledOss = props.enabledOss,
       enableCrop = props.enableCrop,
-      ossConfig = props.ossConfig; // 获取两个对象是否存在指定值相等
+      ossConfig = props.ossConfig;
+  /* 获取两个对象是否存在指定值相等
+   * 取用户定义的列字段，如果读取不到则取'fileName'对比
+   */
 
   var getHasEqual = (0, _react.useCallback)(function (obj1, obj2) {
     var extend = [uid, 'fileName'];
     var flag = false;
     extend.forEach(function (v) {
-      if (!flag) flag = obj1[v] === obj2[v];
+      if (!flag && obj1[v] && obj2[v]) {
+        flag = obj1[v] === obj2[v];
+      }
     });
     return flag;
-  }, []); // 从对象中读取存在的指定属性
+  }, [uid]); // 从对象中读取存在的指定属性
 
   var getFileHasValue = (0, _react.useCallback)(function (obj) {
+    if (!obj) return '';
     var extend = [uid, 'fileName'];
     var val = '';
     extend.forEach(function (v) {
-      if (!val) val = obj[v];
+      if (!val && obj[v]) val = obj[v];
     });
     return val;
   }, [uid]); // 获取当前的文件列表
@@ -478,7 +484,21 @@ var useCoreOptions = function useCoreOptions(_ref) {
     var _a;
 
     (_a = props.onDownload) === null || _a === void 0 ? void 0 : _a.call(props, file);
-  }, [props.onDownload]);
+  }, [props.onDownload]); // 拖拽移动事件
+
+  var move = (0, _react.useCallback)(function (active, over, fileList) {
+    var _a;
+
+    (_a = props.onMove) === null || _a === void 0 ? void 0 : _a.call(props, active, over, fileList);
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      file: active,
+      fileList: fileList
+    });
+    dispatch({
+      type: 'changeFileList',
+      fileList: fileList
+    });
+  }, [props.onMove, onChange, dispatch]);
   var CoreMethods = {
     getIsMaxCount: getIsMaxCount,
     getFileHasValue: getFileHasValue,
@@ -488,7 +508,8 @@ var useCoreOptions = function useCoreOptions(_ref) {
     getUploadStatus: getUploadStatus,
     remove: remove,
     preview: preview,
-    download: download
+    download: download,
+    move: move
   };
   var RefMethods = {
     getState: function getState() {

package/lib/LmUpload/style/index.css

@@ -122,6 +122,7 @@
   gap: 8px;
 }
 .lm_upload_wrapper .lm_upload_core {
+  position: relative;
   display: inline-flex;
   vertical-align: middle;
 }
@@ -136,6 +137,12 @@
   cursor: pointer;
   transition: all 0.3s;
 }
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture::after {
+  position: absolute;
+  background-color: var(--disabled-bg-color);
+  cursor: not-allowed;
+  inset: 0;
+}
 .lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
   border-color: var(--primary-color);
 }
@@ -151,6 +158,16 @@
   margin-top: var(--gap);
   color: var(--color-45);
 }
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture {
+  border-color: var(--disabled-border-color);
+}
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture::after {
+  content: '';
+}
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .action_plus,
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .tip {
+  color: var(--disabled-font-color);
+}
 .lm_upload_wrapper .lm_upload_progress {
   width: 100%;
   height: 2px;

package/lib/LmUpload/style/variables.css

@@ -122,6 +122,7 @@
   gap: 8px;
 }
 .lm_upload_wrapper .lm_upload_core {
+  position: relative;
   display: inline-flex;
   vertical-align: middle;
 }
@@ -136,6 +137,12 @@
   cursor: pointer;
   transition: all 0.3s;
 }
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture::after {
+  position: absolute;
+  background-color: var(--disabled-bg-color);
+  cursor: not-allowed;
+  inset: 0;
+}
 .lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
   border-color: var(--primary-color);
 }
@@ -151,6 +158,16 @@
   margin-top: var(--gap);
   color: var(--color-45);
 }
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture {
+  border-color: var(--disabled-border-color);
+}
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture::after {
+  content: '';
+}
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .action_plus,
+.lm_upload_wrapper .lm_upload_core.disabled .lm_upload_core_picture .lm_upload_core_picture_action .tip {
+  color: var(--disabled-font-color);
+}
 .lm_upload_wrapper .lm_upload_progress {
   width: 100%;
   height: 2px;

package/lib/QuickMenu/index.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-interface IMenuData {
+export interface IMenuData {
     menuId: string;
     title: string | React.ReactNode;
+    hidden?: boolean;
 }
 export interface IQuickMenuProps {
     className?: string;
@@ -9,6 +10,7 @@ export interface IQuickMenuProps {
     top?: number;
     menuData: IMenuData[];
     warpElement: any;
+    root?: IntersectionObserver['root'] | undefined;
 }
 declare const LMQuickMenu: React.FC<IQuickMenuProps>;
 export default LMQuickMenu;

package/lib/QuickMenu/index.js

@@ -29,7 +29,8 @@ var LMQuickMenu = function LMQuickMenu(props) {
       top = _props$top === void 0 ? '104px' : _props$top,
       _props$menuData = props.menuData,
       menuData = _props$menuData === void 0 ? [] : _props$menuData,
-      warpElement = props.warpElement;
+      warpElement = props.warpElement,
+      root = props.root;
   var idTopInfo = (0, _react.useRef)({});
 
   var _useState = (0, _react.useState)(false),
@@ -48,6 +49,11 @@ var LMQuickMenu = function LMQuickMenu(props) {
   var scroll = (0, _ahooks.useScroll)((0, _domTarget.getTargetElement)(warpElement || document), function () {
     return scrollOpenStatus;
   });
+  var filterMenuData = (0, _react.useMemo)(function () {
+    return menuData === null || menuData === void 0 ? void 0 : menuData.filter(function (item) {
+      return item.hidden !== true;
+    });
+  }, [menuData]);
 
   function clearActiveToc() {
     [].forEach.call(document.querySelectorAll('.lm_menu_list li a'), function (node) {
@@ -71,7 +77,7 @@ var LMQuickMenu = function LMQuickMenu(props) {
       (_a = menuTimeEventRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
     }
 
-    if (!menuData.length) {
+    if (!filterMenuData.length) {
       return;
     } // eslint-disable-next-line global-require
 
@@ -82,12 +88,13 @@ var LMQuickMenu = function LMQuickMenu(props) {
     var scrollama = require('scrollama');
 
     menuTimeEventRef.current = scrollama();
+    console.log((0, _domTarget.getTargetElement)(warpElement || document), '--getTargetElement(warpElement || document)');
     (_c = (_b = menuTimeEventRef.current) === null || _b === void 0 ? void 0 : _b.setup({
-      step: menuData.map(function (item) {
+      step: filterMenuData.map(function (item) {
         return document.getElementById("".concat(item.menuId));
-      }).filter(Boolean) // required
-      // offset: '10px',
-
+      }).filter(Boolean),
+      container: (0, _domTarget.getTargetElement)(warpElement || document),
+      root: root ? (0, _domTarget.getTargetElement)(root) : undefined
     })) === null || _c === void 0 ? void 0 : _c.onStepEnter(function (_ref) {
       var element = _ref.element;
       updateActiveToc(element.id);
@@ -95,7 +102,7 @@ var LMQuickMenu = function LMQuickMenu(props) {
   };
 
   function setKeysDom() {
-    menuData.forEach(function (item) {
+    filterMenuData.forEach(function (item) {
       var _a, _b;
 
       var warpTop = ((_a = (0, _domTarget.getTargetElement)(warpElement || document)) === null || _a === void 0 ? void 0 : _a.offsetTop) || 0;
@@ -119,12 +126,6 @@ var LMQuickMenu = function LMQuickMenu(props) {
     wait: 50
   });
 
-  var bindDom = function bindDom() {
-    if (!Object.keys(idTopInfo.current).length) {
-      setKeysDom();
-    }
-  };
-
   var handleScroll = function handleScroll() {
     setScrollOpenStatus(true);
   };
@@ -139,10 +140,6 @@ var LMQuickMenu = function LMQuickMenu(props) {
     var _a; // bindScroller();
 
 
-    setTimeout(function () {
-      bindDom();
-      bindScroller();
-    }, 200);
     (_a = (0, _domTarget.getTargetElement)(warpElement || document)) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', handleScroll, {
       once: true
     });
@@ -152,6 +149,12 @@ var LMQuickMenu = function LMQuickMenu(props) {
       (_a = (0, _domTarget.getTargetElement)(warpElement || document)) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', handleScroll);
     };
   }, []);
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      setKeysDom();
+      bindScroller();
+    }, 200);
+  }, [filterMenuData]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(prefixCls),
     onMouseEnter: function onMouseEnter() {
@@ -173,7 +176,7 @@ var LMQuickMenu = function LMQuickMenu(props) {
     })
   }), /*#__PURE__*/_react.default.createElement("ul", {
     className: (0, _classnames.default)('lm_menu_list', hovering && 'show', className)
-  }, menuData.map(function (item) {
+  }, filterMenuData.map(function (item) {
     return /*#__PURE__*/_react.default.createElement("li", {
       key: item.menuId,
       onClick: function onClick() {

package/lib/Select/index.d.ts

@@ -6,6 +6,9 @@ export interface ISelectProps extends SelectProps {
     Option?: typeof Select.Option;
     OptGroup?: typeof Select.OptGroup;
     defaultLabel?: string;
+    suffix?: React.ReactNode;
+    icon?: React.ReactNode;
+    iconClick?: () => void;
 }
 declare type SelectType = typeof Select & typeof Select.Option & typeof Select.OptGroup;
 declare const LMSelect: SelectType;