-
- )
- );
-};
diff --git a/.dumi/theme/builtins/Previewer.less b/.dumi/theme/builtins/Previewer.less
deleted file mode 100755
index dce93303e..000000000
--- a/.dumi/theme/builtins/Previewer.less
+++ /dev/null
@@ -1,365 +0,0 @@
-@import (reference) '../style/variables.less';
-
-.@{prefix}-previewer {
- background-color: #fff;
- border: 1px solid @c-border;
- border-radius: 1px;
- margin-bottom: 24px;
-
- &[data-debug] {
- margin-top: 32px;
- border-color: #ffcb00;
-
- &::before {
- content: 'DEV ONLY';
- float: left;
- margin-left: -1px;
- margin-top: -18px;
- padding: 3px 6px;
- font-size: 12px;
- line-height: 1;
- background-color: #ffcb00;
- color: #735600;
- text-shadow: 0.5px 0.5px 0 rgba(255, 255, 255, 0.5);
- border-top-left-radius: 1px;
- border-top-right-radius: 1px;
- }
- }
-
- &[data-iframe] {
- .@{prefix}-previewer-browser-nav {
- padding: 2px 6px;
- background-color: @c-border;
-
- &::before {
- @s-btn: 12px;
- @s-btn-gap: 8px;
-
- content: '';
- display: inline-block;
- width: @s-btn;
- height: @s-btn;
- border-radius: 50%;
- background-color: #fd6458;
- box-shadow: (@s-btn + @s-btn-gap) 0 0 #ffbf2b, (@s-btn + @s-btn-gap) * 2 0 0 #24cc3d;
- }
- }
-
- .@{prefix}-previewer-demo > iframe {
- border: 0;
- width: 100%;
- height: 300px;
- }
- }
-
- + .@{prefix}-previewer {
- margin-top: 32px;
- }
-
- &-demo {
- padding: 40px 24px;
- }
-
- &-target {
- border-color: fade(@c-primary, 50%);
- box-shadow: 0 0 0 5px fade(@c-primary, 5%);
- }
-
- &-desc {
- > div:last-child {
- padding: 1.2em 1em 1em;
- color: @c-text;
- border-top: 1px solid @c-border;
- }
-
- .markdown > p:first-child {
- margin-top: 0;
- }
-
- .markdown > p:last-child {
- margin-bottom: 0;
- }
-
- &[data-title] {
- position: relative;
-
- > a:first-child {
- position: absolute;
- top: 0;
- left: 1em;
- margin-left: -4px;
- padding: 0 4px;
- color: @c-heading;
- font-size: inherit;
- font-weight: 500;
- background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
- transform: translateY(-50%);
- pointer-events: auto;
- cursor: pointer;
- }
-
- &:empty {
- padding-top: 0;
-
- // modify action area style when only has title field
- + .@{prefix}-previewer-actions {
- height: 46px;
- border-top-style: solid;
- }
- }
- }
- }
-
- &-actions {
- display: flex;
- height: 40px;
- padding: 0 1em;
- align-items: center;
- border-top: 1px dashed @c-border;
-
- > a:not(:last-child),
- > button:not(:last-child) {
- margin-right: 8px;
- }
-
- > a {
- display: flex;
- }
-
- button {
- position: relative;
- display: inline-block;
- width: 16px;
- height: 16px;
- padding: 0;
- border: 0;
- box-sizing: border-box;
- cursor: pointer;
- opacity: 0.6;
- outline: none;
- transition: opacity 0.2s, background 0.2s;
-
- // expand click area
- &::after {
- content: '';
- position: absolute;
- top: -8px;
- left: -8px;
- right: -8px;
- bottom: -8px;
- }
-
- &:hover {
- opacity: 0.8;
- }
-
- &:active {
- opacity: 0.9;
- }
-
- &:disabled {
- opacity: 0.2;
- cursor: not-allowed;
- }
-
- &[role='codesandbox'] {
- background-position: -18px 0;
- }
-
- &[role='codepen'] {
- background-position: -36px 0;
- }
-
- &[role='source'] {
- background-position: -72px 0;
- }
-
- &[role='change-jsx'] {
- background-position: -90px 0;
- }
-
- &[role='change-tsx'] {
- background-position: -108px 0;
- }
-
- &[role='open-demo'] {
- background-position: -126px 0;
- }
-
- &[role='motions'] {
- background-position: -162px 0;
- }
-
- &[role='sketch-component'] {
- background-position: -182px 0;
- }
-
- &[role='sketch-group'] {
- background-position: -200px 0;
- }
-
- &[role='copy'][data-status='ready'] {
- background-position: -54px 0;
- }
-
- &[role='copy'][data-status='copied'] {
- pointer-events: none;
- background-position: -54px -16px;
- }
-
- &[role='refresh'] {
- background-position-x: -144px;
- }
- }
-
- // split action buttons by a blank node
- > span {
- flex: 1;
- display: inline-block;
- }
- }
-
- &-source {
- border-top: 1px dashed @c-border;
-
- &-tab {
- border-top: 1px dashed @c-border;
-
- .@{prefix}-tabs-tab-btn {
- position: relative;
- padding-left: 32px;
-
- &::before,
- &::after {
- content: '';
- position: absolute;
- margin-right: 4px;
- display: inline-block;
- }
-
- &::before {
- left: 16px;
- top: 50%;
- margin-top: -6px;
- width: 10px;
- height: 12px;
- border: 1px solid @c-secondary;
- }
-
- &::after {
- top: 50%;
- left: 23px;
- margin-top: -7px;
- width: 4px;
- height: 4px;
- background: #fff;
- border-bottom: 1px solid @c-secondary;
- transform: rotate(45deg);
- }
- }
- }
- }
-}
-
-.@{prefix}-tabs {
- overflow: hidden;
-
- &.@{prefix}-tabs-top {
- flex-direction: column;
-
- .@{prefix}-tabs-ink-bar {
- bottom: 0;
- }
- }
-
- &-nav {
- display: flex;
-
- &-wrap {
- display: flex;
- white-space: nowrap;
- overflow: hidden;
-
- &&-ping-left {
- box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.1) inset;
- }
-
- &&-ping-right ~ * > .@{prefix}-tabs-nav-more {
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
- }
- }
-
- &-list {
- position: relative;
- display: flex;
- transition: transform 0.2s;
- }
-
- &-more {
- height: 100%;
- cursor: pointer;
- background: none;
- border: 0;
- transition: box-shadow 0.2s;
- }
- }
-
- &-tab {
- display: flex;
-
- &-btn {
- padding: 0 16px;
- font-size: 14px;
- line-height: 36px;
- border: 0;
- outline: none;
- background: transparent;
- box-sizing: border-box;
- cursor: pointer;
-
- &:hover {
- color: @c-primary;
- }
- }
- }
-
- &-ink-bar {
- position: absolute;
- height: 2px;
- background: @c-primary;
- transition: left 0.2s, width 0.2s;
- pointer-events: none;
- }
-
- &-dropdown {
- position: absolute;
- background: #fff;
- border: 1px solid @c-border;
- max-height: 200px;
- overflow: auto;
-
- > ul {
- list-style: none;
- margin: 0;
- padding: 0;
-
- > li {
- padding: 4px 12px;
- font-size: 14px;
- cursor: pointer;
-
- &:hover {
- color: @c-primary;
- }
-
- &:not(:last-child) {
- border-bottom: 1px dashed @c-border;
- }
- }
- }
-
- &-hidden {
- display: none;
- }
- }
-}
diff --git a/.dumi/theme/builtins/Previewer.tsx b/.dumi/theme/builtins/Previewer.tsx
deleted file mode 100755
index eb308c401..000000000
--- a/.dumi/theme/builtins/Previewer.tsx
+++ /dev/null
@@ -1,253 +0,0 @@
-import React, { useState, useContext, useRef, useEffect } from 'react';
-import Tabs, { TabPane } from 'rc-tabs';
-// @ts-ignore
-import { history } from 'dumi';
-import type { IPreviewerComponentProps} from 'dumi/theme';
-import {
- context,
- useCodeSandbox,
- useRiddle,
- useMotions,
- useCopy,
- useLocaleProps,
- useDemoUrl,
- useTSPlaygroundUrl,
- Link,
- AnchorLink,
- usePrefersColor
-} from 'dumi/theme';
-import type { ICodeBlockProps } from './SourceCode';
-import SourceCode from './SourceCode';
-import './Previewer.less';
-
-export interface IPreviewerProps extends IPreviewerComponentProps {
- /**
- * enable transform to change CSS containing block for demo
- */
- transform?: boolean;
- /**
- * modify background for demo area
- */
- background?: string;
- /**
- * collapse padding of demo area
- */
- compact?: boolean;
- /**
- * configurations for action button
- */
- hideActions?: ('CSB' | 'EXTERNAL' | 'RIDDLE')[];
- /**
- * show source code by default
- */
- defaultShowCode?: boolean;
- /**
- * use iframe mode for this demo
- */
- iframe?: true | number;
- /**
- * replace builtin demo url
- */
- demoUrl?: string;
-}
-
-/**
- * get source code type for file
- * @param file file path
- * @param source file source object
- */
-function getSourceType(file: string, source: IPreviewerComponentProps['sources']['_']) {
- // use file extension as source type first
- let type = file.match(/\.(\w+)$/)?.[1];
-
- if (!type) {
- type = source.tsx ? 'tsx' : 'jsx';
- }
-
- return type as ICodeBlockProps['lang'];
-}
-
-const Previewer: React.FC
- {props.route.meta.description || props.route.meta.title}
-
-
-
-
-
- {props.iframe && }
-
- );
-};
-
-export default Previewer;
diff --git a/.dumi/theme/builtins/Redirect.tsx b/.dumi/theme/builtins/Redirect.tsx
deleted file mode 100644
index 9b2201ac0..000000000
--- a/.dumi/theme/builtins/Redirect.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import React, { Redirect } from 'umi';
-
-export default (props: any) => {
- return
- {props.iframe ? (
-
- ) : (
- props.children
- )}
-
-
- {props.title && {props.title} }
- {props.description && (
-
- )}
-
-
- {openCSB && (
-
- )}
- {/* {openRiddle && (
-
- )} */}
- {props.motions && (
-
- {showSource && (
-
- {!isSingleFile && (
-
- {Object.keys(props.sources).map(filename => (
-
- )}
-
- )}
-
-
-
-
- {({ className, style, tokens, getLineProps, getTokenProps }) => (
-
-
- );
-};
diff --git a/.dumi/theme/builtins/Tree.less b/.dumi/theme/builtins/Tree.less
deleted file mode 100644
index 913b87680..000000000
--- a/.dumi/theme/builtins/Tree.less
+++ /dev/null
@@ -1,22 +0,0 @@
-@import (reference) '~dumi-theme-default/src/style/variables.less';
-
-.__dumi-site-tree {
- padding: 16px;
- border: 1px solid @c-border;
- border-radius: 2px;
- background-color: @c-light-bg;
-
- small {
- padding-left: 24px;
- font-size: 14px;
- color: @c-secondary;
-
- &::before {
- content: '# ';
- }
- }
-
- .ant-tree-switcher {
- background: transparent;
- }
-}
diff --git a/.dumi/theme/builtins/Tree.tsx b/.dumi/theme/builtins/Tree.tsx
deleted file mode 100644
index df39e5aef..000000000
--- a/.dumi/theme/builtins/Tree.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import React, { useEffect, useState, ReactNode, ComponentProps } from 'react';
-import { Tree } from 'antd';
-import { TreeProps } from 'antd/es/tree';
-import './Tree.less';
-
-function getTreeFromList(nodes: ReactNode, prefix = '') {
- const data: TreeProps['treeData'] = [];
-
- [].concat(nodes).forEach((node, i) => {
- const key = `${prefix ? `${prefix}-` : ''}${i}`;
-
- switch (node.type) {
- case 'ul':
- const parent = data[data.length - 1]?.children || data;
- const ulLeafs = getTreeFromList(node.props.children || [], key);
-
- parent.push(...ulLeafs);
- break;
-
- case 'li':
- const liLeafs = getTreeFromList(node.props.children, key);
-
- data.push({
- title: [].concat(node.props.children).filter(child => child.type !== 'ul'),
- key,
- children: liLeafs,
- isLeaf: !liLeafs.length,
- });
- break;
-
- default:
- }
- });
-
- return data;
-}
-
-const useListToTree = (nodes: ReactNode) => {
- const [tree, setTree] = useState(getTreeFromList(nodes));
-
- useEffect(() => {
- setTree(getTreeFromList(nodes));
- }, [nodes]);
-
- return tree;
-};
-
-export default (props: ComponentProps<'div'>) => {
- const data = useListToTree(props.children);
-
- return (
-
- {showCopy && (
-
- )}
-
- {locales.length > 2 ? (
-
- ) : (
- {firstDiffLocale.label}
- )}
-
- ) : null;
-};
-
-export default LocaleSelect;
diff --git a/.dumi/theme/components/Navbar.less b/.dumi/theme/components/Navbar.less
deleted file mode 100755
index be3d380e5..000000000
--- a/.dumi/theme/components/Navbar.less
+++ /dev/null
@@ -1,172 +0,0 @@
-@import (reference) '../style/variables.less';
-
-.@{prefix}-navbar {
- position: fixed;
- z-index: 101;
- top: 0;
- left: 0;
- right: 0;
- display: none;
- align-items: center;
- justify-content: space-between;
- padding: 0 58px;
- height: @s-nav-height;
- white-space: nowrap;
- background: #fff;
- box-shadow: 0 8px 24px -2px rgba(0, 0, 0, 0.05);
-
- @media @mobile {
- display: flex;
- justify-content: center;
- height: @s-mobile-nav-height;
- }
-
- &-toggle {
- position: absolute;
- top: 14px;
- left: 16px;
- display: none;
- width: 22px;
- height: 22px;
- border: 0;
- outline: none;
- background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAA4CAYAAAB5YT9uAAAAAXNSR0IArs4c6QAAASVJREFUeAHt3DuOwjAUBVAHscWZjaSkAIqU2QjskV80QwpsF3ArdGiw3hW3OGnQM2Iof6/dfr7+n71/LjAdx+HRsvm8SkNPAHBPJ5ABDiD2KgD3dAIZ4ABirwJwTyeQAQ4g9ioA93QC2fbZsSm/z7MDAQIECBAgQIAAAQIECBAgQIAAAQKvAsvV8mO8O8yn19jkXYHpMC7byXVdeS0/75b5XFvAwr1tE0kARxjbJYDbNpEEcISxXQK4bRNJAEcY2yWA2zaRZP0ePJRzpFEJAQIECBAgQIAAAQIECBAgQIAAgW8VWK/tj7Nb5eBTnvbjsp1c15WX4ncRQeB7lb8zyHrW29xo1F1iU8AxynoR4LpLbAo4RlkvAlx3iU0BxyjrRYDrLrHpDVSAEEPXScHTAAAAAElFTkSuQmCC')
- no-repeat center / contain;
-
- @media @mobile {
- display: block;
- }
- }
-
- &-logo {
- display: inline-block;
- height: 40px;
- width: 180px;
- color: #080e29;
- font-weight: 500;
- text-decoration: none;
- font-size: 24px;
- line-height: 40px;
-
- &:not([data-plaintext]) {
- padding-left: 56px;
- background: url(@img-logo) no-repeat 0 / contain;
- }
-
- &:active,
- &:hover {
- color: #080e29;
- }
-
- @media @mobile {
- height: 28px;
- line-height: 28px;
-
- &:not([data-plaintext]) {
- padding-left: 36px;
- }
- }
- }
-
- nav {
- > span {
- position: relative;
- margin-left: 40px;
- display: inline-block;
- color: @c-text;
- height: @s-nav-height;
- cursor: pointer;
- font-size: 14px;
- line-height: @s-nav-height;
- text-decoration: none;
- letter-spacing: 0;
-
- > a {
- color: #4d5164;
- text-decoration: none;
-
- &:hover,
- &.active {
- color: @c-primary;
- }
-
- &::before {
- content: '';
- position: absolute;
- top: 0;
- bottom: 0;
- right: -18px;
- left: -18px;
- }
-
- &.active::after {
- content: '';
- position: absolute;
- bottom: 0;
- left: -2px;
- right: -2px;
- height: 2px;
- background-color: @c-primary;
- border-radius: 1px;
- }
- }
-
- + *:not(a) {
- margin-left: 40px;
- }
-
- // second nav
- > ul {
- list-style: none;
- position: absolute;
- top: 100%;
- left: 50%;
- margin: 0;
- min-width: 100px;
- padding: 8px 18px;
- line-height: 2;
- background-color: #fff;
- box-shadow: 0 8px 24px -2px rgba(0, 0, 0, 0.08);
- transform: translate(-50%);
- transform-origin: top;
- border-radius: 1px;
- transition: all 0.2s;
-
- a {
- position: relative;
- display: block;
- color: @c-text;
- text-decoration: none;
-
- &:hover,
- &.active {
- color: @c-primary;
- }
- }
- }
-
- &:not(:hover) > ul {
- visibility: hidden;
- pointer-events: none;
- transform: translate(-50%) scaleY(0.9);
- opacity: 0;
- }
- }
-
- .@{prefix}-search + .@{prefix}-locale-select {
- margin-left: 40px;
- }
-
- @media @mobile {
- > a,
- > span,
- > div {
- display: none;
- }
- }
- }
-
- &[data-mode='site'] {
- display: flex;
- }
-}
diff --git a/.dumi/theme/components/Navbar.tsx b/.dumi/theme/components/Navbar.tsx
deleted file mode 100755
index 3982d3e2b..000000000
--- a/.dumi/theme/components/Navbar.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import type { FC, MouseEvent } from 'react';
-import React, { useContext } from 'react';
-import { context, Link, NavLink } from 'dumi/theme';
-import LocaleSelect from './LocaleSelect';
-import './Navbar.less';
-
-interface INavbarProps {
- location: any;
- navPrefix?: React.ReactNode;
- onMobileMenuClick: (ev: MouseEvent
- {/* menu toogle button (only for mobile) */}
-
- {/* logo & title */}
-
- {/* {title} */}
-
-
-
- );
-};
-
-export default Navbar;
diff --git a/.dumi/theme/components/SearchBar.less b/.dumi/theme/components/SearchBar.less
deleted file mode 100755
index d428b5f48..000000000
--- a/.dumi/theme/components/SearchBar.less
+++ /dev/null
@@ -1,107 +0,0 @@
-@import (reference) '../style/variables.less';
-
-.@{prefix}-search {
- margin-left: 20px;
- position: relative;
- display: inline-block;
-
- &-input {
- width: 200px;
- height: 32px;
- padding: 0 38px 0 14px;
- color: @c-heading;
- font-size: 14px;
- border: 0;
- outline: none;
- transition: all 0.2s;
- border-radius: 16px;
- background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABpRJREFUaAXNWWts01UUv+f+264DVEABqY8IjhhCCCGKRoMaE0HACKJxsI3WDwqd67qHEoiPT2qCEpJ1bB1vElpJZYnyMMEgfCCQEUFIDOGDihLiY7yUGAHb9XGP59+t3b3/de2/XYvtl/855557zvndc+6zwAr4tW0KPQQithQRZjEUVcCgChkbw4CFGcMwIPxJZk8zzk5qFkuP1137QwFuTHUBU1qk1N3dXdl7LVKPyGoZ4mNm+w3oneKMb7bbxu5xu1/6N8++WdVzAkBE7usKukCwj5Dh/Vmt5WgEgL8oS2ubG5w7iaakjfyXFUD7lsCDGMMvadQfHbmrQQsA7BjjfFVLg/PHQWlh1LAA2v2BuQLZF1QuE42mB0bvNGOwj3NxinGtN1Exulez3hJwizuYiDsSgs1myF6mDD5F/bnRBmXiBkO+uNXrPDqkLQ9BRgDtnYHlVC4BGnmrbItGLoYMtmoV/JOmlSt+l9uGozdtCkyMxNk7VDFNZM8u65G9CAeobvK4vpLl+dBDAGzsCj6dSOARWk1ssiEa9UNWgEaPx/mzLDdL+/2hB2IYa6OMvKr2gbjG+YtNnhXfqHJznAKgq2v31D6ROEllc4/aHda3NDrfJRBClefP+ToDH1CvDwnIoG+Aqzawz/J4qi/nazFdm7rBvkQ8ZAweOK9v9brWFiN4PbiWRtfHCFA3MI/646V5FsPwZxRDOh6zQLSU4riJVS4KvjHFJ7+cbWj1uNYpsiIwhw7uPbdg0VJ9GX1OMjf129NnL1Lb95IsJ5lMo9/fPSYqIj9R3U9O9aAROtzscS4o1sin7Ka+esZ9/uBeGrQlKRkFc94xqXJ6dXV1IiXL9U2mLMbCLjl4Wh7jjIO3VMHrQSVLSLO2UNB9qSApJdP+uNZXneLNfPtrDmGFrExL3o5ibDKyzUx061s1FwlKl9wGQjTJfC6a+/3BKkrnk7KijVvWy3wpaY1ZNySzMeCEsvD49u3d48365HEhFsrKtLmcbWiouyDLSkl7vTW9NIDfST74zb7wPInPSnLaWWeqGrBP5UvPAfD9shfasZ+X+Ww0zQFUASCcydahJG2Iik+a2FPM+tEn8cOyssawV+ZvB60xbvQ5waxfKiGW3sz6O1mNxszaKljPZuOXDJ2HnIAN7Wm2fxlNs4xZLBpl8H/+GU6t2aLhFK2y6/WJqCNbh1K0RaMifQLotw+mq0DPwC9KUGLwOKHIS8jQEU4BQHcRU3cNPSROJ8OzSmyAcxT+NjAJFMqVlV45fjPrllMKFAA0qdOHK7NGRqoHiItlGwh4Quaz0dxCNy1FAXGmfrFRZCVk6CR8L53snki5oGNFYpTVeiDF5/rygStij6wYFfE1Ml9KOoaR1frRWvJx3O2u1R/GTP2Syyhw2CVrk7036C3oEVlWClq/JxsvUfRatCcfX0kAVmYP0bFW2kzQggmxkUYm2Z6PwXx0YyLmozlXke4DcGHyJPvONG+CSAZIl+mbRKw26M/3dQbXGWRFY8n2e7RcviIb1ICvpdtYVJblouXaY20dgaN0uHtW7kTltarF49omy0ZK+/y7ljGEkKH2e1q9r8/N17ZSIjYOb5KB67IRFLjV1xFYV6xyokF6P0PwSZeBQGC07NsMrWRA76A/bImEOKzUJslJ8Wtuq/A2uZerO7cZL6STfGeNsjZj2cjd6TJ1bPydsMjlct2S5dnoIQB05TZ/sIY2lyCNunJSJQcxeu/cwu3ap2afFjs6Qo4ExN7WVxvjoGQKLF8QGQHohqlsXqD58Dk5HWt0pN9hSX6GAx5AAae4FS5bES9xbhHhBHMgE/eBwNmIYgnpzjHUutHcED4fEMMC0K22b949TcTj9HbDZgzxMjJBDzn+lQahZjgzZkEok9horLm+7vwo64zZ9ILcSNv9VWN73jyt8xrXXtNXm+ZGVx0d2oZd3SjFz1z/Bw/mmthZMyAHuGPH/jtuhP+uJ9kyMq6cHmW9DLSgMjrBAEOOCZXb5XVeL632zuAWmtgrM/RLinJlwjQA2UHHtsAUEYHFCGI6gZlC2ZlKZfYgGYvQvLlCpXGVRreXAj+CFdr+lpW1V+T+Mm0GBK2Bx+++iy3MtDoVBEAOoBj0SECUBQB9EMyCsHH7Iv3okxq4sgFQKIiyAlAIiLIDkC+IsgRgFgQtsQfKFkAuEBT8ZQ21+WUNYFgQtKNXcG2e/jdA2QMwgqAN8lylDea73U7pCqxrlfkvuU/4A2voyWecHOp/C76d7/ws9hcAAAAASUVORK5CYII=')
- #f5f6f7 no-repeat right 14px center / 16px;
- appearance: none;
- }
-
- > ul {
- list-style: none;
- position: absolute;
- top: 100%;
- left: 0;
- z-index: 10;
- margin: 8px 0 0;
- min-width: 280px;
- max-width: 500px;
- padding: 6px 0;
- background-color: #fff;
- border: 1px solid @c-border;
- border-radius: 1px;
- box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.05);
- box-sizing: border-box;
-
- &:empty {
- display: none;
- }
-
- li {
- font-size: 15px;
-
- a {
- display: block;
- padding: 6px 20px;
- color: @c-secondary;
- text-decoration: none;
- transition: background-color 0.3s;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-
- &:hover {
- color: @c-primary;
- background-color: @c-light-bg;
- }
- }
-
- span:first-child {
- position: relative;
- display: inline-block;
- max-width: 100%;
- padding-right: 26px;
- vertical-align: -0.37em;
- overflow: hidden;
- text-overflow: ellipsis;
- opacity: 0.8;
-
- &::after {
- content: '>';
- position: absolute;
- top: 50%;
- right: 6px;
- opacity: 0.6;
- transform: translateY(-54%);
- }
- }
- }
- }
-
- @media only screen and (max-width: 1024px) {
- margin-right: -14px;
-
- > input:not(:focus) {
- width: 32px;
- padding-right: 0;
- box-shadow: none;
- cursor: pointer;
- background-position: right 8px center;
-
- + ul {
- transition: 0.1s visibility;
- visibility: hidden;
- }
- }
- }
-
- @media @mobile {
- position: absolute;
- top: 9px;
- right: 24px;
- display: block !important;
- }
-}
diff --git a/.dumi/theme/components/SearchBar.tsx b/.dumi/theme/components/SearchBar.tsx
deleted file mode 100755
index 9267911e1..000000000
--- a/.dumi/theme/components/SearchBar.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { useSearch, AnchorLink } from 'dumi/theme';
-import './SearchBar.less';
-
-export default () => {
- const [keywords, setKeywords] = useState
- setKeywords(ev.target.value) }
- : {})}
- />
-
- );
-};
diff --git a/.dumi/theme/components/SideMenu.less b/.dumi/theme/components/SideMenu.less
deleted file mode 100755
index 5e490df6f..000000000
--- a/.dumi/theme/components/SideMenu.less
+++ /dev/null
@@ -1,321 +0,0 @@
-@import (reference) '../style/variables.less';
-
-.@{prefix}-menu {
- position: fixed;
- z-index: 100;
- top: 0;
- left: 0;
- bottom: 0;
- width: @s-menu-width;
- background-color: #f2f5fa;
- box-sizing: border-box;
- transition: left 0.3s;
-
- &[data-hidden] {
- display: none;
- }
-
- @media @mobile {
- left: -@s-menu-mobile-width;
- top: @s-mobile-nav-height;
- display: block !important;
- width: @s-menu-mobile-width;
- background-color: #fff;
-
- &[data-mobile-show] {
- left: 0;
- }
- }
-
- // shadow
- &::after {
- content: '';
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- display: block;
- width: 20px;
- background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03));
- pointer-events: none;
-
- // use border on mobile devices
- @media @mobile {
- width: 1px;
- background: @c-border;
- }
- }
-
- &-header {
- position: relative;
- padding-top: 40px;
- text-align: center;
- border-bottom: 1px solid @c-border;
-
- @media @mobile {
- display: none;
- }
-
- .@{prefix}-menu-logo {
- display: inline-block;
- width: 70%;
- height: 65px;
- background: url(@img-logo) no-repeat 0 / contain;
- }
-
- h1 {
- margin: 10px 0 0;
- color: @c-heading;
- font-weight: 500;
- line-height: 1.40625;
- }
-
- p {
- margin: 0 0 5px;
- color: lighten(@c-secondary, 10%);
-
- // badges
- > object[data^='https://img.shields.io'] {
- max-height: 20px;
- }
-
- + p {
- margin-bottom: 10px;
- }
- }
- }
-
- &-doc-locale {
- padding: 16px 0;
- text-align: center;
- border-bottom: 1px solid @c-border;
-
- &:empty {
- display: none;
- }
- }
-
- &-inner {
- width: 100%;
- height: 100%;
- overflow: auto;
- overscroll-behavior: contain;
-
- // common list styles
- ul {
- list-style: none;
- margin: 0;
- padding: 0;
- font-size: 16px;
-
- li {
- color: @c-text;
- a,
- > span {
- position: relative;
- display: block;
- padding-right: 24px;
- color: @c-heading;
- line-height: 2.4;
- text-decoration: none;
- outline: none;
- transition: color 0.3s, background 0.3s;
-
- span {
- display: block;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
-
- &:hover,
- &.active {
- color: @c-primary;
- }
-
- &::before {
- content: '';
- position: absolute;
- top: 50%;
- left: -10px;
- margin-top: -2.5px;
- display: inline-block;
- width: 5px;
- height: 5px;
- background-color: @c-primary;
- border-radius: 50%;
- opacity: 0;
- transition: transform 0.2s, opacity 0.2s;
- transform: scale(0) translateX(-10px);
- }
- }
-
- &.active a,
- a.active {
- &::before {
- opacity: 1;
- transform: scale(1) translateX(0);
- }
- }
-
- // level larger, offset larger, font size smaller
- ul {
- font-size: 0.9em;
- padding-left: 1em;
- }
- }
- }
-
- // 1-level list styles
- > ul {
- > li > a {
- line-height: 2.875;
-
- &:not([href]) {
- padding-top: 24px;
- line-height: 1;
- font-weight: 500;
- color: @c-heading !important;
- background: transparent !important;
- cursor: default;
- }
- }
-
- > li:first-child > a:not([href]) {
- padding-top: 0;
- }
- }
-
- // n-level list styles
- > ul ul {
- a {
- color: @c-secondary;
-
- &.active {
- color: @c-primary;
- }
- }
- }
-
- .@{prefix}-menu-mobile-area {
- display: none;
- padding-bottom: 16px;
- margin-bottom: 16px;
- text-align: center;
- border-bottom: 1px solid @c-border;
-
- @media @mobile {
- display: block;
- }
- }
-
- // mobile nav list
- .@{prefix}-menu-nav-list {
- padding: 16px 0;
-
- > li,
- > li > a {
- padding-right: 0;
- line-height: 2.4;
-
- ul {
- padding-left: 0;
-
- a {
- padding-right: 0;
- font-size: 90%;
- }
- }
- }
- }
-
- // menu list
- .@{prefix}-menu-list {
- padding: 8px 0;
- margin-bottom: 40px;
-
- > li > a {
- @c-active-bg: #e8ecf4;
-
- padding-left: 28px;
-
- &.active {
- background: linear-gradient(to left, #e8ecf4, rgba(232, 236, 244, 0));
- }
-
- ~ ul {
- margin-top: 8px;
- margin-left: 28px;
- }
-
- @media @mobile {
- padding-left: 16px;
-
- ~ ul {
- margin-left: 16px;
- }
- }
- }
- }
- }
-
- &[data-mode='site'] {
- &::after {
- width: 1px;
- background: @c-border;
- }
-
- .@{prefix}-menu-list {
- padding: 0;
-
- > li > a {
- position: relative;
-
- &::after {
- content: '';
- position: absolute;
- top: 0;
- bottom: 0;
- right: 0;
- display: block;
- width: 3px;
- background-color: @c-primary;
- visibility: hidden;
- opacity: 0;
- transition: all 0.3s;
- border-radius: 1px;
- }
-
- &.active {
- z-index: 1;
- background: linear-gradient(to left, #f8faff, rgba(248, 250, 255, 0));
-
- &::after {
- opacity: 1;
- visibility: visible;
- }
- }
- }
- }
-
- @media @desktop {
- top: @s-nav-height;
- width: @s-site-menu-width;
- padding-top: 50px;
- background: transparent;
-
- .@{prefix}-menu-nav,
- .@{prefix}-menu-header {
- display: none;
- }
-
- .@{prefix}-menu-list > li > a {
- padding-left: 58px;
-
- ~ ul {
- margin-left: 58px;
- }
- }
- }
- }
-}
diff --git a/.dumi/theme/components/SideMenu.tsx b/.dumi/theme/components/SideMenu.tsx
deleted file mode 100755
index 2f534b2f4..000000000
--- a/.dumi/theme/components/SideMenu.tsx
+++ /dev/null
@@ -1,139 +0,0 @@
-import type { FC} from 'react';
-import React, { useContext } from 'react';
-import { context, Link, NavLink } from 'dumi/theme';
-import LocaleSelect from './LocaleSelect';
-import SlugList from './SlugList';
-import './SideMenu.less';
-
-interface INavbarProps {
- mobileMenuCollapsed: boolean;
- location: any;
-}
-
-const SideMenu: FC-
- {items.map(meta => (
-
- setKeywords('')}>
-
- {meta.parent?.title && {meta.parent.title}} - {meta.title} - -
- ))}
-
-
- );
-};
-
-export default SideMenu;
diff --git a/.dumi/theme/components/SlugList.less b/.dumi/theme/components/SlugList.less
deleted file mode 100755
index 16b370f08..000000000
--- a/.dumi/theme/components/SlugList.less
+++ /dev/null
@@ -1,22 +0,0 @@
-@import (reference) '../style/variables.less';
-
-ul[role='slug-list'] {
- &:empty {
- margin: 0 !important;
- padding: 0 !important;
- }
-
- li {
- > a.active {
- color: darken(@c-primary, 2%);
- }
-
- &[data-depth='3'] {
- padding-left: 24px;
- }
-
- &[data-depth='4'] {
- padding-left: 48px;
- }
- }
-}
diff --git a/.dumi/theme/components/SlugList.tsx b/.dumi/theme/components/SlugList.tsx
deleted file mode 100755
index c17dd012f..000000000
--- a/.dumi/theme/components/SlugList.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { FC } from 'react';
-import React from 'react';
-import { AnchorLink } from 'dumi/theme';
-import './SlugList.less';
-
-const SlugsList: FC<{ slugs: any; className?: string }> = ({ slugs, ...props }) => (
-
-
-
-
-
- {/* mobile nav list */}
- {navItems.length ? (
- {title}
-{description}
- {/* github star badge */} - {/github\.com/.test(repoUrl) && mode === 'doc' && ( -- -
- )} -
-
- ) : (
- -
- {navItems.map(nav => {
- const child = Boolean(nav.children?.length) && (
-
-
-
{item.title} -
- ))}
- -
- {nav.path ?
{nav.title} : nav.title} - {child} -
- );
- })}
-
-
- {nav.children.map(item => (
-
- {/* doc mode locale select */}
-
- )}
- {/* menu list */}
- -
- {!isHiddenMenus &&
- menu.map(item => {
- // always use meta from routes to reduce menu data size
- const hasSlugs = Boolean(meta.slugs?.length);
- const hasChildren = item.children && Boolean(item.children.length);
- const show1LevelSlugs =
- meta.toc === 'menu' && !hasChildren && hasSlugs && item.path === location.pathname.replace(/([^^])\/$/, '$1');
-
- return (
-
-
-
- {item.title} - - {/* group children */} - {Boolean(item.children && item.children.length) && ( --
- {item.children.map(child => (
-
-
-
- {child.title} - - {/* group children slugs */} - {Boolean( - meta.toc === 'menu' && - typeof window !== 'undefined' && - child.path === location.pathname && - hasSlugs, - ) &&} -
- ))}
-
} -
- );
- })}
- -
-
-
- {slugs
- .filter(({ depth }) => depth > 1 && depth < 5)
- .map(slug => (
-
-
-
- {slug.value} - -
- ))}
-
- {hero.image && 
}
-
-
-);
-
-const Features = features => (
- {hero.title}
- - {hero.actions && - hero.actions.map(action => ( - - - - ))} -
- {features.map(feat => (
-
-);
-
-const Layout: React.FC-
- {feat.link ? (
-
-
- {feat.title} - - ) : ( -
- {feat.title} - )} - -
{
- if (menuCollapsed) return;
- setMenuCollapsed(true);
- }}
- >
-
- );
-};
-
-export default Layout;
diff --git a/.dumi/theme/style/layout.less b/.dumi/theme/style/layout.less
deleted file mode 100755
index 223deac51..000000000
--- a/.dumi/theme/style/layout.less
+++ /dev/null
@@ -1,328 +0,0 @@
-@import './markdown.less';
-@import './variables.less';
-
-@s-toc-width: 350px;
-
-body {
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB,
- Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji,
- Segoe UI Symbol;
- font-variant: tabular-nums;
- font-feature-settings: 'tnum';
- -webkit-font-smoothing: antialiased;
-}
-
-.@{prefix}-layout {
- box-sizing: border-box;
- min-height: 100vh;
- padding: 16px (@s-content-margin + @s-toc-width) 50px @s-menu-width + @s-content-margin;
-
- @media @mobile {
- padding-top: 98px !important;
- padding-left: 16px !important;
- padding-right: 16px !important;
- .tip {
- top: 50px !important;
- }
- }
-
- &[data-gapless='true'] {
- padding-top: @s-nav-height !important;
- padding-right: 0 !important;
- padding-left: 0 !important;
- padding-bottom: 0;
-
- @media @mobile {
- padding-top: @s-mobile-nav-height !important;
- }
- }
-
- &[data-show-sidemenu='false'] {
- padding-left: @s-content-margin;
- }
-
- &[data-show-slugs='false'] {
- padding-right: @s-content-margin;
- }
-
- &[data-site-mode='true'] {
- padding-top: @s-nav-height + 50px;
-
- &[data-show-sidemenu='true'] {
- padding-left: @s-site-menu-width + 50px;
- }
-
- &[data-show-slugs='true'] {
- padding-right: @s-content-margin + @s-toc-width + 14;
- }
-
- .@{prefix}-layout-content > .markdown:first-child > *:first-child {
- margin-top: 0;
- }
-
- .@{prefix}-layout-toc {
- top: 114px;
- max-height: calc(100vh - 154px);
- }
- }
-
- &-hero {
- margin: -50px -58px 0;
- padding: 100px 0;
- text-align: center;
- background-color: #f5f6f8;
-
- @media @mobile {
- margin: -16px -16px 0;
- padding: 48px 0;
- }
-
- img {
- max-width: 100%;
- max-height: 200px;
- margin-bottom: 1rem;
- }
-
- h1 {
- margin: 0 0 16px;
- font-size: 48px;
- font-weight: 600;
- line-height: 56px;
- color: #080e29;
-
- + div {
- margin: 16px 0 32px;
- opacity: 0.78;
-
- .markdown {
- font-size: 16px;
- }
- }
- }
-
- button {
- margin-right: 16px;
- padding: 0 32px;
- height: 44px;
- color: @c-primary;
- font-size: 16px;
- background: transparent;
- border: 1px solid @c-primary;
- border-radius: 22px;
- box-sizing: border-box;
- cursor: pointer;
- outline: none;
- transition: all 0.3s;
-
- &:hover {
- opacity: 0.8;
- }
-
- &:active {
- opacity: 0.9;
- }
- }
-
- a:last-child button {
- margin-right: 0;
- color: #fff;
- background: @c-primary;
- }
- }
-
- &-features {
- display: grid;
- grid-template-columns: repeat(3, 1fr);
- grid-column-gap: 96px;
- grid-row-gap: 56px;
- padding: 72px 0;
-
- > dl {
- flex: 1;
- margin: 0;
- text-align: center;
- background: no-repeat center top / auto 48px;
-
- &[style*='background-image'] {
- padding-top: 64px;
- }
-
- dt {
- margin-bottom: 12px;
- font-size: 20px;
- line-height: 1;
- color: @c-heading;
- }
-
- a {
- transition-duration: none;
- }
-
- a dt {
- color: @c-link;
- transition: opacity 0.2s;
- &:hover {
- opacity: 0.7;
- text-decoration: underline;
- }
-
- &:active {
- opacity: 0.9;
- }
- }
-
- dd {
- margin: 0;
-
- .markdown {
- color: @c-secondary;
- font-size: 14px;
- line-height: 22px;
-
- > p:first-child {
- margin-top: 0;
- }
-
- > p:last-child {
- margin-bottom: 0;
- }
- }
- }
- }
-
- @media @mobile {
- display: block;
- padding: 40px 0;
-
- > dl {
- text-align: left;
- background-position: left top;
-
- &[style*='background-image'] {
- padding: 0 0 0 60px;
- }
-
- + dl {
- margin-top: 32px;
- }
- }
- }
- }
-
- &-features,
- &-features + &-content,
- &-hero + &-content {
- margin-left: auto;
- margin-right: auto;
- max-width: 960px;
- }
-
- &-hero + &-content {
- margin-top: 60px;
- }
-
- &-toc {
- list-style: none;
- position: fixed;
- z-index: 10;
- top: 50px;
- right: 0;
- width: @s-toc-width;
- max-height: calc(90vh - 80px);
- margin: 0;
- padding: 0 24px 0 0;
- background-color: #fff;
- box-shadow: 0 0 16px 16px #fff;
- box-sizing: content-box;
- overflow: auto;
-
- @media @mobile {
- display: none;
- }
-
- li {
- position: relative;
- margin: 0;
- padding: 4px 0 4px 6px;
- text-indent: 24px;
- font-size: 13px;
- // line-height: 1.40625;
- line-height: 1.60625;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
-
- a {
- color: @c-text;
- text-decoration: none;
-
- &::before {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- display: inline-block;
- width: 2px;
- background: @c-border;
- }
-
- &:hover {
- color: lighten(@c-primary, 5%);
- }
-
- &:active {
- color: lighten(@c-primary, 3%);
- }
-
- &.active {
- color: @c-primary;
-
- &::before {
- background: @c-primary;
- }
- }
- }
- }
- }
-
- &-footer-meta {
- margin-top: 40px;
- padding-top: 24px;
- display: flex;
- color: @c-secondary;
- font-size: 14px;
- justify-content: space-between;
- border-top: 1px solid @c-border;
-
- @media only screen and (max-width: 960px) {
- display: block;
- }
-
- > a {
- margin-bottom: 4px;
- display: block;
- color: @c-primary;
- text-decoration: none;
- }
-
- > span:last-child {
- &::before {
- content: attr(data-updated-text);
- color: @c-primary;
- }
- }
- }
-}
-
-.__dumi-default-layout-footer {
- margin: 72px 0 -32px;
- padding-top: 24px;
- border-top: 1px solid @c-border;
- text-align: center;
-
- .markdown {
- color: #b0b1ba;
- }
-}
diff --git a/.dumi/theme/style/markdown.less b/.dumi/theme/style/markdown.less
deleted file mode 100755
index 803b7d66d..000000000
--- a/.dumi/theme/style/markdown.less
+++ /dev/null
@@ -1,196 +0,0 @@
-@import (reference) './variables.less';
-
-.markdown {
- color: @c-text;
- font-size: 15px;
- line-height: 1.60625;
-
- &:not(:first-child):empty {
- min-height: 32px;
- }
-
- // titles
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- margin: 42px 0 18px;
- color: @c-heading;
- font-weight: 500;
- line-height: 1.40625;
-
- // anchor link
- &:hover > a[aria-hidden] {
- float: left;
- margin-top: 0.06em;
- margin-left: -20px;
- width: 20px;
- padding-right: 4px;
- line-height: 1;
- box-sizing: border-box;
-
- @media @mobile {
- width: 14px;
- margin-left: -14px;
- }
-
- &::after {
- content: '#';
- display: inline-block;
- vertical-align: middle;
- font-size: 20px;
- }
-
- span {
- display: none;
- }
- }
-
- + h1,
- + h2,
- + h3,
- + h4,
- + h5,
- + h6 {
- margin-top: 16px;
- }
- }
-
- h1 {
- margin-top: 48px;
- margin-bottom: 32px;
- font-size: 32px;
- }
-
- h2 {
- font-size: 24px;
- }
-
- h3 {
- font-size: 20px;
- }
-
- h4 {
- font-size: 18px;
- }
-
- h5 {
- font-size: 16px;
- }
-
- h6 {
- font-size: 14px;
- }
-
- // paragraph
- p {
- margin: 16px 0;
- }
-
- // inline code
- *:not(pre) code {
- padding: 2px 5px;
- color: #d56161;
- background: darken(@c-light-bg, 1%);
- }
-
- code {
- font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
- }
-
- // code block
- pre {
- font-size: 14px;
- background: darken(@c-light-bg, 1%);
-
- &:not([class^='language-']) {
- padding: 1em;
- }
- }
-
- // horizontal line
- hr {
- margin: 16px 0;
- border: 0;
- border-top: 1px solid @c-border;
- }
-
- // blockquote
- blockquote {
- margin: 16px 0;
- padding: 0 24px;
- color: fadeout(@c-text, 30%);
- border-left: 4px solid @c-border;
- overflow: hidden;
- }
-
- // list
- ul,
- ol {
- margin: 8px 0 8px 32px;
- padding: 0;
-
- li {
- margin-bottom: 4px;
- }
- }
-
- // table
- table {
- width: 100%;
- border-collapse: collapse;
- border: 1px solid @c-border;
-
- th,
- td {
- padding: 10px 24px;
- border: 1px solid @c-border;
- }
-
- th {
- font-weight: 600;
- background: @c-light-bg;
- }
-
- td:first-child {
- font-weight: 500;
- }
-
- a {
- svg {
- display: none;
- }
- }
- }
-
- // links
- a {
- color: @c-link;
- text-decoration: none;
- transition: opacity 0.2s;
- outline: none;
-
- &:hover {
- opacity: 0.7;
- text-decoration: underline;
- }
-
- &:active {
- opacity: 0.9;
- }
- }
-
- // images
- img {
- max-width: 100%;
- }
-}
-
-.@{prefix} {
- &-external-link-icon {
- vertical-align: -0.155em;
- margin-left: 2px;
- }
-}
diff --git a/.dumi/theme/style/variables.less b/.dumi/theme/style/variables.less
deleted file mode 100755
index b6f3d7009..000000000
--- a/.dumi/theme/style/variables.less
+++ /dev/null
@@ -1,26 +0,0 @@
-/* 颜色表 */
-@c-primary: #4569d4;
-@c-heading: #454d64;
-@c-text: #454d64;
-@c-secondary: #717484;
-@c-link: @c-primary;
-@c-border: #ebedf1;
-@c-light-bg: #f9fafb;
-
-/* 尺寸表 */
-@s-nav-height: 64px;
-@s-mobile-nav-height: 50px;
-@s-menu-width: 260px;
-@s-site-menu-width: 350px;
-@s-menu-mobile-width: 80vw;
-@s-content-margin: 58px;
-
-@img-logo: 'data:image/png;base64,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';
-@prefix: __dumi-default;
-@mobile: ~'only screen and (max-width: 767px)';
-@desktop: ~'only screen and (min-width: 768px)';
-@icons: 'data:image/png;base64,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';
-
-.@{prefix}-icon {
- background: url(@icons) no-repeat ~'0 0/230px auto';
-}
diff --git a/.dumi/theme/test/index.test.tsx b/.dumi/theme/test/index.test.tsx
deleted file mode 100755
index bae46d9e2..000000000
--- a/.dumi/theme/test/index.test.tsx
+++ /dev/null
@@ -1,315 +0,0 @@
-import '@testing-library/jest-dom';
-import React from 'react';
-import { render, queryByAttribute, fireEvent } from '@testing-library/react';
-import type { MemoryHistory} from '@umijs/runtime';
-import { createMemoryHistory, Router } from '@umijs/runtime';
-import { context as Context } from 'dumi/theme';
-import SourceCode from '../builtins/SourceCode';
-import Alert from '../builtins/Alert';
-import Badge from '../builtins/Badge';
-import Previewer from '../builtins/Previewer';
-import API from '../builtins/API';
-import Layout from '../layout';
-
-let history: MemoryHistory;
-
-// mock history location which import from 'dumi'
-jest.mock('dumi', () => ({
- history: { location: { pathname: '/' } },
-}));
-
-describe('default theme', () => {
- history = createMemoryHistory({ initialEntries: ['/', '/en-US'], initialIndex: 0 });
- const baseCtx = {
- title: 'test',
- locale: 'zh-CN',
- routes: [
- {
- path: '/',
- title: '首页',
- meta: {},
- },
- {
- path: '/en-US',
- title: 'Home',
- meta: {},
- },
- ],
- config: {
- locales: [
- { name: 'zh-CN', label: '中文' },
- { name: 'en-US', label: 'English' },
- ],
- menus: {},
- navs: {},
- title: 'test',
- logo: '/',
- mode: 'site' as 'doc' | 'site',
- repository: { branch: 'mater' },
- },
- meta: {},
- menu: [
- {
- title: '分组',
- children: [
- {
- title: 'English',
- path: '/en',
- },
- ],
- },
- ],
- nav: [
- {
- path: '/',
- title: '首页',
- children: [],
- },
- {
- title: '生态',
- children: [
- {
- path: 'https://d.umijs.org',
- title: 'GitHub',
- children: [],
- },
- ],
- },
- ],
- base: '/',
- };
- const baseProps = {
- history,
- location: { ...history.location, query: {} },
- match: { params: {}, isExact: true, path: '/', url: '/' },
- route: { path: '/', routes: baseCtx.routes },
- };
-
- it('should render site home page', () => {
- const wrapper = ({ children }) => (
-
- {isCN ? '文档还在建设中，与实际代码存在差异' : 'The documentation is still under construction and differs somewhat from the actual code.'}
-
-
- {children}
- {!showHero && !showFeatures && meta.filePath && !meta.gapless && (
-
-
- {repoPlatform && (
-
- {isCN ? `在 ${repoPlatform} 上编辑此页` : `Edit this doc on ${repoPlatform}`}
-
- )}
- {/* {updatedTime} */}
-
- )}
- {(showHero || showFeatures) && meta.footer && (
-
- )}
- Home Page
-Doc
-Hello World
-}
-
-const RouteSwitch = createRouteSwitch({
- components: {
- Hello,
- },
-});
-
-const routes = [
- { path: '/hello', component: 'Hello' },
-];
-
-Hello
;
-}
-
-const SchemaComponent = createSchemaComponent({
- components: {
- Hello,
- },
-});
-
-Hello World
-}
-
-const RouteSwitch = createRouteSwitch({
- components: {
- Hello,
- },
-});
-
-const routes = [
- { path: '/hello', component: 'Hello' },
-];
-
-Hello
;
-}
-
-const SchemaComponent = createSchemaComponent({
- components: {
- Hello,
- },
-});
-
-
-
-
- {...properties}
-
-
-
-
-DesignableBar 可以用于修改当前 SchemaComponent 的 Schema。可以以任意形态出现，例如：
-
-
-function DesignableBar() {
- // 这里是随意写的，当前 schema，可以 update，remove 等等
- const { schema, update, remove } = useDesignableSchema();
- return (
-
-
- 配置项1
- 配置项2
- 配置项3
-
- }>
- 配置
-
-
- 配置
-
-
- 配置
-
-
- )
-}
-
-
-如果 DesignableBar 只是修改当前层级的参数比较好处理，但是如果修改的是 properties 子节点里的参数，情况会变得比较复杂。
-
-## 字段组件
-
-```ts
-const string: FieldOptions = {
- name: 'string',
- type: 'object',
- group: 'basic',
- order: 1,
- title: '单行文本',
- sortable: true,
- default: {
- interface: 'string',
- dataType: 'string',
- // name,
- uiSchema: {
- type: 'string',
- // title,
- 'x-component': 'Input',
- 'x-decorator': 'FormItem',
- 'x-designable-bar': 'Input.DesignableBar',
- },
- },
- properties: {
- },
- operations: [
- { label: '包含', value: '$includes', selected: true },
- { label: '不包含', value: '$notIncludes' },
- { label: '等于', value: 'eq' },
- { label: '不等于', value: 'ne' },
- { label: '非空', value: '$notNull', noValue: true },
- { label: '为空', value: '$null', noValue: true },
- ],
- designableBar: {
- key1: {},
- key2: {},
- },
-};
-
-const CollectionField = createCollectionField({
- interfaces: {
- string,
- },
-})
-```
diff --git a/docs/components/route-switch/admin-layout.md b/docs/components/route-switch/admin-layout.md
deleted file mode 100644
index 635f956f4..000000000
--- a/docs/components/route-switch/admin-layout.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-order: 3
-title: AdminLayout
-group:
- title: Route Components
- path: /components/route-components
- order: 1
----
-
-# AdminLayout
-
-Coming soon...
\ No newline at end of file
diff --git a/docs/components/route-switch/admin-layout.zh-CN.md b/docs/components/route-switch/admin-layout.zh-CN.md
deleted file mode 100644
index 50781311c..000000000
--- a/docs/components/route-switch/admin-layout.zh-CN.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-order: 3
-title: AdminLayout
-group:
- title: 路由组件
- path: /zh-CN/components/route-components
- order: 1
----
-
-# AdminLayout
-
-待补充...
\ No newline at end of file
diff --git a/docs/components/route-switch/auth-layout.md b/docs/components/route-switch/auth-layout.md
deleted file mode 100644
index a737d9be7..000000000
--- a/docs/components/route-switch/auth-layout.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-order: 2
-title: AuthLayout
-group:
- path: /components/route-components
- order: 1
----
-
-# AuthLayout
-
-Coming soon...
\ No newline at end of file
diff --git a/docs/develop.md b/docs/develop.md
deleted file mode 100644
index ef9906b24..000000000
--- a/docs/develop.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-sidemenu: false
-order: 1000
-hide: true
----
-
-
-
-
-
- );
-};
-
-export default () => {
- return (
-
-
-
-
- // Block, table
-
-
-
-
-
- // Fields in table columns
-
-
-
-
-
-
-
-
-
-
-Note: The above example is only for expressing the structure of the component tree and the relationship between components, the actual code does not.
-
-Next, let's introduce the concept of each component in detail.
-## Layout and pages
-
-Pages are web pages that can be accessed by address. Different pages may have the same header, footer and navigation between them, and usually we put these common contents in the layout component. For example, the initialized NocoBase provides two layout components, as shown in
-
-Figure
-
-- AuthLayout: accessible without login, usually used to embed login, registration, forgot password, etc. pages.
-- AdminLayout: requires login and manages all pages of the backend.
-
-Layout and page components are registered through createRouteSwitch, more extensions are available here.
-
-## Page content layout
-
-For developers, the writing of page content is free, but to facilitate the layout of page content, two types of layout are provided.
-
-### Simple top-down structure
-
-
-
-
-
-
-Example
-
-```js
-// coming soon
-```
-
-### Drag and drop grid
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Grid component defines the outer frame of the block based on rows (Grid.Row) and columns (Grid.Col). Examples are as follows:
-
-```js
-// coming soon
-```
-
-## AddNew
-
-AddNew is the most important button for visual configuration of the page, more about [AddNew](#) here
-
-## Block
-
-Blocks are generally placed in pages and can be anything, including text, attachments, tables, forms, calendars, kanban boards, etc. A complete block consists of three parts.
-
-- Content, the body of the block
-- ActionBar, where you can place various action buttons to manipulate the block data (optional)
-- DesignableBar, buttons for operating the block configuration (optional)
-
-Take the table block as an example, the component structure is as follows:
-
-
-
-
-
-Most of the action instructions require user-supplied parameters, such as the add data action, which requires the user to fill in the data, which usually requires a pop-up form, and the user fills in the data and clicks submit to trigger the action instruction. The component structure is as follows.
-
-
-
- {/* This is a popup form with a built-in submit button that triggers an action command when clicked, the specific code is omitted */}
-
-
-
-A complete action is roughly divided into two steps.
-
-- Bind a directive to the Action
-- If the directive requires user-supplied parameters, it needs to provide an interaction interface, which is currently built in as follows
- - Action.Drawer: drawer
- - Modal: dialog box
- - Popover: bubble
-
-Action is a very important concept in NocoBase, more details click here to see
-
-## DesignableBar
-
-All Schema Components can be bound to their own configuration toolbar (DesignableBar) for modifying the Schema of the current component.
-
-**What is a Schema Component?**
-A component written in JSON-like Schema format via the Schema protocol, e.g.
-
-```js
-{
- type: 'void',
- 'x-Component': 'Hello',
- 'x-designable-bar': 'Hello.DesignableBar',
- 'x-dect': 'CardItem',
-}
-```
-
-To give a few examples, e.g.
-
-JSON Schema for form fields
-
-```js
-const schema = {
- type: 'string',
- 'x-component': 'Input',
- 'x-decorator': 'FormItem',
- 'x-designable-bar': 'Form.Field.DesignableBar',
-};
-```
-
-The effect of the form item's configuration toolbar `Form.Field.DesignableBar`
-
-
-
-JSON Schema for the form
-
-```js
-const schema = {
- type: 'array',
- 'x-component': 'Table',
- 'x-decorator': 'CardItem',
- 'x-designable-bar': 'Table.DesignableBar',
-};
-```
-
-The effect of the table configuration toolbar `Table.DesignableBar`
-
-
-
-JSON Schema for the menu item.
-
-```js
-const schema = {
- type: 'array',
- 'x-component': 'Menu.Item',
- 'x-designable-bar': 'Menu.Item.DesignableBar',
-};
-```
-
-Effect of menu item configuration toolbar `Menu.Item.DesignableBar`
-
-
-
-For more details on the configuration toolbar click here
-
-## CollectionField
-
-The configuration parameters of field components can be very many, and the same field component can be used in different data blocks. In order to reduce code duplication, NocoBase assigns the configuration of field components to the data table for unified management. One configuration, many uses. The field component is directly referenced in the data block, and then extended if there are other different parameters.
-
-
-
-// 布局
-
- // 页面
-
- // 栅格
-
- // 区块，以表格为例
-
- // 配置工具栏
-
- // 操作
-
- // 内容区
-
-
- // 表格列的字段
-
-
-
-
-
-
-
-
-
-
-注：以上例子只为表达组件树的结构和组件之间的关系，实际代码并不如此。
-
-接下来，我们来详细的介绍各部分的概念。
-
-## 布局和页面
-
-页面是可以通过地址访问的网页，不同页面之间可能具有相同的页眉、页脚和导航，通常我们会把这些公共的内容放在布局组件里。例如，初始化的 NocoBase 提供了两个布局组件，如图所示：
-
-图
-
-- AuthLayout：无需登录就能访问，一般用于嵌入登录、注册、忘记密码等页面。
-- AdminLayout：需要登录，管理后台的所有页面。
-
-布局和页面组件通过 createRouteSwitch 注册，更多扩展内容点此查看。
-
-## 页面内容排版
-
-对开发者来说，页面内容的编写是自由的，不过为了方便对页面内容进行排版，提供了两种排版方式：
-
-### 简易的上下结构
-
-
-
-
-
-
-例子如下：
-
-```js
-// 示例
-```
-
-### 可拖拽的栅格
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-栅格组件 Grid 基于行（Grid.Row）和列（Grid.Col）来定义区块的外部框架。例子如下：
-
-```js
-// 示例
-```
-
-## AddNew
-
-AddNew 是页面可视化配置最重要的操作按钮，更多关于 AddNew 的内容点此查看
-
-## 区块 - Block
-
-区块一般放在页面里，可以是任意东西，包括文字、附件、表格、表单、日历、看板等等。一个完整的区块由三部分组成：
-
-- 内容区 Content，区块的主体
-- 操作栏 ActionBar，可以放置各种操作按钮，用于操作区块数据（可选）
-- 配置工具栏 DesignableBar，操作区块配置的按钮（可选）
-
-以表格区块为例，组件结构如下：
-
-
-
-
-
-大部分的操作指令需要用户提供参数，如新增数据操作，需要用户填写数据，填写数据一般需要弹出表单，用户填写完数据，点击提交，才触发操作指令。组件结构如下：
-
-
-
- {/* 这是个弹窗表单，内置提交按钮，点击提交触发操作指令，具体代码省略 */}
-
-
-
-一个完整的操作大概分为两步：
-
-- 为 Action 绑定一段指令
-- 如果指令需要用户提供参数，需要提供交互界面，目前内置的有：
- - Action.Drawer：抽屉
- - Action.Modal：对话框
- - Action.Popover：气泡
-
-操作是 NocoBase 里非常重要的一个概念，更多详情点此查看
-
-## 配置工具栏 - DesignableBar
-
-所有的 Schema Component 都可以绑定自己的配置工具栏（DesignableBar），用于修改当前组件的 Schema。
-
-
-**什么是 Schema Component？**
-通过 Schema 协议编写的类 JSON Schema 格式的组件，如：
-
-```js
-{
- type: 'void',
- 'x-Component': 'Hello',
- 'x-designable-bar': 'Hello.DesignableBar',
- 'x-dect': 'CardItem',
-}
-```
-
-举几个例子，如：
-
-表单字段的 JSON Schema
-
-```js
-const schema = {
- type: 'string',
- 'x-component': 'Input',
- 'x-decorator': 'FormItem',
- 'x-designable-bar': 'Form.Field.DesignableBar',
-};
-```
-
-表单项的配置工具栏 `Form.Field.DesignableBar` 的效果
-
-
-
-表格的 JSON Schema
-
-```js
-const schema = {
- type: 'array',
- 'x-component': 'Table',
- 'x-decorator': 'CardItem',
- 'x-designable-bar': 'Table.DesignableBar',
-};
-```
-
-表格配置工具栏 `Table.DesignableBar` 的效果
-
-
-
-菜单项的 JSON Schema：
-
-```js
-const schema = {
- type: 'array',
- 'x-component': 'Menu.Item',
- 'x-designable-bar': 'Menu.Item.DesignableBar',
-};
-```
-
-菜单项配置工具栏 `Menu.Item.DesignableBar` 的效果
-
-
-
-更多配置工具栏详情点此查看
-
-## 字段组件 - CollectionField
-
-字段组件的配置参数可能非常多，在不同数据区块里也可能用到同一个字段组件，为了减少代码重复，NocoBase 里，将字段组件的配置交由数据表统一管理。一处配置，多处使用。数据区块里直接引用字段组件，如果有其他不同参数再另行扩展。
-
-
-Hello Word
-}
-
-const SchemaComponent = createSchemaComponent({
- scope,
- components: {
- Hello
- },
-});
-
-const schema = {
- type: 'void',
- 'x-component': 'Hello',
-};
-
-
-import { I18nextProvider } from 'react-i18next';
-import { createRouteSwitch, APIClient } from '@nocobase/client';
-
-const apiClient = new APIClient();
-const i18n = i18next.createInstance();
-
-const Hello = () => {
- return Hello;
-}
-
-const SchemaComponent = createSchemaComponent({
- components: {
- Hello,
- },
-});
-
-const PageTemplate = () => {
- const schema = {
- type: 'void',
- 'x-component': 'Hello',
- };
- return (
-
- );
-}
-
-const RouteSwitch = createRouteSwitch({
- components: {
- PageTemplate,
- },
-});
-
-const routes = [
- { path: '/hello', component: 'Hello' },
-];
-
-function AntdProvider(props) {
- // The locale here can be handled dynamically depending on the i18next
- return (
- {props.children}
- );
-}
-
-const App = () => {
- return (
-
-
-
-
-
-
-
-
-
- );
-}
-
-
-- APIClientProvider: provides the APIClient
-- I18nextProvider: internationalization
-- AntdProvider: handles the internationalization of antd components, which needs to be placed in I18nextProvider
-- Router: route driver
-- RouteSwitch: route distribution
-
-The above code may seem a bit verbose, but the actual function and role of each part is not the same, so it is not suitable for over-encapsulation. If needed, it can be further encapsulated according to the actual situation.
\ No newline at end of file
diff --git a/docs/guide/kernel-principle/client-side-kernel.zh-CN.md b/docs/guide/kernel-principle/client-side-kernel.zh-CN.md
deleted file mode 100644
index 847d05fca..000000000
--- a/docs/guide/kernel-principle/client-side-kernel.zh-CN.md
+++ /dev/null
@@ -1,158 +0,0 @@
----
-order: 2
----
-
-# 客户端内核
-
-为了让更多非开发人员也能参与进来，NocoBase 提供了配套的客户端插件 —— 无代码的可视化配置界面。这部分的核心就是 @nocobase/client，理想状态可以用在任意前端构建工具或框架内，如：
-
-- umijs
-- create-react-app
-- icejs
-- vite
-- snowpack
-- nextjs
-- 其他
-
-暂时只支持 umijs（打包编译还有些问题），未来会逐步支持以上罗列的各个框架。
-
-客户端主要的组成部分包括：
-
-## 请求
-
-- API Client
-- Request Hook
-
-```ts
-const api = new APIClient({
- request,
-});
-
-api.auth();
-api.get();
-api.post();
-api.resource('collections').create();
-api.resource('collections').findOne({});
-api.resource('collections').findMany({});
-api.resource('collections').relation('fields').of(1).create();
-```
-
-以下细节待定，特殊的资源
-
-```js
-api.collections.create();
-api.uiSchemas.create();
-```
-
-Request Hook
-
-[https://www.npmjs.com/package/@ahooksjs/use-request](https://www.npmjs.com/package/@ahooksjs/use-request)
-
-```js
-const { data } = useRequest(() => api.resource('users').findMany());
-```
-
-## 路由
-
-- createRouteSwitch
-
-```js
-const RouteSwitch = createRouteSwitch({
- components: {},
-});
-
-Hello Word
-}
-
-const SchemaComponent = createSchemaComponent({
- scope,
- components: {
- Hello
- },
-});
-
-const schema = {
- type: 'void',
- 'x-component': 'Hello',
-};
-
-
-import { I18nextProvider } from 'react-i18next';
-import { createRouteSwitch, APIClient } from '@nocobase/client';
-
-const apiClient = new APIClient();
-const i18n = i18next.createInstance();
-
-const Hello = () => {
- return Hello;
-}
-
-const SchemaComponent = createSchemaComponent({
- components: {
- Hello,
- },
-});
-
-const PageTemplate = () => {
- const schema = {
- type: 'void',
- 'x-component': 'Hello',
- };
- return (
-
- );
-}
-
-const RouteSwitch = createRouteSwitch({
- components: {
- PageTemplate,
- },
-});
-
-const routes = [
- { path: '/hello', component: 'Hello' },
-];
-
-function AntdProvider(props) {
- // 可以根据 i18next 的情况动态处理这里的 locale
- return (
- {props.children}
- );
-}
-
-const App = () => {
- return (
-
-
-
-
-
-
-
-
-
- );
-}
-
-
-- APIClientProvider：提供 APIClient
-- I18nextProvider：国际化
-- AntdProvider：处理 antd 组件的国际化，需要放在 I18nextProvider 里
-- Router：路由驱动
-- RouteSwitch：路由分发
-
-上面代码看似有些啰嗦，实际各部分的功能和作用并不一样，不适合过度封装。如果需要可以根据实际情况，再进一步封装。
\ No newline at end of file
diff --git a/docs/guide/kernel-principle/installation-startup.md b/docs/guide/kernel-principle/installation-startup.md
deleted file mode 100644
index b64bccc46..000000000
--- a/docs/guide/kernel-principle/installation-startup.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-order: 3
----
-
-# Installation and Startup Process
-
-## app.init
-
-- app.load()
-- db.sync()
-- db.emitAsync('init')
-
-## app.start
-
-- app.load()
-- db.emitAsync('start')
- - Load the collections configuration in the database
- - Load the pm configuration in the database
- - Start the activated plugin
-- app.listen()
diff --git a/docs/guide/kernel-principle/installation-startup.zh-CN.md b/docs/guide/kernel-principle/installation-startup.zh-CN.md
deleted file mode 100644
index 1b4a8fbcd..000000000
--- a/docs/guide/kernel-principle/installation-startup.zh-CN.md
+++ /dev/null
@@ -1,21 +0,0 @@
----
-order: 3
----
-
-# 项目安装和启动流程
-
-## app.init
-
-- app.load()
-- db.sync()
-- db.emitAsync('init')
-
-## app.start
-
-- app.load()
-- db.emitAsync('start')
- - 加载数据库里的 collections 配置
- - 加载数据库里的 pm 配置
- - 启动激活的插件
-- app.listen()
-
diff --git a/docs/guide/kernel-principle/microkernel-architecture.md b/docs/guide/kernel-principle/microkernel-architecture.md
deleted file mode 100644
index 571c7aed2..000000000
--- a/docs/guide/kernel-principle/microkernel-architecture.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-order: 0
-group:
- title: Kernel Principle
- path: /guide/kernel-principle
- order: 6
----
-
-# Microkernel Architecture
-
-
-
-NocoBase adopts microkernel architecture, and various functions are extended in the form of plug-ins, so the microkernel architecture is also called plug-in architecture, which consists of two parts: kernel and plug-ins. The kernel provides the minimum functional WEB server and various plug-in interfaces; plug-ins are various independent modules divided by functions, which are pluggable through interface adaptation. The plug-in design reduces the coupling between modules and improves the reuse rate. With the continuous expansion of the plug-in library, common scenarios only need to combine plug-ins to complete the basic construction, and this design concept is ideal for codeless platforms.
diff --git a/docs/guide/kernel-principle/microkernel-architecture.zh-CN.md b/docs/guide/kernel-principle/microkernel-architecture.zh-CN.md
deleted file mode 100644
index 47d3bb462..000000000
--- a/docs/guide/kernel-principle/microkernel-architecture.zh-CN.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-order: 0
-group:
- title: 内核原理
- path: /zh-CN/guide/kernel-principle
- order: 6
----
-
-# 微内核架构
-
-
-
-NocoBase 采用微内核架构，各类功能以插件形式扩展，所以微内核架构也叫插件化架构，由内核和插件两部分组成。内核提供了最小功能的 WEB 服务器，还提供了各种插件化接口；插件是按功能划分的各种独立模块，通过接口适配，具有可插拔的特点。插件化的设计降低了模块之间的耦合度，提高了复用率。随着插件库的不断扩充，常见的场景只需要组合插件即可完成基础搭建，这种设计理念非常适合无代码平台。
diff --git a/docs/guide/kernel-principle/nocobase.md b/docs/guide/kernel-principle/nocobase.md
deleted file mode 100644
index 4df10ab5a..000000000
--- a/docs/guide/kernel-principle/nocobase.md
+++ /dev/null
@@ -1,224 +0,0 @@
-# Talking about the design ideas of NocoBase
-
-NocoBase 的内核只是一个无 GUI（Client）的 Server，Client 作为插件集成进来。Client 是变化的，不限于 React、Vue 等。虽然 Client 作为插件存在，但也是非常重要的一个分支，用于支持无代码平台。
-
-在概念上有很多可能，但是 NocoBase 也需要基于特定的技术框架实现 Server 和 Client 内核。
-
-- Server：Nodejs、Koa、Sequelize
-- Client：React、Formily、Ant Design
-
-在实际应用中，Server 可能只有一个，但 Client 可能有很多，WEB、小程序、Android、IOS 都不一样。为了最大的兼容多端可能，客户端核心的 Schema Component 基于 Formily 实现，理论上支持适配 React/ReactNative/Vue2/Vue3 框架。
-
-理想状态 Server 和 Client 都可以单独使用。只用 NocoBase 的 Server，对接的其他 Client。只用 NocoBase 的 Client，对接其他的 Server。不过 Client 是为 NocoBase 的 Server 服务，虽然可以适配非 NocoBase 的 Server，但是会有些局限（不是所有功能都能使用）。
-
-Server 和 Client 是非常重要的两个分支，插件也围绕着这两部分开展。NocoBase 提供了公共的接口用于对接各类插件，但是实现插件的核心在于内核提供了哪些 Extension API。
-
-## 扩展 - Extensions
-
-扩展是按「概念」划分的最小化的独立模块。
-
-
-import React from 'react';
-import { MemoryRouter } from 'react-router-dom';
-import { ClientSDK, Application } from '@nocobase/client';
-
-// Initialize the client instance
-const client = new ClientSDK({
- request: (options) => Promise.resolve({}),
-});
-
-// Adapting the Route Component
-const RouteSwitch = createRouteSwitch({
- components: {
- AdminLayout,
- AuthLayout,
- RouteSchemaRenderer,
- },
-});
-
-ReactDOM.render(
-
-
-
- ,
- document.getElementById('root'),
-);
-
-
-For more details, you can initialize the project scaffolding and experience it via `create-nocobase-app`.
-
-```bash
-yarn create nocobase-app my-nocobase-project
-```
-
-By default, nocobase-app uses umijs as the project builder and integrates Server as the data interface. The initialized directory structure is as follows
-
-```bash
-|- src
- |- pages
- |- apis
-|- .env
-|- .umirc.ts
-|- package.json
-```
-
-## Cases
-
-Small MIS with full front and back ends.
-
-
-
-API service with no client, providing a pure back-end interface.
-
-
-
-Applet + Backend admin, only one set of database, but two sets of users and permissions, one for backend users and one for applet users.
-
-
-
-SaaS service (shared user), each application has its own supporting database and the data of each application is completely isolated. Applications don't need user and permission modules, SaaS master is shared globally now.
-
-
-
-SaaS service (independent user), each app has its own independent user module and permissions, and the app can be bound to its own domain.
-
-
diff --git a/docs/guide/kernel-principle/server-side-kernel.zh-CN.md b/docs/guide/kernel-principle/server-side-kernel.zh-CN.md
deleted file mode 100644
index c9d8211f3..000000000
--- a/docs/guide/kernel-principle/server-side-kernel.zh-CN.md
+++ /dev/null
@@ -1,903 +0,0 @@
----
-order: 1
----
-
-# 服务端内核
-
-## 微服务 - Microservices
-
-为了更快的理解 NocoBase，我们先创建一个应用，新建一个 app.js 文件，代码如下：
-
-```ts
-const { Application } = require('@nocobase/server');
-
-const app = new Application({
- // 省略配置信息
-});
-
-// 配置一张 users 表
-app.collection({
- name: 'users',
- fields: [
- { type: 'string', name: 'username' },
- { type: 'password', name: 'password' }
- ],
-});
-
-// 解析 argv 参数，终端通过命令行进行不同操作
-app.parse(process.argv);
-```
-
-终端运行
-
-```bash
-# 根据配置生成数据库表结构
-node app.js db:sync
-# 启动应用
-node app.js start --port=3000
-```
-
-相关 users 表的 REST API 就生成了
-
-```bash
-GET http://localhost:3000/api/users
-POST http://localhost:3000/api/users
-GET http://localhost:3000/api/users/1
-PUT http://localhost:3000/api/users/1
-DELETE http://localhost:3000/api/users/1
-```
-
-以上示例，只用了 10 行左右的代码就创建了真实可用的 REST API 服务。除了内置的 REST API 以外，还可以通过 `app.actions()` 自定义其他操作，如登录、注册、注销等。
-
-```ts
-app.actions({
- async login(ctx, next) {},
- async register(ctx, next) {},
- async logout(ctx, next) {},
-}, {
- resourceName: 'users', // 属于 users 资源
-});
-```
-
-以上自定义操作的 HTTP API 为：
-
-```bash
-POST http://localhost:3000/api/users:login
-POST http://localhost:3000/api/users:register
-POST http://localhost:3000/api/users:logout
-```
-
-自定义的 HTTP API 依旧保持 REST API 的风格，以 `
-import React from 'react';
-import { MemoryRouter } from 'react-router-dom';
-import { ClientSDK, Application } from '@nocobase/client';
-
-// 初始化 client 实例
-const client = new ClientSDK({
- request: (options) => Promise.resolve({}),
-});
-
-// 适配 Route Component
-const RouteSwitch = createRouteSwitch({
- components: {
- AdminLayout,
- AuthLayout,
- RouteSchemaRenderer,
- },
-});
-
-ReactDOM.render(
-
-
-
-
- ,
- document.getElementById('root'),
-);
-
-
-更多细节，可以通过 `create-nocobase-app` 初始化项目脚手架并体验。
-
-```bash
-yarn create nocobase-app my-nocobase-project
-```
-
-nocobase-app 默认使用 umijs 作为项目构建工具，并集成了 Server 作数据接口，初始化的目录结构如下：
-
-```bash
-|- src
- |- pages
- |- apis
-|- .env
-|- .umirc.ts
-|- package.json
-```
-
-## 场景 - Cases
-
-小型管理信息系统，具备完整的前后端。
-
-
-
-API 服务，无客户端，提供纯后端接口。
-
-
-
-小程序 + 后台管理，只需要一套数据库，但有两套用户和权限，一套用于后台用户，一套用于小程序用户。
-
-
-
-SaaS 服务（共享用户），每个应用有自己配套的数据库，各应用数据完全隔离。应用不需要用户和权限模块，SaaS 主站全局共享了。
-
-
-
-SaaS 服务（独立用户），每个应用有自己的独立用户模块和权限，应用可以绑定自己的域名。
-
-
diff --git a/docs/guide/plugin-development/client-side-plugin.md b/docs/guide/plugin-development/client-side-plugin.md
deleted file mode 100644
index 39eca19c6..000000000
--- a/docs/guide/plugin-development/client-side-plugin.md
+++ /dev/null
@@ -1,15 +0,0 @@
----
-order: 3
----
-
-# Client-side Plugin
-
-The directory structure of the client-side plugins
-
-```bash
-|- /src/
- |- /api/ # Server-side extensions
- |- /components/ # Client-side components
- |- index.ts
-|- package.json
-```
diff --git a/docs/guide/plugin-development/client-side-plugin.zh-CN.md b/docs/guide/plugin-development/client-side-plugin.zh-CN.md
deleted file mode 100644
index f511f55aa..000000000
--- a/docs/guide/plugin-development/client-side-plugin.zh-CN.md
+++ /dev/null
@@ -1,15 +0,0 @@
----
-order: 3
----
-
-# 客户端插件
-
-客户端插件的目录结构
-
-```bash
-|- /src/
- |- /api/ # 服务端扩展
- |- /components/ # 客户端组件
- |- index.ts
-|- package.json
-```
diff --git a/docs/guide/plugin-development/i18n.md b/docs/guide/plugin-development/i18n.md
deleted file mode 100644
index e0df87f6d..000000000
--- a/docs/guide/plugin-development/i18n.md
+++ /dev/null
@@ -1,107 +0,0 @@
----
-order: 4
----
-
-# Internationalization
-
-NocoBase uses i18next for internationalization support, unified front and back end, namespace support, perfect for NocoBase plugin system.
-
-## Server side
-
-Initialize i18n
-
-```ts
-const app = new Application({
- i18n: {},
-});
-
-// Translate
-app.i18n.t('hello');
-```
-
-In middleware using
-
-```ts
-async (ctx, next) => {
- ctx.body = ctx.t('hello');
- // In middleware i18n is cloneInstance
- ctx.i18n.changeLanguage('zh-CN')
-}
-```
-
-How to use the
-
-```ts
-// Add the plugin's language resources
-app.i18n.addResources('zh-CN', 'nocobase-plugin-xxx', {
- hello: 'hello plugin-xxx',
-});
-
-// need to specify ns, e.g.
-app.i18n.t('hello', { ns: 'nocobase-plugin-xxx' });
-
-// middleware
-async (ctx, next) => {
- ctx.body = ctx.t('hello', { ns: 'nocobase-plugin-xxx' });
-}
-```
-
-## Client
-
-To use in a component, by way of the `useTranslation` hook.
-
-```js
-import { useTranslation } from 'react-i18next';
-
-export default () => {
- const { t, i18n } = useTranslation('nocobase-plugin-xxx');
-
- return (
-
-
-
-
{
- return (
- {t('hello')}
-
-
-
-
- );
-};
-```
-
-在 Schema 中使用，将 t 注入给 scope
-
-```js
-import { i18n, createSchemaComponent } from '@nocobase/client';
-
-const SchemaComponent = createSchemaComponent({
- scope: {
- t: i18n.t,
- }
-});
-
-const schema = {
- type: 'void',
- title: "{{ t('hello') }}",
- 'x-component': 'Hello',
-};
-
-export default () => {
- return (
- {t('hello')}
-
-
-## 3. Log in to NocoBase
-
-Use a browser to open http://localhost:8000 and you will see the login page of NocoBase. The initial account is `admin@nocobase.com` and the password is `admin123`.
-
-
-
-## 4. Create Collections and Fields
-
-NocoBase provides a global data table configuration panel to facilitate users to quickly create collections and fields.
-
-
-
-Follow the instructions in the video to create the posts and tags tables and several fields.
-
-## 5. Configure Menus and Pages
-
-Next, add new menu groups and pages to manage the article and tag data you just created.
-
-
-
-## 6. Create Blocks to Pages
-
-Create table blocks of articles and labels in the page configured in the previous step, and enable the actions that need to be opened.
-
-```ts
-// coming soon
-```
-
-## 7. Add Data
-
-Now you can add posts and tags.
-
-```ts
-// coming soon
-```
-
-## 8. Connect to the API
-
-In addition to the visual interface, data resources can also be accessed through the [REST API](/zh-CN/api/rest-api) provided by NocoBase.
-
-- post resorce：http://localhost:8000/api/posts
-- user resource ：http://localhost:8000/api/tags
-
-You can directly click to open the above API address, or use a tool like Postman to access it. NocoBase also provides a more suitable API Client (JavaScript SDK) to manage NocoBase data resources. For more information, please refer to the [API Client](/zh-CN/api/client#apiclient) chapter.
\ No newline at end of file
diff --git a/docs/guide/quickstart.zh-CN.md b/docs/guide/quickstart.zh-CN.md
deleted file mode 100644
index 2397d19b8..000000000
--- a/docs/guide/quickstart.zh-CN.md
+++ /dev/null
@@ -1,112 +0,0 @@
----
-order: 2
-toc: menu
----
-
-# 快速入门
-
-本篇文章将帮助你快速安装并启动 NocoBase，并介绍基本的使用方法。
-
-## 1. 环境要求
-
-请确保你的系统已经安装了 Node.js 12.x 或以上版本。
-
-```bash
-$ node -v
-v12.13.1
-```
-
-如果你没有安装 Node.js 可以从官网下载并安装[最新的 LTS 版本](https://nodejs.org/en/download/)。如果你打算长期与 Node.js 打交道，推荐使用 [nvm](https://github.com/nvm-sh/nvm)（Win 系统可以使用 [nvm-windows](https://github.com/coreybutler/nvm-windows) ）来管理 Node.js 版本。
-
-另外，推荐使用 yarn 包管理器。
-
-```bash
-$ npm install --global yarn
-```
-
-由于国内网络环境的原因，强烈建议你更换国内镜像。
-
-```bash
-$ yarn config set registry https://registry.npm.taobao.org/
-```
-
-环境准备就绪，下一步我们来安装一个 NocoBase 应用。
-
-## 2. 安装与启动
-
-为了方便新人快速的安装并启动， NocoBase 提供了一行非常简单的命令：
-
-```bash
-$ yarn create nocobase-app my-nocobase-app --quickstart --lang=zh-CN
-```
-
-上面这行命令会帮助你快速的下载、安装并启动 NocoBase 应用。如果你喜欢分步执行，也可以这样：
-
-```bash
-# 1. 创建项目
-$ yarn create nocobase-app my-nocobase-app
-
-# 2. 切换到项目根目录
-$ cd my-nocobase-app
-
-# 3. 初始化数据
-$ yarn nocobase init --import-demo --lang=zh-CN
-
-# 4. 启动项目
-$ yarn start
-```
-
-分步执行有助于理解整个流程，也更易于排查安装过程中出现的问题。如果出现问题，你也无法自行解决，请将终端输出的错误日志贴在 [GitHub Issue](https://github.com/nocobase/nocobase/issues) 上，大家会一起帮你解决问题。
-
-当你看到下面内容，说明你刚才创建的 NocoBase 已经安装并启动了。
-
-
-
-## 3. 登录 NocoBase
-
-使用浏览器打开 http://localhost:8000 ，你会看到 NocoBase 的登录页面，初始的账号为 `admin@nocobase.com`，密码为 `admin123`。
-
-
-
-## 4. 创建数据表和字段
-
-NocoBase 提供了一个全局的数据表配置面板，方便用户快速的创建数据表和字段。
-
-
-
-按照视频的提示，创建文章（posts）和标签（tags）两张数据表和若干字段。
-
-## 5. 配置菜单和页面
-
-接着，添加新的菜单分组和页面用于管理刚才创建的文章和标签数据。
-
-
-
-## 6. 在页面内布置区块
-
-在上一步配置的页面里创建文章和标签的表格区块，并启用需要开放的操作。
-
-```ts
-// 视频
-```
-
-## 7. 添加文章和标签数据
-
-现在可以添加文章和标签了。
-
-```ts
-// 视频
-```
-
-## 8. 通过 API 访问
-
-除了可视化界面以外，也可以通过 NocoBase 提供的 [REST API](/zh-CN/api/rest-api) 访问数据资源。
-
-- 文章资源：http://localhost:8000/api/posts
-- 标签资源：http://localhost:8000/api/tags
-
-你可以直接点击打开上面 API 地址，或者使用类似 Postman 的工具访问。NocoBase 也提供了更贴合的 API Client（JavaScript SDK）来管理 NocoBase 数据资源，更多内容请查看 [API Client](/zh-CN/api/client#apiclient) 章节。
\ No newline at end of file
diff --git a/docs/images/API.png b/docs/images/API.png
deleted file mode 100644
index 9528ae3aa..000000000
Binary files a/docs/images/API.png and /dev/null differ
diff --git a/docs/images/MiniMIS.png b/docs/images/MiniMIS.png
deleted file mode 100644
index 3da87253d..000000000
Binary files a/docs/images/MiniMIS.png and /dev/null differ
diff --git a/docs/images/MiniProgram.png b/docs/images/MiniProgram.png
deleted file mode 100644
index b54052ab6..000000000
Binary files a/docs/images/MiniProgram.png and /dev/null differ
diff --git a/docs/images/NocoBase.png b/docs/images/NocoBase.png
deleted file mode 100644
index ae481139d..000000000
Binary files a/docs/images/NocoBase.png and /dev/null differ
diff --git a/docs/images/SaaS1.png b/docs/images/SaaS1.png
deleted file mode 100644
index 16b53a01d..000000000
Binary files a/docs/images/SaaS1.png and /dev/null differ
diff --git a/docs/images/SaaS2.png b/docs/images/SaaS2.png
deleted file mode 100644
index 99c8f61a6..000000000
Binary files a/docs/images/SaaS2.png and /dev/null differ
diff --git a/docs/images/img1.png b/docs/images/img1.png
deleted file mode 100644
index 1d0234fd6..000000000
Binary files a/docs/images/img1.png and /dev/null differ
diff --git a/docs/images/img2.png b/docs/images/img2.png
deleted file mode 100644
index 2462e69a7..000000000
Binary files a/docs/images/img2.png and /dev/null differ
diff --git a/docs/index.md b/docs/index.md
index 23944fd7c..85f6100c8 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,5 +1,21 @@
---
-sidemenu: false
+hero:
+ title: umilib
+ desc: umilib site example
+ actions:
+ - text: Getting Started
+ link: /components
+features:
+ - icon: https://gw.alipayobjects.com/zos/bmw-prod/881dc458-f20b-407b-947a-95104b5ec82b/k79dm8ih_w144_h144.png
+ title: Feature 1
+ desc: Balabala
+ - icon: https://gw.alipayobjects.com/zos/bmw-prod/d60657df-0822-4631-9d7c-e7a869c2f21c/k79dmz3q_w126_h126.png
+ title: Feature 2
+ desc: Balabala
+ - icon: https://gw.alipayobjects.com/zos/bmw-prod/d1ee0c6f-5aed-4a45-a507-339a4bfe076c/k7bjsocq_w144_h144.png
+ title: Feature 3
+ desc: Balabala
+footer: Open-source MIT Licensed | Copyright © 2020Powered by [dumi](https://d.umijs.org) --- -
-
- );
-};
-
-export default function IndexPage() {
- return (
-
- {compile(props.title)}
-
-
- {
- let fieldIndex = field?.value?.findIndex((item) => {
- return item.actionName === actionName;
- });
- if (e.target.checked) {
- if (fieldIndex === -1) {
- field.push({
- actionName,
- collection_name: ctx.record.name,
- role_name: role.name,
- fields: dataSource?.map((item) => {
- return item?.field?.key;
- }),
- });
- } else {
- field.value[fieldIndex].fields = dataSource?.map((item) => {
- return item?.field?.key;
- });
- }
- } else {
- if (fieldIndex > -1) {
- field.value[fieldIndex].fields = [];
- }
- }
- }}
- />{' '}
- {compile(actionTypeMap.get(actionName))}
-
- );
- };
- const columns: any[] = ['create', 'get', 'update'].map((actionName) => ({
- title:
- {compile(actionTypeMap.get(value))},
- },
- {
- title: t('Action type'),
- dataIndex: 'actionName',
- render: (value) =>
- value === 'create' ? (
-
-
-