feat(PassThrough): Add Options and unstyled attribute

Author: sfxcode

src/components/demo/PrimeInput.vue

@@ -44,7 +44,7 @@ const documentationLink = `https://primevue.org/${props.header.replace('Prime',
           <TabPanel v-if="primeAttributes || customAttributes" header="Supported Attributes">
             <h4>Base Attributes</h4>
             <div>
-              <span>_disabled, _readonly, style, class, tabindex, ariaLabel, ariaLabelledby</span>
+              <span>_disabled, _readonly, style, class, tabindex, ariaLabel, ariaLabelledby, pt, ptOptions, unstyled</span>
             </div>
             <h4>PrimeVue Attributes</h4>
             <div>

src/formkit/PrimeCalendar.vue

@@ -70,6 +70,8 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
       :panel-style="attrs.panelStyle"
       :panel-class="attrs.panelClass"
       :pt="attrs.pt"
+      :pt-options="attrs.ptOptions"
+      :unstyled="attrs.unstyled ?? false"
       @date-select="handleSelect"
       @input="handleInput"
     />

src/formkit/PrimeCheckbox.vue

@@ -30,6 +30,8 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
       :true-value="attrs.trueValue ?? undefined"
       :false-value="attrs.falseValue ?? undefined"
       :pt="attrs.pt"
+      :pt-options="attrs.ptOptions"
+      :unstyled="attrs.unstyled ?? false"
       @input="handleInput"
     />
     <span v-if="context.attrs.labelRight" class="formkit-prime-right">{{ context.attrs.labelRight }}</span>

src/formkit/PrimeChips.vue

@@ -30,6 +30,8 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
       :placeholder="attrs.placeholder"
       :separator="attrs.separator"
       :pt="attrs.pt"
+      :pt-options="attrs.ptOptions"
+      :unstyled="attrs.unstyled ?? false"
       @add="handleInput"
       @remove="handleInput"
     />

src/formkit/PrimeColorPicker.vue

@@ -26,6 +26,8 @@ function handleChange(e: any) {
       :inline="attrs.inline ?? false"
       :format="attrs.format"
       :pt="attrs.pt"
+      :pt-options="attrs.ptOptions"
+      :unstyled="attrs.unstyled ?? false"
       @change="handleChange"
     />
   </div>

src/formkit/PrimeDropdown.vue

@@ -34,6 +34,8 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
       :filter="attrs.filter ?? false"
       :show-clear="attrs.showClear ?? false"
       :pt="attrs.pt"
+      :pt-options="attrs.ptOptions"
+      :unstyled="attrs.unstyled ?? false"
       @change="handleInput"
       @blur="handleBlur"
     />

src/formkit/PrimeEditor.vue

@@ -36,6 +36,8 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
       :formats="attrs.formats"
       :modules="attrs.modules"
       :pt="attrs.pt"
+      :pt-options="attrs.ptOptions"
+      :unstyled="attrs.unstyled ?? false"
       @text-change="handleInput"
       @selection-change="handleSelection"
     />

src/formkit/PrimeInputMask.vue

@@ -31,6 +31,8 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
       :auto-clear="attrs.autoClear ?? true"
       :unmask="attrs.unmask ?? false"
       :pt="attrs.pt"
+      :pt-options="attrs.ptOptions"
+      :unstyled="attrs.unstyled ?? false"
       @blur="handleInput"
     />
   </div>

src/formkit/PrimeInputNumber.vue

@@ -41,6 +41,8 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
       :button-layout="attrs.buttonLayout ?? 'stacked'"
       :step="attrs.step ?? undefined"
       :pt="attrs.pt"
+      :pt-options="attrs.ptOptions"
+      :unstyled="attrs.unstyled ?? false"
       @input="handleInput"
       @blur="handleBlur"
     />

src/formkit/PrimeInputSwitch.vue

@@ -28,6 +28,8 @@ const styleClass = computed(() => (context?.state.validationVisible && !context?
       :true-value="attrs.trueValue ?? undefined"
       :false-value="attrs.falseValue ?? undefined"
       :pt="attrs.pt"
+      :pt-options="attrs.ptOptions"
+      :unstyled="attrs.unstyled ?? false"
       @input="handleInput"
     />
     <span v-if="context.attrs.labelRight" class="formkit-prime-right">{{ context.attrs.labelRight }}</span>