@luck-design-biz/luckda 0.0.25-13 → 0.0.25-15

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.
Files changed (45) hide show
  1. package/es/components/LdFormList/index.js +7 -5
  2. package/es/locales/zh-CN.js +0 -1
  3. package/es/lowcode/engine/meta/components-list.json +2 -2
  4. package/es/lowcode/engine/meta/form.props.default.json +2 -2
  5. package/es/lowcode/engine/meta/form.props.json +2 -2
  6. package/es/lowcode/engine/meta/js-editor/auto-complete.json +58 -4
  7. package/es/lowcode/engine/meta/table.props.default.json +2 -1
  8. package/es/lowcode/engine/meta/table.props.json +2 -1
  9. package/es/lowcode/engine/provider/ContextProvider/index.js +59 -16
  10. package/es/lowcode/painter/DesignToolbar.js +3 -4
  11. package/es/lowcode/painter/components/PreviewIframe.js +55 -0
  12. package/es/lowcode/painter/panel-section/DataSetSelector.js +1 -1
  13. package/es/lowcode/painter/panel-section/ImpExp.js +64 -55
  14. package/es/lowcode/painter/panel-section/ImpExpAlone.js +38 -22
  15. package/es/lowcode/painter/panel-section/PageLayoutDisplay.js +18 -1
  16. package/es/lowcode/view/lc-components/Box/FunctionDesign.js +1 -1
  17. package/es/lowcode/view/lc-components/Form/index.js +69 -65
  18. package/es/lowcode/view/lc-components/Form/meta.json +2 -2
  19. package/es/lowcode/view/lc-components/PageLayout/index.js +4 -2
  20. package/es/lowcode/view/lc-components/Table/components/TopImex.js +4 -1
  21. package/es/lowcode/view/lc-components/Table/index.js +158 -159
  22. package/es/lowcode/view/lc-components/Table/meta.json +56 -16
  23. package/lib/components/LdFormList/index.js +7 -5
  24. package/lib/locales/zh-CN.js +0 -1
  25. package/lib/lowcode/engine/meta/components-list.json +2 -2
  26. package/lib/lowcode/engine/meta/form.props.default.json +2 -2
  27. package/lib/lowcode/engine/meta/form.props.json +2 -2
  28. package/lib/lowcode/engine/meta/js-editor/auto-complete.json +58 -4
  29. package/lib/lowcode/engine/meta/table.props.default.json +2 -1
  30. package/lib/lowcode/engine/meta/table.props.json +2 -1
  31. package/lib/lowcode/engine/provider/ContextProvider/index.js +59 -16
  32. package/lib/lowcode/painter/DesignToolbar.js +3 -4
  33. package/lib/lowcode/painter/components/PreviewIframe.js +63 -0
  34. package/lib/lowcode/painter/panel-section/DataSetSelector.js +1 -1
  35. package/lib/lowcode/painter/panel-section/ImpExp.js +63 -54
  36. package/lib/lowcode/painter/panel-section/ImpExpAlone.js +37 -21
  37. package/lib/lowcode/painter/panel-section/PageLayoutDisplay.js +18 -1
  38. package/lib/lowcode/view/lc-components/Box/FunctionDesign.js +1 -1
  39. package/lib/lowcode/view/lc-components/Form/index.js +69 -65
  40. package/lib/lowcode/view/lc-components/Form/meta.json +2 -2
  41. package/lib/lowcode/view/lc-components/PageLayout/index.js +4 -2
  42. package/lib/lowcode/view/lc-components/Table/components/TopImex.js +4 -1
  43. package/lib/lowcode/view/lc-components/Table/index.js +156 -157
  44. package/lib/lowcode/view/lc-components/Table/meta.json +56 -16
  45. package/package.json +5 -6
@@ -31,7 +31,7 @@ var _LdPop = require("../LdPop");
31
31
  var _model = _interopRequireDefault(require("./model"));
32
32
  var _action = require("../../helper/action");
33
33
  var _useTodo3 = _interopRequireDefault(require("../../lowcode/engine/tools/useTodo"));
34
- var _excluded = ["namespace", "formState", "formMode", "formOperates", "loading", "wrapperRef", "readOnly", "mainFormLdId", "renderFormList", "renderAffixLeft", "renderAffixRight", "beforeSubmit", "showSaveBtn", "saveBtnTitle", "affixLayout", "getContainer", "onValueChange", "afterSubmit", "renderFormExtra", "bpmButtonProps", "setVerifyRules", "afterSubmitLoading"],
34
+ var _excluded = ["namespace", "formState", "formMode", "formOperates", "loading", "apiRef", "wrapperRef", "readOnly", "mainFormLdId", "renderFormList", "renderAffixLeft", "renderAffixRight", "beforeSubmit", "showSaveBtn", "saveBtnTitle", "affixLayout", "getContainer", "onValueChange", "afterSubmit", "renderFormExtra", "bpmButtonProps", "setVerifyRules", "afterSubmitLoading"],
35
35
  _excluded2 = ["dataSets", "doAction", "resources"],
36
36
  _excluded3 = ["id", "header", "title", "readOnly", "extraConfig", "renderTopLeft", "serial"],
37
37
  _excluded4 = ["ldId", "initData", "overModel"];
@@ -43,6 +43,7 @@ var LdFormList = function LdFormList(_ref) {
43
43
  formMode = _ref.formMode,
44
44
  formOperates = _ref.formOperates,
45
45
  loading = _ref.loading,
46
+ apiRef = _ref.apiRef,
46
47
  wrapperRef = _ref.wrapperRef,
47
48
  readOnly = _ref.readOnly,
48
49
  mainFormLdId = _ref.mainFormLdId,
@@ -95,7 +96,7 @@ var LdFormList = function LdFormList(_ref) {
95
96
  resources = _ref3.resources,
96
97
  rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
97
98
  var formListRef = (0, _react.useRef)(null);
98
- (0, _react.useImperativeHandle)(wrapperRef, function () {
99
+ (0, _react.useImperativeHandle)(apiRef, function () {
99
100
  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, formListRef.current), {}, {
100
101
  getCValue: function getCValue() {
101
102
  return currentValueRef.current || props.formData;
@@ -258,7 +259,7 @@ var LdFormList = function LdFormList(_ref) {
258
259
  var mainDataSetKey = (_formList$find = formList.find(function (i) {
259
260
  return i.id === mainFormLdId;
260
261
  })) === null || _formList$find === void 0 ? void 0 : _formList$find.dataSetKey;
261
- return formList.length > 0 ? /*#__PURE__*/_react.default.createElement(_FormList.FormList, (0, _extends2.default)({
262
+ return /*#__PURE__*/_react.default.createElement(_FormList.FormList, (0, _extends2.default)({
262
263
  editFlow: true,
263
264
  formState: formState,
264
265
  formMode: formMode,
@@ -268,6 +269,7 @@ var LdFormList = function LdFormList(_ref) {
268
269
  })
269
270
  }, props, {
270
271
  modelName: namespace,
272
+ wrapperRef: wrapperRef,
271
273
  ref: formListRef,
272
274
  onAdd: function onAdd(values, other) {
273
275
  return handleBatchSubmit(values, 'add', other);
@@ -351,7 +353,7 @@ var LdFormList = function LdFormList(_ref) {
351
353
  mode: child.props.mode || 'tab'
352
354
  }) : child.props);
353
355
  })[0];
354
- })) : null;
356
+ }));
355
357
  };
356
358
 
357
359
  // 构建带有model的组件
@@ -436,6 +438,6 @@ Index.defaultProps = {
436
438
  };
437
439
  var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
438
440
  return /*#__PURE__*/_react.default.createElement(Index, (0, _extends2.default)({
439
- wrapperRef: ref
441
+ apiRef: ref
440
442
  }, props));
441
443
  });
@@ -72,7 +72,6 @@ var _default = exports.default = {
72
72
  "luckda.lowcode.painter.panel-section.style-panel.sourceedit": "源码编辑",
73
73
  "luckda.lowcode.painter.panel-section.impexp.expType.placeholder": "请选择自定义行为",
74
74
  "luckda.lowcode.painter.panel-section.impexp.impType.placeholder": "请选择自定义行为",
75
- "luckda.lowcode.painter.export": "导出",
76
75
  "luckda.lowcode.painter.bindCondition": "绑定条件",
77
76
  "luckda.lowcode.painter.panel-section.iconConditionSelector.add": "添加条件",
78
77
  "luckda.lowcode.painter.panel-section.fieldsSetting.field": "数据字段",
@@ -215,8 +215,8 @@
215
215
  },
216
216
  {
217
217
  "component": "Form",
218
- "name": "表单",
219
- "desc": "表单组件是用于收集、验证和提交用户输入数据的重要组件。",
218
+ "name": "复杂表单",
219
+ "desc": "复杂表单组件是用于收集、验证和提交用户输入数据的重要组件。",
220
220
  "icon": "icon-form"
221
221
  },
222
222
  {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "component": "Form",
3
- "name": "表单",
4
- "desc": "表单组件是用于收集、验证和提交用户输入数据的重要组件。",
3
+ "name": "复杂表单",
4
+ "desc": "复杂表单组件是用于收集、验证和提交用户输入数据的重要组件。",
5
5
  "icon": "icon-form",
6
6
  "group": "advance",
7
7
  "groupName": "高级",
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "component": "Form",
3
- "name": "表单",
4
- "desc": "表单组件是用于收集、验证和提交用户输入数据的重要组件。",
3
+ "name": "复杂表单",
4
+ "desc": "复杂表单组件是用于收集、验证和提交用户输入数据的重要组件。",
5
5
  "icon": "icon-form",
6
6
  "group": "advance",
7
7
  "groupName": "高级",
@@ -165,7 +165,7 @@
165
165
  "label": "getInstance",
166
166
  "kind": "method",
167
167
  "insertText": "getInstance",
168
- "documentation": " /**\r\n * 获取表格实例\r\n * @method\r\n */\r"
168
+ "documentation": " /**\n * 获取表格实例\n * @method\n */"
169
169
  }
170
170
  ]
171
171
  },
@@ -188,17 +188,71 @@
188
188
  "name": "ContextProvider",
189
189
  "triggerWord": "ctx",
190
190
  "completions": [
191
+ {
192
+ "label": "pagePublicResource",
193
+ "kind": "property",
194
+ "insertText": "pagePublicResource",
195
+ "documentation": " /**\r\n * @property {object} pagePublicResource - 页面公共资源\r\n */\r"
196
+ },
197
+ {
198
+ "label": "setPagePublicResource",
199
+ "kind": "method",
200
+ "insertText": "setPagePublicResource(key, value)",
201
+ "documentation": " /**\r\n * @method - 设置页面公共资源\r\n * @param {string} key - 页面公共资源键\r\n * @param {any} value - 页面公共资源值\r\n */\r"
202
+ },
203
+ {
204
+ "label": "loading",
205
+ "kind": "property",
206
+ "insertText": "loading",
207
+ "documentation": " /**\r\n * @property {boolean} loading - loading状态\r\n */\r"
208
+ },
209
+ {
210
+ "label": "history",
211
+ "kind": "property",
212
+ "insertText": "history",
213
+ "documentation": " /**\r\n * @property {object} history - 当前路由信息\r\n */\r"
214
+ },
215
+ {
216
+ "label": "callBehavior",
217
+ "kind": "method",
218
+ "insertText": "callBehavior(evns, params, data)",
219
+ "documentation": " /**\r\n * @method - 执行行为接口\r\n * @param {object} evns - moduleCode: 模块编码,datasetCode:数据集编码,behaviorKey:行为key\r\n * @param {object} params - 链接参数\r\n * @param {object} data - body参数\r\n */\r"
220
+ },
221
+ {
222
+ "label": "topics",
223
+ "kind": "property",
224
+ "insertText": "topics",
225
+ "documentation": " /**\r\n * @property {object} topics - 内置的事件话题\r\n */\r"
226
+ },
227
+ {
228
+ "label": "PRIMARY_KEY",
229
+ "kind": "property",
230
+ "insertText": "PRIMARY_KEY",
231
+ "documentation": " /**\r\n * @property {string} PRIMARY_KEY - 主键key\r\n */\r"
232
+ },
233
+ {
234
+ "label": "getElementById",
235
+ "kind": "method",
236
+ "insertText": "getElementById(compId)",
237
+ "documentation": " /**\r\n * @method - 根据组件ID获取实例\r\n * @param {string} compId - 组件ID\r\n * @return {object} target - 组件实例\r\n */\r"
238
+ },
191
239
  {
192
240
  "label": "getParentElement",
193
241
  "kind": "method",
194
- "insertText": "getParentElement(id)",
195
- "documentation": " /**\r\n * @method\r\n * @param {string} id - 组件id\r\n * @return {object}\r\n */\r"
242
+ "insertText": "getParentElement(compId)",
243
+ "documentation": " /**\r\n * @method - 根据组件ID获取父组件实例\r\n * @param {string} compId - 组件ID\r\n * @return {object} target - 父组件实例\r\n */\r"
244
+ },
245
+ {
246
+ "label": "doAction",
247
+ "kind": "method",
248
+ "insertText": "doAction(actionPool, args)",
249
+ "documentation": " /**\r\n * @method - 执行行为池\r\n * @param {object} actionPool - 行为池\r\n * @param {object} args - 参数\r\n */\r"
196
250
  },
197
251
  {
198
252
  "label": "getUrlParams",
199
253
  "kind": "method",
200
254
  "insertText": "getUrlParams",
201
- "documentation": " /**\r\n * @method\r\n * @return {object}\r\n */\r"
255
+ "documentation": " /**\r\n * @method - 获取URL参数\r\n * @return {object} params - url参数\r\n */\r"
202
256
  }
203
257
  ]
204
258
  }
@@ -30,7 +30,8 @@
30
30
  "todoList": []
31
31
  },
32
32
  "impexp": {
33
- "export": true
33
+ "export": true,
34
+ "import": true
34
35
  },
35
36
  "width": "100%",
36
37
  "height": "100%",
@@ -212,7 +212,8 @@
212
212
  "name": "#导入导出",
213
213
  "type": "_ImpExp",
214
214
  "default": {
215
- "export": true
215
+ "export": true,
216
+ "import": true
216
217
  },
217
218
  "wrapperProps": {
218
219
  "suppressIcon": true
@@ -99,27 +99,35 @@ var _default = exports.default = function _default(_ref) {
99
99
  * compId:string 组件id
100
100
  * return:ReactNode
101
101
  */
102
- var getElementById = (0, _ahooks.useMemoizedFn)(function (compId) {});
102
+ var getElementById = (0, _ahooks.useMemoizedFn)(function (compId) {
103
+ var _componentList$curren;
104
+ return (_componentList$curren = _componentList.current.find(function (_ref4) {
105
+ var _ref5 = (0, _slicedToArray2.default)(_ref4, 1),
106
+ _id = _ref5[0];
107
+ return compId === _id;
108
+ })) === null || _componentList$curren === void 0 ? void 0 : _componentList$curren[1];
109
+ });
103
110
 
104
111
  /**
105
112
  * 根据组件id获取父组件
106
113
  * compId:string 组件id
107
114
  * return:ReactNode
108
115
  */
109
- var getParentElement = (0, _ahooks.useMemoizedFn)(function (compId) {});
110
-
111
- /**
112
- * 根据组件id获取组件路径
113
- * compId:string 组件id
114
- * return:ReactNode
115
- */
116
- var getElementPathById = (0, _ahooks.useMemoizedFn)(function (compId) {});
116
+ var getParentElement = (0, _ahooks.useMemoizedFn)(function (compId) {
117
+ var compMap = new Map(_componentList.current);
118
+ var _target = compMap.get(compId);
119
+ var _parentId = _target.api.getSelfData().parentId;
120
+ if (!_parentId) return null;
121
+ return compMap(_parentId);
122
+ });
117
123
 
118
124
  /**
119
125
  * 获取url参数
120
126
  * return:object
121
127
  */
122
- var getUrlParams = (0, _ahooks.useMemoizedFn)(function () {});
128
+ var getUrlParams = (0, _ahooks.useMemoizedFn)(function () {
129
+ return _umi.history.location.query;
130
+ });
123
131
  (0, _ahooks.useUpdateEffect)(function () {
124
132
  eventBus.$publisher(topics.PAGE_PUBLIC_RESOURCE_CHANGED, {
125
133
  resource: pagePublicResource,
@@ -129,28 +137,63 @@ var _default = exports.default = function _default(_ref) {
129
137
  var ctx = new Proxy((0, _objectSpread2.default)({
130
138
  _register: _register,
131
139
  _unregister: _unregister,
140
+ /**
141
+ * @property {object} pagePublicResource - 页面公共资源
142
+ */
132
143
  pagePublicResource: pagePublicResource,
144
+ /**
145
+ * @method - 设置页面公共资源
146
+ * @param {string} key - 页面公共资源键
147
+ * @param {any} value - 页面公共资源值
148
+ */
133
149
  setPagePublicResource: setPagePublicResource,
150
+ /**
151
+ * @property {boolean} loading - loading状态
152
+ */
134
153
  loading: loading,
154
+ /**
155
+ * @property {object} history - 当前路由信息
156
+ */
135
157
  history: _umi.history,
158
+ /**
159
+ * @method - 执行行为接口
160
+ * @param {object} evns - moduleCode: 模块编码,datasetCode:数据集编码,behaviorKey:行为key
161
+ * @param {object} params - 链接参数
162
+ * @param {object} data - body参数
163
+ */
136
164
  callBehavior: callBehavior,
165
+ /**
166
+ * @property {object} topics - 内置的事件话题
167
+ */
137
168
  topics: topics,
169
+ /**
170
+ * @property {string} PRIMARY_KEY - 主键key
171
+ */
138
172
  PRIMARY_KEY: window.appConfig.constraintKeys.PRIMARY,
139
173
  PARENT_KEY: window.appConfig.constraintKeys.PARENT,
174
+ /**
175
+ * @method - 根据组件ID获取实例
176
+ * @param {string} compId - 组件ID
177
+ * @return {object} target - 组件实例
178
+ */
140
179
  getElementById: getElementById,
141
180
  /**
142
- * @method
143
- * @param {string} id - 组件id
144
- * @return {object}
181
+ * @method - 根据组件ID获取父组件实例
182
+ * @param {string} compId - 组件ID
183
+ * @return {object} target - 父组件实例
145
184
  */
146
185
  getParentElement: getParentElement,
147
- getElementPathById: getElementPathById,
186
+ /**
187
+ * @method - 执行行为池
188
+ * @param {object} actionPool - 行为池
189
+ * @param {object} args - 参数
190
+ */
148
191
  doAction: function doAction(actionPool, args) {
149
192
  return todo(this, actionPool, args);
150
193
  },
151
194
  /**
152
- * @method
153
- * @return {object}
195
+ * @method - 获取URL参数
196
+ * @return {object} params - url参数
154
197
  */
155
198
  getUrlParams: getUrlParams
156
199
  }, eventBus), {
@@ -21,7 +21,7 @@ var _antd = require("luck-design/antd");
21
21
  var _utils = require("@luck-design-biz/base/utils");
22
22
  var _ContextProvider = require("../engine/provider/ContextProvider");
23
23
  var _JsonEditor = _interopRequireDefault(require("../painter/components/code-editor/JsonEditor"));
24
- var _preview = _interopRequireDefault(require("../preview"));
24
+ var _PreviewIframe = _interopRequireDefault(require("./components/PreviewIframe"));
25
25
  var _constants = require("../constants");
26
26
  var _design = _interopRequireDefault(require("./style/design.less"));
27
27
  var _apiUrl = require("../constants/api-url");
@@ -408,10 +408,9 @@ var DesignToolbar = function DesignToolbar(_ref) {
408
408
  getContainer: function getContainer() {
409
409
  return document.getElementById('lc-design-workspace');
410
410
  }
411
- }, /*#__PURE__*/_react.default.createElement(_preview.default, {
411
+ }, /*#__PURE__*/_react.default.createElement(_PreviewIframe.default, {
412
412
  code: location.query.code,
413
- userId: userId || 'no-user',
414
- debug: true
413
+ userId: userId || 'no-user'
415
414
  })));
416
415
  };
417
416
  var _default = exports.default = DesignToolbar;
@@ -0,0 +1,63 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
+ var _react = _interopRequireWildcard(require("react"));
11
+ var _reactDom = require("react-dom");
12
+ var _ahooks = require("ahooks");
13
+ var _styledComponents = _interopRequireDefault(require("styled-components"));
14
+ var _preview = _interopRequireDefault(require("../../preview"));
15
+ var Iframe = _styledComponents.default.iframe.withConfig({
16
+ displayName: "Iframe",
17
+ componentId: "luckda-6530__sc-cyloc5-0"
18
+ })(["width:100%;height:100%;border:none;"]);
19
+ var PreviewIframe = function PreviewIframe(_ref) {
20
+ var code = _ref.code,
21
+ userId = _ref.userId;
22
+ var ref = (0, _react.useRef)();
23
+ var _useBoolean = (0, _ahooks.useBoolean)(false),
24
+ _useBoolean2 = (0, _slicedToArray2.default)(_useBoolean, 2),
25
+ isMount = _useBoolean2[0],
26
+ setTrue = _useBoolean2[1].setTrue;
27
+ (0, _react.useEffect)(function () {
28
+ var styles = Array.from(document.styleSheets).map(function (styleSheet) {
29
+ if (styleSheet.href) {
30
+ var link = document.createElement('link');
31
+ link.rel = 'stylesheet';
32
+ link.href = styleSheet.href;
33
+ return link;
34
+ } else {
35
+ try {
36
+ var style = document.createElement('style');
37
+ style.textContent = Array.from(styleSheet.cssRules).map(function (rule) {
38
+ return rule.cssText;
39
+ }).join('\n');
40
+ return style;
41
+ } catch (e) {
42
+ console.error(e);
43
+ return null;
44
+ }
45
+ }
46
+ }).filter(Boolean);
47
+ styles.forEach(function (style) {
48
+ return ref.current.contentDocument.head.appendChild(style);
49
+ });
50
+ ref.current.contentDocument.body.setAttribute('luck-theme', 'base');
51
+ setTrue();
52
+ }, []);
53
+ return /*#__PURE__*/_react.default.createElement(Iframe, {
54
+ ref: ref
55
+ }, isMount && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
56
+ id: "root"
57
+ }, /*#__PURE__*/_react.default.createElement(_preview.default, {
58
+ code: code,
59
+ userId: userId,
60
+ debug: true
61
+ })), ref.current.contentDocument.body));
62
+ };
63
+ var _default = exports.default = PreviewIframe;
@@ -91,7 +91,7 @@ var DataSetSelector = function DataSetSelector(_ref) {
91
91
  var dsFields = res.data.dataSets[value];
92
92
  exe(fieldsKey, dsFields.map(function (f) {
93
93
  var restProps = {
94
- fieldAliasName: f.fieldAliasName
94
+ fieldAliasName: f.fieldAliasName || f.fieldName
95
95
  };
96
96
  if (['table', 'tableForm'].includes(component)) {
97
97
  var _extra = JSON.parse(f.extra || '{}');
@@ -13,6 +13,7 @@ var _antd = require("luck-design/antd");
13
13
  var _utils = require("@luck-design-biz/base/utils");
14
14
  var _lodash = require("lodash");
15
15
  var _ContextProvider = require("../../engine/provider/ContextProvider");
16
+ var _PanelItem = _interopRequireDefault(require("../components/PanelItem"));
16
17
  var _impexp = _interopRequireDefault(require("../style/impexp.less"));
17
18
  var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.impexp';
18
19
  var ImpExp = function ImpExp(_ref) {
@@ -26,7 +27,7 @@ var ImpExp = function ImpExp(_ref) {
26
27
  module = _useRemoteSource.module,
27
28
  impTypeList = _useRemoteSource.impTypeList,
28
29
  expTypeList = _useRemoteSource.expTypeList;
29
- var _useState = (0, _react.useState)(true),
30
+ var _useState = (0, _react.useState)(false),
30
31
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
31
32
  exportDisabled = _useState2[0],
32
33
  setExportDisabled = _useState2[1];
@@ -72,34 +73,60 @@ var ImpExp = function ImpExp(_ref) {
72
73
  import: true
73
74
  });
74
75
  });
75
- var handleSelectChangeExport = (0, _ahooks.useMemoizedFn)(function (value, _ref2) {
76
+ var handleRadioChangeExport = (0, _ahooks.useMemoizedFn)(function (value, _ref2) {
76
77
  var key = _ref2.key;
77
78
  var _value = value;
78
79
  setState({
79
80
  export: _value
80
81
  });
82
+ setExportDisabled(false);
81
83
  });
82
- var handleSelectChangeImport = (0, _ahooks.useMemoizedFn)(function (value, _ref3) {
84
+ var handleSelectChangeExport = (0, _ahooks.useMemoizedFn)(function (value, _ref3) {
83
85
  var key = _ref3.key;
84
86
  var _value = value;
87
+ setState({
88
+ export: _value
89
+ });
90
+ });
91
+ var handleSelectChangeImport = (0, _ahooks.useMemoizedFn)(function (value, _ref4) {
92
+ var key = _ref4.key;
93
+ var _value = value;
85
94
  setState({
86
95
  import: _value
87
96
  });
88
97
  });
89
- return /*#__PURE__*/_react.default.createElement(_antd.Row, {
90
- gutter: [0, 8],
91
- className: _impexp.default['lc-painter-panel-section-impexp']
92
- }, /*#__PURE__*/_react.default.createElement(_antd.Col, {
93
- span: 6
94
- }, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
95
- value: "import",
96
- checked: !!state.import,
97
- onChange: handleCheckboxChange
98
- }, (0, _utils.formatMessage)({
99
- id: 'luckda.lowcode.painter.import',
100
- label: '导入'
101
- }))), /*#__PURE__*/_react.default.createElement(_antd.Col, {
102
- span: 14
98
+ var handleTypeChange = (0, _ahooks.useMemoizedFn)(function (e) {
99
+ var _value = e.target.value;
100
+ setState({
101
+ importType: "".concat(_value) === '2',
102
+ import: true
103
+ });
104
+ });
105
+ var handleTypeChangeExport = (0, _ahooks.useMemoizedFn)(function (e) {
106
+ var _value = e.target.value;
107
+ setState({
108
+ export: "".concat(_value) === '2' ? '' : true
109
+ });
110
+ setExportDisabled("".concat(_value) === '2');
111
+ });
112
+ return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
113
+ label: "\u5BFC\u5165",
114
+ suppressPadding: true
115
+ }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
116
+ size: "small",
117
+ defaultChecked: !!state.import,
118
+ onChange: handleSelectChangeImport
119
+ })), state.import && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
120
+ suppressPadding: true
121
+ }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
122
+ onChange: handleTypeChange,
123
+ defaultValue: !state.importType ? '1' : '2'
124
+ }, /*#__PURE__*/_react.default.createElement(_antd.Radio, {
125
+ value: "1"
126
+ }, "\u6A21\u7248ID"), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
127
+ value: "2"
128
+ }, "\u81EA\u5B9A\u4E49\u884C\u4E3A"))), state.import && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
129
+ suppressPadding: true
103
130
  }, !state.importType ? /*#__PURE__*/_react.default.createElement(_antd.Input, {
104
131
  size: "small",
105
132
  value: (0, _lodash.isString)(state.import) ? state.import : '',
@@ -125,40 +152,35 @@ var ImpExp = function ImpExp(_ref) {
125
152
  }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
126
153
  title: opt.label
127
154
  }, opt.label));
128
- }))), /*#__PURE__*/_react.default.createElement(_antd.Col, {
129
- span: 4,
130
- style: {
131
- textAlign: 'center'
132
- }
155
+ }))), /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
156
+ label: "\u5BFC\u51FA",
157
+ suppressPadding: true
133
158
  }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
134
159
  size: "small",
135
- defaultChecked: !!state.importType,
136
- onChange: handleSwitchChangeImport,
137
- checkedChildren: "\u884C\u4E3A",
138
- unCheckedChildren: "\u6A21\u7248"
139
- })), /*#__PURE__*/_react.default.createElement(_antd.Col, {
140
- span: 6
141
- }, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
142
- value: "export",
143
- checked: state.export,
144
- onChange: handleCheckboxChange
145
- }, (0, _utils.formatMessage)({
146
- id: 'luckda.lowcode.painter.export',
147
- label: '导出'
148
- }))), /*#__PURE__*/_react.default.createElement(_antd.Col, {
149
- span: 14
160
+ defaultChecked: !!((0, _lodash.isString)(state.export) ? true : state.export),
161
+ onChange: handleRadioChangeExport
162
+ })), (state.export || (0, _lodash.isString)(state.export)) && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
163
+ suppressPadding: true
164
+ }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
165
+ onChange: handleTypeChangeExport,
166
+ defaultValue: !(0, _lodash.isString)(state.export) ? '1' : '2'
167
+ }, /*#__PURE__*/_react.default.createElement(_antd.Radio, {
168
+ value: "1"
169
+ }, "\u9ED8\u8BA4"), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
170
+ value: "2"
171
+ }, "\u81EA\u5B9A\u4E49\u884C\u4E3A"))), (!!exportDisabled || (0, _lodash.isString)(state.export)) && /*#__PURE__*/_react.default.createElement(_PanelItem.default, {
172
+ suppressPadding: true
150
173
  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
151
174
  size: "small",
152
175
  style: {
153
176
  width: '100%'
154
177
  },
155
- value: (0, _lodash.isString)(state.export) ? state.export : undefined,
178
+ value: (0, _lodash.isString)(state.export) && state.export ? state.export : undefined,
156
179
  onChange: handleSelectChangeExport,
157
180
  placeholder: (0, _utils.formatMessage)({
158
181
  id: "".concat(_I18N_PREFIX_, ".expType.placeholder"),
159
182
  label: '请选择自定义行为'
160
- }),
161
- disabled: !!exportDisabled
183
+ })
162
184
  }, expTypeList === null || expTypeList === void 0 ? void 0 : expTypeList.map(function (opt) {
163
185
  return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
164
186
  key: opt.key,
@@ -166,19 +188,6 @@ var ImpExp = function ImpExp(_ref) {
166
188
  }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
167
189
  title: opt.label
168
190
  }, opt.label));
169
- }))), /*#__PURE__*/_react.default.createElement(_antd.Col, {
170
- span: 4,
171
- style: {
172
- textAlign: 'center'
173
- }
174
- }, /*#__PURE__*/_react.default.createElement(_antd.Switch, {
175
- size: "small",
176
- defaultChecked: false,
177
- onChange: function onChange(val) {
178
- setExportDisabled(!val);
179
- },
180
- checkedChildren: "\u884C\u4E3A",
181
- unCheckedChildren: "\u9ED8\u8BA4"
182
- })));
191
+ }))));
183
192
  };
184
193
  var _default = exports.default = ImpExp;