@alifd/chat 0.3.36 → 0.3.37-beta.0

package/lib/step/__docs__/demo/basic/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @demo 基本使用
+ * @en Basic
+ * @order 1
+ * @remarks Step 组件的基本用法。
+ * - Basic usage of `Step`
+ */
+import '@alifd/chat/es/step/style';

package/lib/step/__docs__/demo/basic/index.js

@@ -0,0 +1,32 @@
+"use strict";
+/**
+ * @demo 基本使用
+ * @en Basic
+ * @order 1
+ * @remarks Step 组件的基本用法。
+ * - Basic usage of `Step`
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const chat_1 = require("@alifd/chat");
+require("@alifd/chat/es/step/style");
+react_dom_1.default.render(react_1.default.createElement(chat_1.Step, { stepsList: [
+        {
+            title: '01-18 10:44',
+            content: '您的快件代签收（A2小邮局），如有疑问请电联快递员【曾庆贺17682329687】',
+        },
+        {
+            title: '01-18 10:44',
+            content: '快件离开【华东航空枢纽(杭州)】，已发往【杭州西湖金色水岸电】的路上',
+        },
+        {
+            title: '01-18 10:44',
+            content: '已揽件',
+        },
+        {
+            title: '01-18 10:44',
+            content: '已揽件',
+        },
+    ], current: 1, defaultCollapsed: true, collapsedSteps: 1 }), mountNode);

package/lib/stop-generate/__docs__/demo/basic/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @demo 基本使用
+ * @en Basic
+ * @order 1
+ * @remarks StopGenerate 组件的基本用法。
+ * - Basic usage of `StopGenerateP`
+ */
+import '@alifd/chat/es/stop-generate/style';

package/lib/stop-generate/__docs__/demo/basic/index.js

@@ -0,0 +1,56 @@
+"use strict";
+/**
+ * @demo 基本使用
+ * @en Basic
+ * @order 1
+ * @remarks StopGenerate 组件的基本用法。
+ * - Basic usage of `StopGenerateP`
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const chat_1 = require("@alifd/chat");
+require("@alifd/chat/es/stop-generate/style");
+react_dom_1.default.render(react_1.default.createElement("div", { className: "origin-basic-demo" },
+    react_1.default.createElement("div", { style: {
+            width: '500px'
+        } },
+        react_1.default.createElement(chat_1.StopGenerate, { stopText: '\u505C\u6B62\u751F\u6210\u81EA\u5B9A\u4E49', stopIcon: '', stoppedText: '\u5C0F\u871C\u5DF2\u505C\u6B62\u751F\u6210\u81EA\u5B9A', onStop: () => {
+                console.log('StopGenerate onStop');
+            } }),
+        react_1.default.createElement(chat_1.StopGenerate
+        // stopText='停止生成'
+        // stopIcon=''
+        // @ts-ignore
+        , { 
+            // stopText='停止生成'
+            // stopIcon=''
+            // @ts-ignore
+            status: 'stopped', 
+            // stoppedText='小蜜已停止生成'
+            onStop: () => {
+                console.log('StopGenerate onStop');
+            } }),
+        react_1.default.createElement(chat_1.StopGenerate
+        // stopText='停止生成'
+        , { 
+            // stopText='停止生成'
+            show: false, 
+            // @ts-ignore
+            status: 'stopped', 
+            // stoppedText='小蜜已停止生成'
+            onStop: () => {
+                console.log('StopGenerate onStop');
+            } }),
+        react_1.default.createElement(chat_1.StopGenerate
+        // stopText='停止生成'
+        // show={false}
+        // @ts-ignore
+        , { 
+            // stopText='停止生成'
+            // show={false}
+            // @ts-ignore
+            status: 'stopped', stoppedText: '\u5C0F\u871C\u5DF2\u505C\u6B62\u751F\u6210\u81EA\u5B9A\u4E49\u53C2\u6570', onStop: () => {
+                console.log('StopGenerate onStop');
+            } }))), mountNode);

package/lib/tag/__docs__/demo/basic/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @component 标签
+ * @en Tag
+ * @type 通用 - General
+ * @remarks 同 Next Tag - Same as Next.Tag
+ * @when Tag
+ */
+import '@alifd/chat/es/tag/style';

package/lib/tag/__docs__/demo/basic/index.js

@@ -0,0 +1,19 @@
+"use strict";
+/**
+ * @component 标签
+ * @en Tag
+ * @type 通用 - General
+ * @remarks 同 Next Tag - Same as Next.Tag
+ * @when Tag
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const chat_1 = require("@alifd/chat");
+require("@alifd/chat/es/tag/style");
+react_dom_1.default.render(react_1.default.createElement("div", null,
+    react_1.default.createElement(chat_1.Tag, { type: 'normal', color: 'blue' }, "\u84DD\u8272"),
+    react_1.default.createElement(chat_1.Tag, { type: 'normal' }, "\u4E0D\u4F20\u989C\u8272normal"),
+    react_1.default.createElement(chat_1.Tag, { type: 'primary' }, "\u4E0D\u4F20\u989C\u8272primary"),
+    react_1.default.createElement(chat_1.Tag, { type: 'primary', color: 'green' }, "\u7EFF\u8272")), mountNode);

package/lib/text/__docs__/demo/basic/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @demo 文本组件
+ * @en Text Component
+ * @order 1
+ * @remarks
+ * - `maxLine`: 控制文本的最大行数。
+ * - `triggerType`: 定义触发方式，支持 `click` 和 `hover`。
+ * - `locale`: 自定义展开和收起文本。
+ * - `showTrigger`: 是否显示触发按钮。
+ * - `renderTrigger`: 自定义触发按钮的渲染。
+ * - `className`: 自定义样式类。
+ *
+ * - `maxLine`: Controls the maximum number of lines for the text.
+ * - `triggerType`: Defines the trigger type, supporting `click` and `hover`.
+ * - `locale`: Customizes the expand and collapse text.
+ * - `showTrigger`: Determines whether to show the trigger button.
+ * - `renderTrigger`: Customizes the rendering of the trigger button.
+ * - `className`: Custom CSS class.
+ */
+import '@alifd/chat/es/text/style';
+import '@alifd/chat/es/icon/style';

package/lib/text/__docs__/demo/basic/index.js

@@ -0,0 +1,47 @@
+"use strict";
+/**
+ * @demo 文本组件
+ * @en Text Component
+ * @order 1
+ * @remarks
+ * - `maxLine`: 控制文本的最大行数。
+ * - `triggerType`: 定义触发方式，支持 `click` 和 `hover`。
+ * - `locale`: 自定义展开和收起文本。
+ * - `showTrigger`: 是否显示触发按钮。
+ * - `renderTrigger`: 自定义触发按钮的渲染。
+ * - `className`: 自定义样式类。
+ *
+ * - `maxLine`: Controls the maximum number of lines for the text.
+ * - `triggerType`: Defines the trigger type, supporting `click` and `hover`.
+ * - `locale`: Customizes the expand and collapse text.
+ * - `showTrigger`: Determines whether to show the trigger button.
+ * - `renderTrigger`: Customizes the rendering of the trigger button.
+ * - `className`: Custom CSS class.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const chat_1 = require("@alifd/chat");
+require("@alifd/chat/es/text/style");
+require("@alifd/chat/es/icon/style");
+react_dom_1.default.render(react_1.default.createElement("div", null,
+    react_1.default.createElement("div", null,
+        react_1.default.createElement(chat_1.Text, { maxLine: 2, triggerType: "click", locale: { collapseText: '收起', expandText: '展开' }, showTrigger: true, className: "custom-text-class", renderTrigger: (visible, onVisibleChange) => {
+                if (visible) {
+                    return '';
+                }
+                return react_1.default.createElement("span", { className: 'expend-container' },
+                    react_1.default.createElement(chat_1.Icon, { className: 'item-icon-expend', type: 'arrow-down', size: 'small', onClick: () => {
+                            onVisibleChange(!visible);
+                        } }));
+            } },
+            "\u6D59\u6C5F\u7701/\u676D\u5DDE\u5E02/\u4F59\u676D\u533A/\u4F59\u676D\u8857\u9053\u540C\u57CE\u5370\u8C61\u82B1\u82D1\u5317\u533A2\u5E622\u5355\u51431104\u5BA4/\u6D59\u6C5F\u7701/\u676D\u5DDE\u5E02/\u4F59\u676D\u533A/\u4F59\u676D\u8857\u9053\u540C\u57CE\u5370\u8C61\u82B1\u82D1\u5317\u533A2\u5E622\u5355\u51431104\u5BA4",
+            react_1.default.createElement(chat_1.Icon, { className: 'item-icon-copy', type: 'copy', size: 'small', onClick: () => {
+                    console.log('onCopy value:');
+                    // copy?.(value?.text);
+                } }))),
+    react_1.default.createElement("div", null,
+        react_1.default.createElement(chat_1.Text, { maxLine: 3, triggerType: "click", locale: { collapseText: '收起', expandText: '展开' }, showTrigger: true, className: "custom-text-class", renderTrigger: (visible, onVisibleChange) => (react_1.default.createElement("button", { onClick: () => onVisibleChange(!visible) }, visible ? '收起' : '展开')) },
+            "\u8FD9\u662F\u4E00\u4E2A\u5F88\u77ED\u7684\u6D4B\u8BD5\u6587\u672C",
+            react_1.default.createElement("span", { style: { color: 'pink' } }, "  \u4F60\u597D\u5440 ")))), mountNode);

package/lib/time-picker/__docs__/demo/basic/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @demo 时间选择器
+ * @en Size
+ * @order 1
+ * @remarks 可以通过设置 `size` 属性控制按钮的尺寸，可选值为 `large` `medium` `small`，其中默认值为 `medium`。
+ * - The size of a Button is controlled by a `size` attribute, supporting `large`, `medium`, `small`, the default value is `medium`.
+ */
+import '@alifd/chat/es/time-picker/style';

package/lib/time-picker/__docs__/demo/basic/index.js

@@ -0,0 +1,16 @@
+"use strict";
+/**
+ * @demo 时间选择器
+ * @en Size
+ * @order 1
+ * @remarks 可以通过设置 `size` 属性控制按钮的尺寸，可选值为 `large` `medium` `small`，其中默认值为 `medium`。
+ * - The size of a Button is controlled by a `size` attribute, supporting `large`, `medium`, `small`, the default value is `medium`.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const chat_1 = require("@alifd/chat");
+require("@alifd/chat/es/time-picker/style");
+react_dom_1.default.render(react_1.default.createElement("div", null,
+    react_1.default.createElement(chat_1.TimePicker, { mode: "dingtalk", minuteStep: 15, value: new Date() })), mountNode);

package/lib/tool-status/__docs__/demo/basic/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @demo 基本使用
+ * @en Basic
+ * @order 1
+ * @remarks ToolStatus 组件的基本用法。
+ * - Basic usage of `ToolStatus`
+ */
+import '@alifd/chat/es/tool-status/style';

package/lib/tool-status/__docs__/demo/basic/index.js

@@ -0,0 +1,56 @@
+"use strict";
+/**
+ * @demo 基本使用
+ * @en Basic
+ * @order 1
+ * @remarks ToolStatus 组件的基本用法。
+ * - Basic usage of `ToolStatus`
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const chat_1 = require("@alifd/chat");
+require("@alifd/chat/es/tool-status/style");
+const testList = [
+    {
+        selected: true,
+        status: 'completed',
+        result: "展示工具结果啦啦啦",
+    },
+    {
+        selected: false,
+        status: 'running',
+        result: "展示工具结果啦啦啦",
+    },
+    {
+        selected: true,
+        status: 'failed',
+        name: "工具1",
+        fullWidth: true,
+        result: "展示工具结果啦啦啦",
+    },
+    {
+        selected: false,
+        status: 'auth',
+        name: "工具3",
+        result: "展示工具结果啦啦啦",
+        authInfo: {
+            content: '等待授权',
+            onAuthClick: (data) => console.log('auth clicked:', data)
+        }
+    },
+    {
+        selected: false,
+        status: 'started',
+        result: "展示工具结果啦啦啦"
+    },
+];
+react_dom_1.default.render(react_1.default.createElement("div", { className: "origin-basic-demo" },
+    react_1.default.createElement("div", { style: {
+            width: '500px'
+        } }, testList === null || testList === void 0 ? void 0 : testList.map((v, index) => {
+        return react_1.default.createElement(chat_1.ToolStatus, Object.assign({}, v, { key: index, onToolClick: (data) => {
+                console.log('onToolClick:', data);
+            } }));
+    }))), mountNode);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alifd/chat",
-  "version": "0.3.36",
+  "version": "0.3.37-beta.0",
   "description": "A configurable component library for chat built on React.",
   "main": "lib/index.js",
   "module": "es/index.js",