linkmore-design 1.0.71 → 1.0.72

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/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';

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';

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);

package/lib/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/lib/ImageViewer/wrapeer/Container.d.ts

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

package/lib/ImageViewer/wrapeer/Container.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+// 根文件 => 参数聚合
+var LmImageViewerContainer = function LmImageViewerContainer(_ref) {
+  var instance = _ref.instance;
+  var viisble = instance.viisble;
+  if (!viisble) return null;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_image_viewer_container"
+  }, "container"));
+};
+
+var _default = LmImageViewerContainer;
+exports.default = _default;