@alifd/chat 0.3.0-beta.1 → 0.3.0-beta.10

package/es/core/variables.scss

@@ -5,6 +5,9 @@ $size-base: 4px !default;
 $shadow-1: 1px 1px 4px 0px rgba(0, 0, 0, 0.16) !default;
 $shadow-2: 2px 4px 16px 0px rgba(0, 0, 0, 0.12) !default;
 
+$font-size-display-3: var(--font-size-display-3, 56px) !default;
+$font-size-display-2: var(--font-size-display-2, 48px) !default;
+
 $font-size-headline: var(--font-size-headline, 24px) !default;
 $font-size-title: var(--font-size-title, 20px) !default;
 $font-size-subhead: var(--font-size-subhead, 16px) !default;
@@ -32,4 +35,26 @@ $color-line1-3: var(--color-line1-3, #c4c6cf) !default;
 /// 重
 $color-line1-4: var(--color-line1-4, #a0a2ad) !default;
 
+$color-brand1-1: var(--color-brand1-1, #DEE8FF) !default;
+
+$color-fill1-2: var(--color-fill1-2, #f2f3f7) !default;
+
+$color-fill1-1: var(--color-fill1-1, #030b35) !default;
+
+$color-data1-1: var(--color-data1-1, #DEE8FF) !default; // ??
+
+$color-data1-2: var(--color-data1-2, #007FFF) !default; // blue
+
+$color-data1-3: var(--color-data1-3, #B963D3) !default; // purple
+
+$color-data1-4: var(--color-data1-4, #FF5219) !default; // red
+
+$color-data1-5: var(--color-data1-5, #FF9200) !default; // orange
+
+$color-data1-6: var(--color-data1-6, #F4C800) !default; // yellow
+
+$color-data1-7: var(--color-data1-7, #77912b) !default; // ?
+
+$color-data1-8: var(--color-data1-8, #4fae51) !default; // water
 
+$color-data1-9: var(--color-data1-9, #da5388) !default; // ?

package/es/drawer/index.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @component 抽屉
+ * @en Drawer
+ * * @remarks 同 Next Drawer- Same as Next Drawer component.
+ * @type 通用 - General
+ * @when
+ */
+import React from 'react';
+import type { DrawerProps } from './types';
+export * from './types';
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<DrawerProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/drawer").DrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
+    render(): React.JSX.Element;
+    context: any;
+    setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@alifd/next/types/drawer").DrawerProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+    forceUpdate(callback?: (() => void) | undefined): void;
+    readonly props: Readonly<import("@alifd/next/types/drawer").DrawerProps> & Readonly<{
+        children?: React.ReactNode | undefined;
+    }>;
+    state: Readonly<{}>;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    componentDidMount?(): void;
+    shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/drawer").DrawerProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+    componentWillUnmount?(): void;
+    componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+    getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/drawer").DrawerProps>, prevState: Readonly<{}>): any;
+    componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/drawer").DrawerProps>, prevState: Readonly<{}>, snapshot?: any): void;
+    componentWillMount?(): void;
+    UNSAFE_componentWillMount?(): void;
+    componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/drawer").DrawerProps>, nextContext: any): void;
+    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/drawer").DrawerProps>, nextContext: any): void;
+    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/drawer").DrawerProps>, nextState: Readonly<{}>, nextContext: any): void;
+    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/drawer").DrawerProps>, nextState: Readonly<{}>, nextContext: any): void;
+}>>, "key" | keyof DrawerProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/drawer").DrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
+    render(): React.JSX.Element;
+    context: any;
+    setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@alifd/next/types/drawer").DrawerProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+    forceUpdate(callback?: (() => void) | undefined): void;
+    readonly props: Readonly<import("@alifd/next/types/drawer").DrawerProps> & Readonly<{
+        children?: React.ReactNode | undefined;
+    }>;
+    state: Readonly<{}>;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    componentDidMount?(): void;
+    shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/drawer").DrawerProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+    componentWillUnmount?(): void;
+    componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+    getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/drawer").DrawerProps>, prevState: Readonly<{}>): any;
+    componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/drawer").DrawerProps>, prevState: Readonly<{}>, snapshot?: any): void;
+    componentWillMount?(): void;
+    UNSAFE_componentWillMount?(): void;
+    componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/drawer").DrawerProps>, nextContext: any): void;
+    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/drawer").DrawerProps>, nextContext: any): void;
+    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/drawer").DrawerProps>, nextState: Readonly<{}>, nextContext: any): void;
+    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/drawer").DrawerProps>, nextState: Readonly<{}>, nextContext: any): void;
+}>, {}>;
+export default _default;

package/es/drawer/index.js

@@ -0,0 +1,29 @@
+/**
+ * @component 抽屉
+ * @en Drawer
+ * * @remarks 同 Next Drawer- Same as Next Drawer component.
+ * @type 通用 - General
+ * @when
+ */
+import { __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { Drawer as NextDrawer, ConfigProvider } from '@alifd/next';
+import cs from 'classnames';
+import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
+const Drawer = forwardRef((_a, ref) => {
+    var { className, headerStyle, children, footer, footerClassName } = _a, props = __rest(_a, ["className", "headerStyle", "children", "footer", "footerClassName"]);
+    // 对齐小蜜现有的底部
+    const defaultHeaderStyle = {
+        "border-bottom:": "1px solid var(--40gmM)",
+        "border-top-left-radius": "16px",
+        "border-top-right-radius": "16px",
+    };
+    return (React.createElement(NextDrawer, Object.assign({}, props, { ref: ref, headerStyle: Object.assign(Object.assign({}, defaultHeaderStyle), headerStyle), className: cs(`${PREFIX_DEFAULT}drawer`, className) }),
+        React.createElement("div", { className: 'draw-content' }, children),
+        footer && footer.length && React.createElement("div", { className: cs('draw-footer', footerClassName) }, footer)));
+});
+const DrawerWithSub = assignSubComponent(Drawer, {
+    displayName: 'Drawer',
+});
+export * from './types';
+export default ConfigProvider.config(DrawerWithSub);

package/es/drawer/main.scss

@@ -0,0 +1,20 @@
+@import "../core/variables.scss";
+
+.#{$prefix}drawer {
+  border: none;
+
+  .draw-footer {
+    width: calc(100% - 40px);
+    position: absolute;
+    bottom: 20px;
+    display: flex;
+    justify-content: space-between;
+
+    button {
+      width: calc(50% - 8px);
+    }
+  }
+
+}
+
+

package/es/drawer/style.d.ts

@@ -0,0 +1,2 @@
+import '@alifd/next/lib/drawer/style2';
+import './main.scss';

package/es/drawer/style.js

@@ -0,0 +1,2 @@
+import '@alifd/next/lib/drawer/style2';
+import './main.scss';

package/es/drawer/types.d.ts

@@ -0,0 +1,10 @@
+import { type CommonProps } from '@alifd/next';
+import type { DrawerV2Props as FusionDrawerProps } from '@alifd/next/types/drawer/types';
+import type { ButtonProps } from '../button/types';
+/**
+ * @api Drawer
+ */
+export interface DrawerProps extends FusionDrawerProps, CommonProps {
+    footer?: ButtonProps[];
+    footerClassName?: string;
+}

package/es/{HTMLRenderer → html-render}/index.js

@@ -11,9 +11,9 @@ import sanitizeHtml from 'sanitize-html';
 import parse, { domToReact, Element } from 'html-react-parser';
 import { PhotoProvider } from 'react-photo-view';
 import qs from 'query-string';
-import ImagePreview from '../ImagePreview';
+import ImagePreview from '../image-preview';
 import { ConfigProvider } from '@alifd/next';
-import { assignSubComponent } from '../utils';
+import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
 const sanitizeHtmlOptions = {
     allowedTags: sanitizeHtml.defaults.allowedTags.concat([
         'acronym', 'audio', 'big', 'center', 'del', 'dir', 'font',
@@ -125,7 +125,7 @@ const HTMLRenderer = memo(function HTMLRenderer({ className, children, imagePrev
     const element = useMemo(() => {
         return parse(sanitizeHtml(children || '', sanitizeHtmlOptions), parserOptions);
     }, [children]);
-    return (React.createElement("div", { className: classnames('box', className, {
+    return (React.createElement("div", { className: classnames(`${PREFIX_DEFAULT}html`, className, {
             'loose': loose,
         }) }, imagePreview ?
         React.createElement(PhotoProvider, null, element)

package/{lib/HTMLRenderer → es/html-render}/main.scss

@@ -1,4 +1,6 @@
-.box {
+@import "../core/variables.scss";
+
+.#{$prefix}html {
   font-size: 14px;
   // color: hsla(230, 10%, 11%, 0.9);
   word-break: break-word;

package/es/image-preview/types.js

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

package/es/index.d.ts

@@ -13,8 +13,11 @@ export { default as Message } from './message';
 export { default as Icon } from './icon';
 export { default as Balloon } from './balloon';
 export { default as List } from './list';
-export { default as ImagePreview } from './ImagePreview';
-export { default as HTMLRenderer } from './HTMLRenderer';
+export { default as ImagePreview } from './image-preview';
+export { default as HtmlRender } from './html-render';
 export { default as Markdown } from './markdown';
 export { default as CardLoading } from './card-loading';
+export { default as Origin } from './origin';
+export { default as Loading } from './loading';
+export { default as Drawer } from './drawer';
 export declare const version: string;

package/es/index.js

@@ -13,8 +13,11 @@ export { default as Message } from './message';
 export { default as Icon } from './icon';
 export { default as Balloon } from './balloon';
 export { default as List } from './list';
-export { default as ImagePreview } from './ImagePreview';
-export { default as HTMLRenderer } from './HTMLRenderer';
+export { default as ImagePreview } from './image-preview';
+export { default as HtmlRender } from './html-render';
 export { default as Markdown } from './markdown';
 export { default as CardLoading } from './card-loading';
-export const version = '0.3.0-beta.1';
+export { default as Origin } from './origin';
+export { default as Loading } from './loading';
+export { default as Drawer } from './drawer';
+export const version = '0.3.0-beta.10';

package/es/loading/index.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @component 加载
+ * @en Loading
+ * * @remarks 同 Next Loading- Same as Next Loading component.
+ * @type 通用 - General
+ * @when
+ */
+import React from 'react';
+import type { LoadingProps } from './types';
+export * from './types';
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<LoadingProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/loading").LoadingProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
+    render(): React.JSX.Element | React.ReactNode[];
+    context: any;
+    setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@alifd/next/types/loading").LoadingProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+    forceUpdate(callback?: (() => void) | undefined): void;
+    readonly props: Readonly<import("@alifd/next/types/loading").LoadingProps> & Readonly<{
+        children?: React.ReactNode | undefined;
+    }>;
+    state: Readonly<{}>;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    componentDidMount?(): void;
+    shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/loading").LoadingProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+    componentWillUnmount?(): void;
+    componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+    getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/loading").LoadingProps>, prevState: Readonly<{}>): any;
+    componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/loading").LoadingProps>, prevState: Readonly<{}>, snapshot?: any): void;
+    componentWillMount?(): void;
+    UNSAFE_componentWillMount?(): void;
+    componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/loading").LoadingProps>, nextContext: any): void;
+    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/loading").LoadingProps>, nextContext: any): void;
+    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/loading").LoadingProps>, nextState: Readonly<{}>, nextContext: any): void;
+    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/loading").LoadingProps>, nextState: Readonly<{}>, nextContext: any): void;
+}>>, "key" | keyof LoadingProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/loading").LoadingProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
+    render(): React.JSX.Element | React.ReactNode[];
+    context: any;
+    setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@alifd/next/types/loading").LoadingProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+    forceUpdate(callback?: (() => void) | undefined): void;
+    readonly props: Readonly<import("@alifd/next/types/loading").LoadingProps> & Readonly<{
+        children?: React.ReactNode | undefined;
+    }>;
+    state: Readonly<{}>;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    componentDidMount?(): void;
+    shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/loading").LoadingProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+    componentWillUnmount?(): void;
+    componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+    getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/loading").LoadingProps>, prevState: Readonly<{}>): any;
+    componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/loading").LoadingProps>, prevState: Readonly<{}>, snapshot?: any): void;
+    componentWillMount?(): void;
+    UNSAFE_componentWillMount?(): void;
+    componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/loading").LoadingProps>, nextContext: any): void;
+    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/loading").LoadingProps>, nextContext: any): void;
+    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/loading").LoadingProps>, nextState: Readonly<{}>, nextContext: any): void;
+    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/loading").LoadingProps>, nextState: Readonly<{}>, nextContext: any): void;
+}>, {}>;
+export default _default;

package/es/loading/index.js

@@ -0,0 +1,29 @@
+/**
+ * @component 加载
+ * @en Loading
+ * * @remarks 同 Next Loading- Same as Next Loading component.
+ * @type 通用 - General
+ * @when
+ */
+import { __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { Loading as NextLoading, ConfigProvider } from '@alifd/next';
+import cs from 'classnames';
+import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
+const Loading = forwardRef((_a, ref) => {
+    var { className, indicator, shape = 'default', size = 'large' } = _a, props = __rest(_a, ["className", "indicator", "shape", "size"]);
+    let indicatorDom = indicator;
+    const nextProps = Object.assign(Object.assign({}, props), { size });
+    if (!indicator && shape && shape !== 'default') {
+        const indicatorClass = `load-container ${shape}`;
+        indicatorDom = (React.createElement("div", { className: indicatorClass },
+            React.createElement("div", { className: "loader" })));
+        nextProps.indicator = indicatorDom;
+    }
+    return (React.createElement(NextLoading, Object.assign({}, nextProps, { ref: ref, className: cs(`${PREFIX_DEFAULT}loading ${size} ${shape}`, className) })));
+});
+const LoadingWithSub = assignSubComponent(Loading, {
+    displayName: 'Loading',
+});
+export * from './types';
+export default ConfigProvider.config(LoadingWithSub);

package/es/loading/main.scss

@@ -0,0 +1,227 @@
+@import "../core/variables.scss";
+
+.#{$prefix}loading {
+  .load-container {
+    margin: 0 auto;
+    position: relative;
+  }
+
+  &.medium {
+      /* animation 1 */
+    .bar .loader,
+    .bar .loader:before,
+    .bar .loader:after {
+      width: 0.5em;
+      height: 1em;
+      border-radius: 0.5em;
+    }
+
+    .bar .loader:before,
+    .bar .loader:after {
+    }
+    .bar .loader:before {
+      left: -0.8em;
+    }
+    .bar .loader {
+    }
+    .bar .loader:after {
+      left: 0.8em;
+    }
+    @-webkit-keyframes bar {
+      0%,
+      80%,
+      100% {
+        box-shadow: 0 0 ;
+        height: 1em;
+      }
+      40% {
+        box-shadow: 0 -1em ;
+        height: 1.2em;
+      }
+    }
+    @keyframes bar {
+      0%,
+      80%,
+      100% {
+        box-shadow: 0 0 ;
+        height: 1em;
+      }
+      40% {
+        box-shadow: 0 -1em ;
+        height: 1.2em;
+      }
+    }
+    /* animation 2 */
+    .dot .loader:before,
+    .dot .loader:after,
+    .dot .loader {
+      width: 1em;
+      height: 1em;
+      // top: -1em;
+    }
+    .dot .loader:before {
+      left: -1.5em;
+    }
+    .dot .loader:after {
+      left: 1.5em;
+    }
+
+    @-webkit-keyframes dot {
+      0%,
+      80%,
+      100% {
+        box-shadow: 0 1 0 -0.5em $color-brand1-6;
+      }
+      40% {
+        box-shadow: 0 1 0 0 $color-brand1-6;
+      }
+    }
+
+    @keyframes dot {
+      0%,
+      80%,
+      100% {
+        box-shadow: 0 1em 0 -0.5em $color-brand1-6;
+      }
+      40% {
+        box-shadow: 0 1em 0 0 $color-brand1-6;
+      }
+    }
+  }
+
+    /* animation 1 */
+  .bar .loader,
+  .bar .loader:before,
+  .bar .loader:after {
+    background: $color-brand1-6;
+    color: $color-brand1-6;
+    -webkit-animation: bar 1s infinite ease-in-out;
+    animation: bar 1s infinite ease-in-out;
+    width: 0.8em;
+    height: 2em;
+    border-radius: 0.8em;
+  }
+
+  .bar .loader:before,
+  .bar .loader:after {
+    position: absolute;
+    top: 0;
+    content: '';
+  }
+  .bar .loader:before {
+    left: -1em;
+    -webkit-animation-delay: -0.32s;
+    animation-delay: -0.32s;
+  }
+  .bar .loader {
+    text-indent: -9999em;
+    margin: 0 auto !important;
+    position: relative;
+    font-size: 11px;
+    -webkit-animation-delay: -0.16s;
+    animation-delay: -0.16s;
+  }
+  .bar .loader:after {
+    left: 1em;
+  }
+  @-webkit-keyframes bar {
+    0%,
+    80%,
+    100% {
+      box-shadow: 0 0 ;
+      height: 2em;
+    }
+    40% {
+      box-shadow: 0 -1.5em ;
+      height: 2.2em;
+    }
+  }
+  @keyframes bar {
+    0%,
+    80%,
+    100% {
+      box-shadow: 0 0 ;
+      height: 2em;
+    }
+    40% {
+      box-shadow: 0 -1.5em ;
+      height: 2.2em;
+    }
+  }
+  /* animation 2 */
+  .dot .loader:before,
+  .dot .loader:after,
+  .dot .loader {
+    border-radius: 50%;
+    width: 1.5em;
+    height: 1.5em;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+    -webkit-animation: dot 1.8s infinite ease-in-out;
+    animation: dot 1.8s infinite ease-in-out;
+    top: -1.5em;
+
+    &.medium {
+      width: 1.0em;
+      height: 1.0em;
+      top: -1.0em;
+    }
+  }
+
+  .dot .loader {
+    margin: 0 auto !important;
+    font-size: 10px;
+    position: relative;
+    text-indent: -9999em;
+    -webkit-animation-delay: -0.16s;
+    animation-delay: -0.16s;
+  }
+
+  .dot .loader:before {
+    left: -2em;
+    -webkit-animation-delay: -0.32s;
+    animation-delay: -0.32s;
+
+    &.medium {
+      left: -1.5em;
+    }
+  }
+
+  .dot .loader:after {
+    left: 2em;
+    &.medium {
+      left: 1.5em;
+    }
+  }
+
+  .dot .loader:before,
+  .dot .loader:after {
+    content: '';
+    position: absolute;
+    top: 0;
+  }
+
+  @-webkit-keyframes dot {
+    0%,
+    80%,
+    100% {
+      box-shadow: 0 1.5em 0 -0.8em $color-brand1-6;
+    }
+    40% {
+      box-shadow: 0 1.5em 0 0 $color-brand1-6;
+    }
+  }
+
+  @keyframes dot {
+    0%,
+    80%,
+    100% {
+      box-shadow: 0 1.5em 0 -0.8em $color-brand1-6;
+    }
+    40% {
+      box-shadow: 0 1.5em 0 0 $color-brand1-6;
+    }
+  }
+}
+
+

package/es/loading/style.d.ts

@@ -0,0 +1,2 @@
+import '@alifd/next/lib/loading/style2';
+import './main.scss';

package/es/loading/style.js

@@ -0,0 +1,2 @@
+import '@alifd/next/lib/loading/style2';
+import './main.scss';

package/es/loading/types.d.ts

@@ -0,0 +1,8 @@
+import { type CommonProps } from '@alifd/next';
+import type { LoadingProps as FusionLoadingProps } from '@alifd/next/types/loading';
+/**
+ * @api Loading
+ */
+export interface LoadingProps extends FusionLoadingProps, CommonProps {
+    shape?: 'default' | 'bar' | 'dot';
+}

package/es/loading/types.js

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

package/es/markdown/index.js

@@ -1,9 +1,9 @@
 import React, { forwardRef, useEffect, useMemo, useRef } from 'react';
 import classnames from 'classnames';
 import MarkdownIt from 'markdown-it';
-import HTMLRenderer from '../HTMLRenderer';
+import HTMLRenderer from '../html-render';
 import { ConfigProvider } from '@alifd/next';
-import { assignSubComponent } from '../utils';
+import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
 import { init, transformTextWithEmoji } from '@ali/dingtalk-im-emoji';
 import hljs from 'highlight.js'; // 引入 highlight.js
 import 'highlight.js/styles/github.css'; // 引入代码高亮样式
@@ -42,12 +42,17 @@ const Markdown = forwardRef(({ className, onReady, content }, ref) => {
             // 提取属性
             const sizeTokenMatch = attributes.match(/sizeToken=([\w_]+)/);
             const colorTokenV2Match = attributes.match(/colorTokenV2=([\w_]+)/);
+            const colorTokenV1Match = attributes.match(/color=([\w_]+)/);
             if (sizeTokenMatch) {
                 sizeToken = sizeTokenMatch[1].replace(/-/g, '_');
             }
             if (colorTokenV2Match) {
                 colorTokenV2 = colorTokenV2Match[1].replace(/-/g, '_');
             }
+            // 兼容老的钉钉变量
+            if (!colorTokenV2 && colorTokenV1Match) {
+                colorTokenV2 = colorTokenV1Match[1].replace(/-/g, '_');
+            }
             // 生成样式
             const styleParts = [];
             if (sizeToken) {
@@ -165,7 +170,7 @@ const Markdown = forwardRef(({ className, onReady, content }, ref) => {
             });
         }
     }, [html]);
-    return (React.createElement("div", { ref: containerRef, className: classnames(className) },
+    return (React.createElement("div", { ref: containerRef, className: classnames(`${PREFIX_DEFAULT}markdown`, className) },
         React.createElement(HTMLRenderer, { imagePreview: true }, html)));
 });
 const MarkdownWithSub = assignSubComponent(Markdown, {