linkmore-design 1.0.84 → 1.0.87

package/lib/ImageViewer/fns/index.js

@@ -15,7 +15,12 @@ var useCoreOptions = function useCoreOptions(_ref) {
   // 获取显示状态
   var getVisible = (0, _react.useCallback)(function () {
     return typeof props.visible === 'boolean' ? props.visible : state.visible;
-  }, [props, state.visible]); // 关闭事件
+  }, [props.visible, state.visible]); // 获取是否为视频格式
+
+  var getIsVideo = (0, _react.useCallback)(function (url) {
+    var fileExtension = url.replace(/.*\./, '').toLowerCase();
+    return ['mp4', 'm2v', 'mkv', 'ogm', 'webm'].includes(fileExtension);
+  }, []); // 关闭事件
 
   var onClose = (0, _react.useCallback)(function () {
     var _a;
@@ -84,8 +89,20 @@ var useCoreOptions = function useCoreOptions(_ref) {
   var slickPrev = (0, _react.useCallback)(function () {
     previewRef.current.prev();
   }, []);
+  (0, _react.useEffect)(function () {
+    if (getVisible()) {
+      slickGoTo(props.initialIndex);
+      dispatch({
+        type: 'changeCurrent',
+        current: {
+          currentIndex: props.initialIndex
+        }
+      });
+    }
+  }, [getVisible, props.initialIndex, slickGoTo]);
   var CoreMethods = {
     getVisible: getVisible,
+    getIsVideo: getIsVideo,
     onClose: onClose,
     setTransform: setTransform,
     afterChange: afterChange,

package/lib/ImageViewer/style/index.css

@@ -1,20 +1,20 @@
 .lm_image_viewer_wrapper {
   position: fixed;
-  inset: 0;
   z-index: 1001;
+  inset: 0;
 }
 .lm_image_viewer_wrapper .lm_image_viewer_mask {
   position: absolute;
-  inset: 0;
   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;
-  align-items: center;
   gap: var(--gap);
+  align-items: center;
   height: 100vh;
   padding: 50px 0;
 }
@@ -29,9 +29,9 @@
   height: 100%;
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item {
+  overflow: hidden;
   text-align: center;
   border-radius: 2px;
-  overflow: hidden;
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item img {
   display: inline-block;
@@ -42,16 +42,27 @@
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list {
   display: flex;
-  width: 51%;
   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;
-  border-radius: 2px;
+  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;
@@ -63,21 +74,21 @@
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action {
   position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
   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;
-  gap: 24px;
-  font-size: 24px;
-  padding: 8px 12px;
+  transform: translateX(-50%);
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon {
-  transition: 0.3s;
   cursor: pointer;
+  transition: 0.3s;
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon:hover {
   color: var(--primary-color);
@@ -85,16 +96,16 @@
 .lm_image_viewer_wrapper .lm_image_viewer_container .arrow {
   position: absolute;
   top: 50%;
-  transform: translateY(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 32px;
   height: 48px;
   color: var(--color-contrast);
+  font-size: 32px;
   background-color: var(--text-color);
-  transition: 0.3s;
+  transform: translateY(-50%);
   cursor: pointer;
+  transition: 0.3s;
 }
 .lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_left {
   left: 40px;

package/lib/Input/index.d.ts

@@ -1,7 +1,7 @@
 import { Input } from 'antd';
 import type { InputProps, InputRef } from 'antd';
 import React from 'react';
-interface ILmInput extends React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> {
+export interface ILmInput extends React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> {
     Group: typeof Input.Group;
     Search: typeof Input.Search;
     TextArea: typeof Input.TextArea;

package/lib/Input/index.js

@@ -17,6 +17,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _IconFont = _interopRequireDefault(require("../IconFont"));
 
+var _SizeContext = _interopRequireDefault(require("../ConfigProvider/SizeContext"));
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -33,11 +35,14 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 var LmInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$allowClear = props.allowClear,
       allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
-      rest = __rest(props, ["allowClear"]);
+      customizeSize = props.size,
+      rest = __rest(props, ["allowClear", "size"]);
 
+  var size = customizeSize || _react.default.useContext(_SizeContext.default) || 'middle';
   return /*#__PURE__*/_react.default.createElement(_input.default, Object.assign({
     ref: ref,
-    className: "lm_input"
+    className: "lm_input",
+    size: size
   }, rest, {
     allowClear: true
   }));

package/lib/Input/style/index.css

@@ -564,6 +564,15 @@ p {
   height: 22px;
   font-size: 12px;
 }
+.lm_input_search .ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
+  height: 40px;
+  padding: 6px 11px;
+}
+.lm_input_search .ant-input-affix-wrapper.ant-input-affix-wrapper-lg > .ant-input.ant-input-lg {
+  font-size: 16px !important;
+  line-height: 28px;
+  height: 28px;
+}
 .lm_input_search .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
   box-shadow: none !important;
 }

package/lib/InputRange/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { InputProps } from 'antd';
+export interface InputRangeProps extends InputProps {
+    range: [string, string] | [number, number];
+    rangeChange?: (range: any) => void;
+}
+declare const InputRange: React.FC<InputRangeProps>;
+export default InputRange;

package/lib/InputRange/index.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/input/style");
+
+var _input = _interopRequireDefault(require("antd/es/input"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+var InputRange = function InputRange(_a) {
+  var _a$range = _a.range,
+      range = _a$range === void 0 ? ['', ''] : _a$range,
+      _a$rangeChange = _a.rangeChange,
+      rangeChange = _a$rangeChange === void 0 ? function () {} : _a$rangeChange,
+      editEnum = __rest(_a, ["range", "rangeChange"]); // 输入值改变
+
+
+  var nValue = (0, _toConsumableArray2.default)(range);
+
+  var handleInput = function handleInput(e, type) {
+    var v = e.target.value;
+
+    if (type === 'prev') {
+      nValue[0] = v;
+    }
+
+    if (type === 'next') {
+      nValue[1] = v;
+    }
+  };
+
+  var handleBlur = function handleBlur() {
+    rangeChange(nValue);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_editTable_wrapperRange"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "inputRange"
+  }, /*#__PURE__*/_react.default.createElement(_input.default, Object.assign({
+    value: range === null || range === void 0 ? void 0 : range[0],
+    placeholder: "\u8BF7\u8F93\u5165",
+    onBlur: handleBlur,
+    onChange: function onChange(e) {
+      return handleInput(e, 'prev');
+    }
+  }, editEnum)), "~", /*#__PURE__*/_react.default.createElement(_input.default, Object.assign({
+    value: range === null || range === void 0 ? void 0 : range[1],
+    placeholder: "\u8BF7\u8F93\u5165",
+    onBlur: handleBlur,
+    onChange: function onChange(e) {
+      return handleInput(e, 'next');
+    }
+  }, editEnum))));
+};
+
+var _default = InputRange;
+exports.default = _default;