@luck-design-biz/luckda 1.0.1-12 → 1.0.1-13
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/es/components/LdCard/index.js +147 -67
- package/es/components/LdTree/index.less +2 -0
- package/es/locales/zh-CN.js +4 -2
- package/es/lowcode/engine/meta/cardlist.props.default.json +27 -7
- package/es/lowcode/engine/meta/cardlist.props.json +252 -71
- package/es/lowcode/engine/meta/components-list.json +24 -0
- package/es/lowcode/engine/meta/iframe.props.default.json +1 -2
- package/es/lowcode/engine/meta/iframe.props.json +2 -3
- package/es/lowcode/engine/meta/image.props.default.json +3 -3
- package/es/lowcode/engine/meta/image.props.json +49 -15
- package/es/lowcode/engine/meta/js-editor/auto-complete.json +14 -1
- package/es/lowcode/engine/meta/link.props.default.json +1 -2
- package/es/lowcode/engine/meta/link.props.json +8 -9
- package/es/lowcode/painter/Ribbon.js +12 -0
- package/es/lowcode/painter/components/code-editor/BaseEditor.js +2 -1
- package/es/lowcode/painter/panel-section/ActionsEditor/ActionEditor.js +20 -2
- package/es/lowcode/painter/panel-section/ActionsEditor/index.js +18 -3
- package/es/lowcode/painter/panel-section/GroupClassSelector.js +1 -1
- package/es/lowcode/painter/panel-section/StylePanel/MainPanel.js +1 -0
- package/es/lowcode/painter/panel-section/TableTopFilter.js +3 -3
- package/es/lowcode/view/lc-components/CardList/index.js +476 -12
- package/es/lowcode/view/lc-components/CardList/meta.json +253 -72
- package/es/lowcode/view/lc-components/GroupTree/index.js +1 -1
- package/es/lowcode/view/lc-components/Iframe/index.js +57 -6
- package/es/lowcode/view/lc-components/Iframe/meta.json +2 -3
- package/es/lowcode/view/lc-components/Image/index.js +61 -5
- package/es/lowcode/view/lc-components/Image/index.less +27 -0
- package/es/lowcode/view/lc-components/Image/meta.json +49 -15
- package/es/lowcode/view/lc-components/Link/index.js +34 -4
- package/es/lowcode/view/lc-components/Link/index.less +15 -0
- package/es/lowcode/view/lc-components/Link/meta.json +8 -9
- package/es/lowcode/view/lc-components/Table/index.js +2 -2
- package/lib/components/LdCard/index.js +146 -66
- package/lib/components/LdTree/index.less +2 -0
- package/lib/locales/zh-CN.js +4 -2
- package/lib/lowcode/engine/meta/cardlist.props.default.json +27 -7
- package/lib/lowcode/engine/meta/cardlist.props.json +252 -71
- package/lib/lowcode/engine/meta/components-list.json +24 -0
- package/lib/lowcode/engine/meta/iframe.props.default.json +1 -2
- package/lib/lowcode/engine/meta/iframe.props.json +2 -3
- package/lib/lowcode/engine/meta/image.props.default.json +3 -3
- package/lib/lowcode/engine/meta/image.props.json +49 -15
- package/lib/lowcode/engine/meta/js-editor/auto-complete.json +14 -1
- package/lib/lowcode/engine/meta/link.props.default.json +1 -2
- package/lib/lowcode/engine/meta/link.props.json +8 -9
- package/lib/lowcode/painter/Ribbon.js +12 -0
- package/lib/lowcode/painter/components/code-editor/BaseEditor.js +2 -1
- package/lib/lowcode/painter/panel-section/ActionsEditor/ActionEditor.js +19 -1
- package/lib/lowcode/painter/panel-section/ActionsEditor/index.js +18 -3
- package/lib/lowcode/painter/panel-section/GroupClassSelector.js +1 -1
- package/lib/lowcode/painter/panel-section/StylePanel/MainPanel.js +1 -0
- package/lib/lowcode/painter/panel-section/TableTopFilter.js +3 -3
- package/lib/lowcode/view/lc-components/CardList/index.js +475 -11
- package/lib/lowcode/view/lc-components/CardList/meta.json +253 -72
- package/lib/lowcode/view/lc-components/GroupTree/index.js +1 -1
- package/lib/lowcode/view/lc-components/Iframe/index.js +56 -5
- package/lib/lowcode/view/lc-components/Iframe/meta.json +2 -3
- package/lib/lowcode/view/lc-components/Image/index.js +60 -4
- package/lib/lowcode/view/lc-components/Image/index.less +27 -0
- package/lib/lowcode/view/lc-components/Image/meta.json +49 -15
- package/lib/lowcode/view/lc-components/Link/index.js +34 -4
- package/lib/lowcode/view/lc-components/Link/index.less +15 -0
- package/lib/lowcode/view/lc-components/Link/meta.json +8 -9
- package/lib/lowcode/view/lc-components/Table/index.js +2 -2
- package/package.json +176 -176
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
"group": "basic",
|
|
6
6
|
"groupName": "基础",
|
|
7
7
|
"desc": "用于显示图像或照片。以便用户可以轻松地创建具有自定义图片样式和布局的界面。",
|
|
8
|
-
"hidden": true,
|
|
9
8
|
"order": 1,
|
|
10
9
|
"props": [
|
|
11
10
|
{
|
|
@@ -18,7 +17,7 @@
|
|
|
18
17
|
"key": "src",
|
|
19
18
|
"name": "图片地址",
|
|
20
19
|
"desc": "图片地址",
|
|
21
|
-
"type": "
|
|
20
|
+
"type": "string"
|
|
22
21
|
},
|
|
23
22
|
{
|
|
24
23
|
"key": "width",
|
|
@@ -27,6 +26,13 @@
|
|
|
27
26
|
"type": "number",
|
|
28
27
|
"default": 350
|
|
29
28
|
},
|
|
29
|
+
{
|
|
30
|
+
"key": "autoWidth",
|
|
31
|
+
"name": "宽度自适应",
|
|
32
|
+
"desc": "是否图片宽度自适应",
|
|
33
|
+
"type": "switch",
|
|
34
|
+
"default": false
|
|
35
|
+
},
|
|
30
36
|
{
|
|
31
37
|
"key": "height",
|
|
32
38
|
"name": "高度",
|
|
@@ -35,10 +41,10 @@
|
|
|
35
41
|
"default": 200
|
|
36
42
|
},
|
|
37
43
|
{
|
|
38
|
-
"key": "
|
|
39
|
-
"name": "
|
|
40
|
-
"desc": "
|
|
41
|
-
"type": "
|
|
44
|
+
"key": "autoHeight",
|
|
45
|
+
"name": "高度自适应",
|
|
46
|
+
"desc": "是否图片高度自适应",
|
|
47
|
+
"type": "switch",
|
|
42
48
|
"default": false
|
|
43
49
|
},
|
|
44
50
|
{
|
|
@@ -48,16 +54,16 @@
|
|
|
48
54
|
"type": "select",
|
|
49
55
|
"options": [
|
|
50
56
|
{
|
|
51
|
-
"label": "
|
|
52
|
-
"value": "
|
|
57
|
+
"label": "铺满(Cover)",
|
|
58
|
+
"value": "cover"
|
|
53
59
|
},
|
|
54
60
|
{
|
|
55
|
-
"label": "
|
|
56
|
-
"value": "
|
|
61
|
+
"label": "适合(Contain)",
|
|
62
|
+
"value": "contain"
|
|
57
63
|
},
|
|
58
64
|
{
|
|
59
|
-
"label": "
|
|
60
|
-
"value": "
|
|
65
|
+
"label": "拉伸(Fill)",
|
|
66
|
+
"value": "fill"
|
|
61
67
|
}
|
|
62
68
|
],
|
|
63
69
|
"default": "fill"
|
|
@@ -66,8 +72,36 @@
|
|
|
66
72
|
"key": "roundRadios",
|
|
67
73
|
"name": "圆角",
|
|
68
74
|
"desc": "图片四周圆角大小,可设置“0 1px 2px 3px",
|
|
69
|
-
"type": "
|
|
70
|
-
"
|
|
75
|
+
"type": "select",
|
|
76
|
+
"options": [
|
|
77
|
+
{
|
|
78
|
+
"label": "大(16px)",
|
|
79
|
+
"value": "16px"
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"label": "中(8px)",
|
|
83
|
+
"value": "8px"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"label": "小(4px)",
|
|
87
|
+
"value": "4px"
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"label": "无(0px)",
|
|
91
|
+
"value": "0px"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"label": "自定义",
|
|
95
|
+
"value": ""
|
|
96
|
+
}
|
|
97
|
+
],
|
|
98
|
+
"default": ""
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"key": "borderRadios",
|
|
102
|
+
"name": "圆角大小",
|
|
103
|
+
"desc": "自定义圆角大小",
|
|
104
|
+
"type": "string"
|
|
71
105
|
},
|
|
72
106
|
{
|
|
73
107
|
"key": "title",
|
|
@@ -85,7 +119,7 @@
|
|
|
85
119
|
"key": "preview",
|
|
86
120
|
"name": "开启图片预览",
|
|
87
121
|
"desc": "是否开启点击打开图片预览",
|
|
88
|
-
"type": "
|
|
122
|
+
"type": "switch",
|
|
89
123
|
"default": false
|
|
90
124
|
}
|
|
91
125
|
],
|
|
@@ -1,14 +1,36 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
1
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
var _excluded = ["id"];
|
|
3
|
+
var _excluded = ["id", "css"];
|
|
3
4
|
import React, { useRef } from 'react';
|
|
4
5
|
import { useMemoizedFn } from 'ahooks';
|
|
5
6
|
import { omitBadProps } from "../../../engine/tools/helper";
|
|
6
7
|
import defaultMeta from "../../../engine/meta/link.props.default.json";
|
|
7
8
|
import Wrapper from "../Wrapper";
|
|
9
|
+
import styled from 'styled-components';
|
|
10
|
+
import { useContext } from "../../../engine/provider/ContextProvider";
|
|
11
|
+
import { RUNTIME } from "../../../constants";
|
|
12
|
+
var StyledLink = styled.a.withConfig({
|
|
13
|
+
displayName: "StyledLink",
|
|
14
|
+
componentId: "luckda-6530__sc-13gzda1-0"
|
|
15
|
+
})(["display:", ";max-width:", ";white-space:", ";overflow:", ";text-overflow:", ";", ";"], function (props) {
|
|
16
|
+
return props.textOverflow && 'inline-block';
|
|
17
|
+
}, function (props) {
|
|
18
|
+
return props.textOverflow && '100%';
|
|
19
|
+
}, function (props) {
|
|
20
|
+
return props.textOverflow && 'nowrap';
|
|
21
|
+
}, function (props) {
|
|
22
|
+
return props.textOverflow && 'hidden';
|
|
23
|
+
}, function (props) {
|
|
24
|
+
return props.textOverflow && 'ellipsis';
|
|
25
|
+
}, function (props) {
|
|
26
|
+
return props.$css;
|
|
27
|
+
});
|
|
8
28
|
var LCLink = function LCLink(_ref) {
|
|
9
29
|
var id = _ref.id,
|
|
30
|
+
css = _ref.css,
|
|
10
31
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
32
|
var ref = useRef();
|
|
33
|
+
var ctx = useContext();
|
|
12
34
|
var getTargetDom = useMemoizedFn(function () {
|
|
13
35
|
return ref.current;
|
|
14
36
|
});
|
|
@@ -16,9 +38,17 @@ var LCLink = function LCLink(_ref) {
|
|
|
16
38
|
id: id,
|
|
17
39
|
displayName: "Link",
|
|
18
40
|
getTargetDom: getTargetDom
|
|
19
|
-
}, /*#__PURE__*/React.createElement(
|
|
20
|
-
|
|
21
|
-
},
|
|
41
|
+
}, /*#__PURE__*/React.createElement(StyledLink, _extends({
|
|
42
|
+
$css: css
|
|
43
|
+
}, props, {
|
|
44
|
+
ref: ref,
|
|
45
|
+
href: "".concat(props.url, "?").concat(props.params),
|
|
46
|
+
target: props.isBlank ? '_blank' : '_self',
|
|
47
|
+
title: props.textOverflow && props.content,
|
|
48
|
+
onClick: function onClick(e) {
|
|
49
|
+
ctx.runtime === RUNTIME.DESIGN && e.preventDefault();
|
|
50
|
+
}
|
|
51
|
+
}), props.content));
|
|
22
52
|
};
|
|
23
53
|
LCLink.defaultProps = omitBadProps(defaultMeta);
|
|
24
54
|
export default LCLink;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
.alink {
|
|
2
|
+
display: inline-block;
|
|
3
|
+
max-width: 100%;
|
|
4
|
+
white-space: nowrap;
|
|
5
|
+
overflow: hidden;
|
|
6
|
+
text-overflow: ellipsis;
|
|
7
|
+
|
|
8
|
+
a {
|
|
9
|
+
display: inline-block;
|
|
10
|
+
max-width: 100%;
|
|
11
|
+
white-space: nowrap;
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
text-overflow: ellipsis;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
"group": "basic",
|
|
6
6
|
"groupName": "基础",
|
|
7
7
|
"desc": "用于创建可点击的链接,以便用户可以跳转到其他页面或访问相关内容。超链组件提供了简单而直观的方式来创建和管理链接。",
|
|
8
|
-
"hidden": true,
|
|
9
8
|
"order": 1,
|
|
10
9
|
"props": [
|
|
11
10
|
{
|
|
@@ -23,8 +22,8 @@
|
|
|
23
22
|
{
|
|
24
23
|
"key": "textOverflow",
|
|
25
24
|
"name": "单行截断",
|
|
26
|
-
"desc": "
|
|
27
|
-
"type": "
|
|
25
|
+
"desc": "文字超过一行,使用...显示;开后此项后,同时会显示html标签的title",
|
|
26
|
+
"type": "switch",
|
|
28
27
|
"default": false
|
|
29
28
|
},
|
|
30
29
|
{
|
|
@@ -51,16 +50,16 @@
|
|
|
51
50
|
"type": "string"
|
|
52
51
|
},
|
|
53
52
|
{
|
|
54
|
-
"key": "
|
|
55
|
-
"name": "
|
|
56
|
-
"desc": "
|
|
57
|
-
"type": "
|
|
58
|
-
"default":
|
|
53
|
+
"key": "isBlank",
|
|
54
|
+
"name": "新开页面",
|
|
55
|
+
"desc": "是否新开页面",
|
|
56
|
+
"type": "switch",
|
|
57
|
+
"default": true
|
|
59
58
|
},
|
|
60
59
|
{
|
|
61
60
|
"key": "params",
|
|
62
61
|
"name": "携带参数",
|
|
63
|
-
"desc": "
|
|
62
|
+
"desc": "超链的携带参数,key=value形式,多个参数中间用&拼接,例如:pageNo=1&pageSize=20",
|
|
64
63
|
"type": "string"
|
|
65
64
|
},
|
|
66
65
|
{
|
|
@@ -448,12 +448,12 @@ var LCTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
448
448
|
}
|
|
449
449
|
return resultComp;
|
|
450
450
|
}, [topActionGroup, impexp]);
|
|
451
|
-
var renderFilterArea =
|
|
451
|
+
var renderFilterArea = useCallback(function () {
|
|
452
452
|
return topFilter ? /*#__PURE__*/React.createElement(TopFilter, {
|
|
453
453
|
filter: topFilter,
|
|
454
454
|
instance: instanceRef
|
|
455
455
|
}) : null;
|
|
456
|
-
});
|
|
456
|
+
}, [topFilter]);
|
|
457
457
|
var _wrapperProps = useCreation(function () {
|
|
458
458
|
return _defineProperty({
|
|
459
459
|
id: id
|
|
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
12
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
14
|
var _umi = require("umi");
|
|
15
15
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -22,39 +22,94 @@ var _ldBuilder = _interopRequireDefault(require("../../helper/ldBuilder"));
|
|
|
22
22
|
var _List = require("@luck-design-biz/base/List");
|
|
23
23
|
var _utils = require("@luck-design-biz/base/utils");
|
|
24
24
|
var _Component = require("@luck-design-biz/base/Component");
|
|
25
|
-
var _excluded = ["columns", "resources", "actions", "doAction", "afterInit", "namespace", "loading", "wrapperRef", "hasMore", "list", "detail", "params", "doQuery", "onQuery", "unclosableSet", "formatDataSource", "resultSet", "cardConfig", "cardActions", "onOperationsClick", "readOnly", "batchOperations", "readFilter"],
|
|
25
|
+
var _excluded = ["columns", "resources", "actions", "doAction", "afterInit", "namespace", "loading", "wrapperRef", "hasMore", "list", "detail", "params", "doQuery", "onQuery", "unclosableSet", "formatDataSource", "resultSet", "cardConfig", "maxActionsCount", "cardActions", "onOperationsClick", "readOnly", "batchOperations", "readFilter", "wrapper", "wrapperProps", "draggable", "onDrop", "onMount", "onUnmount"],
|
|
26
26
|
_excluded2 = ["ldId", "moduleCode", "suppressInit", "overModel", "afterQuery"];
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
actions = _ref.actions,
|
|
31
|
-
doAction = _ref.doAction,
|
|
32
|
-
afterInit = _ref.afterInit,
|
|
33
|
-
namespace = _ref.namespace,
|
|
34
|
-
loading = _ref.loading,
|
|
35
|
-
wrapperRef = _ref.wrapperRef,
|
|
36
|
-
hasMore = _ref.hasMore,
|
|
37
|
-
list = _ref.list,
|
|
38
|
-
detail = _ref.detail,
|
|
39
|
-
params = _ref.params,
|
|
40
|
-
doQuery = _ref.doQuery,
|
|
41
|
-
onQuery = _ref.onQuery,
|
|
42
|
-
unclosableSet = _ref.unclosableSet,
|
|
43
|
-
formatDataSource = _ref.formatDataSource,
|
|
44
|
-
resultSet = _ref.resultSet,
|
|
45
|
-
cardConfig = _ref.cardConfig,
|
|
46
|
-
cardActions = _ref.cardActions,
|
|
27
|
+
var Action = function Action(_ref) {
|
|
28
|
+
var data = _ref.data,
|
|
29
|
+
action = _ref.action,
|
|
47
30
|
onOperationsClick = _ref.onOperationsClick,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
31
|
+
_ref$inPopover = _ref.inPopover,
|
|
32
|
+
inPopover = _ref$inPopover === void 0 ? false : _ref$inPopover;
|
|
33
|
+
var style = (0, _objectSpread2.default)({
|
|
34
|
+
fontSize: '18px'
|
|
35
|
+
}, action.style);
|
|
36
|
+
if (action.disabled) style.color = 'var(--luck-color-disabled)';
|
|
37
|
+
if (inPopover) style = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
|
|
38
|
+
display: 'flex',
|
|
39
|
+
cursor: 'pointer'
|
|
40
|
+
});
|
|
41
|
+
if (action.render) return /*#__PURE__*/_react.default.createElement("div", {
|
|
42
|
+
style: style
|
|
43
|
+
}, action.render());
|
|
44
|
+
var renderDiv = function renderDiv(_title) {
|
|
45
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
46
|
+
style: style,
|
|
47
|
+
onClick: function onClick(e) {
|
|
48
|
+
e.stopPropagation();
|
|
49
|
+
action.onClick ? action.onClick(data, e) : onOperationsClick(action.key, data, e);
|
|
50
|
+
}
|
|
51
|
+
}, action.iconNode ? action.iconNode : /*#__PURE__*/_react.default.createElement(_antd.Icon, {
|
|
52
|
+
type: action.icon
|
|
53
|
+
}), _title && /*#__PURE__*/_react.default.createElement("span", {
|
|
54
|
+
style: {
|
|
55
|
+
marginLeft: '4px',
|
|
56
|
+
fontSize: '12px'
|
|
57
|
+
}
|
|
58
|
+
}, _title));
|
|
59
|
+
};
|
|
60
|
+
if (inPopover) return renderDiv(action.title);
|
|
61
|
+
return /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
|
|
62
|
+
placement: "top",
|
|
63
|
+
title: action.title
|
|
64
|
+
}, renderDiv());
|
|
65
|
+
};
|
|
66
|
+
var LdCard = function LdCard(_ref2) {
|
|
67
|
+
var columns = _ref2.columns,
|
|
68
|
+
resources = _ref2.resources,
|
|
69
|
+
actions = _ref2.actions,
|
|
70
|
+
doAction = _ref2.doAction,
|
|
71
|
+
afterInit = _ref2.afterInit,
|
|
72
|
+
namespace = _ref2.namespace,
|
|
73
|
+
loading = _ref2.loading,
|
|
74
|
+
wrapperRef = _ref2.wrapperRef,
|
|
75
|
+
hasMore = _ref2.hasMore,
|
|
76
|
+
list = _ref2.list,
|
|
77
|
+
detail = _ref2.detail,
|
|
78
|
+
params = _ref2.params,
|
|
79
|
+
doQuery = _ref2.doQuery,
|
|
80
|
+
onQuery = _ref2.onQuery,
|
|
81
|
+
unclosableSet = _ref2.unclosableSet,
|
|
82
|
+
formatDataSource = _ref2.formatDataSource,
|
|
83
|
+
resultSet = _ref2.resultSet,
|
|
84
|
+
cardConfig = _ref2.cardConfig,
|
|
85
|
+
maxActionsCount = _ref2.maxActionsCount,
|
|
86
|
+
cardActions = _ref2.cardActions,
|
|
87
|
+
onOperationsClick = _ref2.onOperationsClick,
|
|
88
|
+
readOnly = _ref2.readOnly,
|
|
89
|
+
batchOperations = _ref2.batchOperations,
|
|
90
|
+
readFilter = _ref2.readFilter,
|
|
91
|
+
wrapper = _ref2.wrapper,
|
|
92
|
+
wrapperProps = _ref2.wrapperProps,
|
|
93
|
+
draggable = _ref2.draggable,
|
|
94
|
+
onDrop = _ref2.onDrop,
|
|
95
|
+
onMount = _ref2.onMount,
|
|
96
|
+
onUnmount = _ref2.onUnmount,
|
|
97
|
+
props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
|
|
52
98
|
var cardRef = (0, _react.useRef)(null);
|
|
53
99
|
(0, _react.useEffect)(function () {
|
|
54
100
|
readFilter && readFilter(params);
|
|
55
101
|
}, [params]);
|
|
56
102
|
(0, _react.useImperativeHandle)(wrapperRef, function () {
|
|
57
103
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, cardRef.current), {}, {
|
|
104
|
+
getProps: function getProps() {
|
|
105
|
+
var _getDvaApp;
|
|
106
|
+
return {
|
|
107
|
+
apiUrl: (_getDvaApp = (0, _umi.getDvaApp)()) === null || _getDvaApp === void 0 || (_getDvaApp = _getDvaApp._store.getState()[namespace]) === null || _getDvaApp === void 0 ? void 0 : _getDvaApp.apiUrl,
|
|
108
|
+
filter: {
|
|
109
|
+
params: params
|
|
110
|
+
}
|
|
111
|
+
};
|
|
112
|
+
},
|
|
58
113
|
onLdQuery: function onLdQuery() {
|
|
59
114
|
var _params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
60
115
|
doQuery({
|
|
@@ -64,6 +119,14 @@ var LdCard = function LdCard(_ref) {
|
|
|
64
119
|
}
|
|
65
120
|
});
|
|
66
121
|
});
|
|
122
|
+
(0, _react.useLayoutEffect)(function () {
|
|
123
|
+
onMount && onMount({
|
|
124
|
+
params: params
|
|
125
|
+
});
|
|
126
|
+
return function () {
|
|
127
|
+
onUnmount && onUnmount();
|
|
128
|
+
};
|
|
129
|
+
}, []);
|
|
67
130
|
var _batchOperations = (0, _ahooks.useCreation)(function () {
|
|
68
131
|
return (batchOperations || []).map(function (i) {
|
|
69
132
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, i), {}, {
|
|
@@ -74,6 +137,7 @@ var LdCard = function LdCard(_ref) {
|
|
|
74
137
|
var renderCard = (0, _ahooks.useMemoizedFn)(function (item) {
|
|
75
138
|
return /*#__PURE__*/_react.default.createElement(_List.Card, (0, _extends2.default)({}, cardConfig, {
|
|
76
139
|
dataSource: item,
|
|
140
|
+
showDragHandle: draggable,
|
|
77
141
|
operates: readOnly ? [] : item['__infuse_serial__'] || resources,
|
|
78
142
|
onCardClick: function onCardClick(_item, e) {
|
|
79
143
|
return onOperationsClick && onOperationsClick('read', _item, e);
|
|
@@ -81,33 +145,46 @@ var LdCard = function LdCard(_ref) {
|
|
|
81
145
|
onCardDelete: function onCardDelete(_item, e) {
|
|
82
146
|
return onOperationsClick && onOperationsClick('delete', _item, e);
|
|
83
147
|
},
|
|
84
|
-
actions: (0, _luckDesign.PermissionUtil)(cardActions.map(function (
|
|
85
|
-
return
|
|
86
|
-
key:
|
|
87
|
-
wanted:
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
key: i.key,
|
|
93
|
-
wanted: i.resource || 'virtual',
|
|
94
|
-
placement: "top",
|
|
95
|
-
title: i.title
|
|
96
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
97
|
-
style: {
|
|
98
|
-
fontSize: '18px'
|
|
99
|
-
},
|
|
100
|
-
onClick: function onClick(e) {
|
|
101
|
-
e.stopPropagation();
|
|
102
|
-
i.onClick ? i.onClick(item, e) : onOperationsClick(i.key, item, e);
|
|
103
|
-
}
|
|
104
|
-
}, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
|
|
105
|
-
type: i.icon
|
|
106
|
-
})));
|
|
107
|
-
}), readOnly ? [] : [].concat((0, _toConsumableArray2.default)(item['__infuse_serial__'] || resources), ['virtual']))
|
|
148
|
+
actions: (0, _luckDesign.PermissionUtil)(cardActions.map(function (action) {
|
|
149
|
+
return /*#__PURE__*/_react.default.createElement(Action, {
|
|
150
|
+
key: action.key,
|
|
151
|
+
wanted: action.resource || 'virtual',
|
|
152
|
+
data: item,
|
|
153
|
+
action: action
|
|
154
|
+
});
|
|
155
|
+
}), readOnly ? [] : [].concat((0, _toConsumableArray2.default)(item['__infuse_serial__'] || resources), ['virtual']), false, 'right', maxActionsCount)
|
|
108
156
|
}));
|
|
109
157
|
});
|
|
110
|
-
|
|
158
|
+
var handleDragEnd = (0, _ahooks.useMemoizedFn)(function (evt) {
|
|
159
|
+
var oldIndex = evt.oldIndex,
|
|
160
|
+
newIndex = evt.newIndex;
|
|
161
|
+
var PRIMARY = window.appConfig.constraintKeys.PRIMARY;
|
|
162
|
+
var dragNodeProps = detail[list[oldIndex]];
|
|
163
|
+
var targetNodeProps = detail[list[newIndex]];
|
|
164
|
+
if (onDrop) onDrop({
|
|
165
|
+
dragNodeProps: dragNodeProps,
|
|
166
|
+
targetNodeProps: targetNodeProps,
|
|
167
|
+
evt: evt
|
|
168
|
+
});else {
|
|
169
|
+
doAction('drag', {
|
|
170
|
+
get: {
|
|
171
|
+
datasetCode: props.dataSetKey
|
|
172
|
+
},
|
|
173
|
+
post: {
|
|
174
|
+
fromId: dragNodeProps[PRIMARY],
|
|
175
|
+
toId: targetNodeProps[PRIMARY]
|
|
176
|
+
}
|
|
177
|
+
}, {
|
|
178
|
+
showConfirm: false,
|
|
179
|
+
callback: function callback(success) {
|
|
180
|
+
return success && doQuery();
|
|
181
|
+
}
|
|
182
|
+
});
|
|
183
|
+
}
|
|
184
|
+
});
|
|
185
|
+
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
|
|
186
|
+
ref: wrapper
|
|
187
|
+
}, wrapperProps), (0, _lodash.difference)(Object.keys(params), resultSet.invisibleSet || []).length > 0 && /*#__PURE__*/_react.default.createElement(_luckDesign.ResultSet, (0, _extends2.default)({
|
|
111
188
|
set: params,
|
|
112
189
|
onQuery: onQuery
|
|
113
190
|
}, resultSet, {
|
|
@@ -115,14 +192,16 @@ var LdCard = function LdCard(_ref) {
|
|
|
115
192
|
})), /*#__PURE__*/_react.default.createElement(_List.CardList, (0, _extends2.default)({
|
|
116
193
|
col: 4,
|
|
117
194
|
loading: loading,
|
|
118
|
-
renderCard: renderCard
|
|
195
|
+
renderCard: renderCard,
|
|
196
|
+
onDragEnd: handleDragEnd
|
|
119
197
|
}, props, {
|
|
120
198
|
operates: [].concat((0, _toConsumableArray2.default)(resources), ['virtual']),
|
|
121
199
|
modelName: namespace,
|
|
122
200
|
dataSource: formatDataSource(list, detail),
|
|
123
201
|
hasMore: !!hasMore,
|
|
124
202
|
batchOperations: _batchOperations,
|
|
125
|
-
ref: cardRef
|
|
203
|
+
ref: cardRef,
|
|
204
|
+
draggable: draggable
|
|
126
205
|
})));
|
|
127
206
|
};
|
|
128
207
|
var ForwardLdCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
@@ -130,23 +209,23 @@ var ForwardLdCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
130
209
|
wrapperRef: ref
|
|
131
210
|
}, props));
|
|
132
211
|
});
|
|
133
|
-
var LdIndex = function LdIndex(
|
|
134
|
-
var namespace =
|
|
135
|
-
moduleCode =
|
|
136
|
-
suppressInit =
|
|
137
|
-
overModel =
|
|
138
|
-
afterQuery =
|
|
139
|
-
props = (0, _objectWithoutProperties2.default)(
|
|
212
|
+
var LdIndex = function LdIndex(_ref3) {
|
|
213
|
+
var namespace = _ref3.ldId,
|
|
214
|
+
moduleCode = _ref3.moduleCode,
|
|
215
|
+
suppressInit = _ref3.suppressInit,
|
|
216
|
+
overModel = _ref3.overModel,
|
|
217
|
+
afterQuery = _ref3.afterQuery,
|
|
218
|
+
props = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
|
|
140
219
|
if ((0, _lodash.includes)(props.isTree, props.dataSetKey)) return (0, _utils.formatMessage)({
|
|
141
220
|
id: 'luckda.ldCard.notTres',
|
|
142
221
|
label: '此数据集为树形数据集,请选择非树形数据集'
|
|
143
222
|
});
|
|
144
223
|
var Component = (0, _ahooks.useCreation)(function () {
|
|
145
|
-
var
|
|
146
|
-
(
|
|
147
|
-
if (!((
|
|
148
|
-
var
|
|
149
|
-
(
|
|
224
|
+
var _getDvaApp2, _getDvaApp3;
|
|
225
|
+
(_getDvaApp2 = (0, _umi.getDvaApp)()) === null || _getDvaApp2 === void 0 || _getDvaApp2.unmodel(namespace);
|
|
226
|
+
if (!((_getDvaApp3 = (0, _umi.getDvaApp)()) !== null && _getDvaApp3 !== void 0 && _getDvaApp3._store.getState()[namespace])) {
|
|
227
|
+
var _getDvaApp4;
|
|
228
|
+
(_getDvaApp4 = (0, _umi.getDvaApp)()) === null || _getDvaApp4 === void 0 || _getDvaApp4.model((0, _model.default)(namespace, (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
150
229
|
isFlow: !!props.isFlow
|
|
151
230
|
}, overModel), {}, {
|
|
152
231
|
dataSetKey: props.dataSetKey,
|
|
@@ -198,7 +277,8 @@ Index.defaultProps = {
|
|
|
198
277
|
},
|
|
199
278
|
cardActions: [],
|
|
200
279
|
overModel: {},
|
|
201
|
-
cardKey: window.appConfig.constraintKeys.PRIMARY
|
|
280
|
+
cardKey: window.appConfig.constraintKeys.PRIMARY,
|
|
281
|
+
maxActionsCount: 3
|
|
202
282
|
};
|
|
203
283
|
var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
204
284
|
return /*#__PURE__*/_react.default.createElement(Index, (0, _extends2.default)({
|
package/lib/locales/zh-CN.js
CHANGED
|
@@ -7,6 +7,8 @@ exports.default = void 0;
|
|
|
7
7
|
var _default = exports.default = {
|
|
8
8
|
"luckda.lowcode.view.lc-components.label.all": "全部",
|
|
9
9
|
"luckda.lowcode.painter.import": "导入",
|
|
10
|
+
"luckda.lowcode.painter.components.fullscreen-exit.tip": "退出全屏",
|
|
11
|
+
"luckda.lowcode.painter.components.fullscreen.tip": "全屏",
|
|
10
12
|
"lc.form.validator.maxLength": "字数不得超过",
|
|
11
13
|
"lc.form.validator.textNum": "个字符",
|
|
12
14
|
"lc.form.validator.numberBelowMin": "低于最小值",
|
|
@@ -188,6 +190,7 @@ var _default = exports.default = {
|
|
|
188
190
|
"luckda.lowcode.painter.panel-section.actionEditor.destroy": "毁灭",
|
|
189
191
|
"luckda.lowcode.painter.panel-section.actionEditor.name": "名称",
|
|
190
192
|
"luckda.lowcode.painter.panel-section.actionEditor.name.placeholder": "请输入行为名称",
|
|
193
|
+
"luckda.lowcode.painter.panel-section.actionEditor.icon": "图标",
|
|
191
194
|
"luckda.lowcode.painter.panel-section.actionEditor.serial": "资源串",
|
|
192
195
|
"luckda.lowcode.painter.panel-section.actionEditor.serialEffect": "越权效果",
|
|
193
196
|
"luckda.lowcode.painter.panel-section.actionEditor.riskLevel": "风险等级",
|
|
@@ -274,6 +277,5 @@ var _default = exports.default = {
|
|
|
274
277
|
"luckda.lowcode.painter.panel-section.fieldsSetting.checkRules.message.verifyType": "请选择校验规则",
|
|
275
278
|
"luckda.lowcode.painter.panel-section.fieldsSetting.checkRules.errorMsg": "错误提示",
|
|
276
279
|
"luckda.lowcode.painter.panel-section.fieldsSetting.checkRules.message.errorMsg": "请输入错误提示",
|
|
277
|
-
"luckda.lowcode.painter.panel-section.fieldsSetting.checkRules.logic": "校验逻辑"
|
|
278
|
-
"luckda.lowcode.painter.components.fullscreen.tip": "全屏"
|
|
280
|
+
"luckda.lowcode.painter.panel-section.fieldsSetting.checkRules.logic": "校验逻辑"
|
|
279
281
|
};
|
|
@@ -5,16 +5,36 @@
|
|
|
5
5
|
"icon": "icon-cardlist",
|
|
6
6
|
"group": "advance",
|
|
7
7
|
"groupName": "高级",
|
|
8
|
-
"hidden": true,
|
|
9
8
|
"order": 1,
|
|
10
9
|
"autoLoad": true,
|
|
11
10
|
"readOnly": false,
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
11
|
+
"draggable": false,
|
|
12
|
+
"col": 4,
|
|
13
|
+
"pagination": true,
|
|
14
|
+
"pageSize": 40,
|
|
15
|
+
"nocardBoxborder": false,
|
|
16
|
+
"showAvatar": true,
|
|
17
|
+
"showTitle": true,
|
|
18
|
+
"showDesc": true,
|
|
19
|
+
"describeLines": 2,
|
|
20
|
+
"showAddCard": false,
|
|
21
|
+
"addCardHeight": 240,
|
|
22
|
+
"addCardWords": "新建",
|
|
23
|
+
"topActionGroup": {
|
|
24
|
+
"display": "button",
|
|
25
|
+
"max": 2,
|
|
26
|
+
"moreText": "操作",
|
|
27
|
+
"todoList": []
|
|
28
|
+
},
|
|
29
|
+
"rowSelection": false,
|
|
30
|
+
"batchOperations": {
|
|
31
|
+
"todoList": []
|
|
32
|
+
},
|
|
33
|
+
"suppressActions": false,
|
|
34
|
+
"actions": {
|
|
35
|
+
"max": 3,
|
|
36
|
+
"todoList": []
|
|
37
|
+
},
|
|
18
38
|
"advance": {
|
|
19
39
|
"events": {}
|
|
20
40
|
}
|