linkmore-design 1.1.2 → 1.1.4

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/Popover/index.d.ts

@@ -7,5 +7,5 @@ export interface PopoverProps extends AbstractTooltipProps {
     /** @private Used For Popconfirm. Safe to remove. */
     _overlay?: React.ReactNode;
 }
-declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<unknown>>;
+declare const Popover: React.ForwardRefExoticComponent<Pick<PopoverProps, keyof PopoverProps> & React.RefAttributes<unknown>>;
 export default Popover;

package/lib/QuickMenu/style/index.css

@@ -521,10 +521,12 @@ p {
   width: 0;
   transition: all 0.1s;
   opacity: 0;
+  display: none;
 }
 .lm_quick_menu .lm_menu_list.show {
   opacity: 1;
   width: inherit;
+  display: block;
 }
 .lm_quick_menu .lm_menu_list::before {
   position: absolute;

package/lib/QuickMenu/style/variables.css

@@ -10,10 +10,12 @@
   width: 0;
   transition: all 0.1s;
   opacity: 0;
+  display: none;
 }
 .lm_quick_menu .lm_menu_list.show {
   opacity: 1;
   width: inherit;
+  display: block;
 }
 .lm_quick_menu .lm_menu_list::before {
   position: absolute;

package/lib/Tooltip/index.d.ts

@@ -40,5 +40,5 @@ export interface TooltipPropsWithTitle extends AbstractTooltipProps {
     overlay?: React.ReactNode | RenderFunction;
 }
 export declare type TooltipProps = TooltipPropsWithTitle | TooltipPropsWithOverlay;
-declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<unknown>>;
+declare const Tooltip: React.ForwardRefExoticComponent<(Pick<TooltipPropsWithOverlay, keyof TooltipPropsWithOverlay> | Pick<TooltipPropsWithTitle, keyof TooltipPropsWithTitle>) & React.RefAttributes<unknown>>;
 export default Tooltip;

package/lib/Tree/utils/dropIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const offset = 4;
 export default function dropIndicatorRender(props: {
     dropPosition: -1 | 0 | 1;

package/lib/index.d.ts

@@ -120,3 +120,6 @@ 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';

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,9 @@ var _exportNames = {
   Divider: true,
   Skeleton: true,
   Descriptions: true,
-  FullScreen: true
+  FullScreen: true,
+  LmImgList: true,
+  CropImg: true
 };
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
@@ -190,6 +194,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() {
@@ -340,6 +350,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 +753,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 +765,6 @@ Object.keys(_LmImgList).forEach(function (key) {
       return _LmImgList[key];
     }
   });
-});
+});
+
+var _CropImg = _interopRequireDefault(require("./CropImg"));

package/lib/locale-provider/index.d.ts

@@ -54,8 +54,8 @@ export default class LocaleProvider extends React.Component<LocaleProviderProps,
     componentDidMount(): void;
     componentDidUpdate(prevProps: LocaleProviderProps): void;
     componentWillUnmount(): void;
-    getMemoizedContextValue: import("memoize-one").MemoizedFn<(localeValue: Locale) => Locale & {
+    getMemoizedContextValue: (localeValue: Locale) => Locale & {
         exist?: boolean;
-    }>;
+    };
     render(): JSX.Element;
 }

package/lib/styles/variables.css

@@ -822,6 +822,11 @@ p {
 .ant-btn.lm-button-primary.ant-btn-loading {
   background: var(--primary-loading-color);
 }
+.ant-btn.lm-button-ghost {
+  color: var(--font-color);
+  border-color: var(--color-15);
+  background: transparent;
+}
 .ant-btn.lm-button-danger {
   border: 1px solid var(--error-color);
   color: var(--error-color);
@@ -1694,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;
 }
@@ -9868,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;
@@ -9927,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;
@@ -9969,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;
@@ -9998,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 {
@@ -10175,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;
@@ -11875,10 +11940,12 @@ button.ant-table-row-expand-icon::after {
   width: 0;
   transition: all 0.1s;
   opacity: 0;
+  display: none;
 }
 .lm_quick_menu .lm_menu_list.show {
   opacity: 1;
   width: inherit;
+  display: block;
 }
 .lm_quick_menu .lm_menu_list::before {
   position: absolute;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkmore-design",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "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,3 +0,0 @@
-/// <reference types="react" />
-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;