linkmore-design 1.0.84 → 1.0.87

package/es/Button/index.js

@@ -17,18 +17,20 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React from 'react';
 import cls from 'classnames';
+import SizeContext from '../ConfigProvider/SizeContext';
 
 var LMButton = function LMButton(props) {
   var children = props.children,
       className = props.className,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'middle' : _props$size,
+      customizeSize = props.size,
       _props$type = props.type,
       type = _props$type === void 0 ? 'default' : _props$type,
       _props$hover = props.hover,
       hover = _props$hover === void 0 ? false : _props$hover,
       restProps = __rest(props, ["children", "className", "size", "type", "hover"]);
 
+  var size = customizeSize || React.useContext(SizeContext) || 'middle'; // const { getPrefixCls, autoInsertSpaceInButton, direction } = React.useContext(ConfigContext);
+
   var classs = cls('lm-button', className, {
     'lm-button-icon-only': !children
   }, _defineProperty({}, "lm-button-".concat(size), size), _defineProperty({}, "lm-button-".concat(type), type), _defineProperty({}, "lm-button-".concat(type, "-hover"), type && hover));

package/es/ConfigProvider/cssVariables.js

@@ -82,7 +82,7 @@ export function getStyle(globalPrefixCls, theme) {
 
 
   var cssList = Object.keys(variables).map(function (key) {
-    return "--".concat(globalPrefixCls, "-").concat(key, ": ").concat(variables[key], ";");
+    return globalPrefixCls ? "--".concat(globalPrefixCls, "-").concat(key, ": ").concat(variables[key], ";") : "--".concat(key, ": ").concat(variables[key], ";");
   });
   return "\n  :root {\n    ".concat(cssList.join('\n'), "\n  }\n  ").trim();
 }

package/es/ConfigProvider/index.d.ts

@@ -8,7 +8,7 @@ import type { CSPConfig, DirectionType, ConfigConsumerProps } from './context';
 import type { RenderEmptyHandler } from './defaultRenderEmpty';
 import type { SizeType } from './SizeContext';
 import SizeContext from './SizeContext';
-export { RenderEmptyHandler, ConfigContext, ConfigConsumer, CSPConfig, DirectionType, ConfigConsumerProps, };
+export { RenderEmptyHandler, ConfigContext, ConfigConsumer, CSPConfig, DirectionType, ConfigConsumerProps, SizeType };
 export declare const configConsumerProps: string[];
 export interface ConfigProviderProps {
     getTargetContainer?: () => HTMLElement;
@@ -43,7 +43,7 @@ export interface ConfigProviderProps {
     virtual?: boolean;
     dropdownMatchSelectWidth?: boolean;
 }
-export declare const defaultPrefixCls = "ant";
+export declare const defaultPrefixCls = "";
 export declare const defaultIconPrefixCls = "anticon";
 declare function getGlobalIconPrefixCls(): string;
 declare const setGlobalConfig: ({ prefixCls, iconPrefixCls, theme, }: Pick<ConfigProviderProps, "prefixCls" | "iconPrefixCls"> & {

package/es/ConfigProvider/index.js

@@ -17,7 +17,8 @@ export { ConfigContext, ConfigConsumer };
 export var configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale', 'pageHeader']; // These props is used by `useContext` directly in sub component
 
 var PASSED_PROPS = ['getTargetContainer', 'getPopupContainer', 'renderEmpty', 'pageHeader', 'input', 'pagination', 'form'];
-export var defaultPrefixCls = 'ant';
+export var defaultPrefixCls = ''; //'ant';
+
 export var defaultIconPrefixCls = 'anticon';
 var globalPrefixCls;
 var globalIconPrefixCls;

package/es/DatePicker/generatePicker/generateSinglePicker.js

@@ -21,15 +21,15 @@ import RCPicker from 'rc-picker';
 import * as React from 'react';
 import { forwardRef, useContext, useImperativeHandle } from 'react';
 import { Components, getTimeProps } from '.';
-import { ConfigContext } from 'antd/es/config-provider';
-import DisabledContext from 'antd/es/config-provider/DisabledContext';
-import SizeContext from 'antd/es/config-provider/SizeContext';
 import { FormItemInputContext } from 'antd/es/form/context';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import { getMergedStatus, getStatusClassNames } from '../../_util/statusUtils';
 import warning from '../../_util/warning';
 import enUS from 'antd/es/date-picker/locale/en_US';
 import { getPlaceholder, transPlacement2DropdownAlign } from '../util';
+import SizeContext from '../../ConfigProvider/SizeContext';
+import DisabledContext from '../../ConfigProvider/DisabledContext';
+import { ConfigContext } from '../../ConfigProvider/context';
 export default function generatePicker(generateConfig) {
   function getPicker(picker, displayName) {
     var Picker = /*#__PURE__*/forwardRef(function (props, ref) {

package/es/Form/container.js

@@ -16,6 +16,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { throttle } from 'lodash';
+import { updateFormResponsiveClass } from './util';
 var prefixCls = 'lm_container';
 
 var LMContainer = function LMContainer(props) {
@@ -63,22 +64,7 @@ var LMContainer = function LMContainer(props) {
   var changeSize = function changeSize() {
     var _a;
 
-    var index = 1;
-    containerWrapRef.current.querySelectorAll('.ant-form-item').forEach(function (el) {
-      if (el.classList.contains('ant-form-item-responsive')) {
-        if (index % 3 === 0) {
-          el.classList.add('nth-three');
-        } else if (index % 4 === 0) {
-          el.classList.add('nth-four');
-        } else if (index % 5 === 0) {
-          el.classList.add('nth-five');
-        }
-
-        index++;
-      } else {
-        index = 1;
-      }
-    });
+    updateFormResponsiveClass(containerWrapRef.current);
 
     var _ref = ((_a = containerWrapRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {},
         _ref$width = _ref.width,

package/es/Form/style/index.css

@@ -563,10 +563,10 @@ p {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.lm_container_wrapper .lm_container.responsive .lm_form.ant-form .ant-form-item {
+.lm_container_wrapper .lm_container.responsive .lm_form.ant-form .ant-form-item-responsive {
   margin-right: 24px;
 }
-.lm_container_wrapper .lm_container.responsive .lm_form.ant-form .ant-form-item .ant-form-item-control {
+.lm_container_wrapper .lm_container.responsive .lm_form.ant-form .ant-form-item-responsive .ant-form-item-control {
   width: 100%;
 }
 .lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item {
@@ -684,3 +684,9 @@ p {
 .lm_form-item-tip-error-bottom .ant-form-item-explain .ant-form-item-explain-error {
   margin-left: -4px;
 }
+.ant-form-item.ant-form-item-responsive .lm_select {
+  width: 100%;
+}
+.ant-form-item-explain-error {
+  font-size: 12px;
+}

package/es/Form/util.d.ts

@@ -1,3 +1,4 @@
 import type { InternalNamePath } from './interface';
 export declare function toArray<T>(candidate?: T | T[] | false): T[];
 export declare function getFieldId(namePath: InternalNamePath, formName?: string): string | undefined;
+export declare function updateFormResponsiveClass(dom: HTMLElement): void;

package/es/Form/util.js

@@ -17,4 +17,26 @@ export function getFieldId(namePath, formName) {
 
   var isIllegalName = formItemNameBlackList.indexOf(mergedId) >= 0;
   return isIllegalName ? "".concat(defaultItemNamePrefixCls, "_").concat(mergedId) : mergedId;
+}
+export function updateFormResponsiveClass(dom) {
+  var form = dom.tagName.toLocaleLowerCase() === 'form' ? dom : dom.querySelector('form');
+
+  if (form) {
+    var index = 0;
+    Array.prototype.slice.call(form.children).forEach(function (element) {
+      if (element.classList.contains('ant-form-item-responsive')) {
+        index += 1;
+
+        if (index % 3 === 0) {
+          element.classList.add('nth-three');
+        } else if (index % 4 === 0) {
+          element.classList.add('nth-four');
+        } else if (index % 5 === 0) {
+          element.classList.add('nth-five');
+        }
+      } else {
+        index = 0;
+      }
+    });
+  }
 }

package/es/ImageViewer/components/Carousel.js

@@ -6,7 +6,8 @@ var ListItem = function ListItem(_ref) {
       index = _ref.index,
       item = _ref.item,
       instance = _ref.instance;
-  var state = instance.state;
+  var state = instance.state,
+      getIsVideo = instance.getIsVideo;
   var transformProps = useMemo(function () {
     if (index !== state.currentIndex) return {};
     var _state$transform = state.transform,
@@ -19,7 +20,24 @@ var ListItem = function ListItem(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "preview_item",
     key: key
-  }, /*#__PURE__*/React.createElement("img", {
+  }, getIsVideo(item) ?
+  /*#__PURE__*/
+  // @ts-ignore
+  // eslint-disable-next-line jsx-a11y/media-has-caption
+  React.createElement("video", {
+    width: "100%",
+    height: "100%",
+    controls: "controls"
+  }, /*#__PURE__*/React.createElement("source", {
+    src: item,
+    type: "video/mp4"
+  }), /*#__PURE__*/React.createElement("source", {
+    src: item,
+    type: "video/webm"
+  }), /*#__PURE__*/React.createElement("source", {
+    src: item,
+    type: "video/ogg"
+  }), "\u89C6\u9891\u64AD\u653E\u5931\u8D25\uFF01") : /*#__PURE__*/React.createElement("img", {
     src: item,
     alt: "",
     style: transformProps

package/es/ImageViewer/components/Thumb.js

@@ -1,8 +1,27 @@
 import React, { useMemo } from 'react';
 import cn from 'classnames';
+import { IconFont } from 'linkmore-design';
 
-var Thumb = function Thumb(_ref) {
-  var instance = _ref.instance;
+var ThumbItem = function ThumbItem(_ref) {
+  var item = _ref.item,
+      instance = _ref.instance;
+  var getIsVideo = instance.getIsVideo;
+
+  if (getIsVideo(item)) {
+    return /*#__PURE__*/React.createElement(IconFont, {
+      type: "lmweb-video",
+      className: "thumb_item_icon"
+    });
+  }
+
+  return /*#__PURE__*/React.createElement("img", {
+    src: item,
+    alt: ""
+  });
+};
+
+var Thumb = function Thumb(_ref2) {
+  var instance = _ref2.instance;
   var state = instance.state,
       urlList = instance.urlList,
       slickGoTo = instance.slickGoTo;
@@ -27,9 +46,9 @@ var Thumb = function Thumb(_ref) {
       onClick: function onClick(e) {
         return handleGoTo(e, idx);
       }
-    }, /*#__PURE__*/React.createElement("img", {
-      src: v,
-      alt: ""
+    }, /*#__PURE__*/React.createElement(ThumbItem, {
+      item: v,
+      instance: instance
     }));
   }));
 };

package/es/ImageViewer/fns/index.d.ts

@@ -6,6 +6,7 @@ declare const useCoreOptions: ({ state, dispatch, props, previewRef }: {
 }) => {
     CoreMethods: {
         getVisible: () => any;
+        getIsVideo: (url: any) => boolean;
         onClose: () => void;
         setTransform: (type: any) => void;
         afterChange: (currentIndex: any) => void;

package/es/ImageViewer/fns/index.js

@@ -1,4 +1,4 @@
-import { useCallback } from 'react';
+import { useCallback, useEffect } from 'react';
 
 var useCoreOptions = function useCoreOptions(_ref) {
   var state = _ref.state,
@@ -8,7 +8,12 @@ var useCoreOptions = function useCoreOptions(_ref) {
   // 获取显示状态
   var getVisible = useCallback(function () {
     return typeof props.visible === 'boolean' ? props.visible : state.visible;
-  }, [props, state.visible]); // 关闭事件
+  }, [props.visible, state.visible]); // 获取是否为视频格式
+
+  var getIsVideo = useCallback(function (url) {
+    var fileExtension = url.replace(/.*\./, '').toLowerCase();
+    return ['mp4', 'm2v', 'mkv', 'ogm', 'webm'].includes(fileExtension);
+  }, []); // 关闭事件
 
   var onClose = useCallback(function () {
     var _a;
@@ -77,8 +82,20 @@ var useCoreOptions = function useCoreOptions(_ref) {
   var slickPrev = useCallback(function () {
     previewRef.current.prev();
   }, []);
+  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/es/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/es/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/es/Input/index.js

@@ -16,14 +16,18 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React, { forwardRef } from 'react';
 import IconFont from '../IconFont';
+import SizeContext from '../ConfigProvider/SizeContext';
 var LmInput = /*#__PURE__*/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.useContext(SizeContext) || 'middle';
   return /*#__PURE__*/React.createElement(_Input, Object.assign({
     ref: ref,
-    className: "lm_input"
+    className: "lm_input",
+    size: size
   }, rest, {
     allowClear: true
   }));

package/es/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/es/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/es/InputRange/index.js

@@ -0,0 +1,67 @@
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+
+var __rest = this && this.__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;
+};
+
+import React from 'react';
+
+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 = _toConsumableArray(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.createElement("div", {
+    className: "lm_editTable_wrapperRange"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "inputRange"
+  }, /*#__PURE__*/React.createElement(_Input, 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.createElement(_Input, 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))));
+};
+
+export default InputRange;