@pantograph/vue 0.27.10 → 0.28.0

package/dist/{Textarea.vue_vue_type_style_index_0_lang-CLhSsqGd.js → Textarea.vue_vue_type_style_index_0_lang-De3Hf7KF.js}

@@ -1,12 +1,12 @@
-import { defineComponent as U, 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 { defineComponent as U, useAttrs as j, computed as g, ref as v, onMounted as b, watch as A, nextTick as L, createBlock as y, openBlock as B, 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 { getBemBlock as te, generateVariantClassList as c, normCls as h, getBemElement as C } from "@pantograph/utils";
 import { cva as ae } from "class-variance-authority";
 import { getComponentOptions as oe, useVModel as se, useFormInput as le, useInputDataStates as re, getStyleObject as ie } from "@pantograph/utils-vue";
-import { _ as ne } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
-import { _ as ue } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CCEG6AjN.js";
-import { cloneDeep as ce, omit as C, pick as de, omitBy as pe, isUndefined as me, clone as H } from "es-toolkit";
-const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], ke = /* @__PURE__ */ U({
+import { _ as ne } from "./Icon.vue_vue_type_style_index_0_lang-DPe3mUfh.js";
+import { _ as ue } from "./ScrollContainer.vue_vue_type_style_index_0_lang-uN8OhXm4.js";
+import { cloneDeep as ce, omit as H, pick as de, omitBy as pe, isUndefined as me, clone as V } from "es-toolkit";
+const k = ["sm", "md", "lg"], fe = ["error", "warning", "success"], ke = /* @__PURE__ */ U({
   ...oe("Textarea", !1),
   __name: "Textarea",
   props: {
@@ -15,6 +15,7 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], ke = /* @__P
     type: {},
     placeholder: {},
     disabled: { type: Boolean, default: void 0 },
+    immediateFocus: { type: Boolean },
     required: { type: Boolean },
     modelValue: {},
     defaultValue: {},
@@ -32,8 +33,8 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], ke = /* @__P
     maxHeight: {}
   },
   emits: ["update:modelValue", "clear", "input", "blur", "focus"],
-  setup(k, { expose: _, emit: I }) {
-    const t = k, u = I, r = se(
+  setup(_, { expose: I, emit: T }) {
+    const t = _, u = T, r = se(
       t,
       "modelValue",
       u,
@@ -41,42 +42,45 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], ke = /* @__P
         defaultValue: t.defaultValue,
         passive: t.modelValue === void 0
       }
-    ), i = te("textarea"), T = ae(i, {
+    ), i = te("textarea"), $ = ae(i, {
       variants: {
-        size: c(V, i),
+        size: c(k, i),
         status: c(fe, i),
         bordered: c("bordered", i),
         autoSize: c("auto-size", i)
       }
-    }), $ = j(), { getDisabled: d, getStatus: S, getSize: p } = le({
-      getSize: () => t.size && V.includes(t.size) ? t.size : "md"
-    }), { rootBindings: w, inputBindings: D } = re({
+    }), w = j(), { getDisabled: d, getStatus: S, getSize: p } = le({
+      getSize: () => t.size && k.includes(t.size) ? t.size : "md"
+    }), { rootBindings: D, inputBindings: P } = re({
       getDisabled: () => d.value,
       emit: u,
       blurCallBack: (e) => {
         const a = e.target;
         a != null && a.value && (a.value = String(ce(r.value)));
       }
-    }), P = g(() => {
+    }), R = g(() => {
       const e = {
         ...de(t, ["id", "maxlength", "type", "required", "placeholder"]),
         disabled: d.value,
-        ...C($, ["value"]),
-        ...D.value
+        ...H(w, ["value"]),
+        ...P.value
       };
       return { ...pe(e, me) };
-    }), 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`));
+    }), M = 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 ? `${V(s.value.scrollHeight)}px` : "100%", t.autoSize && (z.value = `${V(s.value.scrollHeight) + 2}px`));
     };
-    A(() => {
+    b(() => {
       var e;
       (e = m.value) != null && e.root && ee(m.value.root, f);
-    }), F(
+    }), t.immediateFocus && b(() => {
+      var e, a;
+      return (a = (e = s.value) == null ? void 0 : e.focus) == null ? void 0 : a.call(e);
+    }), A(
       () => [p.value, t.autoSize, r.value],
       () => L(f),
       { immediate: !0 }
     );
-    const M = (e) => {
+    const F = (e) => {
       f(), u("input", e);
     }, O = () => {
       r.value = "", u("clear");
@@ -88,12 +92,12 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], ke = /* @__P
         "--ptc-scroll-container-bar-padding": "4px"
       }, a = q(), n = E();
       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"]),
-        ...w.value,
+        ...H(t.rootProps ?? {}, ["class", "style"]),
+        ...D.value,
         style: e
       };
     });
-    return _({ textarea: s, focus: (e) => {
+    return I({ textarea: s, focus: (e) => {
       var a;
       return (a = s.value) == null ? void 0 : a.focus(e);
     }, blur: () => {
@@ -107,12 +111,12 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], ke = /* @__P
       return (l = s.value) == null ? void 0 : l.setSelectionRange(e, a, n);
     } }), (e, a) => {
       var n;
-      return y(), b(ue, {
+      return B(), y(ue, {
         ref_key: "container",
         ref: m,
         "root-props": {
           class: o(h)(
-            o(T)({
+            o($)({
               size: o(p),
               status: o(S) === "success" && !o(r) ? void 0 : o(S),
               bordered: String(e.bordered),
@@ -127,12 +131,12 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], ke = /* @__P
         root: x(() => {
           var l;
           return [
-            !o(d) && e.allowClear && ((l = o(r)) != null && l.length) ? (y(), b(ne, {
+            !o(d) && e.allowClear && ((l = o(r)) != null && l.length) ? (B(), y(ne, {
               key: 0,
               icon: e.clearIcon,
-              size: R.value,
+              size: M.value,
               onClick: O,
-              class: Y(o(h)(o(B)(o(i), "clear_icon"), e.clearIconCls))
+              class: Y(o(h)(o(C)(o(i), "clear_icon"), e.clearIconCls))
             }, {
               default: x(() => [
                 Z(e.$slots, "clearIcon")
@@ -146,8 +150,8 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], ke = /* @__P
             ref_key: "textarea",
             ref: s,
             "onUpdate:modelValue": a[0] || (a[0] = (l) => Q(r) ? r.value = l : null),
-            class: o(h)(o(B)(o(i), "textarea"), e.textareaCls, "paragraph")
-          }, P.value, { onInput: M }), null, 16), [
+            class: o(h)(o(C)(o(i), "textarea"), e.textareaCls, "paragraph")
+          }, R.value, { onInput: F }), null, 16), [
             [W, o(r)]
           ])
         ]),
@@ -157,7 +161,7 @@ const V = ["sm", "md", "lg"], fe = ["error", "warning", "success"], ke = /* @__P
   }
 });
 export {
-  V as T,
+  k as T,
   ke as _,
   fe as a
 };

package/dist/Textarea.vue_vue_type_style_index_0_lang-i_ao8fj2.js

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

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-BABaPZd9.js";
+import { _ as r, b as s, a as t, T, _ as o, i, p } from "../Tree.vue_vue_type_style_index_0_lang-BFHerbO8.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-BatNCRm4.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_style_index_0_lang-DabHAmO4.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;