linkmore-design 1.1.9 → 1.1.10

package/dist/variables.css

@@ -11266,6 +11266,9 @@ p {
   height: 48px;
   font-size: 12px;
 }
+#lm_protable_warp .ant-table-tbody > tr > .ant-table-selection-column {
+  text-align: left;
+}
 #lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
   padding: 0 !important;
 }
@@ -11647,6 +11650,124 @@ button.ant-table-row-expand-icon::after {
 .WeChatContactsAvatarTools .rightClickItems:last-child {
   border-bottom: 0;
 }
+.lm_image_viewer_wrapper {
+  position: fixed;
+  z-index: 1001;
+  inset: 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_mask {
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.5);
+  inset: 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  flex-flow: column;
+  gap: var(--gap);
+  align-items: center;
+  height: 100vh;
+  padding: 50px 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list {
+  flex: 1;
+  width: 51%;
+  max-height: 100%;
+  overflow: hidden;
+  touch-action: none;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list div {
+  height: 100%;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item {
+  overflow: hidden;
+  text-align: center;
+  border-radius: 2px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item img {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list {
+  display: flex;
+  gap: var(--gap);
+  width: 51%;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 98px;
+  height: 98px;
+  text-align: center;
+  background-color: var(--color-contrast);
+  border: 2px solid transparent;
+  border-radius: 2px;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item .thumb_item_icon {
+  color: var(--color-45);
+  font-size: 34px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item img {
+  display: inline-block;
+  width: 94px;
+  height: 94px;
+  object-fit: cover;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item.active {
+  border-color: var(--primary-color);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action {
+  position: absolute;
+  bottom: 50px;
+  left: 50%;
+  display: flex;
+  gap: 24px;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  font-size: 24px;
+  background-color: #fff;
+  border-radius: 100px;
+  transform: translateX(-50%);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon {
+  cursor: pointer;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon:hover {
+  color: var(--primary-color);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow {
+  position: absolute;
+  top: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 48px;
+  color: var(--color-contrast);
+  font-size: 32px;
+  background-color: var(--text-color);
+  transform: translateY(-50%);
+  cursor: pointer;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_left {
+  left: 40px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_right {
+  right: 40px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow:hover {
+  color: var(--primary-color);
+}
 .lm_upload_wrapper {
   display: flex;
   flex-wrap: wrap;

package/es/ImageViewer/components/Operate.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { IconFont } from 'linkmore-design';
+import { ZoomOutOutlined } from '@ant-design/icons';
 
 var Operate = function Operate(_ref) {
   var instance = _ref.instance;
@@ -19,10 +20,12 @@ var Operate = function Operate(_ref) {
     onClick: function onClick(e) {
       return handleTranform(e, 'zoomIn');
     }
-  }), /*#__PURE__*/React.createElement(IconFont, {
-    type: "lmweb-a-icon_m_search1",
+  }), /*#__PURE__*/React.createElement(ZoomOutOutlined, {
     onClick: function onClick(e) {
       return handleTranform(e, 'zoomOut');
+    },
+    style: {
+      fontSize: 22
     }
   }), /*#__PURE__*/React.createElement(IconFont, {
     type: "lmweb-undo",

package/es/LmTable/Table.js

@@ -31,8 +31,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactResizable = require("react-resizable");
 
-var _ahooks = require("ahooks");
-
 var _immer = require("immer");
 
 var _reactSortableHoc = require("react-sortable-hoc");
@@ -391,8 +389,14 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var handleResize = function handleResize(index) {
     return function (e, _ref2) {
       var size = _ref2.size;
+      var i = index;
       var nextColumns = (0, _toConsumableArray2.default)(useColumns);
-      nextColumns[index] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nextColumns[index]), {}, {
+      nextColumns.forEach(function (item, index) {
+        if (index <= i && item.show === false) {
+          i += 1;
+        }
+      });
+      nextColumns[i] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nextColumns[i]), {}, {
         width: size.width
       });
       setColumns(nextColumns);
@@ -996,7 +1000,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var colIndex = 0;
 
     var traverseColumns = function traverseColumns(columns) {
-      columns === null || columns === void 0 ? void 0 : columns.forEach(function (col) {
+      columns === null || columns === void 0 ? void 0 : columns.forEach(function (col, index) {
         if (col.show === false) {
           return;
         }
@@ -1011,7 +1015,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           col.onHeaderCell = function (column) {
             return resizeable ? {
               width: column.width,
-              onResize: handleResize(col.$_colIndex),
+              onResize: handleResize(index),
               onResizeStop: endResize
             } : {
               width: column.width

package/es/LmTable/style/index.css

@@ -1237,6 +1237,9 @@ p {
   height: 48px;
   font-size: 12px;
 }
+#lm_protable_warp .ant-table-tbody > tr > .ant-table-selection-column {
+  text-align: left;
+}
 #lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
   padding: 0 !important;
 }

package/es/LmTable/style/variables.css

@@ -726,6 +726,9 @@
   height: 48px;
   font-size: 12px;
 }
+#lm_protable_warp .ant-table-tbody > tr > .ant-table-selection-column {
+  text-align: left;
+}
 #lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
   padding: 0 !important;
 }

package/es/LmUpload/style/index.css

@@ -1,3 +1,121 @@
+.lm_image_viewer_wrapper {
+  position: fixed;
+  z-index: 1001;
+  inset: 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_mask {
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.5);
+  inset: 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  flex-flow: column;
+  gap: var(--gap);
+  align-items: center;
+  height: 100vh;
+  padding: 50px 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list {
+  flex: 1;
+  width: 51%;
+  max-height: 100%;
+  overflow: hidden;
+  touch-action: none;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list div {
+  height: 100%;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item {
+  overflow: hidden;
+  text-align: center;
+  border-radius: 2px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item img {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list {
+  display: flex;
+  gap: var(--gap);
+  width: 51%;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 98px;
+  height: 98px;
+  text-align: center;
+  background-color: var(--color-contrast);
+  border: 2px solid transparent;
+  border-radius: 2px;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item .thumb_item_icon {
+  color: var(--color-45);
+  font-size: 34px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item img {
+  display: inline-block;
+  width: 94px;
+  height: 94px;
+  object-fit: cover;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item.active {
+  border-color: var(--primary-color);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action {
+  position: absolute;
+  bottom: 50px;
+  left: 50%;
+  display: flex;
+  gap: 24px;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  font-size: 24px;
+  background-color: #fff;
+  border-radius: 100px;
+  transform: translateX(-50%);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon {
+  cursor: pointer;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon:hover {
+  color: var(--primary-color);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow {
+  position: absolute;
+  top: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 48px;
+  color: var(--color-contrast);
+  font-size: 32px;
+  background-color: var(--text-color);
+  transform: translateY(-50%);
+  cursor: pointer;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_left {
+  left: 40px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_right {
+  right: 40px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow:hover {
+  color: var(--primary-color);
+}
 .lm_upload_wrapper {
   display: flex;
   flex-wrap: wrap;

package/es/LmUpload/style/variables.css

@@ -1,3 +1,121 @@
+.lm_image_viewer_wrapper {
+  position: fixed;
+  z-index: 1001;
+  inset: 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_mask {
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.5);
+  inset: 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  flex-flow: column;
+  gap: var(--gap);
+  align-items: center;
+  height: 100vh;
+  padding: 50px 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list {
+  flex: 1;
+  width: 51%;
+  max-height: 100%;
+  overflow: hidden;
+  touch-action: none;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list div {
+  height: 100%;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item {
+  overflow: hidden;
+  text-align: center;
+  border-radius: 2px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item img {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list {
+  display: flex;
+  gap: var(--gap);
+  width: 51%;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 98px;
+  height: 98px;
+  text-align: center;
+  background-color: var(--color-contrast);
+  border: 2px solid transparent;
+  border-radius: 2px;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item .thumb_item_icon {
+  color: var(--color-45);
+  font-size: 34px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item img {
+  display: inline-block;
+  width: 94px;
+  height: 94px;
+  object-fit: cover;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item.active {
+  border-color: var(--primary-color);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action {
+  position: absolute;
+  bottom: 50px;
+  left: 50%;
+  display: flex;
+  gap: 24px;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  font-size: 24px;
+  background-color: #fff;
+  border-radius: 100px;
+  transform: translateX(-50%);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon {
+  cursor: pointer;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon:hover {
+  color: var(--primary-color);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow {
+  position: absolute;
+  top: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 48px;
+  color: var(--color-contrast);
+  font-size: 32px;
+  background-color: var(--text-color);
+  transform: translateY(-50%);
+  cursor: pointer;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_left {
+  left: 40px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_right {
+  right: 40px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow:hover {
+  color: var(--primary-color);
+}
 .lm_upload_wrapper {
   display: flex;
   flex-wrap: wrap;

package/es/styles/variables.css

@@ -11266,6 +11266,9 @@ p {
   height: 48px;
   font-size: 12px;
 }
+#lm_protable_warp .ant-table-tbody > tr > .ant-table-selection-column {
+  text-align: left;
+}
 #lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
   padding: 0 !important;
 }
@@ -11647,6 +11650,124 @@ button.ant-table-row-expand-icon::after {
 .WeChatContactsAvatarTools .rightClickItems:last-child {
   border-bottom: 0;
 }
+.lm_image_viewer_wrapper {
+  position: fixed;
+  z-index: 1001;
+  inset: 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_mask {
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.5);
+  inset: 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  flex-flow: column;
+  gap: var(--gap);
+  align-items: center;
+  height: 100vh;
+  padding: 50px 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list {
+  flex: 1;
+  width: 51%;
+  max-height: 100%;
+  overflow: hidden;
+  touch-action: none;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list div {
+  height: 100%;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item {
+  overflow: hidden;
+  text-align: center;
+  border-radius: 2px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item img {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list {
+  display: flex;
+  gap: var(--gap);
+  width: 51%;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 98px;
+  height: 98px;
+  text-align: center;
+  background-color: var(--color-contrast);
+  border: 2px solid transparent;
+  border-radius: 2px;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item .thumb_item_icon {
+  color: var(--color-45);
+  font-size: 34px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item img {
+  display: inline-block;
+  width: 94px;
+  height: 94px;
+  object-fit: cover;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item.active {
+  border-color: var(--primary-color);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action {
+  position: absolute;
+  bottom: 50px;
+  left: 50%;
+  display: flex;
+  gap: 24px;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  font-size: 24px;
+  background-color: #fff;
+  border-radius: 100px;
+  transform: translateX(-50%);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon {
+  cursor: pointer;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon:hover {
+  color: var(--primary-color);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow {
+  position: absolute;
+  top: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 48px;
+  color: var(--color-contrast);
+  font-size: 32px;
+  background-color: var(--text-color);
+  transform: translateY(-50%);
+  cursor: pointer;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_left {
+  left: 40px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_right {
+  right: 40px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow:hover {
+  color: var(--primary-color);
+}
 .lm_upload_wrapper {
   display: flex;
   flex-wrap: wrap;

package/lib/ImageViewer/components/Operate.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _linkmoreDesign = require("linkmore-design");
 
+var _icons = require("@ant-design/icons");
+
 var Operate = function Operate(_ref) {
   var instance = _ref.instance;
   var setTransform = instance.setTransform;
@@ -29,10 +31,12 @@ var Operate = function Operate(_ref) {
     onClick: function onClick(e) {
       return handleTranform(e, 'zoomIn');
     }
-  }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-    type: "lmweb-a-icon_m_search1",
+  }), /*#__PURE__*/_react.default.createElement(_icons.ZoomOutOutlined, {
     onClick: function onClick(e) {
       return handleTranform(e, 'zoomOut');
+    },
+    style: {
+      fontSize: 22
     }
   }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
     type: "lmweb-undo",

package/lib/LmTable/Table.js

@@ -31,8 +31,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactResizable = require("react-resizable");
 
-var _ahooks = require("ahooks");
-
 var _immer = require("immer");
 
 var _reactSortableHoc = require("react-sortable-hoc");
@@ -391,8 +389,14 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var handleResize = function handleResize(index) {
     return function (e, _ref2) {
       var size = _ref2.size;
+      var i = index;
       var nextColumns = (0, _toConsumableArray2.default)(useColumns);
-      nextColumns[index] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nextColumns[index]), {}, {
+      nextColumns.forEach(function (item, index) {
+        if (index <= i && item.show === false) {
+          i += 1;
+        }
+      });
+      nextColumns[i] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nextColumns[i]), {}, {
         width: size.width
       });
       setColumns(nextColumns);
@@ -996,7 +1000,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var colIndex = 0;
 
     var traverseColumns = function traverseColumns(columns) {
-      columns === null || columns === void 0 ? void 0 : columns.forEach(function (col) {
+      columns === null || columns === void 0 ? void 0 : columns.forEach(function (col, index) {
         if (col.show === false) {
           return;
         }
@@ -1011,7 +1015,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           col.onHeaderCell = function (column) {
             return resizeable ? {
               width: column.width,
-              onResize: handleResize(col.$_colIndex),
+              onResize: handleResize(index),
               onResizeStop: endResize
             } : {
               width: column.width

package/lib/LmTable/style/index.css

@@ -1237,6 +1237,9 @@ p {
   height: 48px;
   font-size: 12px;
 }
+#lm_protable_warp .ant-table-tbody > tr > .ant-table-selection-column {
+  text-align: left;
+}
 #lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
   padding: 0 !important;
 }

package/lib/LmTable/style/variables.css

@@ -726,6 +726,9 @@
   height: 48px;
   font-size: 12px;
 }
+#lm_protable_warp .ant-table-tbody > tr > .ant-table-selection-column {
+  text-align: left;
+}
 #lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
   padding: 0 !important;
 }