linkmore-design 1.0.54 → 1.0.57

package/es/Tag/index.js

@@ -14,7 +14,9 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useMemo, useRef } from 'react';
+import hexToRgba from 'hex-to-rgba';
+var CheckableTag = _Tag.CheckableTag;
 import classNames from 'classnames';
 export var PresetColorTypes = ['pink', 'red', 'yellow', 'orange', 'cyan', 'green', 'blue', 'purple', 'geekblue', 'magenta', 'volcano', 'gold', 'lime', 'theme'];
 var prefixCls = 'lm_tag';
@@ -32,5 +34,49 @@ var LmTag = /*#__PURE__*/forwardRef(function (props, ref) {
     }, className, PresetColorTypes.includes(color) && "lm_tag_main_color lm_tag_main_".concat(color))
   }));
 });
-LmTag.CheckableTag = _Tag.CheckableTag;
+var checkPreFixCls = 'lm_check_tag';
+
+LmTag.CheckableTag = function (props) {
+  var className = props.className,
+      color = props.color,
+      checked = props.checked,
+      rest = __rest(props, ["className", "color", "checked"]);
+
+  var checkTagRef = useRef(null);
+  var colorProps = useMemo(function () {
+    if (color) {
+      try {
+        return {
+          style: {
+            color: checked ? '#fff' : hexToRgba(color),
+            background: checked ? color : hexToRgba(color, 0.15)
+          },
+          onMouseEnter: function onMouseEnter() {
+            checkTagRef.current.firstChild.style.background = checked ? color : hexToRgba(color, 0.25);
+          },
+          onMouseLeave: function onMouseLeave() {
+            checkTagRef.current.firstChild.style.background = checked ? color : hexToRgba(color, 0.15);
+          }
+        };
+      } catch (_a) {
+        return {
+          style: {
+            color: hexToRgba(color),
+            background: hexToRgba(color, 0.15)
+          }
+        };
+      }
+    } else {
+      return {};
+    }
+  }, [color, checked]);
+  return /*#__PURE__*/React.createElement("span", {
+    ref: checkTagRef
+  }, /*#__PURE__*/React.createElement(CheckableTag, Object.assign({}, rest, {
+    checked: checked
+  }, colorProps, {
+    className: classNames(checkPreFixCls, className, color && 'lm_custom_color_tag')
+  })));
+};
+
 export default LmTag;

package/es/Tag/style/index.css

@@ -513,8 +513,8 @@ html {
   margin-left: 6px;
 }
 .lm_tag.ant-tag.lm_tag_main_theme {
-  background: var(--tree-select-bg);
   color: var(--primary-color);
+  background: var(--tree-select-bg);
 }
 .lm_tag.lm_tag_noborder {
   border-color: transparent;
@@ -564,3 +564,6 @@ html {
 .ant-tag-checkable.ant-tag-checkable-checked {
   background-color: var(--primary-color);
 }
+.lm_check_tag.lm_custom_color_tag.ant-tag-checkable-checked {
+  color: #fff !important;
+}

package/es/Upload/index.d.ts

@@ -5,5 +5,9 @@ import type { RcFile as AntdRcFile } from 'antd/es/upload';
 export declare type UploadProps = AntdUploadProps;
 export declare type UploadFile = AntdUploadFile;
 export declare type RcFile = AntdRcFile;
-declare const LMUpload: React.FC<UploadProps>;
+export interface LMUploadProps extends UploadProps {
+    className?: string;
+    sizeType?: string;
+}
+declare const LMUpload: React.FC<LMUploadProps>;
 export default LMUpload;

package/es/Upload/index.js

@@ -3,19 +3,24 @@ import _Upload from "antd/es/upload";
 import "antd/es/tooltip/style";
 import _Tooltip from "antd/es/tooltip";
 import React from 'react';
+import classNames from 'classnames';
 
 var LMUpload = function LMUpload(props) {
-  var listType = props.listType;
+  var className = props.className,
+      sizeType = props.sizeType,
+      listType = props.listType;
 
   var renderUploadItem = function renderUploadItem(originNode, file) {
     return !listType ? /*#__PURE__*/React.createElement(_Tooltip, {
-      placement: 'bottom',
+      placement: "bottom",
       title: file.name
     }, originNode.props.children) : originNode;
   };
 
   return /*#__PURE__*/React.createElement(_Upload, Object.assign({
+    className: classNames(className, sizeType == 'small' && 'little-upload'),
     itemRender: renderUploadItem,
+    sizeType: sizeType,
     listType: listType
   }, props));
 };

package/es/Upload/style/index.css

@@ -503,3 +503,38 @@ html {
 .card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
+.ant-upload-select-picture-card div {
+  margin-top: 8px;
+}
+.little-upload .ant-upload-list-picture-card-container {
+  width: 64px;
+  height: 64px;
+}
+.little-upload .ant-upload-list-picture-card-container .ant-upload-list-item {
+  padding: 0 !important;
+}
+.little-upload .ant-upload-list-picture-card-container .ant-upload-list-item .ant-upload-list-item-thumbnail {
+  font-size: 12px;
+}
+.little-upload .ant-upload-list-picture-card-container .ant-upload-list-item .ant-upload-list-item-progress {
+  bottom: 5px;
+  left: 7px;
+}
+.little-upload .ant-upload-list-picture-card-container .ant-upload-list-item .ant-upload-list-item-name {
+  bottom: 5px;
+  font-size: 12px;
+}
+.little-upload .ant-upload.ant-upload-select-picture-card {
+  width: 64px;
+  height: 64px;
+  font-size: 12px;
+}
+.little-upload .ant-upload.ant-upload-select-picture-card .anticon svg {
+  width: 24px;
+  height: 24px;
+  margin-top: 8px;
+}
+.little-upload .ant-upload.ant-upload-select-picture-card div {
+  margin-top: 0;
+  font-size: 12px;
+}

package/es/_util/domTarget.d.ts

@@ -0,0 +1,7 @@
+import type { MutableRefObject } from 'react';
+export declare const isFunction: (value: unknown) => value is Function;
+declare type TargetValue<T> = T | undefined | null;
+declare type TargetType = HTMLElement | Element | Window | Document;
+export declare type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
+export declare function getTargetElement<T extends TargetType>(target: BasicTarget<T>, defaultElement?: T): T;
+export {};

package/es/_util/domTarget.js

@@ -0,0 +1,20 @@
+export var isFunction = function isFunction(value) {
+  return typeof value === 'function';
+};
+export function getTargetElement(target, defaultElement) {
+  if (!target) {
+    return defaultElement;
+  }
+
+  var targetElement;
+
+  if (isFunction(target)) {
+    targetElement = target();
+  } else if ('current' in target) {
+    targetElement = target.current;
+  } else {
+    targetElement = target;
+  }
+
+  return targetElement;
+}

package/es/_util/motion.d.ts

@@ -0,0 +1,8 @@
+import type { CSSMotionProps } from 'rc-motion';
+declare const collapseMotion: CSSMotionProps;
+declare const SelectPlacements: ["bottomLeft", "bottomRight", "topLeft", "topRight"];
+export declare type SelectCommonPlacement = typeof SelectPlacements[number];
+declare const getTransitionDirection: (placement: SelectCommonPlacement | undefined) => "slide-down" | "slide-up";
+declare const getTransitionName: (rootPrefixCls: string, motion: string, transitionName?: string) => string;
+export { getTransitionName, getTransitionDirection };
+export default collapseMotion;

package/es/_util/motion.js

@@ -0,0 +1,60 @@
+import { tuple } from './type'; // ================== Collapse Motion ==================
+
+var getCollapsedHeight = function getCollapsedHeight() {
+  return {
+    height: 0,
+    opacity: 0
+  };
+};
+
+var getRealHeight = function getRealHeight(node) {
+  var scrollHeight = node.scrollHeight;
+  return {
+    height: scrollHeight,
+    opacity: 1
+  };
+};
+
+var getCurrentHeight = function getCurrentHeight(node) {
+  return {
+    height: node ? node.offsetHeight : 0
+  };
+};
+
+var skipOpacityTransition = function skipOpacityTransition(_, event) {
+  return (event === null || event === void 0 ? void 0 : event.deadline) === true || event.propertyName === 'height';
+};
+
+var collapseMotion = {
+  motionName: 'ant-motion-collapse',
+  onAppearStart: getCollapsedHeight,
+  onEnterStart: getCollapsedHeight,
+  onAppearActive: getRealHeight,
+  onEnterActive: getRealHeight,
+  onLeaveStart: getCurrentHeight,
+  onLeaveActive: getCollapsedHeight,
+  onAppearEnd: skipOpacityTransition,
+  onEnterEnd: skipOpacityTransition,
+  onLeaveEnd: skipOpacityTransition,
+  motionDeadline: 500
+};
+var SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight');
+
+var getTransitionDirection = function getTransitionDirection(placement) {
+  if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {
+    return "slide-down";
+  }
+
+  return "slide-up";
+};
+
+var getTransitionName = function getTransitionName(rootPrefixCls, motion, transitionName) {
+  if (transitionName !== undefined) {
+    return transitionName;
+  }
+
+  return "".concat(rootPrefixCls, "-").concat(motion);
+};
+
+export { getTransitionName, getTransitionDirection };
+export default collapseMotion;

package/es/_util/statusUtils.d.ts

@@ -0,0 +1,6 @@
+import type { ValidateStatus } from 'antd/es/form/FormItem';
+declare const InputStatuses: ["warning", "error", ""];
+export declare type InputStatus = typeof InputStatuses[number];
+export declare function getStatusClassNames(prefixCls: string, status?: ValidateStatus, hasFeedback?: boolean): string;
+export declare const getMergedStatus: (contextStatus?: ValidateStatus, customStatus?: InputStatus) => "" | "warning" | "error" | "success" | "validating";
+export {};

package/es/_util/statusUtils.js

@@ -0,0 +1,12 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import classNames from 'classnames';
+import { tuple } from './type';
+var InputStatuses = tuple('warning', 'error', '');
+export function getStatusClassNames(prefixCls, status, hasFeedback) {
+  var _classNames;
+
+  return classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-status-success"), status === 'success'), _defineProperty(_classNames, "".concat(prefixCls, "-status-warning"), status === 'warning'), _defineProperty(_classNames, "".concat(prefixCls, "-status-error"), status === 'error'), _defineProperty(_classNames, "".concat(prefixCls, "-status-validating"), status === 'validating'), _defineProperty(_classNames, "".concat(prefixCls, "-has-feedback"), hasFeedback), _classNames));
+}
+export var getMergedStatus = function getMergedStatus(contextStatus, customStatus) {
+  return customStatus || contextStatus;
+};

package/es/_util/throttleByAnimationFrame.d.ts

@@ -0,0 +1,8 @@
+export declare function throttleByAnimationFrame<T extends unknown[]>(fn: (...args: T) => void): {
+    (...args: T): void;
+    cancel: () => void;
+};
+export declare function throttleByAnimationFrameDecorator(): (target: any, key: string, descriptor: any) => {
+    configurable: boolean;
+    get(): any;
+};

package/es/_util/throttleByAnimationFrame.js

@@ -0,0 +1,58 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import raf from 'rc-util/lib/raf';
+export function throttleByAnimationFrame(fn) {
+  var requestId;
+
+  var later = function later(args) {
+    return function () {
+      requestId = null;
+      fn.apply(void 0, _toConsumableArray(args));
+    };
+  };
+
+  var throttled = function throttled() {
+    if (requestId == null) {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      requestId = raf(later(args));
+    }
+  };
+
+  throttled.cancel = function () {
+    raf.cancel(requestId);
+    requestId = null;
+  };
+
+  return throttled;
+}
+export function throttleByAnimationFrameDecorator() {
+  return function throttle(target, key, descriptor) {
+    var fn = descriptor.value;
+    var definingProperty = false;
+    return {
+      configurable: true,
+      get: function get() {
+        // In IE11 calling Object.defineProperty has a side-effect of evaluating the
+        // getter for the property which is being replaced. This causes infinite
+        // recursion and an "Out of stack space" error.
+        // eslint-disable-next-line no-prototype-builtins
+        if (definingProperty || this === target.prototype || this.hasOwnProperty(key)) {
+          /* istanbul ignore next */
+          return fn;
+        }
+
+        var boundFn = throttleByAnimationFrame(fn.bind(this));
+        definingProperty = true;
+        Object.defineProperty(this, key, {
+          value: boundFn,
+          configurable: true,
+          writable: true
+        });
+        definingProperty = false;
+        return boundFn;
+      }
+    };
+  };
+}

package/es/_util/type.d.ts

@@ -0,0 +1,9 @@
+export declare const tuple: <T extends string[]>(...args: T) => T;
+export declare const tupleNum: <T extends number[]>(...args: T) => T;
+/**
+ * https://stackoverflow.com/a/59187769 Extract the type of an element of an array/tuple without
+ * performing indexing
+ */
+export declare type ElementOf<T> = T extends (infer E)[] ? E : T extends readonly (infer F)[] ? F : never;
+/** https://github.com/Microsoft/TypeScript/issues/29729 */
+export declare type LiteralUnion<T extends U, U> = T | (U & {});

package/es/_util/type.js

@@ -0,0 +1,15 @@
+// https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead
+export var tuple = function tuple() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  return args;
+};
+export var tupleNum = function tupleNum() {
+  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    args[_key2] = arguments[_key2];
+  }
+
+  return args;
+};

package/es/_util/warning.d.ts

@@ -0,0 +1,6 @@
+import { resetWarned } from 'rc-util/lib/warning';
+export { resetWarned };
+export declare function noop(): void;
+declare type Warning = (valid: boolean, component: string, message: string) => void;
+declare let warning: Warning;
+export default warning;

package/es/_util/warning.js

@@ -0,0 +1,17 @@
+import rcWarning, { resetWarned } from 'rc-util/lib/warning';
+export { resetWarned };
+export function noop() {} // eslint-disable-next-line import/no-mutable-exports
+
+var warning = noop;
+
+if (process.env.NODE_ENV !== 'production') {
+  warning = function warning(valid, component, message) {
+    rcWarning(valid, "[antd: ".concat(component, "] ").concat(message)); // StrictMode will inject console which will not throw warning in React 17.
+
+    if (process.env.NODE_ENV === 'test') {
+      resetWarned();
+    }
+  };
+}
+
+export default warning;

package/es/index.d.ts

@@ -35,6 +35,7 @@ export { default as Tree } from './Tree';
 export { default as UploadOss } from './UploadOss';
 export { default as VirtualList } from './VirtualList';
 export { default as Tag } from './Tag';
+export type { ILMTagProps } from './Tag';
 export { default as message } from './message';
 export { default as Tabs } from './Tabs';
 export { default as Table } from './Table';
@@ -48,3 +49,6 @@ export { default as Form } from './Form';
 export { default as Spin } from './Spin';
 export { default as LmEditTable } from './LmEditTable';
 export { default as List } from './List';
+export { default as LMQuickMenu } from './QuickMenu';
+export { default as DatePicker } from './DatePicker';
+export type { DatePickerProps, MonthPickerProps, WeekPickerProps, RangePickerProps } from './DatePicker';

package/es/index.js

@@ -46,4 +46,6 @@ export { default as Tooltip } from './Tooltip';
 export { default as Form } from './Form';
 export { default as Spin } from './Spin';
 export { default as LmEditTable } from './LmEditTable';
-export { default as List } from './List';
+export { default as List } from './List';
+export { default as LMQuickMenu } from './QuickMenu';
+export { default as DatePicker } from './DatePicker';