@difizen/libro-lab 0.1.0 → 0.1.2

package/src/layout/module.ts

@@ -8,20 +8,23 @@ import {
 
 import { BrandView } from './brand/index.js';
 import { LibroLabLayoutContainerView } from './container.js';
-import { EditorTabView } from './editor-tab-view.js';
+import { ContentBottomTabView } from './content-bottom-tab-view.js';
 import { LibroLabCurrentFileFooterView } from './footer/current-file-footer-view.js';
 import { FooterArea, LibroLabLayoutFooterView } from './footer/footer-view.js';
+import { LibroLabStatusFooterView } from './footer/status-footer-view.js';
 import { LayoutService } from './layout-service.js';
 import { LibroLabLayoutView } from './layout.js';
 import { LibroLabLayoutMainView } from './main.js';
 import { LibroLabLayoutSlots } from './protocol.js';
+import { SaveableTabView } from './saveable-tab-view.js';
 
 export const LibroLabLayoutModule = ManaModule.create('LibroLabLayoutModule').register(
   LibroLabLayoutView,
   LibroLabLayoutContainerView,
   LibroLabLayoutMainView,
   BrandView,
-  EditorTabView,
+  SaveableTabView,
+  ContentBottomTabView,
   LibroLabLayoutFooterView,
   LibroLabCurrentFileFooterView,
   LayoutService,
@@ -59,4 +62,9 @@ export const LibroLabLayoutModule = ManaModule.create('LibroLabLayoutModule').re
     slot: FooterArea.left,
     view: LibroLabCurrentFileFooterView,
   }),
+  LibroLabStatusFooterView,
+  createSlotPreference({
+    slot: FooterArea.right,
+    view: LibroLabStatusFooterView,
+  }),
 );

package/src/layout/protocol.tsx

@@ -6,7 +6,15 @@ export const LibroLabLayoutSlots = {
   navigator: 'libro-lab-navigator',
   content: 'libro-lab-content',
   contentBottom: 'libro-lab-content-bottom',
+  alert: 'libro-lab-alert',
 };
 
+export type StatusType = 'loading' | 'success';
+
+export interface StatusItem {
+  label: string;
+  icon: JSX.Element;
+}
+
 export type LibroLabLayoutSlotsType =
   (typeof LibroLabLayoutSlots)[keyof typeof LibroLabLayoutSlots];

package/src/layout/{editor-tab-view.tsx → saveable-tab-view.tsx}

@@ -1,5 +1,4 @@
 import { CloseOutlined } from '@ant-design/icons';
-import { EditorView } from '@difizen/libro-jupyter';
 import type { View } from '@difizen/mana-app';
 import {
   CardTabView,
@@ -7,14 +6,15 @@ import {
   transient,
   view,
   ViewContext,
+  Saveable,
 } from '@difizen/mana-app';
 import { Dropdown } from '@difizen/mana-react';
 import { Badge } from 'antd';
 import classnames from 'classnames';
 
 @transient()
-@view('LibroLabEditorTab')
-export class EditorTabView extends CardTabView {
+@view('libro-lab-saveable-tab')
+export class SaveableTabView extends CardTabView {
   protected override renderTab(item: View) {
     return (
       <ViewContext view={item}>
@@ -38,9 +38,8 @@ export class EditorTabView extends CardTabView {
       </ViewContext>
     );
   }
-
   protected renderTail(item: View) {
-    const isDirty = EditorView.is(item) && item.dirty;
+    const isDirty = Saveable.is(item) && Saveable.isDirty(item);
     return (
       <div className="libro-lab-editor-tab-tail">
         {isDirty ? (

package/src/menu/menu-contribution.ts

@@ -4,6 +4,7 @@ import {
   LibroService,
   NotebookCommands,
 } from '@difizen/libro-jupyter';
+import { LibroTerminalView, TerminalManager } from '@difizen/libro-terminal';
 import type { MenuRegistry } from '@difizen/mana-app';
 import {
   CommandContribution,
@@ -12,7 +13,12 @@ import {
   MAIN_MENU_BAR,
   MenuContribution,
   singleton,
+  ViewManager,
 } from '@difizen/mana-app';
+import { v4 } from 'uuid';
+
+import { LayoutService } from '../layout/layout-service.js';
+import { LibroLabLayoutSlots } from '../layout/protocol.js';
 
 import { MenuCommands } from './menu-command.js';
 
@@ -29,6 +35,9 @@ export namespace HeaderMenus {
 export class HeaderMenu implements MenuContribution, CommandContribution {
   @inject(CommandRegistry) protected commandRegistry: CommandRegistry;
   @inject(LibroService) protected libroService: LibroService;
+  @inject(LayoutService) protected layoutService: LayoutService;
+  @inject(TerminalManager) terminalManager: TerminalManager;
+  @inject(ViewManager) viewManager: ViewManager;
 
   registerMenus(menu: MenuRegistry) {
     menu.registerSubmenu(HeaderMenus.FILE, { label: '文件' });
@@ -211,7 +220,21 @@ export class HeaderMenu implements MenuContribution, CommandContribution {
   registerCommands(commands: CommandRegistry) {
     commands.registerCommand(MenuCommands.OpenTerminal, {
       execute: () => {
-        //TODO: 增加终端
+        this.viewManager
+          .getOrCreateView<LibroTerminalView>(LibroTerminalView, {
+            id: v4(),
+          })
+          .then((terminalView) => {
+            this.layoutService.setAreaVisible(LibroLabLayoutSlots.contentBottom, true);
+            this.layoutService.addView(terminalView, {
+              slot: LibroLabLayoutSlots.contentBottom,
+              reveal: true,
+            });
+            return;
+          })
+          .catch(() => {
+            //
+          });
       },
     });
     commands.registerCommand(MenuCommands.About, {

package/src/module.tsx

@@ -1,4 +1,6 @@
 import { FileView, LibroJupyterModule } from '@difizen/libro-jupyter';
+import { LibroPromptCellModule } from '@difizen/libro-prompt-cell';
+import { TerminalModule } from '@difizen/libro-terminal';
 import {
   ManaModule,
   createSlotPreference,
@@ -8,18 +10,21 @@ import {
   HeaderArea,
 } from '@difizen/mana-app';
 
+import { LabConfigAppContribution } from './config/config-contribution.js';
 import { GithubLinkView } from './github-link/index.js';
 import { KernelManagerView } from './kernel-manager/index.js';
 import { LibroLabApp } from './lab-app.js';
-import { EditorTabView } from './layout/editor-tab-view.js';
+import { ContentBottomTabView } from './layout/content-bottom-tab-view.js';
 import {
   LibroLabLayoutModule,
   LibroLabLayoutSlots,
   LibroLabLayoutView,
 } from './layout/index.js';
+import { SaveableTabView } from './layout/saveable-tab-view.js';
 import './index.less';
 import { LibroLabHeaderMenuModule } from './menu/module.js';
 import { LibroLabTocModule } from './toc/module.js';
+import { EntryPointView } from './welcome/entry-point-view.js';
 import { WelcomeView } from './welcome/index.js';
 
 export const LibroLabModule = ManaModule.create()
@@ -27,6 +32,7 @@ export const LibroLabModule = ManaModule.create()
     LibroLabApp,
     LibroLabLayoutView,
     GithubLinkView,
+    LabConfigAppContribution,
     createViewPreference({
       view: GithubLinkView,
       slot: HeaderArea.right,
@@ -50,9 +56,13 @@ export const LibroLabModule = ManaModule.create()
       slot: RootSlotId,
     }),
     createSlotPreference({
-      view: EditorTabView,
+      view: SaveableTabView,
       slot: LibroLabLayoutSlots.content,
     }),
+    createSlotPreference({
+      view: ContentBottomTabView,
+      slot: LibroLabLayoutSlots.contentBottom,
+    }),
     createSlotPreference({
       view: SideTabView,
       slot: LibroLabLayoutSlots.navigator,
@@ -79,10 +89,13 @@ export const LibroLabModule = ManaModule.create()
         order: 'welcome',
       },
     }),
+    EntryPointView,
   )
   .dependOn(
     LibroJupyterModule,
     LibroLabLayoutModule,
     LibroLabHeaderMenuModule,
     LibroLabTocModule,
+    LibroPromptCellModule,
+    TerminalModule,
   );

package/src/toc/libro-toc-panel-view.tsx

@@ -13,10 +13,10 @@ import {
 } from '@difizen/mana-app';
 import { Empty } from 'antd';
 
+import { TocIcon } from '../common/index.js';
 import { LayoutService } from '../layout/layout-service.js';
 import { LibroLabLayoutSlots } from '../layout/protocol.js';
 
-import { TocIcon } from './libro-toc-icons.js';
 import './index.less';
 
 const TocViewRender: React.FC = () => {
@@ -69,6 +69,7 @@ export class TocPanelView extends BaseView {
 
   handleEditTabChange = () => {
     if (!this.libroNavigatableView) {
+      this.libroTocView = undefined;
       return;
     }
     this.viewManager

package/src/welcome/entry-point-view.tsx

@@ -0,0 +1,169 @@
+import {
+  NotebookIcon,
+  PythonIcon,
+  JSONIcon,
+  MoreIcon,
+  FileCreateModal,
+  FileView,
+} from '@difizen/libro-jupyter';
+import {
+  ModalService,
+  singleton,
+  useInject,
+  view,
+  ViewManager,
+} from '@difizen/mana-app';
+import { BaseView } from '@difizen/mana-app';
+import { Col, Row } from 'antd';
+import { forwardRef, useEffect, useState } from 'react';
+
+import { KeybindIcon, PreferenceIcon, TerminalIcon } from '../common/icon.js';
+
+import './index.less';
+
+export const EntryPointComponent = forwardRef(function EntryPointComponent() {
+  const modalService = useInject(ModalService);
+  const viewManager = useInject(ViewManager);
+  const [fileView, setFileView] = useState<FileView>();
+
+  useEffect(() => {
+    viewManager
+      .getOrCreateView(FileView)
+      .then((curfileView) => {
+        setFileView(curfileView);
+        return;
+      })
+      .catch(() => {
+        //
+      });
+  }, [viewManager]);
+
+  return (
+    <div className="libro-lab-entry-point">
+      <div className="libro-lab-entry-point-title">请选择你要创建的文件类型：</div>
+      <div className="libro-lab-entry-point-item-title">文件</div>
+      <Row>
+        <Col
+          className="gutter-row"
+          style={{ paddingLeft: 'unset', paddingRight: '32px' }}
+        >
+          <div
+            className="libro-lab-entry-point-item"
+            onClick={() => {
+              modalService.openModal(FileCreateModal, {
+                path: fileView?.model.location?.path.toString() || '/',
+                fileType: '.ipynb',
+              });
+            }}
+          >
+            <NotebookIcon />
+            <span className="libro-lab-entry-point-item-text">Notebook</span>
+          </div>
+        </Col>
+        <Col
+          className="gutter-row"
+          style={{ paddingLeft: 'unset', paddingRight: '32px' }}
+        >
+          <div
+            className="libro-lab-entry-point-item"
+            onClick={() => {
+              modalService.openModal(FileCreateModal, {
+                path: fileView?.model.location?.path.toString() || '/',
+                fileType: '.py',
+              });
+            }}
+          >
+            <PythonIcon />
+            <span className="libro-lab-entry-point-item-text">Python</span>
+          </div>
+        </Col>
+        <Col
+          className="gutter-row"
+          style={{ paddingLeft: 'unset', paddingRight: '32px' }}
+        >
+          <div
+            className="libro-lab-entry-point-item"
+            onClick={() => {
+              modalService.openModal(FileCreateModal, {
+                path: fileView?.model.location?.path.toString() || '/',
+                fileType: '.json',
+              });
+            }}
+          >
+            <JSONIcon />
+            <span className="libro-lab-entry-point-item-text">JSON</span>
+          </div>
+        </Col>
+        <Col
+          className="gutter-row"
+          style={{ paddingLeft: 'unset', paddingRight: '32px' }}
+        >
+          <div
+            className="libro-lab-entry-point-item"
+            onClick={() => {
+              modalService.openModal(FileCreateModal, {
+                path: fileView?.model.location?.path.toString() || '/',
+              });
+            }}
+          >
+            <MoreIcon />
+            <span className="libro-lab-entry-point-item-text">其他</span>
+          </div>
+        </Col>
+      </Row>
+      <div className="libro-lab-entry-point-item-title">其他</div>
+      <Row>
+        <Col
+          className="gutter-row"
+          style={{ paddingLeft: 'unset', paddingRight: '32px' }}
+        >
+          <div className="libro-lab-entry-point-item">
+            <TerminalIcon />
+            <span className="libro-lab-entry-point-item-text">Terminal</span>
+          </div>
+        </Col>
+      </Row>
+      {/* <div className="libro-lab-entry-point-item-title">最近使用</div>
+      <Row>
+        <Col
+          className="gutter-row"
+          style={{ paddingLeft: 'unset', paddingRight: '24px' }}
+        >
+          <div className="libro-lab-entry-point-item-recent">
+            <span className="libro-lab-entry-point-item-recent-icon">📋 </span>
+            <span className="libro-lab-entry-point-item-recent-text">
+              这是一个文件名
+            </span>
+          </div>
+        </Col>
+      </Row> */}
+      <div className="libro-lab-entry-point-item-title">系统设置</div>
+      <Row>
+        <Col
+          className="gutter-row"
+          style={{ paddingLeft: 'unset', paddingRight: '24px' }}
+        >
+          <div className="libro-lab-entry-point-item-config">
+            <PreferenceIcon></PreferenceIcon>
+            <span className="libro-lab-entry-point-item-config-text">偏好设置</span>
+          </div>
+        </Col>
+        <Col
+          className="gutter-row"
+          style={{ paddingLeft: 'unset', paddingRight: '24px' }}
+        >
+          <div className="libro-lab-entry-point-item-config">
+            <KeybindIcon></KeybindIcon>
+            <span className="libro-lab-entry-point-item-config-text">快捷键设置</span>
+          </div>
+        </Col>
+      </Row>
+    </div>
+  );
+});
+
+@singleton()
+@view('entry-point-view')
+export class EntryPointView extends BaseView {
+  override view = EntryPointComponent;
+}

package/src/welcome/index.less

@@ -2,6 +2,7 @@
   padding: 32px 54px;
   height: 100%;
   background: white;
+  overflow: auto;
 
   .libro-lab-welcome-page-title {
     /* stylelint-disable-next-line declaration-property-value-disallowed-list */
@@ -19,3 +20,101 @@
     color: rgba(0, 10, 26, 78%);
   }
 }
+
+.libro-lab-entry-point-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  margin-bottom: 24px;
+  height: 100px;
+  width: 100px;
+  background-color: rgba(0, 10, 26, 2%);
+  border-radius: 8px;
+  cursor: pointer;
+
+  &:hover {
+    background-color: rgba(0, 10, 26, 4%);
+  }
+}
+
+.libro-lab-entry-point-item-text {
+  margin-top: 6px;
+  line-height: 20px;
+  font-size: 14px;
+  color: rgba(0, 10, 26, 68%);
+}
+
+.libro-lab-entry-point-title {
+  font-weight: 500;
+  font-size: 18px;
+  margin-bottom: 12px;
+  color: rgba(0, 10, 26, 89%);
+}
+
+.libro-lab-entry-point-item-title {
+  font-weight: 500;
+  font-size: 16px;
+  color: rgba(0, 10, 26, 89%);
+  margin-bottom: 16px;
+}
+
+.libro-lab-entry-point-item-recent {
+  display: flex;
+  align-items: center;
+  padding: 0 12px;
+  height: 52px;
+  width: 180px;
+  border: 1px solid rgba(0, 10, 26, 7%);
+  border-radius: 8px;
+  margin-bottom: 24px;
+  cursor: pointer;
+
+  &:hover {
+    border-color: transparent;
+    background-color: rgba(0, 10, 26, 4%);
+  }
+}
+
+.libro-lab-entry-point-item-recent-icon {
+  font-size: 24px;
+}
+
+.libro-lab-entry-point-item-recent-text {
+  margin-left: 8px;
+  color: rgba(0, 10, 26, 89%);
+}
+
+.libro-lab-entry-point-item-config {
+  display: flex;
+  align-items: center;
+  padding: 0 14px;
+  cursor: pointer;
+  height: 32px;
+  border: 1px solid rgba(0, 0, 0, 15%);
+  border-radius: 6px;
+}
+
+.libro-lab-entry-point-item-config-text {
+  margin-left: 4px;
+  color: rgba(0, 0, 0, 88%);
+  line-height: 22px;
+}
+
+.libro-lab-welcome-page-server-info {
+  width: 400px;
+  background-color: rgba(0, 10, 26, 2%);
+  border-radius: 8px;
+  margin-bottom: 24px;
+  padding: 16px 24px;
+}
+
+.libro-lab-welcome-page-server-info-title {
+  font-weight: 500;
+  font-size: 16px;
+  color: rgba(0, 10, 26, 89%);
+}
+
+.libro-lab-welcome-page-server-info-item {
+  color: rgba(0, 10, 26, 78%);
+}

package/src/welcome/index.tsx

@@ -1,18 +1,41 @@
-import { singleton, view } from '@difizen/mana-app';
+import { ServerConnection } from '@difizen/libro-jupyter';
+import {
+  inject,
+  singleton,
+  useInject,
+  view,
+  ViewInstance,
+  ViewManager,
+  ViewRender,
+} from '@difizen/mana-app';
 import { BaseView } from '@difizen/mana-app';
 import { forwardRef } from 'react';
 
-import { WelcomeIcon } from './welcome-icon.js';
+import { LayoutService } from '../layout/layout-service.js';
+
+import { EntryPointView } from './entry-point-view.js';
 
 import './index.less';
 
 export const WelcomeComponent = forwardRef(function WelcomeComponent() {
+  const instance = useInject<WelcomeView>(ViewInstance);
+  const layoutService = useInject(LayoutService);
+  const serverConnection = useInject(ServerConnection);
   return (
     <div className="libro-lab-welcome-page">
       <div className="libro-lab-welcome-page-title">欢迎使用 Notebook 工作台 🎉🎉</div>
-      <div className="libro-lab-welcome-page-title-tip">
-        👋 你好，服务正在加载中，请稍后开启你的研发之旅吧～
+      <div className="libro-lab-welcome-page-server-info">
+        <div className="libro-lab-welcome-page-server-info-title">服务连接信息</div>
+        <div className="libro-lab-welcome-page-server-info-item">
+          BaseURL: {`${serverConnection.settings.baseUrl}`}
+        </div>
+        <div className="libro-lab-welcome-page-server-info-item">
+          WsURL: {`${serverConnection.settings.wsUrl}`}
+        </div>
       </div>
+      {layoutService.serverSatus === 'success' && (
+        <ViewRender view={instance.entryPointView}></ViewRender>
+      )}
     </div>
   );
 });
@@ -21,10 +44,20 @@ export const WelcomeComponent = forwardRef(function WelcomeComponent() {
 @view('welcome-view')
 export class WelcomeView extends BaseView {
   override view = WelcomeComponent;
-
-  constructor() {
+  viewManager: ViewManager;
+  entryPointView: EntryPointView;
+  constructor(@inject(ViewManager) viewManager: ViewManager) {
     super();
-    this.title.icon = <WelcomeIcon />;
+    this.title.icon = '🙌 ';
     this.title.label = '欢迎使用';
+    this.title.closable = false;
+    this.viewManager = viewManager;
+    this.viewManager
+      .getOrCreateView(EntryPointView)
+      .then((entryPointView) => {
+        this.entryPointView = entryPointView;
+        return;
+      })
+      .catch(console.error);
   }
 }

package/es/layout/brand/logo.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export function Logo(props) {
-  var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className;
-  return /*#__PURE__*/_jsx("svg", {
-    viewBox: "0 0 154 116",
-    className: className,
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    children: /*#__PURE__*/_jsx("g", {
-      id: "\u9875\u9762-1",
-      stroke: "none",
-      strokeWidth: "1",
-      fill: "none",
-      fillRule: "evenodd",
-      children: /*#__PURE__*/_jsx("g", {
-        id: "\u753B\u677F\u5907\u4EFD-6",
-        transform: "translate(-119.000000, -152.000000)",
-        children: /*#__PURE__*/_jsxs("g", {
-          id: "Libro-logo",
-          transform: "translate(119.000000, 152.000000)",
-          children: [/*#__PURE__*/_jsx("path", {
-            d: "M128.970588,66 C142.793951,66 154,77.1926795 154,90.9995493 C154,104.806419 142.793951,115.999099 128.970588,115.999099 C128.473758,115.999099 127.980309,115.98464 127.49064,115.956121 L127.697007,115.999674 L80,115.999099 L93.1090651,98.1074032 L108.158627,77.1069733 C112.649045,70.4093826 120.294268,66 128.970588,66 Z",
-            id: "\u5F62\u72B6\u7ED3\u5408",
-            fill: "#155DE2"
-          }), /*#__PURE__*/_jsx("path", {
-            d: "M104.481034,0 L147,0 L147,0 L59.3397468,116 L0,116 L78.0248494,13.1382037 C84.3029962,4.8615911 94.0927023,-5.19712172e-15 104.481034,0 Z",
-            id: "\u77E9\u5F62",
-            fill: "#155DE2"
-          }), /*#__PURE__*/_jsx("path", {
-            d: "M65.667264,51.1430655 C65.667264,84.8453007 91.2203312,112.576275 123.999729,115.999972 L0,115.997535 L75.3014571,17.0042341 C69.1915639,26.9341621 65.667264,38.6268332 65.667264,51.1430655 Z",
-            id: "\u5F62\u72B6\u7ED3\u5408",
-            fill: "#12D8C6"
-          })]
-        })
-      })
-    })
-  });
-}

package/es/layout/editor-tab-view.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor-tab-view.d.ts","sourceRoot":"","sources":["../../src/layout/editor-tab-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EACL,WAAW,EAKZ,MAAM,mBAAmB,CAAC;AAK3B,qBAEa,aAAc,SAAQ,WAAW;cACzB,SAAS,CAAC,IAAI,EAAE,IAAI;IAwBvC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI;CAyBhC"}

package/es/toc/libro-toc-icons.d.ts

@@ -1,7 +0,0 @@
-export interface IProps {
-    className?: string;
-    width?: string;
-    height?: string;
-}
-export declare function TocIcon(props: IProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=libro-toc-icons.d.ts.map

package/es/toc/libro-toc-icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"libro-toc-icons.d.ts","sourceRoot":"","sources":["../../src/toc/libro-toc-icons.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;AACD,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,2CA6BpC"}

package/es/toc/libro-toc-icons.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export function TocIcon(props) {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "12px",
-    height: "14px",
-    viewBox: "0 0 12 14",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    children: [/*#__PURE__*/_jsx("title", {
-      children: "source"
-    }), /*#__PURE__*/_jsx("g", {
-      id: "\u4EE3\u7801\u7247\u6BB5",
-      stroke: "none",
-      strokeWidth: "1",
-      fill: "none",
-      fillRule: "evenodd",
-      children: /*#__PURE__*/_jsx("g", {
-        id: "1.4\u7F16\u8F91\u72B6\u6001\u5907\u4EFD",
-        transform: "translate(-14.000000, -215.000000)",
-        fill: "currentColor",
-        children: /*#__PURE__*/_jsx("g", {
-          id: "\u7F16\u7EC4-2",
-          transform: "translate(0.000000, 56.000000)",
-          children: /*#__PURE__*/_jsx("g", {
-            id: "source",
-            transform: "translate(14.359615, 159.750439)",
-            children: /*#__PURE__*/_jsx("path", {
-              d: "M11.3634429,8.03576964 L9.90082151,8.03576964 L9.90082151,5.91521932 C9.90082151,5.85383497 9.85019231,5.80361141 9.78831217,5.80361141 L6.30052278,5.80361141 L6.30052278,4.46431647 L7.81939881,4.46431647 C7.94315907,4.46431647 8.04441748,4.36386935 8.04441748,4.24110065 L8.04441748,0.223215823 C8.04441748,0.100447121 7.94315907,0 7.81939881,0 L3.76906273,0 C3.64530246,0 3.54404406,0.100447121 3.54404406,0.223215823 L3.54404406,4.24110065 C3.54404406,4.36386935 3.64530246,4.46431647 3.76906273,4.46431647 L5.28793876,4.46431647 L5.28793876,5.80361141 L1.80014937,5.80361141 C1.73826923,5.80361141 1.68764003,5.85383497 1.68764003,5.91521932 L1.68764003,8.03576964 L0.225018671,8.03576964 C0.101258402,8.03576964 0,8.13621676 0,8.25898547 L0,12.2768703 C0,12.399639 0.101258402,12.5000861 0.225018671,12.5000861 L4.27535474,12.5000861 C4.39911501,12.5000861 4.50037341,12.399639 4.50037341,12.2768703 L4.50037341,8.25898547 C4.50037341,8.13621676 4.39911501,8.03576964 4.27535474,8.03576964 L2.70022405,8.03576964 L2.70022405,6.80808261 L8.88823749,6.80808261 L8.88823749,8.03576964 L7.3131068,8.03576964 C7.18934653,8.03576964 7.08808813,8.13621676 7.08808813,8.25898547 L7.08808813,12.2768703 C7.08808813,12.399639 7.18934653,12.5000861 7.3131068,12.5000861 L11.3634429,12.5000861 C11.4872031,12.5000861 11.5884615,12.399639 11.5884615,12.2768703 L11.5884615,8.25898547 C11.5884615,8.13621676 11.4872031,8.03576964 11.3634429,8.03576964 Z",
-              id: "Path"
-            })
-          })
-        })
-      })
-    })]
-  });
-}