@pantograph/vue 0.25.3 → 0.25.5

package/dist/Switch.vue_vue_type_style_index_0_lang-G67verEB.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@pantograph/utils"),I=require("class-variance-authority"),i=require("reka-ui"),v=require("es-toolkit"),w=require("./options-CY2uxp5A.js");require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js");const k=require("./useInputDataStates-BWZ4Q3rt.js"),C=["2xsm","xsm","sm"],q=["for"],x=e.defineComponent({...w.getComponentOptions("Switch"),__name:"Switch",props:{checked:{type:[Boolean,null],default:void 0},size:{default:"xsm"},class:{},rootCls:{},labelCls:{},label:{},defaultValue:{type:Boolean},modelValue:{type:[Boolean,null],default:void 0},disabled:{type:Boolean,default:void 0},id:{},value:{},as:{},name:{},required:{type:Boolean,default:void 0}},emits:["update:checked","change","blur","focus","update:modelValue"],setup(B,{emit:V}){const n=B,o=V,g=i.useEmitAsProps(o),l=s.getBemBlock("switch"),b=I.cva(l,{variants:{size:s.generateVariantClassList(C,l),innerText:s.generateVariantClassList("inner-text",l),innerIcon:s.generateVariantClassList("inner-icon",l)}}),a=e.useSlots(),d=e.computed(()=>n.id??s.usePCId(l)),{getDisabled:m}=k.useFormInput(),{rootBindings:z,inputBindings:S}=k.UseInputDataStates({getDisabled:()=>m.value,emit:o}),E=e.computed(()=>({...v.omit(n,["size","class","id","rootCls","labelCls","label","disabled","modelValue","checked"]),disabled:m.value,...v.omit(g,["onUpdate:modelValue","onUpdate:checked"]),id:d.value,...S.value})),u=e.computed(()=>n.size==="xsm"?"3xsm":"2xsm"),p=e.computed(()=>!!(a.label||n.label)),r=e.computed(()=>n.modelValue??n.checked),c=e.ref(r.value??!1);e.watch(()=>[n.modelValue,n.checked],()=>{c.value=r.value??!1});const f=e.computed({get(){return r.value!==void 0?r.value:c.value},set(t){r.value===void 0&&(c.value=t),o("update:checked",t),o("update:modelValue",t),o("change",t)}});return(t,h)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:p.value,class:e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(l),"root"),n.rootCls)},e.unref(z)),[e.createVNode(e.unref(i.SwitchRoot),e.mergeProps({class:e.unref(s.normCls)(e.unref(b)({size:t.size,innerText:!!(a.checkedText||a.uncheckedText),innerIcon:!!(a.checkedIcon||a.uncheckedIcon)}),n.class)},E.value,{modelValue:f.value,"onUpdate:modelValue":h[0]||(h[0]=y=>f.value=y)}),{default:e.withCtx(()=>[e.createVNode(e.unref(i.SwitchThumb),{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"thumb"))},{default:e.withCtx(()=>[["xsm","sm"].includes(t.size)?e.renderSlot(t.$slots,"thumb",{key:0,size:u.value}):e.createCommentVNode("",!0)]),_:3},8,["class"]),["xsm","sm"].includes(t.size)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"inner"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"inner__checked"))},[e.renderSlot(t.$slots,"checkedText",{},()=>[e.renderSlot(t.$slots,"checkedIcon",{size:u.value})])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"inner__unchecked"))},[e.renderSlot(t.$slots,"uncheckedText",{},()=>[e.renderSlot(t.$slots,"uncheckedIcon",{size:u.value})])],2)],2)):e.createCommentVNode("",!0)]),_:3},16,["class","modelValue"]),p.value?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(l),"label"),t.labelCls)),for:d.value},[e.renderSlot(t.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])],10,q)):e.createCommentVNode("",!0)],16))}});exports.SwitchSizes=C;exports._sfc_main=x;

package/dist/THead.vue_vue_type_style_index_0_lang-Bbxgbizj.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("@pantograph/utils"),p=require("class-variance-authority"),i=require("./options-CY2uxp5A.js");require("es-toolkit");require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js");const m=["lg","xlg"],c=n.getBemBlock("table"),u=e.defineComponent({...i.getComponentOptions("Table"),__name:"Table",props:{size:{default:"lg"},class:{}},setup(a){const r=a,s=p.cva(c,{variants:{size:n.generateVariantClassList(m,c)}});return(o,t)=>(e.openBlock(),e.createElementBlock("table",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(s)({size:o.size}),r.class))},[e.renderSlot(o.$slots,"default")],2))}}),d=e.defineComponent({...i.getComponentOptions("Th"),__name:"Th",props:{class:{},size:{},selection:{type:Boolean}},setup(a){const r=a,s=n.getBemElement(c,"th"),o=p.cva(s,{variants:{size:n.generateVariantClassList(m,s),selection:n.generateVariantClassList("selection",s)}});return(t,l)=>(e.openBlock(),e.createElementBlock("th",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(o)({size:t.size,selection:t.selection}),r.class))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"content"))},[e.renderSlot(t.$slots,"default")],2)],2))}}),C=e.defineComponent({...i.getComponentOptions("Td"),__name:"Td",props:{class:{},size:{},empty:{type:Boolean},wrap:{type:Boolean},lazyLoadObserver:{type:Boolean}},setup(a){const r=a,s=n.getBemElement(c,"td"),o=p.cva(s,{variants:{size:n.generateVariantClassList(m,s),lazyLoadObserver:n.generateVariantClassList("lazy-load-observer",s),wrap:n.generateVariantClassList("wrap",s)}}),t=e.useSlots();return(l,z)=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(o)({size:l.size,lazyLoadObserver:l.lazyLoadObserver,wrap:l.wrap}),{paragraph:l.wrap},r.class))},[l.empty?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"empty"))},[e.renderSlot(l.$slots,"default")],2)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(l.$slots,"default"),t.absoluteAction?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"absolute_action"))},[e.renderSlot(l.$slots,"absoluteAction")],2)):e.createCommentVNode("",!0)],64))],2))}}),f=["onClick","onDblclick","onContextmenu","onMouseenter","onMouseleave"],y=e.defineComponent({...i.getComponentOptions("Tr"),__name:"Tr",props:{class:{},zebra:{type:Boolean},empty:{type:Boolean},checked:{type:Boolean},lazyLoadObserver:{type:Boolean},onClick:{type:Function},onDblclick:{type:Function},onContextmenu:{type:Function},onMouseenter:{type:Function},onMouseleave:{type:Function}},setup(a){const r=a,s=n.getBemElement(c,"tr"),o=p.cva(s,{variants:{zebra:n.generateVariantClassList("zebra",s),empty:n.generateVariantClassList("empty",s),checked:n.generateVariantClassList("checked",s),lazyLoadObserver:n.generateVariantClassList("lazy-load-observer",s)}});return(t,l)=>(e.openBlock(),e.createElementBlock("tr",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(o)({zebra:t.zebra,empty:t.empty,checked:t.checked,lazyLoadObserver:t.lazyLoadObserver}),r.class)),onClick:t.onClick,onDblclick:t.onDblclick,onContextmenu:t.onContextmenu,onMouseenter:t.onMouseenter,onMouseleave:t.onMouseleave},[e.renderSlot(t.$slots,"default")],42,f))}}),k=e.defineComponent({...i.getComponentOptions("TBody"),__name:"TBody",props:{class:{}},setup(a){const r=a,s=n.getBemElement(c,"tbody");return(o,t)=>(e.openBlock(),e.createElementBlock("tbody",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(s),r.class))},[e.renderSlot(o.$slots,"default")],2))}}),B=e.defineComponent({...i.getComponentOptions("THead"),__name:"THead",props:{class:{},sticky:{type:Boolean}},setup(a){const r=a,s=n.getBemElement(c,"thead"),o=p.cva(s,{variants:{sticky:n.generateVariantClassList("sticky",s)}});return(t,l)=>(e.openBlock(),e.createElementBlock("thead",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(o)({sticky:t.sticky}),r.class))},[e.renderSlot(t.$slots,"default")],2))}});exports.TableSizes=m;exports._sfc_main=u;exports._sfc_main$1=d;exports._sfc_main$2=C;exports._sfc_main$3=y;exports._sfc_main$4=k;exports._sfc_main$5=B;

package/dist/{THead.vue_vue_type_style_index_0_lang-D-NEZbDq.js → THead.vue_vue_type_style_index_0_lang-Dg4UjN2s.js}

@@ -2,8 +2,9 @@ import { defineComponent as y, createElementBlock as c, openBlock as i, normaliz
 import { getBemBlock as T, generateVariantClassList as l, normCls as b, getBemElement as m } from "@pantograph/utils";
 import { cva as v } from "class-variance-authority";
 import { g as z } from "./options-Bh1s18jm.js";
-import "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
-const f = ["lg", "xlg"], d = T("table"), F = /* @__PURE__ */ y({
+import "es-toolkit";
+import "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+const f = ["lg", "xlg"], d = T("table"), D = /* @__PURE__ */ y({
   ...z("Table"),
   __name: "Table",
   props: {
@@ -29,7 +30,7 @@ const f = ["lg", "xlg"], d = T("table"), F = /* @__PURE__ */ y({
       u(a.$slots, "default")
     ], 2));
   }
-}), D = /* @__PURE__ */ y({
+}), E = /* @__PURE__ */ y({
   ...z("Th"),
   __name: "Th",
   props: {
@@ -62,7 +63,7 @@ const f = ["lg", "xlg"], d = T("table"), F = /* @__PURE__ */ y({
       ], 2)
     ], 2));
   }
-}), E = /* @__PURE__ */ y({
+}), S = /* @__PURE__ */ y({
   ...z("Td"),
   __name: "Td",
   props: {
@@ -109,7 +110,7 @@ const f = ["lg", "xlg"], d = T("table"), F = /* @__PURE__ */ y({
       ], 64))
     ], 2));
   }
-}), _ = ["onClick", "onDblclick", "onContextmenu", "onMouseenter", "onMouseleave"], S = /* @__PURE__ */ y({
+}), _ = ["onClick", "onDblclick", "onContextmenu", "onMouseenter", "onMouseleave"], V = /* @__PURE__ */ y({
   ...z("Tr"),
   __name: "Tr",
   props: {
@@ -154,7 +155,7 @@ const f = ["lg", "xlg"], d = T("table"), F = /* @__PURE__ */ y({
       u(s.$slots, "default")
     ], 42, _));
   }
-}), V = /* @__PURE__ */ y({
+}), A = /* @__PURE__ */ y({
   ...z("TBody"),
   __name: "TBody",
   props: {
@@ -168,7 +169,7 @@ const f = ["lg", "xlg"], d = T("table"), F = /* @__PURE__ */ y({
       u(a.$slots, "default")
     ], 2));
   }
-}), A = /* @__PURE__ */ y({
+}), H = /* @__PURE__ */ y({
   ...z("THead"),
   __name: "THead",
   props: {
@@ -190,10 +191,10 @@ const f = ["lg", "xlg"], d = T("table"), F = /* @__PURE__ */ y({
 });
 export {
   f as T,
-  F as _,
-  D as a,
-  E as b,
-  S as c,
-  V as d,
-  A as e
+  D as _,
+  E as a,
+  S as b,
+  V as c,
+  A as d,
+  H as e
 };

package/dist/Table/index.js

@@ -1,4 +1,4 @@
-import { d as T, e, _ as d, T as b, b as o, a as r, c as l } from "../THead.vue_vue_type_style_index_0_lang-D-NEZbDq.js";
+import { d as T, e, _ as d, T as b, b as o, a as r, c as l } from "../THead.vue_vue_type_style_index_0_lang-Dg4UjN2s.js";
 export {
   T as TBody,
   e as THead,

package/dist/Table/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../THead.vue_vue_type_style_index_0_lang-D0RuVLmr.js");exports.TBody=e._sfc_main$4;exports.THead=e._sfc_main$5;exports.Table=e._sfc_main;exports.TableSizes=e.TableSizes;exports.Td=e._sfc_main$2;exports.Th=e._sfc_main$1;exports.Tr=e._sfc_main$3;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../THead.vue_vue_type_style_index_0_lang-Bbxgbizj.js");exports.TBody=e._sfc_main$4;exports.THead=e._sfc_main$5;exports.Table=e._sfc_main;exports.TableSizes=e.TableSizes;exports.Td=e._sfc_main$2;exports.Th=e._sfc_main$1;exports.Tr=e._sfc_main$3;

package/dist/Textarea/Textarea.d.ts

@@ -53,6 +53,7 @@ declare function __VLS_template(): {
                 readonly thumbCls?: import('clsx').ClassValue;
                 readonly cornerCls?: import('clsx').ClassValue;
                 readonly rootProps?: object | undefined;
+                readonly wrapProps?: object | undefined;
                 readonly overlay?: boolean | undefined;
                 readonly hideVerticalScrollbar?: boolean | undefined;
                 readonly hideHorizontalScrollbar?: boolean | undefined;

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-DhnwRKGl.js";
+import { _ as s, T as t, a as r, _ as x } from "../Textarea.vue_vue_type_style_index_0_lang-95EkbeEZ.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-0wTOqfhB.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_style_index_0_lang-Crls15aj.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_style_index_0_lang-DhnwRKGl.js → Textarea.vue_vue_type_style_index_0_lang-95EkbeEZ.js}

@@ -1,14 +1,16 @@
 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, o as C, l as oe, s as se, k as le, t as re, v as ie } from "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
-import { cva as ne } from "class-variance-authority";
-import { g as ue } from "./options-Bh1s18jm.js";
-import { g as ce } from "./style-BEhqkSEE.js";
-import { u as de, U as pe, c as H } from "./useInputDataStates-B78OFI-A.js";
-import { _ as me } from "./ScrollContainer.vue_vue_type_style_index_0_lang-D8IR7pw-.js";
-const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], _e = /* @__PURE__ */ N({
-  ...ue("Textarea", !1),
+import { u as ae, e as oe } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.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-COzmxWTw.js";
+import { _ as ue } from "./ScrollContainer.vue_vue_type_style_index_0_lang-Cp0bQf0N.js";
+import { omit as C, pick as ce, omitBy as pe, isUndefined as de, cloneDeep as me, clone as H } from "es-toolkit";
+const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], Te = /* @__PURE__ */ N({
+  ...re("Textarea", !1),
   __name: "Textarea",
   props: {
     id: {},
@@ -34,7 +36,7 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], _e = /* @__P
   },
   emits: ["update:modelValue", "clear", "input", "blur", "focus"],
   setup(k, { expose: _, emit: I }) {
-    const t = k, u = I, r = ae(
+    const t = k, u = I, l = ae(
       t,
       "modelValue",
       u,
@@ -42,54 +44,54 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], _e = /* @__P
         defaultValue: t.defaultValue,
         passive: t.modelValue === void 0
       }
-    ), i = te("textarea"), T = ne(i, {
+    ), i = te("textarea"), T = se(i, {
       variants: {
         size: c(V, i),
         status: c(fe, i),
         bordered: c("bordered", i),
         autoSize: c("auto-size", i)
       }
-    }), $ = j(), { getDisabled: d, getStatus: S, getSize: p } = de({
+    }), $ = j(), { getDisabled: p, getStatus: S, getSize: d } = ie({
       getSize: () => t.size && V.includes(t.size) ? t.size : "md"
-    }), { rootBindings: w, inputBindings: D } = pe({
-      getDisabled: () => d.value,
+    }), { rootBindings: w, inputBindings: D } = ne({
+      getDisabled: () => p.value,
       emit: u,
       blurCallBack: (e) => {
         const a = e.target;
-        a != null && a.value && (a.value = String(re(r.value)));
+        a != null && a.value && (a.value = String(me(l.value)));
       }
     }), P = g(() => {
       const e = {
-        ...oe(t, "id", "maxlength", "type", "required", "placeholder"),
-        disabled: d.value,
-        ...C($, "value"),
+        ...ce(t, ["id", "maxlength", "type", "required", "placeholder"]),
+        disabled: p.value,
+        ...C($, ["value"]),
         ...D.value
       };
-      return { ...se(e, ie) };
-    }), R = g(() => p.value === "sm" ? "2xsm" : "xsm"), s = v(), m = v(), z = v(), f = () => {
-      s.value && (s.value.style.height = "auto", s.value.style.height = r.value || t.autoSize ? `${H(s.value.scrollHeight)}px` : "100%", t.autoSize && (z.value = `${H(s.value.scrollHeight) + 2}px`));
+      return { ...pe(e, de) };
+    }), R = g(() => d.value === "sm" ? "2xsm" : "xsm"), s = v(), m = 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);
     }), F(
-      () => [p.value, t.autoSize, r.value],
+      () => [d.value, t.autoSize, l.value],
       () => L(f),
       { immediate: !0 }
     );
     const M = (e) => {
       f(), u("input", e);
     }, U = () => {
-      r.value = "", u("clear");
+      l.value = "", u("clear");
     }, O = () => typeof t.defaultHeight == "number" ? `${t.defaultHeight}px` : t.defaultHeight, q = () => typeof t.maxHeight == "number" ? `${t.maxHeight}px` : t.maxHeight, E = g(() => {
-      var l;
+      var r;
       const e = {
-        ...ce((l = t.rootProps) == null ? void 0 : l.style),
+        ...le((r = t.rootProps) == null ? void 0 : r.style),
         "--ptc-scroll-container-bar-size": "11px",
         "--ptc-scroll-container-bar-padding": "4px"
       }, a = O(), n = q();
       return a && (e["--ptc-textarea-h"] = a), n && (e["--ptc-textarea-max-h"] = n), t.autoSize && (e.height = z.value), {
-        ...C(t.rootProps ?? {}, "class", "style"),
+        ...C(t.rootProps ?? {}, ["class", "style"]),
         ...w.value,
         style: e
       };
@@ -104,18 +106,18 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], _e = /* @__P
       var e;
       return (e = s.value) == null ? void 0 : e.select();
     }, setSelectionRange: (e, a, n) => {
-      var l;
-      return (l = s.value) == null ? void 0 : l.setSelectionRange(e, a, n);
+      var r;
+      return (r = s.value) == null ? void 0 : r.setSelectionRange(e, a, n);
     } }), (e, a) => {
       var n;
-      return y(), b(me, {
+      return y(), b(ue, {
         ref_key: "container",
         ref: m,
         "root-props": {
           class: o(h)(
             o(T)({
-              size: o(p),
-              status: o(S) === "success" && !o(r) ? void 0 : o(S),
+              size: o(d),
+              status: o(S) === "success" && !o(l) ? void 0 : o(S),
               bordered: String(e.bordered),
               autoSize: String(e.autoSize)
             }),
@@ -126,9 +128,9 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], _e = /* @__P
         }
       }, {
         root: x(() => {
-          var l;
+          var r;
           return [
-            !o(d) && e.allowClear && ((l = o(r)) != null && l.length) ? (y(), b(le, {
+            !o(p) && e.allowClear && ((r = o(l)) != null && r.length) ? (y(), b(oe, {
               key: 0,
               icon: e.clearIcon,
               size: R.value,
@@ -146,10 +148,10 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], _e = /* @__P
           G(J("textarea", K({
             ref_key: "textarea",
             ref: s,
-            "onUpdate:modelValue": a[0] || (a[0] = (l) => Q(r) ? r.value = l : null),
+            "onUpdate:modelValue": a[0] || (a[0] = (r) => Q(l) ? l.value = r : null),
             class: o(h)(o(B)(o(i), "textarea"), e.textareaCls, "paragraph")
           }, P.value, { onInput: M }), null, 16), [
-            [W, o(r)]
+            [W, o(l)]
           ])
         ]),
         _: 3
@@ -159,6 +161,6 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], _e = /* @__P
 });
 export {
   V as T,
-  _e as _,
+  Te as _,
   fe as a
 };

package/dist/Textarea.vue_vue_type_style_index_0_lang-Crls15aj.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),R=require("@vueuse/core"),n=require("@pantograph/utils"),S=require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js");require("@tanstack/vue-virtual");const L=require("class-variance-authority"),M=require("./options-CY2uxp5A.js"),E=require("./style-CYb6EX2Q.js"),y=require("./useInputDataStates-BWZ4Q3rt.js"),O=require("./ScrollContainer.vue_vue_type_style_index_0_lang-DqKhWsL2.js"),i=require("es-toolkit"),v=["sm","md","lg"],z=["error","warning","success"],U=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}){const a=C,d=b,l=S.useVModel(a,"modelValue",d,{defaultValue:a.defaultValue,passive:a.modelValue===void 0}),u=n.getBemBlock("textarea"),B=L.cva(u,{variants:{size:n.generateVariantClassList(v,u),status:n.generateVariantClassList(z,u),bordered:n.generateVariantClassList("bordered",u),autoSize:n.generateVariantClassList("auto-size",u)}}),H=e.useAttrs(),{getDisabled:p,getStatus:x,getSize:f}=y.useFormInput({getSize:()=>a.size&&v.includes(a.size)?a.size:"md"}),{rootBindings:V,inputBindings:k}=y.UseInputDataStates({getDisabled:()=>p.value,emit:d,blurCallBack:t=>{const s=t.target;s!=null&&s.value&&(s.value=String(i.cloneDeep(l.value)))}}),q=e.computed(()=>{const t={...i.pick(a,["id","maxlength","type","required","placeholder"]),disabled:p.value,...i.omit(H,["value"]),...k.value};return{...i.omitBy(t,i.isUndefined)}}),I=e.computed(()=>f.value==="sm"?"2xsm":"xsm"),r=e.ref(),g=e.ref(),h=e.ref(),m=()=>{r.value&&(r.value.style.height="auto",r.value.style.height=l.value||a.autoSize?`${i.clone(r.value.scrollHeight)}px`:"100%",a.autoSize&&(h.value=`${i.clone(r.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={...E.getStyleObject((o=a.rootProps)==null?void 0:o.style),"--ptc-scroll-container-bar-size":"11px","--ptc-scroll-container-bar-padding":"4px"},s=D(),c=$();return s&&(t["--ptc-textarea-h"]=s),c&&(t["--ptc-textarea-max-h"]=c),a.autoSize&&(t.height=h.value),{...i.omit(a.rootProps??{},["class","style"]),...V.value,style:t}});return _({textarea:r,focus:t=>{var s;return(s=r.value)==null?void 0:s.focus(t)},blur:()=>{var t;return(t=r.value)==null?void 0:t.blur()},select:()=>{var t;return(t=r.value)==null?void 0:t.select()},setSelectionRange:(t,s,c)=>{var o;return(o=r.value)==null?void 0:o.setSelectionRange(t,s,c)}}),(t,s)=>{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(x)==="success"&&!e.unref(l)?void 0:e.unref(x),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(S._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(u),"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:r,"onUpdate:modelValue":s[0]||(s[0]=o=>e.isRef(l)?l.value=o:null),class:e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(u),"textarea"),t.textareaCls,"paragraph")},q.value,{onInput:T}),null,16),[[e.vModelText,e.unref(l)]])]),_:3},8,["root-props"])}}});exports.TextareaSizes=v;exports.TextareaStatuses=z;exports._sfc_main=U;

package/dist/Tree/Tree.d.ts

@@ -1,20 +1,13 @@
-import { SortableEvent } from 'sortablejs';
-import { TreeNodeKey, TreeProps } from './Tree.model';
-import { TreeNodeSlots } from './TreeNode';
-export interface DragEndData extends SortableEvent {
-    node?: object;
-    oldParents?: TreeNodeKey[];
-    newParents?: TreeNodeKey[];
-}
+import { TreeProps, TreeSlots } from './Tree.model';
 declare function __VLS_template(): {
-    slots: Readonly<TreeNodeSlots> & TreeNodeSlots;
-    refs: {
-        root: HTMLDivElement;
-    };
+    slots: Readonly<TreeSlots> & TreeSlots;
+    refs: {};
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<TreeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<TreeProps, {
+    scrollContainerRef: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     [x: string]: any;
 } & {
     [x: string]: any;
@@ -22,6 +15,8 @@ declare const __VLS_component: import('vue').DefineComponent<TreeProps, {}, {},
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     size: import('./Tree.model', { with: { "resolution-mode": "import" } }).TreeSize;
+    focusable: boolean;
+    checkStrictly: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,7 +1,10 @@
 import { ComputedRef, Ref, WritableComputedRef } from 'vue';
-import { default as Sortable, SortableOptions } from 'sortablejs';
+import { SortableOptions, SortableEvent, MoveEvent } from '@pantograph/sortable';
 import { Direction } from '../ConfigProvider/utils';
 import { ClassValue } from 'class-variance-authority/types';
+import { OptionGetter } from '@pantograph/utils';
+import { UseVirtualScrollReturnData, VirtualScrollOptions } from '@pantograph/vue-utils';
+import { ScrollContainerProps } from '../ScrollContainer/ScrollContainer';
 export declare const TreeSizes: readonly ["sm", "md", "lg"];
 export type TreeSize = (typeof TreeSizes)[number];
 export declare const TreeGaps: {
@@ -11,11 +14,6 @@ export declare const TreeGaps: {
     readonly lg: "gap-lg";
 };
 export type TreeGap = keyof typeof TreeGaps | number | string;
-export type TreeNodeKey = string;
-export interface BulkData {
-    keys: TreeNodeKey[];
-    value?: boolean;
-}
 export type TreeNodeType = {
     title?: string;
     children?: TreeNodeType[];
@@ -26,18 +24,38 @@ export type TreeNodeType = {
     class?: ClassValue;
     switcherIcon?: string;
     noRotateSwitcherIcon?: boolean;
-    key: TreeNodeKey;
+    key: string;
 };
 export type TreeItem = object & {
-    dragging?: boolean;
-    dragging_level?: number;
+    _key: string;
+    _parentKeys?: string[];
+    _disabled?: boolean;
+    _dragging?: boolean;
+    _hasChildren?: boolean;
 };
-export interface generateContainerParams {
-    ref: Ref;
-    params?: object;
-    level?: number;
-    children?: TreeItem[];
-    parentKeys?: TreeNodeKey[];
+export interface TreeDragExtraParams {
+    node?: TreeItem;
+    oldParents?: string[];
+    newParents?: string[];
+}
+export type TreeDragEvent = SortableEvent & TreeDragExtraParams;
+export type TreeDragMoveEvent = MoveEvent & TreeDragExtraParams;
+export interface TreeNodeSlotProps {
+    selected: boolean;
+    disabled: boolean;
+    checked: boolean | 'indeterminate';
+    expanded: boolean;
+    unFocusable: true;
+}
+export interface TreeNodeSlots {
+    switcherIcon?: (props: TreeNodeSlotProps) => never;
+    default?: (props: TreeNodeSlotProps) => never;
+}
+export interface TreeSlots extends Omit<TreeNodeSlots, 'default'> {
+    default?: (props?: {
+        items: TreeItem[];
+    }) => never;
+    node?: TreeNodeSlots['default'];
 }
 export interface TreeProps extends Partial<Pick<TreeNodeType, 'switcherIcon' | 'noRotateSwitcherIcon' | 'draggable' | 'disabled'>> {
     class?: ClassValue;
@@ -45,41 +63,53 @@ export interface TreeProps extends Partial<Pick<TreeNodeType, 'switcherIcon' | '
     gap?: TreeGap;
     dir?: Direction;
     data: (TreeNodeType | object)[];
-    modelValue?: TreeNodeKey[];
-    value?: TreeNodeKey[];
-    checkedKeys?: TreeNodeKey[];
-    expandedKeys?: TreeNodeKey[];
+    modelValue?: string[];
+    checkedKeys?: string[];
+    expandedKeys?: string[];
     multiple?: boolean;
-    checkbox?: boolean;
-    syncCheckboxAndSelect?: boolean;
-    defaultExpandAll?: boolean;
+    checkable?: boolean;
     selectable?: boolean;
+    defaultExpandAll?: boolean;
     showLine?: boolean;
     inlineNode?: boolean;
     lazyLoad?: boolean;
-    forceMount?: boolean;
-    fieldNames?: Record<keyof TreeNodeType, string>;
+    getLoading?: OptionGetter<boolean | undefined>;
+    getNoRotateSwitcherIcon?: OptionGetter<boolean | undefined>;
+    getTitle?: OptionGetter<string | undefined>;
+    getLeaf?: OptionGetter<boolean | undefined>;
+    getDraggable?: OptionGetter<boolean | undefined>;
+    getKey?: OptionGetter<string>;
+    getSwitcherIcon?: OptionGetter<string | undefined>;
+    getDisabled?: OptionGetter<boolean | undefined>;
+    getChildren?: OptionGetter<object[] | undefined>;
     groupName?: string | ((node?: object) => string);
-    getSortableProps?: (node?: object) => SortableOptions;
+    sortableProps?: Omit<SortableOptions, 'onMove'> & {
+        onMove?: (evt: TreeDragMoveEvent, originalEvent: Event) => boolean | -1 | 1 | void;
+    };
+    focusable?: boolean;
+    checkStrictly?: boolean;
+    syncCheckboxAndSelect?: boolean;
+    virtualScroll?: boolean | ((options: VirtualScrollOptions) => UseVirtualScrollReturnData);
+    scrollContainerProps?: ScrollContainerProps;
 }
 interface Context {
-    size: ComputedRef<TreeSize | undefined>;
     disabled: ComputedRef<boolean | undefined>;
     props: TreeProps;
     dir: ComputedRef<Direction | undefined>;
-    expandedKeys: Ref<TreeNodeKey[]>;
-    model: WritableComputedRef<TreeNodeKey[]>;
-    checked: Ref<TreeNodeKey[]>;
+    expandedKeys: Ref<string[]>;
+    model: WritableComputedRef<string[]>;
+    checked: Ref<string[]>;
     dragging: Ref<boolean>;
-    onExpandKey: (node: object, forceOpen?: boolean) => void;
+    onExpandKey: (node: TreeItem) => void;
+    getLevel: (node: TreeItem) => number;
     getNodeField: <T>(node: object, field: keyof TreeNodeType) => T;
-    onSelect: (node: object, bulkData?: BulkData) => void;
-    onCheck: (node: object, bulkData?: BulkData) => void;
-    useSortable: (data: {
-        instance: Ref<Sortable | undefined>;
-        root: Ref<HTMLElement>;
-        node?: object;
-    }) => void;
+    onSelect: (node: TreeItem, value: boolean) => void;
+    onCheck: (node: TreeItem, value: boolean) => void;
+    getNodeChildren: (node: TreeItem, direct?: boolean, filterDisabled?: boolean) => TreeItem[];
+    indentSize: ComputedRef<'xsm' | '2xsm' | 'sm'>;
+    iconSize: ComputedRef<'xsm' | '2xsm'>;
+    getIsSelected: (node: TreeItem) => boolean;
+    getIsChecked: (node: TreeItem) => boolean | 'indeterminate';
     prefixes: {
         node: string;
         group: string;

package/dist/Tree/TreeNode.d.ts

@@ -1,102 +1,14 @@
-import { TreeItem, TreeNodeKey } from './Tree.model';
+import { TreeItem, TreeNodeSlots } from './Tree.model';
 interface TreeNodeProps {
-    item: TreeItem;
-    level?: number;
-    parentKeys?: TreeNodeKey[];
-}
-export interface TreeNodeSlots {
-    switcherIcon?: (props: object & {
-        selected: boolean;
-        disabled: boolean;
-        checked: boolean | 'indeterminate';
-        expanded: boolean;
-        unFocusable: true;
-    }) => never;
-    title?: (props: object & {
-        selected: boolean;
-        disabled: boolean;
-        checked: boolean | 'indeterminate';
-        unFocusable: true;
-    }) => never;
-    dragTrigger?: (props: object & {
-        selected: boolean;
-        disabled: boolean;
-        checked: boolean | 'indeterminate';
-        unFocusable: true;
-    }) => never;
+    node: TreeItem;
 }
 declare function __VLS_template(): {
     slots: Readonly<TreeNodeSlots> & TreeNodeSlots;
-    refs: {
-        indent: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly size?: import('../index.ts', { with: { "resolution-mode": "import" } }).IndentLevelSize | undefined;
-                readonly showLine?: (import('../index.ts', { with: { "resolution-mode": "import" } }).IndentLevelShowLine | number | false) | undefined;
-                readonly children?: boolean | undefined;
-                readonly level?: number | string | undefined;
-                readonly expanded?: boolean | undefined;
-                readonly loading?: boolean | undefined;
-                readonly class?: import('clsx').ClassValue;
-                readonly branchIcon?: string | undefined;
-                readonly noRotateBranch?: boolean | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../IndentLevel/IndentLevel').IndentLevelProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                size: import('../index.ts', { with: { "resolution-mode": "import" } }).IndentLevelSize;
-                level: number | string;
-                branchIcon: string;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').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.ts', { with: { "resolution-mode": "import" } }).IndentLevelSize;
-            level: number | string;
-            branchIcon: string;
-        }> & Omit<Readonly<import('../IndentLevel/IndentLevel').IndentLevelProps> & Readonly<{}>, "size" | "level" | "branchIcon"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-            };
-        }) | null;
-        root: HTMLDivElement;
-    };
+    refs: {};
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<TreeNodeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TreeNodeProps> & Readonly<{}>, {
-    level: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<TreeNodeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TreeNodeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/Tree/TreePlaceholder.d.ts

@@ -0,0 +1,9 @@
+export interface TreePlaceholderProps {
+    level: number;
+    size: 'sm' | 'md' | 'lg';
+    indentSize: 'sm' | 'xsm' | '2xsm';
+    branchIcon: string;
+    children: boolean;
+}
+declare const _default: import('vue').DefineComponent<TreePlaceholderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TreePlaceholderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/Tree/index.d.ts

@@ -1,2 +1,3 @@
-export { default as Tree, type DragEndData, default } from './Tree';
+export { default as Tree, default } from './Tree';
+export { default as TreeNode } from './TreeNode';
 export * from './Tree.model';

package/dist/Tree/index.js

@@ -1,9 +1,10 @@
-import { _ as r, a as s, T as t, _ as T, i as o, p as i } from "../Tree.vue_vue_type_style_index_0_lang-Des-7-p4.js";
+import { _ as r, b as s, a as t, T, _ as o, i, p } from "../Tree.vue_vue_type_style_index_0_lang-CauWPkMW.js";
 export {
   r as Tree,
   s as TreeGaps,
-  t as TreeSizes,
-  T as default,
-  o as injectTreeContext,
-  i as provideTreeContext
+  t as TreeNode,
+  T as TreeSizes,
+  o as default,
+  i as injectTreeContext,
+  p as provideTreeContext
 };

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-D97fT1Cb.js");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;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_style_index_0_lang-DitveB9N.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;