@lobehub/ui 2.4.2 → 2.5.0

package/es/List/ListItem/index.js

@@ -9,18 +9,16 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Typography } from 'antd';
 import { Loader2, MessageSquare } from 'lucide-react';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import Icon from "../../Icon";
+import Text from "../../Text";
 import { useStyles } from "./style";
 import { getChatItemTime } from "./time";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var Title = Typography.Title,
-  Paragraph = Typography.Paragraph;
 var ListItem = /*#__PURE__*/memo(function (_ref) {
   var ref = _ref.ref,
     active = _ref.active,
@@ -108,19 +106,15 @@ var ListItem = /*#__PURE__*/memo(function (_ref) {
         className: cx(styles.content, classNames === null || classNames === void 0 ? void 0 : classNames.content),
         gap: 4,
         style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.content,
-        children: [/*#__PURE__*/_jsx(Title, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          as: 'h3',
           className: cx(styles.title, classNames === null || classNames === void 0 ? void 0 : classNames.title),
-          ellipsis: {
-            rows: 1
-          },
-          level: 3,
+          ellipsis: true,
           style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.title,
           children: title
-        }), description && /*#__PURE__*/_jsx(Paragraph, {
+        }), description && /*#__PURE__*/_jsx(Text, {
           className: cx(styles.desc, classNames === null || classNames === void 0 ? void 0 : classNames.desc),
-          ellipsis: {
-            rows: 1
-          },
+          ellipsis: true,
           style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.desc,
           children: description
         }), addon]

package/es/List/ListItem/style.js

@@ -5,17 +5,16 @@ export var useStyles = createStyles(function (_ref) {
   var cx = _ref.cx,
     css = _ref.css,
     token = _ref.token,
-    prefixCls = _ref.prefixCls,
     stylish = _ref.stylish;
   return {
     actions: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-end: 16px;\n      transform: translateY(-50%);\n    "]))),
     active: stylish.active,
     content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      flex: 1;\n      align-self: center;\n    "]))),
     date: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      font-size: 12px;\n      color: ", ";\n    "])), token.colorTextPlaceholder),
-    desc: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      &.", "-typography {\n        width: 100%;\n        margin: 0;\n\n        font-size: 12px;\n        line-height: 1.2;\n        color: ", ";\n      }\n    "])), prefixCls, token.colorTextDescription),
+    desc: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      width: 100%;\n      margin: 0;\n\n      font-size: 12px;\n      line-height: 1.2;\n      color: ", ";\n    "])), token.colorTextDescription),
     pin: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      position: absolute;\n      inset-block-start: 6px;\n      inset-inline-end: 6px;\n    "]))),
-    root: cx(stylish.variantBorderless, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        cursor: pointer;\n        position: relative;\n        color: ", ";\n        border-radius: ", "px;\n      "])), token.colorTextTertiary, token.borderRadius)),
-    title: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      &.", "-typography {\n        width: 100%;\n        margin: 0;\n\n        font-size: 14px;\n        font-weight: 500;\n        line-height: 1.2;\n        color: ", ";\n      }\n    "])), prefixCls, token.colorText),
-    triangle: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      width: 10px;\n      height: 10px;\n\n      opacity: 0.5;\n      background: ", ";\n      clip-path: polygon(0% 0%, 100% 0%, 100% 100%);\n      border-radius: 2px;\n    "])), token.colorPrimaryBorder)
+    root: cx(stylish.variantBorderless, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        cursor: pointer;\n        position: relative;\n        border-radius: ", "px;\n        color: ", ";\n      "])), token.borderRadius, token.colorTextTertiary)),
+    title: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      width: 100%;\n      margin: 0;\n\n      font-size: 14px;\n      font-weight: 500;\n      line-height: 1.2;\n      color: ", ";\n    "])), token.colorText),
+    triangle: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      width: 10px;\n      height: 10px;\n      border-radius: 2px;\n\n      opacity: 0.5;\n      background: ", ";\n      clip-path: polygon(0% 0%, 100% 0%, 100% 100%);\n    "])), token.colorPrimaryBorder)
   };
 });

package/es/SearchBar/components/SearchResultCard/index.js

@@ -15,9 +15,9 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Typography } from 'antd';
 import { memo, useMemo } from 'react';
 import { Flexbox } from 'react-layout-kit';
+import Text from "../../../Text";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -69,8 +69,9 @@ var SearchResultCard = /*#__PURE__*/memo(function (_ref) {
           height: 14,
           src: "https://icons.duckduckgo.com/ip3/".concat(host, ".ico"),
           width: 14
-        }), /*#__PURE__*/_jsx(Typography.Text, {
+        }), /*#__PURE__*/_jsx(Text, {
           className: styles.url,
+          ellipsis: true,
           type: 'secondary',
           children: domain
         })]

package/es/Text/Text.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TextProps } from './type';
+declare const Text: import("react").NamedExoticComponent<TextProps>;
+export default Text;

package/es/Text/Text.js

@@ -0,0 +1,113 @@
+'use client';
+
+var _excluded = ["as", "className", "children", "style", "type", "disabled", "strong", "italic", "underline", "delete", "mark", "code", "color", "weight", "ellipsis"];
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Tooltip } from 'antd';
+import { cva } from 'class-variance-authority';
+import { memo, useMemo } from 'react';
+import { useStyles } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Text = /*#__PURE__*/memo(function (_ref) {
+  var _ref$as = _ref.as,
+    Container = _ref$as === void 0 ? 'div' : _ref$as,
+    className = _ref.className,
+    children = _ref.children,
+    style = _ref.style,
+    type = _ref.type,
+    disabled = _ref.disabled,
+    strong = _ref.strong,
+    italic = _ref.italic,
+    underline = _ref.underline,
+    deleteStyle = _ref.delete,
+    mark = _ref.mark,
+    code = _ref.code,
+    color = _ref.color,
+    weight = _ref.weight,
+    ellipsis = _ref.ellipsis,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var variants = useMemo(function () {
+    return cva(styles.text, {
+      defaultVariants: {},
+      variants: {
+        code: {
+          true: styles.code
+        },
+        delete: {
+          true: styles.delete
+        },
+        disabled: {
+          true: styles.disabled
+        },
+        ellipsis: {
+          multi: styles.ellipsisMulti,
+          true: styles.ellipsis
+        },
+        italic: {
+          true: styles.italic
+        },
+        mark: {
+          true: styles.mark
+        },
+        strong: {
+          true: styles.strong
+        },
+        type: {
+          danger: styles.danger,
+          info: styles.info,
+          secondary: styles.secondary,
+          success: styles.success,
+          warning: styles.warning
+        },
+        underline: {
+          true: styles.underline
+        }
+      }
+    });
+  }, [styles]);
+  var textStyle = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, style), color && {
+    color: color
+  }), weight && {
+    fontWeight: weight
+  }), _typeof(ellipsis) === 'object' && ellipsis.rows && {
+    WebkitLineClamp: ellipsis.rows
+  });
+  var content = /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({
+    className: cx(variants({
+      code: code,
+      delete: deleteStyle,
+      disabled: disabled,
+      ellipsis: ellipsis ? _typeof(ellipsis) === 'object' && ellipsis.rows ? 'multi' : true : undefined,
+      italic: italic,
+      mark: mark,
+      strong: strong,
+      type: type,
+      underline: underline
+    }), className),
+    style: textStyle
+  }, rest), {}, {
+    children: children
+  }));
+
+  // 处理带有 tooltip 的省略
+  if (ellipsis && _typeof(ellipsis) === 'object' && ellipsis.tooltip) {
+    var tooltipProps = _typeof(ellipsis.tooltip) === 'object' ? ellipsis.tooltip : {
+      title: ellipsis.tooltip
+    };
+    return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, tooltipProps), {}, {
+      children: content
+    }));
+  }
+  return content;
+});
+Text.displayName = 'Text';
+export default Text;

package/es/Text/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Text';
+export type * from './type';

package/es/Text/index.js

@@ -0,0 +1 @@
+export { default } from "./Text";

package/es/Text/styles.d.ts

@@ -0,0 +1,17 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    code: import("antd-style").SerializedStyles;
+    danger: import("antd-style").SerializedStyles;
+    delete: import("antd-style").SerializedStyles;
+    disabled: import("antd-style").SerializedStyles;
+    ellipsis: import("antd-style").SerializedStyles;
+    ellipsisMulti: import("antd-style").SerializedStyles;
+    info: import("antd-style").SerializedStyles;
+    italic: import("antd-style").SerializedStyles;
+    mark: import("antd-style").SerializedStyles;
+    secondary: import("antd-style").SerializedStyles;
+    strong: import("antd-style").SerializedStyles;
+    success: import("antd-style").SerializedStyles;
+    text: import("antd-style").SerializedStyles;
+    underline: import("antd-style").SerializedStyles;
+    warning: import("antd-style").SerializedStyles;
+}>;

package/es/Text/styles.js

@@ -0,0 +1,24 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    code: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-family: ", ";\n  "])), token.fontFamilyCode),
+    danger: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorError),
+    delete: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    text-decoration: line-through;\n  "]))),
+    disabled: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    cursor: not-allowed;\n    color: ", ";\n  "])), token.colorTextDisabled),
+    ellipsis: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]))),
+    ellipsisMulti: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n  "]))),
+    info: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorInfo),
+    italic: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    font-style: italic;\n  "]))),
+    mark: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    color: #000;\n    background-color: ", ";\n  "])), token.yellow),
+    secondary: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorTextSecondary),
+    strong: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    font-weight: bold;\n  "]))),
+    success: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorSuccess),
+    text: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    font-size: ", "px;\n    line-height: ", ";\n    color: ", ";\n  "])), token.fontSize, token.lineHeight, token.colorText),
+    underline: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    text-decoration: underline;\n  "]))),
+    warning: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorWarning)
+  };
+});

package/es/Text/type.d.ts

@@ -0,0 +1,21 @@
+import type { ElementType, ReactNode, Ref } from 'react';
+import type { TooltipProps } from "../Tooltip";
+import { DivProps } from "../types";
+export interface TextProps extends DivProps {
+    as?: ElementType;
+    code?: boolean;
+    color?: string;
+    delete?: boolean;
+    disabled?: boolean;
+    ellipsis?: boolean | {
+        rows?: number;
+        tooltip?: ReactNode | TooltipProps;
+    };
+    italic?: boolean;
+    mark?: boolean;
+    ref?: Ref<HTMLDivElement>;
+    strong?: boolean;
+    type?: 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+    underline?: boolean;
+    weight?: 'bold' | 'bolder' | number;
+}

package/es/Text/type.js

@@ -0,0 +1 @@
+export {};

package/es/awesome/Features/FeatureItem.js

@@ -9,12 +9,12 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Typography } from 'antd';
 import { memo } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
 import A from "../../A";
 import Icon from "../../Icon";
 import Img from "../../Img";
+import Text from "../../Text";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -81,7 +81,7 @@ var Item = /*#__PURE__*/memo(function (_ref2) {
         gap: 8,
         horizontal: true,
         children: title
-      }), description && /*#__PURE__*/_jsx(Typography.Paragraph, {
+      }), description && /*#__PURE__*/_jsx(Text, {
         className: styles.desc,
         ellipsis: {
           rows: 4

package/es/index.d.ts

@@ -53,6 +53,7 @@ export { default as SortableList, type SortableListProps } from './SortableList'
 export * from './styles';
 export { default as Tabs, type TabsProps } from './Tabs';
 export { default as Tag, type TagProps } from './Tag';
+export { default as Text, type TextProps } from './Text';
 export { Meta, type MetaProps, default as ThemeProvider, type ThemeProviderProps, } from './ThemeProvider';
 export { default as ThemeSwitch, type ThemeSwitchProps } from './ThemeSwitch';
 export { default as Toc, type TocProps } from './Toc';

package/es/index.js

@@ -53,6 +53,7 @@ export { default as SortableList } from "./SortableList";
 export * from "./styles";
 export { default as Tabs } from "./Tabs";
 export { default as Tag } from "./Tag";
+export { default as Text } from "./Text";
 export { Meta, default as ThemeProvider } from "./ThemeProvider";
 export { default as ThemeSwitch } from "./ThemeSwitch";
 export { default as Toc } from "./Toc";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "2.4.2",
+  "version": "2.5.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",