@luck-design-biz/luckda 0.0.25-9 → 0.0.26

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

@@ -1,480 +1,20 @@
-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", "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";
+var _excluded = ["id"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
 import Wrapper from "../Wrapper";
-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 LCImEx = function LCImEx(_ref) {
   var id = _ref.id,
-    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);
+    props = _objectWithoutProperties(_ref, _excluded);
   var ref = useRef();
-  var uploadRef = useRef();
-  var _useRemoteSource = useRemoteSource(),
-    module = _useRemoteSource.module,
-    moduleCode = _useRemoteSource.moduleCode;
   var getTargetDom = useMemoizedFn(function () {
-    var _ref$current;
-    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.buttonNode;
+    return ref.current;
   });
-
-  // ========= 导出 ==========
-
-  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",
     getTargetDom: getTargetDom
-  }, /*#__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") : ''))));
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, "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;
+export default LCImEx;

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

@@ -12,7 +12,6 @@ var LCImage = function LCImage(_ref) {
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
-    displayName: "Image",
     getTargetDom: getTargetDom
   }, /*#__PURE__*/React.createElement("div", {
     ref: ref

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

@@ -1,33 +1,20 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id"];
 import React, { useRef } from 'react';
 import { useMemoizedFn } from 'ahooks';
-import styled from 'styled-components';
-import { useContext } from "../../../engine/provider/ContextProvider";
 import Wrapper from "../Wrapper";
-import LdRuntimeCom from "../../../../components/LdRuntimeCom";
-var JSXWrapper = styled.div.withConfig({
-  displayName: "JSXWrapper",
-  componentId: "luckda-6530__sc-23r5qk-0"
-})(["", ""], function (props) {
-  return props.$css;
-});
 var LCJSX = function LCJSX(_ref) {
   var id = _ref.id,
-    render = _ref.render,
-    css = _ref.css;
+    props = _objectWithoutProperties(_ref, _excluded);
   var ref = useRef();
-  var ctx = useContext();
   var getTargetDom = useMemoizedFn(function () {
     return ref.current;
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
-    displayName: "JSX",
     getTargetDom: getTargetDom
-  }, /*#__PURE__*/React.createElement(JSXWrapper, {
-    ref: ref,
-    $css: css
-  }, /*#__PURE__*/React.createElement(LdRuntimeCom, {
-    ctx: ctx
-  }, render)));
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, "JSX"));
 };
 export default LCJSX;

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

@@ -1,58 +1,24 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "children"];
 import React, { useRef } from 'react';
-import PropTypes from 'prop-types';
 import { useMemoizedFn } from 'ahooks';
 import Wrapper from "../Wrapper";
-import styles from "./index.less";
-import defaultMeta from "../../../engine/meta/layout.props.default.json";
 var LCLayout = function LCLayout(_ref) {
   var id = _ref.id,
     children = _ref.children,
-    columnRatio = _ref.columnRatio,
-    columnSpacing = _ref.columnSpacing,
-    lineSpacing = _ref.lineSpacing,
-    style = _ref.style;
+    props = _objectWithoutProperties(_ref, _excluded);
   var ref = useRef();
   var getTargetDom = useMemoizedFn(function () {
     return ref.current;
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
-    displayName: "Layout",
     getTargetDom: getTargetDom
   }, /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    className: styles['lc-component-layout'],
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      gap: "".concat(columnSpacing, "px ").concat(lineSpacing, "px")
-    })
-  }, children));
+    style: {
+      padding: 8
+    }
+  }, "LCLayout-", id, children));
 };
-LCLayout.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * @name 列比例
-   * @type string
-   * @default 12:3:9
-   */
-  columnRatio: PropTypes.string,
-  /**
-   * @name 列间距
-   * @type number
-   * @default 16
-   */
-  columnSpacing: PropTypes.number,
-  /**
-   * @name 行间距
-   * @type number
-   * @default 8
-   */
-  lineSpacing: PropTypes.number
-};
-LCLayout.defaultProps = _objectSpread({}, defaultMeta);
 export default LCLayout;

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

@@ -12,7 +12,6 @@ var LCLink = function LCLink(_ref) {
   });
   return /*#__PURE__*/React.createElement(Wrapper, {
     id: id,
-    displayName: "Link",
     getTargetDom: getTargetDom
   }, /*#__PURE__*/React.createElement("div", {
     ref: ref