@featherk/ui 0.16.0 → 0.16.2
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/docs-manifest.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// Generated by scripts/generate-docs-manifest.mjs. Do not edit.
|
|
2
2
|
export const packageName = "@featherk/ui";
|
|
3
3
|
|
|
4
|
-
export const version = "0.16.
|
|
4
|
+
export const version = "0.16.2";
|
|
5
5
|
|
|
6
6
|
export const paths = {
|
|
7
7
|
ActionCell: "table/ActionCell.md",
|
|
@@ -10,9 +10,9 @@ export const paths = {
|
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
export const docs = {
|
|
13
|
-
ActionCell: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.16.
|
|
14
|
-
USAddress: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.16.
|
|
15
|
-
useActionCellMenu: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.16.
|
|
13
|
+
ActionCell: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.16.2/docs/table/ActionCell.md",
|
|
14
|
+
USAddress: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.16.2/docs/address/USAddress.md",
|
|
15
|
+
useActionCellMenu: "https://cdn.jsdelivr.net/npm/@featherk/ui@0.16.2/docs/table/useActionCellMenu.md",
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
export const docUrl = (name, host = "https://cdn.jsdelivr.net/npm") =>
|
package/docs/README.md
CHANGED
|
@@ -11,7 +11,7 @@ Use this structure when adding docs for a new UI component.
|
|
|
11
11
|
|
|
12
12
|
Copy this template for each new component guide.
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
````md
|
|
15
15
|
# `<ComponentName>`
|
|
16
16
|
|
|
17
17
|
`<ComponentName>` is a short one-sentence description.
|
|
@@ -24,7 +24,7 @@ import { <ComponentName> } from "@featherk/ui";
|
|
|
24
24
|
|
|
25
25
|
## Basic Usage
|
|
26
26
|
|
|
27
|
-
```
|
|
27
|
+
```html
|
|
28
28
|
<script setup lang="ts">
|
|
29
29
|
import { <ComponentName> } from "@featherk/ui";
|
|
30
30
|
</script>
|
|
@@ -47,7 +47,7 @@ import { <ComponentName> } from "@featherk/ui";
|
|
|
47
47
|
- Any runtime requirements
|
|
48
48
|
- Any accessibility behavior
|
|
49
49
|
- Any styling behavior
|
|
50
|
-
|
|
50
|
+
````
|
|
51
51
|
|
|
52
52
|
## Checklist for New Components
|
|
53
53
|
|
|
@@ -44,7 +44,7 @@ Exported UI types include:
|
|
|
44
44
|
delayed validation, which stays suspended until the fieldset loses focus
|
|
45
45
|
or the form is submitted.
|
|
46
46
|
4. (Optional) Define a typed `USAddressMessages` object and pass it to
|
|
47
|
-
|
|
47
|
+
`<USAddress :messages="..." />` to customize placeholders and messaging.
|
|
48
48
|
5. On submit, call `await address.validateForSubmit()`. This sets internal
|
|
49
49
|
`submitted` state (activating error display) and returns
|
|
50
50
|
`{ isValid, payload }`, where `payload` is `null` when `isValid` is `false`.
|
|
@@ -54,7 +54,7 @@ Exported UI types include:
|
|
|
54
54
|
|
|
55
55
|
## Basic Usage
|
|
56
56
|
|
|
57
|
-
```
|
|
57
|
+
```html
|
|
58
58
|
<script setup lang="ts">
|
|
59
59
|
import { ref } from "vue";
|
|
60
60
|
import { USAddress } from "@featherk/ui/address";
|
|
@@ -253,7 +253,7 @@ const addressMessages: USAddressMessages = {
|
|
|
253
253
|
};
|
|
254
254
|
```
|
|
255
255
|
|
|
256
|
-
```
|
|
256
|
+
```html
|
|
257
257
|
<USAddress
|
|
258
258
|
id="shipping-address"
|
|
259
259
|
:address="shippingAddress"
|
package/docs/table/ActionCell.md
CHANGED
|
@@ -14,7 +14,7 @@ Kendo `GridCellProps`.
|
|
|
14
14
|
3. Pass a controller that creates deterministic trigger IDs and delegates button events to the shared popup lifecycle.
|
|
15
15
|
4. Render one shared Popup/Menu from the parent using the registry's active element and active ID.
|
|
16
16
|
|
|
17
|
-
```
|
|
17
|
+
```html
|
|
18
18
|
<template>
|
|
19
19
|
<table>
|
|
20
20
|
<tbody>
|
|
@@ -99,7 +99,7 @@ Kendo-provided `className` with its own `fkui-action-cell` class. It intentional
|
|
|
99
99
|
for row interaction. In a Grid cell template, merge the cell props and shared-menu props into
|
|
100
100
|
one binding:
|
|
101
101
|
|
|
102
|
-
```
|
|
102
|
+
```html
|
|
103
103
|
<template #actionsCell="{ props }">
|
|
104
104
|
<ActionCell v-bind="{ ...props, ...actionCellMenu.actionCellProps }" />
|
|
105
105
|
</template>
|
|
@@ -116,7 +116,7 @@ per-cell `navigatable` mode. When using `ActionCell` in a standard HTML table or
|
|
|
116
116
|
context where the action buttons should participate in sequential Tab navigation, pass
|
|
117
117
|
`:tab-index="0"`:
|
|
118
118
|
|
|
119
|
-
```
|
|
119
|
+
```html
|
|
120
120
|
<ActionCell
|
|
121
121
|
:data-item="row"
|
|
122
122
|
:tab-index="0"
|
|
@@ -63,7 +63,7 @@ Triggers without an `items` factory are direct actions: `useActionCellMenu` call
|
|
|
63
63
|
5. Handle the selected item in `onActionSelected`; dispatch on `item.id` and use the
|
|
64
64
|
resolved row and trigger for the business action. Direct actions pass `undefined` as item.
|
|
65
65
|
|
|
66
|
-
```
|
|
66
|
+
```html
|
|
67
67
|
<template>
|
|
68
68
|
<!-- Step 3 -->
|
|
69
69
|
<ActionCell
|