@sfxcode/formkit-primevue 3.2.9 → 3.2.10

package/dist/components/PrimeOutputText.d.vue.ts

@@ -5,6 +5,7 @@ export interface FormKitOutputTextProps {
     html?: boolean;
     isTranslationKey?: boolean;
     convertValue?: (value: string) => string;
+    maxLength?: number;
 }
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     context: {

package/dist/components/PrimeOutputText.vue

@@ -13,6 +13,7 @@ export interface FormKitOutputTextProps {
   html?: boolean
   isTranslationKey?: boolean
   convertValue?: (value: string) => string
+  maxLength?: number
 }
 
 const props = defineProps({
@@ -25,20 +26,35 @@ const props = defineProps({
 const textValue = computed(() => {
   const value = props.context?._value
   const { t } = useI18n()
+  let result = ''
   if (value) {
     if (props.context?.isTranslationKey) {
-      return t(value)
+      result = t(value)
     }
     else if (typeof props.context?.convertValue === 'function') {
-      return props.context?.convertValue(value)
+      result = props.context?.convertValue(value)
     }
     else {
-      return value
+      result = value
     }
   }
-  else {
-    return ''
+
+  // Apply maxLength truncation if specified
+  const maxLength = props.context?.maxLength as number | undefined
+  if (result && maxLength && !props.context?.html && result.length > maxLength) {
+    // Try to truncate at word boundary
+    let truncated = result.substring(0, maxLength)
+    const lastSpaceIndex = truncated.lastIndexOf(' ')
+
+    // Only truncate at word boundary if there's a space, and it's not too far back
+    // (at least 80% of maxLength to avoid cutting too much)
+    if (lastSpaceIndex > maxLength * 0.8) {
+      truncated = truncated.substring(0, lastSpaceIndex)
+    }
+    result = `${truncated}...`
   }
+
+  return result
 })
 
 const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)

package/dist/components/PrimeOutputText.vue.d.ts

@@ -5,6 +5,7 @@ export interface FormKitOutputTextProps {
     html?: boolean;
     isTranslationKey?: boolean;
     convertValue?: (value: string) => string;
+    maxLength?: number;
 }
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     context: {

package/dist/composables/useInputEditor.js

@@ -77,7 +77,9 @@ function useInputEditor() {
     for (const key in result) {
       const value = result[key];
       if (value !== null && value !== void 0 && typeof value === "string") {
-        if (value.trim().length === 0) result[key] = void 0;
+        if (value.trim().length === 0) {
+          result[key] = void 0;
+        }
       }
     }
     return result;

package/dist/composables/useInputEditor.mjs

@@ -73,8 +73,9 @@ export function useInputEditor() {
     for (const key in result) {
       const value = result[key];
       if (value !== null && value !== void 0 && typeof value === "string") {
-        if (value.trim().length === 0)
+        if (value.trim().length === 0) {
           result[key] = void 0;
+        }
       }
     }
     return result;

package/dist/definitions/output.js

@@ -15,7 +15,7 @@ var _PrimeOutputReference = _interopRequireDefault(require("../components/PrimeO
 var _PrimeOutputText = _interopRequireDefault(require("../components/PrimeOutputText.vue"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const primeOutputTextDefinition = exports.primeOutputTextDefinition = (0, _vue.createInput)(_PrimeOutputText.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "isTranslationKey", "html", "onIconPrefixClicked", "onIconSuffixClicked", "convertValue"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "isTranslationKey", "html", "onIconPrefixClicked", "onIconSuffixClicked", "convertValue", "maxLength"]
 });
 const primeOutputDateDefinition = exports.primeOutputDateDefinition = (0, _vue.createInput)(_PrimeOutputDate.default, {
   props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]

package/dist/definitions/output.mjs

@@ -8,7 +8,7 @@ import PrimeOutputNumber from "../components/PrimeOutputNumber.vue";
 import PrimeOutputReference from "../components/PrimeOutputReference.vue";
 import PrimeOutputText from "../components/PrimeOutputText.vue";
 export const primeOutputTextDefinition = createInput(PrimeOutputText, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "isTranslationKey", "html", "onIconPrefixClicked", "onIconSuffixClicked", "convertValue"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "isTranslationKey", "html", "onIconPrefixClicked", "onIconSuffixClicked", "convertValue", "maxLength"]
 });
 export const primeOutputDateDefinition = createInput(PrimeOutputDate, {
   props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import type { FormKitInputs } from '@formkit/inputs';
+import type { FormKitBaseSlots, FormKitInputs } from '@formkit/inputs';
+import type { AutoCompleteSlots, CascadeSelectSlots, CheckboxSlots, ColorPickerSlots, DatePickerSlots, InputMaskSlots, InputNumberSlots, InputOtpSlots, InputTextSlots, KnobSlots, ListboxSlots, MultiSelectSlots, PasswordSlots, RadioButtonSlots, RatingSlots, SelectButtonSlots, SelectSlots, SliderSlots, TextareaSlots, ToggleButtonSlots, ToggleSwitchSlots, TreeSelectSlots } from 'primevue';
 import type { CascadeSelectProps } from 'primevue/cascadeselect';
 import type { ListboxProps } from 'primevue/listbox';
 import type { MultiSelectProps } from 'primevue/multiselect';
@@ -9,6 +10,10 @@ import { FormKitDataEdit, FormKitDataView } from './components';
 import { useFormKitRepeater, useFormKitSchema, useInputEditor, useInputEditorSchema, usePrimeInputs } from './composables';
 import { primeInputs, primeOutputs } from './definitions';
 export { FormKitDataEdit, FormKitDataView, primeInputs, primeOutputs, useFormKitRepeater, useFormKitSchema, useInputEditor, useInputEditorSchema, usePrimeInputs, };
+/**
+ * Keeps all slots from 1st argument, add any slots from 2nd type which do not collide with the 1st's names.
+ */
+type MergeSlots<A, B> = A & Omit<B, keyof A>;
 declare module '@formkit/inputs' {
     interface FormKitInputProps<Props extends FormKitInputs<Props>> {
         primeAutoComplete: {
@@ -108,4 +113,36 @@ declare module '@formkit/inputs' {
             type: 'primeOutputList';
         };
     }
+    interface FormKitInputSlots<Props extends FormKitInputs<Props>> {
+        primeAutoComplete: MergeSlots<FormKitBaseSlots<Props>, AutoCompleteSlots>;
+        primeCascadeSelect: MergeSlots<FormKitBaseSlots<Props>, CascadeSelectSlots>;
+        primeCheckbox: MergeSlots<FormKitBaseSlots<Props>, CheckboxSlots>;
+        primeColorPicker: MergeSlots<FormKitBaseSlots<Props>, ColorPickerSlots>;
+        primeDatePicker: MergeSlots<FormKitBaseSlots<Props>, DatePickerSlots>;
+        primeInputMask: MergeSlots<FormKitBaseSlots<Props>, InputMaskSlots>;
+        primeInputNumber: MergeSlots<FormKitBaseSlots<Props>, InputNumberSlots>;
+        primeInputOtp: MergeSlots<FormKitBaseSlots<Props>, InputOtpSlots>;
+        primeInputText: MergeSlots<FormKitBaseSlots<Props>, InputTextSlots>;
+        primeKnob: MergeSlots<FormKitBaseSlots<Props>, KnobSlots>;
+        primeListbox: MergeSlots<FormKitBaseSlots<Props>, ListboxSlots>;
+        primeMultiSelect: MergeSlots<FormKitBaseSlots<Props>, MultiSelectSlots>;
+        primeOutputBoolean: FormKitBaseSlots<Props>;
+        primeOutputDate: FormKitBaseSlots<Props>;
+        primeOutputDuration: FormKitBaseSlots<Props>;
+        primeOutputLink: FormKitBaseSlots<Props>;
+        primeOutputList: FormKitBaseSlots<Props>;
+        primeOutputNumber: FormKitBaseSlots<Props>;
+        primeOutputReference: FormKitBaseSlots<Props>;
+        primeOutputText: FormKitBaseSlots<Props>;
+        primePassword: MergeSlots<FormKitBaseSlots<Props>, PasswordSlots>;
+        primeRadioButton: MergeSlots<FormKitBaseSlots<Props>, RadioButtonSlots>;
+        primeRating: MergeSlots<FormKitBaseSlots<Props>, RatingSlots>;
+        primeSelect: MergeSlots<FormKitBaseSlots<Props>, SelectSlots>;
+        primeSelectButton: MergeSlots<FormKitBaseSlots<Props>, SelectButtonSlots>;
+        primeSlider: MergeSlots<FormKitBaseSlots<Props>, SliderSlots>;
+        primeTextarea: MergeSlots<FormKitBaseSlots<Props>, TextareaSlots>;
+        primeToggleButton: MergeSlots<FormKitBaseSlots<Props>, ToggleButtonSlots>;
+        primeToggleSwitch: MergeSlots<FormKitBaseSlots<Props>, ToggleSwitchSlots>;
+        primeTreeSelect: MergeSlots<FormKitBaseSlots<Props>, TreeSelectSlots>;
+    }
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "3.2.9",
-  "packageManager": "pnpm@10.26.0+sha512.3b3f6c725ebe712506c0ab1ad4133cf86b1f4b687effce62a9b38b4d72e3954242e643190fc51fa1642949c735f403debd44f5cb0edd657abe63a8b6a7e1e402",
+  "version": "3.2.10",
+  "packageManager": "pnpm@10.29.2+sha512.bef43fa759d91fd2da4b319a5a0d13ef7a45bb985a3d7342058470f9d2051a3ba8674e629672654686ef9443ad13a82da2beb9eeb3e0221c87b8154fff9d74b8",
   "author": {
     "name": "Tom",
     "email": "tom@sfxcode.com"
@@ -101,48 +101,48 @@
     "vue-i18n": "^11.2.8"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^6.7.3",
+    "@antfu/eslint-config": "^7.3.0",
     "@formkit/core": "^1.6.9",
     "@formkit/drag-and-drop": "^0.5.3",
-    "@primeuix/themes": "^2.0.2",
-    "@types/node": "^25.0.6",
-    "@unocss/preset-icons": "66.5.10",
-    "@unocss/preset-uno": "66.5.10",
-    "@vitejs/plugin-vue": "^6.0.3",
-    "@vitest/coverage-v8": "^4.0.17",
-    "@vitest/ui": "^4.0.17",
-    "@vue/compiler-sfc": "^3.5.26",
-    "@vue/server-renderer": "^3.5.26",
+    "@primeuix/themes": "^2.0.3",
+    "@types/node": "^25.2.2",
+    "@unocss/preset-icons": "66.6.0",
+    "@unocss/preset-uno": "66.6.0",
+    "@vitejs/plugin-vue": "^6.0.4",
+    "@vitest/coverage-v8": "^4.0.18",
+    "@vitest/ui": "^4.0.18",
+    "@vue/compiler-sfc": "^3.5.28",
+    "@vue/server-renderer": "^3.5.28",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.8.1",
-    "@vueuse/core": "^14.1.0",
+    "@vueuse/core": "^14.2.0",
     "@vueuse/head": "^2.0.0",
     "changelogen": "^0.6.2",
     "chart.js": "^4.5.1",
     "consola": "^3.4.2",
     "cookie": "^1.1.1",
-    "esbuild": "^0.27.2",
-    "eslint": "^9.39.2",
-    "happy-dom": "^20.1.0",
+    "esbuild": "^0.27.3",
+    "eslint": "^10.0.0",
+    "happy-dom": "^20.5.3",
     "json-editor-vue": "^0.18.1",
     "mkdist": "^2.4.1",
-    "sass": "^1.97.2",
+    "sass": "^1.97.3",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
     "unbuild": "^3.6.1",
-    "unocss": "66.5.10",
-    "unplugin-auto-import": "^20.3.0",
-    "unplugin-vue-components": "^30.0.0",
+    "unocss": "66.6.0",
+    "unplugin-auto-import": "^21.0.0",
+    "unplugin-vue-components": "^31.0.0",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-pages": "^0.33.2",
-    "vite-ssg": "^28.2.2",
+    "vite-plugin-pages": "^0.33.3",
+    "vite-ssg": "^28.3.0",
     "vitepress": "2.0.0-alpha.12",
-    "vitest": "^4.0.17",
-    "vue": "^3.5.26",
+    "vitest": "^4.0.18",
+    "vue": "^3.5.28",
     "vue-demi": "^0.14.10",
-    "vue-router": "^4.6.4",
-    "vue-tsc": "^3.2.2"
+    "vue-router": "^5.0.2",
+    "vue-tsc": "^3.2.4"
   }
 }