@dxtmisha/scripts 0.4.3 → 0.4.4
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/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxtmisha/scripts",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.4.
|
|
4
|
+
"version": "0.4.4",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "Development scripts and CLI tools for DXT UI projects - automated component generation, library building and project management tools",
|
|
7
7
|
"keywords": [
|
package/src/library.ts
CHANGED
|
@@ -1,105 +1,105 @@
|
|
|
1
|
-
// Classes
|
|
2
|
-
export * from './classes/Ai/AiAbstract'
|
|
3
|
-
export * from './classes/Ai/AiGoogle'
|
|
4
|
-
export * from './classes/Component/ComponentCreator'
|
|
5
|
-
export * from './classes/Component/ComponentItem'
|
|
6
|
-
export * from './classes/Component/ComponentWiki'
|
|
7
|
-
export * from './classes/Component/ComponentWikiFile'
|
|
8
|
-
export * from './classes/Design/DesignCommand'
|
|
9
|
-
export * from './classes/Design/DesignComponent'
|
|
10
|
-
export * from './classes/Design/DesignConstructor'
|
|
11
|
-
export * from './classes/Design/DesignConstructors'
|
|
12
|
-
export * from './classes/Design/DesignReplace'
|
|
13
|
-
export * from './classes/Design/DesignStructure'
|
|
14
|
-
export * from './classes/Design/DesignStructureClasses'
|
|
15
|
-
export * from './classes/Design/DesignStructureItemAbstract'
|
|
16
|
-
export * from './classes/Design/DesignStructureRead'
|
|
17
|
-
export * from './classes/Design/DesignStructureStyles'
|
|
18
|
-
export * from './classes/Design/DesignTypescript'
|
|
19
|
-
export * from './classes/Design/DesignUi'
|
|
20
|
-
export * from './classes/Design/DesignWiki'
|
|
21
|
-
export * from './classes/Library/LibraryExport'
|
|
22
|
-
export * from './classes/Library/LibraryFlags'
|
|
23
|
-
export * from './classes/Library/LibraryItems'
|
|
24
|
-
export * from './classes/Library/LibraryMedia'
|
|
25
|
-
export * from './classes/Package/PackageInit'
|
|
26
|
-
export * from './classes/Package/PackageItem'
|
|
27
|
-
export * from './classes/Properties/Properties'
|
|
28
|
-
export * from './classes/Properties/PropertiesCache'
|
|
29
|
-
export * from './classes/Properties/PropertiesConfig'
|
|
30
|
-
export * from './classes/Properties/PropertiesConvector'
|
|
31
|
-
export * from './classes/Properties/PropertiesFile'
|
|
32
|
-
export * from './classes/Properties/PropertiesImport'
|
|
33
|
-
export * from './classes/Properties/PropertiesItems'
|
|
34
|
-
export * from './classes/Properties/PropertiesKeys'
|
|
35
|
-
export * from './classes/Properties/PropertiesMain'
|
|
36
|
-
export * from './classes/Properties/PropertiesPalette'
|
|
37
|
-
export * from './classes/Properties/PropertiesPath'
|
|
38
|
-
export * from './classes/Properties/PropertiesScss'
|
|
39
|
-
export * from './classes/Properties/PropertiesSeparator'
|
|
40
|
-
export * from './classes/Properties/PropertiesSettings'
|
|
41
|
-
export * from './classes/Properties/PropertiesStandard'
|
|
42
|
-
export * from './classes/Properties/PropertiesTool'
|
|
43
|
-
export * from './classes/Properties/PropertiesTypes'
|
|
44
|
-
export * from './classes/Properties/PropertiesValues'
|
|
45
|
-
export * from './classes/Properties/PropertiesWrap'
|
|
46
|
-
export * from './classes/Properties/convector/convectorColor'
|
|
47
|
-
export * from './classes/Properties/convector/convectorFontFamilies'
|
|
48
|
-
export * from './classes/Properties/convector/convectorShadow'
|
|
49
|
-
export * from './classes/Properties/convector/convectorTypography'
|
|
50
|
-
export * from './classes/Properties/to/PropertiesToAbstract'
|
|
51
|
-
export * from './classes/Properties/to/PropertiesToAnimate'
|
|
52
|
-
export * from './classes/Properties/to/PropertiesToClass'
|
|
53
|
-
export * from './classes/Properties/to/PropertiesToClone'
|
|
54
|
-
export * from './classes/Properties/to/PropertiesToComponent'
|
|
55
|
-
export * from './classes/Properties/to/PropertiesToDrag'
|
|
56
|
-
export * from './classes/Properties/to/PropertiesToDuplicate'
|
|
57
|
-
export * from './classes/Properties/to/PropertiesToFull'
|
|
58
|
-
export * from './classes/Properties/to/PropertiesToLink'
|
|
59
|
-
export * from './classes/Properties/to/PropertiesToMedia'
|
|
60
|
-
export * from './classes/Properties/to/PropertiesToMulti'
|
|
61
|
-
export * from './classes/Properties/to/PropertiesToNone'
|
|
62
|
-
export * from './classes/Properties/to/PropertiesToPalette'
|
|
63
|
-
export * from './classes/Properties/to/PropertiesToProperty'
|
|
64
|
-
export * from './classes/Properties/to/PropertiesToRemove'
|
|
65
|
-
export * from './classes/Properties/to/PropertiesToReplace'
|
|
66
|
-
export * from './classes/Properties/to/PropertiesToRoot'
|
|
67
|
-
export * from './classes/Properties/to/PropertiesToSimilar'
|
|
68
|
-
export * from './classes/Properties/to/PropertiesToSort'
|
|
69
|
-
export * from './classes/Properties/to/PropertiesToState'
|
|
70
|
-
export * from './classes/Properties/to/PropertiesToStyle'
|
|
71
|
-
export * from './classes/Properties/to/PropertiesToSub'
|
|
72
|
-
export * from './classes/Properties/to/PropertiesToSubclass'
|
|
73
|
-
export * from './classes/Properties/to/PropertiesToVar'
|
|
74
|
-
export * from './classes/Properties/to/PropertiesToVariable'
|
|
75
|
-
export * from './classes/Styles/Styles'
|
|
76
|
-
export * from './classes/Styles/StylesClasses'
|
|
77
|
-
export * from './classes/Styles/StylesProperties'
|
|
78
|
-
export * from './classes/Styles/StylesRoot'
|
|
79
|
-
export * from './classes/Styles/StylesTool'
|
|
80
|
-
export * from './classes/Styles/to/StylesToAbstract'
|
|
81
|
-
export * from './classes/Styles/to/StylesToAnimate'
|
|
82
|
-
export * from './classes/Styles/to/StylesToClass'
|
|
83
|
-
export * from './classes/Styles/to/StylesToClassFull'
|
|
84
|
-
export * from './classes/Styles/to/StylesToContainer'
|
|
85
|
-
export * from './classes/Styles/to/StylesToMedia'
|
|
86
|
-
export * from './classes/Styles/to/StylesToProperty'
|
|
87
|
-
export * from './classes/Styles/to/StylesToRoot'
|
|
88
|
-
export * from './classes/Styles/to/StylesToSelector'
|
|
89
|
-
export * from './classes/Styles/to/StylesToVar'
|
|
90
|
-
export * from './classes/Styles/to/StylesToVirtual'
|
|
91
|
-
|
|
92
|
-
// Composables
|
|
93
|
-
export * from './composables/useAi'
|
|
94
|
-
|
|
95
|
-
// Functions
|
|
96
|
-
export * from './functions/getComponentPaths'
|
|
97
|
-
export * from './functions/getConstructorProperties'
|
|
98
|
-
export * from './functions/getNameDirByPaths'
|
|
99
|
-
export * from './functions/toPathStandardSep'
|
|
100
|
-
|
|
101
|
-
// Types
|
|
102
|
-
export * from './types/configTypes'
|
|
103
|
-
export * from './types/designTypes'
|
|
104
|
-
export * from './types/libraryTypes'
|
|
105
|
-
export * from './types/propertyTypes'
|
|
1
|
+
// Classes
|
|
2
|
+
export * from './classes/Ai/AiAbstract'
|
|
3
|
+
export * from './classes/Ai/AiGoogle'
|
|
4
|
+
export * from './classes/Component/ComponentCreator'
|
|
5
|
+
export * from './classes/Component/ComponentItem'
|
|
6
|
+
export * from './classes/Component/ComponentWiki'
|
|
7
|
+
export * from './classes/Component/ComponentWikiFile'
|
|
8
|
+
export * from './classes/Design/DesignCommand'
|
|
9
|
+
export * from './classes/Design/DesignComponent'
|
|
10
|
+
export * from './classes/Design/DesignConstructor'
|
|
11
|
+
export * from './classes/Design/DesignConstructors'
|
|
12
|
+
export * from './classes/Design/DesignReplace'
|
|
13
|
+
export * from './classes/Design/DesignStructure'
|
|
14
|
+
export * from './classes/Design/DesignStructureClasses'
|
|
15
|
+
export * from './classes/Design/DesignStructureItemAbstract'
|
|
16
|
+
export * from './classes/Design/DesignStructureRead'
|
|
17
|
+
export * from './classes/Design/DesignStructureStyles'
|
|
18
|
+
export * from './classes/Design/DesignTypescript'
|
|
19
|
+
export * from './classes/Design/DesignUi'
|
|
20
|
+
export * from './classes/Design/DesignWiki'
|
|
21
|
+
export * from './classes/Library/LibraryExport'
|
|
22
|
+
export * from './classes/Library/LibraryFlags'
|
|
23
|
+
export * from './classes/Library/LibraryItems'
|
|
24
|
+
export * from './classes/Library/LibraryMedia'
|
|
25
|
+
export * from './classes/Package/PackageInit'
|
|
26
|
+
export * from './classes/Package/PackageItem'
|
|
27
|
+
export * from './classes/Properties/Properties'
|
|
28
|
+
export * from './classes/Properties/PropertiesCache'
|
|
29
|
+
export * from './classes/Properties/PropertiesConfig'
|
|
30
|
+
export * from './classes/Properties/PropertiesConvector'
|
|
31
|
+
export * from './classes/Properties/PropertiesFile'
|
|
32
|
+
export * from './classes/Properties/PropertiesImport'
|
|
33
|
+
export * from './classes/Properties/PropertiesItems'
|
|
34
|
+
export * from './classes/Properties/PropertiesKeys'
|
|
35
|
+
export * from './classes/Properties/PropertiesMain'
|
|
36
|
+
export * from './classes/Properties/PropertiesPalette'
|
|
37
|
+
export * from './classes/Properties/PropertiesPath'
|
|
38
|
+
export * from './classes/Properties/PropertiesScss'
|
|
39
|
+
export * from './classes/Properties/PropertiesSeparator'
|
|
40
|
+
export * from './classes/Properties/PropertiesSettings'
|
|
41
|
+
export * from './classes/Properties/PropertiesStandard'
|
|
42
|
+
export * from './classes/Properties/PropertiesTool'
|
|
43
|
+
export * from './classes/Properties/PropertiesTypes'
|
|
44
|
+
export * from './classes/Properties/PropertiesValues'
|
|
45
|
+
export * from './classes/Properties/PropertiesWrap'
|
|
46
|
+
export * from './classes/Properties/convector/convectorColor'
|
|
47
|
+
export * from './classes/Properties/convector/convectorFontFamilies'
|
|
48
|
+
export * from './classes/Properties/convector/convectorShadow'
|
|
49
|
+
export * from './classes/Properties/convector/convectorTypography'
|
|
50
|
+
export * from './classes/Properties/to/PropertiesToAbstract'
|
|
51
|
+
export * from './classes/Properties/to/PropertiesToAnimate'
|
|
52
|
+
export * from './classes/Properties/to/PropertiesToClass'
|
|
53
|
+
export * from './classes/Properties/to/PropertiesToClone'
|
|
54
|
+
export * from './classes/Properties/to/PropertiesToComponent'
|
|
55
|
+
export * from './classes/Properties/to/PropertiesToDrag'
|
|
56
|
+
export * from './classes/Properties/to/PropertiesToDuplicate'
|
|
57
|
+
export * from './classes/Properties/to/PropertiesToFull'
|
|
58
|
+
export * from './classes/Properties/to/PropertiesToLink'
|
|
59
|
+
export * from './classes/Properties/to/PropertiesToMedia'
|
|
60
|
+
export * from './classes/Properties/to/PropertiesToMulti'
|
|
61
|
+
export * from './classes/Properties/to/PropertiesToNone'
|
|
62
|
+
export * from './classes/Properties/to/PropertiesToPalette'
|
|
63
|
+
export * from './classes/Properties/to/PropertiesToProperty'
|
|
64
|
+
export * from './classes/Properties/to/PropertiesToRemove'
|
|
65
|
+
export * from './classes/Properties/to/PropertiesToReplace'
|
|
66
|
+
export * from './classes/Properties/to/PropertiesToRoot'
|
|
67
|
+
export * from './classes/Properties/to/PropertiesToSimilar'
|
|
68
|
+
export * from './classes/Properties/to/PropertiesToSort'
|
|
69
|
+
export * from './classes/Properties/to/PropertiesToState'
|
|
70
|
+
export * from './classes/Properties/to/PropertiesToStyle'
|
|
71
|
+
export * from './classes/Properties/to/PropertiesToSub'
|
|
72
|
+
export * from './classes/Properties/to/PropertiesToSubclass'
|
|
73
|
+
export * from './classes/Properties/to/PropertiesToVar'
|
|
74
|
+
export * from './classes/Properties/to/PropertiesToVariable'
|
|
75
|
+
export * from './classes/Styles/Styles'
|
|
76
|
+
export * from './classes/Styles/StylesClasses'
|
|
77
|
+
export * from './classes/Styles/StylesProperties'
|
|
78
|
+
export * from './classes/Styles/StylesRoot'
|
|
79
|
+
export * from './classes/Styles/StylesTool'
|
|
80
|
+
export * from './classes/Styles/to/StylesToAbstract'
|
|
81
|
+
export * from './classes/Styles/to/StylesToAnimate'
|
|
82
|
+
export * from './classes/Styles/to/StylesToClass'
|
|
83
|
+
export * from './classes/Styles/to/StylesToClassFull'
|
|
84
|
+
export * from './classes/Styles/to/StylesToContainer'
|
|
85
|
+
export * from './classes/Styles/to/StylesToMedia'
|
|
86
|
+
export * from './classes/Styles/to/StylesToProperty'
|
|
87
|
+
export * from './classes/Styles/to/StylesToRoot'
|
|
88
|
+
export * from './classes/Styles/to/StylesToSelector'
|
|
89
|
+
export * from './classes/Styles/to/StylesToVar'
|
|
90
|
+
export * from './classes/Styles/to/StylesToVirtual'
|
|
91
|
+
|
|
92
|
+
// Composables
|
|
93
|
+
export * from './composables/useAi'
|
|
94
|
+
|
|
95
|
+
// Functions
|
|
96
|
+
export * from './functions/getComponentPaths'
|
|
97
|
+
export * from './functions/getConstructorProperties'
|
|
98
|
+
export * from './functions/getNameDirByPaths'
|
|
99
|
+
export * from './functions/toPathStandardSep'
|
|
100
|
+
|
|
101
|
+
// Types
|
|
102
|
+
export * from './types/configTypes'
|
|
103
|
+
export * from './types/designTypes'
|
|
104
|
+
export * from './types/libraryTypes'
|
|
105
|
+
export * from './types/propertyTypes'
|
|
@@ -20,8 +20,6 @@ Code to fix:
|
|
|
20
20
|
// types.ts
|
|
21
21
|
[types]
|
|
22
22
|
```
|
|
23
|
-
Duplicate the result below without wrapper:
|
|
24
|
-
[types]
|
|
25
23
|
|
|
26
24
|
Comment requirements:
|
|
27
25
|
- Single-line for simple fields.
|
|
@@ -62,6 +60,7 @@ Rules:
|
|
|
62
60
|
- Don't touch existing stories, only additions.
|
|
63
61
|
- Don't touch const meta. DO NOT CHANGE ANYTHING IN META.
|
|
64
62
|
- Don't touch existing constants.
|
|
63
|
+
- Don't rename existing constants.
|
|
65
64
|
- Don't add stories just for filling.
|
|
66
65
|
- If the component has different modes (e.g., states or display variants), show one example each.
|
|
67
66
|
- Story names in PascalCase style without extra words.
|
|
@@ -81,131 +80,15 @@ MDX structure rules:
|
|
|
81
80
|
- At the beginning: [description] — Brief description of the purpose (1–3 sentences): conveys the essence of the component as briefly as possible.
|
|
82
81
|
- Next: main text (documentation) — starts without a heading. This is [doc].
|
|
83
82
|
- You can refine existing text by changing it, but don't delete. Delete only unnecessary or outdated content.
|
|
84
|
-
- Be sure to list slots (if any) and events (if any) in the given format.
|
|
83
|
+
- Be sure to list Expose (if any), slots (if any) and events (if any) in the given format.
|
|
85
84
|
- Don't describe props in a list if they are simple. Describe only complex relationships (e.g., dependent props) or composite types in detail.
|
|
86
|
-
-
|
|
87
|
-
- Slots and events — strictly in the format below. If there are no types, the type block is omitted.
|
|
85
|
+
- Expose, Slots and events — strictly in the format below. If there are no types, the type block is omitted.
|
|
88
86
|
- Add Canvas if there is a usage example. If not, add stories.
|
|
87
|
+
- Don't add <Canvas of={Component.Component}/>
|
|
88
|
+
- Don't touch Meta and StorybookMain. They must remain as they are and be at the top. Don't add, don't delete, don't modify them.
|
|
89
89
|
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
## Slots
|
|
93
|
-
### `slotName`
|
|
94
|
-
Brief description of the slot's purpose. You can highlight features with a bulleted list.
|
|
95
|
-
If there are props, add props description. `props: any` means there are no props, no need to write it.
|
|
96
|
-
If there are multiple slots — each with `###` subheading.
|
|
97
|
-
If it just returns VNode, no need to describe.
|
|
98
|
-
Don't write something like: `This slot accepts any VNode and doesn't pass any properties.`
|
|
99
|
-
If there are no events, don't describe the events block.
|
|
100
|
-
If there are no slots, don't describe the slots block.
|
|
101
|
-
|
|
102
|
-
Event format:
|
|
103
|
-
```
|
|
104
|
-
## Events
|
|
105
|
-
### `eventName`
|
|
106
|
-
Description of when and why it is emitted.
|
|
107
|
-
|
|
108
|
-
Slot description example (don't copy verbatim, adapt):
|
|
109
|
-
### `suffix`
|
|
110
|
-
|
|
111
|
-
Slot for placing content at the end of the component, after the main content.
|
|
112
|
-
|
|
113
|
-
**Returns:** `VNode` — element with class `{className}__suffix` and attribute `data-event-type="suffix"`
|
|
114
|
-
|
|
115
|
-
```html
|
|
116
|
-
<Component>
|
|
117
|
-
<template #suffix>
|
|
118
|
-
<Icon name="check" />
|
|
119
|
-
</template>
|
|
120
|
-
</Component>
|
|
121
|
-
```
|
|
122
|
-
|
|
123
|
-
### `control`
|
|
124
|
-
|
|
125
|
-
Slot for placing window control elements (close buttons, minimize, etc.).
|
|
126
|
-
|
|
127
|
-
**Parameters:**
|
|
128
|
-
- `props: WindowControlItem` — object with window control data
|
|
129
|
-
|
|
130
|
-
```html
|
|
131
|
-
<Window>
|
|
132
|
-
<template #control="{ onclick, open }">
|
|
133
|
-
<button @click="onclick">
|
|
134
|
-
{{ open ? 'Close' : 'Open' }}
|
|
135
|
-
</button>
|
|
136
|
-
</template>
|
|
137
|
-
</Window>
|
|
138
|
-
```
|
|
139
|
-
|
|
140
|
-
Event description example (adapt to context):
|
|
141
|
-
### `window`
|
|
142
|
-
|
|
143
|
-
Event fires when the window state changes (open/close).
|
|
144
|
-
|
|
145
|
-
**Parameters:**
|
|
146
|
-
- `options: WindowEmitOptions` — object with window data
|
|
147
|
-
|
|
148
|
-
**WindowEmitOptions structure:**
|
|
149
|
-
- `id: string` — unique window identifier
|
|
150
|
-
- `element: HTMLDivElement` — window DOM element
|
|
151
|
-
- `control: HTMLElement` — control DOM element
|
|
152
|
-
- `open: boolean` — window open state (`true` - open, `false` - closed)
|
|
153
|
-
|
|
154
|
-
```html
|
|
155
|
-
<script setup>
|
|
156
|
-
const handleWindow = (options) => {
|
|
157
|
-
console.log('Window ID:', options.id)
|
|
158
|
-
console.log('Window open:', options.open)
|
|
159
|
-
console.log('Window element:', options.element)
|
|
160
|
-
console.log('Control element:', options.control)
|
|
161
|
-
}
|
|
162
|
-
</script>
|
|
163
|
-
|
|
164
|
-
<template>
|
|
165
|
-
<Window @window="handleWindow">
|
|
166
|
-
<template #default>
|
|
167
|
-
<p>Window content</p>
|
|
168
|
-
</template>
|
|
169
|
-
</Window>
|
|
170
|
-
</template>
|
|
171
|
-
```
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
Canvas usage example:
|
|
175
|
-
<Canvas of={Chip.ChipSkeleton}/>
|
|
176
|
-
|
|
177
|
-
====================================
|
|
178
|
-
5) Final return
|
|
179
|
-
====================================
|
|
180
|
-
Return the result strictly in the format (nothing extra before or after):
|
|
181
|
-
[types.ts]
|
|
182
|
-
#########
|
|
183
|
-
[ComponentDoc.stories.ts]
|
|
184
|
-
#########
|
|
185
|
-
[UiPlayerLite.mdx]
|
|
186
|
-
|
|
187
|
-
Where:
|
|
188
|
-
- Don't add anything extra (like ```ts)
|
|
189
|
-
- Don't wrap in blocks.
|
|
190
|
-
- Don't wrap in ```ts or anything similar.
|
|
191
|
-
- [types.ts] — final types block with comments (only content, without file name comments).
|
|
192
|
-
- [ComponentDoc.stories.ts] — final stories file (only content, without file name comments).
|
|
193
|
-
- [UiPlayerLite.mdx] — final MDX documentation (only content, without file name comments).
|
|
194
|
-
|
|
195
|
-
====================================
|
|
196
|
-
Constraints and style
|
|
197
|
-
====================================
|
|
198
|
-
- No tables.
|
|
199
|
-
- No arbitrary additional sections.
|
|
200
|
-
- Don't add "Props" section if there are no complex dependencies.
|
|
201
|
-
- Don't duplicate descriptions of the same thing.
|
|
202
|
-
- Respect the [wikiLanguage] language — if it's "en" use English, otherwise the corresponding language.
|
|
203
|
-
- Don't use placeholders outside those specified.
|
|
204
|
-
- Code blocks: for types and events — ```ts, for markup — ```html when necessary.
|
|
205
|
-
- Stories: only necessary scenarios, without extra visual decorations.
|
|
206
|
-
|
|
207
|
-
====================================
|
|
208
|
-
Example (don't include in response, only as style guide)
|
|
90
|
+
Example MDX documentation (don't include in response, only as style guide)
|
|
91
|
+
Make sure to follow the style and formatting as shown in the example
|
|
209
92
|
====================================
|
|
210
93
|
Component for creating modal windows, dialogs, and popup elements with flexible positioning and adaptive behavior.
|
|
211
94
|
|
|
@@ -368,3 +251,36 @@ const handleWindow = (options) => {
|
|
|
368
251
|
</template>
|
|
369
252
|
```
|
|
370
253
|
|
|
254
|
+
Canvas usage example:
|
|
255
|
+
<Canvas of={Chip.ChipSkeleton}/>
|
|
256
|
+
|
|
257
|
+
====================================
|
|
258
|
+
5) Final return
|
|
259
|
+
====================================
|
|
260
|
+
Return the result strictly in the format (nothing extra before or after):
|
|
261
|
+
[types.ts]
|
|
262
|
+
#########
|
|
263
|
+
[ComponentDoc.stories.ts]
|
|
264
|
+
#########
|
|
265
|
+
[UiPlayerLite.mdx]
|
|
266
|
+
|
|
267
|
+
Where:
|
|
268
|
+
- Don't add anything extra (like ```ts)
|
|
269
|
+
- Don't wrap in blocks.
|
|
270
|
+
- Don't wrap in ```ts or anything similar.
|
|
271
|
+
- [types.ts] — final types block with comments (only content, without file name comments).
|
|
272
|
+
- [ComponentDoc.stories.ts] — final stories file (only content, without file name comments).
|
|
273
|
+
- [UiPlayerLite.mdx] — final MDX documentation (only content, without file name comments).
|
|
274
|
+
- Result strictly in this order, separated by line #########.
|
|
275
|
+
|
|
276
|
+
====================================
|
|
277
|
+
Constraints and style
|
|
278
|
+
====================================
|
|
279
|
+
- No tables.
|
|
280
|
+
- No arbitrary additional sections.
|
|
281
|
+
- Don't add "Props" section if there are no complex dependencies.
|
|
282
|
+
- Don't duplicate descriptions of the same thing.
|
|
283
|
+
- Respect the [wikiLanguage] language — if it's "en" use English, otherwise the corresponding language.
|
|
284
|
+
- Don't use placeholders outside those specified.
|
|
285
|
+
- Code blocks: for types and events — ```ts, for markup — ```html when necessary.
|
|
286
|
+
- Stories: only necessary scenarios, without extra visual decorations.
|
|
@@ -20,8 +20,6 @@
|
|
|
20
20
|
// types.ts
|
|
21
21
|
[types]
|
|
22
22
|
```
|
|
23
|
-
Ниже продублируй итог без обёртки:
|
|
24
|
-
[types]
|
|
25
23
|
|
|
26
24
|
Требования к комментариям:
|
|
27
25
|
- Однострочные для простых полей.
|
|
@@ -62,6 +60,7 @@ export interface IconPropsBasic<
|
|
|
62
60
|
- Не трогать те stories, которые уже есть, только добавления.
|
|
63
61
|
- Не трогать const meta. НИЧЕГО НЕ МЕНЯТЬ В META.
|
|
64
62
|
- Не трогать существующие константы.
|
|
63
|
+
- Не переименовывай существующие константы.
|
|
65
64
|
- Не добавляй истории ради заполнения.
|
|
66
65
|
- Если компонент имеет разные режимы (например, состояния или варианты отображения), покажи по одному примеру.
|
|
67
66
|
- Имена историй — в стиле PascalCase без лишних слов.
|
|
@@ -81,131 +80,16 @@ export interface IconPropsBasic<
|
|
|
81
80
|
- В начале: [description] — Краткое описание назначения (1–3 предложения): максимально коротко передаёт суть компонента.
|
|
82
81
|
- Далее: основной текст (документация) — начинается без заголовка. Это [doc].
|
|
83
82
|
- Можно дорабатывать существующий текст, изменяя, но не удалять. Удаляй только лишнее или неактуальное.
|
|
84
|
-
- Обязательно перечисли слоты (если есть) и события (если есть) в заданном формате.
|
|
83
|
+
- Обязательно перечисли Expose (если есть), слоты (если есть) и события (если есть) в заданном формате.
|
|
85
84
|
- Не описывай props списком, если они простые. Подробно описывай только сложные связки (например, зависимые props) или составные типы.
|
|
86
|
-
-
|
|
87
|
-
- Слоты и события — строго в формате ниже. Если типов нет — блок с типом опускается.
|
|
85
|
+
- Expose, Слоты и события — строго в формате ниже. Если типов нет — блок с типом опускается.
|
|
88
86
|
- Добавь Canvas, если есть пример использования. Если нет — добавь stories.
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
```
|
|
92
|
-
## Слоты
|
|
93
|
-
### `имяСлота`
|
|
94
|
-
Краткое описание назначения слота. Можно маркированным списком выделить особенности.
|
|
95
|
-
Если есть props, добавить описание props. `props: any` - это значит, что нет пропсов, его не надо писать.
|
|
96
|
-
Если слотов несколько — каждый с подпунктом `###`.
|
|
97
|
-
Если возвращает просто VNode, не надо описывать.
|
|
98
|
-
Не надо писать что-то в таком виде: `Этот слот принимает любые VNode и не передает никаких свойств.`
|
|
99
|
-
Если нет событий, не описывать блок событий.
|
|
100
|
-
Если нет слотов, не описывать блок слотов.
|
|
101
|
-
|
|
102
|
-
Формат событий:
|
|
103
|
-
```
|
|
104
|
-
## События
|
|
105
|
-
### `имяСобытия`
|
|
106
|
-
Описание, когда и зачем испускается.
|
|
107
|
-
|
|
108
|
-
Пример описания слота (не вставляй дословно, адаптируй):
|
|
109
|
-
### `suffix`
|
|
110
|
-
|
|
111
|
-
Слот для размещения контента в конце компонента, после основного содержимого.
|
|
112
|
-
|
|
113
|
-
**Возвращает:** `VNode` — элемент с классом `{className}__suffix` и атрибутом `data-event-type="suffix"`
|
|
114
|
-
|
|
115
|
-
```html
|
|
116
|
-
<Component>
|
|
117
|
-
<template #suffix>
|
|
118
|
-
<Icon name="check" />
|
|
119
|
-
</template>
|
|
120
|
-
</Component>
|
|
121
|
-
```
|
|
122
|
-
|
|
123
|
-
### `control`
|
|
124
|
-
|
|
125
|
-
Слот для размещения элементов управления окном (кнопки закрытия, минимизации и т.д.).
|
|
126
|
-
|
|
127
|
-
**Параметры:**
|
|
128
|
-
- `props: WindowControlItem` — объект с данными управления окном
|
|
129
|
-
|
|
130
|
-
```html
|
|
131
|
-
<Window>
|
|
132
|
-
<template #control="{ onclick, open }">
|
|
133
|
-
<button @click="onclick">
|
|
134
|
-
{{ open ? 'Закрыть' : 'Открыть' }}
|
|
135
|
-
</button>
|
|
136
|
-
</template>
|
|
137
|
-
</Window>
|
|
138
|
-
```
|
|
139
|
-
|
|
140
|
-
Пример описания события (адаптируй под контекст):
|
|
141
|
-
### `window`
|
|
142
|
-
|
|
143
|
-
Событие срабатывает при изменении состояния окна (открытие/закрытие).
|
|
144
|
-
|
|
145
|
-
**Параметры:**
|
|
146
|
-
- `options: WindowEmitOptions` — объект с данными окна
|
|
147
|
-
|
|
148
|
-
**Структура WindowEmitOptions:**
|
|
149
|
-
- `id: string` — уникальный идентификатор окна
|
|
150
|
-
- `element: HTMLDivElement` — DOM элемент окна
|
|
151
|
-
- `control: HTMLElement` — DOM элемент управления
|
|
152
|
-
- `open: boolean` — состояние открытия окна (`true` - открыто, `false` - закрыто)
|
|
153
|
-
|
|
154
|
-
```html
|
|
155
|
-
<script setup>
|
|
156
|
-
const handleWindow = (options) => {
|
|
157
|
-
console.log('ID окна:', options.id)
|
|
158
|
-
console.log('Окно открыто:', options.open)
|
|
159
|
-
console.log('Элемент окна:', options.element)
|
|
160
|
-
console.log('Элемент управления:', options.control)
|
|
161
|
-
}
|
|
162
|
-
</script>
|
|
163
|
-
|
|
164
|
-
<template>
|
|
165
|
-
<Window @window="handleWindow">
|
|
166
|
-
<template #default>
|
|
167
|
-
<p>Содержимое окна</p>
|
|
168
|
-
</template>
|
|
169
|
-
</Window>
|
|
170
|
-
</template>
|
|
171
|
-
```
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
Пример использования Canvas:
|
|
175
|
-
<Canvas of={Chip.ChipSkeleton}/>
|
|
176
|
-
|
|
177
|
-
====================================
|
|
178
|
-
5) Итоговый возврат
|
|
179
|
-
====================================
|
|
180
|
-
Верни результат строго в формате (ничего лишнего до или после):
|
|
181
|
-
[types.ts]
|
|
182
|
-
#########
|
|
183
|
-
[ComponentDoc.stories.ts]
|
|
184
|
-
#########
|
|
185
|
-
[UiPlayerLite.mdx]
|
|
186
|
-
|
|
187
|
-
Где:
|
|
188
|
-
- Не добавляй ничего лишнего (типа ```ts)
|
|
189
|
-
- Не оборачивай в блоки.
|
|
190
|
-
- Не оборачивай в ```ts или что-то подобное.
|
|
191
|
-
- [types.ts] — итоговый блок типов с комментариями (only content, without file name comments).
|
|
192
|
-
- [ComponentDoc.stories.ts] — итоговый файл историй (only content, without file name comments).
|
|
193
|
-
- [UiPlayerLite.mdx] — итоговая MDX-документация (only content, without file name comments).
|
|
194
|
-
|
|
195
|
-
====================================
|
|
196
|
-
Ограничения и стилистика
|
|
197
|
-
====================================
|
|
198
|
-
- Никаких таблиц.
|
|
199
|
-
- Никаких произвольных дополнительных разделов.
|
|
200
|
-
- Не добавляй раздел "Props", если нет сложных зависимостей.
|
|
201
|
-
- Не дублируй описание одного и того же.
|
|
202
|
-
- Уважай язык [wikiLanguage] — если это "en" используй английский, иначе соответствующий язык.
|
|
203
|
-
- Не используй placeholder'ы вне оговорённых.
|
|
204
|
-
- Кодовые блоки: для типов и событий — ```ts, для разметки — ```html при необходимости.
|
|
205
|
-
- Сторисы: только необходимые сценарии, без лишних визуальных украшений.
|
|
87
|
+
- Не надо добавлять <Canvas of={Component.Component}/>
|
|
88
|
+
- Нельзя трогать Meta и StorybookMain. Они должны остаться как есть и находиться вверху. Не добавляй, не удаляй, не изменяй их.
|
|
206
89
|
|
|
207
90
|
====================================
|
|
208
|
-
Пример (не включать в ответ, только как ориентир стиля)
|
|
91
|
+
Пример MDX-документация (не включать в ответ, только как ориентир стиля)
|
|
92
|
+
Обязательно соблюдай стиль и форматирование как в примере
|
|
209
93
|
====================================
|
|
210
94
|
Компонент для создания модальных окон, диалогов и всплывающих элементов с гибким позиционированием и адаптивным поведением.
|
|
211
95
|
|
|
@@ -367,3 +251,37 @@ const handleWindow = (options) => {
|
|
|
367
251
|
</Window>
|
|
368
252
|
</template>
|
|
369
253
|
```
|
|
254
|
+
|
|
255
|
+
Пример использования Canvas:
|
|
256
|
+
<Canvas of={Chip.ChipSkeleton}/>
|
|
257
|
+
|
|
258
|
+
====================================
|
|
259
|
+
5) Итоговый возврат
|
|
260
|
+
====================================
|
|
261
|
+
Верни результат строго в формате (ничего лишнего до или после):
|
|
262
|
+
[types.ts]
|
|
263
|
+
#########
|
|
264
|
+
[ComponentDoc.stories.ts]
|
|
265
|
+
#########
|
|
266
|
+
[UiPlayerLite.mdx]
|
|
267
|
+
|
|
268
|
+
Где:
|
|
269
|
+
- Не добавляй ничего лишнего (типа ```ts)
|
|
270
|
+
- Не оборачивай в блоки.
|
|
271
|
+
- Не оборачивай в ```ts или что-то подобное.
|
|
272
|
+
- [types.ts] — итоговый блок типов с комментариями (only content, without file name comments).
|
|
273
|
+
- [ComponentDoc.stories.ts] — итоговый файл историй (only content, without file name comments).
|
|
274
|
+
- [UiPlayerLite.mdx] — итоговая MDX-документация (only content, without file name comments).
|
|
275
|
+
- Результат строго в этом порядке, разделённый строкой #########.
|
|
276
|
+
|
|
277
|
+
====================================
|
|
278
|
+
Ограничения и стилистика
|
|
279
|
+
====================================
|
|
280
|
+
- Никаких таблиц.
|
|
281
|
+
- Никаких произвольных дополнительных разделов.
|
|
282
|
+
- Не добавляй раздел "Props", если нет сложных зависимостей.
|
|
283
|
+
- Не дублируй описание одного и того же.
|
|
284
|
+
- Уважай язык [wikiLanguage] — если это "en" используй английский, иначе соответствующий язык.
|
|
285
|
+
- Не используй placeholder'ы вне оговорённых.
|
|
286
|
+
- Кодовые блоки: для типов и событий — ```ts, для разметки — ```html при необходимости.
|
|
287
|
+
- Сторисы: только необходимые сценарии, без лишних визуальных украшений.
|