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

package/es/lowcode/view/lc-components/ImEx/index.js

@@ -1,21 +1,480 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id"];
-import React, { useRef } from 'react';
-import { useMemoizedFn } from 'ahooks';
+var _excluded = ["id", "title", "type", "size", "iconFont", "block", "ghost", "css", "className", "onClick", "advance", "impexpSetting"];
+import React, { useRef, useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { useMemoizedFn, useMount, useUnmount, useRequest } from 'ahooks';
+import { notification, Icon as IconAntd, Upload, Button as ButtonAntd, Progress, message } from 'luck-design/antd';
+import { BasicForm, BasicFormItem, PopWindow } from 'luck-design';
+import api from "@/services/ApiConfig";
+import styled from 'styled-components';
+import classNames from 'classnames';
+import styles from "./index.less";
+import { useRemoteSource } from "../../../engine/provider/ContextProvider";
 import Wrapper from "../Wrapper";
-var LCImEx = function LCImEx(_ref) {
+import { LdButton as Button } from "../../../../components/LdCom";
+import Icon from "../../../../components/IconFont";
+import { formatMessage } from '@luck-design-biz/base/utils';
+import { omitBadProps } from "../../../engine/tools/helper";
+import { exportExcel, getFindexcelstate, uploadTemplate, noAuthGetTemplateUrl } from "../../../constants/api-url";
+import defaultMeta from "../../../engine/meta/imex.props.default.json";
+import { isString, split, last, lowerCase, includes } from 'lodash';
+var StyledButton = styled(Button).withConfig({
+  displayName: "StyledButton",
+  componentId: "luckda-6530__sc-mil6cj-0"
+})(["", ""], function (props) {
+  return props.$css;
+});
+var DownloadLink = styled.div.withConfig({
+  displayName: "DownloadLink",
+  componentId: "luckda-6530__sc-mil6cj-1"
+})(["display:flex;align-items:center;justify-content:center;margin-top:-36px;"]);
+var UploadDoneWrap = styled.div.withConfig({
+  displayName: "UploadDoneWrap",
+  componentId: "luckda-6530__sc-mil6cj-2"
+})(["display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px;"]);
+var LCButton = function LCButton(_ref) {
   var id = _ref.id,
-    props = _objectWithoutProperties(_ref, _excluded);
+    title = _ref.title,
+    type = _ref.type,
+    size = _ref.size,
+    iconFont = _ref.iconFont,
+    block = _ref.block,
+    ghost = _ref.ghost,
+    css = _ref.css,
+    className = _ref.className,
+    onClick = _ref.onClick,
+    advance = _ref.advance,
+    impexpSetting = _ref.impexpSetting,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var ref = useRef();
+  var uploadRef = useRef();
+  var _useRemoteSource = useRemoteSource(),
+    module = _useRemoteSource.module,
+    moduleCode = _useRemoteSource.moduleCode;
   var getTargetDom = useMemoizedFn(function () {
-    return ref.current;
+    var _ref$current;
+    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.buttonNode;
   });
+
+  // ========= 导出 ==========
+
+  var _useRequest = useRequest(exportExcel, {
+      manual: true
+    }),
+    runAsync = _useRequest.runAsync;
+  var fecthExcelState = function fecthExcelState(_ref2, procress, resolve, reject) {
+    var strategy = _ref2.strategy,
+      batchNo = _ref2.batchNo,
+      moduleCode = _ref2.moduleCode,
+      behaviorKey = _ref2.behaviorKey;
+    var _fetchExcelStatePrefix = "/".concat(strategy, "/").concat(batchNo);
+    var _fetchExcelStateParams = {
+      moduleCode: moduleCode,
+      behaviorKey: behaviorKey,
+      reportType: "export"
+    };
+    getFindexcelstate(_fetchExcelStatePrefix, _fetchExcelStateParams).then(function (response) {
+      if (response.code === 1) {
+        var _response$data = response.data,
+          successCount = _response$data.successCount,
+          totalCount = _response$data.totalCount,
+          downloadUrl = _response$data.downloadUrl;
+        if (successCount >= totalCount) {
+          resolve(downloadUrl);
+        } else {
+          procress((successCount / totalCount * 100).toFixed(1));
+          setTimeout(function () {
+            fecthExcelState({
+              strategy: strategy,
+              batchNo: batchNo,
+              moduleCode: moduleCode,
+              behaviorKey: behaviorKey
+            }, procress, resolve, reject);
+          }, 500);
+        }
+      } else {
+        reject();
+      }
+    }).catch(function () {
+      reject();
+    });
+  };
+  var handleExportAll = function handleExportAll(procress) {
+    return new Promise( /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve, reject) {
+        var isBehavior, strategy, behaviorKey, _exportExcelParams, _exportExcelPrefix, exportExcelResponse;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              isBehavior = isString(impexpSetting.customParam);
+              strategy = isBehavior ? 'behavior' : 'report_server';
+              if (isBehavior) {
+                _context.next = 4;
+                break;
+              }
+              return _context.abrupt("return", message.info("\u672A\u914D\u7F6E\u81EA\u5B9A\u4E49\u884C\u4E3A\uFF01"));
+            case 4:
+              behaviorKey = impexpSetting.customParam;
+              _exportExcelParams = {
+                moduleCode: module.moduleCode,
+                behaviorKey: behaviorKey,
+                reportType: "export"
+              };
+              _exportExcelPrefix = "/".concat(strategy);
+              _context.next = 9;
+              return runAsync(_exportExcelPrefix, _exportExcelParams);
+            case 9:
+              exportExcelResponse = _context.sent;
+              if (exportExcelResponse.code === 1) {
+                fecthExcelState({
+                  strategy: strategy,
+                  batchNo: exportExcelResponse.data,
+                  moduleCode: module.moduleCode,
+                  behaviorKey: behaviorKey
+                }, procress, resolve, reject);
+              } else {
+                reject();
+              }
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x, _x2) {
+        return _ref3.apply(this, arguments);
+      };
+    }());
+  };
+  var doExportAll = function doExportAll(onExportAll) {
+    var key = 'exportAll';
+    var notificationConfig = {
+      key: key,
+      duration: null,
+      message: '正在导出数据...',
+      placement: 'bottomRight',
+      closeIcon: /*#__PURE__*/React.createElement("div", null),
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        type: "cloud-download",
+        className: styles.exportTheme
+      })
+    };
+    var process = function process(i) {
+      notification.open(_objectSpread(_objectSpread({}, notificationConfig), {}, {
+        description: /*#__PURE__*/React.createElement(Progress, {
+          percent: i
+        })
+      }));
+    };
+    notification.open(_objectSpread(_objectSpread({}, notificationConfig), {}, {
+      description: /*#__PURE__*/React.createElement(Progress, {
+        percent: 0
+      })
+    }));
+    onExportAll(process).then(function (ret) {
+      if (ret) {
+        window.location.href = ret;
+      }
+      notification.close(key);
+    }).catch(function () {
+      return notification.open(_objectSpread(_objectSpread({}, notificationConfig), {}, {
+        icon: /*#__PURE__*/React.createElement(Icon, {
+          type: "cloud-download",
+          className: styles.exportErrorTheme
+        }),
+        message: '导出失败',
+        duration: 4
+      }));
+    });
+  };
+
+  // ========= 导出 ==========
+
+  // ========= 导入 ==========
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState('undone'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    actionStep = _useState4[0],
+    setActionStep = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    templateUrl = _useState6[0],
+    setTemplateUrl = _useState6[1];
+  var _useState7 = useState({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    uploadResult = _useState8[0],
+    setUploadResult = _useState8[1];
+  var _useRequest2 = useRequest(uploadTemplate, {
+      manual: true
+    }),
+    runAsyncImport = _useRequest2.runAsync;
+  var fecthFindExcelState = function fecthFindExcelState(_ref4, callback) {
+    var strategy = _ref4.strategy,
+      batchNo = _ref4.batchNo,
+      moduleCode = _ref4.moduleCode,
+      behaviorKey = _ref4.behaviorKey,
+      templateId = _ref4.templateId;
+    var _fetchExcelStatePrefix = "/".concat(strategy, "/").concat(batchNo);
+    var _fetchExcelStateParams = {
+      moduleCode: moduleCode,
+      behaviorKey: behaviorKey,
+      templateId: templateId,
+      reportType: "import"
+    };
+    getFindexcelstate(_fetchExcelStatePrefix, _fetchExcelStateParams).then(function (response) {
+      if (response.code === 1) {
+        var data = response.data;
+        callback(data);
+        if (data.state !== -1 && data.successCount < data.totalCount) {
+          setTimeout(function () {
+            fecthFindExcelState({
+              strategy: strategy,
+              batchNo: batchNo,
+              moduleCode: moduleCode,
+              behaviorKey: behaviorKey,
+              templateId: templateId
+            }, callback);
+          }, 500);
+        } else {
+          setActionStep('finish');
+        }
+      } else {
+        callback();
+        setActionStep('finish');
+      }
+    }).catch(function () {
+      setActionStep('finish');
+      callback();
+    });
+  };
+  useEffect(function () {
+    if (visible) {
+      setActionStep('undone');
+      setUploadResult({});
+      setTemplateUrl('');
+    }
+  }, [visible]);
+  var handleImport = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(err, values) {
+      var _importExcelParams, strategy, importParameter, _importExcelPrefix, importExcelResponse;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (err) {
+              _context2.next = 14;
+              break;
+            }
+            _importExcelParams = new FormData();
+            values.files.forEach(function (file) {
+              _importExcelParams.append('file', file.originFileObj);
+            });
+            strategy = impexpSetting.customType ? 'behavior' : 'report_server';
+            importParameter = impexpSetting.customType ? {
+              moduleCode: module.moduleCode,
+              behaviorKey: impexpSetting.customParam,
+              gatewayUrl: "".concat(window.location.origin).concat(api.API_HOST)
+            } : {
+              templateId: impexpSetting.customParam,
+              gatewayUrl: "".concat(window.location.origin).concat(api.API_HOST)
+            };
+            _importExcelParams.append('importParameter', JSON.stringify(importParameter));
+            _importExcelPrefix = "/".concat(strategy);
+            _context2.next = 9;
+            return runAsyncImport(_importExcelPrefix, _importExcelParams);
+          case 9:
+            importExcelResponse = _context2.sent;
+            setActionStep('uploading');
+            fecthFindExcelState(_objectSpread({
+              strategy: strategy,
+              batchNo: importExcelResponse.data
+            }, importParameter), function (result) {
+              setUploadResult(result || {});
+            });
+            _context2.next = 15;
+            break;
+          case 14:
+            message.info('请选择Excel文件！');
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function handleImport(_x3, _x4) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  // ========= 导入 ==========
+
+  var handleClick = useMemoizedFn( /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(e) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (!onClick) {
+              _context3.next = 3;
+              break;
+            }
+            onClick(e);
+            return _context3.abrupt("return");
+          case 3:
+            if (!(impexpSetting.type === 'export')) {
+              _context3.next = 7;
+              break;
+            }
+            // ! 导出
+            if (isString(impexpSetting.customParam) && impexpSetting.customParam) {
+              doExportAll(handleExportAll);
+            } else {
+              message.info("\u672A\u914D\u7F6E\u884C\u4E3A\uFF01");
+            }
+            _context3.next = 11;
+            break;
+          case 7:
+            if (impexpSetting.customParam) {
+              _context3.next = 9;
+              break;
+            }
+            return _context3.abrupt("return", message.info("\u672A\u914D\u7F6E\u6A21\u7248\uFF01"));
+          case 9:
+            if (!impexpSetting.customType) {
+              noAuthGetTemplateUrl(impexpSetting.customParam).then(function (response) {
+                if (response.code === 1) {
+                  setTemplateUrl(response.data);
+                }
+              });
+            }
+            setVisible(true);
+          case 11:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function (_x5) {
+      return _ref6.apply(this, arguments);
+    };
+  }());
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
-    displayName: "ImEx",
+    displayName: "Imex",
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: ref
-  }, "LCImEx"));
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledButton, {
+    ref: ref,
+    type: type,
+    size: size,
+    block: block,
+    ghost: ghost,
+    $css: css,
+    className: classNames(_defineProperty({}, className, !!className)),
+    onClick: handleClick
+  }, iconFont ? /*#__PURE__*/React.createElement(Icon, {
+    type: iconFont
+  }) : null, title || formatMessage({
+    id: 'luckda.lowcode.painter.import',
+    label: '导入'
+  })), /*#__PURE__*/React.createElement(PopWindow, _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    visible: visible,
+    title: "\u4E0A\u4F20excel\u6587\u4EF6",
+    mode: "modal",
+    size: "mini"
+  }, "visible", visible), "destroyOnClose", true), "footer", actionStep === 'undone' ? function () {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  } : null), "onClose", function onClose() {
+    if (actionStep !== 'uploading') {
+      setVisible(false);
+    }
+  }), actionStep === 'undone' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BasicForm, {
+    onSubmit: handleImport,
+    layout: "drawer",
+    buttonRender: function buttonRender() {
+      return /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        htmlType: "submit"
+      }, "\u5BFC\u5165");
+    }
+  }, /*#__PURE__*/React.createElement(BasicFormItem, {
+    type: "upload",
+    name: "files",
+    label: "\u4E0A\u4F20",
+    accept: ".csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    config: {
+      required: true,
+      message: '请上传Excel文件',
+      directory: false,
+      num: 1,
+      multiple: false,
+      autoUpload: false,
+      listType: 'text',
+      accept: '.xls,.xlsx,.xlt,.xlsm',
+      name: 'fileObj',
+      beforeUpload: function beforeUpload(file) {
+        var suffix = lowerCase(last(split(file.name, '.')));
+        if (!includes(['xls', 'xlsx', 'xlt', 'xlsm'], suffix)) {
+          message.info('禁止上传的文件类型');
+          return false;
+        }
+      }
+    }
+  })), templateUrl && /*#__PURE__*/React.createElement(DownloadLink, null, /*#__PURE__*/React.createElement("a", {
+    href: "".concat(templateUrl),
+    download: true
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "link"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: "download"
+  }), " \u4E0B\u8F7D\u6A21\u7248")))) : /*#__PURE__*/React.createElement(UploadDoneWrap, null, /*#__PURE__*/React.createElement("p", null, "\u5DF2\u5BFC\u5165\uFF1A", uploadResult.totalCount || 0, "\u6761\uFF0C\u6210\u529F\uFF1A", uploadResult.successCount || 0, "\u6761\uFF0C\u5931\u8D25\uFF1A", uploadResult.failureCount, "\u6761"), uploadResult.failureCount > 0 ? /*#__PURE__*/React.createElement("a", {
+    href: uploadResult.errorFileUrl,
+    download: true
+  }, "\u4E0B\u8F7D\u51FA\u9519\u8868\u683C\u4FE1\u606F") : ''))));
 };
-export default LCImEx;
+LCButton.propTypes = {
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
+   */
+  id: PropTypes.string.isRequired,
+  /**
+   * @name 按钮标题
+   * @type string
+   * @default 12:3:9
+   */
+  title: PropTypes.string,
+  /**
+   * @name 按钮类型
+   * @type _ButtonType
+   * @default 'default'
+   */
+  type: PropTypes.oneOf(['default', 'primary', 'dashed', 'danger']),
+  /**
+   * @name impexpSetting
+   * @type _ImpExpAlone
+   * @default { "customType": false, "customParam": null, "type": "export" }
+   */
+  impexpSetting: PropTypes.object,
+  /**
+   * @name 按钮大小
+   * @type segmented
+   * @options [{ "label": "小", "value": "small"}, { "label": "中", "value": "middle" }, { "label": "大", "value": "large" }]
+   * @default 'default'
+   */
+  size: PropTypes.oneOf(['small', 'default', 'large']),
+  /**
+   * @name 将按钮宽度调整为其父宽度的选项
+   * @type boolean
+   * @default false
+   */
+  block: PropTypes.bool
+};
+LCButton.defaultProps = omitBadProps(defaultMeta);
+export default LCButton;

package/es/lowcode/view/lc-components/ImEx/index.less

@@ -0,0 +1,7 @@
+.exportTheme {
+  color: var(--luck-color-primary);
+}
+
+.exportErrorTheme {
+  color: var(--luck-color-danger);
+}

package/es/lowcode/view/lc-components/ImEx/meta.json

@@ -14,40 +14,72 @@
       "disabled": true
     },
     {
-      "key": "type",
-      "name": "类型",
-      "desc": "选择导入功能或者导出功能",
-      "type": "radio",
+      "key": "title",
+      "name": "标题",
+      "desc": "按钮上显示的文字",
+      "type": "_I18nInput",
+      "default": "导入｜导出"
+    },
+    {
+      "key": "impexpSetting",
+      "type": "_ImpExpAlone",
+      "default": {
+        "customType": false,
+        "customParam": null,
+        "type": "export"
+      }
+    },
+    {
+      "key": "size",
+      "name": "按钮",
+      "type": "segmented",
+      "repositioning": true,
       "options": [
         {
-          "label": "导入",
-          "value": "import"
+          "label": "小",
+          "value": "small"
         },
         {
-          "label": "导出",
-          "value": "export"
+          "label": "中",
+          "value": "middle"
+        },
+        {
+          "label": "大",
+          "value": "large"
         }
       ],
-      "default": "export"
+      "default": "middle"
     },
     {
-      "key": "title",
-      "name": "标题",
-      "desc": "按钮上显示的文字",
-      "type": "string",
-      "default": "导入｜导出"
+      "key": "block",
+      "name": "块级",
+      "desc": "将按钮宽度调整为其父宽度的选项",
+      "type": "switch",
+      "repositioning": true,
+      "default": false
     },
     {
-      "key": "templateId",
-      "name": "模板id",
-      "desc": "在导入导出模块配置的模板id",
-      "type": "string"
+      "key": "type",
+      "name": "按钮类型",
+      "type": "_ButtonType",
+      "default": "primary"
     },
     {
-      "key": "apiUrl",
-      "name": "接口地址",
-      "desc": "定制的导入导出接口",
-      "type": "string"
+      "key": "iconFont",
+      "name": "图标",
+      "type": "_Icon",
+      "next": {
+        "name": "选择图标",
+        "autoClose": true,
+        "props": [
+          {
+            "key": "iconFont",
+            "name": "#图标选择器",
+            "type": "_IconSelector"
+          }
+        ]
+      },
+      "repositioning": true
     }
   ],
   "css": {},
@@ -79,4 +111,4 @@
       }
     ]
   }
-}
+}

package/es/lowcode/view/lc-components/Image/FunctionDesign.js

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionDesign = function FunctionDesign(_ref) {
   var children = _ref.children,

package/es/lowcode/view/lc-components/Image/FunctionLive.js

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,

package/es/lowcode/view/lc-components/Image/FunctionPreview.js

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,

package/es/lowcode/view/lc-components/Image/meta.json

@@ -72,13 +72,13 @@
       "key": "title",
       "name": "标题",
       "desc": "图片html原生title",
-      "type": "string"
+      "type": "_I18nInput"
     },
     {
       "key": "alt",
       "name": "替代文本",
       "desc": "图片加载失败的占位文字",
-      "type": "string"
+      "type": "_I18nInput"
     },
     {
       "key": "preview",

package/es/lowcode/view/lc-components/JSX/FunctionDesign.js

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionDesign = function FunctionDesign(_ref) {
   var children = _ref.children,

package/es/lowcode/view/lc-components/JSX/FunctionLive.js

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,

package/es/lowcode/view/lc-components/JSX/FunctionPreview.js

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
+import React from 'react';
 import Index from "./index";
 var FunctionPreview = function FunctionPreview(_ref) {
   var children = _ref.children,