@sfxcode/formkit-primevue 4.2.0 → 4.2.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.
|
@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.primeRepeaterDefinition = void 0;
|
|
7
7
|
var _vue = require("@formkit/vue");
|
|
8
|
-
var
|
|
8
|
+
var _composables = require("../composables");
|
|
9
9
|
const {
|
|
10
10
|
addList,
|
|
11
11
|
addElement,
|
|
12
12
|
addListGroup,
|
|
13
13
|
addComponent
|
|
14
|
-
} = (0,
|
|
14
|
+
} = (0, _composables.useFormKitSchema)();
|
|
15
15
|
function addButtonGroup(buttonGroupClass = "", buttonGroupItemClass = "", buttonSize, render = "true") {
|
|
16
16
|
const addActionButtonComponent = (onClick = "", icon = "", severity = "", render2 = "true", disabled = "false") => {
|
|
17
17
|
return addElement("div", [addComponent("Button", {
|
|
@@ -39,14 +39,29 @@ function addInsertButton(label = "Add Item", icon = "i-lucide-plus", styleClass
|
|
|
39
39
|
class: styleClass
|
|
40
40
|
}, render);
|
|
41
41
|
}
|
|
42
|
-
|
|
42
|
+
function addDragHandle(handleClass = "", iconClass = "", render = "true") {
|
|
43
|
+
return addElement("span", [addElement("i", [], {
|
|
44
|
+
class: iconClass
|
|
45
|
+
})], {
|
|
46
|
+
"class": handleClass,
|
|
47
|
+
"aria-label": "Drag to reorder"
|
|
48
|
+
}, render);
|
|
49
|
+
}
|
|
50
|
+
const primeRepeaterDefinition = exports.primeRepeaterDefinition = (0, _vue.createInput)(addElement("div", [addList("$listName", [addInsertButton("$insertButtonLabel", "pi pi-plus", "$insertButtonClass", "$insertButtonSize", "$node.children.length == 0 || $alwaysDisplayInsertButton"), addListGroup([addElement("div", [addDragHandle("$internalDragHandleClass", "$dragHandleIconClass", "$renderDragHandle"), {
|
|
43
51
|
children: "$slots.default"
|
|
44
52
|
}, addButtonGroup("$buttonGroupClass", "$buttonGroupItemClass", "$buttonSize", "$renderButtons")], {
|
|
45
|
-
class: "$
|
|
53
|
+
class: "$getListItemClass($index)",
|
|
54
|
+
draggable: "$renderDragHandle",
|
|
55
|
+
onDragstart: "$dragNodeStart($node.parent, $index)",
|
|
56
|
+
onDragover: "$dragNodeOver($index)",
|
|
57
|
+
onDragleave: "$dragNodeLeave($index)",
|
|
58
|
+
onDrop: "$dropNode($node.parent, $index)",
|
|
59
|
+
onDragend: "$dragNodeEnd"
|
|
46
60
|
})], true, {})], true, "true")], {
|
|
47
|
-
class: "$internalListClass"
|
|
61
|
+
class: "$internalListClass",
|
|
62
|
+
id: "$internalListId"
|
|
48
63
|
}, true), {
|
|
49
|
-
props: ["insertButtonLabel", "insertButtonClass", "insertButtonSize", "alwaysDisplayInsertButton", "newItem", "listClass", "listItemClass", "hideButtonGroup", "hideMoveButtons", "buttonGroupClass", "buttonGroupItemClass", "buttonSize", "displayCloneButton", "displayAddButton", "displayDeleteButton", "minItems", "maxItems"],
|
|
64
|
+
props: ["insertButtonLabel", "insertButtonClass", "insertButtonSize", "alwaysDisplayInsertButton", "newItem", "listClass", "listItemClass", "hideButtonGroup", "hideMoveButtons", "buttonGroupClass", "buttonGroupItemClass", "buttonSize", "displayCloneButton", "displayAddButton", "displayDeleteButton", "minItems", "maxItems", "displayDragHandle", "dragHandleClass", "dragHandleIconClass"],
|
|
50
65
|
features: [addRepeaterHandler]
|
|
51
66
|
});
|
|
52
67
|
function addRepeaterHandler(node) {
|
|
@@ -56,14 +71,24 @@ function addRepeaterHandler(node) {
|
|
|
56
71
|
};
|
|
57
72
|
node.on("created", () => {
|
|
58
73
|
if (node.context) {
|
|
74
|
+
let dragStartIndex = null;
|
|
75
|
+
let dragOverIndex = null;
|
|
59
76
|
const newItem = node.context.newItem || {};
|
|
60
77
|
node.context.listName = node.name;
|
|
61
78
|
node.context.renderButtons = !node.context.hideButtonGroup;
|
|
62
79
|
node.context.insertButtonSize = node.context.insertButtonSize ? node.context.insertButtonSize : "";
|
|
63
80
|
node.context.buttonSize = node.context.buttonSize ? node.context.buttonSize : "";
|
|
64
81
|
node.context.renderMoveButtons = !node.context.hideMoveButtons;
|
|
82
|
+
node.context.renderDragHandle = !!node.context.displayDragHandle;
|
|
83
|
+
node.context.dragHandleIconClass = node.context.dragHandleIconClass || "pi pi-bars";
|
|
84
|
+
node.context.internalDragHandleClass = node.context.dragHandleClass ? `formkit-repeater-drag-handle ${node.context.dragHandleClass}` : "formkit-repeater-drag-handle";
|
|
65
85
|
node.context.internalListClass = node.context.listClass ? `formkit-items ${node.context.listClass}` : "formkit-items";
|
|
66
86
|
node.context.internalListItemClass = node.context.listItemClass ? `formkit-item ${node.context.listItemClass}` : "formkit-item";
|
|
87
|
+
node.context.internalListId = `formkit-prime-repeater-${String(node.props.id || node.name || "list").replace(/[^\w-]/g, "-")}`;
|
|
88
|
+
node.context.getListItemClass = index => {
|
|
89
|
+
if (dragOverIndex === index && dragStartIndex !== index) return `${node.context?.internalListItemClass} formkit-repeater-drop-target`;
|
|
90
|
+
return node.context?.internalListItemClass?.toString() ?? "";
|
|
91
|
+
};
|
|
67
92
|
node.context.insertNode = parentNode => () => {
|
|
68
93
|
if (parentNode && Array.isArray(parentNode._value)) {
|
|
69
94
|
const newArray = [{
|
|
@@ -102,6 +127,45 @@ function addRepeaterHandler(node) {
|
|
|
102
127
|
if (index < parentNode.value.length - 1) parentNode.input(swapElements(parentNode.value, index, index + 1), false);
|
|
103
128
|
}
|
|
104
129
|
};
|
|
130
|
+
node.context.dragNodeStart = (_parentNode, index) => event => {
|
|
131
|
+
dragStartIndex = index;
|
|
132
|
+
if (event?.dataTransfer) {
|
|
133
|
+
event.dataTransfer.effectAllowed = "move";
|
|
134
|
+
event.dataTransfer.setData("text/plain", String(index));
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
node.context.dragNodeOver = targetIndex => event => {
|
|
138
|
+
event?.preventDefault();
|
|
139
|
+
dragOverIndex = targetIndex;
|
|
140
|
+
if (event?.dataTransfer) event.dataTransfer.dropEffect = "move";
|
|
141
|
+
};
|
|
142
|
+
node.context.dragNodeLeave = targetIndex => () => {
|
|
143
|
+
if (dragOverIndex === targetIndex) dragOverIndex = null;
|
|
144
|
+
};
|
|
145
|
+
node.context.dropNode = (parentNode, targetIndex) => event => {
|
|
146
|
+
event?.preventDefault();
|
|
147
|
+
if (!parentNode || !Array.isArray(parentNode._value)) {
|
|
148
|
+
dragOverIndex = null;
|
|
149
|
+
return;
|
|
150
|
+
}
|
|
151
|
+
const sourceFromEvent = Number.parseInt(event?.dataTransfer?.getData("text/plain") || "", 10);
|
|
152
|
+
const sourceIndex = Number.isInteger(sourceFromEvent) ? sourceFromEvent : dragStartIndex;
|
|
153
|
+
if (sourceIndex === null || sourceIndex === targetIndex) {
|
|
154
|
+
dragOverIndex = null;
|
|
155
|
+
return;
|
|
156
|
+
}
|
|
157
|
+
if (sourceIndex < 0 || sourceIndex >= parentNode.value.length) {
|
|
158
|
+
dragOverIndex = null;
|
|
159
|
+
return;
|
|
160
|
+
}
|
|
161
|
+
parentNode.input(swapElements(parentNode.value, sourceIndex, targetIndex), false);
|
|
162
|
+
dragStartIndex = null;
|
|
163
|
+
dragOverIndex = null;
|
|
164
|
+
};
|
|
165
|
+
node.context.dragNodeEnd = () => {
|
|
166
|
+
dragStartIndex = null;
|
|
167
|
+
dragOverIndex = null;
|
|
168
|
+
};
|
|
105
169
|
}
|
|
106
170
|
});
|
|
107
171
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createInput } from "@formkit/vue";
|
|
2
|
-
import { useFormKitSchema } from "../composables/
|
|
2
|
+
import { useFormKitSchema } from "../composables/index.mjs";
|
|
3
3
|
const { addList, addElement, addListGroup, addComponent } = useFormKitSchema();
|
|
4
4
|
function addButtonGroup(buttonGroupClass = "", buttonGroupItemClass = "", buttonSize, render = "true") {
|
|
5
5
|
const addActionButtonComponent = (onClick = "", icon = "", severity = "", render2 = "true", disabled = "false") => {
|
|
@@ -18,17 +18,37 @@ function addInsertButton(label = "Add Item", icon = "i-lucide-plus", styleClass
|
|
|
18
18
|
addComponent("Button", { onClick: "$insertNode($node)", label, icon, size: buttonSize, disabled: "$node.value.length > $maxItems -1" })
|
|
19
19
|
], { class: styleClass }, render);
|
|
20
20
|
}
|
|
21
|
+
function addDragHandle(handleClass = "", iconClass = "", render = "true") {
|
|
22
|
+
return addElement("span", [
|
|
23
|
+
addElement("i", [], { class: iconClass })
|
|
24
|
+
], {
|
|
25
|
+
"class": handleClass,
|
|
26
|
+
"aria-label": "Drag to reorder"
|
|
27
|
+
}, render);
|
|
28
|
+
}
|
|
21
29
|
export const primeRepeaterDefinition = createInput(
|
|
22
30
|
addElement("div", [
|
|
23
31
|
addList("$listName", [
|
|
24
32
|
addInsertButton("$insertButtonLabel", "pi pi-plus", "$insertButtonClass", "$insertButtonSize", "$node.children.length == 0 || $alwaysDisplayInsertButton"),
|
|
25
33
|
addListGroup([
|
|
26
|
-
addElement("div", [
|
|
34
|
+
addElement("div", [
|
|
35
|
+
addDragHandle("$internalDragHandleClass", "$dragHandleIconClass", "$renderDragHandle"),
|
|
36
|
+
{ children: "$slots.default" },
|
|
37
|
+
addButtonGroup("$buttonGroupClass", "$buttonGroupItemClass", "$buttonSize", "$renderButtons")
|
|
38
|
+
], {
|
|
39
|
+
class: "$getListItemClass($index)",
|
|
40
|
+
draggable: "$renderDragHandle",
|
|
41
|
+
onDragstart: "$dragNodeStart($node.parent, $index)",
|
|
42
|
+
onDragover: "$dragNodeOver($index)",
|
|
43
|
+
onDragleave: "$dragNodeLeave($index)",
|
|
44
|
+
onDrop: "$dropNode($node.parent, $index)",
|
|
45
|
+
onDragend: "$dragNodeEnd"
|
|
46
|
+
})
|
|
27
47
|
], true, {})
|
|
28
48
|
], true, "true")
|
|
29
|
-
], { class: "$internalListClass" }, true),
|
|
49
|
+
], { class: "$internalListClass", id: "$internalListId" }, true),
|
|
30
50
|
{
|
|
31
|
-
props: ["insertButtonLabel", "insertButtonClass", "insertButtonSize", "alwaysDisplayInsertButton", "newItem", "listClass", "listItemClass", "hideButtonGroup", "hideMoveButtons", "buttonGroupClass", "buttonGroupItemClass", "buttonSize", "displayCloneButton", "displayAddButton", "displayDeleteButton", "minItems", "maxItems"],
|
|
51
|
+
props: ["insertButtonLabel", "insertButtonClass", "insertButtonSize", "alwaysDisplayInsertButton", "newItem", "listClass", "listItemClass", "hideButtonGroup", "hideMoveButtons", "buttonGroupClass", "buttonGroupItemClass", "buttonSize", "displayCloneButton", "displayAddButton", "displayDeleteButton", "minItems", "maxItems", "displayDragHandle", "dragHandleClass", "dragHandleIconClass"],
|
|
32
52
|
features: [addRepeaterHandler]
|
|
33
53
|
}
|
|
34
54
|
);
|
|
@@ -39,14 +59,25 @@ function addRepeaterHandler(node) {
|
|
|
39
59
|
};
|
|
40
60
|
node.on("created", () => {
|
|
41
61
|
if (node.context) {
|
|
62
|
+
let dragStartIndex = null;
|
|
63
|
+
let dragOverIndex = null;
|
|
42
64
|
const newItem = node.context.newItem || {};
|
|
43
65
|
node.context.listName = node.name;
|
|
44
66
|
node.context.renderButtons = !node.context.hideButtonGroup;
|
|
45
67
|
node.context.insertButtonSize = node.context.insertButtonSize ? node.context.insertButtonSize : "";
|
|
46
68
|
node.context.buttonSize = node.context.buttonSize ? node.context.buttonSize : "";
|
|
47
69
|
node.context.renderMoveButtons = !node.context.hideMoveButtons;
|
|
70
|
+
node.context.renderDragHandle = !!node.context.displayDragHandle;
|
|
71
|
+
node.context.dragHandleIconClass = node.context.dragHandleIconClass || "pi pi-bars";
|
|
72
|
+
node.context.internalDragHandleClass = node.context.dragHandleClass ? `formkit-repeater-drag-handle ${node.context.dragHandleClass}` : "formkit-repeater-drag-handle";
|
|
48
73
|
node.context.internalListClass = node.context.listClass ? `formkit-items ${node.context.listClass}` : "formkit-items";
|
|
49
74
|
node.context.internalListItemClass = node.context.listItemClass ? `formkit-item ${node.context.listItemClass}` : "formkit-item";
|
|
75
|
+
node.context.internalListId = `formkit-prime-repeater-${String(node.props.id || node.name || "list").replace(/[^\w-]/g, "-")}`;
|
|
76
|
+
node.context.getListItemClass = (index) => {
|
|
77
|
+
if (dragOverIndex === index && dragStartIndex !== index)
|
|
78
|
+
return `${node.context?.internalListItemClass} formkit-repeater-drop-target`;
|
|
79
|
+
return node.context?.internalListItemClass?.toString() ?? "";
|
|
80
|
+
};
|
|
50
81
|
node.context.insertNode = (parentNode) => () => {
|
|
51
82
|
if (parentNode && Array.isArray(parentNode._value)) {
|
|
52
83
|
const newArray = [{ ...newItem }, ...parentNode.value];
|
|
@@ -85,6 +116,47 @@ function addRepeaterHandler(node) {
|
|
|
85
116
|
parentNode.input(swapElements(parentNode.value, index, index + 1), false);
|
|
86
117
|
}
|
|
87
118
|
};
|
|
119
|
+
node.context.dragNodeStart = (_parentNode, index) => (event) => {
|
|
120
|
+
dragStartIndex = index;
|
|
121
|
+
if (event?.dataTransfer) {
|
|
122
|
+
event.dataTransfer.effectAllowed = "move";
|
|
123
|
+
event.dataTransfer.setData("text/plain", String(index));
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
node.context.dragNodeOver = (targetIndex) => (event) => {
|
|
127
|
+
event?.preventDefault();
|
|
128
|
+
dragOverIndex = targetIndex;
|
|
129
|
+
if (event?.dataTransfer)
|
|
130
|
+
event.dataTransfer.dropEffect = "move";
|
|
131
|
+
};
|
|
132
|
+
node.context.dragNodeLeave = (targetIndex) => () => {
|
|
133
|
+
if (dragOverIndex === targetIndex)
|
|
134
|
+
dragOverIndex = null;
|
|
135
|
+
};
|
|
136
|
+
node.context.dropNode = (parentNode, targetIndex) => (event) => {
|
|
137
|
+
event?.preventDefault();
|
|
138
|
+
if (!parentNode || !Array.isArray(parentNode._value)) {
|
|
139
|
+
dragOverIndex = null;
|
|
140
|
+
return;
|
|
141
|
+
}
|
|
142
|
+
const sourceFromEvent = Number.parseInt(event?.dataTransfer?.getData("text/plain") || "", 10);
|
|
143
|
+
const sourceIndex = Number.isInteger(sourceFromEvent) ? sourceFromEvent : dragStartIndex;
|
|
144
|
+
if (sourceIndex === null || sourceIndex === targetIndex) {
|
|
145
|
+
dragOverIndex = null;
|
|
146
|
+
return;
|
|
147
|
+
}
|
|
148
|
+
if (sourceIndex < 0 || sourceIndex >= parentNode.value.length) {
|
|
149
|
+
dragOverIndex = null;
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
parentNode.input(swapElements(parentNode.value, sourceIndex, targetIndex), false);
|
|
153
|
+
dragStartIndex = null;
|
|
154
|
+
dragOverIndex = null;
|
|
155
|
+
};
|
|
156
|
+
node.context.dragNodeEnd = () => {
|
|
157
|
+
dragStartIndex = null;
|
|
158
|
+
dragOverIndex = null;
|
|
159
|
+
};
|
|
88
160
|
}
|
|
89
161
|
});
|
|
90
162
|
}
|
|
@@ -177,6 +177,27 @@ $grid-breakpoints: (
|
|
|
177
177
|
border-radius: 1rem;
|
|
178
178
|
padding: 0.2rem 0.5rem;
|
|
179
179
|
}
|
|
180
|
+
|
|
181
|
+
.formkit-repeater-drag-handle {
|
|
182
|
+
display: inline-flex;
|
|
183
|
+
align-items: center;
|
|
184
|
+
cursor: grab;
|
|
185
|
+
user-select: none;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.formkit-item[draggable="true"] {
|
|
189
|
+
cursor: grab;
|
|
190
|
+
|
|
191
|
+
&:active {
|
|
192
|
+
cursor: grabbing;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
&.formkit-repeater-drop-target {
|
|
196
|
+
outline: 1px dashed var(--p-primary-color, #3b82f6);
|
|
197
|
+
outline-offset: 2px;
|
|
198
|
+
background: color-mix(in srgb, var(--p-primary-color, #3b82f6) 12%, transparent);
|
|
199
|
+
}
|
|
200
|
+
}
|
|
180
201
|
}
|
|
181
202
|
|
|
182
203
|
// data view only
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--formkit-error-color: #ef9a9a}.formkit-form .formkit-messages{margin:.125rem 0;padding-top:.5rem;padding-left:.5rem}.formkit-form .formkit-message{list-style:none;padding:0;margin:0;color:var(--formkit-error-color);font-size:.8rem}.formkit-form .formkit-outer{padding-bottom:.8rem}.formkit-form .formkit-outer .formkit-messages{margin:.125rem 0;padding-top:.25rem;padding-left:0}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-formkit-icon{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor.p-colorpicker-preview{width:2rem}.formkit-form .formkit-outer .formkit-help{margin:.25rem 0 0 0;font-size:.8rem;color:var(--text-color-secondary)}.formkit-form .formkit-label{display:block;margin:0;padding-bottom:.5rem;font-weight:bold;font-size:.8rem}.formkit-form .p-formkit>*{margin-right:.5rem}.formkit-form .p-formkit>*:last-child,.formkit-form .p-formkit>*:only-child{margin-right:0}.formkit-form .p-formkit-options{display:flex;flex-wrap:wrap;gap:.5rem}.formkit-form .p-formkit-options .p-formkit-option{display:flex;align-items:center}.formkit-form .p-formkit-options .p-formkit-option label{margin-left:.5rem}.formkit-form .formkit-fieldset{margin:0;padding:0;border-radius:0;border:0}.formkit-form .formkit-fieldset:focus-within{border:0}.formkit-form .formkit-fieldset>.formkit-help{margin-top:0;margin-bottom:0}.formkit-form .formkit-legend{display:block;margin:0;padding:0}.formkit-form .formkit-actions{padding-top:.5rem;display:flex}.formkit-form .formkit-actions button{margin-right:.5rem}.formkit-form .p-action-buttons{margin-top:.25rem}.formkit-form .p-action-buttons .p-button{margin-right:.5rem}.formkit-form .p-action-buttons span .p-space{margin-right:3rem}.formkit-form .p-chip-item{align-items:center;background:var(--p-surface-500);color:var(--p-surface-0);border-radius:1rem;padding:.2rem .5rem}.p-formkit-data-view .formkit-outer{padding-bottom:.5rem}.p-formkit-data-view.form-horizontal{padding-bottom:.8rem}.p-formkit-data-view .formkit-help{padding-top:.25rem;margin:0}.p-formkit-data-view ul,.p-formkit-data-view ol{padding-inline-start:1rem;margin-block-start:0;margin-block-end:0}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper{display:flex;flex-wrap:wrap}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner{width:auto !important}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label{width:auto;order:2;padding:.125rem 0}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:after{content:""}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label+.formkit-inner{margin-left:0 !important;order:1;flex-basis:2rem;flex-grow:0;flex-shrink:0;overflow:hidden}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label+.formkit-inner:has(label){flex-grow:1;flex-basis:100%}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3),.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)~label{width:auto}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3){order:1}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)+div.p-checkbox{order:2;width:auto}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)~label{order:3}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner:first-child{margin-left:0 !important}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner:first-child .p-formkit{display:flex}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .p-checkbox:not(:only-child){width:2rem;overflow:hidden}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-help{width:auto !important}.p-formkit-transfer{display:flex;align-items:stretch;gap:1rem;width:100%;min-width:600px}.p-formkit-transfer-list-container{display:flex;flex-direction:column;flex:1;gap:.5rem;min-width:0}.p-formkit-transfer-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.p-formkit-data-debug pre,.p-formkit-data-debug span{font-size:.75rem;line-height:1rem}@media(min-width: 1024px){.formkit-form{display:flex;flex-wrap:wrap;margin-left:-0.5rem;margin-right:-0.5rem}.formkit-form>*{flex-shrink:0;width:100%;max-width:100%;padding-left:.5rem;padding-right:.5rem}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}}@media(min-width: 768px){.formkit-form.form-horizontal .formkit-wrapper{display:flex}.formkit-form.form-horizontal .formkit-wrapper label{display:inline-block;padding:0 .25rem 0 0;font-size:inherit}.formkit-form.form-horizontal .formkit-wrapper label:after{content:":"}}@media(min-width: 768px)and (min-width: 768px){.formkit-form.form-horizontal.form-horizontal-checkbox-indent .formkit-outer[data-type=primeCheckbox]{padding-left:33.3333333333%}}@media(min-width: 768px){.p-formkit-data-view .formkit-form.form-horizontal label{white-space:nowrap}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer{width:100%}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer label{width:33.3333333333%;padding-top:.25rem;line-height:normal}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer .formkit-inner{width:66.6666666667%}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner{margin-left:auto}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner .p-formkit{display:flex}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner label{width:auto;padding:0}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-help,.p-formkit-data-edit .formkit-form.form-horizontal .formkit-messages{width:66.6666666667%;margin-left:auto}}
|
|
1
|
+
:root{--formkit-error-color: #ef9a9a}.formkit-form .formkit-messages{margin:.125rem 0;padding-top:.5rem;padding-left:.5rem}.formkit-form .formkit-message{list-style:none;padding:0;margin:0;color:var(--formkit-error-color);font-size:.8rem}.formkit-form .formkit-outer{padding-bottom:.8rem}.formkit-form .formkit-outer .formkit-messages{margin:.125rem 0;padding-top:.25rem;padding-left:0}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-formkit-icon{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor.p-colorpicker-preview{width:2rem}.formkit-form .formkit-outer .formkit-help{margin:.25rem 0 0 0;font-size:.8rem;color:var(--text-color-secondary)}.formkit-form .formkit-label{display:block;margin:0;padding-bottom:.5rem;font-weight:bold;font-size:.8rem}.formkit-form .p-formkit>*{margin-right:.5rem}.formkit-form .p-formkit>*:last-child,.formkit-form .p-formkit>*:only-child{margin-right:0}.formkit-form .p-formkit-options{display:flex;flex-wrap:wrap;gap:.5rem}.formkit-form .p-formkit-options .p-formkit-option{display:flex;align-items:center}.formkit-form .p-formkit-options .p-formkit-option label{margin-left:.5rem}.formkit-form .formkit-fieldset{margin:0;padding:0;border-radius:0;border:0}.formkit-form .formkit-fieldset:focus-within{border:0}.formkit-form .formkit-fieldset>.formkit-help{margin-top:0;margin-bottom:0}.formkit-form .formkit-legend{display:block;margin:0;padding:0}.formkit-form .formkit-actions{padding-top:.5rem;display:flex}.formkit-form .formkit-actions button{margin-right:.5rem}.formkit-form .p-action-buttons{margin-top:.25rem}.formkit-form .p-action-buttons .p-button{margin-right:.5rem}.formkit-form .p-action-buttons span .p-space{margin-right:3rem}.formkit-form .p-chip-item{align-items:center;background:var(--p-surface-500);color:var(--p-surface-0);border-radius:1rem;padding:.2rem .5rem}.formkit-form .formkit-repeater-drag-handle{display:inline-flex;align-items:center;cursor:grab;user-select:none}.formkit-form .formkit-item[draggable=true]{cursor:grab}.formkit-form .formkit-item[draggable=true]:active{cursor:grabbing}.formkit-form .formkit-item[draggable=true].formkit-repeater-drop-target{outline:1px dashed var(--p-primary-color, #3b82f6);outline-offset:2px;background:color-mix(in srgb, var(--p-primary-color, #3b82f6) 12%, transparent)}.p-formkit-data-view .formkit-outer{padding-bottom:.5rem}.p-formkit-data-view.form-horizontal{padding-bottom:.8rem}.p-formkit-data-view .formkit-help{padding-top:.25rem;margin:0}.p-formkit-data-view ul,.p-formkit-data-view ol{padding-inline-start:1rem;margin-block-start:0;margin-block-end:0}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper{display:flex;flex-wrap:wrap}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner{width:auto !important}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label{width:auto;order:2;padding:.125rem 0}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:after{content:""}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label+.formkit-inner{margin-left:0 !important;order:1;flex-basis:2rem;flex-grow:0;flex-shrink:0;overflow:hidden}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label+.formkit-inner:has(label){flex-grow:1;flex-basis:100%}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3),.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)~label{width:auto}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3){order:1}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)+div.p-checkbox{order:2;width:auto}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)~label{order:3}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner:first-child{margin-left:0 !important}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .formkit-inner:first-child .p-formkit{display:flex}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-wrapper .p-checkbox:not(:only-child){width:2rem;overflow:hidden}.p-formkit-data-edit .formkit-outer[data-type=primeCheckbox] .formkit-help{width:auto !important}.p-formkit-transfer{display:flex;align-items:stretch;gap:1rem;width:100%;min-width:600px}.p-formkit-transfer-list-container{display:flex;flex-direction:column;flex:1;gap:.5rem;min-width:0}.p-formkit-transfer-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.p-formkit-data-debug pre,.p-formkit-data-debug span{font-size:.75rem;line-height:1rem}@media(min-width: 1024px){.formkit-form{display:flex;flex-wrap:wrap;margin-left:-0.5rem;margin-right:-0.5rem}.formkit-form>*{flex-shrink:0;width:100%;max-width:100%;padding-left:.5rem;padding-right:.5rem}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}}@media(min-width: 768px){.formkit-form.form-horizontal .formkit-wrapper{display:flex}.formkit-form.form-horizontal .formkit-wrapper label{display:inline-block;padding:0 .25rem 0 0;font-size:inherit}.formkit-form.form-horizontal .formkit-wrapper label:after{content:":"}}@media(min-width: 768px)and (min-width: 768px){.formkit-form.form-horizontal.form-horizontal-checkbox-indent .formkit-outer[data-type=primeCheckbox]{padding-left:33.3333333333%}}@media(min-width: 768px){.p-formkit-data-view .formkit-form.form-horizontal label{white-space:nowrap}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer{width:100%}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer label{width:33.3333333333%;padding-top:.25rem;line-height:normal}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer .formkit-inner{width:66.6666666667%}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner{margin-left:auto}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner .p-formkit{display:flex}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=primeCheckbox] .formkit-inner label{width:auto;padding:0}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-help,.p-formkit-data-edit .formkit-form.form-horizontal .formkit-messages{width:66.6666666667%;margin-left:auto}}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sfxcode/formkit-primevue",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "4.2.
|
|
4
|
+
"version": "4.2.1",
|
|
5
5
|
"packageManager": "pnpm@11.0.9+sha512.34ce82e6780233cf9cad8685029a8f81d2e06196c5a9bad98879f7424940c6817c4e4524fb7d38b8553ceed48b9758b8ebaf1abd3600c232c4c8cf7366086f38",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Tom",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"dev": "vite serve dev",
|
|
80
80
|
"dev:build": "vite build dev",
|
|
81
81
|
"dev:preview": "vite preview dev",
|
|
82
|
-
"release": "npm run lint && npm run build && changelogen --
|
|
82
|
+
"release": "npm run lint && npm run build && changelogen --patch --release && npm publish --access public && git push --follow-tags",
|
|
83
83
|
"lint": "eslint .",
|
|
84
84
|
"lint:fix": "eslint . --fix",
|
|
85
85
|
"prepublishOnly": "pnpm build",
|
|
@@ -107,7 +107,6 @@
|
|
|
107
107
|
},
|
|
108
108
|
"devDependencies": {
|
|
109
109
|
"@antfu/eslint-config": "^9.0.0",
|
|
110
|
-
"@formkit/drag-and-drop": "^0.5.3",
|
|
111
110
|
"@primeuix/themes": "^2.0.3",
|
|
112
111
|
"@types/node": "^25.9.1",
|
|
113
112
|
"@unocss/preset-icons": "66.7.0",
|