@sfxcode/formkit-primevue 1.9.4 → 1.9.6

package/README.md

@@ -27,7 +27,6 @@ import { primeInputs } from '@sfxcode/formkit-primevue'
 
 [useFormKitSchema](https://github.com/sfxcode/formkit-primevue/blob/main/src/composables/useFormKitSchema.ts) provide functions to simplify the usage of elements, components, lists, ...
 
-
 ### Basic Styling
 
 Basic styling is provided with the [formkit-primevue.scss](https://github.com/sfxcode/formkit-primevue/blob/main/src/sass/formkit-primevue.scss) file.
@@ -47,7 +46,7 @@ You can use it or take it as base for your own styling.
 - PT and PTOptions are available ([https://primevue.org/passthrough/](https://primevue.org/passthrough/))
 - [Styling](https://formkit-primevue.netlify.app/styling/base) and [PT](https://formkit-primevue.netlify.app/styling/passThrough) demo available
 
-### Samples 
+### Samples
 
 Some samples for common tasks are available
 

package/dist/components/PrimeInputText.vue

@@ -2,6 +2,7 @@
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
 import type { InputTextProps } from 'primevue/inputtext'
+import type { IconFieldProps } from 'primevue/iconfield'
 
 export interface FormKitPrimeInputTextProps {
   pt?: InputTextProps['pt']
@@ -9,6 +10,7 @@ export interface FormKitPrimeInputTextProps {
   unstyled?: InputTextProps['unstyled']
   placeholder?: InputTextProps['placeholder']
   icon?: string
+  iconPosition?: IconFieldProps['iconPosition']
 }
 
 const props = defineProps({
@@ -18,9 +20,20 @@ const props = defineProps({
   },
 })
 
-function hasIcon() {
+const hasIcon = computed(() => {
+  if (props.context?.icon && props.context?.icon.length > 0)
+    return true
+
   return props.context?.attrs?.icon && props.context?.attrs?.icon.length > 0
-}
+})
+
+const icon = computed(() => {
+  return props.context?.icon ?? props.context?.attrs?.icon
+})
+
+const iconPosition = computed(() => {
+  return props.context?.attrs?.iconPosition ?? undefined
+})
 
 function handleBlur(e: Event) {
   props.context?.handlers.blur(e)
@@ -35,9 +48,8 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
 
 <template>
   <div class="p-formkit">
-    {{ context.attrs.icon }}
-    <IconField v-if="hasIcon()" :icon-position="context?.attrs.iconPosition">
-      <InputIcon :class="context.attrs.icon" />
+    <IconField v-if="hasIcon" :icon-position="iconPosition">
+      <InputIcon :class="icon" />
       <InputText
         :id="context.id"
         v-model="context._value"

package/dist/index.js

@@ -51,7 +51,7 @@ const primeAutoCompleteDefinition = exports.primeAutoCompleteDefinition = (0, _v
   props: ["pt", "ptOptions", "unstyled", "dropdown", "multiple"]
 });
 const primeInputTextDefinition = exports.primeInputTextDefinition = (0, _vue.createInput)(_PrimeInputText.default, {
-  props: ["iconRight", "iconLeft", "pt", "ptOptions", "unstyled", "placeholder"]
+  props: ["pt", "ptOptions", "unstyled", "placeholder", "icon"]
 });
 const primeInputNumberDefinition = exports.primeInputNumberDefinition = (0, _vue.createInput)(_PrimeInputNumber.default, {
   props: ["useGrouping", "min", "max", "minFractionDigits", "maxFractionDigits", "locale", "mode", "currency", "prefix", "suffix", "showButtons", "buttonLayout", "step", "pt", "ptOptions", "unstyled", "placeholder"]

package/dist/index.mjs

@@ -38,12 +38,11 @@ export const primeAutoCompleteDefinition = createInput(PrimeAutoComplete, {
 });
 export const primeInputTextDefinition = createInput(PrimeInputText, {
   props: [
-    "iconRight",
-    "iconLeft",
     "pt",
     "ptOptions",
     "unstyled",
-    "placeholder"
+    "placeholder",
+    "icon"
   ]
 });
 export const primeInputNumberDefinition = createInput(PrimeInputNumber, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "1.9.4",
+  "version": "1.9.6",
   "author": {
     "name": "Tom",
     "email": "tom@sfxcode.com"
@@ -56,6 +56,19 @@
     "components.d.ts",
     "dist"
   ],
+  "scripts": {
+    "build": "unbuild",
+    "dev": "vite serve dev",
+    "dev:build": "vite build dev",
+    "dev:preview": "vite preview dev",
+    "release": "npm run lint && npm run build && changelogen --release && npm publish --access public && git push --follow-tags",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "prepublishOnly": "pnpm build",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:serve": "vitepress serve docs"
+  },
   "peerDependencies": {
     "vue": "^3.4.0"
   },
@@ -64,34 +77,35 @@
     "@formkit/i18n": "^1.6.0",
     "@formkit/vue": "^1.6.0",
     "primeicons": "^6.0.1",
-    "primevue": "^3.49.1"
+    "primevue": "^3.50.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "2.8.1",
+    "@antfu/eslint-config": "2.8.3",
     "@formkit/core": "^1.6.0",
-    "@types/node": "^20.11.27",
-    "@unocss/preset-icons": "^0.58.5",
-    "@unocss/preset-uno": "0.58.5",
+    "@types/node": "^20.11.28",
+    "@unocss/preset-icons": "^0.58.6",
+    "@unocss/preset-uno": "0.58.6",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/compiler-sfc": "^3.4.21",
     "@vue/server-renderer": "^3.4.21",
-    "@vue/test-utils": "^2.4.4",
+    "@vue/test-utils": "^2.4.5",
     "@vue/tsconfig": "^0.5.1",
     "@vuedx/typecheck": "~0.7.6",
     "@vuedx/typescript-plugin-vue": "~0.7.6",
     "@vueuse/core": "^10.9.0",
     "@vueuse/head": "^2.0.0",
+    "changelogen": "^0.5.5",
     "chart.js": "^4.4.2",
     "consola": "^3.2.3",
     "eslint": "^8.57.0",
     "json-editor-vue": "^0.12.0",
     "mkdist": "^1.4.0",
     "quill": "^1.3.7",
-    "sass": "^1.71.1",
+    "sass": "^1.72.0",
     "tslib": "^2.6.2",
     "typescript": "^5.4.2",
     "unbuild": "2.0.0",
-    "unocss": "^0.58.5",
+    "unocss": "^0.58.6",
     "unplugin-auto-import": "^0.17.5",
     "unplugin-vue-components": "^0.26.0",
     "vanilla-jsoneditor": "^0.23.0",
@@ -105,16 +119,5 @@
     "vue-demi": "^0.14.7",
     "vue-router": "^4.3.0",
     "vue-tsc": "^2.0.6"
-  },
-  "scripts": {
-    "build": "unbuild",
-    "dev": "vite serve dev",
-    "dev:build": "vite build dev",
-    "dev:preview": "vite preview dev",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:serve": "vitepress serve docs"
   }
 }