@dxtmisha/constructor 0.39.3 → 0.39.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{AriaStaticInclude-CFGewqpn.js → AriaStaticInclude-CAURwJMb.js} +47 -9
- package/dist/{BarsInclude-IM3Gdslg.js → BarsInclude-BOEoY-O4.js} +19 -14
- package/dist/{BlockDesign-D67yDT9N.js → BlockDesign-CwRNJi0I.js} +49 -38
- package/dist/ButtonDesign-DgZNw44L.js +198 -0
- package/dist/CaptionInclude-NzS6EYYj.js +70 -0
- package/dist/{DescriptionInclude-DxWNon_J.js → DescriptionInclude-D4ane9aR.js} +20 -30
- package/dist/{EnabledInclude-DGeuJhOr.js → EnabledInclude-Dk-rP4jp.js} +1 -1
- package/dist/{EventClickInclude-eDWqxK0d.js → EventClickInclude-WHJqxZ1b.js} +13 -3
- package/dist/{FieldCounterInclude-BR6n8WlH.js → FieldCounterInclude-D0oojGWY.js} +2 -2
- package/dist/{FieldEventInclude-zg02dtQi.js → FieldEventInclude-DBRqmzpF.js} +11 -8
- package/dist/{FieldInclude-c6DSD0-y.js → FieldInclude-BKoBWZdj.js} +23 -12
- package/dist/{FieldLabelInclude-B4OGaJ1r.js → FieldLabelInclude-Bkxf6rRw.js} +30 -23
- package/dist/{FieldMatchInclude-Vl2gJUaM.js → FieldMatchInclude-GgyucDC_.js} +35 -19
- package/dist/{FieldMessageInclude-CktVHvWW.js → FieldMessageInclude-BJDnir34.js} +34 -28
- package/dist/{LabelHighlightInclude-Dhj3p9NW.js → LabelHighlightInclude-CLmTvW_6.js} +1 -1
- package/dist/{LabelInclude-BtZrrbCf.js → LabelInclude-D-mLvjK5.js} +32 -50
- package/dist/{LabelNumberInclude-DyifvMnr.js → LabelNumberInclude-Cn0qDEgX.js} +1 -1
- package/dist/{ModalDesignAbstract-CjDr5JaN.js → ModalDesignAbstract-D4A_a_rC.js} +42 -42
- package/dist/Plugin-CBNCh_iN.js +628 -0
- package/dist/{ProgressInclude-UBipdctr.js → ProgressInclude-9MfZWtGP.js} +5 -5
- package/dist/{SuffixInclude-C7JNYCJK.js → SuffixInclude-maZ7235l.js} +48 -20
- package/dist/{TabIndexInclude-d7A_R6KD.js → TabIndexInclude-xcSFV8yP.js} +43 -33
- package/dist/TextInclude--GERRCGj.js +146 -0
- package/dist/{WindowEsc-Dp9AvJt7.js → WindowEsc-DTwn4Vsz.js} +2 -2
- package/dist/{WindowInclude-Is5RhGxt.js → WindowInclude-BWm4-0Gh.js} +24 -20
- package/dist/accordion.js +66 -50
- package/dist/actionSheet.js +2 -4
- package/dist/actions.js +38 -36
- package/dist/anchor.js +63 -60
- package/dist/arrow.js +32 -33
- package/dist/badge.js +40 -35
- package/dist/bars.js +91 -57
- package/dist/block.js +1 -1
- package/dist/button.js +12 -15
- package/dist/cell.js +44 -37
- package/dist/chip.js +1 -1
- package/dist/chipGroup.js +25 -21
- package/dist/classes/AriaStaticInclude.d.ts +28 -0
- package/dist/classes/CaptionInclude.d.ts +64 -1
- package/dist/classes/DescriptionInclude.d.ts +4 -16
- package/dist/classes/EventClickInclude.d.ts +8 -0
- package/dist/classes/{field → Field}/FieldInputModeInclude.d.ts +1 -0
- package/dist/classes/LabelInclude.d.ts +4 -17
- package/dist/classes/Plugin/Plugin.d.ts +80 -0
- package/dist/classes/Plugin/PluginCode.d.ts +94 -0
- package/dist/classes/Plugin/PluginComponents.d.ts +38 -0
- package/dist/classes/Plugin/PluginData.d.ts +81 -0
- package/dist/classes/Plugin/PluginImport.d.ts +34 -0
- package/dist/classes/Plugin/PluginStyle.d.ts +71 -0
- package/dist/classes/Plugin/PluginTool.d.ts +42 -0
- package/dist/classes/PrefixInclude.d.ts +9 -1
- package/dist/classes/SuffixInclude.d.ts +9 -1
- package/dist/classes/TabIndexInclude.d.ts +14 -8
- package/dist/classes/TextInclude.d.ts +33 -5
- package/dist/constructors/Accordion/Accordion.d.ts +28 -1
- package/dist/constructors/Accordion/props.d.ts +5 -7
- package/dist/constructors/ActionSheet/props.d.ts +4 -7
- package/dist/constructors/Actions/Actions.d.ts +2 -1
- package/dist/constructors/Actions/ActionsDesign.d.ts +2 -1
- package/dist/constructors/Actions/basicTypes.d.ts +2 -2
- package/dist/constructors/Actions/props.d.ts +6 -7
- package/dist/constructors/Anchor/Anchor.d.ts +0 -7
- package/dist/constructors/Anchor/AnchorIcon.d.ts +4 -4
- package/dist/constructors/Anchor/basicTypes.d.ts +2 -2
- package/dist/constructors/Anchor/props.d.ts +8 -10
- package/dist/constructors/Anchor/types.d.ts +2 -2
- package/dist/constructors/Arrow/Arrow.d.ts +0 -5
- package/dist/constructors/Arrow/basicTypes.d.ts +2 -2
- package/dist/constructors/Arrow/props.d.ts +5 -7
- package/dist/constructors/Badge/Badge.d.ts +5 -1
- package/dist/constructors/Badge/BadgeDesign.d.ts +2 -1
- package/dist/constructors/Badge/basicTypes.d.ts +2 -2
- package/dist/constructors/Badge/props.d.ts +5 -7
- package/dist/constructors/Bars/Bars.d.ts +33 -8
- package/dist/constructors/Bars/BarsAction.d.ts +6 -2
- package/dist/constructors/Bars/BarsDesign.d.ts +2 -1
- package/dist/constructors/Bars/BarsInclude.d.ts +7 -2
- package/dist/constructors/Bars/basicTypes.d.ts +2 -2
- package/dist/constructors/Bars/props.d.ts +5 -8
- package/dist/constructors/Bars/types.d.ts +3 -3
- package/dist/constructors/Block/Block.d.ts +0 -4
- package/dist/constructors/Block/BlockDesign.d.ts +9 -1
- package/dist/constructors/Block/props.d.ts +4 -7
- package/dist/constructors/Block/types.d.ts +3 -3
- package/dist/constructors/Button/Button.d.ts +22 -1
- package/dist/constructors/Button/ButtonDesign.d.ts +2 -1
- package/dist/constructors/Button/basicTypes.d.ts +2 -2
- package/dist/constructors/Button/props.d.ts +7 -11
- package/dist/constructors/Button/types.d.ts +2 -2
- package/dist/constructors/Cell/Cell.d.ts +10 -1
- package/dist/constructors/Cell/CellDesign.d.ts +2 -1
- package/dist/constructors/Cell/props.d.ts +5 -7
- package/dist/constructors/Cell/types.d.ts +3 -3
- package/dist/constructors/Chip/basicTypes.d.ts +2 -2
- package/dist/constructors/Chip/props.d.ts +4 -7
- package/dist/constructors/ChipGroup/ChipGroup.d.ts +4 -1
- package/dist/constructors/ChipGroup/ChipGroupDesign.d.ts +2 -1
- package/dist/constructors/ChipGroup/props.d.ts +4 -7
- package/dist/constructors/Dialog/Dialog.d.ts +1 -2
- package/dist/constructors/Dialog/props.d.ts +5 -7
- package/dist/constructors/Field/Field.d.ts +33 -6
- package/dist/constructors/Field/FieldDesign.d.ts +2 -1
- package/dist/constructors/Field/FieldIcons.d.ts +4 -1
- package/dist/constructors/Field/FieldInclude.d.ts +11 -3
- package/dist/constructors/Field/basicTypes.d.ts +2 -2
- package/dist/constructors/Field/props.d.ts +6 -7
- package/dist/constructors/FieldCounter/FieldCounter.d.ts +22 -1
- package/dist/constructors/FieldCounter/FieldCounterDesign.d.ts +9 -2
- package/dist/constructors/FieldCounter/props.d.ts +10 -7
- package/dist/constructors/FieldCounter/types.d.ts +1 -0
- package/dist/constructors/FieldLabel/FieldLabel.d.ts +5 -1
- package/dist/constructors/FieldLabel/FieldLabelDesign.d.ts +2 -1
- package/dist/constructors/FieldLabel/FieldLabelInclude.d.ts +7 -5
- package/dist/constructors/FieldLabel/basicTypes.d.ts +2 -2
- package/dist/constructors/FieldLabel/props.d.ts +5 -7
- package/dist/constructors/FieldLabel/types.d.ts +2 -2
- package/dist/constructors/FieldMessage/FieldMessage.d.ts +16 -1
- package/dist/constructors/FieldMessage/FieldMessageDesign.d.ts +2 -1
- package/dist/constructors/FieldMessage/FieldMessageInclude.d.ts +8 -9
- package/dist/constructors/FieldMessage/props.d.ts +4 -7
- package/dist/constructors/Icon/Icon.d.ts +7 -2
- package/dist/constructors/Icon/IconLiteInclude.d.ts +1 -2
- package/dist/constructors/Icon/basicTypes.d.ts +6 -6
- package/dist/constructors/Icon/props.d.ts +8 -8
- package/dist/constructors/Icon/types.d.ts +3 -2
- package/dist/constructors/Image/Image.d.ts +0 -7
- package/dist/constructors/Image/basicTypes.d.ts +2 -2
- package/dist/constructors/Image/props.d.ts +5 -7
- package/dist/constructors/Input/Input.d.ts +33 -14
- package/dist/constructors/Input/InputDesign.d.ts +2 -1
- package/dist/constructors/Input/InputPassword.d.ts +5 -2
- package/dist/constructors/Input/props.d.ts +3 -7
- package/dist/constructors/List/List.d.ts +35 -27
- package/dist/constructors/List/ListDesign.d.ts +2 -1
- package/dist/constructors/List/ListFocus.d.ts +10 -2
- package/dist/constructors/List/ListGo.d.ts +22 -4
- package/dist/constructors/List/props.d.ts +8 -8
- package/dist/constructors/ListGroup/ListGroup.d.ts +2 -1
- package/dist/constructors/ListGroup/ListGroupDesign.d.ts +2 -1
- package/dist/constructors/ListGroup/basicTypes.d.ts +2 -2
- package/dist/constructors/ListGroup/props.d.ts +5 -7
- package/dist/constructors/ListItem/ListItem.d.ts +17 -60
- package/dist/constructors/ListItem/props.d.ts +7 -10
- package/dist/constructors/ListMenu/ListMenu.d.ts +3 -1
- package/dist/constructors/ListMenu/ListMenuDesign.d.ts +2 -1
- package/dist/constructors/ListMenu/props.d.ts +4 -7
- package/dist/constructors/Mask/Mask.d.ts +24 -1
- package/dist/constructors/Mask/MaskDesign.d.ts +2 -1
- package/dist/constructors/Mask/MaskInclude.d.ts +2 -2
- package/dist/constructors/Mask/MaskPattern.d.ts +1 -1
- package/dist/constructors/Mask/props.d.ts +5 -7
- package/dist/constructors/Menu/Menu.d.ts +11 -7
- package/dist/constructors/Menu/MenuDesign.d.ts +2 -1
- package/dist/constructors/Menu/MenuRequest.d.ts +1 -5
- package/dist/constructors/Menu/basicTypes.d.ts +2 -2
- package/dist/constructors/Menu/props.d.ts +7 -8
- package/dist/constructors/Modal/ModalDesign.d.ts +1 -1
- package/dist/constructors/Modal/ModalDesignAbstract.d.ts +3 -2
- package/dist/constructors/Modal/props.d.ts +5 -7
- package/dist/constructors/MotionTransform/MotionTransform.d.ts +10 -8
- package/dist/constructors/MotionTransform/MotionTransformDesign.d.ts +13 -2
- package/dist/constructors/MotionTransform/MotionTransformEvent.d.ts +14 -0
- package/dist/constructors/MotionTransform/props.d.ts +6 -8
- package/dist/constructors/Page/props.d.ts +3 -7
- package/dist/constructors/Progress/Progress.d.ts +20 -0
- package/dist/constructors/Progress/ProgressDesign.d.ts +4 -60
- package/dist/constructors/Progress/basicTypes.d.ts +2 -2
- package/dist/constructors/Progress/props.d.ts +7 -9
- package/dist/constructors/Ripple/RippleDesign.d.ts +2 -1
- package/dist/constructors/Ripple/props.d.ts +4 -7
- package/dist/constructors/Scrollbar/Scrollbar.d.ts +3 -1
- package/dist/constructors/Scrollbar/ScrollbarDesign.d.ts +2 -1
- package/dist/constructors/Scrollbar/basicTypes.d.ts +2 -2
- package/dist/constructors/Scrollbar/props.d.ts +5 -7
- package/dist/constructors/Section/props.d.ts +3 -7
- package/dist/constructors/Select/Select.d.ts +19 -8
- package/dist/constructors/Select/SelectDesign.d.ts +2 -1
- package/dist/constructors/Select/SelectInput.d.ts +3 -3
- package/dist/constructors/Select/props.d.ts +4 -7
- package/dist/constructors/SelectValue/SelectValue.d.ts +4 -1
- package/dist/constructors/SelectValue/SelectValueDesign.d.ts +2 -1
- package/dist/constructors/SelectValue/props.d.ts +4 -7
- package/dist/constructors/Skeleton/SkeletonDesign.d.ts +2 -1
- package/dist/constructors/Skeleton/basicTypes.d.ts +2 -2
- package/dist/constructors/Skeleton/props.d.ts +4 -7
- package/dist/constructors/TextareaAutosize/TextareaAutosize.d.ts +3 -1
- package/dist/constructors/TextareaAutosize/TextareaAutosizeDesign.d.ts +2 -1
- package/dist/constructors/TextareaAutosize/props.d.ts +4 -7
- package/dist/constructors/Tooltip/Tooltip.d.ts +82 -13
- package/dist/constructors/Tooltip/TooltipEvent.d.ts +6 -2
- package/dist/constructors/Tooltip/TooltipOpen.d.ts +7 -1
- package/dist/constructors/Tooltip/basicTypes.d.ts +2 -2
- package/dist/constructors/Tooltip/props.d.ts +13 -7
- package/dist/constructors/Window/Window.d.ts +25 -1
- package/dist/constructors/Window/WindowDesign.d.ts +5 -63
- package/dist/constructors/Window/WindowEsc.d.ts +2 -2
- package/dist/constructors/Window/WindowEvent.d.ts +20 -3
- package/dist/constructors/Window/WindowHidden.d.ts +9 -3
- package/dist/constructors/Window/WindowInclude.d.ts +5 -1
- package/dist/constructors/Window/basicTypes.d.ts +7 -3
- package/dist/constructors/Window/props.d.ts +19 -9
- package/dist/dialog.js +4 -4
- package/dist/field.js +161 -126
- package/dist/fieldCounter.js +107 -38
- package/dist/fieldLabel.js +41 -37
- package/dist/fieldMessage.js +87 -65
- package/dist/icon.js +55 -39
- package/dist/image.js +108 -110
- package/dist/input.js +102 -80
- package/dist/library/plugin.d.ts +2 -0
- package/dist/library.d.ts +22 -14
- package/dist/library.js +55 -47
- package/dist/list.js +152 -87
- package/dist/listGroup.js +23 -21
- package/dist/listItem.js +116 -100
- package/dist/listMenu.js +26 -20
- package/dist/mask.js +113 -89
- package/dist/media/styleModification.d.ts +6 -0
- package/dist/menu.js +64 -49
- package/dist/modal.js +9 -9
- package/dist/motionTransform.js +138 -106
- package/dist/page.js +1 -1
- package/dist/plugin.js +4 -0
- package/dist/progress.js +65 -38
- package/dist/ripple.js +4 -3
- package/dist/scrollbar.js +23 -20
- package/dist/section.js +1 -1
- package/dist/select.js +105 -90
- package/dist/selectValue.js +29 -25
- package/dist/skeleton.js +20 -22
- package/dist/textareaAutosize.js +26 -23
- package/dist/tooltip.js +140 -91
- package/dist/types/ariaTypes.d.ts +22 -16
- package/dist/types/captionTypes.d.ts +4 -2
- package/dist/types/descriptionTypes.d.ts +4 -12
- package/dist/types/enabledTypes.d.ts +2 -2
- package/dist/types/eventClickTypes.d.ts +2 -2
- package/dist/types/fieldTypes.d.ts +40 -41
- package/dist/types/labelTypes.d.ts +6 -13
- package/dist/types/modelTypes.d.ts +4 -4
- package/dist/types/pluginTypes.d.ts +17 -0
- package/dist/types/prefixTypes.d.ts +4 -2
- package/dist/types/suffixTypes.d.ts +4 -2
- package/dist/types/textTypes.d.ts +50 -11
- package/dist/window.js +169 -105
- package/package.json +89 -90
- package/src/constructors/Actions/style.scss +0 -1
- package/src/constructors/Bars/style.scss +2 -0
- package/src/constructors/FieldCounter/style.scss +5 -0
- package/src/constructors/Progress/style.scss +2 -0
- package/src/constructors/Tooltip/style.scss +10 -2
- package/src/constructors/Window/style.scss +7 -1
- package/dist/ButtonDesign-DZ7QCmHk.js +0 -169
- package/dist/CaptionInclude-AFVF4qyd.js +0 -52
- package/dist/TextInclude-i1OBAFTG.js +0 -76
- /package/dist/classes/{field → Field}/FieldArrowInclude.d.ts +0 -0
- /package/dist/classes/{field → Field}/FieldAttributesInclude.d.ts +0 -0
- /package/dist/classes/{field → Field}/FieldChangeInclude.d.ts +0 -0
- /package/dist/classes/{field → Field}/FieldCodeInclude.d.ts +0 -0
- /package/dist/classes/{field → Field}/FieldElementInclude.d.ts +0 -0
- /package/dist/classes/{field → Field}/FieldEventInclude.d.ts +0 -0
- /package/dist/classes/{field → Field}/FieldInputCheckInclude.d.ts +0 -0
- /package/dist/classes/{field → Field}/FieldMatchInclude.d.ts +0 -0
- /package/dist/classes/{field → Field}/FieldPatternInclude.d.ts +0 -0
- /package/dist/classes/{field → Field}/FieldTypeInclude.d.ts +0 -0
- /package/dist/classes/{field → Field}/FieldValidationInclude.d.ts +0 -0
- /package/dist/classes/{field → Field}/FieldValueInclude.d.ts +0 -0
- /package/dist/classes/{field → Field}/FieldVisibilityInclude.d.ts +0 -0
|
@@ -2,6 +2,7 @@ import { PrefixProps } from '../../types/prefixTypes';
|
|
|
2
2
|
import { SuffixProps } from '../../types/suffixTypes';
|
|
3
3
|
import { CaptionProps } from '../../types/captionTypes';
|
|
4
4
|
import { EnabledProps } from '../../types/enabledTypes';
|
|
5
|
+
import { TextCancelPropsInclude } from '../../types/textTypes';
|
|
5
6
|
import { EventClickProps } from '../../types/eventClickTypes';
|
|
6
7
|
import { IconPropsBasic, IconTrailingPropsInclude, IconValue } from '../Icon';
|
|
7
8
|
import { ProgressPropsBasic, ProgressPropsInclude } from '../Progress';
|
|
@@ -9,7 +10,7 @@ import { FieldLabelPropsBasic, FieldLabelPropsInclude } from '../FieldLabel';
|
|
|
9
10
|
import { FieldCounterPropsBasic } from '../FieldCounter';
|
|
10
11
|
import { FieldMessagePropsBasic, FieldMessagePropsInclude } from '../FieldMessage';
|
|
11
12
|
import { SkeletonPropsInclude } from '../Skeleton';
|
|
12
|
-
|
|
13
|
+
export type FieldPropsToken = {
|
|
13
14
|
focus?: boolean;
|
|
14
15
|
disabled?: boolean;
|
|
15
16
|
selected?: boolean;
|
|
@@ -28,8 +29,8 @@ interface FieldPropsToken {
|
|
|
28
29
|
cancel?: 'auto' | 'always' | 'none';
|
|
29
30
|
align?: 'center' | 'right' | 'left';
|
|
30
31
|
width?: string | 'custom';
|
|
31
|
-
}
|
|
32
|
-
export
|
|
32
|
+
};
|
|
33
|
+
export type FieldPropsBasic<Icon extends IconPropsBasic = IconPropsBasic, FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic, FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic, FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic, Progress extends ProgressPropsBasic = ProgressPropsBasic> = IconTrailingPropsInclude<Icon> & PrefixProps & SuffixProps & CaptionProps & FieldLabelPropsInclude<FieldLabel, FieldCounter> & FieldMessagePropsInclude<FieldMessage, FieldCounter> & ProgressPropsInclude<Progress> & EnabledProps & EventClickProps & SkeletonPropsInclude & TextCancelPropsInclude & {
|
|
33
34
|
disabledPrevious?: boolean;
|
|
34
35
|
disabledNext?: boolean;
|
|
35
36
|
id?: string | number;
|
|
@@ -40,14 +41,13 @@ export interface FieldPropsBasic<Icon extends IconPropsBasic = IconPropsBasic, F
|
|
|
40
41
|
iconPlus?: IconValue<Icon>;
|
|
41
42
|
iconMinus?: IconValue<Icon>;
|
|
42
43
|
iconClose?: IconValue<Icon>;
|
|
43
|
-
}
|
|
44
|
+
};
|
|
44
45
|
/**
|
|
45
46
|
* Type describing incoming properties.
|
|
46
47
|
*
|
|
47
48
|
* Тип, описывающий входящие свойства.
|
|
48
49
|
*/
|
|
49
|
-
export
|
|
50
|
-
}
|
|
50
|
+
export type FieldProps = FieldPropsBasic & FieldPropsToken;
|
|
51
51
|
/**
|
|
52
52
|
* Default value for property.
|
|
53
53
|
*
|
|
@@ -57,4 +57,3 @@ export declare const defaultsField: {
|
|
|
57
57
|
arrowAlign: string;
|
|
58
58
|
cancel: string;
|
|
59
59
|
};
|
|
60
|
-
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Ref, ToRefs, ComputedRef } from 'vue';
|
|
2
2
|
import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
|
|
3
|
+
import { TextInclude } from '../../classes/TextInclude';
|
|
3
4
|
import { FieldCounterComponents, FieldCounterEmits, FieldCounterSlots } from './types';
|
|
4
5
|
import { FieldCounterProps } from './props';
|
|
5
6
|
/**
|
|
@@ -14,6 +15,7 @@ export declare class FieldCounter {
|
|
|
14
15
|
protected readonly components?: DesignComp<FieldCounterComponents, FieldCounterProps> | undefined;
|
|
15
16
|
protected readonly slots?: FieldCounterSlots | undefined;
|
|
16
17
|
protected readonly emits?: ConstrEmit<FieldCounterEmits> | undefined;
|
|
18
|
+
readonly text: TextInclude;
|
|
17
19
|
/**
|
|
18
20
|
* Constructor
|
|
19
21
|
* @param props input data/ входные данные
|
|
@@ -24,14 +26,21 @@ export declare class FieldCounter {
|
|
|
24
26
|
* @param components object for working with components/ объект для работы с компонентами
|
|
25
27
|
* @param slots object for working with slots/ объект для работы со слотами
|
|
26
28
|
* @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
|
|
29
|
+
* @param TextIncludeConstructor class for working with text/ класс для работы с текстом
|
|
27
30
|
*/
|
|
28
|
-
constructor(props: FieldCounterProps, refs: ToRefs<FieldCounterProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<FieldCounterComponents, FieldCounterProps> | undefined, slots?: FieldCounterSlots | undefined, emits?: ConstrEmit<FieldCounterEmits> | undefined);
|
|
31
|
+
constructor(props: FieldCounterProps, refs: ToRefs<FieldCounterProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<FieldCounterComponents, FieldCounterProps> | undefined, slots?: FieldCounterSlots | undefined, emits?: ConstrEmit<FieldCounterEmits> | undefined, TextIncludeConstructor?: typeof TextInclude);
|
|
29
32
|
/** Checks if it is necessary to display the number of input characters/ Проверяет, надо ли выводить количество вводимых символов */
|
|
30
33
|
readonly is: ComputedRef<boolean>;
|
|
31
34
|
/** Checks if it is necessary to display the maximum available number of characters/ Проверяет, надо ли выводить максимальное доступное количество символов */
|
|
32
35
|
readonly isMax: ComputedRef<boolean>;
|
|
33
36
|
/** Returns text for output/ Возвращает текст для вывода */
|
|
34
37
|
readonly item: ComputedRef<string>;
|
|
38
|
+
/**
|
|
39
|
+
* Returns the text for the screen reader.
|
|
40
|
+
*
|
|
41
|
+
* Возвращает текст для скринридера.
|
|
42
|
+
*/
|
|
43
|
+
readonly ariaText: ComputedRef<string | undefined>;
|
|
35
44
|
/**
|
|
36
45
|
* Returns the number of input characters.
|
|
37
46
|
*
|
|
@@ -44,4 +53,16 @@ export declare class FieldCounter {
|
|
|
44
53
|
* Возвращает максимально доступное вводимое число.
|
|
45
54
|
*/
|
|
46
55
|
getMax(): number;
|
|
56
|
+
/**
|
|
57
|
+
* Returns the number of characters remaining at which the screen reader starts announcing.
|
|
58
|
+
*
|
|
59
|
+
* Возвращает количество оставшихся символов, при котором скринридер начинает произносить.
|
|
60
|
+
*/
|
|
61
|
+
getMaxlengthOnce(): number;
|
|
62
|
+
/**
|
|
63
|
+
* Returns the number of remaining characters.
|
|
64
|
+
*
|
|
65
|
+
* Возвращает количество оставшихся символов.
|
|
66
|
+
*/
|
|
67
|
+
getRemaining(): number;
|
|
47
68
|
}
|
|
@@ -13,8 +13,9 @@ export declare class FieldCounterDesign<COMP extends FieldCounterComponents, EXP
|
|
|
13
13
|
* @param name class name/ название класса
|
|
14
14
|
* @param props properties/ свойства
|
|
15
15
|
* @param options list of additional parameters/ список дополнительных параметров
|
|
16
|
+
* @param ItemConstructor class for working with the item/ класс для работы с элементом
|
|
16
17
|
*/
|
|
17
|
-
constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, FieldCounterEmits, P
|
|
18
|
+
constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, FieldCounterEmits, P>, ItemConstructor?: typeof FieldCounter);
|
|
18
19
|
/**
|
|
19
20
|
* Initialization of all the necessary properties for work
|
|
20
21
|
*
|
|
@@ -38,5 +39,11 @@ export declare class FieldCounterDesign<COMP extends FieldCounterComponents, EXP
|
|
|
38
39
|
*
|
|
39
40
|
* Метод для рендеринга.
|
|
40
41
|
*/
|
|
41
|
-
protected initRender(): VNode | undefined;
|
|
42
|
+
protected initRender(): VNode[] | undefined;
|
|
43
|
+
/**
|
|
44
|
+
* Render hidden element for screen reader.
|
|
45
|
+
*
|
|
46
|
+
* Рендер скрытого элемента для скринридера.
|
|
47
|
+
*/
|
|
48
|
+
readonly renderAria: () => VNode[];
|
|
42
49
|
}
|
|
@@ -1,22 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
}
|
|
3
|
-
export
|
|
1
|
+
import { TextCharacterLimitPropsInclude, TextCharacterRemainingPropsInclude } from '../../types/textTypes';
|
|
2
|
+
export type FieldCounterPropsToken = {};
|
|
3
|
+
export type FieldCounterPropsBasic = TextCharacterLimitPropsInclude & TextCharacterRemainingPropsInclude & {
|
|
4
4
|
counter?: string | number;
|
|
5
5
|
maxlength?: string | number;
|
|
6
|
+
/**
|
|
7
|
+
* The number of characters remaining at which the screen reader starts announcing/
|
|
8
|
+
* Количество оставшихся символов, при котором скринридер начинает произносить
|
|
9
|
+
*/
|
|
10
|
+
maxlengthOnce?: string | number;
|
|
6
11
|
template?: string;
|
|
7
12
|
id?: string;
|
|
8
|
-
}
|
|
13
|
+
};
|
|
9
14
|
/**
|
|
10
15
|
* Type describing incoming properties.
|
|
11
16
|
*
|
|
12
17
|
* Тип, описывающий входящие свойства.
|
|
13
18
|
*/
|
|
14
|
-
export
|
|
15
|
-
}
|
|
19
|
+
export type FieldCounterProps = FieldCounterPropsBasic & FieldCounterPropsToken;
|
|
16
20
|
/**
|
|
17
21
|
* Default value for property.
|
|
18
22
|
*
|
|
19
23
|
* Значение по умолчанию для свойства.
|
|
20
24
|
*/
|
|
21
25
|
export declare const defaultsFieldCounter: {};
|
|
22
|
-
export {};
|
|
@@ -36,8 +36,12 @@ export declare class FieldLabel {
|
|
|
36
36
|
* @param components object for working with components/ объект для работы с компонентами
|
|
37
37
|
* @param slots object for working with slots/ объект для работы со слотами
|
|
38
38
|
* @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
|
|
39
|
+
* @param LabelConstructor class for creating a label/ класс для создания метки
|
|
40
|
+
* @param FieldCounterConstructor class for working with field counter/ класс для работы со счетчиком поля
|
|
41
|
+
* @param ProgressConstructor class for creating a progress indicator/ класс для создания индикатора прогресса
|
|
42
|
+
* @param SkeletonConstructor class for creating a skeleton/ класс для создания скелета
|
|
39
43
|
*/
|
|
40
|
-
constructor(props: FieldLabelProps, refs: ToRefs<FieldLabelProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<FieldLabelComponents, FieldLabelProps> | undefined, slots?: FieldLabelSlots | undefined, emits?: ConstrEmit<FieldLabelEmits> | undefined);
|
|
44
|
+
constructor(props: FieldLabelProps, refs: ToRefs<FieldLabelProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<FieldLabelComponents, FieldLabelProps> | undefined, slots?: FieldLabelSlots | undefined, emits?: ConstrEmit<FieldLabelEmits> | undefined, LabelConstructor?: typeof LabelInclude, FieldCounterConstructor?: typeof FieldCounterInclude, ProgressConstructor?: typeof ProgressInclude, SkeletonConstructor?: typeof SkeletonInclude);
|
|
41
45
|
/**
|
|
42
46
|
* Values for the class.
|
|
43
47
|
*
|
|
@@ -13,8 +13,9 @@ export declare class FieldLabelDesign<COMP extends FieldLabelComponents, EXPOSE
|
|
|
13
13
|
* @param name class name/ название класса
|
|
14
14
|
* @param props properties/ свойства
|
|
15
15
|
* @param options list of additional parameters/ список дополнительных параметров
|
|
16
|
+
* @param ItemConstructor field label item class/ класс элемента метки поля
|
|
16
17
|
*/
|
|
17
|
-
constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, FieldLabelEmits, P
|
|
18
|
+
constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, FieldLabelEmits, P>, ItemConstructor?: typeof FieldLabel);
|
|
18
19
|
/**
|
|
19
20
|
* Initialization of all the necessary properties for work
|
|
20
21
|
*
|
|
@@ -12,11 +12,12 @@ export declare class FieldLabelInclude<Props extends FieldLabelPropsInclude = Fi
|
|
|
12
12
|
protected readonly className: string;
|
|
13
13
|
protected readonly components?: DesignComponents<FieldLabelComponentInclude, Props> | undefined;
|
|
14
14
|
protected readonly slots?: FieldLabelSlotsInclude | undefined;
|
|
15
|
+
protected readonly forId?: RefOrNormal<string> | undefined;
|
|
15
16
|
protected readonly isCounter?: RefType<boolean | undefined> | undefined;
|
|
16
|
-
protected readonly labelId?: string | undefined;
|
|
17
|
-
protected readonly counterId?: string | undefined;
|
|
18
17
|
protected readonly extra?: RefOrNormal<PropsExtra> | undefined;
|
|
19
18
|
protected readonly index?: string | undefined;
|
|
19
|
+
protected readonly labelId: string;
|
|
20
|
+
protected readonly counterId: string;
|
|
20
21
|
/** Field counter include/ Подключение счетчика поля */
|
|
21
22
|
private readonly fieldCounter;
|
|
22
23
|
/**
|
|
@@ -25,15 +26,16 @@ export declare class FieldLabelInclude<Props extends FieldLabelPropsInclude = Fi
|
|
|
25
26
|
* @param className class name/ название класса
|
|
26
27
|
* @param components object for working with components/ объект для работы с компонентами
|
|
27
28
|
* @param slots object for working with slots/ объект для работы со слотами
|
|
29
|
+
* @param forId element ID/ идентификатор элемента
|
|
28
30
|
* @param isCounter whether to display the counter/ отображать ли счетчик
|
|
29
|
-
* @param labelId label identifier/ идентификатор метки
|
|
30
|
-
* @param counterId counter identifier/ идентификатор счетчика
|
|
31
31
|
* @param extra additional parameter or property name/ дополнительный параметр или имя свойства
|
|
32
32
|
* @param index index identifier/ идентификатор индекса
|
|
33
33
|
*/
|
|
34
|
-
constructor(props: Readonly<Props>, className: string, components?: DesignComponents<FieldLabelComponentInclude, Props> | undefined, slots?: FieldLabelSlotsInclude | undefined,
|
|
34
|
+
constructor(props: Readonly<Props>, className: string, components?: DesignComponents<FieldLabelComponentInclude, Props> | undefined, slots?: FieldLabelSlotsInclude | undefined, forId?: RefOrNormal<string> | undefined, isCounter?: RefType<boolean | undefined> | undefined, extra?: RefOrNormal<PropsExtra> | undefined, index?: string | undefined);
|
|
35
35
|
/** Checks if label should be displayed/ Проверяет, надо ли отображать метку */
|
|
36
36
|
readonly is: ComputedRef<boolean>;
|
|
37
|
+
/** Returns the identifier/ Возвращает идентификатор */
|
|
38
|
+
readonly id: ComputedRef<string>;
|
|
37
39
|
/** Computed bindings for FieldLabel/ Вычисляемые привязки для FieldLabel */
|
|
38
40
|
readonly binds: ComputedRef<PropsExtra>;
|
|
39
41
|
/**
|
|
@@ -22,7 +22,7 @@ export interface FieldLabelSlotsInclude extends LabelAlternativeSlots {
|
|
|
22
22
|
* Properties that can be passed to FieldLabelInclude/
|
|
23
23
|
* Свойства, которые можно передать в FieldLabelInclude
|
|
24
24
|
*/
|
|
25
|
-
export
|
|
25
|
+
export type FieldLabelPropsInclude<FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic, FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic> = LabelProps & FieldCounterPropsInclude<FieldCounter> & {
|
|
26
26
|
required?: boolean;
|
|
27
27
|
fieldLabelAttrs?: ConstrBind<FieldLabel>;
|
|
28
|
-
}
|
|
28
|
+
};
|
|
@@ -2,22 +2,20 @@ import { LabelProps } from '../../types/labelTypes';
|
|
|
2
2
|
import { ProgressPropsBasic, ProgressPropsInclude } from '../Progress';
|
|
3
3
|
import { FieldCounterPropsBasic, FieldCounterPropsInclude } from '../FieldCounter';
|
|
4
4
|
import { SkeletonPropsInclude } from '../Skeleton';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
export type FieldLabelPropsToken = {};
|
|
6
|
+
export type FieldLabelPropsBasic<FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic, Progress extends ProgressPropsBasic = ProgressPropsBasic> = LabelProps & FieldCounterPropsInclude<FieldCounter> & ProgressPropsInclude<Progress> & SkeletonPropsInclude & {
|
|
7
|
+
for?: string;
|
|
8
8
|
required?: boolean;
|
|
9
|
-
}
|
|
9
|
+
};
|
|
10
10
|
/**
|
|
11
11
|
* Type describing incoming properties.
|
|
12
12
|
*
|
|
13
13
|
* Тип, описывающий входящие свойства.
|
|
14
14
|
*/
|
|
15
|
-
export
|
|
16
|
-
}
|
|
15
|
+
export type FieldLabelProps = FieldLabelPropsBasic & FieldLabelPropsToken;
|
|
17
16
|
/**
|
|
18
17
|
* Default value for property.
|
|
19
18
|
*
|
|
20
19
|
* Значение по умолчанию для свойства.
|
|
21
20
|
*/
|
|
22
21
|
export declare const defaultsFieldLabel: {};
|
|
23
|
-
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ConstrClass } from '@dxtmisha/functional';
|
|
2
|
-
import { LabelAlternativeSlots
|
|
2
|
+
import { LabelAlternativeSlots } from '../../types/labelTypes';
|
|
3
3
|
import { FieldCounterComponentInclude } from '../FieldCounter';
|
|
4
4
|
import { ProgressComponentInclude } from '../Progress';
|
|
5
5
|
/**
|
|
@@ -19,7 +19,7 @@ export type FieldLabelEmits = {};
|
|
|
19
19
|
*
|
|
20
20
|
* Тип, описывающий доступные свойства.
|
|
21
21
|
*/
|
|
22
|
-
export interface FieldLabelExpose
|
|
22
|
+
export interface FieldLabelExpose {
|
|
23
23
|
}
|
|
24
24
|
/**
|
|
25
25
|
* Type describing available slots.
|
|
@@ -34,12 +34,27 @@ export declare class FieldMessage {
|
|
|
34
34
|
* @param components object for working with components/ объект для работы с компонентами
|
|
35
35
|
* @param slots object for working with slots/ объект для работы со слотами
|
|
36
36
|
* @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
|
|
37
|
+
* @param FieldCounterIncludeConstructor class for working with field counter/ класс для работы со счетчиком поля
|
|
38
|
+
* @param FieldMessageMessageConstructor class for working with messages/ класс для работы с сообщениями
|
|
39
|
+
* @param SkeletonIncludeConstructor class for working with skeleton/ класс для работы со скелетоном
|
|
37
40
|
*/
|
|
38
|
-
constructor(props: FieldMessageProps, refs: ToRefs<FieldMessageProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<FieldMessageComponents, FieldMessageProps> | undefined, slots?: FieldMessageSlots | undefined, emits?: ConstrEmit<FieldMessageEmits> | undefined);
|
|
41
|
+
constructor(props: FieldMessageProps, refs: ToRefs<FieldMessageProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<FieldMessageComponents, FieldMessageProps> | undefined, slots?: FieldMessageSlots | undefined, emits?: ConstrEmit<FieldMessageEmits> | undefined, FieldCounterIncludeConstructor?: typeof FieldCounterInclude, FieldMessageMessageConstructor?: typeof FieldMessageMessage, SkeletonIncludeConstructor?: typeof SkeletonInclude);
|
|
39
42
|
/**
|
|
40
43
|
* Checks if there are values for outputting the element/ Проверяет, есть ли значения для вывода элемента
|
|
41
44
|
*/
|
|
42
45
|
readonly is: ComputedRef<boolean>;
|
|
46
|
+
/**
|
|
47
|
+
* Checks if there is a helper message.
|
|
48
|
+
*
|
|
49
|
+
* Проверяет, есть ли вспомогательное сообщение.
|
|
50
|
+
*/
|
|
51
|
+
readonly isHelper: ComputedRef<boolean>;
|
|
52
|
+
/**
|
|
53
|
+
* Checks if there is a validation message.
|
|
54
|
+
*
|
|
55
|
+
* Проверяет, есть ли сообщение о валидации.
|
|
56
|
+
*/
|
|
57
|
+
readonly isValidation: ComputedRef<boolean>;
|
|
43
58
|
/**
|
|
44
59
|
* Returns data for the main style class/ Возвращает данные для главного класса стиля
|
|
45
60
|
*/
|
|
@@ -13,8 +13,9 @@ export declare class FieldMessageDesign<COMP extends FieldMessageComponents, EXP
|
|
|
13
13
|
* @param name class name/ название класса
|
|
14
14
|
* @param props properties/ свойства
|
|
15
15
|
* @param options list of additional parameters/ список дополнительных параметров
|
|
16
|
+
* @param ItemConstructor class for working with the element/ класс для работы с элементом
|
|
16
17
|
*/
|
|
17
|
-
constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, FieldMessageEmits, P
|
|
18
|
+
constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, FieldMessageEmits, P>, ItemConstructor?: typeof FieldMessage);
|
|
18
19
|
/**
|
|
19
20
|
* Initialization of all the necessary properties for work
|
|
20
21
|
*
|
|
@@ -13,11 +13,11 @@ export declare class FieldMessageInclude<Props extends FieldMessagePropsInclude
|
|
|
13
13
|
protected readonly components?: DesignComponents<FieldMessageComponentInclude, Props> | undefined;
|
|
14
14
|
protected readonly validationMessage?: RefOrNormal<string> | undefined;
|
|
15
15
|
protected readonly isCounter?: RefType<boolean | undefined> | undefined;
|
|
16
|
-
protected readonly helperId?: RefOrNormal<string> | undefined;
|
|
17
|
-
protected readonly validationId?: RefOrNormal<string> | undefined;
|
|
18
|
-
protected readonly counterId?: RefOrNormal<string> | undefined;
|
|
19
16
|
protected readonly extra?: RefOrNormal<PropsExtra> | undefined;
|
|
20
17
|
protected readonly index?: string | undefined;
|
|
18
|
+
readonly helperId: string;
|
|
19
|
+
readonly validationId: string;
|
|
20
|
+
readonly counterId: string;
|
|
21
21
|
/** Field counter include/ Подключение счетчика поля */
|
|
22
22
|
private readonly fieldCounter;
|
|
23
23
|
/**
|
|
@@ -27,17 +27,16 @@ export declare class FieldMessageInclude<Props extends FieldMessagePropsInclude
|
|
|
27
27
|
* @param components object for working with components/ объект для работы с компонентами
|
|
28
28
|
* @param validationMessage error line/ строка ошибки
|
|
29
29
|
* @param isCounter whether to display the counter/ отображать ли счетчик
|
|
30
|
-
* @param helperId helper message identifier/ идентификатор сообщения помощника
|
|
31
|
-
* @param validationId validation message identifier/ идентификатор сообщения проверки
|
|
32
|
-
* @param counterId counter identifier/ идентификатор счетчика
|
|
33
30
|
* @param extra additional parameter or property name/ дополнительный параметр или имя свойства
|
|
34
31
|
* @param index index identifier/ идентификатор индекса
|
|
35
32
|
*/
|
|
36
|
-
constructor(props: Readonly<Props>, className: string, components?: DesignComponents<FieldMessageComponentInclude, Props> | undefined, validationMessage?: RefOrNormal<string> | undefined, isCounter?: RefType<boolean | undefined> | undefined,
|
|
37
|
-
/** Validation message computed/ Вычисляемое сообщение валидации */
|
|
38
|
-
readonly validation: ComputedRef<string | undefined>;
|
|
33
|
+
constructor(props: Readonly<Props>, className: string, components?: DesignComponents<FieldMessageComponentInclude, Props> | undefined, validationMessage?: RefOrNormal<string> | undefined, isCounter?: RefType<boolean | undefined> | undefined, extra?: RefOrNormal<PropsExtra> | undefined, index?: string | undefined);
|
|
39
34
|
/** Checks if validation message should be displayed/ Проверяет, надо ли отображать сообщение валидации */
|
|
40
35
|
readonly isValidationMessage: ComputedRef<boolean>;
|
|
36
|
+
/** Returns the identifier/ Возвращает идентификатор */
|
|
37
|
+
readonly id: ComputedRef<string>;
|
|
38
|
+
/** Validation message computed/ Вычисляемое сообщение валидации */
|
|
39
|
+
readonly validation: ComputedRef<string | undefined>;
|
|
41
40
|
/** Computed bindings for FieldMessage/ Вычисляемые привязки для FieldMessage */
|
|
42
41
|
readonly binds: ComputedRef<PropsExtra>;
|
|
43
42
|
/**
|
|
@@ -1,26 +1,23 @@
|
|
|
1
1
|
import { FieldCounterPropsBasic, FieldCounterPropsInclude } from '../FieldCounter';
|
|
2
2
|
import { SkeletonPropsInclude } from '../Skeleton';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export interface FieldMessagePropsBasic<FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic> extends FieldCounterPropsInclude<FieldCounter>, SkeletonPropsInclude {
|
|
3
|
+
export type FieldMessagePropsToken = {};
|
|
4
|
+
export type FieldMessagePropsBasic<FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic> = FieldCounterPropsInclude<FieldCounter> & SkeletonPropsInclude & {
|
|
6
5
|
forceShow?: boolean;
|
|
7
6
|
disabled?: boolean;
|
|
8
7
|
helperMessage?: string;
|
|
9
8
|
validationMessage?: string;
|
|
10
9
|
helperId?: string;
|
|
11
10
|
validationId?: string;
|
|
12
|
-
}
|
|
11
|
+
};
|
|
13
12
|
/**
|
|
14
13
|
* Type describing incoming properties.
|
|
15
14
|
*
|
|
16
15
|
* Тип, описывающий входящие свойства.
|
|
17
16
|
*/
|
|
18
|
-
export
|
|
19
|
-
}
|
|
17
|
+
export type FieldMessageProps = FieldMessagePropsBasic & FieldMessagePropsToken;
|
|
20
18
|
/**
|
|
21
19
|
* Default value for property.
|
|
22
20
|
*
|
|
23
21
|
* Значение по умолчанию для свойства.
|
|
24
22
|
*/
|
|
25
23
|
export declare const defaultsFieldMessage: {};
|
|
26
|
-
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ComputedRef, Ref, ToRefs } from 'vue';
|
|
2
2
|
import { ConstrClassObject, ConstrEmit, DesignComp } from '@dxtmisha/functional';
|
|
3
|
+
import { EventClickInclude } from '../../classes/EventClickInclude';
|
|
3
4
|
import { ImageEventData } from '../Image';
|
|
4
5
|
import { SkeletonInclude } from '../Skeleton';
|
|
5
6
|
import { IconComponents, IconEmits, IconSlots } from './types';
|
|
@@ -19,7 +20,6 @@ export declare class Icon {
|
|
|
19
20
|
protected readonly components?: DesignComp<IconComponents, IconProps> | undefined;
|
|
20
21
|
protected readonly slots?: IconSlots | undefined;
|
|
21
22
|
protected readonly emits?: ConstrEmit<IconEmits> | undefined;
|
|
22
|
-
protected readonly SkeletonIncludeConstructor: typeof SkeletonInclude;
|
|
23
23
|
/**
|
|
24
24
|
* Returns the property for the base icon/ Возвращает свойство для базовой иконки
|
|
25
25
|
*/
|
|
@@ -32,6 +32,10 @@ export declare class Icon {
|
|
|
32
32
|
* An object for working with the Skeleton/ Объект для работы с Skeleton
|
|
33
33
|
*/
|
|
34
34
|
readonly skeleton: SkeletonInclude;
|
|
35
|
+
/**
|
|
36
|
+
* Object for working with events/ Объект для работы с событиями
|
|
37
|
+
*/
|
|
38
|
+
readonly event: EventClickInclude;
|
|
35
39
|
/**
|
|
36
40
|
* Constructor
|
|
37
41
|
* @param props input data/ входные данные
|
|
@@ -42,9 +46,10 @@ export declare class Icon {
|
|
|
42
46
|
* @param components object for working with components/ объект для работы с компонентами
|
|
43
47
|
* @param slots object for working with slots/ объект для работы со слотами
|
|
44
48
|
* @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
|
|
49
|
+
* @param EventClickIncludeConstructor class for working with events/ класс для работы с событиями
|
|
45
50
|
* @param SkeletonIncludeConstructor class for working with Skeleton/ класс для работы с Skeleton
|
|
46
51
|
*/
|
|
47
|
-
constructor(props: IconProps, refs: ToRefs<IconProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<IconComponents, IconProps> | undefined, slots?: IconSlots | undefined, emits?: ConstrEmit<IconEmits> | undefined, SkeletonIncludeConstructor?: typeof SkeletonInclude);
|
|
52
|
+
constructor(props: IconProps, refs: ToRefs<IconProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<IconComponents, IconProps> | undefined, slots?: IconSlots | undefined, emits?: ConstrEmit<IconEmits> | undefined, EventClickIncludeConstructor?: typeof EventClickInclude, SkeletonIncludeConstructor?: typeof SkeletonInclude);
|
|
48
53
|
/**
|
|
49
54
|
* Checks if the additional icon is active/ Проверяет, активна ли дополнительная иконка
|
|
50
55
|
*/
|
|
@@ -3,7 +3,6 @@ import { ConstrBind, ConstrClass, DesignComponents, RefOrNormal } from '@dxtmish
|
|
|
3
3
|
import { IconComponentInclude, IconLitePropsInclude } from './basicTypes';
|
|
4
4
|
import { IconPropsBasic } from './props';
|
|
5
5
|
import { ItemList } from '@dxtmisha/functional-basic';
|
|
6
|
-
import { ImagePropsBasic } from '../Image';
|
|
7
6
|
/**
|
|
8
7
|
* Class for simplified integration of the icon-handling component
|
|
9
8
|
*
|
|
@@ -42,7 +41,7 @@ export declare class IconLiteInclude<Props extends IconLitePropsInclude = IconLi
|
|
|
42
41
|
*
|
|
43
42
|
* Возвращает дополнительное свойство
|
|
44
43
|
*/
|
|
45
|
-
protected getExtra(): ConstrBind<IconPropsBasic
|
|
44
|
+
protected getExtra(): ConstrBind<IconPropsBasic> | undefined;
|
|
46
45
|
/**
|
|
47
46
|
* Returns a list of classes
|
|
48
47
|
*
|
|
@@ -9,20 +9,20 @@ export type IconValue<Icon extends IconPropsBasic = IconPropsBasic> = string | C
|
|
|
9
9
|
export type IconComponentInclude = {
|
|
10
10
|
icon?: object;
|
|
11
11
|
};
|
|
12
|
-
export
|
|
12
|
+
export type IconLitePropsInclude<Icon extends IconPropsBasic = IconPropsBasic> = {
|
|
13
13
|
icon?: IconValue<Icon>;
|
|
14
|
-
}
|
|
15
|
-
export
|
|
14
|
+
};
|
|
15
|
+
export type IconPropsInclude<Icon extends IconPropsBasic = IconPropsBasic> = IconLitePropsInclude<Icon> & {
|
|
16
16
|
selected?: boolean;
|
|
17
17
|
iconTurn?: boolean;
|
|
18
18
|
iconHide?: boolean;
|
|
19
19
|
iconDir?: boolean;
|
|
20
20
|
iconPalette?: boolean;
|
|
21
21
|
iconAttrs?: ConstrBind<Icon>;
|
|
22
|
-
}
|
|
23
|
-
export
|
|
22
|
+
};
|
|
23
|
+
export type IconTrailingPropsInclude<Icon extends IconPropsBasic = IconPropsBasic> = IconPropsInclude<Icon> & {
|
|
24
24
|
iconTrailing?: IconValue<Icon>;
|
|
25
25
|
iconTrailingTurnOnly?: boolean;
|
|
26
26
|
iconTrailingDirOnly?: boolean;
|
|
27
27
|
iconTrailingPalette?: boolean;
|
|
28
|
-
}
|
|
28
|
+
};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { RoleType } from '../../types/roleTypes';
|
|
2
|
+
import { EventClickProps } from '../../types/eventClickTypes';
|
|
2
3
|
import { ImagePropsBasic, ImageValue } from '../Image';
|
|
3
4
|
import { SkeletonPropsInclude } from '../Skeleton';
|
|
4
|
-
import { AriaLabelPropsInclude } from '../../types/ariaTypes
|
|
5
|
-
|
|
5
|
+
import { AriaLabelPropsInclude } from '../../types/ariaTypes';
|
|
6
|
+
export type IconPropsToken = {
|
|
6
7
|
turn?: boolean;
|
|
7
8
|
disabled?: boolean;
|
|
8
9
|
hide?: boolean;
|
|
@@ -15,8 +16,8 @@ interface IconPropsToken {
|
|
|
15
16
|
high?: boolean;
|
|
16
17
|
animationType?: 'type1' | 'type2';
|
|
17
18
|
animationShow?: boolean;
|
|
18
|
-
}
|
|
19
|
-
export
|
|
19
|
+
};
|
|
20
|
+
export type IconPropsBasic<Image extends ImagePropsBasic = ImagePropsBasic> = SkeletonPropsInclude & AriaLabelPropsInclude & EventClickProps & {
|
|
20
21
|
/** Активное состояние иконки/ Active state of the icon */
|
|
21
22
|
active?: boolean;
|
|
22
23
|
/** Value of the main icon/ Значение основной иконки */
|
|
@@ -24,14 +25,14 @@ export interface IconPropsBasic<Image extends ImagePropsBasic = ImagePropsBasic>
|
|
|
24
25
|
/** Value of the active icon/ Значение активной иконки */
|
|
25
26
|
iconActive?: ImageValue<Image>;
|
|
26
27
|
role?: RoleType;
|
|
27
|
-
|
|
28
|
+
tabindex?: number | string;
|
|
29
|
+
};
|
|
28
30
|
/**
|
|
29
31
|
* Type describing incoming properties.
|
|
30
32
|
*
|
|
31
33
|
* Тип, описывающий входящие свойства.
|
|
32
34
|
*/
|
|
33
|
-
export
|
|
34
|
-
}
|
|
35
|
+
export type IconProps = IconPropsBasic & IconPropsToken;
|
|
35
36
|
/**
|
|
36
37
|
* Default value for property.
|
|
37
38
|
*
|
|
@@ -40,4 +41,3 @@ export interface IconProps extends IconPropsBasic, IconPropsToken {
|
|
|
40
41
|
export declare const defaultsIcon: {
|
|
41
42
|
animationType: string;
|
|
42
43
|
};
|
|
43
|
-
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ComputedRef } from 'vue';
|
|
2
2
|
import { ConstrClass } from '@dxtmisha/functional';
|
|
3
|
+
import { EventClickEmits, EventClickExpose } from '../../types/eventClickTypes';
|
|
3
4
|
import { ImageComponentsInclude, ImageEmitsInclude } from '../Image';
|
|
4
5
|
/**
|
|
5
6
|
* Interface for describing which components need to be connected for work.
|
|
@@ -12,13 +13,13 @@ export type IconComponents = ImageComponentsInclude;
|
|
|
12
13
|
*
|
|
13
14
|
* Тип, описывающий доступные события.
|
|
14
15
|
*/
|
|
15
|
-
export type IconEmits = ImageEmitsInclude;
|
|
16
|
+
export type IconEmits = ImageEmitsInclude & EventClickEmits;
|
|
16
17
|
/**
|
|
17
18
|
* Type describing available properties.
|
|
18
19
|
*
|
|
19
20
|
* Тип, описывающий доступные свойства.
|
|
20
21
|
*/
|
|
21
|
-
export interface IconExpose {
|
|
22
|
+
export interface IconExpose extends EventClickExpose {
|
|
22
23
|
isActive: ComputedRef<boolean>;
|
|
23
24
|
}
|
|
24
25
|
/**
|
|
@@ -21,13 +21,6 @@ export declare class Image {
|
|
|
21
21
|
protected readonly element: Ref<HTMLElement | undefined>;
|
|
22
22
|
protected readonly className: string;
|
|
23
23
|
protected readonly emits?: ConstrEmit<ImageEmits> | undefined;
|
|
24
|
-
protected readonly ImageTypeConstructor: typeof ImageType;
|
|
25
|
-
protected readonly ImageDataConstructor: typeof ImageData;
|
|
26
|
-
protected readonly ImageCoordinatorConstructor: typeof ImageCoordinator;
|
|
27
|
-
protected readonly ImagePositionConstructor: typeof ImagePosition;
|
|
28
|
-
protected readonly ImageAdaptiveItemConstructor: typeof ImageAdaptiveItem;
|
|
29
|
-
protected readonly ImageBackgroundConstructor: typeof ImageBackground;
|
|
30
|
-
protected readonly ImageImgConstructor: typeof ImageImg;
|
|
31
24
|
readonly type: ImageType;
|
|
32
25
|
readonly data: ImageData;
|
|
33
26
|
readonly coordinator: ImageCoordinator;
|
|
@@ -49,6 +49,6 @@ export type ImageComponentsInclude = {
|
|
|
49
49
|
image: object;
|
|
50
50
|
};
|
|
51
51
|
export type ImageEmitsInclude = ImageEmits;
|
|
52
|
-
export
|
|
52
|
+
export type ImagePropsInclude<Image extends ImagePropsBasic = ImagePropsBasic> = {
|
|
53
53
|
image?: string | ConstrBind<Image>;
|
|
54
|
-
}
|
|
54
|
+
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { ImagePicture } from './basicTypes';
|
|
2
|
-
|
|
2
|
+
export type ImagePropsToken = {
|
|
3
3
|
turn?: boolean;
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
hide?: boolean;
|
|
6
6
|
adaptive?: boolean;
|
|
7
7
|
size?: 'auto' | 'contain' | 'cover';
|
|
8
|
-
}
|
|
9
|
-
export
|
|
8
|
+
};
|
|
9
|
+
export type ImagePropsBasic = {
|
|
10
10
|
/**
|
|
11
11
|
* Accepts icon name, image URL, File object or PDF link/
|
|
12
12
|
* Принимает название иконки, ссылку на изображение, объект File или ссылку на PDF файл
|
|
@@ -57,14 +57,13 @@ export interface ImagePropsBasic {
|
|
|
57
57
|
preloadOffset?: string;
|
|
58
58
|
/** Image fetch priority (low, high, auto)/ Приоритет загрузки изображения (low, high, auto) */
|
|
59
59
|
fetchPriority?: HTMLImageElement['fetchPriority'];
|
|
60
|
-
}
|
|
60
|
+
};
|
|
61
61
|
/**
|
|
62
62
|
* Type describing incoming properties.
|
|
63
63
|
*
|
|
64
64
|
* Тип, описывающий входящие свойства.
|
|
65
65
|
*/
|
|
66
|
-
export
|
|
67
|
-
}
|
|
66
|
+
export type ImageProps = ImagePropsBasic & ImagePropsToken;
|
|
68
67
|
/**
|
|
69
68
|
* Default value for property.
|
|
70
69
|
*
|
|
@@ -74,4 +73,3 @@ export declare const defaultsImage: {
|
|
|
74
73
|
adaptiveGroup: string;
|
|
75
74
|
preloadOffset: string;
|
|
76
75
|
};
|
|
77
|
-
export {};
|