innocces / dumi-theme-chakra Goto Github PK

Versions

• dumi: "^2.0.2", "dumi-theme-chakra": "^0.0.7"
• node: 16
• OS: mac10+
• Browser: chrome

版本

• dumi-theme-chakra: 0.0.20
• dumi: 2.2.1
• node: 16.16.0
• npm: pnpm
• OS: macOS Catalina
• Browser: Chrome/114.0.0.0

版本

• dumi-theme-chakra: --
• dumi: --
• node: --
• npm: --
• OS: macOS 13.1
• Browser: FireFox 109

复现步骤

访问官网：https://dumi-theme-chakra.deno.dev/

你期望的现象？

Hero 按钮对齐

现有的现象？

Hero 的主按钮与次按钮没有对齐：

复现 repo(最好可以提供一个复现的 repo)

--

Question

Sample Code

如果英语为第一语言，进行切换以后，其他语言的一级菜单不展示。
修改中文为第一语言，切换后，一级菜单始终展示

版本

• dumi-theme-chakra: 0.0.21
• dumi: 2.2.1
• node:
• npm:
• OS:
• Browser:

复现步骤

你期望的现象？

现有的现象？

dp-components.zip
复现 repo(最好可以提供一个复现的 repo)

版本

• dumi-theme-chakra: current latest —— v0.0.11
• dumi: v2.1.13
• node: v16.16.0
• npm: v8.11.0
• OS: macOS 13.2.1
• Browser: Edge latest

复现步骤

1. git clone https://github.com/innocces/dumi-theme-chakra.git
2. Add outputPath: 'dist-doc', config to example/.dumirc.ts, for more detail: https://d.umijs.org/config#outputpath
3. Run pnpm run build

你期望的现象？

The static assets should output to dist-doc directory

现有的现象？

The static assets actually output to dist directory
可能还有其他的 dumi 官方支持的配置项在该主题里面不被支持？麻烦检查一下，谢谢哈

复现 repo(最好可以提供一个复现的 repo)

https://github.com/innocces/dumi-theme-chakra.git

版本

• dumi-theme-chakra:
• dumi:
• node:
• npm:
• OS:
• Browser:

复现步骤

访问官网：https://dumi-theme-chakra.deno.dev/

点击按钮文字外侧 padding 部分，无效。

你期望的现象？

整个按钮都可以点击

现有的现象？

复现 repo(最好可以提供一个复现的 repo)

版本

• dumi-theme-chakra: latest
• dumi: latest
• node:
• npm:
• OS: macOS
• Browser:

现有的现象？

搜索框关闭按钮无效

Question

Sample Code

import { defineConfig } from 'dumi';
import { defineThemeConfig, baseTheme } from 'dumi-theme-chakra';

export default defineConfig({
  devtool: 'cheap-module-source-map',
  themeConfig: {
    // https://github.com/umijs/dumi/issues/1655
    nprogress: false,
    name: '文档',
    logo: '/logo.png',
    ...defineThemeConfig({
      helmetIcon: '🍺',
      settingPanelVisible: true,
      thumbBackground: true,
      brand: baseTheme.colors.teal,
      hero: {
        showVersionBadge: true,
      },
    }),
    footer: `Copyright © ${new Date().getFullYear()} `,
  },
});