@fle-ui/next 2.0.0-alpha.11 → 2.0.0-alpha.12

package/lib/typography/Editable.js

@@ -0,0 +1,134 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _EnterOutlined = _interopRequireDefault(require("@ant-design/icons/EnterOutlined"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _TextArea = _interopRequireDefault(require("../input/TextArea"));
+
+var _reactNode = require("../_util/reactNode");
+
+var Editable = function Editable(_ref) {
+  var prefixCls = _ref.prefixCls,
+      ariaLabel = _ref['aria-label'],
+      className = _ref.className,
+      style = _ref.style,
+      direction = _ref.direction,
+      maxLength = _ref.maxLength,
+      _ref$autoSize = _ref.autoSize,
+      autoSize = _ref$autoSize === void 0 ? true : _ref$autoSize,
+      value = _ref.value,
+      onSave = _ref.onSave,
+      onCancel = _ref.onCancel,
+      onEnd = _ref.onEnd,
+      component = _ref.component,
+      _ref$enterIcon = _ref.enterIcon,
+      enterIcon = _ref$enterIcon === void 0 ? /*#__PURE__*/React.createElement(_EnterOutlined["default"], null) : _ref$enterIcon;
+  var ref = React.useRef(null);
+  var inComposition = React.useRef(false);
+  var lastKeyCode = React.useRef();
+
+  var _React$useState = React.useState(value),
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      current = _React$useState2[0],
+      setCurrent = _React$useState2[1];
+
+  React.useEffect(function () {
+    setCurrent(value);
+  }, [value]);
+  React.useEffect(function () {
+    if (ref.current && ref.current.resizableTextArea) {
+      var textArea = ref.current.resizableTextArea.textArea;
+      textArea.focus();
+      var length = textArea.value.length;
+      textArea.setSelectionRange(length, length);
+    }
+  }, []);
+
+  var onChange = function onChange(_ref2) {
+    var target = _ref2.target;
+    setCurrent(target.value.replace(/[\n\r]/g, ''));
+  };
+
+  var onCompositionStart = function onCompositionStart() {
+    inComposition.current = true;
+  };
+
+  var onCompositionEnd = function onCompositionEnd() {
+    inComposition.current = false;
+  };
+
+  var onKeyDown = function onKeyDown(_ref3) {
+    var keyCode = _ref3.keyCode; // We don't record keyCode when IME is using
+
+    if (inComposition.current) return;
+    lastKeyCode.current = keyCode;
+  };
+
+  var confirmChange = function confirmChange() {
+    onSave(current.trim());
+  };
+
+  var onKeyUp = function onKeyUp(_ref4) {
+    var keyCode = _ref4.keyCode,
+        ctrlKey = _ref4.ctrlKey,
+        altKey = _ref4.altKey,
+        metaKey = _ref4.metaKey,
+        shiftKey = _ref4.shiftKey; // Check if it's a real key
+
+    if (lastKeyCode.current === keyCode && !inComposition.current && !ctrlKey && !altKey && !metaKey && !shiftKey) {
+      if (keyCode === _KeyCode["default"].ENTER) {
+        confirmChange();
+        onEnd === null || onEnd === void 0 ? void 0 : onEnd();
+      } else if (keyCode === _KeyCode["default"].ESC) {
+        onCancel();
+      }
+    }
+  };
+
+  var onBlur = function onBlur() {
+    confirmChange();
+  };
+
+  var textClassName = component ? "".concat(prefixCls, "-").concat(component) : '';
+  var textAreaClassName = (0, _classnames["default"])(prefixCls, "".concat(prefixCls, "-edit-content"), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, textClassName);
+  return /*#__PURE__*/React.createElement("div", {
+    className: textAreaClassName,
+    style: style
+  }, /*#__PURE__*/React.createElement(_TextArea["default"], {
+    ref: ref,
+    maxLength: maxLength,
+    value: current,
+    onChange: onChange,
+    onKeyDown: onKeyDown,
+    onKeyUp: onKeyUp,
+    onCompositionStart: onCompositionStart,
+    onCompositionEnd: onCompositionEnd,
+    onBlur: onBlur,
+    "aria-label": ariaLabel,
+    rows: 1,
+    autoSize: autoSize
+  }), enterIcon !== null ? (0, _reactNode.cloneElement)(enterIcon, {
+    className: "".concat(prefixCls, "-edit-content-confirm")
+  }) : null);
+};
+
+var _default = Editable;
+exports["default"] = _default;

package/lib/typography/Link.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { BlockProps } from './Base';
+export interface LinkProps extends BlockProps<'a'>, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type' | keyof BlockProps<'a'>> {
+    ellipsis?: boolean;
+}
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLElement>>;
+export default Link;

package/lib/typography/Link.js

@@ -0,0 +1,53 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _warning = _interopRequireDefault(require("../_util/warning"));
+
+var _Base = _interopRequireDefault(require("./Base"));
+
+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 Link = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var ellipsis = _a.ellipsis,
+      rel = _a.rel,
+      restProps = __rest(_a, ["ellipsis", "rel"]);
+
+  process.env.NODE_ENV !== "production" ? (0, _warning["default"])((0, _typeof2["default"])(ellipsis) !== 'object', 'Typography.Link', '`ellipsis` only supports boolean value.') : void 0;
+  var mergedProps = (0, _extends2["default"])((0, _extends2["default"])({}, restProps), {
+    rel: rel === undefined && restProps.target === '_blank' ? 'noopener noreferrer' : rel
+  }); // @ts-expect-error: https://github.com/ant-design/ant-design/issues/26622
+
+  delete mergedProps.navigate;
+  return /*#__PURE__*/React.createElement(_Base["default"], (0, _extends2["default"])({}, mergedProps, {
+    ref: ref,
+    ellipsis: !!ellipsis,
+    component: "a"
+  }));
+});
+var _default = Link;
+exports["default"] = _default;

package/lib/typography/Paragraph.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { BlockProps } from './Base';
+export interface ParagraphProps extends BlockProps<'div'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'type' | keyof BlockProps<'div'>> {
+}
+declare const Paragraph: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLElement>>;
+export default Paragraph;

package/lib/typography/Paragraph.js

@@ -0,0 +1,26 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Base = _interopRequireDefault(require("./Base"));
+
+var Paragraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(_Base["default"], (0, _extends2["default"])({
+    ref: ref
+  }, props, {
+    component: "div"
+  }));
+});
+var _default = Paragraph;
+exports["default"] = _default;

package/lib/typography/Text.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { BlockProps, EllipsisConfig } from './Base';
+export interface TextProps extends BlockProps<'span'>, Omit<React.HTMLAttributes<HTMLSpanElement>, 'type' | keyof BlockProps<'span'>> {
+    ellipsis?: boolean | Omit<EllipsisConfig, 'expandable' | 'rows' | 'onExpand'>;
+}
+declare const _default: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
+export default _default;

package/lib/typography/Text.js

@@ -0,0 +1,59 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _warning = _interopRequireDefault(require("../_util/warning"));
+
+var _Base = _interopRequireDefault(require("./Base"));
+
+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 Text = function Text(_a, ref) {
+  var ellipsis = _a.ellipsis,
+      restProps = __rest(_a, ["ellipsis"]);
+
+  var mergedEllipsis = React.useMemo(function () {
+    if (ellipsis && (0, _typeof2["default"])(ellipsis) === 'object') {
+      return (0, _omit["default"])(ellipsis, ['expandable', 'rows']);
+    }
+
+    return ellipsis;
+  }, [ellipsis]);
+  process.env.NODE_ENV !== "production" ? (0, _warning["default"])((0, _typeof2["default"])(ellipsis) !== 'object' || !ellipsis || !('expandable' in ellipsis) && !('rows' in ellipsis), 'Typography.Text', '`ellipsis` do not support `expandable` or `rows` props.') : void 0;
+  return /*#__PURE__*/React.createElement(_Base["default"], (0, _extends2["default"])({
+    ref: ref
+  }, restProps, {
+    ellipsis: mergedEllipsis,
+    component: "span"
+  }));
+};
+
+var _default = /*#__PURE__*/React.forwardRef(Text);
+
+exports["default"] = _default;

package/lib/typography/Title.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { BlockProps } from './Base';
+declare const TITLE_ELE_LIST: [1, 2, 3, 4, 5];
+export interface TitleProps extends Omit<BlockProps<'h1' | 'h2' | 'h3' | 'h4' | 'h5'>, 'strong'>, Omit<React.HTMLAttributes<HTMLHeadElement>, 'type' | keyof BlockProps<'h1' | 'h2' | 'h3' | 'h4' | 'h5'>> {
+    level?: typeof TITLE_ELE_LIST[number];
+}
+declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLElement>>;
+export default Title;

package/lib/typography/Title.js

@@ -0,0 +1,57 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _type = require("../_util/type");
+
+var _warning = _interopRequireDefault(require("../_util/warning"));
+
+var _Base = _interopRequireDefault(require("./Base"));
+
+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 TITLE_ELE_LIST = (0, _type.tupleNum)(1, 2, 3, 4, 5);
+var Title = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$level = props.level,
+      level = _props$level === void 0 ? 1 : _props$level,
+      restProps = __rest(props, ["level"]);
+
+  var component;
+
+  if (TITLE_ELE_LIST.includes(level)) {
+    component = "h".concat(level);
+  } else {
+    process.env.NODE_ENV !== "production" ? (0, _warning["default"])(false, 'Typography.Title', 'Title only accept `1 | 2 | 3 | 4 | 5` as `level` value. And `5` need 4.6.0+ version.') : void 0;
+    component = 'h1';
+  }
+
+  return /*#__PURE__*/React.createElement(_Base["default"], (0, _extends2["default"])({
+    ref: ref
+  }, restProps, {
+    component: component
+  }));
+});
+var _default = Title;
+exports["default"] = _default;

package/lib/typography/Typography.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { DirectionType } from '../config-provider';
+export interface TypographyProps<C extends keyof JSX.IntrinsicElements> extends React.HTMLAttributes<HTMLElement> {
+    id?: string;
+    prefixCls?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    ['aria-label']?: string;
+    direction?: DirectionType;
+}
+interface InternalTypographyProps<C extends keyof JSX.IntrinsicElements> extends TypographyProps<C> {
+    /** @deprecated Use `ref` directly if using React 16 */
+    setContentRef?: (node: HTMLElement) => void;
+}
+declare const Typography: React.ForwardRefExoticComponent<InternalTypographyProps<keyof JSX.IntrinsicElements> & React.RefAttributes<HTMLElement>>;
+export default Typography;

package/lib/typography/Typography.js

@@ -0,0 +1,79 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _ref = require("rc-util/lib/ref");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _configProvider = require("../config-provider");
+
+var _warning = _interopRequireDefault(require("../_util/warning"));
+
+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 Typography = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var customizePrefixCls = _a.prefixCls,
+      _a$component = _a.component,
+      Component = _a$component === void 0 ? 'article' : _a$component,
+      className = _a.className,
+      setContentRef = _a.setContentRef,
+      children = _a.children,
+      typographyDirection = _a.direction,
+      restProps = __rest(_a, ["prefixCls", "component", "className", "setContentRef", "children", "direction"]);
+
+  var _React$useContext = React.useContext(_configProvider.ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls,
+      contextDirection = _React$useContext.direction;
+
+  var direction = typographyDirection !== null && typographyDirection !== void 0 ? typographyDirection : contextDirection;
+  var mergedRef = ref;
+
+  if (setContentRef) {
+    process.env.NODE_ENV !== "production" ? (0, _warning["default"])(false, 'Typography', '`setContentRef` is deprecated. Please use `ref` instead.') : void 0;
+    mergedRef = (0, _ref.composeRef)(ref, setContentRef);
+  }
+
+  var prefixCls = getPrefixCls('typography', customizePrefixCls);
+  var componentClassName = (0, _classnames["default"])(prefixCls, (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), className);
+  return (
+    /*#__PURE__*/
+    // @ts-expect-error: Expression produces a union type that is too complex to represent.
+    React.createElement(Component, (0, _extends2["default"])({
+      className: componentClassName,
+      ref: mergedRef
+    }, restProps), children)
+  );
+});
+
+if (process.env.NODE_ENV !== 'production') {
+  Typography.displayName = 'Typography';
+} // es default export should use const instead of let
+
+
+var _default = Typography;
+exports["default"] = _default;

package/lib/typography/hooks/useMergedConfig.d.ts

@@ -0,0 +1 @@
+export default function useMergedConfig<Target>(propConfig: any, templateConfig?: Target): readonly [boolean, Target];

package/lib/typography/hooks/useMergedConfig.js

@@ -0,0 +1,23 @@
+"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"] = useMergedConfig;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+function useMergedConfig(propConfig, templateConfig) {
+  return React.useMemo(function () {
+    var support = !!propConfig;
+    return [support, (0, _extends2["default"])((0, _extends2["default"])({}, templateConfig), support && (0, _typeof2["default"])(propConfig) === 'object' ? propConfig : null)];
+  }, [propConfig]);
+}

package/lib/typography/hooks/useUpdatedEffect.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+/** Similar with `useEffect` but only trigger after mounted */
+declare const useUpdatedEffect: (callback: () => void, conditions?: React.DependencyList) => void;
+export default useUpdatedEffect;

package/lib/typography/hooks/useUpdatedEffect.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+/** Similar with `useEffect` but only trigger after mounted */
+
+
+var useUpdatedEffect = function useUpdatedEffect(callback, conditions) {
+  var mountRef = React.useRef(false);
+  React.useEffect(function () {
+    if (mountRef.current) {
+      callback();
+    } else {
+      mountRef.current = true;
+    }
+  }, conditions);
+};
+
+var _default = useUpdatedEffect;
+exports["default"] = _default;

package/lib/typography/index.d.ts

@@ -0,0 +1,13 @@
+import Link from './Link';
+import Paragraph from './Paragraph';
+import Text from './Text';
+import Title from './Title';
+import OriginTypography from './Typography';
+export type TypographyProps = typeof OriginTypography & {
+    Text: typeof Text;
+    Link: typeof Link;
+    Title: typeof Title;
+    Paragraph: typeof Paragraph;
+};
+declare const Typography: TypographyProps;
+export default Typography;

package/lib/typography/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Link = _interopRequireDefault(require("./Link"));
+
+var _Paragraph = _interopRequireDefault(require("./Paragraph"));
+
+var _Text = _interopRequireDefault(require("./Text"));
+
+var _Title = _interopRequireDefault(require("./Title"));
+
+var _Typography = _interopRequireDefault(require("./Typography"));
+
+var Typography = _Typography["default"];
+Typography.Text = _Text["default"];
+Typography.Link = _Link["default"];
+Typography.Title = _Title["default"];
+Typography.Paragraph = _Paragraph["default"];
+var _default = Typography;
+exports["default"] = _default;

package/lib/typography/style/css.js

@@ -0,0 +1,9 @@
+"use strict";
+
+require("../../style/default.css");
+
+require("./index.css");
+
+require("../../input/style/css");
+
+require("../../tooltip/style/css");