@alifd/chat 0.3.33-beta.3 → 0.3.33-beta.5

package/es/drawer/index.js

@@ -17,7 +17,7 @@ const Drawer = forwardRef((_a, ref) => {
         "border-bottom:": "1px solid var(--40gmM)"
     };
     return (React.createElement(NextDrawer, Object.assign({}, props, { v2: true, ref: ref, placement: placement, headerStyle: Object.assign(Object.assign({}, defaultHeaderStyle), headerStyle), className: cs(`${PREFIX_DEFAULT}drawer ${placement}`, className) }),
-        React.createElement("div", { className: 'draw-content' }, children),
+        children,
         footer && footer.length && React.createElement("div", { className: cs('draw-footer', footerClassName) }, footer)));
 });
 const DrawerWithSub = assignSubComponent(Drawer, {

package/es/icon/index.js

@@ -14,7 +14,7 @@ import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
 const CustomIcon = NextIcon.createFromIconfontCN({
     scriptUrl: '//at.alicdn.com/t/c/font_3504203_7pbik9jgwl8.js',
 });
-const CustomIconList = ['icon-xiangxiaxianxing', 'icon-xiangxiaxianxing-copy', 'icon-cross', 'icon-fuzhi2'];
+const CustomIconList = ['icon-check', 'icon-xiangxiaxianxing', 'icon-xiangxiaxianxing-copy', 'icon-cross', 'icon-cross1', 'icon-fuzhi2'];
 const TypeMap = {
     'arrow-up': 'icon-xiangxiaxianxing-copy',
     'arrow-down': 'icon-xiangxiaxianxing',

package/es/index.js

@@ -32,4 +32,4 @@ export { default as CheckboxGroup } from './checkbox-group';
 export { default as Select } from './select';
 export { default as Flip } from './flip';
 export { default as ToolStatus } from './tool-status';
-export const version = '0.3.33-beta.3';
+export const version = '0.3.33-beta.5';

package/es/tool-status/index.js

@@ -7,29 +7,28 @@
 import React, { forwardRef } from 'react';
 import { ConfigProvider } from '@alifd/next';
 import Icon from '../icon';
-import Button from '../button';
 import cs from 'classnames';
 import { PREFIX_DEFAULT } from '../utils';
-const SUCCESS_ICON = 'success';
-const ERROR_ICON = 'error';
+const SUCCESS_ICON = 'icon-check'; //'success'
+const ERROR_ICON = 'icon-cross1'; //'error'
 const LOADING_ICON = 'loading';
 const ToolStatus = forwardRef((props, ref) => {
-    const { useText = '使用', name, className, selected = false, status, onToolClick, authInfo } = props;
+    const { useText = '使用', name, className, selected = false, status, onToolClick, authInfo, fullWidth } = props;
     const handleClick = (event) => {
         event.stopPropagation();
         onToolClick === null || onToolClick === void 0 ? void 0 : onToolClick(props);
     };
-    const statusClassName = selected ? 'selected' : '';
-    return (React.createElement("div", { className: cs(`${PREFIX_DEFAULT}tool-status ${statusClassName} ${status}`, className), ref: ref, onClick: (e) => {
+    let csName = selected ? 'selected' : '';
+    csName = fullWidth ? `${csName} full-width` : `${csName}`;
+    return (React.createElement("div", { className: cs(`${PREFIX_DEFAULT}tool-status ${csName} ${status}`, className), ref: ref, onClick: (e) => {
             handleClick(e);
         } },
-        React.createElement(Icon, { size: 'small', type: status === 'failed' ? ERROR_ICON : status === 'completed' ? SUCCESS_ICON : LOADING_ICON }),
-        authInfo && status === 'auth' && React.createElement("div", { className: 'auth-content' },
-            React.createElement(Button, { type: 'primary', text: true, size: 'medium', onClick: (event) => {
-                    var _a;
-                    event.stopPropagation();
-                    (_a = authInfo === null || authInfo === void 0 ? void 0 : authInfo.onAuthClick) === null || _a === void 0 ? void 0 : _a.call(authInfo, props);
-                } }, authInfo === null || authInfo === void 0 ? void 0 : authInfo.content)),
+        React.createElement(Icon, { size: 'xs', type: status === 'failed' ? ERROR_ICON : status === 'completed' ? SUCCESS_ICON : LOADING_ICON }),
+        authInfo && status === 'auth' && React.createElement("div", { className: 'next-btn-text next-btn-primary', onClick: (event) => {
+                var _a;
+                event.stopPropagation();
+                (_a = authInfo === null || authInfo === void 0 ? void 0 : authInfo.onAuthClick) === null || _a === void 0 ? void 0 : _a.call(authInfo, props);
+            } }, authInfo === null || authInfo === void 0 ? void 0 : authInfo.content),
         React.createElement("div", { className: 'content-use-tips' }, useText),
         React.createElement("div", { className: 'content-name' }, name)));
 });

package/es/tool-status/main.scss

@@ -3,19 +3,29 @@
 .#{$prefix}tool-status {
   width: fit-content;
   transition: width 0.3s ease-in-out;
-  background-color: $color-fill1-1;//$color-brand1-1;
   padding: $s-1 $s-3;
   border-radius: $s-4;
   box-sizing: border-box;
-  border: solid 1px $color-fill1-1;
+  border: solid 1px $color-line1-2;
   align-items: center;
   display: flex;
+  background-color: transparent;
+  font-size: $font-size-caption;
   i {
-    margin-right: $s-2;
+    margin-right: $s-1;
+    height: $s-4;
+  }
+  .next-icon.next-small:before {
+    // height: $s-4;
+  }
+
+  &.full-width {
+    width: 100%;
   }
 
   &.selected {
     background-color: $color-fill1-2;
+    border: solid 1px transparent;
   }
 
   &.completed {
@@ -36,20 +46,23 @@
     }
   }
   
-  .auth-content {
+  .next-btn-text.next-btn-primary{
+    line-height: $s-4;
+    font-size: $font-size-caption;
+    cursor: pointer;
     margin-right: $s-1;
-    button {
-      font-size: $font-size-body-2 !important;
-    }
   }
 
+
   .content-use-tips {
-    color: $color-text1-2;
+    color: $color-text1-3;
     margin-right: $s-1;
+    line-height: $s-4;
   }
 
   .content-name {
     color: $color-text1-4;
+    line-height: $s-4;
   }
 
 }

package/es/tool-status/types.d.ts

@@ -37,4 +37,8 @@ export interface ToolStatusProps extends React.HTMLAttributes<HTMLElement>, Comm
      * 工具详情链接
      */
     useText?: string;
+    /**
+     * 是否100%的宽度
+     */
+    fullWidth?: boolean;
 }

package/lib/drawer/index.js

@@ -19,7 +19,7 @@ const Drawer = (0, react_1.forwardRef)((_a, ref) => {
         "border-bottom:": "1px solid var(--40gmM)"
     };
     return (react_1.default.createElement(next_1.Drawer, Object.assign({}, props, { v2: true, ref: ref, placement: placement, headerStyle: Object.assign(Object.assign({}, defaultHeaderStyle), headerStyle), className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}drawer ${placement}`, className) }),
-        react_1.default.createElement("div", { className: 'draw-content' }, children),
+        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, {

package/lib/icon/index.js

@@ -17,7 +17,7 @@ const utils_1 = require("../utils");
 const CustomIcon = next_1.Icon.createFromIconfontCN({
     scriptUrl: '//at.alicdn.com/t/c/font_3504203_7pbik9jgwl8.js',
 });
-const CustomIconList = ['icon-xiangxiaxianxing', 'icon-xiangxiaxianxing-copy', 'icon-cross', 'icon-fuzhi2'];
+const CustomIconList = ['icon-check', 'icon-xiangxiaxianxing', 'icon-xiangxiaxianxing-copy', 'icon-cross', 'icon-cross1', 'icon-fuzhi2'];
 const TypeMap = {
     'arrow-up': 'icon-xiangxiaxianxing-copy',
     'arrow-down': 'icon-xiangxiaxianxing',

package/lib/index.js

@@ -70,4 +70,4 @@ var flip_1 = require("./flip");
 Object.defineProperty(exports, "Flip", { enumerable: true, get: function () { return tslib_1.__importDefault(flip_1).default; } });
 var tool_status_1 = require("./tool-status");
 Object.defineProperty(exports, "ToolStatus", { enumerable: true, get: function () { return tslib_1.__importDefault(tool_status_1).default; } });
-exports.version = '0.3.33-beta.3';
+exports.version = '0.3.33-beta.5';

package/lib/tool-status/index.js

@@ -10,29 +10,28 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const next_1 = require("@alifd/next");
 const icon_1 = tslib_1.__importDefault(require("../icon"));
-const button_1 = tslib_1.__importDefault(require("../button"));
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
 const utils_1 = require("../utils");
-const SUCCESS_ICON = 'success';
-const ERROR_ICON = 'error';
+const SUCCESS_ICON = 'icon-check'; //'success'
+const ERROR_ICON = 'icon-cross1'; //'error'
 const LOADING_ICON = 'loading';
 const ToolStatus = (0, react_1.forwardRef)((props, ref) => {
-    const { useText = '使用', name, className, selected = false, status, onToolClick, authInfo } = props;
+    const { useText = '使用', name, className, selected = false, status, onToolClick, authInfo, fullWidth } = props;
     const handleClick = (event) => {
         event.stopPropagation();
         onToolClick === null || onToolClick === void 0 ? void 0 : onToolClick(props);
     };
-    const statusClassName = selected ? 'selected' : '';
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}tool-status ${statusClassName} ${status}`, className), ref: ref, onClick: (e) => {
+    let csName = selected ? 'selected' : '';
+    csName = fullWidth ? `${csName} full-width` : `${csName}`;
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}tool-status ${csName} ${status}`, className), ref: ref, onClick: (e) => {
             handleClick(e);
         } },
-        react_1.default.createElement(icon_1.default, { size: 'small', type: status === 'failed' ? ERROR_ICON : status === 'completed' ? SUCCESS_ICON : LOADING_ICON }),
-        authInfo && status === 'auth' && react_1.default.createElement("div", { className: 'auth-content' },
-            react_1.default.createElement(button_1.default, { type: 'primary', text: true, size: 'medium', onClick: (event) => {
-                    var _a;
-                    event.stopPropagation();
-                    (_a = authInfo === null || authInfo === void 0 ? void 0 : authInfo.onAuthClick) === null || _a === void 0 ? void 0 : _a.call(authInfo, props);
-                } }, authInfo === null || authInfo === void 0 ? void 0 : authInfo.content)),
+        react_1.default.createElement(icon_1.default, { size: 'xs', type: status === 'failed' ? ERROR_ICON : status === 'completed' ? SUCCESS_ICON : LOADING_ICON }),
+        authInfo && status === 'auth' && react_1.default.createElement("div", { className: 'next-btn-text next-btn-primary', onClick: (event) => {
+                var _a;
+                event.stopPropagation();
+                (_a = authInfo === null || authInfo === void 0 ? void 0 : authInfo.onAuthClick) === null || _a === void 0 ? void 0 : _a.call(authInfo, props);
+            } }, authInfo === null || authInfo === void 0 ? void 0 : authInfo.content),
         react_1.default.createElement("div", { className: 'content-use-tips' }, useText),
         react_1.default.createElement("div", { className: 'content-name' }, name)));
 });

package/lib/tool-status/main.scss

@@ -3,19 +3,29 @@
 .#{$prefix}tool-status {
   width: fit-content;
   transition: width 0.3s ease-in-out;
-  background-color: $color-fill1-1;//$color-brand1-1;
   padding: $s-1 $s-3;
   border-radius: $s-4;
   box-sizing: border-box;
-  border: solid 1px $color-fill1-1;
+  border: solid 1px $color-line1-2;
   align-items: center;
   display: flex;
+  background-color: transparent;
+  font-size: $font-size-caption;
   i {
-    margin-right: $s-2;
+    margin-right: $s-1;
+    height: $s-4;
+  }
+  .next-icon.next-small:before {
+    // height: $s-4;
+  }
+
+  &.full-width {
+    width: 100%;
   }
 
   &.selected {
     background-color: $color-fill1-2;
+    border: solid 1px transparent;
   }
 
   &.completed {
@@ -36,20 +46,23 @@
     }
   }
   
-  .auth-content {
+  .next-btn-text.next-btn-primary{
+    line-height: $s-4;
+    font-size: $font-size-caption;
+    cursor: pointer;
     margin-right: $s-1;
-    button {
-      font-size: $font-size-body-2 !important;
-    }
   }
 
+
   .content-use-tips {
-    color: $color-text1-2;
+    color: $color-text1-3;
     margin-right: $s-1;
+    line-height: $s-4;
   }
 
   .content-name {
     color: $color-text1-4;
+    line-height: $s-4;
   }
 
 }

package/lib/tool-status/types.d.ts

@@ -37,4 +37,8 @@ export interface ToolStatusProps extends React.HTMLAttributes<HTMLElement>, Comm
      * 工具详情链接
      */
     useText?: string;
+    /**
+     * 是否100%的宽度
+     */
+    fullWidth?: boolean;
 }

package/package.json

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