linkmore-design 1.0.62 → 1.0.66

package/es/_util/responsiveObserve.js

@@ -0,0 +1,66 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+export var responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
+export var responsiveMap = {
+  xs: '(max-width: 575px)',
+  sm: '(min-width: 576px)',
+  md: '(min-width: 768px)',
+  lg: '(min-width: 992px)',
+  xl: '(min-width: 1200px)',
+  xxl: '(min-width: 1600px)'
+};
+var subscribers = new Map();
+var subUid = -1;
+var screens = {};
+var responsiveObserve = {
+  matchHandlers: {},
+  dispatch: function dispatch(pointMap) {
+    screens = pointMap;
+    subscribers.forEach(function (func) {
+      return func(screens);
+    });
+    return subscribers.size >= 1;
+  },
+  subscribe: function subscribe(func) {
+    if (!subscribers.size) this.register();
+    subUid += 1;
+    subscribers.set(subUid, func);
+    func(screens);
+    return subUid;
+  },
+  unsubscribe: function unsubscribe(token) {
+    subscribers.delete(token);
+    if (!subscribers.size) this.unregister();
+  },
+  unregister: function unregister() {
+    var _this = this;
+
+    Object.keys(responsiveMap).forEach(function (screen) {
+      var matchMediaQuery = responsiveMap[screen];
+      var handler = _this.matchHandlers[matchMediaQuery];
+      handler === null || handler === void 0 ? void 0 : handler.mql.removeListener(handler === null || handler === void 0 ? void 0 : handler.listener);
+    });
+    subscribers.clear();
+  },
+  register: function register() {
+    var _this2 = this;
+
+    Object.keys(responsiveMap).forEach(function (screen) {
+      var matchMediaQuery = responsiveMap[screen];
+
+      var listener = function listener(_ref) {
+        var matches = _ref.matches;
+
+        _this2.dispatch(Object.assign(Object.assign({}, screens), _defineProperty({}, screen, matches)));
+      };
+
+      var mql = window.matchMedia(matchMediaQuery);
+      mql.addListener(listener);
+      _this2.matchHandlers[matchMediaQuery] = {
+        mql: mql,
+        listener: listener
+      };
+      listener(mql);
+    });
+  }
+};
+export default responsiveObserve;

package/es/_util/styleChecker.d.ts

@@ -0,0 +1,4 @@
+import { isStyleSupport } from 'rc-util/lib/Dom/styleChecker';
+export declare const canUseDocElement: () => HTMLElement;
+export { isStyleSupport };
+export declare const detectFlexGapSupported: () => boolean;

package/es/_util/styleChecker.js

@@ -0,0 +1,31 @@
+import canUseDom from 'rc-util/lib/Dom/canUseDom';
+import { isStyleSupport } from 'rc-util/lib/Dom/styleChecker';
+export var canUseDocElement = function canUseDocElement() {
+  return canUseDom() && window.document.documentElement;
+};
+export { isStyleSupport };
+var flexGapSupported;
+export var detectFlexGapSupported = function detectFlexGapSupported() {
+  if (!canUseDocElement()) {
+    return false;
+  }
+
+  if (flexGapSupported !== undefined) {
+    return flexGapSupported;
+  } // create flex container with row-gap set
+
+
+  var flex = document.createElement('div');
+  flex.style.display = 'flex';
+  flex.style.flexDirection = 'column';
+  flex.style.rowGap = '1px'; // create two, elements inside it
+
+  flex.appendChild(document.createElement('div'));
+  flex.appendChild(document.createElement('div')); // append to the DOM (needed to obtain scrollHeight)
+
+  document.body.appendChild(flex);
+  flexGapSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap
+
+  document.body.removeChild(flex);
+  return flexGapSupported;
+};

package/es/_util/transButton.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface TransButtonProps extends React.HTMLAttributes<HTMLDivElement> {
+    onClick?: (e?: React.MouseEvent<HTMLDivElement>) => void;
+    noStyle?: boolean;
+    autoFocus?: boolean;
+    disabled?: boolean;
+}
+declare const TransButton: React.ForwardRefExoticComponent<TransButtonProps & React.RefAttributes<HTMLDivElement>>;
+export default TransButton;

package/es/_util/transButton.js

@@ -0,0 +1,73 @@
+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;
+};
+/**
+ * Wrap of sub component which need use as Button capacity (like Icon component).
+ *
+ * This helps accessibility reader to tread as a interactive button to operation.
+ */
+
+
+import KeyCode from 'rc-util/lib/KeyCode';
+import * as React from 'react';
+var inlineStyle = {
+  border: 0,
+  background: 'transparent',
+  padding: 0,
+  lineHeight: 'inherit',
+  display: 'inline-block'
+};
+var TransButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var onKeyDown = function onKeyDown(event) {
+    var keyCode = event.keyCode;
+
+    if (keyCode === KeyCode.ENTER) {
+      event.preventDefault();
+    }
+  };
+
+  var onKeyUp = function onKeyUp(event) {
+    var keyCode = event.keyCode;
+    var onClick = props.onClick;
+
+    if (keyCode === KeyCode.ENTER && onClick) {
+      onClick();
+    }
+  };
+
+  var style = props.style,
+      noStyle = props.noStyle,
+      disabled = props.disabled,
+      restProps = __rest(props, ["style", "noStyle", "disabled"]);
+
+  var mergedStyle = {};
+
+  if (!noStyle) {
+    mergedStyle = Object.assign({}, inlineStyle);
+  }
+
+  if (disabled) {
+    mergedStyle.pointerEvents = 'none';
+  }
+
+  mergedStyle = Object.assign(Object.assign({}, mergedStyle), style);
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    role: "button",
+    tabIndex: 0,
+    ref: ref
+  }, restProps, {
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp,
+    style: mergedStyle
+  }));
+});
+export default TransButton;

package/es/index.d.ts

@@ -45,6 +45,7 @@ export { default as CustomTableOption } from './CustomTableOption';
 export { default as Upload } from './Upload';
 export type { UploadProps, UploadFile, RcFile } from './Upload';
 export { default as Tooltip } from './Tooltip';
+export type { TooltipProps } from './Tooltip';
 export { default as Form } from './Form';
 export { default as Spin } from './Spin';
 export { default as LmEditTable } from './LmEditTable';
@@ -52,3 +53,16 @@ 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';
+export { default as Popover } from './Popover';
+export type { PopoverProps } from './Popover';
+export { default as Typography } from './Typography';
+export type { TypographyProps } from './Typography';
+export { default as AutoComplete } from './AutoComplete';
+export type { AutoCompleteProps } from './AutoComplete';
+export { default as Grid } from './Grid';
+export { default as Row } from './Row';
+export type { RowProps } from './Row';
+export { default as Col } from './Col';
+export type { ColProps } from './Col';
+export { default as Layout } from './Layout';
+export type { LayoutProps, SiderProps } from './Layout';

package/es/index.js

@@ -48,4 +48,11 @@ 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 { default as DatePicker } from './DatePicker';
+export { default as Popover } from './Popover';
+export { default as Typography } from './Typography';
+export { default as AutoComplete } from './AutoComplete';
+export { default as Grid } from './Grid';
+export { default as Row } from './Row';
+export { default as Col } from './Col';
+export { default as Layout } from './Layout';

package/lib/Approval/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+declare type VoidFunction = () => void;
+export interface IApprovalItemProps {
+    avator?: string;
+    name?: string;
+    time?: string;
+    type?: 'start' | 'comment' | 'carbonCopy' | 'agree' | 'refuse';
+    [prop: string]: any;
+}
+export interface IApprovalProps {
+    visible?: boolean;
+    title?: string;
+    close?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+    userType?: 'self' | 'approver';
+    status?: number;
+    steps?: [];
+    onComment: VoidFunction;
+    onRefuse: VoidFunction;
+    onAgree: VoidFunction;
+}
+declare const LMApproval: React.FC<IApprovalProps>;
+export default LMApproval;

package/lib/Approval/index.js

@@ -0,0 +1,223 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _ = require("..");
+
+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 prefixCls = 'lm_approval';
+var colors = ['#36BCF1', '#AE86DC', '#8BD248', '#F5A173'];
+var statusMap = new Map([[1, '审核中'], [2, '已审核'], [3, '未通过']]);
+var defaultStatus = 1;
+
+var LMDrawer = function LMDrawer(props) {
+  var _props$visible = props.visible,
+      visible = _props$visible === void 0 ? false : _props$visible,
+      _props$title = props.title,
+      title = _props$title === void 0 ? '' : _props$title,
+      _props$status = props.status,
+      status = _props$status === void 0 ? defaultStatus : _props$status,
+      _props$userType = props.userType,
+      userType = _props$userType === void 0 ? 'self' : _props$userType,
+      close = props.close,
+      children = props.children,
+      _props$onComment = props.onComment,
+      onComment = _props$onComment === void 0 ? function () {} : _props$onComment,
+      _props$onRefuse = props.onRefuse,
+      onRefuse = _props$onRefuse === void 0 ? function () {} : _props$onRefuse,
+      _props$onAgree = props.onAgree,
+      onAgree = _props$onAgree === void 0 ? function () {} : _props$onAgree;
+  var currentStatusCls = (0, _classnames.default)(prefixCls + '_title_status');
+  var drawerCls = (0, _classnames.default)(prefixCls + '_drawer');
+  var statusText = statusMap.has(status) ? statusMap.get(status) : statusMap.get(1);
+
+  var handleClose = function handleClose() {
+    visible = false;
+    close();
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_.Drawer, {
+    className: drawerCls,
+    visible: visible,
+    title: title,
+    onClose: handleClose,
+    extra: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      className: currentStatusCls
+    }, /*#__PURE__*/_react.default.createElement("span", null, statusText)), status === 1 && userType === 'approver' && /*#__PURE__*/_react.default.createElement(_.Space, null, /*#__PURE__*/_react.default.createElement(_.Button, {
+      size: "small",
+      onClick: onComment
+    }, "\u4EC5\u8BC4\u8BBA"), /*#__PURE__*/_react.default.createElement(_.Button, {
+      size: "small",
+      onClick: onRefuse,
+      style: {
+        borderColor: '#FA4F53',
+        color: '#FA4F53'
+      }
+    }, "\u62D2\u7EDD"), /*#__PURE__*/_react.default.createElement(_.Button, {
+      size: "small",
+      onClick: onAgree,
+      type: "primary"
+    }, "\u540C\u610F")))
+  }, children);
+};
+
+var ApprovalItem = function ApprovalItem(props) {
+  var _props$avator = props.avator,
+      avator = _props$avator === void 0 ? '' : _props$avator,
+      _props$name = props.name,
+      name = _props$name === void 0 ? '' : _props$name,
+      _props$time = props.time,
+      time = _props$time === void 0 ? '' : _props$time,
+      color = props.color,
+      status = props.status,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'start' : _props$type;
+  var itemCls = (0, _classnames.default)(prefixCls + '_item');
+  var itemHeaderCls = (0, _classnames.default)(itemCls + '_header');
+  var itemBodyCls = (0, _classnames.default)(itemCls + '_body');
+
+  var getIcon = function getIcon() {
+    if (status === 1) {
+      return /*#__PURE__*/_react.default.createElement("i", {
+        className: 'icon iconfont lmweb-icon_china1'
+      });
+    }
+
+    if (status === 2) {
+      return /*#__PURE__*/_react.default.createElement("i", {
+        className: 'icon iconfont lmweb-icon_china1'
+      }); // return <img className='icon' src={fulfilledSvg} alt="" />
+    }
+
+    if (status === 3) {
+      return /*#__PURE__*/_react.default.createElement("i", {
+        className: 'icon iconfont lmweb-icon_china1'
+      }); // return <img className='icon' src={rejectdSvg} alt="" />
+    }
+
+    return null;
+  };
+
+  var getApprovalText = function getApprovalText() {
+    if (type === 'refuse') {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: 'desc red'
+      }, "\u62D2\u7EDD");
+    }
+
+    if (type === 'start') {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: 'desc'
+      }, "\u53D1\u8D77\u5BA1\u6279");
+    }
+
+    if (type === 'comment') {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: 'desc grey'
+      }, "\u4EC5\u8BC4\u8BBA");
+    }
+
+    if (type === 'carbonCopy') {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: 'desc grey'
+      }, "\u5DF2\u6284\u90018\u4EBA");
+    }
+
+    if (type === 'agree') {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: 'desc'
+      }, "\u5DF2\u540C\u610F");
+    }
+
+    return null;
+  };
+
+  var subname = name.substring(name.length - 1, name.length);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: itemCls
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: itemHeaderCls
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "avator"
+  }, avator ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
+    className: 'picture',
+    src: avator,
+    alt: ""
+  }), getIcon()) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'subname',
+    style: {
+      backgroundColor: color
+    }
+  }, subname), getIcon())), /*#__PURE__*/_react.default.createElement("div", {
+    className: "content"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'name'
+  }, name), getApprovalText()), /*#__PURE__*/_react.default.createElement("div", {
+    className: "right"
+  }, time)), type !== 'start' && /*#__PURE__*/_react.default.createElement("div", {
+    className: itemBodyCls
+  }, "sdf"));
+};
+
+var Approval = function Approval(props) {
+  var _props$status2 = props.status,
+      status = _props$status2 === void 0 ? 1 : _props$status2,
+      _props$steps = props.steps,
+      steps = _props$steps === void 0 ? [] : _props$steps;
+  var cacheColorMap = new Map();
+  steps.forEach(function (step, i) {
+    if (i === 0) {
+      step.status = status;
+    } else {
+      step.status = 2;
+    }
+
+    if (!step.color) {
+      if (cacheColorMap.has(step.name)) {
+        step.color = cacheColorMap.get(step.name);
+      } else {
+        var index = parseInt(Math.random() * 4 + '');
+        var color = colors[index];
+        step.color = color;
+        cacheColorMap.set(step.name, color);
+      }
+    }
+  });
+  var list = steps.map(function (step) {
+    return /*#__PURE__*/_react.default.createElement(ApprovalItem, Object.assign({}, step));
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list);
+};
+
+var LMApproval = function LMApproval(props) {
+  var className = props.className,
+      others = __rest(props, ["className"]);
+
+  return /*#__PURE__*/_react.default.createElement(LMDrawer, Object.assign({
+    className: (0, _classnames.default)(className, prefixCls)
+  }, others), /*#__PURE__*/_react.default.createElement(Approval, Object.assign({}, others)));
+};
+
+var _default = LMApproval;
+exports.default = _default;