@tb-dev/vue 0.3.14 → 0.3.16

package/dist/components/sidebar/Sidebar.vue.d.ts

@@ -1,5 +1,5 @@
-import { VNode } from 'vue';
 import { SidebarProps } from './types';
+import { VNode } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{

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

@@ -1,3 +1,9 @@
+import { SidebarProps as Props } from '../__base/sidebar';
 export interface SidebarProps {
+    collapsible?: Props['collapsible'];
     defaultOpen?: boolean;
+    side?: Props['side'];
+    variant?: Props['variant'];
+    width?: string | number;
+    widthMobile?: string | number;
 }

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

@@ -1,7 +1,9 @@
 import { Option } from '@tb-dev/utils';
 export interface TextareaProps {
     autocapitalize?: boolean;
+    autofocus?: boolean;
     class?: string;
+    cols?: number;
     disabled?: boolean;
     label?: string;
     labelClass?: string;
@@ -12,4 +14,5 @@ export interface TextareaProps {
     placeholder?: string;
     readonly?: boolean;
     required?: boolean;
+    rows?: number;
 }

package/dist/index.js

@@ -2431,7 +2431,6 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
             createVNode(unref(_sfc_main$1P), {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
-              modelModifiers: { trim: true },
               type: "text",
               placeholder: _ctx.placeholder,
               disabled: _ctx.disabled,
@@ -4958,13 +4957,32 @@ const sidebarMenuButtonVariants = cva(
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "Sidebar",
   props: {
-    defaultOpen: { type: Boolean }
+    collapsible: {},
+    defaultOpen: { type: Boolean },
+    side: {},
+    variant: {},
+    width: {},
+    widthMobile: {}
   },
   setup(__props) {
+    const props = __props;
+    const sidebarStyle = computed(() => {
+      const style = {};
+      if (props.width) style["--sidebar-width"] = toPixel(props.width);
+      if (props.widthMobile) style["--sidebar-width-mobile"] = toPixel(props.widthMobile);
+      return style;
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$t), { "default-open": _ctx.defaultOpen }, {
+      return openBlock(), createBlock(unref(_sfc_main$t), {
+        "default-open": _ctx.defaultOpen,
+        style: normalizeStyle(sidebarStyle.value)
+      }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$R), null, {
+          createVNode(unref(_sfc_main$R), {
+            collapsible: _ctx.collapsible,
+            side: _ctx.side,
+            variant: _ctx.variant
+          }, {
             default: withCtx(() => [
               _ctx.$slots.header ? (openBlock(), createBlock(unref(_sfc_main$K), { key: 0 }, {
                 default: withCtx(() => [
@@ -4986,7 +5004,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("", true)
             ]),
             _: 3
-          }),
+          }, 8, ["collapsible", "side", "variant"]),
           _ctx.$slots.inset ? (openBlock(), createBlock(unref(_sfc_main$J), { key: 0 }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "inset")
@@ -4995,7 +5013,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           })) : renderSlot(_ctx.$slots, "default", { key: 1 })
         ]),
         _: 3
-      }, 8, ["default-open"]);
+      }, 8, ["default-open", "style"]);
     };
   }
 });
@@ -5701,7 +5719,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Textarea",
   props: {
     autocapitalize: { type: Boolean },
+    autofocus: { type: Boolean },
     class: {},
+    cols: {},
     disabled: { type: Boolean },
     label: {},
     labelClass: {},
@@ -5711,7 +5731,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     onBlur: { type: Function },
     placeholder: {},
     readonly: { type: Boolean },
-    required: { type: Boolean }
+    required: { type: Boolean },
+    rows: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -5730,26 +5751,28 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             createVNode(unref(_sfc_main$2), {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
-              modelModifiers: { trim: true },
               type: "text",
               autocapitalize: _ctx.autocapitalize,
               autocomplete: "off",
               autocorrect: "off",
+              autofocus: _ctx.autofocus,
+              cols: _ctx.cols,
               disabled: _ctx.disabled,
               maxlength: _ctx.max,
               minlength: _ctx.min,
               placeholder: _ctx.placeholder,
               readonly: _ctx.readonly,
               required: _ctx.required,
+              rows: _ctx.rows,
               spellcheck: "false",
               class: normalizeClass(
                 unref(cn)(
-                  "h-full resize-none font-normal focus-visible:ring-0 disabled:cursor-default",
+                  "size-full resize-none font-normal focus-visible:ring-0 disabled:cursor-default",
                   props.class
                 )
               ),
               onBlur: _ctx.onBlur
-            }, null, 8, ["modelValue", "autocapitalize", "disabled", "maxlength", "minlength", "placeholder", "readonly", "required", "class", "onBlur"])
+            }, null, 8, ["modelValue", "autocapitalize", "autofocus", "cols", "disabled", "maxlength", "minlength", "placeholder", "readonly", "required", "rows", "class", "onBlur"])
           ]),
           _: 1
         }),

package/package.json

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