@modern-js/module-tools-docs 2.32.1 → 2.33.0

package/docs/zh/guide/advance/theme-config.mdx

@@ -1,64 +0,0 @@
----
-sidebar_position: 6
----
-
-# 主题配置
-
-Module Tools 通过 [`designSystem`](/api/config/design-system) 选项，提供了配置 Tailwind CSS 主题的能力。
-
-## 动机和原理
-
-主题配置有些类似组件库中的定制主题功能，主要用于开发样式。当你使用 `designSystem` 时，它会作为 Tailwind CSS 的 `theme` 配置。因此你可以使用：
-
-- Tailwind CSS 支持的 CSS 类名。
-- 在 CSS/Less/Sass 下通过 `@apply` 自定义指令使用与 Tailwind CSS 支持的 CSS 类名同名的字符串。
-
-关于 `designSystem` 的默认值，可以查看 [`designSystem` API](/api/config/design-system)。
-
-## 使用示例
-
-在使用 Tailwind CSS 的时候，可以通过 `designSystem` 来设置它的 [`theme`](https://tailwindcss.com/docs/theme) 配置。
-
-例如在下面的配置中扩展了原有的颜色配置:
-
-```ts title="modern.config.ts"
-export default {
-  designSystem: {
-    extend: {
-      colors: {
-        primary: '#1677ff',
-      },
-    },
-  },
-};
-```
-
-在代码中，我们可以有两种使用 Tailwind CSS 的方式。
-
-#### CSS 类名
-
-```tsx title="./src/index.tsx"
-import 'tailwindcss/utilities.css';
-
-export default () => {
-  return <div className="bg-primary"></div>;
-};
-```
-
-#### `@apply` 指令
-
-关于 [`@apply`](https://tailwindcss.com/docs/functions-and-directives#apply)。
-
-```tsx title="./src/index.tsx"
-import './index.css';
-
-export default () => {
-  return <div className="btn-primary"></div>;
-};
-```
-
-```css title="./src/index.css"
-.btn-primary {
-  @apply bg-primary;
-}
-```

package/modern.config.ts

@@ -1,124 +0,0 @@
-import path from 'path';
-import { docTools, defineConfig, NavItem } from '@modern-js/doc-tools';
-import { pluginAutoSidebar } from '@modern-js/doc-plugin-auto-sidebar';
-
-const { version } = require('./package.json');
-
-function getI18nHelper(lang: 'zh' | 'en') {
-  const cn = lang === 'zh';
-  const prefix = cn ? '' : '/en';
-  const getLink = (str: string) => `${prefix}${str}`;
-  const getText = (cnText: string, enText: string) => (cn ? cnText : enText);
-  return { getText, getLink };
-}
-
-function getNavbar(lang: 'zh' | 'en'): NavItem[] {
-  const { getLink, getText } = getI18nHelper(lang);
-
-  return [
-    {
-      text: getText('指南', 'Guide'),
-      link: getLink('/guide/intro/welcome'),
-      activeMatch: '^/guide/',
-    },
-    {
-      text: getText('API', 'API'),
-      link: getLink('/api/'),
-      activeMatch: '^/api/',
-    },
-    {
-      text: getText('插件', 'Plugins'),
-      link: getLink('/plugins/guide/getting-started'),
-      activeMatch: '^/plugins/',
-    },
-    {
-      text: `v${version}`,
-      items: [
-        {
-          text: getText('更新日志', 'Changelog'),
-          link: 'https://github.com/web-infra-dev/modern.js/tree/main/packages/solutions/module-tools/CHANGELOG.md',
-        },
-        {
-          text: getText('贡献指南', 'Contributing'),
-          link: 'https://modernjs.dev/en/community/contributing-guide.html',
-        },
-      ],
-    },
-  ];
-}
-
-export default defineConfig({
-  plugins: [docTools()],
-  doc: {
-    root: path.join(__dirname, 'docs'),
-    lang: 'zh',
-    base: '/module-tools/',
-    title: 'Module Tools',
-    icon: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/logo-1x-0104.png',
-    // The plugins for doc tools.
-    plugins: [
-      pluginAutoSidebar({
-        root: path.join(__dirname, 'docs'),
-        categories: ['zh', 'en']
-          .map(lang =>
-            ['guide', 'api', 'plugins'].map(category => `${lang}/${category}`),
-          )
-          .flat(),
-        collapsed: false,
-      }),
-    ],
-    markdown: {
-      checkDeadLinks: true,
-      experimentalMdxRs: true,
-    },
-    themeConfig: {
-      footer: {
-        message: 'Copyright © 2023 ByteDance.',
-      },
-      socialLinks: [
-        {
-          icon: 'github',
-          mode: 'link',
-          content:
-            'https://github.com/web-infra-dev/modern.js/tree/main/packages/solutions/module-tools',
-        },
-      ],
-      locales: [
-        {
-          lang: 'zh',
-          label: '简体中文',
-          nav: getNavbar('zh'),
-          title: 'Module Tools',
-          outlineTitle: '目录',
-          prevPageText: '上一页',
-          nextPageText: '下一页',
-          description: '模块工程解决方案',
-        },
-        {
-          lang: 'en',
-          label: 'English',
-          nav: getNavbar('en'),
-          title: 'Module Tools',
-          description: 'Module Engineering Solutions',
-        },
-      ],
-      editLink: {
-        docRepoBaseUrl:
-          'https://github.com/web-infra-dev/modern.js/tree/main/packages/document/module-doc/docs',
-        text: 'Edit this page on GitHub',
-      },
-    },
-    builderConfig: {
-      dev: {
-        startUrl: 'http://localhost:<port>/module-tools/',
-      },
-      source: {
-        alias: {
-          '@site-docs': path.join(__dirname, './docs/zh'),
-          '@site-docs-en': path.join(__dirname, './docs/en'),
-          '@site': require('path').resolve(__dirname),
-        },
-      }
-    },
-  },
-});