@chaoswise/ui 3.0.6 → 3.0.7

package/lib/Antd5/typography/Base/index.js

@@ -0,0 +1,444 @@
+var _excluded = ["prefixCls", "className", "style", "type", "disabled", "children", "ellipsis", "editable", "copyable", "component", "title"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import EditOutlined from '@ant-design/icons/EditOutlined';
+import classNames from 'classnames';
+import ResizeObserver from 'rc-resize-observer';
+import toArray from 'rc-util/lib/Children/toArray';
+import useIsomorphicLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
+import useMergedState from 'rc-util/lib/hooks/useMergedState';
+import omit from 'rc-util/lib/omit';
+import { composeRef } from 'rc-util/lib/ref';
+import { isStyleSupport } from '../../_util/styleChecker';
+import TransButton from '../../_util/transButton';
+import { ConfigContext } from '../../config-provider';
+import useLocale from '../../locale/useLocale';
+import Tooltip from '../../tooltip';
+import Editable from '../Editable';
+import useCopyClick from '../hooks/useCopyClick';
+import useMergedConfig from '../hooks/useMergedConfig';
+import useUpdatedEffect from '../hooks/useUpdatedEffect';
+import usePrevious from '../hooks/usePrevious';
+import Typography from '../Typography';
+import CopyBtn from './CopyBtn';
+import Ellipsis from './Ellipsis';
+import EllipsisTooltip from './EllipsisTooltip';
+function wrapperDecorations(_ref, content) {
+  var mark = _ref.mark,
+    code = _ref.code,
+    underline = _ref.underline,
+    del = _ref["delete"],
+    strong = _ref.strong,
+    keyboard = _ref.keyboard,
+    italic = _ref.italic;
+  var currentContent = content;
+  function wrap(tag, needed) {
+    if (!needed) {
+      return;
+    }
+    currentContent = /*#__PURE__*/React.createElement(tag, {}, currentContent);
+  }
+  wrap('strong', strong);
+  wrap('u', underline);
+  wrap('del', del);
+  wrap('code', code);
+  wrap('mark', mark);
+  wrap('kbd', keyboard);
+  wrap('i', italic);
+  return currentContent;
+}
+var ELLIPSIS_STR = '...';
+var Base = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    style = props.style,
+    type = props.type,
+    disabled = props.disabled,
+    _children = props.children,
+    ellipsis = props.ellipsis,
+    editable = props.editable,
+    copyable = props.copyable,
+    component = props.component,
+    title = props.title,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction;
+  var _useLocale = useLocale('Text'),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    textLocale = _useLocale2[0];
+  var typographyRef = React.useRef(null);
+  var editIconRef = React.useRef(null);
+  // ============================ MISC ============================
+  var prefixCls = getPrefixCls('typography', customizePrefixCls);
+  var textProps = omit(restProps, ['mark', 'code', 'delete', 'underline', 'strong', 'keyboard', 'italic']);
+  // ========================== Editable ==========================
+  var _useMergedConfig = useMergedConfig(editable),
+    _useMergedConfig2 = _slicedToArray(_useMergedConfig, 2),
+    enableEdit = _useMergedConfig2[0],
+    editConfig = _useMergedConfig2[1];
+  var _useMergedState = useMergedState(false, {
+      value: editConfig.editing
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    editing = _useMergedState2[0],
+    setEditing = _useMergedState2[1];
+  var _editConfig$triggerTy = editConfig.triggerType,
+    triggerType = _editConfig$triggerTy === void 0 ? ['icon'] : _editConfig$triggerTy;
+  var triggerEdit = function triggerEdit(edit) {
+    if (edit) {
+      var _editConfig$onStart;
+      (_editConfig$onStart = editConfig.onStart) === null || _editConfig$onStart === void 0 || _editConfig$onStart.call(editConfig);
+    }
+    setEditing(edit);
+  };
+  // Focus edit icon when back
+  var prevEditing = usePrevious(editing);
+  useUpdatedEffect(function () {
+    if (!editing && prevEditing) {
+      var _editIconRef$current;
+      (_editIconRef$current = editIconRef.current) === null || _editIconRef$current === void 0 || _editIconRef$current.focus();
+    }
+  }, [editing]);
+  var onEditClick = function onEditClick(e) {
+    e === null || e === void 0 || e.preventDefault();
+    triggerEdit(true);
+  };
+  var onEditChange = function onEditChange(value) {
+    var _editConfig$onChange;
+    (_editConfig$onChange = editConfig.onChange) === null || _editConfig$onChange === void 0 || _editConfig$onChange.call(editConfig, value);
+    triggerEdit(false);
+  };
+  var onEditCancel = function onEditCancel() {
+    var _editConfig$onCancel;
+    (_editConfig$onCancel = editConfig.onCancel) === null || _editConfig$onCancel === void 0 || _editConfig$onCancel.call(editConfig);
+    triggerEdit(false);
+  };
+  // ========================== Copyable ==========================
+  var _useMergedConfig3 = useMergedConfig(copyable),
+    _useMergedConfig4 = _slicedToArray(_useMergedConfig3, 2),
+    enableCopy = _useMergedConfig4[0],
+    copyConfig = _useMergedConfig4[1];
+  var _useCopyClick = useCopyClick({
+      copyConfig: copyConfig,
+      children: _children
+    }),
+    copied = _useCopyClick.copied,
+    copyLoading = _useCopyClick.copyLoading,
+    onCopyClick = _useCopyClick.onClick;
+  // ========================== Ellipsis ==========================
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isLineClampSupport = _React$useState2[0],
+    setIsLineClampSupport = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isTextOverflowSupport = _React$useState4[0],
+    setIsTextOverflowSupport = _React$useState4[1];
+  var _React$useState5 = React.useState(false),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    isJsEllipsis = _React$useState6[0],
+    setIsJsEllipsis = _React$useState6[1];
+  var _React$useState7 = React.useState(false),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    isNativeEllipsis = _React$useState8[0],
+    setIsNativeEllipsis = _React$useState8[1];
+  var _React$useState9 = React.useState(true),
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    isNativeVisible = _React$useState10[0],
+    setIsNativeVisible = _React$useState10[1];
+  var _useMergedConfig5 = useMergedConfig(ellipsis, {
+      expandable: false,
+      symbol: function symbol(isExpanded) {
+        return isExpanded ? textLocale === null || textLocale === void 0 ? void 0 : textLocale.collapse : textLocale === null || textLocale === void 0 ? void 0 : textLocale.expand;
+      }
+    }),
+    _useMergedConfig6 = _slicedToArray(_useMergedConfig5, 2),
+    enableEllipsis = _useMergedConfig6[0],
+    ellipsisConfig = _useMergedConfig6[1];
+  var _useMergedState3 = useMergedState(ellipsisConfig.defaultExpanded || false, {
+      value: ellipsisConfig.expanded
+    }),
+    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
+    expanded = _useMergedState4[0],
+    setExpanded = _useMergedState4[1];
+  var mergedEnableEllipsis = enableEllipsis && (!expanded || ellipsisConfig.expandable === 'collapsible');
+  // Shared prop to reduce bundle size
+  var _ellipsisConfig$rows = ellipsisConfig.rows,
+    rows = _ellipsisConfig$rows === void 0 ? 1 : _ellipsisConfig$rows;
+  var needMeasureEllipsis = React.useMemo(function () {
+    return (
+      // Disable ellipsis
+      mergedEnableEllipsis && (
+      // Provide suffix
+      ellipsisConfig.suffix !== undefined || ellipsisConfig.onEllipsis ||
+      // Can't use css ellipsis since we need to provide the place for button
+      ellipsisConfig.expandable || enableEdit || enableCopy)
+    );
+  }, [mergedEnableEllipsis, ellipsisConfig, enableEdit, enableCopy]);
+  useIsomorphicLayoutEffect(function () {
+    if (enableEllipsis && !needMeasureEllipsis) {
+      setIsLineClampSupport(isStyleSupport('webkitLineClamp'));
+      setIsTextOverflowSupport(isStyleSupport('textOverflow'));
+    }
+  }, [needMeasureEllipsis, enableEllipsis]);
+  var _React$useState11 = React.useState(mergedEnableEllipsis),
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    cssEllipsis = _React$useState12[0],
+    setCssEllipsis = _React$useState12[1];
+  var canUseCssEllipsis = React.useMemo(function () {
+    if (needMeasureEllipsis) {
+      return false;
+    }
+    if (rows === 1) {
+      return isTextOverflowSupport;
+    }
+    return isLineClampSupport;
+  }, [needMeasureEllipsis, isTextOverflowSupport, isLineClampSupport]);
+  // We use effect to change from css ellipsis to js ellipsis.
+  // To make SSR still can see the ellipsis.
+  useIsomorphicLayoutEffect(function () {
+    setCssEllipsis(canUseCssEllipsis && mergedEnableEllipsis);
+  }, [canUseCssEllipsis, mergedEnableEllipsis]);
+  var isMergedEllipsis = mergedEnableEllipsis && (cssEllipsis ? isNativeEllipsis : isJsEllipsis);
+  var cssTextOverflow = mergedEnableEllipsis && rows === 1 && cssEllipsis;
+  var cssLineClamp = mergedEnableEllipsis && rows > 1 && cssEllipsis;
+  // >>>>> Expand
+  var onExpandClick = function onExpandClick(e, info) {
+    var _ellipsisConfig$onExp;
+    setExpanded(info.expanded);
+    (_ellipsisConfig$onExp = ellipsisConfig.onExpand) === null || _ellipsisConfig$onExp === void 0 || _ellipsisConfig$onExp.call(ellipsisConfig, e, info);
+  };
+  var _React$useState13 = React.useState(0),
+    _React$useState14 = _slicedToArray(_React$useState13, 2),
+    ellipsisWidth = _React$useState14[0],
+    setEllipsisWidth = _React$useState14[1];
+  var onResize = function onResize(_ref2) {
+    var offsetWidth = _ref2.offsetWidth;
+    setEllipsisWidth(offsetWidth);
+  };
+  // >>>>> JS Ellipsis
+  var onJsEllipsis = function onJsEllipsis(jsEllipsis) {
+    setIsJsEllipsis(jsEllipsis);
+    // Trigger if changed
+    if (isJsEllipsis !== jsEllipsis) {
+      var _ellipsisConfig$onEll;
+      (_ellipsisConfig$onEll = ellipsisConfig.onEllipsis) === null || _ellipsisConfig$onEll === void 0 || _ellipsisConfig$onEll.call(ellipsisConfig, jsEllipsis);
+    }
+  };
+  // >>>>> Native ellipsis
+  React.useEffect(function () {
+    var textEle = typographyRef.current;
+    if (enableEllipsis && cssEllipsis && textEle) {
+      var currentEllipsis = cssLineClamp ? textEle.offsetHeight < textEle.scrollHeight : textEle.offsetWidth < textEle.scrollWidth;
+      if (isNativeEllipsis !== currentEllipsis) {
+        setIsNativeEllipsis(currentEllipsis);
+      }
+    }
+  }, [enableEllipsis, cssEllipsis, _children, cssLineClamp, isNativeVisible, ellipsisWidth]);
+  // https://github.com/ant-design/ant-design/issues/36786
+  // Use IntersectionObserver to check if element is invisible
+  React.useEffect(function () {
+    var textEle = typographyRef.current;
+    if (typeof IntersectionObserver === 'undefined' || !textEle || !cssEllipsis || !mergedEnableEllipsis) {
+      return;
+    }
+    /* eslint-disable-next-line compat/compat */
+    var observer = new IntersectionObserver(function () {
+      setIsNativeVisible(!!textEle.offsetParent);
+    });
+    observer.observe(textEle);
+    return function () {
+      observer.disconnect();
+    };
+  }, [cssEllipsis, mergedEnableEllipsis]);
+  // ========================== Tooltip ===========================
+  var tooltipProps = {};
+  if (ellipsisConfig.tooltip === true) {
+    var _editConfig$text;
+    tooltipProps = {
+      title: (_editConfig$text = editConfig.text) !== null && _editConfig$text !== void 0 ? _editConfig$text : _children
+    };
+  } else if ( /*#__PURE__*/React.isValidElement(ellipsisConfig.tooltip)) {
+    tooltipProps = {
+      title: ellipsisConfig.tooltip
+    };
+  } else if (_typeof(ellipsisConfig.tooltip) === 'object') {
+    var _editConfig$text2;
+    tooltipProps = _objectSpread({
+      title: (_editConfig$text2 = editConfig.text) !== null && _editConfig$text2 !== void 0 ? _editConfig$text2 : _children
+    }, ellipsisConfig.tooltip);
+  } else {
+    tooltipProps = {
+      title: ellipsisConfig.tooltip
+    };
+  }
+  var topAriaLabel = React.useMemo(function () {
+    var isValid = function isValid(val) {
+      return ['string', 'number'].includes(_typeof(val));
+    };
+    if (!enableEllipsis || cssEllipsis) {
+      return undefined;
+    }
+    if (isValid(editConfig.text)) {
+      return editConfig.text;
+    }
+    if (isValid(_children)) {
+      return _children;
+    }
+    if (isValid(title)) {
+      return title;
+    }
+    if (isValid(tooltipProps.title)) {
+      return tooltipProps.title;
+    }
+    return undefined;
+  }, [enableEllipsis, cssEllipsis, title, tooltipProps.title, isMergedEllipsis]);
+  // =========================== Render ===========================
+  // >>>>>>>>>>> Editing input
+  if (editing) {
+    var _editConfig$text3;
+    return _jsx(Editable, {
+      value: (_editConfig$text3 = editConfig.text) !== null && _editConfig$text3 !== void 0 ? _editConfig$text3 : typeof _children === 'string' ? _children : '',
+      onSave: onEditChange,
+      onCancel: onEditCancel,
+      onEnd: editConfig.onEnd,
+      prefixCls: prefixCls,
+      className: className,
+      style: style,
+      direction: direction,
+      component: component,
+      maxLength: editConfig.maxLength,
+      autoSize: editConfig.autoSize,
+      enterIcon: editConfig.enterIcon
+    });
+  }
+  // >>>>>>>>>>> Typography
+  // Expand
+  var renderExpand = function renderExpand() {
+    var expandable = ellipsisConfig.expandable,
+      symbol = ellipsisConfig.symbol;
+    if (!expandable) {
+      return null;
+    }
+    if (expanded && expandable !== 'collapsible') {
+      return null;
+    }
+    return _jsx("a", {
+      className: "".concat(prefixCls, "-").concat(expanded ? 'collapse' : 'expand'),
+      onClick: function onClick(e) {
+        return onExpandClick(e, {
+          expanded: !expanded
+        });
+      },
+      "aria-label": expanded ? textLocale.collapse : textLocale === null || textLocale === void 0 ? void 0 : textLocale.expand,
+      children: typeof symbol === 'function' ? symbol(expanded) : symbol
+    }, "expand");
+  };
+  // Edit
+  var renderEdit = function renderEdit() {
+    if (!enableEdit) {
+      return;
+    }
+    var icon = editConfig.icon,
+      tooltip = editConfig.tooltip,
+      tabIndex = editConfig.tabIndex;
+    var editTitle = toArray(tooltip)[0] || (textLocale === null || textLocale === void 0 ? void 0 : textLocale.edit);
+    var ariaLabel = typeof editTitle === 'string' ? editTitle : '';
+    return triggerType.includes('icon') ? _jsx(Tooltip, {
+      title: tooltip === false ? '' : editTitle,
+      children: _jsx(TransButton, {
+        ref: editIconRef,
+        className: "".concat(prefixCls, "-edit"),
+        onClick: onEditClick,
+        "aria-label": ariaLabel,
+        tabIndex: tabIndex,
+        children: icon || _jsx(EditOutlined, {
+          role: "button"
+        })
+      })
+    }, "edit") : null;
+  };
+  // Copy
+  var renderCopy = function renderCopy() {
+    if (!enableCopy) {
+      return null;
+    }
+    return _jsx(CopyBtn, _objectSpread(_objectSpread({}, copyConfig), {}, {
+      prefixCls: prefixCls,
+      copied: copied,
+      locale: textLocale,
+      onCopy: onCopyClick,
+      loading: copyLoading,
+      iconOnly: _children === null || _children === undefined
+    }), "copy");
+  };
+  var renderOperations = function renderOperations(canEllipsis) {
+    return [
+    // (renderExpanded || ellipsisConfig.collapsible) && renderExpand(),
+    canEllipsis && renderExpand(), renderEdit(), renderCopy()];
+  };
+  var renderEllipsis = function renderEllipsis(canEllipsis) {
+    return [canEllipsis && !expanded && _jsx("span", {
+      "aria-hidden": true,
+      children: ELLIPSIS_STR
+    }, "ellipsis"), ellipsisConfig.suffix, renderOperations(canEllipsis)];
+  };
+  return _jsx(ResizeObserver, {
+    onResize: onResize,
+    disabled: !mergedEnableEllipsis,
+    children: function children(resizeRef) {
+      return _jsx(EllipsisTooltip, {
+        tooltipProps: tooltipProps,
+        enableEllipsis: mergedEnableEllipsis,
+        isEllipsis: isMergedEllipsis,
+        children: _jsx(Typography, _objectSpread(_objectSpread({
+          className: classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(type), type), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-ellipsis"), enableEllipsis), "".concat(prefixCls, "-single-line"), mergedEnableEllipsis && rows === 1 && !expanded), "".concat(prefixCls, "-ellipsis-single-line"), cssTextOverflow), "".concat(prefixCls, "-ellipsis-multiple-line"), cssLineClamp), className),
+          prefixCls: customizePrefixCls,
+          style: _objectSpread(_objectSpread({}, style), {}, {
+            WebkitLineClamp: cssLineClamp ? rows : undefined
+          }),
+          component: component,
+          ref: composeRef(resizeRef, typographyRef, ref),
+          direction: direction,
+          onClick: triggerType.includes('text') ? onEditClick : undefined,
+          "aria-label": topAriaLabel === null || topAriaLabel === void 0 ? void 0 : topAriaLabel.toString(),
+          title: title
+        }, textProps), {}, {
+          children: _jsx(Ellipsis, {
+            enableMeasure: mergedEnableEllipsis && !cssEllipsis,
+            text: _children,
+            rows: rows,
+            width: ellipsisWidth,
+            onEllipsis: onJsEllipsis,
+            expanded: expanded,
+            miscDeps: [copied, expanded, copyLoading, enableEdit, enableCopy],
+            children: function children(node, canEllipsis) {
+              return wrapperDecorations(props, _jsxs(_Fragment, {
+                children: [node.length > 0 && canEllipsis && !expanded && topAriaLabel ? _jsx("span", {
+                  "aria-hidden": true,
+                  children: node
+                }, "show-content") : node, renderEllipsis(canEllipsis)]
+              }));
+            }
+          })
+        }))
+      });
+    }
+  });
+});
+export default Base;

package/lib/Antd5/typography/Base/util.js

@@ -0,0 +1,12 @@
+export function toList(val) {
+  if (val === false) {
+    return [false, false];
+  }
+  return Array.isArray(val) ? val : [val];
+}
+export function getNode(dom, defaultNode, needDom) {
+  if (dom === true || dom === undefined) {
+    return defaultNode;
+  }
+  return dom || needDom && defaultNode;
+}

package/lib/Antd5/typography/Editable.js

@@ -0,0 +1,119 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import EnterOutlined from '@ant-design/icons/EnterOutlined';
+import classNames from 'classnames';
+import KeyCode from 'rc-util/lib/KeyCode';
+import { cloneElement } from '../_util/reactNode';
+import TextArea from '../input/TextArea';
+import useStyle from './style';
+var Editable = function Editable(props) {
+  var prefixCls = props.prefixCls,
+    ariaLabel = props['aria-label'],
+    className = props.className,
+    style = props.style,
+    direction = props.direction,
+    maxLength = props.maxLength,
+    _props$autoSize = props.autoSize,
+    autoSize = _props$autoSize === void 0 ? true : _props$autoSize,
+    value = props.value,
+    onSave = props.onSave,
+    onCancel = props.onCancel,
+    onEnd = props.onEnd,
+    component = props.component,
+    _props$enterIcon = props.enterIcon,
+    enterIcon = _props$enterIcon === void 0 ? _jsx(EnterOutlined, {}) : _props$enterIcon;
+  var ref = React.useRef(null);
+  var inComposition = React.useRef(false);
+  var lastKeyCode = React.useRef();
+  var _React$useState = React.useState(value),
+    _React$useState2 = _slicedToArray(_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(_ref) {
+    var target = _ref.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(_ref2) {
+    var keyCode = _ref2.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(_ref3) {
+    var keyCode = _ref3.keyCode,
+      ctrlKey = _ref3.ctrlKey,
+      altKey = _ref3.altKey,
+      metaKey = _ref3.metaKey,
+      shiftKey = _ref3.shiftKey;
+    // Check if it's a real key
+    if (lastKeyCode.current === keyCode && !inComposition.current && !ctrlKey && !altKey && !metaKey && !shiftKey) {
+      if (keyCode === KeyCode.ENTER) {
+        confirmChange();
+        onEnd === null || onEnd === void 0 || onEnd();
+      } else if (keyCode === KeyCode.ESC) {
+        onCancel();
+      }
+    }
+  };
+  var onBlur = function onBlur() {
+    confirmChange();
+  };
+  var textClassName = component ? "".concat(prefixCls, "-").concat(component) : '';
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var textAreaClassName = classNames(prefixCls, "".concat(prefixCls, "-edit-content"), _defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), className, textClassName, hashId, cssVarCls);
+  return wrapCSSVar(_jsxs("div", {
+    className: textAreaClassName,
+    style: style,
+    children: [_jsx(TextArea, {
+      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 ? cloneElement(enterIcon, {
+      className: "".concat(prefixCls, "-edit-content-confirm")
+    }) : null]
+  }));
+};
+export default Editable;

package/lib/Antd5/typography/Link.js

@@ -0,0 +1,33 @@
+var _excluded = ["ellipsis", "rel"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { devUseWarning } from '../_util/warning';
+import Base from './Base';
+var Link = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var ellipsis = _ref.ellipsis,
+    rel = _ref.rel,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Typography.Link');
+    warning(_typeof(ellipsis) !== 'object', 'usage', '`ellipsis` only supports boolean value.');
+  }
+  var mergedProps = _objectSpread(_objectSpread({}, 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 _jsx(Base, _objectSpread(_objectSpread({}, mergedProps), {}, {
+    ref: ref,
+    ellipsis: !!ellipsis,
+    component: "a"
+  }));
+});
+export default Link;

package/lib/Antd5/typography/Paragraph.js

@@ -0,0 +1,17 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import Base from './Base';
+var Paragraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return _jsx(Base, _objectSpread(_objectSpread({
+    ref: ref
+  }, props), {}, {
+    component: "div"
+  }));
+});
+export default Paragraph;