@pantograph/vue 0.25.8 → 0.27.0

package/dist/Textarea/Textarea.d.ts

@@ -44,9 +44,9 @@ declare function __VLS_template(): {
                 readonly scrollDistance?: number | undefined;
                 readonly scrollHideDelay?: number | undefined;
                 readonly dir?: "rtl" | "ltr" | undefined;
-                readonly type?: import('../index.js').ScrollContainerType | undefined;
+                readonly type?: import('..').ScrollContainerType | undefined;
                 readonly hasMask?: boolean | undefined;
-                readonly size?: import('../index.js').ScrollContainerSize | undefined;
+                readonly size?: import('..').ScrollContainerSize | undefined;
                 readonly scrollbarCls?: import('clsx').ClassValue;
                 readonly wrapCls?: import('clsx').ClassValue;
                 readonly areaCls?: import('clsx').ClassValue;
@@ -70,7 +70,7 @@ declare function __VLS_template(): {
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
                     $props: {
-                        readonly type?: ("auto" | "scroll" | "always" | "hover") | undefined;
+                        readonly type?: ("auto" | "scroll" | "hover" | "always") | undefined;
                         readonly dir?: ("ltr" | "rtl") | undefined;
                         readonly scrollHideDelay?: number | undefined;
                         readonly asChild?: boolean | undefined;
@@ -95,7 +95,7 @@ declare function __VLS_template(): {
                         scrollTop: () => void;
                         scrollTopLeft: () => void;
                     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                        type: "auto" | "scroll" | "always" | "hover";
+                        type: "auto" | "scroll" | "hover" | "always";
                         scrollHideDelay: number;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -118,7 +118,7 @@ declare function __VLS_template(): {
                     $nextTick: typeof nextTick;
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
-                    type: "auto" | "scroll" | "always" | "hover";
+                    type: "auto" | "scroll" | "hover" | "always";
                     scrollHideDelay: number;
                 }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "scrollTop" | "scrollTopLeft" | "viewport"> & import('vue').ShallowUnwrapRef<{
                     viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -126,7 +126,7 @@ declare function __VLS_template(): {
                     scrollTopLeft: () => void;
                 }> & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
-                        default?(_: {}): any;
+                        default?: (props: {}) => any;
                     };
                 }) | null;
                 container: ({
@@ -142,8 +142,6 @@ declare function __VLS_template(): {
                     };
                     $refs: {
                         [x: string]: unknown;
-                    } & {
-                        viewportElement: HTMLDivElement;
                     };
                     $slots: Readonly<{
                         [name: string]: import('vue').Slot<any> | undefined;
@@ -179,7 +177,7 @@ declare function __VLS_template(): {
                     viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 }> & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
-                        default?(_: {}): any;
+                        default?: (props: {}) => any;
                     };
                 }) | null;
                 wrap: HTMLDivElement;
@@ -230,7 +228,7 @@ declare function __VLS_template(): {
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{}> & Omit<Readonly<import('reka-ui').ScrollAreaCornerProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
-                        default?(_: {}): any;
+                        default?: (props: {}) => any;
                     };
                 }) | null;
             };
@@ -242,7 +240,7 @@ declare function __VLS_template(): {
             $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../index.js').ScrollContainerProps> & Readonly<{}>, {
+            $options: import('vue').ComponentOptionsBase<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, {
                 container: import('vue').Ref<any, any>;
                 wrap: import('vue').Ref<any, any>;
                 root: import('vue').Ref<any, any>;
@@ -259,11 +257,11 @@ declare function __VLS_template(): {
                 scrollTop: () => any;
                 scrollTopLeft: () => any;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                size: import('../index.js').ScrollContainerSize;
-                type: import('../index.js').ScrollContainerType;
+                size: import('..').ScrollContainerSize;
+                type: import('..').ScrollContainerType;
+                overlay: boolean;
                 scrollDistance: number;
                 scrollHideDelay: number;
-                overlay: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -285,12 +283,12 @@ declare function __VLS_template(): {
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            size: import('../index.js').ScrollContainerSize;
-            type: import('../index.js').ScrollContainerType;
+            size: import('..').ScrollContainerSize;
+            type: import('..').ScrollContainerType;
+            overlay: boolean;
             scrollDistance: number;
             scrollHideDelay: number;
-            overlay: boolean;
-        }> & Omit<Readonly<import('../index.js').ScrollContainerProps> & Readonly<{}>, "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "wrap" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("size" | "type" | "scrollDistance" | "scrollHideDelay" | "overlay")> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("size" | "type" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
             container: import('vue').Ref<any, any>;
             wrap: import('vue').Ref<any, any>;
             root: import('vue').Ref<any, any>;
@@ -349,9 +347,9 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
             readonly scrollDistance?: number | undefined;
             readonly scrollHideDelay?: number | undefined;
             readonly dir?: "rtl" | "ltr" | undefined;
-            readonly type?: import('../index.js').ScrollContainerType | undefined;
+            readonly type?: import('..').ScrollContainerType | undefined;
             readonly hasMask?: boolean | undefined;
-            readonly size?: import('../index.js').ScrollContainerSize | undefined;
+            readonly size?: import('..').ScrollContainerSize | undefined;
             readonly scrollbarCls?: import('clsx').ClassValue;
             readonly wrapCls?: import('clsx').ClassValue;
             readonly areaCls?: import('clsx').ClassValue;
@@ -375,7 +373,7 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: {
-                    readonly type?: ("auto" | "scroll" | "always" | "hover") | undefined;
+                    readonly type?: ("auto" | "scroll" | "hover" | "always") | undefined;
                     readonly dir?: ("ltr" | "rtl") | undefined;
                     readonly scrollHideDelay?: number | undefined;
                     readonly asChild?: boolean | undefined;
@@ -400,7 +398,7 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                     scrollTop: () => void;
                     scrollTopLeft: () => void;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                    type: "auto" | "scroll" | "always" | "hover";
+                    type: "auto" | "scroll" | "hover" | "always";
                     scrollHideDelay: number;
                 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                     beforeCreate?: (() => void) | (() => void)[];
@@ -423,7 +421,7 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $nextTick: typeof nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
-                type: "auto" | "scroll" | "always" | "hover";
+                type: "auto" | "scroll" | "hover" | "always";
                 scrollHideDelay: number;
             }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "scrollTop" | "scrollTopLeft" | "viewport"> & import('vue').ShallowUnwrapRef<{
                 viewport: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -431,7 +429,7 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 scrollTopLeft: () => void;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
-                    default?(_: {}): any;
+                    default?: (props: {}) => any;
                 };
             }) | null;
             container: ({
@@ -447,8 +445,6 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 };
                 $refs: {
                     [x: string]: unknown;
-                } & {
-                    viewportElement: HTMLDivElement;
                 };
                 $slots: Readonly<{
                     [name: string]: import('vue').Slot<any> | undefined;
@@ -484,7 +480,7 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             }> & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
-                    default?(_: {}): any;
+                    default?: (props: {}) => any;
                 };
             }) | null;
             wrap: HTMLDivElement;
@@ -535,7 +531,7 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{}> & Omit<Readonly<import('reka-ui').ScrollAreaCornerProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
                 $slots: {
-                    default?(_: {}): any;
+                    default?: (props: {}) => any;
                 };
             }) | null;
         };
@@ -547,7 +543,7 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
         $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('../index.js').ScrollContainerProps> & Readonly<{}>, {
+        $options: import('vue').ComponentOptionsBase<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, {
             container: import('vue').Ref<any, any>;
             wrap: import('vue').Ref<any, any>;
             root: import('vue').Ref<any, any>;
@@ -564,11 +560,11 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
             scrollTop: () => any;
             scrollTopLeft: () => any;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            size: import('../index.js').ScrollContainerSize;
-            type: import('../index.js').ScrollContainerType;
+            size: import('..').ScrollContainerSize;
+            type: import('..').ScrollContainerType;
+            overlay: boolean;
             scrollDistance: number;
             scrollHideDelay: number;
-            overlay: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -590,12 +586,12 @@ declare const __VLS_component: import('vue').DefineComponent<TextareaProps, {
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        size: import('../index.js').ScrollContainerSize;
-        type: import('../index.js').ScrollContainerType;
+        size: import('..').ScrollContainerSize;
+        type: import('..').ScrollContainerType;
+        overlay: boolean;
         scrollDistance: number;
         scrollHideDelay: number;
-        overlay: boolean;
-    }> & Omit<Readonly<import('../index.js').ScrollContainerProps> & Readonly<{}>, "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "wrap" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("size" | "type" | "scrollDistance" | "scrollHideDelay" | "overlay")> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<import('..').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "isOverflowX" | "isOverflowY" | "container" | "getScroll" | "scrollTop" | "scrollTopLeft" | ("size" | "type" | "overlay" | "scrollDistance" | "scrollHideDelay")> & import('vue').ShallowUnwrapRef<{
         container: import('vue').Ref<any, any>;
         wrap: import('vue').Ref<any, any>;
         root: import('vue').Ref<any, any>;

package/dist/Textarea/index.js

@@ -1,4 +1,4 @@
-import { _ as s, T as t, a as r, _ as x } from "../Textarea.vue_vue_type_style_index_0_lang-CgC3wstw.js";
+import { _ as s, T as t, a as r, _ as x } from "../Textarea.vue_vue_type_script_setup_true_lang-I3h9Qx60.js";
 export {
   s as Textarea,
   t as TextareaSizes,

package/dist/Textarea/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Textarea.vue_vue_type_style_index_0_lang-BqUWj9j2.js");exports.Textarea=e._sfc_main;exports.TextareaSizes=e.TextareaSizes;exports.TextareaStatuses=e.TextareaStatuses;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Textarea.vue_vue_type_script_setup_true_lang-DXSk1XyT.js");exports.Textarea=e._sfc_main;exports.TextareaSizes=e.TextareaSizes;exports.TextareaStatuses=e.TextareaStatuses;exports.default=e._sfc_main;

package/dist/Textarea.vue_vue_type_script_setup_true_lang-DXSk1XyT.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),R=require("@vueuse/core"),n=require("@pantograph/utils"),L=require("class-variance-authority"),M=require("./options-CY2uxp5A.js"),v=require("./Icon.vue_vue_type_script_setup_true_lang-CXwAf04H.js"),y=require("./useInputDataStates-B2KtpFr0.js");require("reka-ui");const E=require("./useVmodel-BU5qtyne.js");require("@tanstack/vue-virtual");const O=require("./ScrollContainer.vue_vue_type_script_setup_true_lang-WN0vUSFg.js"),u=require("es-toolkit"),U=require("@pantograph/style/textarea.css?raw"),x=["sm","md","lg"],z=["error","warning","success"],A=e.defineComponent({...M.getComponentOptions("Textarea",!1),__name:"Textarea",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},modelValue:{},defaultValue:{},clearIcon:{default:"tabler:circle-x"},clearIconCls:{},class:{},textareaCls:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},autoSize:{type:Boolean},size:{},status:{},rootProps:{},defaultHeight:{},maxHeight:{}},emits:["update:modelValue","clear","input","blur","focus"],setup(C,{expose:_,emit:b}){v.useComponentStyle("textarea",U);const a=C,d=b,l=E.useVModel(a,"modelValue",d,{defaultValue:a.defaultValue,passive:a.modelValue===void 0}),i=n.getBemBlock("textarea"),B=L.cva(i,{variants:{size:n.generateVariantClassList(x,i),status:n.generateVariantClassList(z,i),bordered:n.generateVariantClassList("bordered",i),autoSize:n.generateVariantClassList("auto-size",i)}}),V=e.useAttrs(),{getDisabled:p,getStatus:h,getSize:f}=y.useFormInput({getSize:()=>a.size&&x.includes(a.size)?a.size:"md"}),{rootBindings:H,inputBindings:q}=y.UseInputDataStates({getDisabled:()=>p.value,emit:d,blurCallBack:t=>{const r=t.target;r!=null&&r.value&&(r.value=String(u.cloneDeep(l.value)))}}),k=e.computed(()=>{const t={...u.pick(a,["id","maxlength","type","required","placeholder"]),disabled:p.value,...u.omit(V,["value"]),...q.value};return{...u.omitBy(t,u.isUndefined)}}),I=e.computed(()=>f.value==="sm"?"2xsm":"xsm"),s=e.ref(),g=e.ref(),S=e.ref(),m=()=>{s.value&&(s.value.style.height="auto",s.value.style.height=l.value||a.autoSize?`${u.clone(s.value.scrollHeight)}px`:"100%",a.autoSize&&(S.value=`${u.clone(s.value.scrollHeight)+2}px`))};e.onMounted(()=>{var t;(t=g.value)!=null&&t.root&&R.useResizeObserver(g.value.root,m)}),e.watch(()=>[f.value,a.autoSize,l.value],()=>e.nextTick(m),{immediate:!0});const T=t=>{m(),d("input",t)},w=()=>{l.value="",d("clear")},D=()=>typeof a.defaultHeight=="number"?`${a.defaultHeight}px`:a.defaultHeight,$=()=>typeof a.maxHeight=="number"?`${a.maxHeight}px`:a.maxHeight,P=e.computed(()=>{var o;const t={...v.getStyleObject((o=a.rootProps)==null?void 0:o.style),"--ptc-scroll-container-bar-size":"11px","--ptc-scroll-container-bar-padding":"4px"},r=D(),c=$();return r&&(t["--ptc-textarea-h"]=r),c&&(t["--ptc-textarea-max-h"]=c),a.autoSize&&(t.height=S.value),{...u.omit(a.rootProps??{},["class","style"]),...H.value,style:t}});return _({textarea:s,focus:t=>{var r;return(r=s.value)==null?void 0:r.focus(t)},blur:()=>{var t;return(t=s.value)==null?void 0:t.blur()},select:()=>{var t;return(t=s.value)==null?void 0:t.select()},setSelectionRange:(t,r,c)=>{var o;return(o=s.value)==null?void 0:o.setSelectionRange(t,r,c)}}),(t,r)=>{var c;return e.openBlock(),e.createBlock(O._sfc_main,{ref_key:"container",ref:g,"root-props":{class:e.unref(n.normCls)(e.unref(B)({size:e.unref(f),status:e.unref(h)==="success"&&!e.unref(l)?void 0:e.unref(h),bordered:String(t.bordered),autoSize:String(t.autoSize)}),a.class,(c=a.rootProps)==null?void 0:c.class),...P.value}},{root:e.withCtx(()=>{var o;return[!e.unref(p)&&t.allowClear&&((o=e.unref(l))!=null&&o.length)?(e.openBlock(),e.createBlock(v._sfc_main$2,{key:0,icon:t.clearIcon,size:I.value,onClick:w,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(i),"clear_icon"),t.clearIconCls))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"clearIcon")]),_:3},8,["icon","size","class"])):e.createCommentVNode("",!0)]}),default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("textarea",e.mergeProps({ref_key:"textarea",ref:s,"onUpdate:modelValue":r[0]||(r[0]=o=>e.isRef(l)?l.value=o:null),class:e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(i),"textarea"),t.textareaCls,"paragraph")},k.value,{onInput:T}),null,16),[[e.vModelText,e.unref(l)]])]),_:3},8,["root-props"])}}});exports.TextareaSizes=x;exports.TextareaStatuses=z;exports._sfc_main=A;

package/dist/{Textarea.vue_vue_type_style_index_0_lang-CgC3wstw.js → Textarea.vue_vue_type_script_setup_true_lang-I3h9Qx60.js}

@@ -1,16 +1,18 @@
 import { defineComponent as N, useAttrs as j, computed as g, ref as v, onMounted as A, watch as F, nextTick as L, createBlock as b, openBlock as y, unref as o, withCtx as x, withDirectives as G, createElementVNode as J, mergeProps as K, isRef as Q, vModelText as W, createCommentVNode as X, normalizeClass as Y, renderSlot as Z } from "vue";
 import { useResizeObserver as ee } from "@vueuse/core";
 import { getBemBlock as te, generateVariantClassList as c, normCls as h, getBemElement as B } from "@pantograph/utils";
-import { u as ae, e as oe } from "./Icon.vue_vue_type_style_index_0_lang-DkeXz23k.js";
+import { cva as ae } from "class-variance-authority";
+import { a as oe } from "./options-J8HfRMSU.js";
+import { u as se, n as re, e as le } from "./Icon.vue_vue_type_script_setup_true_lang-X8iOewkh.js";
+import { u as ie, U as ne } from "./useInputDataStates-Db6zJZ1T.js";
+import "reka-ui";
+import { u as ue } from "./useVmodel-DlyNieM5.js";
 import "@tanstack/vue-virtual";
-import { cva as se } from "class-variance-authority";
-import { g as re } from "./options-Bh1s18jm.js";
-import { g as le } from "./style-BEhqkSEE.js";
-import { u as ie, U as ne } from "./useInputDataStates-BNwXgt9l.js";
-import { _ as ue } from "./ScrollContainer.vue_vue_type_style_index_0_lang-Dl1jP8xY.js";
-import { cloneDeep as ce, omit as C, pick as pe, omitBy as de, isUndefined as me, clone as H } from "es-toolkit";
-const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], Te = /* @__PURE__ */ N({
-  ...re("Textarea", !1),
+import { _ as ce } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-BmQrQlax.js";
+import { omit as C, pick as pe, omitBy as me, isUndefined as de, cloneDeep as fe, clone as H } from "es-toolkit";
+import ge from "@pantograph/style/textarea.css?raw";
+const V = ["sm", "md", "lg"], ve = ["error", "warning", "success"], Pe = /* @__PURE__ */ N({
+  ...oe("Textarea", !1),
   __name: "Textarea",
   props: {
     id: {},
@@ -36,7 +38,8 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], Te = /* @__P
   },
   emits: ["update:modelValue", "clear", "input", "blur", "focus"],
   setup(k, { expose: _, emit: I }) {
-    const t = k, u = I, l = ae(
+    se("textarea", ge);
+    const t = k, u = I, l = ue(
       t,
       "modelValue",
       u,
@@ -44,21 +47,21 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], Te = /* @__P
         defaultValue: t.defaultValue,
         passive: t.modelValue === void 0
       }
-    ), i = te("textarea"), T = se(i, {
+    ), i = te("textarea"), T = ae(i, {
       variants: {
         size: c(V, i),
-        status: c(fe, i),
+        status: c(ve, i),
         bordered: c("bordered", i),
         autoSize: c("auto-size", i)
       }
-    }), $ = j(), { getDisabled: p, getStatus: S, getSize: d } = ie({
+    }), $ = j(), { getDisabled: p, getStatus: S, getSize: m } = ie({
       getSize: () => t.size && V.includes(t.size) ? t.size : "md"
     }), { rootBindings: w, inputBindings: D } = ne({
       getDisabled: () => p.value,
       emit: u,
       blurCallBack: (e) => {
         const a = e.target;
-        a != null && a.value && (a.value = String(ce(l.value)));
+        a != null && a.value && (a.value = String(fe(l.value)));
       }
     }), P = g(() => {
       const e = {
@@ -67,15 +70,15 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], Te = /* @__P
         ...C($, ["value"]),
         ...D.value
       };
-      return { ...de(e, me) };
-    }), R = g(() => d.value === "sm" ? "2xsm" : "xsm"), s = v(), m = v(), z = v(), f = () => {
+      return { ...me(e, de) };
+    }), R = g(() => m.value === "sm" ? "2xsm" : "xsm"), s = v(), d = v(), z = v(), f = () => {
       s.value && (s.value.style.height = "auto", s.value.style.height = l.value || t.autoSize ? `${H(s.value.scrollHeight)}px` : "100%", t.autoSize && (z.value = `${H(s.value.scrollHeight) + 2}px`));
     };
     A(() => {
       var e;
-      (e = m.value) != null && e.root && ee(m.value.root, f);
+      (e = d.value) != null && e.root && ee(d.value.root, f);
     }), F(
-      () => [d.value, t.autoSize, l.value],
+      () => [m.value, t.autoSize, l.value],
       () => L(f),
       { immediate: !0 }
     );
@@ -86,7 +89,7 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], Te = /* @__P
     }, O = () => typeof t.defaultHeight == "number" ? `${t.defaultHeight}px` : t.defaultHeight, q = () => typeof t.maxHeight == "number" ? `${t.maxHeight}px` : t.maxHeight, E = g(() => {
       var r;
       const e = {
-        ...le((r = t.rootProps) == null ? void 0 : r.style),
+        ...re((r = t.rootProps) == null ? void 0 : r.style),
         "--ptc-scroll-container-bar-size": "11px",
         "--ptc-scroll-container-bar-padding": "4px"
       }, a = O(), n = q();
@@ -110,13 +113,13 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], Te = /* @__P
       return (r = s.value) == null ? void 0 : r.setSelectionRange(e, a, n);
     } }), (e, a) => {
       var n;
-      return y(), b(ue, {
+      return y(), b(ce, {
         ref_key: "container",
-        ref: m,
+        ref: d,
         "root-props": {
           class: o(h)(
             o(T)({
-              size: o(d),
+              size: o(m),
               status: o(S) === "success" && !o(l) ? void 0 : o(S),
               bordered: String(e.bordered),
               autoSize: String(e.autoSize)
@@ -130,7 +133,7 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], Te = /* @__P
         root: x(() => {
           var r;
           return [
-            !o(p) && e.allowClear && ((r = o(l)) != null && r.length) ? (y(), b(oe, {
+            !o(p) && e.allowClear && ((r = o(l)) != null && r.length) ? (y(), b(le, {
               key: 0,
               icon: e.clearIcon,
               size: R.value,
@@ -161,6 +164,6 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], Te = /* @__P
 });
 export {
   V as T,
-  Te as _,
-  fe as a
+  Pe as _,
+  ve as a
 };

package/dist/Tree/Tree.d.ts

@@ -1,4 +1,5 @@
-import { TreeProps, TreeSlots } from './Tree.model';
+import { default as Sortable } from '@pantograph/sortable';
+import { TreeNodeType, TreeProps, TreeItem, TreeDragEvent, TreeSlots } from './Tree.model';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<TreeSlots> & TreeSlots;
@@ -8,14 +9,42 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<TreeProps, {
     scrollContainerRef: import('vue').Ref<any, any>;
+    onSelect: (node: TreeItem, value: boolean) => void;
+    onCheck: (node: TreeItem, value: boolean) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    [x: string]: any;
-} & {
-    [x: string]: any;
+    "update:modelValue": (value: string[]) => any;
+    select: (node: object | TreeNodeType, selected: boolean, selectedKeys: string[]) => any;
+    change: (value: {
+        modelValue: string[];
+        checkedKeys: string[];
+    }) => any;
+    expand: (node: object | TreeNodeType, expanded: boolean) => any;
+    "update:expandedKeys": (value: string[]) => any;
+    "update:checkedKeys": (value: string[]) => any;
+    check: (node: object | TreeNodeType, checked: boolean, checkedKeys: string[]) => any;
+    dragStart: (event: TreeDragEvent) => any;
+    dragEnd: (event: TreeDragEvent) => any;
+    choose: (event: Sortable.SortableEvent) => any;
+    unchoose: (event: Sortable.SortableEvent) => any;
 }, string, import('vue').PublicProps, Readonly<TreeProps> & Readonly<{
-    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+    onSelect?: ((node: object | TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
+    onChange?: ((value: {
+        modelValue: string[];
+        checkedKeys: string[];
+    }) => any) | undefined;
+    onExpand?: ((node: object | TreeNodeType, expanded: boolean) => any) | undefined;
+    "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
+    "onUpdate:checkedKeys"?: ((value: string[]) => any) | undefined;
+    onCheck?: ((node: object | TreeNodeType, checked: boolean, checkedKeys: string[]) => any) | undefined;
+    onDragStart?: ((event: TreeDragEvent) => any) | undefined;
+    onDragEnd?: ((event: TreeDragEvent) => any) | undefined;
+    onChoose?: ((event: Sortable.SortableEvent) => any) | undefined;
+    onUnchoose?: ((event: Sortable.SortableEvent) => any) | undefined;
 }>, {
     size: import('./Tree.model').TreeSize;
+    disabled: boolean;
+    selectionBehavior: "toggle" | "replace";
     focusable: boolean;
     checkStrictly: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/Tree/Tree.model.d.ts

@@ -1,10 +1,11 @@
 import { ComputedRef, Ref, WritableComputedRef } from 'vue';
 import { SortableOptions, SortableEvent, MoveEvent } from '@pantograph/sortable';
-import { Direction } from '../ConfigProvider/utils';
+import { Direction } from '../ConfigProvider';
 import { ClassValue } from 'class-variance-authority/types';
 import { OptionGetter } from '@pantograph/utils';
-import { UseVirtualScrollReturnData, VirtualScrollOptions } from '@pantograph/vue-utils';
-import { ScrollContainerProps } from '../ScrollContainer/ScrollContainer';
+import { Virtualizer } from '../utils';
+import { ScrollContainerProps } from '../ScrollContainer';
+import { FlattenItem } from './utils.ts';
 export declare const TreeSizes: readonly ["sm", "md", "lg"];
 export type TreeSize = (typeof TreeSizes)[number];
 export declare const TreeGaps: {
@@ -26,12 +27,14 @@ export type TreeNodeType = {
     noRotateSwitcherIcon?: boolean;
     key: string;
 };
-export type TreeItem = object & {
-    _key: string;
-    _parentKeys?: string[];
-    _disabled?: boolean;
+export type TreeItem = object & FlattenItem & {
     _dragging?: boolean;
-    _hasChildren?: boolean;
+    _switcherIcon?: string;
+    _title?: string;
+    _draggable?: boolean;
+    _leaf?: boolean;
+    _loading?: boolean;
+    _noRotateSwitcherIcon?: boolean;
 };
 export interface TreeDragExtraParams {
     node?: TreeItem;
@@ -40,7 +43,7 @@ export interface TreeDragExtraParams {
 }
 export type TreeDragEvent = SortableEvent & TreeDragExtraParams;
 export type TreeDragMoveEvent = MoveEvent & TreeDragExtraParams;
-export interface TreeNodeSlotProps {
+export interface TreeNodeSlotProps extends TreeItem {
     selected: boolean;
     disabled: boolean;
     checked: boolean | 'indeterminate';
@@ -52,17 +55,19 @@ export interface TreeNodeSlots {
     default?: (props: TreeNodeSlotProps) => never;
 }
 export interface TreeSlots extends Omit<TreeNodeSlots, 'default'> {
-    default?: (props?: {
+    default?: (props: {
         items: TreeItem[];
     }) => never;
     node?: TreeNodeSlots['default'];
 }
 export interface TreeProps extends Partial<Pick<TreeNodeType, 'switcherIcon' | 'noRotateSwitcherIcon' | 'draggable' | 'disabled'>> {
+    selectionBehavior?: 'toggle' | 'replace';
     class?: ClassValue;
     size?: TreeSize;
     gap?: TreeGap;
     dir?: Direction;
     data: (TreeNodeType | object)[];
+    flattenData?: boolean;
     modelValue?: string[];
     checkedKeys?: string[];
     expandedKeys?: string[];
@@ -89,10 +94,27 @@ export interface TreeProps extends Partial<Pick<TreeNodeType, 'switcherIcon' | '
     focusable?: boolean;
     checkStrictly?: boolean;
     syncCheckboxAndSelect?: boolean;
-    virtualScroll?: boolean | ((options: VirtualScrollOptions) => UseVirtualScrollReturnData);
+    virtual?: boolean | Virtualizer;
     scrollContainerProps?: ScrollContainerProps;
+    outerVirtualScroll?: boolean;
 }
-interface Context {
+export interface TreeEmits {
+    'update:modelValue': [value: string[]];
+    'update:expandedKeys': [value: string[]];
+    'update:checkedKeys': [value: string[]];
+    change: [value: {
+        modelValue: string[];
+        checkedKeys: string[];
+    }];
+    expand: [node: TreeNodeType | object, expanded: boolean];
+    select: [node: TreeNodeType | object, selected: boolean, selectedKeys: string[]];
+    check: [node: TreeNodeType | object, checked: boolean, checkedKeys: string[]];
+    dragStart: [event: TreeDragEvent];
+    dragEnd: [event: TreeDragEvent];
+    choose: [event: SortableEvent];
+    unchoose: [event: SortableEvent];
+}
+export interface Context {
     disabled: ComputedRef<boolean | undefined>;
     props: TreeProps;
     dir: ComputedRef<Direction | undefined>;
@@ -119,4 +141,3 @@ interface Context {
     };
 }
 export declare const injectTreeContext: <T extends Context | null | undefined = Context>(fallback?: T | undefined) => T extends null ? Context | null : Context, provideTreeContext: (contextValue: Context) => Context;
-export {};

package/dist/Tree/index.js

@@ -1,4 +1,4 @@
-import { _ as r, b as s, a as t, T, _ as o, i, p } from "../Tree.vue_vue_type_style_index_0_lang-wxS0iVAQ.js";
+import { _ as r, b as s, a as t, T, _ as o, i, p } from "../Tree.vue_vue_type_script_setup_true_lang-Drf23Cl_.js";
 export {
   r as Tree,
   s as TreeGaps,

package/dist/Tree/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tree.vue_vue_type_style_index_0_lang-BiU1prIp.js");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeNode=e._sfc_main$1;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tree.vue_vue_type_script_setup_true_lang-BExNSikU.js");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeNode=e._sfc_main$1;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;

package/dist/Tree/utils.d.ts

@@ -1,21 +1,37 @@
 import { MaybeRef } from 'vue';
-import { TreeItem } from './Tree.model.ts';
-export declare const useFlattenTreeData: ({ getData, getExpandedKeys, getValue, getDisabled, getChildren, }: {
+export interface FlattenItem {
+    _item?: any;
+    _key: string;
+    _parentKeys?: string[];
+    _disabled?: boolean;
+    _hasChildren?: boolean;
+}
+export declare function flattenBy_parentKeys<T = FlattenItem>({ getValue, getDisabled, arr, getChildren, getExtra, allowNoValidKey, }: {
+    arr: any[];
+    getChildren: (item: any, parentKeys?: string[]) => any[] | undefined;
+    getValue: (item: any, parentKeys?: string[], children?: any[]) => string;
+    getDisabled: (item: any) => boolean | undefined;
+    getExtra?: (item: any) => object | undefined;
+    allowNoValidKey?: (item: any, parentKeys?: string[], children?: any[]) => boolean;
+}): T[];
+export declare const useFlattenTreeData: <T extends FlattenItem = FlattenItem>({ getData, getExpandedKeys, getValue, getDisabled, getChildren, isFlatten, getExtra, }: {
     getData: () => MaybeRef<object[]>;
     getExpandedKeys: () => MaybeRef<string[]>;
     getValue: (node?: object) => string;
+    getExtra?: (node?: object) => object | undefined;
     getDisabled: (node?: object) => boolean | undefined;
     getChildren: (node?: object) => undefined | object[];
+    isFlatten: boolean;
 }) => {
-    flattenData: import('vue').ComputedRef<TreeItem[]>;
-    visibleFlattenData: import('vue').ComputedRef<TreeItem[]>;
-    getNodeChildren: (node?: TreeItem, direct?: boolean, filterDisabled?: boolean) => TreeItem[];
-    getNodeByValue: (value?: string) => TreeItem | undefined;
-    getNodeIndexInScope: (node: TreeItem) => number;
-    getChildrenOrRootNodes: (node?: TreeItem) => TreeItem[];
-    isSomeChildrenSelected: (node: TreeItem, model?: MaybeRef<string[]>) => boolean | undefined;
-    isAllChildrenSelected: (node: TreeItem, model?: MaybeRef<string[]>) => boolean;
-    isSelected: (node: TreeItem, model?: MaybeRef<string[]>, checkStrictly?: boolean) => boolean | "indeterminate";
-    getRootNodes: () => TreeItem[];
-    selectValue: (node: TreeItem, select: boolean, model: MaybeRef<string[]>, checkStrictly: boolean, multiple?: boolean) => string[];
+    flattenData: import('vue').ComputedRef<T[]>;
+    visibleFlattenData: import('vue').ComputedRef<T[]>;
+    getNodeChildren: (node?: T, direct?: boolean, filterDisabled?: boolean) => T[];
+    getNodeByValue: (value?: string) => T | undefined;
+    getNodeIndexInScope: (node: T) => number;
+    getChildrenOrRootNodes: (node?: T) => T[];
+    isSomeChildrenSelected: (node: T, model?: MaybeRef<string[]>) => boolean | undefined;
+    isAllChildrenSelected: (node: T, model?: MaybeRef<string[]>) => boolean;
+    isSelected: (node: T, model?: MaybeRef<string[]>, checkStrictly?: boolean) => boolean | "indeterminate";
+    getRootNodes: () => T[];
+    selectValue: (node: T, select: boolean, model: MaybeRef<string[]>, checkStrictly: boolean, multiple?: boolean, selectionBehavior?: "toggle" | "replace") => string[];
 };