linkmore-design 1.0.84 → 1.0.87

package/lib/LmUpload/style/index.css

@@ -8,77 +8,77 @@
   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;
+  font-size: 12px;
   text-align: center;
-  border: 1px solid var(--color-15);
   background-color: var(--color-2);
-  transition: all 0.3s;
+  border: 1px solid var(--color-15);
   cursor: pointer;
+  transition: all 0.3s;
 }
 .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);
+  text-align: center;
 }
 .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);
+  color: var(--color-45);
 }
 .lm_upload_wrapper .lm_upload_progress {
   width: 100%;
   height: 2px;
+  margin: 10px 0;
   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;
+  transition: 0.3;
 }
 .lm_upload_wrapper .lm_upload_item {
   vertical-align: middle;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_text {
   display: flex;
+  gap: var(--gap);
   align-items: center;
   justify-content: space-between;
-  gap: var(--gap);
   width: 100%;
   height: 22px;
   padding: 0 6px;
-  transition: 0.3s;
   cursor: pointer;
+  transition: 0.3s;
 }
 .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;
+  flex: 1;
   gap: var(--gap);
+  align-items: center;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .prefix {
-  font-size: 14px;
   color: var(--color-45);
+  font-size: 14px;
   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);
+  font-size: 14px;
   transition: 0.3s;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right {
@@ -86,8 +86,8 @@
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete {
   width: 24px;
-  text-align: center;
   color: var(--color-45);
+  text-align: center;
   transition: 0.3s;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete .anticon {
@@ -96,86 +96,93 @@
 .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 {
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.lm_upload_item_error {
   color: var(--error-color);
 }
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.lm_upload_item_error .text_left .prefix,
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.lm_upload_item_error .text_left .lm_upload_item_name {
+  color: inherit;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.lm_upload_item_error .text_right .action_delete {
+  color: inherit;
+}
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_card {
   position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  padding: var(--gap);
   text-align: center;
   border: 1px solid var(--color-15);
   border-radius: 2px;
-  padding: var(--gap);
-  transition: all 0.3s;
   cursor: pointer;
+  transition: all 0.3s;
 }
 .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);
+  font-size: 34px;
 }
 .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 {
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb_error .lm_upload_item_name {
+  margin-top: 8px;
+  overflow: hidden;
   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;
+  z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: rgba(0, 0, 0, 0.5);
   opacity: 0;
   transition: 0.3s;
-  z-index: 1;
+  inset: 8px;
 }
 .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);
+  align-items: center;
   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 {
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.lm_upload_item_error {
   border-color: var(--error-color);
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error .lm_upload_item_mask {
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.lm_upload_item_error .lm_upload_item_mask {
   display: none;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error .lm_upload_item_error {
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.lm_upload_item_error .lm_upload_item_thumb_error {
   color: var(--error-color);
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_picture {
   display: flex;
+  gap: var(--gap);
   align-items: center;
   justify-content: space-between;
-  gap: var(--gap);
   width: 100%;
+  padding: var(--gap);
   border: 1px solid var(--color-15);
   border-radius: 2px;
-  padding: var(--gap);
-  transition: 0.3s;
   cursor: pointer;
+  transition: 0.3s;
 }
 .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;
+  flex: 1;
   gap: var(--gap);
+  align-items: center;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_thumb {
   width: 48px;
@@ -186,8 +193,8 @@
 }
 .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);
+  font-size: 14px;
   transition: 0.3s;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right {
@@ -196,8 +203,8 @@
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete {
   width: 24px;
-  text-align: center;
   color: var(--color-45);
+  text-align: center;
   transition: 0.3s;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete .anticon {
@@ -206,6 +213,6 @@
 .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 {
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture.lm_upload_item_error {
   color: var(--error-color);
 }

package/lib/LmUpload/utils.d.ts

@@ -3,3 +3,4 @@ export declare function isClassComponent(component: any): any;
 export declare function isExoticComponent(component: any): boolean;
 export declare function isReactComponent(component: any): any;
 export declare const render: (Comp: any, props: any) => any;
+export declare const getBase64: (img: any, callback: any) => void;

package/lib/LmUpload/utils.js

@@ -5,6 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getBase64 = void 0;
 exports.getIsHas = getIsHas;
 exports.isClassComponent = isClassComponent;
 exports.isExoticComponent = isExoticComponent;
@@ -50,5 +51,20 @@ function isReactComponent(component) {
 var render = function render(Comp, props) {
   return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/_react.default.createElement(Comp, Object.assign({}, props)) : Comp;
 };
+/*
+ * 将上传的图片转换为可展示的形式
+ * getBase64(file, (img) => {})
+ */
 
-exports.render = render;
+
+exports.render = render;
+
+var getBase64 = function getBase64(img, callback) {
+  var reader = new FileReader();
+  reader.addEventListener('load', function () {
+    return callback(reader.result);
+  });
+  reader.readAsDataURL(img);
+};
+
+exports.getBase64 = getBase64;

package/lib/LmUpload/wrapper/UploadRoot.js

@@ -28,15 +28,7 @@ var LmUploadRoot = function LmUploadRoot(props, ref) {
   var _useReducer = (0, _react.useReducer)(_reducer.default, initialState),
       _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
       state = _useReducer2[0],
-      dispatch = _useReducer2[1]; // 格式化接收参数值
-  // const configProps = useMemo(() => {
-  //   const { ...resetProps } = props
-  //   // 受控/非受控时的数据收集
-  //   return {
-  //     ...resetProps,
-  //   }
-  // }, [props])
-  // 获取核心Methods
+      dispatch = _useReducer2[1]; // 获取核心Methods
 
 
   var _useCoreOptions = (0, _fns.default)({
@@ -48,10 +40,12 @@ var LmUploadRoot = function LmUploadRoot(props, ref) {
       RefMethods = _useCoreOptions.RefMethods; // 组件实例
 
 
-  var instance = Object.assign(Object.assign(Object.assign(Object.assign({}, props), CoreMethods), RefMethods), {
-    state: state,
-    dispatch: dispatch
-  }); // 向外暴露出的方法
+  var instance = (0, _react.useMemo)(function () {
+    return Object.assign(Object.assign(Object.assign(Object.assign({}, props), CoreMethods), RefMethods), {
+      state: state,
+      dispatch: dispatch
+    });
+  }, [props, CoreMethods, RefMethods, state, dispatch]); // 向外暴露出的方法
 
   (0, _react.useImperativeHandle)(ref, function () {
     return Object.assign({}, RefMethods);

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

@@ -1,4 +1,5 @@
-declare const LmUploadWrapper: ({ instance }: {
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ instance }: {
     instance: any;
-}) => JSX.Element;
-export default LmUploadWrapper;
+}) => JSX.Element>;
+export default _default;

package/lib/LmUpload/wrapper/UploadWrapper.js

@@ -25,5 +25,6 @@ var LmUploadWrapper = function LmUploadWrapper(_ref) {
   }));
 };
 
-var _default = LmUploadWrapper;
+var _default = /*#__PURE__*/_react.default.memo(LmUploadWrapper);
+
 exports.default = _default;

package/lib/Select/index.js

@@ -17,6 +17,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _SizeContext = _interopRequireDefault(require("../ConfigProvider/SizeContext"));
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -34,11 +36,11 @@ var prefixCls = 'lm_select';
 var CLMSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
       className = props.className,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'middle' : _props$size,
+      customizeSize = props.size,
       dropdownClassName = props.dropdownClassName,
       others = __rest(props, ["children", "className", "size", "dropdownClassName"]);
 
+  var size = customizeSize || _react.default.useContext(_SizeContext.default) || 'middle';
   return /*#__PURE__*/_react.default.createElement(_select.default, Object.assign({
     className: (0, _classnames.default)(className, prefixCls),
     size: size,

package/lib/Tabs/index.js

@@ -15,6 +15,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _SizeContext = _interopRequireDefault(require("../ConfigProvider/SizeContext"));
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -32,12 +34,12 @@ var prefixCls = 'lm_tabs';
 
 var LMTabs = function LMTabs(props) {
   var className = props.className,
-      _props$size = props.size,
-      size = _props$size === void 0 ? "middle" : _props$size,
+      customizeSize = props.size,
       _props$noBorder = props.noBorder,
       noBorder = _props$noBorder === void 0 ? false : _props$noBorder,
       others = __rest(props, ["className", "size", "noBorder"]);
 
+  var size = customizeSize || _react.default.useContext(_SizeContext.default) || 'middle';
   return /*#__PURE__*/_react.default.createElement(_tabs.default, Object.assign({
     size: size
   }, others, {

package/lib/index.d.ts

@@ -1,4 +1,5 @@
 export { default as ConfigProvider } from './ConfigProvider';
+export type { SizeType } from './ConfigProvider';
 export { default as Button } from './Button';
 export type { ILmButtonProps } from './Button';
 export { default as ButtonTags } from './ButtonTags';
@@ -116,3 +117,5 @@ export { default as Skeleton } from './Skeleton';
 export type { ISkeletonProps } from './Skeleton';
 export { default as Descriptions } from './Descriptions';
 export type { DescriptionsProps } from './Descriptions';
+export { default as InputRange } from './InputRange';
+export type { InputRangeProps } from './InputRange';

package/lib/index.js

@@ -215,6 +215,12 @@ Object.defineProperty(exports, "InputNumber", {
     return _InputNumber.default;
   }
 });
+Object.defineProperty(exports, "InputRange", {
+  enumerable: true,
+  get: function get() {
+    return _InputRange.default;
+  }
+});
 Object.defineProperty(exports, "LMQuickMenu", {
   enumerable: true,
   get: function get() {
@@ -644,4 +650,6 @@ var _Divider = _interopRequireDefault(require("./Divider"));
 
 var _Skeleton = _interopRequireDefault(require("./Skeleton"));
 
-var _Descriptions = _interopRequireDefault(require("./Descriptions"));
+var _Descriptions = _interopRequireDefault(require("./Descriptions"));
+
+var _InputRange = _interopRequireDefault(require("./InputRange"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkmore-design",
-  "version": "1.0.84",
+  "version": "1.0.87",
   "author": {
     "name": "nowthen",
     "email": "rnlvwyx@gmail.com"