@zero-library/common 2.2.13 → 2.2.14

package/dist/index.d.mts

@@ -220,6 +220,8 @@ interface LazyComponentProps {
     type: string;
     /** 自定义组件映射 */
     customComponents?: ComponentMapType;
+    /** 未知类型时显示的内容，默认为警告提示 */
+    unknownContent?: React.ReactNode;
     /** 其他属性会透传给组件 */
     [key: string]: any;
 }
@@ -229,7 +231,7 @@ interface LazyComponentProps {
  * 使用示例：<LazyComponent type="renderMarkdown" data={{}} loading={true} />
  * @param props - 组件属性
  */
-declare const _default$g: ({ type, customComponents, ...rest }: LazyComponentProps) => react_jsx_runtime.JSX.Element;
+declare const _default$g: ({ type, customComponents, unknownContent, ...rest }: LazyComponentProps) => string | number | true | react_jsx_runtime.JSX.Element | Iterable<react.ReactNode>;
 
 /**
  * Markdown编辑器组件属性接口

package/dist/index.d.ts

@@ -220,6 +220,8 @@ interface LazyComponentProps {
     type: string;
     /** 自定义组件映射 */
     customComponents?: ComponentMapType;
+    /** 未知类型时显示的内容，默认为警告提示 */
+    unknownContent?: React.ReactNode;
     /** 其他属性会透传给组件 */
     [key: string]: any;
 }
@@ -229,7 +231,7 @@ interface LazyComponentProps {
  * 使用示例：<LazyComponent type="renderMarkdown" data={{}} loading={true} />
  * @param props - 组件属性
  */
-declare const _default$g: ({ type, customComponents, ...rest }: LazyComponentProps) => react_jsx_runtime.JSX.Element;
+declare const _default$g: ({ type, customComponents, unknownContent, ...rest }: LazyComponentProps) => string | number | true | react_jsx_runtime.JSX.Element | Iterable<react.ReactNode>;
 
 /**
  * Markdown编辑器组件属性接口

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import Icon, { MinusCircleOutlined, PlusCircleOutlined, RedoOutlined, FileUnknownOutlined, FileZipOutlined, FileMarkdownOutlined, FileGifOutlined, FileImageOutlined, FileJpgOutlined, NotificationOutlined, VideoCameraOutlined, FilePptOutlined, FileExcelOutlined, FileWordOutlined, FilePdfOutlined, FileTextOutlined, AudioMutedOutlined, AudioOutlined } from '@ant-design/icons';
-import { Spin, message, notification, Modal, Flex, Button, Result, Splitter, Empty, Image, Drawer, Tag, Avatar, Alert, Form, Input } from 'antd';
+import { Spin, message, notification, Modal, Flex, Button, Alert, Skeleton, Typography, Result, Splitter, Empty, Image, Drawer, Tag, Avatar, Form, Input } from 'antd';
 import classNames from 'classnames';
 import { renderAsync } from 'docx-preview';
 import * as React16 from 'react';
@@ -38,7 +38,7 @@ import { Superscript } from '@tiptap/extension-superscript';
 import { TaskItem } from '@tiptap/extension-task-item';
 import { TaskList } from '@tiptap/extension-task-list';
 import { TextAlign } from '@tiptap/extension-text-align';
-import { Typography } from '@tiptap/extension-typography';
+import { Typography as Typography$1 } from '@tiptap/extension-typography';
 import { Underline } from '@tiptap/extension-underline';
 import { StarterKit } from '@tiptap/starter-kit';
 import Table from '@tiptap/extension-table';
@@ -1276,10 +1276,15 @@ var VideoPlayer_default = ({ fileUrl }) => {
     "\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301 video \u6807\u7B7E\u3002"
   ] });
 };
+
+// src/components/LazyComponent/styles.module.less
+var styles_module_default2 = {
+  skeleton: "styles_module_skeleton"
+};
 var baseComponentMap = {
   // renderMarkdown: () => import('@/components/RenderMarkdown')
 };
-var LazyComponent_default = ({ type, customComponents, ...rest }) => {
+var LazyComponent_default = ({ type, customComponents, unknownContent, ...rest }) => {
   const componentMap = useMemo(() => {
     return { ...baseComponentMap, ...customComponents };
   }, [customComponents]);
@@ -1287,11 +1292,14 @@ var LazyComponent_default = ({ type, customComponents, ...rest }) => {
     const loader = componentMap[type];
     return loader ? lazy(loader) : null;
   }, [type, componentMap]);
-  if (!LazyComponent) return /* @__PURE__ */ jsxs("div", { children: [
-    "\u672A\u77E5\u7C7B\u578B\uFF1A",
-    type
-  ] });
-  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { children: "\u52A0\u8F7D\u4E2D..." }), children: /* @__PURE__ */ jsx(LazyComponent, { ...rest }) });
+  if (!LazyComponent) return unknownContent || /* @__PURE__ */ jsx(Alert, { message: `\u672A\u77E5\u7C7B\u578B\uFF1A${type}`, type: "warning" });
+  return /* @__PURE__ */ jsx(
+    Suspense,
+    {
+      fallback: /* @__PURE__ */ jsx(Skeleton.Node, { active: true, className: styles_module_default2.skeleton, children: /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", children: "\u7EC4\u4EF6\u52A0\u8F7D\u4E2D..." }) }),
+      children: /* @__PURE__ */ jsx(LazyComponent, { ...rest })
+    }
+  );
 };
 var md = MarkdownIt({ html: true, breaks: true }).use(markdownItTaskLists).use(full).use(markdownItFootnote).use(markdownItDefList).use(markdownItKatex);
 md.renderer.rules.link_open = function(tokens, idx, options, env, self) {
@@ -2121,7 +2129,7 @@ var FilePreviewDrawer_default = ({ open, title = "\u6587\u4EF6\u9884\u89C8", onC
 };
 
 // src/components/Iframe/styles.module.less
-var styles_module_default2 = {
+var styles_module_default3 = {
   iframe: "styles_module_iframe"
 };
 var Iframe_default = forwardRef(({ defaultMainSource, id, src, className, onLoad }, ref) => {
@@ -2142,7 +2150,7 @@ var Iframe_default = forwardRef(({ defaultMainSource, id, src, className, onLoad
       id,
       ref,
       src: finalSrc,
-      className: classNames(styles_module_default2.iframe, className),
+      className: classNames(styles_module_default3.iframe, className),
       onLoad: onHandleLoad,
       allow: "clipboard-write"
     }
@@ -5741,7 +5749,7 @@ var MarkdownEditor_default = ({
       TaskItem.configure({ nested: true }),
       Highlight.configure({ multicolor: true }),
       Image$1,
-      Typography,
+      Typography$1,
       Superscript,
       Subscript,
       Selection,