linkmore-design 1.0.62 → 1.0.63

package/lib/_util/placements.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getPlacements;
+exports.getOverflowOptions = getOverflowOptions;
+
+var _placements = require("rc-tooltip/lib/placements");
+
+var autoAdjustOverflowEnabled = {
+  adjustX: 1,
+  adjustY: 1
+};
+var autoAdjustOverflowDisabled = {
+  adjustX: 0,
+  adjustY: 0
+};
+var targetOffset = [0, 0];
+
+function getOverflowOptions(autoAdjustOverflow) {
+  if (typeof autoAdjustOverflow === 'boolean') {
+    return autoAdjustOverflow ? autoAdjustOverflowEnabled : autoAdjustOverflowDisabled;
+  }
+
+  return Object.assign(Object.assign({}, autoAdjustOverflowDisabled), autoAdjustOverflow);
+}
+
+function getPlacements(config) {
+  var _config$arrowWidth = config.arrowWidth,
+      arrowWidth = _config$arrowWidth === void 0 ? 4 : _config$arrowWidth,
+      _config$horizontalArr = config.horizontalArrowShift,
+      horizontalArrowShift = _config$horizontalArr === void 0 ? 16 : _config$horizontalArr,
+      _config$verticalArrow = config.verticalArrowShift,
+      verticalArrowShift = _config$verticalArrow === void 0 ? 8 : _config$verticalArrow,
+      autoAdjustOverflow = config.autoAdjustOverflow,
+      arrowPointAtCenter = config.arrowPointAtCenter;
+  var placementMap = {
+    left: {
+      points: ['cr', 'cl'],
+      offset: [-4, 0]
+    },
+    right: {
+      points: ['cl', 'cr'],
+      offset: [4, 0]
+    },
+    top: {
+      points: ['bc', 'tc'],
+      offset: [0, -4]
+    },
+    bottom: {
+      points: ['tc', 'bc'],
+      offset: [0, 4]
+    },
+    topLeft: {
+      points: ['bl', 'tc'],
+      offset: [-(horizontalArrowShift + arrowWidth), -4]
+    },
+    leftTop: {
+      points: ['tr', 'cl'],
+      offset: [-4, -(verticalArrowShift + arrowWidth)]
+    },
+    topRight: {
+      points: ['br', 'tc'],
+      offset: [horizontalArrowShift + arrowWidth, -4]
+    },
+    rightTop: {
+      points: ['tl', 'cr'],
+      offset: [4, -(verticalArrowShift + arrowWidth)]
+    },
+    bottomRight: {
+      points: ['tr', 'bc'],
+      offset: [horizontalArrowShift + arrowWidth, 4]
+    },
+    rightBottom: {
+      points: ['bl', 'cr'],
+      offset: [4, verticalArrowShift + arrowWidth]
+    },
+    bottomLeft: {
+      points: ['tl', 'bc'],
+      offset: [-(horizontalArrowShift + arrowWidth), 4]
+    },
+    leftBottom: {
+      points: ['br', 'cl'],
+      offset: [-4, verticalArrowShift + arrowWidth]
+    }
+  };
+  Object.keys(placementMap).forEach(function (key) {
+    placementMap[key] = arrowPointAtCenter ? Object.assign(Object.assign({}, placementMap[key]), {
+      overflow: getOverflowOptions(autoAdjustOverflow),
+      targetOffset: targetOffset
+    }) : Object.assign(Object.assign({}, _placements.placements[key]), {
+      overflow: getOverflowOptions(autoAdjustOverflow)
+    });
+    placementMap[key].ignoreShake = true;
+  });
+  return placementMap;
+}

package/lib/_util/responsiveObserve.d.ts

@@ -0,0 +1,21 @@
+export declare type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export declare type BreakpointMap = Record<Breakpoint, string>;
+export declare type ScreenMap = Partial<Record<Breakpoint, boolean>>;
+export declare type ScreenSizeMap = Partial<Record<Breakpoint, number>>;
+export declare const responsiveArray: Breakpoint[];
+export declare const responsiveMap: BreakpointMap;
+declare type SubscribeFunc = (screens: ScreenMap) => void;
+declare const responsiveObserve: {
+    matchHandlers: {
+        [prop: string]: {
+            mql: MediaQueryList;
+            listener: (this: MediaQueryList, ev: MediaQueryListEvent) => any;
+        };
+    };
+    dispatch(pointMap: ScreenMap): boolean;
+    subscribe(func: SubscribeFunc): number;
+    unsubscribe(token: number): void;
+    unregister(): void;
+    register(): void;
+};
+export default responsiveObserve;

package/lib/_util/responsiveObserve.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.responsiveMap = exports.responsiveArray = exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
+exports.responsiveArray = responsiveArray;
+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)'
+};
+exports.responsiveMap = responsiveMap;
+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), (0, _defineProperty2.default)({}, screen, matches)));
+      };
+
+      var mql = window.matchMedia(matchMediaQuery);
+      mql.addListener(listener);
+      _this2.matchHandlers[matchMediaQuery] = {
+        mql: mql,
+        listener: listener
+      };
+      listener(mql);
+    });
+  }
+};
+var _default = responsiveObserve;
+exports.default = _default;

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

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.detectFlexGapSupported = exports.canUseDocElement = void 0;
+Object.defineProperty(exports, "isStyleSupport", {
+  enumerable: true,
+  get: function get() {
+    return _styleChecker.isStyleSupport;
+  }
+});
+
+var _canUseDom = _interopRequireDefault(require("rc-util/lib/Dom/canUseDom"));
+
+var _styleChecker = require("rc-util/lib/Dom/styleChecker");
+
+var canUseDocElement = function canUseDocElement() {
+  return (0, _canUseDom.default)() && window.document.documentElement;
+};
+
+exports.canUseDocElement = canUseDocElement;
+var flexGapSupported;
+
+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;
+};
+
+exports.detectFlexGapSupported = detectFlexGapSupported;

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

@@ -0,0 +1,87 @@
+"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 = void 0;
+
+var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
+
+var React = _interopRequireWildcard(require("react"));
+
+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;
+};
+/**
+ * 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.
+ */
+
+
+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.default.ENTER) {
+      event.preventDefault();
+    }
+  };
+
+  var onKeyUp = function onKeyUp(event) {
+    var keyCode = event.keyCode;
+    var onClick = props.onClick;
+
+    if (keyCode === _KeyCode.default.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
+  }));
+});
+var _default = TransButton;
+exports.default = _default;

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

@@ -5,6 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AutoComplete", {
+  enumerable: true,
+  get: function get() {
+    return _AutoComplete.default;
+  }
+});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function get() {
@@ -41,6 +47,12 @@ Object.defineProperty(exports, "CkFilter", {
     return _CkFilter.default;
   }
 });
+Object.defineProperty(exports, "Col", {
+  enumerable: true,
+  get: function get() {
+    return _Col.default;
+  }
+});
 Object.defineProperty(exports, "CustomTableOption", {
   enumerable: true,
   get: function get() {
@@ -101,6 +113,12 @@ Object.defineProperty(exports, "Form", {
     return _Form.default;
   }
 });
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function get() {
+    return _Grid.default;
+  }
+});
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: function get() {
@@ -143,6 +161,12 @@ Object.defineProperty(exports, "LMQuickMenu", {
     return _QuickMenu.default;
   }
 });
+Object.defineProperty(exports, "Layout", {
+  enumerable: true,
+  get: function get() {
+    return _Layout.default;
+  }
+});
 Object.defineProperty(exports, "LeftTable", {
   enumerable: true,
   get: function get() {
@@ -209,6 +233,12 @@ Object.defineProperty(exports, "PopTable", {
     return _PopTable.default;
   }
 });
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function get() {
+    return _Popover.default;
+  }
+});
 Object.defineProperty(exports, "ProTable", {
   enumerable: true,
   get: function get() {
@@ -221,6 +251,12 @@ Object.defineProperty(exports, "Radio", {
     return _Radio.default;
   }
 });
+Object.defineProperty(exports, "Row", {
+  enumerable: true,
+  get: function get() {
+    return _Row.default;
+  }
+});
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function get() {
@@ -281,6 +317,12 @@ Object.defineProperty(exports, "Tree", {
     return _Tree.default;
   }
 });
+Object.defineProperty(exports, "Typography", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.default;
+  }
+});
 Object.defineProperty(exports, "Upload", {
   enumerable: true,
   get: function get() {
@@ -412,4 +454,18 @@ var _List = _interopRequireDefault(require("./List"));
 
 var _QuickMenu = _interopRequireDefault(require("./QuickMenu"));
 
-var _DatePicker = _interopRequireDefault(require("./DatePicker"));
+var _DatePicker = _interopRequireDefault(require("./DatePicker"));
+
+var _Popover = _interopRequireDefault(require("./Popover"));
+
+var _Typography = _interopRequireDefault(require("./Typography"));
+
+var _AutoComplete = _interopRequireDefault(require("./AutoComplete"));
+
+var _Grid = _interopRequireDefault(require("./Grid"));
+
+var _Row = _interopRequireDefault(require("./Row"));
+
+var _Col = _interopRequireDefault(require("./Col"));
+
+var _Layout = _interopRequireDefault(require("./Layout"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkmore-design",
-  "version": "1.0.62",
+  "version": "1.0.63",
   "author": {
     "name": "nowthen",
     "email": "rnlvwyx@gmail.com"