linkmore-design 1.0.53 → 1.0.54

package/dist/notification/demos/button.d.ts

@@ -0,0 +1,2 @@
+declare const App: () => JSX.Element;
+export default App;

package/dist/notification/demos/icon.d.ts

@@ -0,0 +1,2 @@
+declare const App: () => JSX.Element;
+export default App;

package/dist/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/dist/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;

package/dist/notification/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/Alert/ErrorBoundary.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+interface ErrorBoundaryProps {
+    message?: React.ReactNode;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+}
+export default class ErrorBoundary extends React.Component<ErrorBoundaryProps, {
+    error?: Error | null;
+    info: {
+        componentStack?: string;
+    };
+}> {
+    state: {
+        error: any;
+        info: {
+            componentStack: string;
+        };
+    };
+    componentDidCatch(error: Error | null, info: object): void;
+    render(): React.ReactNode;
+}
+export {};

package/es/Alert/ErrorBoundary.js

@@ -0,0 +1,65 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import * as React from 'react';
+import Alert from '.';
+
+var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
+  _inherits(ErrorBoundary, _React$Component);
+
+  var _super = _createSuper(ErrorBoundary);
+
+  function ErrorBoundary() {
+    var _this;
+
+    _classCallCheck(this, ErrorBoundary);
+
+    _this = _super.apply(this, arguments);
+    _this.state = {
+      error: undefined,
+      info: {
+        componentStack: ''
+      }
+    };
+    return _this;
+  }
+
+  _createClass(ErrorBoundary, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch(error, info) {
+      this.setState({
+        error: error,
+        info: info
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          message = _this$props.message,
+          description = _this$props.description,
+          children = _this$props.children;
+      var _this$state = this.state,
+          error = _this$state.error,
+          info = _this$state.info;
+      var componentStack = info && info.componentStack ? info.componentStack : null;
+      var errorMessage = typeof message === 'undefined' ? (error || '').toString() : message;
+      var errorDescription = typeof description === 'undefined' ? componentStack : description;
+
+      if (error) {
+        return /*#__PURE__*/React.createElement(Alert, {
+          type: "error",
+          message: errorMessage,
+          description: /*#__PURE__*/React.createElement("pre", null, errorDescription)
+        });
+      }
+
+      return children;
+    }
+  }]);
+
+  return ErrorBoundary;
+}(React.Component);
+
+export { ErrorBoundary as default };

package/es/Alert/index.d.ts

@@ -0,0 +1,41 @@
+import { Alert as AntdAlert } from 'antd';
+import * as React from 'react';
+import ErrorBoundary from './ErrorBoundary';
+export interface AlertProps {
+    /** Type of Alert styles, options:`success`, `info`, `warning`, `error` */
+    type?: 'success' | 'info' | 'warning' | 'error';
+    /** Whether Alert can be closed */
+    closable?: boolean;
+    /** Close text to show */
+    closeText?: React.ReactNode;
+    /** Content of Alert */
+    message?: React.ReactNode;
+    /** Additional content of Alert */
+    description?: React.ReactNode;
+    /** Callback when close Alert */
+    onClose?: React.MouseEventHandler<HTMLButtonElement>;
+    /** Trigger when animation ending of Alert */
+    afterClose?: () => void;
+    /** Whether to show icon */
+    showIcon?: boolean;
+    /** https://www.w3.org/TR/2014/REC-html5-20141028/dom.html#aria-role-attribute */
+    role?: string;
+    style?: React.CSSProperties;
+    prefixCls?: string;
+    className?: string;
+    banner?: boolean;
+    icon?: React.ReactNode;
+    /** Custome closeIcon */
+    closeIcon?: React.ReactNode;
+    action?: React.ReactNode;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+    duration?: number;
+}
+interface AlertInterface extends React.FC<AlertProps> {
+    ErrorBoundary: typeof ErrorBoundary;
+    AntdAlert: typeof AntdAlert;
+}
+declare const Alert: AlertInterface;
+export default Alert;

package/es/Alert/index.js

@@ -0,0 +1,192 @@
+import "antd/es/alert/style";
+import _Alert from "antd/es/alert";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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 { CheckCircleFilled, CheckCircleOutlined, CloseCircleFilled, CloseCircleOutlined, CloseOutlined, ExclamationCircleFilled, ExclamationCircleOutlined, InfoCircleFilled, InfoCircleOutlined } from '@ant-design/icons';
+import classNames from 'classnames';
+import CSSMotion from 'rc-motion';
+import * as React from 'react';
+import { ConfigContext } from 'antd/es/config-provider';
+import getDataOrAriaProps from '../_util/getDataOrAriaProps';
+import { replaceElement } from '../_util/reactNode';
+import ErrorBoundary from './ErrorBoundary';
+var iconMapFilled = {
+  success: CheckCircleFilled,
+  info: InfoCircleFilled,
+  error: CloseCircleFilled,
+  warning: ExclamationCircleFilled
+};
+var iconMapOutlined = {
+  success: CheckCircleOutlined,
+  info: InfoCircleOutlined,
+  error: CloseCircleOutlined,
+  warning: ExclamationCircleOutlined
+};
+
+var IconNode = function IconNode(props) {
+  var description = props.description,
+      icon = props.icon,
+      prefixCls = props.prefixCls,
+      type = props.type;
+  var iconType = (description ? iconMapOutlined : iconMapFilled)[type] || null;
+
+  if (icon) {
+    return replaceElement(icon, /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixCls, "-icon")
+    }, icon), function () {
+      return {
+        className: classNames("".concat(prefixCls, "-icon"), _defineProperty({}, icon.props.className, icon.props.className))
+      };
+    });
+  }
+
+  return /*#__PURE__*/React.createElement(iconType, {
+    className: "".concat(prefixCls, "-icon")
+  });
+};
+
+var CloseIcon = function CloseIcon(props) {
+  var isClosable = props.isClosable,
+      closeText = props.closeText,
+      prefixCls = props.prefixCls,
+      closeIcon = props.closeIcon,
+      handleClose = props.handleClose;
+  return isClosable ? /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: handleClose,
+    className: "".concat(prefixCls, "-close-icon"),
+    tabIndex: 0
+  }, closeText ? /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-close-text")
+  }, closeText) : closeIcon) : null;
+};
+
+var Alert = function Alert(_a) {
+  var _classNames2;
+
+  var description = _a.description,
+      customizePrefixCls = _a.prefixCls,
+      message = _a.message,
+      banner = _a.banner,
+      _a$className = _a.className,
+      className = _a$className === void 0 ? '' : _a$className,
+      style = _a.style,
+      onMouseEnter = _a.onMouseEnter,
+      onMouseLeave = _a.onMouseLeave,
+      onClick = _a.onClick,
+      afterClose = _a.afterClose,
+      showIcon = _a.showIcon,
+      closable = _a.closable,
+      closeText = _a.closeText,
+      _a$closeIcon = _a.closeIcon,
+      closeIcon = _a$closeIcon === void 0 ? /*#__PURE__*/React.createElement(CloseOutlined, null) : _a$closeIcon,
+      action = _a.action,
+      duration = _a.duration,
+      props = __rest(_a, ["description", "prefixCls", "message", "banner", "className", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "duration"]);
+
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      closed = _React$useState2[0],
+      setClosed = _React$useState2[1];
+
+  var ref = React.useRef();
+
+  var _React$useContext = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction;
+
+  var prefixCls = getPrefixCls('alert', customizePrefixCls);
+
+  var handleClose = function handleClose(e) {
+    var _a;
+
+    setClosed(true);
+    (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props, e);
+  };
+
+  var getType = function getType() {
+    var type = props.type;
+
+    if (type !== undefined) {
+      return type;
+    } // banner 模式默认为警告
+
+
+    return banner ? 'warning' : 'info';
+  }; // closeable when closeText is assigned
+
+
+  var isClosable = closeText ? true : closable;
+  var type = getType(); // banner 模式默认有 Icon
+
+  var isShowIcon = banner && showIcon === undefined ? true : showIcon;
+  var alertCls = classNames(prefixCls, "".concat(prefixCls, "-").concat(type), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-with-description"), !!description), _defineProperty(_classNames2, "".concat(prefixCls, "-no-icon"), !isShowIcon), _defineProperty(_classNames2, "".concat(prefixCls, "-banner"), !!banner), _defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames2), className, 'lm_alert');
+  var dataOrAriaProps = getDataOrAriaProps(props);
+  return /*#__PURE__*/React.createElement(CSSMotion, {
+    visible: !closed,
+    motionName: "".concat(prefixCls, "-motion"),
+    motionAppear: false,
+    motionEnter: false,
+    onLeaveStart: function onLeaveStart(node) {
+      return {
+        maxHeight: node.offsetHeight
+      };
+    },
+    onLeaveEnd: afterClose
+  }, function (_ref) {
+    var motionClassName = _ref.className,
+        motionStyle = _ref.style;
+    return /*#__PURE__*/React.createElement("div", Object.assign({
+      ref: ref,
+      "data-show": !closed,
+      className: classNames(alertCls, motionClassName),
+      style: Object.assign(Object.assign({}, style), motionStyle),
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      onClick: onClick,
+      role: "alert"
+    }, dataOrAriaProps), isShowIcon ? /*#__PURE__*/React.createElement(IconNode, {
+      description: description,
+      icon: props.icon,
+      prefixCls: prefixCls,
+      type: type
+    }) : null, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-content")
+    }, message ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-message")
+    }, message) : null, description ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-description")
+    }, description) : null), action ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-action")
+    }, action) : null, /*#__PURE__*/React.createElement(CloseIcon, {
+      isClosable: !!isClosable,
+      closeText: closeText,
+      prefixCls: prefixCls,
+      closeIcon: closeIcon,
+      handleClose: handleClose
+    }), duration > 0 && /*#__PURE__*/React.createElement("div", {
+      className: 'alert_progress',
+      style: {
+        animationDuration: "".concat(duration, "s")
+      }
+    }));
+  });
+};
+
+Alert.ErrorBoundary = ErrorBoundary;
+Alert.AntdAlert = _Alert;
+export default Alert;

package/es/{Notification → Alert}/style/index.css

@@ -503,6 +503,29 @@ html {
 .card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
-.ant-notification-notice-message {
-  font-size: 14px;
+.lm_alert .alert_progress {
+  position: absolute;
+  width: 100%;
+  height: 2px;
+  background-color: #52C41A;
+  left: 0;
+  bottom: 0;
+  animation-name: Progress;
+  animation-iteration-count: 1;
+  animation-fill-mode: forwards;
+  transition: width 0.2s;
+  animation-timing-function: linear;
+}
+.lm_alert:hover .message_progress {
+  width: 100%;
+  animation-name: none;
+  animation-play-state: paused;
+}
+@keyframes Progress {
+  from {
+    width: 100%;
+  }
+  to {
+    width: 0;
+  }
 }

package/es/CardTable/card/PictureTextColumn.js

@@ -33,8 +33,7 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
       defaultConfig = table.defaultConfig,
       cellClick = table.cellClick,
       cellDoubleClick = table.cellDoubleClick,
-      toggleCheckboxKey = table.toggleCheckboxKey,
-      checkboxChange = table.checkboxChange;
+      toggleCheckboxKey = table.toggleCheckboxKey;
   var trigger = state.checkboxConfig.trigger;
   var clickFlag = (0, _react.useRef)(null);
   var resetDefaultConfig = (0, _objectSpread2.default)({
@@ -48,9 +47,12 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
     extend: null
   }, defaultConfig); // 复选框改变事件, 将复选数据保存到缓存中
 
-  var onSelectChange = function onSelectChange(val) {
-    toggleCheckboxKey(cell[cellKey]);
-    checkboxChange === null || checkboxChange === void 0 ? void 0 : checkboxChange(val, cell, index);
+  var onSelectChange = function onSelectChange(val, trigger) {
+    toggleCheckboxKey(cell[cellKey], {
+      cell: cell,
+      cellIndex: index,
+      trigger: trigger
+    });
   }; // 单元格单击事件
 
 
@@ -61,7 +63,7 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
     cellClick === null || cellClick === void 0 ? void 0 : cellClick(cell, index);
 
     if (trigger === 'cell') {
-      onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(!checked);
+      onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(!checked, trigger);
     } // }, 200)
 
   }; // 单元格双击事件: 双击时避免单击事件触发自己实现

package/es/CardTable/card/PictureTextRow.js

@@ -134,7 +134,7 @@ var PictureTextRow = function PictureTextRow(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     checked: checked,
-    onChange: function onChange() {
+    onChange: function onChange(e) {
       return onSelctChange(e.target.checked);
     }
   })), /*#__PURE__*/_react.default.createElement("div", {

package/es/CardTable/fns/index.js

@@ -10,15 +10,17 @@ exports.default = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
 // 操作方法集合
-var setOptions = function setOptions(_ref) {
+var CoreOptions = function CoreOptions(_ref) {
   var state = _ref.state,
       dispatch = _ref.dispatch,
       props = _ref.props;
   var checkboxConfig = state.checkboxConfig;
   var dataSource = props.dataSource,
-      cellKey = props.cellKey;
+      cellKey = props.cellKey,
+      checkboxChange = props.checkboxChange;
   var checkKeys = checkboxConfig.checkKeys,
-      checkValues = checkboxConfig.checkValues; // 设置选中的值: 第一个参数是数据的键，第二个参数是选中与否, 第三个参数控制是否重置
+      checkValues = checkboxConfig.checkValues,
+      checkMethod = checkboxConfig.checkMethod; // 设置选中的值: 第一个参数是数据的键，第二个参数是选中与否, 第三个参数控制是否重置
   // 未做key是否属于数据源校验，用于分页时保存之前的选中状态
 
   var setCheckboxKeys = function setCheckboxKeys(keys, checked, reset) {
@@ -64,16 +66,43 @@ var setOptions = function setOptions(_ref) {
   }; // 切换选中状态: 单个切换/批量切换
 
 
-  var toggleCheckboxKey = function toggleCheckboxKey(k) {
+  var toggleCheckboxKey = function toggleCheckboxKey(k, _ref2) {
+    var _ref2$trigger = _ref2.trigger,
+        trigger = _ref2$trigger === void 0 ? 'default' : _ref2$trigger,
+        cell = _ref2.cell,
+        cellIndex = _ref2.cellIndex;
     var nKeys = [k],
-        isChecked = true,
+        isCheck = true,
         reset = false; // 单个切换
 
     if (!Array.isArray(k)) {
-      isChecked = !(checkKeys === null || checkKeys === void 0 ? void 0 : checkKeys.some(function (v) {
+      var isCanCheck = checkMethod; // 是否可选中
+
+      isCheck = !(checkKeys === null || checkKeys === void 0 ? void 0 : checkKeys.some(function (v) {
         return v === k;
       }));
-    } // 多个切换
+      var record = cell || ''; // 检测选中前置阻挡事件
+
+      if (typeof checkMethod === 'function') {
+        record = record || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(function (v) {
+          return v[cellKey] === k;
+        }));
+        isCanCheck = checkMethod(record, state, trigger);
+      }
+
+      if (!isCanCheck) return; // 触发复选框改变事件: 仅手动触发有效
+
+      if (typeof checkboxChange === 'function') {
+        record = record || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(function (v) {
+          return v[cellKey] === k;
+        }));
+        checkboxChange === null || checkboxChange === void 0 ? void 0 : checkboxChange({
+          checked: isCheck,
+          cell: record,
+          cellIndex: cellIndex
+        });
+      }
+    } // 多个切换 通过重置去除选中项保留切换项
 
 
     if (Array.isArray(k)) {
@@ -93,7 +122,7 @@ var setOptions = function setOptions(_ref) {
       reset = true;
     }
 
-    setCheckboxKeys(nKeys, isChecked, reset);
+    setCheckboxKeys(nKeys, isCheck, reset);
   };
 
   return {
@@ -102,5 +131,5 @@ var setOptions = function setOptions(_ref) {
   };
 };
 
-var _default = setOptions;
+var _default = CoreOptions;
 exports.default = _default;

package/es/CardTable/pager/index.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TablePagination = _interopRequireDefault(require("./TablePagination"));
+
+var CardTablePager = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var table = _ref.table;
+  var pagination = table.pagination,
+      pagerConfig = table.pagerConfig; // left || right:插槽
+
+  var left = pagerConfig.left,
+      right = pagerConfig.right; // 底部工具栏左侧插槽: 默认空 div 标签占位
+
+  var LeftSlot = function LeftSlot() {
+    if (!left) {
+      return /*#__PURE__*/_react.default.createElement("div", null);
+    }
+
+    ;
+    return typeof left === 'function' ? left(table) : left;
+  }; // 底部工具栏右侧插槽
+
+
+  var RighSlot = function RighSlot() {
+    if (!right) {
+      return pagination ? /*#__PURE__*/_react.default.createElement(_TablePagination.default, {
+        table: table
+      }) : null;
+    }
+
+    return typeof right === 'function' ? right(table, _TablePagination.default) : right;
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_card_table_pager"
+  }, /*#__PURE__*/_react.default.createElement(LeftSlot, null), /*#__PURE__*/_react.default.createElement(RighSlot, null));
+});
+
+var _default = CardTablePager;
+exports.default = _default;

package/es/CardTable/style/index.css

@@ -24,12 +24,12 @@
 .lm_card_table_wrapper .lm_card_table_container .lm_card_table .lm_card_table_body .lm_card_table_body_row .lm_card_table_body_cell.cell_checked {
   border-color: var(--primary-color);
 }
-.lm_card_table_wrapper .lm_card_table_toolbar_bottom {
+.lm_card_table_wrapper .lm_card_table_pager {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.lm_card_table_wrapper .lm_card_table_toolbar_bottom .lm_card_table_pagination {
+.lm_card_table_wrapper .lm_card_table_pager .lm_card_table_pagination {
   display: flex;
   align-items: center;
   height: 48px;