@opentiny/vue-docs 3.24.6 → 3.26.0

package/.stylelintrc.js

@@ -1,11 +1,11 @@
 module.exports = {
-  extends: 'stylelint-config-standard', //stylelint-config-airbnb
+  extends: 'stylelint-config-standard',
   rules: {
     'string-quotes': 'single',
     'property-no-unknown': true,
     'selector-pseudo-class-no-unknown': true,
     'at-rule-empty-line-before': 'always',
     'block-no-empty': true,
-    'indentation': 4 // http://cui.ulanqab.huawei.com/#/articalDetail?id=b76da810d8ed8
+    'indentation': 4
   }
 }

package/demos/apis/button.js

@@ -63,6 +63,21 @@ export default {
           pcDemo: 'dynamic-disabled',
           mfDemo: ''
         },
+        {
+          name: 'custom-style',
+          type: 'object',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '设置 custom-style 属性按钮样式',
+            'en-US': 'Set the custom-style attribute to customize the button style'
+          },
+          meta: {
+            stable: '3.25.0'
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: 'icon',
+          mfDemo: 'type'
+        },
         {
           name: 'ghost',
           type: 'boolean',

package/demos/apis/calendar-view.js

@@ -195,9 +195,10 @@ export default {
             'en-US': 'Should the upper left button be displayed, Default Display'
           },
           meta: {
-            stable: '3.22.0'
+            stable: '3.25.0'
           },
-          mode: ['mobile-first'],
+          mode: ['pc', 'mobile-first'],
+          pcDemo: 'calendar-mode',
           mfDemo: 'calendar-mode'
         }
       ],

package/demos/apis/chart-demo.js

@@ -53,7 +53,7 @@ export default {
         {
           name: 'extend',
           typeAnchorName: 'chart#IChartProps',
-          type: 'objcet',
+          type: 'object',
           defaultValue: '',
           desc: {
             'zh-CN': 'echarts 的配置项',

package/demos/apis/chart-docs.js

@@ -53,7 +53,7 @@ export default {
         {
           name: 'extend',
           typeAnchorName: 'chart#IChartProps',
-          type: 'objcet',
+          type: 'object',
           defaultValue: '',
           desc: {
             'zh-CN': 'echarts 的配置项',

package/demos/apis/chart-events.js

@@ -53,7 +53,7 @@ export default {
         {
           name: 'extend',
           typeAnchorName: 'chart#IChartProps',
-          type: 'objcet',
+          type: 'object',
           defaultValue: '',
           desc: {
             'zh-CN': 'echarts 的配置项',

package/demos/apis/chart-question.js

@@ -53,7 +53,7 @@ export default {
         {
           name: 'extend',
           typeAnchorName: 'chart#IChartProps',
-          type: 'objcet',
+          type: 'object',
           defaultValue: '',
           desc: {
             'zh-CN': 'echarts 的配置项',

package/demos/apis/chart.js

@@ -53,7 +53,7 @@ export default {
         {
           name: 'extend',
           typeAnchorName: 'chart#IChartProps',
-          type: 'objcet',
+          type: 'object',
           defaultValue: '',
           desc: {
             'zh-CN': 'echarts 的配置项',

package/demos/apis/form.js

@@ -153,6 +153,9 @@ export default {
           name: 'overflow-title',
           type: 'boolean',
           defaultValue: 'false',
+          meta: {
+            stable: '3.15.0'
+          },
           desc: {
             'zh-CN': '标签超长是否显示提示',
             'en-US': 'Does the label display a prompt if it is too long'

package/demos/apis/grid.js

@@ -57,8 +57,8 @@ export default {
         },
         {
           name: 'cell-class-name',
-          typeAnchorName: 'IClassNameArgs',
-          type: 'string | (args: IClassNameArgs) => string',
+          typeAnchorName: 'ICellClassNameArgs',
+          type: 'string | (args: ICellClassNameArgs) => string',
           defaultValue: '',
           desc: {
             'zh-CN': '给单元格附加 className，也可以是函数',
@@ -2008,10 +2008,10 @@ export default {
         },
         {
           name: 'handleFetch',
-          type: '() => Promise',
+          type: '(code: "reload") => Promise<null>',
           defaultValue: '',
           desc: {
-            'zh-CN': '触发表格的 fetch-data ',
+            'zh-CN': '触发表格的 fetch-data，当 code="reload" 时会将分支重置为 1，且清除筛选、排序等条件',
             'en-US': 'Trigger the fetch-data of the table'
           },
           mode: ['pc', 'mobile-first'],
@@ -2949,8 +2949,14 @@ export default {
           name: 'default',
           defaultValue: '',
           desc: {
-            'zh-CN':
-              '自定义显示内容模板，作用插槽参数说明：slots.default({ $table, column, row },h)，$table：表格组件对象，column：当前列配置，row：当前行数据,h：vue的渲染函数',
+            'zh-CN': `自定义显示内容模板，作用域插槽参数说明：<br/>
+            slots.default({ $table, column, row, level, data, rowIndex, $rowIndex, columnIndex, $columnIndex, seq }, h)，<br/>
+               $table：表格组件对象，column：当前列配置，row：当前行数据，<br/>
+               level：当前行在树表中的层级，data：表格数据，<br/>
+               rowIndex：所有行中(包含虚拟滚动等隐藏列)下标，$rowIndex:已渲染行中的下标，<br/>
+               columnIndex：所有列中(包含虚拟滚动等隐藏列)下标，$columnIndex:已渲染列中的下标，<br/>
+               seq：单元格所在行的序号，$seq:已弃用，<br/>
+               h：vue的渲染函数`,
             'en-US': 'Customized display content template'
           },
           mode: ['pc', 'mobile-first'],
@@ -2960,13 +2966,25 @@ export default {
           name: 'edit',
           defaultValue: '',
           desc: {
-            'zh-CN':
-              '自定义可编辑组件模板，作用插槽参数说明：slots.edit({ $table, column, row },h)，$table：表格组件对象，column：当前列配置，row：当前行数据,h：vue的渲染函数',
+            'zh-CN': '自定义可编辑组件模板，作用域插槽参数同 <code>default</code> 插槽',
             'en-US': 'Customized Editable Component Template'
           },
           mode: ['pc', 'mobile-first'],
           pcDemo: 'grid-slot#slot-editor-slot'
         },
+        {
+          name: 'expand-trigger',
+          defaultValue: '',
+          meta: {
+            stable: '3.25.0'
+          },
+          desc: {
+            'zh-CN': '自定义展开行图标，作用域插槽参数同 <code>default</code> 插槽',
+            'en-US': 'Customized expand row icon'
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: 'grid-expand#expand-trigger-slot'
+        },
         {
           name: 'filter',
           defaultValue: '',
@@ -2982,8 +3000,11 @@ export default {
           name: 'header',
           defaultValue: '',
           desc: {
-            'zh-CN':
-              '自定义表头内容的模板，作用插槽参数说明：slots.header({ $table, column, columnIndex，$rowIndex},h)，$table：表格组件对象，column：当前列配置，columnIndex：当前列索引,$rowIndex:当前行索引,h：vue的渲染函数',
+            'zh-CN': `自定义表头内容的模板，作用插槽参数说明：<br/>
+            slots.header({ $table, column, columnIndex，$columnIndex，} ,h)，<br/>
+              $table：表格组件对象，column：当前列配置，<br/>
+              columnIndex：所有列中(包含虚拟滚动等隐藏列)下标，$columnIndex:已渲染列中的下标，<br/>
+              h：vue的渲染函数`,
             'en-US': 'Template of custom table header content'
           },
           mode: ['pc', 'mobile-first'],
@@ -3194,18 +3215,24 @@ interface IRow {
       depTypes: ['IValidRules'],
       code: `
 interface IColumnConfig {
-  type: 'index' | 'radio' | 'checkbox'
+  // 功能列的类型， 'index'行索引，'radio' 单选行， 'selection' 多选行
+  type: 'index' | 'radio' | 'selection'
+  // 列id
   id: string
-  prop: string
+  // 校验规则
   rules: IValidRules
+  // 是否必填
   required: boolean
   property: string
   title: string
-  label: string
+  // 列宽度
   width: string | number
+  // 自动分配宽度时的最小宽度
   minWidth: string | number
+  // 是否可以调整列宽
   resizable: boolean
-  fixed: boolean
+  // 是否左、右冻结
+  fixed: 'left' | 'right'
   align: 'left' | 'center' | 'right'
   headerAlign: 'left' | 'center' | 'right'
   footerAlign: 'left' | 'center' | 'right'
@@ -3475,6 +3502,8 @@ interface ITreeConfig {
   expandRowKeys?: string[]
   // 对于同一级的多个子节点，是否只能同时展开一个子节点
   accordion?: boolean
+  // 3.25.0版本新新增，当trigger为 'default' 时，点击按钮事件是否冒泡，默认为false
+  bubbling?: boolean
 }
       `
     },
@@ -3563,9 +3592,11 @@ interface IEditConfig {
   showStatus?: boolean
   // 自定义编辑规则，返回true可以编辑返回false则禁止编辑
   activeMethod?: ({row: IRow, column: IColumnConfig})=> boolean
-  // （3.19新增）当mode为'row'时，行编辑激活状态下默认会忽略activeMethod，配置为true使其生效
+  // （3.19.0新增）当mode为'row'时，行编辑激活状态下默认会忽略activeMethod，配置为true使其生效
   activeStrictly?: boolean
-}
+  //（3.25.0新增）自定义编辑态的退出逻辑。当返回true时，不会退出编辑态。
+  blurOutside?: ({ cell, event, $table }: { cell: HTMLElement, event: Event, $table: Component }) => boolean
+} 
       `
     },
     {
@@ -4133,6 +4164,8 @@ interface IFilterConfig {
     // 设置枚举数据的实际值属性字段， 默认'value'
     value: string 
   }[] | () => Promise
+  // 3.25.0新增，设置过滤面板根节点属性
+  attrs: { [props: string]: string }
 }
       `
     },
@@ -4153,6 +4186,33 @@ interface IFilterConfig {
         sortable?: Sortable 
       }
       `
+    },
+    {
+      name: 'ICellClassNameArgs',
+      type: 'type',
+      depTypes: ['IColumnConfig', 'IRow'],
+      code: `
+interface ICellClassNameArgs {
+  // 当前行在树表中的层级
+  level: number
+  // 当前行数据
+  row: IRow
+  // 表格数据
+  data: IRow[]
+  // 所有行中(包含虚拟滚动等隐藏列)下标
+  rowIndex: number
+  // 已渲染行中的下标
+  $rowIndex: number
+  // 表格列配置
+  column: IColumnConfig
+  // 所有列中(包含虚拟滚动等隐藏列)下标
+  columnIndex: number
+  // 已渲染列中的下标
+  $columnIndex: number
+  // 单元格所在行的序号
+  seq: number
+  $seq: string // 已弃用
+}`
     }
   ]
 }

package/demos/apis/modal.js

@@ -241,7 +241,7 @@ export default {
             'en-US': "Whether the 'message' type pop-up window displays a close button"
           },
           mode: ['pc'],
-          pcDemo: 'message-closable'
+          pcDemo: 'message-close'
         },
         {
           name: 'min-height',

package/demos/apis/numeric.js

@@ -460,13 +460,13 @@ export default {
         },
         {
           name: 'input',
-          type: 'Function(value)',
+          type: '(event: InputEvent) => void',
           defaultValue: '',
           desc: {
             'zh-CN': '输入值时触发事件',
-            'en-US': ''
+            'en-US': 'Trigger event when input value is entered '
           },
-          mode: ['mobile-first'],
+          mode: ['pc', 'mobile-first'],
           mfDemo: ''
         }
       ],

package/demos/apis/search.js

@@ -218,6 +218,34 @@ export default {
           mode: ['pc'],
           pcDemo: 'events'
         },
+        {
+          name: 'collapse',
+          type: '() => void',
+          defaultValue: '',
+          desc: {
+            'zh-CN': 'mini模式的搜索框收回时触发的回调函数',
+            'en-US': 'The callback function triggered when the search box in mini mode is retracted'
+          },
+          meta: {
+            stable: '3.26.0'
+          },
+          mode: ['pc'],
+          pcDemo: 'events'
+        },
+        {
+          name: 'expand',
+          type: '() => void',
+          defaultValue: '',
+          desc: {
+            'zh-CN': 'mini模式的搜索框展开时触发的回调函数',
+            'en-US': 'The callback function triggered when the search box in mini mode expands'
+          },
+          meta: {
+            stable: '3.26.0'
+          },
+          mode: ['pc'],
+          pcDemo: 'events'
+        },
         {
           name: 'input',
           typeAnchorName: 'ITypeValue',

package/demos/apis/slider-button.js

@@ -5,6 +5,28 @@ export default {
       name: 'slider-button',
       type: 'component',
       props: [
+        {
+          name: 'disabled',
+          type: 'Boolean',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '设置滑块项禁用态',
+            'en-US': ''
+          },
+          mode: ['mobile-first'],
+          mfDemo: ''
+        },
+        {
+          name: 'displayed',
+          type: 'Boolean',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '按钮内容是否全部展示，默认false',
+            'en-US': 'Set whether the button content is fully displayed, default is false'
+          },
+          mode: ['mobile-first'],
+          mfDemo: ''
+        },
         {
           name: 'disabled',
           type: 'Boolean',

package/demos/apis/split.js

@@ -86,6 +86,17 @@ export default {
           mode: ['pc'],
           pcDemo: 'three-areas'
         },
+        {
+          name: 'trigger-simple',
+          type: 'boolean',
+          defaultValue: 'false',
+          desc: {
+            'zh-CN': '是否启用简易模式',
+            'en-US': 'Whether to enable simplified mode.'
+          },
+          mode: ['pc'],
+          pcDemo: 'trigger-simple'
+        },
         {
           name: 'border',
           type: 'boolean',

package/demos/apis/steps.js

@@ -120,13 +120,13 @@ export default {
           type: 'Object',
           defaultValue: '{}',
           meta: {
-            stable: '3.24.0'
+            stable: '3.26.0'
           },
           desc: {
             'zh-CN':
-              '自定义单链型步骤条块的内联样式，数据类型为{ [statusName: string]: styleObject },，不同状态可根据key值差异化配置， key值为status字段的值，value值为对应节点的样式对象',
+              '步骤条块的内联样式，数据类型为{ [statusName: string]: styleObject },，不同状态可根据key值差异化配置， key值为status字段的值，value值为对应节点的样式对象',
             'en-US':
-              'Customize the inline style of single chain step blocks, with data type {[statusName: string]: styleObject}. Different states can be configured differently based on key values, where the key value is the value of the status field and the value value is the style object of the corresponding node'
+              'Customize the inline style of step blocks, with data type {[statusName: string]: styleObject}. Different states can be configured differently based on key values, where the key value is the value of the status field and the value value is the style object of the corresponding node'
           },
           mode: ['mobile-first']
         },

package/demos/apis/tabs.js

@@ -294,6 +294,18 @@ export default {
           mode: ['pc', 'mobile-first'],
           pcDemo: 'overflow-title',
           mfDemo: ''
+        },
+        {
+          name: 'header-only',
+          type: 'boolean',
+          defaultValue: 'false',
+          desc: {
+            'zh-CN': '当 header-only 为 true 时，页签内容不再渲染',
+            'en-US': 'When header-only is true, the tab content is no longer rendered'
+          },
+          mode: ['pc'],
+          pcDemo: 'header-only',
+          mfDemo: ''
         }
       ],
       events: [

package/demos/apis/time-line.js

@@ -199,6 +199,17 @@ export default {
           mode: ['mobile-first'],
           mfDemo: 'sub-field'
         },
+        {
+          name: 'text-position',
+          type: 'string',
+          defaultValue: '',
+          desc: {
+            'zh-CN': `节点文案位置。默认名称和时间分别展示在图标上下方；可选值：'right'，只有名称展示名称在右方`,
+            'en-US': `Node copy position. The default name and time are displayed above and below the icon, respectively; optional value: 'right', where only the name is displayed on the right side. `
+          },
+          mode: ['pc'],
+          pcDemo: 'text-position'
+        },
         {
           name: 'time-field',
           type: 'string',
@@ -249,6 +260,15 @@ export default {
       ],
       methods: [],
       slots: [
+        {
+          name: 'default',
+          desc: {
+            'zh-CN': '组件默认插槽。组件显示为插槽内容',
+            'en-US': 'Component default slot. The component displays as the slot content. '
+          },
+          mode: ['pc'],
+          pcDemo: 'slot-default'
+        },
         {
           name: 'bottom',
           desc: {

package/demos/mobile-first/app/button/type.vue

@@ -4,7 +4,7 @@
     <tiny-button type="primary"> 主要按钮 </tiny-button>
     <tiny-button type="success"> 成功按钮 </tiny-button>
     <tiny-button type="info"> 信息按钮 </tiny-button>
-    <tiny-button type="warning"> 警告按钮 </tiny-button>
+    <tiny-button type="warning" :custom-style="{ maxWidth: 'none' }"> 警告按钮 警告按钮警告按钮警告按钮</tiny-button>
     <tiny-button type="danger"> 危险按钮 </tiny-button>
     <tiny-button type="text"> 文本按钮 </tiny-button>
   </div>

package/demos/mobile-first/app/button/webdoc/button.js

@@ -72,9 +72,9 @@ export default {
       },
       desc: {
         'zh-CN':
-          '<p>通过 <code>type</code> 属性可以设置不同的主题样式，主要包括 primary、success、info、warning、danger、text。<p>',
+          '<p>通过 <code>type</code> 属性可以设置不同的主题样式，主要包括 primary、success、info、warning、danger、text。设置 <code>custom-style</code> 属性按钮样式<p>',
         'en-US':
-          '<p>You can use the <code>type</code> attribute to set different theme styles, including primary, success, info, warning, danger, and text.</p>'
+          '<p>You can use the <code>type</code> attribute to set different theme styles, including primary, success, info, warning, danger, and text. The <code>custom-style</code> property sets the button style.</p>'
       },
       codeFiles: ['type.vue']
     },

package/demos/mobile-first/app/slider-button/basic-usage.vue

@@ -1,9 +1,9 @@
 <template>
-  <tiny-slider-button-group v-model="radio2">
-    <tiny-slider-button label="1">选项</tiny-slider-button>
-    <tiny-slider-button label="2">选项选项选选项</tiny-slider-button>
-    <tiny-slider-button label="3">选项</tiny-slider-button>
-    <tiny-slider-button label="4">选项选项</tiny-slider-button>
+  <tiny-slider-button-group v-model="radio2" :displayed="false">
+    <tiny-slider-button label="1">选项选项选项选项选项选项</tiny-slider-button>
+    <tiny-slider-button label="2">选项选项选项选项选项选项</tiny-slider-button>
+    <tiny-slider-button label="3">选项选项</tiny-slider-button>
+    <tiny-slider-button label="4">选项</tiny-slider-button>
   </tiny-slider-button-group>
 </template>
 

package/demos/mobile-first/app/slider-button/webdoc/slider-button.js

@@ -10,7 +10,7 @@ export default {
       },
       desc: {
         'zh-CN':
-          '<p>通过 <code>v-model</code> 绑定变量，设置的变量值为默认选中的 <code>Button</code>，变量值对应 <code>label</code> 属性的值。<br>\n          通过 <code>text</code> 也可以配置显示文本，与默认插槽配置纯文本的结果一致<br>\n          <code>label</code> 可以是 <code>String、Number 或 Boolean</code>。</p>',
+          '<p>通过 <code>v-model</code> 绑定变量，设置的变量值为默认选中的 <code>Button</code>，变量值对应 <code>label</code> 属性的值。<br>\n          通过 <code>text</code> 也可以配置显示文本，与默认插槽配置纯文本的结果一致<br>\n          <code>label</code> 可以是 <code>String、Number 或 Boolean</code>。<code>displayed</code>按钮内容是否全部展示。</p>',
         'en-US': '<p>button type</p>'
       },
       codeFiles: ['basic-usage.vue']

package/demos/mobile-first/app/steps/advanced-steps.vue

@@ -1,5 +1,12 @@
 <template>
-  <tiny-steps ref="steps" advanced :data="data" :active="advancedActive" @click="advancedClick"></tiny-steps>
+  <tiny-steps
+    ref="steps"
+    advanced
+    :item-style="{ disabled: { background: 'yellow', maxWidth: '360px' } }"
+    :data="data"
+    :active="advancedActive"
+    @click="advancedClick"
+  ></tiny-steps>
 </template>
 
 <script>

package/demos/mobile-first/menus.js

@@ -8,6 +8,15 @@ export const standaloneMenus = [
 export const docMenus = []
 
 export const cmpMenus = [
+  {
+    'label': '基础',
+    'labelEn': 'Basic',
+    'key': 'cmp-frame-style',
+    'children': [
+      { 'nameCn': '按钮', 'name': 'Button', 'key': 'button' },
+      { 'nameCn': '分割线', 'name': 'Divider', 'key': 'divider' }
+    ]
+  },
   {
     label: '导航组件',
     labelEn: 'Navigation',
@@ -21,9 +30,6 @@ export const cmpMenus = [
       { name: 'Steps ', nameCn: '步骤条', key: 'steps' },
       { name: 'Tabs ', nameCn: '标签页', key: 'tabs' },
       { name: 'Menu ', nameCn: '菜单', key: 'menu' },
-      { name: 'TimeLine ', nameCn: '时间线', key: 'time-line' },
-      //  测试时打开该行---------------
-      // { name: 'TimeLineNew ', nameCn: '时间线AUI', key: 'time-line-new' },
       { name: 'Dropdown ', nameCn: '下拉菜单', key: 'dropdown' },
       { name: 'Flowchart ', nameCn: '流程图', key: 'flowchart' }
     ]
@@ -56,7 +62,6 @@ export const cmpMenus = [
       { name: 'DatePickerMobile', nameCn: '日期选择器', key: 'date-picker-mobile' },
       { name: 'DatePicker', nameCn: '日期选择器多端', key: 'date-picker' },
       { name: 'TimePickerMobile', nameCn: '时间选择器', key: 'time-picker-mobile' },
-      { name: 'Button', nameCn: '按钮', key: 'button' },
       { name: 'Checkbox', nameCn: '复选框', key: 'checkbox' },
       { name: 'FluentEditor', nameCn: '富文本', key: 'fluent-editor' },
       { name: 'Form', nameCn: '表单', key: 'form' },
@@ -78,7 +83,7 @@ export const cmpMenus = [
     ]
   },
   {
-    label: '数据组件',
+    label: '数据展示',
     labelEn: 'Data',
     key: 'cmp-data-components',
     children: [
@@ -86,7 +91,10 @@ export const cmpMenus = [
       { name: 'StandardListItem', nameCn: '标准列表项', key: 'standard-list-item' },
       { name: 'Progress', nameCn: '进度条', key: 'progress' },
       { name: 'PullRefresh', nameCn: '下拉刷新', key: 'pull-refresh' },
-      { name: 'Pager', nameCn: '分页', key: 'pager' }
+      { name: 'Pager', nameCn: '分页', key: 'pager' },
+      { name: 'TimeLine ', nameCn: '时间线', key: 'time-line' }
+      //  测试时打开该行---------------
+      // { name: 'TimeLineNew ', nameCn: '时间线AUI', key: 'time-line-new' },
     ]
   },
   {
@@ -96,7 +104,7 @@ export const cmpMenus = [
     'children': [{ 'nameCn': '基本用法', 'name': 'Grid', 'key': 'grid' }]
   },
   {
-    label: '提示组件',
+    label: '反馈',
     labelEn: 'Tooltip',
     key: 'cmp-tips-components',
     children: [
@@ -125,8 +133,7 @@ export const cmpMenus = [
       { name: 'Amount', nameCn: '金额', key: 'amount' },
       { name: 'currency', nameCn: '币种', key: 'currency' },
       { name: 'CalendarView', nameCn: '日历', key: 'calendar-view' },
-      { name: 'FloatingButton', nameCn: '悬浮按钮', key: 'floating-button' },
-      { name: 'Divider', nameCn: '分割线', key: 'divider' }
+      { name: 'FloatingButton', nameCn: '悬浮按钮', key: 'floating-button' }
     ]
   }
 ]

package/demos/pc/app/action-menu/basic-usage-composition-api.vue

@@ -8,7 +8,7 @@ import { TinyActionMenu } from '@opentiny/vue'
 
 const options = ref([
   {
-    label: '远程登陆'
+    label: '远程登录'
   },
   {
     label: '开机'

package/demos/pc/app/action-menu/basic-usage.vue

@@ -13,7 +13,7 @@ export default {
     return {
       options: [
         {
-          label: '远程登陆'
+          label: '远程登录'
         },
         {
           label: '开机'

package/demos/pc/app/action-menu/card-mode-composition-api.vue

@@ -9,7 +9,7 @@ import { iconWebPlus, iconSuccessful, iconCloseSquare } from '@opentiny/vue-icon
 
 const options = ref([
   {
-    label: '远程登陆',
+    label: '远程登录',
     icon: iconWebPlus()
   },
   {

package/demos/pc/app/action-menu/card-mode.vue

@@ -14,7 +14,7 @@ export default {
     return {
       options: [
         {
-          label: '远程登陆',
+          label: '远程登录',
           icon: iconWebPlus()
         },
         {