@opentiny/vue-docs 2.2.19 → 2.2.21

package/demos/pc/app/time-line/status.vue

@@ -1,11 +1,16 @@
 <template>
   <div class="demo-timeline">
+    <p>
+      (1)
+      <code>autoColor</code>
+      可选状态值：<code>success</code>：成功；<code>warning</code>：警告；<code>error</code>：失败。
+    </p>
     <tiny-time-line :data="data1"></tiny-time-line>
     <br />
 
     <p>
-      竖式时间线可以通过 <code>type</code> 属性指定节点类型，可选值有 <code>primary</code>|<code>success</code>
-      |<code>warning</code>|<code>danger</code>|<code>info</code>
+      (2) 当<code>shape</code> = 'dot' 时，可以通过 <code>type</code> 属性指定节点类型，可选值有
+      <code>primary</code>|<code>success</code> |<code>warning</code>|<code>danger</code>|<code>info</code>
     </p>
     <tiny-time-line :data="data2" vertical shape="dot"></tiny-time-line>
   </div>
@@ -20,7 +25,13 @@ export default {
   },
   data() {
     return {
-      data1: [{ name: '默认状态' }, { name: '异常状态', error: true }, { name: '禁用状态', disabled: true }],
+      data1: [
+        { name: '默认状态' },
+        { name: '成功状态', autoColor: 'success' },
+        { name: '警告状态', autoColor: 'warning' },
+        { name: '异常状态', error: true }, // 也可以使用 autoColor: 'error'
+        { name: '禁用状态', disabled: true }
+      ],
       data2: [
         { name: '基本 / primary', time: '2019-11-10 00:00:00', type: 'primary' },
         { name: '成功 / success', time: '2019-11-11 00:01:30', type: 'success' },

package/demos/pc/app/time-line/webdoc/time-line.js

@@ -43,6 +43,20 @@ export default {
       },
       codeFiles: ['vertical-timeline.vue']
     },
+    {
+      demoId: 'status',
+      name: {
+        'zh-CN': '节点状态',
+        'en-US': 'Status of Node'
+      },
+      desc: {
+        'zh-CN':
+          '<p>通过指定时间线节点的 <code>autoColor</code> 或 <code>type</code> 属性指定其状态；同时 <code>disabled</code> 属性可设置是否禁用。</p>',
+        'en-US':
+          '<p>Specify the state of timeline nodes by setting the <code>autoColor</code> or <code>type</code> attribute, and use the <code>disabled</code> attribute to enable or disable them.</p>'
+      },
+      codeFiles: ['status.vue']
+    },
     {
       demoId: 'text-position',
       name: {
@@ -69,29 +83,54 @@ export default {
       codeFiles: ['shape.vue']
     },
     {
-      demoId: 'status',
+      demoId: 'set-node-width',
       name: {
-        'zh-CN': '节点状态',
-        'en-US': 'Status of Node'
+        'zh-CN': '宽度',
+        'en-US': 'Width Setting'
+      },
+      desc: {
+        'zh-CN': '<p>通过 <code>space</code> 属性设置节点的宽度。</p>\n',
+        'en-US': '<p>Use the <code>space</code> attribute to set the width of timeline node. </p>\n'
+      },
+      codeFiles: ['set-node-width.vue']
+    },
+    {
+      demoId: 'custom-icon',
+      name: {
+        'zh-CN': '自定义图标',
+        'en-US': 'Custom Icon'
+      },
+      desc: {
+        'zh-CN': '<p>通过 <code>auto-color</code> 属性可自定义节点图标。</p>',
+        'en-US': '<p>Customize icon by using the <code>auto-color</code> attribute.</p>'
+      },
+      codeFiles: ['custom-icon.vue']
+    },
+    {
+      demoId: 'custom-field',
+      name: {
+        'zh-CN': '自定义字段',
+        'en-US': 'Custom Field'
       },
       desc: {
-        'zh-CN': '<p>横向时间线可以使用 <code>error</code>|<code>disabled</code> 指定单节点的状态。</p>',
+        'zh-CN':
+          '<p>通过 <code>name-field</code> 属性设置节点信息中名称对应的字段名；<code>time-field</code> 属性设置节点时间信息对应的字段名；<code>auto-color-field</code> 属性设置节点图标对应的字段名。</p>',
         'en-US':
-          '<p>Use the <code>error</code> or <code>disabled</code> attribute to set the appearance of a horizontal timeline node. </p>'
+          '<p>The <code>name-field</code> attribute is used to set the field name corresponding to the node name in the node information, the <code>time-field</code> attribute is used to set the field name corresponding to the node time information and the <code>auto-color-field</code> attribute is used to set the field name corresponding to the icon. </p>'
       },
-      codeFiles: ['status.vue']
+      codeFiles: ['custom-field.vue']
     },
     {
-      demoId: 'set-node-width',
+      demoId: 'set-start-value',
       name: {
-        'zh-CN': '宽度',
-        'en-US': 'Width Setting'
+        'zh-CN': '序号起始值',
+        'en-US': 'Start value of the sequence number'
       },
       desc: {
-        'zh-CN': '<p>通过 <code>space</code> 属性设置节点的宽度。</p>\n',
-        'en-US': '<p>Use the <code>space</code> attribute to set the width of timeline node. </p>\n'
+        'zh-CN': '<p>通过 <code>start</code> 属性设置时间线序号起始值。</p>\n',
+        'en-US': '<p>Set the start sequence number through the <code>start</code> attribute. </p>\n'
       },
-      codeFiles: ['set-node-width.vue']
+      codeFiles: ['set-start-value.vue']
     },
     {
       demoId: 'show-divider',
@@ -107,18 +146,6 @@ export default {
       },
       codeFiles: ['show-divider.vue']
     },
-    {
-      demoId: 'slot-description',
-      name: {
-        'zh-CN': '节点描述插槽',
-        'en-US': 'Node Description'
-      },
-      desc: {
-        'zh-CN': '<p>通过 <code>description</code> 插槽添加单个节点的描述信息。</p>',
-        'en-US': '<p>Add description information for a single node through the <code>description</code> slot.</p>'
-      },
-      codeFiles: ['slot-description.vue']
-    },
     {
       demoId: 'custom-horizontal-timeline',
       name: {
@@ -148,30 +175,16 @@ export default {
       codeFiles: ['custom-vertical-timeline.vue']
     },
     {
-      demoId: 'custom-field',
-      name: {
-        'zh-CN': '自定义字段',
-        'en-US': 'Custom Field'
-      },
-      desc: {
-        'zh-CN':
-          '<p>通过 <code>name-field</code> 属性设置节点信息中名称对应的字段名，<code>time-field</code> 属性设置节点时间信息对应的字段名。</p>\n',
-        'en-US':
-          '<p>The <code>name-field</code> attribute is used to set the field name corresponding to the node name in the node information, and the <code>time-field</code> attribute is used to set the field name corresponding to the node time information. </p>\n'
-      },
-      codeFiles: ['custom-field.vue']
-    },
-    {
-      demoId: 'set-start-value',
+      demoId: 'slot-description',
       name: {
-        'zh-CN': '序号起始值',
-        'en-US': 'Start value of the sequence number'
+        'zh-CN': '节点描述插槽',
+        'en-US': 'Node Description'
       },
       desc: {
-        'zh-CN': '<p>通过 <code>start</code> 属性设置时间线序号起始值。</p>\n',
-        'en-US': '<p>Set the start sequence number through the <code>start</code> attribute. </p>\n'
+        'zh-CN': '<p>通过 <code>description</code> 插槽添加单个节点的描述信息。</p>',
+        'en-US': '<p>Add description information for a single node through the <code>description</code> slot.</p>'
       },
-      codeFiles: ['set-start-value.vue']
+      codeFiles: ['slot-description.vue']
     }
   ]
 }

package/demos/pc/app/time-picker/default-value.spec.ts

@@ -13,14 +13,16 @@ test('选择器打开时默认时间设置', async ({ page }) => {
   await expect(hour).toHaveClass(/active/)
   await expect(minute).toHaveClass(/active/)
   await expect(second).toHaveClass(/active/)
+  await page.getByText('通过 default-value').click()
 
   // 日期范围选择
-  const startHour = page.locator('div:nth-child(2) > .tiny-time-spinner > div > .tiny-scrollbar__wrap > .tiny-scrollbar__view > li:nth-child(19)').first()
+  const startHour = page.getByRole('listitem').filter({ hasText: '18' }).first()
   const startMinute = page.getByRole('listitem').filter({ hasText: '40' }).first()
-  const startSecond = page.locator('div:nth-child(2) > .tiny-time-spinner > div:nth-child(3) > .tiny-scrollbar__wrap > .tiny-scrollbar__view > li').first()
-  const endHour = page.locator('div:nth-child(2) > div:nth-child(2) > .tiny-time-spinner > div > .tiny-scrollbar__wrap > .tiny-scrollbar__view > li:nth-child(19)').first()
+  const startSecond = page.getByRole('listitem').filter({ hasText: '00' }).nth(2)
+
+  const endHour = page.getByRole('listitem').filter({ hasText: '18' }).nth(3)
   const endMinute = page.getByRole('listitem').filter({ hasText: '50' }).nth(2)
-  const endSecond = page.locator('div:nth-child(2) > div:nth-child(2) > .tiny-time-spinner > div:nth-child(3) > .tiny-scrollbar__wrap > .tiny-scrollbar__view > li').first()
+  const endSecond = page.getByRole('listitem').filter({ hasText: '00' }).nth(5)
 
   await page.getByRole('textbox').nth(2).click()
   await expect(startHour).toHaveClass(/active/)

package/demos/pc/app/time-picker/disabled.spec.ts

@@ -13,13 +13,8 @@ test('测试禁用状态', async ({ page }) => {
   const timePicker = page.getByRole('textbox', { name: '18:40:00' }).nth(1)
   await page.getByRole('textbox', { name: '18:40:00' }).nth(1).click()
   await page.waitForTimeout(100)
-  await page
-    .locator(
-      'div:nth-child(8) > .tiny-time-panel__content > .tiny-time-spinner > div > .tiny-scrollbar__wrap > .tiny-scrollbar__view > li:nth-child(18)'
-    )
-    .first()
-    .click()
-  await page.waitForTimeout(100)
+  await page.getByRole('listitem').filter({ hasText: '17' }).first().click()
+  // 点击17点，点击确定，关闭选择框后，查看input 时间是否仍是18：40：00
   await page.getByRole('button', { name: '确定' }).click()
   await page.waitForTimeout(100)
   await expect(timePicker).toBeVisible()

package/demos/pc/app/time-picker/editable.spec.ts

@@ -5,10 +5,13 @@ test('文本框不可输入', async ({ page }) => {
   await page.goto('time-picker#editable')
 
   const timePicker = page.locator('.tiny-date-editor input')
-  const closeIcon = page.locator('svg.baseClearicon')
+  await timePicker.hover()
+  await page.waitForTimeout(100)
+  const closeIcon = page.locator('#editable path').first()
 
   await expect(timePicker).toHaveValue('18:40:00')
   await timePicker.hover()
+  await page.waitForTimeout(100)
   await closeIcon.click()
   await expect(timePicker).toHaveValue('')
   await timePicker.click()

package/demos/pc/app/time-picker/format.spec.ts

@@ -11,35 +11,33 @@ test('时间格式化', async ({ page }) => {
   await expect(page.getByRole('textbox', { name: '07:40:00 pm' })).toBeVisible()
 
   await page.getByRole('textbox', { name: '19:40:00 pm' }).click()
+  await page.waitForTimeout(100)
   await page.getByRole('listitem').filter({ hasText: '08 pm' }).locator('span').click()
   await page.getByRole('button', { name: '确定' }).click()
   await expect(page.getByRole('textbox', { name: '20:40:00 pm' })).toBeVisible()
 
   await page.getByRole('textbox', { name: '8:40:0 PM' }).click()
+  await page.waitForTimeout(100)
   await page.getByRole('listitem').filter({ hasText: '09 PM' }).locator('span').click()
   await page.getByRole('button', { name: '确定' }).click()
   await expect(page.getByRole('textbox', { name: '9:40:0 PM' })).toBeVisible()
 
   await page.getByRole('textbox', { name: '21:40:0 PM' }).click()
+  await page.waitForTimeout(100)
   await page.getByRole('listitem').filter({ hasText: '10 PM' }).locator('span').click()
   await page.getByRole('button', { name: '确定' }).click()
   await expect(page.getByRole('textbox', { name: '22:40:0 PM' })).toBeVisible()
 
   // value-format: 选中值的格式
   await page.getByRole('textbox', { name: '18:30:00' }).click()
+  await page.waitForTimeout(100)
   await page.getByRole('listitem').filter({ hasText: '19' }).first().click()
   await page.getByRole('button', { name: '确定' }).click()
   await expect(page.getByRole('textbox', { name: '19:30:00' })).toBeVisible()
 
   // picker-options.format: 下拉框中显示的格式
-  const timePickerHour = page
-    .locator(
-      'div:nth-child(13) > .tiny-time-panel__content > .tiny-time-spinner > div > .tiny-scrollbar__wrap > .tiny-scrollbar__view > li:nth-child(19)'
-    )
-    .first()
-  const timePickerMinute = page.locator(
-    'div:nth-child(13) > .tiny-time-panel__content > .tiny-time-spinner > div:nth-child(2) > .tiny-scrollbar__wrap > .tiny-scrollbar__view > li:nth-child(41)'
-  )
+  const timePickerHour = page.getByRole('listitem').filter({ hasText: '18' }).first()
+  const timePickerMinute = page.getByRole('listitem').filter({ hasText: '40' }).first()
   const timePickerSecond = page.locator('.of-hidden > div:nth-child(12) .tiny-scrollbar').nth(2)
   await page.getByRole('textbox', { name: '18:40:00' }).click()
   await page.waitForTimeout(200)

package/demos/pc/app/time-picker/is-range.spec.ts

@@ -8,7 +8,7 @@ test('范围选择', async ({ page }) => {
   const endTime = page.getByRole('textbox').nth(2)
   await page.getByRole('textbox').nth(1).click()
   await page.getByText('42').first().click()
-  await page.locator('div:nth-child(2) > div:nth-child(2) > .tiny-time-spinner > div > .tiny-scrollbar__wrap > .tiny-scrollbar__view > li:nth-child(21) > span').first().click()
+  await page.getByRole('listitem').filter({ hasText: '20' }).nth(3).click()
   await page.getByRole('button', { name: '确定' }).click()
   await expect(startTime).toHaveValue('18:42:00')
   await expect(endTime).toHaveValue('20:50:00')

package/demos/pc/app/time-picker/picker-options.spec.ts

@@ -1,20 +1,22 @@
 import { test, expect } from '@playwright/test'
 
-test('选择时间范围', async ({ page }) => {
+test('固定时间范围', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('time-picker#is-range')
+  await page.goto('time-picker#picker-options')
 
-  const startTime = page.getByRole('textbox').nth(1)
-  const endTime = page.getByRole('textbox').nth(2)
-  await page.getByRole('textbox').nth(1).click()
-  await page.getByText('42').first().click()
-  await page
-    .locator(
-      'div:nth-child(2) > div:nth-child(2) > .tiny-time-spinner > div > .tiny-scrollbar__wrap > .tiny-scrollbar__view > li:nth-child(21) > span'
-    )
-    .first()
-    .click()
+  const selectTime = page.getByRole('textbox', { name: '18:40:00' })
+  // 点击17点，点击确定，关闭选择框后，查看input 时间是否仍是18：40：00
+  await selectTime.click()
+  await page.waitForTimeout(100)
+  await page.getByRole('listitem').filter({ hasText: '17' }).first().click()
   await page.getByRole('button', { name: '确定' }).click()
-  await expect(startTime).toHaveValue('18:42:00')
-  await expect(endTime).toHaveValue('20:50:00')
+  await page.waitForTimeout(100)
+  await expect(selectTime).toBeVisible()
+  // 点击21点，点击确定，关闭选择框后，查看input 时间是否仍是18：40：00
+  await selectTime.click()
+  await page.waitForTimeout(100)
+  await page.getByRole('listitem').filter({ hasText: '21' }).first().click()
+  await page.getByRole('button', { name: '确定' }).click()
+  await page.waitForTimeout(100)
+  await expect(selectTime).toBeVisible()
 })

package/demos/pc/app/tree-menu/lazy-load-composition-api.vue

@@ -1,5 +1,5 @@
 <template>
-  <tiny-tree-menu lazy :load="loadNode"></tiny-tree-menu>
+  <tiny-tree-menu :data="[]" lazy :load="loadNode"></tiny-tree-menu>
 </template>
 
 <script setup>

package/demos/pc/app/tree-menu/lazy-load.vue

@@ -1,5 +1,5 @@
 <template>
-  <tiny-tree-menu lazy :load="loadNode"></tiny-tree-menu>
+  <tiny-tree-menu :data="[]" lazy :load="loadNode"></tiny-tree-menu>
 </template>
 
 <script>

package/demos/pc/menus.js

@@ -1,35 +1,78 @@
-const isOpen = import.meta.env.VITE_BUILD_TARGET === 'open'
+const envTarget = import.meta.env.VITE_BUILD_TARGET || 'open'
+const envTheme = import.meta.env.VITE_TINY_THEME || 'default'
 export const standaloneMenus = [
   {
     label: '组件总览',
     key: 'overview'
   }
 ]
+
+const docMenusChildren = [
+  { 'title': '更新日志', 'titleEn': 'Changelog', 'key': 'changelog' },
+  { 'title': '环境准备', 'titleEn': 'envpreparation', 'key': 'envpreparation' },
+  { 'title': '安装', 'titleEn': 'installation', 'key': 'installation' },
+  { 'title': '引入组件', 'titleEn': 'importComponents', 'key': 'import-components' },
+  {
+    'title': '后端适配器',
+    'titleEn': 'adapter',
+    'key': 'adapter',
+    showScene: {
+      target: ['inner']
+    }
+  },
+  {
+    'title': '开发示例',
+    'titleEn': 'developDemo',
+    'key': 'develop-demo',
+    showScene: {
+      target: ['inner']
+    }
+  },
+  { 'title': '创建项目', 'titleEn': 'tinyStage', 'key': 'tiny-stage' },
+  { 'title': '国际化', 'titleEn': 'i18n', 'key': 'i18n' },
+  {
+    'title': '主题配置',
+    'titleEn': 'theme',
+    'key': 'theme',
+    showScene: {
+      theme: ['default']
+    }
+  },
+  { 'title': '表单校验配置', 'titleEn': 'formValid', 'key': 'form-valid' },
+  { 'title': '常见问题', 'titleEn': 'faq', 'key': 'faq' },
+  {
+    'title': '社区求助',
+    'titleEn': 'help',
+    'key': 'help',
+    showScene: {
+      target: ['inner']
+    }
+  },
+  {
+    'title': '适配AUI',
+    'titleEn': 'Adapter AUI',
+    'key': 'aui-adapter',
+    showScene: {
+      theme: ['saas']
+    }
+  }
+]
 export const docMenus = [
   {
     'label': '使用指南',
     'labelEn': 'Usage Guidelines',
     'key': 'docs_usage_guidelines',
-    // 为了保持新旧官网对应文档路由的一致，文档对内和对外的差异判断逻辑放到了docs组件中。
-    'children': [
-      { 'title': '更新日志', 'titleEn': 'Changelog', 'key': 'changelog' },
-      { 'title': '环境准备', 'titleEn': 'envpreparation', 'key': 'envpreparation' },
-      { 'title': '安装', 'titleEn': 'installation', 'key': 'installation' },
-      { 'title': '引入组件', 'titleEn': 'importComponents', 'key': 'import-components' },
-      { 'title': '开发示例', 'titleEn': 'developDemo', 'key': 'develop-demo' },
-      { 'title': '国际化', 'titleEn': 'i18n', 'key': 'i18n' },
-      { 'title': '主题配置', 'titleEn': 'theme', 'key': 'theme' },
-      { 'title': '表单校验配置', 'titleEn': 'formValid', 'key': 'form-valid' },
-      { 'title': '常见问题', 'titleEn': 'faq', 'key': 'faq' }
-    ]
+    'children': docMenusChildren.filter((item) => {
+      if (!item.showScene) {
+        return true
+      }
+      // 根据envTarget和envTheme判断是否展示文档
+      const { target, theme } = item.showScene
+      return (target?.includes(envTarget) ?? true) && (theme?.includes(envTheme) ?? true)
+    })
   }
 ]
-// 内网比外网多出三文档，为了保存文档顺序，使用splice插入到对应位置
-if (!isOpen) {
-  docMenus[0].children.splice(4, 0, { 'title': '后端适配器', 'titleEn': 'adapter', 'key': 'adapter' })
-  docMenus[0].children.splice(6, 0, { 'title': '创建项目', 'titleEn': 'tinyStage', 'key': 'tiny-stage' })
-  docMenus[0].children.splice(10, 0, { 'title': '社区求助', 'titleEn': 'help', 'key': 'help' })
-}
+
 export const cmpMenus = [
   {
     'label': '框架风格',
@@ -79,7 +122,7 @@ export const cmpMenus = [
       { 'nameCn': '抽屉', 'name': 'Drawer', 'key': 'drawer' },
       { 'nameCn': '过滤器面板', 'name': 'FilterPanel', 'key': 'filter-panel' },
       { 'nameCn': '面板分割', 'name': 'Split', 'key': 'split' },
-      { 'nameCn': '卡片', 'name': 'Card', 'key': 'card' }
+      { 'nameCn': '卡片', 'name': 'Card', 'key': 'card', 'mark': { 'text': 'New' } }
     ]
   },
   {
@@ -198,7 +241,8 @@ export const cmpMenus = [
       { 'nameCn': '拓扑图', 'name': 'Topology Diagram', 'key': 'chart-graph' },
       { 'nameCn': '百度地图', 'name': 'Baidu Map', 'key': 'chart-baidu-map' },
       { 'nameCn': '高德地图', 'name': 'Gaud Map', 'key': 'chart-autonavi-map' },
-      { 'nameCn': '箱形图', 'name': 'Box diagram', 'key': 'chart-boxplot' }
+      { 'nameCn': '箱形图', 'name': 'Box diagram', 'key': 'chart-boxplot' },
+      { 'nameCn': '进度图', 'name': 'Process Chart', 'key': 'chart-process' }
     ]
   },
   {
@@ -211,7 +255,8 @@ export const cmpMenus = [
       { 'nameCn': '树形控件', 'name': 'Tree', 'key': 'tree' },
       { 'nameCn': '穿梭框', 'name': 'Transfer', 'key': 'transfer' },
       { 'nameCn': '无限滚动', 'name': 'InfiniteScroll', 'key': 'infinite-scroll' },
-      { 'nameCn': '骨架屏', 'name': 'Skeleton', 'key': 'skeleton' }
+      { 'nameCn': '骨架屏', 'name': 'Skeleton', 'key': 'skeleton', 'mark': { 'text': 'New' } },
+      { 'nameCn': '统计', 'name': 'Statistic', 'key': 'statistic' }
     ]
   },
   {
@@ -237,37 +282,10 @@ export const cmpMenus = [
       { 'nameCn': '公告牌', 'name': 'BulletinBoard', 'key': 'bulletin-board' },
       { 'nameCn': '日历', 'name': 'Calendar', 'key': 'calendar' },
       { 'nameCn': '日历视图', 'name': 'CalendarView', 'key': 'calendar-view' },
-      {
-        'nameCn': '信用卡表单',
-        'name': 'CreditCardForm',
-        'key': 'credit-card-form',
-        'mark': {
-          'type': 'danger',
-          'text': 'Del'
-        }
-      },
       { 'nameCn': '图片裁剪', 'name': 'Crop', 'key': 'crop' },
-      {
-        'nameCn': '表头详情栏',
-        'name': 'DetailPage',
-        'key': 'detail-page',
-        'mark': {
-          'type': 'danger',
-          'text': 'Del'
-        }
-      },
       { 'nameCn': '图片预览', 'name': 'Image', 'key': 'image' },
       { 'nameCn': '评分', 'name': 'Rate', 'key': 'rate' },
       { 'nameCn': '文字滚动', 'name': 'ScrollText', 'key': 'scroll-text' },
-      {
-        'nameCn': '滚动块',
-        'name': 'SlideBar',
-        'key': 'slide-bar',
-        'mark': {
-          'type': 'danger',
-          'text': 'Del'
-        }
-      },
       { 'nameCn': '标签', 'name': 'Tag', 'key': 'tag' },
       { 'nameCn': '标签组', 'name': 'TagGroup', 'key': 'tag-group' },
       { 'nameCn': '输入框', 'name': 'TextPopup', 'key': 'text-popup' },
@@ -276,26 +294,13 @@ export const cmpMenus = [
       { 'nameCn': '全屏显示', 'name': 'Fullscreen', 'key': 'fullscreen' },
       { 'nameCn': '全局设置', 'name': 'ConfigProvider', 'key': 'config-provider' },
       { 'nameCn': '分割线', 'name': 'Divider', 'key': 'divider' },
-      {
-        'nameCn': '二维码',
-        'name': 'QrCode',
-        'key': 'qr-code',
-        'mark': {
-          'text': 'New'
-        }
-      },
-      {
-        'nameCn': '水印',
-        'name': 'Watermark',
-        'key': 'watermark',
-        'mark': {
-          'text': 'New'
-        }
-      },
+      { 'nameCn': '二维码', 'name': 'QrCode', 'key': 'qr-code' },
+      { 'nameCn': '水印', 'name': 'Watermark', 'key': 'watermark' },
       {
         'nameCn': '脑图',
-        'name': 'mind-map',
-        'key': 'mind-map'
+        'name': 'MindMap',
+        'key': 'mind-map',
+        'mark': { 'text': 'New' }
       }
     ]
   }
@@ -304,7 +309,7 @@ export const cmpMenus = [
 const showBusiness = location.pathname.split('/')?.[2] === 'all'
 
 // 对内文档开放业务组件
-if (!isOpen || showBusiness) {
+if (envTarget === 'inner' || showBusiness) {
   cmpMenus.splice(8, 0, {
     'label': '业务组件',
     'labelEn': 'Business Components',