@alifd/chat 0.3.0-beta.7 → 0.3.0-beta.9

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;
@@ -34,3 +37,24 @@ $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/drawer/types.js

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

package/es/index.d.ts

@@ -19,4 +19,5 @@ 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

@@ -19,4 +19,5 @@ 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 const version = '0.3.0-beta.7';
+export { default as Drawer } from './drawer';
+export const version = '0.3.0-beta.9';

package/es/markdown/index.js

@@ -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) {

package/es/markdown/main.scss

@@ -106,50 +106,49 @@ $subTextColor: $color-text1-2;
     background-color: #d2d2d2;
   }
 
+  //https://done.alibaba-inc.com/dsm/16247/theme/style/font?type=theme&themeid=126576
 :root {
-    --common_hypertitle_text_style__font_size: 64px;
-    --common_largetitle_text_style__font_size: 32px;
-    --common_h1_text_style__font_size: 24px;
-    --common_h2_text_style__font_size: 20px;
+    --common_hypertitle_text_style__font_size: #{$font-size-display-3};
+    --common_largetitle_text_style__font_size: #{$font-size-display-2};
+
+    --common_h1_text_style__font_size: #{$font-size-headline};
+    --common_h2_text_style__font_size: #{$font-size-title};
     --common_h3_text_style__font_size: 18px;
-    --common_h4_text_style__font_size: 16px;
+    --common_h4_text_style__font_size: #{$font-size-subhead};
     --common_h5_text_style__font_size: 15px;
-    --common_body_text_style__font_size: 14px;
-    --common_footnote_text_style__font_size: 12px;
-
-    --common_yellow1_color: #e5c442;
-    --common_orange1_color: #f1a13b;
-    --common_red1_color: #ec6033;
-    --common_pink1_color: #da5388;
-    --common_purple1_color: #af68cd;
-    --common_blue1_color: #387df6;
-    --common_water1_color: #79c6f5;
-    --common_olive1_color: #77912b;
-    --common_green1_color: #4fae51;
-    --common_level1_base_color: #1a1a1f;
-    --common_level2_base_color: #777578;
-    --common_level3_base_color: #a2a3a5;
-    --common_level4_base_color: #c8c8c9;
-    --common_gray1_color: #888f94;
-    --common_gray2_color: #abafb3;
-    --common_gray3_color: #c4c7ca;
-    --common_gray4_color: #696969;
-    --common_gray5_color: #e5e6e8;
-    --common_gray6_color: #f0f1f2;
+    --common_body_text_style__font_size: #{$font-size-body-2};
+    --common_footnote_text_style__font_size: #{$font-size-body-1};
+
+    // --common_h1_text_style__font_size: #{$s-6;
+    // --common_h2_text_style__font_size: 20px;
+    // --common_h3_text_style__font_size: 18px;
+    // --common_h4_text_style__font_size: 16px;
+    // --common_h5_text_style__font_size: 15px;
+    // --common_body_text_style__font_size: 14px;
+    // --common_footnote_text_style__font_size: 12px;
+
+    --common_yellow1_color: #{$color-data1-6}; // #F4C800
+    --common_orange1_color: #{$color-data1-5}; // #FF9200
+    --common_red1_color: #{$color-data1-4}; // #FF5219
+    --common_pink1_color: #da5388; // 
+    --common_purple1_color: #{$color-data1-3}; // #B963D3
+    --common_blue1_color:  #{$color-data1-2}; // #007FFF
+
+    --common_water1_color: #{$color-data1-8}; //浅蓝 #5AC8FA 
+    --common_olive1_color: #77912b; // #6F9200 通用草绿色
+    --common_green1_color: #4fae51; // #00B042 通用绿色
+
+    --common_level1_base_color: #{$color-text1-4};
+    --common_level2_base_color: #{$color-text1-3};
+    --common_level3_base_color: #{$color-text1-2};
+    --common_level4_base_color: #{$color-text1-1};
+
+    --common_gray1_color: #{$color-line1-1};
+    --common_gray2_color: #{$color-line1-2};
+    --common_gray3_color: #{$color-line1-3};
+    --common_gray4_color: #{$color-line1-4};
+
+    --common_gray5_color: #{$color-fill1-2};
+    --common_gray6_color: #{$color-fill1-1};
   }
-  
-  //暗黑模式的变量设置
-  @media (prefers-color-scheme: dark), (min-width: 0px) {
-    :root {
-        --common_level4_base_color:#47484a;
-        --common_gray1_color:#bebebe;
-        --common_gray2_color:#646464;
-        --common_gray3_color:#4b4b4b;
-        --common_gray4_color:#3a3a3a;
-        --common_gray5_color:#2c2c2c;
-        --common_gray6_color:#1e1e1e;
-        --common_level1_base_color:#D1D1D1;
-        --common_level2_base_color: #8C8C8D;
-        --common_level3_base_color:#757577;
-    }
-  }
+  

package/lib/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;
@@ -34,3 +37,24 @@ $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/lib/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/lib/drawer/index.js

@@ -0,0 +1,31 @@
+"use strict";
+/**
+ * @component 抽屉
+ * @en Drawer
+ * * @remarks 同 Next Drawer- Same as Next Drawer component.
+ * @type 通用 - General
+ * @when
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const next_1 = require("@alifd/next");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const utils_1 = require("../utils");
+const Drawer = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, headerStyle, children, footer, footerClassName } = _a, props = tslib_1.__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_1.default.createElement(next_1.Drawer, Object.assign({}, props, { ref: ref, headerStyle: Object.assign(Object.assign({}, defaultHeaderStyle), headerStyle), className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}drawer`, className) }),
+        react_1.default.createElement("div", { className: 'draw-content' }, children),
+        footer && footer.length && react_1.default.createElement("div", { className: (0, classnames_1.default)('draw-footer', footerClassName) }, footer)));
+});
+const DrawerWithSub = (0, utils_1.assignSubComponent)(Drawer, {
+    displayName: 'Drawer',
+});
+tslib_1.__exportStar(require("./types"), exports);
+exports.default = next_1.ConfigProvider.config(DrawerWithSub);

package/lib/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/lib/drawer/style.d.ts

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

package/lib/drawer/style.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@alifd/next/lib/drawer/style2");
+require("./main.scss");

package/lib/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/lib/drawer/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/index.d.ts

@@ -19,4 +19,5 @@ 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/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.version = exports.Loading = exports.Origin = exports.CardLoading = exports.Markdown = exports.HtmlRender = exports.ImagePreview = exports.List = exports.Balloon = exports.Icon = exports.Message = exports.PersonPicker = exports.TimePicker = exports.DatePicker = exports.Input = exports.Tab = exports.Tag = exports.Text = exports.FloatButton = exports.Feedback = exports.Card = exports.Button = void 0;
+exports.version = exports.Drawer = exports.Loading = exports.Origin = exports.CardLoading = exports.Markdown = exports.HtmlRender = exports.ImagePreview = exports.List = exports.Balloon = exports.Icon = exports.Message = exports.PersonPicker = exports.TimePicker = exports.DatePicker = exports.Input = exports.Tab = exports.Tag = exports.Text = exports.FloatButton = exports.Feedback = exports.Card = exports.Button = void 0;
 const tslib_1 = require("tslib");
 var button_1 = require("./button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return tslib_1.__importDefault(button_1).default; } });
@@ -44,4 +44,6 @@ var origin_1 = require("./origin");
 Object.defineProperty(exports, "Origin", { enumerable: true, get: function () { return tslib_1.__importDefault(origin_1).default; } });
 var loading_1 = require("./loading");
 Object.defineProperty(exports, "Loading", { enumerable: true, get: function () { return tslib_1.__importDefault(loading_1).default; } });
-exports.version = '0.3.0-beta.7';
+var drawer_1 = require("./drawer");
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return tslib_1.__importDefault(drawer_1).default; } });
+exports.version = '0.3.0-beta.9';

package/lib/markdown/index.js

@@ -45,12 +45,17 @@ const Markdown = (0, react_1.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) {

package/lib/markdown/main.scss

@@ -106,50 +106,49 @@ $subTextColor: $color-text1-2;
     background-color: #d2d2d2;
   }
 
+  //https://done.alibaba-inc.com/dsm/16247/theme/style/font?type=theme&themeid=126576
 :root {
-    --common_hypertitle_text_style__font_size: 64px;
-    --common_largetitle_text_style__font_size: 32px;
-    --common_h1_text_style__font_size: 24px;
-    --common_h2_text_style__font_size: 20px;
+    --common_hypertitle_text_style__font_size: #{$font-size-display-3};
+    --common_largetitle_text_style__font_size: #{$font-size-display-2};
+
+    --common_h1_text_style__font_size: #{$font-size-headline};
+    --common_h2_text_style__font_size: #{$font-size-title};
     --common_h3_text_style__font_size: 18px;
-    --common_h4_text_style__font_size: 16px;
+    --common_h4_text_style__font_size: #{$font-size-subhead};
     --common_h5_text_style__font_size: 15px;
-    --common_body_text_style__font_size: 14px;
-    --common_footnote_text_style__font_size: 12px;
-
-    --common_yellow1_color: #e5c442;
-    --common_orange1_color: #f1a13b;
-    --common_red1_color: #ec6033;
-    --common_pink1_color: #da5388;
-    --common_purple1_color: #af68cd;
-    --common_blue1_color: #387df6;
-    --common_water1_color: #79c6f5;
-    --common_olive1_color: #77912b;
-    --common_green1_color: #4fae51;
-    --common_level1_base_color: #1a1a1f;
-    --common_level2_base_color: #777578;
-    --common_level3_base_color: #a2a3a5;
-    --common_level4_base_color: #c8c8c9;
-    --common_gray1_color: #888f94;
-    --common_gray2_color: #abafb3;
-    --common_gray3_color: #c4c7ca;
-    --common_gray4_color: #696969;
-    --common_gray5_color: #e5e6e8;
-    --common_gray6_color: #f0f1f2;
+    --common_body_text_style__font_size: #{$font-size-body-2};
+    --common_footnote_text_style__font_size: #{$font-size-body-1};
+
+    // --common_h1_text_style__font_size: #{$s-6;
+    // --common_h2_text_style__font_size: 20px;
+    // --common_h3_text_style__font_size: 18px;
+    // --common_h4_text_style__font_size: 16px;
+    // --common_h5_text_style__font_size: 15px;
+    // --common_body_text_style__font_size: 14px;
+    // --common_footnote_text_style__font_size: 12px;
+
+    --common_yellow1_color: #{$color-data1-6}; // #F4C800
+    --common_orange1_color: #{$color-data1-5}; // #FF9200
+    --common_red1_color: #{$color-data1-4}; // #FF5219
+    --common_pink1_color: #da5388; // 
+    --common_purple1_color: #{$color-data1-3}; // #B963D3
+    --common_blue1_color:  #{$color-data1-2}; // #007FFF
+
+    --common_water1_color: #{$color-data1-8}; //浅蓝 #5AC8FA 
+    --common_olive1_color: #77912b; // #6F9200 通用草绿色
+    --common_green1_color: #4fae51; // #00B042 通用绿色
+
+    --common_level1_base_color: #{$color-text1-4};
+    --common_level2_base_color: #{$color-text1-3};
+    --common_level3_base_color: #{$color-text1-2};
+    --common_level4_base_color: #{$color-text1-1};
+
+    --common_gray1_color: #{$color-line1-1};
+    --common_gray2_color: #{$color-line1-2};
+    --common_gray3_color: #{$color-line1-3};
+    --common_gray4_color: #{$color-line1-4};
+
+    --common_gray5_color: #{$color-fill1-2};
+    --common_gray6_color: #{$color-fill1-1};
   }
-  
-  //暗黑模式的变量设置
-  @media (prefers-color-scheme: dark), (min-width: 0px) {
-    :root {
-        --common_level4_base_color:#47484a;
-        --common_gray1_color:#bebebe;
-        --common_gray2_color:#646464;
-        --common_gray3_color:#4b4b4b;
-        --common_gray4_color:#3a3a3a;
-        --common_gray5_color:#2c2c2c;
-        --common_gray6_color:#1e1e1e;
-        --common_level1_base_color:#D1D1D1;
-        --common_level2_base_color: #8C8C8D;
-        --common_level3_base_color:#757577;
-    }
-  }
+  

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alifd/chat",
-  "version": "0.3.0-beta.7",
+  "version": "0.3.0-beta.9",
   "description": "A configurable component library for chat built on React.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -313,6 +313,18 @@
     "./loading/style.js": {
       "import": "./es/loading/style.js",
       "require": "./lib/loading/style.js"
+    },
+    "./drawer": {
+      "import": "./es/drawer/index.js",
+      "require": "./lib/drawer/index.js"
+    },
+    "./drawer/style": {
+      "import": "./es/drawer/style.js",
+      "require": "./lib/drawer/style.js"
+    },
+    "./drawer/style.js": {
+      "import": "./es/drawer/style.js",
+      "require": "./lib/drawer/style.js"
     }
   },
   "files": [