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

package/es/lowcode/painter/panel-section/BlocksEditor/BlockEditorItem.js

@@ -0,0 +1,44 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import { Icon } from 'luck-design/antd';
+import { isNil } from 'lodash';
+import Collapse from "../../components/Collapse";
+var BlockEditorItem = function BlockEditorItem(_ref) {
+  var children = _ref.children,
+    onDelete = _ref.onDelete,
+    name = _ref.name,
+    setNodeRef = _ref.setNodeRef,
+    style = _ref.style,
+    setActivatorNodeRef = _ref.setActivatorNodeRef,
+    attributes = _ref.attributes,
+    listeners = _ref.listeners;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: setNodeRef,
+    style: style
+  }, /*#__PURE__*/React.createElement(Collapse, {
+    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", _extends({
+      ref: setActivatorNodeRef
+    }, attributes, listeners), /*#__PURE__*/React.createElement("svg", {
+      fill: "currentColor",
+      preserveAspectRatio: "xMidYMid meet",
+      width: "16",
+      height: "12",
+      viewBox: "0 0 5 12",
+      style: {
+        verticalAlign: 'middle'
+      }
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M0.499972716,6 L1.50002728,6 C1.77615459,6 2,6.22384541 2,6.49997272 C2,6.77610002 1.77615459,6.99994543 1.50002728,6.99994543 L0.499972716,6.99994543 C0.22384541,6.99994543 3.38158422e-17,6.77610002 0,6.49997272 C-3.38158422e-17,6.22384541 0.22384541,6 0.499972716,6 Z M0.499972716,3 L1.50002728,3 C1.77615459,3 2,3.22384541 2,3.49997272 C2,3.77610002 1.77615459,3.99994543 1.50002728,3.99994543 L0.499972716,3.99994543 C0.22384541,3.99994543 3.38158422e-17,3.77610002 0,3.49997272 C-3.38158422e-17,3.22384541 0.22384541,3 0.499972716,3 Z M0.499972716,7.28787148e-18 L1.50002728,5.55666624e-14 C1.77615459,7.07214574e-14 2,0.22384541 2,0.499972716 C2,0.776100022 1.77615459,0.999945432 1.50002728,0.999945432 L0.499972716,0.999945432 C0.22384541,0.999945432 3.38158422e-17,0.776100022 0,0.499972716 C-3.38158422e-17,0.22384541 0.22384541,5.0723721e-17 0.499972716,0 Z M0.5,9.00002729 L1.5,9.00002729 C1.77614237,9.00002729 2,9.22388491 2,9.50002729 C2,9.77616966 1.77614237,10.0000273 1.5,10.0000273 L0.5,10.0000273 C0.223857625,10.0000273 3.38176876e-17,9.77616966 0,9.50002729 C-3.38176876e-17,9.22388491 0.223857625,9.00002729 0.5,9.00002729 Z M0.5,12.0000273 L1.5,12.0000273 C1.77614237,12.0000273 2,12.2238849 2,12.5000273 C2,12.7761697 1.77614237,13.0000273 1.5,13.0000273 L0.5,13.0000273 C0.223857625,13.0000273 3.38176876e-17,12.7761697 0,12.5000273 C-3.38176876e-17,12.2238849 0.223857625,12.0000273 0.5,12.0000273 Z M0.5,15.0000273 L1.5,15.0000273 C1.77614237,15.0000273 2,15.2238849 2,15.5000273 C2,15.7761697 1.77614237,16.0000273 1.5,16.0000273 L0.5,16.0000273 C0.223857625,16.0000273 3.38176876e-17,15.7761697 0,15.5000273 C-3.38176876e-17,15.2238849 0.223857625,15.0000273 0.5,15.0000273 Z M3.49997272,6 L4.50002728,6 C4.77615459,6 5,6.22384541 5,6.49997272 C5,6.77610002 4.77615459,6.99994543 4.50002728,6.99994543 L3.49997272,6.99994543 C3.22384541,6.99994543 3,6.77610002 3,6.49997272 C3,6.22384541 3.22384541,6 3.49997272,6 Z M3.49997272,3 L4.50002728,3 C4.77615459,3 5,3.22384541 5,3.49997272 C5,3.77610002 4.77615459,3.99994543 4.50002728,3.99994543 L3.49997272,3.99994543 C3.22384541,3.99994543 3,3.77610002 3,3.49997272 C3,3.22384541 3.22384541,3 3.49997272,3 Z M3.49997272,7.28787148e-18 L4.50002728,5.55666624e-14 C4.77615459,7.07214574e-14 5,0.22384541 5,0.499972716 C5,0.776100022 4.77615459,0.999945432 4.50002728,0.999945432 L3.49997272,0.999945432 C3.22384541,0.999945432 3,0.776100022 3,0.499972716 C3,0.22384541 3.22384541,5.0723721e-17 3.49997272,0 Z M3.5,9.00002729 L4.5,9.00002729 C4.77614237,9.00002729 5,9.22388491 5,9.50002729 C5,9.77616966 4.77614237,10.0000273 4.5,10.0000273 L3.5,10.0000273 C3.22385763,10.0000273 3,9.77616966 3,9.50002729 C3,9.22388491 3.22385763,9.00002729 3.5,9.00002729 Z M3.5,12.0000273 L4.5,12.0000273 C4.77614237,12.0000273 5,12.2238849 5,12.5000273 C5,12.7761697 4.77614237,13.0000273 4.5,13.0000273 L3.5,13.0000273 C3.22385763,13.0000273 3,12.7761697 3,12.5000273 C3,12.2238849 3.22385763,12.0000273 3.5,12.0000273 Z M3.5,15.0000273 L4.5,15.0000273 C4.77614237,15.0000273 5,15.2238849 5,15.5000273 C5,15.7761697 4.77614237,16.0000273 4.5,16.0000273 L3.5,16.0000273 C3.22385763,16.0000273 3,15.7761697 3,15.5000273 C3,15.2238849 3.22385763,15.0000273 3.5,15.0000273 Z"
+    }))), name),
+    extraRender: isNil(onDelete) ? false : function () {
+      return /*#__PURE__*/React.createElement(Icon, {
+        type: "delete",
+        style: {
+          color: 'var(--luck-color-danger)'
+        },
+        onClick: onDelete
+      });
+    }
+  }, children));
+};
+export default BlockEditorItem;

package/es/lowcode/painter/panel-section/BlocksEditor/index.js

@@ -0,0 +1,202 @@
+import _toArray from "@babel/runtime/helpers/esm/toArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { useMemoizedFn, useCreation } from 'ahooks';
+import { Icon, Dropdown, Button, Menu, Modal } from 'luck-design/antd';
+import { concat, reduce } from 'lodash';
+import { formatMessage, suid } from '@luck-design-biz/base/utils';
+import { usePageData } from "../../../engine/provider/ContextProvider";
+import { SortBox, SortItem } from "../../components/SortBox";
+import BlockEditorItem from "./BlockEditorItem";
+import defaultMeta from "../../../engine/meta/form.props.default.json";
+import { includes } from 'lodash';
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.blocksEditor';
+var confirm = Modal.confirm;
+var addOptions = [{
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".auto"),
+    label: '表单'
+  }),
+  value: 'auto'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".grid"),
+    label: '表格'
+  }),
+  value: 'grid'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".writer"),
+    label: '行内编辑表格'
+  }),
+  value: 'writer'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".uploadForm"),
+    label: '附件列表'
+  }),
+  value: 'uploadForm'
+}, {
+  label: formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".blank"),
+    label: '空白区'
+  }),
+  value: 'blank'
+}];
+var BlockEditor = function BlockEditor(_ref) {
+  var onChange = _ref.onChange,
+    nodeId = _ref.nodeId,
+    renderPanelItems = _ref.renderPanelItems,
+    innerProps = _ref.innerProps;
+  var _usePageData = usePageData({
+      id: nodeId
+    }),
+    _usePageData2 = _slicedToArray(_usePageData, 1),
+    node = _usePageData2[0];
+  var _ref2 = node || {
+      props: {}
+    },
+    blocks = _ref2.props.blocks;
+  var handleAddBlock = useMemoizedFn(function (type) {
+    var _id = "block_".concat(suid());
+    var newData = concat(blocks, _objectSpread({
+      id: _id,
+      name: _id,
+      type: type,
+      serialEffect: 'hidden',
+      mode: ['add', 'update', 'edit', 'info']
+    }, defaultMeta.blockSettings[type]));
+    onChange(newData);
+  });
+  var handleDeleteBlock = useMemoizedFn(function (_id) {
+    confirm({
+      title: formatMessage({
+        id: 'app.base.confirm.delete.title'
+      }),
+      content: "".concat(formatMessage({
+        id: 'app.base.confirm.delete.simple'
+      }), "?"),
+      cancelText: formatMessage({
+        id: 'app.base.operate.cancel'
+      }),
+      okText: formatMessage({
+        id: 'app.base.operate.ok'
+      }),
+      okType: 'danger',
+      onOk: function onOk() {
+        var newData = blocks.filter(function (val) {
+          return val.id !== _id;
+        });
+        onChange(newData);
+      }
+    });
+  });
+  var handleSortBlock = useMemoizedFn(function (sortItems) {
+    console.log('sortItems', sortItems);
+  });
+  var menu = useCreation(function () {
+    return /*#__PURE__*/React.createElement(Menu, {
+      onClick: function onClick(_ref3) {
+        var key = _ref3.key;
+        return handleAddBlock(key);
+      }
+    }, addOptions.map(function (opt) {
+      return /*#__PURE__*/React.createElement(Menu.Item, {
+        key: opt.value
+      }, opt.label);
+    }));
+  });
+  var _useCreation = useCreation(function () {
+      return blocks || [];
+    }, [blocks]),
+    _useCreation2 = _toArray(_useCreation),
+    mainForm = _useCreation2[0],
+    restForm = _useCreation2.slice(1);
+  var _useCreation3 = useCreation(function () {
+      return reduce(innerProps, function (ret, p) {
+        if (p.key === 'blockSettings') {
+          ret.specialProp = p;
+        } else {
+          ret.commonProps.push(p);
+        }
+        return ret;
+      }, {
+        commonProps: []
+      });
+    }, [innerProps]),
+    commonProps = _useCreation3.commonProps,
+    specialProp = _useCreation3.specialProp;
+  return mainForm ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BlockEditorItem, {
+    name: renderPanelItems([_objectSpread(_objectSpread({}, specialProp), {}, {
+      valueKey: "blocks[0].".concat(specialProp.key),
+      blockName: mainForm.name || mainForm.id,
+      next: {
+        name: specialProp.name,
+        props: specialProp.next["_".concat(mainForm.type, "_props")].map(function (nextP) {
+          return _objectSpread(_objectSpread({}, nextP), {}, {
+            valueKey: "blocks[0].".concat(nextP.key)
+          });
+        })
+      }
+    })])
+  }, renderPanelItems(commonProps.map(function (p) {
+    return _objectSpread(_objectSpread({}, p), {}, {
+      disabled: includes(['mode', 'serialEffect'], p.key) || p.disabled,
+      valueKey: "blocks[0].".concat(p.key)
+    });
+  }))), /*#__PURE__*/React.createElement(SortBox, {
+    datas: restForm.map(function (_bk) {
+      return _bk.id;
+    }),
+    onChange: handleSortBlock
+  }, restForm.map(function (blockItem, i) {
+    return /*#__PURE__*/React.createElement(SortItem, {
+      key: blockItem.id,
+      id: blockItem.id
+    }, /*#__PURE__*/React.createElement(BlockEditorItem, {
+      name: renderPanelItems([_objectSpread(_objectSpread({}, specialProp), {}, {
+        valueKey: "blocks[".concat(i + 1, "].").concat(specialProp.key),
+        blockName: blockItem.name || blockItem.id,
+        next: {
+          name: specialProp.name,
+          props: specialProp.next["_".concat(blockItem.type, "_props")].map(function (nextP) {
+            var _nextP$props;
+            return _objectSpread(_objectSpread({}, nextP), {}, {
+              valueKey: "blocks[".concat(i + 1, "].").concat(nextP.key),
+              props: (_nextP$props = nextP.props) === null || _nextP$props === void 0 ? void 0 : _nextP$props.map(function (p) {
+                return _objectSpread(_objectSpread({}, p), {}, {
+                  valueKey: "blocks[".concat(i + 1, "].").concat(p.key)
+                });
+              })
+            });
+          })
+        }
+      })]),
+      onDelete: function onDelete() {
+        return handleDeleteBlock(blockItem.id);
+      }
+    }, renderPanelItems(reduce(commonProps, function (result, p) {
+      if (!(blockItem.type === 'uploadForm' && p.key === 'dataset')) result.push(_objectSpread(_objectSpread({}, p), {}, {
+        valueKey: "blocks[".concat(i + 1, "].").concat(p.key)
+      }));
+      return result;
+    }, []))));
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: '0px 16px',
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    overlay: menu
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    size: "small"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: "plus-circle"
+  }), formatMessage({
+    id: "".concat(_I18N_PREFIX_, ".addBlock"),
+    label: '新增区块'
+  }))))) : null;
+};
+export default BlockEditor;

package/es/lowcode/painter/panel-section/DataSetSelector.js

@@ -1,61 +1,133 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useState } from 'react';
-import { useMemoizedFn } from 'ahooks';
-import { Select } from 'luck-design/antd';
-import { request } from '@luck-design-biz/base/utils';
-import { SERVICE_READ_DATASET } from "../../constants/api-url";
+import { useMemoizedFn, useRequest } from 'ahooks';
+import styled from 'styled-components';
+import { Select, Button, Tooltip } from 'luck-design/antd';
+import { useRemoteSource } from "../../engine/provider/ContextProvider";
+import { fetchAddDataset } from "../../constants/api-url";
+var Div = styled.div.withConfig({
+  displayName: "Div",
+  componentId: "luckda-6530__sc-onj9tc-0"
+})(["display:flex;align-items:center;"]);
 var DataSetSelector = function DataSetSelector(_ref) {
   var defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange,
     size = _ref.size,
-    onChange = _ref.onChange;
+    isTree = _ref.isTree,
+    next = _ref.next;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     options = _useState2[0],
     setOptions = _useState2[1];
+  var _useState3 = useState(defaultValue),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentDataset = _useState4[0],
+    setCurrentDataset = _useState4[1];
+  var _useRemoteSource = useRemoteSource(),
+    dataset = _useRemoteSource.dataset,
+    fetchAllDatasetLoading = _useRemoteSource.fetchAllDatasetLoading,
+    refreshModlueData = _useRemoteSource.refreshModlueData,
+    refreshDataset = _useRemoteSource.refreshDataset,
+    pageinfo = _useRemoteSource.pageinfo;
+  var _useRequest = useRequest(fetchAddDataset, {
+      manual: true
+    }),
+    loading = _useRequest.loading,
+    runAsync = _useRequest.runAsync;
   useEffect(function () {
-    setOptions([{
-      value: 'dsWmsOutboundOrder',
-      label: '出库单'
-    }, {
-      value: 'dsWmsMaterialsData',
-      label: '物料主数据'
-    }, {
-      value: 'dsStockInboundOrder',
-      label: '库存台账'
-    }]);
-    // request(
-    //   `${SERVICE_READ_DATASET}`,
-    //   {
-    //     method: 'GET',
-    //     body: { dataModelKey: '' },
-    //   }.then((res) => {
-    //     console.log('res', res);
-    //     setOptions([
-    //       { value: 'dsWmsOutboundOrder', label: '出库单' },
-    //       { value: 'dsWmsMaterialsData', label: '物料主数据' },
-    //       { value: 'dsStockInboundOrder', label: '库存台账' },
-    //     ]);
-    //   }),
-    // );
-  }, []);
-  var handleChange = useMemoizedFn(function (value) {
-    console.log('value', value);
-    onChange(value);
-  });
-  return /*#__PURE__*/React.createElement(Select, {
-    defaultValue: defaultValue,
+    setOptions(isTree ? dataset.filter(function (_ref2) {
+      var tree = _ref2.tree;
+      return tree === 1;
+    }) : dataset);
+  }, [dataset, isTree]);
+  var handleChange = useMemoizedFn( /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(value, _ref3) {
+      var key, _pageinfo$relationshi, moduleId, dataModelKey, _yield$runAsync, code, res, _ds;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            key = _ref3.key;
+            _pageinfo$relationshi = pageinfo.relationship, moduleId = _pageinfo$relationshi.moduleId, dataModelKey = _pageinfo$relationshi.dataModelKey;
+            _context.next = 4;
+            return runAsync({
+              uid: moduleId,
+              dataModelKey: dataModelKey,
+              addList: [{
+                code: value,
+                datasetUid: key
+              }]
+            });
+          case 4:
+            _yield$runAsync = _context.sent;
+            code = _yield$runAsync.code;
+            if (!(code === 1)) {
+              _context.next = 11;
+              break;
+            }
+            _context.next = 9;
+            return refreshModlueData();
+          case 9:
+            res = _context.sent;
+            if (res.code === 1) {
+              _ds = {
+                code: value,
+                uid: key
+              };
+              onChange(_ds);
+              setCurrentDataset(_ds);
+            }
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x, _x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }());
+  return /*#__PURE__*/React.createElement(Div, null, /*#__PURE__*/React.createElement(Select, {
+    defaultValue: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.code,
     size: size,
     onChange: handleChange,
     getPopupContainer: function getPopupContainer() {
       return document.getElementById('lc-design-workspace');
-    }
-  }, options.map(function (_ref2) {
-    var value = _ref2.value,
-      label = _ref2.label;
+    },
+    style: {
+      width: 145
+    },
+    loading: loading
+  }, options.map(function (opt) {
     return /*#__PURE__*/React.createElement(Select.Option, {
-      key: value,
-      value: value
-    }, label);
+      key: opt.uid,
+      value: opt.code
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      title: opt.name
+    }, opt.name));
+  })), /*#__PURE__*/React.createElement(Button, {
+    size: size,
+    icon: "setting",
+    style: {
+      marginLeft: 4
+    },
+    disabled: !currentDataset,
+    onClick: function onClick() {
+      return next({
+        pageinfo: pageinfo,
+        datasetUid: currentDataset.uid,
+        datasetCode: currentDataset.code
+      });
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    size: size,
+    icon: "cloud-sync",
+    loading: fetchAllDatasetLoading,
+    style: {
+      marginLeft: 4
+    },
+    onClick: refreshDataset
   }));
 };
 export default DataSetSelector;