ls-pro-common 1.0.89 → 1.0.90
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.
- package/dist/common.css +3 -0
- package/dist/common.js +1 -1
- package/dist/common.min.css +3 -0
- package/dist/common.min.js +1 -1
- package/es/components/DescritionCard.d.ts +1 -0
- package/es/components/DescritionCard.js +7 -4
- package/es/components/InputMultiLine.js +3 -1
- package/es/components/common.less +5 -1
- package/lib/components/DescritionCard.d.ts +1 -0
- package/lib/components/DescritionCard.js +6 -3
- package/lib/components/InputMultiLine.js +3 -1
- package/lib/components/common.less +5 -1
- package/package.json +2 -2
|
@@ -5,6 +5,7 @@ import './common.less';
|
|
|
5
5
|
export declare type DescritionCardProps = ProCardProps & {
|
|
6
6
|
hasBackground?: boolean;
|
|
7
7
|
desc?: ProDescriptionsProps;
|
|
8
|
+
collapseTitle?: string;
|
|
8
9
|
};
|
|
9
10
|
declare function DescritionCard(props: DescritionCardProps): JSX.Element;
|
|
10
11
|
export default DescritionCard;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["title", "extra", "className", "collapsible", "defaultCollapsed", "desc", "hasBackground"];
|
|
4
|
+
var _excluded = ["title", "extra", "className", "collapsible", "defaultCollapsed", "desc", "hasBackground", "collapseTitle"];
|
|
5
5
|
import React, { useMemo, useState } from 'react';
|
|
6
6
|
import classNames from 'classnames';
|
|
7
|
-
import {
|
|
7
|
+
import { UpOutlined } from '@ant-design/icons';
|
|
8
8
|
import ProCard from 'ls-pro-card';
|
|
9
9
|
import ProDescriptions from 'ls-pro-descriptions';
|
|
10
10
|
import './common.less';
|
|
@@ -19,6 +19,8 @@ function DescritionCard(props) {
|
|
|
19
19
|
defaultCollapsed = _props$defaultCollaps === void 0 ? false : _props$defaultCollaps,
|
|
20
20
|
desc = props.desc,
|
|
21
21
|
hasBackground = props.hasBackground,
|
|
22
|
+
_props$collapseTitle = props.collapseTitle,
|
|
23
|
+
collapseTitle = _props$collapseTitle === void 0 ? '展开/收起' : _props$collapseTitle,
|
|
22
24
|
rest = _objectWithoutProperties(props, _excluded);
|
|
23
25
|
|
|
24
26
|
var _useState = useState(defaultCollapsed),
|
|
@@ -37,7 +39,7 @@ function DescritionCard(props) {
|
|
|
37
39
|
}, [title]);
|
|
38
40
|
var collapsedDom = useMemo(function () {
|
|
39
41
|
if (!collapsible) return null;
|
|
40
|
-
return /*#__PURE__*/React.createElement(
|
|
42
|
+
return /*#__PURE__*/React.createElement(UpOutlined, {
|
|
41
43
|
rotate: !!collapsed ? 180 : undefined,
|
|
42
44
|
style: {
|
|
43
45
|
margin: 'auto',
|
|
@@ -47,7 +49,8 @@ function DescritionCard(props) {
|
|
|
47
49
|
},
|
|
48
50
|
onClick: function onClick() {
|
|
49
51
|
setCollapsed(!collapsed);
|
|
50
|
-
}
|
|
52
|
+
},
|
|
53
|
+
title: collapseTitle || undefined
|
|
51
54
|
});
|
|
52
55
|
}, [collapsed, collapsible]);
|
|
53
56
|
var extraDom = useMemo(function () {
|
|
@@ -130,7 +130,8 @@ var InputMultiLine = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
130
130
|
return /*#__PURE__*/React.createElement(React.Fragment, null, rest.label && name ? /*#__PURE__*/React.createElement(ProFormText, _extends({
|
|
131
131
|
name: name
|
|
132
132
|
}, rest), /*#__PURE__*/React.createElement(_Input, _extends({
|
|
133
|
-
suffix: PopoverDom
|
|
133
|
+
suffix: PopoverDom,
|
|
134
|
+
placeholder: "\u8BF7\u8F93\u5165"
|
|
134
135
|
}, fieldProps, {
|
|
135
136
|
onChange: clearValue,
|
|
136
137
|
onInput: textInput,
|
|
@@ -138,6 +139,7 @@ var InputMultiLine = /*#__PURE__*/React.forwardRef(function (prop, ref) {
|
|
|
138
139
|
ref: inputRef
|
|
139
140
|
}))) : /*#__PURE__*/React.createElement(_Input, _extends({
|
|
140
141
|
suffix: PopoverDom,
|
|
142
|
+
placeholder: "\u8BF7\u8F93\u5165",
|
|
141
143
|
allowClear: allowClear
|
|
142
144
|
}, fieldProps, {
|
|
143
145
|
onChange: clearValue,
|
|
@@ -306,7 +306,7 @@ a:hover {
|
|
|
306
306
|
.description-card {
|
|
307
307
|
|
|
308
308
|
.ant-pro-card-header {
|
|
309
|
-
height
|
|
309
|
+
height: 50px;
|
|
310
310
|
}
|
|
311
311
|
|
|
312
312
|
.ant-pro-card-body {
|
|
@@ -347,4 +347,8 @@ a:hover {
|
|
|
347
347
|
max-height: 60vh;
|
|
348
348
|
overflow : auto;
|
|
349
349
|
}
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
.ant-row {
|
|
353
|
+
width: 100%;
|
|
350
354
|
}
|
|
@@ -5,6 +5,7 @@ import './common.less';
|
|
|
5
5
|
export declare type DescritionCardProps = ProCardProps & {
|
|
6
6
|
hasBackground?: boolean;
|
|
7
7
|
desc?: ProDescriptionsProps;
|
|
8
|
+
collapseTitle?: string;
|
|
8
9
|
};
|
|
9
10
|
declare function DescritionCard(props: DescritionCardProps): JSX.Element;
|
|
10
11
|
export default DescritionCard;
|
|
@@ -27,7 +27,7 @@ var _lsProDescriptions = _interopRequireDefault(require("ls-pro-descriptions"));
|
|
|
27
27
|
|
|
28
28
|
require("./common.less");
|
|
29
29
|
|
|
30
|
-
var _excluded = ["title", "extra", "className", "collapsible", "defaultCollapsed", "desc", "hasBackground"];
|
|
30
|
+
var _excluded = ["title", "extra", "className", "collapsible", "defaultCollapsed", "desc", "hasBackground", "collapseTitle"];
|
|
31
31
|
|
|
32
32
|
function DescritionCard(props) {
|
|
33
33
|
var title = props.title,
|
|
@@ -39,6 +39,8 @@ function DescritionCard(props) {
|
|
|
39
39
|
defaultCollapsed = _props$defaultCollaps === void 0 ? false : _props$defaultCollaps,
|
|
40
40
|
desc = props.desc,
|
|
41
41
|
hasBackground = props.hasBackground,
|
|
42
|
+
_props$collapseTitle = props.collapseTitle,
|
|
43
|
+
collapseTitle = _props$collapseTitle === void 0 ? '展开/收起' : _props$collapseTitle,
|
|
42
44
|
rest = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
43
45
|
|
|
44
46
|
var _useState = (0, _react.useState)(defaultCollapsed),
|
|
@@ -57,7 +59,7 @@ function DescritionCard(props) {
|
|
|
57
59
|
}, [title]);
|
|
58
60
|
var collapsedDom = (0, _react.useMemo)(function () {
|
|
59
61
|
if (!collapsible) return null;
|
|
60
|
-
return /*#__PURE__*/_react.default.createElement(_icons.
|
|
62
|
+
return /*#__PURE__*/_react.default.createElement(_icons.UpOutlined, {
|
|
61
63
|
rotate: !!collapsed ? 180 : undefined,
|
|
62
64
|
style: {
|
|
63
65
|
margin: 'auto',
|
|
@@ -67,7 +69,8 @@ function DescritionCard(props) {
|
|
|
67
69
|
},
|
|
68
70
|
onClick: function onClick() {
|
|
69
71
|
setCollapsed(!collapsed);
|
|
70
|
-
}
|
|
72
|
+
},
|
|
73
|
+
title: collapseTitle || undefined
|
|
71
74
|
});
|
|
72
75
|
}, [collapsed, collapsible]);
|
|
73
76
|
var extraDom = (0, _react.useMemo)(function () {
|
|
@@ -151,7 +151,8 @@ var InputMultiLine = /*#__PURE__*/_react.default.forwardRef(function (prop, ref)
|
|
|
151
151
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, rest.label && name ? /*#__PURE__*/_react.default.createElement(_lsProForm.ProFormText, (0, _extends2.default)({
|
|
152
152
|
name: name
|
|
153
153
|
}, rest), /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
|
|
154
|
-
suffix: PopoverDom
|
|
154
|
+
suffix: PopoverDom,
|
|
155
|
+
placeholder: "\u8BF7\u8F93\u5165"
|
|
155
156
|
}, fieldProps, {
|
|
156
157
|
onChange: clearValue,
|
|
157
158
|
onInput: textInput,
|
|
@@ -159,6 +160,7 @@ var InputMultiLine = /*#__PURE__*/_react.default.forwardRef(function (prop, ref)
|
|
|
159
160
|
ref: inputRef
|
|
160
161
|
}))) : /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
|
|
161
162
|
suffix: PopoverDom,
|
|
163
|
+
placeholder: "\u8BF7\u8F93\u5165",
|
|
162
164
|
allowClear: allowClear
|
|
163
165
|
}, fieldProps, {
|
|
164
166
|
onChange: clearValue,
|
|
@@ -306,7 +306,7 @@ a:hover {
|
|
|
306
306
|
.description-card {
|
|
307
307
|
|
|
308
308
|
.ant-pro-card-header {
|
|
309
|
-
height
|
|
309
|
+
height: 50px;
|
|
310
310
|
}
|
|
311
311
|
|
|
312
312
|
.ant-pro-card-body {
|
|
@@ -347,4 +347,8 @@ a:hover {
|
|
|
347
347
|
max-height: 60vh;
|
|
348
348
|
overflow : auto;
|
|
349
349
|
}
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
.ant-row {
|
|
353
|
+
width: 100%;
|
|
350
354
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ls-pro-common",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.90",
|
|
4
4
|
"description": "ls-pro-common",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"antd",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
],
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@ant-design/icons": "^4.3.0",
|
|
30
|
-
"ls-pro-table": "2.62.
|
|
30
|
+
"ls-pro-table": "2.62.65",
|
|
31
31
|
"ls-pro-form": "1.52.34",
|
|
32
32
|
"ls-pro-descriptions":"^1.10.33",
|
|
33
33
|
"@babel/runtime": "^7.16.3",
|