@tntd/reference 1.2.3 → 1.2.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.
@@ -97,6 +97,7 @@ var _default = exports.default = (0, _I18N.WrapLocaleReceiver)(props => {
97
97
  };
98
98
  }
99
99
  tagInfo = checkObj ? /*#__PURE__*/_react.default.createElement(_tntd.Tag, {
100
+ className: content ? 'tag-max-width' : '',
100
101
  size: "small",
101
102
  color: checkObj.color
102
103
  }, checkObj.name) : null;
@@ -113,10 +114,10 @@ var _default = exports.default = (0, _I18N.WrapLocaleReceiver)(props => {
113
114
  unmountHandle: unmountHandle
114
115
  }, /*#__PURE__*/_react.default.createElement(_tntd.Tooltip, {
115
116
  placement: "topLeft",
116
- title: content || '- -'
117
- }, /*#__PURE__*/_react.default.createElement("span", {
117
+ title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tagInfo, content || '- -')
118
+ }, /*#__PURE__*/_react.default.createElement("div", {
118
119
  className: "content-span"
119
- }, tagInfo, content || '- -')));
120
+ }, tagInfo, /*#__PURE__*/_react.default.createElement("div", null, content || '- -'))));
120
121
  }
121
122
  if (c.dataIndex === goName) {
122
123
  return /*#__PURE__*/_react.default.createElement(_tntd.Ellipsis, {
@@ -128,10 +129,10 @@ var _default = exports.default = (0, _I18N.WrapLocaleReceiver)(props => {
128
129
  }
129
130
  return /*#__PURE__*/_react.default.createElement(_tntd.Tooltip, {
130
131
  placement: "topLeft",
131
- title: content || '- -'
132
- }, /*#__PURE__*/_react.default.createElement("span", {
132
+ title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tagInfo, content || '- -')
133
+ }, /*#__PURE__*/_react.default.createElement("div", {
133
134
  className: "content-span"
134
- }, tagInfo, content || '- -'));
135
+ }, tagInfo, /*#__PURE__*/_react.default.createElement("div", null, content || '- -')));
135
136
  };
136
137
  return newC;
137
138
  });
@@ -21,17 +21,27 @@
21
21
  color: #d96156 !important;
22
22
  }
23
23
  }
24
+ .tag-max-width{
25
+ max-width: 45%;
26
+ white-space: nowrap;
27
+ overflow: hidden;
28
+ text-overflow: ellipsis;
29
+ }
24
30
  }
25
-
31
+
26
32
  .content-span {
27
- display: block;
33
+ display: flex;
34
+ align-items: center;
35
+ gap: 4px;
28
36
  max-width: 100%;
29
37
  height: 24px;
30
38
  overflow: hidden;
31
- line-height: 24px;
32
- white-space: nowrap;
33
- text-overflow: ellipsis;
34
- word-break: keep-all;
39
+
40
+ > div {
41
+ flex: 1;
42
+ overflow: hidden;
43
+ white-space: nowrap;
44
+ text-overflow: ellipsis;
45
+ }
35
46
  }
36
47
  }
37
-
@@ -118,6 +118,7 @@ var _default = exports["default"] = (0, _I18N.WrapLocaleReceiver)(function (prop
118
118
  };
119
119
  }
120
120
  tagInfo = checkObj ? /*#__PURE__*/_react["default"].createElement(_tntd.Tag, {
121
+ className: content ? 'tag-max-width' : '',
121
122
  size: "small",
122
123
  color: checkObj.color
123
124
  }, checkObj.name) : null;
@@ -134,10 +135,10 @@ var _default = exports["default"] = (0, _I18N.WrapLocaleReceiver)(function (prop
134
135
  unmountHandle: unmountHandle
135
136
  }, /*#__PURE__*/_react["default"].createElement(_tntd.Tooltip, {
136
137
  placement: "topLeft",
137
- title: content || '- -'
138
- }, /*#__PURE__*/_react["default"].createElement("span", {
138
+ title: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, tagInfo, content || '- -')
139
+ }, /*#__PURE__*/_react["default"].createElement("div", {
139
140
  className: "content-span"
140
- }, tagInfo, content || '- -')));
141
+ }, tagInfo, /*#__PURE__*/_react["default"].createElement("div", null, content || '- -'))));
141
142
  }
142
143
  if (c.dataIndex === goName) {
143
144
  return /*#__PURE__*/_react["default"].createElement(_tntd.Ellipsis, {
@@ -149,10 +150,10 @@ var _default = exports["default"] = (0, _I18N.WrapLocaleReceiver)(function (prop
149
150
  }
150
151
  return /*#__PURE__*/_react["default"].createElement(_tntd.Tooltip, {
151
152
  placement: "topLeft",
152
- title: content || '- -'
153
- }, /*#__PURE__*/_react["default"].createElement("span", {
153
+ title: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, tagInfo, content || '- -')
154
+ }, /*#__PURE__*/_react["default"].createElement("div", {
154
155
  className: "content-span"
155
- }, tagInfo, content || '- -'));
156
+ }, tagInfo, /*#__PURE__*/_react["default"].createElement("div", null, content || '- -')));
156
157
  };
157
158
  return newC;
158
159
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ReferenceInfo/index.js"],"names":[],"mappings":"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","sourcesContent":["import { WrapLocaleReceiver } from '../I18N';\nimport React from 'react';\nimport { Tooltip, Icon, Table, Empty, Ellipsis, Tag, Title } from \"tntd\";\nimport AHref from '../AHref';\nimport './index.less';\n\nexport default WrapLocaleReceiver((props) => {\n const {\n from,\n referenceData = [],\n orgMap = {},\n appList = [],\n description = '',\n unmountHandle,\n imageStyle = {},\n showPagination = true,\n jumpFun,\n iframeJump,\n type,\n setOtherVisible,\n onViewOpen,\n I18N\n } = props;\n\n let paginationInfo = {\n pagination: {\n hideOnSinglePage: true,\n size: 'small',\n },\n };\n\n if (!showPagination) {\n paginationInfo = {\n pagination: false,\n };\n }\n return (\n <div className=\"reference-body\">\n {!referenceData?.length && (\n <Empty\n description={description || I18N.referenceinfo.index.zanWuShuJu}\n type={type || 'no-result'}\n imageStyle={{ marginTop: 120, ...imageStyle }}\n />\n )}\n {referenceData?.map((d, dIndex) => {\n const { columns, goName } = d || {};\n let renderColumns = [];\n if (columns?.length) {\n renderColumns = columns?.map((c, i) => {\n const newC = {\n ...c,\n title: (\n <Tooltip title={c?.title} placement=\"topLeft\">\n {c?.title}\n </Tooltip>\n ),\n width: referenceData.length > 4 ? '160px' : ( 1 / referenceData.length ).toFixed(2) + \"%\",\n ellipsis: true,\n };\n if (from === 'ReferenceOnlineCheck' && c.dataIndex === 'status') {\n newC.className = 'refer-warning-txt';\n }\n newC.render = (t, record) => {\n let content = t;\n if (c.dataIndex === 'org') {\n content = orgMap[t]?.name || t;\n }\n if (c.dataIndex === 'app') {\n content = appList.find((a) => a.key === t)?.name || t;\n }\n // 强弱引用\n let tagInfo = null;\n if (i === 0 && record?.referenceCheckType) {\n let checkObj;\n // 能进行下一步操作\n const isStrong = ['STRONG'].includes(record?.referenceCheckType);\n if (isStrong) {\n checkObj = {\n name: record?.referenceCheckTypeName || I18N.referenceinfo.index.qiangYinYong,\n color: 'red',\n };\n } else {\n checkObj = {\n name: record?.referenceCheckTypeName || I18N.referenceinfo.index.ruoYinYong,\n color: 'grey',\n };\n }\n tagInfo = checkObj ? (\n <Tag size=\"small\" color={checkObj.color}>\n {checkObj.name}\n </Tag>\n ) : null;\n }\n\n if (c.dataIndex === goName && record?.goLink) {\n return (\n <AHref setOtherVisible={setOtherVisible} onViewOpen={onViewOpen} record={record} jumpFun={jumpFun} iframeJump={iframeJump} href={record?.goLink} target=\"_blank\" unmountHandle={unmountHandle}>\n <Tooltip placement=\"topLeft\" title={content || '- -'}>\n <span className=\"content-span\">\n {tagInfo}\n {content || '- -'}\n </span>\n </Tooltip>\n </AHref>\n );\n }\n if (c.dataIndex === goName) {\n return (\n <Ellipsis\n placement=\"topLeft\"\n copyable={true}\n title={content || '- -'}\n prefix={tagInfo}\n />\n );\n }\n return (\n <Tooltip placement=\"topLeft\" title={content || '- -'}>\n <span className=\"content-span\">\n {tagInfo}\n {content || '- -'}\n </span>\n </Tooltip>\n );\n };\n\n return newC;\n });\n }\n return (\n <div className=\"reference-body-item\" key={dIndex}>\n <Title\n className=\"reference-body-title\"\n title={d?.title}\n tooltip={d?.title}\n subTitle={\n d?.tips && (\n <Tooltip title={d?.tips} placement=\"topLeft\">\n <Icon type=\"info-circle\" />\n </Tooltip>\n )\n }\n />\n\n {renderColumns?.length && (\n <Table\n bordered\n className=\"reference-table\"\n striped={true}\n dataSource={d?.rows}\n columns={renderColumns}\n scroll={\n renderColumns.length > 4\n ? {\n x: renderColumns.length * 160,\n }\n : {}\n }\n {...paginationInfo}\n rowKey={(e, i) => `${dIndex}_${i}`}\n />\n )}\n </div>\n );\n })}\n </div>\n );\n});\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ReferenceInfo/index.js"],"names":[],"mappings":"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","sourcesContent":["import { WrapLocaleReceiver } from '../I18N';\nimport React from 'react';\nimport { Tooltip, Icon, Table, Empty, Ellipsis, Tag, Title } from \"tntd\";\nimport AHref from '../AHref';\nimport './index.less';\n\nexport default WrapLocaleReceiver((props) => {\n const {\n from,\n referenceData = [],\n orgMap = {},\n appList = [],\n description = '',\n unmountHandle,\n imageStyle = {},\n showPagination = true,\n jumpFun,\n iframeJump,\n type,\n setOtherVisible,\n onViewOpen,\n I18N\n } = props;\n\n let paginationInfo = {\n pagination: {\n hideOnSinglePage: true,\n size: 'small',\n },\n };\n\n if (!showPagination) {\n paginationInfo = {\n pagination: false,\n };\n }\n return (\n <div className=\"reference-body\">\n {!referenceData?.length && (\n <Empty\n description={description || I18N.referenceinfo.index.zanWuShuJu}\n type={type || 'no-result'}\n imageStyle={{ marginTop: 120, ...imageStyle }}\n />\n )}\n {referenceData?.map((d, dIndex) => {\n const { columns, goName } = d || {};\n let renderColumns = [];\n if (columns?.length) {\n renderColumns = columns?.map((c, i) => {\n const newC = {\n ...c,\n title: (\n <Tooltip title={c?.title} placement=\"topLeft\">\n {c?.title}\n </Tooltip>\n ),\n width: referenceData.length > 4 ? '160px' : ( 1 / referenceData.length ).toFixed(2) + \"%\",\n ellipsis: true,\n };\n if (from === 'ReferenceOnlineCheck' && c.dataIndex === 'status') {\n newC.className = 'refer-warning-txt';\n }\n newC.render = (t, record) => {\n let content = t;\n if (c.dataIndex === 'org') {\n content = orgMap[t]?.name || t;\n }\n if (c.dataIndex === 'app') {\n content = appList.find((a) => a.key === t)?.name || t;\n }\n // 强弱引用\n let tagInfo = null;\n if (i === 0 && record?.referenceCheckType) {\n let checkObj;\n // 能进行下一步操作\n const isStrong = ['STRONG'].includes(record?.referenceCheckType);\n if (isStrong) {\n checkObj = {\n name: record?.referenceCheckTypeName || I18N.referenceinfo.index.qiangYinYong,\n color: 'red',\n };\n } else {\n checkObj = {\n name: record?.referenceCheckTypeName || I18N.referenceinfo.index.ruoYinYong,\n color: 'grey',\n };\n }\n tagInfo = checkObj ? (\n <Tag className={content?'tag-max-width':''} size=\"small\" color={checkObj.color}>\n {checkObj.name}\n </Tag>\n ) : null;\n }\n\n if (c.dataIndex === goName && record?.goLink) {\n return (\n <AHref setOtherVisible={setOtherVisible} onViewOpen={onViewOpen} record={record} jumpFun={jumpFun} iframeJump={iframeJump} href={record?.goLink} target=\"_blank\" unmountHandle={unmountHandle}>\n <Tooltip placement=\"topLeft\" title={<>{tagInfo}{content || '- -'}</>}>\n <div className=\"content-span\">\n {tagInfo}\n <div>{content || '- -'}</div>\n </div>\n </Tooltip>\n </AHref>\n );\n }\n if (c.dataIndex === goName) {\n return (\n <Ellipsis\n placement=\"topLeft\"\n copyable={true}\n title={content || '- -'}\n prefix={tagInfo}\n />\n );\n }\n return (\n <Tooltip placement=\"topLeft\" title={<>{tagInfo}{content || '- -'}</>}>\n <div className=\"content-span\">\n {tagInfo}\n <div>{content || '- -'}</div>\n </div>\n </Tooltip>\n );\n };\n\n return newC;\n });\n }\n return (\n <div className=\"reference-body-item\" key={dIndex}>\n <Title\n className=\"reference-body-title\"\n title={d?.title}\n tooltip={d?.title}\n subTitle={\n d?.tips && (\n <Tooltip title={d?.tips} placement=\"topLeft\">\n <Icon type=\"info-circle\" />\n </Tooltip>\n )\n }\n />\n\n {renderColumns?.length && (\n <Table\n bordered\n className=\"reference-table\"\n striped={true}\n dataSource={d?.rows}\n columns={renderColumns}\n scroll={\n renderColumns.length > 4\n ? {\n x: renderColumns.length * 160,\n }\n : {}\n }\n {...paginationInfo}\n rowKey={(e, i) => `${dIndex}_${i}`}\n />\n )}\n </div>\n );\n })}\n </div>\n );\n});\n"]}
@@ -21,17 +21,27 @@
21
21
  color: #d96156 !important;
22
22
  }
23
23
  }
24
+ .tag-max-width{
25
+ max-width: 45%;
26
+ white-space: nowrap;
27
+ overflow: hidden;
28
+ text-overflow: ellipsis;
29
+ }
24
30
  }
25
-
31
+
26
32
  .content-span {
27
- display: block;
33
+ display: flex;
34
+ align-items: center;
35
+ gap: 4px;
28
36
  max-width: 100%;
29
37
  height: 24px;
30
38
  overflow: hidden;
31
- line-height: 24px;
32
- white-space: nowrap;
33
- text-overflow: ellipsis;
34
- word-break: keep-all;
39
+
40
+ > div {
41
+ flex: 1;
42
+ overflow: hidden;
43
+ white-space: nowrap;
44
+ text-overflow: ellipsis;
45
+ }
35
46
  }
36
47
  }
37
-
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tntd/reference",
3
- "version": "1.2.3",
3
+ "version": "1.2.5",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
6
  "start": "heft start --storybook",
@@ -89,4 +89,4 @@
89
89
  "main": "es/index.js",
90
90
  "module": "es/index.js",
91
91
  "typings": "lib/index.d.ts"
92
- }
92
+ }
@@ -87,7 +87,7 @@ export default WrapLocaleReceiver((props) => {
87
87
  };
88
88
  }
89
89
  tagInfo = checkObj ? (
90
- <Tag size="small" color={checkObj.color}>
90
+ <Tag className={content?'tag-max-width':''} size="small" color={checkObj.color}>
91
91
  {checkObj.name}
92
92
  </Tag>
93
93
  ) : null;
@@ -96,11 +96,11 @@ export default WrapLocaleReceiver((props) => {
96
96
  if (c.dataIndex === goName && record?.goLink) {
97
97
  return (
98
98
  <AHref setOtherVisible={setOtherVisible} onViewOpen={onViewOpen} record={record} jumpFun={jumpFun} iframeJump={iframeJump} href={record?.goLink} target="_blank" unmountHandle={unmountHandle}>
99
- <Tooltip placement="topLeft" title={content || '- -'}>
100
- <span className="content-span">
99
+ <Tooltip placement="topLeft" title={<>{tagInfo}{content || '- -'}</>}>
100
+ <div className="content-span">
101
101
  {tagInfo}
102
- {content || '- -'}
103
- </span>
102
+ <div>{content || '- -'}</div>
103
+ </div>
104
104
  </Tooltip>
105
105
  </AHref>
106
106
  );
@@ -116,11 +116,11 @@ export default WrapLocaleReceiver((props) => {
116
116
  );
117
117
  }
118
118
  return (
119
- <Tooltip placement="topLeft" title={content || '- -'}>
120
- <span className="content-span">
119
+ <Tooltip placement="topLeft" title={<>{tagInfo}{content || '- -'}</>}>
120
+ <div className="content-span">
121
121
  {tagInfo}
122
- {content || '- -'}
123
- </span>
122
+ <div>{content || '- -'}</div>
123
+ </div>
124
124
  </Tooltip>
125
125
  );
126
126
  };
@@ -21,17 +21,27 @@
21
21
  color: #d96156 !important;
22
22
  }
23
23
  }
24
+ .tag-max-width{
25
+ max-width: 45%;
26
+ white-space: nowrap;
27
+ overflow: hidden;
28
+ text-overflow: ellipsis;
29
+ }
24
30
  }
25
-
31
+
26
32
  .content-span {
27
- display: block;
33
+ display: flex;
34
+ align-items: center;
35
+ gap: 4px;
28
36
  max-width: 100%;
29
37
  height: 24px;
30
38
  overflow: hidden;
31
- line-height: 24px;
32
- white-space: nowrap;
33
- text-overflow: ellipsis;
34
- word-break: keep-all;
39
+
40
+ > div {
41
+ flex: 1;
42
+ overflow: hidden;
43
+ white-space: nowrap;
44
+ text-overflow: ellipsis;
45
+ }
35
46
  }
36
47
  }
37
-