@pantograph/vue 0.0.3 → 0.6.1

package/dist/Spinner.vue_vue_type_style_index_0_lang-BOXr-RUw.js

@@ -0,0 +1,85 @@
+import { defineComponent as h, useSlots as k, computed as c, openBlock as n, createBlock as C, unref as s, normalizeClass as i, withCtx as r, createVNode as y, renderSlot as p, createElementBlock as x, createElementVNode as u, createCommentVNode as d, createTextVNode as N, toDisplayString as V } from "vue";
+import { g as f, a as v, b as T } from "./class-DyU-Ox8D.js";
+import { cva as _ } from "class-variance-authority";
+import { Primitive as B } from "radix-vue";
+import { _ as w } from "./Icon.vue_vue_type_style_index_0_lang-W7sippxn.js";
+import { g as E } from "./options-JBqnVZUl.js";
+const $ = ["3xsm", "2xsm", "sm"], b = {
+  key: 0,
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, j = /* @__PURE__ */ h({
+  ...E("Spinner"),
+  __name: "Spinner",
+  props: {
+    size: { default: "sm" },
+    class: {},
+    text: { type: [String, Boolean], default: void 0 },
+    icon: {},
+    as: { default: "div" }
+  },
+  setup(g) {
+    const o = g, t = T("spinner"), z = _(t, {
+      variants: {
+        size: f($, t),
+        icon: f("icon", t)
+      }
+    }), l = k(), a = c(() => !!o.text || !!l.default), S = c(() => o.text);
+    return (e, m) => (n(), C(s(B), {
+      class: i([
+        s(z)({ size: e.size, icon: !!e.icon || !!s(l).icon }),
+        o.class
+      ]),
+      key: a.value,
+      "as-child": !a.value,
+      as: e.as
+    }, {
+      default: r(() => [
+        y(w, {
+          class: i(s(v)(s(t), "icon")),
+          size: e.size,
+          icon: e.icon
+        }, {
+          default: r(() => [
+            p(e.$slots, "icon", {}, () => [
+              e.icon ? d("", !0) : (n(), x("svg", b, m[0] || (m[0] = [
+                u("path", {
+                  d: "M22.5 12C23.3284 12 24.0097 12.6742 23.9064 13.4961C23.6748 15.3394 23.0173 17.1109 21.9776 18.6668C20.6591 20.6402 18.7849 22.1783 16.5922 23.0866C14.3995 23.9948 11.9867 24.2324 9.65892 23.7694C7.33114 23.3064 5.19295 22.1635 3.51472 20.4853C1.83649 18.8071 0.693599 16.6689 0.230577 14.3411C-0.232446 12.0133 0.00519403 9.60051 0.913446 7.4078C1.8217 5.21509 3.35977 3.34094 5.33316 2.02236C6.88913 0.982696 8.66064 0.32524 10.5039 0.0936235C11.3258 -0.0096629 12 0.671573 12 1.5C12 2.32843 11.3239 2.98727 10.5069 3.12471C9.2582 3.33479 8.06207 3.80703 6.99987 4.51677C5.51983 5.50571 4.36627 6.91131 3.68508 8.55585C3.0039 10.2004 2.82567 12.01 3.17293 13.7558C3.5202 15.5016 4.37737 17.1053 5.63604 18.364C6.89471 19.6226 8.49836 20.4798 10.2442 20.8271C11.99 21.1743 13.7996 20.9961 15.4442 20.3149C17.0887 19.6337 18.4943 18.4802 19.4832 17.0001C20.193 15.9379 20.6652 14.7418 20.8753 13.4931C21.0127 12.6761 21.6716 12 22.5 12Z",
+                  fill: "currentColor"
+                }, [
+                  u("animateTransform", {
+                    attributeName: "transform",
+                    dur: "1s",
+                    repeatCount: "indefinite",
+                    type: "rotate",
+                    values: "0 12 12;360 12 12"
+                  })
+                ], -1)
+              ])))
+            ])
+          ]),
+          _: 3
+        }, 8, ["class", "size", "icon"]),
+        a.value ? (n(), C(s(B), {
+          key: 0,
+          as: e.as,
+          class: i(s(v)(s(t), "text"))
+        }, {
+          default: r(() => [
+            p(e.$slots, "default", {}, () => [
+              N(V(S.value), 1)
+            ])
+          ]),
+          _: 3
+        }, 8, ["as", "class"])) : d("", !0)
+      ]),
+      _: 3
+    }, 8, ["class", "as-child", "as"]));
+  }
+});
+export {
+  $ as S,
+  j as _
+};

package/dist/Spinner.vue_vue_type_style_index_0_lang-DW5QRtWO.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("./class-CjZYGZDW.js"),d=require("class-variance-authority"),l=require("radix-vue"),f=require("./Icon.vue_vue_type_style_index_0_lang-D-jaUivh.js"),p=require("./options-B4iSAKol.js"),c=["3xsm","2xsm","sm"],v={key:0,width:"1em",height:"1em",viewBox:"0 0 24 24",fill:"none"},B=e.defineComponent({...p.getComponentOptions("Spinner"),__name:"Spinner",props:{size:{default:"sm"},class:{},text:{type:[String,Boolean],default:void 0},icon:{},as:{default:"div"}},setup(u){const o=u,n=s.getBemBlock("spinner"),m=d.cva(n,{variants:{size:s.generateVariantClassList(c,n),icon:s.generateVariantClassList("icon",n)}}),i=e.useSlots(),a=e.computed(()=>!!o.text||!!i.default),C=e.computed(()=>o.text);return(t,r)=>(e.openBlock(),e.createBlock(e.unref(l.Primitive),{class:e.normalizeClass([e.unref(m)({size:t.size,icon:!!t.icon||!!e.unref(i).icon}),o.class]),key:a.value,"as-child":!a.value,as:t.as},{default:e.withCtx(()=>[e.createVNode(f._sfc_main,{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"icon")),size:t.size,icon:t.icon},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",{},()=>[t.icon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("svg",v,r[0]||(r[0]=[e.createElementVNode("path",{d:"M22.5 12C23.3284 12 24.0097 12.6742 23.9064 13.4961C23.6748 15.3394 23.0173 17.1109 21.9776 18.6668C20.6591 20.6402 18.7849 22.1783 16.5922 23.0866C14.3995 23.9948 11.9867 24.2324 9.65892 23.7694C7.33114 23.3064 5.19295 22.1635 3.51472 20.4853C1.83649 18.8071 0.693599 16.6689 0.230577 14.3411C-0.232446 12.0133 0.00519403 9.60051 0.913446 7.4078C1.8217 5.21509 3.35977 3.34094 5.33316 2.02236C6.88913 0.982696 8.66064 0.32524 10.5039 0.0936235C11.3258 -0.0096629 12 0.671573 12 1.5C12 2.32843 11.3239 2.98727 10.5069 3.12471C9.2582 3.33479 8.06207 3.80703 6.99987 4.51677C5.51983 5.50571 4.36627 6.91131 3.68508 8.55585C3.0039 10.2004 2.82567 12.01 3.17293 13.7558C3.5202 15.5016 4.37737 17.1053 5.63604 18.364C6.89471 19.6226 8.49836 20.4798 10.2442 20.8271C11.99 21.1743 13.7996 20.9961 15.4442 20.3149C17.0887 19.6337 18.4943 18.4802 19.4832 17.0001C20.193 15.9379 20.6652 14.7418 20.8753 13.4931C21.0127 12.6761 21.6716 12 22.5 12Z",fill:"currentColor"},[e.createElementVNode("animateTransform",{attributeName:"transform",dur:"1s",repeatCount:"indefinite",type:"rotate",values:"0 12 12;360 12 12"})],-1)])))])]),_:3},8,["class","size","icon"]),a.value?(e.openBlock(),e.createBlock(e.unref(l.Primitive),{key:0,as:t.as,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"text"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(C.value),1)])]),_:3},8,["as","class"])):e.createCommentVNode("",!0)]),_:3},8,["class","as-child","as"]))}});exports.SpinnerSizes=c;exports._sfc_main=B;

package/dist/Switch/Switch.d.ts

@@ -0,0 +1,29 @@
+import { SwitchRootProps } from 'radix-vue';
+import { Class } from '../types';
+import { SwitchSize } from './Switch.model';
+export interface SwitchProps extends Omit<SwitchRootProps, 'asChild'> {
+    size?: SwitchSize;
+    class?: Class;
+    rootCls?: Class;
+    labelCls?: Class;
+    label?: string;
+}
+declare function __VLS_template(): any;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SwitchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:checked": (payload: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<SwitchProps> & Readonly<{
+    "onUpdate:checked"?: ((payload: boolean) => any) | undefined;
+}>, {
+    size: SwitchSize;
+    disabled: boolean;
+    required: boolean;
+    checked: boolean;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Switch/Switch.model.d.ts

@@ -0,0 +1,2 @@
+export declare const SwitchSizes: readonly ["2xsm", "xsm", "sm"];
+export type SwitchSize = (typeof SwitchSizes)[number];

package/dist/Switch/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("../class-CjZYGZDW.js"),v=require("class-variance-authority"),r=require("radix-vue"),B=require("../omit-C_ZXwm9T.js"),S=require("../options-B4iSAKol.js"),u=["2xsm","xsm","sm"],z=["for"],d=e.defineComponent({...S.getComponentOptions("Switch"),__name:"Switch",props:{size:{default:"xsm"},class:{},rootCls:{},labelCls:{},label:{},defaultChecked:{type:Boolean},checked:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},required:{type:Boolean,default:void 0},name:{},id:{},value:{},as:{}},emits:["update:checked"],setup(m,{emit:f}){const l=m,h=f,p=r.useEmitAsProps(h),s=n.getBemBlock("switch"),C=v.cva(s,{variants:{size:n.generateVariantClassList(u,s),innerText:n.generateVariantClassList("inner-text",s),innerIcon:n.generateVariantClassList("inner-icon",s)}}),o=e.useSlots(),c=e.computed(()=>l.id??r.useId(void 0,s)),k=e.computed(()=>({...B.omit(l,"size","class","id","rootCls","labelCls","label"),...p,id:c.value})),i=e.computed(()=>l.size==="xsm"?"2xsm":"xsm"),a=e.computed(()=>!!(o.label||l.label));return(t,b)=>(e.openBlock(),e.createBlock(e.unref(r.Primitive),{as:t.as,asChild:!a.value,key:a.value,class:e.normalizeClass([{[e.unref(n.getBemElement)(e.unref(s),"root")]:a.value},a.value?l.rootCls:void 0])},{default:e.withCtx(()=>[e.createVNode(e.unref(r.SwitchRoot),e.mergeProps({class:[e.unref(C)({size:t.size,innerText:!!(e.unref(o).checkedText||e.unref(o).uncheckedText),innerIcon:!!(e.unref(o).checkedIcon||e.unref(o).uncheckedIcon)}),l.class]},k.value),{default:e.withCtx(()=>[e.createVNode(e.unref(r.SwitchThumb),{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"thumb"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"thumb",{size:i.value})]),_:3},8,["class"]),["xsm","sm"].includes(t.size)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"inner"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"inner__checked"))},[e.renderSlot(t.$slots,"checkedText",{},()=>[e.renderSlot(t.$slots,"checkedIcon",{size:i.value})])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(s),"inner__unchecked"))},[e.renderSlot(t.$slots,"uncheckedText",{},()=>[e.renderSlot(t.$slots,"uncheckedIcon",{size:i.value})])],2)],2)):e.createCommentVNode("",!0)]),_:3},16,["class"]),a.value?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(s),"label"),t.labelCls]),for:c.value},[e.renderSlot(t.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])],10,z)):e.createCommentVNode("",!0)]),_:3},8,["as","asChild","class"]))}});exports.Switch=d;exports.SwitchSizes=u;exports.default=d;

package/dist/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Switch, type SwitchProps, default } from './Switch';
+export * from './Switch.model.ts';

package/dist/Switch/index.es.js

@@ -0,0 +1,104 @@
+import { defineComponent as w, useSlots as x, computed as r, openBlock as u, createBlock as y, unref as e, normalizeClass as l, withCtx as m, createVNode as f, mergeProps as I, renderSlot as a, createElementBlock as k, createElementVNode as v, createCommentVNode as b, createTextVNode as T, toDisplayString as $ } from "vue";
+import { g as h, a as n, b as P } from "../class-DyU-Ox8D.js";
+import { cva as V } from "class-variance-authority";
+import { useEmitAsProps as E, useId as N, Primitive as _, SwitchRoot as A, SwitchThumb as L } from "radix-vue";
+import { o as q } from "../omit-DtumnYm5.js";
+import { g as D } from "../options-JBqnVZUl.js";
+const O = ["2xsm", "xsm", "sm"], R = ["for"], U = /* @__PURE__ */ w({
+  ...D("Switch"),
+  __name: "Switch",
+  props: {
+    size: { default: "xsm" },
+    class: {},
+    rootCls: {},
+    labelCls: {},
+    label: {},
+    defaultChecked: { type: Boolean },
+    checked: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    name: {},
+    id: {},
+    value: {},
+    as: {}
+  },
+  emits: ["update:checked"],
+  setup(C, { emit: z }) {
+    const o = C, B = E(z), s = P("switch"), S = V(s, {
+      variants: {
+        size: h(O, s),
+        innerText: h("inner-text", s),
+        innerIcon: h("inner-icon", s)
+      }
+    }), i = x(), p = r(() => o.id ?? N(void 0, s)), g = r(() => ({
+      ...q(o, "size", "class", "id", "rootCls", "labelCls", "label"),
+      ...B,
+      id: p.value
+    })), d = r(() => o.size === "xsm" ? "2xsm" : "xsm"), c = r(() => !!(i.label || o.label));
+    return (t, F) => (u(), y(e(_), {
+      as: t.as,
+      asChild: !c.value,
+      key: c.value,
+      class: l([{ [e(n)(e(s), "root")]: c.value }, c.value ? o.rootCls : void 0])
+    }, {
+      default: m(() => [
+        f(e(A), I({
+          class: [
+            e(S)({
+              size: t.size,
+              innerText: !!(e(i).checkedText || e(i).uncheckedText),
+              innerIcon: !!(e(i).checkedIcon || e(i).uncheckedIcon)
+            }),
+            o.class
+          ]
+        }, g.value), {
+          default: m(() => [
+            f(e(L), {
+              class: l(e(n)(e(s), "thumb"))
+            }, {
+              default: m(() => [
+                a(t.$slots, "thumb", { size: d.value })
+              ]),
+              _: 3
+            }, 8, ["class"]),
+            ["xsm", "sm"].includes(t.size) ? (u(), k("div", {
+              key: 0,
+              class: l(e(n)(e(s), "inner"))
+            }, [
+              v("div", {
+                class: l(e(n)(e(s), "inner__checked"))
+              }, [
+                a(t.$slots, "checkedText", {}, () => [
+                  a(t.$slots, "checkedIcon", { size: d.value })
+                ])
+              ], 2),
+              v("div", {
+                class: l(e(n)(e(s), "inner__unchecked"))
+              }, [
+                a(t.$slots, "uncheckedText", {}, () => [
+                  a(t.$slots, "uncheckedIcon", { size: d.value })
+                ])
+              ], 2)
+            ], 2)) : b("", !0)
+          ]),
+          _: 3
+        }, 16, ["class"]),
+        c.value ? (u(), k("label", {
+          key: 0,
+          class: l([e(n)(e(s), "label"), t.labelCls]),
+          for: p.value
+        }, [
+          a(t.$slots, "label", {}, () => [
+            T($(t.label), 1)
+          ])
+        ], 10, R)) : b("", !0)
+      ]),
+      _: 3
+    }, 8, ["as", "asChild", "class"]));
+  }
+});
+export {
+  U as Switch,
+  O as SwitchSizes,
+  U as default
+};

package/dist/Tree/Tree.d.ts

@@ -0,0 +1,66 @@
+import { default as Sortable, SortableEvent } from 'sortablejs';
+import { Class } from '../types';
+import { TreeGap, TreeNode, TreeNodeKey, TreeSize } from './Tree.model';
+import { TreeNodeSlots } from './TreeNode';
+export interface TreeProps extends Partial<Pick<TreeNode, 'switcherIcon' | 'noRotateSwitcherIcon' | 'draggable' | 'disabled'>> {
+    class?: Class;
+    size?: TreeSize;
+    gap?: TreeGap;
+    data: (TreeNode | object)[];
+    value?: TreeNodeKey[];
+    checkedKeys?: TreeNodeKey[];
+    expandedKeys?: TreeNodeKey[];
+    multiple?: boolean;
+    checkbox?: boolean;
+    defaultExpandAll?: boolean;
+    selectable?: boolean;
+    showLine?: boolean;
+    inlineNode?: boolean;
+    lazyLoad?: boolean;
+    fieldNames?: Record<keyof TreeNode, string>;
+    groupName?: string;
+}
+export interface DragEndData extends SortableEvent {
+    node?: object;
+    oldParents?: TreeNodeKey[];
+    newParents?: TreeNodeKey[];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<TreeNodeSlots> & TreeNodeSlots;
+    refs: {
+        root: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TreeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (node: object | TreeNode, selected: boolean) => any;
+    "update:value": (value: string[]) => any;
+    expand: (node: object | TreeNode, expanded: boolean) => any;
+    "update:expandedKeys": (value: string[]) => any;
+    "update:checkedKeys": (checkedKeys: string[]) => any;
+    check: (node: object | TreeNode, checked: boolean, key: string | string[]) => any;
+    dragStart: (data: Sortable.SortableEvent) => any;
+    dragEnd: (data: DragEndData) => any;
+}, string, import('vue').PublicProps, Readonly<TreeProps> & Readonly<{
+    onSelect?: ((node: object | TreeNode, selected: boolean) => any) | undefined;
+    "onUpdate:value"?: ((value: string[]) => any) | undefined;
+    onExpand?: ((node: object | TreeNode, expanded: boolean) => any) | undefined;
+    "onUpdate:expandedKeys"?: ((value: string[]) => any) | undefined;
+    "onUpdate:checkedKeys"?: ((checkedKeys: string[]) => any) | undefined;
+    onCheck?: ((node: object | TreeNode, checked: boolean, key: string | string[]) => any) | undefined;
+    onDragStart?: ((data: Sortable.SortableEvent) => any) | undefined;
+    onDragEnd?: ((data: DragEndData) => any) | undefined;
+}>, {
+    size: TreeSize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,71 @@
+import { ComputedRef, Ref } from 'vue';
+import { Class } from '../types/index.js';
+export declare const TreeSizes: readonly ["sm", "md", "lg"];
+export type TreeSize = (typeof TreeSizes)[number];
+export declare const TreeGaps: {
+    readonly none: "gap-none";
+    readonly sm: "gap-sm";
+    readonly md: "gap-md";
+    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 TreeNode = {
+    title?: string;
+    children?: TreeNode[];
+    disabled?: boolean;
+    draggable?: boolean;
+    leaf?: boolean;
+    loading?: boolean;
+    class?: Class;
+    switcherIcon?: string;
+    noRotateSwitcherIcon?: boolean;
+    key: TreeNodeKey;
+};
+export type TreeItem = object & {
+    dragging?: boolean;
+    dragging_level?: number;
+};
+export interface generateContainerParams {
+    ref: Ref;
+    params?: object;
+    level?: number;
+    children?: TreeItem[];
+    parentKeys?: TreeNodeKey[];
+}
+interface Context {
+    size: ComputedRef<TreeSize>;
+    showLine: ComputedRef<boolean | undefined>;
+    lazyLoad: ComputedRef<boolean | undefined>;
+    draggable: ComputedRef<boolean | undefined>;
+    checkbox: ComputedRef<boolean | undefined>;
+    disabled: ComputedRef<boolean | undefined>;
+    switcherIcon: ComputedRef<string | undefined>;
+    noRotateSwitcherIcon: ComputedRef<boolean | undefined>;
+    expandedKeys: Ref<TreeNodeKey[]>;
+    model: Ref<TreeNodeKey[]>;
+    checked: Ref<TreeNodeKey[]>;
+    dragging: Ref<boolean>;
+    onExpandKey: (node: object) => void;
+    getNodeField: <T>(node: object, field: keyof TreeNode) => T;
+    onSelect: (node: object) => void;
+    generateContainerProps: (node: generateContainerParams) => object;
+    onCheck: (node: object, bulkData?: BulkData) => void;
+    useSortable: (data: {
+        instance: Ref<object | undefined>;
+        root: Ref<HTMLElement>;
+    }) => void;
+    prefixes: {
+        node: string;
+        group: string;
+        draggable: string;
+        draggableIcon: string;
+        groupList: string;
+    };
+}
+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/TreeNode.d.ts

@@ -0,0 +1,33 @@
+import { TreeItem, TreeNodeKey } from './Tree.model';
+interface TreeNodeProps {
+    item: TreeItem;
+    level?: number;
+    hovered?: boolean;
+    parentKeys?: TreeNodeKey[];
+}
+export interface TreeNodeSlots {
+    switcherIcon?: (props: object) => never;
+    title?: (props: object) => never;
+    dragTrigger?: (props: object) => never;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<TreeNodeSlots> & TreeNodeSlots;
+    refs: {
+        root: HTMLDivElement;
+    };
+    rootEl: any;
+};
+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, {
+    root: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Tree/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../class-CjZYGZDW.js"),Z=require("class-variance-authority"),le=require("../omit-C_ZXwm9T.js"),W=require("radix-vue"),J=require("lodash-es"),se=require("sortablejs"),D=require("../options-B4iSAKol.js"),ie=require("../IndentLevel.vue_vue_type_style_index_0_lang-B_x8tshB.js"),de=require("../Icon.vue_vue_type_style_index_0_lang-D-jaUivh.js"),ce=require("../Checkbox.vue_vue_type_style_index_0_lang-BQeNpCYy.js");var ue=1,ge=4;function B(F){return le.baseClone(F,ue|ge)}const ee=["sm","md","lg"],Q={none:"gap-none",sm:"gap-sm",md:"gap-md",lg:"gap-lg"},[te,ne]=W.createContext("CheckboxGroup"),ve=["tabindex"],me=["data-parents","data-level"],pe=e.defineComponent({...D.getComponentOptions("TreeNode"),__name:"TreeNode",props:{item:{},level:{default:1},hovered:{type:Boolean},parentKeys:{}},setup(F){const s=F,t=te(),y=Z.cva(t.prefixes.node,{variants:{disabled:u.generateVariantClassList("disabled",t.prefixes.node),active:u.generateVariantClassList("active",t.prefixes.node)}}),p=e.computed(()=>{switch(t.size.value){case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}}),T=e.computed(()=>{switch(t.size.value){case"sm":return"2xsm";default:return"xsm"}}),C=n=>t.getNodeField(n,"children"),S=n=>t.getNodeField(n,"key"),E=e.computed(()=>C(s.item)),O=e.computed(()=>t.getNodeField(s.item,"leaf")),_=e.computed(()=>t.draggable.value?t.getNodeField(s.item,"draggable")??!0:!1),b=e.computed(()=>S(s.item)),N=e.computed(()=>t.getNodeField(s.item,"disabled")),w=e.computed(()=>{var n;return!!((n=E.value)!=null&&n.some(a=>t.expandedKeys.value.includes(S(a))))}),v=e.inject("tree-node-context",{hovered:e.ref(s.hovered??!1),expanded:e.ref(!1),childExpanded:w}),z=e.computed(()=>!(s.item.dragging??!1)&&t.expandedKeys.value.includes(b.value)),h=e.ref(!1),x=n=>{h.value=n};e.watch(h,n=>{t.showLine.value&&v.hovered&&(v.hovered.value=n)}),e.provide("tree-node-context",{expanded:z,childExpanded:w,hovered:h});const k=e.computed(()=>{var n,a,l;if(t.dragging.value)return!1;if(t.showLine.value){if(s.hovered||(n=v.hovered)!=null&&n.value||h.value)return"all";if(z.value&&!w.value)return"self";if((a=v.expanded)!=null&&a.value&&!((l=v.childExpanded)!=null&&l.value))return"last"}}),P=e.computed(()=>{var n;return!((n=E.value)!=null&&n.length)}),R=()=>{N.value||t.onSelect(s.item)},j=e.computed(()=>t.model.value.includes(b.value)),G=e.computed(()=>{const n=(m=s.item)=>{const d=C(m);return(d==null?void 0:d.length)&&d.every(c=>t.checked.value.includes(S(c)))},a=(m=s.item)=>{const d=C(m);return d!=null&&d.length?!!(d!=null&&d.some(c=>t.checked.value.includes(S(c))||a(c))):!1},l=t.checked.value.includes(b.value);return n()?(l||t.onCheck(s.item),!0):a()?(l&&t.onCheck(s.item),"indeterminate"):!!l}),U=()=>{var l;if(!((l=E.value)!=null&&l.length))return t.onCheck(s.item);const n=(f=s.item)=>{const m=C(f);return m!=null&&m.length?m.reduce((d,c)=>{const o=C(c),g=S(c);return o!=null&&o.length?[...d,g,...n(c)]:[...d,g]},[]):[]},a=n();return t.onCheck(s.item,{keys:[b.value,...a],value:!t.checked.value.includes(b.value)})},L=e.computed(()=>[...s.parentKeys??[],b.value]),K=()=>{t.onExpandKey(s.item)},V=e.computed(()=>s.item.dragging_level??s.level),A=e.computed(()=>V.value+1),$=e.ref(),i=e.ref();t.useSortable({root:$,instance:i});const r=e.computed(()=>{switch(t.size.value){case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}});return(n,a)=>{const l=e.resolveComponent("TreeNode",!0);return e.openBlock(),e.createBlock(e.unref(W.Primitive),{asChild:P.value,key:P.value,"data-parents":e.unref(t).draggable.value?n.parentKeys:void 0,"data-key":e.unref(t).draggable.value?b.value:void 0,"data-draggable":e.unref(t).draggable.value?!e.unref(t).disabled.value&&!N.value&&_.value:void 0,class:e.normalizeClass([{[e.unref(t).prefixes.group]:!P.value},e.unref(t).getNodeField(n.item,"class")])},{default:e.withCtx(()=>{var f,m;return[e.createElementVNode("div",{tabindex:N.value?void 0:0,class:e.normalizeClass([e.unref(y)({disabled:N.value,active:j.value}),e.unref(t).getNodeField(n.item,"class")]),onMouseenter:a[1]||(a[1]=d=>x(!0)),onMouseleave:a[2]||(a[2]=d=>x(!1)),onClick:R},[e.unref(t).draggable.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).prefixes.draggable)},[!n.item.dragging&&!e.unref(t).dragging.value?(e.openBlock(),e.createBlock(de._sfc_main,{key:0,icon:"tabler:grip-vertical",size:T.value,class:e.normalizeClass(e.unref(t).prefixes.draggableIcon)},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"dragTrigger",e.normalizeProps(e.guardReactiveProps(n.item)))]),_:3},8,["size","class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createVNode(ie._sfc_main,{level:V.value,children:!!((f=E.value)!=null&&f.length||e.unref(t).lazyLoad.value&&!O.value),size:r.value,expanded:z.value,showLine:k.value,loading:e.unref(t).getNodeField(n.item,"loading"),"branch-icon":e.unref(t).getNodeField(n.item,"switcherIcon")??e.unref(t).switcherIcon.value,"no-rotate-branch":e.unref(t).getNodeField(n.item,"noRotateSwitcherIcon")??e.unref(t).noRotateSwitcherIcon.value,onToggleExpand:e.withModifiers(K,["stop"])},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"switcherIcon",e.mergeProps({expanded:z.value},n.item))]),_:3},8,["level","children","size","expanded","showLine","loading","branch-icon","no-rotate-branch"]),!n.item.dragging||!e.unref(t).dragging.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(t).checkbox.value?(e.openBlock(),e.createBlock(ce._sfc_main,{key:0,size:p.value,onClick:a[0]||(a[0]=e.withModifiers(()=>{},["stop"])),checked:G.value,"onUpdate:checked":U,disabled:N.value||e.unref(t).disabled.value},null,8,["size","checked","disabled"])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"title",e.normalizeProps(e.guardReactiveProps(n.item)),()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u.getBemElement)(e.unref(t).prefixes.node,"title"))},e.toDisplayString(e.unref(t).getNodeField(n.item,"title")),3)])],64)):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(u.getBemElement)(e.unref(t).prefixes.node,"slot"))},null,2))],42,ve),(m=E.value)!=null&&m.length?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).prefixes.groupList),ref_key:"root",ref:$,"data-parents":e.unref(t).draggable.value?L.value:void 0,"data-level":e.unref(t).draggable.value?A.value:void 0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C(n.item),d=>{var c;return e.openBlock(),e.createBlock(l,{key:e.unref(t).getNodeField(d,"key"),parentKeys:L.value,item:d,level:A.value,hovered:s.hovered||h.value||((c=e.unref(v).hovered)==null?void 0:c.value)},{title:e.withCtx(o=>[e.renderSlot(n.$slots,"title",e.mergeProps({ref_for:!0},o))]),switcherIcon:e.withCtx(o=>[e.renderSlot(n.$slots,"switcherIcon",e.mergeProps({ref_for:!0},o))]),dragTrigger:e.withCtx(o=>[e.renderSlot(n.$slots,"dragTrigger",e.mergeProps({ref_for:!0},o))]),_:2},1032,["parentKeys","item","level","hovered"])}),128))],10,me)),[[e.vShow,z.value]]):e.createCommentVNode("",!0)]}),_:3},8,["asChild","data-parents","data-key","data-draggable","class"])}}}),ae=e.defineComponent({...D.getComponentOptions("Tree"),__name:"Tree",props:{class:{},size:{default:"md"},gap:{},data:{},value:{},checkedKeys:{},expandedKeys:{},multiple:{type:Boolean},checkbox:{type:Boolean},defaultExpandAll:{type:Boolean},selectable:{type:Boolean},showLine:{type:Boolean},inlineNode:{type:Boolean},lazyLoad:{type:Boolean},fieldNames:{},groupName:{},switcherIcon:{},noRotateSwitcherIcon:{type:Boolean},draggable:{type:Boolean},disabled:{type:Boolean}},emits:["update:value","update:expandedKeys","update:checkedKeys","expand","select","check","dragStart","dragEnd"],setup(F,{emit:s}){const t=F,y=s,p=u.getBemBlock("tree"),T=u.getBemElement(p,"node"),C=u.getBemElement(T,"group"),S=u.getBemElement(T,"draggable"),E=u.getBemElement(S,"icon"),O=u.getBemElement(C,"list"),_={node:T,group:C,draggable:S,draggableIcon:E,groupList:O},b=Z.cva(p,{variants:{size:u.generateVariantClassList(ee,p),gap:u.generateVariantClassList(Q,p),selectable:u.generateVariantClassList("selectable",p),disabled:u.generateVariantClassList("disabled",p),inlineNode:u.generateVariantClassList("inline-node",p),dragging:u.generateVariantClassList("dragging",p)}}),N=e.computed(()=>B(t.data)),w=e.ref(N.value),v=(i,r)=>{var a;const n=J.get(i,r);return(a=t.fieldNames)!=null&&a[r]?J.get(i,t.fieldNames[r],n):n},z=()=>{if(!t.lazyLoad){const i=[],r=n=>{for(const a of n){const l=v(a,"children");l!=null&&l.length&&(i.push(v(a,"key")),r(l))}};return r(w.value),i}return[]},h=e.ref(t.expandedKeys??(t.defaultExpandAll?z():[]));e.watch(N,i=>{w.value=i;const r=z();h.value=h.value.filter(n=>r.includes(n)),L.value++},{deep:!0});const x=e.ref(t.value??[]),k=e.ref(t.checkedKeys??[]),P=i=>{if(t.selectable&&!t.disabled){let r=B(x.value);const n=v(i,"key");t.multiple?x.value.includes(n)?r=B(x.value.filter(a=>a!==n)):r=B([...x.value,n]):r.includes(n)?r=[]:r=[n],t.value!==void 0?y("update:value",r):x.value=r,y("select",i,r.includes(n))}},R=(i,r)=>{if(t.checkbox&&!t.disabled){let n=B(k.value);const a=v(i,"key");r!=null&&r.keys.length?r.value?n=J.uniq([...r.keys,...n]):n=B(k.value.filter(f=>!r.keys.includes(f))):k.value.includes(a)?n=B(k.value.filter(f=>f!==a)):n=B([...k.value,a]),t.checkedKeys!==void 0?y("update:checkedKeys",n):k.value=n;const l=(r==null?void 0:r.value)??k.value.includes(a);y("check",i,l,(r==null?void 0:r.keys)??a)}},j=i=>{let r=!0;const n=v(i,"key");let a=B(h.value);a.includes(n)?(a=a.filter(l=>l!==n),r=!1):a=[...a,n],t.expandedKeys!==void 0?y("update:expandedKeys",a):h.value=a,y("expand",i,r)},G=e.computed(()=>{if(t.gap){if(typeof t.gap=="number")return`${t.gap}px`;if(!Object.keys(Q).includes(t.gap))return t.gap}}),U=t.groupName??W.useId(void 0,p),L=e.ref(1),K=e.ref(!1),V=e.ref(),A=e.ref(),$=i=>{const{root:r,instance:n}=i,a=c=>{var o;return(o=c.getAttribute("data-parents"))==null?void 0:o.split(",")},l=c=>{const o=(q,re=w.value)=>{const{parents:H,self:oe}=q;for(let Y of re){const X=v(Y,"key").toString();if(X===oe)return Y;const M=v(Y,"children");if(H!=null&&H.includes(X)&&(M!=null&&M.length))return o(q,M)}},g=a(c),I=c.getAttribute("data-key")??"";return o({parents:g,self:I})},f=u.getBemModifier(u.getBemElement(p,"dragging_item"),t.size),m=(c=r.value)=>new se(c,{group:U,animation:150,forceFallback:!0,fallbackOnBody:!0,filter:"[data-draggable=false]",handle:`.${_.node} .${_.draggable} .${_.draggableIcon}`,dataIdAttr:"data-key",dragClass:f,onChoose(o){const g=l(o.item);g&&(g.dragging=!0)},onStart(o){var q;const g=document.querySelector(`.${f}`),I=(q=getComputedStyle(r.value))==null?void 0:q.direction;g!=null&&g.style&&(g.style.direction=I),K.value=!0,y("dragStart",o)},onUnchoose(o){const g=l(o.item);g&&(g.dragging=!1)},onEnd(o){K.value=!1,y("dragEnd",{...o,node:l(o.item),oldParents:a(o.item),newParents:a(o.to)})},onMove(o){const g=Number(o.to.getAttribute("data-level")??"1"),I=l(o.dragged);I&&(I.dragging_level=g)}}),d=()=>{var c;(c=n.value)==null||c.destroy(),n.value=void 0};e.onMounted(()=>{e.watch(()=>[r.value,t.draggable,L.value],()=>{n.value?d():r.value&&t.draggable&&(n.value=m())},{immediate:!0})}),e.onBeforeUnmount(()=>{n.value&&d()})};return $({root:V,instance:A}),ne({size:e.computed(()=>t.size),draggable:e.computed(()=>t.draggable),lazyLoad:e.computed(()=>t.lazyLoad),checkbox:e.computed(()=>t.checkbox),showLine:e.computed(()=>t.showLine),disabled:e.computed(()=>t.disabled),switcherIcon:e.computed(()=>t.switcherIcon),noRotateSwitcherIcon:e.computed(()=>t.noRotateSwitcherIcon),expandedKeys:h,model:x,checked:k,onExpandKey:j,onSelect:P,onCheck:R,getNodeField:v,useSortable:$,dragging:K,prefixes:_}),(i,r)=>(e.openBlock(),e.createElementBlock("div",{key:L.value,class:e.normalizeClass([e.unref(b)({size:t.size,gap:t.gap??t.size,selectable:t.selectable,disabled:t.disabled,inlineNode:t.inlineNode,dragging:K.value}),t.class]),style:e.normalizeStyle({"--ptc-tree-gap":G.value}),ref_key:"root",ref:V},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,n=>(e.openBlock(),e.createBlock(pe,{key:v(n,"key"),item:n},e.createSlots({_:2},[e.renderList(Object.keys(i.$slots),a=>({name:a,fn:e.withCtx(l=>[e.renderSlot(i.$slots,a,e.mergeProps({ref_for:!0},l))])}))]),1032,["item"]))),128))],6))}});exports.Tree=ae;exports.TreeGaps=Q;exports.TreeSizes=ee;exports.default=ae;exports.injectTreeContext=te;exports.provideTreeContext=ne;

package/dist/Tree/index.d.ts

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