linkmore-design 1.1.3 → 1.1.5

package/lib/LmUpload/wrapper/UploadWrapper.js

@@ -13,6 +13,8 @@ var _UploadContainer = _interopRequireDefault(require("./UploadContainer"));
 
 var _view = _interopRequireDefault(require("../view"));
 
+var _Crop = _interopRequireDefault(require("../components/Crop"));
+
 // 包裹上传组件区域： 拓展其他结构
 var LmUploadWrapper = function LmUploadWrapper(_ref) {
   var instance = _ref.instance;
@@ -22,6 +24,8 @@ var LmUploadWrapper = function LmUploadWrapper(_ref) {
     instance: instance
   }), /*#__PURE__*/_react.default.createElement(_view.default, {
     instance: instance
+  }), /*#__PURE__*/_react.default.createElement(_Crop.default, {
+    instance: instance
   }));
 };
 

package/lib/LmUpload/wrapper/reducer.d.ts

@@ -4,5 +4,6 @@ export declare const initialState: (props: any) => {
     process: number;
     status: string;
     fileList: any;
+    cropFile: any;
 };
 export default reducer;

package/lib/LmUpload/wrapper/reducer.js

@@ -8,7 +8,8 @@ exports.reducer = exports.initialState = exports.default = void 0;
 // 状态管理操作
 var reducer = function reducer(state, action) {
   var fileList = action.fileList,
-      percent = action.percent;
+      percent = action.percent,
+      cropFile = action.cropFile;
 
   switch (action.type) {
     case 'changeFileList':
@@ -21,6 +22,11 @@ var reducer = function reducer(state, action) {
         percent: percent
       });
 
+    case 'changeCropFile':
+      return Object.assign(Object.assign({}, state), {
+        cropFile: cropFile
+      });
+
     default:
       throw new Error();
   }
@@ -36,7 +42,8 @@ var initialState = function initialState(props) {
     upload: upload,
     process: 0,
     status: 'done',
-    fileList: defaultFileList // 用于非受控模式时的数据收集
+    fileList: defaultFileList,
+    cropFile: null // 需要裁剪的图片
 
   };
 };

package/lib/index.d.ts

@@ -120,3 +120,8 @@ export type { DescriptionsProps } from './Descriptions';
 export { default as FullScreen } from './FullScreen';
 export type { IFullScreenProps } from './FullScreen';
 export * from './LmImgList';
+export { default as LmImgList } from './LmImgList';
+export { default as CropImg } from './CropImg';
+export type { CropImgProps } from './CropImg';
+export { default as ImageViewer } from './ImageViewer';
+export type { ImageViewerProps } from './ImageViewer';

package/lib/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -86,7 +88,10 @@ var _exportNames = {
   Divider: true,
   Skeleton: true,
   Descriptions: true,
-  FullScreen: true
+  FullScreen: true,
+  LmImgList: true,
+  CropImg: true,
+  ImageViewer: true
 };
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
@@ -190,6 +195,12 @@ Object.defineProperty(exports, "ConfigProvider", {
     return _ConfigProvider.default;
   }
 });
+Object.defineProperty(exports, "CropImg", {
+  enumerable: true,
+  get: function get() {
+    return _CropImg.default;
+  }
+});
 Object.defineProperty(exports, "CustomTableOption", {
   enumerable: true,
   get: function get() {
@@ -292,6 +303,12 @@ Object.defineProperty(exports, "Image", {
     return _Image.default;
   }
 });
+Object.defineProperty(exports, "ImageViewer", {
+  enumerable: true,
+  get: function get() {
+    return _ImageViewer.default;
+  }
+});
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function get() {
@@ -340,6 +357,12 @@ Object.defineProperty(exports, "LmFilter", {
     return _LmFilter.default;
   }
 });
+Object.defineProperty(exports, "LmImgList", {
+  enumerable: true,
+  get: function get() {
+    return _LmImgList.default;
+  }
+});
 Object.defineProperty(exports, "LmSelect", {
   enumerable: true,
   get: function get() {
@@ -737,7 +760,7 @@ var _Descriptions = _interopRequireDefault(require("./Descriptions"));
 
 var _FullScreen = _interopRequireDefault(require("./FullScreen"));
 
-var _LmImgList = require("./LmImgList");
+var _LmImgList = _interopRequireWildcard(require("./LmImgList"));
 
 Object.keys(_LmImgList).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -749,4 +772,8 @@ Object.keys(_LmImgList).forEach(function (key) {
       return _LmImgList[key];
     }
   });
-});
+});
+
+var _CropImg = _interopRequireDefault(require("./CropImg"));
+
+var _ImageViewer = _interopRequireDefault(require("./ImageViewer"));

package/lib/styles/variables.css

@@ -1699,6 +1699,23 @@ p {
 .lm-radio-group.lm-radio-group-column .lm-radio:last-child {
   margin-bottom: 0;
 }
+.lm_cutimg_container .lm_cutimg_crop {
+  position: relative;
+  height: 40vh;
+}
+.lm_cutimg_container .img_crop_control {
+  display: flex;
+  gap: var(--gap);
+  align-items: center;
+  width: 60%;
+  margin: auto;
+}
+.lm_cutimg_container .img_crop_control .ant-slider {
+  flex: 1;
+}
+.lm_cutimg_container .img_crop_control .anticon {
+  font-size: 16px;
+}
 .lm_custom-table-option.lm_drawer .ant-drawer-body {
   padding: 0 0 24px 0;
 }
@@ -9873,53 +9890,53 @@ p {
   visibility: hidden;
   transform: translateY(-36px);
 }
-.ant-dropdown .filter_dropdown {
+.filter_dropdown {
   display: flex;
   flex-flow: column;
   box-shadow: 0 2px 6px var(--box-shadow-color);
   background-color: #fff;
 }
-.ant-dropdown .filter_dropdown .filter_header {
+.filter_dropdown .filter_header {
   min-height: 40px;
   border-bottom: 1px solid #eee;
   padding: 8px;
 }
-.ant-dropdown .filter_dropdown .filter_header .filter_header_operate {
+.filter_dropdown .filter_header .filter_header_operate {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_header_operate_checked {
+.filter_dropdown .filter_header .filter_header_operate .filter_header_operate_checked {
   display: inline-flex;
   align-items: center;
 }
-.ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_reset {
+.filter_dropdown .filter_header .filter_header_operate .filter_reset {
   font-size: 12px;
   color: var(--primary-color);
   cursor: pointer;
 }
-.ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_tip {
+.filter_dropdown .filter_header .filter_header_operate .filter_tip {
   font-size: 12px;
   color: var(--text-color);
 }
-.ant-dropdown .filter_dropdown .filter_header .ant-input-group {
+.filter_dropdown .filter_header .ant-input-group {
   line-height: 1;
 }
-.ant-dropdown .filter_dropdown .filter_header input {
+.filter_dropdown .filter_header input {
   font-size: 12px;
 }
-.ant-dropdown .filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
+.filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
   margin-top: 8px;
 }
-.ant-dropdown .filter_dropdown .filter_body {
+.filter_dropdown .filter_body {
   width: 100%;
 }
-.ant-dropdown .filter_dropdown .filter_body .virtual_list {
+.filter_dropdown .filter_body .virtual_list {
   min-width: 168px;
   max-height: 224px;
   overflow: auto;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item {
+.filter_dropdown .filter_body .filter_item {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -9932,39 +9949,39 @@ p {
   cursor: pointer;
   gap: 8px;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item.last_item {
+.filter_dropdown .filter_body .filter_item.last_item {
   border-top: 1px solid var(--line-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_content {
+.filter_dropdown .filter_body .filter_item .filter_item_content {
   flex: auto;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate {
+.filter_dropdown .filter_body .filter_item .filter_item_operate {
   display: inline-flex;
   align-items: center;
   gap: 4px;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover {
+.filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover {
   font-size: 16px;
   transition: 0.3s;
   opacity: 0;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover:hover {
+.filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover:hover {
   color: var(--primary-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item[disabled] {
+.filter_dropdown .filter_body .filter_item[disabled] {
   display: none;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item.checked {
+.filter_dropdown .filter_body .filter_item.checked {
   color: var(--font-color);
   background-color: var(--primary-select-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item:hover {
+.filter_dropdown .filter_body .filter_item:hover {
   background-color: var(--background-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_hover {
+.filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_hover {
   opacity: 1;
 }
-.ant-dropdown .filter_dropdown .filter_footer {
+.filter_dropdown .filter_footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -9974,24 +9991,24 @@ p {
   border-top: 1px solid #eee;
   letter-spacing: 1px;
 }
-.ant-dropdown .filter_dropdown .filter_footer button {
+.filter_dropdown .filter_footer button {
   font-size: 12px;
   padding: 0 8px;
 }
-.ant-dropdown .filter_dropdown .filter_footer .footer_save {
+.filter_dropdown .filter_footer .footer_save {
   color: var(--primary-color);
   cursor: pointer;
   transition: 0.3s;
 }
-.ant-dropdown .filter_dropdown .filter_footer .footer_clear {
+.filter_dropdown .filter_footer .footer_clear {
   color: var(--text-color);
   cursor: pointer;
   transition: 0.3s;
 }
-.ant-dropdown .filter_dropdown .filter_footer .footer_clear:hover {
+.filter_dropdown .filter_footer .footer_clear:hover {
   color: var(--font-color);
 }
-.ant-dropdown .filter_dropdown .filter_empty {
+.filter_dropdown .filter_empty {
   display: flex;
   flex-flow: column;
   align-items: center;
@@ -10003,19 +10020,19 @@ p {
   margin: auto;
   gap: 4px;
 }
-.ant-dropdown .filter_dropdown .filter_empty .filter_empty_text {
+.filter_dropdown .filter_empty .filter_empty_text {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 20px;
   color: var(--font-color);
 }
-.ant-dropdown .filter_dropdown .ant-checkbox-wrapper {
+.filter_dropdown .ant-checkbox-wrapper {
   flex: 1;
   font-size: 12px;
   align-items: center;
 }
-.ant-dropdown .filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
+.filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
   top: initial;
 }
 .ant-drawer .ant-drawer-header .ant-drawer-title {
@@ -10180,9 +10197,52 @@ p {
 .lm_filter_dropdown_picker {
   padding: 0 !important;
 }
+.lm_filter_dropdown_picker .filter_picker_box {
+  display: flex;
+}
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside {
+  font-size: 12px;
+  border-right: 1px solid var(--background-color-hover);
+  padding: 6px 0;
+}
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item {
+  display: flex;
+  align-items: center;
+  height: 32px;
+  padding: 0 8px;
+  transition: 0.3s;
+  cursor: pointer;
+}
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item:hover,
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item.active {
+  background-color: var(--primary-select-color);
+}
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 40px;
+  line-height: 1;
+  padding: 0 16px;
+  border-bottom: 1px solid var(--background-color-hover);
+}
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper {
+  font-size: 12px;
+  color: var(--font2-color);
+}
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper:hover,
+.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
+  color: var(--primary-color);
+}
 .lm_filter_dropdown_picker .ant-picker-range-arrow {
   display: none;
 }
+.ant-select-dropdown.ant-cascader-dropdown {
+  padding: 0;
+}
+.ant-select-dropdown.ant-cascader-dropdown .ant-cascader-menu-item {
+  padding: 5px 8px;
+}
 .lm_imglist_container {
   position: relative;
   display: grid;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkmore-design",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "author": {
     "name": "nowthen",
     "email": "rnlvwyx@gmail.com"
@@ -64,6 +64,7 @@
     "ahooks": "^3.6.2",
     "ali-oss": "^6.17.1",
     "antd": "4.22.8",
+    "antd-img-crop": "^4.2.5",
     "axios": "^0.21.0",
     "classnames": "^2.3.1",
     "dayjs": "^1.9.7",
@@ -76,6 +77,7 @@
     "rc-motion": "2.6.1",
     "rc-tabs": "12.1.0-alpha.1",
     "react-cookies": "^0.1.1",
+    "react-easy-crop": "^4.5.1",
     "react-query": "^3.34.15",
     "react-resizable": "^3.0.4",
     "react-sortable-hoc": "^2.0.0",

package/dist/LmUpload/components/card.d.ts

@@ -1,2 +0,0 @@
-declare const Card: () => JSX.Element;
-export default Card;

package/es/LmUpload/components/card.d.ts

@@ -1,2 +0,0 @@
-declare const Card: () => JSX.Element;
-export default Card;

package/es/LmUpload/components/card.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-
-var Card = function Card() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: 'lm_upload_card_box'
-  });
-};
-
-export default Card;

package/lib/LmUpload/components/card.d.ts

@@ -1,2 +0,0 @@
-declare const Card: () => JSX.Element;
-export default Card;

package/lib/LmUpload/components/card.js

@@ -1,19 +0,0 @@
-"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 Card = function Card() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: 'lm_upload_card_box'
-  });
-};
-
-var _default = Card;
-exports.default = _default;