@difizen/libro-jupyter 0.1.0 → 0.1.1

package/es/file/file-createdir-modal.js

@@ -11,12 +11,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { URI } from '@difizen/mana-app';
 import { ViewManager } from '@difizen/mana-app';
 import { useInject } from '@difizen/mana-app';
-import { Input } from 'antd';
-import { Modal } from 'antd';
+import { Form, message, Input, Modal } from 'antd';
 import { useEffect, useRef, useState } from 'react';
 import { JupyterFileService } from "./file-service.js";
 import { FileView } from "./file-view/index.js";
+import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var FileCreateDirModalComponent = function FileCreateDirModalComponent(_ref) {
   var visible = _ref.visible,
     close = _ref.close,
@@ -24,14 +25,77 @@ export var FileCreateDirModalComponent = function FileCreateDirModalComponent(_r
   var fileService = useInject(JupyterFileService);
   var viewManager = useInject(ViewManager);
   var inputRef = useRef(null);
-  var _useState = useState(''),
+  var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
-    dirName = _useState2[0],
-    setDirName = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    fileView = _useState4[0],
-    setFileView = _useState4[1];
+    fileView = _useState2[0],
+    setFileView = _useState2[1];
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var onFinish = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return form.validateFields();
+          case 2:
+            close();
+            _context.prev = 3;
+            _context.next = 6;
+            return fileService.newFileDir(values.dirName, new URI(data.path));
+          case 6:
+            if (fileView) {
+              fileView.model.refresh();
+            }
+            _context.next = 12;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](3);
+            message.error('新建文件夹失败');
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3, 9]]);
+    }));
+    return function onFinish(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var validateDirName = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(rule, value, callback) {
+      var targetURI, fileRes;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(!value || !value.length)) {
+              _context2.next = 4;
+              break;
+            }
+            throw new Error('请输入文件夹名');
+          case 4:
+            targetURI = new URI(data.path + value);
+            _context2.next = 7;
+            return fileService.resolve(targetURI);
+          case 7:
+            fileRes = _context2.sent;
+            if (!fileRes.isDirectory) {
+              _context2.next = 10;
+              break;
+            }
+            throw new Error('文件夹名称已存在，请重新输入');
+          case 10:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function validateDirName(_x2, _x3, _x4) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
   useEffect(function () {
     var _inputRef$current;
     viewManager.getOrCreateView(FileView).then(function (view) {
@@ -42,61 +106,60 @@ export var FileCreateDirModalComponent = function FileCreateDirModalComponent(_r
     });
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
   });
-  return /*#__PURE__*/_jsx(Modal, {
+  return /*#__PURE__*/_jsxs(Modal, {
     title: "\u65B0\u5EFA\u6587\u4EF6\u5939",
     open: visible,
     onCancel: close,
-    onOk: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return fileService.newFileDir(dirName, new URI(data.path));
-          case 2:
-            if (fileView) {
-              fileView.model.refresh();
-            }
-            close();
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    })),
+    cancelText: "\u53D6\u6D88",
+    okText: "\u786E\u5B9A",
+    onOk: function onOk() {
+      form.submit();
+    },
     keyboard: true,
-    children: /*#__PURE__*/_jsx(Input, {
-      value: dirName,
-      onChange: function onChange(e) {
-        setDirName(e.target.value);
-      },
-      ref: inputRef,
-      onKeyDown: /*#__PURE__*/function () {
-        var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e) {
-          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                if (!(e.keyCode === 13)) {
-                  _context2.next = 5;
-                  break;
+    wrapClassName: "libro-create-dir-modal",
+    width: 524,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "libro-create-file-des",
+      children: "\u521B\u5EFA\u4F4D\u7F6E\uFF1A"
+    }), /*#__PURE__*/_jsx("span", {
+      className: "libro-create-file-path",
+      children: data.path
+    }), /*#__PURE__*/_jsx(Form, {
+      layout: "vertical",
+      autoComplete: "off",
+      form: form,
+      onFinish: onFinish,
+      className: "libro-create-dir-file-form",
+      children: /*#__PURE__*/_jsx(Form.Item, {
+        name: "dirName",
+        label: "\u6587\u4EF6\u5939\u540D\u79F0",
+        rules: [{
+          required: true,
+          validator: validateDirName
+        }],
+        children: /*#__PURE__*/_jsx(Input, {
+          ref: inputRef,
+          onKeyDown: /*#__PURE__*/function () {
+            var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(e) {
+              return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+                while (1) switch (_context3.prev = _context3.next) {
+                  case 0:
+                    if (e.keyCode === 13) {
+                      form.submit();
+                    }
+                  case 1:
+                  case "end":
+                    return _context3.stop();
                 }
-                _context2.next = 3;
-                return fileService.newFileDir(dirName, new URI(data.path));
-              case 3:
-                if (fileView) {
-                  fileView.model.refresh();
-                }
-                close();
-              case 5:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        return function (_x) {
-          return _ref3.apply(this, arguments);
-        };
-      }()
-    })
+              }, _callee3);
+            }));
+            return function (_x5) {
+              return _ref4.apply(this, arguments);
+            };
+          }()
+        })
+      })
+    })]
   });
 };
 export var FileDirCreateModal = {

package/es/file/file-icon.d.ts

@@ -0,0 +1,11 @@
+export interface IProps {
+    className?: string;
+    width?: string;
+    height?: string;
+}
+export declare function NotebookIcon(props: IProps): import("react/jsx-runtime").JSX.Element;
+export declare function SQLIcon(props: IProps): import("react/jsx-runtime").JSX.Element;
+export declare function JSONIcon(props: IProps): import("react/jsx-runtime").JSX.Element;
+export declare function PythonIcon(props: IProps): import("react/jsx-runtime").JSX.Element;
+export declare function MoreIcon(prop: IProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=file-icon.d.ts.map

package/es/file/file-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-icon.d.ts","sourceRoot":"","sources":["../../src/file/file-icon.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,2CA6BzC;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,2CA6BpC;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,2CA8DrC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,2CA8CvC;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,2CAiUpC"}