@sfxcode/formkit-primevue 2.9.9 → 3.0.0
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/components/index.d.ts +1 -2
- package/dist/components/index.js +0 -7
- package/dist/components/index.mjs +0 -2
- package/dist/definitions/index.d.ts +0 -2
- package/dist/definitions/index.js +2 -4
- package/dist/definitions/index.mjs +2 -5
- package/dist/definitions/input.d.ts +0 -2
- package/dist/definitions/input.js +1 -6
- package/dist/definitions/input.mjs +0 -5
- package/dist/index.d.ts +0 -3
- package/package.json +14 -15
- package/dist/components/PrimeEditor.vue +0 -56
|
@@ -6,7 +6,6 @@ import PrimeCascadeSelect from './PrimeCascadeSelect.vue';
|
|
|
6
6
|
import PrimeCheckbox from './PrimeCheckbox.vue';
|
|
7
7
|
import PrimeColorPicker from './PrimeColorPicker.vue';
|
|
8
8
|
import PrimeDatePicker from './PrimeDatePicker.vue';
|
|
9
|
-
import PrimeEditor from './PrimeEditor.vue';
|
|
10
9
|
import PrimeInputMask from './PrimeInputMask.vue';
|
|
11
10
|
import PrimeInputNumber from './PrimeInputNumber.vue';
|
|
12
11
|
import PrimeInputText from './PrimeInputText.vue';
|
|
@@ -23,4 +22,4 @@ import PrimeTextarea from './PrimeTextarea.vue';
|
|
|
23
22
|
import PrimeToggleButton from './PrimeToggleButton.vue';
|
|
24
23
|
import PrimeInputSwitch from './PrimeToggleSwitch.vue';
|
|
25
24
|
import PrimeTreeSelect from './PrimeTreeSelect.vue';
|
|
26
|
-
export { FormKitDataDebug, FormKitDataEdit, FormKitDataView, PrimeAutoComplete, PrimeCascadeSelect, PrimeCheckbox, PrimeColorPicker, PrimeDatePicker,
|
|
25
|
+
export { FormKitDataDebug, FormKitDataEdit, FormKitDataView, PrimeAutoComplete, PrimeCascadeSelect, PrimeCheckbox, PrimeColorPicker, PrimeDatePicker, PrimeInputMask, PrimeInputNumber, PrimeInputSwitch, PrimeInputText, PrimeKnob, PrimeListbox, PrimeMultiSelect, PrimePassword, PrimeRadioButton, PrimeRating, PrimeSelect, PrimeSelectButton, PrimeSlider, PrimeTextarea, PrimeToggleButton, PrimeTreeSelect, };
|
package/dist/components/index.js
CHANGED
|
@@ -51,12 +51,6 @@ Object.defineProperty(exports, "PrimeDatePicker", {
|
|
|
51
51
|
return _PrimeDatePicker.default;
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
|
-
Object.defineProperty(exports, "PrimeEditor", {
|
|
55
|
-
enumerable: true,
|
|
56
|
-
get: function () {
|
|
57
|
-
return _PrimeEditor.default;
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
54
|
Object.defineProperty(exports, "PrimeInputMask", {
|
|
61
55
|
enumerable: true,
|
|
62
56
|
get: function () {
|
|
@@ -161,7 +155,6 @@ var _PrimeCascadeSelect = _interopRequireDefault(require("./PrimeCascadeSelect.v
|
|
|
161
155
|
var _PrimeCheckbox = _interopRequireDefault(require("./PrimeCheckbox.vue"));
|
|
162
156
|
var _PrimeColorPicker = _interopRequireDefault(require("./PrimeColorPicker.vue"));
|
|
163
157
|
var _PrimeDatePicker = _interopRequireDefault(require("./PrimeDatePicker.vue"));
|
|
164
|
-
var _PrimeEditor = _interopRequireDefault(require("./PrimeEditor.vue"));
|
|
165
158
|
var _PrimeInputMask = _interopRequireDefault(require("./PrimeInputMask.vue"));
|
|
166
159
|
var _PrimeInputNumber = _interopRequireDefault(require("./PrimeInputNumber.vue"));
|
|
167
160
|
var _PrimeInputText = _interopRequireDefault(require("./PrimeInputText.vue"));
|
|
@@ -6,7 +6,6 @@ import PrimeCascadeSelect from "./PrimeCascadeSelect.vue";
|
|
|
6
6
|
import PrimeCheckbox from "./PrimeCheckbox.vue";
|
|
7
7
|
import PrimeColorPicker from "./PrimeColorPicker.vue";
|
|
8
8
|
import PrimeDatePicker from "./PrimeDatePicker.vue";
|
|
9
|
-
import PrimeEditor from "./PrimeEditor.vue";
|
|
10
9
|
import PrimeInputMask from "./PrimeInputMask.vue";
|
|
11
10
|
import PrimeInputNumber from "./PrimeInputNumber.vue";
|
|
12
11
|
import PrimeInputText from "./PrimeInputText.vue";
|
|
@@ -32,7 +31,6 @@ export {
|
|
|
32
31
|
PrimeCheckbox,
|
|
33
32
|
PrimeColorPicker,
|
|
34
33
|
PrimeDatePicker,
|
|
35
|
-
PrimeEditor,
|
|
36
34
|
PrimeInputMask,
|
|
37
35
|
PrimeInputNumber,
|
|
38
36
|
PrimeInputSwitch,
|
|
@@ -21,7 +21,6 @@ export declare const primeInputs: {
|
|
|
21
21
|
primeCascadeSelect: import("@formkit/core").FormKitTypeDefinition;
|
|
22
22
|
primeTreeSelect: import("@formkit/core").FormKitTypeDefinition;
|
|
23
23
|
primeInputOtp: import("@formkit/core").FormKitTypeDefinition;
|
|
24
|
-
primeEditor: import("@formkit/core").FormKitTypeDefinition;
|
|
25
24
|
};
|
|
26
25
|
export declare const primeOutputs: {
|
|
27
26
|
primeOutputText: import("@formkit/core").FormKitTypeDefinition;
|
|
@@ -32,5 +31,4 @@ export declare const primeOutputs: {
|
|
|
32
31
|
primeOutputBoolean: import("@formkit/core").FormKitTypeDefinition;
|
|
33
32
|
primeOutputDuration: import("@formkit/core").FormKitTypeDefinition;
|
|
34
33
|
primeOutputList: import("@formkit/core").FormKitTypeDefinition;
|
|
35
|
-
primeEditor: import("@formkit/core").FormKitTypeDefinition;
|
|
36
34
|
};
|
|
@@ -28,8 +28,7 @@ const primeInputs = exports.primeInputs = {
|
|
|
28
28
|
primeSelectButton: _input.primeSelectButtonDefinition,
|
|
29
29
|
primeCascadeSelect: _input.primeCascadeSelectDefinition,
|
|
30
30
|
primeTreeSelect: _input.primeTreeSelectDefinition,
|
|
31
|
-
primeInputOtp: _input.primeInputOtpDefinition
|
|
32
|
-
primeEditor: _input.primeEditorDefinition
|
|
31
|
+
primeInputOtp: _input.primeInputOtpDefinition
|
|
33
32
|
};
|
|
34
33
|
const primeOutputs = exports.primeOutputs = {
|
|
35
34
|
primeOutputText: _output.primeOutputTextDefinition,
|
|
@@ -39,6 +38,5 @@ const primeOutputs = exports.primeOutputs = {
|
|
|
39
38
|
primeOutputDate: _output.primeOutputDateDefinition,
|
|
40
39
|
primeOutputBoolean: _output.primeOutputBooleanDefinition,
|
|
41
40
|
primeOutputDuration: _output.primeOutputDurationDefinition,
|
|
42
|
-
primeOutputList: _output.primeOutputListDefinition
|
|
43
|
-
primeEditor: _input.primeEditorDefinition
|
|
41
|
+
primeOutputList: _output.primeOutputListDefinition
|
|
44
42
|
};
|
|
@@ -4,7 +4,6 @@ import {
|
|
|
4
4
|
primeCheckboxDefinition,
|
|
5
5
|
primeColorPickerDefinition,
|
|
6
6
|
primeDatePickerDefinition,
|
|
7
|
-
primeEditorDefinition,
|
|
8
7
|
primeInputMaskDefinition,
|
|
9
8
|
primeInputNumberDefinition,
|
|
10
9
|
primeInputOtpDefinition,
|
|
@@ -55,8 +54,7 @@ export const primeInputs = {
|
|
|
55
54
|
primeSelectButton: primeSelectButtonDefinition,
|
|
56
55
|
primeCascadeSelect: primeCascadeSelectDefinition,
|
|
57
56
|
primeTreeSelect: primeTreeSelectDefinition,
|
|
58
|
-
primeInputOtp: primeInputOtpDefinition
|
|
59
|
-
primeEditor: primeEditorDefinition
|
|
57
|
+
primeInputOtp: primeInputOtpDefinition
|
|
60
58
|
};
|
|
61
59
|
export const primeOutputs = {
|
|
62
60
|
primeOutputText: primeOutputTextDefinition,
|
|
@@ -66,6 +64,5 @@ export const primeOutputs = {
|
|
|
66
64
|
primeOutputDate: primeOutputDateDefinition,
|
|
67
65
|
primeOutputBoolean: primeOutputBooleanDefinition,
|
|
68
66
|
primeOutputDuration: primeOutputDurationDefinition,
|
|
69
|
-
primeOutputList: primeOutputListDefinition
|
|
70
|
-
primeEditor: primeEditorDefinition
|
|
67
|
+
primeOutputList: primeOutputListDefinition
|
|
71
68
|
};
|
|
@@ -8,7 +8,6 @@ export declare const primeTextareaDefinition: FormKitTypeDefinition;
|
|
|
8
8
|
export declare const primeCheckboxDefinition: FormKitTypeDefinition;
|
|
9
9
|
export declare const primeToggleSwitchDefinition: FormKitTypeDefinition;
|
|
10
10
|
export declare const primeInputOtpDefinition: FormKitTypeDefinition;
|
|
11
|
-
export declare const primeEditorDefinition: FormKitTypeDefinition;
|
|
12
11
|
export declare const primeSelectDefinition: FormKitTypeDefinition;
|
|
13
12
|
export declare const primeMultiSelectDefinition: FormKitTypeDefinition;
|
|
14
13
|
export declare const primeListboxDefinition: FormKitTypeDefinition;
|
|
@@ -31,7 +30,6 @@ export declare const primeInputs: {
|
|
|
31
30
|
primeCheckbox: FormKitTypeDefinition;
|
|
32
31
|
primeToggleSwitch: FormKitTypeDefinition;
|
|
33
32
|
primeTextarea: FormKitTypeDefinition;
|
|
34
|
-
primeEditor: FormKitTypeDefinition;
|
|
35
33
|
primeSelect: FormKitTypeDefinition;
|
|
36
34
|
primeMultiSelect: FormKitTypeDefinition;
|
|
37
35
|
primeDatePicker: FormKitTypeDefinition;
|
|
@@ -3,14 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.primeTreeSelectDefinition = exports.primeToggleSwitchDefinition = exports.primeToggleButtonDefinition = exports.primeTextareaDefinition = exports.primeSliderDefinition = exports.primeSelectDefinition = exports.primeSelectButtonDefinition = exports.primeRatingDefinition = exports.primeRadioButtonDefinition = exports.primePasswordDefinition = exports.primeMultiSelectDefinition = exports.primeListboxDefinition = exports.primeKnobDefinition = exports.primeInputs = exports.primeInputTextDefinition = exports.primeInputOtpDefinition = exports.primeInputNumberDefinition = exports.primeInputMaskDefinition = exports.
|
|
6
|
+
exports.primeTreeSelectDefinition = exports.primeToggleSwitchDefinition = exports.primeToggleButtonDefinition = exports.primeTextareaDefinition = exports.primeSliderDefinition = exports.primeSelectDefinition = exports.primeSelectButtonDefinition = exports.primeRatingDefinition = exports.primeRadioButtonDefinition = exports.primePasswordDefinition = exports.primeMultiSelectDefinition = exports.primeListboxDefinition = exports.primeKnobDefinition = exports.primeInputs = exports.primeInputTextDefinition = exports.primeInputOtpDefinition = exports.primeInputNumberDefinition = exports.primeInputMaskDefinition = exports.primeDatePickerDefinition = exports.primeColorPickerDefinition = exports.primeCheckboxDefinition = exports.primeCascadeSelectDefinition = exports.primeAutoCompleteDefinition = void 0;
|
|
7
7
|
var _vue = require("@formkit/vue");
|
|
8
8
|
var _PrimeAutoComplete = _interopRequireDefault(require("../components/PrimeAutoComplete.vue"));
|
|
9
9
|
var _PrimeCascadeSelect = _interopRequireDefault(require("../components/PrimeCascadeSelect.vue"));
|
|
10
10
|
var _PrimeCheckbox = _interopRequireDefault(require("../components/PrimeCheckbox.vue"));
|
|
11
11
|
var _PrimeColorPicker = _interopRequireDefault(require("../components/PrimeColorPicker.vue"));
|
|
12
12
|
var _PrimeDatePicker = _interopRequireDefault(require("../components/PrimeDatePicker.vue"));
|
|
13
|
-
var _PrimeEditor = _interopRequireDefault(require("../components/PrimeEditor.vue"));
|
|
14
13
|
var _PrimeInputMask = _interopRequireDefault(require("../components/PrimeInputMask.vue"));
|
|
15
14
|
var _PrimeInputNumber = _interopRequireDefault(require("../components/PrimeInputNumber.vue"));
|
|
16
15
|
var _PrimeInputOtp = _interopRequireDefault(require("../components/PrimeInputOtp.vue"));
|
|
@@ -56,9 +55,6 @@ const primeToggleSwitchDefinition = exports.primeToggleSwitchDefinition = (0, _v
|
|
|
56
55
|
const primeInputOtpDefinition = exports.primeInputOtpDefinition = (0, _vue.createInput)(_PrimeInputOtp.default, {
|
|
57
56
|
props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled", "size"]
|
|
58
57
|
});
|
|
59
|
-
const primeEditorDefinition = exports.primeEditorDefinition = (0, _vue.createInput)(_PrimeEditor.default, {
|
|
60
|
-
props: ["placeholder", "formats", "modules", "pt", "ptOptions", "unstyled"]
|
|
61
|
-
});
|
|
62
58
|
const primeSelectDefinition = exports.primeSelectDefinition = (0, _vue.createInput)(_PrimeSelect.default, {
|
|
63
59
|
props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled", "size"]
|
|
64
60
|
});
|
|
@@ -107,7 +103,6 @@ const primeInputs = exports.primeInputs = {
|
|
|
107
103
|
primeCheckbox: primeCheckboxDefinition,
|
|
108
104
|
primeToggleSwitch: primeToggleSwitchDefinition,
|
|
109
105
|
primeTextarea: primeTextareaDefinition,
|
|
110
|
-
primeEditor: primeEditorDefinition,
|
|
111
106
|
primeSelect: primeSelectDefinition,
|
|
112
107
|
primeMultiSelect: primeMultiSelectDefinition,
|
|
113
108
|
primeDatePicker: primeDatePickerDefinition,
|
|
@@ -4,7 +4,6 @@ import PrimeCascadeSelect from "../components/PrimeCascadeSelect.vue";
|
|
|
4
4
|
import PrimeCheckbox from "../components/PrimeCheckbox.vue";
|
|
5
5
|
import PrimeColorPicker from "../components/PrimeColorPicker.vue";
|
|
6
6
|
import PrimeDatePicker from "../components/PrimeDatePicker.vue";
|
|
7
|
-
import PrimeEditor from "../components/PrimeEditor.vue";
|
|
8
7
|
import PrimeInputMask from "../components/PrimeInputMask.vue";
|
|
9
8
|
import PrimeInputNumber from "../components/PrimeInputNumber.vue";
|
|
10
9
|
import PrimeInputOtp from "../components/PrimeInputOtp.vue";
|
|
@@ -49,9 +48,6 @@ export const primeToggleSwitchDefinition = createInput(PrimeToggleSwitch, {
|
|
|
49
48
|
export const primeInputOtpDefinition = createInput(PrimeInputOtp, {
|
|
50
49
|
props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled", "size"]
|
|
51
50
|
});
|
|
52
|
-
export const primeEditorDefinition = createInput(PrimeEditor, {
|
|
53
|
-
props: ["placeholder", "formats", "modules", "pt", "ptOptions", "unstyled"]
|
|
54
|
-
});
|
|
55
51
|
export const primeSelectDefinition = createInput(PrimeSelect, {
|
|
56
52
|
props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled", "size"]
|
|
57
53
|
});
|
|
@@ -100,7 +96,6 @@ export const primeInputs = {
|
|
|
100
96
|
primeCheckbox: primeCheckboxDefinition,
|
|
101
97
|
primeToggleSwitch: primeToggleSwitchDefinition,
|
|
102
98
|
primeTextarea: primeTextareaDefinition,
|
|
103
|
-
primeEditor: primeEditorDefinition,
|
|
104
99
|
primeSelect: primeSelectDefinition,
|
|
105
100
|
primeMultiSelect: primeMultiSelectDefinition,
|
|
106
101
|
primeDatePicker: primeDatePickerDefinition,
|
package/dist/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sfxcode/formkit-primevue",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "3.0.0",
|
|
5
5
|
"packageManager": "pnpm@10.13.1+sha512.37ebf1a5c7a30d5fabe0c5df44ee8da4c965ca0c5af3dbab28c3a1681b70a256218d05c81c9c0dcf767ef6b8551eb5b960042b9ed4300c59242336377e01cfad",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "Tom",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"dev": "vite serve dev",
|
|
73
73
|
"dev:build": "vite build dev",
|
|
74
74
|
"dev:preview": "vite preview dev",
|
|
75
|
-
"release": "npm run lint && npm run build && changelogen --
|
|
75
|
+
"release": "npm run lint && npm run build && changelogen --major --release && npm publish --access public && git push --follow-tags",
|
|
76
76
|
"lint": "eslint .",
|
|
77
77
|
"lint:fix": "eslint . --fix",
|
|
78
78
|
"prepublishOnly": "pnpm build",
|
|
@@ -91,25 +91,25 @@
|
|
|
91
91
|
"@formkit/i18n": "^1.6.9",
|
|
92
92
|
"@formkit/inputs": "^1.6.9",
|
|
93
93
|
"@formkit/vue": "^1.6.9",
|
|
94
|
-
"@intlify/core": "^11.1.
|
|
94
|
+
"@intlify/core": "^11.1.11",
|
|
95
95
|
"primeicons": "^7.0.0",
|
|
96
96
|
"primevue": "^4.3.6",
|
|
97
|
-
"vue-i18n": "^11.1.
|
|
97
|
+
"vue-i18n": "^11.1.11"
|
|
98
98
|
},
|
|
99
99
|
"devDependencies": {
|
|
100
|
-
"@antfu/eslint-config": "^
|
|
100
|
+
"@antfu/eslint-config": "^5.0.0",
|
|
101
101
|
"@formkit/core": "^1.6.9",
|
|
102
102
|
"@formkit/drag-and-drop": "^0.5.3",
|
|
103
103
|
"@primeuix/themes": "^1.2.1",
|
|
104
|
-
"@types/node": "^24.0
|
|
104
|
+
"@types/node": "^24.1.0",
|
|
105
105
|
"@types/uuid": "^10.0.0",
|
|
106
106
|
"@unocss/preset-icons": "66.3.3",
|
|
107
107
|
"@unocss/preset-uno": "66.3.3",
|
|
108
108
|
"@vitejs/plugin-vue": "^6.0.0",
|
|
109
109
|
"@vitest/coverage-v8": "^3.2.4",
|
|
110
110
|
"@vitest/ui": "^3.2.4",
|
|
111
|
-
"@vue/compiler-sfc": "^3.5.
|
|
112
|
-
"@vue/server-renderer": "^3.5.
|
|
111
|
+
"@vue/compiler-sfc": "^3.5.18",
|
|
112
|
+
"@vue/server-renderer": "^3.5.18",
|
|
113
113
|
"@vue/test-utils": "^2.4.6",
|
|
114
114
|
"@vue/tsconfig": "^0.7.0",
|
|
115
115
|
"@vueuse/core": "^13.5.0",
|
|
@@ -118,29 +118,28 @@
|
|
|
118
118
|
"chart.js": "^4.5.0",
|
|
119
119
|
"consola": "^3.4.2",
|
|
120
120
|
"cookie": "^1.0.2",
|
|
121
|
-
"esbuild": "^0.25.
|
|
122
|
-
"eslint": "^9.
|
|
121
|
+
"esbuild": "^0.25.8",
|
|
122
|
+
"eslint": "^9.32.0",
|
|
123
123
|
"happy-dom": "^18.0.1",
|
|
124
124
|
"json-editor-vue": "^0.18.1",
|
|
125
125
|
"mkdist": "^2.3.0",
|
|
126
|
-
"quill": "1.3.7",
|
|
127
126
|
"sass": "^1.89.2",
|
|
128
127
|
"tslib": "^2.8.1",
|
|
129
128
|
"typescript": "^5.8.3",
|
|
130
|
-
"unbuild": "^3.
|
|
129
|
+
"unbuild": "^3.6.0",
|
|
131
130
|
"unocss": "66.3.3",
|
|
132
131
|
"unplugin-auto-import": "^19.3.0",
|
|
133
132
|
"unplugin-vue-components": "^28.8.0",
|
|
134
|
-
"vite": "^7.0.
|
|
133
|
+
"vite": "^7.0.6",
|
|
135
134
|
"vite-plugin-dts": "^4.5.4",
|
|
136
135
|
"vite-plugin-eslint": "^1.8.1",
|
|
137
136
|
"vite-plugin-pages": "^0.33.1",
|
|
138
137
|
"vite-ssg": "^28.0.0",
|
|
139
138
|
"vitepress": "^1.6.3",
|
|
140
139
|
"vitest": "^3.2.4",
|
|
141
|
-
"vue": "^3.5.
|
|
140
|
+
"vue": "^3.5.18",
|
|
142
141
|
"vue-demi": "^0.14.10",
|
|
143
142
|
"vue-router": "^4.5.1",
|
|
144
|
-
"vue-tsc": "^3.0.
|
|
143
|
+
"vue-tsc": "^3.0.4"
|
|
145
144
|
}
|
|
146
145
|
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { FormKitFrameworkContext } from '@formkit/core'
|
|
3
|
-
import type { EditorProps, EditorSelectionChangeEvent } from 'primevue/editor'
|
|
4
|
-
|
|
5
|
-
import type { PropType } from 'vue'
|
|
6
|
-
import { useFormKitInput } from '../composables'
|
|
7
|
-
|
|
8
|
-
export interface FormKitPrimeEditorProps {
|
|
9
|
-
placeholder?: EditorProps['placeholder']
|
|
10
|
-
formats?: EditorProps['formats']
|
|
11
|
-
modules?: EditorProps['modules']
|
|
12
|
-
pt?: EditorProps['pt']
|
|
13
|
-
ptOptions?: EditorProps['ptOptions']
|
|
14
|
-
unstyled?: EditorProps['unstyled']
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
const props = defineProps({
|
|
18
|
-
context: {
|
|
19
|
-
type: Object as PropType<FormKitFrameworkContext & FormKitPrimeEditorProps>,
|
|
20
|
-
required: true,
|
|
21
|
-
},
|
|
22
|
-
})
|
|
23
|
-
|
|
24
|
-
const { unstyled, isInvalid, handleInput } = useFormKitInput(props.context)
|
|
25
|
-
|
|
26
|
-
function handleSelection(e: EditorSelectionChangeEvent) {
|
|
27
|
-
if (e.range === null)
|
|
28
|
-
props.context?.node.input(props.context?._value)
|
|
29
|
-
}
|
|
30
|
-
</script>
|
|
31
|
-
|
|
32
|
-
<template>
|
|
33
|
-
<div class="p-formkit">
|
|
34
|
-
<Editor
|
|
35
|
-
:id="context.id"
|
|
36
|
-
v-model="context._value"
|
|
37
|
-
v-bind="context?.attrs"
|
|
38
|
-
:disabled="!!context?.disabled"
|
|
39
|
-
:readonly="context?.attrs.readonly ?? false"
|
|
40
|
-
:editor-style="context?.attrs.style"
|
|
41
|
-
:class="context?.attrs?.class"
|
|
42
|
-
:invalid="isInvalid"
|
|
43
|
-
:tabindex="context?.attrs.tabindex"
|
|
44
|
-
:aria-label="context?.attrs.ariaLabel"
|
|
45
|
-
:aria-labelledby="context?.attrs.ariaLabelledby"
|
|
46
|
-
:placeholder="context.placeholder"
|
|
47
|
-
:formats="context.formats"
|
|
48
|
-
:modules="context.modules"
|
|
49
|
-
:pt="context.pt"
|
|
50
|
-
:pt-options="context.ptOptions"
|
|
51
|
-
:unstyled="unstyled"
|
|
52
|
-
@text-change="handleInput"
|
|
53
|
-
@selection-change="handleSelection"
|
|
54
|
-
/>
|
|
55
|
-
</div>
|
|
56
|
-
</template>
|