@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.
@@ -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, PrimeEditor, PrimeInputMask, PrimeInputNumber, PrimeInputSwitch, PrimeInputText, PrimeKnob, PrimeListbox, PrimeMultiSelect, PrimePassword, PrimeRadioButton, PrimeRating, PrimeSelect, PrimeSelectButton, PrimeSlider, PrimeTextarea, PrimeToggleButton, PrimeTreeSelect, };
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, };
@@ -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.primeEditorDefinition = exports.primeDatePickerDefinition = exports.primeColorPickerDefinition = exports.primeCheckboxDefinition = exports.primeCascadeSelectDefinition = exports.primeAutoCompleteDefinition = void 0;
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
@@ -35,9 +35,6 @@ declare module '@formkit/inputs' {
35
35
  primeTextarea: {
36
36
  type: 'primeTextarea';
37
37
  };
38
- primeEditor: {
39
- type: 'primeEditor';
40
- };
41
38
  primeSelect: {
42
39
  type: 'primeSelect';
43
40
  options?: SelectProps['options'];
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sfxcode/formkit-primevue",
3
3
  "type": "module",
4
- "version": "2.9.9",
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 --patch --release && npm publish --access public && git push --follow-tags",
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.9",
94
+ "@intlify/core": "^11.1.11",
95
95
  "primeicons": "^7.0.0",
96
96
  "primevue": "^4.3.6",
97
- "vue-i18n": "^11.1.9"
97
+ "vue-i18n": "^11.1.11"
98
98
  },
99
99
  "devDependencies": {
100
- "@antfu/eslint-config": "^4.16.2",
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.13",
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.17",
112
- "@vue/server-renderer": "^3.5.17",
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.6",
122
- "eslint": "^9.31.0",
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.5.0",
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.4",
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.17",
140
+ "vue": "^3.5.18",
142
141
  "vue-demi": "^0.14.10",
143
142
  "vue-router": "^4.5.1",
144
- "vue-tsc": "^3.0.1"
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>