diff --git a/packages/components/color-picker-panel/src/__tests__/color-picker-panel.test.tsx b/packages/components/color-picker-panel/src/__tests__/color-picker-panel.test.tsx index 0178de8b1f..8f4ad282a3 100644 --- a/packages/components/color-picker-panel/src/__tests__/color-picker-panel.test.tsx +++ b/packages/components/color-picker-panel/src/__tests__/color-picker-panel.test.tsx @@ -493,6 +493,7 @@ describe('Color-picker-panel', () => { ).toBe('rgb(0, 255, 0)') wrapper.unmount() }) + it('should update the selected color when the showAlpha prop changes', async () => { const color = ref('#00ff00aa') const showAlpha = ref(true) @@ -539,4 +540,28 @@ describe('Color-picker-panel', () => { expect(input.element.value).toBe('') wrapper.unmount() }) + + it('control hue changes through keyboard', async () => { + const color = ref('#409eff') + const wrapper = mount(() => ) + + const alphaSlider = wrapper.findComponent('.el-color-hue-slider') + await alphaSlider.find('.el-color-hue-slider__thumb').trigger('keydown', { + key: EVENT_CODE.down, + code: EVENT_CODE.down, + }) + await alphaSlider.find('.el-color-hue-slider__thumb').trigger('keydown', { + key: EVENT_CODE.left, + code: EVENT_CODE.left, + }) + const input = wrapper.find('input').element + expect(input!.value).toEqual('#4099ff') + + await alphaSlider.find('.el-color-hue-slider__thumb').trigger('keydown', { + key: EVENT_CODE.up, + code: EVENT_CODE.up, + }) + expect(input!.value).toEqual('#409cff') + wrapper.unmount() + }) }) diff --git a/packages/components/color-picker-panel/src/components/alpha-slider.vue b/packages/components/color-picker-panel/src/components/alpha-slider.vue index 339a93eea3..34db54c321 100644 --- a/packages/components/color-picker-panel/src/components/alpha-slider.vue +++ b/packages/components/color-picker-panel/src/components/alpha-slider.vue @@ -5,11 +5,12 @@ ref="thumb" :class="thumbKls" :style="thumbStyle" - :aria-label="alphaLabel" - :aria-valuenow="alpha" + :aria-label="ariaLabel" + :aria-valuenow="currentValue" + :aria-valuetext="ariaValuetext" :aria-orientation="vertical ? 'vertical' : 'horizontal'" - aria-valuemin="0" - aria-valuemax="100" + :aria-valuemin="minValue" + :aria-valuemax="maxValue" role="slider" tabindex="0" @keydown="handleKeydown" @@ -18,35 +19,51 @@ diff --git a/packages/components/color-picker-panel/src/composables/use-alpha-slider.ts b/packages/components/color-picker-panel/src/composables/use-slider.ts similarity index 56% rename from packages/components/color-picker-panel/src/composables/use-alpha-slider.ts rename to packages/components/color-picker-panel/src/composables/use-slider.ts index 86515c0439..bea2415ecf 100644 --- a/packages/components/color-picker-panel/src/composables/use-alpha-slider.ts +++ b/packages/components/color-picker-panel/src/composables/use-slider.ts @@ -7,21 +7,28 @@ import { watch, } from 'vue' import { addUnit, getClientXY, getEventCode } from '@element-plus/utils' -import { useLocale, useNamespace } from '@element-plus/hooks' +import { useNamespace } from '@element-plus/hooks' import { EVENT_CODE } from '@element-plus/constants' import { draggable } from '../utils/draggable' -import type { AlphaSliderProps } from '../props/alpha-slider' +import type { AlphaSliderProps } from '../props/slider' -export const useAlphaSlider = (props: AlphaSliderProps) => { +interface UseSliderOptions { + key: 'hue' | 'alpha' + minValue: number + maxValue: number +} + +export const useSlider = ( + props: AlphaSliderProps, + { key, minValue, maxValue }: UseSliderOptions +) => { const instance = getCurrentInstance()! - const { t } = useLocale() const thumb = shallowRef() const bar = shallowRef() - const alpha = computed(() => props.color.get('alpha')) - const alphaLabel = computed(() => t('el.colorpicker.alphaLabel')) + const currentValue = computed(() => props.color.get(key)) function handleClick(event: MouseEvent | TouchEvent) { if (props.disabled) return @@ -39,34 +46,30 @@ export const useAlphaSlider = (props: AlphaSliderProps) => { const el = instance.vnode.el as HTMLElement const rect = el.getBoundingClientRect() const { clientX, clientY } = getClientXY(event) + let value if (!props.vertical) { let left = clientX - rect.left left = Math.max(thumb.value.offsetWidth / 2, left) left = Math.min(left, rect.width - thumb.value.offsetWidth / 2) - props.color.set( - 'alpha', - Math.round( - ((left - thumb.value.offsetWidth / 2) / - (rect.width - thumb.value.offsetWidth)) * - 100 - ) + value = Math.round( + ((left - thumb.value.offsetWidth / 2) / + (rect.width - thumb.value.offsetWidth)) * + maxValue ) } else { let top = clientY - rect.top top = Math.max(thumb.value.offsetHeight / 2, top) top = Math.min(top, rect.height - thumb.value.offsetHeight / 2) - props.color.set( - 'alpha', - Math.round( - ((top - thumb.value.offsetHeight / 2) / - (rect.height - thumb.value.offsetHeight)) * - 100 - ) + value = Math.round( + ((top - thumb.value.offsetHeight / 2) / + (rect.height - thumb.value.offsetHeight)) * + maxValue ) } + props.color.set(key, value) } function handleKeydown(event: KeyboardEvent) { @@ -74,52 +77,80 @@ export const useAlphaSlider = (props: AlphaSliderProps) => { const { shiftKey } = event const code = getEventCode(event) const step = shiftKey ? 10 : 1 + // NOTE: The hue-slider is opposite in direction to the regular slider, so the hue slider has been reversed here. + // But this is not the best way to handle it. + const reverse = key === 'hue' ? -1 : 1 + let isPreventDefault = true switch (code) { case EVENT_CODE.left: case EVENT_CODE.down: - event.preventDefault() - event.stopPropagation() - incrementPosition(-step) + incrementPosition(-step * reverse) break case EVENT_CODE.right: case EVENT_CODE.up: - event.preventDefault() - event.stopPropagation() - incrementPosition(step) + incrementPosition(step * reverse) + break + case EVENT_CODE.home: + props.color.set(key, key === 'hue' ? maxValue : minValue) + break + case EVENT_CODE.end: + props.color.set(key, key === 'hue' ? minValue : maxValue) + break + case EVENT_CODE.pageDown: + incrementPosition(-4 * reverse) + break + case EVENT_CODE.pageUp: + incrementPosition(4 * reverse) + break + default: + isPreventDefault = false break } + + isPreventDefault && event.preventDefault() } function incrementPosition(step: number) { - let next = alpha.value + step - next = next < 0 ? 0 : next > 100 ? 100 : next - props.color.set('alpha', next) + let next = currentValue.value + step + next = next < minValue ? minValue : next > maxValue ? maxValue : next + props.color.set(key, next) } return { thumb, bar, - alpha, - alphaLabel, + currentValue, handleDrag, handleClick, handleKeydown, } } -export const useAlphaSliderDOM = ( +interface UseSliderDOMOptions + extends Pick< + ReturnType, + 'bar' | 'thumb' | 'currentValue' | 'handleDrag' + > { + namespace: string + maxValue: number + getBackground?: () => string +} + +export const useSliderDOM = ( props: AlphaSliderProps, { + namespace, + maxValue, bar, thumb, + currentValue, handleDrag, - }: Pick, 'bar' | 'thumb' | 'handleDrag'> + getBackground, + }: UseSliderDOMOptions ) => { const instance = getCurrentInstance()! - - const ns = useNamespace('color-alpha-slider') - // refs + const ns = useNamespace(namespace) const thumbLeft = ref(0) const thumbTop = ref(0) @@ -130,11 +161,11 @@ export const useAlphaSliderDOM = ( if (props.vertical) return 0 const el = instance.vnode.el - const alpha = props.color.get('alpha') + const value = currentValue.value if (!el) return 0 return Math.round( - (alpha * (el.offsetWidth - thumb.value.offsetWidth / 2)) / 100 + (value * (el.offsetWidth - thumb.value.offsetWidth / 2)) / maxValue ) } @@ -143,26 +174,18 @@ export const useAlphaSliderDOM = ( const el = instance.vnode.el if (!props.vertical) return 0 - const alpha = props.color.get('alpha') + const value = currentValue.value if (!el) return 0 return Math.round( - (alpha * (el.offsetHeight - thumb.value.offsetHeight / 2)) / 100 + (value * (el.offsetHeight - thumb.value.offsetHeight / 2)) / maxValue ) } - function getBackground() { - if (props.color && props.color.value) { - const { r, g, b } = props.color.toRgb() - return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)` - } - return '' - } - function update() { thumbLeft.value = getThumbLeft() thumbTop.value = getThumbTop() - background.value = getBackground() + background.value = getBackground?.() } onMounted(() => { @@ -182,10 +205,8 @@ export const useAlphaSliderDOM = ( update() }) - watch( - () => props.color.get('alpha'), - () => update() - ) + watch(currentValue, () => update()) + watch( () => props.color.value, () => update() @@ -204,5 +225,14 @@ export const useAlphaSliderDOM = ( top: addUnit(thumbTop.value), })) - return { rootKls, barKls, barStyle, thumbKls, thumbStyle, update } + return { + rootKls, + barKls, + barStyle, + thumbKls, + thumbStyle, + thumbLeft, + thumbTop, + update, + } } diff --git a/packages/components/color-picker-panel/src/props/alpha-slider.ts b/packages/components/color-picker-panel/src/props/slider.ts similarity index 78% rename from packages/components/color-picker-panel/src/props/alpha-slider.ts rename to packages/components/color-picker-panel/src/props/slider.ts index 0bbcbf4526..c85ace8d3a 100644 --- a/packages/components/color-picker-panel/src/props/alpha-slider.ts +++ b/packages/components/color-picker-panel/src/props/slider.ts @@ -11,8 +11,11 @@ export const alphaSliderProps = buildProps({ vertical: Boolean, disabled: Boolean, } as const) +export const hueSliderProps = alphaSliderProps export type AlphaSliderProps = ExtractPropTypes export type AlphaSliderPropsPublic = __ExtractPublicPropTypes< typeof alphaSliderProps > +export type HueSliderEmits = AlphaSliderProps +export type HueSliderProps = AlphaSliderPropsPublic diff --git a/packages/components/color-picker-panel/src/utils/draggable.ts b/packages/components/color-picker-panel/src/utils/draggable.ts index 2e612a8247..396283c82c 100644 --- a/packages/components/color-picker-panel/src/utils/draggable.ts +++ b/packages/components/color-picker-panel/src/utils/draggable.ts @@ -30,7 +30,6 @@ export function draggable(element: HTMLElement, options: DraggableOptions) { const downFn = function (event: MouseEvent | TouchEvent) { if (isDragging) return - event.preventDefault() document.onselectstart = () => false document.ondragstart = () => false document.addEventListener('mousemove', moveFn) diff --git a/packages/locale/lang/af.ts b/packages/locale/lang/af.ts index 86a1d64cd7..349f5e636a 100644 --- a/packages/locale/lang/af.ts +++ b/packages/locale/lang/af.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Nou', diff --git a/packages/locale/lang/ar-eg.ts b/packages/locale/lang/ar-eg.ts index 6483b92f9c..3064cb0bb8 100644 --- a/packages/locale/lang/ar-eg.ts +++ b/packages/locale/lang/ar-eg.ts @@ -10,6 +10,9 @@ export default { defaultLabel: 'إختر اللون', description: 'اللون الحالي هو {color}. اضفط انتر لاختيار لون جديد', alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'الآن', diff --git a/packages/locale/lang/ar.ts b/packages/locale/lang/ar.ts index 37327930ab..9c353a44e0 100644 --- a/packages/locale/lang/ar.ts +++ b/packages/locale/lang/ar.ts @@ -10,6 +10,9 @@ export default { defaultLabel: 'إختر اللون', description: 'اللون الحالي هو {color}. اضفط انتر لاختيار لون جديد', alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'الآن', diff --git a/packages/locale/lang/az.ts b/packages/locale/lang/az.ts index bdff2cdaee..050602a263 100644 --- a/packages/locale/lang/az.ts +++ b/packages/locale/lang/az.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'İndi', diff --git a/packages/locale/lang/bg.ts b/packages/locale/lang/bg.ts index caaefd8163..a34b1300f9 100644 --- a/packages/locale/lang/bg.ts +++ b/packages/locale/lang/bg.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Сега', diff --git a/packages/locale/lang/bn.ts b/packages/locale/lang/bn.ts index 1d8f0e78f9..826bef392f 100644 --- a/packages/locale/lang/bn.ts +++ b/packages/locale/lang/bn.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'এখন', diff --git a/packages/locale/lang/ca.ts b/packages/locale/lang/ca.ts index 2796f1beb4..597609d80f 100644 --- a/packages/locale/lang/ca.ts +++ b/packages/locale/lang/ca.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Ara', diff --git a/packages/locale/lang/ckb.ts b/packages/locale/lang/ckb.ts index b6e3b7bb1c..e3960aadd7 100644 --- a/packages/locale/lang/ckb.ts +++ b/packages/locale/lang/ckb.ts @@ -11,6 +11,9 @@ export default { description: 'ڕەنگی ئێستا {color}. ئینتەر دابگرە بۆ هەڵبژاردنی ڕەنگی نوێ.', alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'ئێستا', diff --git a/packages/locale/lang/cs.ts b/packages/locale/lang/cs.ts index 8065800990..df341d99c6 100644 --- a/packages/locale/lang/cs.ts +++ b/packages/locale/lang/cs.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Teď', diff --git a/packages/locale/lang/da.ts b/packages/locale/lang/da.ts index 2f9e285c75..5719e4f6a8 100644 --- a/packages/locale/lang/da.ts +++ b/packages/locale/lang/da.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Nu', diff --git a/packages/locale/lang/de.ts b/packages/locale/lang/de.ts index 5b2523a182..ccc9b81b3d 100644 --- a/packages/locale/lang/de.ts +++ b/packages/locale/lang/de.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Jetzt', diff --git a/packages/locale/lang/el.ts b/packages/locale/lang/el.ts index bbccdde560..0289421d53 100644 --- a/packages/locale/lang/el.ts +++ b/packages/locale/lang/el.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Τώρα', diff --git a/packages/locale/lang/en.ts b/packages/locale/lang/en.ts index 3eaf24777d..ad5b3d5779 100644 --- a/packages/locale/lang/en.ts +++ b/packages/locale/lang/en.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', alphaLabel: 'pick alpha value', + alphaDescription: 'alpha {alpha}, current color is {color}', + hueLabel: 'pick hue value', + hueDescription: 'hue {hue}, current color is {color}', }, datepicker: { now: 'Now', diff --git a/packages/locale/lang/eo.ts b/packages/locale/lang/eo.ts index 791c5c689d..73e2312d3d 100644 --- a/packages/locale/lang/eo.ts +++ b/packages/locale/lang/eo.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Nun', diff --git a/packages/locale/lang/es.ts b/packages/locale/lang/es.ts index 6df6939396..56e2e419fd 100644 --- a/packages/locale/lang/es.ts +++ b/packages/locale/lang/es.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Ahora', diff --git a/packages/locale/lang/et.ts b/packages/locale/lang/et.ts index bd482a26f3..ceee8bea80 100644 --- a/packages/locale/lang/et.ts +++ b/packages/locale/lang/et.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Praegu', diff --git a/packages/locale/lang/eu.ts b/packages/locale/lang/eu.ts index 0775e31adc..f479d87e8b 100644 --- a/packages/locale/lang/eu.ts +++ b/packages/locale/lang/eu.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Orain', diff --git a/packages/locale/lang/fa.ts b/packages/locale/lang/fa.ts index 448f68362d..cb891a7bdb 100644 --- a/packages/locale/lang/fa.ts +++ b/packages/locale/lang/fa.ts @@ -11,6 +11,9 @@ export default { description: 'رنگ فعلی {color} است. برای انتخاب رنگ جدید، اینتر را فشار دهید.', alphaLabel: 'مقدار آلفا را انتخاب کنید', + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'اکنون', diff --git a/packages/locale/lang/fi.ts b/packages/locale/lang/fi.ts index 4c01dc16bb..bf5af3d794 100644 --- a/packages/locale/lang/fi.ts +++ b/packages/locale/lang/fi.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Nyt', diff --git a/packages/locale/lang/fr.ts b/packages/locale/lang/fr.ts index 53298e8f07..c3937943ea 100644 --- a/packages/locale/lang/fr.ts +++ b/packages/locale/lang/fr.ts @@ -11,6 +11,9 @@ export default { description: 'La couleur actuelle est {color}. Appuyer sur Entrée pour sélectionner une nouvelle couleur.', alphaLabel: 'Choisir la valeur alpha', + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Maintenant', diff --git a/packages/locale/lang/he.ts b/packages/locale/lang/he.ts index bc6048e1d5..e3ef7bc2b3 100644 --- a/packages/locale/lang/he.ts +++ b/packages/locale/lang/he.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'כעת', diff --git a/packages/locale/lang/hi.ts b/packages/locale/lang/hi.ts index a5d4d42b43..17d0477efa 100644 --- a/packages/locale/lang/hi.ts +++ b/packages/locale/lang/hi.ts @@ -11,6 +11,9 @@ export default { description: 'मौजूदा रंग {color} है. कोई नया रंग चुनने के लिए एंटर दबाएँ.', alphaLabel: 'अल्फा मान चुनें', + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'अभी', diff --git a/packages/locale/lang/hr.ts b/packages/locale/lang/hr.ts index 1fd7e36cb9..5512a77493 100644 --- a/packages/locale/lang/hr.ts +++ b/packages/locale/lang/hr.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Sada', diff --git a/packages/locale/lang/hu.ts b/packages/locale/lang/hu.ts index aad7b18b4c..14b2b819a4 100644 --- a/packages/locale/lang/hu.ts +++ b/packages/locale/lang/hu.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Most', diff --git a/packages/locale/lang/hy-am.ts b/packages/locale/lang/hy-am.ts index 136aca3b96..cabdc9cdc2 100644 --- a/packages/locale/lang/hy-am.ts +++ b/packages/locale/lang/hy-am.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Հիմա', diff --git a/packages/locale/lang/id.ts b/packages/locale/lang/id.ts index 3e27048281..3bd0ea6529 100644 --- a/packages/locale/lang/id.ts +++ b/packages/locale/lang/id.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Sekarang', diff --git a/packages/locale/lang/it.ts b/packages/locale/lang/it.ts index fd7bfa04d5..bf204631c0 100644 --- a/packages/locale/lang/it.ts +++ b/packages/locale/lang/it.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Ora', diff --git a/packages/locale/lang/ja.ts b/packages/locale/lang/ja.ts index 0e99f21c8a..78394ad3e2 100644 --- a/packages/locale/lang/ja.ts +++ b/packages/locale/lang/ja.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: '現在', diff --git a/packages/locale/lang/kk.ts b/packages/locale/lang/kk.ts index aed22e1cc1..d149bae334 100644 --- a/packages/locale/lang/kk.ts +++ b/packages/locale/lang/kk.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Қазір', diff --git a/packages/locale/lang/km.ts b/packages/locale/lang/km.ts index 418b422992..a09d5c7631 100644 --- a/packages/locale/lang/km.ts +++ b/packages/locale/lang/km.ts @@ -11,6 +11,9 @@ export default { description: '{color} ជាពណ៌បច្ចុប្បន្ន។ សូមចុច Enter ដើម្បីជ្រើសរើសពណ៌ថ្មី', alphaLabel: 'ជ្រើសរើសភាពស្រអាប់', + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'ឥឡូវនេះ', diff --git a/packages/locale/lang/ko.ts b/packages/locale/lang/ko.ts index a39b621cfd..b7682b17c6 100644 --- a/packages/locale/lang/ko.ts +++ b/packages/locale/lang/ko.ts @@ -11,6 +11,9 @@ export default { description: '현재 색상은 {color}입니다. Enter 키를 눌러 새 색상을 선택합니다.', alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: '지금', diff --git a/packages/locale/lang/ku.ts b/packages/locale/lang/ku.ts index dc720ce307..a715db7c87 100644 --- a/packages/locale/lang/ku.ts +++ b/packages/locale/lang/ku.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Niha', diff --git a/packages/locale/lang/ky.ts b/packages/locale/lang/ky.ts index 97bd9d4059..2794d98e43 100644 --- a/packages/locale/lang/ky.ts +++ b/packages/locale/lang/ky.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'азыр', diff --git a/packages/locale/lang/lo.ts b/packages/locale/lang/lo.ts index a8b8c144e6..73751decea 100644 --- a/packages/locale/lang/lo.ts +++ b/packages/locale/lang/lo.ts @@ -10,6 +10,9 @@ export default { defaultLabel: 'ເຄື່ອງມືເລືອກສີ', description: 'ສີປັດຈຸບັນແມ່ນ {color}. ກົດ enter ເພື່ອເລືອກສີໃໝ່.', alphaLabel: 'ເລືອກຄ່າຄວາມໂປ່ງໃສ', + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'ຕອນນີ້', diff --git a/packages/locale/lang/lt.ts b/packages/locale/lang/lt.ts index da293412f1..9745cf8e0a 100644 --- a/packages/locale/lang/lt.ts +++ b/packages/locale/lang/lt.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Dabar', diff --git a/packages/locale/lang/lv.ts b/packages/locale/lang/lv.ts index 993d65c786..cbc6db13b3 100644 --- a/packages/locale/lang/lv.ts +++ b/packages/locale/lang/lv.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Tagad', diff --git a/packages/locale/lang/mg.ts b/packages/locale/lang/mg.ts index ab5e3f6a51..848b62b33f 100644 --- a/packages/locale/lang/mg.ts +++ b/packages/locale/lang/mg.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Zao', diff --git a/packages/locale/lang/mn.ts b/packages/locale/lang/mn.ts index 42e797a192..69fd87aa32 100644 --- a/packages/locale/lang/mn.ts +++ b/packages/locale/lang/mn.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Одоо', diff --git a/packages/locale/lang/ms.ts b/packages/locale/lang/ms.ts index eae873995b..7db9effa86 100644 --- a/packages/locale/lang/ms.ts +++ b/packages/locale/lang/ms.ts @@ -11,6 +11,9 @@ export default { description: 'warna semasa ialah {warna}. tekan enter untuk memilih warna baharu.', alphaLabel: 'pilih nilai alfa', + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Sekarang', diff --git a/packages/locale/lang/my.ts b/packages/locale/lang/my.ts index 6a6b34f87f..1992f30e6f 100644 --- a/packages/locale/lang/my.ts +++ b/packages/locale/lang/my.ts @@ -11,6 +11,9 @@ export default { description: 'လက်ရှိအရောင်မှာ {color} ဖြစ်ပါသည်။ တခြားအရောင်ကိုရွေးချယ်လိုပါက enter ကိုနှိပ်ပါ။', alphaLabel: 'alpha တန်ဖိုးကို ရွေးချယ်ပါ', + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'ယခု', diff --git a/packages/locale/lang/nb-no.ts b/packages/locale/lang/nb-no.ts index 9414c6d4ea..ac13b32e40 100644 --- a/packages/locale/lang/nb-no.ts +++ b/packages/locale/lang/nb-no.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Nå', diff --git a/packages/locale/lang/nl.ts b/packages/locale/lang/nl.ts index 45e69e78b9..8277b18f6e 100644 --- a/packages/locale/lang/nl.ts +++ b/packages/locale/lang/nl.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Nu', diff --git a/packages/locale/lang/no.ts b/packages/locale/lang/no.ts index 2458b88249..e6ea8adfd2 100644 --- a/packages/locale/lang/no.ts +++ b/packages/locale/lang/no.ts @@ -10,6 +10,9 @@ export default { defaultLabel: 'Fargevelger', description: 'Nåværende farge {color}, velg ny farge med Enter-tasten', alphaLabel: 'Velg verdi for gjennomsiktighet', + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Nå', diff --git a/packages/locale/lang/pa.ts b/packages/locale/lang/pa.ts index 96d924a55d..8744ec059d 100644 --- a/packages/locale/lang/pa.ts +++ b/packages/locale/lang/pa.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'اوس', diff --git a/packages/locale/lang/pl.ts b/packages/locale/lang/pl.ts index b6d68cebc8..f277ae6a38 100644 --- a/packages/locale/lang/pl.ts +++ b/packages/locale/lang/pl.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Teraz', diff --git a/packages/locale/lang/pt-br.ts b/packages/locale/lang/pt-br.ts index bfd62eb06f..c41cc655ec 100644 --- a/packages/locale/lang/pt-br.ts +++ b/packages/locale/lang/pt-br.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Agora', diff --git a/packages/locale/lang/pt.ts b/packages/locale/lang/pt.ts index 930a977259..a1ff4e5595 100644 --- a/packages/locale/lang/pt.ts +++ b/packages/locale/lang/pt.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Agora', diff --git a/packages/locale/lang/ro.ts b/packages/locale/lang/ro.ts index f8e1ee389d..9f4361398e 100644 --- a/packages/locale/lang/ro.ts +++ b/packages/locale/lang/ro.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Acum', diff --git a/packages/locale/lang/ru.ts b/packages/locale/lang/ru.ts index 139de097aa..c168ba5704 100644 --- a/packages/locale/lang/ru.ts +++ b/packages/locale/lang/ru.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Сейчас', diff --git a/packages/locale/lang/sk.ts b/packages/locale/lang/sk.ts index cb3ae5c4ae..75c0179cd2 100644 --- a/packages/locale/lang/sk.ts +++ b/packages/locale/lang/sk.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Teraz', diff --git a/packages/locale/lang/sl.ts b/packages/locale/lang/sl.ts index e31fecc7b2..2f45954126 100644 --- a/packages/locale/lang/sl.ts +++ b/packages/locale/lang/sl.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Zdaj', diff --git a/packages/locale/lang/sr.ts b/packages/locale/lang/sr.ts index 83a0e12242..68f7704fca 100644 --- a/packages/locale/lang/sr.ts +++ b/packages/locale/lang/sr.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Сада', diff --git a/packages/locale/lang/sv.ts b/packages/locale/lang/sv.ts index b8ca80140a..dcdf432d96 100644 --- a/packages/locale/lang/sv.ts +++ b/packages/locale/lang/sv.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Nu', diff --git a/packages/locale/lang/sw.ts b/packages/locale/lang/sw.ts index bf88094c11..cca24b39ae 100644 --- a/packages/locale/lang/sw.ts +++ b/packages/locale/lang/sw.ts @@ -11,6 +11,9 @@ export default { description: 'rangi ya sasa ni {color}. bonyeza kitufe cha kuingia ili kuchagua rangi mpya.', alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'sasa', diff --git a/packages/locale/lang/ta.ts b/packages/locale/lang/ta.ts index 096613b63a..b625d82f64 100644 --- a/packages/locale/lang/ta.ts +++ b/packages/locale/lang/ta.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'தற்போது', diff --git a/packages/locale/lang/te.ts b/packages/locale/lang/te.ts index feb68f68eb..57b08228d0 100644 --- a/packages/locale/lang/te.ts +++ b/packages/locale/lang/te.ts @@ -11,6 +11,9 @@ export default { description: 'ప్రస్తుత రంగు {color}. కొత్త రంగును ఎంచుకోవడానికి ఎంటర్ నొక్కండి.', alphaLabel: 'అల్ఫా విలువను ఎంచుకోండి', + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'ఇప్పుడు', diff --git a/packages/locale/lang/th.ts b/packages/locale/lang/th.ts index 2508e1b4b8..c93fbc3fbe 100644 --- a/packages/locale/lang/th.ts +++ b/packages/locale/lang/th.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'ตอนนี้', diff --git a/packages/locale/lang/tk.ts b/packages/locale/lang/tk.ts index 894d93f5e5..5b52865967 100644 --- a/packages/locale/lang/tk.ts +++ b/packages/locale/lang/tk.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Şuwagt', diff --git a/packages/locale/lang/tr.ts b/packages/locale/lang/tr.ts index c07dbfb04b..46a31797fe 100644 --- a/packages/locale/lang/tr.ts +++ b/packages/locale/lang/tr.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Şimdi', diff --git a/packages/locale/lang/ug-cn.ts b/packages/locale/lang/ug-cn.ts index ff4db1987e..09288d0227 100644 --- a/packages/locale/lang/ug-cn.ts +++ b/packages/locale/lang/ug-cn.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'ھازىرقى ۋاقىت', diff --git a/packages/locale/lang/uk.ts b/packages/locale/lang/uk.ts index 7d99eb2640..f631553883 100644 --- a/packages/locale/lang/uk.ts +++ b/packages/locale/lang/uk.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Зараз', diff --git a/packages/locale/lang/uz-uz.ts b/packages/locale/lang/uz-uz.ts index 57d543ac24..dd0353af4b 100644 --- a/packages/locale/lang/uz-uz.ts +++ b/packages/locale/lang/uz-uz.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Hozir', diff --git a/packages/locale/lang/vi.ts b/packages/locale/lang/vi.ts index 238485a3f7..33ae813497 100644 --- a/packages/locale/lang/vi.ts +++ b/packages/locale/lang/vi.ts @@ -11,6 +11,9 @@ export default { description: 'current color is {color}. press enter to select a new color.', // to be translated alphaLabel: 'pick alpha value', // to be translated + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: 'Hiện tại', diff --git a/packages/locale/lang/zh-cn.ts b/packages/locale/lang/zh-cn.ts index 1d281243ee..384fe30d0e 100644 --- a/packages/locale/lang/zh-cn.ts +++ b/packages/locale/lang/zh-cn.ts @@ -10,6 +10,9 @@ export default { defaultLabel: '颜色选择器', description: '当前颜色 {color}，按 Enter 键选择新颜色', alphaLabel: '选择透明度的值', + alphaDescription: '透明度 {alpha}, 当前颜色 {color}', + hueLabel: '选择色相值', + hueDescription: '色相 {hue}, 当前颜色 {color}', }, datepicker: { now: '此刻', @@ -44,7 +47,6 @@ export default { month10: '10 月', month11: '11 月', month12: '12 月', - // week: '周次', weeks: { sun: '日', mon: '一', @@ -88,12 +90,12 @@ export default { noData: '无数据', placeholder: '请选择', }, - dropdown: { - toggleDropdown: '切换下拉选项', - }, mention: { loading: '加载中', }, + dropdown: { + toggleDropdown: '切换下拉选项', + }, cascader: { noMatch: '无匹配数据', loading: '加载中', diff --git a/packages/locale/lang/zh-hk.ts b/packages/locale/lang/zh-hk.ts index f3bc9b648a..ec7eaa17be 100644 --- a/packages/locale/lang/zh-hk.ts +++ b/packages/locale/lang/zh-hk.ts @@ -10,6 +10,9 @@ export default { defaultLabel: '顏色選擇器', description: '當前顏色為 {color}。按 Enter 鍵選擇新顏色。', alphaLabel: '選擇透明度的值', + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: '現在', @@ -44,7 +47,6 @@ export default { month10: '10 月', month11: '11 月', month12: '12 月', - // week: '周次', weeks: { sun: '日', mon: '一', diff --git a/packages/locale/lang/zh-mo.ts b/packages/locale/lang/zh-mo.ts index 9be7f8b280..f1a8fa39df 100644 --- a/packages/locale/lang/zh-mo.ts +++ b/packages/locale/lang/zh-mo.ts @@ -10,6 +10,9 @@ export default { defaultLabel: '顏色選擇器', description: '當前顏色為 {color}。按 Enter 鍵選擇新顏色。', alphaLabel: '選擇透明度的值', + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: '現在', @@ -44,7 +47,6 @@ export default { month10: '10 月', month11: '11 月', month12: '12 月', - // week: '周次', weeks: { sun: '日', mon: '一', diff --git a/packages/locale/lang/zh-tw.ts b/packages/locale/lang/zh-tw.ts index 66a034699a..89179280b2 100644 --- a/packages/locale/lang/zh-tw.ts +++ b/packages/locale/lang/zh-tw.ts @@ -10,6 +10,9 @@ export default { defaultLabel: '色彩選擇器', description: '目前色彩為 {color}。按一下 Enter 以選擇新色彩。', alphaLabel: '選擇透明度的值', + alphaDescription: 'alpha {alpha}, current color is {color}', // to be translated + hueLabel: 'pick hue value', // to be translated + hueDescription: 'hue {hue}, current color is {color}', // to be translated }, datepicker: { now: '現在', @@ -44,7 +47,6 @@ export default { month10: '10 月', month11: '11 月', month12: '12 月', - // week: '周次', weeks: { sun: '日', mon: '一',