@pantograph/vue 0.8.2 → 0.8.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Menu/index.js.js +1 -1
- package/dist/Menu/index.umd.cjs.js +1 -1
- package/dist/Menu.vue_vue_type_style_index_0_lang-C_lbO09l.js +1 -0
- package/dist/Menu.vue_vue_type_style_index_0_lang-oedL61ps.js +521 -0
- package/dist/MenuItem/index.js.js +1 -1
- package/dist/MenuItem/index.umd.cjs.js +1 -1
- package/dist/Tree/TreeNode.d.ts +6 -0
- package/dist/Tree/index.js.js +1 -1
- package/dist/Tree/index.umd.cjs.js +1 -1
- package/dist/Tree.vue_vue_type_style_index_0_lang-D2iXdFbM.js +1 -0
- package/dist/{Tree.vue_vue_type_style_index_0_lang-DNKIlWsV.js → Tree.vue_vue_type_style_index_0_lang-D9EB0NE_.js} +82 -80
- package/dist/index.js.js +2 -2
- package/dist/index.umd.cjs.js +1 -1
- package/dist/style/index.css +1 -1
- package/package.json +1 -1
- package/dist/Menu.vue_vue_type_style_index_0_lang-BJqJJOUC.js +0 -1
- package/dist/Menu.vue_vue_type_style_index_0_lang-CfK6q5lj.js +0 -510
- package/dist/Tree.vue_vue_type_style_index_0_lang-W_3wHAN3.js +0 -1
package/dist/Menu/index.js.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-C_lbO09l.js");exports.Menu=e._sfc_main;exports.MenuGaps=e.MenuGaps;exports.default=e._sfc_main;exports.injectMenuContext=e.injectMenuContext;exports.provideMenuContext=e.provideMenuContext;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),c=require("./class-CjZYGZDW.js"),D=require("class-variance-authority"),I=require("./options-B4iSAKol.js"),q=require("./Popover.vue_vue_type_style_index_0_lang-TwQPMDMD.js"),O=require("./cloneDeep-DgcRQUzH.js"),z=require("./omit-CMPOmOGF.js"),R=require("./isArray-B7z6QoM5.js"),G=require("./isNumber-eaDdxhkG.js"),U=require("./index-JUGW3BX8.js"),E=require("radix-vue"),W=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js");function T(a){return a?a.flatMap(n=>n.type===e.Fragment?T(n.children):[n]):[]}const H=e.defineComponent({name:"PrimitiveSlot",inheritAttrs:!1,setup(a,{attrs:n,slots:o}){return()=>{var C,r;if(!o.default)return null;const i=T(o.default()),u=i.findIndex(y=>y.type!==e.Comment);if(u===-1)return i;const s=i[u];(C=s.props)==null||delete C.ref;const g=s.props?e.mergeProps(n,s.props):n;n.class&&((r=s.props)!=null&&r.class)&&delete s.props.class;const f=e.cloneVNode(s,g);for(const y in g)y.startsWith("on")&&(f.props||(f.props={}),f.props[y]=g[y]);return i.length===1?f:(i[u]=f,i)}}}),$=e.defineComponent({name:"Primitive",inheritAttrs:!1,props:{asChild:{type:Boolean,default:!1},as:{type:[String,Object],default:"div"}},setup(a,{attrs:n,slots:o}){const i=e.computed(()=>a.asChild?"template":a.as);return()=>{const u=["area","img","input"];return typeof i.value=="string"&&u.includes(i.value)?e.h(i.value,n):i.value!=="template"?e.h(a.as,n,o):e.h(H,n,o)}}}),K=["sm","md","lg"],J=["tabindex"],m=c.getBemBlock("menu_item"),V=e.defineComponent({...I.getComponentOptions("MenuItemContent"),__name:"MenuItemContent",props:{size:{},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean},description:{},selected:{type:Boolean},unFocusable:{type:Boolean},danger:{type:Boolean},disabled:{type:Boolean},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean},trailingCls:{},branchCls:{},branchIcon:{},hasChildren:{type:Boolean}},setup(a){const n=a,o=e.useSlots(),i=D.cva(m,{variants:{size:c.generateVariantClassList(K,m),selected:c.generateVariantClassList("selected",m),unFocusable:c.generateVariantClassList("un-focusable",m),danger:c.generateVariantClassList("danger",m),disabled:c.generateVariantClassList("disabled",m),hoverTrailing:c.generateVariantClassList("hover-trailing",m),description:c.generateVariantClassList("description",m),leadingCenter:c.generateVariantClassList("leading-center",m)}}),u=e.computed(()=>{const s=()=>{switch(n.size){case"sm":return"2xsm";default:return"xsm"}},g=()=>{switch(n.size){case"lg":return"md";default:return"sm"}},f=()=>{switch(n.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}},C=()=>{switch(n.size){case"lg":return"md";case"md":return"xsm";default:return"2xsm"}};return{iconSize:s(),buttonSize:g(),checkIconSize:f(),switchSize:f(),checkboxSize:s(),avatarSize:C(),graphicalObjectSize:C(),badgeSize:C(),...n}});return(s,g)=>(e.openBlock(),e.createElementBlock("div",{role:"menuitem",tabindex:s.unFocusable?void 0:0,class:e.normalizeClass([e.unref(i)({size:s.size,selected:s.selected,unFocusable:s.unFocusable,danger:s.danger,disabled:s.disabled,hoverTrailing:s.hoverTrailing,leadingCenter:s.leadingCenter,description:!!(o.description||n.description)}),n.class])},[o.leading||n.leading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(m),"leading"),s.leadingCls])},[e.renderSlot(s.$slots,"leading",e.normalizeProps(e.guardReactiveProps(u.value)),()=>[e.createTextVNode(e.toDisplayString(s.leading),1)])],2)):e.createCommentVNode("",!0),o.title||n.title||o.description||n.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(m),"content"),s.contentCls])},[o.title||n.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(m),"title"),s.titleCls])},[e.renderSlot(s.$slots,"title",e.normalizeProps(e.guardReactiveProps(n)),()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2)):e.createCommentVNode("",!0),o.description||n.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(m),"description"),s.descriptionCls])},[e.renderSlot(s.$slots,"description",e.normalizeProps(e.guardReactiveProps(n)),()=>[e.createTextVNode(e.toDisplayString(s.description),1)])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),s.hasChildren||o.trailing||n.trailing?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(m),"trailing"),s.trailingCls])},[s.hasChildren?(e.openBlock(),e.createBlock(W._sfc_main,{key:0,"flip-on-dir":"rtl",size:u.value.checkIconSize,icon:s.branchIcon,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(m),"branch"),s.branchCls??""])},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"branchIcon",e.normalizeProps(e.guardReactiveProps(u.value)))]),_:3},8,["size","icon","class"])):e.renderSlot(s.$slots,"trailing",e.normalizeProps(e.mergeProps({key:1},u.value)),()=>[e.createTextVNode(e.toDisplayString(s.trailing),1)])],2)):e.createCommentVNode("",!0)],10,J))}}),[Q,X]=E.createContext("MenuItem"),N=e.defineComponent({...I.getComponentOptions("MenuItem"),__name:"MenuItem",props:{subMenuCloseDelay:{default:300},subMenuOpenDelay:{default:700},triggerSubMenuAction:{},submenuTriggerCls:{},submenuCls:{},forceMountSubmenu:{type:Boolean,default:void 0},items:{},size:{default:"md"},title:{},leading:{},trailing:{},hoverTrailing:{type:Boolean,default:void 0},description:{},selected:{type:Boolean,default:void 0},unFocusable:{type:Boolean,default:void 0},danger:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},leadingCenter:{type:Boolean,default:void 0},trailingCls:{},branchCls:{},branchIcon:{default:"tabler:chevron-right"}},setup(a){const n=a,o=e.useSlots(),i=e.computed(()=>{switch(n.size){case"lg":return 10;case"md":return 8;default:return 6}}),u=e.computed(()=>{var l;return!!((l=n.items)!=null&&l.length||o.items)}),s=e.ref(),g=e.computed(()=>{var l;return n.triggerSubMenuAction??((l=r.triggerSubMenuAction)==null?void 0:l.value)}),f=l=>{var b;(g.value==="click"||(b=t.value)!=null&&b.length)&&(l.stopPropagation(),l.preventDefault())},C=c.getBemBlock("sub_menu"),r=L(),y=e.computed(()=>{var l;return(l=e.getCurrentInstance())==null?void 0:l.vnode.key}),M=Q({}),t=e.computed(()=>{var l;return((l=M.parentKeys)==null?void 0:l.value)??[]});X({parentKeys:e.computed(()=>[...t.value,y.value])});const v=e.computed(()=>({...n,key:y.value,hasChildren:u.value,parentKeys:t.value})),d=e.computed(()=>{var l;return((l=r.size)==null?void 0:l.value)??n.size}),h=e.computed(()=>{var l,b,B;return{...z.omit(n,"subMenuCloseDelay","subMenuOpenDelay"),size:d.value,selected:((l=r.isItemSelected)==null?void 0:l.call(r,v.value))??n.selected,unFocusable:r.onClick?void 0:n.unFocusable,disabled:!u.value&&n.disabled,hoverTrailing:n.hoverTrailing??((b=r.hoverTrailing)==null?void 0:b.value),leadingCenter:n.leadingCenter??((B=r.leadingCenter)==null?void 0:B.value),hasChildren:u.value,onClick:p=>{var S;return(S=r.onClick)==null?void 0:S.call(r,v.value,p)}}}),k=e.ref(!1),P=e.computed(()=>{var l;return((l=r.isOpen)==null?void 0:l.call(r,y.value))??k.value}),j=l=>{var B,p;(((B=r.isOpen)==null?void 0:B.call(r,y.value))??k.value)!==l&&(r.onChildrenOpenChange?(p=r.onChildrenOpenChange)==null||p.call(r,v.value,l):k.value=l)},_=e.computed(()=>{var l,b,B,p;return u.value?{size:d.value,containerProps:{onClick:f},to:s,reversePlacementOnDir:"rtl",placement:"right-start",containerClass:[c.getBemElement(C,"items"),(l=r.submenuCls)==null?void 0:l.value,n.submenuCls],sideOffset:i.value,forceMount:n.forceMountSubmenu??((b=r.forceMountSubmenu)==null?void 0:b.value),trigger:g.value,closeDelay:((B=r.subMenuCloseDelay)==null?void 0:B.value)??n.subMenuCloseDelay,openDelay:((p=r.subMenuOpenDelay)==null?void 0:p.value)??n.subMenuOpenDelay,open:P.value}:{}});return(l,b)=>{const B=e.resolveComponent("MenuItem",!0);return e.openBlock(),e.createBlock(e.unref($),e.mergeProps({"as-child":!u.value,as:u.value?q._sfc_main:"template"},_.value,{key:u.value,"onUpdate:open":j}),{content:e.withCtx(()=>[e.renderSlot(l.$slots,"items",e.normalizeProps(e.guardReactiveProps(n)),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,p=>(e.openBlock(),e.createBlock(B,e.mergeProps({ref_for:!0},p),e.createSlots({_:2},[e.renderList(Object.keys(l.$slots),S=>({name:S,fn:e.withCtx(F=>[e.renderSlot(l.$slots,S,e.mergeProps({ref_for:!0},F))])}))]),1040))),256))])]),default:e.withCtx(()=>[u.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(C),n.submenuTriggerCls]),ref_key:"root",ref:s},[e.createVNode(V,e.mergeProps(h.value,{class:e.unref(c.getBemElement)(e.unref(C),"trigger")}),e.createSlots({_:2},[e.renderList(Object.keys(o),p=>({name:p,fn:e.withCtx(S=>[e.renderSlot(l.$slots,p,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040,["class"])],2)):(e.openBlock(),e.createBlock(V,e.normalizeProps(e.mergeProps({key:1},h.value)),e.createSlots({_:2},[e.renderList(Object.keys(l.$slots),p=>({name:p,fn:e.withCtx(S=>[e.renderSlot(l.$slots,p,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040))]),_:3},16,["as-child","as"])}}}),w=[...K,"none"];var Y="[object Map]",Z="[object Set]",x=Object.prototype,ee=x.hasOwnProperty;function ne(a){if(a==null)return!0;if(z.isArrayLike(a)&&(R.isArray(a)||typeof a=="string"||typeof a.splice=="function"||z.isBuffer(a)||z.isTypedArray(a)||z.isArguments(a)))return!a.length;var n=z.getTag(a);if(n==Y||n==Z)return!a.size;if(z.isPrototype(a))return!z.baseKeys(a).length;for(var o in a)if(ee.call(a,o))return!1;return!0}const[te,A]=E.createContext("Menu"),L=()=>te({}),se=e.defineComponent({...I.getComponentOptions("Menu"),__name:"Menu",props:{size:{default:"md"},header:{},forceMountSubmenu:{type:Boolean},multiple:{type:Boolean},selectable:{type:Boolean,default:!0},hoverTrailing:{type:Boolean},leadingCenter:{type:Boolean},items:{},class:{},submenuCls:{},openKeys:{},selectedKeys:{},subMenuCloseDelay:{},subMenuOpenDelay:{},triggerSubMenuAction:{default:"hover"},gap:{},as:{}},emits:["update:openKeys","update:selectedKeys","openChange","click","headerClick","deselect","select"],setup(a,{emit:n}){const o=a,i=n,u=c.getBemBlock("menu"),s=D.cva(u,{variants:{gap:c.generateVariantClassList(w,u)}}),g=e.ref(o.openKeys??[]);e.watch(()=>o.openKeys,()=>{g.value=o.openKeys??[]});const f=(t,v)=>{let d=O.cloneDeep(g.value);v?d=[...t.parentKeys,t.key]:d=d.filter(h=>h!==t.key),o.openKeys||(g.value=d),i("update:openKeys",d),i("openChange",d)},C=t=>g.value.includes(t),r=e.ref(o.selectedKeys??[]);e.watch(()=>o.selectedKeys,()=>{r.value=o.selectedKeys??[]});const y=(t,v)=>{const d=![void 0,null].includes(t.key)&&(U.isString(t.key)&&!ne(t.key)||G.isNumber(t.key));if(!t.danger&&!t.disabled&&d&&o.selectable&&!t.hasChildren){if(o.multiple)if(r.value.indexOf(t.key)>-1){if(r.value.length>1){const k=O.cloneDeep(r.value).filter(P=>P!==t.key);o.selectedKeys||(r.value=k),i("update:selectedKeys",k),i("deselect",{item:t,selectedKeys:r.value})}}else{const k=[...O.cloneDeep(r.value),t.key];o.selectedKeys||(r.value=k),i("update:selectedKeys",k),i("select",{item:t,selectedKeys:r.value})}else{const h=[t.key];o.selectedKeys||(r.value=h),i("update:selectedKeys",h),i("select",{item:t,selectedKeys:r.value})}i("click",t,v)}},M=t=>!t.danger&&!t.disabled&&r.value.includes(t.key);return A({size:e.computed(()=>o.size),forceMountSubmenu:e.computed(()=>o.forceMountSubmenu),hoverTrailing:e.computed(()=>o.hoverTrailing),leadingCenter:e.computed(()=>o.leadingCenter),subMenuCloseDelay:e.computed(()=>o.subMenuCloseDelay),subMenuOpenDelay:e.computed(()=>o.subMenuOpenDelay),triggerSubMenuAction:e.computed(()=>o.triggerSubMenuAction),submenuCls:e.computed(()=>o.submenuCls),onClick:y,isItemSelected:M,onChildrenOpenChange:f,isOpen:C}),(t,v)=>(e.openBlock(),e.createBlock(e.unref($),{as:t.as,class:e.normalizeClass([e.unref(s)({gap:t.gap??t.size}),o.class]),onClick:v[1]||(v[1]=e.withModifiers(()=>{},["stop"]))},{default:e.withCtx(()=>[t.$slots.header||t.header||t.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(u),"header")]),onClick:v[0]||(v[0]=d=>i("headerClick",d))},[t.$slots.header||t.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(u),"header__title")])},[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.header),1)])],2)):e.createCommentVNode("",!0),t.$slots.headerActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(u),"header__actions")])},[e.renderSlot(t.$slots,"headerActions")],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,d=>(e.openBlock(),e.createBlock(N,e.mergeProps({ref_for:!0},d),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),h=>({name:h,fn:e.withCtx(k=>[e.renderSlot(t.$slots,h,e.mergeProps({ref_for:!0},k))])}))]),1040))),256))])]),_:3},8,["as","class"]))}});exports.MenuGaps=w;exports.MenuItemSizes=K;exports._sfc_main=se;exports._sfc_main$1=N;exports.injectMenuContext=L;exports.provideMenuContext=A;
|
|
@@ -0,0 +1,521 @@
|
|
|
1
|
+
import { defineComponent as L, Comment as ae, mergeProps as D, cloneVNode as oe, Fragment as H, computed as d, h as W, useSlots as Z, createElementBlock as M, openBlock as c, normalizeClass as k, unref as u, createCommentVNode as P, renderSlot as v, normalizeProps as T, guardReactiveProps as j, createTextVNode as N, toDisplayString as V, createBlock as F, withCtx as A, ref as G, getCurrentInstance as ie, resolveComponent as ue, createVNode as de, createSlots as E, renderList as w, watch as X, withModifiers as ce } from "vue";
|
|
2
|
+
import { g as J, a as $, b as B } from "./class-DziTeW9B.js";
|
|
3
|
+
import { cva as _ } from "class-variance-authority";
|
|
4
|
+
import { g as Q } from "./options-JBqnVZUl.js";
|
|
5
|
+
import { _ as pe } from "./Popover.vue_vue_type_style_index_0_lang-MJjv8Cvt.js";
|
|
6
|
+
import { c as q } from "./cloneDeep-DIRSbAoF.js";
|
|
7
|
+
import { o as ge, j as fe, k as me, l as ye, g as ve, m as Ce, n as he, p as be } from "./omit-wqhC12f_.js";
|
|
8
|
+
import { i as ke } from "./isArray-WzO_os3q.js";
|
|
9
|
+
import { i as Me } from "./isNumber-DlKYWCo3.js";
|
|
10
|
+
import { a as Se } from "./index-CRYvpN0O.js";
|
|
11
|
+
import { createContext as x } from "radix-vue";
|
|
12
|
+
import { _ as ze } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
|
|
13
|
+
function ee(a) {
|
|
14
|
+
return a ? a.flatMap((e) => e.type === H ? ee(e.children) : [e]) : [];
|
|
15
|
+
}
|
|
16
|
+
const Be = L({
|
|
17
|
+
name: "PrimitiveSlot",
|
|
18
|
+
inheritAttrs: !1,
|
|
19
|
+
setup(a, { attrs: e, slots: r }) {
|
|
20
|
+
return () => {
|
|
21
|
+
var C, t;
|
|
22
|
+
if (!r.default) return null;
|
|
23
|
+
const o = ee(r.default()), i = o.findIndex((h) => h.type !== ae);
|
|
24
|
+
if (i === -1) return o;
|
|
25
|
+
const n = o[i];
|
|
26
|
+
(C = n.props) == null || delete C.ref;
|
|
27
|
+
const m = n.props ? D(e, n.props) : e;
|
|
28
|
+
e.class && ((t = n.props) != null && t.class) && delete n.props.class;
|
|
29
|
+
const y = oe(n, m);
|
|
30
|
+
for (const h in m)
|
|
31
|
+
h.startsWith("on") && (y.props || (y.props = {}), y.props[h] = m[h]);
|
|
32
|
+
return o.length === 1 ? y : (o[i] = y, o);
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
}), se = L({
|
|
36
|
+
name: "Primitive",
|
|
37
|
+
inheritAttrs: !1,
|
|
38
|
+
props: {
|
|
39
|
+
asChild: {
|
|
40
|
+
type: Boolean,
|
|
41
|
+
default: !1
|
|
42
|
+
},
|
|
43
|
+
as: {
|
|
44
|
+
type: [String, Object],
|
|
45
|
+
default: "div"
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
setup(a, { attrs: e, slots: r }) {
|
|
49
|
+
const o = d(() => a.asChild ? "template" : a.as);
|
|
50
|
+
return () => {
|
|
51
|
+
const i = ["area", "img", "input"];
|
|
52
|
+
return typeof o.value == "string" && i.includes(o.value) ? W(o.value, e) : o.value !== "template" ? W(a.as, e, r) : W(Be, e, r);
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
}), ne = ["sm", "md", "lg"], Oe = ["tabindex"], f = J("menu_item"), Y = /* @__PURE__ */ L({
|
|
56
|
+
...Q("MenuItemContent"),
|
|
57
|
+
__name: "MenuItemContent",
|
|
58
|
+
props: {
|
|
59
|
+
size: {},
|
|
60
|
+
title: {},
|
|
61
|
+
leading: {},
|
|
62
|
+
trailing: {},
|
|
63
|
+
hoverTrailing: { type: Boolean },
|
|
64
|
+
description: {},
|
|
65
|
+
selected: { type: Boolean },
|
|
66
|
+
unFocusable: { type: Boolean },
|
|
67
|
+
danger: { type: Boolean },
|
|
68
|
+
disabled: { type: Boolean },
|
|
69
|
+
class: {},
|
|
70
|
+
leadingCls: {},
|
|
71
|
+
contentCls: {},
|
|
72
|
+
titleCls: {},
|
|
73
|
+
descriptionCls: {},
|
|
74
|
+
leadingCenter: { type: Boolean },
|
|
75
|
+
trailingCls: {},
|
|
76
|
+
branchCls: {},
|
|
77
|
+
branchIcon: {},
|
|
78
|
+
hasChildren: { type: Boolean }
|
|
79
|
+
},
|
|
80
|
+
setup(a) {
|
|
81
|
+
const e = a, r = Z(), o = _(f, {
|
|
82
|
+
variants: {
|
|
83
|
+
size: $(ne, f),
|
|
84
|
+
selected: $("selected", f),
|
|
85
|
+
unFocusable: $("un-focusable", f),
|
|
86
|
+
danger: $("danger", f),
|
|
87
|
+
disabled: $("disabled", f),
|
|
88
|
+
hoverTrailing: $("hover-trailing", f),
|
|
89
|
+
description: $("description", f),
|
|
90
|
+
leadingCenter: $("leading-center", f)
|
|
91
|
+
}
|
|
92
|
+
}), i = d(() => {
|
|
93
|
+
const n = () => {
|
|
94
|
+
switch (e.size) {
|
|
95
|
+
case "sm":
|
|
96
|
+
return "2xsm";
|
|
97
|
+
default:
|
|
98
|
+
return "xsm";
|
|
99
|
+
}
|
|
100
|
+
}, m = () => {
|
|
101
|
+
switch (e.size) {
|
|
102
|
+
case "lg":
|
|
103
|
+
return "md";
|
|
104
|
+
default:
|
|
105
|
+
return "sm";
|
|
106
|
+
}
|
|
107
|
+
}, y = () => {
|
|
108
|
+
switch (e.size) {
|
|
109
|
+
case "sm":
|
|
110
|
+
return "2xsm";
|
|
111
|
+
case "md":
|
|
112
|
+
return "xsm";
|
|
113
|
+
default:
|
|
114
|
+
return "sm";
|
|
115
|
+
}
|
|
116
|
+
}, C = () => {
|
|
117
|
+
switch (e.size) {
|
|
118
|
+
case "lg":
|
|
119
|
+
return "md";
|
|
120
|
+
case "md":
|
|
121
|
+
return "xsm";
|
|
122
|
+
default:
|
|
123
|
+
return "2xsm";
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
return {
|
|
127
|
+
iconSize: n(),
|
|
128
|
+
buttonSize: m(),
|
|
129
|
+
checkIconSize: y(),
|
|
130
|
+
switchSize: y(),
|
|
131
|
+
checkboxSize: n(),
|
|
132
|
+
avatarSize: C(),
|
|
133
|
+
graphicalObjectSize: C(),
|
|
134
|
+
badgeSize: C(),
|
|
135
|
+
...e
|
|
136
|
+
};
|
|
137
|
+
});
|
|
138
|
+
return (n, m) => (c(), M("div", {
|
|
139
|
+
role: "menuitem",
|
|
140
|
+
tabindex: n.unFocusable ? void 0 : 0,
|
|
141
|
+
class: k([
|
|
142
|
+
u(o)({
|
|
143
|
+
size: n.size,
|
|
144
|
+
selected: n.selected,
|
|
145
|
+
unFocusable: n.unFocusable,
|
|
146
|
+
danger: n.danger,
|
|
147
|
+
disabled: n.disabled,
|
|
148
|
+
hoverTrailing: n.hoverTrailing,
|
|
149
|
+
leadingCenter: n.leadingCenter,
|
|
150
|
+
description: !!(r.description || e.description)
|
|
151
|
+
}),
|
|
152
|
+
e.class
|
|
153
|
+
])
|
|
154
|
+
}, [
|
|
155
|
+
r.leading || e.leading ? (c(), M("div", {
|
|
156
|
+
key: 0,
|
|
157
|
+
class: k([u(B)(u(f), "leading"), n.leadingCls])
|
|
158
|
+
}, [
|
|
159
|
+
v(n.$slots, "leading", T(j(i.value)), () => [
|
|
160
|
+
N(V(n.leading), 1)
|
|
161
|
+
])
|
|
162
|
+
], 2)) : P("", !0),
|
|
163
|
+
r.title || e.title || r.description || e.description ? (c(), M("div", {
|
|
164
|
+
key: 1,
|
|
165
|
+
class: k([u(B)(u(f), "content"), n.contentCls])
|
|
166
|
+
}, [
|
|
167
|
+
r.title || e.title ? (c(), M("div", {
|
|
168
|
+
key: 0,
|
|
169
|
+
class: k([u(B)(u(f), "title"), n.titleCls])
|
|
170
|
+
}, [
|
|
171
|
+
v(n.$slots, "title", T(j(e)), () => [
|
|
172
|
+
N(V(n.title), 1)
|
|
173
|
+
])
|
|
174
|
+
], 2)) : P("", !0),
|
|
175
|
+
r.description || e.description ? (c(), M("div", {
|
|
176
|
+
key: 1,
|
|
177
|
+
class: k([u(B)(u(f), "description"), n.descriptionCls])
|
|
178
|
+
}, [
|
|
179
|
+
v(n.$slots, "description", T(j(e)), () => [
|
|
180
|
+
N(V(n.description), 1)
|
|
181
|
+
])
|
|
182
|
+
], 2)) : P("", !0)
|
|
183
|
+
], 2)) : P("", !0),
|
|
184
|
+
n.hasChildren || r.trailing || e.trailing ? (c(), M("div", {
|
|
185
|
+
key: 2,
|
|
186
|
+
class: k([u(B)(u(f), "trailing"), n.trailingCls])
|
|
187
|
+
}, [
|
|
188
|
+
n.hasChildren ? (c(), F(ze, {
|
|
189
|
+
key: 0,
|
|
190
|
+
"flip-on-dir": "rtl",
|
|
191
|
+
size: i.value.checkIconSize,
|
|
192
|
+
icon: n.branchIcon,
|
|
193
|
+
class: k([u(B)(u(f), "branch"), n.branchCls ?? ""])
|
|
194
|
+
}, {
|
|
195
|
+
default: A(() => [
|
|
196
|
+
v(n.$slots, "branchIcon", T(j(i.value)))
|
|
197
|
+
]),
|
|
198
|
+
_: 3
|
|
199
|
+
}, 8, ["size", "icon", "class"])) : v(n.$slots, "trailing", T(D({ key: 1 }, i.value)), () => [
|
|
200
|
+
N(V(n.trailing), 1)
|
|
201
|
+
])
|
|
202
|
+
], 2)) : P("", !0)
|
|
203
|
+
], 10, Oe));
|
|
204
|
+
}
|
|
205
|
+
}), [Ie, Ke] = x("MenuItem"), $e = /* @__PURE__ */ L({
|
|
206
|
+
...Q("MenuItem"),
|
|
207
|
+
__name: "MenuItem",
|
|
208
|
+
props: {
|
|
209
|
+
subMenuCloseDelay: { default: 300 },
|
|
210
|
+
subMenuOpenDelay: { default: 700 },
|
|
211
|
+
triggerSubMenuAction: {},
|
|
212
|
+
submenuTriggerCls: {},
|
|
213
|
+
submenuCls: {},
|
|
214
|
+
forceMountSubmenu: { type: Boolean, default: void 0 },
|
|
215
|
+
items: {},
|
|
216
|
+
size: { default: "md" },
|
|
217
|
+
title: {},
|
|
218
|
+
leading: {},
|
|
219
|
+
trailing: {},
|
|
220
|
+
hoverTrailing: { type: Boolean, default: void 0 },
|
|
221
|
+
description: {},
|
|
222
|
+
selected: { type: Boolean, default: void 0 },
|
|
223
|
+
unFocusable: { type: Boolean, default: void 0 },
|
|
224
|
+
danger: { type: Boolean, default: void 0 },
|
|
225
|
+
disabled: { type: Boolean, default: void 0 },
|
|
226
|
+
class: {},
|
|
227
|
+
leadingCls: {},
|
|
228
|
+
contentCls: {},
|
|
229
|
+
titleCls: {},
|
|
230
|
+
descriptionCls: {},
|
|
231
|
+
leadingCenter: { type: Boolean, default: void 0 },
|
|
232
|
+
trailingCls: {},
|
|
233
|
+
branchCls: {},
|
|
234
|
+
branchIcon: { default: "tabler:chevron-right" }
|
|
235
|
+
},
|
|
236
|
+
setup(a) {
|
|
237
|
+
const e = a, r = Z(), o = d(() => {
|
|
238
|
+
switch (e.size) {
|
|
239
|
+
case "lg":
|
|
240
|
+
return 10;
|
|
241
|
+
case "md":
|
|
242
|
+
return 8;
|
|
243
|
+
default:
|
|
244
|
+
return 6;
|
|
245
|
+
}
|
|
246
|
+
}), i = d(() => {
|
|
247
|
+
var l;
|
|
248
|
+
return !!((l = e.items) != null && l.length || r.items);
|
|
249
|
+
}), n = G(), m = d(() => {
|
|
250
|
+
var l;
|
|
251
|
+
return e.triggerSubMenuAction ?? ((l = t.triggerSubMenuAction) == null ? void 0 : l.value);
|
|
252
|
+
}), y = (l) => {
|
|
253
|
+
var O;
|
|
254
|
+
(m.value === "click" || (O = s.value) != null && O.length) && (l.stopPropagation(), l.preventDefault());
|
|
255
|
+
}, C = J("sub_menu"), t = Ve(), h = d(() => {
|
|
256
|
+
var l;
|
|
257
|
+
return (l = ie()) == null ? void 0 : l.vnode.key;
|
|
258
|
+
}), U = Ie({}), s = d(() => {
|
|
259
|
+
var l;
|
|
260
|
+
return ((l = U.parentKeys) == null ? void 0 : l.value) ?? [];
|
|
261
|
+
});
|
|
262
|
+
Ke({
|
|
263
|
+
parentKeys: d(() => [...s.value, h.value])
|
|
264
|
+
});
|
|
265
|
+
const b = d(() => ({
|
|
266
|
+
...e,
|
|
267
|
+
key: h.value,
|
|
268
|
+
hasChildren: i.value,
|
|
269
|
+
parentKeys: s.value
|
|
270
|
+
})), p = d(() => {
|
|
271
|
+
var l;
|
|
272
|
+
return ((l = t.size) == null ? void 0 : l.value) ?? e.size;
|
|
273
|
+
}), S = d(() => {
|
|
274
|
+
var l, O, I;
|
|
275
|
+
return {
|
|
276
|
+
...ge(e, "subMenuCloseDelay", "subMenuOpenDelay"),
|
|
277
|
+
size: p.value,
|
|
278
|
+
selected: ((l = t.isItemSelected) == null ? void 0 : l.call(t, b.value)) ?? e.selected,
|
|
279
|
+
unFocusable: t.onClick ? void 0 : e.unFocusable,
|
|
280
|
+
disabled: !i.value && e.disabled,
|
|
281
|
+
hoverTrailing: e.hoverTrailing ?? ((O = t.hoverTrailing) == null ? void 0 : O.value),
|
|
282
|
+
leadingCenter: e.leadingCenter ?? ((I = t.leadingCenter) == null ? void 0 : I.value),
|
|
283
|
+
hasChildren: i.value,
|
|
284
|
+
onClick: (g) => {
|
|
285
|
+
var K;
|
|
286
|
+
return (K = t.onClick) == null ? void 0 : K.call(t, b.value, g);
|
|
287
|
+
}
|
|
288
|
+
};
|
|
289
|
+
}), z = G(!1), R = d(() => {
|
|
290
|
+
var l;
|
|
291
|
+
return ((l = t.isOpen) == null ? void 0 : l.call(t, h.value)) ?? z.value;
|
|
292
|
+
}), te = (l) => {
|
|
293
|
+
var I, g;
|
|
294
|
+
(((I = t.isOpen) == null ? void 0 : I.call(t, h.value)) ?? z.value) !== l && (t.onChildrenOpenChange ? (g = t.onChildrenOpenChange) == null || g.call(t, b.value, l) : z.value = l);
|
|
295
|
+
}, re = d(() => {
|
|
296
|
+
var l, O, I, g;
|
|
297
|
+
return i.value ? {
|
|
298
|
+
size: p.value,
|
|
299
|
+
containerProps: {
|
|
300
|
+
onClick: y
|
|
301
|
+
},
|
|
302
|
+
to: n,
|
|
303
|
+
reversePlacementOnDir: "rtl",
|
|
304
|
+
placement: "right-start",
|
|
305
|
+
containerClass: [
|
|
306
|
+
B(C, "items"),
|
|
307
|
+
(l = t.submenuCls) == null ? void 0 : l.value,
|
|
308
|
+
e.submenuCls
|
|
309
|
+
],
|
|
310
|
+
sideOffset: o.value,
|
|
311
|
+
forceMount: e.forceMountSubmenu ?? ((O = t.forceMountSubmenu) == null ? void 0 : O.value),
|
|
312
|
+
trigger: m.value,
|
|
313
|
+
closeDelay: ((I = t.subMenuCloseDelay) == null ? void 0 : I.value) ?? e.subMenuCloseDelay,
|
|
314
|
+
openDelay: ((g = t.subMenuOpenDelay) == null ? void 0 : g.value) ?? e.subMenuOpenDelay,
|
|
315
|
+
open: R.value
|
|
316
|
+
} : {};
|
|
317
|
+
});
|
|
318
|
+
return (l, O) => {
|
|
319
|
+
const I = ue("MenuItem", !0);
|
|
320
|
+
return c(), F(u(se), D({
|
|
321
|
+
"as-child": !i.value,
|
|
322
|
+
as: i.value ? pe : "template"
|
|
323
|
+
}, re.value, {
|
|
324
|
+
key: i.value,
|
|
325
|
+
"onUpdate:open": te
|
|
326
|
+
}), {
|
|
327
|
+
content: A(() => [
|
|
328
|
+
v(l.$slots, "items", T(j(e)), () => [
|
|
329
|
+
(c(!0), M(H, null, w(l.items, (g) => (c(), F(I, D({ ref_for: !0 }, g), E({ _: 2 }, [
|
|
330
|
+
w(Object.keys(l.$slots), (K) => ({
|
|
331
|
+
name: K,
|
|
332
|
+
fn: A((le) => [
|
|
333
|
+
v(l.$slots, K, D({ ref_for: !0 }, le))
|
|
334
|
+
])
|
|
335
|
+
}))
|
|
336
|
+
]), 1040))), 256))
|
|
337
|
+
])
|
|
338
|
+
]),
|
|
339
|
+
default: A(() => [
|
|
340
|
+
i.value ? (c(), M("div", {
|
|
341
|
+
key: 0,
|
|
342
|
+
class: k([u(C), e.submenuTriggerCls]),
|
|
343
|
+
ref_key: "root",
|
|
344
|
+
ref: n
|
|
345
|
+
}, [
|
|
346
|
+
de(Y, D(S.value, {
|
|
347
|
+
class: u(B)(u(C), "trigger")
|
|
348
|
+
}), E({ _: 2 }, [
|
|
349
|
+
w(Object.keys(r), (g) => ({
|
|
350
|
+
name: g,
|
|
351
|
+
fn: A((K) => [
|
|
352
|
+
v(l.$slots, g, T(j(K)))
|
|
353
|
+
])
|
|
354
|
+
}))
|
|
355
|
+
]), 1040, ["class"])
|
|
356
|
+
], 2)) : (c(), F(Y, T(D({ key: 1 }, S.value)), E({ _: 2 }, [
|
|
357
|
+
w(Object.keys(l.$slots), (g) => ({
|
|
358
|
+
name: g,
|
|
359
|
+
fn: A((K) => [
|
|
360
|
+
v(l.$slots, g, T(j(K)))
|
|
361
|
+
])
|
|
362
|
+
}))
|
|
363
|
+
]), 1040))
|
|
364
|
+
]),
|
|
365
|
+
_: 3
|
|
366
|
+
}, 16, ["as-child", "as"]);
|
|
367
|
+
};
|
|
368
|
+
}
|
|
369
|
+
}), De = [...ne, "none"];
|
|
370
|
+
var Te = "[object Map]", Pe = "[object Set]", Ae = Object.prototype, je = Ae.hasOwnProperty;
|
|
371
|
+
function we(a) {
|
|
372
|
+
if (a == null)
|
|
373
|
+
return !0;
|
|
374
|
+
if (fe(a) && (ke(a) || typeof a == "string" || typeof a.splice == "function" || me(a) || ye(a) || ve(a)))
|
|
375
|
+
return !a.length;
|
|
376
|
+
var e = Ce(a);
|
|
377
|
+
if (e == Te || e == Pe)
|
|
378
|
+
return !a.size;
|
|
379
|
+
if (he(a))
|
|
380
|
+
return !be(a).length;
|
|
381
|
+
for (var r in a)
|
|
382
|
+
if (je.call(a, r))
|
|
383
|
+
return !1;
|
|
384
|
+
return !0;
|
|
385
|
+
}
|
|
386
|
+
const [Fe, Ne] = x("Menu"), Ve = () => Fe({}), Ze = /* @__PURE__ */ L({
|
|
387
|
+
...Q("Menu"),
|
|
388
|
+
__name: "Menu",
|
|
389
|
+
props: {
|
|
390
|
+
size: { default: "md" },
|
|
391
|
+
header: {},
|
|
392
|
+
forceMountSubmenu: { type: Boolean },
|
|
393
|
+
multiple: { type: Boolean },
|
|
394
|
+
selectable: { type: Boolean, default: !0 },
|
|
395
|
+
hoverTrailing: { type: Boolean },
|
|
396
|
+
leadingCenter: { type: Boolean },
|
|
397
|
+
items: {},
|
|
398
|
+
class: {},
|
|
399
|
+
submenuCls: {},
|
|
400
|
+
openKeys: {},
|
|
401
|
+
selectedKeys: {},
|
|
402
|
+
subMenuCloseDelay: {},
|
|
403
|
+
subMenuOpenDelay: {},
|
|
404
|
+
triggerSubMenuAction: { default: "hover" },
|
|
405
|
+
gap: {},
|
|
406
|
+
as: {}
|
|
407
|
+
},
|
|
408
|
+
emits: [
|
|
409
|
+
"update:openKeys",
|
|
410
|
+
"update:selectedKeys",
|
|
411
|
+
"openChange",
|
|
412
|
+
"click",
|
|
413
|
+
"headerClick",
|
|
414
|
+
"deselect",
|
|
415
|
+
"select"
|
|
416
|
+
],
|
|
417
|
+
setup(a, { emit: e }) {
|
|
418
|
+
const r = a, o = e, i = J("menu"), n = _(i, {
|
|
419
|
+
variants: {
|
|
420
|
+
gap: $(De, i)
|
|
421
|
+
}
|
|
422
|
+
}), m = G(r.openKeys ?? []);
|
|
423
|
+
X(
|
|
424
|
+
() => r.openKeys,
|
|
425
|
+
() => {
|
|
426
|
+
m.value = r.openKeys ?? [];
|
|
427
|
+
}
|
|
428
|
+
);
|
|
429
|
+
const y = (s, b) => {
|
|
430
|
+
let p = q(m.value);
|
|
431
|
+
b ? p = [...s.parentKeys, s.key] : p = p.filter((S) => S !== s.key), r.openKeys || (m.value = p), o("update:openKeys", p), o("openChange", p);
|
|
432
|
+
}, C = (s) => m.value.includes(s), t = G(r.selectedKeys ?? []);
|
|
433
|
+
X(
|
|
434
|
+
() => r.selectedKeys,
|
|
435
|
+
() => {
|
|
436
|
+
t.value = r.selectedKeys ?? [];
|
|
437
|
+
}
|
|
438
|
+
);
|
|
439
|
+
const h = (s, b) => {
|
|
440
|
+
const p = ![void 0, null].includes(s.key) && (Se(s.key) && !we(s.key) || Me(s.key));
|
|
441
|
+
if (!s.danger && !s.disabled && p && r.selectable && !s.hasChildren) {
|
|
442
|
+
if (r.multiple)
|
|
443
|
+
if (t.value.indexOf(s.key) > -1) {
|
|
444
|
+
if (t.value.length > 1) {
|
|
445
|
+
const z = q(t.value).filter((R) => R !== s.key);
|
|
446
|
+
r.selectedKeys || (t.value = z), o("update:selectedKeys", z), o("deselect", { item: s, selectedKeys: t.value });
|
|
447
|
+
}
|
|
448
|
+
} else {
|
|
449
|
+
const z = [...q(t.value), s.key];
|
|
450
|
+
r.selectedKeys || (t.value = z), o("update:selectedKeys", z), o("select", { item: s, selectedKeys: t.value });
|
|
451
|
+
}
|
|
452
|
+
else {
|
|
453
|
+
const S = [s.key];
|
|
454
|
+
r.selectedKeys || (t.value = S), o("update:selectedKeys", S), o("select", { item: s, selectedKeys: t.value });
|
|
455
|
+
}
|
|
456
|
+
o("click", s, b);
|
|
457
|
+
}
|
|
458
|
+
}, U = (s) => !s.danger && !s.disabled && t.value.includes(s.key);
|
|
459
|
+
return Ne({
|
|
460
|
+
size: d(() => r.size),
|
|
461
|
+
forceMountSubmenu: d(() => r.forceMountSubmenu),
|
|
462
|
+
hoverTrailing: d(() => r.hoverTrailing),
|
|
463
|
+
leadingCenter: d(() => r.leadingCenter),
|
|
464
|
+
subMenuCloseDelay: d(() => r.subMenuCloseDelay),
|
|
465
|
+
subMenuOpenDelay: d(() => r.subMenuOpenDelay),
|
|
466
|
+
triggerSubMenuAction: d(() => r.triggerSubMenuAction),
|
|
467
|
+
submenuCls: d(() => r.submenuCls),
|
|
468
|
+
onClick: h,
|
|
469
|
+
isItemSelected: U,
|
|
470
|
+
onChildrenOpenChange: y,
|
|
471
|
+
isOpen: C
|
|
472
|
+
}), (s, b) => (c(), F(u(se), {
|
|
473
|
+
as: s.as,
|
|
474
|
+
class: k([u(n)({ gap: s.gap ?? s.size }), r.class]),
|
|
475
|
+
onClick: b[1] || (b[1] = ce(() => {
|
|
476
|
+
}, ["stop"]))
|
|
477
|
+
}, {
|
|
478
|
+
default: A(() => [
|
|
479
|
+
s.$slots.header || s.header || s.$slots.headerActions ? (c(), M("div", {
|
|
480
|
+
key: 0,
|
|
481
|
+
class: k([u(B)(u(i), "header")]),
|
|
482
|
+
onClick: b[0] || (b[0] = (p) => o("headerClick", p))
|
|
483
|
+
}, [
|
|
484
|
+
s.$slots.header || s.header ? (c(), M("div", {
|
|
485
|
+
key: 0,
|
|
486
|
+
class: k([u(B)(u(i), "header__title")])
|
|
487
|
+
}, [
|
|
488
|
+
v(s.$slots, "header", {}, () => [
|
|
489
|
+
N(V(s.header), 1)
|
|
490
|
+
])
|
|
491
|
+
], 2)) : P("", !0),
|
|
492
|
+
s.$slots.headerActions ? (c(), M("div", {
|
|
493
|
+
key: 1,
|
|
494
|
+
class: k([u(B)(u(i), "header__actions")])
|
|
495
|
+
}, [
|
|
496
|
+
v(s.$slots, "headerActions")
|
|
497
|
+
], 2)) : P("", !0)
|
|
498
|
+
], 2)) : P("", !0),
|
|
499
|
+
v(s.$slots, "default", {}, () => [
|
|
500
|
+
(c(!0), M(H, null, w(s.items, (p) => (c(), F($e, D({ ref_for: !0 }, p), E({ _: 2 }, [
|
|
501
|
+
w(Object.keys(s.$slots), (S) => ({
|
|
502
|
+
name: S,
|
|
503
|
+
fn: A((z) => [
|
|
504
|
+
v(s.$slots, S, D({ ref_for: !0 }, z))
|
|
505
|
+
])
|
|
506
|
+
}))
|
|
507
|
+
]), 1040))), 256))
|
|
508
|
+
])
|
|
509
|
+
]),
|
|
510
|
+
_: 3
|
|
511
|
+
}, 8, ["as", "class"]));
|
|
512
|
+
}
|
|
513
|
+
});
|
|
514
|
+
export {
|
|
515
|
+
De as M,
|
|
516
|
+
Ze as _,
|
|
517
|
+
$e as a,
|
|
518
|
+
ne as b,
|
|
519
|
+
Ve as i,
|
|
520
|
+
Ne as p
|
|
521
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Menu.vue_vue_type_style_index_0_lang-C_lbO09l.js");exports.MenuItem=e._sfc_main$1;exports.MenuItemSizes=e.MenuItemSizes;exports.default=e._sfc_main$1;
|
package/dist/Tree/TreeNode.d.ts
CHANGED
|
@@ -8,16 +8,22 @@ interface TreeNodeProps {
|
|
|
8
8
|
export interface TreeNodeSlots {
|
|
9
9
|
switcherIcon?: (props: object & {
|
|
10
10
|
selected: boolean;
|
|
11
|
+
disabled: boolean;
|
|
11
12
|
checked: boolean | 'indeterminate';
|
|
12
13
|
expanded: boolean;
|
|
14
|
+
unFocusable: true;
|
|
13
15
|
}) => never;
|
|
14
16
|
title?: (props: object & {
|
|
15
17
|
selected: boolean;
|
|
18
|
+
disabled: boolean;
|
|
16
19
|
checked: boolean | 'indeterminate';
|
|
20
|
+
unFocusable: true;
|
|
17
21
|
}) => never;
|
|
18
22
|
dragTrigger?: (props: object & {
|
|
19
23
|
selected: boolean;
|
|
24
|
+
disabled: boolean;
|
|
20
25
|
checked: boolean | 'indeterminate';
|
|
26
|
+
unFocusable: true;
|
|
21
27
|
}) => never;
|
|
22
28
|
}
|
|
23
29
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TreeNodeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TreeNodeProps> & Readonly<{}>, {
|
package/dist/Tree/index.js.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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-
|
|
1
|
+
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-D9EB0NE_.js";
|
|
2
2
|
export {
|
|
3
3
|
r as Tree,
|
|
4
4
|
s as TreeGaps,
|
|
@@ -1 +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-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tree.vue_vue_type_style_index_0_lang-D2iXdFbM.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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),p=require("./class-CjZYGZDW.js"),le=require("class-variance-authority"),L=require("./cloneDeep-DgcRQUzH.js"),te=require("radix-vue"),M=require("./omit-CMPOmOGF.js"),ve=require("sortablejs"),re=require("./options-B4iSAKol.js"),pe=require("./IndentLevel.vue_vue_type_style_index_0_lang-C0p5Alem.js"),fe=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),me=require("./Checkbox.vue_vue_type_style_index_0_lang-Bvk3KN2L.js");var he="__lodash_hash_undefined__";function ye(l){return this.__data__.set(l,he),this}function ke(l){return this.__data__.has(l)}function Y(l){var r=-1,n=l==null?0:l.length;for(this.__data__=new M.MapCache;++r<n;)this.add(l[r])}Y.prototype.add=Y.prototype.push=ye;Y.prototype.has=ke;function be(l,r,n,t){for(var B=l.length,u=n+-1;++u<B;)if(r(l[u],u,l))return u;return-1}function xe(l){return l!==l}function Ce(l,r,n){for(var t=n-1,B=l.length;++t<B;)if(l[t]===r)return t;return-1}function Be(l,r,n){return r===r?Ce(l,r,n):be(l,xe,n)}function _e(l,r){var n=l==null?0:l.length;return!!n&&Be(l,r,0)>-1}function we(l,r){return l.has(r)}function Se(){}function se(l){var r=-1,n=Array(l.size);return l.forEach(function(t){n[++r]=t}),n}var Ne=1/0,ze=M.Set&&1/se(new M.Set([,-0]))[1]==Ne?function(l){return new M.Set(l)}:Se,Ee=200;function Ke(l,r,n){var t=-1,B=_e,u=l.length,I=!0,f=[],m=f;if(u>=Ee){var _=ze(l);if(_)return se(_);I=!1,B=we,m=new Y}else m=f;e:for(;++t<u;){var w=l[t],b=w;if(w=w!==0?w:0,I&&b===b){for(var x=m.length;x--;)if(m[x]===b)continue e;f.push(w)}else B(m,b,n)||(m!==f&&m.push(b),f.push(w))}return f}function Le(l){return l&&l.length?Ke(l):[]}function oe(l,r,n){var t=l==null?void 0:M.baseGet(l,r);return t===void 0?n:t}const ie=["sm","md","lg"],ee={none:"gap-none",sm:"gap-sm",md:"gap-md",lg:"gap-lg"},[de,ce]=te.createContext("CheckboxGroup"),Ie=["tabindex"],Fe=["data-parents","data-level"],Te=e.defineComponent({...re.getComponentOptions("TreeNode"),__name:"TreeNode",props:{item:{},level:{default:1},hovered:{type:Boolean},parentKeys:{}},setup(l){const r=l,n=e.useSlots(),t=de(),B=le.cva(t.prefixes.node,{variants:{disabled:p.generateVariantClassList("disabled",t.prefixes.node),active:p.generateVariantClassList("active",t.prefixes.node)}}),u=e.computed(()=>{switch(t.size.value){case"sm":return"2xsm";case"md":case"lg":return"xsm"}}),I=e.computed(()=>{switch(t.size.value){case"sm":return"2xsm";default:return"xsm"}}),f=s=>t.getNodeField(s,"children"),m=s=>t.getNodeField(s,"key"),_=e.computed(()=>f(r.item)),w=e.computed(()=>t.getNodeField(r.item,"leaf")),b=e.computed(()=>t.draggable.value?t.getNodeField(r.item,"draggable")??!0:!1),x=e.computed(()=>m(r.item)),C=e.computed(()=>!!(t.disabled.value||t.getNodeField(r.item,"disabled"))),F=e.computed(()=>{var s;return!!((s=_.value)!=null&&s.some(o=>t.expandedKeys.value.includes(m(o))))}),h=e.inject("tree-node-context",{hovered:e.ref(r.hovered??!1),expanded:e.ref(!1),childExpanded:F}),z=e.computed(()=>!(r.item.dragging??!1)&&t.expandedKeys.value.includes(x.value)),S=e.ref(!1),T=s=>{S.value=s};e.watch(S,s=>{t.showLine.value&&h.hovered&&(h.hovered.value=s)}),e.provide("tree-node-context",{expanded:z,childExpanded:F,hovered:S});const O=e.computed(()=>{var s,o,a;if(t.dragging.value)return!1;if(t.showLine.value){if(r.hovered||(s=h.hovered)!=null&&s.value||S.value)return"all";if(z.value&&!F.value)return"self";if((o=h.expanded)!=null&&o.value&&!((a=h.childExpanded)!=null&&a.value))return"last"}}),N=e.computed(()=>{var s;return!((s=_.value)!=null&&s.length)}),Z=()=>{C.value||t.onSelect(r.item)},V=e.computed(()=>!!t.model.value.includes(x.value)),k=e.computed(()=>{const s=(d=r.item)=>{const c=f(d);return(c==null?void 0:c.length)&&c.every(g=>t.checked.value.includes(m(g)))},o=(d=r.item)=>{const c=f(d);return c!=null&&c.length?!!(c!=null&&c.some(g=>t.checked.value.includes(m(g))||o(g))):!1},a=t.checked.value.includes(x.value);return s()?(a||t.onCheck(r.item),!0):o()?(a&&t.onCheck(r.item),"indeterminate"):!!a}),D=()=>{var a;if(!((a=_.value)!=null&&a.length))return t.onCheck(r.item);const s=(i=r.item)=>{const d=f(i);return d!=null&&d.length?d.reduce((c,g)=>{const E=f(g),R=m(g);return E!=null&&E.length?[...c,R,...s(g)]:[...c,R]},[]):[]},o=s();return t.onCheck(r.item,{keys:[x.value,...o],value:!t.checked.value.includes(x.value)})},U=e.computed(()=>[...r.parentKeys??[],x.value]),J=()=>{t.onExpandKey(r.item)},q=e.computed(()=>r.item.dragging_level??r.level),P=e.computed(()=>q.value+1),A=e.ref(),j=e.ref();t.useSortable({root:A,instance:j,node:r.item});const Q=e.computed(()=>{switch(t.size.value){case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}});return(s,o)=>{const a=e.resolveComponent("TreeNode",!0);return e.openBlock(),e.createBlock(e.unref(te.Primitive),{asChild:N.value,key:N.value,"data-parents":e.unref(t).draggable.value?s.parentKeys:void 0,"data-key":e.unref(t).draggable.value?x.value:void 0,"data-draggable":e.unref(t).draggable.value?!C.value&&b.value:void 0,class:e.normalizeClass([{[e.unref(t).prefixes.group]:!N.value},e.unref(t).getNodeField(s.item,"class")])},{default:e.withCtx(()=>{var i,d;return[e.createElementVNode("div",{tabindex:C.value?void 0:0,class:e.normalizeClass([e.unref(B)({disabled:C.value,active:V.value}),e.unref(t).getNodeField(s.item,"class")]),onMouseenter:o[1]||(o[1]=c=>T(!0)),onMouseleave:o[2]||(o[2]=c=>T(!1)),onClick:Z},[e.unref(t).draggable.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).prefixes.draggable)},[!s.item.dragging&&!e.unref(t).dragging.value?(e.openBlock(),e.createBlock(fe._sfc_main,{key:0,icon:"tabler:grip-vertical",size:I.value,class:e.normalizeClass(e.unref(t).prefixes.draggableIcon)},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"dragTrigger",e.normalizeProps(e.guardReactiveProps({...s.item,selected:V.value,checked:k.value,disabled:C.value,unFocusable:!0})))]),_:3},8,["size","class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createVNode(pe._sfc_main,{level:q.value,children:!!((i=_.value)!=null&&i.length||e.unref(t).lazyLoad.value&&!w.value),size:Q.value,expanded:z.value,showLine:O.value,loading:e.unref(t).getNodeField(s.item,"loading"),"branch-icon":e.unref(t).getNodeField(s.item,"switcherIcon")??e.unref(t).switcherIcon.value,"no-rotate-branch":e.unref(t).getNodeField(s.item,"noRotateSwitcherIcon")??e.unref(t).noRotateSwitcherIcon.value,onToggleExpand:e.withModifiers(J,["stop"])},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"switcherIcon",e.normalizeProps(e.guardReactiveProps({...s.item,selected:V.value,checked:k.value,expanded:z.value,disabled:C.value,unFocusable:!0})))]),_:3},8,["level","children","size","expanded","showLine","loading","branch-icon","no-rotate-branch"]),!s.item.dragging||!e.unref(t).dragging.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(t).checkbox.value?(e.openBlock(),e.createBlock(me._sfc_main,{key:0,size:u.value,onClick:o[0]||(o[0]=e.withModifiers(()=>{},["stop"])),checked:k.value,"onUpdate:checked":D,disabled:C.value},null,8,["size","checked","disabled"])):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"title",e.normalizeProps(e.guardReactiveProps({...s.item,selected:V.value,checked:k.value,disabled:C.value,unFocusable:!0})),()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(p.getBemElement)(e.unref(t).prefixes.node,"title"))},e.toDisplayString(e.unref(t).getNodeField(s.item,"title")),3)])],64)):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(p.getBemElement)(e.unref(t).prefixes.node,"slot"))},null,2))],42,Ie),(d=_.value)!=null&&d.length?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).prefixes.groupList),ref_key:"root",ref:A,"data-parents":e.unref(t).draggable.value?U.value:void 0,"data-level":e.unref(t).draggable.value?P.value:void 0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f(s.item),c=>{var g;return e.openBlock(),e.createBlock(a,{key:e.unref(t).getNodeField(c,"key"),parentKeys:U.value,item:c,level:P.value,hovered:r.hovered||S.value||((g=e.unref(h).hovered)==null?void 0:g.value)},e.createSlots({_:2},[e.renderList(Object.keys(n),E=>({name:E,fn:e.withCtx(R=>[e.renderSlot(s.$slots,E,e.mergeProps({ref_for:!0},R))])}))]),1032,["parentKeys","item","level","hovered"])}),128))],10,Fe)),[[e.vShow,z.value]]):e.createCommentVNode("",!0)]}),_:3},8,["asChild","data-parents","data-key","data-draggable","class"])}}}),Ve=e.defineComponent({...re.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(l,{emit:r}){const n=l,t=r,B=e.useSlots(),u=p.getBemBlock("tree"),I=p.getBemElement(u,"node"),f=p.getBemElement(I,"group"),m=p.getBemElement(I,"draggable"),_=p.getBemElement(m,"icon"),w=p.getBemElement(f,"list"),b={node:I,group:f,draggable:m,draggableIcon:_,groupList:w},x=le.cva(u,{variants:{size:p.generateVariantClassList(ie,u),gap:p.generateVariantClassList(ee,u),selectable:p.generateVariantClassList("selectable",u),disabled:p.generateVariantClassList("disabled",u),inlineNode:p.generateVariantClassList("inline-node",u),dragging:p.generateVariantClassList("dragging",u)}}),C=e.computed(()=>L.cloneDeep(n.data)),F=e.ref(C.value),h=(o,a)=>{var d;const i=oe(o,a);return(d=n.fieldNames)!=null&&d[a]?oe(o,n.fieldNames[a],i):i},z=()=>{if(!n.lazyLoad){const o=[],a=i=>{for(const d of i){const c=h(d,"children");c!=null&&c.length&&(o.push(h(d,"key")),a(c))}};return a(F.value),o}return[]},S=e.ref(n.expandedKeys??(n.defaultExpandAll?z():[]));e.watch(()=>[n.defaultExpandAll,n.expandedKeys],([o,a],[i,d])=>{a!==d?S.value=n.expandedKeys??[]:o&&!i&&(S.value=z())});const T=e.computed({get(){return n.expandedKeys?n.expandedKeys:S.value},set(o){n.expandedKeys||(S.value=o),t("update:expandedKeys",o)}});e.watch(C,o=>{F.value=o;const a=z();T.value=T.value.filter(i=>a.includes(i)),P.value++},{deep:!0});const O=e.ref(n.value??[]);e.watch(()=>n.value,()=>{O.value=n.value??[]});const N=e.computed({get(){return n.value?n.value:O.value},set(o){n.value||(O.value=o),t("update:value",o)}}),Z=o=>{if(n.selectable&&!n.disabled){let a=L.cloneDeep(N.value);const i=h(o,"key");n.multiple?N.value.includes(i)?a=L.cloneDeep(N.value.filter(d=>d!==i)):a=L.cloneDeep([...N.value,i]):a.includes(i)?a=[]:a=[i],N.value=a,t("select",o,a.includes(i))}},V=e.ref(n.checkedKeys??[]);e.watch(()=>n.checkedKeys,()=>{V.value=n.checkedKeys??[]});const k=e.computed({get(){return n.checkedKeys?n.checkedKeys:V.value},set(o){n.checkedKeys||(V.value=o),t("update:checkedKeys",o)}}),D=(o,a)=>{if(n.checkbox&&!n.disabled){let i=L.cloneDeep(k.value);const d=h(o,"key");a!=null&&a.keys.length?a.value?i=Le([...a.keys,...i]):i=L.cloneDeep(k.value.filter(g=>!a.keys.includes(g))):k.value.includes(d)?i=L.cloneDeep(k.value.filter(g=>g!==d)):i=L.cloneDeep([...k.value,d]),k.value=i;const c=(a==null?void 0:a.value)??k.value.includes(d);t("check",o,c,(a==null?void 0:a.keys)??d)}},U=o=>{let a=!0;const i=h(o,"key");let d=L.cloneDeep(T.value);d.includes(i)?(d=d.filter(c=>c!==i),a=!1):d=[...d,i],T.value=d,t("expand",o,a)},J=e.computed(()=>{if(n.gap){if(typeof n.gap=="number")return`${n.gap}px`;if(!Object.keys(ee).includes(n.gap))return n.gap}}),q=n.groupName??te.useId(void 0,u),P=e.ref(1),A=e.ref(!1),j=e.ref(),Q=e.ref(),s=o=>{const{root:a,instance:i,node:d}=o,c=K=>{var v;return(v=K.getAttribute("data-parents"))==null?void 0:v.split(",")},g=K=>{const v=(G,ue=F.value)=>{const{parents:W,self:ge}=G;for(let X of ue){const ae=h(X,"key").toString();if(ae===ge)return X;const H=h(X,"children");if(W!=null&&W.includes(ae)&&(H!=null&&H.length))return v(G,H)}},y=c(K),$=K.getAttribute("data-key")??"";return v({parents:y,self:$})},E=p.getBemModifier(p.getBemElement(u,"dragging_item"),n.size),R=(K=a.value)=>new ve(K,{group:M.isFunction(q)?q(d):q,animation:150,forceFallback:!0,fallbackOnBody:!0,filter:"[data-draggable=false]",handle:`.${b.node} .${b.draggable} .${b.draggableIcon}`,dataIdAttr:"data-key",dragClass:E,onChoose(v){const y=g(v.item);y&&(y.dragging=!0)},onStart(v){var G;const y=document.querySelector(`.${E}`),$=(G=getComputedStyle(a.value))==null?void 0:G.direction;y!=null&&y.style&&(y.style.direction=$),A.value=!0,t("dragStart",v)},onUnchoose(v){const y=g(v.item);y&&(y.dragging=!1)},onEnd(v){A.value=!1,t("dragEnd",{...v,node:g(v.item),oldParents:c(v.item),newParents:c(v.to)})},onMove(v){const y=Number(v.to.getAttribute("data-level")??"1"),$=g(v.dragged);$&&($.dragging_level=y)}}),ne=()=>{var K;(K=i.value)==null||K.destroy(),i.value=void 0};e.onMounted(()=>{e.watch(()=>[a.value,n.draggable,P.value],()=>{i.value?ne():a.value&&n.draggable&&(i.value=R())},{immediate:!0})}),e.onBeforeUnmount(()=>{i.value&&ne()})};return s({root:j,instance:Q}),ce({size:e.computed(()=>n.size),draggable:e.computed(()=>n.draggable),lazyLoad:e.computed(()=>n.lazyLoad),checkbox:e.computed(()=>n.checkbox),showLine:e.computed(()=>n.showLine),disabled:e.computed(()=>n.disabled),switcherIcon:e.computed(()=>n.switcherIcon),noRotateSwitcherIcon:e.computed(()=>n.noRotateSwitcherIcon),expandedKeys:T,model:N,checked:k,onExpandKey:U,onSelect:Z,onCheck:D,getNodeField:h,useSortable:s,dragging:A,prefixes:b}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{key:P.value,class:e.normalizeClass([e.unref(x)({size:n.size,gap:n.gap??n.size,selectable:n.selectable,disabled:n.disabled,inlineNode:n.inlineNode,dragging:A.value}),n.class]),style:e.normalizeStyle({"--ptc-tree-gap":J.value}),ref_key:"root",ref:j},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,i=>(e.openBlock(),e.createBlock(Te,{key:h(i,"key"),item:i},e.createSlots({_:2},[e.renderList(Object.keys(B),d=>({name:d,fn:e.withCtx(c=>[e.renderSlot(o.$slots,d,e.mergeProps({ref_for:!0},c))])}))]),1032,["item"]))),128))],6))}});exports.TreeGaps=ee;exports.TreeSizes=ie;exports._sfc_main=Ve;exports.injectTreeContext=de;exports.provideTreeContext=ce;
|