linkmore-design 1.0.70 → 1.0.73

package/es/Approval/index.d.ts

@@ -2,3 +2,4 @@ import React from 'react';
 import { IApprovalProps } from './type';
 declare const LMApproval: React.FC<IApprovalProps>;
 export default LMApproval;
+export type { ApprovalType, StatusType, IApprovalItemProps, IApprovalProps } from './type';

package/es/CardTable/table/TableContainer.js

@@ -27,21 +27,20 @@ var LmCardTableContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
       type = table.type;
   var tableContainerRef = (0, _react.useRef)(null); // 行数据计算
 
-  var getRows = function getRows(columnCount) {
+  var getRows = (0, _react.useCallback)(function (columnCount) {
     var arr = [];
     var len = Math.ceil(dataSource.length / columnCount);
 
-    for (var i = 0; i < len; i++) {
+    for (var i = 0; i < len; i += 1) {
       var startIndex = columnCount * i;
       var items = dataSource.slice(startIndex, startIndex + columnCount);
       arr.push(items);
     }
 
     return arr;
-  }; // 获取容器盒子高宽
+  }, [dataSource]); // 获取容器盒子高宽
 
-
-  var getResize = function getResize() {
+  var getResize = (0, _react.useCallback)(function () {
     var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
         blockSize = _ref2.blockSize,
         inlineSize = _ref2.inlineSize;
@@ -68,8 +67,7 @@ var LmCardTableContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
       type: 'changeRows',
       rows: rows
     });
-  }; // 获取表格高度
-
+  }, [getRows]); // 获取表格高度
 
   useIsomorphicLayoutEffect(function () {
     // 频繁变动可考虑增加防抖
@@ -86,7 +84,7 @@ var LmCardTableContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
     return function () {
       return resizeObserver.disconnect();
     };
-  }, [type]);
+  }, [type, getResize]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: tableContainerRef,
     className: "lm_card_table_container"

package/es/ImageViewer/LmImageViewer.js

@@ -18,9 +18,19 @@ var LmImageViewer = function LmImageViewer(_a, ref) {
   var resetProps = __rest(_a, []);
 
   var defaultRef = useRef(null);
+  var defaultConfig = {
+    visible: false,
+    urlList: [],
+    zIndex: 1,
+    initialIndex: 0,
+    infinite: false,
+    hideOnClickModal: false,
+    close: function close() {} // 触发关闭时的事件
+
+  };
   return /*#__PURE__*/React.createElement(LmImageViewerRoot, Object.assign({
     ref: ref || defaultRef
-  }, resetProps));
+  }, defaultConfig, resetProps));
 };
 
 export default /*#__PURE__*/forwardRef(LmImageViewer);

package/es/ImageViewer/style/index.css

@@ -1,211 +1,5 @@
-.lm_upload_wrapper {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-.lm_upload_wrapper .lm_upload_core {
-  display: inline-flex;
-  vertical-align: middle;
-}
-.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture {
-  font-size: 12px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  border: 1px solid var(--color-15);
-  background-color: var(--color-2);
-  transition: all 0.3s;
-  cursor: pointer;
-}
-.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
-  border-color: var(--primary-color);
-}
-.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action {
-  width: 100%;
-  text-align: center;
-  padding: var(--gap);
-}
-.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .action_plus {
-  color: var(--color-85);
-}
-.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .tip {
-  color: var(--color-45);
-  margin-top: var(--gap);
-}
-.lm_upload_wrapper .lm_upload_progress {
-  width: 100%;
-  height: 2px;
-  background-color: var(--color-4);
-  border-radius: 20px;
-  margin: 10px 0;
-}
-.lm_upload_wrapper .lm_upload_progress .line {
-  width: 0%;
-  height: 2px;
-  transition: 0.3;
-  background-color: var(--primary-color);
-  border-radius: 20px;
-}
-.lm_upload_wrapper .lm_upload_item {
-  vertical-align: middle;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--gap);
-  width: 100%;
-  height: 22px;
-  padding: 0 6px;
-  transition: 0.3s;
-  cursor: pointer;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text:hover {
-  background-color: var(--color-2);
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  gap: var(--gap);
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .prefix {
-  font-size: 14px;
-  color: var(--color-45);
-  transition: 0.3s;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .lm_upload_item_name {
-  flex: 1;
-  font-size: 14px;
-  color: var(--primary-color);
-  transition: 0.3s;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right {
-  display: inline-flex;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete {
-  width: 24px;
-  text-align: center;
-  color: var(--color-45);
-  transition: 0.3s;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete .anticon {
-  font-size: 14px;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete:hover {
-  color: var(--primary-color);
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.error {
-  color: var(--error-color);
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  border: 1px solid var(--color-15);
-  border-radius: 2px;
-  padding: var(--gap);
-  transition: all 0.3s;
-  cursor: pointer;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb {
-  width: 100%;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb .anticon {
-  font-size: 34px;
-  color: var(--color-45);
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb img {
-  object-fit: contain;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_error .lm_upload_item_name {
-  font-size: 12px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  margin-top: 8px;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_mask {
-  position: absolute;
-  inset: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: rgba(0, 0, 0, 0.5);
-  opacity: 0;
-  transition: 0.3s;
+.lm_image_viwer_wrapper {
+  position: fixed;
+  inset: 0;
   z-index: 1;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_mask .lm_upload_item_action {
-  display: flex;
-  align-items: center;
-  gap: var(--gap);
-  color: #fff;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card:hover .lm_upload_item_mask {
-  opacity: 1;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error {
-  border-color: var(--error-color);
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error .lm_upload_item_mask {
-  display: none;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error .lm_upload_item_error {
-  color: var(--error-color);
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--gap);
-  width: 100%;
-  border: 1px solid var(--color-15);
-  border-radius: 2px;
-  padding: var(--gap);
-  transition: 0.3s;
-  cursor: pointer;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture:hover {
-  border-color: var(--primary-color);
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left {
-  flex: 1;
-  display: inline-flex;
-  align-items: center;
-  gap: var(--gap);
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_thumb {
-  width: 48px;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_thumb img {
-  width: 100%;
-  max-height: 80px;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_name {
-  flex: 1;
-  font-size: 14px;
-  color: var(--primary-color);
-  transition: 0.3s;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right {
-  display: flex;
-  align-items: center;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete {
-  width: 24px;
-  text-align: center;
-  color: var(--color-45);
-  transition: 0.3s;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete .anticon {
-  font-size: 14px;
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete:hover {
-  color: var(--primary-color);
-}
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture.error {
-  color: var(--error-color);
-}

package/es/ImageViewer/wrapeer/Container.d.ts

@@ -0,0 +1,4 @@
+declare const LmImageViewerContainer: ({ instance }: {
+    instance: any;
+}) => JSX.Element;
+export default LmImageViewerContainer;

package/es/ImageViewer/wrapeer/Container.js

@@ -0,0 +1,13 @@
+// 根文件 => 参数聚合
+import React from 'react';
+
+var LmImageViewerContainer = function LmImageViewerContainer(_ref) {
+  var instance = _ref.instance;
+  var viisble = instance.viisble;
+  if (!viisble) return null;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "lm_image_viewer_container"
+  }, "container"));
+};
+
+export default LmImageViewerContainer;

package/es/ImageViewer/wrapeer/Root.js

@@ -1,12 +1,17 @@
 // 根文件 => 参数聚合
 import React, { forwardRef, useImperativeHandle } from 'react';
+import LmImageViewerWrapper from './Wrapper';
 
 var LmImageViewerRoot = function LmImageViewerRoot(props, ref) {
-  // 向外暴露出的方法
+  // 组件实例
+  var instance = Object.assign({}, props); // 向外暴露出的方法
+
   useImperativeHandle(ref, function () {
     return {};
   });
-  return /*#__PURE__*/React.createElement("div", null, "ImageViewer");
+  return /*#__PURE__*/React.createElement(LmImageViewerWrapper, {
+    instance: instance
+  });
 };
 
 export default /*#__PURE__*/forwardRef(LmImageViewerRoot);

package/es/ImageViewer/wrapeer/Wrapper.d.ts

@@ -0,0 +1,4 @@
+declare const LmImageViewerWrapper: ({ instance }: {
+    instance: any;
+}) => JSX.Element;
+export default LmImageViewerWrapper;

package/es/ImageViewer/wrapeer/Wrapper.js

@@ -0,0 +1,14 @@
+// 根文件 => 参数聚合
+import React from 'react';
+import LmImageViewerContainer from './Container';
+
+var LmImageViewerWrapper = function LmImageViewerWrapper(_ref) {
+  var instance = _ref.instance;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lm_image_viwer_wrapper"
+  }, /*#__PURE__*/React.createElement(LmImageViewerContainer, {
+    instance: instance
+  }));
+};
+
+export default LmImageViewerWrapper;

package/es/LmFilter/wrapper/FilterRoot.js

@@ -165,7 +165,7 @@ var LmFilterRoot = function LmFilterRoot(props, ref) {
     props: props
   }),
       CoreMethods = _useCoreOptions.CoreMethods,
-      RefMethods = _useCoreOptions.RefMethods; // 组件示例
+      RefMethods = _useCoreOptions.RefMethods; // 组件实例
 
 
   var instance = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), CoreMethods), RefMethods), {}, {

package/es/Row/index.d.ts

@@ -1,3 +1,3 @@
 import { Row, RowProps } from '../Grid';
-export { RowProps };
+export type { RowProps };
 export default Row;

package/es/index.d.ts

@@ -12,6 +12,7 @@ export { default as Empty } from './Empty';
 export { default as EnlargeImg } from './EnlargeImg';
 export { default as Filter } from './Filter';
 export { default as LmFilter } from './LmFilter';
+export { default as CardTable } from './CardTable';
 export { default as Icon } from './Icon';
 export { default as IconFont } from './IconFont';
 export { default as IconSelect } from './IconSelect';
@@ -33,7 +34,6 @@ export { default as Radio } from './Radio';
 export { default as Select } from './Select';
 export { default as Space } from './Space';
 export { default as TableRender } from './TableRender';
-export { default as Tree } from './Tree';
 export { default as UploadOss } from './UploadOss';
 export { default as VirtualList } from './VirtualList';
 export { default as Tag } from './Tag';
@@ -65,7 +65,7 @@ export { default as Grid } from './Grid';
 export { default as Row } from './Row';
 export type { RowProps } from './Row';
 export { default as Col } from './Col';
-export type { ColProps } from './Col';
+export type { ColProps, ColSize } from './Col';
 export { default as Layout } from './Layout';
 export type { LayoutProps, SiderProps } from './Layout';
 export { default as Steps } from './Steps';
@@ -85,3 +85,23 @@ export { default as Carousel } from './Carousel';
 export type { CarouselProps } from './Carousel';
 export { default as Alert } from './Alert';
 export type { AlertProps } from './Alert';
+export { default as Segmented } from './Segmented';
+export type { SegmentedProps } from './Segmented';
+export { default as Approval } from './Approval';
+export type { ApprovalType, StatusType, IApprovalItemProps, IApprovalProps } from './Approval';
+export { default as TimePicker } from './TimePicker';
+export type { TimeRangePickerProps, TimePickerProps } from './TimePicker';
+export { default as Collapse } from './Collapse';
+export type { CollapseProps } from './Collapse';
+export { default as Comment } from './Comment';
+export type { CommentProps } from './Comment';
+export { default as Statistic } from './Statistic';
+export type { StatisticProps } from './Statistic';
+export { default as Timeline } from './Timeline';
+export type { TimelineProps } from './Timeline';
+export { default as Tree } from './Tree';
+export type { ITreeProps } from './Tree';
+export { default as Popconfirm } from './Popconfirm';
+export type { PopconfirmProps } from './Popconfirm';
+export { default as Progress } from './Progress';
+export type { ProgressProps } from './Progress';

package/es/index.js

@@ -12,6 +12,7 @@ export { default as Empty } from './Empty';
 export { default as EnlargeImg } from './EnlargeImg';
 export { default as Filter } from './Filter';
 export { default as LmFilter } from './LmFilter';
+export { default as CardTable } from './CardTable';
 export { default as Icon } from './Icon';
 export { default as IconFont } from './IconFont';
 export { default as IconSelect } from './IconSelect';
@@ -32,7 +33,6 @@ export { default as Radio } from './Radio';
 export { default as Select } from './Select';
 export { default as Space } from './Space';
 export { default as TableRender } from './TableRender';
-export { default as Tree } from './Tree';
 export { default as UploadOss } from './UploadOss';
 export { default as VirtualList } from './VirtualList';
 export { default as Tag } from './Tag';
@@ -65,4 +65,14 @@ export { default as Transfer } from './Transfer';
 export { default as TreeSelect } from './TreeSelect';
 export { default as Calendar } from './Calendar';
 export { default as Carousel } from './Carousel';
-export { default as Alert } from './Alert';
+export { default as Alert } from './Alert';
+export { default as Segmented } from './Segmented';
+export { default as Approval } from './Approval';
+export { default as TimePicker } from './TimePicker';
+export { default as Collapse } from './Collapse';
+export { default as Comment } from './Comment';
+export { default as Statistic } from './Statistic';
+export { default as Timeline } from './Timeline';
+export { default as Tree } from './Tree';
+export { default as Popconfirm } from './Popconfirm';
+export { default as Progress } from './Progress';

package/lib/Approval/index.d.ts

@@ -2,3 +2,4 @@ import React from 'react';
 import { IApprovalProps } from './type';
 declare const LMApproval: React.FC<IApprovalProps>;
 export default LMApproval;
+export type { ApprovalType, StatusType, IApprovalItemProps, IApprovalProps } from './type';

package/lib/CardTable/table/TableContainer.js

@@ -27,21 +27,20 @@ var LmCardTableContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
       type = table.type;
   var tableContainerRef = (0, _react.useRef)(null); // 行数据计算
 
-  var getRows = function getRows(columnCount) {
+  var getRows = (0, _react.useCallback)(function (columnCount) {
     var arr = [];
     var len = Math.ceil(dataSource.length / columnCount);
 
-    for (var i = 0; i < len; i++) {
+    for (var i = 0; i < len; i += 1) {
       var startIndex = columnCount * i;
       var items = dataSource.slice(startIndex, startIndex + columnCount);
       arr.push(items);
     }
 
     return arr;
-  }; // 获取容器盒子高宽
+  }, [dataSource]); // 获取容器盒子高宽
 
-
-  var getResize = function getResize() {
+  var getResize = (0, _react.useCallback)(function () {
     var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
         blockSize = _ref2.blockSize,
         inlineSize = _ref2.inlineSize;
@@ -68,8 +67,7 @@ var LmCardTableContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
       type: 'changeRows',
       rows: rows
     });
-  }; // 获取表格高度
-
+  }, [getRows]); // 获取表格高度
 
   useIsomorphicLayoutEffect(function () {
     // 频繁变动可考虑增加防抖
@@ -86,7 +84,7 @@ var LmCardTableContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
     return function () {
       return resizeObserver.disconnect();
     };
-  }, [type]);
+  }, [type, getResize]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: tableContainerRef,
     className: "lm_card_table_container"

package/lib/ImageViewer/LmImageViewer.js

@@ -30,9 +30,19 @@ var LmImageViewer = function LmImageViewer(_a, ref) {
   var resetProps = __rest(_a, []);
 
   var defaultRef = (0, _react.useRef)(null);
+  var defaultConfig = {
+    visible: false,
+    urlList: [],
+    zIndex: 1,
+    initialIndex: 0,
+    infinite: false,
+    hideOnClickModal: false,
+    close: function close() {} // 触发关闭时的事件
+
+  };
   return /*#__PURE__*/_react.default.createElement(_Root.default, Object.assign({
     ref: ref || defaultRef
-  }, resetProps));
+  }, defaultConfig, resetProps));
 };
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(LmImageViewer);