From 9d0502adccd3dff7d27e96a312b6d51e31ff7536 Mon Sep 17 00:00:00 2001 From: gimmyhehe <975402925@qq.com> Date: Mon, 18 Dec 2023 14:07:01 +0800 Subject: [PATCH] docs(sites): [checkbox] optimize docs and demos (#1161) * docs(sites): [checkbox] optimize docs and demos * docs(sites): [checkbox] optimize docs and demos --- .../pc/app/checkbox/checkbox-events-composition-api.vue | 5 ++--- examples/sites/demos/pc/app/checkbox/checkbox-events.vue | 5 ++--- .../demos/pc/app/checkbox/group-options-composition-api.vue | 2 +- examples/sites/demos/pc/app/checkbox/group-options.vue | 2 +- .../sites/demos/pc/app/checkbox/size-composition-api.vue | 1 - .../sites/demos/pc/app/checkbox/text-composition-api.vue | 5 +++-- examples/sites/demos/pc/app/checkbox/text.vue | 3 ++- examples/sites/demos/pc/app/checkbox/webdoc/checkbox.js | 6 +++--- 8 files changed, 14 insertions(+), 15 deletions(-) diff --git a/examples/sites/demos/pc/app/checkbox/checkbox-events-composition-api.vue b/examples/sites/demos/pc/app/checkbox/checkbox-events-composition-api.vue index a8f6c3f01..81adb8270 100644 --- a/examples/sites/demos/pc/app/checkbox/checkbox-events-composition-api.vue +++ b/examples/sites/demos/pc/app/checkbox/checkbox-events-composition-api.vue @@ -9,12 +9,11 @@ diff --git a/examples/sites/demos/pc/app/checkbox/checkbox-events.vue b/examples/sites/demos/pc/app/checkbox/checkbox-events.vue index 79a35f1e9..f089352c4 100644 --- a/examples/sites/demos/pc/app/checkbox/checkbox-events.vue +++ b/examples/sites/demos/pc/app/checkbox/checkbox-events.vue @@ -15,13 +15,12 @@ export default { }, data() { return { - checked: ['复选框1'], - logger: '' + checked: ['复选框1'] } }, methods: { valueChange(val) { - Modal.message(`change 事件触发了，选中值为：${val}`) + Modal.message({ message: `change 事件触发了，选中值为：${val}`, status: 'info' }) } } } diff --git a/examples/sites/demos/pc/app/checkbox/group-options-composition-api.vue b/examples/sites/demos/pc/app/checkbox/group-options-composition-api.vue index df9b8be43..d6d8689c0 100644 --- a/examples/sites/demos/pc/app/checkbox/group-options-composition-api.vue +++ b/examples/sites/demos/pc/app/checkbox/group-options-composition-api.vue @@ -7,7 +7,7 @@ import { ref } from 'vue' import { CheckboxGroup as TinyCheckboxGroup, Modal } from '@opentiny/vue' function handleClick() { - Modal.message({ message: 'click' }) + Modal.message({ message: 'click', status: 'info' }) } const checkList = ref(['A']) const options = ref([ diff --git a/examples/sites/demos/pc/app/checkbox/group-options.vue b/examples/sites/demos/pc/app/checkbox/group-options.vue index 88a6d8b4f..713a9ae0c 100644 --- a/examples/sites/demos/pc/app/checkbox/group-options.vue +++ b/examples/sites/demos/pc/app/checkbox/group-options.vue @@ -20,7 +20,7 @@ export default { }, methods: { handleClick() { - Modal.message({ message: 'click' }) + Modal.message({ message: 'click', status: 'info' }) } } } diff --git a/examples/sites/demos/pc/app/checkbox/size-composition-api.vue b/examples/sites/demos/pc/app/checkbox/size-composition-api.vue index 759c13822..152087f05 100644 --- a/examples/sites/demos/pc/app/checkbox/size-composition-api.vue +++ b/examples/sites/demos/pc/app/checkbox/size-composition-api.vue @@ -9,7 +9,6 @@ diff --git a/examples/sites/demos/pc/app/checkbox/text.vue b/examples/sites/demos/pc/app/checkbox/text.vue index 68a1e2242..47e033c0f 100644 --- a/examples/sites/demos/pc/app/checkbox/text.vue +++ b/examples/sites/demos/pc/app/checkbox/text.vue @@ -22,7 +22,8 @@ export default { getValue() { Modal.message({ message: '当前状态对应的值为:' + this.checked, - top: 200 + top: 200, + status: 'info' }) } } diff --git a/examples/sites/demos/pc/app/checkbox/webdoc/checkbox.js b/examples/sites/demos/pc/app/checkbox/webdoc/checkbox.js index 3e2df2852..820cffcd8 100644 --- a/examples/sites/demos/pc/app/checkbox/webdoc/checkbox.js +++ b/examples/sites/demos/pc/app/checkbox/webdoc/checkbox.js @@ -37,7 +37,7 @@ export default { 'name': { 'zh-CN': '配置式复选框组', 'en-US': 'Profile Checkbox Group' }, 'desc': { 'zh-CN': - '

通过 options 配置显示多选框组。使用该属性后，可以不用再在标签中以插槽的形式插入 checkbox 或 checkbox-button 元素。 options 的类型为 ICheckboxGroupOptions[] 。 type 属性配合 options 属性一起使用，将 type 配置为 button ，复选框组将以按钮的形式展示。

', + '

通过 options 配置显示多选框组。使用该属性后，可以不用再在标签中以插槽的形式插入 checkbox 或 checkbox-button 元素。 type 属性配合 options 属性一起使用，将 type 配置为 button ，复选框组将以按钮的形式展示。

', 'en-US': '

Configure the display of multiple selection box groups through options . After using this attribute, you no longer need to insert checkbox or checkbox button elements in the label as slots. The type of options is ICheckboxGroupOptions[] .The type attribute is used in conjunction with the options attribute to configure the type as button , and the checkbox group will be displayed in the form of a button.

' }, @@ -343,7 +343,7 @@ export default { 'zh-CN': '按钮形式的 checkbox 激活时的填充色和边框色', 'en-US': 'Fill color and border color when the checkbox in button mode is activated' }, - 'demoId': 'checkbox-button' + 'demoId': 'custom-color' }, { 'name': 'max', @@ -517,7 +517,7 @@ export default { 'zh-CN': '绑定值', 'en-US': 'Bound Value' }, - 'demoId': 'checkbox' + 'demoId': 'checkbox-button' }, { 'name': 'name',