@alifd/chat 0.3.29 → 0.3.30-beta.1

package/es/index.js

@@ -31,4 +31,4 @@ export { default as RadioGroup } from './radio-group';
 export { default as CheckboxGroup } from './checkbox-group';
 export { default as Select } from './select';
 export { default as Flip } from './flip';
-export const version = '0.3.29';
+export const version = '0.3.30-beta.1';

package/es/person-picker/index.js

@@ -18,7 +18,7 @@ import { __awaiter, __rest } from "tslib";
  * | Enter       | Trigger the onClick event    |
  * | SPACE       | Trigger the onClick event    |
  */
-import React, { useState, forwardRef, useEffect } from 'react';
+import React, { useState, forwardRef, useRef, useEffect } from 'react';
 import { Select as NextSelect, ConfigProvider } from '@alifd/next';
 import cs from 'classnames';
 import axios from 'axios';
@@ -26,6 +26,7 @@ import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
 const PersonPicker = forwardRef((_a, ref) => {
     var { className, size = 'medium', defaultValue, readOnly } = _a, props = __rest(_a, ["className", "size", "defaultValue", "readOnly"]);
     const [dataSource, setDataSource] = useState([]);
+    const debounceTimerRef = useRef(null);
     // 默认出现最近联系人
     useEffect(() => {
         handleUserSearch('');
@@ -42,7 +43,7 @@ const PersonPicker = forwardRef((_a, ref) => {
             React.createElement("img", { style: { width: '20px', height: '20px', borderRadius: '4px' }, src: `https://work.alibaba-inc.com/photo/${selectItem.value}.20x20.jpg` }),
             React.createElement("span", { className: "label-text" }, selectItem.label));
     };
-    const handleUserSearch = (keyword) => __awaiter(void 0, void 0, void 0, function* () {
+    const fetchUserData = (keyword) => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b;
         if (readOnly) {
             return;
@@ -54,6 +55,9 @@ const PersonPicker = forwardRef((_a, ref) => {
         try {
             const response = yield axios.get('/_gw/employee360Service/searchEmpInfo.json', {
                 params: queryParams,
+                headers: {
+                    'X-Epaas-Api-Type': 'u'
+                }
             });
             const newDataSource = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.map((item) => {
                 return Object.assign(Object.assign({}, item), { label: item.nickName, value: item.workNo });
@@ -64,6 +68,17 @@ const PersonPicker = forwardRef((_a, ref) => {
             setDataSource([]);
         }
     });
+    // 带防抖功能的搜索处理函数
+    const handleUserSearch = (keyword) => {
+        // 清除之前的定时器
+        if (debounceTimerRef.current) {
+            clearTimeout(debounceTimerRef.current);
+        }
+        // 设置新的定时器，300ms后执行实际的搜索请求
+        debounceTimerRef.current = setTimeout(() => {
+            fetchUserData(keyword);
+        }, 300);
+    };
     return (React.createElement(NextSelect, Object.assign({}, props, { popupClassName: cs(`${PREFIX_DEFAULT}person-picker`, className), itemRender: tagRender, valueRender: labelRender, mode: "multiple", showSearch: true, filterLocal: false, hiddenSelected: true, dataSource: dataSource, onSearch: handleUserSearch, size: size, ref: ref, readOnly: readOnly })));
 });
 const PersonPickerWithSub = assignSubComponent(PersonPicker, {

package/lib/index.js

@@ -68,4 +68,4 @@ var select_1 = require("./select");
 Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return tslib_1.__importDefault(select_1).default; } });
 var flip_1 = require("./flip");
 Object.defineProperty(exports, "Flip", { enumerable: true, get: function () { return tslib_1.__importDefault(flip_1).default; } });
-exports.version = '0.3.29';
+exports.version = '0.3.30-beta.1';

package/lib/person-picker/index.js

@@ -28,6 +28,7 @@ const utils_1 = require("../utils");
 const PersonPicker = (0, react_1.forwardRef)((_a, ref) => {
     var { className, size = 'medium', defaultValue, readOnly } = _a, props = tslib_1.__rest(_a, ["className", "size", "defaultValue", "readOnly"]);
     const [dataSource, setDataSource] = (0, react_1.useState)([]);
+    const debounceTimerRef = (0, react_1.useRef)(null);
     // 默认出现最近联系人
     (0, react_1.useEffect)(() => {
         handleUserSearch('');
@@ -44,7 +45,7 @@ const PersonPicker = (0, react_1.forwardRef)((_a, ref) => {
             react_1.default.createElement("img", { style: { width: '20px', height: '20px', borderRadius: '4px' }, src: `https://work.alibaba-inc.com/photo/${selectItem.value}.20x20.jpg` }),
             react_1.default.createElement("span", { className: "label-text" }, selectItem.label));
     };
-    const handleUserSearch = (keyword) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    const fetchUserData = (keyword) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         var _a, _b;
         if (readOnly) {
             return;
@@ -56,6 +57,9 @@ const PersonPicker = (0, react_1.forwardRef)((_a, ref) => {
         try {
             const response = yield axios_1.default.get('/_gw/employee360Service/searchEmpInfo.json', {
                 params: queryParams,
+                headers: {
+                    'X-Epaas-Api-Type': 'u'
+                }
             });
             const newDataSource = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.map((item) => {
                 return Object.assign(Object.assign({}, item), { label: item.nickName, value: item.workNo });
@@ -66,6 +70,17 @@ const PersonPicker = (0, react_1.forwardRef)((_a, ref) => {
             setDataSource([]);
         }
     });
+    // 带防抖功能的搜索处理函数
+    const handleUserSearch = (keyword) => {
+        // 清除之前的定时器
+        if (debounceTimerRef.current) {
+            clearTimeout(debounceTimerRef.current);
+        }
+        // 设置新的定时器，300ms后执行实际的搜索请求
+        debounceTimerRef.current = setTimeout(() => {
+            fetchUserData(keyword);
+        }, 300);
+    };
     return (react_1.default.createElement(next_1.Select, Object.assign({}, props, { popupClassName: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}person-picker`, className), itemRender: tagRender, valueRender: labelRender, mode: "multiple", showSearch: true, filterLocal: false, hiddenSelected: true, dataSource: dataSource, onSearch: handleUserSearch, size: size, ref: ref, readOnly: readOnly })));
 });
 const PersonPickerWithSub = (0, utils_1.assignSubComponent)(PersonPicker, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alifd/chat",
-  "version": "0.3.29",
+  "version": "0.3.30-beta.1",
   "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';