@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
|
@@ -76,6 +76,10 @@ var Ribbon = function Ribbon() {
|
|
|
76
76
|
})
|
|
77
77
|
}, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
|
|
78
78
|
type: "apartment",
|
|
79
|
+
style: {
|
|
80
|
+
color: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_OUTLINE_.key && '#1d79f2',
|
|
81
|
+
fontSize: 20
|
|
82
|
+
},
|
|
79
83
|
onClick: function onClick() {
|
|
80
84
|
return setDrawer((drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_OUTLINE_.key ? null : _DRAWER_OUTLINE_);
|
|
81
85
|
}
|
|
@@ -87,6 +91,10 @@ var Ribbon = function Ribbon() {
|
|
|
87
91
|
})
|
|
88
92
|
}, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
|
|
89
93
|
type: "appstore",
|
|
94
|
+
style: {
|
|
95
|
+
color: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_COMPONENTS_.key && '#1d79f2',
|
|
96
|
+
fontSize: 20
|
|
97
|
+
},
|
|
90
98
|
onClick: function onClick() {
|
|
91
99
|
return setDrawer((drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_COMPONENTS_.key ? null : _DRAWER_COMPONENTS_);
|
|
92
100
|
}
|
|
@@ -98,6 +106,10 @@ var Ribbon = function Ribbon() {
|
|
|
98
106
|
})
|
|
99
107
|
}, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
|
|
100
108
|
type: "global",
|
|
109
|
+
style: {
|
|
110
|
+
color: (drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_I18N_.key && '#1d79f2',
|
|
111
|
+
fontSize: 20
|
|
112
|
+
},
|
|
101
113
|
onClick: function onClick() {
|
|
102
114
|
return setDrawer((drawer === null || drawer === void 0 ? void 0 : drawer.key) === _DRAWER_I18N_.key ? null : _DRAWER_I18N_);
|
|
103
115
|
}
|
|
@@ -83,7 +83,8 @@ var BaseEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
83
83
|
onDidChangeStorage: function onDidChangeStorage() {}
|
|
84
84
|
}
|
|
85
85
|
});
|
|
86
|
-
|
|
86
|
+
// 监听布局变化,重新赋值,解决编辑器全屏切换时,编辑器空白的问题
|
|
87
|
+
editorInstance.current.onDidLayoutChange(function (event) {
|
|
87
88
|
if (onChange) onChange(editorInstance.current.getValue(), event);
|
|
88
89
|
});
|
|
89
90
|
}
|
|
@@ -13,6 +13,8 @@ var _lodash = require("lodash");
|
|
|
13
13
|
var _PopForm = require("../../components/PopForm");
|
|
14
14
|
var _SerialsSelector = _interopRequireDefault(require("../SerialsSelector"));
|
|
15
15
|
var _utils = require("@luck-design-biz/base/utils");
|
|
16
|
+
var _Icon = _interopRequireDefault(require("../Icon"));
|
|
17
|
+
var _IconSelector = _interopRequireDefault(require("../IconSelector"));
|
|
16
18
|
var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionEditor';
|
|
17
19
|
var _SERIAL_EFFECT_OPTIONS_ = [{
|
|
18
20
|
label: (0, _utils.formatMessage)({
|
|
@@ -56,6 +58,8 @@ var ActionEditor = function ActionEditor(_ref) {
|
|
|
56
58
|
var action = _ref.action,
|
|
57
59
|
onChange = _ref.onChange,
|
|
58
60
|
suppressName = _ref.suppressName,
|
|
61
|
+
_ref$suppressIcon = _ref.suppressIcon,
|
|
62
|
+
suppressIcon = _ref$suppressIcon === void 0 ? true : _ref$suppressIcon,
|
|
59
63
|
suppressRiskLevel = _ref.suppressRiskLevel;
|
|
60
64
|
var valueRef = (0, _react.useRef)((0, _lodash.cloneDeep)(action));
|
|
61
65
|
var handleChange = (0, _ahooks.useMemoizedFn)(function (field, value) {
|
|
@@ -75,7 +79,21 @@ var ActionEditor = function ActionEditor(_ref) {
|
|
|
75
79
|
id: "".concat(_I18N_PREFIX_, ".name.placeholder"),
|
|
76
80
|
label: '请输入行为名称'
|
|
77
81
|
})
|
|
78
|
-
}))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
|
|
82
|
+
}))), !suppressIcon && /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
|
|
83
|
+
id: "".concat(_I18N_PREFIX_, ".icon"),
|
|
84
|
+
label: '图标'
|
|
85
|
+
})), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Popover, {
|
|
86
|
+
placement: "left",
|
|
87
|
+
content: /*#__PURE__*/_react.default.createElement(_IconSelector.default, {
|
|
88
|
+
value: action.icon,
|
|
89
|
+
onChange: function onChange(value) {
|
|
90
|
+
return handleChange('icon', value);
|
|
91
|
+
}
|
|
92
|
+
}),
|
|
93
|
+
trigger: "click"
|
|
94
|
+
}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
95
|
+
value: action.icon
|
|
96
|
+
})))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
|
|
79
97
|
id: "".concat(_I18N_PREFIX_, ".serial"),
|
|
80
98
|
label: '资源串'
|
|
81
99
|
})), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_SerialsSelector.default, {
|
|
@@ -20,6 +20,7 @@ var _PopConfirm = _interopRequireDefault(require("../../components/PopConfirm"))
|
|
|
20
20
|
var _ActionBindModal = _interopRequireDefault(require("../../components/ActionBindModal"));
|
|
21
21
|
var _utils = require("@luck-design-biz/base/utils");
|
|
22
22
|
var _helper = require("../../../engine/tools/helper");
|
|
23
|
+
var _IconFont = _interopRequireDefault(require("../../../../components/IconFont"));
|
|
23
24
|
var _actionsEditor = _interopRequireDefault(require("../../style/actions-editor.less"));
|
|
24
25
|
var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionsEditor';
|
|
25
26
|
var _DISPLAY_OPTIONS_ = [{
|
|
@@ -40,6 +41,8 @@ var ActionsEditor = function ActionsEditor(_ref) {
|
|
|
40
41
|
defaultValue = _ref.defaultValue,
|
|
41
42
|
onChange = _ref.onChange,
|
|
42
43
|
suppressDisplay = _ref.suppressDisplay,
|
|
44
|
+
_ref$suppressIcon = _ref.suppressIcon,
|
|
45
|
+
suppressIcon = _ref$suppressIcon === void 0 ? true : _ref$suppressIcon,
|
|
43
46
|
suppressMax = _ref.suppressMax,
|
|
44
47
|
suppressMore = _ref.suppressMore,
|
|
45
48
|
defaultCode = _ref.defaultCode;
|
|
@@ -61,7 +64,8 @@ var ActionsEditor = function ActionsEditor(_ref) {
|
|
|
61
64
|
serial: void 0,
|
|
62
65
|
serialEffect: 'hidden',
|
|
63
66
|
riskLevel: 'default',
|
|
64
|
-
actionPool: []
|
|
67
|
+
actionPool: [],
|
|
68
|
+
icon: suppressIcon ? null : 'iconyingyongguanli'
|
|
65
69
|
},
|
|
66
70
|
callback: function callback(newActions) {
|
|
67
71
|
valueRef.current.todoList = newActions;
|
|
@@ -118,7 +122,8 @@ var ActionsEditor = function ActionsEditor(_ref) {
|
|
|
118
122
|
action: action,
|
|
119
123
|
onChange: function onChange(value) {
|
|
120
124
|
return handleValueChange('action', value);
|
|
121
|
-
}
|
|
125
|
+
},
|
|
126
|
+
suppressIcon: suppressIcon
|
|
122
127
|
})
|
|
123
128
|
}, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
|
|
124
129
|
type: "edit",
|
|
@@ -215,11 +220,21 @@ var ActionsEditor = function ActionsEditor(_ref) {
|
|
|
215
220
|
}),
|
|
216
221
|
handleAdd: handleAdd
|
|
217
222
|
}, todoList.map(function (action) {
|
|
223
|
+
var _action$icon;
|
|
218
224
|
return /*#__PURE__*/_react.default.createElement(_SortBox.SortItem, {
|
|
219
225
|
key: action.id,
|
|
220
226
|
id: action.id
|
|
221
227
|
}, /*#__PURE__*/_react.default.createElement(_ListEditor.ListEditorItem, {
|
|
222
|
-
left: /*#__PURE__*/_react.default.createElement("
|
|
228
|
+
left: /*#__PURE__*/_react.default.createElement("p", {
|
|
229
|
+
style: {
|
|
230
|
+
margin: 0
|
|
231
|
+
}
|
|
232
|
+
}, suppressIcon ? null : /*#__PURE__*/_react.default.createElement(_IconFont.default, {
|
|
233
|
+
type: (_action$icon = action.icon) !== null && _action$icon !== void 0 ? _action$icon : 'iconyingyongguanli',
|
|
234
|
+
style: {
|
|
235
|
+
marginRight: '4px'
|
|
236
|
+
}
|
|
237
|
+
}), /*#__PURE__*/_react.default.createElement("span", null, action.name)),
|
|
223
238
|
right: renderItemRight(action),
|
|
224
239
|
item: action,
|
|
225
240
|
dispatch: dispatch
|
|
@@ -12,7 +12,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _ahooks = require("ahooks");
|
|
14
14
|
var _antd = require("luck-design/antd");
|
|
15
|
-
var _services = require("@luck-design-biz/base/sys/services");
|
|
15
|
+
var _services = require("@luck-design-biz/base/lib/sys/services");
|
|
16
16
|
var GroupClassSelector = function GroupClassSelector(_ref) {
|
|
17
17
|
var defaultValue = _ref.defaultValue,
|
|
18
18
|
_onChange = _ref.onChange;
|
|
@@ -38,6 +38,7 @@ var MainPanel = function MainPanel() {
|
|
|
38
38
|
type: 'code',
|
|
39
39
|
payload: code
|
|
40
40
|
});
|
|
41
|
+
editorRef.current.editor.setValue(code);
|
|
41
42
|
}, []);
|
|
42
43
|
var handleEditorLoad = (0, _react.useCallback)(function () {
|
|
43
44
|
(0, _StyleContext.styleToEditor)(style).then(function (css) {
|
|
@@ -168,9 +168,9 @@ var TableTopFilter = function TableTopFilter(_ref) {
|
|
|
168
168
|
id: "".concat(_I18N_PREFIX_, ".field.placeholder"),
|
|
169
169
|
label: '请选择过滤字段'
|
|
170
170
|
}),
|
|
171
|
-
onChange: function onChange(
|
|
171
|
+
onChange: function onChange(value) {
|
|
172
172
|
return handleChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, opt), {}, {
|
|
173
|
-
field:
|
|
173
|
+
field: value
|
|
174
174
|
}));
|
|
175
175
|
}
|
|
176
176
|
}))))
|
|
@@ -192,7 +192,7 @@ var TableTopFilter = function TableTopFilter(_ref) {
|
|
|
192
192
|
cursor: 'pointer'
|
|
193
193
|
},
|
|
194
194
|
onClick: function onClick() {
|
|
195
|
-
return handleDelete(
|
|
195
|
+
return handleDelete(opt);
|
|
196
196
|
}
|
|
197
197
|
})));
|
|
198
198
|
});
|
|
@@ -1,29 +1,493 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
-
var
|
|
9
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
13
|
var _ahooks = require("ahooks");
|
|
14
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
var _lodash = require("lodash");
|
|
16
|
+
var _base = require("@luck-design-biz/base");
|
|
17
|
+
var _ContextProvider = require("../../../engine/provider/ContextProvider");
|
|
12
18
|
var _Wrapper = _interopRequireDefault(require("../Wrapper"));
|
|
13
|
-
var
|
|
14
|
-
var
|
|
19
|
+
var _index = require("../../../../index");
|
|
20
|
+
var _TopFilter = _interopRequireDefault(require("../Table/components/TopFilter"));
|
|
21
|
+
var _helper = require("../../../engine/tools/helper");
|
|
22
|
+
var _useCombinedRefs = _interopRequireDefault(require("../../../engine/tools/useCombinedRefs"));
|
|
23
|
+
var _cardlistPropsDefault = _interopRequireDefault(require("../../../engine/meta/cardlist.props.default.json"));
|
|
24
|
+
var _constants = require("../../../constants");
|
|
25
|
+
var LCCardList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
15
26
|
var id = _ref.id,
|
|
16
|
-
|
|
17
|
-
|
|
27
|
+
className = _ref.className,
|
|
28
|
+
dataset = _ref.dataset,
|
|
29
|
+
readOnly = _ref.readOnly,
|
|
30
|
+
draggable = _ref.draggable,
|
|
31
|
+
col = _ref.col,
|
|
32
|
+
autoLoad = _ref.autoLoad,
|
|
33
|
+
pagination = _ref.pagination,
|
|
34
|
+
topActionGroup = _ref.topActionGroup,
|
|
35
|
+
topFilter = _ref.topFilter,
|
|
36
|
+
actions = _ref.actions,
|
|
37
|
+
suppressActions = _ref.suppressActions,
|
|
38
|
+
advance = _ref.advance,
|
|
39
|
+
showAddCard = _ref.showAddCard,
|
|
40
|
+
addCardHeight = _ref.addCardHeight,
|
|
41
|
+
addCardWords = _ref.addCardWords,
|
|
42
|
+
rowSelection = _ref.rowSelection,
|
|
43
|
+
disabledCheckbox = _ref.disabledCheckbox,
|
|
44
|
+
batchOperations = _ref.batchOperations,
|
|
45
|
+
pageSize = _ref.pageSize,
|
|
46
|
+
nocardBoxborder = _ref.nocardBoxborder,
|
|
47
|
+
showAvatar = _ref.showAvatar,
|
|
48
|
+
avatarUrl = _ref.avatarUrl,
|
|
49
|
+
showTitle = _ref.showTitle,
|
|
50
|
+
showDesc = _ref.showDesc,
|
|
51
|
+
renderTitle = _ref.renderTitle,
|
|
52
|
+
renderDescribe = _ref.renderDescribe,
|
|
53
|
+
renderContent = _ref.renderContent,
|
|
54
|
+
describeLines = _ref.describeLines;
|
|
55
|
+
var ctx = (0, _ContextProvider.useContext)();
|
|
56
|
+
var apiRef = (0, _react.useRef)();
|
|
57
|
+
var wrapperRef = (0, _react.useRef)();
|
|
58
|
+
var instanceRef = (0, _useCombinedRefs.default)(ref);
|
|
59
|
+
(0, _react.useImperativeHandle)(apiRef, function () {
|
|
60
|
+
return {
|
|
61
|
+
/**
|
|
62
|
+
* 获取表格实例
|
|
63
|
+
* @method
|
|
64
|
+
*/
|
|
65
|
+
getInstance: function getInstance() {
|
|
66
|
+
return instanceRef.current;
|
|
67
|
+
},
|
|
68
|
+
/**
|
|
69
|
+
* 刷新表格
|
|
70
|
+
* @method
|
|
71
|
+
*/
|
|
72
|
+
refresh: function refresh() {
|
|
73
|
+
var init = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
74
|
+
return instanceRef.current.onLdQuery(init ? {
|
|
75
|
+
removeAll: {
|
|
76
|
+
operate: 'removeAll'
|
|
77
|
+
}
|
|
78
|
+
} : null);
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
});
|
|
82
|
+
var onActionClick = (0, _ahooks.useMemoizedFn)(function (action, props) {
|
|
83
|
+
var doAction = function doAction() {
|
|
84
|
+
ctx.doAction(action.actionPool, props);
|
|
85
|
+
};
|
|
86
|
+
if (action.riskLevel === 'danger') {
|
|
87
|
+
_base.Modal.confirm({
|
|
88
|
+
title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
|
|
89
|
+
onOk: doAction
|
|
90
|
+
});
|
|
91
|
+
} else if (action.riskLevel === 'destroy') {
|
|
92
|
+
(0, _base.recheck)({
|
|
93
|
+
title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
|
|
94
|
+
checkWords: "\u6267\u884C".concat(action.name),
|
|
95
|
+
onOk: doAction
|
|
96
|
+
});
|
|
97
|
+
} else {
|
|
98
|
+
doAction();
|
|
99
|
+
}
|
|
100
|
+
});
|
|
101
|
+
var _cardActions = (0, _ahooks.useCreation)(function () {
|
|
102
|
+
return suppressActions ? [] : actions.todoList.map(function (action) {
|
|
103
|
+
return {
|
|
104
|
+
key: action.id,
|
|
105
|
+
resource: action.serialEffect === "hidden" ? action.serial : null,
|
|
106
|
+
title: action.name,
|
|
107
|
+
iconNode: action.icon ? /*#__PURE__*/_react.default.createElement(_base.IconFont, {
|
|
108
|
+
type: action.icon
|
|
109
|
+
}) : action.name,
|
|
110
|
+
onClick: function onClick(data, e) {
|
|
111
|
+
return onActionClick(action, {
|
|
112
|
+
data: data,
|
|
113
|
+
e: e
|
|
114
|
+
});
|
|
115
|
+
},
|
|
116
|
+
style: action.riskLevel === 'default' ? null : {
|
|
117
|
+
color: {
|
|
118
|
+
danger: '#ff7875',
|
|
119
|
+
destroy: '#ff4d4f'
|
|
120
|
+
}[action.riskLevel]
|
|
121
|
+
},
|
|
122
|
+
disabled: action.serialEffect === "disable"
|
|
123
|
+
};
|
|
124
|
+
});
|
|
125
|
+
}, [suppressActions, actions]);
|
|
126
|
+
var _batchOperations = (0, _ahooks.useCreation)(function () {
|
|
127
|
+
return rowSelection && !readOnly ? batchOperations.todoList.map(function (action) {
|
|
128
|
+
return {
|
|
129
|
+
key: action.id,
|
|
130
|
+
wanted: action.serialEffect === "hidden" ? action.serial : null,
|
|
131
|
+
title: action.name,
|
|
132
|
+
style: action.riskLevel === 'default' ? null : {
|
|
133
|
+
color: {
|
|
134
|
+
danger: '#ff7875',
|
|
135
|
+
destroy: '#ff4d4f'
|
|
136
|
+
}[action.riskLevel]
|
|
137
|
+
},
|
|
138
|
+
disabled: action.serialEffect === "disable"
|
|
139
|
+
};
|
|
140
|
+
}) : [];
|
|
141
|
+
}, [rowSelection, batchOperations, readOnly]);
|
|
142
|
+
var batchOperationsByKey = (0, _ahooks.useCreation)(function () {
|
|
143
|
+
return (0, _lodash.keyBy)(batchOperations.todoList, 'id');
|
|
144
|
+
}, [batchOperations.todoList]);
|
|
145
|
+
var handleBatchOperationsClick = (0, _ahooks.useMemoizedFn)(function (key, data) {
|
|
146
|
+
var action = batchOperationsByKey[key];
|
|
147
|
+
if (action) onActionClick(action, {
|
|
148
|
+
data: data
|
|
149
|
+
});
|
|
150
|
+
});
|
|
151
|
+
var renderFunctionArea = (0, _react.useCallback)(function () {
|
|
152
|
+
var _topActionGroup$todoL;
|
|
153
|
+
var resultComp = [];
|
|
154
|
+
if (!!(topActionGroup !== null && topActionGroup !== void 0 && (_topActionGroup$todoL = topActionGroup.todoList) !== null && _topActionGroup$todoL !== void 0 && _topActionGroup$todoL.length)) {
|
|
155
|
+
resultComp.push( /*#__PURE__*/_react.default.createElement(_index.LDActions, (0, _extends2.default)({}, topActionGroup, {
|
|
156
|
+
doAction: function doAction(action) {
|
|
157
|
+
return ctx.doAction(action, {
|
|
158
|
+
instance: instanceRef.current,
|
|
159
|
+
datasetCode: dataset.code
|
|
160
|
+
});
|
|
161
|
+
}
|
|
162
|
+
})));
|
|
163
|
+
}
|
|
164
|
+
return resultComp;
|
|
165
|
+
}, [topActionGroup]);
|
|
166
|
+
var renderFilterArea = (0, _react.useCallback)(function () {
|
|
167
|
+
return topFilter ? /*#__PURE__*/_react.default.createElement(_TopFilter.default, {
|
|
168
|
+
filter: topFilter,
|
|
169
|
+
instance: instanceRef
|
|
170
|
+
}) : null;
|
|
171
|
+
}, [topFilter]);
|
|
172
|
+
var handleOperationsClick = (0, _ahooks.useMemoizedFn)(function (key, data, e) {
|
|
173
|
+
switch (key) {
|
|
174
|
+
case 'read':
|
|
175
|
+
ctx.doAction(advance.events.onCardClick, {
|
|
176
|
+
data: data,
|
|
177
|
+
e: e
|
|
178
|
+
});
|
|
179
|
+
break;
|
|
180
|
+
case 'delete':
|
|
181
|
+
ctx.doAction(advance.events.onCardDelete, {
|
|
182
|
+
data: data,
|
|
183
|
+
e: e
|
|
184
|
+
});
|
|
185
|
+
break;
|
|
186
|
+
default:
|
|
187
|
+
;
|
|
188
|
+
}
|
|
189
|
+
});
|
|
190
|
+
var getCheckboxDisabled = (0, _ahooks.useMemoizedFn)(function (record) {
|
|
191
|
+
if ((0, _lodash.isNil)(disabledCheckbox)) return false;
|
|
192
|
+
return (0, _helper.executeCode)(ctx, disabledCheckbox, ['record'], record);
|
|
193
|
+
});
|
|
194
|
+
var getCheckboxProps = (0, _ahooks.useMemoizedFn)(function (record) {
|
|
195
|
+
return {
|
|
196
|
+
disabled: getCheckboxDisabled(record)
|
|
197
|
+
};
|
|
198
|
+
});
|
|
199
|
+
var _avatarUrl = (0, _ahooks.useMemoizedFn)(function (record) {
|
|
200
|
+
if ((0, _lodash.isNil)(avatarUrl)) return null;
|
|
201
|
+
return (0, _helper.executeCode)(ctx, avatarUrl, ['record'], record);
|
|
202
|
+
});
|
|
203
|
+
var _renderTitle = (0, _ahooks.useMemoizedFn)(function (record) {
|
|
204
|
+
if ((0, _lodash.isNil)(renderTitle)) return record.sname;
|
|
205
|
+
return (0, _helper.executeCode)(ctx, renderTitle, ['record'], record);
|
|
206
|
+
});
|
|
207
|
+
var _renderDescribe = (0, _ahooks.useMemoizedFn)(function (record) {
|
|
208
|
+
if ((0, _lodash.isNil)(renderDescribe)) return record.describe;
|
|
209
|
+
return (0, _helper.executeCode)(ctx, renderDescribe, ['record'], record);
|
|
210
|
+
});
|
|
211
|
+
var _renderContent = (0, _ahooks.useMemoizedFn)(function (record) {
|
|
212
|
+
if ((0, _lodash.isNil)(renderContent)) return null;
|
|
213
|
+
return (0, _helper.executeCode)(ctx, renderContent, ['record'], record);
|
|
214
|
+
});
|
|
215
|
+
var handleMount = (0, _ahooks.useMemoizedFn)(function (params) {
|
|
216
|
+
ctx.doAction(advance.events.onMount, {
|
|
217
|
+
params: params
|
|
218
|
+
});
|
|
219
|
+
});
|
|
220
|
+
var handleUnmount = (0, _ahooks.useMemoizedFn)(function () {
|
|
221
|
+
ctx.doAction(advance.events.onUnmount);
|
|
222
|
+
});
|
|
223
|
+
var handleAdd = (0, _ahooks.useMemoizedFn)(function () {
|
|
224
|
+
ctx.doAction(advance.events.onAddCardClick);
|
|
225
|
+
});
|
|
226
|
+
var handleDrop = (0, _ahooks.useMemoizedFn)(function (_ref2) {
|
|
227
|
+
var dragNodeProps = _ref2.dragNodeProps,
|
|
228
|
+
targetNodeProps = _ref2.targetNodeProps,
|
|
229
|
+
evt = _ref2.evt;
|
|
230
|
+
ctx.doAction(advance.events.onDrop, {
|
|
231
|
+
dragNodeProps: dragNodeProps,
|
|
232
|
+
targetNodeProps: targetNodeProps,
|
|
233
|
+
evt: evt
|
|
234
|
+
});
|
|
235
|
+
});
|
|
236
|
+
var events = (0, _ahooks.useCreation)(function () {
|
|
237
|
+
if (advance !== null && advance !== void 0 && advance.events) {
|
|
238
|
+
var _events = {};
|
|
239
|
+
if (advance.events.onMount) _events.onMount = handleMount;
|
|
240
|
+
if (advance.events.onUnmount) _events.onUnmount = handleUnmount;
|
|
241
|
+
if (advance.events.onAddCardClick) _events.onAdd = handleAdd;
|
|
242
|
+
if (advance.events.onDrop) _events.onDrop = handleDrop;
|
|
243
|
+
return _events;
|
|
244
|
+
}
|
|
245
|
+
return {};
|
|
246
|
+
}, [advance === null || advance === void 0 ? void 0 : advance.events]);
|
|
247
|
+
var _wrapperProps = (0, _ahooks.useCreation)(function () {
|
|
248
|
+
return (0, _defineProperty2.default)({
|
|
249
|
+
id: id
|
|
250
|
+
}, _constants.LC_COMPONENT_UNIT_KEY, _constants.LC_COMPONENT_UNIT);
|
|
251
|
+
}, []);
|
|
18
252
|
var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
|
|
19
|
-
return
|
|
253
|
+
return wrapperRef.current;
|
|
20
254
|
});
|
|
21
255
|
return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
|
|
22
256
|
id: id,
|
|
23
257
|
displayName: "CardList",
|
|
24
|
-
getTargetDom: getTargetDom
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
258
|
+
getTargetDom: getTargetDom,
|
|
259
|
+
api: apiRef
|
|
260
|
+
}, /*#__PURE__*/_react.default.createElement(_index.LdCard, (0, _extends2.default)({
|
|
261
|
+
ref: instanceRef,
|
|
262
|
+
wrapper: wrapperRef,
|
|
263
|
+
wrapperProps: _wrapperProps,
|
|
264
|
+
_loading: ctx.loading,
|
|
265
|
+
className: (0, _classnames.default)((0, _defineProperty2.default)({}, className, !!className)),
|
|
266
|
+
ldId: id,
|
|
267
|
+
dataSetKey: dataset === null || dataset === void 0 ? void 0 : dataset.code,
|
|
268
|
+
readOnly: readOnly,
|
|
269
|
+
isFlow: !pagination,
|
|
270
|
+
draggable: draggable,
|
|
271
|
+
col: col,
|
|
272
|
+
suppressInit: !autoLoad,
|
|
273
|
+
renderFunctionArea: renderFunctionArea,
|
|
274
|
+
renderFilterArea: renderFilterArea,
|
|
275
|
+
cardActions: _cardActions,
|
|
276
|
+
maxActionsCount: actions === null || actions === void 0 ? void 0 : actions.max,
|
|
277
|
+
onOperationsClick: handleOperationsClick,
|
|
278
|
+
renderAddCard: showAddCard ? addCardWords : false,
|
|
279
|
+
AddCardHeight: addCardHeight,
|
|
280
|
+
rowSelection: rowSelection && !readOnly ? {
|
|
281
|
+
getCheckboxProps: getCheckboxProps
|
|
282
|
+
} : false,
|
|
283
|
+
batchOperations: _batchOperations,
|
|
284
|
+
onBatchOperationsClick: handleBatchOperationsClick,
|
|
285
|
+
overModel: {
|
|
286
|
+
pageSize: pageSize
|
|
287
|
+
},
|
|
288
|
+
cardConfig: {
|
|
289
|
+
nocardBoxborder: nocardBoxborder,
|
|
290
|
+
showAvatar: showAvatar,
|
|
291
|
+
avatarUrl: _avatarUrl,
|
|
292
|
+
showTitle: showTitle,
|
|
293
|
+
showDesc: showDesc,
|
|
294
|
+
describeLines: describeLines,
|
|
295
|
+
renderTitle: _renderTitle,
|
|
296
|
+
renderDescribe: _renderDescribe,
|
|
297
|
+
renderContent: _renderContent
|
|
298
|
+
}
|
|
299
|
+
}, events)));
|
|
300
|
+
});
|
|
301
|
+
LCCardList.propTypes = {
|
|
302
|
+
/**
|
|
303
|
+
* @name 唯一标识
|
|
304
|
+
* @type string
|
|
305
|
+
* @disabled true
|
|
306
|
+
*/
|
|
307
|
+
id: _propTypes.default.string.isRequired,
|
|
308
|
+
/**
|
|
309
|
+
* @name 数据集
|
|
310
|
+
* @type _DataSetSelector
|
|
311
|
+
*/
|
|
312
|
+
dataset: _propTypes.default.shape({
|
|
313
|
+
code: _propTypes.default.string.isRequired,
|
|
314
|
+
uid: _propTypes.default.string.isRequired
|
|
315
|
+
}),
|
|
316
|
+
/**
|
|
317
|
+
* @name 自动加载
|
|
318
|
+
* @desc 首次数据是否自动加载,若存在必须带搜索条件再加载的情况,需要关闭
|
|
319
|
+
* @type switch
|
|
320
|
+
* @default true
|
|
321
|
+
*/
|
|
322
|
+
autoLoad: _propTypes.default.bool,
|
|
323
|
+
/**
|
|
324
|
+
* @name 只读
|
|
325
|
+
* @type switch
|
|
326
|
+
* @default false
|
|
327
|
+
*/
|
|
328
|
+
readOnly: _propTypes.default.bool,
|
|
329
|
+
/**
|
|
330
|
+
* @name 列数
|
|
331
|
+
* @type number
|
|
332
|
+
* @default 4
|
|
333
|
+
*/
|
|
334
|
+
col: _propTypes.default.number,
|
|
335
|
+
/**
|
|
336
|
+
* @name 隐藏操作列
|
|
337
|
+
* @type switch
|
|
338
|
+
* @default false
|
|
339
|
+
* @groupNext actionsColumn
|
|
340
|
+
*/
|
|
341
|
+
suppressActions: _propTypes.default.bool,
|
|
342
|
+
/**
|
|
343
|
+
* @name 最大显示数
|
|
344
|
+
* @type number
|
|
345
|
+
* @default 2
|
|
346
|
+
* @groupNext actionsColumn
|
|
347
|
+
*/
|
|
348
|
+
maxActionsCount: _propTypes.default.number,
|
|
349
|
+
/**
|
|
350
|
+
* @name 操作项
|
|
351
|
+
* @type _TableActions
|
|
352
|
+
* @groupNext actionsColumn
|
|
353
|
+
* @default {"max": 3, "moreText": "更多操作", "todoList": []}
|
|
354
|
+
*/
|
|
355
|
+
actions: _propTypes.default.shape({
|
|
356
|
+
max: _propTypes.default.number,
|
|
357
|
+
moreText: _propTypes.default.string,
|
|
358
|
+
todoList: _propTypes.default.array
|
|
359
|
+
}),
|
|
360
|
+
/**
|
|
361
|
+
* @name 顶部操作
|
|
362
|
+
* @type _ActionGroup
|
|
363
|
+
* @default {"display": "button", "max": 2, "moreText": "操作", "todoList": []}
|
|
364
|
+
*/
|
|
365
|
+
topActionGroup: _propTypes.default.shape({
|
|
366
|
+
display: _propTypes.default.oneOf(['text', 'button']),
|
|
367
|
+
max: _propTypes.default.number,
|
|
368
|
+
moreText: _propTypes.default.string,
|
|
369
|
+
todoList: _propTypes.default.array
|
|
370
|
+
}),
|
|
371
|
+
/**
|
|
372
|
+
* @name 顶部过滤器
|
|
373
|
+
* @type _TableTopFilter
|
|
374
|
+
*/
|
|
375
|
+
topFilter: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array, _propTypes.default.shape({
|
|
376
|
+
options: _propTypes.default.array.isRequired,
|
|
377
|
+
field: _propTypes.default.string.isRequired
|
|
378
|
+
})]),
|
|
379
|
+
/**
|
|
380
|
+
* @name 展示新增卡片
|
|
381
|
+
* @type switch
|
|
382
|
+
* @default false
|
|
383
|
+
*/
|
|
384
|
+
showAddCard: _propTypes.default.bool,
|
|
385
|
+
/**
|
|
386
|
+
* @name 新增卡片高度
|
|
387
|
+
* @type number
|
|
388
|
+
* @default 240
|
|
389
|
+
*/
|
|
390
|
+
addCardHeight: _propTypes.default.number,
|
|
391
|
+
/**
|
|
392
|
+
* @name 新增卡片内容
|
|
393
|
+
* @type string
|
|
394
|
+
* @disabled "新建"
|
|
395
|
+
*/
|
|
396
|
+
addCardWords: _propTypes.default.string,
|
|
397
|
+
/**
|
|
398
|
+
* @name 开启选择器
|
|
399
|
+
* @type switch
|
|
400
|
+
* @default false
|
|
401
|
+
*/
|
|
402
|
+
rowSelection: _propTypes.default.bool,
|
|
403
|
+
/**
|
|
404
|
+
* @name 不可选卡片
|
|
405
|
+
* @type _JSEditor
|
|
406
|
+
* @default "function disabledCheckbox(record) { \n return false; \n}"
|
|
407
|
+
*/
|
|
408
|
+
disabledCheckbox: _propTypes.default.string,
|
|
409
|
+
/**
|
|
410
|
+
* @name 卡片操作项
|
|
411
|
+
* @type _ActionsEditor
|
|
412
|
+
*/
|
|
413
|
+
batchOperations: _propTypes.default.shape({
|
|
414
|
+
todoList: _propTypes.default.array.isRequired
|
|
415
|
+
}),
|
|
416
|
+
/**
|
|
417
|
+
* @name 每页行数
|
|
418
|
+
* @type number
|
|
419
|
+
* @default 40
|
|
420
|
+
*/
|
|
421
|
+
pageSize: _propTypes.default.number,
|
|
422
|
+
/**
|
|
423
|
+
* @name 无边框风格
|
|
424
|
+
* @type switch
|
|
425
|
+
* @default false
|
|
426
|
+
*/
|
|
427
|
+
nocardBoxborder: _propTypes.default.bool,
|
|
428
|
+
/**
|
|
429
|
+
* @name 显示图标
|
|
430
|
+
* @type switch
|
|
431
|
+
* @default true
|
|
432
|
+
*/
|
|
433
|
+
showAvatar: _propTypes.default.bool,
|
|
434
|
+
/**
|
|
435
|
+
* @name 图标地址
|
|
436
|
+
* @type _JSEditor
|
|
437
|
+
* @default "function avatarUrl(record) { \n return null; \n}"
|
|
438
|
+
*/
|
|
439
|
+
avatarUrl: _propTypes.default.string,
|
|
440
|
+
/**
|
|
441
|
+
* @name 显示标题
|
|
442
|
+
* @type switch
|
|
443
|
+
* @default true
|
|
444
|
+
*/
|
|
445
|
+
showTitle: _propTypes.default.bool,
|
|
446
|
+
/**
|
|
447
|
+
* @name 标题内容
|
|
448
|
+
* @type _JSEditor
|
|
449
|
+
* @default "function renderTitle(record) { \n return record.sname; \n}"
|
|
450
|
+
*/
|
|
451
|
+
renderTitle: _propTypes.default.string,
|
|
452
|
+
/**
|
|
453
|
+
* @name 显示描述
|
|
454
|
+
* @type switch
|
|
455
|
+
* @default true
|
|
456
|
+
*/
|
|
457
|
+
showDesc: _propTypes.default.bool,
|
|
458
|
+
/**
|
|
459
|
+
* @name 描述最大展示行
|
|
460
|
+
* @type number
|
|
461
|
+
* @default 2
|
|
462
|
+
*/
|
|
463
|
+
describeLines: _propTypes.default.number,
|
|
464
|
+
/**
|
|
465
|
+
* @name 描述内容
|
|
466
|
+
* @type _JSEditor
|
|
467
|
+
* @default "function renderDescribe(record) { \n return record.describe; \n}"
|
|
468
|
+
*/
|
|
469
|
+
renderDescribe: _propTypes.default.string,
|
|
470
|
+
/**
|
|
471
|
+
* @name 自定义
|
|
472
|
+
* @type _JSEditor
|
|
473
|
+
* @default "function renderContent(record) { \n return null; \n}"
|
|
474
|
+
*/
|
|
475
|
+
renderContent: _propTypes.default.string,
|
|
476
|
+
/**
|
|
477
|
+
* @name 组件首次渲染时
|
|
478
|
+
* @type _JSEditor
|
|
479
|
+
*/
|
|
480
|
+
onMount: _propTypes.default.string,
|
|
481
|
+
/**
|
|
482
|
+
* @name 组件卸载时
|
|
483
|
+
* @type _JSEditor
|
|
484
|
+
*/
|
|
485
|
+
onUnmount: _propTypes.default.string,
|
|
486
|
+
/**
|
|
487
|
+
* @name 新增卡片点击时
|
|
488
|
+
* @type _JSEditor
|
|
489
|
+
*/
|
|
490
|
+
onAddCardClick: _propTypes.default.string
|
|
28
491
|
};
|
|
492
|
+
LCCardList.defaultProps = (0, _helper.omitBadProps)(_cardlistPropsDefault.default);
|
|
29
493
|
var _default = exports.default = LCCardList;
|