@choerodon/master/lib/containers/components/c7n/routes/projects/FormView.js

A package of Master for Choerodon platform.

import "choerodon-ui/pro/lib/form/style";
import _Form from "@hzero-front-ui/c7n-ui/lib/FormPro";
import "choerodon-ui/pro/lib/select/style";
import _Select from "choerodon-ui/pro/lib/select";
import "choerodon-ui/pro/lib/tooltip/style";
import _Tooltip from "choerodon-ui/pro/lib/tooltip";
import "choerodon-ui/pro/lib/text-field/style";
import _TextField from "choerodon-ui/pro/lib/text-field";
import "choerodon-ui/lib/button/style";
import _Button from "choerodon-ui/lib/button";
import "choerodon-ui/lib/icon/style";
import _Icon from "choerodon-ui/lib/icon";

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

import React, { useState } from 'react';
import classnames from 'classnames';
import { fileServer } from "../../../../../utils";
import AvatarUploader from "./components/avatarUploader";
export default function FormView(_ref) {
  var context = _ref.context;
  var dataSet = context.dataSet,
      AppState = context.AppState,
      intl = context.intl;

  var _useState = useState(false),
      _useState2 = _slicedToArray(_useState, 2),
      isShowAvatar = _useState2[0],
      setIsShowAvatar = _useState2[1];

  function openAvatarUploader() {
    setIsShowAvatar(true);
  }

  function closeAvatarUploader() {
    setIsShowAvatar(false);
  }

  function handleUploadOk(res) {
    var record = dataSet.current;
    record.set('imageUrl', res);
    closeAvatarUploader();
  }

  function renderAvatar() {
    var record = dataSet.current;
    var name = record.get('name');
    var imageUrl = record.get('imageUrl');
    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
      className: "c7n-master-projectsetting-avatar"
    }, /*#__PURE__*/React.createElement("div", {
      className: "c7n-master-projectsetting-avatar-wrap",
      style: {
        backgroundColor: '#c5cbe8',
        backgroundImage: imageUrl ? "url('".concat(fileServer(imageUrl), "')") : ''
      }
    }, !imageUrl && name && name.charAt(0), /*#__PURE__*/React.createElement(_Button, {
      className: classnames('c7n-master-projectsetting-avatar-button', 'c7n-master-projectsetting-avatar-button-edit'),
      onClick: openAvatarUploader
    }, /*#__PURE__*/React.createElement("div", {
      className: "c7n-master-projectsetting-avatar-button-icon"
    }, /*#__PURE__*/React.createElement(_Icon, {
      type: "photo_camera"
    }))), /*#__PURE__*/React.createElement(AvatarUploader, {
      AppState: AppState,
      intl: intl,
      visible: isShowAvatar,
      intlPrefix: "organization.project.avatar.edit",
      onVisibleChange: closeAvatarUploader,
      onUploadOk: handleUploadOk
    }))), /*#__PURE__*/React.createElement("div", {
      style: {
        margin: '.06rem 0 .2rem 0',
        textAlign: 'center'
      }
    }, "\u9879\u76EElogo"));
  }

  return /*#__PURE__*/React.createElement(React.Fragment, null, renderAvatar(), /*#__PURE__*/React.createElement(_Form, {
    labelLayout: "float",
    record: dataSet.current,
    className: "c7n-project-sider"
  }, /*#__PURE__*/React.createElement(_TextField, {
    name: "name"
  }), /*#__PURE__*/React.createElement(_TextField, {
    name: "code",
    disabled: dataSet.current.status !== 'add'
  }), /*#__PURE__*/React.createElement(_Select, {
    name: "category",
    disabled: dataSet.current.status !== 'add',
    addonAfter: /*#__PURE__*/React.createElement(_Tooltip, {
      title: "\u666E\u901A\u654F\u6377\u9879\u76EE\u7C7B\u578B\u4E2D\u4EC5\u5305\u542B\u4E86\u654F\u6377\u3001\u6D4B\u8BD5\u3001\u77E5\u8BC6\u7BA1\u7406\u7B49\u6A21\u5757\u7684\u529F\u80FD\uFF1B\u8FD0\u7EF4\u9879\u76EE\u7C7B\u578B\u4E2D\u4EC5\u5305\u542B\u4E86\u5F00\u53D1\u3001\u90E8\u7F72\u7B49\u6A21\u5757\u7684\u529F\u80FD\uFF1BDevOps\u5168\u6D41\u7A0B\u9879\u76EE\u76F8\u8F83\u4E8E\u666E\u901A\u654F\u6377\u9879\u76EE\uFF0C\u5219\u591A\u51FA\u4E86\u5F00\u53D1\u3001\u90E8\u7F72\u6A21\u5757\u7684\u529F\u80FD\u3002",
      placement: "bottomRight",
      arrowPointAtCenter: true
    }, /*#__PURE__*/React.createElement(_Icon, {
      type: "help",
      className: "c7n-master-projectsetting-help-icon"
    }))
  }), dataSet.current.status !== 'add' && [/*#__PURE__*/React.createElement(_TextField, {
    name: "creationDate",
    disabled: true
  }), /*#__PURE__*/React.createElement(_TextField, {
    name: "createUserName",
    disabled: true
  })]));
}