@luck-design-biz/luckda 0.0.25-7 → 0.0.25-8

package/es/lowcode/painter/components/field-setting/meta/frontRules.js

@@ -0,0 +1,53 @@
+export var getFrontRules = function getFrontRules(property) {
+  var rules = [];
+  switch (property) {
+    case 'number':
+    case 'money':
+    case 'decimal':
+    case 'sint':
+      rules = [{
+        label: '最小值',
+        key: 'min',
+        defaultCode: "function min(cValue) { \n return 0; // 返回数字 \n}"
+      }, {
+        label: '最大值',
+        key: 'max',
+        defaultCode: "function max(cValue) { \n return 100; // 返回数字 \n}"
+      }];
+      break;
+    case 'string':
+      rules = [{
+        label: '长度',
+        key: 'length',
+        defaultCode: "function length(cValue) { \n return 100; // 返回数字 \n}"
+      }, {
+        label: '邮箱',
+        key: 'email',
+        noCode: true
+      }, {
+        label: '身份证',
+        key: 'idcard',
+        noCode: true
+      }, {
+        label: '手机号码',
+        key: 'mobile',
+        noCode: true
+      }];
+      break;
+    case 'text':
+      rules = [{
+        label: '长度',
+        key: 'length',
+        defaultCode: "function length(cValue) { \n return 100; // 返回数字 \n}"
+      }];
+      break;
+    default:
+      ;
+  }
+  rules.push({
+    label: '自定义',
+    key: 'rules',
+    defaultCode: "function validator(cValue, rule, value, callback) { \n if(!value) callback('errorMsg'); \n callback(); \n}"
+  });
+  return rules;
+};

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

@@ -48,13 +48,10 @@ var BlockEditor = function BlockEditor(_ref) {
     nodeId = _ref.nodeId,
     renderPanelItems = _ref.renderPanelItems,
     innerProps = _ref.innerProps;
-  var node = useGet({
-    id: nodeId
+  var blocks = useGet({
+    id: nodeId,
+    path: 'props.blocks'
   });
-  var _ref2 = node || {
-      props: {}
-    },
-    blocks = _ref2.props.blocks;
   var handleAddBlock = useMemoizedFn(function (type) {
     var _id = "block_".concat(suid());
     var newData = concat(blocks, _objectSpread(_objectSpread({
@@ -112,8 +109,8 @@ var BlockEditor = function BlockEditor(_ref) {
   });
   var menu = useCreation(function () {
     return /*#__PURE__*/React.createElement(Menu, {
-      onClick: function onClick(_ref3) {
-        var key = _ref3.key;
+      onClick: function onClick(_ref2) {
+        var key = _ref2.key;
         return handleAddBlock(key);
       }
     }, addOptions.map(function (opt) {
@@ -206,7 +203,7 @@ var BlockEditor = function BlockEditor(_ref) {
       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.next.props[0].component = "tableForm";
+          if (blockItem.type !== 'auto') cloneP.next.props[0].component = 'tableForm';
           var _valueKey = "blocks[".concat(i + 1, "].fields");
           cloneP.next.props[0].valueKey = _valueKey;
           cloneP.beforeChangeKey = _valueKey;

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

@@ -1,7 +1,9 @@
+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 } from 'ahooks';
+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';
@@ -16,7 +18,7 @@ import { fetchFieldsByDataset, fetchUpdateFieldAttrs } from "../../constants/api
 import { listReducer } 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', 'fieldAliasName'];
+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"
@@ -46,17 +48,31 @@ var FieldsSetting = function FieldsSetting(_ref) {
     checkedFields = _useMap2[0],
     _useMap2$ = _useMap2[1],
     set = _useMap2$.set,
-    remove = _useMap2$.remove;
+    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,
@@ -127,10 +143,17 @@ var FieldsSetting = function FieldsSetting(_ref) {
           var col = gridApi.columnApi.getColumn(field.field);
           col.colDef.headerName = value;
           gridApi.api.refreshHeader();
-        } else if (component === 'form') {
-          handleChange(fields);
-        } else if (component === 'tableForm') {
-          handleChange(fields);
+        } 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;
+          }, []));
         }
       });
     }, {
@@ -172,6 +195,15 @@ var FieldsSetting = function FieldsSetting(_ref) {
       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');
   });
@@ -227,10 +259,18 @@ var FieldsSetting = function FieldsSetting(_ref) {
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spin, {
     spinning: loading
-  }, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__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: 116,
-      paddingLeft: 40
+      width: 80,
+      paddingLeft: 4
     }
   }, formatMessage({
     id: "".concat(_I18N_PREFIX_, ".field"),
@@ -244,8 +284,8 @@ var FieldsSetting = function FieldsSetting(_ref) {
     id: "".concat(_I18N_PREFIX_, ".title"),
     label: '标题'
   }))), /*#__PURE__*/React.createElement(SortBox, {
-    datas: fields.map(function (_ref4) {
-      var uid = _ref4.uid;
+    datas: fields.map(function (_ref5) {
+      var uid = _ref5.uid;
       return uid;
     }),
     onChange: handleSortChange
@@ -271,6 +311,7 @@ var FieldsSetting = function FieldsSetting(_ref) {
       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,

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

@@ -1,9 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
 import { useMemoizedFn, useSetState, useUpdateEffect } from 'ahooks';
-import { Checkbox, Row, Col, Input } from 'luck-design/antd';
+import { Checkbox, Row, Col, Input, Switch, Select, Tooltip } from 'luck-design/antd';
 import { formatMessage } from '@luck-design-biz/base/utils';
 import { isString } from 'lodash';
+import { useRemoteSource } from "../../engine/provider/ContextProvider";
 import styles from "../style/impexp.less";
 var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.impexp';
 var ImpExp = function ImpExp(_ref) {
@@ -13,6 +14,10 @@ var ImpExp = function ImpExp(_ref) {
     _useSetState2 = _slicedToArray(_useSetState, 2),
     state = _useSetState2[0],
     setState = _useSetState2[1];
+  var _useRemoteSource = useRemoteSource(),
+    module = _useRemoteSource.module,
+    impTypeList = _useRemoteSource.impTypeList,
+    expTypeList = _useRemoteSource.expTypeList;
   useUpdateEffect(function () {
     onChange(state);
   }, [state]);
@@ -41,6 +46,34 @@ var ImpExp = function ImpExp(_ref) {
       });
     }
   });
+  var handleSwitchChangeExport = useMemoizedFn(function (field, e) {
+    var _value = field;
+    setState({
+      exportType: _value,
+      export: true
+    });
+  });
+  var handleSwitchChangeImport = useMemoizedFn(function (field, e) {
+    var _value = field;
+    setState({
+      importType: _value,
+      import: true
+    });
+  });
+  var handleSelectChangeExport = useMemoizedFn(function (value, _ref2) {
+    var key = _ref2.key;
+    var _value = value;
+    setState({
+      export: _value
+    });
+  });
+  var handleSelectChangeImport = useMemoizedFn(function (value, _ref3) {
+    var key = _ref3.key;
+    var _value = value;
+    setState({
+      export: _value
+    });
+  });
   return /*#__PURE__*/React.createElement(Row, {
     gutter: [0, 8],
     className: styles['lc-painter-panel-section-impexp']
@@ -54,8 +87,8 @@ var ImpExp = function ImpExp(_ref) {
     id: 'luckda.lowcode.painter.import',
     label: '导入'
   }))), /*#__PURE__*/React.createElement(Col, {
-    span: 18
-  }, /*#__PURE__*/React.createElement(Input, {
+    span: 14
+  }, !state.importType ? /*#__PURE__*/React.createElement(Input, {
     size: "small",
     value: isString(state.import) ? state.import : '',
     onChange: function onChange(e) {
@@ -63,8 +96,35 @@ var ImpExp = function ImpExp(_ref) {
     },
     placeholder: formatMessage({
       id: "".concat(_I18N_PREFIX_, ".impUrl.placeholder"),
-      label: '请输入模版ID或自定义接口'
+      label: '请输入自定义接口'
     })
+  }) : /*#__PURE__*/React.createElement(Select, {
+    size: "small",
+    style: {
+      width: '100%'
+    },
+    value: isString(state.import) ? state.import : undefined,
+    onChange: handleSelectChangeImport,
+    placeholder: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".impType.placeholder"),
+      label: '请选择自定义行为'
+    })
+  }, impTypeList.map(function (opt) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: opt.key,
+      value: opt.value
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      title: opt.label
+    }, opt.label));
+  }))), /*#__PURE__*/React.createElement(Col, {
+    span: 4,
+    style: {
+      textAlign: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Switch, {
+    size: "small",
+    defaultChecked: !!state.importType,
+    onChange: handleSwitchChangeImport
   })), /*#__PURE__*/React.createElement(Col, {
     span: 6
   }, /*#__PURE__*/React.createElement(Checkbox, {
@@ -75,8 +135,8 @@ var ImpExp = function ImpExp(_ref) {
     id: 'luckda.lowcode.painter.export',
     label: '导出'
   }))), /*#__PURE__*/React.createElement(Col, {
-    span: 18
-  }, /*#__PURE__*/React.createElement(Input, {
+    span: 14
+  }, !state.exportType ? /*#__PURE__*/React.createElement(Input, {
     size: "small",
     value: isString(state.export) ? state.export : '',
     onChange: function onChange(e) {
@@ -86,6 +146,33 @@ var ImpExp = function ImpExp(_ref) {
       id: "".concat(_I18N_PREFIX_, ".expUrl.placeholder"),
       label: '请输入自定义接口'
     })
+  }) : /*#__PURE__*/React.createElement(Select, {
+    size: "small",
+    style: {
+      width: '100%'
+    },
+    value: isString(state.export) ? state.export : undefined,
+    onChange: handleSelectChangeExport,
+    placeholder: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".expType.placeholder"),
+      label: '请选择自定义行为'
+    })
+  }, expTypeList === null || expTypeList === void 0 ? void 0 : expTypeList.map(function (opt) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: opt.key,
+      value: opt.value
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      title: opt.label
+    }, opt.label));
+  }))), /*#__PURE__*/React.createElement(Col, {
+    span: 4,
+    style: {
+      textAlign: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Switch, {
+    size: "small",
+    defaultChecked: !!state.exportType,
+    onChange: handleSwitchChangeExport
   })));
 };
 export default ImpExp;

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

@@ -0,0 +1,109 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { useMemoizedFn, useSetState, useUpdateEffect } from 'ahooks';
+import { Checkbox, Row, Col, Input, Switch, Select, Tooltip, Spin } from 'luck-design/antd';
+import { Segmented } from 'luck-design/antd';
+import { formatMessage } from '@luck-design-biz/base/utils';
+import PanelItem from "../components/PanelItem";
+import { isString } from 'lodash';
+import { useRemoteSource } from "../../engine/provider/ContextProvider";
+import styles from "../style/impexp.less";
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.panel-section.impexp';
+var ImpExp = function ImpExp(_ref) {
+  var _ref2;
+  var defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange;
+  var _useSetState = useSetState(defaultValue || {}),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var _useRemoteSource = useRemoteSource(),
+    impTypeList = _useRemoteSource.impTypeList,
+    expTypeList = _useRemoteSource.expTypeList;
+  useUpdateEffect(function () {
+    onChange(state);
+  }, [state]);
+  var handleInputChange = useMemoizedFn(function (field, e) {
+    var _value = e.target.value.trim();
+    setState({
+      customParam: _value
+    });
+  });
+  var handleSelectChange = useMemoizedFn(function (value, e) {
+    var _value = value;
+    setState({
+      customParam: _value
+    });
+  });
+  var handleSegmentChange = useMemoizedFn(function (field, e) {
+    var _value = field;
+    setState({
+      type: _value
+    });
+  });
+  var handleSwitchChange = useMemoizedFn(function (field, e) {
+    var _value = field;
+    setState({
+      customType: _value,
+      customParam: undefined
+    });
+  });
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PanelItem, {
+    label: "\u7C7B\u578B",
+    suppressPadding: true
+  }, /*#__PURE__*/React.createElement(Segmented, {
+    options: [{
+      value: 'import',
+      label: '导入'
+    }, {
+      value: 'export',
+      label: '导出'
+    }],
+    onChange: handleSegmentChange,
+    defaultValue: state.type,
+    block: true
+  })), /*#__PURE__*/React.createElement(PanelItem, {
+    label: "\u81EA\u5B9A\u4E49",
+    suppressPadding: true
+  }, /*#__PURE__*/React.createElement(Col, {
+    span: 14
+  }, !state.customType ? /*#__PURE__*/React.createElement(Input, {
+    size: "small",
+    value: isString(state.customParam) ? state.customParam : '',
+    onChange: function onChange(e) {
+      return handleInputChange(state.type, e);
+    },
+    placeholder: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".expUrl.placeholder"),
+      label: '请输入自定义接口'
+    })
+  }) : /*#__PURE__*/React.createElement(Select, {
+    size: "small",
+    style: {
+      width: '100%'
+    },
+    value: isString(state.customParam) ? state.customParam : undefined,
+    onChange: handleSelectChange,
+    placeholder: formatMessage({
+      id: "".concat(_I18N_PREFIX_, ".expType.placeholder"),
+      label: '请选择自定义行为'
+    })
+  }, (_ref2 = state.type === 'export' ? expTypeList : impTypeList) === null || _ref2 === void 0 ? void 0 : _ref2.map(function (opt) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: opt.key,
+      value: opt.value
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      title: opt.label
+    }, opt.label));
+  }))), /*#__PURE__*/React.createElement(Col, {
+    span: 4,
+    style: {
+      textAlign: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Switch, {
+    size: "small",
+    defaultChecked: !!state.customType,
+    onChange: handleSwitchChange
+  }))));
+};
+export default ImpExp;

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

@@ -0,0 +1,95 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import classNames from 'classnames';
+import { Tooltip } from 'luck-design/antd';
+import styles from "../style/page-layout-display.less";
+var _TYPES_ = ['lr', 'lmr', 'ltb'];
+var PageLayoutDisplay = function PageLayoutDisplay(_ref) {
+  var defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange;
+  var _useState = useState(defaultValue || 'lr'),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeType = _useState2[0],
+    setActiveType = _useState2[1];
+  var handleTypeChange = useMemoizedFn(function (value) {
+    setActiveType(value);
+    onChange(value);
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles['lc-painter-panel-section-pagelayoutdisplay']
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles['display-type-box']
+  }, _TYPES_.map(function (_type) {
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      key: _type,
+      title: _type
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classNames(styles['display-type-item'], _defineProperty({}, styles.active, activeType === _type)),
+      style: {
+        flexDirection: 'row'
+      },
+      onClick: function onClick() {
+        return handleTypeChange(_type);
+      }
+    }, _type === 'lr' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 1,
+        marginRight: 4
+      },
+      className: styles['item-block']
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 3
+      },
+      className: styles['item-block']
+    })), _type === 'lmr' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 1,
+        marginRight: 4
+      },
+      className: styles['item-block']
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 3,
+        display: 'flex'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '50%',
+        borderRight: '1px solid #eee'
+      },
+      className: styles['item-block']
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: '50%'
+      },
+      className: styles['item-block']
+    }))), _type === 'ltb' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 1,
+        marginRight: 4
+      },
+      className: styles['item-block']
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        flex: 3,
+        display: 'flex',
+        flexDirection: 'column'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        height: '50%',
+        borderBottom: '1px solid #eee'
+      },
+      className: styles['item-block']
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        height: '50%'
+      },
+      className: styles['item-block']
+    })))));
+  })));
+};
+export default PageLayoutDisplay;