@luck-design-biz/luckda 0.0.25-9 → 0.0.25-af-2

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

@@ -1,229 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _toArray from "@babel/runtime/helpers/esm/toArray";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import { useMemoizedFn, useCreation } from 'ahooks';
-import { Icon, Dropdown, Button, Menu, Modal } from 'luck-design/antd';
-import { concat, reduce, sortBy, includes, cloneDeep } from 'lodash';
-import { formatMessage, suid } from '@luck-design-biz/base/utils';
-import { useGet } from "../../../engine/provider/ContextProvider";
-import { SortBox, SortItem } from "../../components/SortBox";
-import BlockEditorItem from "./BlockEditorItem";
-import defaultMeta from "../../../engine/meta/form.props.default.json";
-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 blocks = useGet({
-    id: nodeId,
-    path: 'props.blocks'
-  });
-  var handleAddBlock = useMemoizedFn(function (type) {
-    var _id = "block_".concat(suid());
-    var newData = concat(blocks, _objectSpread(_objectSpread({
-      id: _id,
-      name: _id,
-      type: type,
-      serialEffect: 'hidden',
-      mode: ['add', 'update', 'edit', 'info']
-    }, defaultMeta.blockSettings[type]), {}, {
-      order: blocks.length + 1
-    }));
-    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.map(function (i, index) {
-          return _objectSpread(_objectSpread({}, i), {}, {
-            order: index + 1
-          });
-        }));
-      }
-    });
-  });
-  var handleSortBlock = useMemoizedFn(function (sortItems) {
-    var _blocks = _toArray(blocks),
-      mainForm = _blocks[0],
-      restForm = _blocks.slice(1);
-    var newRestForm = sortBy(restForm, function (item) {
-      var index = sortItems.indexOf(item.id);
-      return index !== -1 ? index : Infinity;
-    });
-    var newData = [mainForm].concat(_toConsumableArray(newRestForm)).map(function (i, index) {
-      return _objectSpread(_objectSpread({}, i), {}, {
-        order: index + 1
-      });
-    });
-    onChange(newData);
-  });
-  var menu = useCreation(function () {
-    return /*#__PURE__*/React.createElement(Menu, {
-      onClick: function onClick(_ref2) {
-        var key = _ref2.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,
-      blockId: 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) {
-    var cloneP = cloneDeep(p);
-    if (cloneP.key === 'dataset') {
-      cloneP.fieldsKey = 'blocks[0].fields';
-    }
-    return _objectSpread(_objectSpread({}, cloneP), {}, {
-      disabled: includes(['mode', 'serialEffect'], cloneP.key) || cloneP.disabled,
-      valueKey: "blocks[0].".concat(cloneP.key)
-    });
-  }))), /*#__PURE__*/React.createElement(SortBox, {
-    datas: restForm.map(function (_bk) {
-      return _bk.id;
-    }),
-    onChange: handleSortBlock
-  }, restForm.map(function (blockItem, i) {
-    var _specialProp$next;
-    return /*#__PURE__*/React.createElement(SortItem, {
-      key: blockItem.id,
-      id: blockItem.id
-    }, /*#__PURE__*/React.createElement(BlockEditorItem, {
-      draggable: true,
-      name: renderPanelItems([_objectSpread(_objectSpread({}, specialProp), {}, {
-        valueKey: "blocks[".concat(i + 1, "].").concat(specialProp.key),
-        blockName: blockItem.name,
-        blockId: blockItem.id,
-        next: {
-          name: specialProp.name,
-          props: (_specialProp$next = specialProp.next["_".concat(blockItem.type, "_props")]) === null || _specialProp$next === void 0 ? void 0 : _specialProp$next.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) {
-      var cloneP = cloneDeep(p);
-      cloneP.valueKey = "blocks[".concat(i + 1, "].").concat(p.key);
-      if (p.key === 'dataset') {
-        if (includes(['auto', 'grid', 'writer'], blockItem.type)) {
-          if (blockItem.type !== 'auto') cloneP.component = 'tableForm';
-          cloneP.fieldsKey = "blocks[".concat(i + 1, "].fields");
-          ;
-          result.push(cloneP);
-        }
-      } else result.push(cloneP);
-      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/FieldsSetting.js

@@ -1,377 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["fieldAliasName"];
-import React, { useReducer, useState } from 'react';
-import { useMemoizedFn, useRequest, useDebounceFn, useCreation, useMap, useUpdateEffect } from 'ahooks';
-import { Ellipsis } from 'luck-design';
-import { Spin, Input, Tooltip, Icon, Checkbox, Drawer } from 'luck-design/antd';
-import styled from 'styled-components';
-import { reduce, unionBy, isEqual, pick } from 'lodash';
-import { formatMessage, suid } from '@luck-design-biz/base/utils';
-import { useContext } from "../../engine/provider/ContextProvider";
-import { SortBox, SortItem } from "../components/SortBox";
-import { ListEditor, ListEditorItem } from "../components/ListEditor";
-import FieldSetting from "../components/field-setting";
-import BatchSetting from "../components/field-setting/BatchSetting";
-import { fetchFieldsByDataset, fetchUpdateFieldAttrs } from "../../constants/api-url";
-import { listReducer, getLDMetaAttr } from "../../engine/tools/helper";
-import styles from "../style/fields-setting.less";
-var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.fieldsSetting';
-var _PICK_KEYS_ = ['id', 'uid', 'field', 'width', 'align', 'headerAlign', 'pinned', 'tip', 'col', 'row', 'note', 'placeholder', 'aliasName'];
-var Header = styled.div.withConfig({
-  displayName: "Header",
-  componentId: "luckda-6530__sc-gcwvp1-0"
-})(["width:100%;display:flex;align-items:center;font-size:12px;font-weight:bold;"]);
-var FieldKey = styled(Ellipsis).withConfig({
-  displayName: "FieldKey",
-  componentId: "luckda-6530__sc-gcwvp1-1"
-})(["width:80px;margin-left:4px;"]);
-var FieldsSetting = function FieldsSetting(_ref) {
-  var component = _ref.component,
-    datasetUid = _ref.datasetUid,
-    nodeId = _ref.nodeId,
-    defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange;
-  var ctx = useContext();
-  var _useReducer = useReducer(listReducer, []),
-    _useReducer2 = _slicedToArray(_useReducer, 2),
-    fields = _useReducer2[0],
-    dispatch = _useReducer2[1];
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    fieldId = _useState2[0],
-    setFieldId = _useState2[1];
-  var _useMap = useMap([]),
-    _useMap2 = _slicedToArray(_useMap, 2),
-    checkedFields = _useMap2[0],
-    _useMap2$ = _useMap2[1],
-    set = _useMap2$.set,
-    get = _useMap2$.get,
-    setAll = _useMap2$.setAll,
-    remove = _useMap2$.remove,
-    reset = _useMap2$.reset;
-  var _useState3 = useState(void 0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    drawerType = _useState4[0],
-    setDrawerType = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    checkAll = _useState6[0],
-    setCheckAll = _useState6[1];
-  var fieldData = useCreation(function () {
-    return fields.find(function (_ref2) {
-      var uid = _ref2.uid;
-      return uid === fieldId;
-    });
-  }, [fieldId, fields]);
-  useUpdateEffect(function () {
-    if (checkedFields.size === fields.length) {
-      setCheckAll(true);
-    } else if (checkedFields.size === 0) {
-      setCheckAll(false);
-    }
-  }, [checkedFields, fields]);
-  var _useRequest = useRequest(fetchFieldsByDataset, {
-      defaultParams: [{
-        datasetUid: datasetUid,
-        moduleUid: getLDMetaAttr('moduleId')
-      }],
-      onSuccess: function onSuccess(_ref3) {
-        var code = _ref3.code,
-          list = _ref3.list,
-          detail = _ref3.detail;
-        if (code === 1) {
-          var _fields = unionBy(reduce(defaultValue, function (ret, _val) {
-            if (list.includes(_val.uid) || _val._type === 'divider') {
-              ret.push(_val);
-            }
-            return ret;
-          }, []), list.map(function (id) {
-            var _fieldData = detail[id];
-            var extra = JSON.parse(_fieldData.extra || '{}');
-            var restProps = {};
-            if (['table', 'tableForm'].includes(component)) {
-              var alignMapping = {
-                0: 'left',
-                1: 'center',
-                2: 'right'
-              };
-              restProps.align = alignMapping[extra.scell_alignment];
-              restProps.headerAlign = alignMapping[extra.sheading_alignment];
-            }
-            return _objectSpread({
-              uid: id,
-              field: detail[id].field
-            }, restProps);
-          }), 'uid');
-          if (!isEqual(_fields, defaultValue)) {
-            onChange(_fields);
-          }
-          dispatch({
-            type: 'init',
-            payload: _fields.map(function (_field) {
-              return _objectSpread(_objectSpread({}, detail[_field.uid]), _field);
-            })
-          });
-        }
-      }
-    }),
-    loading = _useRequest.loading;
-  var handleChange = useMemoizedFn(function (newFields) {
-    onChange(newFields.map(function (_fieldData) {
-      return _fieldData._type === 'divider' ? _fieldData : pick(_fieldData, _PICK_KEYS_);
-    }));
-  });
-  var _useRequest2 = useRequest(fetchUpdateFieldAttrs, {
-      manual: true
-    }),
-    runUpdateFieldAttrs = _useRequest2.runAsync;
-  var _useDebounceFn = useDebounceFn(function (field, value) {
-      var _getLDMetaAttr = getLDMetaAttr(['moduleId', 'dataModelKey']),
-        _getLDMetaAttr2 = _slicedToArray(_getLDMetaAttr, 2),
-        moduleId = _getLDMetaAttr2[0],
-        dataModelKey = _getLDMetaAttr2[1];
-      runUpdateFieldAttrs({
-        dataModelKey: dataModelKey,
-        datasetBusinessUids: [field.uid],
-        fieldAliasName: value,
-        moduleDatasetUid: datasetUid,
-        moduleUid: moduleId,
-        scope: 'FIELD_ALIAS_NAME',
-        uid: field.uid
-      }).then(function () {
-        if (component === 'table') {
-          var gridApi = ctx.componentMap.get(nodeId).api.self.ref.current.gridApi;
-          var col = gridApi.columnApi.getColumn(field.field);
-          col.colDef.headerName = value;
-          gridApi.api.refreshHeader();
-        } else if (['form', 'tableForm'].includes(component)) {
-          handleChange(reduce(fields, function (ret, _ref4) {
-            var fieldAliasName = _ref4.fieldAliasName,
-              _field = _objectWithoutProperties(_ref4, _excluded);
-            if (fieldAliasName) {
-              ret.push(_objectSpread({
-                aliasName: fieldAliasName
-              }, _field));
-            }
-            return ret;
-          }, []));
-        }
-      });
-    }, {
-      wait: 500
-    }),
-    run = _useDebounceFn.run;
-  var handleSortChange = useMemoizedFn(function (sortItems, fromIndex, toIndex) {
-    dispatch({
-      type: 'sort',
-      payload: sortItems,
-      callback: function callback(newFields) {
-        if (component === 'table') {
-          var gridApi = ctx.componentMap.get(nodeId).api.self.ref.current.gridApi;
-          gridApi.columnApi.moveColumnByIndex(fromIndex, toIndex);
-        }
-        handleChange(newFields);
-      }
-    });
-  });
-  var handleAliasChange = useMemoizedFn(function (field, value) {
-    dispatch({
-      type: 'edit',
-      payload: {
-        id: field.uid,
-        data: {
-          fieldAliasName: value
-        }
-      }
-    });
-    run(field, value);
-  });
-  var handleFieldCheckChange = useMemoizedFn(function (e) {
-    var _e$target = e.target,
-      checked = _e$target.checked,
-      data = _e$target.data;
-    if (checked) {
-      set(data.uid, data);
-    } else {
-      remove(data.uid, data);
-    }
-  });
-  var handleFieldCheckAll = useMemoizedFn(function (e) {
-    if (e.target.checked) {
-      setAll(fields.map(function (_field) {
-        return [_field.uid, _field];
-      }));
-    } else {
-      reset();
-    }
-  });
-  var handleBatchSetting = useMemoizedFn(function () {
-    setDrawerType('batch');
-  });
-  var handleAddFormDivider = useMemoizedFn(function (index) {
-    var groupId = "group_".concat(suid());
-    dispatch({
-      type: 'insert',
-      payload: {
-        index: index,
-        data: {
-          uid: groupId,
-          id: groupId,
-          field: 'divider',
-          fieldAliasName: 'Group',
-          _type: 'divider'
-        }
-      },
-      callback: handleChange
-    });
-  });
-  var renderItemRight = useMemoizedFn(function (field) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: field.uid,
-      style: {
-        display: 'flex',
-        alignItems: 'center'
-      }
-    }, /*#__PURE__*/React.createElement(Input, {
-      value: field.fieldAliasName,
-      size: "small",
-      style: {
-        flex: 1
-      },
-      onChange: function onChange(e) {
-        return handleAliasChange(field, e.target.value);
-      }
-    }), field._type !== 'divider' && /*#__PURE__*/React.createElement(Tooltip, {
-      title: formatMessage({
-        id: 'luckda.lowcode.painter.edit',
-        label: '编辑'
-      })
-    }, /*#__PURE__*/React.createElement(Icon, {
-      type: "edit",
-      style: {
-        margin: '0 4px',
-        cursor: 'pointer'
-      },
-      onClick: function onClick() {
-        setFieldId(field.uid);
-        setDrawerType('single');
-      }
-    })));
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spin, {
-    spinning: loading
-  }, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Checkbox, {
-    style: {
-      marginLeft: 20
-    },
-    disabled: drawerType === 'batch',
-    checked: checkAll,
-    indeterminate: checkedFields.size > 0 && checkedFields.size !== fields.length,
-    onChange: handleFieldCheckAll
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 80,
-      paddingLeft: 4
-    }
-  }, formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".field"),
-    label: '数据字段'
-  })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1,
-      paddingLeft: 20
-    }
-  }, formatMessage({
-    id: "".concat(_I18N_PREFIX_, ".title"),
-    label: '标题'
-  }))), /*#__PURE__*/React.createElement(SortBox, {
-    datas: fields.map(function (_ref5) {
-      var uid = _ref5.uid;
-      return uid;
-    }),
-    onChange: handleSortChange
-  }, /*#__PURE__*/React.createElement(ListEditor, {
-    style: {
-      marginTop: 8
-    },
-    suppressAdd: checkedFields.size === 0,
-    addText: formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".batch"),
-      label: '批量设置'
-    }),
-    addIcon: "unordered-list",
-    handleAdd: handleBatchSetting,
-    addBtnProps: {
-      disabled: drawerType === 'batch'
-    }
-  }, fields.map(function (field, index) {
-    return /*#__PURE__*/React.createElement(SortItem, {
-      key: field.uid,
-      id: field.uid
-    }, /*#__PURE__*/React.createElement(ListEditorItem, {
-      left: /*#__PURE__*/React.createElement(React.Fragment, null, field._type !== 'divider' ? /*#__PURE__*/React.createElement(Checkbox, {
-        disabled: drawerType === 'batch',
-        data: field,
-        checked: !!get(field.uid),
-        onChange: handleFieldCheckChange
-      }) : null, /*#__PURE__*/React.createElement(FieldKey, {
-        tooltip: true,
-        lines: 1,
-        style: field._type === 'divider' ? {
-          paddingLeft: 16
-        } : null
-      }, field.field)),
-      right: renderItemRight(field),
-      item: field,
-      dispatch: dispatch,
-      onAddLine: component === 'form' ? function () {
-        return handleAddFormDivider(index);
-      } : false
-    }));
-  })))), !!drawerType ? /*#__PURE__*/React.createElement(Drawer, {
-    visible: true,
-    width: 280,
-    mask: false,
-    onClose: function onClose() {
-      return setDrawerType(void 0);
-    },
-    title: drawerType === 'single' ? fieldData.fieldAliasName : formatMessage({
-      id: "".concat(_I18N_PREFIX_, ".batch"),
-      label: '批量设置'
-    }),
-    getContainer: function getContainer() {
-      return document.getElementById('lc-design-workspace');
-    },
-    destroyOnClose: true,
-    className: styles['lc-painter-panel-field-setting-drawer'],
-    style: {
-      position: 'absolute',
-      transform: 'none',
-      right: 320,
-      zIndex: 1001
-    }
-  }, drawerType === 'single' ? /*#__PURE__*/React.createElement(FieldSetting, {
-    key: fieldId,
-    dispatch: dispatch,
-    nodeId: nodeId,
-    fieldData: fieldData,
-    dataModelKey: getLDMetaAttr('dataModelKey'),
-    moduleId: getLDMetaAttr('moduleId'),
-    datasetId: datasetUid,
-    component: component,
-    onAliasChange: handleAliasChange,
-    onChange: handleChange
-  }) : null, drawerType === 'batch' ? /*#__PURE__*/React.createElement(BatchSetting, {
-    dispatch: dispatch,
-    nodeId: nodeId,
-    fieldsData: checkedFields,
-    dataModelKey: getLDMetaAttr('dataModelKey'),
-    moduleId: getLDMetaAttr('moduleId'),
-    datasetId: datasetUid,
-    component: component,
-    onChange: handleChange
-  }) : null) : null);
-};
-export default FieldsSetting;

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import { useDebounceFn } from 'ahooks';
-import { Input } from 'luck-design/antd';
-var I18nInput = function I18nInput(_ref) {
-  var defaultValue = _ref.defaultValue,
-    onChange = _ref.onChange,
-    size = _ref.size;
-  var _useDebounceFn = useDebounceFn(onChange, {
-      wait: 400
-    }),
-    run = _useDebounceFn.run;
-  return /*#__PURE__*/React.createElement(Input, {
-    defaultValue: defaultValue,
-    onChange: function onChange(e) {
-      return run(e.target.value);
-    },
-    size: size
-  });
-};
-export default I18nInput;