linkmore-design 1.0.62 → 1.0.63

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/AutoComplete/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * TODO: 4.0
+ *
+ * - Remove `dataSource`
+ * - `size` not work with customizeInput
+ * - CustomizeInput not feedback `ENTER` key since accessibility enhancement
+ */
+import type { BaseSelectRef } from 'rc-select';
+import * as React from 'react';
+import type { BaseOptionType, DefaultOptionType, InternalSelectProps } from 'antd/es/select';
+import type { InputStatus } from '../_util/statusUtils';
+import { AutoComplete as AntdAutoComplete } from 'antd';
+export interface DataSourceItemObject {
+    value: string;
+    text: string;
+}
+export declare type DataSourceItemType = DataSourceItemObject | React.ReactNode;
+export interface AutoCompleteProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<InternalSelectProps<ValueType, OptionType>, 'inputIcon' | 'loading' | 'mode' | 'optionLabelProp' | 'labelInValue'> {
+    dataSource?: DataSourceItemType[];
+    status?: InputStatus;
+}
+declare const RefAutoComplete: (<ValueType = any, OptionType extends DefaultOptionType | BaseOptionType = DefaultOptionType>(props: AutoCompleteProps<ValueType, OptionType> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<BaseSelectRef>;
+}) => React.ReactElement) & {
+    Option: import("rc-select/lib/Option").OptionFC;
+    AntdAutoComplete: typeof AntdAutoComplete;
+};
+export default RefAutoComplete;

package/lib/AutoComplete/index.js

@@ -0,0 +1,125 @@
+"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;
+
+require("antd/es/auto-complete/style");
+
+var _autoComplete = _interopRequireDefault(require("antd/es/auto-complete"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+require("antd/es/select/style");
+
+var _select = _interopRequireDefault(require("antd/es/select"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
+
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _configProvider = require("antd/es/config-provider");
+
+var _reactNode = require("../_util/reactNode");
+
+var _warning = _interopRequireDefault(require("../_util/warning"));
+
+/**
+ * TODO: 4.0
+ *
+ * - Remove `dataSource`
+ * - `size` not work with customizeInput
+ * - CustomizeInput not feedback `ENTER` key since accessibility enhancement
+ */
+var Option = _select.default.Option;
+
+function isSelectOptionOrSelectOptGroup(child) {
+  return child && child.type && (child.type.isSelectOption || child.type.isSelectOptGroup);
+}
+
+var AutoComplete = function AutoComplete(props, ref) {
+  var customizePrefixCls = props.prefixCls,
+      className = props.className,
+      children = props.children,
+      dataSource = props.dataSource;
+  var childNodes = (0, _toArray.default)(children); // ============================= Input =============================
+
+  var customizeInput;
+
+  if (childNodes.length === 1 && (0, _reactNode.isValidElement)(childNodes[0]) && !isSelectOptionOrSelectOptGroup(childNodes[0])) {
+    var _childNodes = (0, _slicedToArray2.default)(childNodes, 1);
+
+    customizeInput = _childNodes[0];
+  }
+
+  var getInputElement = customizeInput ? function () {
+    return customizeInput;
+  } : undefined; // ============================ Options ============================
+
+  var optionChildren; // [Legacy] convert `children` or `dataSource` into option children
+
+  if (childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0])) {
+    optionChildren = children;
+  } else {
+    optionChildren = dataSource ? dataSource.map(function (item) {
+      if ((0, _reactNode.isValidElement)(item)) {
+        return item;
+      }
+
+      switch ((0, _typeof2.default)(item)) {
+        case 'string':
+          return /*#__PURE__*/React.createElement(Option, {
+            key: item,
+            value: item
+          }, item);
+
+        case 'object':
+          {
+            var optionValue = item.value;
+            return /*#__PURE__*/React.createElement(Option, {
+              key: optionValue,
+              value: optionValue
+            }, item.text);
+          }
+
+        default:
+          (0, _warning.default)(false, 'AutoComplete', '`dataSource` is only supports type `string[] | Object[]`.');
+          return undefined;
+      }
+    }) : [];
+  }
+
+  (0, _warning.default)(!('dataSource' in props), 'AutoComplete', '`dataSource` is deprecated, please use `options` instead.');
+  (0, _warning.default)(!customizeInput || !('size' in props), 'AutoComplete', 'You need to control style self instead of setting `size` when using customize input.');
+  return /*#__PURE__*/React.createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+    var prefixCls = getPrefixCls('select', customizePrefixCls);
+    return /*#__PURE__*/React.createElement(_select.default, Object.assign({
+      ref: ref
+    }, (0, _omit.default)(props, ['dataSource']), {
+      prefixCls: prefixCls,
+      className: (0, _classnames.default)("".concat(prefixCls, "-auto-complete"), className),
+      mode: _select.default.SECRET_COMBOBOX_MODE_DO_NOT_USE
+    }, {
+      // Internal api
+      getInputElement: getInputElement
+    }), optionChildren);
+  });
+};
+
+var RefAutoComplete = /*#__PURE__*/React.forwardRef(AutoComplete);
+RefAutoComplete.Option = Option;
+RefAutoComplete.AntdAutoComplete = _autoComplete.default;
+var _default = RefAutoComplete;
+exports.default = _default;