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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/es/person-picker/index.js +6 -1
  2. package/es/time-picker/index.js +1 -1
  3. package/lib/person-picker/index.js +6 -1
  4. package/lib/time-picker/index.js +1 -1
  5. package/package.json +1 -1
package/es/person-picker/index.js CHANGED
@@ -32,6 +32,11 @@ const PersonPicker = forwardRef((_a, ref) => {
32
32
  React.createElement(NextAvatar, { shape: "square", size: "medium", src: `//work.alibaba-inc.com/photo/${selectItem.value}.40x40.jpg` }),
33
33
  React.createElement("span", null, selectItem.label)));
34
34
  };
35
+ const labelRender = (selectItem) => {
36
+ return React.createElement("div", { className: "flex items-center" },
37
+ React.createElement(NextAvatar, { className: "mr-2", shape: "square", size: "small", src: `//work.alibaba-inc.com/photo/${selectItem.value}.20x20.jpg` }),
38
+ React.createElement("span", { className: "mt-2" }, selectItem.label));
39
+ };
35
40
  const handleUserSearch = (keyword) => __awaiter(void 0, void 0, void 0, function* () {
36
41
  var _b, _c;
37
42
  if (readOnly) {
@@ -57,7 +62,7 @@ const PersonPicker = forwardRef((_a, ref) => {
57
62
  setDataSource([]);
58
63
  }
59
64
  });
60
- 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 })));
65
+ return (React.createElement(NextSelect, Object.assign({}, props, { className: 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 })));
61
66
  });
62
67
  const PersonPickerWithSub = assignSubComponent(PersonPicker, {
63
68
  displayName: 'PersonPicker',
package/es/time-picker/index.js CHANGED
@@ -61,7 +61,7 @@ const TimePicker = forwardRef((_a, ref) => {
61
61
  const { value, format = 'HH:mm' } = props;
62
62
  return {
63
63
  label: dayjs(value).format(format),
64
- value,
64
+ value: dayjs(value).format(format),
65
65
  };
66
66
  };
67
67
  if (mode === 'dingtalk') {
package/lib/person-picker/index.js CHANGED
@@ -34,6 +34,11 @@ const PersonPicker = (0, react_1.forwardRef)((_a, ref) => {
34
34
  react_1.default.createElement(next_1.Avatar, { shape: "square", size: "medium", src: `//work.alibaba-inc.com/photo/${selectItem.value}.40x40.jpg` }),
35
35
  react_1.default.createElement("span", null, selectItem.label)));
36
36
  };
37
+ const labelRender = (selectItem) => {
38
+ return react_1.default.createElement("div", { className: "flex items-center" },
39
+ react_1.default.createElement(next_1.Avatar, { className: "mr-2", shape: "square", size: "small", src: `//work.alibaba-inc.com/photo/${selectItem.value}.20x20.jpg` }),
40
+ react_1.default.createElement("span", { className: "mt-2" }, selectItem.label));
41
+ };
37
42
  const handleUserSearch = (keyword) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
38
43
  var _b, _c;
39
44
  if (readOnly) {
@@ -59,7 +64,7 @@ const PersonPicker = (0, react_1.forwardRef)((_a, ref) => {
59
64
  setDataSource([]);
60
65
  }
61
66
  });
62
- return (react_1.default.createElement(next_1.Select, Object.assign({}, props, { className: (0, classnames_1.default)(`${utils_1.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 })));
67
+ return (react_1.default.createElement(next_1.Select, Object.assign({}, props, { className: (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 })));
63
68
  });
64
69
  const PersonPickerWithSub = (0, utils_1.assignSubComponent)(PersonPicker, {
65
70
  displayName: 'PersonPicker',
package/lib/time-picker/index.js CHANGED
@@ -63,7 +63,7 @@ const TimePicker = (0, react_1.forwardRef)((_a, ref) => {
63
63
  const { value, format = 'HH:mm' } = props;
64
64
  return {
65
65
  label: (0, dayjs_1.default)(value).format(format),
66
- value,
66
+ value: (0, dayjs_1.default)(value).format(format),
67
67
  };
68
68
  };
69
69
  if (mode === 'dingtalk') {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alifd/chat",
3
- "version": "0.1.15-beta.4",
3
+ "version": "0.1.15-beta.5",
4
4
  "description": "A configurable component library for chat built on React.",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",