@luck-design-biz/luckda 0.0.15 → 0.0.16

package/es/upload/Form/gridForm.js

@@ -0,0 +1,376 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["formId", "formRef", "showNote", "operates", "loading", "uploadUrl", "forbiddenTypes", "beforeUpload", "formMode", "onUploadChange", "zipName", "resetActions", "getUrl"];
+import React, { useState, useRef } from 'react';
+import { getDvaApp } from 'umi';
+import { useMemoizedFn } from 'ahooks';
+import { Button, Upload, Tooltip, Icon } from 'antd';
+import moment from 'moment';
+import { last } from 'lodash';
+import { BasicForm, BasicFormItem, PopWindow } from 'luck-design';
+import api from '@/services/ApiConfig';
+import { FormBtn, GridForm } from '@luck-design-biz/base/FormList';
+import { byteConvert, formatMessage, beforeUpload as _beforeUpload2, patchDownloadZip, showPop, request, canPreview } from '@luck-design-biz/base/utils';
+var columns = [{
+  field: 'name',
+  title: '附件名称'
+}, {
+  field: 'size',
+  title: '附件大小',
+  render: function render(text) {
+    return byteConvert(text);
+  }
+}, {
+  field: 'username',
+  title: '上传人'
+}, {
+  field: 'uploadDate',
+  title: '上传时间',
+  render: function render(text) {
+    return text && moment(text).format('YYYY-MM-DD HH:mm:ss');
+  }
+}];
+var columnsWithNote = [].concat(columns, [{
+  field: 'note',
+  title: '备注',
+  render: function render(text) {
+    return text || '-';
+  }
+}]);
+var batchOperations = [{
+  key: 'download',
+  title: formatMessage({
+    id: 'app.base.operate.download',
+    label: '下载'
+  })
+}];
+var UploadGridForm = function UploadGridForm(_ref) {
+  var _getDvaApp;
+  var formId = _ref.formId,
+    formRef = _ref.formRef,
+    showNote = _ref.showNote,
+    _ref$operates = _ref.operates,
+    operates = _ref$operates === void 0 ? ['read', 'add', 'delete', 'download'] : _ref$operates,
+    loading = _ref.loading,
+    uploadUrl = _ref.uploadUrl,
+    _ref$forbiddenTypes = _ref.forbiddenTypes,
+    forbiddenTypes = _ref$forbiddenTypes === void 0 ? [] : _ref$forbiddenTypes,
+    _beforeUpload = _ref.beforeUpload,
+    formMode = _ref.formMode,
+    onUploadChange = _ref.onUploadChange,
+    _ref$zipName = _ref.zipName,
+    zipName = _ref$zipName === void 0 ? 'download.zip' : _ref$zipName,
+    resetActions = _ref.resetActions,
+    getUrl = _ref.getUrl,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    uploadLoading = _useState4[0],
+    setUploadLoading = _useState4[1];
+  var gridRef = useRef(null);
+  var _getDvaApp$_store$get = (_getDvaApp = getDvaApp()) === null || _getDvaApp === void 0 ? void 0 : _getDvaApp._store.getState().user,
+    currentUser = _getDvaApp$_store$get.currentUser;
+
+  // 下载
+  var downloadFile = function downloadFile(filenames, tag) {
+    saveAs("".concat(getUrl('download'), "&fileName=").concat(filenames[0]));
+  };
+  var handleDownload = useMemoizedFn(function (selectedRows, cb) {
+    if (selectedRows.length === 1) {
+      var filenames = selectedRows.map(function (item) {
+        return item.fileId || item.uid;
+      });
+      console.log('handleDownload1', filenames, selectedRows);
+      downloadFile(filenames, 'downloadOne');
+      cb && cb(true);
+    } else {
+      setUploadLoading(true);
+      var files = selectedRows.map(function (item) {
+        return item.fileId || item.uid;
+      }).join(',');
+      console.log('handleDownload2', files, selectedRows);
+      patchDownloadZip(getUrl('downloadZip'), files, {
+        zipName: zipName
+      }).then(function () {
+        return cb && cb(true);
+      }).finally(function () {
+        return setUploadLoading(false);
+      });
+    }
+  });
+  var handleUploadChange = useMemoizedFn(function (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;
+      showPop(msg || message, null, 'error');
+    }
+    if (file.status === 'done' && file.response && file.response.code === 1) {
+      var _file$response2 = file.response,
+        _list = _file$response2.list,
+        _detail = _file$response2.detail;
+      var data = {
+        uid: _detail[_list[0]].fileName,
+        name: file.name,
+        size: file.size,
+        fileId: _detail[_list[0]].fileName,
+        stype: _detail[_list[0]].fileExt,
+        username: currentUser && currentUser.sname,
+        uploadDate: moment().valueOf(),
+        previewUrl: _detail[_list[0]].previewUrl
+      };
+      gridRef.current.changeData(null, data);
+    }
+    if (fileList.length > 0 && file.uid === last(fileList).uid && formMode !== 'add' && formMode !== 'update') {
+      setTimeout(function () {
+        if (formRef && formRef.current) {
+          formRef.current.onUpdate && formRef.current.onUpdate(formId);
+        } else {
+          (formRef === null || formRef === void 0 ? void 0 : formRef.onUpdate) && formRef.onUpdate(formId);
+        }
+      }, 300);
+    }
+    onUploadChange && onUploadChange(e);
+  });
+  var handleSubmit = useMemoizedFn(function (err, values) {
+    if (!err) {
+      setUploadLoading(true);
+      var formData = new FormData();
+      values.files.forEach(function (file) {
+        formData.append('files', file.originFileObj);
+      });
+      var snote = (values === null || values === void 0 ? void 0 : values.note) || '';
+      request(uploadUrl || "".concat(getUrl('upload', snote)), {
+        method: 'post',
+        headers: {
+          Authorization: "Bearer ".concat(window.cookie.get(window.appConfig.authSaveKey))
+        },
+        // 请求头
+        body: formData,
+        data: formData
+      }).then(function (res) {
+        var code = res.code,
+          content = res.content;
+        if (code === 1) {
+          setUploadLoading(false);
+          setVisible(false);
+          content.forEach(function (file, index) {
+            var data = {
+              uid: detail[list[0]].fileName,
+              name: values.files[index].name,
+              size: values.files[index].size,
+              stype: file.fileExt,
+              fileId: detail[list[0]].fileName,
+              username: currentUser && currentUser.sname,
+              note: snote,
+              uploadDate: moment().valueOf(),
+              previewUrl: detail[list[0]].previewUrl
+            };
+            gridRef.current.changeData(null, data);
+            if (index + 1 === values.files.length && formMode !== 'add' && formMode !== 'update') {
+              setTimeout(function () {
+                if (formRef && formRef.current) {
+                  formRef.current.onUpdate && formRef.current.onUpdate(formId);
+                } else {
+                  (formRef === null || formRef === void 0 ? void 0 : formRef.onUpdate) && formRef.onUpdate(formId);
+                }
+              }, 300);
+            }
+          });
+        }
+      });
+    }
+  });
+  var renderUploadTopLeft = useMemoizedFn(function () {
+    var formItemProps = {
+      action: uploadUrl || getUrl('upload'),
+      // 上传地址
+      headers: {
+        Authorization: "Bearer ".concat(window.cookie.get(window.appConfig.authSaveKey))
+      },
+      // 请求头
+      name: 'files',
+      multiple: true,
+      showUploadList: false,
+      beforeUpload: function beforeUpload(file, fileList) {
+        setUploadLoading(true);
+        var upload = _beforeUpload2({
+          file: file,
+          fileList: fileList,
+          forbiddenTypes: forbiddenTypes,
+          beforeUpload: _beforeUpload
+        });
+        if (!upload) setUploadLoading(false);
+        return upload;
+      },
+      onChange: function onChange(e) {
+        handleUploadChange(e);
+        setUploadLoading(false);
+      }
+    };
+    return /*#__PURE__*/React.createElement(React.Fragment, null, (operates === null || operates === void 0 ? void 0 : operates.indexOf('add')) > -1 && (showNote ? /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      style: {
+        marginRight: 8
+      },
+      loading: uploadLoading,
+      onClick: function onClick() {
+        return setVisible(true);
+      }
+    }, formatMessage({
+      id: 'app.base.operate.add',
+      label: '添加'
+    })) : /*#__PURE__*/React.createElement(FormBtn, {
+      formId: "formId"
+    }, /*#__PURE__*/React.createElement(Upload, formItemProps, /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      style: {
+        marginRight: 8
+      },
+      loading: uploadLoading
+    }, formatMessage({
+      id: 'app.base.operate.add',
+      label: '添加'
+    }))))), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      onClick: function onClick() {
+        var _gridRef$current$form;
+        var selectedRows = (_gridRef$current$form = gridRef.current.formRef.current) === null || _gridRef$current$form === void 0 ? void 0 : _gridRef$current$form.getData(true, false);
+        handleDownload(selectedRows);
+      },
+      loading: uploadLoading
+    }, formatMessage({
+      id: 'app.base.operate.downloadAll',
+      label: '下载全部'
+    })));
+  });
+
+  // 预览
+  var resetActionsColumn = useMemoizedFn(function (data, index, _actions, params) {
+    if (resetActions) {
+      return resetActions(data, index, actionList, params);
+    }
+    var actions = _actions.filter(function (item) {
+      return item.wanted !== 'update' && item.wanted !== 'add';
+    });
+    actions.unshift({
+      wanted: canPreview(_objectSpread(_objectSpread({}, data), {}, {
+        fileExt: data.stype
+      })) && 'read',
+      title: formatMessage({
+        id: 'app.base.operate.preview',
+        label: '预览'
+      }),
+      render: function render() {
+        return /*#__PURE__*/React.createElement(Tooltip, {
+          title: formatMessage({
+            id: 'app.base.operate.preview',
+            label: '预览'
+          })
+        }, /*#__PURE__*/React.createElement(Icon, {
+          type: "eye"
+        }));
+      },
+      action: function action() {
+        var files = [];
+        params.api.forEachNode(function (node) {
+          var nodePreviewUrl = node.data.previewUrl;
+          files.push({
+            uid: node.data.uid,
+            fileExt: node.data.stype,
+            name: node.data.name,
+            previewUrl: "".concat(api.LUCKDA_HOST).concat(nodePreviewUrl)
+          });
+        });
+        var activeIndex = files.findIndex(function (item) {
+          return item.uid === data.uid;
+        });
+        window.openPreviewV3(files, {
+          activeIndex: activeIndex
+        });
+      }
+    });
+    return actions;
+  });
+  var handleBatchOperationsClick = useMemoizedFn(function (key, selectedRows, cb) {
+    if (key === 'download' && selectedRows && selectedRows.length > 0) {
+      handleDownload(selectedRows, cb);
+    }
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GridForm, _extends({
+    formId: formId,
+    columns: showNote ? columnsWithNote : columns,
+    operates: operates,
+    ref: gridRef,
+    loading: loading || uploadLoading,
+    renderTopLeft: renderUploadTopLeft,
+    resetActionsColumn: resetActionsColumn,
+    batchOperations: batchOperations,
+    actionsWhitelist: ['read'],
+    onBatchOperationsClick: handleBatchOperationsClick
+  }, rest)), /*#__PURE__*/React.createElement(PopWindow, {
+    title: "\u9644\u4EF6\u4E0A\u4F20",
+    mode: "modal",
+    size: "small",
+    visible: visible,
+    destroyOnClose: true,
+    onClose: function onClose() {
+      return setVisible(false);
+    }
+  }, /*#__PURE__*/React.createElement(BasicForm, {
+    formId: "form",
+    onSubmit: handleSubmit,
+    loading: uploadLoading,
+    defaultDataSource: {
+      username: currentUser === null || currentUser === void 0 ? void 0 : currentUser.sname
+    },
+    layout: "modal"
+  }, /*#__PURE__*/React.createElement(BasicFormItem, {
+    type: "input",
+    name: "username",
+    label: "\u4E0A\u4F20\u4EBA",
+    config: {
+      disabled: true
+    }
+  }), /*#__PURE__*/React.createElement(BasicFormItem, {
+    type: "upload",
+    name: "files",
+    label: "\u9644\u4EF6",
+    config: _objectSpread(_objectSpread({}, rest), {}, {
+      required: true,
+      message: '请上传',
+      directory: false,
+      num: 99,
+      multiple: true,
+      autoUpload: false,
+      beforeUpload: function beforeUpload(file, fileList) {
+        return _beforeUpload2({
+          file: file,
+          fileList: fileList,
+          forbiddenTypes: forbiddenTypes,
+          beforeUpload: _beforeUpload
+        });
+      }
+    })
+  }), /*#__PURE__*/React.createElement(BasicFormItem, {
+    type: "input",
+    name: "note",
+    label: "\u5907\u6CE8",
+    config: {
+      type: 'textArea',
+      placeholder: '请输入备注信息',
+      message: '请输入备注信息',
+      rows: 3
+    }
+  }))));
+};
+UploadGridForm.displayName = 'GridForm';
+export default UploadGridForm;

package/es/upload/Form/index.js

@@ -0,0 +1,84 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["formId", "moduleCode", "bucket", "note"];
+import React from 'react';
+import { omitBy, isNil } from 'lodash';
+import { stringify } from 'querystring';
+import GridForm from './gridForm';
+import { request } from '@luck-design-biz/base/utils';
+function buildComponent(props) {
+  var _formId = props.formId,
+    moduleCode = props.moduleCode,
+    _props$bucket = props.bucket,
+    bucket = _props$bucket === void 0 ? '' : _props$bucket,
+    _props$note = props.note,
+    note = _props$note === void 0 ? '' : _props$note,
+    rest = _objectWithoutProperties(props, _excluded);
+  var formId = "annex_".concat(_formId);
+  var getUrl = function getUrl(behaviorKey, _note) {
+    var formData = rest.formData,
+      mainFormLdId = rest.mainFormLdId,
+      ticketData = rest.ticketData;
+    var params = omitBy({
+      moduleCode: moduleCode,
+      bucket: bucket,
+      behaviorKey: behaviorKey,
+      tag: formId,
+      note: _note || note,
+      active: !(behaviorKey === 'loadFileGrid' || rest.formMode === 'add' || rest.formMode === 'update'),
+      docUid: formData && formData[mainFormLdId] && formData[mainFormLdId][window.appConfig.constraintKeys.PRIMARY] || ticketData && ticketData[window.appConfig.constraintKeys.PRIMARY]
+    }, isNil);
+    return "".concat(window.appConfig.OSS_HOST_V3, "?").concat(stringify(params));
+  };
+  return /*#__PURE__*/React.createElement(GridForm, _extends({
+    formId: formId,
+    getUrl: getUrl,
+    rowKey: "uid"
+  }, rest, {
+    onQuery: {
+      api: function api() {
+        return request(getUrl('loadFileGrid'));
+      },
+      format: function format(data) {
+        return data.map(function (i) {
+          return {
+            uid: i.fileName,
+            name: i.origFileName,
+            size: i.fileSize,
+            stype: i.fileExt,
+            username: i.sregnm,
+            uploadDate: i.dregt,
+            previewUrl: i.previewUrl
+          };
+        });
+      }
+    },
+    onAdd: {
+      api: function api() {
+        return new Promise(function (resolve) {
+          return resolve({
+            code: 1,
+            list: [],
+            detail: []
+          });
+        });
+      }
+    },
+    onDelete: {
+      api: function api(_, post) {
+        return request(getUrl('removeFile'), {
+          method: 'POST',
+          body: post
+        });
+      },
+      post: function post(data) {
+        return {
+          fileNames: data.map(function (i) {
+            return i.uid;
+          })
+        };
+      }
+    }
+  }));
+}
+export default buildComponent;

package/es/upload/Form/index.less

@@ -0,0 +1,7 @@
+.fileGrid {
+  :global {
+    .ag-root-wrapper-body.ag-layout-normal {
+      height: 100% !important;
+    }
+  }
+}

package/es/upload/FormItem/index.js

@@ -0,0 +1,78 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["uploadUrl", "moduleCode", "bucket", "tag", "note", "config", "forbiddenTypes", "children", "dataFormat", "listType"];
+import React from 'react';
+import { BasicFormItem } from 'luck-design';
+import { formatMessage, beforeUpload as _beforeUpload } from '@luck-design-biz/base/utils';
+
+/**
+ * 表单类型富文本上传
+ * 是否实体字段： 是
+ * 是否接受tag： 是
+ * 是否虚拟主键： 否
+ * 接受参数： 
+ *    name: 附件名称逗号拼接
+ *    name_virtual: [{...// 附件所有参数}]
+ *    ### name=name_virtual ###
+ * 传参： 
+ *    name: [{objectName, marker},...]
+ * 其他需求： 
+ *  支持beforeUpload禁止附加类型
+ *  =>beforeUpload禁止类型全覆盖
+ *  =>forbiddenTypes和配置管理中禁止类型合并
+ */
+
+function buildComponent(props) {
+  var uploadUrl = props.uploadUrl,
+    moduleCode = props.moduleCode,
+    _props$bucket = props.bucket,
+    bucket = _props$bucket === void 0 ? '' : _props$bucket,
+    _props$tag = props.tag,
+    tag = _props$tag === void 0 ? '' : _props$tag,
+    _props$note = props.note,
+    note = _props$note === void 0 ? '' : _props$note,
+    _props$config = props.config,
+    config = _props$config === void 0 ? {} : _props$config,
+    forbiddenTypes = props.forbiddenTypes,
+    children = props.children,
+    dataFormat = props.dataFormat,
+    listType = props.listType,
+    rest = _objectWithoutProperties(props, _excluded);
+  var getUrl = function getUrl(behaviorKey) {
+    return "".concat(window.appConfig.OSS_HOST_V3, "?moduleCode=").concat(moduleCode, "&behaviorKey=").concat(behaviorKey, "&bucket=").concat(bucket, "&tag=").concat(tag, "&note=").concat(note);
+  };
+  return /*#__PURE__*/React.createElement(BasicFormItem, _extends({}, rest, {
+    type: "uploadV3",
+    config: _objectSpread(_objectSpread({
+      required: false,
+      message: formatMessage({
+        id: 'app.base.tip.upload'
+      }),
+      action: uploadUrl || getUrl('upload'),
+      // 上传地址
+      headers: {
+        Authorization: "Bearer ".concat(window.cookie.get(window.appConfig.authSaveKey))
+      },
+      // 请求头
+      name: 'files',
+      // 发送到后台的文件名
+      directory: false,
+      // 能否上传文件夹
+      listType: listType || 'text'
+    }, config), {}, {
+      num: config.num,
+      multiple: config.num !== 1,
+      // 能否多选
+      beforeUpload: function beforeUpload(file, fileList) {
+        return _beforeUpload({
+          file: file,
+          fileList: fileList,
+          forbiddenTypes: forbiddenTypes,
+          beforeUpload: config && config.beforeUpload
+        });
+      }
+    })
+  }), children);
+}
+export default buildComponent;

package/es/upload/GridCell/index.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Popover, Icon } from 'antd';
+var UploadGridCell = function UploadGridCell(_ref) {
+  var _ref$fileList = _ref.fileList,
+    fileList = _ref$fileList === void 0 ? [] : _ref$fileList,
+    children = _ref.children;
+  var content = /*#__PURE__*/React.createElement("div", null, fileList.map(function (f) {
+    return /*#__PURE__*/React.createElement("p", {
+      style: {
+        margin: 0
+      }
+    }, /*#__PURE__*/React.createElement("a", {
+      onClick: function onClick() {
+        return window.openPreviewV3([f]);
+      }
+    }, /*#__PURE__*/React.createElement(Icon, {
+      type: "paper-clip",
+      style: {
+        marginRight: 4
+      }
+    }), f.name));
+  }));
+  return fileList.length > 0 ? /*#__PURE__*/React.createElement(Popover, {
+    content: content
+  }, children || /*#__PURE__*/React.createElement("a", null, fileList.length)) : /*#__PURE__*/React.createElement(React.Fragment, null, children || /*#__PURE__*/React.createElement("span", null, fileList.length));
+};
+export default UploadGridCell;

package/es/upload/index.js

@@ -0,0 +1,3 @@
+export { default as buildUploadForm } from './Form';
+export { default as buildUploadFormItem } from './FormItem';
+export { default as UploadGridCell } from './GridCell';

package/es/utils/form.js

@@ -13,6 +13,7 @@ var _excluded = ["comName", "property"],
 import React from 'react';
 import moment from 'moment';
 import { capitalize, merge, transform, isArray, omit, isNil, clone } from 'lodash';
+import api from '@/services/ApiConfig';
 import { defaultComName, translator, splitStrToObj, formatCustomProps } from '../helper/form';
 import { getColumnRender } from './grid';
 import * as formItemUtils from '../helper/FromItems';
@@ -102,7 +103,17 @@ export var formItemDataFormat = function formItemDataFormat() {
         result[name] = values[name];
         break;
       case 'upload':
-        result[name] = values[name];
+        result[name] = (values["".concat(name, "_virtual")] || []).map(function (file) {
+          return {
+            uid: file.fileName,
+            status: 'done',
+            name: file.origFileName,
+            ext: file.fileExt,
+            size: file.fileSize,
+            url: "".concat(api.LUCKDA_HOST).concat(file.previewUrl),
+            thumbUrl: "".concat(api.LUCKDA_HOST).concat(file.previewUrl)
+          };
+        });
         break;
       default:
         if (!isNil(values["".concat(name, "_virtual")] || values[name])) result[name] = values["".concat(name, "_virtual")] || values[name];
@@ -132,15 +143,6 @@ export var dataFormat = function dataFormat() {
     var translatorProps = translator(props);
     var name = translatorProps.name;
     if (!values.hasOwnProperty(name)) return;
-    // if (!values.hasOwnProperty(name)) {
-    //   if (isNil(props.defaultValue)) return;
-    //   console.log('props.defaultValue',props.defaultValue);
-    //   values[name] = props.defaultValue;
-    //   values[`${name}_virtual`] = props.defaultValueVirtual;
-    // };
-    // if(!isNil(props.defaultValue)){
-
-    // }
     switch (comName || defaultComName[property]) {
       case 'date':
         result[name] = values[name] ? moment(values[name]).valueOf() : null;
@@ -162,7 +164,19 @@ export var dataFormat = function dataFormat() {
         result[name] = values[name] ? moment(values[name]).format('YYYY') : null;
         break;
       case 'upload':
-        result[name] = values[name] && values[name][0] ? values[name][0].name : null;
+        result[name] = values[name] ? values[name].map(function (v) {
+          if (v.newFile) return {
+            objectName: v.uid,
+            marker: 'add'
+          };
+          if (v.deleteFile) return {
+            objectName: v.uid,
+            marker: 'delete'
+          };
+          return {
+            objectName: v.uid
+          };
+        }) : undefined;
         break;
       default:
         result[name] = values[name];