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

/***/ 46064:
/*!****************************************************************!*\
  !*** ./src/components/SelectEnvironment/index.tsx + 1 modules ***!
  \****************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {


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

// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
var _react_17_0_2_react = __webpack_require__(59301);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/tooltip/index.js + 3 modules
var tooltip = __webpack_require__(6848);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/input/index.js + 5 modules
var input = __webpack_require__(98135);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/spin/index.js + 1 modules
var spin = __webpack_require__(71418);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/empty/index.js + 3 modules
var empty = __webpack_require__(64165);
// EXTERNAL MODULE: ./node_modules/_classnames@2.5.1@classnames/index.js
var _classnames_2_5_1_classnames = __webpack_require__(92310);
var _classnames_2_5_1_classnames_default = /*#__PURE__*/__webpack_require__.n(_classnames_2_5_1_classnames);
;// CONCATENATED MODULE: ./src/components/SelectEnvironment/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var SelectEnvironmentmodules = ({"selectEnvironment":"selectEnvironment___LegvW","search":"search___ZMwsK","searchListWrap":"searchListWrap___iUv9S","searchList":"searchList___T1FBi","name":"name___t0Y2b","tag":"tag___ooWkq","searchListActive":"searchListActive___ahElk","spin":"spin___x2xMT","common":"common___ZhJvk","title":"title___p4_7m","tags":"tags___2fYZM","tagActive":"tagActive___tb54k","wrap":"wrap___I9ZtF","allList":"allList___h31KX","item":"item___PwiKQ","itemActive":"itemActive___JCEc6","line":"line___Qn6mz","apply":"apply___EhZKq","p1":"p1___LxfGu","p2":"p2___jiQhJ","list":"list___n7Ydz","items":"items___OB8qz","darklySelectEnvironment":"darklySelectEnvironment___K__cy"});
// EXTERNAL MODULE: ./src/assets/images/noEnvData.png
var noEnvData = __webpack_require__(36723);
// EXTERNAL MODULE: ./src/utils/fetch.ts
var fetch = __webpack_require__(51165);
// EXTERNAL MODULE: ./node_modules/_lodash@4.17.21@lodash/lodash.js
var lodash = __webpack_require__(89392);
;// CONCATENATED MODULE: ./src/components/SelectEnvironment/index.tsx
var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
var __async = (__this, __arguments, generator) => {
  return new Promise((resolve, reject) => {
    var fulfilled = (value) => {
      try {
        step(generator.next(value));
      } catch (e) {
        reject(e);
      }
    };
    var rejected = (value) => {
      try {
        step(generator.throw(value));
      } catch (e) {
        reject(e);
      }
    };
    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
    step((generator = generator.apply(__this, __arguments)).next());
  });
};







const SelectEnvironment = ({
  className,
  dispatch,
  skin = "white",
  value = null,
  loading = false,
  data = [],
  otherData = [],
  tags = [],
  onChange = () => {
  },
  onSearchWord = () => {
  },
  shixun_type,
  extraContent,
  tab_type,
  is_create_mirror,
  hiddenCreateOnline
}) => {
  const [inputValue, setInputValue] = (0,_react_17_0_2_react.useState)("");
  const [visible, setVisible] = (0,_react_17_0_2_react.useState)(false);
  const [options, setOptions] = (0,_react_17_0_2_react.useState)([]);
  const [listActiveIndex, setListActiveIndex] = (0,_react_17_0_2_react.useState)(0);
  const timer = (0,_react_17_0_2_react.useRef)(null);
  const quId = (0,_react_17_0_2_react.useRef)(String(Math.floor(Math.random() * 1e6))).current;
  const inputRef = (0,_react_17_0_2_react.useRef)();
  const timerSearch = (0,_react_17_0_2_react.useRef)(null);
  const endCount = (0,_react_17_0_2_react.useRef)(0);
  const optionsSave = (0,_react_17_0_2_react.useRef)([]);
  (0,_react_17_0_2_react.useEffect)(() => {
    window.addEventListener("keydown", handleKeyDown);
    return () => {
      window.removeEventListener("keydown", handleKeyDown);
    };
  }, [inputValue, visible, options]);
  (0,_react_17_0_2_react.useEffect)(() => {
    setOptions([]);
  }, [tab_type]);
  const handleKeyDown = (e) => {
    if (!visible || e.keyCode !== 40 && e.keyCode !== 38) {
      return;
    }
    let activeIndex = 0;
    if (e.keyCode === 40 && visible) {
      if (listActiveIndex < options.length - 1) {
        activeIndex = listActiveIndex + 1;
      } else {
        activeIndex = 0;
      }
      console.log("\u4E0B");
      searchFuc(activeIndex, "down");
    }
    if (e.keyCode === 38 && visible) {
      if (listActiveIndex === 0) {
        activeIndex = options.length - 1;
      } else {
        activeIndex = listActiveIndex - 1;
      }
      searchFuc(activeIndex, "up");
    }
    setListActiveIndex(activeIndex);
    optionsInit(inputValue, activeIndex, true);
  };
  const heightLight = (string, keyword) => {
    const regTrim = (s) => {
      var imp = /[\^\.\\\|\(\)\*\+\-\$\[\]\?]/g;
      var imp_c = {};
      imp_c["^"] = "\\^";
      imp_c["."] = "\\.";
      imp_c["\\"] = "\\\\";
      imp_c["|"] = "\\|";
      imp_c["("] = "\\(";
      imp_c[")"] = "\\)";
      imp_c["*"] = "\\*";
      imp_c["+"] = "\\+";
      imp_c["-"] = "\\-";
      imp_c["$"] = "$";
      imp_c["["] = "\\[";
      imp_c["]"] = "\\]";
      imp_c["?"] = "\\?";
      s = s.replace(imp, function(o) {
        return imp_c[o];
      });
      return s;
    };
    var reg = new RegExp(regTrim(keyword), "gi");
    string = string.replace(reg, function(txt) {
      return "<span style='color:#0152d9;'>" + txt + "</span>";
    });
    return string;
  };
  const optionsInit = (searchText, activeList, move) => __async(void 0, null, function* () {
    let count = endCount.current + 1;
    endCount.current = count;
    const listDom = (list) => {
      const newItems = list == null ? void 0 : list.map((er, index) => {
        const { id, name } = er;
        const param = __spreadProps(__spreadValues({}, er), {
          label: /* @__PURE__ */ _react_17_0_2_react.createElement(
            "ul",
            {
              id: `search-${quId}-${index}`,
              onClick: () => onSelect(id, param),
              className: index === activeList ? SelectEnvironmentmodules.searchListActive : SelectEnvironmentmodules.searchList
            },
            /* @__PURE__ */ _react_17_0_2_react.createElement("li", { className: SelectEnvironmentmodules.name, dangerouslySetInnerHTML: { __html: heightLight(name, searchText) } }),
            er.private && /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { title: "\u8BE5\u955C\u50CF\u9762\u5411\u6307\u5B9A\u7528\u6237\u5F00\u653E" }, /* @__PURE__ */ _react_17_0_2_react.createElement("li", { className: SelectEnvironmentmodules.tag, style: { color: "#FF9D18", border: "1px solid #FFCF8D", fontSize: 10 } }, "\u9650\u5B9A")),
            er.is_base && /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { title: "\u4EC5\u63D0\u4F9B\u4E00\u4E2A\u57FA\u672C\u7684\u64CD\u4F5C\u7CFB\u7EDF\u73AF\u5883" }, /* @__PURE__ */ _react_17_0_2_react.createElement("li", { className: SelectEnvironmentmodules.tag, style: { color: "#165DFF", border: "1px solid #BACFFE", fontSize: 10 } }, "\u57FA\u7840"))
          )
        });
        return param;
      });
      return newItems;
    };
    if (move) {
      const newItems = listDom(optionsSave.current);
      setOptions(newItems);
      return;
    }
    clearTimeout(timerSearch.current);
    timerSearch.current = setTimeout(() => __async(void 0, null, function* () {
      var _a, _b;
      const params = {
        keywords: encodeURIComponent(searchText || ""),
        page: 1,
        limit: 1e5,
        tab_type
      };
      shixun_type ? params["shixun_type"] = shixun_type : "";
      const res = yield (0,fetch/* default */.ZP)(`/api/shixuns/search_image.json`, {
        method: "get",
        params: __spreadProps(__spreadValues({}, params), { is_create_mirror })
      });
      if ((res == null ? void 0 : res.status) === 0) {
        const newItems = listDom(((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.mirrors) || []);
        if (count === endCount.current) {
          setOptions(newItems);
          optionsSave.current = (0,lodash.cloneDeep)(((_b = res == null ? void 0 : res.data) == null ? void 0 : _b.mirrors) || []);
        }
      }
    }), 300);
  });
  const scrollFuc = (id) => {
    const itemDom = document.getElementById(`scroll-${quId}-${id}`);
    if (!itemDom)
      return;
    const wrapDom = document.getElementById(`scroll-${quId}`);
    wrapDom.scrollTo(0, itemDom.offsetTop);
  };
  const searchFuc = (index, direction) => {
    const itemDom = document.getElementById(`search-${quId}-${index}`);
    if (!itemDom)
      return;
    const wrapDom = document.getElementById(`search-${quId}`);
    const isClient = itemDom.offsetTop - wrapDom.scrollTop > 0 && itemDom.offsetTop - wrapDom.scrollTop < wrapDom.clientHeight;
    if (isClient)
      return;
    if (direction === "down") {
      wrapDom.scrollTo(0, itemDom.offsetTop - wrapDom.clientHeight + itemDom.clientHeight);
    } else {
      wrapDom.scrollTo(0, itemDom.offsetTop);
    }
  };
  const onSearch = (searchText) => {
    optionsInit(searchText, 0);
  };
  const handlePressEnter = (v) => {
    var _a;
    if (!options.length)
      return;
    const realId = (_a = options == null ? void 0 : options[listActiveIndex]) == null ? void 0 : _a.id;
    onChange(realId);
    setOptions([]);
    setListActiveIndex(0);
    scrollFuc(realId);
    inputRef.current.blur();
  };
  const onSelect = (id, option) => {
    onChange(id);
    setOptions([]);
    setListActiveIndex(0);
    scrollFuc(id);
  };
  const clear = () => {
    setOptions([]);
    setInputValue("");
    onSearchWord("");
  };
  const activeClear = (id) => {
    onChange(id);
    setOptions([]);
  };
  const renderIcon = () => {
    if (inputValue === "") {
      return /* @__PURE__ */ _react_17_0_2_react.createElement("i", { style: { pointerEvents: "none" }, className: "iconfont icon-sousuo2 c-grey-c" });
    }
    return /* @__PURE__ */ _react_17_0_2_react.createElement("i", { onClick: (e) => {
      e.stopPropagation();
      clear();
    }, className: "iconfont icon-shanchu4 c-grey-c" });
  };
  const handleApply = () => {
    dispatch({
      type: "newShixuns/setActionTabs",
      payload: { key: "NewShixuns-Apply" }
    });
  };
  const CreateImg = () => {
    dispatch({
      type: "newShixuns/setActionTabs",
      payload: { key: "Create-Environment" }
    });
  };
  const onBlur = () => {
    timer.current = setTimeout(() => {
      setVisible(false);
      setListActiveIndex(0);
    }, 200);
  };
  const isEmpty = !(data == null ? void 0 : data.length) && !(otherData == null ? void 0 : otherData.length);
  return /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: _classnames_2_5_1_classnames_default()(skin === "night" ? SelectEnvironmentmodules.darklySelectEnvironment : SelectEnvironmentmodules.selectEnvironment, className) }, extraContent && /* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { marginTop: 20, marginLeft: 20 } }, extraContent), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: SelectEnvironmentmodules.search }, /* @__PURE__ */ _react_17_0_2_react.createElement(
    input["default"],
    {
      suffix: renderIcon(),
      bordered: false,
      ref: inputRef,
      value: inputValue,
      onKeyDown: (e) => {
        if (e.keyCode === 40 || e.keyCode === 38 || e.keyCode === 13) {
          e.preventDefault();
        }
      },
      size: "middle",
      onFocus: () => {
        clearTimeout(timer.current);
        if (inputValue) {
          onSearch(inputValue);
        }
        setVisible(true);
      },
      onBlur,
      onChange: (e) => {
        setInputValue(e.target.value);
        if (e.target.value) {
          onSearch(e.target.value);
        }
        onSearchWord(e.target.value);
      },
      placeholder: "\u641C\u7D22\u60A8\u9700\u8981\u7684\u5B9E\u9A8C\u73AF\u5883",
      onPressEnter: handlePressEnter
    }
  ), visible && /* @__PURE__ */ _react_17_0_2_react.createElement("div", { id: `search-${quId}`, className: SelectEnvironmentmodules.searchListWrap }, options.map((e, i) => /* @__PURE__ */ _react_17_0_2_react.createElement(_react_17_0_2_react.Fragment, { key: i }, " ", e.label)))), loading ? /* @__PURE__ */ _react_17_0_2_react.createElement(spin/* default */.Z, { className: SelectEnvironmentmodules.spin }) : /* @__PURE__ */ _react_17_0_2_react.createElement(_react_17_0_2_react.Fragment, null, !!tags.length && /* @__PURE__ */ _react_17_0_2_react.createElement("aside", { className: SelectEnvironmentmodules.common }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: SelectEnvironmentmodules.title }, "\u63A8\u8350\u73AF\u5883:"), /* @__PURE__ */ _react_17_0_2_react.createElement("ul", { className: SelectEnvironmentmodules.tags }, tags.map((e, i) => /* @__PURE__ */ _react_17_0_2_react.createElement(
    "li",
    {
      key: i,
      onClick: () => activeClear(e.id),
      className: value === e.id ? `${SelectEnvironmentmodules.tag} ${SelectEnvironmentmodules.tagActive}` : SelectEnvironmentmodules.tag
    },
    e.name
  )))), isEmpty && /* @__PURE__ */ _react_17_0_2_react.createElement(empty/* default */.Z, { style: { margin: "60px 0" }, image: noEnvData, description: /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: "c-grey-999" }, "\u6682\u65E0\u5B9E\u9A8C\u73AF\u5883") }), /* @__PURE__ */ _react_17_0_2_react.createElement("aside", { className: SelectEnvironmentmodules.wrap, id: `scroll-${quId}` }, data.map((item, i) => {
    var _a;
    return !!((_a = item == null ? void 0 : item.image) == null ? void 0 : _a.length) ? /* @__PURE__ */ _react_17_0_2_react.createElement(List, { key: i, data: item, id: value, handleClick: (id) => activeClear(id) }) : null;
  }), /* @__PURE__ */ _react_17_0_2_react.createElement("ul", { className: SelectEnvironmentmodules.allList }, otherData.map((item) => /* @__PURE__ */ _react_17_0_2_react.createElement(
    "li",
    {
      key: `key-${item.id}`,
      id: `scroll-${quId}-${item.id}`,
      className: item.id === value ? `${SelectEnvironmentmodules.item} ${SelectEnvironmentmodules.itemActive}` : SelectEnvironmentmodules.item,
      onClick: () => onChange(item.id)
    },
    /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: SelectEnvironmentmodules.name }, item.name),
    item.private && /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { title: "\u8BE5\u955C\u50CF\u9762\u5411\u6307\u5B9A\u7528\u6237\u5F00\u653E" }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: SelectEnvironmentmodules.tag, style: { color: "#FF9D18", border: "1px solid #FFCF8D", fontSize: 10 } }, "\u9650\u5B9A")),
    item.is_base && /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { title: "\u4EC5\u63D0\u4F9B\u4E00\u4E2A\u57FA\u672C\u7684\u64CD\u4F5C\u7CFB\u7EDF\u73AF\u5883" }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: SelectEnvironmentmodules.tag, style: { color: "#165DFF", border: "1px solid #BACFFE", fontSize: 10 } }, "\u57FA\u7840"))
  ))))), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: SelectEnvironmentmodules.apply }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: SelectEnvironmentmodules.p1 }, "\u6CA1\u6709\u5B9E\u9A8C\u73AF\u5883\uFF1F"), /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: SelectEnvironmentmodules.p2, onClick: handleApply }, " \u7533\u8BF7\u65B0\u5EFA"), !hiddenCreateOnline && /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: SelectEnvironmentmodules.p2, onClick: CreateImg }, " \u5728\u7EBF\u521B\u5EFA")));
};
const List = ({
  data,
  id,
  handleClick
}) => {
  const [drop, setDrop] = (0,_react_17_0_2_react.useState)(true);
  const { name, image } = data;
  return /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: SelectEnvironmentmodules.list }, /* @__PURE__ */ _react_17_0_2_react.createElement("header", { onClick: () => setDrop(!drop) }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: SelectEnvironmentmodules.title }, name), /* @__PURE__ */ _react_17_0_2_react.createElement(
    "i",
    {
      style: { transition: "0.5s", transform: drop ? "rotate(0deg)" : "rotate(180deg)" },
      className: "iconfont icon-shangjiantou c-grey-999"
    }
  )), /* @__PURE__ */ _react_17_0_2_react.createElement("ul", { className: SelectEnvironmentmodules.items, style: { height: drop ? "auto" : 0 } }, image.map((item) => /* @__PURE__ */ _react_17_0_2_react.createElement(
    "li",
    {
      key: item.id,
      className: item.id === id ? `${SelectEnvironmentmodules.item} ${SelectEnvironmentmodules.itemActive}` : SelectEnvironmentmodules.item,
      onClick: () => handleClick(item.id)
    },
    /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: SelectEnvironmentmodules.name }, item.name),
    item.private && /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { title: "\u8BE5\u955C\u50CF\u9762\u5411\u6307\u5B9A\u7528\u6237\u5F00\u653E" }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: SelectEnvironmentmodules.tag, style: { color: "#FF9D18", border: "1px solid #FFCF8D", fontSize: 10 } }, "\u9650\u5B9A")),
    item.is_base && /* @__PURE__ */ _react_17_0_2_react.createElement(tooltip/* default */.Z, { title: "\u4EC5\u63D0\u4F9B\u4E00\u4E2A\u57FA\u672C\u7684\u64CD\u4F5C\u7CFB\u7EDF\u73AF\u5883" }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: SelectEnvironmentmodules.tag, style: { color: "#165DFF", border: "1px solid #BACFFE", fontSize: 10 } }, "\u57FA\u7840"))
  )), /* @__PURE__ */ _react_17_0_2_react.createElement("li", { className: SelectEnvironmentmodules.line })));
};
/* harmony default export */ var components_SelectEnvironment = (SelectEnvironment);


/***/ }),

/***/ 53277:
/*!***************************************************************************!*\
  !*** ./src/pages/Shixuns/New/components/ApplyModal/index.tsx + 1 modules ***!
  \***************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {


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

// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
var _react_17_0_2_react = __webpack_require__(59301);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 15 modules
var _umi_production_exports = __webpack_require__(67866);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/input/index.js + 5 modules
var input = __webpack_require__(98135);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/form/index.js + 19 modules
var es_form = __webpack_require__(78241);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/modal/index.js + 16 modules
var modal = __webpack_require__(43418);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/message/index.js + 4 modules
var message = __webpack_require__(8591);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/upload/index.js + 24 modules
var upload = __webpack_require__(46651);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/button/index.js
var es_button = __webpack_require__(3113);
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
var env = __webpack_require__(21873);
// EXTERNAL MODULE: ./src/assets/images/qrCode.png
var qrCode = __webpack_require__(55351);
;// CONCATENATED MODULE: ./src/pages/Shixuns/New/components/ApplyModal/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var ApplyModalmodules = ({"flexRow":"flexRow___JBN3B","flexColumn":"flexColumn___zXgFj","formWrap":"formWrap___aNgan","upload":"upload___yGdLQ","color0152d9":"color0152d9___zzEpS","colorCCC":"colorCCC___k4Dxq","footerWrap":"footerWrap___WrUZd","qrCode":"qrCode___GPwSg","a1":"a1___R6etl","code":"code___fCL_L","group":"group___n7tgy","groupNumber":"groupNumber___tw7hA","a2":"a2___GGjDE"});
;// CONCATENATED MODULE: ./src/pages/Shixuns/New/components/ApplyModal/index.tsx
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __objRest = (source, exclude) => {
  var target = {};
  for (var prop in source)
    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
      target[prop] = source[prop];
  if (source != null && __getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(source)) {
      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
        target[prop] = source[prop];
    }
  return target;
};
var __async = (__this, __arguments, generator) => {
  return new Promise((resolve, reject) => {
    var fulfilled = (value) => {
      try {
        step(generator.next(value));
      } catch (e) {
        reject(e);
      }
    };
    var rejected = (value) => {
      try {
        step(generator.throw(value));
      } catch (e) {
        reject(e);
      }
    };
    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
    step((generator = generator.apply(__this, __arguments)).next());
  });
};






const TextArea = input["default"].TextArea;
const ApplyModal = (_a) => {
  var _b = _a, {
    newShixuns,
    globalSetting,
    loading,
    dispatch
  } = _b, props = __objRest(_b, [
    "newShixuns",
    "globalSetting",
    "loading",
    "dispatch"
  ]);
  const [form] = es_form["default"].useForm();
  const [fileList, setFileList] = (0,_react_17_0_2_react.useState)([]);
  const handleFileChange = (info) => {
    const statusList = ["uploading", "done", "removed"];
    if (statusList.includes(info.file.status)) {
      setFileList(info.fileList);
    }
  };
  const handleFileRemove = (file) => {
    var _a2;
    if (!file.percent || file.percent == 100) {
      const id = (_a2 = file.response) == null ? void 0 : _a2.id;
      modal["default"].confirm({
        centered: true,
        title: "\u786E\u5B9A\u8981\u5220\u9664\u8FD9\u4E2A\u9644\u4EF6\u5417?",
        okText: "\u786E\u5B9A",
        cancelText: "\u53D6\u6D88",
        onOk: () => __async(void 0, null, function* () {
          const res = yield dispatch({
            type: "newShixuns/deleteAttachment",
            payload: { id }
          });
          res && setFileList(fileList.filter((item) => {
            var _a3;
            return ((_a3 = item.response) == null ? void 0 : _a3.id) !== id;
          }));
        })
      });
      return false;
    }
  };
  const handleFileBeforeUpload = (file) => {
    if (fileList.length) {
      return false;
    }
    const is150M = file.size / 1024 / 1024 > 50;
    if (is150M) {
      message/* default */.ZP.info("\u6587\u4EF6\u5927\u5C0F\u5FC5\u987B\u5C0F\u4E8E50MB");
      return false;
    }
    return true;
  };
  const handleFinish = (values) => __async(void 0, null, function* () {
    var _a2, _b2;
    const { language, env: runtime, mode: run_method, code } = values || {};
    const res = yield dispatch({
      type: "newShixuns/applyShixunMirror",
      payload: {
        language,
        runtime,
        run_method,
        attachment_id: (_b2 = (_a2 = fileList == null ? void 0 : fileList[0]) == null ? void 0 : _a2.response) == null ? void 0 : _b2.id
      }
    });
    dispatch({
      type: "newShixuns/setActionTabs",
      payload: {}
    });
    if (res) {
      message/* default */.ZP.success("\u65B0\u5EFA\u7533\u8BF7\u5DF2\u63D0\u4EA4\uFF0C\u8BF7\u7B49\u5F85\u7BA1\u7406\u5458\u5BA1\u6838\u3002");
    }
  });
  const handleAfterClose = () => {
    form.resetFields();
    setFileList([]);
  };
  return /* @__PURE__ */ _react_17_0_2_react.createElement(
    modal["default"],
    {
      centered: true,
      keyboard: false,
      closable: false,
      destroyOnClose: true,
      open: newShixuns.actionTabs.key === "NewShixuns-Apply",
      title: "\u7533\u8BF7\u65B0\u5EFA",
      width: "1000px",
      footer: null,
      afterClose: handleAfterClose
    },
    /* @__PURE__ */ _react_17_0_2_react.createElement("section", { className: ApplyModalmodules.qrCode }, /* @__PURE__ */ _react_17_0_2_react.createElement("aside", { className: ApplyModalmodules.a1 }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: ApplyModalmodules.code }, /* @__PURE__ */ _react_17_0_2_react.createElement("img", { width: 120, height: 120, src: qrCode, alt: "\u4E8C\u7EF4\u7801" })), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: ApplyModalmodules.group }, "\u5B9E\u9A8C\u73AF\u5883\u7533\u8BF7QQ\u7FA4"), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: ApplyModalmodules.groupNumber }, "\u7FA4\u53F7\uFF1A740157011")), /* @__PURE__ */ _react_17_0_2_react.createElement("aside", { className: ApplyModalmodules.a2 }, "\u5C0A\u656C\u7684\u8001\u5E08/\u540C\u5B66\u60A8\u597D\uFF0C", /* @__PURE__ */ _react_17_0_2_react.createElement("br", null), "\u5982\u679C\u60A8\u60F3\u65B0\u5EFA\u5B9E\u9A8C\u73AF\u5883\uFF0C\u53EF\u4EE5\u626B\u63CF\u5DE6\u4FA7\u4E8C\u7EF4\u7801\u8FDB\u7FA4\uFF0C\u76F4\u63A5\u5411\u6211\u4EEC\u7684\u5DE5\u4F5C\u4EBA\u5458\u7533\u8BF7\u54E6~ \u4E5F\u53EF\u4EE5\u63D0\u4EA4\u4E0B\u9762\u7684\u8868\u5355\u7533\u8BF7\uFF0C\u6211\u4EEC\u7684\u5DE5\u4F5C\u4EBA\u5458\u6536\u5230\u7533\u8BF7\u4FE1\u606F\u5C06\u4F1A\u7B2C\u4E00\u65F6\u95F4\u8054\u7CFB\u60A8\uFF01")),
    /* @__PURE__ */ _react_17_0_2_react.createElement(
      es_form["default"],
      {
        className: ApplyModalmodules.formWrap,
        form,
        labelCol: { span: 4 },
        wrapperCol: { span: 20 },
        onFinish: handleFinish
      },
      /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { label: "\u8BED\u8A00\uFF1A", name: "language", rules: [{ required: true, message: "\u8BF7\u586B\u5199\u8BE5\u955C\u50CF\u8BED\u8A00" }] }, /* @__PURE__ */ _react_17_0_2_react.createElement(TextArea, { placeholder: "\u8BF7\u586B\u5199\u8BE5\u955C\u50CF\u662F\u57FA\u4E8E\u4EC0\u4E48\u8BED\u8A00\uFF1A\u793A\u4F8B\uFF1APython", rows: 4 })),
      /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { label: "\u7CFB\u7EDF\u73AF\u5883\uFF1A", name: "env", rules: [{ required: true, message: "\u8BF7\u586B\u5199\u8BE5\u955C\u50CF\u8BED\u8A00\u7CFB\u7EDF\u73AF\u5883" }] }, /* @__PURE__ */ _react_17_0_2_react.createElement(TextArea, { placeholder: "\u8BF7\u586B\u5199\u8BE5\u955C\u50CF\u662F\u57FA\u4E8E\u4EC0\u4E48linux\u7CFB\u7EDF\u73AF\u5883,\u4EE3\u7801\u8FD0\u884C\u73AF\u5883", rows: 4 })),
      /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { label: "\u6D4B\u8BD5\u4EE3\u7801\u8FD0\u884C\u65B9\u5F0F\uFF1A", name: "mode", rules: [{ required: true, message: "\u8BF7\u586B\u5199\u8BE5\u955C\u50CF\u6D4B\u8BD5\u4EE3\u7801\u8FD0\u884C\u65B9\u5F0F" }] }, /* @__PURE__ */ _react_17_0_2_react.createElement(TextArea, { placeholder: "\u8BF7\u586B\u5199\u8BE5\u955C\u50CF\u4E2D\u6D4B\u8BD5\u4EE3\u7801\u8FD0\u884C\u65B9\u5F0F", rows: 4 })),
      /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, { label: "\u6D4B\u8BD5\u4EE3\u7801\uFF1A", name: "code", rules: [{ required: true, message: "\u8BF7\u4E0A\u4F20\u9644\u4EF6" }] }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: ApplyModalmodules.upload }, /* @__PURE__ */ _react_17_0_2_react.createElement(
        upload["default"],
        {
          fileList,
          action: `${env/* default */.Z.API_SERVER}/api/attachments.json?client_key=6d57f8c3dd186c5ada392546ace9620a`,
          onChange: handleFileChange,
          onRemove: handleFileRemove,
          beforeUpload: handleFileBeforeUpload,
          withCredentials: true
        },
        /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: `${ApplyModalmodules.color0152d9} current` }, "\u4E0A\u4F20\u9644\u4EF6"),
        /* @__PURE__ */ _react_17_0_2_react.createElement("span", { className: `${ApplyModalmodules.colorCCC} ml10` }, "(\u5355\u4E2A\u6587\u4EF650M\u4EE5\u5185)")
      ))),
      /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: ApplyModalmodules.footerWrap }, /* @__PURE__ */ _react_17_0_2_react.createElement(es_form["default"].Item, null, /* @__PURE__ */ _react_17_0_2_react.createElement(
        es_button/* default */.ZP,
        {
          className: "mr5",
          size: "middle",
          onClick: () => {
            dispatch({
              type: "newShixuns/setActionTabs",
              payload: {}
            });
          }
        },
        "\u53D6\u6D88"
      ), /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { size: "middle", type: "primary", htmlType: "submit", loading: loading["newShixuns/applyShixunMirror"] }, "\u4FDD\u5B58")))
    )
  );
};
/* harmony default export */ var components_ApplyModal = ((0,_umi_production_exports.connect)(
  ({
    newShixuns,
    loading,
    globalSetting
  }) => ({
    newShixuns,
    globalSetting,
    loading: loading.effects
  })
)(ApplyModal));


/***/ }),

/***/ 60304:
/*!**********************************************************************!*\
  !*** ./src/pages/Shixuns/New/components/CreateEnvironment/index.tsx ***!
  \**********************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 59301);
/* harmony import */ var umi__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! umi */ 67866);
/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! antd */ 43418);
/* harmony import */ var _assets_images_qrCode_png__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/assets/images/qrCode.png */ 55351);




const CreateEnvironment = ({
  newShixuns,
  dispatch,
  user
}) => {
  var _a;
  const [isCreateModel, setIsCreateModel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    if (newShixuns.actionTabs.key === "Create-Environment") {
      createImg();
    }
  }, [(_a = newShixuns == null ? void 0 : newShixuns.actionTabs) == null ? void 0 : _a.key]);
  const cancelImg = () => {
    dispatch({
      type: "newShixuns/setActionTabs",
      payload: {}
    });
  };
  const createImg = () => {
    var _a2, _b, _c, _d;
    cancelImg();
    if (((_a2 = user.userInfo) == null ? void 0 : _a2.mirror_marker_status) === 0) {
      setIsCreateModel(true);
    } else if (((_b = user.userInfo) == null ? void 0 : _b.mirror_marker_status) === 1) {
      umi__WEBPACK_IMPORTED_MODULE_1__.history.push(`/users/${(_c = user.userInfo) == null ? void 0 : _c.login}/experiment-img/add`);
    } else if (((_d = user.userInfo) == null ? void 0 : _d.mirror_marker_status) === 2) {
      antd__WEBPACK_IMPORTED_MODULE_3__["default"].confirm({
        title: "\u60A8\u4ECA\u65E5\u5DF2\u8FBE\u5230\u7533\u8BF7\u4E0A\u9650\uFF0C\u662F\u5426\u8DF3\u8F6C\u81F3\u4E91\u4E3B\u673A\u5217\u8868\uFF1F",
        content: "\u63D0\u793A\uFF1A\u6BCF\u5929\u6700\u591A\u5141\u8BB8\u7533\u8BF7\u4E00\u53F0\u4E91\u4E3B\u673A",
        okText: "\u8DF3\u8F6C",
        cancelText: "\u53D6\u6D88",
        onOk() {
          var _a3;
          umi__WEBPACK_IMPORTED_MODULE_1__.history.push(`/users/${(_a3 = user.userInfo) == null ? void 0 : _a3.login}/experiment-img`);
        }
      });
    }
  };
  return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement(
    antd__WEBPACK_IMPORTED_MODULE_3__["default"],
    {
      title: "\u52A0\u5165qq\u7FA4\u63D0\u793A",
      open: isCreateModel,
      footer: null,
      onCancel: () => {
        setIsCreateModel(false);
      }
    },
    /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("br", null), /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("img", { width: 120, height: 120, style: { marginTop: "20px" }, src: _assets_images_qrCode_png__WEBPACK_IMPORTED_MODULE_2__, alt: "\u4E8C\u7EF4\u7801" })),
    /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0__.createElement("img", null)
  );
};
/* harmony default export */ __webpack_exports__.Z = ((0,umi__WEBPACK_IMPORTED_MODULE_1__.connect)(
  ({
    newShixuns,
    user,
    globalSetting
  }) => ({
    newShixuns,
    globalSetting,
    user
  })
)(CreateEnvironment));


/***/ })

}]);