@tb-dev/vue 0.3.21 → 0.3.22

package/dist/components/input/types.d.ts

@@ -1,6 +1,8 @@
 import { Option } from '@tb-dev/utils';
 import { InputHTMLAttributes } from 'vue';
 export interface InputProps {
+    autocomplete?: InputHTMLAttributes['autocomplete'];
+    autofocus?: InputHTMLAttributes['autofocus'];
     class?: string;
     disabled?: InputHTMLAttributes['disabled'];
     label?: string;
@@ -10,6 +12,8 @@ export interface InputProps {
     modelValue: Option<string>;
     onBlur?: () => void;
     placeholder?: InputHTMLAttributes['placeholder'];
+    readonly?: InputHTMLAttributes['readonly'];
+    required?: InputHTMLAttributes['required'];
     size?: InputHTMLAttributes['size'];
     spellcheck?: InputHTMLAttributes['spellcheck'];
     type?: InputHTMLAttributes['type'];

package/dist/components/input-number/types.d.ts

@@ -1,12 +1,18 @@
 import { Option } from '@tb-dev/utils';
+import { NumberFieldRootProps } from 'reka-ui';
 export interface InputNumberProps {
     class?: string;
     defaultValue?: number;
     disabled?: boolean;
-    formatOptions?: Intl.NumberFormatOptions;
+    disableDecrement?: boolean;
+    disableIncrement?: boolean;
+    disableWheelChange?: NumberFieldRootProps['disableWheelChange'];
+    formatOptions?: NumberFieldRootProps['formatOptions'];
     label?: string;
     labelClass?: string;
-    max?: number;
-    min?: number;
+    max?: NumberFieldRootProps['max'];
+    min?: NumberFieldRootProps['min'];
     modelValue: Option<number>;
+    step?: NumberFieldRootProps['step'];
+    stepSnapping?: NumberFieldRootProps['stepSnapping'];
 }

package/dist/components/input-text/types.d.ts

@@ -1,5 +1,7 @@
 import { InputHTMLAttributes } from 'vue';
 export interface InputTextProps {
+    autocomplete?: InputHTMLAttributes['autocomplete'];
+    autofocus?: InputHTMLAttributes['autofocus'];
     class?: string;
     disabled?: InputHTMLAttributes['disabled'];
     label?: string;
@@ -8,6 +10,8 @@ export interface InputTextProps {
     min?: InputHTMLAttributes['minlength'];
     onBlur?: () => void;
     placeholder?: InputHTMLAttributes['placeholder'];
+    readonly?: InputHTMLAttributes['readonly'];
+    required?: InputHTMLAttributes['required'];
     size?: InputHTMLAttributes['size'];
     spellcheck?: InputHTMLAttributes['spellcheck'];
 }

package/dist/components/select/types.d.ts

@@ -1,5 +1,8 @@
 import { Option } from '@tb-dev/utils';
+import { SelectHTMLAttributes } from 'vue';
 export interface SelectProps {
+    autocomplete?: SelectHTMLAttributes['autocomplete'];
+    autofocus?: SelectHTMLAttributes['autofocus'];
     class?: string;
     contentClass?: string;
     disabled?: boolean;
@@ -7,5 +10,6 @@ export interface SelectProps {
     labelClass?: string;
     modelValue: Option<string>;
     placeholder?: string;
+    required?: boolean;
     triggerClass?: string;
 }

package/dist/components/textarea/Textarea.vue.d.ts

@@ -4,8 +4,8 @@ declare const _default: import('vue').DefineComponent<TextareaProps, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<TextareaProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
-    spellcheck: boolean | "true" | "false";
     autocomplete: string;
+    spellcheck: boolean | "true" | "false";
     autocorrect: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/index.js

@@ -206,17 +206,17 @@ const _sfc_main$2P = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$2Q), {
+            createVNode(unref(_sfc_main$2Q), mergeProps(_ctx.$attrs, {
               variant: _ctx.variant,
               size: _ctx.size,
               disabled: _ctx.disabled,
-              class: normalizeClass(unref(cn)("size-full", _ctx.buttonClass))
-            }, {
+              class: unref(cn)("size-full", _ctx.buttonClass)
+            }), {
               default: withCtx(() => [
                 _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$i, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "default", { key: 1 })
               ]),
               _: 3
-            }, 8, ["variant", "size", "disabled", "class"])
+            }, 16, ["variant", "size", "disabled", "class"])
           ]),
           _: 3
         }),
@@ -653,14 +653,14 @@ const _sfc_main$2C = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$2D), {
+            createVNode(unref(_sfc_main$2D), mergeProps(_ctx.$attrs, {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
               "default-value": _ctx.defaultValue,
               disabled: _ctx.disabled,
               required: _ctx.required,
-              class: normalizeClass(props.class)
-            }, null, 8, ["modelValue", "default-value", "disabled", "required", "class"])
+              class: props.class
+            }), null, 16, ["modelValue", "default-value", "disabled", "required", "class"])
           ]),
           _: 1
         }),
@@ -2217,6 +2217,8 @@ const _hoisted_1$b = { class: "w-full" };
 const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
   __name: "Input",
   props: {
+    autocomplete: {},
+    autofocus: {},
     class: {},
     disabled: {},
     label: {},
@@ -2226,6 +2228,8 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
     modelValue: {},
     onBlur: {},
     placeholder: {},
+    readonly: {},
+    required: {},
     size: {},
     spellcheck: { default: "false" },
     type: { default: "text" }
@@ -2244,19 +2248,23 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$1R), {
+            createVNode(unref(_sfc_main$1R), mergeProps(_ctx.$attrs, {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
               type: _ctx.type,
+              autocomplete: _ctx.autocomplete,
+              autofocus: _ctx.autofocus,
               placeholder: _ctx.placeholder,
               disabled: _ctx.disabled,
               maxlength: _ctx.max,
               minlength: _ctx.min,
+              readonly: _ctx.readonly,
+              required: _ctx.required,
               size: _ctx.size,
               spellcheck: _ctx.spellcheck,
-              class: normalizeClass(unref(cn)("focus-visible:ring-0 disabled:cursor-default", props.class)),
+              class: unref(cn)("focus-visible:ring-0 disabled:cursor-default", props.class),
               onBlur: _ctx.onBlur
-            }, null, 8, ["modelValue", "type", "placeholder", "disabled", "maxlength", "minlength", "size", "spellcheck", "class", "onBlur"])
+            }), null, 16, ["modelValue", "type", "autocomplete", "autofocus", "placeholder", "disabled", "maxlength", "minlength", "readonly", "required", "size", "spellcheck", "class", "onBlur"])
           ]),
           _: 1
         }),
@@ -2433,12 +2441,17 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
     class: {},
     defaultValue: {},
     disabled: { type: Boolean },
+    disableDecrement: { type: Boolean },
+    disableIncrement: { type: Boolean },
+    disableWheelChange: { type: Boolean },
     formatOptions: { default: () => ({ useGrouping: false }) },
     label: {},
     labelClass: {},
     max: {},
     min: {},
-    modelValue: {}
+    modelValue: {},
+    step: {},
+    stepSnapping: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -2454,28 +2467,35 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$1P), {
+            createVNode(unref(_sfc_main$1P), mergeProps(_ctx.$attrs, {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
               "default-value": _ctx.defaultValue,
+              disabled: _ctx.disabled,
+              "disable-wheel-change": _ctx.disableWheelChange,
               "format-options": _ctx.formatOptions,
               min: _ctx.min,
               max: _ctx.max,
-              disabled: _ctx.disabled,
-              class: normalizeClass(unref(cn)("w-full", props.class))
-            }, {
+              step: _ctx.step,
+              "step-snapping": _ctx.stepSnapping,
+              class: unref(cn)("w-full", props.class)
+            }), {
               default: withCtx(() => [
                 createVNode(unref(_sfc_main$1O), null, {
                   default: withCtx(() => [
-                    createVNode(unref(_sfc_main$1N)),
+                    createVNode(unref(_sfc_main$1N), {
+                      disabled: _ctx.disabled || _ctx.disableDecrement
+                    }, null, 8, ["disabled"]),
                     createVNode(unref(_sfc_main$1L)),
-                    createVNode(unref(_sfc_main$1M))
+                    createVNode(unref(_sfc_main$1M), {
+                      disabled: _ctx.disabled || _ctx.disableIncrement
+                    }, null, 8, ["disabled"])
                   ]),
                   _: 1
                 })
               ]),
               _: 1
-            }, 8, ["modelValue", "default-value", "format-options", "min", "max", "disabled", "class"])
+            }, 16, ["modelValue", "default-value", "disabled", "disable-wheel-change", "format-options", "min", "max", "step", "step-snapping", "class"])
           ]),
           _: 1
         }),
@@ -2497,6 +2517,8 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
 const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   __name: "InputText",
   props: /* @__PURE__ */ mergeModels({
+    autocomplete: {},
+    autofocus: {},
     class: {},
     disabled: {},
     label: {},
@@ -2505,6 +2527,8 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     min: {},
     onBlur: {},
     placeholder: {},
+    readonly: {},
+    required: {},
     size: {},
     spellcheck: { default: "false" }
   }, {
@@ -2516,11 +2540,13 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
     const props = __props;
     const value = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1Q), {
+      return openBlock(), createBlock(unref(_sfc_main$1Q), mergeProps(_ctx.$attrs, {
         modelValue: value.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
         type: "text",
-        class: normalizeClass(props.class),
+        class: props.class,
+        autocomplete: _ctx.autocomplete,
+        autofocus: _ctx.autofocus,
         disabled: _ctx.disabled,
         label: _ctx.label,
         "label-class": _ctx.labelClass,
@@ -2528,9 +2554,11 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
         min: _ctx.min,
         "on-blur": _ctx.onBlur,
         placeholder: _ctx.placeholder,
+        readonly: _ctx.readonly,
+        required: _ctx.required,
         size: _ctx.size,
         spellcheck: _ctx.spellcheck
-      }, null, 8, ["modelValue", "class", "disabled", "label", "label-class", "max", "min", "on-blur", "placeholder", "size", "spellcheck"]);
+      }), null, 16, ["modelValue", "class", "autocomplete", "autofocus", "disabled", "label", "label-class", "max", "min", "on-blur", "placeholder", "readonly", "required", "size", "spellcheck"]);
     };
   }
 });
@@ -3887,6 +3915,8 @@ const _hoisted_2$1 = { class: "w-full" };
 const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "Select",
   props: {
+    autocomplete: {},
+    autofocus: {},
     class: {},
     contentClass: {},
     disabled: { type: Boolean },
@@ -3894,6 +3924,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     labelClass: {},
     modelValue: {},
     placeholder: {},
+    required: { type: Boolean },
     triggerClass: {}
   },
   emits: ["update:modelValue"],
@@ -3911,13 +3942,15 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_1$5, [
-              createVNode(unref(_sfc_main$1d), {
+              createVNode(unref(_sfc_main$1d), mergeProps(_ctx.$attrs, {
                 modelValue: value.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+                autocomplete: _ctx.autocomplete,
+                autofocus: _ctx.autofocus,
                 disabled: _ctx.disabled,
-                autocomplete: "off",
-                class: normalizeClass(props.class)
-              }, {
+                required: _ctx.required,
+                class: props.class
+              }), {
                 default: withCtx(() => [
                   createVNode(unref(_sfc_main$14), {
                     class: normalizeClass(unref(cn)("w-full", _ctx.triggerClass))
@@ -3937,7 +3970,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                   }, 8, ["class"])
                 ]),
                 _: 3
-              }, 8, ["modelValue", "disabled", "class"]),
+              }, 16, ["modelValue", "autocomplete", "autofocus", "disabled", "required", "class"]),
               renderSlot(_ctx.$slots, "action")
             ])
           ]),
@@ -5313,12 +5346,12 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$p), {
+            createVNode(unref(_sfc_main$p), mergeProps(_ctx.$attrs, {
               modelValue: toggled.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => toggled.value = $event),
               disabled: _ctx.disabled,
-              class: normalizeClass(props.class)
-            }, createSlots({ _: 2 }, [
+              class: props.class
+            }), createSlots({ _: 2 }, [
               _ctx.$slots.thumb ? {
                 name: "thumb",
                 fn: withCtx(() => [
@@ -5326,7 +5359,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["modelValue", "disabled", "class"])
+            ]), 1040, ["modelValue", "disabled", "class"])
           ]),
           _: 3
         }),
@@ -5970,7 +6003,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$3), {
+            createVNode(unref(_sfc_main$3), mergeProps(_ctx.$attrs, {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
               autocapitalize: _ctx.autocapitalize,
@@ -5986,14 +6019,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               required: _ctx.required,
               rows: _ctx.rows,
               spellcheck: _ctx.spellcheck,
-              class: normalizeClass(
-                unref(cn)(
-                  "size-full resize-none font-normal focus-visible:ring-0 disabled:cursor-default",
-                  props.class
-                )
+              class: unref(cn)(
+                "size-full resize-none font-normal focus-visible:ring-0 disabled:cursor-default",
+                props.class
               ),
               onBlur: _ctx.onBlur
-            }, null, 8, ["modelValue", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "cols", "disabled", "maxlength", "minlength", "placeholder", "readonly", "required", "rows", "spellcheck", "class", "onBlur"])
+            }), null, 16, ["modelValue", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "cols", "disabled", "maxlength", "minlength", "placeholder", "readonly", "required", "rows", "spellcheck", "class", "onBlur"])
           ]),
           _: 1
         }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue",
-  "version": "0.3.21",
+  "version": "0.3.22",
   "description": "Vue utilities",
   "license": "MIT",
   "type": "module",