@para-ui/core 3.0.49 → 3.0.51
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/Drawer/index.js +2 -2
- package/Form/index.js +1 -1
- package/FormItem/index.js +1 -1
- package/MultiBox/index.js +2 -2
- package/Notification/index.js +13 -7
- package/README.md +12 -0
- package/SingleBox/index.js +1 -1
- package/Table/index.js +31 -18
- package/Table/interface.d.ts +4 -0
- package/TextEditor/index.js +2 -3
- package/index.js +1 -1
- package/package.json +1 -1
- package/umd/ComboSelect.js +1 -1
- package/umd/Drawer.js +4 -4
- package/umd/DynamicMultiBox.js +4 -4
- package/umd/Form.js +1 -1
- package/umd/FormItem.js +4 -4
- package/umd/InputLang.js +1 -1
- package/umd/MultiBox.js +1 -1
- package/umd/Notification.js +2 -2
- package/umd/SingleBox.js +1 -1
- package/umd/Table.js +4 -4
- package/umd/TextEditor.js +1 -1
- /package/_verture/{index-535eb442.js → index-b30abb46.js} +0 -0
package/Drawer/index.js
CHANGED
|
@@ -190,7 +190,7 @@ var Drawer = function Drawer(props) {
|
|
|
190
190
|
motionAppear: true,
|
|
191
191
|
motionEnter: true,
|
|
192
192
|
motionLeave: true,
|
|
193
|
-
motionDeadline:
|
|
193
|
+
motionDeadline: 100
|
|
194
194
|
};
|
|
195
195
|
var panelMotion = function panelMotion(motionPlacement) {
|
|
196
196
|
return {
|
|
@@ -198,7 +198,7 @@ var Drawer = function Drawer(props) {
|
|
|
198
198
|
motionAppear: true,
|
|
199
199
|
motionEnter: true,
|
|
200
200
|
motionLeave: true,
|
|
201
|
-
motionDeadline:
|
|
201
|
+
motionDeadline: 100
|
|
202
202
|
};
|
|
203
203
|
};
|
|
204
204
|
return jsx(RcDrawer, Object.assign({}, restProps, getOffsetStyle(), {
|
package/Form/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
|
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
import { DeepClone } from '@paraview/lib';
|
|
5
5
|
import React__default from 'react';
|
|
6
|
-
import { F as FormItem, v as validate } from '../_verture/index-
|
|
6
|
+
import { F as FormItem, v as validate } from '../_verture/index-b30abb46.js';
|
|
7
7
|
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
|
|
8
8
|
import '../TextField/index.js';
|
|
9
9
|
import '../_verture/typeof-498dd2b1.js';
|
package/FormItem/index.js
CHANGED
package/MultiBox/index.js
CHANGED
|
@@ -174,7 +174,7 @@ var MultiBox = function MultiBox(props) {
|
|
|
174
174
|
size: size,
|
|
175
175
|
disabled: disabled,
|
|
176
176
|
placeholder: placeholderKey,
|
|
177
|
-
value: item[replaceFieldsCom.key || '']
|
|
177
|
+
value: item[replaceFieldsCom.key || ''] || ''
|
|
178
178
|
}, handError(index, replaceFieldsCom.key || ''), {
|
|
179
179
|
onChange: changeValue(replaceFieldsCom.key || '', index),
|
|
180
180
|
fetchSuggestions: fetchSuggestionsKey ? fetchSuggestions('key') : undefined,
|
|
@@ -188,7 +188,7 @@ var MultiBox = function MultiBox(props) {
|
|
|
188
188
|
size: size,
|
|
189
189
|
disabled: disabled,
|
|
190
190
|
placeholder: placeholderValue,
|
|
191
|
-
value: item[replaceFieldsCom.value || '']
|
|
191
|
+
value: item[replaceFieldsCom.value || ''] || ''
|
|
192
192
|
}, handError(index, replaceFieldsCom.value || ''), {
|
|
193
193
|
onChange: changeValue(replaceFieldsCom.value || '', index),
|
|
194
194
|
fetchSuggestions: fetchSuggestionsValue ? fetchSuggestions('value') : undefined,
|
package/Notification/index.js
CHANGED
|
@@ -11,7 +11,7 @@ import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
|
|
|
11
11
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
12
12
|
import '../_verture/typeof-498dd2b1.js';
|
|
13
13
|
|
|
14
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n * @author Hanz\n * @date 2022/1/13 上午10:30\n * @description 通知提醒框\n */\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-notification {\n position: fixed;\n margin: 0 24px 0 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n z-index: 9999;\n}\n.paraui-v3-notification-topLeft, .paraui-v3-notification-bottomLeft {\n margin-right: 0;\n margin-left: 24px;\n}\n.paraui-v3-notification-topLeft .paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-bottomLeft .paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-topLeft .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active, .paraui-v3-notification-bottomLeft .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active {\n animation-name: NotificationLeftFadeIn;\n}\n.paraui-v3-notification-hook-holder, .paraui-v3-notification-notice {\n position: relative;\n width: 430px;\n max-width: calc(100vw - 48px);\n margin-bottom: 16px;\n margin-left: auto;\n overflow: hidden;\n word-wrap: break-word;\n background: rgb(255, 255, 255);\n border-radius: 4px;\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-notification-topLeft .paraui-v3-notification-hook-holder, .paraui-v3-notification-topLeft .paraui-v3-notification-notice, .paraui-v3-notification-bottomLeft .paraui-v3-notification-hook-holder, .paraui-v3-notification-bottomLeft .paraui-v3-notification-notice {\n margin-right: auto;\n margin-left: 0;\n}\n.paraui-v3-notification-hook-holder > .paraui-v3-notification-notice {\n margin-bottom: 0;\n box-shadow: none;\n}\n.paraui-v3-notification-notice {\n padding: 20px;\n line-height: 1.5715;\n}\n.paraui-v3-notification-notice-content {\n position: relative;\n}\n.paraui-v3-notification-notice-message {\n margin-bottom: 8px;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-weight: 700;\n line-height: 24px;\n}\n.paraui-v3-notification-notice-message-single-line-auto-margin {\n display: block;\n width: calc(264px - 100%);\n max-width: 4px;\n background-color: transparent;\n pointer-events: none;\n}\n.paraui-v3-notification-notice-message-single-line-auto-margin::before {\n display: block;\n content: \"\";\n}\n.paraui-v3-notification-notice-description {\n font-size: 14px;\n font-weight: 400;\n}\n.paraui-v3-notification-notice-closable .paraui-v3-notification-notice-message {\n padding-right: 24px;\n}\n.paraui-v3-notification-notice-with-icon .paraui-v3-notification-notice-message {\n margin-bottom: 4px;\n margin-left: 24px;\n}\n.paraui-v3-notification-notice-with-icon .paraui-v3-notification-notice-description {\n margin-left: 24px;\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon {\n position: absolute;\n top: 4px;\n font-size: 16px;\n line-height: 24px;\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-success {\n color: rgb(83, 195, 27);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-info {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-warning {\n color: rgb(255, 161, 80);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-error {\n color: rgb(235, 96, 84);\n}\n.paraui-v3-notification-notice-close {\n position: absolute;\n top: 16px;\n right: 22px;\n color: rgba(46, 55, 67, 0.7);\n outline: none;\n}\n.paraui-v3-notification-notice-close:hover {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-notification .paraui-v3-notification-close-icon {\n font-size: 18px;\n cursor: pointer;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-notification-notice-btn {\n float: right;\n margin-top: 16px;\n}\n.paraui-v3-notification .notification-fade-effect {\n animation-duration: 0.24s;\n animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n animation-fill-mode: both;\n}\n.paraui-v3-notification-fade-enter, .paraui-v3-notification-fade-appear {\n animation-duration: 0.24s;\n animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n animation-fill-mode: both;\n opacity: 0;\n animation-play-state: paused;\n}\n.paraui-v3-notification-fade-leave {\n animation-duration: 0.24s;\n animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n.paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active {\n animation-name: NotificationFadeIn;\n animation-play-state: running;\n}\n.paraui-v3-notification-fade-leave.paraui-v3-notification-fade-leave-active {\n animation-name: NotificationFadeOut;\n animation-play-state: running;\n}\n@keyframes NotificationFadeIn {\n 0% {\n left: 430px;\n opacity: 0;\n }\n 100% {\n left: 0;\n opacity: 1;\n }\n}\n@keyframes NotificationLeftFadeIn {\n 0% {\n right: 430px;\n opacity: 0;\n }\n 100% {\n right: 0;\n opacity: 1;\n }\n}\n@keyframes NotificationFadeOut {\n 0% {\n max-height: 150px;\n margin-bottom: 16px;\n opacity: 1;\n }\n 100% {\n max-height: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n opacity: 0;\n }\n}";
|
|
14
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n * @author Hanz\n * @date 2022/1/13 上午10:30\n * @description 通知提醒框\n */\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-notification {\n position: fixed;\n margin: 0 24px 0 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n z-index: 9999;\n}\n.paraui-v3-notification-topLeft, .paraui-v3-notification-bottomLeft {\n margin-right: 0;\n margin-left: 24px;\n}\n.paraui-v3-notification-topLeft .paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-bottomLeft .paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-topLeft .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active, .paraui-v3-notification-bottomLeft .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active {\n animation-name: NotificationLeftFadeIn;\n}\n.paraui-v3-notification-hook-holder, .paraui-v3-notification-notice {\n position: relative;\n width: 430px;\n max-width: calc(100vw - 48px);\n margin-bottom: 16px;\n margin-left: auto;\n overflow: hidden;\n word-wrap: break-word;\n background: rgb(255, 255, 255);\n border-radius: 4px;\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-notification-topLeft .paraui-v3-notification-hook-holder, .paraui-v3-notification-topLeft .paraui-v3-notification-notice, .paraui-v3-notification-bottomLeft .paraui-v3-notification-hook-holder, .paraui-v3-notification-bottomLeft .paraui-v3-notification-notice {\n margin-right: auto;\n margin-left: 0;\n}\n.paraui-v3-notification-hook-holder > .paraui-v3-notification-notice {\n margin-bottom: 0;\n box-shadow: none;\n}\n.paraui-v3-notification-notice {\n padding: 20px;\n line-height: 1.5715;\n}\n.paraui-v3-notification-notice-content {\n position: relative;\n}\n.paraui-v3-notification-notice-message {\n margin-bottom: 8px;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-weight: 700;\n line-height: 24px;\n}\n.paraui-v3-notification-notice-message-single-line-auto-margin {\n display: block;\n width: calc(264px - 100%);\n max-width: 4px;\n background-color: transparent;\n pointer-events: none;\n}\n.paraui-v3-notification-notice-message-single-line-auto-margin::before {\n display: block;\n content: \"\";\n}\n.paraui-v3-notification-notice-description {\n font-size: 14px;\n font-weight: 400;\n}\n.paraui-v3-notification-notice-closable .paraui-v3-notification-notice-message {\n padding-right: 24px;\n}\n.paraui-v3-notification-notice-with-icon .paraui-v3-notification-notice-message {\n margin-bottom: 4px;\n margin-left: 24px;\n}\n.paraui-v3-notification-notice-with-icon .paraui-v3-notification-notice-description {\n margin-left: 24px;\n}\n.paraui-v3-notification-notice-without-description .paraui-v3-notification-notice-message {\n margin-bottom: 0;\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon {\n position: absolute;\n top: 4px;\n font-size: 16px;\n line-height: 24px;\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-success {\n color: rgb(83, 195, 27);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-info {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-warning {\n color: rgb(255, 161, 80);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-error {\n color: rgb(235, 96, 84);\n}\n.paraui-v3-notification-notice-close {\n position: absolute;\n top: 16px;\n right: 22px;\n color: rgba(46, 55, 67, 0.7);\n outline: none;\n}\n.paraui-v3-notification-notice-close:hover {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-notification .paraui-v3-notification-close-icon {\n font-size: 18px;\n cursor: pointer;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-notification-notice-btn {\n float: right;\n margin-top: 16px;\n}\n.paraui-v3-notification .notification-fade-effect {\n animation-duration: 0.24s;\n animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n animation-fill-mode: both;\n}\n.paraui-v3-notification-fade-enter, .paraui-v3-notification-fade-appear {\n animation-duration: 0.24s;\n animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n animation-fill-mode: both;\n opacity: 0;\n animation-play-state: paused;\n}\n.paraui-v3-notification-fade-leave {\n animation-duration: 0.24s;\n animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n.paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active {\n animation-name: NotificationFadeIn;\n animation-play-state: running;\n}\n.paraui-v3-notification-fade-leave.paraui-v3-notification-fade-leave-active {\n animation-name: NotificationFadeOut;\n animation-play-state: running;\n}\n@keyframes NotificationFadeIn {\n 0% {\n left: 430px;\n opacity: 0;\n }\n 100% {\n left: 0;\n opacity: 1;\n }\n}\n@keyframes NotificationLeftFadeIn {\n 0% {\n right: 430px;\n opacity: 0;\n }\n 100% {\n right: 0;\n opacity: 1;\n }\n}\n@keyframes NotificationFadeOut {\n 0% {\n max-height: 150px;\n margin-bottom: 16px;\n opacity: 1;\n }\n 100% {\n max-height: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n opacity: 0;\n }\n}";
|
|
15
15
|
styleInject(css_248z);
|
|
16
16
|
|
|
17
17
|
//通知框实例存储
|
|
@@ -22,7 +22,10 @@ var defaultTop = 24;
|
|
|
22
22
|
var defaultBottom = 24;
|
|
23
23
|
var defaultPlacement = 'topRight';
|
|
24
24
|
var defaultGetContainer;
|
|
25
|
-
var
|
|
25
|
+
var prefixCls = "".concat($prefixCls, "-notification");
|
|
26
|
+
var defaultCloseIcon = jsx(CloseIcon, {
|
|
27
|
+
className: "".concat(prefixCls, "-close-icon")
|
|
28
|
+
});
|
|
26
29
|
var rtl = false;
|
|
27
30
|
var maxCount;
|
|
28
31
|
//设置全局配置
|
|
@@ -102,7 +105,7 @@ function getNotificationInstance(args, callback) {
|
|
|
102
105
|
getContainer = _args$getContainer === void 0 ? defaultGetContainer : _args$getContainer,
|
|
103
106
|
_args$closeIcon = args.closeIcon,
|
|
104
107
|
closeIcon = _args$closeIcon === void 0 ? defaultCloseIcon : _args$closeIcon;
|
|
105
|
-
|
|
108
|
+
// const prefixCls = `${$prefixCls}-notification`;
|
|
106
109
|
var cacheKey = "".concat(prefixCls, "-").concat(placement);
|
|
107
110
|
var cacheInstance = notificationInstance[cacheKey];
|
|
108
111
|
if (cacheInstance) {
|
|
@@ -160,7 +163,9 @@ function getNoticeProps(args, prefixCls) {
|
|
|
160
163
|
onClick = args.onClick,
|
|
161
164
|
key = args.key,
|
|
162
165
|
style = args.style,
|
|
163
|
-
className = args.className
|
|
166
|
+
className = args.className,
|
|
167
|
+
_args$closeIcon2 = args.closeIcon,
|
|
168
|
+
closeIcon = _args$closeIcon2 === void 0 ? defaultCloseIcon : _args$closeIcon2;
|
|
164
169
|
var duration = durationArg === undefined ? defaultDuration : durationArg;
|
|
165
170
|
var iconNode = null;
|
|
166
171
|
if (icon) {
|
|
@@ -179,13 +184,13 @@ function getNoticeProps(args, prefixCls) {
|
|
|
179
184
|
}) : null;
|
|
180
185
|
return {
|
|
181
186
|
content: jsxs("div", Object.assign({
|
|
182
|
-
className: iconNode ? "".concat(prefixCls, "-with-icon") : ''
|
|
187
|
+
className: "".concat(iconNode ? "".concat(prefixCls, "-with-icon") : '', " ").concat(description ? '' : prefixCls + '-without-description')
|
|
183
188
|
}, {
|
|
184
189
|
children: [iconNode, jsxs("div", Object.assign({
|
|
185
190
|
className: "".concat(prefixCls, "-message")
|
|
186
191
|
}, {
|
|
187
192
|
children: [autoMarginTag, message]
|
|
188
|
-
})), jsx("div", Object.assign({
|
|
193
|
+
})), description && jsx("div", Object.assign({
|
|
189
194
|
className: "".concat(prefixCls, "-description")
|
|
190
195
|
}, {
|
|
191
196
|
children: description
|
|
@@ -201,7 +206,8 @@ function getNoticeProps(args, prefixCls) {
|
|
|
201
206
|
onClick: onClick,
|
|
202
207
|
key: key,
|
|
203
208
|
style: style || {},
|
|
204
|
-
className: clsx(className, _defineProperty({}, "".concat(prefixCls, "-").concat(type), !!type))
|
|
209
|
+
className: clsx(className, _defineProperty({}, "".concat(prefixCls, "-").concat(type), !!type)),
|
|
210
|
+
closeIcon: closeIcon
|
|
205
211
|
};
|
|
206
212
|
}
|
|
207
213
|
//通知框调用方法
|
package/README.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
## 版本: 3.0.51
|
|
2
|
+
para-ui/core@3.0.51 发布
|
|
3
|
+
【多值框-MultiBox】修复多值框删除渲染错乱
|
|
4
|
+
【单值框-SingleBox】修复单值框删除渲染错乱
|
|
5
|
+
【抽屉-Drawer】解决抽屉中含有弹窗时,关闭弹窗悬浮在导航栏不展示弹窗的问题
|
|
6
|
+
【通知提示框-Notification】支持移除closeIcon
|
|
7
|
+
|
|
8
|
+
## 版本: 3.0.50
|
|
9
|
+
para-ui/core@3.0.50 发布
|
|
10
|
+
【富文本-TextEditor】解决excludeKeys传常量时,富文本无限刷新的问题
|
|
11
|
+
【表格-Table】修改表格超出文字提示宽度
|
|
12
|
+
|
|
1
13
|
## 版本: 3.0.49
|
|
2
14
|
para-ui/core@3.0.49 发布
|
|
3
15
|
【切换按钮-ToggleButton】文字超出新增悬浮提示
|
package/SingleBox/index.js
CHANGED
|
@@ -182,7 +182,7 @@ var SingleBox = function SingleBox(props) {
|
|
|
182
182
|
children: jsx(TextField, Object.assign({
|
|
183
183
|
className: 'single-box-text-field',
|
|
184
184
|
disabled: disabled,
|
|
185
|
-
value: item,
|
|
185
|
+
value: item || '',
|
|
186
186
|
placeholder: placeholder,
|
|
187
187
|
size: size
|
|
188
188
|
}, handError(index), {
|
package/Table/index.js
CHANGED
|
@@ -381,7 +381,8 @@ var TableHead$1 = function TableHead(props) {
|
|
|
381
381
|
dragColumn = props.dragColumn,
|
|
382
382
|
changeColumnWidth = props.changeColumnWidth,
|
|
383
383
|
headDataConfig = props.headDataConfig,
|
|
384
|
-
getPopupContainer = props.getPopupContainer
|
|
384
|
+
getPopupContainer = props.getPopupContainer,
|
|
385
|
+
tipMaxWidth = props.tipMaxWidth;
|
|
385
386
|
var _useState = useState(false),
|
|
386
387
|
_useState2 = _slicedToArray(_useState, 2),
|
|
387
388
|
indeterminate = _useState2[0],
|
|
@@ -705,9 +706,11 @@ var TableHead$1 = function TableHead(props) {
|
|
|
705
706
|
children: [jsx(Checkbox, {
|
|
706
707
|
checked: checked
|
|
707
708
|
}), jsx("span", {
|
|
708
|
-
children: jsx(AutoTips, {
|
|
709
|
+
children: jsx(AutoTips, Object.assign({
|
|
710
|
+
tipMaxWidth: tipMaxWidth
|
|
711
|
+
}, {
|
|
709
712
|
children: item.displayName
|
|
710
|
-
})
|
|
713
|
+
}))
|
|
711
714
|
})]
|
|
712
715
|
}), index);
|
|
713
716
|
});
|
|
@@ -824,7 +827,8 @@ var TableHead$1 = function TableHead(props) {
|
|
|
824
827
|
className: "table-header-title-label"
|
|
825
828
|
}, {
|
|
826
829
|
children: jsx(AutoTips, Object.assign({
|
|
827
|
-
beyondText: headCell.beyondText === undefined ? beyondText : headCell.beyondText
|
|
830
|
+
beyondText: headCell.beyondText === undefined ? beyondText : headCell.beyondText,
|
|
831
|
+
tipMaxWidth: headCell.tipMaxWidth !== undefined ? headCell.tipMaxWidth : tipMaxWidth
|
|
828
832
|
}, {
|
|
829
833
|
children: headCell.label
|
|
830
834
|
}))
|
|
@@ -853,7 +857,7 @@ var TableHead$1 = function TableHead(props) {
|
|
|
853
857
|
}))
|
|
854
858
|
}), headCell.name || index);
|
|
855
859
|
});
|
|
856
|
-
}, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn, lineWidth, dragColumn, changeColumnWidth, headDataConfig, getPopupContainer]);
|
|
860
|
+
}, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn, lineWidth, dragColumn, changeColumnWidth, headDataConfig, getPopupContainer, tipMaxWidth]);
|
|
857
861
|
// 操作栏memo
|
|
858
862
|
var TableOperateMemo = useMemo(function () {
|
|
859
863
|
if (operate) {
|
|
@@ -894,7 +898,8 @@ var TableHead$1 = function TableHead(props) {
|
|
|
894
898
|
className: "table-header-title-label"
|
|
895
899
|
}, {
|
|
896
900
|
children: jsx(AutoTips, Object.assign({
|
|
897
|
-
beyondText: operate.beyondText === undefined ? beyondText : operate.beyondText
|
|
901
|
+
beyondText: operate.beyondText === undefined ? beyondText : operate.beyondText,
|
|
902
|
+
tipMaxWidth: tipMaxWidth
|
|
898
903
|
}, {
|
|
899
904
|
children: operate.label
|
|
900
905
|
}))
|
|
@@ -903,7 +908,7 @@ var TableHead$1 = function TableHead(props) {
|
|
|
903
908
|
}))
|
|
904
909
|
}));
|
|
905
910
|
}
|
|
906
|
-
}, [operate, align, posFixed, showColumns, posFixed, beyondText, fixedColumn]);
|
|
911
|
+
}, [operate, align, posFixed, showColumns, posFixed, beyondText, fixedColumn, tipMaxWidth]);
|
|
907
912
|
// 显示列弹窗内容
|
|
908
913
|
var showListContent = function showListContent() {
|
|
909
914
|
return jsxs("div", Object.assign({
|
|
@@ -921,9 +926,11 @@ var TableHead$1 = function TableHead(props) {
|
|
|
921
926
|
children: [jsx(Checkbox, {
|
|
922
927
|
checked: checked
|
|
923
928
|
}), jsx("span", {
|
|
924
|
-
children: jsx(AutoTips, {
|
|
929
|
+
children: jsx(AutoTips, Object.assign({
|
|
930
|
+
tipMaxWidth: tipMaxWidth
|
|
931
|
+
}, {
|
|
925
932
|
children: item.label
|
|
926
|
-
})
|
|
933
|
+
}))
|
|
927
934
|
})]
|
|
928
935
|
}), index);
|
|
929
936
|
})
|
|
@@ -974,7 +981,7 @@ var TableHead$1 = function TableHead(props) {
|
|
|
974
981
|
}))
|
|
975
982
|
}))
|
|
976
983
|
}));
|
|
977
|
-
}, [showColumns, posFixed, operate, anchorElColums, showList, headDataJson, getPopupContainer]);
|
|
984
|
+
}, [showColumns, posFixed, operate, anchorElColums, showList, headDataJson, getPopupContainer, tipMaxWidth]);
|
|
978
985
|
// 处理class
|
|
979
986
|
var handClass = function handClass() {
|
|
980
987
|
var str = 'table-head';
|
|
@@ -1089,7 +1096,8 @@ var TableBody = function TableBody(props) {
|
|
|
1089
1096
|
posFixed = props.posFixed,
|
|
1090
1097
|
beyondText = props.beyondText,
|
|
1091
1098
|
onClickRow = props.onClickRow,
|
|
1092
|
-
rowClassMapping = props.rowClassMapping
|
|
1099
|
+
rowClassMapping = props.rowClassMapping,
|
|
1100
|
+
tipMaxWidth = props.tipMaxWidth;
|
|
1093
1101
|
var _useState = useState(0),
|
|
1094
1102
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1095
1103
|
expandableColSpan = _useState2[0],
|
|
@@ -1437,13 +1445,14 @@ var TableBody = function TableBody(props) {
|
|
|
1437
1445
|
style: handStyle(item)
|
|
1438
1446
|
}, {
|
|
1439
1447
|
children: item.autoTips === undefined || item.autoTips === true ? jsx(AutoTips, Object.assign({
|
|
1440
|
-
beyondText: item.beyondText === undefined ? beyondText : item.beyondText
|
|
1448
|
+
beyondText: item.beyondText === undefined ? beyondText : item.beyondText,
|
|
1449
|
+
tipMaxWidth: item.tipMaxWidth !== undefined ? item.tipMaxWidth : tipMaxWidth
|
|
1441
1450
|
}, {
|
|
1442
1451
|
children: text
|
|
1443
1452
|
})) : text
|
|
1444
1453
|
}), item.name || index);
|
|
1445
1454
|
});
|
|
1446
|
-
}, [tableCell, headData, align, formatter, orderFieldArr, orderTypeArr, sortTable, showColumns, operate, beyondText, fixedColumn]);
|
|
1455
|
+
}, [tableCell, headData, align, formatter, orderFieldArr, orderTypeArr, sortTable, showColumns, operate, beyondText, fixedColumn, tipMaxWidth]);
|
|
1447
1456
|
// 操作栏useCallback
|
|
1448
1457
|
var TableOperateUseCallback = useCallback(function (row, rowIndex) {
|
|
1449
1458
|
if (operate) {
|
|
@@ -1541,13 +1550,13 @@ var TableBody = function TableBody(props) {
|
|
|
1541
1550
|
}, index);
|
|
1542
1551
|
})
|
|
1543
1552
|
});
|
|
1544
|
-
}, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, disabledExpandJson, onExpand, disabledArrStatus, showColumns, onClickRow, rowClassMapping]);
|
|
1553
|
+
}, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, disabledExpandJson, onExpand, disabledArrStatus, showColumns, onClickRow, rowClassMapping, tipMaxWidth]);
|
|
1545
1554
|
// 内容memo
|
|
1546
1555
|
var TableBodyContentMemo = useMemo(function () {
|
|
1547
1556
|
return jsxs(Fragment$1, {
|
|
1548
1557
|
children: [TableBodySubjectContentMemo, MoreMemo]
|
|
1549
1558
|
});
|
|
1550
|
-
}, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, loadMore, loadMoreRender, onClickMore, changePage, loadMoreUrl, disabledExpandJson, onExpand, showMoreBtn, disabledArrStatus, showColumns, onClickRow, rowClassMapping]);
|
|
1559
|
+
}, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, loadMore, loadMoreRender, onClickMore, changePage, loadMoreUrl, disabledExpandJson, onExpand, showMoreBtn, disabledArrStatus, showColumns, onClickRow, rowClassMapping, tipMaxWidth]);
|
|
1551
1560
|
// 处理内容
|
|
1552
1561
|
var handContent = function handContent() {
|
|
1553
1562
|
// 无数据,且不再请求,显示暂无数据
|
|
@@ -1735,6 +1744,8 @@ var Table = function Table(propsInit) {
|
|
|
1735
1744
|
onClickColumns = props.onClickColumns,
|
|
1736
1745
|
_props$beyondText = props.beyondText,
|
|
1737
1746
|
beyondText = _props$beyondText === void 0 ? true : _props$beyondText,
|
|
1747
|
+
_props$tipMaxWidth = props.tipMaxWidth,
|
|
1748
|
+
tipMaxWidth = _props$tipMaxWidth === void 0 ? 500 : _props$tipMaxWidth,
|
|
1738
1749
|
loading = props.loading,
|
|
1739
1750
|
defaultSortValue = props.defaultSortValue,
|
|
1740
1751
|
defaultFilterValue = props.defaultFilterValue,
|
|
@@ -2849,10 +2860,11 @@ var Table = function Table(propsInit) {
|
|
|
2849
2860
|
lineWidth: lineWidth,
|
|
2850
2861
|
dragColumn: dragColumn,
|
|
2851
2862
|
headDataConfig: headDataConfig,
|
|
2863
|
+
tipMaxWidth: tipMaxWidth,
|
|
2852
2864
|
changeColumnWidth: changeColumnWidth,
|
|
2853
2865
|
getPopupContainer: getPopupContainer
|
|
2854
2866
|
});
|
|
2855
|
-
}, [totalDataJson, showColumns, rowKey, rowData, checkJson, disabledJson, orderTypeArr, orderFieldArr, sortTable, filter, expandable, check, headSelectStatus, radio, align, showHeadList, headDataCom, selectFilterCom, operate, onClickColumns, sortTableRadio, fixedTable, posFixed, beyondText, fixedColumn, lineWidth, dragColumn, headDataConfig, getPopupContainer, onSort]);
|
|
2867
|
+
}, [totalDataJson, showColumns, rowKey, rowData, checkJson, disabledJson, orderTypeArr, orderFieldArr, sortTable, filter, expandable, check, headSelectStatus, radio, align, showHeadList, headDataCom, selectFilterCom, operate, onClickColumns, sortTableRadio, fixedTable, posFixed, beyondText, fixedColumn, lineWidth, dragColumn, headDataConfig, getPopupContainer, onSort, tipMaxWidth]);
|
|
2856
2868
|
// 表格内容memo
|
|
2857
2869
|
var TableBodyMemo = useMemo(function () {
|
|
2858
2870
|
return jsx(TableBody, {
|
|
@@ -2900,9 +2912,10 @@ var Table = function Table(propsInit) {
|
|
|
2900
2912
|
fixedColumn: fixedColumn,
|
|
2901
2913
|
fixedTable: fixedTable,
|
|
2902
2914
|
onClickRow: onClickRow,
|
|
2903
|
-
rowClassMapping: rowClassMapping
|
|
2915
|
+
rowClassMapping: rowClassMapping,
|
|
2916
|
+
tipMaxWidth: tipMaxWidth
|
|
2904
2917
|
});
|
|
2905
|
-
}, [showColumns, formatter, rowKey, rowData, headDataCom, expandable, check, radio, checkJson, sortTable, orderTypeArr, orderFieldArr, radioValue, disabledJson, align, tableCell, operate, setRadio, setCheck, totalDataJson, loadMore, loadMoreRender, onClickMore, total, pageCom, sizeCom, loadMoreUrl, expandValue, expandMultiple, disabledExpand, onExpand, defaultExpandAllRows, loadState, emptyProps, url, disabledArrStatus, posFixed, beyondText, fixedTable, fixedColumn, onClickRow, rowClassMapping]);
|
|
2918
|
+
}, [showColumns, formatter, rowKey, rowData, headDataCom, expandable, check, radio, checkJson, sortTable, orderTypeArr, orderFieldArr, radioValue, disabledJson, align, tableCell, operate, setRadio, setCheck, totalDataJson, loadMore, loadMoreRender, onClickMore, total, pageCom, sizeCom, loadMoreUrl, expandValue, expandMultiple, disabledExpand, onExpand, defaultExpandAllRows, loadState, emptyProps, url, disabledArrStatus, posFixed, beyondText, fixedTable, fixedColumn, onClickRow, rowClassMapping, tipMaxWidth]);
|
|
2906
2919
|
// 表格分页memo
|
|
2907
2920
|
var TablePaginationMemo = useMemo(function () {
|
|
2908
2921
|
if (constData.current.page === null || constData.current.size === null || loadMore) return;
|
package/Table/interface.d.ts
CHANGED
|
@@ -79,6 +79,8 @@ export interface HeadDataProps {
|
|
|
79
79
|
beyondText?: boolean;
|
|
80
80
|
/** 超出不显示... */
|
|
81
81
|
autoTips?: boolean;
|
|
82
|
+
/** 提示最大宽度 */
|
|
83
|
+
tipMaxWidth?: number | string;
|
|
82
84
|
/** 排序,请求才有 */
|
|
83
85
|
orderNum?: number;
|
|
84
86
|
[name: string]: any;
|
|
@@ -138,6 +140,8 @@ export interface TableHeadBodyPublicProps {
|
|
|
138
140
|
posFixed?: PosFixedProps;
|
|
139
141
|
/** 超出内容显示文字还是dom */
|
|
140
142
|
beyondText?: boolean;
|
|
143
|
+
/** 提示最大宽度 */
|
|
144
|
+
tipMaxWidth?: number | string;
|
|
141
145
|
}
|
|
142
146
|
/** 表格参数 */
|
|
143
147
|
export interface TableProps extends TableHeadBodyPublicProps {
|
package/TextEditor/index.js
CHANGED
|
@@ -163,14 +163,13 @@ var TextEditor = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
163
163
|
})
|
|
164
164
|
}
|
|
165
165
|
};
|
|
166
|
-
//
|
|
166
|
+
// 国际化
|
|
167
167
|
useEffect(function () {
|
|
168
168
|
if (in18) {
|
|
169
|
-
console.log(in18);
|
|
170
169
|
i18nChangeLanguage(in18);
|
|
171
170
|
}
|
|
172
171
|
setToolBarKey(Math.random().toString(36).slice(-8));
|
|
173
|
-
}, [
|
|
172
|
+
}, [in18]);
|
|
174
173
|
// 非受控组件赋值
|
|
175
174
|
useEffect(function () {
|
|
176
175
|
if (defaultValue !== undefined) {
|
package/index.js
CHANGED
|
@@ -22,7 +22,7 @@ export { D as Dropdown } from './_verture/index-77f9e0fb.js';
|
|
|
22
22
|
export { default as DynamicMultiBox } from './DynamicMultiBox/index.js';
|
|
23
23
|
export { default as Empty } from './Empty/index.js';
|
|
24
24
|
export { default as Form } from './Form/index.js';
|
|
25
|
-
export { F as FormItem } from './_verture/index-
|
|
25
|
+
export { F as FormItem } from './_verture/index-b30abb46.js';
|
|
26
26
|
export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-f70ba993.js';
|
|
27
27
|
export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
|
|
28
28
|
export { default as Help } from './Help/index.js';
|