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

package/lib/upload/FilesWall/index.js

@@ -1,429 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _antd = require("luck-design/antd");
-var _ahooks = require("ahooks");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@luck-design-biz/base/utils");
-var _umi = require("umi");
-var _lodash = require("lodash");
-var _luckDesign = require("luck-design");
-var _index = _interopRequireDefault(require("./index.less"));
-var _excluded = ["rowKey", "formMode", "beforeUpload", "onUploadChange", "moduleCode", "docUid", "bucket", "operates", "zipName", "showNote", "tag", "maxLength"];
-/**
- * 附件墙
- * @param props
- * @returns {JSX.Element}
- * @constructor
- */
-var FilesWall = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _props$rowKey = props.rowKey,
-    rowKey = _props$rowKey === void 0 ? 'indocno' : _props$rowKey,
-    formMode = props.formMode,
-    beforeUpload = props.beforeUpload,
-    onUploadChange = props.onUploadChange,
-    moduleCode = props.moduleCode,
-    docUid = props.docUid,
-    _props$bucket = props.bucket,
-    bucket = _props$bucket === void 0 ? '' : _props$bucket,
-    _props$operates = props.operates,
-    operates = _props$operates === void 0 ? ['read', 'add', 'delete', 'download'] : _props$operates,
-    _props$zipName = props.zipName,
-    zipName = _props$zipName === void 0 ? 'download.zip' : _props$zipName,
-    _props$showNote = props.showNote,
-    showNote = _props$showNote === void 0 ? false : _props$showNote,
-    _props$tag = props.tag,
-    tag = _props$tag === void 0 ? '' : _props$tag,
-    maxLength = props.maxLength,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _useSetState = (0, _ahooks.useSetState)({
-      dataSource: [],
-      loading: false,
-      checkedList: [],
-      selectAll: true
-    }),
-    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
-    state = _useSetState2[0],
-    setState = _useSetState2[1];
-  (0, _react.useEffect)(function () {
-    if (formMode !== 'add') {
-      onQuery();
-    }
-  }, []);
-  var onQuery = function onQuery() {
-    setState({
-      loading: true
-    });
-    (0, _utils.request)(getUrl('loadFileGrid')).then(function (res) {
-      var code = res.code,
-        list = res.list,
-        detail = res.detail;
-      if (code === 1) {
-        var dataSource = list.map(function (i) {
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, detail[i]), {}, {
-            name: detail[i].origFileName,
-            size: detail[i].fileSize,
-            spath: detail[i].previewUrl
-          });
-        });
-        setState({
-          dataSource: dataSource
-        });
-        setState({
-          loading: false
-        });
-      }
-    });
-  };
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      getDataSource: function getDataSource() {
-        return state.dataSource;
-      },
-      refreshList: function refreshList() {
-        return onQuery();
-      }
-    };
-  });
-  var getUrl = function getUrl(behaviorKey) {
-    return "".concat(window.appConfig.OSS_HOST_V3, "?moduleCode=").concat(moduleCode, "&bucket=").concat(bucket, "&docUid=").concat(docUid, "&behaviorKey=").concat(behaviorKey, "&tag=").concat(tag);
-  };
-
-  // 预览
-  var handlePreview = function handlePreview(file) {
-    var files = [];
-    state.dataSource.forEach(function (data) {
-      var nodePreviewUrl = data.previewUrl;
-      files.push({
-        uid: data.indocno || data.uid,
-        fileExt: data.fileExt || data.fileExt,
-        name: data.name,
-        previewUrl: "/minioPreview".concat(nodePreviewUrl),
-        url: data.spath
-      });
-    });
-    var activeIndex = files.findIndex(function (item) {
-      return item.uid === (file.indocno || file.uid);
-    });
-    window.openPreviewV3(files, {
-      activeIndex: activeIndex
-    });
-  };
-  var handleBeforeUpload = function handleBeforeUpload(file, fileList) {
-    var _getDvaApp;
-    setState({
-      loading: true
-    });
-    var uploadConfig = (_getDvaApp = (0, _umi.getDvaApp)()) === null || _getDvaApp === void 0 ? void 0 : _getDvaApp._store.getState().settings.upload_config;
-    var suffix = (0, _lodash.lowerCase)((0, _lodash.last)((0, _lodash.split)(file.name, '.')));
-    var flag = uploadConfig && uploadConfig[suffix] && +uploadConfig[suffix] * 1024 * 1024 < file.size;
-    if (flag) {
-      (0, _utils.showPop)("".concat(file.name).concat((0, _utils.formatMessage)({
-        id: 'app.exception.fileTooLarge',
-        label: '文件过大'
-      })));
-    }
-    return !flag && (beforeUpload ? beforeUpload(file, fileList) : true);
-  };
-  var handleUploadChange = function handleUploadChange(e) {
-    var file = e.file,
-      fileList = e.fileList;
-    if (file.status === 'error' || file.response && file.response.code !== 1) {
-      var _file$response = file.response,
-        msg = _file$response.msg,
-        message = _file$response.message;
-      (0, _utils.showPop)(msg || message, null, 'error');
-    }
-    console.log('handleUploadChange', e);
-    setState({
-      loading: false
-    });
-    if (file.status === 'done' && file.response && file.response.code === 1) {
-      onQuery();
-    }
-    setState({
-      dataSource: (0, _toConsumableArray2.default)(fileList)
-    });
-    onUploadChange && onUploadChange(e);
-  };
-  var formItemProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
-    action: getUrl('upload'),
-    // 上传地址
-    headers: {
-      Authorization: "Bearer ".concat(window.cookie.get(window.appConfig.authSaveKey))
-    },
-    // 请求头
-    name: 'files',
-    multiple: true,
-    showUploadList: false,
-    beforeUpload: handleBeforeUpload,
-    onChange: function onChange(e) {
-      handleUploadChange(e);
-    }
-  });
-  var uploadButton = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-    type: "plus"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "ant-upload-text"
-  }, (0, _utils.formatMessage)({
-    id: 'sys.attr.type.upload'
-  })));
-
-  // 勾选附件
-  var onFileCheck = function onFileCheck(e, item) {
-    var checkedList = state.checkedList;
-    if (e.target.checked) {
-      checkedList.push(item);
-      setState({
-        checkedList: checkedList
-      });
-    } else {
-      var tempList = checkedList.filter(function (c) {
-        return c.indocno !== item.indocno;
-      });
-      setState({
-        checkedList: tempList
-      });
-    }
-  };
-  var isImage = function isImage(fileExt) {
-    return ['.png', '.jpg', '.jpeg', '.gif', '.bmp'].includes(fileExt === null || fileExt === void 0 ? void 0 : fileExt.toLowerCase());
-  };
-
-  // 自定义附件列表
-  var renderFileList = function renderFileList() {
-    return state.dataSource.map(function (f) {
-      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-        className: _index.default.fileContent
-      }, /*#__PURE__*/_react.default.createElement("img", {
-        className: _index.default.img,
-        src: isImage(f.fileExt) ? "/minioPreview".concat(f.previewUrl) : require("./file.png"),
-        alt: ""
-      }), /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
-        onChange: function onChange(e) {
-          return onFileCheck(e, f);
-        },
-        checked: state.checkedList.findIndex(function (l) {
-          return l.indocno === f.indocno;
-        }) > -1,
-        className: _index.default.check
-      })), /*#__PURE__*/_react.default.createElement(_luckDesign.Box, {
-        className: _index.default.actions,
-        justify: "center",
-        align: "center"
-      }, /*#__PURE__*/_react.default.createElement(_luckDesign.Box, {
-        justify: "space-around",
-        className: _index.default.actionsChild
-      }, /*#__PURE__*/_react.default.createElement(_luckDesign.Permission, {
-        userPermission: operates || [],
-        hasDefaultWord: false
-      }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-        wanted: (0, _utils.canPreview)(f) && 'read',
-        type: "eye",
-        style: {
-          color: 'white'
-        },
-        onClick: function onClick() {
-          return handlePreview(f);
-        }
-      }), /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-        wanted: "download",
-        type: "download",
-        style: {
-          color: 'white'
-        },
-        onClick: function onClick() {
-          return handleDownload([f]);
-        }
-      }), /*#__PURE__*/_react.default.createElement(_antd.Icon, {
-        wanted: formMode !== 'info' && 'delete',
-        type: "delete",
-        style: {
-          color: 'white'
-        },
-        onClick: function onClick() {
-          return handleDelete([f], false);
-        }
-      })))));
-    });
-  };
-  var menu = /*#__PURE__*/_react.default.createElement(_luckDesign.PermissionGroup, {
-    userPermission: operates,
-    modeStyle: "menu"
-  }, /*#__PURE__*/_react.default.createElement("a", {
-    wanted: "download",
-    name: "download",
-    disabled: state.checkedList.length === 0,
-    onClick: function onClick() {
-      return handleDownload(state.checkedList, true);
-    }
-  }, "\u4E0B\u8F7D"), /*#__PURE__*/_react.default.createElement("a", {
-    wanted: formMode !== 'info' && 'delete',
-    name: "delete",
-    disabled: state.checkedList.length === 0,
-    onClick: function onClick() {
-      _antd.Modal.confirm({
-        title: (0, _utils.formatMessage)({
-          id: 'app.base.operate.delete'
-        }),
-        content: (0, _utils.formatMessage)({
-          id: 'app.base.confirm.delete'
-        }),
-        okText: (0, _utils.formatMessage)({
-          id: 'app.base.operate.ok'
-        }),
-        okType: 'danger',
-        cancelText: (0, _utils.formatMessage)({
-          id: 'app.base.operate.cancel'
-        }),
-        onOk: function onOk() {
-          handleDelete(state.checkedList, true);
-        }
-      });
-    }
-  }, "\u5220\u9664"));
-
-  /**
-   * 删除
-   * @param selectedRows 选择的数据
-   * @param isCheck 是否批量勾选
-   */
-  var handleDelete = function handleDelete(selectedRows, isCheck) {
-    setState({
-      loading: true
-    });
-    (0, _utils.request)(getUrl('removeFile'), {
-      method: 'POST',
-      body: {
-        fileNames: selectedRows.map(function (row) {
-          return row.fileName;
-        })
-      }
-    }).then(function () {
-      setState({
-        loading: false
-      });
-      isCheck && setState({
-        checkedList: []
-      });
-      onQuery();
-    });
-  };
-  var handleDownload = function handleDownload(selectedRows, isCheck) {
-    if (selectedRows.length === 1) {
-      var filenames = selectedRows.map(function (item) {
-        return item.fileName;
-      });
-      downloadFile(filenames, 'downloadOne');
-    } else {
-      var files = selectedRows.map(function (item) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-          sname: item.fileName,
-          downloadUrl: "".concat(getUrl('download'), "&fileName=").concat(item.fileName),
-          stype: item.fileExt
-        });
-      });
-      (0, _utils.patchDownload)(files);
-    }
-    isCheck && setState({
-      checkedList: []
-    });
-  };
-
-  /**
-   * 下载附件
-   * @param filenames
-   * @param tag downloadOne：下载单个，其他批量
-   */
-  var downloadFile = function downloadFile(filenames, tag) {
-    saveAs("".concat(getUrl('download'), "&fileName=").concat(filenames[0]));
-  };
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    className: _index.default.operates
-  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    type: "primary",
-    loading: state.loading,
-    style: {
-      marginRight: 8
-    },
-    onClick: function onClick() {
-      return state.selectAll ? setState({
-        checkedList: state.dataSource,
-        selectAll: false
-      }) : setState({
-        checkedList: [],
-        selectAll: true
-      });
-    },
-    disabled: state.dataSource.length === 0
-  }, state.selectAll ? (0, _utils.formatMessage)({
-    id: 'app.base.operate.selectAll',
-    label: '全选'
-  }) : (0, _utils.formatMessage)({
-    id: 'app.base.operate.selectNone',
-    label: '全不选'
-  })), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-    type: "primary",
-    loading: state.loading,
-    style: {
-      marginRight: 8
-    },
-    onClick: function onClick() {
-      return handleDownload(state.dataSource);
-    },
-    disabled: state.dataSource.length === 0
-  }, (0, _utils.formatMessage)({
-    id: 'app.base.operate.downloadAll',
-    label: '下载全部'
-  })), state.checkedList.length > 0 && /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
-    overlay: menu,
-    trigger: ['hover']
-  }, /*#__PURE__*/_react.default.createElement(_antd.Button, null, "\u6279\u91CF\u64CD\u4F5C"))), /*#__PURE__*/_react.default.createElement("div", {
-    className: _index.default.filesWall
-  }, renderFileList(), /*#__PURE__*/_react.default.createElement(_antd.Upload, (0, _extends2.default)({
-    listType: "picture-card"
-  }, formItemProps, {
-    fileList: state.dataSource,
-    onPreview: handlePreview,
-    showUploadList: false
-  }), state.dataSource.length >= maxLength || formMode === 'info' || !operates.includes('add') ? null : uploadButton)));
-});
-FilesWall.propTypes = {
-  moduleCode: _propTypes.default.string.isRequired,
-  // 模块code
-  docUid: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
-  // 单据主键，新增模式下前端生成
-  formMode: _propTypes.default.string,
-  // 表单formMode
-  operates: _propTypes.default.array,
-  // 表单操作权限
-  zipName: _propTypes.default.string,
-  // 打包下载文件名
-  bucket: _propTypes.default.string,
-  tag: _propTypes.default.string,
-  // 附件tag标识
-  showNote: _propTypes.default.bool,
-  // 是否填写附件备注
-  beforeUpload: _propTypes.default.func,
-  // 上传前回调
-  onUploadChange: _propTypes.default.func,
-  // 上传后回调
-  maxLength: _propTypes.default.number // 最大上传数量
-};
-FilesWall.defaultProps = {
-  bucket: '',
-  showNote: false,
-  maxLength: 999
-};
-var _default = exports.default = FilesWall;

package/lib/upload/FilesWall/index.less

@@ -1,74 +0,0 @@
-.operates {
-  display: flex;
-  margin-bottom: 8px;
-}
-
-.filesWall {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  width: 100%;
-  box-sizing: border-box;
-
-  .fileContent {
-    position: relative;
-
-    .check {
-      position: absolute;
-      right: 8px;
-      top: -3px;
-    }
-
-    .img {
-      position: relative;
-      padding: 8px;
-      border: 1px solid #d9d9d9;
-      border-radius: 4px 0 4px 4px;
-      display: table;
-      float: left;
-      width: 104px;
-      height: 104px;
-      margin-right: 8px;
-      margin-bottom: 8px;
-      text-align: center;
-      vertical-align: top;
-      cursor: pointer;
-      -webkit-transition: border-color 0.3s ease;
-      transition: border-color 0.3s ease;
-    }
-  }
-
-  .actions {
-    width: 104px !important;
-    height: 104px !important;
-    position: absolute;
-    background-color: rgba(0, 0, 0, 0.4);
-    border-radius: 4px;
-    display: none !important;
-
-    .actionsChild {
-      margin-top: 35%;
-    }
-  }
-
-  .fileContent:hover + .actions,
-  .actions:hover {
-    display: block !important;
-  }
-
-  :global {
-    .ant-upload-select-picture-card i {
-      font-size: 32px;
-      color: #999;
-    }
-
-    .ant-upload-select-picture-card .ant-upload-text {
-      margin-top: 8px;
-      color: #666;
-    }
-
-    .ant-upload-picture-card-wrapper {
-      width: auto;
-    }
-  }
-}