linkmore-design 1.0.53 → 1.0.56

package/lib/Tag/index.js

@@ -15,6 +15,8 @@ var _tag = _interopRequireDefault(require("antd/es/tag"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _hexToRgba = _interopRequireDefault(require("hex-to-rgba"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var __rest = void 0 && (void 0).__rest || function (s, e) {
@@ -30,6 +32,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 
+var CheckableTag = _tag.default.CheckableTag;
 var PresetColorTypes = ['pink', 'red', 'yellow', 'orange', 'cyan', 'green', 'blue', 'purple', 'geekblue', 'magenta', 'volcano', 'gold', 'lime', 'theme'];
 exports.PresetColorTypes = PresetColorTypes;
 var prefixCls = 'lm_tag';
@@ -47,6 +50,50 @@ var LmTag = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, className, PresetColorTypes.includes(color) && "lm_tag_main_color lm_tag_main_".concat(color))
   }));
 });
-LmTag.CheckableTag = _tag.default.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 = (0, _react.useRef)(null);
+  var colorProps = (0, _react.useMemo)(function () {
+    if (color) {
+      try {
+        return {
+          style: {
+            color: checked ? '#fff' : (0, _hexToRgba.default)(color),
+            background: checked ? color : (0, _hexToRgba.default)(color, 0.15)
+          },
+          onMouseEnter: function onMouseEnter() {
+            checkTagRef.current.firstChild.style.background = checked ? color : (0, _hexToRgba.default)(color, 0.25);
+          },
+          onMouseLeave: function onMouseLeave() {
+            checkTagRef.current.firstChild.style.background = checked ? color : (0, _hexToRgba.default)(color, 0.15);
+          }
+        };
+      } catch (_a) {
+        return {
+          style: {
+            color: (0, _hexToRgba.default)(color),
+            background: (0, _hexToRgba.default)(color, 0.15)
+          }
+        };
+      }
+    } else {
+      return {};
+    }
+  }, [color, checked]);
+  return /*#__PURE__*/_react.default.createElement("span", {
+    ref: checkTagRef
+  }, /*#__PURE__*/_react.default.createElement(CheckableTag, Object.assign({}, rest, {
+    checked: checked
+  }, colorProps, {
+    className: (0, _classnames.default)(checkPreFixCls, className, color && 'lm_custom_color_tag')
+  })));
+};
+
 var _default = LmTag;
 exports.default = _default;

package/lib/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/lib/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/lib/Upload/index.js

@@ -17,18 +17,24 @@ var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _classnames = _interopRequireDefault(require("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.default.createElement(_tooltip.default, {
-      placement: 'bottom',
+      placement: "bottom",
       title: file.name
     }, originNode.props.children) : originNode;
   };
 
   return /*#__PURE__*/_react.default.createElement(_upload.default, Object.assign({
+    className: (0, _classnames.default)(className, sizeType == 'small' && 'little-upload'),
     itemRender: renderUploadItem,
+    sizeType: sizeType,
     listType: listType
   }, props));
 };

package/lib/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/lib/_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/lib/_util/domTarget.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTargetElement = getTargetElement;
+exports.isFunction = void 0;
+
+var isFunction = function isFunction(value) {
+  return typeof value === 'function';
+};
+
+exports.isFunction = isFunction;
+
+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/lib/_util/getDataOrAriaProps.d.ts

@@ -0,0 +1 @@
+export default function getDataOrAriaProps(props: any): any;

package/lib/_util/getDataOrAriaProps.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getDataOrAriaProps;
+
+function getDataOrAriaProps(props) {
+  return Object.keys(props).reduce(function (prev, key) {
+    if ((key.startsWith('data-') || key.startsWith('aria-') || key === 'role') && !key.startsWith('data-__')) {
+      prev[key] = props[key];
+    }
+
+    return prev;
+  }, {});
+}

package/lib/_util/reactNode.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const isValidElement: typeof React.isValidElement;
+declare type AnyObject = Record<any, any>;
+declare type RenderProps = undefined | AnyObject | ((originProps: AnyObject) => AnyObject | undefined);
+export declare function replaceElement(element: React.ReactNode, replacement: React.ReactNode, props: RenderProps): React.ReactNode;
+export declare function cloneElement(element: React.ReactNode, props?: RenderProps): React.ReactElement;
+export {};

package/lib/_util/reactNode.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cloneElement = cloneElement;
+exports.isValidElement = void 0;
+exports.replaceElement = replaceElement;
+
+var React = _interopRequireWildcard(require("react"));
+
+var isValidElement = React.isValidElement;
+exports.isValidElement = isValidElement;
+
+function replaceElement(element, replacement, props) {
+  if (!isValidElement(element)) return replacement;
+  return /*#__PURE__*/React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
+}
+
+function cloneElement(element, props) {
+  return replaceElement(element, element, props);
+}

package/lib/_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/lib/_util/throttleByAnimationFrame.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.throttleByAnimationFrame = throttleByAnimationFrame;
+exports.throttleByAnimationFrameDecorator = throttleByAnimationFrameDecorator;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _raf = _interopRequireDefault(require("rc-util/lib/raf"));
+
+function throttleByAnimationFrame(fn) {
+  var requestId;
+
+  var later = function later(args) {
+    return function () {
+      requestId = null;
+      fn.apply(void 0, (0, _toConsumableArray2.default)(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 = (0, _raf.default)(later(args));
+    }
+  };
+
+  throttled.cancel = function () {
+    _raf.default.cancel(requestId);
+
+    requestId = null;
+  };
+
+  return throttled;
+}
+
+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/lib/index.d.ts

@@ -22,7 +22,7 @@ export { default as LmSelect } from './LmSelect';
 export { default as LoadingPage } from './LoadingPage';
 export { default as Menu } from './Menu';
 export { default as Modal } from './Modal';
-export { default as notification } from './Notification';
+export { default as notification } from './notification';
 export { default as OldModal } from './OldModal';
 export { default as Pagination } from './Pagination';
 export { default as PopTable } from './PopTable';
@@ -48,3 +48,4 @@ 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';

package/lib/index.js

@@ -131,6 +131,12 @@ Object.defineProperty(exports, "InputNumber", {
     return _InputNumber.default;
   }
 });
+Object.defineProperty(exports, "LMQuickMenu", {
+  enumerable: true,
+  get: function get() {
+    return _QuickMenu.default;
+  }
+});
 Object.defineProperty(exports, "LeftTable", {
   enumerable: true,
   get: function get() {
@@ -296,7 +302,7 @@ Object.defineProperty(exports, "message", {
 Object.defineProperty(exports, "notification", {
   enumerable: true,
   get: function get() {
-    return _Notification.default;
+    return _notification.default;
   }
 });
 
@@ -348,7 +354,7 @@ var _Menu = _interopRequireDefault(require("./Menu"));
 
 var _Modal = _interopRequireDefault(require("./Modal"));
 
-var _Notification = _interopRequireDefault(require("./Notification"));
+var _notification = _interopRequireDefault(require("./notification"));
 
 var _OldModal = _interopRequireDefault(require("./OldModal"));
 
@@ -396,4 +402,6 @@ var _Spin = _interopRequireDefault(require("./Spin"));
 
 var _LmEditTable = _interopRequireDefault(require("./LmEditTable"));
 
-var _List = _interopRequireDefault(require("./List"));
+var _List = _interopRequireDefault(require("./List"));
+
+var _QuickMenu = _interopRequireDefault(require("./QuickMenu"));

package/lib/message/style/index.css

@@ -519,6 +519,7 @@ html {
   animation-iteration-count: 1;
   animation-fill-mode: forwards;
   transition: width 0.2s;
+  animation-timing-function: linear;
 }
 .lm_message:hover .message_progress {
   width: 100%;

package/lib/notification/hooks/useNotification.d.ts

@@ -0,0 +1,7 @@
+import type { NoticeContent as RCNoticeContent, NotificationInstance as RCNotificationInstance } from 'rc-notification/lib/Notification';
+import * as React from 'react';
+import type { ArgsProps, NotificationInstance } from '..';
+export default function createUseNotification(getNotificationInstance: (args: ArgsProps, callback: (info: {
+    prefixCls: string;
+    instance: RCNotificationInstance;
+}) => void) => void, getRCNoticeProps: (args: ArgsProps, prefixCls: string) => RCNoticeContent): () => [NotificationInstance, React.ReactElement];

package/lib/notification/hooks/useNotification.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createUseNotification;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _useNotification = _interopRequireDefault(require("rc-notification/lib/useNotification"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _configProvider = require("antd/es/config-provider");
+
+function createUseNotification(getNotificationInstance, getRCNoticeProps) {
+  var useNotification = function useNotification() {
+    // We can only get content by render
+    var getPrefixCls; // We create a proxy to handle delay created instance
+
+    var innerInstance = null;
+    var proxy = {
+      add: function add(noticeProps, holderCallback) {
+        innerInstance === null || innerInstance === void 0 ? void 0 : innerInstance.component.add(noticeProps, holderCallback);
+      }
+    };
+
+    var _useRCNotification = (0, _useNotification.default)(proxy),
+        _useRCNotification2 = (0, _slicedToArray2.default)(_useRCNotification, 2),
+        hookNotify = _useRCNotification2[0],
+        holder = _useRCNotification2[1];
+
+    function notify(args) {
+      var customizePrefixCls = args.prefixCls;
+      var mergedPrefixCls = getPrefixCls('notification', customizePrefixCls);
+      getNotificationInstance(Object.assign(Object.assign({}, args), {
+        prefixCls: mergedPrefixCls
+      }), function (_ref) {
+        var prefixCls = _ref.prefixCls,
+            instance = _ref.instance;
+        innerInstance = instance;
+        hookNotify(getRCNoticeProps(args, prefixCls));
+      });
+    } // Fill functions
+
+
+    var hookApiRef = React.useRef({});
+    hookApiRef.current.open = notify;
+    ['success', 'info', 'warning', 'error'].forEach(function (type) {
+      hookApiRef.current[type] = function (args) {
+        return hookApiRef.current.open(Object.assign(Object.assign({}, args), {
+          type: type
+        }));
+      };
+    });
+    return [hookApiRef.current, /*#__PURE__*/React.createElement(_configProvider.ConfigConsumer, {
+      key: "holder"
+    }, function (context) {
+      getPrefixCls = context.getPrefixCls;
+      return holder;
+    })];
+  };
+
+  return useNotification;
+}

package/lib/notification/index.d.ts

@@ -0,0 +1,54 @@
+import type { NotificationInstance as RCNotificationInstance } from 'rc-notification/lib/Notification';
+import * as React from 'react';
+export declare type NotificationPlacement = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight';
+export declare type IconType = 'success' | 'info' | 'error' | 'warning';
+export interface ConfigProps {
+    top?: number;
+    bottom?: number;
+    duration?: number;
+    prefixCls?: string;
+    placement?: NotificationPlacement;
+    getContainer?: () => HTMLElement;
+    closeIcon?: React.ReactNode;
+    rtl?: boolean;
+    maxCount?: number;
+}
+export interface ArgsProps {
+    message: React.ReactNode;
+    description?: React.ReactNode;
+    btn?: React.ReactNode;
+    key?: string;
+    onClose?: () => void;
+    duration?: number | null;
+    icon?: React.ReactNode;
+    placement?: NotificationPlacement;
+    maxCount?: number;
+    style?: React.CSSProperties;
+    prefixCls?: string;
+    className?: string;
+    readonly type?: IconType;
+    onClick?: () => void;
+    top?: number;
+    bottom?: number;
+    getContainer?: () => HTMLElement;
+    closeIcon?: React.ReactNode;
+    progress?: boolean;
+}
+export interface NotificationInstance {
+    success(args: ArgsProps): void;
+    error(args: ArgsProps): void;
+    info(args: ArgsProps): void;
+    warning(args: ArgsProps): void;
+    open(args: ArgsProps): void;
+}
+export interface NotificationApi extends NotificationInstance {
+    warn(args: ArgsProps): void;
+    close(key: string): void;
+    config(options: ConfigProps): void;
+    destroy(): void;
+    useNotification: () => [NotificationInstance, React.ReactElement];
+}
+/** @private test Only function. Not work on production */
+export declare const getInstance: (cacheKey: string) => Promise<RCNotificationInstance>;
+declare const _default: NotificationApi;
+export default _default;