@alifd/chat 0.3.33-beta.6 → 0.3.33-beta.8

package/es/button/main.scss

@@ -7,14 +7,37 @@
 
   &-group {
     .single-button {
-      flex: 1 0 calc(33.33% - 6px); /* 每个按钮占据33.33%的宽度减去左右各3px的间隔（总共6px）来保证每行三个 */
+      flex: 1 0 calc(50% - 3px); // 修改为50%宽度，每个按钮间隔6px，所以是3px
       text-align: center;
-      margin-right: 6px;  
+      margin-right: 6px;
       max-width: 100%;
       overflow: hidden;
-      &:last-child{
-        margin-right: 0px;
+
+      &:nth-child(n+3) {
+        margin-top: 8px;
+      }
+
+      // 使用nth-child选择器处理偶数按钮的右边距
+      &:nth-child(2n) {
+        margin-right: 0;
       }
+
+      // 当按钮数量小于等于3个时，恢复为三等分布局
+      &:first-child:nth-last-child(-n+3),
+      &:first-child:nth-last-child(-n+3) ~ .single-button {
+        flex: 1 0 calc(33.33% - 6px);
+
+        // 重置偶数按钮的右边距规则
+        &:nth-child(2n) {
+          margin-right: 6px;
+        }
+
+        // 最后一个按钮不需要右边距
+        &:last-child {
+          margin-right: 0;
+        }
+      }
+
       .next-btn-helper {
         max-width: 100%;
         overflow: hidden;
@@ -50,12 +73,12 @@
           }
         }
       }
-      
+
       &.sub {
         .single-button {
           max-width: calc(50% - 6px);
           margin-bottom: 0;
-        }  
+        }
         @media (max-width: 600px) {
           display: block;
         }

package/es/icon/index.d.ts

@@ -10,4 +10,4 @@ import type { IconProps } from '@alifd/next/types/icon';
 export * from './types';
 declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<IconProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<IconProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/icon/icon").default>>, keyof IconProps | "key"> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<IconProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/icon/icon").default>, {}>;
 export default _default;
-export declare function renderCommonIcon(icon: any, size?: number | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl' | 'inherit'): React.JSX.Element;
+export declare function renderCommonIcon(icon: any, size?: number | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl' | 'inherit'): React.JSX.Element | null;

package/es/icon/index.js

@@ -41,6 +41,9 @@ export default ConfigProvider.config(IconWithSub);
 export function renderCommonIcon(icon, size) {
     let dom = null;
     let iconType = '';
+    if (!icon) {
+        return null;
+    }
     if (React.isValidElement(icon)) {
         dom = icon;
         iconType = 'node';

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.6';
+export const version = '0.3.33-beta.8';

package/lib/button/main.scss

@@ -7,14 +7,37 @@
 
   &-group {
     .single-button {
-      flex: 1 0 calc(33.33% - 6px); /* 每个按钮占据33.33%的宽度减去左右各3px的间隔（总共6px）来保证每行三个 */
+      flex: 1 0 calc(50% - 3px); // 修改为50%宽度，每个按钮间隔6px，所以是3px
       text-align: center;
-      margin-right: 6px;  
+      margin-right: 6px;
       max-width: 100%;
       overflow: hidden;
-      &:last-child{
-        margin-right: 0px;
+
+      &:nth-child(n+3) {
+        margin-top: 8px;
+      }
+
+      // 使用nth-child选择器处理偶数按钮的右边距
+      &:nth-child(2n) {
+        margin-right: 0;
       }
+
+      // 当按钮数量小于等于3个时，恢复为三等分布局
+      &:first-child:nth-last-child(-n+3),
+      &:first-child:nth-last-child(-n+3) ~ .single-button {
+        flex: 1 0 calc(33.33% - 6px);
+
+        // 重置偶数按钮的右边距规则
+        &:nth-child(2n) {
+          margin-right: 6px;
+        }
+
+        // 最后一个按钮不需要右边距
+        &:last-child {
+          margin-right: 0;
+        }
+      }
+
       .next-btn-helper {
         max-width: 100%;
         overflow: hidden;
@@ -50,12 +73,12 @@
           }
         }
       }
-      
+
       &.sub {
         .single-button {
           max-width: calc(50% - 6px);
           margin-bottom: 0;
-        }  
+        }
         @media (max-width: 600px) {
           display: block;
         }

package/lib/icon/index.d.ts

@@ -10,4 +10,4 @@ import type { IconProps } from '@alifd/next/types/icon';
 export * from './types';
 declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<IconProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<IconProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/icon/icon").default>>, keyof IconProps | "key"> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<IconProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/icon/icon").default>, {}>;
 export default _default;
-export declare function renderCommonIcon(icon: any, size?: number | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl' | 'inherit'): React.JSX.Element;
+export declare function renderCommonIcon(icon: any, size?: number | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl' | 'inherit'): React.JSX.Element | null;

package/lib/icon/index.js

@@ -44,6 +44,9 @@ exports.default = next_1.ConfigProvider.config(IconWithSub);
 function renderCommonIcon(icon, size) {
     let dom = null;
     let iconType = '';
+    if (!icon) {
+        return null;
+    }
     if (react_1.default.isValidElement(icon)) {
         dom = icon;
         iconType = 'node';

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.6';
+exports.version = '0.3.33-beta.8';

package/package.json

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

package/es/form/index.d.ts

@@ -1,23 +0,0 @@
-/**
- * @component 输入框
- * @en Input
- * @type 通用 - General
- * @remarks 同 Next Input，按钮用于开始一个即时操作。- Same as Next.Input, Input used to trigger an action.
- * @when 标记一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。- Inputs are used for emphasizing important functions on your page.
- * @others
- * ## 无障碍键盘操作指南
- * | 按键    | 说明          |
- * | :---- | :---------- |
- * | Enter | 触发 onClick 事件 |
- * | SPACE | 触发 onClick 事件 |
- * @othersEn
- * ## ARIA and KeyBoard
- * | KeyBoard          | Description                              |
- * | :---------- | :------------------------------ |
- * | Enter       | Trigger the onClick event    |
- * | SPACE       | Trigger the onClick event    |
- */
-import React from 'react';
-export * from './types';
-declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<Pick<any, string | number | symbol> & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/input").InputProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>> & Pick<import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>, "focus" | "getInputNode">>, string | number | symbol> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/input").InputProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>> & Pick<import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>, "focus" | "getInputNode">, {}>;
-export default _default;

package/es/form/index.js

@@ -1,33 +0,0 @@
-/**
- * @component 输入框
- * @en Input
- * @type 通用 - General
- * @remarks 同 Next Input，按钮用于开始一个即时操作。- Same as Next.Input, Input used to trigger an action.
- * @when 标记一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。- Inputs are used for emphasizing important functions on your page.
- * @others
- * ## 无障碍键盘操作指南
- * | 按键    | 说明          |
- * | :---- | :---------- |
- * | Enter | 触发 onClick 事件 |
- * | SPACE | 触发 onClick 事件 |
- * @othersEn
- * ## ARIA and KeyBoard
- * | KeyBoard          | Description                              |
- * | :---------- | :------------------------------ |
- * | Enter       | Trigger the onClick event    |
- * | SPACE       | Trigger the onClick event    |
- */
-import { __rest } from "tslib";
-import React, { forwardRef } from 'react';
-import { Input as NextInput, ConfigProvider } from '@alifd/next';
-import cs from 'classnames';
-import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
-const Input = forwardRef((_a, ref) => {
-    var { className, size = 'medium' } = _a, props = __rest(_a, ["className", "size"]);
-    return (React.createElement(NextInput, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}input`, className), size: size, ref: ref })));
-});
-const InputWithSub = assignSubComponent(Input, {
-    displayName: 'Input',
-});
-export * from './types';
-export default ConfigProvider.config(InputWithSub);

package/es/form/main.scss

@@ -1,5 +0,0 @@
-@import "../core/variables.scss";
-
-.#{$prefix}input {
-
-}

package/es/form/style.d.ts

@@ -1 +0,0 @@
-import '@alifd/next/lib/input/style2';

package/es/form/style.js

@@ -1 +0,0 @@
-import '@alifd/next/lib/input/style2';