@alifd/chat 0.1.15-beta.2 → 0.1.15-beta.4

package/es/card/view/collapsable.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { CollapsableCardProps } from '../types';
-declare function CollapsableCard({ components, visible, defaultVisible, onVisibleChange, triggerType, mode, renderContent, ...props }: CollapsableCardProps): React.JSX.Element;
+declare function CollapsableCard({ components, visible: _v, defaultVisible: _dv, onVisibleChange: _onVC, triggerType, mode, renderContent, ...props }: CollapsableCardProps): React.JSX.Element;
 declare namespace CollapsableCard {
     var displayName: string;
 }

package/es/date-picker/index.js

@@ -23,7 +23,7 @@ import { DatePicker2 as NextDatePicker2, ConfigProvider } from '@alifd/next';
 import cs from 'classnames';
 import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
 const DatePicker = forwardRef((_a, ref) => {
-    var { className, size = 'small' } = _a, props = __rest(_a, ["className", "size"]);
+    var { className, size = 'medium' } = _a, props = __rest(_a, ["className", "size"]);
     return (React.createElement(NextDatePicker2, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}date-picker2`, className), size: size, ref: ref })));
 });
 const DatePickerWithSub = assignSubComponent(DatePicker, {

package/es/index.js

@@ -9,4 +9,4 @@ export { default as Input } from './input';
 export { default as DatePicker } from './date-picker';
 export { default as TimePicker } from './time-picker';
 export { default as PersonPicker } from './person-picker';
-export const version = '0.1.15-beta.2';
+export const version = '0.1.15-beta.4';

package/es/input/index.js

@@ -23,7 +23,7 @@ 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 = 'small' } = _a, props = __rest(_a, ["className", "size"]);
+    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, {

package/es/person-picker/index.js

@@ -1,4 +1,4 @@
-import { __rest } from "tslib";
+import { __awaiter, __rest } from "tslib";
 /**
  * @component 人员选择
  * @en PersonSelect
@@ -18,20 +18,46 @@ import { __rest } from "tslib";
  * | Enter       | Trigger the onClick event    |
  * | SPACE       | Trigger the onClick event    |
  */
-import React, { forwardRef } from 'react';
-import { Select as NextSelect, Tag as NextTag, Avatar as NextAvatar, Icon as NextIcon, ConfigProvider } from '@alifd/next';
+import React, { useState, forwardRef } from 'react';
+import { Select as NextSelect, Tag as NextTag, Avatar as NextAvatar, ConfigProvider } from '@alifd/next';
 import cs from 'classnames';
+import axios from 'axios';
 import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
 const PersonPicker = forwardRef((_a, ref) => {
-    var { className, size = 'small', value, onUserChange, onUserPick } = _a, props = __rest(_a, ["className", "size", "value", "onUserChange", "onUserPick"]);
+    var { className, size = 'medium', defaultValue, readOnly } = _a, props = __rest(_a, ["className", "size", "defaultValue", "readOnly"]);
+    const [dataSource, setDataSource] = useState([]);
     const tagRender = (selectItem) => {
-        const { label, value, onClose } = selectItem;
-        return React.createElement(NextTag.Closeable, { onClose: onClose, className: "h-6 px-1 mt-1 mr-1" },
+        return React.createElement(NextTag, { className: "h-6 px-1 mt-1 mr-1" },
             React.createElement("div", { className: "flex items-center" },
-                React.createElement(NextAvatar, { className: "mr-0.5 scale-75", shape: "square", size: "small", src: `//work.alibaba-inc.com/photo/${value}.80x80.jpg` }),
-                React.createElement("span", { className: "text-xs" }, label)));
+                React.createElement(NextAvatar, { shape: "square", size: "medium", src: `//work.alibaba-inc.com/photo/${selectItem.value}.40x40.jpg` }),
+                React.createElement("span", null, selectItem.label)));
     };
-    return (React.createElement(NextSelect, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}person-picker`, className), mode: "multiple", itemRender: tagRender, options: [], hasArrow: false, visible: false, onClick: onUserPick, onChange: (selectedValues) => onUserChange(selectedValues), innerAfter: React.createElement(NextIcon, { type: "add" }), size: size, ref: ref })));
+    const handleUserSearch = (keyword) => __awaiter(void 0, void 0, void 0, function* () {
+        var _b, _c;
+        if (readOnly) {
+            return;
+        }
+        const queryParams = {
+            key: keyword,
+            pageSize: (props === null || props === void 0 ? void 0 : props.pageSize) || 5
+        };
+        try {
+            const response = yield axios.get('/_gw/employee360Service/searchEmpInfo.json', {
+                params: queryParams,
+            });
+            const newDataSource = (_c = (_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.content) === null || _c === void 0 ? void 0 : _c.map((item) => {
+                return {
+                    label: item.nickName,
+                    value: item.workNo
+                };
+            });
+            setDataSource(newDataSource);
+        }
+        catch (error) {
+            setDataSource([]);
+        }
+    });
+    return (React.createElement(NextSelect, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}person-picker`, className), itemRender: tagRender, mode: "multiple", showSearch: true, filterLocal: false, hiddenSelected: true, dataSource: dataSource, onSearch: handleUserSearch, size: size, ref: ref, readOnly: readOnly })));
 });
 const PersonPickerWithSub = assignSubComponent(PersonPicker, {
     displayName: 'PersonPicker',