@tddc/assign-modal 3.0.3 → 3.0.4

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 (6) hide show
  1. package/es/AssignModal/AssignApp/Edit.js +96 -15
  2. package/es/AssignModal/AssignApp/View.js +5 -1
  3. package/es/AssignModal/AssignApp/index.less +3 -3
  4. package/es/AssignModal/index.js +1 -1
  5. package/es/locale.js +7 -3
  6. package/package.json +1 -1
package/es/AssignModal/AssignApp/Edit.js CHANGED
@@ -965,6 +965,50 @@ var AssignModal = function AssignModal(props) {
965
965
  },
966
966
  [userList, userKeys, filterUser],
967
967
  );
968
+ var renderOrgItem = function renderOrgItem(item, lang) {
969
+ var mapResult = {
970
+ 1: {
971
+ cn: '职能部门',
972
+ en: 'Func. Dept.',
973
+ icon: 'crowd',
974
+ },
975
+ 2: {
976
+ icon: 'corporation',
977
+ },
978
+ };
979
+ var result = mapResult[item === null || item === void 0 ? void 0 : item.orgAttribute] || {};
980
+ return /*#__PURE__*/ React.createElement(
981
+ 'div',
982
+ {
983
+ className: 'org-item-wrapper',
984
+ style: {
985
+ width: 'calc(100% - 32px)',
986
+ },
987
+ },
988
+ /*#__PURE__*/ React.createElement(_Ellipsis, {
989
+ title: item.title,
990
+ widthLimit: String(item.orgAttribute) === '1' ? 'calc(100% - 90px}' : '100%',
991
+ }),
992
+ String(item.orgAttribute) === '1' &&
993
+ /*#__PURE__*/ React.createElement(
994
+ 'span',
995
+ {
996
+ className: 'org-functional-departemt-marker',
997
+ },
998
+ result[lang] || '职能部门',
999
+ ),
1000
+ );
1001
+ };
1002
+ var defaultRenderItem = function defaultRenderItem(item) {
1003
+ var isOrg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
1004
+ if (isOrg) {
1005
+ return renderOrgItem(item, props === null || props === void 0 ? void 0 : props.lang);
1006
+ }
1007
+ return /*#__PURE__*/ React.createElement(_Ellipsis, {
1008
+ title: item.title,
1009
+ widthLimit: '100%',
1010
+ });
1011
+ };
968
1012
  return /*#__PURE__*/ React.createElement(
969
1013
  React.Fragment,
970
1014
  null,
@@ -1044,6 +1088,9 @@ var AssignModal = function AssignModal(props) {
1044
1088
  'div',
1045
1089
  {
1046
1090
  className: 'panel-left',
1091
+ style: {
1092
+ width: '60%',
1093
+ },
1047
1094
  },
1048
1095
  /*#__PURE__*/ React.createElement(_Input, {
1049
1096
  size: 'small',
@@ -1063,6 +1110,9 @@ var AssignModal = function AssignModal(props) {
1063
1110
  },
1064
1111
  }),
1065
1112
  /*#__PURE__*/ React.createElement(_TntdVirtualTree, {
1113
+ style: {
1114
+ overflowX: 'auto',
1115
+ },
1066
1116
  isOrg: true,
1067
1117
  treeData: treeData,
1068
1118
  filterKey: filterOrg,
@@ -1073,12 +1123,16 @@ var AssignModal = function AssignModal(props) {
1073
1123
  defaultExpandAll: true,
1074
1124
  onCheck: onCheck,
1075
1125
  height: windowHeight,
1126
+ titleRender: defaultRenderItem,
1076
1127
  }),
1077
1128
  ),
1078
1129
  /*#__PURE__*/ React.createElement(
1079
1130
  'div',
1080
1131
  {
1081
1132
  className: 'panel-right',
1133
+ style: {
1134
+ width: '40%',
1135
+ },
1082
1136
  },
1083
1137
  /*#__PURE__*/ React.createElement(
1084
1138
  'div',
@@ -1088,9 +1142,17 @@ var AssignModal = function AssignModal(props) {
1088
1142
  /*#__PURE__*/ React.createElement(
1089
1143
  'span',
1090
1144
  null,
1091
- '\u5DF2\u9009: ',
1092
- areadySelectOrg.length || 0,
1093
- ' \u4E2A\u673A\u6784',
1145
+ getText(
1146
+ 'hasBeenSelected',
1147
+ props === null || props === void 0 ? void 0 : props.lang,
1148
+ ),
1149
+ ':',
1150
+ ' ',
1151
+ getText(
1152
+ 'numOfOrg',
1153
+ props === null || props === void 0 ? void 0 : props.lang,
1154
+ areadySelectOrg.length || 0,
1155
+ ),
1094
1156
  ),
1095
1157
  /*#__PURE__*/ React.createElement(
1096
1158
  'a',
@@ -1099,7 +1161,7 @@ var AssignModal = function AssignModal(props) {
1099
1161
  return onRemoveAllOrg();
1100
1162
  },
1101
1163
  },
1102
- '\u6E05\u7A7A',
1164
+ getText('clear', props === null || props === void 0 ? void 0 : props.lang),
1103
1165
  ),
1104
1166
  ),
1105
1167
  /*#__PURE__*/ React.createElement(
@@ -1206,7 +1268,10 @@ var AssignModal = function AssignModal(props) {
1206
1268
  onChange: function onChange(e) {
1207
1269
  debouncedAppSearch(e.target.value);
1208
1270
  },
1209
- placehoalder: '\u8BF7\u8F93\u5165\u6E20\u9053\u540D\u79F0',
1271
+ placeholder: getText(
1272
+ 'enterAppName',
1273
+ props === null || props === void 0 ? void 0 : props.lang,
1274
+ ),
1210
1275
  size: 'small',
1211
1276
  suffix: /*#__PURE__*/ React.createElement(_Icon, {
1212
1277
  type: 'zoom',
@@ -1231,9 +1296,17 @@ var AssignModal = function AssignModal(props) {
1231
1296
  /*#__PURE__*/ React.createElement(
1232
1297
  'span',
1233
1298
  null,
1234
- '\u5DF2\u9009: ',
1235
- areadySelectApp.length || 0,
1236
- ' \u4E2A\u6E20\u9053',
1299
+ getText(
1300
+ 'hasBeenSelected',
1301
+ props === null || props === void 0 ? void 0 : props.lang,
1302
+ ),
1303
+ ':',
1304
+ ' ',
1305
+ getText(
1306
+ 'numOfApp',
1307
+ props === null || props === void 0 ? void 0 : props.lang,
1308
+ areadySelectApp.length || 0,
1309
+ ),
1237
1310
  ),
1238
1311
  /*#__PURE__*/ React.createElement(
1239
1312
  'a',
@@ -1242,7 +1315,7 @@ var AssignModal = function AssignModal(props) {
1242
1315
  return onRemoveAllApp();
1243
1316
  },
1244
1317
  },
1245
- '\u6E05\u7A7A',
1318
+ getText('clear', props === null || props === void 0 ? void 0 : props.lang),
1246
1319
  ),
1247
1320
  ),
1248
1321
  /*#__PURE__*/ React.createElement(
@@ -1340,7 +1413,7 @@ var AssignModal = function AssignModal(props) {
1340
1413
  /*#__PURE__*/ React.createElement(_Input, {
1341
1414
  size: 'small',
1342
1415
  placeholder: getText(
1343
- 'search',
1416
+ 'enterUserName',
1344
1417
  props === null || props === void 0 ? void 0 : props.lang,
1345
1418
  ),
1346
1419
  onChange: function onChange(e) {
@@ -1369,18 +1442,26 @@ var AssignModal = function AssignModal(props) {
1369
1442
  /*#__PURE__*/ React.createElement(
1370
1443
  'span',
1371
1444
  null,
1372
- '\u5DF2\u9009: ',
1373
- areadySelectUser.length || 0,
1374
- ' \u4E2A\u7528\u6237',
1445
+ getText(
1446
+ 'hasBeenSelected',
1447
+ props === null || props === void 0 ? void 0 : props.lang,
1448
+ ),
1449
+ ':',
1450
+ ' ',
1451
+ getText(
1452
+ 'numOfUser',
1453
+ props === null || props === void 0 ? void 0 : props.lang,
1454
+ areadySelectUser.length || 0,
1455
+ ),
1375
1456
  ),
1376
1457
  /*#__PURE__*/ React.createElement(
1377
1458
  'a',
1378
1459
  {
1379
1460
  onClick: function onClick() {
1380
- return onRemoveAllUser();
1461
+ return onRemoveAllOrg();
1381
1462
  },
1382
1463
  },
1383
- '\u6E05\u7A7A',
1464
+ getText('clear', props === null || props === void 0 ? void 0 : props.lang),
1384
1465
  ),
1385
1466
  ),
1386
1467
  /*#__PURE__*/ React.createElement(
package/es/AssignModal/AssignApp/View.js CHANGED
@@ -528,6 +528,10 @@ var AssignModal = function AssignModal(props) {
528
528
  onChange: function onChange(e) {
529
529
  debouncedAppSearch(e.target.value);
530
530
  },
531
+ placeholder: getText(
532
+ 'enterAppName',
533
+ props === null || props === void 0 ? void 0 : props.lang,
534
+ ),
531
535
  size: 'small',
532
536
  suffix: /*#__PURE__*/ React.createElement(_Icon, {
533
537
  type: 'zoom',
@@ -576,7 +580,7 @@ var AssignModal = function AssignModal(props) {
576
580
  /*#__PURE__*/ React.createElement(_Input, {
577
581
  size: 'small',
578
582
  placeholder: getText(
579
- 'search',
583
+ 'enterUserName',
580
584
  props === null || props === void 0 ? void 0 : props.lang,
581
585
  ),
582
586
  onChange: function onChange(e) {
package/es/AssignModal/AssignApp/index.less CHANGED
@@ -37,7 +37,7 @@
37
37
 
38
38
  .panel-left {
39
39
  height: 100%;
40
- // overflow: auto;
40
+ overflow: auto;
41
41
 
42
42
  > .ant-input-affix-wrapper {
43
43
  position: sticky;
@@ -160,11 +160,11 @@
160
160
  }
161
161
 
162
162
  .slider.panel-1 {
163
- transform: translateX(-652px);
163
+ transform: translateX(-852px);
164
164
  }
165
165
 
166
166
  .slider.panel-2 {
167
- transform: translateX(-1304px);
167
+ transform: translateX(-1504px);
168
168
  }
169
169
 
170
170
  .menu-header {
package/es/AssignModal/index.js CHANGED
@@ -126,7 +126,7 @@ var AssignModal = function AssignModal(props) {
126
126
  className: 'modal-assign',
127
127
  title: title,
128
128
  visible: visible,
129
- width: 700,
129
+ width: 900,
130
130
  onCancel: close,
131
131
  onOk: submit,
132
132
  maskClosable: disabled,
package/es/locale.js CHANGED
@@ -13,9 +13,11 @@ export var zh_CN = {
13
13
  availableUsers: '可用用户',
14
14
  clear: '清空',
15
15
  hasBeenSelected: '已选',
16
- numOfOrg: '%s 机构',
17
- numOfApp: '%s 渠道',
18
- numOfUser: '%s 用户',
16
+ numOfOrg: '%s 个机构',
17
+ numOfApp: '%s 个渠道',
18
+ numOfUser: '%s 个用户',
19
+ enterAppName: '请输入渠道名称',
20
+ enterUserName: '请输入用户名称',
19
21
  };
20
22
  export var en_US = {
21
23
  authorizesOrgList: 'Organization List',
@@ -33,6 +35,8 @@ export var en_US = {
33
35
  numOfOrg: '%s Organizations',
34
36
  numOfApp: '%s Channels',
35
37
  numOfUser: '%s Accounts',
38
+ enterAppName: 'Enter Channel name',
39
+ enterUserName: 'Enter Account name',
36
40
  };
37
41
  export var getText = function getText(key, language) {
38
42
  var _ref;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tddc/assign-modal",
3
- "version": "3.0.3",
3
+ "version": "3.0.4",
4
4
  "description": "assign-modal",
5
5
  "author": "zj <jun.zhang002383@tongdun.net>",
6
6
  "license": "ISC",