docs(radio-ComponsitionApi): Update the documentation of the radio component (#2524)

* docs(radio): Update the documentation of the radio component

* docs(radio): Update code format
This commit is contained in:
songjianet 2021-07-16 10:53:22 +08:00 committed by GitHub
parent c8244b381b
commit 0949006f74
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 110 additions and 140 deletions

View File

@ -24,14 +24,15 @@ Radio should not have too many options. Otherwise, use the Select component inst
</script>
<!--
<setup>
import { ref } from 'vue'
import { defineComponent, ref } from 'vue'
export default {
export default defineComponent({
setup() {
const radio = ref('1');
return { radio }
return {
radio: ref('1'),
}
}
}
})
</setup>
-->
```
@ -59,17 +60,15 @@ Radio should not have too many options. Otherwise, use the Select component inst
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
return {
radio: ref('selected and disabled'),
};
},
});
}
}
})
</setup>
-->
```
@ -99,17 +98,15 @@ Suitable for choosing from some mutually exclusive options.
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
return {
radio: ref(3),
};
},
});
}
}
})
</setup>
-->
```
@ -170,8 +167,8 @@ Radio with button styles.
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue'
import { defineComponent, ref } from 'vue';
export default defineComponent({
setup() {
return {
@ -179,10 +176,9 @@ Radio with button styles.
radio2: ref('New York'),
radio3: ref('New York'),
radio4: ref('New York'),
};
},
});
}
}
})
</setup>
-->
```
@ -229,8 +225,7 @@ Radio with button styles.
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
@ -239,10 +234,9 @@ Radio with button styles.
radio2: ref('1'),
radio3: ref('1'),
radio4: ref('1'),
};
},
});
}
}
})
</setup>
-->
```

View File

@ -22,14 +22,15 @@ El elemento Radio no debe tener muchas opciones. De otra manera, utilice el comp
</script>
<!--
<setup>
import { ref } from 'vue'
import { defineComponent, ref } from 'vue'
export default {
export default defineComponent({
setup() {
const radio = ref('1');
return { radio }
return {
radio: ref('1'),
}
}
}
})
</setup>
-->
```
@ -57,17 +58,15 @@ El atributo `disabled` es utilizado para deshabilitar un Radio.
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
return {
radio: ref('selected and disabled'),
};
},
});
}
}
})
</setup>
-->
```
@ -97,17 +96,15 @@ Recomendado para seleccionar opciones que se excluyen mutuamente.
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
return {
radio: ref(3),
};
},
});
}
}
})
</setup>
-->
```
@ -168,8 +165,8 @@ Radio con estilo de botón.
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue'
import { defineComponent, ref } from 'vue';
export default defineComponent({
setup() {
return {
@ -177,10 +174,9 @@ Radio con estilo de botón.
radio2: ref('New York'),
radio3: ref('New York'),
radio4: ref('New York'),
};
},
});
}
}
})
</setup>
-->
```
@ -227,8 +223,7 @@ Radio con estilo de botón.
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
@ -237,10 +232,9 @@ Radio con estilo de botón.
radio2: ref('1'),
radio3: ref('1'),
radio4: ref('1'),
};
},
});
}
}
})
</setup>
-->
```

View File

@ -24,14 +24,15 @@ Radio ne devrait pas avoir trop d'options. Dans ce cas utilisez plutôt Select.
</script>
<!--
<setup>
import { ref } from 'vue'
import { defineComponent, ref } from 'vue'
export default {
export default defineComponent({
setup() {
const radio = ref('1');
return { radio }
return {
radio: ref('1'),
}
}
}
})
</setup>
-->
```
@ -59,17 +60,15 @@ L'attribut `disabled` désactive le radio.
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
return {
radio: ref('selected and disabled'),
};
},
});
}
}
})
</setup>
-->
```
@ -99,17 +98,15 @@ Utile pour choisir entre plusieurs groupes d'options mutuellement exclusives.
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
return {
radio: ref(3),
};
},
});
}
}
})
</setup>
-->
```
@ -170,8 +167,8 @@ Des radios affichés comme des boutons standards.
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue'
import { defineComponent, ref } from 'vue';
export default defineComponent({
setup() {
return {
@ -179,10 +176,9 @@ Des radios affichés comme des boutons standards.
radio2: ref('New York'),
radio3: ref('New York'),
radio4: ref('New York'),
};
},
});
}
}
})
</setup>
-->
```
@ -229,8 +225,7 @@ Des radios affichés comme des boutons standards.
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
@ -239,10 +234,9 @@ Des radios affichés comme des boutons standards.
radio2: ref('1'),
radio3: ref('1'),
radio4: ref('1'),
};
},
});
}
}
})
</setup>
-->
```

View File

@ -24,14 +24,15 @@
</script>
<!--
<setup>
import { ref } from 'vue'
import { defineComponent, ref } from 'vue'
export default {
export default defineComponent({
setup() {
const radio = ref('1');
return { radio }
return {
radio: ref('1'),
}
}
}
})
</setup>
-->
```
@ -59,17 +60,15 @@
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
return {
radio: ref('selected and disabled'),
};
},
});
}
}
})
</setup>
-->
```
@ -99,17 +98,15 @@
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
return {
radio: ref(3),
};
},
});
}
}
})
</setup>
-->
```
@ -170,8 +167,8 @@
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue'
import { defineComponent, ref } from 'vue';
export default defineComponent({
setup() {
return {
@ -179,10 +176,9 @@
radio2: ref('New York'),
radio3: ref('New York'),
radio4: ref('New York'),
};
},
});
}
}
})
</setup>
-->
```
@ -229,8 +225,7 @@
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
@ -239,10 +234,9 @@
radio2: ref('1'),
radio3: ref('1'),
radio4: ref('1'),
};
},
});
}
}
})
</setup>
-->
```

View File

@ -25,14 +25,15 @@
</script>
<!--
<setup>
import { ref } from 'vue'
import { defineComponent, ref } from 'vue'
export default {
export default defineComponent({
setup() {
const radio = ref('1');
return { radio }
return {
radio: ref('1'),
}
}
}
})
</setup>
-->
```
@ -60,17 +61,15 @@
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
return {
radio: ref('选中且禁用'),
};
},
});
}
}
})
</setup>
-->
```
@ -102,17 +101,15 @@
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
return {
radio: ref(3),
};
},
});
}
}
})
</setup>
-->
```
@ -173,8 +170,8 @@
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue'
import { defineComponent, ref } from 'vue';
export default defineComponent({
setup() {
return {
@ -182,10 +179,9 @@
radio2: ref('上海'),
radio3: ref('上海'),
radio4: ref('上海'),
};
},
});
}
}
})
</setup>
-->
```
@ -232,8 +228,7 @@
</script>
<!--
<setup>
import { defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
@ -242,10 +237,9 @@
radio2: ref('1'),
radio3: ref('1'),
radio4: ref('1'),
};
},
});
}
}
})
</setup>
-->
```