NewEduCoderBuild/p__virtualSpaces__Lists__Syllabuses__AddOrEdit__index.async.js

"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[44510],{

/***/ 64082:
/*!******************************************************************************!*\
  !*** ./node_modules/@ant-design/icons/es/icons/InboxOutlined.js + 1 modules ***!
  \******************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {


// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "Z": function() { return /* binding */ icons_InboxOutlined; }
});

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
var esm_extends = __webpack_require__(87462);
// EXTERNAL MODULE: ./node_modules/react/index.js
var react = __webpack_require__(67294);
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/InboxOutlined.js
// This icon file is generated automatically.
var InboxOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M885.2 446.3l-.2-.8-112.2-285.1c-5-16.1-19.9-27.2-36.8-27.2H281.2c-17 0-32.1 11.3-36.9 27.6L139.4 443l-.3.7-.2.8c-1.3 4.9-1.7 9.9-1 14.8-.1 1.6-.2 3.2-.2 4.8V830a60.9 60.9 0 0060.8 60.8h627.2c33.5 0 60.8-27.3 60.9-60.8V464.1c0-1.3 0-2.6-.1-3.7.4-4.9 0-9.6-1.3-14.1zm-295.8-43l-.3 15.7c-.8 44.9-31.8 75.1-77.1 75.1-22.1 0-41.1-7.1-54.8-20.6S436 441.2 435.6 419l-.3-15.7H229.5L309 210h399.2l81.7 193.3H589.4zm-375 76.8h157.3c24.3 57.1 76 90.8 140.4 90.8 33.7 0 65-9.4 90.3-27.2 22.2-15.6 39.5-37.4 50.7-63.6h156.5V814H214.4V480.1z" } }] }, "name": "inbox", "theme": "outlined" };
/* harmony default export */ var asn_InboxOutlined = (InboxOutlined);

// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/components/AntdIcon.js + 8 modules
var AntdIcon = __webpack_require__(74643);
;// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/icons/InboxOutlined.js

// GENERATE BY ./scripts/generate.ts
// DON NOT EDIT IT MANUALLY




var InboxOutlined_InboxOutlined = function InboxOutlined(props, ref) {
  return /*#__PURE__*/react.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, {
    ref: ref,
    icon: asn_InboxOutlined
  }));
};
if (false) {}
/* harmony default export */ var icons_InboxOutlined = (/*#__PURE__*/react.forwardRef(InboxOutlined_InboxOutlined));

/***/ }),

/***/ 78816:
/*!**********************************************************************************!*\
  !*** ./src/pages/virtualSpaces/Lists/Syllabuses/AddOrEdit/index.tsx + 1 modules ***!
  \**********************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "default": function() { return /* binding */ Syllabuses_AddOrEdit; }
});

// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/regeneratorRuntime.js
var regeneratorRuntime = __webpack_require__(17061);
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectSpread2.js
var objectSpread2 = __webpack_require__(42122);
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/asyncToGenerator.js
var asyncToGenerator = __webpack_require__(17156);
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
var slicedToArray = __webpack_require__(27424);
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js
var objectDestructuringEmpty = __webpack_require__(13012);
var objectDestructuringEmpty_default = /*#__PURE__*/__webpack_require__.n(objectDestructuringEmpty);
// EXTERNAL MODULE: ./node_modules/react/index.js
var react = __webpack_require__(67294);
// EXTERNAL MODULE: ./node_modules/antd/es/form/index.js + 17 modules
var es_form = __webpack_require__(25159);
// EXTERNAL MODULE: ./node_modules/antd/es/input/index.js + 5 modules
var input = __webpack_require__(79531);
// EXTERNAL MODULE: ./node_modules/antd/es/button/index.js
var es_button = __webpack_require__(71577);
// EXTERNAL MODULE: ./src/layouts/virtualDetail/TopBanner/index.tsx + 1 modules
var TopBanner = __webpack_require__(49620);
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Syllabuses/AddOrEdit/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var AddOrEditmodules = ({"flex_box_center":"flex_box_center___dGBWW","flex_space_between":"flex_space_between___OO1WJ","flex_box_vertical_center":"flex_box_vertical_center___peOPn","flex_box_center_end":"flex_box_center_end___a1YW0","flex_box_column":"flex_box_column___Xrrkp","wrap":"wrap___V9rvh","form":"form___QKGo_","title":"title___s_AD0","file":"file___QeEs6"});
// EXTERNAL MODULE: ./src/components/markdown-editor/index.tsx + 10 modules
var markdown_editor = __webpack_require__(55373);
// EXTERNAL MODULE: ./src/components/MultiUpload/index.tsx + 3 modules
var MultiUpload = __webpack_require__(64768);
// EXTERNAL MODULE: ./src/utils/fetch.ts
var fetch = __webpack_require__(84519);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 8 modules
var _umi_production_exports = __webpack_require__(89214);
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
var jsx_runtime = __webpack_require__(85893);
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Syllabuses/AddOrEdit/index.tsx















var AddOrEdit = function AddOrEdit(_ref) {
  var _formValue$title;
  objectDestructuringEmpty_default()(_ref);
  var _useState = (0,react.useState)({}),
    _useState2 = slicedToArray_default()(_useState, 2),
    formValue = _useState2[0],
    setFormValue = _useState2[1];
  var _Form$useForm = es_form/* default.useForm */.Z.useForm(),
    _Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
    form = _Form$useForm2[0];
  var _useState3 = (0,react.useState)(true),
    _useState4 = slicedToArray_default()(_useState3, 2),
    loading = _useState4[0],
    setLoading = _useState4[1];
  var _useState5 = (0,react.useState)(false),
    _useState6 = slicedToArray_default()(_useState5, 2),
    btnLoading = _useState6[0],
    setBtnLoading = _useState6[1];
  var _useState7 = (0,react.useState)(false),
    _useState8 = slicedToArray_default()(_useState7, 2),
    isShow = _useState8[0],
    setIsShow = _useState8[1];
  var ur = (0,_umi_production_exports.useParams)();
  var virtual_id = ur === null || ur === void 0 ? void 0 : ur.virtual_spacesId;
  (0,react.useEffect)(function () {
    if (ur !== null && ur !== void 0 && ur.id) {
      getEditData();
    } else {
      setIsShow(true);
    }
  }, []);
  var getEditData = /*#__PURE__*/function () {
    var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
      var res, formData;
      return regeneratorRuntime_default()().wrap(function _callee$(_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            _context.next = 2;
            return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(virtual_id, "/syllabuses/").concat(ur === null || ur === void 0 ? void 0 : ur.id, "/edit.json"), {
              method: "get"
            });
          case 2:
            res = _context.sent;
            if (res) {
              formData = {
                title: res.title,
                description: res.description,
                attachment_ids: (0,MultiUpload/* coverToFileList */.z)(res.attachments)
              };
              console.log(formData, 'formData');
              form.setFieldsValue(objectSpread2_default()({}, formData));
              setFormValue(objectSpread2_default()({}, formData));
              setIsShow(true);
            }
          case 4:
          case "end":
            return _context.stop();
        }
      }, _callee);
    }));
    return function getEditData() {
      return _ref2.apply(this, arguments);
    };
  }();
  var handleFinish = /*#__PURE__*/function () {
    var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2(values) {
      var _res;
      var bodyData, _bodyData$attachment_, res, _res2;
      return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
        while (1) switch (_context2.prev = _context2.next) {
          case 0:
            bodyData = objectSpread2_default()({}, formValue);
            if (bodyData.attachment_ids) {
              bodyData.attachment_ids = bodyData === null || bodyData === void 0 ? void 0 : (_bodyData$attachment_ = bodyData.attachment_ids) === null || _bodyData$attachment_ === void 0 ? void 0 : _bodyData$attachment_.map(function (v) {
                return v.response.id;
              });
            }
            setBtnLoading(true);
            if (!(ur !== null && ur !== void 0 && ur.id)) {
              _context2.next = 9;
              break;
            }
            _context2.next = 6;
            return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(virtual_id, "/syllabuses/").concat(ur === null || ur === void 0 ? void 0 : ur.id, ".json"), {
              method: "put",
              body: objectSpread2_default()({}, bodyData)
            });
          case 6:
            res = _context2.sent;
            _context2.next = 12;
            break;
          case 9:
            _context2.next = 11;
            return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(virtual_id, "/syllabuses.json"), {
              method: "post",
              body: objectSpread2_default()({}, bodyData)
            });
          case 11:
            res = _context2.sent;
          case 12:
            if ((_res = res) !== null && _res !== void 0 && _res.virtual_classroom_id) {
              _umi_production_exports.history.push("/vspaces/".concat(virtual_id, "/syllabuses/").concat((_res2 = res) === null || _res2 === void 0 ? void 0 : _res2.id, "/detail"));
            }
            setBtnLoading(false);
          case 14:
          case "end":
            return _context2.stop();
        }
      }, _callee2);
    }));
    return function handleFinish(_x) {
      return _ref3.apply(this, arguments);
    };
  }();
  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
    className: AddOrEditmodules.wrap,
    children: [/*#__PURE__*/(0,jsx_runtime.jsx)(TopBanner/* default */.Z, {}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
      className: AddOrEditmodules.form,
      children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
        className: AddOrEditmodules.title,
        children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
          onClick: function onClick() {
            return _umi_production_exports.history.push("/vspaces/".concat(virtual_id, "/syllabuses"));
          },
          children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
            className: "iconfont icon-zuoshangjiaofanhui"
          }), "\u8FD4\u56DE"]
        }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
          children: "\u65B0\u5EFA\u6559\u5B66\u5927\u7EB2"
        })]
      }), /*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, {
        colon: false,
        form: form,
        scrollToFirstError: true,
        onValuesChange: function onValuesChange() {
          setFormValue(objectSpread2_default()({}, form.getFieldsValue()));
        },
        onFinish: handleFinish,
        children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
          name: "title",
          label: "\u5927\u7EB2\u6807\u9898",
          rules: [{
            required: true,
            message: "请输入大纲标题"
          }],
          children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
            maxLength: 60,
            suffix: "".concat(((_formValue$title = formValue.title) === null || _formValue$title === void 0 ? void 0 : _formValue$title.length) || 0, "/60"),
            placeholder: "\u8BF7\u8F93\u5165\u5927\u7EB2\u6807\u9898"
          })
        }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
          style: {
            margin: '20px 0 12px 10px'
          },
          children: "\u5927\u7EB2\u5185\u5BB9"
        }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
          className: "ml10",
          name: "description"
          // label="大纲内容"
          ,
          rules: [
          // { required: true, message: "请输入大纲内容" },
          {
            max: 50000,
            message: '作业简介最大限制50000个字符'
          }],
          children: /*#__PURE__*/(0,jsx_runtime.jsx)(markdown_editor/* default */.Z, {
            watch: true,
            defaultValue: formValue.description
          })
        }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
          className: "ml10",
          name: "attachment_ids",
          label: "\u9644\u4EF6",
          children: isShow && /*#__PURE__*/(0,jsx_runtime.jsx)(MultiUpload/* default */.Z, {
            className: AddOrEditmodules.file,
            title: /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
              children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
                className: "iconfont icon-shangchuan1 font14 mr5"
              }), "\u4E0A\u4F20\u9644\u4EF6"]
            })
          })
        }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
          style: {
            textAlign: 'right'
          },
          children: /*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default.Item */.Z.Item, {
            children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
              onClick: function onClick() {
                return _umi_production_exports.history.push("/vspaces/".concat(virtual_id, "/syllabuses"));
              },
              className: "mr10",
              children: "\u53D6\u6D88"
            }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
              type: "primary",
              htmlType: "submit",
              loading: btnLoading,
              children: "\u786E\u8BA4"
            })]
          })
        })]
      })]
    })]
  });
};
/* harmony default export */ var Syllabuses_AddOrEdit = (AddOrEdit);

/***/ }),

/***/ 33507:
/*!*******************************************************!*\
  !*** ./node_modules/antd/es/style/motion/collapse.js ***!
  \*******************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__) {

const genCollapseMotion = token => ({
  [token.componentCls]: {
    // For common/openAnimation
    [`${token.antCls}-motion-collapse-legacy`]: {
      overflow: 'hidden',
      '&-active': {
        transition: `height ${token.motionDurationMid} ${token.motionEaseInOut},
        opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important`
      }
    },
    [`${token.antCls}-motion-collapse`]: {
      overflow: 'hidden',
      transition: `height ${token.motionDurationMid} ${token.motionEaseInOut},
        opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important`
    }
  }
});
/* harmony default export */ __webpack_exports__["Z"] = (genCollapseMotion);

/***/ })

}]);