@lobehub/ui 1.2.0 → 1.4.0

package/lib/EditableText/ControlInput.js

@@ -0,0 +1,101 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/EditableText/ControlInput.tsx
+var ControlInput_exports = {};
+__export(ControlInput_exports, {
+  ControlInput: () => ControlInput
+});
+module.exports = __toCommonJS(ControlInput_exports);
+var import_antd = require("antd");
+var import_react = require("react");
+var ControlInput = (0, import_react.memo)(
+  ({ value, onChange, onValueChanging, onChangeEnd, ...props }) => {
+    const [input, setInput] = (0, import_react.useState)(value || "");
+    const inputRef = (0, import_react.useRef)(null);
+    const isChineseInput = (0, import_react.useRef)(false);
+    const isFocusing = (0, import_react.useRef)(false);
+    const updateValue = (0, import_react.useCallback)(() => {
+      onChange == null ? void 0 : onChange(input);
+    }, [input]);
+    (0, import_react.useEffect)(() => {
+      if (typeof value !== "undefined")
+        setInput(value);
+    }, [value]);
+    return /* @__PURE__ */ React.createElement(
+      import_antd.Input,
+      {
+        ref: inputRef,
+        ...props,
+        value: input,
+        onCompositionStart: () => {
+          isChineseInput.current = true;
+        },
+        onCompositionEnd: () => {
+          isChineseInput.current = false;
+        },
+        onFocus: () => {
+          isFocusing.current = true;
+        },
+        onBlur: () => {
+          isFocusing.current = false;
+          onChangeEnd == null ? void 0 : onChangeEnd(input);
+        },
+        onChange: (e) => {
+          setInput(e.target.value);
+          onValueChanging == null ? void 0 : onValueChanging(e.target.value);
+        },
+        onPressEnter: (e) => {
+          if (!e.shiftKey && !isChineseInput.current) {
+            e.preventDefault();
+            updateValue();
+            isFocusing.current = false;
+            onChangeEnd == null ? void 0 : onChangeEnd(input);
+          }
+        },
+        suffix: value === input ? /* @__PURE__ */ React.createElement("span", null) : /* @__PURE__ */ React.createElement(import_antd.ConfigProvider, { theme: { token: { fontSize: 14 } } }, /* @__PURE__ */ React.createElement(
+          import_antd.Button,
+          {
+            type: "link",
+            size: "small",
+            onClick: () => {
+              setInput(value);
+            },
+            style: { padding: 0 }
+          },
+          "重置"
+        ), /* @__PURE__ */ React.createElement(
+          import_antd.Button,
+          {
+            type: "link",
+            size: "small",
+            style: { padding: 0 },
+            onClick: () => {
+              updateValue();
+            }
+          },
+          "保存 ↵"
+        ))
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ControlInput
+});

package/lib/EditableText/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ControlInputProps } from './ControlInput';
+export declare type EditableTextProps = ControlInputProps;
+declare const EditableText: import("react").NamedExoticComponent<ControlInputProps>;
+export default EditableText;

package/lib/EditableText/index.js

@@ -0,0 +1,52 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/EditableText/index.tsx
+var EditableText_exports = {};
+__export(EditableText_exports, {
+  default: () => EditableText_default
+});
+module.exports = __toCommonJS(EditableText_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_react = require("react");
+var import_react_layout_kit = require("react-layout-kit");
+var import_ControlInput = require("./ControlInput");
+var EditableText = (0, import_react.memo)(({ value, onChange }) => {
+  const [edited, setEdited] = (0, import_react.useState)(false);
+  return edited ? /* @__PURE__ */ React.createElement(
+    import_ControlInput.ControlInput,
+    {
+      value,
+      onChangeEnd: () => {
+        setEdited(false);
+      },
+      onChange
+    }
+  ) : /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { horizontal: true, gap: 8 }, value, /* @__PURE__ */ React.createElement(import_antd.Tooltip, { title: "编辑" }, /* @__PURE__ */ React.createElement(
+    import_icons.EditOutlined,
+    {
+      onClick: () => {
+        setEdited(!edited);
+      }
+    }
+  )));
+});
+var EditableText_default = EditableText;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Highlighter/SyntaxHighlighter/Prism.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface PrismProps {
+    children: string;
+    language: string;
+    isDarkMode: boolean;
+}
+export declare const Prism: import("react").NamedExoticComponent<PrismProps>;

package/lib/Highlighter/SyntaxHighlighter/Prism.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Highlighter/SyntaxHighlighter/Prism.tsx
+var Prism_exports = {};
+__export(Prism_exports, {
+  Prism: () => Prism
+});
+module.exports = __toCommonJS(Prism_exports);
+var import_prism_react_renderer = require("prism-react-renderer");
+var import_react = require("react");
+var Prism = (0, import_react.memo)(({ children, language, isDarkMode }) => {
+  return /* @__PURE__ */ React.createElement(
+    import_prism_react_renderer.Highlight,
+    {
+      theme: isDarkMode ? import_prism_react_renderer.themes.jettwaveDark : import_prism_react_renderer.themes.jettwaveLight,
+      code: children,
+      language
+    },
+    ({ className, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React.createElement("pre", { className, style }, tokens.map((line, i) => /* @__PURE__ */ React.createElement("div", { key: i, ...getLineProps({ line, key: i }) }, line.map((token, key) => /* @__PURE__ */ React.createElement("span", { key: i, ...getTokenProps({ token, key }) })))))
+  );
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Prism
+});

package/lib/Highlighter/SyntaxHighlighter/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { HighlighterProps } from '../index';
+export declare type SyntaxHighlighterProps = Pick<HighlighterProps, 'language' | 'children' | 'theme'>;
+declare const SyntaxHighlighter: import("react").NamedExoticComponent<SyntaxHighlighterProps>;
+export default SyntaxHighlighter;

package/lib/Highlighter/SyntaxHighlighter/index.js

@@ -0,0 +1,55 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Highlighter/SyntaxHighlighter/index.tsx
+var SyntaxHighlighter_exports = {};
+__export(SyntaxHighlighter_exports, {
+  default: () => SyntaxHighlighter_default
+});
+module.exports = __toCommonJS(SyntaxHighlighter_exports);
+var import_useHighlight = require("../../hooks/useHighlight");
+var import_icons = require("@ant-design/icons");
+var import_react = require("react");
+var import_react_layout_kit = require("react-layout-kit");
+var import_shallow = require("zustand/shallow");
+var import_Prism = require("./Prism");
+var import_antd_style = require("antd-style");
+var import_style = require("./style");
+var SyntaxHighlighter = (0, import_react.memo)(
+  ({ children, language, theme: appearance }) => {
+    const { styles, theme } = (0, import_style.useStyles)();
+    const { isDarkMode } = (0, import_antd_style.useThemeMode)();
+    const isDarkTheme = appearance ? appearance === "dark" : isDarkMode;
+    const [codeToHtml, isLoading] = (0, import_useHighlight.useHighlight)((s) => [s.codeToHtml, !s.highlighter], import_shallow.shallow);
+    (0, import_react.useEffect)(() => {
+      import_useHighlight.useHighlight.getState().initHighlighter();
+    }, []);
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, isLoading ? /* @__PURE__ */ React.createElement("div", { className: styles.prism }, /* @__PURE__ */ React.createElement(import_Prism.Prism, { language, isDarkMode: isDarkTheme }, children)) : /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        dangerouslySetInnerHTML: {
+          __html: codeToHtml(children, language, isDarkTheme) || ""
+        },
+        className: styles.shiki
+      }
+    ), isLoading && /* @__PURE__ */ React.createElement(import_react_layout_kit.Center, { horizontal: true, gap: 8, className: styles.loading }, /* @__PURE__ */ React.createElement(import_icons.Loading3QuartersOutlined, { spin: true, style: { color: theme.colorTextTertiary } }), "shiki rendering..."));
+  }
+);
+var SyntaxHighlighter_default = SyntaxHighlighter;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Highlighter/SyntaxHighlighter/style.d.ts

@@ -0,0 +1,5 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    shiki: string;
+    prism: import("antd-style").SerializedStyles;
+    loading: import("antd-style").SerializedStyles;
+}>;

package/lib/Highlighter/SyntaxHighlighter/style.js

@@ -0,0 +1,58 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Highlighter/SyntaxHighlighter/style.ts
+var style_exports = {};
+__export(style_exports, {
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(style_exports);
+var import_antd_style = require("antd-style");
+var useStyles = (0, import_antd_style.createStyles)(({ css, token, cx, prefixCls }) => {
+  const prefix = `${prefixCls}-highlighter`;
+  return {
+    shiki: cx(
+      `${prefix}-shiki`,
+      css`
+        .shiki {
+          overflow-x: scroll;
+          background: none !important;
+        }
+      `
+    ),
+    prism: css`
+      pre {
+        overflow-x: scroll;
+        font-family: ${token.fontFamilyCode} !important;
+      }
+    `,
+    loading: css`
+      position: absolute;
+      top: 0;
+      right: 0;
+      color: ${token.colorTextTertiary};
+      padding: 4px 8px;
+      backdrop-filter: saturate(180%) blur(10px);
+      border-radius: ${token.borderRadiusSM};
+    `
+  };
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});

package/lib/Highlighter/index.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { DivProps } from "../types";
+import SyntaxHighlighter, { type SyntaxHighlighterProps } from './SyntaxHighlighter';
+export { SyntaxHighlighter, SyntaxHighlighterProps };
+export interface HighlighterProps extends DivProps {
+    /**
+     * @description The code content to be highlighted
+     */
+    children: string;
+    /**
+     * @description The language of the code content
+     */
+    language: string;
+    /**
+     * @description Whether to show language tag
+     * @default true
+     */
+    showLanguage?: boolean;
+    /**
+     * @description Whether to show the copy button
+     * @default true
+     */
+    copyable?: boolean;
+    /**
+     * @description The theme of the code block
+     * @default 'light'
+     */
+    theme?: 'dark' | 'light';
+    /**
+     * @description The type of the code block
+     * @default 'block'
+     */
+    type?: 'ghost' | 'block' | 'prue';
+}
+export declare const Highlighter: import("react").NamedExoticComponent<HighlighterProps>;
+export default Highlighter;

package/lib/Highlighter/index.js

@@ -0,0 +1,62 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Highlighter/index.tsx
+var Highlighter_exports = {};
+__export(Highlighter_exports, {
+  Highlighter: () => Highlighter,
+  SyntaxHighlighter: () => import_SyntaxHighlighter.default,
+  default: () => Highlighter_default
+});
+module.exports = __toCommonJS(Highlighter_exports);
+var import_react = require("react");
+var import_CopyButton = __toESM(require("../CopyButton"));
+var import_SyntaxHighlighter = __toESM(require("./SyntaxHighlighter"));
+var import_style = require("./style");
+var Highlighter = (0, import_react.memo)(
+  ({
+    children,
+    language,
+    className,
+    style,
+    theme,
+    copyable = true,
+    showLanguage = true,
+    type = "block"
+  }) => {
+    const { styles, cx } = (0, import_style.useStyles)(type);
+    const container = cx(styles.container, className);
+    return /* @__PURE__ */ React.createElement("div", { "data-code-type": "highlighter", className: container, style }, copyable && /* @__PURE__ */ React.createElement(import_CopyButton.default, { placement: "left", content: children, className: styles.button }), showLanguage && language && /* @__PURE__ */ React.createElement("div", { className: styles.lang }, language.toLowerCase()), /* @__PURE__ */ React.createElement(import_SyntaxHighlighter.default, { theme, language: language == null ? void 0 : language.toLowerCase() }, children.trim()));
+  }
+);
+var Highlighter_default = Highlighter;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Highlighter,
+  SyntaxHighlighter
+});

package/lib/Highlighter/style.d.ts

@@ -0,0 +1,5 @@
+export declare const useStyles: (props?: "block" | "ghost" | "prue" | undefined) => import("antd-style").ReturnStyles<{
+    container: string;
+    button: string;
+    lang: string;
+}>;

package/lib/Highlighter/style.js

@@ -0,0 +1,107 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Highlighter/style.ts
+var style_exports = {};
+__export(style_exports, {
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(style_exports);
+var import_antd_style = require("antd-style");
+var import_polished = require("polished");
+var useStyles = (0, import_antd_style.createStyles)(
+  ({ token, css, cx, prefixCls }, type) => {
+    const prefix = `${prefixCls}-highlighter`;
+    const buttonHoverCls = `${prefix}-hover-btn`;
+    const langHoverCls = `${prefix}-hover-lang`;
+    return {
+      container: cx(
+        prefix,
+        css`
+          overflow: auto;
+          position: relative;
+          transition: background-color 100ms ${token.motionEaseOut};
+          background-color: ${type === "block" ? (0, import_polished.rgba)(token.colorBgElevated, 0.6) : "transparent"};
+          border-radius: ${token.borderRadius}px;
+
+          ${type === "ghost" && css`
+            border: 1px solid ${token.colorBorder};
+          `}
+
+          &:hover {
+            background-color: ${type === "prue" ? "transparent" : token.colorFillTertiary};
+          }
+
+          .prism-code {
+            background: none !important;
+          }
+
+          pre {
+            margin: 0 !important;
+            padding: ${type === "prue" ? 0 : `16px 24px`} !important;
+            background: none !important;
+          }
+
+          code {
+            background: transparent !important;
+          }
+
+          &:hover {
+            .${buttonHoverCls} {
+              opacity: 1;
+            }
+
+            .${langHoverCls} {
+              opacity: 1;
+            }
+          }
+        `
+      ),
+      button: cx(
+        buttonHoverCls,
+        css`
+          position: absolute;
+          z-index: 51;
+          top: 8px;
+          right: 8px;
+
+          opacity: 0;
+        `
+      ),
+      lang: cx(
+        langHoverCls,
+        css`
+          position: absolute;
+          z-index: 50;
+          right: 8px;
+          bottom: 8px;
+
+          color: ${token.colorTextPlaceholder};
+
+          opacity: 0;
+
+          transition: opacity 0.1s;
+        `
+      )
+    };
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});

package/lib/Icon/index.d.ts

@@ -1,6 +1,5 @@
-import { SvgProps } from "../types";
+/// <reference types="react" />
 import { LucideIcon } from 'lucide-react';
-import React from 'react';
 export declare type IconSize = 'large' | 'normal' | 'small' | {
     fontSize?: number;
     strokeWidth?: number;
@@ -17,5 +16,5 @@ export interface IconProps extends SvgProps {
      */
     icon: LucideIcon;
 }
-declare const _default: React.NamedExoticComponent<IconProps>;
+declare const _default: import("react").NamedExoticComponent<IconProps>;
 export default _default;

package/lib/Icon/index.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/Icon/index.tsx
@@ -32,7 +22,7 @@ __export(Icon_exports, {
   default: () => Icon_default
 });
 module.exports = __toCommonJS(Icon_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var Icon = ({ icon, size = "normal", ...props }) => {
   let fontSize;
   let strokeWidth;
@@ -52,8 +42,8 @@ var Icon = ({ icon, size = "normal", ...props }) => {
       strokeWidth = (size == null ? void 0 : size.strokeWidth) || 2;
       break;
   }
-  return /* @__PURE__ */ import_react.default.createElement(SvgIcon, { size: fontSize, strokeWidth, ...props });
+  return /* @__PURE__ */ React.createElement(SvgIcon, { size: fontSize, strokeWidth, ...props });
 };
-var Icon_default = import_react.default.memo(Icon);
+var Icon_default = (0, import_react.memo)(Icon);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {});

package/lib/List/ListItem/index.d.ts

@@ -0,0 +1,64 @@
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+/**
+ * 卡片列表项的属性
+ */
+export interface ListItemProps {
+    /**
+     * 是否处于激活状态
+     */
+    active: boolean;
+    /**
+     * 是否处于加载状态
+     */
+    loading?: boolean;
+    /**
+     * 标题
+     */
+    title: string;
+    /**
+     * 描述信息
+     */
+    description?: string;
+    /**
+     * 日期时间戳
+     */
+    date?: number;
+    /**
+     * 点击事件回调函数
+     */
+    onClick?: () => void;
+    /**
+     * 鼠标悬停状态变化事件回调函数
+     * @param hover - 是否悬停
+     */
+    onHoverChange?: (hover: boolean) => void;
+    /**
+     * 渲染操作区域的 React 节点
+     */
+    renderActions?: ReactNode;
+    /**
+     * 头像的 React 节点
+     */
+    avatar?: ReactNode;
+    /**
+     * 自定义样式类名
+     */
+    className?: string;
+    /**
+     * 自定义样式对象
+     */
+    style?: CSSProperties;
+    /**
+     * 是否显示操作区域
+     */
+    showAction?: boolean;
+    /**
+     * 自定义样式类名对象
+     * @property time - 时间的样式类名
+     */
+    classNames?: {
+        time?: string;
+    };
+}
+declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & HTMLAttributes<any> & import("react").RefAttributes<HTMLElement>>;
+export default ListItem;