From 2344a4f866465f45e3e520e630ae851644f7efaa Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Fri, 21 Apr 2023 18:25:07 +0800 Subject: [PATCH 01/48] Add description for sizesConfig and fontSizesConfig. --- packages/docs/translations/en.json | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 0ea92cd8ce..1e13204785 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -155,6 +155,8 @@ "name": "Applies `name` to internal input component. Useful for native forms.", "tag": "Replaces html tag. This is useful for semantics and also to allow for valid markup in some cases (`ul > li` and `tr > td` etc.).", "size": "Specify size for component. `\"small\"`, `\"medium\"`, `\"large\"` sizes are available. If you want more control, you can provide number (will be used as `px`) or string value (`rem` and `px` sizes are supported).", + "sizesConfig": "Provide a set of sizes as a global component specific setting.", + "fontSizesConfig": "Provide a set of sizes for fonts as a global component specific setting.", "disabled": "Applies `disabled` style and removes all user interaction effects.", "readonly": "Doesn't look disabled, but acts like one. Mostly useful for wrapper components.", "success": "Show component in success state.", From 742610d2191f30b323af6258b96d00de67e8328a Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Fri, 21 Apr 2023 18:34:32 +0800 Subject: [PATCH 02/48] Add groupBy prop description. --- packages/docs/translations/en.json | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 1e13204785..c9c418398e 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -219,7 +219,8 @@ "fallbackIcon": "Shows an icon if image failed to load or src doesn't specified.", "fallbackRender": "Allows to use render function to render custom contents if image failed to load or src doesn't specified", "delay": "Sets throttling delay (ms) for the components any data change (useful for huge data).", - "ratio": "Aspect ratio of the component's wrapper." + "ratio": "Aspect ratio of the component's wrapper.", + "groupBy": "When `options` prop is an object, this key will be used to group up options. Can be string (path to the key) or function of type: `(option) => option.group`" } }, "VaBadge": { @@ -891,7 +892,7 @@ "valueBy": "When `options` prop is an object, this key will be used as `modelValue`. Can be string (path to the key) or function of type: `(option) => option.value`", "trackBy": "When `options` prop is an object, this key will be used to track selected `options`. Can be string (path to the key) or function of type: `(option) => option.track`", "textBy": "When `options` prop is an object, this key will be used as displayed text. Can be string (path to the key) or function of type: `(option) => option.text`", - "groupBy": "When `options` prop is an object, this key will be used to group up options. Can be string (path to the key) or function of type: `(option) => option.group`", + // "groupBy": "When `options` prop is an object, this key will be used to group up options. Can be string (path to the key) or function of type: `(option) => option.group`", "placeholder": "Sets the placeholder text to input", "placement": "Sets option list placement. [More about placements](/ui-elements/dropdown#placement-and-offset)", "tagMax": "Sets maximum tag count after whom selection will be cropped", From 42b49d19b62c3347808bc89baf4cb989bb5cca69 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Fri, 21 Apr 2023 18:43:31 +0800 Subject: [PATCH 03/48] Add grow description. --- packages/docs/translations/en.json | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index c9c418398e..d2831558c0 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -220,7 +220,8 @@ "fallbackRender": "Allows to use render function to render custom contents if image failed to load or src doesn't specified", "delay": "Sets throttling delay (ms) for the components any data change (useful for huge data).", "ratio": "Aspect ratio of the component's wrapper.", - "groupBy": "When `options` prop is an object, this key will be used to group up options. Can be string (path to the key) or function of type: `(option) => option.group`" + "groupBy": "When `options` prop is an object, this key will be used to group up options. Can be string (path to the key) or function of type: `(option) => option.group`", + "grow": "Take all container width" } }, "VaBadge": { @@ -448,7 +449,6 @@ "left": "Align all items to the left", "right": "Align all items to the right", "center": "Align all items to the center", - "grow": "Take all container width", "hideSlider": "Remove slider which underlines selected item", "vertical": "Align all items vertically", "prevIcon": "Icon to be used for scrolling backward in pagination", @@ -892,7 +892,6 @@ "valueBy": "When `options` prop is an object, this key will be used as `modelValue`. Can be string (path to the key) or function of type: `(option) => option.value`", "trackBy": "When `options` prop is an object, this key will be used to track selected `options`. Can be string (path to the key) or function of type: `(option) => option.track`", "textBy": "When `options` prop is an object, this key will be used as displayed text. Can be string (path to the key) or function of type: `(option) => option.text`", - // "groupBy": "When `options` prop is an object, this key will be used to group up options. Can be string (path to the key) or function of type: `(option) => option.group`", "placeholder": "Sets the placeholder text to input", "placement": "Sets option list placement. [More about placements](/ui-elements/dropdown#placement-and-offset)", "tagMax": "Sets maximum tag count after whom selection will be cropped", From 55575a971ebac678b59d06453755497c2cbaa4a7 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Fri, 21 Apr 2023 19:44:40 +0800 Subject: [PATCH 04/48] Add text-by description. --- packages/docs/translations/en.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index d2831558c0..6a1a107ccb 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1224,7 +1224,8 @@ "value": "Current toggle state", "size": "Specify size for component. \"small\", \"medium\", \"large\" sizes are available", "toggleColor": "Color of the toggle button", - "activeButtonTextColor": "The color of the button text with the selected value" + "activeButtonTextColor": "The color of the button text with the selected value", + "textBy": "When `options` prop is an object, this key will be used as displayed text. Can be string (path to the key) or function of type: `(option) => option.text`" }, "events": { "input": "Emits when toggling to the different button" From 617a0d6ddbe1dbbed213a9aa433cd8fc3f075912 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Sat, 22 Apr 2023 10:35:36 +0800 Subject: [PATCH 05/48] Add description for track-by at button toggle --- packages/docs/translations/en.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 6a1a107ccb..c5d53c4675 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1225,7 +1225,8 @@ "size": "Specify size for component. \"small\", \"medium\", \"large\" sizes are available", "toggleColor": "Color of the toggle button", "activeButtonTextColor": "The color of the button text with the selected value", - "textBy": "When `options` prop is an object, this key will be used as displayed text. Can be string (path to the key) or function of type: `(option) => option.text`" + "textBy": "When `options` prop is an object, this key will be used as displayed text. Can be string (path to the key) or function of type: `(option) => option.text`", + "trackBy": "When `options` prop is an object, this key will be used to track selected `options`. Can be string (path to the key) or function of type: `(option) => option.track`" }, "events": { "input": "Emits when toggling to the different button" From 584a598b16a41f6376f2650535928209f471793e Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Sat, 22 Apr 2023 10:40:09 +0800 Subject: [PATCH 06/48] Add description of value-by for button toggle. --- packages/docs/translations/en.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index c5d53c4675..3cd8f40d4d 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1226,7 +1226,8 @@ "toggleColor": "Color of the toggle button", "activeButtonTextColor": "The color of the button text with the selected value", "textBy": "When `options` prop is an object, this key will be used as displayed text. Can be string (path to the key) or function of type: `(option) => option.text`", - "trackBy": "When `options` prop is an object, this key will be used to track selected `options`. Can be string (path to the key) or function of type: `(option) => option.track`" + "trackBy": "When `options` prop is an object, this key will be used to track selected `options`. Can be string (path to the key) or function of type: `(option) => option.track`", + "valueBy": "When `options` prop is an object, this key will be used as `modelValue`. Can be string (path to the key) or function of type: `(option) => option.value`" }, "events": { "input": "Emits when toggling to the different button" From 0ae25c9a19f352142b9c808b2bec6fe9c3d994d4 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Sat, 22 Apr 2023 11:16:22 +0800 Subject: [PATCH 07/48] Add description for aria-labels in carousel --- packages/docs/translations/en.json | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 3cd8f40d4d..c303dca433 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1425,7 +1425,12 @@ "fadeKeyframe": "Custom keyframe name for fade animation", "swipable": "Enables swiping behavior.", "swipeDirection": "Allowed directions for swiping: `all, horizontal, vertical, left, right, up, down`.", - "swipeDistance": "Distance in `px` considered sufficient for the swipe event." + "swipeDistance": "Distance in `px` considered sufficient for the swipe event.", + "ariaLabel": "The aria-label of carousel.", + "ariaGoToSlideLabel": "The aria-label of go to slide button.", + "ariaNextLabel": "The aria-label of next button.", + "ariaPreviousLabel": "The aria-label of previous button.", + "ariaSlideOfLabel": "The aria-label of the slide." }, "events": {}, "methods": {}, From faed716866ee233045c81a821c82c30c1e236098 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 27 Apr 2023 11:45:47 +0800 Subject: [PATCH 08/48] Add description for contain prop --- packages/docs/translations/en.json | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index c303dca433..8213ef1d0e 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -590,7 +590,8 @@ "title": "Proxies the `title` attribute to the image [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#the_title_attribute)[[target=_blank]].", "lazy": "Enables lazy load for the image.", "draggable": "Proxies the `draggable` attribute to the image [MDN](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/draggable)[[target=_blank]].", - "placeholderSrc": "`src` value for the placeholder image (can be replaced with `placeholder` slot)." + "placeholderSrc": "`src` value for the placeholder image (can be replaced with `placeholder` slot).", + "contain": "The image is scaled to maintain its aspect ratio while fitting within the element's content box." }, "events": { "loaded": "Emitted when image loading is finished.", @@ -1430,7 +1431,8 @@ "ariaGoToSlideLabel": "The aria-label of go to slide button.", "ariaNextLabel": "The aria-label of next button.", "ariaPreviousLabel": "The aria-label of previous button.", - "ariaSlideOfLabel": "The aria-label of the slide." + "ariaSlideOfLabel": "The aria-label of the slide.", + "contain": "The image is scaled to maintain its aspect ratio while fitting within the carousel's content box." }, "events": {}, "methods": {}, From 09cd562fda0d8b5a83eb3e36f56988a746027153 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 27 Apr 2023 11:59:40 +0800 Subject: [PATCH 09/48] Add more dependance for some proxy props --- packages/docs/translations/en.json | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 8213ef1d0e..798943d774 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1432,7 +1432,12 @@ "ariaNextLabel": "The aria-label of next button.", "ariaPreviousLabel": "The aria-label of previous button.", "ariaSlideOfLabel": "The aria-label of the slide.", - "contain": "The image is scaled to maintain its aspect ratio while fitting within the carousel's content box." + "contain": "The image is scaled to maintain its aspect ratio while fitting within the carousel's content box.", + "crossorigin":"Proxies the `crossorigin` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-crossorigin)[[target=_blank]].", + "decoding": "Proxies the `decoding` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-decoding)[[target=_blank]].", + "draggable": "Proxies the `draggable` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/draggable)[[target=_blank]].", + "fetchpriority": "Proxies the `fetchpriority` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-fetchpriority)[[target=_blank]].", + "fit": "Proxies the `object-fit` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/CSS/object-fit)[[target=_blank]]." }, "events": {}, "methods": {}, From 6246572084d60d35d1bf2771faca7aef43428f4a Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 27 Apr 2023 12:18:17 +0800 Subject: [PATCH 10/48] Add description for lazy of carousel --- packages/docs/translations/en.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 798943d774..554fcd9562 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1437,7 +1437,8 @@ "decoding": "Proxies the `decoding` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-decoding)[[target=_blank]].", "draggable": "Proxies the `draggable` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/draggable)[[target=_blank]].", "fetchpriority": "Proxies the `fetchpriority` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-fetchpriority)[[target=_blank]].", - "fit": "Proxies the `object-fit` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/CSS/object-fit)[[target=_blank]]." + "fit": "Proxies the `object-fit` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/CSS/object-fit)[[target=_blank]].", + "lazy": "Enables lazy load for the image of the component." }, "events": {}, "methods": {}, From baba30ae21b0c385663c6ddaad5b69e5bda6ac8b Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 27 Apr 2023 12:31:05 +0800 Subject: [PATCH 11/48] Add max-width descriptions --- packages/docs/translations/en.json | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 554fcd9562..2ffc8495e1 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -591,7 +591,8 @@ "lazy": "Enables lazy load for the image.", "draggable": "Proxies the `draggable` attribute to the image [MDN](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/draggable)[[target=_blank]].", "placeholderSrc": "`src` value for the placeholder image (can be replaced with `placeholder` slot).", - "contain": "The image is scaled to maintain its aspect ratio while fitting within the element's content box." + "contain": "The image is scaled to maintain its aspect ratio while fitting within the element's content box.", + "maxWidth": "Maximal image's width" }, "events": { "loaded": "Emitted when image loading is finished.", @@ -1438,7 +1439,8 @@ "draggable": "Proxies the `draggable` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/draggable)[[target=_blank]].", "fetchpriority": "Proxies the `fetchpriority` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-fetchpriority)[[target=_blank]].", "fit": "Proxies the `object-fit` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/CSS/object-fit)[[target=_blank]].", - "lazy": "Enables lazy load for the image of the component." + "lazy": "Enables lazy load for the image of the component.", + "maxWidth": "Maximal the width of the image of the component" }, "events": {}, "methods": {}, From 0cb3ca15d454df44673a5b3a87dd437f6bc7aaa6 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 27 Apr 2023 14:18:18 +0800 Subject: [PATCH 12/48] Add placeholder-src description --- packages/docs/translations/en.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 2ffc8495e1..3ddb06eead 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1440,7 +1440,8 @@ "fetchpriority": "Proxies the `fetchpriority` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-fetchpriority)[[target=_blank]].", "fit": "Proxies the `object-fit` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/CSS/object-fit)[[target=_blank]].", "lazy": "Enables lazy load for the image of the component.", - "maxWidth": "Maximal the width of the image of the component" + "maxWidth": "Maximal the width of the image of the component", + "placeholderSrc": "`src` value for the placeholder image of the component." }, "events": {}, "methods": {}, From 2b9c5e78848c6c2c42c5372326d2762b817f74d8 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 27 Apr 2023 14:24:57 +0800 Subject: [PATCH 13/48] Add referrerpolicy description --- packages/docs/translations/en.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 3ddb06eead..b71388d77f 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1441,7 +1441,8 @@ "fit": "Proxies the `object-fit` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/CSS/object-fit)[[target=_blank]].", "lazy": "Enables lazy load for the image of the component.", "maxWidth": "Maximal the width of the image of the component", - "placeholderSrc": "`src` value for the placeholder image of the component." + "placeholderSrc": "`src` value for the placeholder image of the component.", + "referrerpolicy": "Proxies the `referrerpolicy` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-referrerpolicy)[[target=_blank]]." }, "events": {}, "methods": {}, From fdcfe40fb9408e3d0d96aaed8767e5c54eb021a4 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 27 Apr 2023 14:34:09 +0800 Subject: [PATCH 14/48] Add descriptions and finish carousel --- packages/docs/translations/en.json | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index b71388d77f..90d3724af4 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1442,7 +1442,10 @@ "lazy": "Enables lazy load for the image of the component.", "maxWidth": "Maximal the width of the image of the component", "placeholderSrc": "`src` value for the placeholder image of the component.", - "referrerpolicy": "Proxies the `referrerpolicy` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-referrerpolicy)[[target=_blank]]." + "referrerpolicy": "Proxies the `referrerpolicy` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-referrerpolicy)[[target=_blank]].", + "sizes": "Proxies the `sizes` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#using_the_srcset_and_sizes_attributes)[[target=_blank]].", + "srcset": "Proxies the `srcset` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#using_the_srcset_and_sizes_attributes)[[target=_blank]].", + "title": "Proxies the `title` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#the_title_attribute)[[target=_blank]]." }, "events": {}, "methods": {}, From 2ea52408445d5b53cbe0ff414fec02a34fc26ab7 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Fri, 28 Apr 2023 15:23:13 +0800 Subject: [PATCH 15/48] Add aria-close-label for Chip. --- packages/docs/translations/en.json | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 90d3724af4..c5825671ac 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -769,6 +769,7 @@ "VaChip": { "props": { "closeable": "Provides the ability to close the tag", + "ariaCloseLabel": "The aria-label of close button", "outline": "Applies outline styling", "flat": "Applies flat styling", "icon": "The icon to be displayed inside a tag", From a89eb0e7ca9692a915f11e7f6d09d87c75109b56 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Fri, 28 Apr 2023 19:34:20 +0800 Subject: [PATCH 16/48] Hide contain prop description --- .../docs/page-config/ui-elements/carousel/api-options.ts | 6 +++++- packages/docs/page-config/ui-elements/image/api-options.ts | 5 +++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/packages/docs/page-config/ui-elements/carousel/api-options.ts b/packages/docs/page-config/ui-elements/carousel/api-options.ts index 08daaefe01..cd982a8797 100644 --- a/packages/docs/page-config/ui-elements/carousel/api-options.ts +++ b/packages/docs/page-config/ui-elements/carousel/api-options.ts @@ -1,7 +1,11 @@ import { ManualApiOptions } from "@/components/DocsApi/ManualApiOptions"; export default { - props: {}, + props: { + contain: { + hidden: true + } + }, events: {}, methods: {}, slots: { diff --git a/packages/docs/page-config/ui-elements/image/api-options.ts b/packages/docs/page-config/ui-elements/image/api-options.ts index 49b719da11..3157dce4d3 100644 --- a/packages/docs/page-config/ui-elements/image/api-options.ts +++ b/packages/docs/page-config/ui-elements/image/api-options.ts @@ -1,4 +1,9 @@ export default defineManualApi({ + props: { + contain: { + hidden: true + } + }, events: { loaded: { types: "Boolean", From 5bdb5fb6cf38acc07805e90380c3525222caf337 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Fri, 28 Apr 2023 21:05:08 +0800 Subject: [PATCH 17/48] Finish aria-labels in DataTable --- packages/docs/translations/en.json | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index c5825671ac..bcddf59469 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1074,7 +1074,10 @@ "wrapperSize": "Size (width or height) of the component's viewport (can be number or string with \"px\"/\"rem\" value). Suitable only for the state with the virtual scrolling enabled.", "cellBind": "Adds attributes to a table cell using `v-bind`. This can be an object type (with attributes that vue supports) or a function that returns such an object. As arguments, the function receives a table cell element (`any` type), a row (`DataTableItem` type), a column (`TableColumn` type), and a row index", "scrollTopMargin": "Sets the threshold (`px`) for scrolling up when the `scroll:top` event is enabled.", - "scrollBottomMargin": "Sets the threshold (`px`) for scrolling down when the `scroll:bottom` event is enabled." + "scrollBottomMargin": "Sets the threshold (`px`) for scrolling down when the `scroll:bottom` event is enabled.", + "ariaSelectAllRowsLabel": "The aria-label of \"Select all rows\" checkbox", + "ariaSelectRowLabel": "The aria-label of \"Select row\" checkbox", + "ariaSortColumnByLabel": "The aria-label describing how the columns are sorted by" }, "events": { "updateSortBy": "Emits when `sort-by` changed", From 39a0c45e5612795d69840afe9fe3968b932361eb Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Fri, 28 Apr 2023 21:18:39 +0800 Subject: [PATCH 18/48] Add missing descriptions for VaModal --- packages/docs/translations/en.json | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index bcddf59469..e06465ed58 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -374,7 +374,11 @@ "anchorClass": "Set class name to the `anchor` slot container", "zIndex": "Set the modal's `z-index`", "allowBodyScroll": "Allows the document scroll while modal is open.", - "blur": "Use `blur` filter to overlay. Root `css` variable `--va-modal-overlay-background-blur-radius` sets the blur radius" + "blur": "Use `blur` filter to overlay. Root `css` variable `--va-modal-overlay-background-blur-radius` sets the blur radius", + "ariaCloseLabel": "The aria-label of the close button", + "backgroundColor": "The background color of the modal dialog", + "beforeClose": "Function run before closing the modal", + "noPadding": "Disable padding in the modal dialog" }, "events": { "updateModelValue": "The event is triggered when the component needs to change visibility", From 18c4afd499e94286c7d00157a98dca116a5197bb Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Fri, 28 Apr 2023 21:30:41 +0800 Subject: [PATCH 19/48] Finish VaCheckbox --- packages/docs/translations/en.json | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index e06465ed58..aa9a2804f7 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -221,7 +221,8 @@ "delay": "Sets throttling delay (ms) for the components any data change (useful for huge data).", "ratio": "Aspect ratio of the component's wrapper.", "groupBy": "When `options` prop is an object, this key will be used to group up options. Can be string (path to the key) or function of type: `(option) => option.group`", - "grow": "Take all container width" + "grow": "Take all container width", + "immediateValidation": "Sets the validation to be performed when the component is mounted" } }, "VaBadge": { @@ -647,7 +648,8 @@ "props": { "value": "The value of the checkbox", "checkedIcon": "Overrides the `checked` icon", - "indeterminateIcon": "Overrides the `indeterminate` icon" + "indeterminateIcon": "Overrides the `indeterminate` icon", + "ariaLabel": "The aria-label of the checkbox" }, "events": { "input": "Emitted when the component needs to change the value" @@ -811,7 +813,6 @@ "focused": "Applies focus style", "canBeFocused": "If false, then input can not be focused using mouse or keyboard", "requiredMark": "Adds required mark to the label", - "immediateValidation": "Sets the validation to be performed when the component is mounted", "inputClass": "Classes for `input` (not its wrapper)", "pattern": "The pattern prop specifies a regular expression the input value should match", "inputmode": "The inputmode prop is an enumerated prop that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an apropriate virtual keyboard", From c730fc4142754604f554e41f34985411f4848267 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Fri, 28 Apr 2023 21:55:52 +0800 Subject: [PATCH 20/48] Finish ColorInput --- packages/docs/translations/en.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index aa9a2804f7..2893b8035d 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1025,7 +1025,8 @@ "VaColorInput": { "props": { "value": "Current color.", - "selected": "Select the indicator." + "selected": "Select the indicator.", + "ariaOpenColorPickerLabel": "The aria-label of \"open color picker\" button." }, "events": {}, "methods": {}, From 00c4e32ea883e6977940dbda7c21ffc338caed2d Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Fri, 28 Apr 2023 22:19:12 +0800 Subject: [PATCH 21/48] Finish Counter --- packages/docs/translations/en.json | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 2893b8035d..f937ef9459 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1404,7 +1404,11 @@ "width": "Sets a component width", "margins": "Sets the margin of the outside buttons", "increaseIcon": "Sets an increase icon", - "decreaseIcon": "Sets a decrease icon" + "decreaseIcon": "Sets a decrease icon", + "ariaDecreaseLabel": "The aria-label of decrease button", + "ariaIncreaseLabel": "The aria-label of increase button", + "ariaLabel": "The aria-label of content of counter", + "longPressDelay": "The number of milliseconds after which another event will be sent when you are long pressing the button" }, "events": { "clickDecreaseButton": "The event is triggered when clicked decrease outside button", From 3b3b4ca69dce71f9eb8fa58847dce67565a7ec56 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Sat, 29 Apr 2023 12:23:53 +0800 Subject: [PATCH 22/48] Add description for some of the aria-labels for DateInput --- packages/docs/translations/en.json | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index f937ef9459..8dada8b0df 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -222,7 +222,8 @@ "ratio": "Aspect ratio of the component's wrapper.", "groupBy": "When `options` prop is an object, this key will be used to group up options. Can be string (path to the key) or function of type: `(option) => option.group`", "grow": "Take all container width", - "immediateValidation": "Sets the validation to be performed when the component is mounted" + "immediateValidation": "Sets the validation to be performed when the component is mounted", + "anchorSelector": "Anchor CSS selector instead of passing slot" } }, "VaBadge": { @@ -1009,7 +1010,6 @@ "cursor": "Dropdown will be rendered relative to cursor position", "closeOnAnchorClick": "Dropdown will be closed when anchor is clicked", "closeOnClickOutside": "Dropdown will be closed when clicked outside dropdown content and anchor", - "anchorSelector": "Anchor CSS selector instead of passing slot", "autoPlacement": "If dropdown doesn't fit viewport, it will be placed automatically to fit viewport" }, "events": { @@ -1206,7 +1206,11 @@ "manualInput": "Allows user to manually input date in VaInput", "parse": "Function that transforms input field text to date, date array or date period", "parseDate": "Function that transforms input field text to date", - "parseValue": "Function that transforms string value to date, date array or date period" + "parseValue": "Function that transforms string value to date, date array or date period", + "ariaLabel": "The aria-label of the input", + "ariaNextPeriodLabel": "The aria-label of the \"next period\" button", + "ariaPreviousPeriodLabel": "The aria-label of the \"previous period\" button", + "ariaResetLabel": "The aria-label of the \"reset\" button" }, "events": { "clear": "Emitted if select value has been cleared", @@ -1478,7 +1482,6 @@ }, "VaDropdown": { "props": { - "anchorSelector": "Anchor CSS selector instead of passing slot", "innerAnchorSelector": "Anchor CSS selector inside passed slot", "autoPlacement": "If dropdown doesn't fit viewport, it will be placed automatically to fit viewport", "closeOnAnchorClick": "Dropdown will be closed when anchor is clicked", From f633a46edc8b4706ac69615fde07f9dfc9fdc7ea Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Mon, 1 May 2023 18:10:04 +0800 Subject: [PATCH 23/48] Add some description for DateInput --- packages/docs/translations/en.json | 41 ++++++++++--------- .../components/va-date-input/VaDateInput.vue | 2 +- 2 files changed, 23 insertions(+), 20 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 8dada8b0df..5501597b87 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -131,7 +131,7 @@ "epicmaxLink": "Visit Epicmax web-site", "newsBannerText": " \uD83D\uDD25\uD83D\uDD25\uD83D\uDD25 Hi there, we're celebrating our launch on Product Hunt this week! \uD83D\uDE80 We'd love to get your feedback and support! \uD83D\uDE4F", "newsBannerLink": "Visit the launch page", - "bannerText": ["expert", "s", "available in", "to build and launch your product"] + "bannerText": [ "expert", "s", "available in", "to build and launch your product" ] } }, "api": { @@ -223,7 +223,14 @@ "groupBy": "When `options` prop is an object, this key will be used to group up options. Can be string (path to the key) or function of type: `(option) => option.group`", "grow": "Take all container width", "immediateValidation": "Sets the validation to be performed when the component is mounted", - "anchorSelector": "Anchor CSS selector instead of passing slot" + "anchorSelector": "Anchor CSS selector instead of passing slot", + "ariaSwitchViewLabel": "The aria-label of the \"switch view\" button", + "ariaToggleDropdownLabel": "The aria-label of the \"toggle dropdown list\" button", + "autoPlacement": "If dropdown doesn't fit viewport, it will be placed automatically to fit viewport", + "closeOnClickOutside": "Dropdown will be closed when clicked outside dropdown content and anchor", + "cursor": "Dropdown will be rendered relative to cursor position", + "isContentHoverable": "If true, dropdown content will be hoverable", + "leftIcon": "Sets the icon position to the left." } }, "VaBadge": { @@ -991,7 +998,6 @@ "splitTo": "Sets a vue navigation link in a split component.", "splitHref": "Sets a native navigation link in a split component.", "icon": "Applies a custom icon in the dropdown section.", - "leftIcon": "Sets the icon position to the left.", "hideIcon": "Hide icon (when `split` is disabled).", "openedIcon": "Applies a custom icon in the dropdown section when the dropdown is opened.", "placement": "Sets the placement of the dropdown content. [More about placements](/ui-elements/dropdown#placement-and-offset)", @@ -1003,14 +1009,9 @@ "trigger": "Action that will open and close dropdown.", "preventOverflow": "If true, dropdown will be teleported to target ignoring `overflow: hidden` on relative position elements.", "stickToEdges": "Dropdown will not be rendered outside of viewport. It will be moved in opposite direction.", - "isContentHoverable": "If true, dropdown content will be hoverable", "innerAnchorSelector": "Anchor CSS selector inside passed slot.", "hoverOutTimeout": "Time in `ms` after mouse leave dropdown before it will be closed", - "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened", - "cursor": "Dropdown will be rendered relative to cursor position", - "closeOnAnchorClick": "Dropdown will be closed when anchor is clicked", - "closeOnClickOutside": "Dropdown will be closed when clicked outside dropdown content and anchor", - "autoPlacement": "If dropdown doesn't fit viewport, it will be placed automatically to fit viewport" + "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened" }, "events": { "click": "Emitted when user clicks on button.", @@ -1210,7 +1211,15 @@ "ariaLabel": "The aria-label of the input", "ariaNextPeriodLabel": "The aria-label of the \"next period\" button", "ariaPreviousPeriodLabel": "The aria-label of the \"previous period\" button", - "ariaResetLabel": "The aria-label of the \"reset\" button" + "ariaResetLabel": "The aria-label of the \"reset\" button", + "ariaSelectedDateLabel": "The aria-label of the input of the component", + "background": "The color name of the backgound color", + "closeOnAnchorClick": "Dropdown will be closed when anchor is clicked", + "closeOnContentClick": "Dropdown will be closed when clicked inside dropdown content", + "delimiter": "The delimiter used when turning model value to string", + "hoverOutTimeout": "Time in `ms` after mouse leave dropdown before it will be closed", + "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened", + "keepAnchorWidth": "If true, dropdown content will have exact same width as anchor" }, "events": { "clear": "Emitted if select value has been cleared", @@ -1382,8 +1391,7 @@ "focused": "Applies focus style", "canBeFocused": "If false, then input can not be focused using mouse or keyboard", "icon": "Sets an icon. The default icon position is on the right", - "requiredMark": "Adds required mark to the label", - "leftIcon": "Sets the icon position to the left" + "requiredMark": "Adds required mark to the label" }, "events": {}, "methods": {}, @@ -1452,7 +1460,7 @@ "ariaPreviousLabel": "The aria-label of previous button.", "ariaSlideOfLabel": "The aria-label of the slide.", "contain": "The image is scaled to maintain its aspect ratio while fitting within the carousel's content box.", - "crossorigin":"Proxies the `crossorigin` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-crossorigin)[[target=_blank]].", + "crossorigin": "Proxies the `crossorigin` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-crossorigin)[[target=_blank]].", "decoding": "Proxies the `decoding` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-decoding)[[target=_blank]].", "draggable": "Proxies the `draggable` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/draggable)[[target=_blank]].", "fetchpriority": "Proxies the `fetchpriority` attribute to the image of the component [MDN](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-fetchpriority)[[target=_blank]].", @@ -1483,14 +1491,9 @@ "VaDropdown": { "props": { "innerAnchorSelector": "Anchor CSS selector inside passed slot", - "autoPlacement": "If dropdown doesn't fit viewport, it will be placed automatically to fit viewport", - "closeOnAnchorClick": "Dropdown will be closed when anchor is clicked", - "closeOnClickOutside": "Dropdown will be closed when clicked outside dropdown content and anchor", "closeOnContentClick": "Dropdown will be closed when clicked inside dropdown content", - "cursor": "Dropdown will be rendered relative to cursor position", "hoverOutTimeout": "Time in `ms` after mouse leave dropdown before it will be closed", "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened", - "isContentHoverable": "If true, dropdown content will be hoverable", "keepAnchorWidth": "If true, dropdown content will have exact same width as anchor", "offset": "Dropdown content will be moved by main and cross axis according to current `placement`", "placement": "Dropdown content will be placed on `placement` side of anchor", @@ -5274,4 +5277,4 @@ } } } -} +} \ No newline at end of file diff --git a/packages/ui/src/components/va-date-input/VaDateInput.vue b/packages/ui/src/components/va-date-input/VaDateInput.vue index 7bf52eef11..fc29b66a95 100644 --- a/packages/ui/src/components/va-date-input/VaDateInput.vue +++ b/packages/ui/src/components/va-date-input/VaDateInput.vue @@ -389,7 +389,7 @@ export default defineComponent({ disabled: props.disabled, tabindex: props.disabled ? -1 : 0, value: valueText.value, - ariaLabel: props.label || tp('selectedDate'), + ariaLabel: props.label || tp(props.ariaSelectedDateLabel), ariaRequired: props.requiredMark, ariaDisabled: props.disabled, ariaReadOnly: props.readonly, From fe3465be7495ca71e713c9fd0728f64687f8966c Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 4 May 2023 20:50:59 +0800 Subject: [PATCH 24/48] Finish DateInput --- packages/docs/translations/en.json | 29 ++++++++++++++--------------- 1 file changed, 14 insertions(+), 15 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 5501597b87..8cf7783bd6 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -230,7 +230,10 @@ "closeOnClickOutside": "Dropdown will be closed when clicked outside dropdown content and anchor", "cursor": "Dropdown will be rendered relative to cursor position", "isContentHoverable": "If true, dropdown content will be hoverable", - "leftIcon": "Sets the icon position to the left." + "leftIcon": "Sets the icon position to the left.", + "preventOverflow": "If true, dropdown will be teleported to target ignoring `overflow: hidden` on relative position elements.", + "requiredMark": "Adds required mark to the label", + "stickToEdges": "Dropdown will not be rendered outside of viewport. It will be moved in opposite direction." } }, "VaBadge": { @@ -820,7 +823,6 @@ "bordered": "Applies underscore", "focused": "Applies focus style", "canBeFocused": "If false, then input can not be focused using mouse or keyboard", - "requiredMark": "Adds required mark to the label", "inputClass": "Classes for `input` (not its wrapper)", "pattern": "The pattern prop specifies a regular expression the input value should match", "inputmode": "The inputmode prop is an enumerated prop that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an apropriate virtual keyboard", @@ -926,12 +928,9 @@ "clearIcon": "Sets the clear icon", "dropdownIcon": "Sets the dropdown icon. Can be object if you want to sets different open/close icons", "bordered": "Applies style with bottom border", - "requiredMark": "Adds required mark to the label", "separator": "Text to separate selected values", - "maxVisibleOptions": "Max selected options amount, that will be shown inside of input wrapper.", - "preventOverflow": "If true, dropdown will be teleported to target ignoring `overflow: hidden` on relative position elements.", + "maxVisibleOptions": "Max selected options amount, that will be shown inside of input wrapper.", "selectedTopShown": "Selected options will be shown at the top of the options list.", - "stickToEdges": "Dropdown will not be rendered outside of viewport. It will be moved in opposite direction.", "autocomplete": "Enables the autocomplete behaviour.", "highlightMatchedText": "Highlight chars in options that are match the input value (search or autocomplete).", "minSearchChars": "Minimal amount of chars in input value to initiate search or autocomplete.", @@ -1007,8 +1006,6 @@ "closeOnContentClick": "Sets dropdown content on click behavior.", "gradient": "Makes the button background color a gradient (only if `backgroundColor` prop is equal to `1`).", "trigger": "Action that will open and close dropdown.", - "preventOverflow": "If true, dropdown will be teleported to target ignoring `overflow: hidden` on relative position elements.", - "stickToEdges": "Dropdown will not be rendered outside of viewport. It will be moved in opposite direction.", "innerAnchorSelector": "Anchor CSS selector inside passed slot.", "hoverOutTimeout": "Time in `ms` after mouse leave dropdown before it will be closed", "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened" @@ -1219,7 +1216,12 @@ "delimiter": "The delimiter used when turning model value to string", "hoverOutTimeout": "Time in `ms` after mouse leave dropdown before it will be closed", "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened", - "keepAnchorWidth": "If true, dropdown content will have exact same width as anchor" + "keepAnchorWidth": "If true, dropdown content will have exact same width as anchor", + "offset": "Dropdown content will be moved by main and cross axis according to current `placement`", + "placement": "Sets the placement of the dropdown content. [More about placements](/ui-elements/dropdown#placement-and-offset)", + "rangeDelimiter": "The delimiter used when turning model value to string", + "teleport": "Element where dropdown content will be rendered", + "trigger": "Action that will open and close dropdown" }, "events": { "clear": "Emitted if select value has been cleared", @@ -1390,8 +1392,7 @@ "bordered": "Applies underscore", "focused": "Applies focus style", "canBeFocused": "If false, then input can not be focused using mouse or keyboard", - "icon": "Sets an icon. The default icon position is on the right", - "requiredMark": "Adds required mark to the label" + "icon": "Sets an icon. The default icon position is on the right" }, "events": {}, "methods": {}, @@ -1497,10 +1498,8 @@ "keepAnchorWidth": "If true, dropdown content will have exact same width as anchor", "offset": "Dropdown content will be moved by main and cross axis according to current `placement`", "placement": "Dropdown content will be placed on `placement` side of anchor", - "stickToEdges": "Dropdown will not be rendered outside of viewport. It will be moved in opposite direction", - "trigger": "Action which will open and close dropdown", - "target": "Dropdown content parent. Dropdown content will be attached to `target` to prevent overflow", - "preventOverflow": "If true, dropdown will be teleported to `target` ignoring `overflow: hidden` on relative position elements" + "trigger": "Action that will open and close dropdown", + "target": "Dropdown content parent. Dropdown content will be attached to `target` to prevent overflow" }, "events": { "anchorClick": "The event is triggered when anchor is clicked", From e42a208244f5f7e7492fff6cbe68d32429fb99fb Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Fri, 5 May 2023 14:21:31 +0800 Subject: [PATCH 25/48] finish DatePicker --- packages/docs/translations/en.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 8cf7783bd6..cdfb15ebea 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -233,7 +233,9 @@ "leftIcon": "Sets the icon position to the left.", "preventOverflow": "If true, dropdown will be teleported to target ignoring `overflow: hidden` on relative position elements.", "requiredMark": "Adds required mark to the label", - "stickToEdges": "Dropdown will not be rendered outside of viewport. It will be moved in opposite direction." + "stickToEdges": "Dropdown will not be rendered outside of viewport. It will be moved in opposite direction.", + "ariaNextPeriodLabel": "The aria-label of the \"next period\" button", + "ariaPreviousPeriodLabel": "The aria-label of the \"previous period\" button" } }, "VaBadge": { @@ -1206,8 +1208,6 @@ "parseDate": "Function that transforms input field text to date", "parseValue": "Function that transforms string value to date, date array or date period", "ariaLabel": "The aria-label of the input", - "ariaNextPeriodLabel": "The aria-label of the \"next period\" button", - "ariaPreviousPeriodLabel": "The aria-label of the \"previous period\" button", "ariaResetLabel": "The aria-label of the \"reset\" button", "ariaSelectedDateLabel": "The aria-label of the input of the component", "background": "The color name of the backgound color", From 01ff4261b9d66aaad84e0bca9c5e68ae3ab7625b Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 11 May 2023 12:50:04 +0800 Subject: [PATCH 26/48] Postpone `file`, finish other props of FileUpload. --- packages/docs/translations/en.json | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index cdfb15ebea..a02b28540d 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -235,7 +235,8 @@ "requiredMark": "Adds required mark to the label", "stickToEdges": "Dropdown will not be rendered outside of viewport. It will be moved in opposite direction.", "ariaNextPeriodLabel": "The aria-label of the \"next period\" button", - "ariaPreviousPeriodLabel": "The aria-label of the \"previous period\" button" + "ariaPreviousPeriodLabel": "The aria-label of the \"previous period\" button", + "ariaRemoveFileLabel": "The aria-label of the \"remove file\" button" } }, "VaBadge": { @@ -515,7 +516,8 @@ "undo": "Enables the canceling of the removing action for the added files", "undoDuration": "Undoing action duration", "undoButtonText": "Cancel button text", - "deletedFileMessage": "Deleted file message" + "deletedFileMessage": "Deleted file message", + "files": "Files to be uploaded" }, "events": { "fileAdded": "Emits after files are added", From 08c353127aac56226d867e9994147c0f33dc24e5 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 11 May 2023 13:46:43 +0800 Subject: [PATCH 27/48] Progress to Radio --- packages/docs/translations/en.json | 24 +++++++++++++++--------- 1 file changed, 15 insertions(+), 9 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index a02b28540d..d8fa392a04 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -236,7 +236,10 @@ "stickToEdges": "Dropdown will not be rendered outside of viewport. It will be moved in opposite direction.", "ariaNextPeriodLabel": "The aria-label of the \"next period\" button", "ariaPreviousPeriodLabel": "The aria-label of the \"previous period\" button", - "ariaRemoveFileLabel": "The aria-label of the \"remove file\" button" + "ariaRemoveFileLabel": "The aria-label of the \"remove file\" button", + "ariaResetLabel": "The aria-label of the \"reset\" button", + "background": "The color name of the backgound color", + "innerAnchorSelector": "Anchor CSS selector inside passed slot" } }, "VaBadge": { @@ -831,7 +834,8 @@ "pattern": "The pattern prop specifies a regular expression the input value should match", "inputmode": "The inputmode prop is an enumerated prop that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an apropriate virtual keyboard", "counter": "Show a counter of value length", - "maxLength": "Specify a max length of value" + "maxLength": "Specify a max length of value", + "ariaLabel": "The aria-label of input or text area depend on `type` prop of the component" }, "events": { "change": "Emitted when the input loose focus or on `enter`", @@ -1010,7 +1014,6 @@ "closeOnContentClick": "Sets dropdown content on click behavior.", "gradient": "Makes the button background color a gradient (only if `backgroundColor` prop is equal to `1`).", "trigger": "Action that will open and close dropdown.", - "innerAnchorSelector": "Anchor CSS selector inside passed slot.", "hoverOutTimeout": "Time in `ms` after mouse leave dropdown before it will be closed", "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened" }, @@ -1209,10 +1212,8 @@ "parse": "Function that transforms input field text to date, date array or date period", "parseDate": "Function that transforms input field text to date", "parseValue": "Function that transforms string value to date, date array or date period", - "ariaLabel": "The aria-label of the input", - "ariaResetLabel": "The aria-label of the \"reset\" button", - "ariaSelectedDateLabel": "The aria-label of the input of the component", - "background": "The color name of the backgound color", + "ariaLabel": "The aria-label of the anchor slot", + "ariaSelectedDateLabel": "The aria-label of the input of the component if aria-label is not set", "closeOnAnchorClick": "Dropdown will be closed when anchor is clicked", "closeOnContentClick": "Dropdown will be closed when clicked inside dropdown content", "delimiter": "The delimiter used when turning model value to string", @@ -1331,7 +1332,13 @@ "placement": "Sets a popover position. [More about placements](/ui-elements/dropdown#placement-and-offset)", "autoHide": "Adds the ability to hide popover when clicked outside", "hoverOverTimeout": "Delay before opening", - "hoverOutTimeout": "Delay before closing" + "hoverOutTimeout": "Delay before closing", + "ariaLabel": "the aria-label of anchor slot of dropdown of the component", + "closeOnAnchorClick": "Popover will be closed when anchor is clicked", + "closeOnContentClick": "Popover will be closed when clicked inside popover content", + "keepAnchorWidth": "If true, popover content will have exact same width as anchor", + "offset": "Dropdown content will be moved by main and cross axis according to current `placement`", + "teleport": "Element where popover content will be rendered" }, "events": {}, "methods": {}, @@ -1493,7 +1500,6 @@ }, "VaDropdown": { "props": { - "innerAnchorSelector": "Anchor CSS selector inside passed slot", "closeOnContentClick": "Dropdown will be closed when clicked inside dropdown content", "hoverOutTimeout": "Time in `ms` after mouse leave dropdown before it will be closed", "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened", From e71244c4d68429b1d59c0a66aedb1cce717c6d15 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 11 May 2023 13:53:32 +0800 Subject: [PATCH 28/48] Finish props in Rating --- packages/docs/translations/en.json | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index d8fa392a04..118d05fee8 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -434,7 +434,9 @@ "hover": "Adds visual feedback when hovering on items", "texts": "The array of captions to be used with each value. The array length should be equal to **`max`** prop", "textColor": "Color of text captions", - "unselectedColor": "Specifies the color of unselected items (by default **`color`** prop is used)" + "unselectedColor": "Specifies the color of unselected items (by default **`color`** prop is used)", + "ariaLabel": "The aria-label of the component", + "ariaItemLabel": "The aria-label of rating items of the component" } }, "VaPagination": { From bea963e004d3486acc9114bff584e4d7295cc8d3 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Mon, 15 May 2023 22:41:15 +0800 Subject: [PATCH 29/48] Finish VaSelect --- packages/docs/translations/en.json | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 118d05fee8..cc5c8bb229 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -946,7 +946,15 @@ "minSearchChars": "Minimal amount of chars in input value to initiate search or autocomplete.", "ariaLabel": "Set aria label. By default it `$t:selectOption` is value is selected and `$t:noSelectedOption` if value is empty.", "ariaClearLabel": "Set aria label for clear button", - "ariaSearchLabel": "Set aria label for search input" + "ariaSearchLabel": "Set aria label for search input", + "autoSelectFirstOption": "Automatically select the first option", + "closeOnAnchorClick":"Dropdown will be closed when anchor is clicked", + "hoverOutTimeout": "Time in `ms` after mouse leave dropdown before it will be closed", + "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened", + "searchPlaceholderText": "The text of placeholder of the search input", + "teleport": "Element where dropdown content will be rendered", + "trigger": "Action that will triggered when open and close dropdown.", + "virtualScroller": "Enables virtual scrolling" }, "events": { "clear": "Emitted if select value has been cleared", @@ -1015,7 +1023,7 @@ "modelValue": "Sets a dropdown state.", "closeOnContentClick": "Sets dropdown content on click behavior.", "gradient": "Makes the button background color a gradient (only if `backgroundColor` prop is equal to `1`).", - "trigger": "Action that will open and close dropdown.", + "trigger": "Action that will triggered when open and close dropdown.", "hoverOutTimeout": "Time in `ms` after mouse leave dropdown before it will be closed", "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened" }, @@ -1226,7 +1234,7 @@ "placement": "Sets the placement of the dropdown content. [More about placements](/ui-elements/dropdown#placement-and-offset)", "rangeDelimiter": "The delimiter used when turning model value to string", "teleport": "Element where dropdown content will be rendered", - "trigger": "Action that will open and close dropdown" + "trigger": "Action that will triggered when open and close dropdown." }, "events": { "clear": "Emitted if select value has been cleared", @@ -1508,7 +1516,7 @@ "keepAnchorWidth": "If true, dropdown content will have exact same width as anchor", "offset": "Dropdown content will be moved by main and cross axis according to current `placement`", "placement": "Dropdown content will be placed on `placement` side of anchor", - "trigger": "Action that will open and close dropdown", + "trigger": "Action that will triggered when open and close dropdown.", "target": "Dropdown content parent. Dropdown content will be attached to `target` to prevent overflow" }, "events": { From 7e8c82050f13b8e056083020be5d4d2d756994fc Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Tue, 16 May 2023 14:18:47 +0800 Subject: [PATCH 30/48] Finish VaSlider --- packages/docs/translations/en.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index cc5c8bb229..99a6679751 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -317,7 +317,8 @@ "iconPrepend": "Icon at the start of slider.", "iconAppend": "Icon at the end of slider.", "vertical": "Makes slider vertical.", - "showTrack": "Toggles track display." + "showTrack": "Toggles track display.", + "ariaLabel": "The aria-label of the component" }, "events": { "dragStart": "Emitted on drag start.", From 27d8473ebee00b1ed8583a741a42a716a96ca504 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Tue, 16 May 2023 14:23:43 +0800 Subject: [PATCH 31/48] Finish VaSwitch --- packages/docs/translations/en.json | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 99a6679751..2da9e4471c 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -503,7 +503,9 @@ "value": "Switch value", "trueValue": "Value when checked", "falseValue": "Value when unchecked", - "arrayValue": "Takes the value of a switch in an array of switches" + "arrayValue": "Takes the value of a switch in an array of switches", + "ariaLabel": "The aria-label of the component", + "offColor": "The background color when switch is off" }, "slots": { "default": "Slot for label.", From 5250634251d1d12981e3abb42a5d939f81272e06 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Tue, 16 May 2023 14:50:13 +0800 Subject: [PATCH 32/48] Finish VaTimePicker --- packages/docs/translations/en.json | 28 ++++++++++++++++++---------- 1 file changed, 18 insertions(+), 10 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 2da9e4471c..c45e39e1ef 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -239,7 +239,11 @@ "ariaRemoveFileLabel": "The aria-label of the \"remove file\" button", "ariaResetLabel": "The aria-label of the \"reset\" button", "background": "The color name of the backgound color", - "innerAnchorSelector": "Anchor CSS selector inside passed slot" + "innerAnchorSelector": "Anchor CSS selector inside passed slot", + "cellHeight": "Height of the time cell", + "teleport": "Element where content will be rendered", + "visibleCellsCount": "Count of time cells to display", + "hidePeriodSwitch": "Hide period column", } }, "VaBadge": { @@ -954,8 +958,6 @@ "closeOnAnchorClick":"Dropdown will be closed when anchor is clicked", "hoverOutTimeout": "Time in `ms` after mouse leave dropdown before it will be closed", "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened", - "searchPlaceholderText": "The text of placeholder of the search input", - "teleport": "Element where dropdown content will be rendered", "trigger": "Action that will triggered when open and close dropdown.", "virtualScroller": "Enables virtual scrolling" }, @@ -1236,7 +1238,6 @@ "offset": "Dropdown content will be moved by main and cross axis according to current `placement`", "placement": "Sets the placement of the dropdown content. [More about placements](/ui-elements/dropdown#placement-and-offset)", "rangeDelimiter": "The delimiter used when turning model value to string", - "teleport": "Element where dropdown content will be rendered", "trigger": "Action that will triggered when open and close dropdown." }, "events": { @@ -1350,8 +1351,7 @@ "closeOnAnchorClick": "Popover will be closed when anchor is clicked", "closeOnContentClick": "Popover will be closed when clicked inside popover content", "keepAnchorWidth": "If true, popover content will have exact same width as anchor", - "offset": "Dropdown content will be moved by main and cross axis according to current `placement`", - "teleport": "Element where popover content will be rendered" + "offset": "Dropdown content will be moved by main and cross axis according to current `placement`" }, "events": {}, "methods": {}, @@ -1369,9 +1369,7 @@ "secondsFilter": "Function that allows you to hide some specific seconds", "view": "View specifying which columns will be shown", "periodUpdatesModelValue": "If user will change period it will automatically update model value. You can turn off it and am/pm switch will only change view.", - "framed": "Adds borders to center of the picker", - "cellHeight": "Height of the time cell", - "visibleCellsCount": "Count of time cells to display" + "framed": "Adds borders to center of the picker" }, "events": {}, "methods": {}, @@ -1414,7 +1412,17 @@ "bordered": "Applies underscore", "focused": "Applies focus style", "canBeFocused": "If false, then input can not be focused using mouse or keyboard", - "icon": "Sets an icon. The default icon position is on the right" + "icon": "Sets an icon. The default icon position is on the right", + "ariaLabel": "The aria-label of the component", + "closeOnAnchorClick": "Dropdown will be closed when anchor is clicked", + "closeOnContentClick": "Dropdown will be closed when clicked inside dropdown content", + "framed": "Adds borders to center of the picker", + "hoverOutTimeout": "Time in `ms` after mouse leave dropdown before it will be closed", + "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened", + "keepAnchorWidth": "If true, dropdown content will have exact same width as anchor", + "offset": "Dropdown content will be moved by main and cross axis according to current `placement`", + "placement": "Sets the placement of the dropdown content. [More about placements](/ui-elements/dropdown#placement-and-offset)", + "trigger": "Action that will triggered when open and close dropdown." }, "events": {}, "methods": {}, From afbb1a89331ff6664dd15854c7dd0e1bf3177225 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Wed, 17 May 2023 10:11:42 +0800 Subject: [PATCH 33/48] Finish VaSkeleton --- packages/docs/translations/en.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index c45e39e1ef..b4079339f5 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1650,7 +1650,8 @@ "lines": "Lines count if `variant` is `text`", "lineGap": "Gap between lines in `px`, `rem`, `em` if `variant` is `text`", "lastLineWidth": "Width of last line in `px`, `rem`, `em`, `%` if `variant` is `text`", - "tag": "Skeleton tag." + "tag": "Skeleton tag.", + "ariaLabel": "The aria-label of the component" } }, "VaConfig": { From 82bda1d88393ff901aec2471f6096ec3eb9650e1 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Wed, 17 May 2023 10:13:57 +0800 Subject: [PATCH 34/48] finish VaSplit --- packages/docs/translations/en.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index b4079339f5..0e06d93aef 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1555,7 +1555,8 @@ "maximization": "End panel size maximization via separator double click.", "maximizeStart": "Maximize size of the start panel instead of end one.", "snapping": "Marks array the splitter will be 'jumping' to.", - "snapping-range": "Distance (% of components container size, px or rem) between splitter and snapping mark, which will call 'jumping' to it." + "snappingRange": "Distance (% of components container size, px or rem) between splitter and snapping mark, which will call 'jumping' to it.", + "ariaLabel": "The aria-label of the component" }, "events": {}, "methods": {}, From 887bc9cbc6350e210fcab75bd3e09eb57b39d60a Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Wed, 17 May 2023 10:24:50 +0800 Subject: [PATCH 35/48] Finish VaBreadcrumbs --- packages/docs/translations/en.json | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 0e06d93aef..4ab31447c5 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -358,7 +358,9 @@ "props": { "activeColor": "Color of active links (theme string or HEX string).", "separator": "Element to separate breadcrumbs items.", - "separatorColor": "Color of the separator icon (theme string or HEX string)." + "separatorColor": "Color of the separator icon (theme string or HEX string).", + "ariaLabel": "The aria-label of the component", + "vertical": "Displays vertically" }, "slots": { "default": "One or more `va-breadcrumbs-item` elements.", From 658f4c7c6fee1f3c6d185bb8de00733d499527e4 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Wed, 17 May 2023 10:39:06 +0800 Subject: [PATCH 36/48] FInish VaPagination --- packages/docs/translations/en.json | 9 ++++++++- .../ui/src/components/va-pagination/VaPagination.vue | 8 ++++---- 2 files changed, 12 insertions(+), 5 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 4ab31447c5..22d6718363 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -465,7 +465,14 @@ "size": "Specify size for component. `small`, `medium`, `large` sizes are available.", "activePageColor": "Specifies color of the currently active page button.", "gapped": "Enables gaps between page buttons.", - "buttonsPreset": "Value of the `preset` prop for passing it to the `VaButton` component ([read more](/ui-elements/button))." + "buttonsPreset": "Value of the `preset` prop for passing it to the `VaButton` component ([read more](/ui-elements/button)).", + "ariaGoToLastPageLabel": "The aria-label of the \"go to last page\" button", + "ariaGoToNextPageLabel": "The aria-label of the \"go to next page\" button", + "ariaGoToPreviousPageLabel": "The aria-label of the \"go to previous page\" button", + "ariaGoToSpecificPageInputLabel": "The aria-label of the \"go to specific page\" input", + "ariaGoToSpecificPageLabel": "The aria-label of the \"go to specific page\" button", + "ariaGoToTheFirstPageLabel": "The aria-label of the \"go to the first page\" button", + "ariaLabel": "The aria-label of the component" }, "slots": { "firstPageLink": "For the first page link content", diff --git a/packages/ui/src/components/va-pagination/VaPagination.vue b/packages/ui/src/components/va-pagination/VaPagination.vue index e1f366243b..5dd5285003 100644 --- a/packages/ui/src/components/va-pagination/VaPagination.vue +++ b/packages/ui/src/components/va-pagination/VaPagination.vue @@ -70,7 +70,7 @@ > Date: Wed, 17 May 2023 10:49:05 +0800 Subject: [PATCH 37/48] Fix trailing comma --- packages/docs/translations/en.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 22d6718363..306c634616 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -243,7 +243,7 @@ "cellHeight": "Height of the time cell", "teleport": "Element where content will be rendered", "visibleCellsCount": "Count of time cells to display", - "hidePeriodSwitch": "Hide period column", + "hidePeriodSwitch": "Hide period column" } }, "VaBadge": { From 936d68360cc5bf629ceff85f076d30bcd0e5e195 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 18 May 2023 19:27:58 +0800 Subject: [PATCH 38/48] Finish VaSidebar and VaSidebarItem --- packages/docs/translations/en.json | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 306c634616..9777d0c4e7 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -612,7 +612,9 @@ "width": "Width of component in maximized state.", "minimizedWidth": "Width of component in minimized state.", "value": "The current visibility state of `va-sidebar`.", - "animated": "Sets css `transition` to component" + "animated": "Sets css `transition` to component", + "activeColor": "The color for active `VaSidebarItem` in the sidebar menu", + "hoverColor": "The color for hovered `VaSidebarItem` in the sidebar menu" } }, "VaImage": { From 914ab62d955bd581f36bfb68fb9b3f6faa98d432 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 18 May 2023 19:29:18 +0800 Subject: [PATCH 39/48] Finish VaStepper --- packages/docs/translations/en.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 9777d0c4e7..e5ccddc31f 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1636,7 +1636,8 @@ "nextDisabled": "Disables navigation to steps further than `model-value`.", "controlsHidden": "Removes 'Back' and 'Next' buttons.", "vertical": "Changes stepper orientation to vertical.", - "finishButtonHidden": "Hides 'Finish' button" + "finishButtonHidden": "Hides 'Finish' button", + "ariaLabel": "The aria-label of the component" }, "events": { "finish": "Emits when 'Finish' button is getting pressed" From 735c3ccfcc0c8f4c0f8e64a8da0a66c74d3a2388 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 18 May 2023 19:31:27 +0800 Subject: [PATCH 40/48] Finish VaTabs --- packages/docs/translations/en.json | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index e5ccddc31f..0cde331e19 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -491,7 +491,9 @@ "vertical": "Align all items vertically", "prevIcon": "Icon to be used for scrolling backward in pagination", "nextIcon": "Icon to be used for scrolling forward in pagination", - "hidePagination": "Hide or show pagination arrows" + "hidePagination": "Hide or show pagination arrows", + "ariaMoveLeftLabel": "The aria-label of the \"move left\" button", + "ariaMoveRightLabel": "The aria-label of the \"move right\" button" }, "events": { "clickNext": "Emits when pagination **next** is clicked", From 0d5cfc4087a3fdcc0d77122a11ccb7f0da289b2e Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 18 May 2023 19:35:48 +0800 Subject: [PATCH 41/48] Finish VaDropdown --- packages/docs/translations/en.json | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 0cde331e19..eb4584f1b3 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1541,7 +1541,9 @@ "offset": "Dropdown content will be moved by main and cross axis according to current `placement`", "placement": "Dropdown content will be placed on `placement` side of anchor", "trigger": "Action that will triggered when open and close dropdown.", - "target": "Dropdown content parent. Dropdown content will be attached to `target` to prevent overflow" + "target": "Dropdown content parent. Dropdown content will be attached to `target` to prevent overflow", + "closeOnAnchorClick":"Dropdown will be closed when anchor is clicked", + "ariaLabel": "The aria-label of the component" }, "events": { "anchorClick": "The event is triggered when anchor is clicked", From b4f15b5d3792dbc26c17cb3ed53847551b1953e4 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 18 May 2023 19:39:12 +0800 Subject: [PATCH 42/48] Finish VaValue --- packages/docs/translations/en.json | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index eb4584f1b3..64747e2de8 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1526,6 +1526,11 @@ "prevArrow": "Custom style for previous button" } }, + "VaValue": { + "props": { + "defaultValue": "The default value of the component" + } + }, "VaSpacer": { "props": {}, "events": {}, From ea79d1a0c09d42f52e68cc6d72fb140af947bf37 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 18 May 2023 19:40:55 +0800 Subject: [PATCH 43/48] Finish VaBacktop --- packages/docs/translations/en.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 64747e2de8..6be304c4bb 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1015,7 +1015,8 @@ "horizontalPosition": "Sets the horizontal position of the component", "verticalPosition": "Sets the vertical position of the component", "horizontalOffset": "Sets the horizontal offset of the component from the border of the monitor", - "verticalOffset": "Sets the vertical offset of the component from the border of the monitor" + "verticalOffset": "Sets the vertical offset of the component from the border of the monitor", + "ariaLabel": "The aria-label of the component" }, "events": { "click": "Emitted when user clicked on backtop" From 9dbc20404bfb420c2e5fabc2f884fd0052f33f42 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 18 May 2023 19:43:10 +0800 Subject: [PATCH 44/48] Finish VaColorPalette --- packages/docs/translations/en.json | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 6be304c4bb..6ee1b8ddcf 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -1069,7 +1069,9 @@ "VaColorPalette": { "props": { "value": "Current color", - "palette": "An array of colors" + "palette": "An array of colors", + "ariaIndicatorLabel": "The aria-label of the indicator", + "ariaLabel": "The aria-label of the component" }, "events": {}, "methods": {}, From ec9016138854e0d57793a184d38a1b11e35930e7 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 18 May 2023 20:15:23 +0800 Subject: [PATCH 45/48] Finish VaModal --- packages/docs/translations/en.json | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 6ee1b8ddcf..491c32e339 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -403,7 +403,14 @@ "ariaCloseLabel": "The aria-label of the close button", "backgroundColor": "The background color of the modal dialog", "beforeClose": "Function run before closing the modal", - "noPadding": "Disable padding in the modal dialog" + "noPadding": "Disable padding in the modal dialog", + "onBeforeClose": "Function to be called before closing", + "onBeforeOpen": "Function to be called before opening", + "onCancel": "Function to be called after cancel button is been pressed", + "onClickOutside": "Function to be called after clicking outside the modal", + "onClose": "Function to be called after closing", + "onOk": "Function to be called after pressing the \"ok\" button", + "onOpen": "Functiong to be called after opening the modal" }, "events": { "updateModelValue": "The event is triggered when the component needs to change visibility", From b3f62cf71cab36c3d95b61ef51cda21c6b456ad4 Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 18 May 2023 20:19:09 +0800 Subject: [PATCH 46/48] Finish VaToast --- packages/docs/translations/en.json | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 491c32e339..e27d7f978c 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -594,7 +594,8 @@ "position": "Sets the position of the notification", "render": "Render function to use a custom content", "multiLine": "Sets more space for the Toast component", - "dangerouslyUseHtmlString": "Sets the ability to use `message` as innerHtml. **Please note that this can lead to XSS attacks**, so make sure that you sanitize the `message` by yourself" + "dangerouslyUseHtmlString": "Sets the ability to use `message` as innerHtml. **Please note that this can lead to XSS attacks**, so make sure that you sanitize the `message` by yourself", + "ariaCloseLabel": "The aria-label of the close button" }, "events": { "onClick": "Emits when toast is clicked", @@ -711,7 +712,8 @@ "rounded": "Add a border radius to the `va-progress-bar` component (default: true)", "contentInside": "Sets the content of the slot inside the progress bar", "showPercent": "Shows the indicator value with a percent sign", - "max": "Maximum value" + "max": "Maximum value", + "ariaLabel": "The aria-label of the component" }, "slots": { "default": "Display any additional info about the progress" @@ -721,7 +723,8 @@ "props": { "value": "The progress value", "indeterminate": "Using the `indeterminate` prop, the `va-progress-circle` continues to animate indefinitely.", - "thickness": "Circle border size between 0 and 1" + "thickness": "Circle border size between 0 and 1", + "ariaLabel": "The aria-label of the component" }, "slots": { "default": "Display any additional info about the progress" From 305d1fcee553286aee509063ba7fedd7dee58dde Mon Sep 17 00:00:00 2001 From: xiongmao86 Date: Thu, 18 May 2023 20:37:41 +0800 Subject: [PATCH 47/48] Make sure all missing props is filled --- packages/docs/translations/en.json | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index e27d7f978c..78787fa0a4 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -982,7 +982,8 @@ "hoverOutTimeout": "Time in `ms` after mouse leave dropdown before it will be closed", "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened", "trigger": "Action that will triggered when open and close dropdown.", - "virtualScroller": "Enables virtual scrolling" + "virtualScroller": "Enables virtual scrolling", + "searchPlaceholderText": "The text of placeholder of the search input" }, "events": { "clear": "Emitted if select value has been cleared", @@ -1054,7 +1055,9 @@ "gradient": "Makes the button background color a gradient (only if `backgroundColor` prop is equal to `1`).", "trigger": "Action that will triggered when open and close dropdown.", "hoverOutTimeout": "Time in `ms` after mouse leave dropdown before it will be closed", - "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened" + "hoverOverTimeout": "Time in `ms` after mouse enter dropdown before it will be opened", + "closeOnAnchorClick":"Dropdown will be closed when anchor is clicked", + "ariaLabel": "The aria-label of the component" }, "events": { "click": "Emitted when user clicks on button.", @@ -1297,7 +1300,8 @@ "activeButtonTextColor": "The color of the button text with the selected value", "textBy": "When `options` prop is an object, this key will be used as displayed text. Can be string (path to the key) or function of type: `(option) => option.text`", "trackBy": "When `options` prop is an object, this key will be used to track selected `options`. Can be string (path to the key) or function of type: `(option) => option.track`", - "valueBy": "When `options` prop is an object, this key will be used as `modelValue`. Can be string (path to the key) or function of type: `(option) => option.value`" + "valueBy": "When `options` prop is an object, this key will be used as `modelValue`. Can be string (path to the key) or function of type: `(option) => option.value`", + "disabledBy": "Specify the key in the object to be used as item `disabled` prop. Can be string (path to the key) or function of type: `(option) => option.disabled`" }, "events": { "input": "Emits when toggling to the different button" From 85b7e927efaf2b20d5b2e0c2092613cb2121f6e7 Mon Sep 17 00:00:00 2001 From: Maksim Nedoshev Date: Fri, 26 May 2023 04:10:56 +0300 Subject: [PATCH 48/48] chore(docs): typo fix in translations --- packages/docs/translations/en.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/docs/translations/en.json b/packages/docs/translations/en.json index 7fb7c9956d..21b3987ba1 100644 --- a/packages/docs/translations/en.json +++ b/packages/docs/translations/en.json @@ -244,7 +244,7 @@ "cellHeight": "Height of the time cell", "teleport": "Element where content will be rendered", "visibleCellsCount": "Count of time cells to display", - "hidePeriodSwitch": "Hide period column" + "hidePeriodSwitch": "Hide period column", "ratio": "Aspect ratio of the component's wrapper." }, "slots": {