@sfxcode/formkit-primevue 1.9.5 → 1.9.8

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/definitions/index.d.ts

@@ -0,0 +1,53 @@
+import type { FormKitTypeDefinition } from '@formkit/core';
+export declare const primeAutoCompleteDefinition: FormKitTypeDefinition;
+export declare const primeInputTextDefinition: FormKitTypeDefinition;
+export declare const primeInputNumberDefinition: FormKitTypeDefinition;
+export declare const primeInputMaskDefinition: FormKitTypeDefinition;
+export declare const primePasswordDefinition: FormKitTypeDefinition;
+export declare const primeTextareaDefinition: FormKitTypeDefinition;
+export declare const primeCheckboxDefinition: FormKitTypeDefinition;
+export declare const primeInputSwitchDefinition: FormKitTypeDefinition;
+export declare const primeInputOtpDefinition: FormKitTypeDefinition;
+export declare const primeEditorDefinition: FormKitTypeDefinition;
+export declare const primeDropdownDefinition: FormKitTypeDefinition;
+export declare const primeMultiSelectDefinition: FormKitTypeDefinition;
+export declare const primeListboxDefinition: FormKitTypeDefinition;
+export declare const primeCalendarDefinition: FormKitTypeDefinition;
+export declare const primeSliderDefinition: FormKitTypeDefinition;
+export declare const primeRatingDefinition: FormKitTypeDefinition;
+export declare const primeRadioButtonDefinition: FormKitTypeDefinition;
+export declare const primeChipsDefinition: FormKitTypeDefinition;
+export declare const primeKnobDefinition: FormKitTypeDefinition;
+export declare const primeColorPickerDefinition: FormKitTypeDefinition;
+export declare const primeToggleButtonDefinition: FormKitTypeDefinition;
+export declare const primeSelectButtonDefinition: FormKitTypeDefinition;
+export declare const primeTriStateCheckboxDefinition: FormKitTypeDefinition;
+export declare const primeCascadeSelectDefinition: FormKitTypeDefinition;
+export declare const primeTreeSelectDefinition: FormKitTypeDefinition;
+export declare const primeInputs: {
+    primeAutoComplete: FormKitTypeDefinition;
+    primeInputText: FormKitTypeDefinition;
+    primeInputNumber: FormKitTypeDefinition;
+    primeInputMask: FormKitTypeDefinition;
+    primePassword: FormKitTypeDefinition;
+    primeCheckbox: FormKitTypeDefinition;
+    primeInputSwitch: FormKitTypeDefinition;
+    primeTextarea: FormKitTypeDefinition;
+    primeEditor: FormKitTypeDefinition;
+    primeDropdown: FormKitTypeDefinition;
+    primeMultiSelect: FormKitTypeDefinition;
+    primeCalendar: FormKitTypeDefinition;
+    primeSlider: FormKitTypeDefinition;
+    primeChips: FormKitTypeDefinition;
+    primeKnob: FormKitTypeDefinition;
+    primeRating: FormKitTypeDefinition;
+    primeRadioButton: FormKitTypeDefinition;
+    primeColorPicker: FormKitTypeDefinition;
+    primeToggleButton: FormKitTypeDefinition;
+    primeListbox: FormKitTypeDefinition;
+    primeSelectButton: FormKitTypeDefinition;
+    primeTriStateCheckbox: FormKitTypeDefinition;
+    primeCascadeSelect: FormKitTypeDefinition;
+    primeTreeSelect: FormKitTypeDefinition;
+    primeInputOtp: FormKitTypeDefinition;
+};

package/dist/definitions/index.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.primeTriStateCheckboxDefinition = exports.primeTreeSelectDefinition = exports.primeToggleButtonDefinition = exports.primeTextareaDefinition = exports.primeSliderDefinition = exports.primeSelectButtonDefinition = exports.primeRatingDefinition = exports.primeRadioButtonDefinition = exports.primePasswordDefinition = exports.primeMultiSelectDefinition = exports.primeListboxDefinition = exports.primeKnobDefinition = exports.primeInputs = exports.primeInputTextDefinition = exports.primeInputSwitchDefinition = exports.primeInputOtpDefinition = exports.primeInputNumberDefinition = exports.primeInputMaskDefinition = exports.primeEditorDefinition = exports.primeDropdownDefinition = exports.primeColorPickerDefinition = exports.primeChipsDefinition = exports.primeCheckboxDefinition = exports.primeCascadeSelectDefinition = exports.primeCalendarDefinition = exports.primeAutoCompleteDefinition = void 0;
+var _vue = require("@formkit/vue");
+var _PrimeAutoComplete = _interopRequireDefault(require("../components/PrimeAutoComplete.vue"));
+var _PrimeCalendar = _interopRequireDefault(require("../components/PrimeCalendar.vue"));
+var _PrimeCascadeSelect = _interopRequireDefault(require("../components/PrimeCascadeSelect.vue"));
+var _PrimeCheckbox = _interopRequireDefault(require("../components/PrimeCheckbox.vue"));
+var _PrimeChips = _interopRequireDefault(require("../components/PrimeChips.vue"));
+var _PrimeColorPicker = _interopRequireDefault(require("../components/PrimeColorPicker.vue"));
+var _PrimeDropdown = _interopRequireDefault(require("../components/PrimeDropdown.vue"));
+var _PrimeEditor = _interopRequireDefault(require("../components/PrimeEditor.vue"));
+var _PrimeInputMask = _interopRequireDefault(require("../components/PrimeInputMask.vue"));
+var _PrimeInputNumber = _interopRequireDefault(require("../components/PrimeInputNumber.vue"));
+var _PrimeInputOtp = _interopRequireDefault(require("../components/PrimeInputOtp.vue"));
+var _PrimeInputSwitch = _interopRequireDefault(require("../components/PrimeInputSwitch.vue"));
+var _PrimeInputText = _interopRequireDefault(require("../components/PrimeInputText.vue"));
+var _PrimeTextarea = _interopRequireDefault(require("../components/PrimeTextarea.vue"));
+var _PrimeKnob = _interopRequireDefault(require("../components/PrimeKnob.vue"));
+var _PrimeMultiSelect = _interopRequireDefault(require("../components/PrimeMultiSelect.vue"));
+var _PrimeListbox = _interopRequireDefault(require("../components/PrimeListbox.vue"));
+var _PrimePassword = _interopRequireDefault(require("../components/PrimePassword.vue"));
+var _PrimeRadioButton = _interopRequireDefault(require("../components/PrimeRadioButton.vue"));
+var _PrimeRating = _interopRequireDefault(require("../components/PrimeRating.vue"));
+var _PrimeSlider = _interopRequireDefault(require("../components/PrimeSlider.vue"));
+var _PrimeToggleButton = _interopRequireDefault(require("../components/PrimeToggleButton.vue"));
+var _PrimeTreeSelect = _interopRequireDefault(require("../components/PrimeTreeSelect.vue"));
+var _PrimeSelectButton = _interopRequireDefault(require("../components/PrimeSelectButton.vue"));
+var _PrimeTriStateCheckbox = _interopRequireDefault(require("../components/PrimeTriStateCheckbox.vue"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const primeAutoCompleteDefinition = exports.primeAutoCompleteDefinition = (0, _vue.createInput)(_PrimeAutoComplete.default, {
+  props: ["pt", "ptOptions", "unstyled", "dropdown", "multiple"]
+});
+const primeInputTextDefinition = exports.primeInputTextDefinition = (0, _vue.createInput)(_PrimeInputText.default, {
+  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"]
+});
+const primeInputMaskDefinition = exports.primeInputMaskDefinition = (0, _vue.createInput)(_PrimeInputMask.default, {
+  props: ["mask", "slotChar", "autoClear", "unmask", "pt", "ptOptions", "unstyled", "invalid", "variant", "iconLeft", "iconRight"]
+});
+const primePasswordDefinition = exports.primePasswordDefinition = (0, _vue.createInput)(_PrimePassword.default, {
+  props: ["mediumRegex", "strongRegex", "promptLabel", "weakLabel", "mediumLabel", "strongLabel", "hideIcon", "showIcon", "pt", "ptOptions", "unstyled", "placeholder", "feedback", "toggleMask"]
+});
+const primeTextareaDefinition = exports.primeTextareaDefinition = (0, _vue.createInput)(_PrimeTextarea.default, {
+  props: ["pt", "ptOptions", "unstyled", "autoResize", "rows", "placeholder"]
+});
+const primeCheckboxDefinition = exports.primeCheckboxDefinition = (0, _vue.createInput)(_PrimeCheckbox.default, {
+  props: ["binary", "trueValue", "falseValue", "pt", "ptOptions", "unstyled", "labelLeft", "labelRight"]
+});
+const primeInputSwitchDefinition = exports.primeInputSwitchDefinition = (0, _vue.createInput)(_PrimeInputSwitch.default, {
+  props: ["trueValue", "falseValue", "pt", "ptOptions", "unstyled", "labelLeft", "labelRight"]
+});
+const primeInputOtpDefinition = exports.primeInputOtpDefinition = (0, _vue.createInput)(_PrimeInputOtp.default, {
+  props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled"]
+});
+const primeEditorDefinition = exports.primeEditorDefinition = (0, _vue.createInput)(_PrimeEditor.default, {
+  props: ["placeholder", "formats", "modules", "pt", "ptOptions", "unstyled"]
+});
+const primeDropdownDefinition = exports.primeDropdownDefinition = (0, _vue.createInput)(_PrimeDropdown.default, {
+  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"]
+});
+const primeMultiSelectDefinition = exports.primeMultiSelectDefinition = (0, _vue.createInput)(_PrimeMultiSelect.default, {
+  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "inputProps", "closeButtonProps", "dataKey", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "appendTo", "display", "maxSelectedLabels", "selectedItemsLabel", "selectionLimit", "showToggleAll", "loading", "selectAll", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "autoFilterFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "placeholder", "ptOptions", "unstyled"]
+});
+const primeListboxDefinition = exports.primeListboxDefinition = (0, _vue.createInput)(_PrimeListbox.default, {
+  props: ["pt", "ptOptions", "unstyled", "options", "optionLabel", "optionValue", "multiple", "filter", "filterIcon", "filterPlaceholder", "filterLocale", "filterMatchMode", "autoOptionFocus", "selectOnFocus"]
+});
+const primeCalendarDefinition = exports.primeCalendarDefinition = (0, _vue.createInput)(_PrimeCalendar.default, {
+  props: ["dateFormat", "placeholder", "selectionMode", "inline", "icon", "showOtherMonths", "selectOtherMonths", "showIcon", "previousIcon", "nextIcon", "incrementIcon", "decrementIcon", "numberOfMonths", "responsiveOptions", "view", "touchUI", "minDate", "maxDate", "disabledDates", "disabledDays", "maxDateCount", "showOnFocus", "autoZIndex", "baseZIndex", "showButtonBar", "showTime", "timeOnly", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "hideOnDateTimeSelect", "hideOnRangeSelection", "timeSeparator", "showWeek", "manualInput", "appendTo", "panelStyle", "panelClass", "pt", "ptOptions", "unstyled"]
+});
+const primeSliderDefinition = exports.primeSliderDefinition = (0, _vue.createInput)(_PrimeSlider.default, {
+  props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "range", "orientation"]
+});
+const primeRatingDefinition = exports.primeRatingDefinition = (0, _vue.createInput)(_PrimeRating.default, {
+  props: ["unstyled", "stars", "cancel", "onIcon", "offIcon", "cancelIcon", "ptOptions", "pt"]
+});
+const primeRadioButtonDefinition = exports.primeRadioButtonDefinition = (0, _vue.createInput)(_PrimeRadioButton.default, {
+  props: ["pt", "ptOptions", "unstyled", "options", "options_class", "option_class", "label_class"]
+});
+const primeChipsDefinition = exports.primeChipsDefinition = (0, _vue.createInput)(_PrimeChips.default, {
+  props: ["allowDuplicate", "addOnBlur", "max", "placeholder", "seperator", "pt", "ptOptions", "unstyled"]
+});
+const primeKnobDefinition = exports.primeKnobDefinition = (0, _vue.createInput)(_PrimeKnob.default, {
+  props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "size", "strokeWidth", "showValue", "valueColor", "rangeColor", "textColor", "valueTemplate"]
+});
+const primeColorPickerDefinition = exports.primeColorPickerDefinition = (0, _vue.createInput)(_PrimeColorPicker.default, {
+  props: ["defaultColor", "inline", "format", "pt", "ptOptions", "unstyled"]
+});
+const primeToggleButtonDefinition = exports.primeToggleButtonDefinition = (0, _vue.createInput)(_PrimeToggleButton.default, {
+  props: ["pt", "ptOptions", "unstyled", "onLabel", "offLabel", "onIcon", "offIcon", "iconPos"]
+});
+const primeSelectButtonDefinition = exports.primeSelectButtonDefinition = (0, _vue.createInput)(_PrimeSelectButton.default, {
+  props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options"]
+});
+const primeTriStateCheckboxDefinition = exports.primeTriStateCheckboxDefinition = (0, _vue.createInput)(_PrimeTriStateCheckbox.default, {
+  props: ["pt", "ptOptions", "unstyled", "variant", "labelRight", "labelLeft"]
+});
+const primeCascadeSelectDefinition = exports.primeCascadeSelectDefinition = (0, _vue.createInput)(_PrimeCascadeSelect.default, {
+  props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled"]
+});
+const primeTreeSelectDefinition = exports.primeTreeSelectDefinition = (0, _vue.createInput)(_PrimeTreeSelect.default, {
+  props: ["options", "placeholder", "selectionMode", "pt", "ptOptions", "unstyled", "emptyMessage", "display", "metaKeySelection", "appendTo", "scrollHeight", "panelClass", "variant"]
+});
+const primeInputs = exports.primeInputs = {
+  primeAutoComplete: primeAutoCompleteDefinition,
+  primeInputText: primeInputTextDefinition,
+  primeInputNumber: primeInputNumberDefinition,
+  primeInputMask: primeInputMaskDefinition,
+  primePassword: primePasswordDefinition,
+  primeCheckbox: primeCheckboxDefinition,
+  primeInputSwitch: primeInputSwitchDefinition,
+  primeTextarea: primeTextareaDefinition,
+  primeEditor: primeEditorDefinition,
+  primeDropdown: primeDropdownDefinition,
+  primeMultiSelect: primeMultiSelectDefinition,
+  primeCalendar: primeCalendarDefinition,
+  primeSlider: primeSliderDefinition,
+  primeChips: primeChipsDefinition,
+  primeKnob: primeKnobDefinition,
+  primeRating: primeRatingDefinition,
+  primeRadioButton: primeRadioButtonDefinition,
+  primeColorPicker: primeColorPickerDefinition,
+  primeToggleButton: primeToggleButtonDefinition,
+  primeListbox: primeListboxDefinition,
+  primeSelectButton: primeSelectButtonDefinition,
+  primeTriStateCheckbox: primeTriStateCheckboxDefinition,
+  primeCascadeSelect: primeCascadeSelectDefinition,
+  primeTreeSelect: primeTreeSelectDefinition,
+  primeInputOtp: primeInputOtpDefinition
+};