@retailcrm/embed-ui-v1-components 0.9.19 → 0.9.22-alpha.1
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/AGENTS.md +9 -1
- package/README.md +5 -2
- package/assets/sprites/actions/add-square-outlined.svg +8 -0
- package/assets/sprites/actions/drag.svg +8 -0
- package/bin/embed-ui-v1-components.mjs +231 -46
- package/bin/postinstall.mjs +3 -2
- package/dist/host.cjs +1223 -501
- package/dist/host.css +637 -10
- package/dist/host.d.ts +152 -78
- package/dist/host.js +1224 -502
- package/dist/remote.cjs +1358 -298
- package/dist/remote.d.ts +805 -67
- package/dist/remote.js +1360 -300
- package/docs/AI.md +99 -17
- package/docs/COMPONENTS.md +58 -59
- package/docs/FORMAT.md +10 -10
- package/docs/PROFILES.md +39 -22
- package/docs/README.md +11 -5
- package/docs/profiles/components/UiAddButton.yml +134 -0
- package/docs/profiles/components/UiAlert.yml +105 -0
- package/docs/profiles/components/UiAvatar.yml +88 -0
- package/docs/profiles/{UiAvatarList.yml → components/UiAvatarList.yml} +26 -0
- package/docs/profiles/{UiButton.yml → components/UiButton.yml} +14 -8
- package/docs/profiles/components/UiCalendar.yml +190 -0
- package/docs/profiles/components/UiCheckbox.yml +111 -0
- package/docs/profiles/components/UiCollapse.yml +129 -0
- package/docs/profiles/components/UiCollapseBox.yml +143 -0
- package/docs/profiles/{UiCollapseGroup.yml → components/UiCollapseGroup.yml} +24 -0
- package/docs/profiles/components/UiCopyButton.yml +104 -0
- package/docs/profiles/components/UiDate.yml +84 -0
- package/docs/profiles/components/UiDatePicker.yml +138 -0
- package/docs/profiles/components/UiError.yml +123 -0
- package/docs/profiles/{UiField.yml → components/UiField.yml} +46 -15
- package/docs/profiles/components/UiInfobox.yml +130 -0
- package/docs/profiles/components/UiLink.yml +111 -0
- package/docs/profiles/components/UiLoader.yml +71 -0
- package/docs/profiles/components/UiMenuItem.yml +93 -0
- package/docs/profiles/{UiMenuItemGroup.yml → components/UiMenuItemGroup.yml} +25 -0
- package/docs/profiles/components/UiModalSidebar.yml +156 -0
- package/docs/profiles/components/UiModalWindow.yml +181 -0
- package/docs/profiles/{UiModalWindowSurface.yml → components/UiModalWindowSurface.yml} +30 -0
- package/docs/profiles/components/UiNumberStepper.yml +100 -0
- package/docs/profiles/{UiPageHeader.yml → components/UiPageHeader.yml} +39 -23
- package/docs/profiles/components/UiPopconfirm.yml +164 -0
- package/docs/profiles/{UiPopper.yml → components/UiPopper.yml} +66 -13
- package/docs/profiles/{UiPopperConnector.yml → components/UiPopperConnector.yml} +5 -25
- package/docs/profiles/{UiPopperTarget.yml → components/UiPopperTarget.yml} +5 -25
- package/docs/profiles/components/UiRadio.yml +91 -0
- package/docs/profiles/{UiRadioSwitch.yml → components/UiRadioSwitch.yml} +55 -32
- package/docs/profiles/{UiRadioSwitchOption.yml → components/UiRadioSwitchOption.yml} +7 -13
- package/docs/profiles/components/UiScrollBox.yml +108 -0
- package/docs/profiles/{UiSelect.yml → components/UiSelect.yml} +133 -44
- package/docs/profiles/components/UiSelectOption.yml +74 -0
- package/docs/profiles/components/UiSelectOptionGroup.yml +66 -0
- package/docs/profiles/components/UiSkeleton.yml +82 -0
- package/docs/profiles/components/UiSlider.yml +161 -0
- package/docs/profiles/components/UiSwitch.yml +123 -0
- package/docs/profiles/components/UiTab.yml +234 -0
- package/docs/profiles/{UiTabGroup.yml → components/UiTabGroup.yml} +0 -30
- package/docs/profiles/components/UiTable.yml +622 -0
- package/docs/profiles/{UiTableBodyCell.yml → components/UiTableBodyCell.yml} +26 -0
- package/docs/profiles/components/UiTableColumn.yml +87 -0
- package/docs/profiles/components/UiTableFooterButton.yml +85 -0
- package/docs/profiles/components/UiTableFooterSection.yml +73 -0
- package/docs/profiles/{UiTableHeadCell.yml → components/UiTableHeadCell.yml} +26 -0
- package/docs/profiles/{UiTableSorter.yml → components/UiTableSorter.yml} +27 -0
- package/docs/profiles/components/UiTag.yml +90 -0
- package/docs/profiles/{UiTextbox.yml → components/UiTextbox.yml} +20 -32
- package/docs/profiles/components/UiTimePicker.yml +144 -0
- package/docs/profiles/{UiToggleButton.yml → components/UiToggleButton.yml} +16 -11
- package/docs/profiles/{UiToggleGroup.yml → components/UiToggleGroup.yml} +25 -13
- package/docs/profiles/{UiToggleGroupOption.yml → components/UiToggleGroupOption.yml} +7 -11
- package/docs/profiles/components/UiToolbarButton.yml +87 -0
- package/docs/profiles/components/UiToolbarLink.yml +80 -0
- package/docs/profiles/components/UiTooltip.yml +97 -0
- package/docs/profiles/components/UiTransition.yml +62 -0
- package/docs/profiles/components/UiYandexMap.yml +104 -0
- package/docs/profiles/pages/CardSettingsPage.yml +58 -0
- package/docs/profiles/pages/CollapseBlockPage.yml +46 -0
- package/docs/profiles/pages/EntityListPage.yml +66 -0
- package/docs/profiles/pages/ModalSidebar.yml +158 -0
- package/docs/profiles/pages/ModalWindow.yml +55 -0
- package/docs/profiles/pages/MultiColumnPage.yml +27 -0
- package/docs/profiles/pages/PageComposition.yml +56 -0
- package/package.json +15 -15
- package/docs/profiles/UiAddButton.yml +0 -57
- package/docs/profiles/UiAlert.yml +0 -48
- package/docs/profiles/UiAvatar.yml +0 -48
- package/docs/profiles/UiCalendar.yml +0 -48
- package/docs/profiles/UiCheckbox.yml +0 -53
- package/docs/profiles/UiCollapse.yml +0 -40
- package/docs/profiles/UiCollapseBox.yml +0 -51
- package/docs/profiles/UiCopyButton.yml +0 -52
- package/docs/profiles/UiDate.yml +0 -38
- package/docs/profiles/UiDatePicker.yml +0 -59
- package/docs/profiles/UiError.yml +0 -32
- package/docs/profiles/UiImage.yml +0 -39
- package/docs/profiles/UiInfobox.yml +0 -45
- package/docs/profiles/UiLink.yml +0 -51
- package/docs/profiles/UiLoader.yml +0 -38
- package/docs/profiles/UiMenuItem.yml +0 -57
- package/docs/profiles/UiModalSidebar.yml +0 -46
- package/docs/profiles/UiModalWindow.yml +0 -44
- package/docs/profiles/UiNumberStepper.yml +0 -52
- package/docs/profiles/UiRadio.yml +0 -38
- package/docs/profiles/UiScrollBox.yml +0 -31
- package/docs/profiles/UiSelectOption.yml +0 -44
- package/docs/profiles/UiSelectOptionGroup.yml +0 -38
- package/docs/profiles/UiSkeleton.yml +0 -41
- package/docs/profiles/UiSlider.yml +0 -38
- package/docs/profiles/UiSwitch.yml +0 -37
- package/docs/profiles/UiTab.yml +0 -119
- package/docs/profiles/UiTable.yml +0 -152
- package/docs/profiles/UiTableColumn.yml +0 -50
- package/docs/profiles/UiTableFooterButton.yml +0 -44
- package/docs/profiles/UiTableFooterSection.yml +0 -38
- package/docs/profiles/UiTag.yml +0 -41
- package/docs/profiles/UiTimePicker.yml +0 -46
- package/docs/profiles/UiToolbarButton.yml +0 -37
- package/docs/profiles/UiToolbarLink.yml +0 -32
- package/docs/profiles/UiTooltip.yml +0 -43
- package/docs/profiles/UiTransition.yml +0 -27
- package/docs/profiles/UiYandexMap.yml +0 -29
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
component: UiToolbarButton
|
|
2
|
-
summary: >
|
|
3
|
-
UiToolbarButton is a compact button for toolbar zones. It shares action semantics with buttons
|
|
4
|
-
but is tuned for dense toolbar layouts.
|
|
5
|
-
|
|
6
|
-
public_import:
|
|
7
|
-
from: '@retailcrm/embed-ui-v1-components/remote'
|
|
8
|
-
named:
|
|
9
|
-
- UiToolbarButton
|
|
10
|
-
|
|
11
|
-
use_when:
|
|
12
|
-
- You need a compact button in a toolbar or action strip.
|
|
13
|
-
|
|
14
|
-
avoid_when:
|
|
15
|
-
- You need the full visual weight of UiButton.
|
|
16
|
-
|
|
17
|
-
api:
|
|
18
|
-
emits:
|
|
19
|
-
- name: click
|
|
20
|
-
- name: focus
|
|
21
|
-
- name: blur
|
|
22
|
-
methods:
|
|
23
|
-
- name: click
|
|
24
|
-
- name: focus
|
|
25
|
-
- name: blur
|
|
26
|
-
|
|
27
|
-
rendered_structure:
|
|
28
|
-
descriptive_only: true
|
|
29
|
-
root:
|
|
30
|
-
shape: button.ui-v1-button or a.ui-v1-button via UiButton
|
|
31
|
-
tag: button or a
|
|
32
|
-
notes: The component delegates its actual root element and layout behavior to UiButton.
|
|
33
|
-
|
|
34
|
-
geometry:
|
|
35
|
-
layout: compact toolbar action
|
|
36
|
-
root_display: inline-block
|
|
37
|
-
width_behavior: content-sized by default
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
component: UiToolbarLink
|
|
2
|
-
summary: >
|
|
3
|
-
UiToolbarLink is a compact toolbar-oriented link. It is the link counterpart to UiToolbarButton.
|
|
4
|
-
|
|
5
|
-
public_import:
|
|
6
|
-
from: '@retailcrm/embed-ui-v1-components/remote'
|
|
7
|
-
named:
|
|
8
|
-
- UiToolbarLink
|
|
9
|
-
|
|
10
|
-
use_when:
|
|
11
|
-
- You need a compact link in a toolbar area.
|
|
12
|
-
|
|
13
|
-
avoid_when:
|
|
14
|
-
- You need a regular inline content link.
|
|
15
|
-
|
|
16
|
-
api:
|
|
17
|
-
emits:
|
|
18
|
-
- name: click
|
|
19
|
-
- name: focus
|
|
20
|
-
- name: blur
|
|
21
|
-
|
|
22
|
-
rendered_structure:
|
|
23
|
-
descriptive_only: true
|
|
24
|
-
root:
|
|
25
|
-
shape: a.ui-v1-link via UiLink
|
|
26
|
-
tag: a
|
|
27
|
-
notes: The component delegates its actual root element and layout behavior to UiLink.
|
|
28
|
-
|
|
29
|
-
geometry:
|
|
30
|
-
layout: compact toolbar link
|
|
31
|
-
root_display: inline-flex
|
|
32
|
-
width_behavior: content-sized by default
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
component: UiTooltip
|
|
2
|
-
summary: >
|
|
3
|
-
UiTooltip is the tooltip-specialized floating layer built on top of popper mechanics.
|
|
4
|
-
Use it for compact helper content anchored to one target.
|
|
5
|
-
|
|
6
|
-
public_import:
|
|
7
|
-
from: '@retailcrm/embed-ui-v1-components/remote'
|
|
8
|
-
named:
|
|
9
|
-
- UiTooltip
|
|
10
|
-
|
|
11
|
-
related_components:
|
|
12
|
-
- UiPopper
|
|
13
|
-
- UiPopperConnector
|
|
14
|
-
- UiPopperTarget
|
|
15
|
-
|
|
16
|
-
use_when:
|
|
17
|
-
- You need compact helper text or tooltip content.
|
|
18
|
-
|
|
19
|
-
avoid_when:
|
|
20
|
-
- You need a dropdown or rich popup layout.
|
|
21
|
-
|
|
22
|
-
api:
|
|
23
|
-
key_props:
|
|
24
|
-
- name: visible
|
|
25
|
-
- name: placement
|
|
26
|
-
- name: targetTriggers
|
|
27
|
-
- name: popperTriggers
|
|
28
|
-
|
|
29
|
-
rendered_structure:
|
|
30
|
-
descriptive_only: true
|
|
31
|
-
root:
|
|
32
|
-
shape: div.ui-v1-popper via UiPopper
|
|
33
|
-
tag: div
|
|
34
|
-
notes: The component delegates the actual floating root to UiPopper and renders its content inside the popper body.
|
|
35
|
-
|
|
36
|
-
geometry:
|
|
37
|
-
layout: floating tooltip layer outside normal document flow
|
|
38
|
-
root_display: block
|
|
39
|
-
width_behavior: content-sized by tooltip content
|
|
40
|
-
|
|
41
|
-
ai_notes:
|
|
42
|
-
do:
|
|
43
|
-
- Use UiTooltip for tooltip semantics and UiPopper for lower-level floating behavior.
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
component: UiTransition
|
|
2
|
-
summary: >
|
|
3
|
-
UiTransition is a transition wrapper for animated mount, unmount, and visibility flows.
|
|
4
|
-
Use it to express motion without switching to raw transition markup.
|
|
5
|
-
|
|
6
|
-
public_import:
|
|
7
|
-
from: '@retailcrm/embed-ui-v1-components/remote'
|
|
8
|
-
named:
|
|
9
|
-
- UiTransition
|
|
10
|
-
|
|
11
|
-
use_when:
|
|
12
|
-
- You need transition behavior around content.
|
|
13
|
-
|
|
14
|
-
avoid_when:
|
|
15
|
-
- You need static content with no transition behavior.
|
|
16
|
-
|
|
17
|
-
rendered_structure:
|
|
18
|
-
descriptive_only: true
|
|
19
|
-
root:
|
|
20
|
-
shape: no persistent DOM root
|
|
21
|
-
tag: none
|
|
22
|
-
notes: The component is a thin wrapper around the native Vue transition and forwards its slot content.
|
|
23
|
-
|
|
24
|
-
geometry:
|
|
25
|
-
layout: no standalone layout of its own
|
|
26
|
-
root_display: none
|
|
27
|
-
width_behavior: defined entirely by the transitioned child
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
component: UiYandexMap
|
|
2
|
-
summary: >
|
|
3
|
-
UiYandexMap is the Yandex map component for map display and related location scenarios.
|
|
4
|
-
Treat it as unstable for now and avoid it unless the screen explicitly requires a map surface.
|
|
5
|
-
|
|
6
|
-
public_import:
|
|
7
|
-
from: '@retailcrm/embed-ui-v1-components/remote'
|
|
8
|
-
named:
|
|
9
|
-
- UiYandexMap
|
|
10
|
-
|
|
11
|
-
use_when:
|
|
12
|
-
- You need a Yandex map view.
|
|
13
|
-
- You need location display inside extension UI.
|
|
14
|
-
|
|
15
|
-
avoid_when:
|
|
16
|
-
- You can solve the task without an embedded map and do not want to depend on an unstable component.
|
|
17
|
-
- You only need text address output.
|
|
18
|
-
|
|
19
|
-
rendered_structure:
|
|
20
|
-
descriptive_only: true
|
|
21
|
-
root:
|
|
22
|
-
shape: div.ui-v1-yandex-map
|
|
23
|
-
tag: div
|
|
24
|
-
notes: The root is one map container that hosts the Yandex map instance.
|
|
25
|
-
|
|
26
|
-
geometry:
|
|
27
|
-
layout: block-like map container
|
|
28
|
-
root_display: flex
|
|
29
|
-
width_behavior: stretches to container width by default
|