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

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

@@ -0,0 +1,370 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _utils = require("@luck-design-biz/base/utils");
+var _lodash = require("lodash");
+var _ContextProvider = require("../../../engine/provider/ContextProvider");
+var _SettingUI = _interopRequireDefault(require("./SettingUI"));
+var _apiUrl = require("../../../constants/api-url");
+var _constants = require("../../../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 = (0, _ContextProvider.useContext)();
+  var _useSetState = (0, _ahooks.useSetState)({}),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+
+  // 默认值
+  var _useRequest = (0, _ahooks.useRequest)(_apiUrl.fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: _constants.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 = (0, _ahooks.useRequest)(_apiUrl.fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: _constants.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 = (0, _ahooks.useRequest)(_apiUrl.fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: _constants.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 = (0, _ahooks.useRequest)(_apiUrl.fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: _constants.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 = (0, _ahooks.useRequest)(_apiUrl.fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: _constants.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 = (0, _ahooks.useRequest)(_apiUrl.fetchAttrs, {
+      defaultParams: [{
+        uid: fieldData.datasetFieldUid,
+        scope: _constants.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 = (0, _ahooks.useRequest)(_apiUrl.fetchUpdateUniqueField, {
+      manual: true
+    }),
+    runFetchUpdateUniqueField = _useRequest7.runAsync;
+  var handleUIChange = (0, _ahooks.useMemoizedFn)(function (key, val) {
+    dispatch({
+      type: 'edit',
+      payload: {
+        id: fieldData.uid,
+        data: (0, _defineProperty2.default)({}, 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 = (0, _lodash.dropWhile)(classes, function (c) {
+                return (0, _lodash.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 = (0, _ahooks.useDebounceFn)(function (key, val) {
+      if (key === 'width') {
+        handleUIChange(key, val);
+      }
+    }, {
+      wait: 400
+    }),
+    runDebounce = _useDebounceFn.run;
+  var run = (0, _ahooks.useMemoizedFn)( /*#__PURE__*/function () {
+    var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(key, val) {
+      var mapping, _stateItem, request, c, d, _yield$request, code;
+      return (0, _regeneratorRuntime2.default)().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((0, _defineProperty2.default)({
+              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;
+            }
+            _antd.Modal.confirm({
+              title: (0, _utils.formatMessage)({
+                id: 'luckda.lowcode.painter.delete.tip',
+                label: '确定删除吗？'
+              }),
+              getContainer: function getContainer() {
+                return document.getElementById('lc-design-workspace');
+              },
+              zIndex: 1001,
+              onOk: function () {
+                var _onOk = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+                  var _yield$fetchDelAttrs, code;
+                  return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+                    while (1) switch (_context.prev = _context.next) {
+                      case 0:
+                        _context.next = 2;
+                        return (0, _apiUrl.fetchDelAttrs)({
+                          moduleDatasetUid: fieldData.datasetFieldUid,
+                          ccmModuleFieldVerifies: [{
+                            uid: val
+                          }],
+                          scope: _constants.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 = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.FIELD_SCOPES.FIELD_REQUIRED, {
+              key: 'fieldRequired',
+              refresh: requiredRefresh
+            }), _constants.FIELD_SCOPES.FIELD_WRITABLE, {
+              key: 'fieldWritable',
+              refresh: writableRefresh
+            }), _constants.FIELD_SCOPES.FIELD_READONLY, {
+              key: 'fieldReadonly',
+              refresh: readonlyRefresh
+            }), _constants.FIELD_SCOPES.FIELD_TABLE_DISPLAY, {
+              key: 'fieldTable',
+              refresh: tableRefresh
+            }), _constants.FIELD_SCOPES.FIELD_FORM_DISPLAY, {
+              key: 'fieldForm',
+              refresh: formRefresh
+            });
+            _stateItem = state[mapping[key].key];
+            request = !!_stateItem ? _apiUrl.fetchUpdateFieldAttrs : _apiUrl.fetchAddFieldAttrs;
+            setState((0, _defineProperty2.default)({}, 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 = (0, _ahooks.useMemoizedFn)(function (scope, success) {
+    if (success) {
+      _constants.FIELD_SCOPES.DEFAULT_VALUE === scope && defaultValueRefresh();
+      _constants.FIELD_SCOPES.FIELD_REQUIRED === scope && requiredRefresh();
+      _constants.FIELD_SCOPES.FIELD_WRITABLE === scope && writableRefresh();
+      _constants.FIELD_SCOPES.FIELD_READONLY === scope && readonlyRefresh();
+      _constants.FIELD_SCOPES.FIELD_TABLE_DISPLAY === scope && tableRefresh();
+      _constants.FIELD_SCOPES.FIELD_FORM_DISPLAY === scope && formRefresh();
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_SettingUI.default, {
+    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
+  });
+};
+var _default = exports.default = FieldSetting;

package/lib/lowcode/painter/index.js

@@ -16,11 +16,14 @@ var _Design = _interopRequireDefault(require("./Design"));
 var _Panel = _interopRequireDefault(require("./Panel"));
 var _index = require("../constants/index");
 var _index2 = _interopRequireDefault(require("./style/index.less"));
+var _core = require("@dnd-kit/core");
+var _DragDropContext = _interopRequireDefault(require("./components/DragDrop/DragDropContext"));
 // import { history } from 'umi';
 // import { formatMessage } from '@luck-design-biz/base/utils';
 
 var Painter = function Painter(_ref) {
-  var className = _ref.className;
+  var className = _ref.className,
+    code = _ref.code;
   // 修改后刷新提示功能，暂时关掉，等待提供数据对比进行判断
   // useEffect(() => {
   //   const handleBeforeUnload = (event) => {
@@ -47,8 +50,11 @@ var Painter = function Painter(_ref) {
 
   return /*#__PURE__*/_react.default.createElement(_EventBusProvider.default, {
     runtime: _index.RUNTIME.DESIGN
-  }, /*#__PURE__*/_react.default.createElement(_ContextProvider.default, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_ContextProvider.default, {
+    code: code
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "lc-design-workspace",
     className: (0, _classnames.default)(_index2.default['lc-painter'], (0, _defineProperty2.default)({}, className, !!className))
-  }, /*#__PURE__*/_react.default.createElement(_Ribbon.default, null), /*#__PURE__*/_react.default.createElement(_Design.default, null), /*#__PURE__*/_react.default.createElement(_Panel.default, null))));
+  }, /*#__PURE__*/_react.default.createElement(_DragDropContext.default, null, /*#__PURE__*/_react.default.createElement(_Ribbon.default, null), /*#__PURE__*/_react.default.createElement(_Design.default, null), /*#__PURE__*/_react.default.createElement(_Panel.default, null)))));
 };
 var _default = exports.default = Painter;

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

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _lodash = require("lodash");
+var _PopForm = require("../../components/PopForm");
+var _SerialsSelector = _interopRequireDefault(require("../SerialsSelector"));
+var _utils = require("@luck-design-biz/base/utils");
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.actionEditor';
+var _SERIAL_EFFECT_OPTIONS_ = [{
+  label: (0, _utils.formatMessage)({
+    id: 'luckda.lowcode.painter.hidden',
+    label: '隐藏'
+  }),
+  value: 'hidden'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: 'luckda.lowcode.painter.disable',
+    label: '禁用'
+  }),
+  value: 'disable'
+}];
+var _RISK_LEVEL_OPTIONS_ = [{
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".default"),
+    label: '一般'
+  }),
+  value: 'default'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".primary"),
+    label: '重要'
+  }),
+  value: 'primary'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".danger"),
+    label: '危险'
+  }),
+  value: 'danger'
+}, {
+  label: (0, _utils.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 = (0, _react.useRef)((0, _lodash.cloneDeep)(action));
+  var handleChange = (0, _ahooks.useMemoizedFn)(function (field, value) {
+    valueRef.current[field] = value;
+    onChange(valueRef.current);
+  });
+  return /*#__PURE__*/_react.default.createElement(_PopForm.PopForm, null, !suppressName && /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".name"),
+    label: '名称'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    size: "small",
+    defaultValue: action.name,
+    onChange: function onChange(e) {
+      return handleChange('name', e.target.value);
+    },
+    placeholder: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".name.placeholder"),
+      label: '请输入行为名称'
+    })
+  }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".serial"),
+    label: '资源串'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_SerialsSelector.default, {
+    size: "small",
+    defaultValue: action.serial,
+    onChange: function onChange(val) {
+      return handleChange('serial', val);
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".serialEffect"),
+    label: '越权效果'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Segmented, {
+    size: "small",
+    options: _SERIAL_EFFECT_OPTIONS_,
+    value: action.serialEffect,
+    onChange: function onChange(value) {
+      return handleChange('serialEffect', value);
+    }
+  }))), !suppressRiskLevel && /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItem, null, /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemLeft, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".riskLevel"),
+    label: '风险等级'
+  })), /*#__PURE__*/_react.default.createElement(_PopForm.PopFormItemRight, null, /*#__PURE__*/_react.default.createElement(_antd.Segmented, {
+    size: "small",
+    options: _RISK_LEVEL_OPTIONS_,
+    value: action.riskLevel,
+    onChange: function onChange(value) {
+      return handleChange('riskLevel', value);
+    }
+  }))));
+};
+var _default = exports.default = ActionEditor;