You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
41 KiB
1 line
41 KiB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[158],{"EF+S":function(module,exports,__webpack_require__){eval('// extracted by mini-css-extract-plugin\nmodule.exports = {"bg":"bg___3hUp0","header":"header___1T3qP","user":"user___3gcln","titleWrap":"titleWrap___BPyXW","title":"title___1hc9j","endTimeWrap":"endTimeWrap___tCmLs","colorGray":"colorGray___2s62a","main":"main___g8cKX","loadFail":"loadFail___1h3vW","reload":"reload___2TZng","failIcon":"failIcon___3mbwQ","failWrap":"failWrap___138EN","failReload":"failReload___3eeAm","dataSetButton":"dataSetButton___38M58","dataSetText":"dataSetText___k4Y8a","dataSetOpen":"dataSetOpen___Eqml_","mymove":"mymove___3BEqr"};\n\n//# sourceURL=webpack:///./src/pages/tasks/Jupyter/index.less?')},Flby:function(module,exports,__webpack_require__){eval('// extracted by mini-css-extract-plugin\nmodule.exports = {"drawerWrap":"drawerWrap___30u-E","drawer":"drawer___25Cz3","title":"title___2sb8_","titleIcon":"titleIcon___2sEYD","filePathWrap":"filePathWrap___1lqDk","filePathContent":"filePathContent___3g6vP","folderName":"folderName___1_P2P","copy":"copy___2Lnre","listWrap":"listWrap___W2kd8","item":"item___2WUk2","itemText":"itemText___2QG3L"};\n\n//# sourceURL=webpack:///./src/pages/tasks/Jupyter/components/DataSet/index.less?')},sUu2:function(module,__webpack_exports__,__webpack_require__){"use strict";eval('// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXTERNAL MODULE: ./node_modules/antd/es/spin/style/index.js\nvar style = __webpack_require__("T2oS");\n\n// EXTERNAL MODULE: ./node_modules/antd/es/spin/index.js\nvar spin = __webpack_require__("W9HT");\n\n// EXTERNAL MODULE: ./node_modules/antd/es/button/style/index.js\nvar button_style = __webpack_require__("+L6B");\n\n// EXTERNAL MODULE: ./node_modules/antd/es/button/index.js\nvar es_button = __webpack_require__("2/Rp");\n\n// EXTERNAL MODULE: ./node_modules/antd/es/modal/style/index.js\nvar modal_style = __webpack_require__("2qtc");\n\n// EXTERNAL MODULE: ./node_modules/antd/es/modal/index.js + 10 modules\nvar modal = __webpack_require__("kLXV");\n\n// EXTERNAL MODULE: ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/regenerator/index.js\nvar regenerator = __webpack_require__("WmNS");\nvar regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);\n\n// EXTERNAL MODULE: ./node_modules/antd/es/message/style/index.js\nvar message_style = __webpack_require__("miYZ");\n\n// EXTERNAL MODULE: ./node_modules/antd/es/message/index.js\nvar message = __webpack_require__("tsqr");\n\n// EXTERNAL MODULE: ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js\nvar asyncToGenerator = __webpack_require__("9og8");\n\n// EXTERNAL MODULE: ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 3 modules\nvar slicedToArray = __webpack_require__("tJVT");\n\n// EXTERNAL MODULE: ./node_modules/@umijs/babel-preset-umi/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js + 1 modules\nvar objectWithoutProperties = __webpack_require__("PpiC");\n\n// EXTERNAL MODULE: ./node_modules/antd/es/statistic/style/index.js\nvar statistic_style = __webpack_require__("aHsQ");\n\n// EXTERNAL MODULE: ./node_modules/antd/es/statistic/index.js + 4 modules\nvar statistic = __webpack_require__("sGsY");\n\n// EXTERNAL MODULE: ./node_modules/react/index.js\nvar react = __webpack_require__("q1tI");\nvar react_default = /*#__PURE__*/__webpack_require__.n(react);\n\n// EXTERNAL MODULE: ./node_modules/@umijs/preset-built-in/node_modules/react-router/esm/react-router.js + 1 modules\nvar react_router = __webpack_require__("WHYC");\n\n// EXTERNAL MODULE: ./src/.umi-production/core/umiExports.ts + 17 modules\nvar umiExports = __webpack_require__("9kvl");\n\n// EXTERNAL MODULE: ./src/utils/env.ts\nvar env = __webpack_require__("m3rI");\n\n// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/HistoryOutlined.js\n// This icon file is generated automatically.\nvar HistoryOutlined_HistoryOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M536.1 273H488c-4.4 0-8 3.6-8 8v275.3c0 2.6 1.2 5 3.3 6.5l165.3 120.7c3.6 2.6 8.6 1.9 11.2-1.7l28.6-39c2.7-3.7 1.9-8.7-1.7-11.2L544.1 528.5V281c0-4.4-3.6-8-8-8zm219.8 75.2l156.8 38.3c5 1.2 9.9-2.6 9.9-7.7l.8-161.5c0-6.7-7.7-10.5-12.9-6.3L752.9 334.1a8 8 0 003 14.1zm167.7 301.1l-56.7-19.5a8 8 0 00-10.1 4.8c-1.9 5.1-3.9 10.1-6 15.1-17.8 42.1-43.3 80-75.9 112.5a353 353 0 01-112.5 75.9 352.18 352.18 0 01-137.7 27.8c-47.8 0-94.1-9.3-137.7-27.8a353 353 0 01-112.5-75.9c-32.5-32.5-58-70.4-75.9-112.5A353.44 353.44 0 01171 512c0-47.8 9.3-94.2 27.8-137.8 17.8-42.1 43.3-80 75.9-112.5a353 353 0 01112.5-75.9C430.6 167.3 477 158 524.8 158s94.1 9.3 137.7 27.8A353 353 0 01775 261.7c10.2 10.3 19.8 21 28.6 32.3l59.8-46.8C784.7 146.6 662.2 81.9 524.6 82 285 82.1 92.6 276.7 95 516.4 97.4 751.9 288.9 942 524.8 942c185.5 0 343.5-117.6 403.7-282.3 1.5-4.2-.7-8.9-4.9-10.4z" } }] }, "name": "history", "theme": "outlined" };\n/* harmony default export */ var asn_HistoryOutlined = (HistoryOutlined_HistoryOutlined);\n\n// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/components/AntdIcon.js + 2 modules\nvar AntdIcon = __webpack_require__("6VBw");\n\n// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/icons/HistoryOutlined.js\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\n\n\n\nvar icons_HistoryOutlined_HistoryOutlined = function HistoryOutlined(props, ref) {\n return react["createElement"](AntdIcon["a" /* default */], Object.assign({}, props, {\n ref: ref,\n icon: asn_HistoryOutlined\n }));\n};\n\nicons_HistoryOutlined_HistoryOutlined.displayName = \'HistoryOutlined\';\n/* harmony default export */ var icons_HistoryOutlined = (react["forwardRef"](icons_HistoryOutlined_HistoryOutlined));\n// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/SyncOutlined.js\n// This icon file is generated automatically.\nvar SyncOutlined_SyncOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M168 504.2c1-43.7 10-86.1 26.9-126 17.3-41 42.1-77.7 73.7-109.4S337 212.3 378 195c42.4-17.9 87.4-27 133.9-27s91.5 9.1 133.8 27A341.5 341.5 0 01755 268.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 003 14.1l175.7 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c0-6.7-7.7-10.5-12.9-6.3l-56.4 44.1C765.8 155.1 646.2 92 511.8 92 282.7 92 96.3 275.6 92 503.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8zm756 7.8h-60c-4.4 0-7.9 3.5-8 7.8-1 43.7-10 86.1-26.9 126-17.3 41-42.1 77.8-73.7 109.4A342.45 342.45 0 01512.1 856a342.24 342.24 0 01-243.2-100.8c-9.9-9.9-19.2-20.4-27.8-31.4l60.2-47a8 8 0 00-3-14.1l-175.7-43c-5-1.2-9.9 2.6-9.9 7.7l-.7 181c0 6.7 7.7 10.5 12.9 6.3l56.4-44.1C258.2 868.9 377.8 932 512.2 932c229.2 0 415.5-183.7 419.8-411.8a8 8 0 00-8-8.2z" } }] }, "name": "sync", "theme": "outlined" };\n/* harmony default export */ var asn_SyncOutlined = (SyncOutlined_SyncOutlined);\n\n// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/icons/SyncOutlined.js\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\n\n\n\nvar icons_SyncOutlined_SyncOutlined = function SyncOutlined(props, ref) {\n return react["createElement"](AntdIcon["a" /* default */], Object.assign({}, props, {\n ref: ref,\n icon: asn_SyncOutlined\n }));\n};\n\nicons_SyncOutlined_SyncOutlined.displayName = \'SyncOutlined\';\n/* harmony default export */ var icons_SyncOutlined = (react["forwardRef"](icons_SyncOutlined_SyncOutlined));\n// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/PoweroffOutlined.js + 1 modules\nvar PoweroffOutlined = __webpack_require__("GIiI");\n\n// EXTERNAL MODULE: ./src/pages/tasks/Jupyter/index.less?modules\nvar Jupytermodules = __webpack_require__("EF+S");\nvar Jupytermodules_default = /*#__PURE__*/__webpack_require__.n(Jupytermodules);\n\n// EXTERNAL MODULE: ./src/utils/fetch.ts\nvar fetch = __webpack_require__("ErOA");\n\n// CONCATENATED MODULE: ./src/service/task.ts\n\n\n\nfunction saveWithTPI(_x) {\n return _saveWithTPI.apply(this, arguments);\n}\n\nfunction _saveWithTPI() {\n _saveWithTPI = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee(params) {\n return regenerator_default.a.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n return _context.abrupt("return", Object(fetch["a" /* default */])("/api/jupyters/save_with_tpi.json", {\n method: \'Get\',\n params\n }));\n\n case 1:\n case "end":\n return _context.stop();\n }\n }\n }, _callee);\n }));\n return _saveWithTPI.apply(this, arguments);\n}\n\nfunction getJupyterData(_x2) {\n return _getJupyterData.apply(this, arguments);\n}\n\nfunction _getJupyterData() {\n _getJupyterData = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee2(params) {\n return regenerator_default.a.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n return _context2.abrupt("return", Object(fetch["a" /* default */])("/api/tasks/".concat(params.identifier, "/jupyter.json"), {\n method: \'Get\',\n params\n }));\n\n case 1:\n case "end":\n return _context2.stop();\n }\n }\n }, _callee2);\n }));\n return _getJupyterData.apply(this, arguments);\n}\n\nfunction getInfoWithTPI(_x3) {\n return _getInfoWithTPI.apply(this, arguments);\n}\n\nfunction _getInfoWithTPI() {\n _getInfoWithTPI = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee3(params) {\n return regenerator_default.a.wrap(function _callee3$(_context3) {\n while (1) {\n switch (_context3.prev = _context3.next) {\n case 0:\n return _context3.abrupt("return", Object(fetch["a" /* default */])("/api/jupyters/get_info_with_tpi.json", {\n method: \'Get\',\n params\n }));\n\n case 1:\n case "end":\n return _context3.stop();\n }\n }\n }, _callee3);\n }));\n return _getInfoWithTPI.apply(this, arguments);\n}\n\nfunction getTimeInfoWithTPI(_x4) {\n return _getTimeInfoWithTPI.apply(this, arguments);\n}\n\nfunction _getTimeInfoWithTPI() {\n _getTimeInfoWithTPI = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee4(params) {\n return regenerator_default.a.wrap(function _callee4$(_context4) {\n while (1) {\n switch (_context4.prev = _context4.next) {\n case 0:\n return _context4.abrupt("return", Object(fetch["a" /* default */])("/api/jupyters/timeinfo_with_tpi.json", {\n method: \'Get\',\n params\n }));\n\n case 1:\n case "end":\n return _context4.stop();\n }\n }\n }, _callee4);\n }));\n return _getTimeInfoWithTPI.apply(this, arguments);\n}\n\nfunction resetWithTPI(_x5) {\n return _resetWithTPI.apply(this, arguments);\n}\n\nfunction _resetWithTPI() {\n _resetWithTPI = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee5(params) {\n return regenerator_default.a.wrap(function _callee5$(_context5) {\n while (1) {\n switch (_context5.prev = _context5.next) {\n case 0:\n return _context5.abrupt("return", Object(fetch["a" /* default */])("/api/jupyters/reset_with_tpi.json", {\n method: \'Get\',\n params\n }));\n\n case 1:\n case "end":\n return _context5.stop();\n }\n }\n }, _callee5);\n }));\n return _resetWithTPI.apply(this, arguments);\n}\n\nfunction activeWithTPI(_x6) {\n return _activeWithTPI.apply(this, arguments);\n}\n\nfunction _activeWithTPI() {\n _activeWithTPI = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee6(params) {\n return regenerator_default.a.wrap(function _callee6$(_context6) {\n while (1) {\n switch (_context6.prev = _context6.next) {\n case 0:\n return _context6.abrupt("return", Object(fetch["a" /* default */])("/api/jupyters/active_with_tpi.json", {\n method: \'Get\',\n params\n }));\n\n case 1:\n case "end":\n return _context6.stop();\n }\n }\n }, _callee6);\n }));\n return _activeWithTPI.apply(this, arguments);\n}\n\nfunction syncCode(_x7) {\n return _syncCode.apply(this, arguments);\n}\n\nfunction _syncCode() {\n _syncCode = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee7(params) {\n return regenerator_default.a.wrap(function _callee7$(_context7) {\n while (1) {\n switch (_context7.prev = _context7.next) {\n case 0:\n return _context7.abrupt("return", Object(fetch["a" /* default */])("/api/myshixuns/".concat(params.identifier, "/sync_code.json"), {\n method: \'Post\',\n params\n }));\n\n case 1:\n case "end":\n return _context7.stop();\n }\n }\n }, _callee7);\n }));\n return _syncCode.apply(this, arguments);\n}\n\nfunction getDataSets(_x8) {\n return _getDataSets.apply(this, arguments);\n}\n\nfunction _getDataSets() {\n _getDataSets = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee8(params) {\n return regenerator_default.a.wrap(function _callee8$(_context8) {\n while (1) {\n switch (_context8.prev = _context8.next) {\n case 0:\n return _context8.abrupt("return", Object(fetch["a" /* default */])("/api/shixuns/".concat(params.identifier, "/get_data_sets.json"), {\n method: \'Get\',\n params\n }));\n\n case 1:\n case "end":\n return _context8.stop();\n }\n }\n }, _callee8);\n }));\n return _getDataSets.apply(this, arguments);\n}\n// EXTERNAL MODULE: ./node_modules/antd/es/drawer/style/index.js\nvar drawer_style = __webpack_require__("bbsP");\n\n// EXTERNAL MODULE: ./node_modules/antd/es/drawer/index.js + 4 modules\nvar drawer = __webpack_require__("/wGt");\n\n// CONCATENATED MODULE: ./node_modules/@ant-design/icons-svg/es/asn/FileTextOutlined.js\n// This icon file is generated automatically.\nvar FileTextOutlined_FileTextOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0042 42h216v494zM504 618H320c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zM312 490v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H320c-4.4 0-8 3.6-8 8z" } }] }, "name": "file-text", "theme": "outlined" };\n/* harmony default export */ var asn_FileTextOutlined = (FileTextOutlined_FileTextOutlined);\n\n// CONCATENATED MODULE: ./node_modules/@ant-design/icons/es/icons/FileTextOutlined.js\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\n\n\n\n\nvar icons_FileTextOutlined_FileTextOutlined = function FileTextOutlined(props, ref) {\n return react["createElement"](AntdIcon["a" /* default */], Object.assign({}, props, {\n ref: ref,\n icon: asn_FileTextOutlined\n }));\n};\n\nicons_FileTextOutlined_FileTextOutlined.displayName = \'FileTextOutlined\';\n/* harmony default export */ var icons_FileTextOutlined = (react["forwardRef"](icons_FileTextOutlined_FileTextOutlined));\n// EXTERNAL MODULE: ./node_modules/react-copy-to-clipboard/lib/index.js\nvar lib = __webpack_require__("P5Jw");\n\n// EXTERNAL MODULE: ./node_modules/react-infinite-scroller/index.js\nvar react_infinite_scroller = __webpack_require__("RotF");\nvar react_infinite_scroller_default = /*#__PURE__*/__webpack_require__.n(react_infinite_scroller);\n\n// EXTERNAL MODULE: ./src/pages/tasks/Jupyter/components/DataSet/index.less?modules\nvar DataSetmodules = __webpack_require__("Flby");\nvar DataSetmodules_default = /*#__PURE__*/__webpack_require__.n(DataSetmodules);\n\n// CONCATENATED MODULE: ./src/pages/tasks/Jupyter/components/DataSet/index.tsx\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar DataSet = (_ref) => {\n var globalSetting = _ref.globalSetting,\n loading = _ref.loading,\n dispatch = _ref.dispatch,\n visible = _ref.visible,\n identifier = _ref.identifier;\n\n var _useState = Object(react["useState"])([]),\n _useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),\n dataList = _useState2[0],\n setDataList = _useState2[1];\n\n var _useState3 = Object(react["useState"])(),\n _useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),\n count = _useState4[0],\n setCount = _useState4[1];\n\n var _useState5 = Object(react["useState"])(),\n _useState6 = Object(slicedToArray["a" /* default */])(_useState5, 2),\n folderName = _useState6[0],\n setFolderName = _useState6[1];\n\n var _useState7 = Object(react["useState"])(),\n _useState8 = Object(slicedToArray["a" /* default */])(_useState7, 2),\n hasMore = _useState8[0],\n setHasMore = _useState8[1];\n\n var _useState9 = Object(react["useState"])({\n page: 1,\n limit: 20,\n identifier: null\n }),\n _useState10 = Object(slicedToArray["a" /* default */])(_useState9, 2),\n params = _useState10[0],\n setParams = _useState10[1];\n\n Object(react["useEffect"])(() => {\n if (!identifier) {\n return;\n }\n\n params.identifier = identifier;\n setParams(params);\n getDataSetList(params);\n }, [identifier]);\n\n var getDataSetList = /*#__PURE__*/function () {\n var _ref2 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee(query) {\n var res, _res$data_sets;\n\n return regenerator_default.a.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return getDataSets(query);\n\n case 2:\n res = _context.sent;\n\n if (res) {\n setDataList(res.data_sets || []);\n setHasMore(((_res$data_sets = res.data_sets) === null || _res$data_sets === void 0 ? void 0 : _res$data_sets.length) === 20);\n setCount(res.data_sets_count);\n setFolderName(res.folder_name);\n }\n\n case 4:\n case "end":\n return _context.stop();\n }\n }\n }, _callee);\n }));\n\n return function getDataSetList(_x) {\n return _ref2.apply(this, arguments);\n };\n }();\n\n var handleInfiniteOnLoad = () => {\n params.page = params.page + 1;\n setParams(params);\n getDataSetList(params);\n };\n\n return /*#__PURE__*/react_default.a.createElement(drawer["a" /* default */], {\n placement: "right",\n closable: false,\n mask: false,\n visible: visible,\n className: DataSetmodules_default.a.drawerWrap\n }, /*#__PURE__*/react_default.a.createElement("div", {\n className: DataSetmodules_default.a.drawer\n }, /*#__PURE__*/react_default.a.createElement("h2", {\n className: DataSetmodules_default.a.title\n }, /*#__PURE__*/react_default.a.createElement("i", {\n className: "iconfont icon-base ".concat(DataSetmodules_default.a.titleIcon)\n }), "\\u6570\\u636E\\u96C6"), /*#__PURE__*/react_default.a.createElement("div", {\n className: DataSetmodules_default.a.filePathWrap\n }, /*#__PURE__*/react_default.a.createElement("span", {\n className: "ml50"\n }, "\\u6587\\u4EF6\\u8DEF\\u5F84"), /*#__PURE__*/react_default.a.createElement("div", {\n className: DataSetmodules_default.a.filePathContent\n }, /*#__PURE__*/react_default.a.createElement("span", {\n className: DataSetmodules_default.a.folderName\n }, folderName), /*#__PURE__*/react_default.a.createElement(lib["CopyToClipboard"], {\n text: folderName,\n onCopy: () => message["a" /* default */].success(\'\u590d\u5236\u6210\u529f\')\n }, /*#__PURE__*/react_default.a.createElement("span", {\n className: "".concat(DataSetmodules_default.a.copy, " current")\n }, "\\u590D\\u5236\\u5730\\u5740")))), /*#__PURE__*/react_default.a.createElement("div", {\n className: DataSetmodules_default.a.listWrap\n }, /*#__PURE__*/react_default.a.createElement(react_infinite_scroller_default.a, {\n initialLoad: false,\n pageStart: 1,\n threshold: 20,\n loadMore: page => handleInfiniteOnLoad(),\n hasMore: hasMore,\n useWindow: false\n }, dataList.map((item, index) => {\n return /*#__PURE__*/react_default.a.createElement("div", {\n className: DataSetmodules_default.a.item\n }, /*#__PURE__*/react_default.a.createElement("span", {\n className: DataSetmodules_default.a.itemText,\n title: item.title\n }, /*#__PURE__*/react_default.a.createElement(icons_FileTextOutlined, {\n style: {\n color: \'#28b887\',\n fontSize: 25\n }\n }), item.title), /*#__PURE__*/react_default.a.createElement(lib["CopyToClipboard"], {\n text: item.file_path,\n onCopy: () => message["a" /* default */].success(\'\u590d\u5236\u6210\u529f\')\n }, /*#__PURE__*/react_default.a.createElement("span", {\n className: "".concat(DataSetmodules_default.a.copy, " current")\n }, "\\u590D\\u5236\\u5730\\u5740")));\n })))));\n};\n\n/* harmony default export */ var components_DataSet = (Object(umiExports["a" /* connect */])((_ref3) => {\n var loading = _ref3.loading,\n globalSetting = _ref3.globalSetting;\n return {\n globalSetting,\n loading: loading\n };\n})(DataSet));\n// CONCATENATED MODULE: ./src/pages/tasks/Jupyter/index.tsx\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar Countdown = statistic["a" /* default */].Countdown;\nvar Status;\n\n(function (Status) {\n Status[Status["LoadFail"] = 1] = "LoadFail";\n Status[Status["ReLoad"] = 2] = "ReLoad";\n Status[Status["Success"] = 3] = "Success";\n})(Status || (Status = {}));\n\nvar TaskJupyterPage = (_ref) => {\n var _jupyterData$user, _jupyterData$user2;\n\n var globalSetting = _ref.globalSetting,\n loading = _ref.loading,\n dispatch = _ref.dispatch,\n props = Object(objectWithoutProperties["a" /* default */])(_ref, ["globalSetting", "loading", "dispatch"]);\n\n var params = Object(react_router["m" /* useParams */])();\n\n var _useState = Object(react["useState"])(false),\n _useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),\n spinning = _useState2[0],\n setSpinning = _useState2[1];\n\n var jupyterMessageFlag = Object(react["useRef"])(true);\n\n var _useState3 = Object(react["useState"])({}),\n _useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),\n jupyterData = _useState4[0],\n setJupyterData = _useState4[1];\n\n var _useState5 = Object(react["useState"])(),\n _useState6 = Object(slicedToArray["a" /* default */])(_useState5, 2),\n url = _useState6[0],\n setUrl = _useState6[1];\n\n var port = Object(react["useRef"])();\n\n var _useState7 = Object(react["useState"])(Status.Success),\n _useState8 = Object(slicedToArray["a" /* default */])(_useState7, 2),\n status = _useState8[0],\n setStatus = _useState8[1];\n\n var _useState9 = Object(react["useState"])(),\n _useState10 = Object(slicedToArray["a" /* default */])(_useState9, 2),\n time = _useState10[0],\n setTime = _useState10[1];\n\n var _useState11 = Object(react["useState"])(),\n _useState12 = Object(slicedToArray["a" /* default */])(_useState11, 2),\n endTime = _useState12[0],\n setEndTime = _useState12[1];\n\n var _useState13 = Object(react["useState"])(false),\n _useState14 = Object(slicedToArray["a" /* default */])(_useState13, 2),\n isOpenDrawer = _useState14[0],\n setIsOpenDrawer = _useState14[1];\n\n Object(react["useEffect"])(() => {\n dispatch({\n type: \'globalSetting/headerFooterToggle\',\n payload: false\n });\n return () => {\n dispatch({\n type: \'globalSetting/headerFooterToggle\',\n payload: true\n });\n };\n }, []);\n Object(react["useEffect"])(() => {\n window.addEventListener(\'message\', handleJupyterMessage);\n return () => {\n window.removeEventListener(\'message\', handleJupyterMessage);\n };\n }, []);\n Object(react["useEffect"])(() => {\n handleGetJupyterData();\n handleGetJupyterTPIUrl();\n }, [params.identifier]);\n\n var handleJupyterMessage = e => {\n if ((e === null || e === void 0 ? void 0 : e.data) === "jupytermessage" && jupyterMessageFlag.current) {\n jupyterMessageFlag.current = false;\n handleSaveWithTPI();\n setTimeout(() => jupyterMessageFlag.current = true, 500);\n }\n };\n\n var handleSaveWithTPI = /*#__PURE__*/function () {\n var _ref2 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee() {\n var res;\n return regenerator_default.a.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return saveWithTPI({\n identifier: params.identifier,\n jupyter_port: port.current\n });\n\n case 2:\n res = _context.sent;\n\n if (res.status === 0) {\n message["a" /* default */].success(\'\u4fdd\u5b58\u6210\u529f!\');\n }\n\n case 4:\n case "end":\n return _context.stop();\n }\n }\n }, _callee);\n }));\n\n return function handleSaveWithTPI() {\n return _ref2.apply(this, arguments);\n };\n }();\n\n var handleGetJupyterData = /*#__PURE__*/function () {\n var _ref3 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee2() {\n var res;\n return regenerator_default.a.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n _context2.next = 2;\n return getJupyterData({\n identifier: params.identifier\n });\n\n case 2:\n res = _context2.sent;\n\n if (res) {\n setJupyterData(res);\n }\n\n case 4:\n case "end":\n return _context2.stop();\n }\n }\n }, _callee2);\n }));\n\n return function handleGetJupyterData() {\n return _ref3.apply(this, arguments);\n };\n }();\n\n var handleGetJupyterTPIUrl = /*#__PURE__*/function () {\n var _ref4 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee3() {\n var res;\n return regenerator_default.a.wrap(function _callee3$(_context3) {\n while (1) {\n switch (_context3.prev = _context3.next) {\n case 0:\n _context3.next = 2;\n return getInfoWithTPI({\n identifier: params.identifier\n });\n\n case 2:\n res = _context3.sent;\n\n if (!(res === null || res === void 0 ? void 0 : res.url)) {\n _context3.next = 10;\n break;\n }\n\n handleGetTPITimeInfo();\n setUrl(res.url);\n port.current = res.port;\n setStatus(res.status);\n setStatus(Status.Success);\n return _context3.abrupt("return");\n\n case 10:\n if (res.url === -1) {\n setStatus(Status.LoadFail);\n } else {\n setStatus(Status.ReLoad);\n }\n\n case 11:\n case "end":\n return _context3.stop();\n }\n }\n }, _callee3);\n }));\n\n return function handleGetJupyterTPIUrl() {\n return _ref4.apply(this, arguments);\n };\n }();\n\n var handleGetTPITimeInfo = /*#__PURE__*/function () {\n var _ref5 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee4() {\n var res;\n return regenerator_default.a.wrap(function _callee4$(_context4) {\n while (1) {\n switch (_context4.prev = _context4.next) {\n case 0:\n _context4.next = 2;\n return getTimeInfoWithTPI({\n identifier: params.identifier\n });\n\n case 2:\n res = _context4.sent;\n\n if (!((res === null || res === void 0 ? void 0 : res.status) !== 0)) {\n _context4.next = 5;\n break;\n }\n\n return _context4.abrupt("return");\n\n case 5:\n if (res === null || res === void 0 ? void 0 : res.useSeconds) {\n _context4.next = 8;\n break;\n }\n\n handleResetEnvModal();\n return _context4.abrupt("return");\n\n case 8:\n if (res === null || res === void 0 ? void 0 : res.remainingSeconds) {\n setTime(Date.now() + res.remainingSeconds * 1000);\n setEndTime(res.remainingSeconds - 300 <= 0 ? Date.now() + 1000 : Date.now() + (res.remainingSeconds - 300) * 1000);\n }\n\n case 9:\n case "end":\n return _context4.stop();\n }\n }\n }, _callee4);\n }));\n\n return function handleGetTPITimeInfo() {\n return _ref5.apply(this, arguments);\n };\n }();\n\n var handleResetEnvModal = () => {\n postMessageToIframe(true);\n setSpinning(true);\n\n modal["a" /* default */].confirm({\n centered: true,\n title: \'\u91cd\u7f6e\u73af\u5883\',\n content: " \u662f\u5426\u786e\u5b9a\u91cd\u7f6e\u73af\u5883\uff1f",\n okText: \'\u786e\u5b9a\',\n cancelText: \'\u53d6\u6d88\',\n onOk: () => {\n handleResetEnv();\n },\n onCancel: () => {\n postMessageToIframe(false);\n setSpinning(false);\n }\n });\n };\n\n var handleResetEnv = /*#__PURE__*/function () {\n var _ref6 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee5() {\n var res;\n return regenerator_default.a.wrap(function _callee5$(_context5) {\n while (1) {\n switch (_context5.prev = _context5.next) {\n case 0:\n _context5.next = 2;\n return resetWithTPI({\n identifier: params.identifier\n });\n\n case 2:\n res = _context5.sent;\n\n if (!((res === null || res === void 0 ? void 0 : res.status) !== 0)) {\n _context5.next = 5;\n break;\n }\n\n return _context5.abrupt("return");\n\n case 5:\n message["a" /* default */].success(\'\u91cd\u7f6e\u6210\u529f!\');\n\n setSpinning(false);\n setTimeout(() => window.location.reload(), 300);\n\n case 8:\n case "end":\n return _context5.stop();\n }\n }\n }, _callee5);\n }));\n\n return function handleResetEnv() {\n return _ref6.apply(this, arguments);\n };\n }();\n\n var handleEndTimeFinish = () => {\n modal["a" /* default */].destroyAll();\n\n modal["a" /* default */].confirm({\n centered: true,\n title: \'\u670d\u52a1\u4e2d\u65ad\u63d0\u9192\',\n content: /*#__PURE__*/react_default.a.createElement("div", {\n className: "tc font14"\n }, "jupyter\\u5C06\\u4E8E", /*#__PURE__*/react_default.a.createElement("span", null, /*#__PURE__*/react_default.a.createElement(Countdown, {\n value: time,\n format: "HH:mm:ss",\n onFinish: handleTimeFinish\n })), "\\u65F6\\u95F4\\u540E\\u670D\\u52A1\\u4E2D\\u65AD\\uFF0C\\u662F\\u5426\\u9700\\u8981\\u5EF6\\u957F\\u4F7F\\u7528\\u65F6\\u95F4\\uFF1F"),\n okText: \'\u7acb\u5373\u5ef6\u957f\',\n cancelText: \'\u4e0d\u9700\u8981\',\n onOk: function () {\n var _onOk = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee6() {\n var res;\n return regenerator_default.a.wrap(function _callee6$(_context6) {\n while (1) {\n switch (_context6.prev = _context6.next) {\n case 0:\n _context6.next = 2;\n return activeWithTPI({\n identifier: params.identifier\n });\n\n case 2:\n res = _context6.sent;\n\n if (!(res.status === 0)) {\n _context6.next = 7;\n break;\n }\n\n _context6.next = 6;\n return handleGetTPITimeInfo();\n\n case 6:\n message["a" /* default */].success(\'\u5ef6\u957f\u6210\u529f!\');\n\n case 7:\n case "end":\n return _context6.stop();\n }\n }\n }, _callee6);\n }));\n\n function onOk() {\n return _onOk.apply(this, arguments);\n }\n\n return onOk;\n }()\n });\n };\n\n var handleTimeFinish = () => {\n modal["a" /* default */].destroyAll();\n\n modal["a" /* default */].confirm({\n centered: true,\n title: \'\u5012\u8ba1\u65f6\u622a\u6b62\',\n content: /*#__PURE__*/react_default.a.createElement("p", {\n className: "tc font14"\n }, "\\u670D\\u52A1\\u5DF2\\u4E2D\\u65AD\\uFF0C\\u662F\\u5426\\u786E\\u8BA4\\u91CD\\u7F6E\\u5B9E\\u9A8C\\u73AF\\u5883\\uFF1F"),\n okText: \'\u786e\u5b9a\',\n cancelText: \'\u53d6\u6d88\',\n onOk: () => {\n handleResetEnv();\n }\n });\n };\n\n var postMessageToIframe = stopParent => {\n var iframe = document.getElementById("taskJupyterIframe");\n\n if (!iframe) {\n return;\n }\n\n if (stopParent) {\n iframe.contentWindow.postMessage("stopParent", "*");\n } else {\n iframe.contentWindow.postMessage("clonsParent", "*");\n }\n };\n\n var handleResetTPI = () => {\n setSpinning(true);\n postMessageToIframe(true);\n\n modal["a" /* default */].confirm({\n centered: true,\n title: \'\u91cd\u7f6e\u5b9e\u8bad\',\n content: /*#__PURE__*/react_default.a.createElement("div", {\n className: "tc font14"\n }, "\\u4F60\\u5728\\u672C\\u6587\\u4EF6\\u4E2D\\u4FEE\\u6539\\u7684\\u5185\\u5BB9\\u5C06\\u4E22\\u5931,", /*#__PURE__*/react_default.a.createElement("br", null), "\\u662F\\u5426\\u786E\\u5B9A\\u91CD\\u65B0\\u52A0\\u8F7D\\u521D\\u59CB\\u4EE3\\u7801\\uFF1F"),\n okText: \'\u786e\u5b9a\',\n cancelText: \'\u53d6\u6d88\',\n onOk: function () {\n var _onOk2 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regenerator_default.a.mark(function _callee7() {\n var res;\n return regenerator_default.a.wrap(function _callee7$(_context7) {\n while (1) {\n switch (_context7.prev = _context7.next) {\n case 0:\n _context7.next = 2;\n return syncCode({\n identifier: params.identifier\n });\n\n case 2:\n res = _context7.sent;\n\n if (!(res.status !== 0)) {\n _context7.next = 5;\n break;\n }\n\n return _context7.abrupt("return");\n\n case 5:\n message["a" /* default */].success(\'\u91cd\u7f6e\u6210\u529f\');\n\n setSpinning(false);\n setTimeout(() => window.location.reload(), 300);\n\n case 8:\n case "end":\n return _context7.stop();\n }\n }\n }, _callee7);\n }));\n\n function onOk() {\n return _onOk2.apply(this, arguments);\n }\n\n return onOk;\n }(),\n onCancel: () => {\n postMessageToIframe(false);\n setSpinning(false);\n }\n });\n };\n\n return /*#__PURE__*/react_default.a.createElement(spin["a" /* default */], {\n spinning: spinning,\n tip: "\\u52A0\\u8F7D\\u4E2D..."\n }, /*#__PURE__*/react_default.a.createElement("section", {\n className: Jupytermodules_default.a.bg\n }, /*#__PURE__*/react_default.a.createElement("header", {\n className: Jupytermodules_default.a.header\n }, /*#__PURE__*/react_default.a.createElement("div", {\n className: Jupytermodules_default.a.user\n }, /*#__PURE__*/react_default.a.createElement("img", {\n src: "".concat(env["a" /* default */].IMG_SERVER, "/images/").concat(jupyterData === null || jupyterData === void 0 ? void 0 : (_jupyterData$user = jupyterData.user) === null || _jupyterData$user === void 0 ? void 0 : _jupyterData$user.image_url),\n alt: "\\u7528\\u6237\\u5934\\u50CF"\n }), /*#__PURE__*/react_default.a.createElement("span", {\n className: "ml10"\n }, jupyterData === null || jupyterData === void 0 ? void 0 : (_jupyterData$user2 = jupyterData.user) === null || _jupyterData$user2 === void 0 ? void 0 : _jupyterData$user2.name)), /*#__PURE__*/react_default.a.createElement("div", {\n className: Jupytermodules_default.a.titleWrap\n }, /*#__PURE__*/react_default.a.createElement("span", {\n className: Jupytermodules_default.a.title\n }, jupyterData === null || jupyterData === void 0 ? void 0 : jupyterData.name), /*#__PURE__*/react_default.a.createElement("span", null, /*#__PURE__*/react_default.a.createElement(Countdown, {\n value: time,\n format: "HH:mm:ss",\n onFinish: handleTimeFinish\n }), /*#__PURE__*/react_default.a.createElement("span", {\n className: Jupytermodules_default.a.endTimeWrap\n }, endTime && /*#__PURE__*/react_default.a.createElement(Countdown, {\n value: endTime,\n format: "HH:mm:ss",\n onFinish: handleEndTimeFinish\n })))), /*#__PURE__*/react_default.a.createElement("div", {\n className: Jupytermodules_default.a.actionWrap\n }, /*#__PURE__*/react_default.a.createElement(es_button["a" /* default */], {\n icon: /*#__PURE__*/react_default.a.createElement(icons_HistoryOutlined, null),\n className: "".concat(Jupytermodules_default.a.colorGray, " font14"),\n type: "link",\n onClick: handleResetTPI\n }, "\\u91CD\\u7F6E\\u5B9E\\u8BAD"), /*#__PURE__*/react_default.a.createElement(es_button["a" /* default */], {\n icon: /*#__PURE__*/react_default.a.createElement(icons_SyncOutlined, null),\n className: "".concat(Jupytermodules_default.a.colorGray, " font14"),\n type: "link",\n onClick: handleResetEnvModal\n }, "\\u91CD\\u7F6E\\u73AF\\u5883"), /*#__PURE__*/react_default.a.createElement(es_button["a" /* default */], {\n icon: /*#__PURE__*/react_default.a.createElement(PoweroffOutlined["a" /* default */], null),\n className: "".concat(Jupytermodules_default.a.colorGray, " font14"),\n type: "link",\n onClick: () => umiExports["c" /* history */].push("/shixuns/".concat(jupyterData.identifier, "/challenges"))\n }, "\\u9000\\u51FA\\u5B9E\\u8BAD"))), /*#__PURE__*/react_default.a.createElement("main", {\n className: Jupytermodules_default.a.main\n }, /*#__PURE__*/react_default.a.createElement("div", {\n className: "".concat(Jupytermodules_default.a.dataSetButton, " ").concat(isOpenDrawer ? Jupytermodules_default.a.dataSetOpen : \'\'),\n onClick: () => setIsOpenDrawer(!isOpenDrawer)\n }, /*#__PURE__*/react_default.a.createElement("span", {\n className: Jupytermodules_default.a.dataSetText\n }, "\\u6570\\u636E\\u96C6")), status === Status.LoadFail && /*#__PURE__*/react_default.a.createElement("div", {\n className: Jupytermodules_default.a.loadFail\n }, " "), status === Status.ReLoad && /*#__PURE__*/react_default.a.createElement("div", {\n className: Jupytermodules_default.a.reload\n }, /*#__PURE__*/react_default.a.createElement("div", {\n className: Jupytermodules_default.a.failWrap\n }, /*#__PURE__*/react_default.a.createElement("i", {\n className: "iconfont icon-jiazaishibai1 ".concat(Jupytermodules_default.a.failIcon)\n }), /*#__PURE__*/react_default.a.createElement("p", {\n className: "font12"\n }, "\\u52A0\\u8F7D\\u5B9E\\u8BAD\\u5931\\u8D25\\uFF0C", /*#__PURE__*/react_default.a.createElement("span", {\n className: Jupytermodules_default.a.failReload,\n onClick: handleGetJupyterTPIUrl\n }, "\\u91CD\\u65B0\\u52A0\\u8F7D")))), status === Status.Success && /*#__PURE__*/react_default.a.createElement("iframe", {\n id: "taskJupyterIframe",\n width: "100%",\n height: "100%",\n src: url\n }), /*#__PURE__*/react_default.a.createElement(components_DataSet, {\n visible: isOpenDrawer,\n identifier: jupyterData.identifier\n }))));\n};\n\n/* harmony default export */ var Jupyter = __webpack_exports__["default"] = (Object(umiExports["a" /* connect */])((_ref7) => {\n var loading = _ref7.loading,\n globalSetting = _ref7.globalSetting;\n return {\n globalSetting,\n loading: loading\n };\n})(TaskJupyterPage));\n\n//# sourceURL=webpack:///./src/pages/tasks/Jupyter/index.tsx_+_8_modules?')}}]); |