@luck-design-biz/luckda 0.0.24-1 → 0.0.25-1

package/es/lowcode/painter/components/field-setting/index.js

@@ -0,0 +1,363 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { useRequest, useSetState, useDebounceFn, useMemoizedFn } from 'ahooks';
+import { Modal } from 'luck-design/antd';
+import { formatMessage } from '@luck-design-biz/base/utils';
+import { dropWhile, startsWith } from 'lodash';
+import { useContext } from "../../../engine/provider/ContextProvider";
+import SettingUI from "./SettingUI";
+import { fetchUpdateUniqueField, fetchAttrs, fetchAddFieldAttrs, fetchUpdateFieldAttrs, fetchDelAttrs } from "../../../constants/api-url";
+import { FIELD_SCOPES } from "../../../constants";
+var _TRUE_FALSE_ = ['__TRUE__', '__FALSE__'];
+var FieldSetting = function FieldSetting(_ref) {
+  var dispatch = _ref.dispatch,
+    nodeId = _ref.nodeId,
+    fieldData = _ref.fieldData,
+    component = _ref.component,
+    datasetId = _ref.datasetId,
+    moduleId = _ref.moduleId,
+    dataModelKey = _ref.dataModelKey,
+    onAliasChange = _ref.onAliasChange,
+    onChange = _ref.onChange;
+  var ctx = useContext();
+  var _useSetState = useSetState({}),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+
+  // 默认值
+  var _useRequest = useRequest(fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: FIELD_SCOPES.DEFAULT_VALUE
+      }],
+      onSuccess: function onSuccess(_ref2) {
+        var code = _ref2.code,
+          list = _ref2.list,
+          detail = _ref2.detail;
+        if (code === 1) {
+          var _detail$list$;
+          setState({
+            fieldDefaultValue: (_detail$list$ = detail[list[0]]) === null || _detail$list$ === void 0 ? void 0 : _detail$list$.ccmModuleFieldDefaultvalue
+          });
+        }
+      }
+    }),
+    defaultValueLoading = _useRequest.loading,
+    defaultValueRefresh = _useRequest.refresh;
+  // 必填
+  var _useRequest2 = useRequest(fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: FIELD_SCOPES.FIELD_REQUIRED
+      }],
+      onSuccess: function onSuccess(_ref3) {
+        var code = _ref3.code,
+          list = _ref3.list,
+          detail = _ref3.detail;
+        if (code === 1) {
+          var _detail$list$2;
+          setState({
+            fieldRequired: (_detail$list$2 = detail[list[0]]) === null || _detail$list$2 === void 0 || (_detail$list$2 = _detail$list$2.ccmOnoffConditions) === null || _detail$list$2 === void 0 ? void 0 : _detail$list$2[0]
+          });
+        }
+      }
+    }),
+    requiredLoading = _useRequest2.loading,
+    requiredRefresh = _useRequest2.refresh;
+  // 是否可写
+  var _useRequest3 = useRequest(fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: FIELD_SCOPES.FIELD_WRITABLE
+      }],
+      onSuccess: function onSuccess(_ref4) {
+        var code = _ref4.code,
+          list = _ref4.list,
+          detail = _ref4.detail;
+        if (code === 1) {
+          var _detail$list$3;
+          setState({
+            fieldWritable: (_detail$list$3 = detail[list[0]]) === null || _detail$list$3 === void 0 || (_detail$list$3 = _detail$list$3.ccmOnoffConditions) === null || _detail$list$3 === void 0 ? void 0 : _detail$list$3[0]
+          });
+        }
+      }
+    }),
+    writableLoading = _useRequest3.loading,
+    writableRefresh = _useRequest3.refresh;
+  // 是否只读
+  var _useRequest4 = useRequest(fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: FIELD_SCOPES.FIELD_READONLY
+      }],
+      onSuccess: function onSuccess(_ref5) {
+        var code = _ref5.code,
+          list = _ref5.list,
+          detail = _ref5.detail;
+        if (code === 1) {
+          var _detail$list$4;
+          setState({
+            fieldReadonly: (_detail$list$4 = detail[list[0]]) === null || _detail$list$4 === void 0 || (_detail$list$4 = _detail$list$4.ccmOnoffConditions) === null || _detail$list$4 === void 0 ? void 0 : _detail$list$4[0]
+          });
+        }
+      }
+    }),
+    readonlyLoading = _useRequest4.loading,
+    readonlyRefresh = _useRequest4.refresh;
+  // 表格显示
+  var _useRequest5 = useRequest(fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: FIELD_SCOPES.FIELD_TABLE_DISPLAY
+      }],
+      onSuccess: function onSuccess(_ref6) {
+        var code = _ref6.code,
+          list = _ref6.list,
+          detail = _ref6.detail;
+        if (code === 1) {
+          var _detail$list$5;
+          setState({
+            fieldTable: (_detail$list$5 = detail[list[0]]) === null || _detail$list$5 === void 0 || (_detail$list$5 = _detail$list$5.ccmOnoffConditions) === null || _detail$list$5 === void 0 ? void 0 : _detail$list$5[0]
+          });
+        }
+      }
+    }),
+    tableLoading = _useRequest5.loading,
+    tableRefresh = _useRequest5.refresh;
+  // 表单显示
+  var _useRequest6 = useRequest(fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: FIELD_SCOPES.FIELD_FORM_DISPLAY
+      }],
+      onSuccess: function onSuccess(_ref7) {
+        var code = _ref7.code,
+          list = _ref7.list,
+          detail = _ref7.detail;
+        if (code === 1) {
+          var _detail$list$6;
+          setState({
+            fieldForm: (_detail$list$6 = detail[list[0]]) === null || _detail$list$6 === void 0 || (_detail$list$6 = _detail$list$6.ccmOnoffConditions) === null || _detail$list$6 === void 0 ? void 0 : _detail$list$6[0]
+          });
+        }
+      }
+    }),
+    formLoading = _useRequest6.loading,
+    formRefresh = _useRequest6.refresh;
+  var _useRequest7 = useRequest(fetchUpdateUniqueField, {
+      manual: true
+    }),
+    runFetchUpdateUniqueField = _useRequest7.runAsync;
+  var handleUIChange = useMemoizedFn(function (key, val) {
+    dispatch({
+      type: 'edit',
+      payload: {
+        id: fieldData.uid,
+        data: _defineProperty({}, key, val)
+      },
+      callback: function callback(newFields) {
+        if (component === 'table') {
+          var gridApi = ctx.componentMap.get(nodeId).api.self.ref.current.gridApi;
+          var col = gridApi.columnApi.getColumn(fieldData.field);
+          if ('headerAlign' === key) {
+            var _headerClassFunc = col.colDef.headerClass;
+            col.colDef.headerClass = function (params) {
+              var classes = _headerClassFunc(params);
+              var temp = dropWhile(classes, function (c) {
+                return startsWith(c, 'luck-header-label-');
+              });
+              temp.push("luck-header-label-".concat(val));
+              return temp;
+            };
+            gridApi.api.refreshHeader();
+          } else if ('align' === key) {
+            var _cellStyleFunc = col.colDef.cellStyle;
+            col.colDef.cellStyle = function (params) {
+              var cellStyle = _cellStyleFunc(params);
+              if ('center' === val) {
+                cellStyle.justifyContent = 'center';
+                cellStyle.textAlign = 'center';
+              } else if ('right' === val) {
+                cellStyle.justifyContent = 'flex-end';
+                cellStyle.textAlign = 'end';
+              } else if ('left' === val) {
+                cellStyle.justifyContent = 'flex-start';
+                cellStyle.textAlign = 'start';
+              }
+              return cellStyle;
+            };
+            gridApi.api.refreshCells({
+              columns: [fieldData.field],
+              force: true
+            });
+          }
+        }
+        onChange(newFields);
+      }
+    });
+  });
+  var _useDebounceFn = useDebounceFn(function (key, val) {
+      if (key === 'width') {
+        handleUIChange(key, val);
+      }
+    }, {
+      wait: 400
+    }),
+    runDebounce = _useDebounceFn.run;
+  var run = useMemoizedFn( /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(key, val) {
+      var mapping, _stateItem, request, c, d, _yield$request, code;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(key === 'isEqual')) {
+              _context2.next = 5;
+              break;
+            }
+            _context2.next = 3;
+            return runFetchUpdateUniqueField(_defineProperty({
+              moduleDatasetUid: datasetId,
+              moduleUid: moduleId
+            }, val ? 'uniqueFieldUid' : 'noUniqueFieldUid', fieldData.uid));
+          case 3:
+            _context2.next = 26;
+            break;
+          case 5:
+            if (!(key === 'align' || key === 'headerAlign' || key === 'pinned' || key === 'tip')) {
+              _context2.next = 9;
+              break;
+            }
+            handleUIChange(key, val);
+            _context2.next = 26;
+            break;
+          case 9:
+            if (!(key === 'delRule')) {
+              _context2.next = 13;
+              break;
+            }
+            Modal.confirm({
+              title: formatMessage({
+                id: 'luckda.lowcode.painter.delete.tip',
+                label: '确定删除吗？'
+              }),
+              getContainer: function getContainer() {
+                return document.getElementById('lc-design-workspace');
+              },
+              zIndex: 1001,
+              onOk: function () {
+                var _onOk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+                  var _yield$fetchDelAttrs, code;
+                  return _regeneratorRuntime().wrap(function _callee$(_context) {
+                    while (1) switch (_context.prev = _context.next) {
+                      case 0:
+                        _context.next = 2;
+                        return fetchDelAttrs({
+                          moduleDatasetUid: fieldData.datasetFieldUid,
+                          ccmModuleFieldVerifies: [{
+                            uid: val
+                          }],
+                          scope: FIELD_SCOPES.CHECK_RULES
+                        });
+                      case 2:
+                        _yield$fetchDelAttrs = _context.sent;
+                        code = _yield$fetchDelAttrs.code;
+                        if (code === 1) {
+                          rulesRefresh();
+                        }
+                      case 5:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }, _callee);
+                }));
+                function onOk() {
+                  return _onOk.apply(this, arguments);
+                }
+                return onOk;
+              }()
+            });
+            _context2.next = 26;
+            break;
+          case 13:
+            mapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FIELD_SCOPES.FIELD_REQUIRED, {
+              key: 'fieldRequired',
+              refresh: requiredRefresh
+            }), FIELD_SCOPES.FIELD_WRITABLE, {
+              key: 'fieldWritable',
+              refresh: writableRefresh
+            }), FIELD_SCOPES.FIELD_READONLY, {
+              key: 'fieldReadonly',
+              refresh: readonlyRefresh
+            }), FIELD_SCOPES.FIELD_TABLE_DISPLAY, {
+              key: 'fieldTable',
+              refresh: tableRefresh
+            }), FIELD_SCOPES.FIELD_FORM_DISPLAY, {
+              key: 'fieldForm',
+              refresh: formRefresh
+            });
+            _stateItem = state[mapping[key].key];
+            request = !!_stateItem ? fetchUpdateFieldAttrs : fetchAddFieldAttrs;
+            setState(_defineProperty({}, mapping[key].key, val));
+            c = {
+              conditionType: val ? _TRUE_FALSE_[0] : _TRUE_FALSE_[1],
+              config: val ? '是' : '否',
+              showconfig: val ? '是' : '否'
+            };
+            if (_stateItem) c.uid = _stateItem.uid;
+            d = {
+              dataModelKey: dataModelKey,
+              moduleDatasetUid: datasetId,
+              moduleUid: moduleId,
+              scope: key,
+              ccmOnoffConditions: [c]
+            };
+            if (!_stateItem) {
+              d.datasetBusinessUids = [fieldData.uid];
+            }
+            _context2.next = 23;
+            return request(d);
+          case 23:
+            _yield$request = _context2.sent;
+            code = _yield$request.code;
+            if (code === 1) {
+              mapping[key].refresh();
+            }
+          case 26:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x, _x2) {
+      return _ref8.apply(this, arguments);
+    };
+  }());
+  var handleFieldAttrsModalClose = useMemoizedFn(function (scope, success) {
+    if (success) {
+      FIELD_SCOPES.DEFAULT_VALUE === scope && defaultValueRefresh();
+      FIELD_SCOPES.FIELD_REQUIRED === scope && requiredRefresh();
+      FIELD_SCOPES.FIELD_WRITABLE === scope && writableRefresh();
+      FIELD_SCOPES.FIELD_READONLY === scope && readonlyRefresh();
+      FIELD_SCOPES.FIELD_TABLE_DISPLAY === scope && tableRefresh();
+      FIELD_SCOPES.FIELD_FORM_DISPLAY === scope && formRefresh();
+    }
+  });
+  return /*#__PURE__*/React.createElement(SettingUI, {
+    loading: defaultValueLoading || requiredLoading || writableLoading || readonlyLoading || tableLoading || formLoading,
+    data: fieldData,
+    conditionsValue: state,
+    dataModelKey: dataModelKey,
+    datasetId: datasetId,
+    moduleId: moduleId,
+    component: component,
+    runDebounce: runDebounce,
+    run: run,
+    onAliasChange: onAliasChange,
+    onFieldAttrsModalClose: handleFieldAttrsModalClose
+  });
+};
+export default FieldSetting;

package/es/lowcode/painter/index.js

@@ -10,8 +10,11 @@ import Design from "./Design";
 import Panel from "./Panel";
 import { RUNTIME } from "../constants/index";
 import styles from "./style/index.less";
+import { DndContext } from '@dnd-kit/core';
+import DragDropContext from "./components/DragDrop/DragDropContext";
 var Painter = function Painter(_ref) {
-  var className = _ref.className;
+  var className = _ref.className,
+    code = _ref.code;
   // 修改后刷新提示功能，暂时关掉，等待提供数据对比进行判断
   // useEffect(() => {
   //   const handleBeforeUnload = (event) => {
@@ -38,8 +41,11 @@ var Painter = function Painter(_ref) {
 
   return /*#__PURE__*/React.createElement(EventBusProvider, {
     runtime: RUNTIME.DESIGN
-  }, /*#__PURE__*/React.createElement(ContextProvider, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(ContextProvider, {
+    code: code
+  }, /*#__PURE__*/React.createElement("div", {
+    id: "lc-design-workspace",
     className: classNames(styles['lc-painter'], _defineProperty({}, className, !!className))
-  }, /*#__PURE__*/React.createElement(Ribbon, null), /*#__PURE__*/React.createElement(Design, null), /*#__PURE__*/React.createElement(Panel, null))));
+  }, /*#__PURE__*/React.createElement(DragDropContext, null, /*#__PURE__*/React.createElement(Ribbon, null), /*#__PURE__*/React.createElement(Design, null), /*#__PURE__*/React.createElement(Panel, null)))));
 };
 export default Painter;

package/es/lowcode/painter/panel-section/ActionsEditor/ActionEditor.js

@@ -0,0 +1,101 @@
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import { Input, Segmented } from 'luck-design/antd';
+import { cloneDeep } from 'lodash';
+import { PopForm, PopFormItem, PopFormItemLeft, PopFormItemRight } from "../../components/PopForm";
+import SerialsSelector from "../SerialsSelector";
+import { formatMessage } from '@luck-design-biz/base/utils';
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionEditor';
+var _SERIAL_EFFECT_OPTIONS_ = [{
+  label: formatMessage({
+    id: 'luckda.lowcode.painter.hidden',
+    label: '隐藏'
+  }),
+  value: 'hidden'
+}, {
+  label: formatMessage({
+    id: 'luckda.lowcode.painter.disable',
+    label: '禁用'
+  }),
+  value: 'disable'
+}];
+var _RISK_LEVEL_OPTIONS_ = [{
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".default"),
+    label: '一般'
+  }),
+  value: 'default'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".primary"),
+    label: '重要'
+  }),
+  value: 'primary'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".danger"),
+    label: '危险'
+  }),
+  value: 'danger'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".destroy"),
+    label: '毁灭'
+  }),
+  value: 'destroy'
+}];
+var ActionEditor = function ActionEditor(_ref) {
+  var action = _ref.action,
+    onChange = _ref.onChange,
+    suppressName = _ref.suppressName,
+    suppressRiskLevel = _ref.suppressRiskLevel;
+  var valueRef = useRef(cloneDeep(action));
+  var handleChange = useMemoizedFn(function (field, value) {
+    valueRef.current[field] = value;
+    onChange(valueRef.current);
+  });
+  return /*#__PURE__*/React.createElement(PopForm, null, !suppressName && /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".name"),
+    label: '名称'
+  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Input, {
+    size: "small",
+    defaultValue: action.name,
+    onChange: function onChange(e) {
+      return handleChange('name', e.target.value);
+    },
+    placeholder: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".name.placeholder"),
+      label: '请输入行为名称'
+    })
+  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".serial"),
+    label: '资源串'
+  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(SerialsSelector, {
+    size: "small",
+    defaultValue: action.serial,
+    onChange: function onChange(val) {
+      return handleChange('serial', val);
+    }
+  }))), /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".serialEffect"),
+    label: '越权效果'
+  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Segmented, {
+    size: "small",
+    options: _SERIAL_EFFECT_OPTIONS_,
+    value: action.serialEffect,
+    onChange: function onChange(value) {
+      return handleChange('serialEffect', value);
+    }
+  }))), !suppressRiskLevel && /*#__PURE__*/React.createElement(PopFormItem, null, /*#__PURE__*/React.createElement(PopFormItemLeft, null, formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".riskLevel"),
+    label: '风险等级'
+  })), /*#__PURE__*/React.createElement(PopFormItemRight, null, /*#__PURE__*/React.createElement(Segmented, {
+    size: "small",
+    options: _RISK_LEVEL_OPTIONS_,
+    value: action.riskLevel,
+    onChange: function onChange(value) {
+      return handleChange('riskLevel', value);
+    }
+  }))));
+};
+export default ActionEditor;