@pantograph/vue 0.32.7 → 0.32.9
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/ColorPicker/index.js +2 -2
- package/dist/ColorPicker/index.umd.cjs +1 -1
- package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-ngeRTae-.js → ColorPicker.vue_vue_type_style_index_0_lang-DvAxADqR.js} +1 -1
- package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-BrT753B_.js → ColorPicker.vue_vue_type_style_index_0_lang-gWF4xfyP.js} +1 -1
- package/dist/ColorSwatchGroup/index.js +1 -1
- package/dist/ColorSwatchGroup/index.umd.cjs +1 -1
- package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-_pCAmZ53.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-CnQvvL-b.js} +1 -1
- package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-B4PdDPjL.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-D8rV769l.js} +1 -1
- package/dist/Combobox/Combobox.d.ts +3 -0
- package/dist/Combobox/context.d.ts +1 -0
- package/dist/Combobox/index.js +555 -542
- package/dist/Combobox/index.umd.cjs +1 -1
- package/dist/Comment/CommentMention.d.ts +8 -2
- package/dist/Comment/index.js +1 -0
- package/dist/Comment/index.umd.cjs +1 -1
- package/dist/Dialog/index.js +11 -11
- package/dist/Dialog/index.umd.cjs +1 -1
- package/dist/Drawer/index.js +9 -9
- package/dist/Drawer/index.umd.cjs +1 -1
- package/dist/GOPicker/index.js +1 -1
- package/dist/GOPicker/index.umd.cjs +1 -1
- package/dist/HoverCard/index.js +3 -2
- package/dist/HoverCard/index.umd.cjs +1 -1
- package/dist/Modal/index.js +10 -10
- package/dist/Modal/index.umd.cjs +1 -1
- package/dist/Popover/index.js +3 -2
- package/dist/Popover/index.umd.cjs +1 -1
- package/dist/Popover/type.d.ts +5 -0
- package/dist/Select/index.js +2 -2
- package/dist/Select/index.umd.cjs +1 -1
- package/dist/{Select.vue_vue_type_style_index_0_lang-BmCg9S_L.js → Select.vue_vue_type_style_index_0_lang-BDpLxikv.js} +1 -1
- package/dist/{Select.vue_vue_type_style_index_0_lang-BLHjk2Iy.js → Select.vue_vue_type_style_index_0_lang-Cdkv9Op4.js} +1 -1
- package/dist/Tree/Tree.model.d.ts +6 -0
- package/dist/Tree/index.js +1 -1
- package/dist/Tree/index.umd.cjs +1 -1
- package/dist/{index-X3ydBeJy.js → index-BxsIulsm.js} +35 -31
- package/dist/index-DUdWKbz1.js +1 -0
- package/dist/index.js +5 -5
- package/dist/index.umd.cjs +1 -1
- package/dist/use/index.js +6 -6
- package/dist/use/index.umd.cjs +1 -1
- package/dist/utils-gUPbDQWf.js +1 -0
- package/dist/{utils-ktMrldiH.js → utils-mW_Rw1i9.js} +16 -15
- package/package.json +1 -1
- package/dist/index-DErOe7O5.js +0 -1
- package/dist/utils-CCymYPFY.js +0 -1
package/dist/HoverCard/index.js
CHANGED
|
@@ -2,8 +2,8 @@ import { defineComponent as z, useSlots as h, createBlock as a, openBlock as l,
|
|
|
2
2
|
import { getComponentOptions as R, getBemBlock as j, normCls as F, getComponentName as V } from "@pantograph/utils";
|
|
3
3
|
import { useEmitAsProps as E, HoverCardTrigger as $, HoverCardRoot as K, HoverCardPortal as L, HoverCardContent as M } from "reka-ui";
|
|
4
4
|
import "../Popover/index.js";
|
|
5
|
-
import { u as U } from "../utils-
|
|
6
|
-
import { P as re, a as ae } from "../utils-
|
|
5
|
+
import { u as U } from "../utils-mW_Rw1i9.js";
|
|
6
|
+
import { P as re, a as ae } from "../utils-mW_Rw1i9.js";
|
|
7
7
|
import { installComponent as W } from "@pantograph/utils-vue";
|
|
8
8
|
const q = /* @__PURE__ */ z({
|
|
9
9
|
...R("HoverCard", !1),
|
|
@@ -31,6 +31,7 @@ const q = /* @__PURE__ */ z({
|
|
|
31
31
|
disableUpdateOnLayoutShift: { type: Boolean },
|
|
32
32
|
prioritizePosition: { type: Boolean, default: !0 },
|
|
33
33
|
reference: {},
|
|
34
|
+
noControl: { type: Boolean },
|
|
34
35
|
dir: {},
|
|
35
36
|
class: { type: [Array, Object, String, Number, null, Boolean] },
|
|
36
37
|
containerCls: { type: [Array, Object, String, Number, null, Boolean] },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@pantograph/utils"),t=require("reka-ui");require("../Popover/index.umd.cjs");const a=require("../utils-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@pantograph/utils"),t=require("reka-ui");require("../Popover/index.umd.cjs");const a=require("../utils-gUPbDQWf.js"),h=require("@pantograph/utils-vue"),l=e.defineComponent({...r.getComponentOptions("HoverCard",!1),__name:"HoverCard",props:{defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{default:"always"},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{default:"optimized"},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},noControl:{type:Boolean},dir:{},class:{type:[Array,Object,String,Number,null,Boolean]},containerCls:{type:[Array,Object,String,Number,null,Boolean]},containerClass:{type:[Array,Object,String,Number,null,Boolean]},size:{default:"md"},to:{},placement:{default:"bottom"},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{default:1e3},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean},noTrigger:{type:Boolean},renderPopupsInContent:{type:Boolean,default:!0},renderPopupsInTo:{type:Boolean},ignoreParentTo:{type:Boolean}},emits:["update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(o,{emit:i}){const s=i,u=t.useEmitAsProps(s),d=o,c=r.getBemBlock("hover_card"),p=e.useSlots(),y=n=>{n.stopPropagation()},{Trigger:f,variantsClass:g,asChild:P,contentRef:m,rootOpenProp:C,portalProps:B,contentProps:v,reference:S}=a.usePopoverContext({slots:p,prefix:c,props:d,emitsAsProps:u,TriggerCmp:t.HoverCardTrigger});return(n,b)=>(e.openBlock(),e.createBlock(e.unref(t.HoverCardRoot),e.mergeProps(e.unref(C),{openDelay:o.openDelay,closeDelay:o.closeDelay,key:e.unref(P)}),{default:e.withCtx(({open:D})=>[o.noTrigger?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(f),e.mergeProps({key:0},n.$attrs,{onPointerdown:y}),null,16)),e.createVNode(e.unref(t.HoverCardPortal),e.normalizeProps(e.guardReactiveProps(e.unref(B))),{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(t.HoverCardContent),e.mergeProps(e.unref(v),{"as-child":"",reference:e.unref(S)}),{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle({zIndex:o.zIndex,...o.containerStyle??{}}),class:e.normalizeClass(e.unref(r.normCls)(e.unref(g)({size:o.size,noPadding:o.noPadding}),o.containerClass,o.containerCls)),ref:O=>m.value=O},[e.renderSlot(n.$slots,"content")],6)]),_:3},16,["reference"]),[[e.vShow,D]])]),_:2},1040)]),_:3},16,["openDelay","closeDelay"]))}}),z=h.installComponent(l,r.getComponentName("HoverCard"));exports.PopoverPlacements=a.PopoverPlacements;exports.PopoverSizes=a.PopoverSizes;exports.HoverCard=l;exports.HoverCardPlugin=z;exports.default=l;
|
package/dist/Modal/index.js
CHANGED
|
@@ -4,9 +4,9 @@ import { getComponentOptions as m, getComponentName as b } from "@pantograph/uti
|
|
|
4
4
|
import { useEmitAsProps as k } from "reka-ui";
|
|
5
5
|
import { omit as d } from "es-toolkit";
|
|
6
6
|
import { installComponent as B } from "@pantograph/utils-vue";
|
|
7
|
-
const g = ["type", "side"],
|
|
7
|
+
const g = ["type", "side"], x = {
|
|
8
8
|
...d(D, g)
|
|
9
|
-
},
|
|
9
|
+
}, F = /* @__PURE__ */ s({
|
|
10
10
|
...m("Modal", !1),
|
|
11
11
|
__name: "Modal",
|
|
12
12
|
props: /* @__PURE__ */ _({
|
|
@@ -39,7 +39,7 @@ const g = ["type", "side"], F = {
|
|
|
39
39
|
maskClosable: { type: Boolean },
|
|
40
40
|
beforeClose: { type: Function },
|
|
41
41
|
beforeCloseDebugger: { type: Boolean },
|
|
42
|
-
to: {
|
|
42
|
+
to: {},
|
|
43
43
|
animated: { type: [Boolean, String] },
|
|
44
44
|
asDrawerInMobile: { type: Boolean },
|
|
45
45
|
mobileDrawerMinHeight: {},
|
|
@@ -66,17 +66,17 @@ const g = ["type", "side"], F = {
|
|
|
66
66
|
defer: { type: Boolean },
|
|
67
67
|
forceMount: { type: Boolean },
|
|
68
68
|
disableOutsidePointerEvents: { type: Boolean }
|
|
69
|
-
},
|
|
69
|
+
}, x),
|
|
70
70
|
emits: ["update:open", "pointerDownOutside", "escapeKeyDown", "focusOutside", "update:fullScreen", "ok", "cancel", "close", "openChange", "afterClose", "afterOpen"],
|
|
71
71
|
setup(e, { emit: o }) {
|
|
72
|
-
const t = e, r = j(),
|
|
72
|
+
const t = e, r = j(), f = i(), S = k(o), O = M(() => ({
|
|
73
73
|
...d(r, g),
|
|
74
74
|
...t,
|
|
75
|
-
...
|
|
75
|
+
...S,
|
|
76
76
|
type: "modal"
|
|
77
77
|
}));
|
|
78
78
|
return (A, I) => (c(), p(N, n(l(O.value)), P({ _: 2 }, [
|
|
79
|
-
h(Object.keys(
|
|
79
|
+
h(Object.keys(f), (a) => ({
|
|
80
80
|
name: a,
|
|
81
81
|
fn: y((C) => [
|
|
82
82
|
u(A.$slots, a, n(l(C)))
|
|
@@ -101,12 +101,12 @@ const g = ["type", "side"], F = {
|
|
|
101
101
|
_: 3
|
|
102
102
|
}, 16));
|
|
103
103
|
}
|
|
104
|
-
}), U = T, G = B(
|
|
104
|
+
}), U = T, G = B(F, b("Modal")), K = B(L, b("ModalTitle"));
|
|
105
105
|
export {
|
|
106
|
-
|
|
106
|
+
F as Modal,
|
|
107
107
|
G as ModalPlugin,
|
|
108
108
|
U as ModalSizes,
|
|
109
109
|
L as ModalTitle,
|
|
110
110
|
K as ModalTitlePlugin,
|
|
111
|
-
|
|
111
|
+
F as default
|
|
112
112
|
};
|
package/dist/Modal/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../Dialog/index.umd.cjs"),t=require("@pantograph/utils"),O=require("reka-ui"),p=require("es-toolkit"),u=require("@pantograph/utils-vue"),c=["type","side"],C={...p.omit(o.DIALOG_DEFAULT_PROPS,c)},a=e.defineComponent({...t.getComponentOptions("Modal",!1),__name:"Modal",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../Dialog/index.umd.cjs"),t=require("@pantograph/utils"),O=require("reka-ui"),p=require("es-toolkit"),u=require("@pantograph/utils-vue"),c=["type","side"],C={...p.omit(o.DIALOG_DEFAULT_PROPS,c)},a=e.defineComponent({...t.getComponentOptions("Modal",!1),__name:"Modal",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{},animated:{type:[Boolean,String]},asDrawerInMobile:{type:Boolean},mobileDrawerMinHeight:{},mobileDrawerHeight:{},mobileDrawerMaxHeight:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},renderPopupsInContent:{type:Boolean},renderPopupsInTo:{type:Boolean},ignoreParentTo:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},C),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close","openChange","afterClose","afterOpen"],setup(n,{emit:l}){const r=n,s=e.useAttrs(),d=e.useSlots(),m=l,g=O.useEmitAsProps(m),b=e.computed(()=>({...p.omit(s,c),...r,...g,type:"modal"}));return(B,M)=>(e.openBlock(),e.createBlock(o.Dialog,e.normalizeProps(e.guardReactiveProps(b.value)),e.createSlots({_:2},[e.renderList(Object.keys(d),i=>({name:i,fn:e.withCtx(S=>[e.renderSlot(B.$slots,i,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040))}}),y=e.defineComponent({...t.getComponentOptions("ModalTitle"),__name:"ModalTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(n){e.useSlots();const l=n;return(r,s)=>(e.openBlock(),e.createBlock(o.DialogTitle,e.normalizeProps(e.guardReactiveProps(l)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},16))}}),A=o.DialogSizes,f=u.installComponent(a,t.getComponentName("Modal")),P=u.installComponent(y,t.getComponentName("ModalTitle"));exports.Modal=a;exports.ModalPlugin=f;exports.ModalSizes=A;exports.ModalTitle=y;exports.ModalTitlePlugin=P;exports.default=a;
|
package/dist/Popover/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent as b, useSlots as A, createBlock as l, openBlock as i, unref as e, mergeProps as t, withCtx as n, createCommentVNode as w, createVNode as s, normalizeProps as p, guardReactiveProps as x, withDirectives as N, createElementVNode as T, normalizeClass as k, normalizeStyle as I, renderSlot as D, vShow as F } from "vue";
|
|
2
2
|
import { getComponentOptions as R, getBemBlock as j, normCls as V, getComponentName as E } from "@pantograph/utils";
|
|
3
3
|
import { useEmitAsProps as $, PopoverRoot as K, PopoverPortal as L, PopoverContent as M, PopoverTrigger as U } from "reka-ui";
|
|
4
|
-
import { u as W } from "../utils-
|
|
5
|
-
import { P as te, a as ne } from "../utils-
|
|
4
|
+
import { u as W } from "../utils-mW_Rw1i9.js";
|
|
5
|
+
import { P as te, a as ne } from "../utils-mW_Rw1i9.js";
|
|
6
6
|
import { installComponent as q } from "@pantograph/utils-vue";
|
|
7
7
|
const G = /* @__PURE__ */ b({
|
|
8
8
|
...R("Popover", !1),
|
|
@@ -29,6 +29,7 @@ const G = /* @__PURE__ */ b({
|
|
|
29
29
|
disableUpdateOnLayoutShift: { type: Boolean },
|
|
30
30
|
prioritizePosition: { type: Boolean, default: !0 },
|
|
31
31
|
reference: {},
|
|
32
|
+
noControl: { type: Boolean },
|
|
32
33
|
dir: {},
|
|
33
34
|
class: { type: [Array, Object, String, Number, null, Boolean] },
|
|
34
35
|
containerCls: { type: [Array, Object, String, Number, null, Boolean] },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@pantograph/utils"),t=require("reka-ui"),r=require("../utils-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@pantograph/utils"),t=require("reka-ui"),r=require("../utils-gUPbDQWf.js"),O=require("@pantograph/utils-vue"),a=e.defineComponent({...n.getComponentOptions("Popover",!1),__name:"Popover",props:{defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{default:"always"},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{default:"optimized"},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},noControl:{type:Boolean},dir:{},class:{type:[Array,Object,String,Number,null,Boolean]},containerCls:{type:[Array,Object,String,Number,null,Boolean]},containerClass:{type:[Array,Object,String,Number,null,Boolean]},size:{default:"md"},to:{},placement:{default:"bottom"},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{default:1e3},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean},noTrigger:{type:Boolean},renderPopupsInContent:{type:Boolean,default:!0},renderPopupsInTo:{type:Boolean},ignoreParentTo:{type:Boolean}},emits:["update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus","openChange"],setup(o,{emit:s}){const l=s,u=t.useEmitAsProps(l),p=o,c=n.getBemBlock("popover"),d=e.useSlots(),{variantsClass:f,contentRef:P,asChild:y,rootOpenProp:m,portalProps:g,contentProps:B,reference:v,Trigger:C}=r.usePopoverContext({slots:d,prefix:c,props:p,emit:l,emitsAsProps:u,TriggerCmp:t.PopoverTrigger});return(i,b)=>(e.openBlock(),e.createBlock(e.unref(t.PopoverRoot),e.mergeProps(e.unref(m),{key:e.unref(y)}),{default:e.withCtx(({open:S})=>[o.noTrigger?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(C),e.normalizeProps(e.mergeProps({key:0},i.$attrs)),null,16)),e.createVNode(e.unref(t.PopoverPortal),e.normalizeProps(e.guardReactiveProps(e.unref(g))),{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(t.PopoverContent),e.mergeProps(e.unref(B),{"as-child":"",reference:e.unref(v)}),{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle({zIndex:o.zIndex,...o.containerStyle??{}}),class:e.normalizeClass(e.unref(n.normCls)(e.unref(f)({size:o.size,noPadding:o.noPadding}),o.containerClass,o.containerCls)),ref:z=>P.value=z},[e.renderSlot(i.$slots,"content")],6)]),_:3},16,["reference"]),[[e.vShow,S]])]),_:2},1040)]),_:3},16))}}),h=O.installComponent(a,n.getComponentName("Popover"));exports.PopoverPlacements=r.PopoverPlacements;exports.PopoverSizes=r.PopoverSizes;exports.Popover=a;exports.PopoverPlugin=h;exports.default=a;
|
package/dist/Popover/type.d.ts
CHANGED
|
@@ -21,6 +21,11 @@ export interface PopoverSlots {
|
|
|
21
21
|
* The base props for the Popover component
|
|
22
22
|
*/
|
|
23
23
|
export interface PopoverBaseProps {
|
|
24
|
+
/**
|
|
25
|
+
* Whether to disable the internal focus management of the popover
|
|
26
|
+
* When true, the popover won't control its own focus on open/close state
|
|
27
|
+
*/
|
|
28
|
+
noControl?: boolean;
|
|
24
29
|
/**
|
|
25
30
|
* The text direction for the component
|
|
26
31
|
*/
|
package/dist/Select/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ as l, S as o, a } from "../Select.vue_vue_type_style_index_0_lang-
|
|
2
|
-
import { b as f, c as u, i as _, p as b } from "../Select.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { _ as l, S as o, a } from "../Select.vue_vue_type_style_index_0_lang-BDpLxikv.js";
|
|
2
|
+
import { b as f, c as u, i as _, p as b } from "../Select.vue_vue_type_style_index_0_lang-BDpLxikv.js";
|
|
3
3
|
import { installComponent as e } from "@pantograph/utils-vue";
|
|
4
4
|
import { getComponentName as t } from "@pantograph/utils";
|
|
5
5
|
const i = e(l, t("Select")), S = e(o, t("SelectOption")), m = e(a, t("SelectLabel"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Select.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Select.vue_vue_type_style_index_0_lang-Cdkv9Op4.js"),t=require("@pantograph/utils-vue"),l=require("@pantograph/utils"),n=t.installComponent(e._sfc_main,l.getComponentName("Select")),c=t.installComponent(e.SelectOption,l.getComponentName("SelectOption")),i=t.installComponent(e._sfc_main$1,l.getComponentName("SelectLabel"));exports.Select=e._sfc_main;exports.SelectLabel=e._sfc_main$1;exports.SelectOption=e.SelectOption;exports.SelectSizes=e.SelectSizes;exports.SelectStatuses=e.SelectStatuses;exports.default=e._sfc_main;exports.injectSelectContext=e.injectSelectContext;exports.provideSelectContext=e.provideSelectContext;exports.SelectLabelPlugin=i;exports.SelectOptionPlugin=c;exports.SelectPlugin=n;
|
|
@@ -7,7 +7,7 @@ import { _ as Ye } from "./Empty.vue_vue_type_style_index_0_lang-yTn4EQKn.js";
|
|
|
7
7
|
import { _ as Ze } from "./Skeleton.vue_vue_type_style_index_0_lang-aI8FTL_w.js";
|
|
8
8
|
import { _ as Ve } from "./Divider.vue_vue_type_style_index_0_lang-eXMD78c3.js";
|
|
9
9
|
import { isEmptyElement as u, filterEmpty as et, isValidElement as tt, isFragment as ot, useLazyLoading as nt, useFormInput as rt, flattenChildrenByType as Le } from "@pantograph/utils-vue";
|
|
10
|
-
import { g as at, b as it } from "./utils-
|
|
10
|
+
import { g as at, b as it } from "./utils-mW_Rw1i9.js";
|
|
11
11
|
import { useConfig as lt } from "./ConfigProvider/index.js";
|
|
12
12
|
import "./ScrollContainer/index.js";
|
|
13
13
|
import { _ as ge } from "./Icon.vue_vue_type_style_index_0_lang-D3lvOgux.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const n=require("vue"),I=require("reka-ui"),B=require("es-toolkit"),r=require("@pantograph/utils"),pe=require("class-variance-authority"),fe=require("./Empty.vue_vue_type_style_index_0_lang-Cvh6hCth.js"),ye=require("./Skeleton.vue_vue_type_style_index_0_lang-oMsTff2I.js"),ue=require("./Divider.vue_vue_type_style_index_0_lang-Heq87yk1.js"),l=require("@pantograph/utils-vue"),ce=require("./utils-CCymYPFY.js"),ve=require("./ConfigProvider/index.umd.cjs");require("./ScrollContainer/index.umd.cjs");const ae=require("./Icon.vue_vue_type_style_index_0_lang-v3QUxO-v.js"),$=require("./isArray-Bin_5of_.js"),Ce=require("./Chip.vue_vue_type_style_index_0_lang-BguWH1di.js"),Se=require("./index-BUzezp9o.js"),Y=require("./isObject-BDHKUJKN.js"),he=require("./ScrollContainer.vue_vue_type_style_index_0_lang-XfGedoBb.js"),ie=["sm","md","lg"],ge=["error","warning","success"],[se,de]=I.createContext("Select"),[be,_e]=I.createContext("_Select"),j=r.getBemBlock("select"),me=n.defineComponent({...r.getComponentOptions("SelectLabel"),__name:"SelectLabel",setup(C){return(t,o)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(n.unref(r.getBemElement)(n.unref(j),"label"))},[n.renderSlot(t.$slots,"default")],2))}}),re=n.defineComponent({name:r.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(C,{slots:t}){const o=se(),e=n.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),w=n.computed(()=>o.getOptionValue(C.option)),d=n.computed(()=>o.getOptionLabel(C.option)),F=n.computed(()=>o.getOptionIcon(C.option)),R=n.computed(()=>o.getOptionDisabled(C.option)),z=r.getBemElement(j,"option"),K=pe.cva(z,{variants:{size:r.generateVariantClassList(ie,z)}}),N=b=>{var O,k;const S=b.detail.value;o.emit("select",S,$.isArray(o.modelValue.value)?!((k=(O=o.modelValue.value)==null?void 0:O.includes)!=null&&k.call(O,S)):!0)};if(!C.option)throw new Error("option is required");const D=()=>{var S;const b=(S=t.indicator)==null?void 0:S.call(t,{option:C.option});return l.isEmptyElement(b)?n.h(I.SelectItemIndicator,{asChild:!0},()=>n.h(ae._sfc_main,{icon:o.props.indicatorIcon,size:e.value})):b},V=()=>{var O,k,q;const b=(O=t.default)==null?void 0:O.call(t,{option:C.option}),S=[];if(!l.isEmptyElement(b))S.push(b);else{const M=(k=t.leading)==null?void 0:k.call(t,{option:C.option}),s=!l.isEmptyElement(M);if(F.value||s){let P;s?P=M:P=n.h(ae._sfc_main,{icon:F.value,size:e.value}),S.push(n.h("div",{class:r.normCls(r.getBemElement(z,"leading"),o.props.itemLeadingCls)},P))}let E;const L=(q=t.text)==null?void 0:q.call(t,{option:C.option});l.isEmptyElement(L)?E=d.value:E=L,S.push(n.h("div",{class:r.normCls(r.getBemElement(z,"text"),o.props.optionTextCls)},E))}return n.h("div",{class:r.normCls(r.getBemElement(z,"content"),o.props.optionContentCls)},S)};return()=>n.h(I.SelectItem,{value:w.value,textValue:d.value,disabled:R.value,class:r.normCls(K({size:o.getSize.value}),o.props.optionCls),onSelect:N},()=>[V(),D()])}}),Ee=n.defineComponent({name:r.getComponentName("SelectTrigger"),props:{getOptionSlot:{type:Function,required:!0}},setup(C,{slots:t,attrs:o}){const e=se(),w=({value:s},E)=>{if(E.stopPropagation(),s&&$.isArray(e.modelValue.value)&&!e.getDisabled.value){const L=e.modelValue.value.filter(P=>P!==s);e.modelValue.value=L,e.emit("update:modelValue",L),e.emit("select",s,!1)}},d=r.getBemElement(j,"trigger"),F=pe.cva(d,{variants:{size:r.generateVariantClassList(ie,d),status:r.generateVariantClassList(ge,d),bordered:r.generateVariantClassList("bordered",d),multiple:r.generateVariantClassList("multiple",d),contentFit:r.generateVariantClassList("content-fit",d),wrapped:r.generateVariantClassList("wrapped",d),filled:r.generateVariantClassList("filled",d)}}),R=n.computed(()=>{switch(e.getSize.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),z=n.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),K=n.computed(()=>{if(!e.props.multiple&&B.isString(e.modelValue.value)&&!r.isEmptyLikeLodash(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),N=(s=K.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&Y.isObject(s)&&"icon"in s)return s.icon},D=n.computed(()=>N()),V=n.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon??"tabler:chevron-down"}),b=n.computed(()=>!r.isEmptyLikeLodash(e.modelValue.value)&&e.props.multiple&&$.isArray(e.modelValue.value)),S=n.computed(()=>({modelValue:B.cloneDeep(e.modelValue.value),open:B.cloneDeep(e.open.value)})),O=s=>({...S.value,option:e.getOptionByValue(s)}),k=n.computed(()=>({disabled:e.getDisabled.value,reference:e.props.reference,tabindex:e.getDisabled.value?void 0:0,as:"div",class:r.normCls(F({size:e.getSize.value,status:e.getStatus.value==="success"&&r.isEmptyLikeLodash(e.modelValue.value)?void 0:e.getStatus.value,bordered:e.props.bordered,multiple:e.props.multiple,contentFit:e.props.contentFit,wrapped:e.props.wrapped,filled:!r.isEmptyLikeLodash(e.modelValue.value)}),e.props.triggerCls),...o})),q=(s,E=z.value)=>n.h(ae._sfc_main,{icon:s,size:E}),M=()=>{var L;let s;const E=(L=t.triggerTrailing)==null?void 0:L.call(t,S.value);if(!l.isEmptyElement(E))s=E;else if(V.value&&V.value){const P=V.value===!0?"tabler:chevron-down":V.value;s=q(P)}if(s)return n.h("div",{class:r.normCls(r.getBemElement(d,"trailing"),e.props.triggerTrailingCls)},s)};return()=>{var P;const s=(P=t.trigger)==null?void 0:P.call(t,S.value),L=(()=>{if(l.isEmptyElement(s))return!1;const x=l.filterEmpty(s)??null,W=x.length===1?x[0]:x;return W?l.isValidElement(W)&&!l.isFragment(W):!0})();return n.h(I.SelectTrigger,{...k.value,asChild:L,key:String(L)},{default:()=>{var J;if(!l.isEmptyElement(s))return s;const x=(J=t.triggerLeading)==null?void 0:J.call(t,S.value),W=!l.isEmptyElement(x),Z=()=>{var G;if(!e.props.multiple&&!$.isArray(e.modelValue.value)){const u=(G=C.getOptionSlot("leading",e.modelValue.value))==null?void 0:G();if(W||u||D.value||e.props.leadingIcon){let m;return l.isEmptyElement(u)?D.value?m=q(D.value):W?m=x:e.props.leadingIcon&&(m=q(e.props.leadingIcon)):m=u,n.h("div",{class:r.normCls(r.getBemElement(d,"leading"),e.props.triggerLeadingCls)},m)}}},le=()=>{const G=[];if(r.isEmptyLikeLodash(e.modelValue.value)){if(e.props.placeholder&&!e.props.multiple){const u=()=>{var _;const m=(_=t.placeholder)==null?void 0:_.call(t,S.value);return l.isEmptyElement(m)?e.props.placeholder:m};G.push(u())}}else{const m=(()=>{var h,f,A;const _=(h=t.triggerValue)==null?void 0:h.call(t,S.value);if(!l.isEmptyElement(_))return _;if(e.props.multiple&&$.isArray(e.modelValue.value))return n.h(Se._sfc_main,{maxCount:e.props.maxCount,size:R.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:r.normCls(r.getBemElement(d,"tag_list"),e.props.tagListCls),onClose:w},()=>e.modelValue.value.map(c=>{var i;const T=a=>{var p;const g=(p=t.tagClose)==null?void 0:p.call(t,{...O(c),onClose:a});return l.isEmptyElement(g)?null:g},Q=(i=C.getOptionSlot("default",c))==null?void 0:i(),te=()=>{var p,y;const a=(p=C.getOptionSlot("text",c))==null?void 0:p(),g=(y=t.tagText)==null?void 0:y.call(t,O(c));return l.isEmptyElement(g)?l.isEmptyElement(Q)?l.isEmptyElement(a)?e.getLabelByValue(c):a:Q:g},ne=({size:a})=>{var v,X;if(!l.isEmptyElement(Q))return null;const g=(v=C.getOptionSlot("leading",c))==null?void 0:v(),p=(X=t.tagLeading)==null?void 0:X.call(t,O(c)),y=N(e.getOptionByValue(c))??e.props.leadingIcon;return l.isEmptyElement(p)?l.isEmptyElement(g)?y?q(y,a):l.isEmptyElement(x)?null:x:g:p},oe=()=>{var g;const a=(g=t.tagTrailing)==null?void 0:g.call(t,O(c));return l.isEmptyElement(a)?null:a};return n.h(Ce._sfc_main,{value:c,class:r.normCls(r.getBemElement(d,"tag"),e.props.tagCls),closeIconCls:r.getBemElement(d,"tag__close"),closeTrigger:"pointer"},{text:te,leading:ne,trailing:oe,close:T})}));if(!$.isArray(e.modelValue.value)){const c=(f=C.getOptionSlot("default",e.modelValue.value))==null?void 0:f(),T=(A=C.getOptionSlot("text",e.modelValue.value))==null?void 0:A();return l.isEmptyElement(c)?l.isEmptyElement(T)?B.isString(e.modelValue.value)?e.getLabelByValue(e.modelValue.value):e.modelValue.value:T:c}})();m&&G.push(m)}return G},U=[],ee=Z();l.isEmptyElement(ee)||U.push(ee),U.push(n.h(I.Primitive,{class:r.normCls(r.getBemElement(d,"content"),e.props.triggerContentCls,r.isEmptyLikeLodash(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls),as:"div",key:String(b.value),asChild:b.value},{default:le}));const H=M();return l.isEmptyElement(H)||U.push(H),U}})}}}),Be=n.defineComponent({name:r.getComponentName("SelectWrapper"),setup(C,{slots:t}){const o=be(),e=I.injectSelectRootContext(),w=n.ref();l.useLazyLoading({target:w});const d=n.ref(),F=ce.getPopoverPortalProps({triggerRef:d,props:o.props}),{getFlipOnDir:R,getDir:z}=ve.useConfig(),K=R("reversePlacementOnDir"),N=z(),D=ce.getPopoverContentProps({props:o.props,flip:K,emitsAsProps:o.emitsAsProps,_dir:N,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),V=({key:u,getterKey:m,defaultValue:_,noReturnOption:h})=>f=>{const A=B.isFunction(_)?_(f):_;if(Y.isObject(f)){const c=f[u]??A,T=m&&o.props[m];if(T){if(B.isString(T))return f[T]??c;if(B.isFunction(T))return T(f)??c}return c}return B.isString(f)&&!h?f??A:A},b=V({getterKey:"getValue",key:"value"}),S=V({getterKey:"getLabel",key:"label",defaultValue:b}),O=V({getterKey:"getIcon",key:"icon",noReturnOption:!0}),k=u=>{var m;if((m=o.props.options)!=null&&m.length)for(const _ of o.props.options){if(b(_)===u)return _;const h=E(_);if(h!=null&&h.length){for(const f of h)if(b(f)===u)return f}}return u},q=u=>{const m=k(u);return m?S(m)??u:u},M=V({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),s=V({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),E=V({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),{getDisabled:L,getStatus:P,getSize:x}=l.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status,defaults:{size:"md"},exports:["getDisabled","getSize","getStatus"]});de({props:o.props,attrs:o.attrs,emit:o.emit,getOptionValue:b,getOptionLabel:S,getOptionDisabled:M,getOptionIcon:O,getOptionByValue:k,getLabelByValue:q,getDisabled:L,getStatus:P,getSize:x,...e,modelValue:e.modelValue}),n.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&(e.modelValue.value=void 0,o.emit("update:modelValue",void 0))});const W=n.computed(()=>{const u=o.props.scrollContainerProps??{};return{...u,areaCls:[r.getBemElement(j,"scroll_area"),u==null?void 0:u.class,u==null?void 0:u.areaCls]}}),Z=r.getBemElement(j,"popup"),le=pe.cva(Z,{variants:{size:r.generateVariantClassList(ie,Z)}}),U=n.computed(()=>r.getPxSize(o.props.popupWidth,!0)),ee=n.computed(()=>r.getPxSize(o.props.popupHeight,!0)),H=n.computed(()=>r.getPxSize(o.props.minWidth,!0)),J=n.computed(()=>({type:x.value==="sm"?"simple":"advance",...B.omit(o.props.emptyProps??{},["class"])})),G=n.computed(()=>B.omit(o.props.skeletonProps??{},["class"]));return()=>{var te,ne,oe;const u=i=>{var a;if((a=o.props.options)!=null&&a.length&&i>0)return!!o.props.options[i-1]},m=i=>{var a,g;if((a=o.props.options)!=null&&a.length&&i>0){const p=o.props.options[i-1];return!!(p&&((g=E(p))!=null&&g.length))}},_=(te=t.default)==null?void 0:te.call(t,{}),h=(ne=l.flattenChildrenByType(_,re))==null?void 0:ne.filter(i=>{var a;return Y.isObject(i==null?void 0:i.props)&&((a=i==null?void 0:i.props)==null?void 0:a.option)}),f=[];(o.props.options??[]).forEach((i,a)=>{const g=y=>n.h(re,{option:y},{default:()=>{var v;return(v=t.option)==null?void 0:v.call(t,{option:y})},leading:()=>{var v;return(v=t.optionLeading)==null?void 0:v.call(t,{option:y})},indicator:()=>{var v;return(v=t.optionIndicator)==null?void 0:v.call(t,{option:y})},text:()=>{var v;return(v=t.optionText)==null?void 0:v.call(t,{option:y})}}),p=E(i);if(p!=null&&p.length){u(a)&&f.push(n.h(ue._sfc_main));const y=s(i);y&&f.push(n.h(me,{class:o.props.labelCls},()=>y)),p.forEach(v=>{f.push(g(v))})}else m(a)?f.push(n.h(ue._sfc_main)):f.push(g(i))});const A=l.flattenChildrenByType(f,re).filter(i=>{var a;return Y.isObject(i==null?void 0:i.props)&&((a=i==null?void 0:i.props)==null?void 0:a.option)}),c=!!(A!=null&&A.length||h!=null&&h.length),T=(i,a)=>{var g;if(c&&!r.isEmptyLikeLodash(a)&&B.isString(a)){const p=h!=null&&h.length?h:A;if(p.length){const y=p.find(v=>{var X;return Y.isObject(v.props)&&b((X=v.props)==null?void 0:X.option)===a});return(g=y==null?void 0:y.children)==null?void 0:g[i]}}},Q=()=>{var a,g;const i=[];if(c||o.props.loading){const p=[];if(c&&(h!=null&&h.length?p.push(_):p.push(...f)),o.props.loading){const y=(a=t.loading)==null?void 0:a.call(t,{});if(!l.isEmptyElement(y))p.push(y);else{const v=new Array(c?2:o.props.loadingRowCount).fill(1);p.push(...v.map(()=>n.h(ye._sfc_main,{size:x.value,class:r.normCls(r.getBemElement(j,"skeleton"),o.props.skeletonCls),...G.value})))}}i.push(n.h("div",{class:r.normCls(r.getBemElement(j,"options"),o.props.optionsCls)},p))}else if(!c){const p=(g=t.empty)==null?void 0:g.call(t,J.value);l.isEmptyElement(p)?i.push(n.h(fe._sfc_main,{class:r.normCls(r.getBemElement(j,"empty"),o.props.emptyCls),...J.value},{title:t.emptyTitle,description:t.emptyDescription,actions:t.emptyActions,image:t.emptyImage})):i.push(p)}return o.props.lazyLoading&&i.push(n.h("div",{class:r.getBemElement(j,"lazy_loading")},n.h("div",{class:r.getBemElement(j,"lazy_loading_trigger"),ref:w}))),i};return[n.h(Ee,{getOptionSlot:T,ref:d,...o.attrs,style:{...((oe=o.attrs)==null?void 0:oe.style)??{},"--ptc-select-trigger-min-w":H.value}},{trigger:t.trigger,triggerLeading:t.triggerLeading,placeholder:t.placeholder,triggerValue:t.triggerValue,triggerTrailing:t.triggerTrailing,tagClose:t.tagClose,tagTrailing:t.tagTrailing,tagLeading:t.tagLeading,tagText:t.tagText}),n.h(I.SelectPortal,F.value,()=>n.h(I.SelectContent,{...D.value,class:r.normCls(le({...o.props,size:x.value}),o.props.popupCls),style:{display:e.open.value?void 0:"none",zIndex:o.props.zIndex,"--ptc-select-popup-width":o.props.samePopupWidth?void 0:U.value,"--ptc-select-popup-height":ee.value,"--ptc-select-trigger-min-w":H.value}},()=>n.h(he._sfc_main,W.value,Q)))]}}}),Oe=n.defineComponent({...r.getComponentOptions("Select"),__name:"Select",props:{ignoreParentTo:{type:Boolean},status:{},size:{},multiple:{type:Boolean,default:void 0},contentFit:{type:Boolean},wrapped:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},zIndex:{default:1e3},trailingIcon:{type:[String,Boolean],default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getValue:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom"},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{type:[Array,Object,String,Number,null,Boolean]},triggerLeadingCls:{type:[Array,Object,String,Number,null,Boolean]},triggerContentCls:{type:[Array,Object,String,Number,null,Boolean]},triggerContentPlaceholderCls:{type:[Array,Object,String,Number,null,Boolean]},triggerContentValueCls:{type:[Array,Object,String,Number,null,Boolean]},triggerTrailingCls:{type:[Array,Object,String,Number,null,Boolean]},itemLeadingCls:{type:[Array,Object,String,Number,null,Boolean]},optionCls:{type:[Array,Object,String,Number,null,Boolean]},tagListCls:{type:[Array,Object,String,Number,null,Boolean]},tagCls:{type:[Array,Object,String,Number,null,Boolean]},popupCls:{type:[Array,Object,String,Number,null,Boolean]},labelCls:{type:[Array,Object,String,Number,null,Boolean]},optionsCls:{type:[Array,Object,String,Number,null,Boolean]},optionTextCls:{type:[Array,Object,String,Number,null,Boolean]},optionContentCls:{type:[Array,Object,String,Number,null,Boolean]},emptyCls:{type:[Array,Object,String,Number,null,Boolean]},skeletonCls:{type:[Array,Object,String,Number,null,Boolean]},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},defaultValue:{},modelValue:{},by:{},dir:{},autocomplete:{},disabled:{type:Boolean,default:void 0},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:void 0},collisionBoundary:{},collisionPadding:{default:4},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean,default:void 0},positionStrategy:{default:"fixed"},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean,default:void 0},prioritizePosition:{type:Boolean,default:void 0},asChild:{type:Boolean},as:{},defer:{type:Boolean}},emits:["change","select","update:modelValue","update:open","closeAutoFocus","escapeKeyDown","pointerDownOutside"],setup(C,{emit:t}){const o=C,e=t,w=I.useEmitAsProps(e),d=n.computed(()=>B.omitBy({...B.pick(o,["open","defaultOpen","defaultValue","modelValue","by","dir","multiple","autocomplete","disabled"]),...B.pick(w,["onUpdate:modelValue","onUpdate:open"])},B.isUndefined)),F=n.useSlots(),R=n.useAttrs();return _e({attrs:R,props:o,emit:e,emitsAsProps:w}),(z,K)=>(n.openBlock(),n.createBlock(n.unref(I.SelectRoot),n.normalizeProps(n.guardReactiveProps(d.value)),{default:n.withCtx(()=>[n.createVNode(n.unref(Be),null,n.createSlots({_:2},[n.renderList(Object.keys(F),N=>({name:N,fn:n.withCtx(D=>[n.renderSlot(z.$slots,N,n.normalizeProps(n.guardReactiveProps(D)))])}))]),1024)]),_:3},16))}});exports.SelectOption=re;exports.SelectSizes=ie;exports.SelectStatuses=ge;exports._sfc_main=Oe;exports._sfc_main$1=me;exports.injectSelectContext=se;exports.provideSelectContext=de;
|
|
1
|
+
"use strict";const n=require("vue"),I=require("reka-ui"),B=require("es-toolkit"),r=require("@pantograph/utils"),pe=require("class-variance-authority"),fe=require("./Empty.vue_vue_type_style_index_0_lang-Cvh6hCth.js"),ye=require("./Skeleton.vue_vue_type_style_index_0_lang-oMsTff2I.js"),ue=require("./Divider.vue_vue_type_style_index_0_lang-Heq87yk1.js"),l=require("@pantograph/utils-vue"),ce=require("./utils-gUPbDQWf.js"),ve=require("./ConfigProvider/index.umd.cjs");require("./ScrollContainer/index.umd.cjs");const ae=require("./Icon.vue_vue_type_style_index_0_lang-v3QUxO-v.js"),$=require("./isArray-Bin_5of_.js"),Ce=require("./Chip.vue_vue_type_style_index_0_lang-BguWH1di.js"),Se=require("./index-BUzezp9o.js"),Y=require("./isObject-BDHKUJKN.js"),he=require("./ScrollContainer.vue_vue_type_style_index_0_lang-XfGedoBb.js"),ie=["sm","md","lg"],ge=["error","warning","success"],[se,de]=I.createContext("Select"),[be,_e]=I.createContext("_Select"),j=r.getBemBlock("select"),me=n.defineComponent({...r.getComponentOptions("SelectLabel"),__name:"SelectLabel",setup(C){return(t,o)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(n.unref(r.getBemElement)(n.unref(j),"label"))},[n.renderSlot(t.$slots,"default")],2))}}),re=n.defineComponent({name:r.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(C,{slots:t}){const o=se(),e=n.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),w=n.computed(()=>o.getOptionValue(C.option)),d=n.computed(()=>o.getOptionLabel(C.option)),F=n.computed(()=>o.getOptionIcon(C.option)),R=n.computed(()=>o.getOptionDisabled(C.option)),z=r.getBemElement(j,"option"),K=pe.cva(z,{variants:{size:r.generateVariantClassList(ie,z)}}),N=b=>{var O,k;const S=b.detail.value;o.emit("select",S,$.isArray(o.modelValue.value)?!((k=(O=o.modelValue.value)==null?void 0:O.includes)!=null&&k.call(O,S)):!0)};if(!C.option)throw new Error("option is required");const D=()=>{var S;const b=(S=t.indicator)==null?void 0:S.call(t,{option:C.option});return l.isEmptyElement(b)?n.h(I.SelectItemIndicator,{asChild:!0},()=>n.h(ae._sfc_main,{icon:o.props.indicatorIcon,size:e.value})):b},V=()=>{var O,k,q;const b=(O=t.default)==null?void 0:O.call(t,{option:C.option}),S=[];if(!l.isEmptyElement(b))S.push(b);else{const M=(k=t.leading)==null?void 0:k.call(t,{option:C.option}),s=!l.isEmptyElement(M);if(F.value||s){let P;s?P=M:P=n.h(ae._sfc_main,{icon:F.value,size:e.value}),S.push(n.h("div",{class:r.normCls(r.getBemElement(z,"leading"),o.props.itemLeadingCls)},P))}let E;const L=(q=t.text)==null?void 0:q.call(t,{option:C.option});l.isEmptyElement(L)?E=d.value:E=L,S.push(n.h("div",{class:r.normCls(r.getBemElement(z,"text"),o.props.optionTextCls)},E))}return n.h("div",{class:r.normCls(r.getBemElement(z,"content"),o.props.optionContentCls)},S)};return()=>n.h(I.SelectItem,{value:w.value,textValue:d.value,disabled:R.value,class:r.normCls(K({size:o.getSize.value}),o.props.optionCls),onSelect:N},()=>[V(),D()])}}),Ee=n.defineComponent({name:r.getComponentName("SelectTrigger"),props:{getOptionSlot:{type:Function,required:!0}},setup(C,{slots:t,attrs:o}){const e=se(),w=({value:s},E)=>{if(E.stopPropagation(),s&&$.isArray(e.modelValue.value)&&!e.getDisabled.value){const L=e.modelValue.value.filter(P=>P!==s);e.modelValue.value=L,e.emit("update:modelValue",L),e.emit("select",s,!1)}},d=r.getBemElement(j,"trigger"),F=pe.cva(d,{variants:{size:r.generateVariantClassList(ie,d),status:r.generateVariantClassList(ge,d),bordered:r.generateVariantClassList("bordered",d),multiple:r.generateVariantClassList("multiple",d),contentFit:r.generateVariantClassList("content-fit",d),wrapped:r.generateVariantClassList("wrapped",d),filled:r.generateVariantClassList("filled",d)}}),R=n.computed(()=>{switch(e.getSize.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),z=n.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),K=n.computed(()=>{if(!e.props.multiple&&B.isString(e.modelValue.value)&&!r.isEmptyLikeLodash(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),N=(s=K.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&Y.isObject(s)&&"icon"in s)return s.icon},D=n.computed(()=>N()),V=n.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon??"tabler:chevron-down"}),b=n.computed(()=>!r.isEmptyLikeLodash(e.modelValue.value)&&e.props.multiple&&$.isArray(e.modelValue.value)),S=n.computed(()=>({modelValue:B.cloneDeep(e.modelValue.value),open:B.cloneDeep(e.open.value)})),O=s=>({...S.value,option:e.getOptionByValue(s)}),k=n.computed(()=>({disabled:e.getDisabled.value,reference:e.props.reference,tabindex:e.getDisabled.value?void 0:0,as:"div",class:r.normCls(F({size:e.getSize.value,status:e.getStatus.value==="success"&&r.isEmptyLikeLodash(e.modelValue.value)?void 0:e.getStatus.value,bordered:e.props.bordered,multiple:e.props.multiple,contentFit:e.props.contentFit,wrapped:e.props.wrapped,filled:!r.isEmptyLikeLodash(e.modelValue.value)}),e.props.triggerCls),...o})),q=(s,E=z.value)=>n.h(ae._sfc_main,{icon:s,size:E}),M=()=>{var L;let s;const E=(L=t.triggerTrailing)==null?void 0:L.call(t,S.value);if(!l.isEmptyElement(E))s=E;else if(V.value&&V.value){const P=V.value===!0?"tabler:chevron-down":V.value;s=q(P)}if(s)return n.h("div",{class:r.normCls(r.getBemElement(d,"trailing"),e.props.triggerTrailingCls)},s)};return()=>{var P;const s=(P=t.trigger)==null?void 0:P.call(t,S.value),L=(()=>{if(l.isEmptyElement(s))return!1;const x=l.filterEmpty(s)??null,W=x.length===1?x[0]:x;return W?l.isValidElement(W)&&!l.isFragment(W):!0})();return n.h(I.SelectTrigger,{...k.value,asChild:L,key:String(L)},{default:()=>{var J;if(!l.isEmptyElement(s))return s;const x=(J=t.triggerLeading)==null?void 0:J.call(t,S.value),W=!l.isEmptyElement(x),Z=()=>{var G;if(!e.props.multiple&&!$.isArray(e.modelValue.value)){const u=(G=C.getOptionSlot("leading",e.modelValue.value))==null?void 0:G();if(W||u||D.value||e.props.leadingIcon){let m;return l.isEmptyElement(u)?D.value?m=q(D.value):W?m=x:e.props.leadingIcon&&(m=q(e.props.leadingIcon)):m=u,n.h("div",{class:r.normCls(r.getBemElement(d,"leading"),e.props.triggerLeadingCls)},m)}}},le=()=>{const G=[];if(r.isEmptyLikeLodash(e.modelValue.value)){if(e.props.placeholder&&!e.props.multiple){const u=()=>{var _;const m=(_=t.placeholder)==null?void 0:_.call(t,S.value);return l.isEmptyElement(m)?e.props.placeholder:m};G.push(u())}}else{const m=(()=>{var h,f,A;const _=(h=t.triggerValue)==null?void 0:h.call(t,S.value);if(!l.isEmptyElement(_))return _;if(e.props.multiple&&$.isArray(e.modelValue.value))return n.h(Se._sfc_main,{maxCount:e.props.maxCount,size:R.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:r.normCls(r.getBemElement(d,"tag_list"),e.props.tagListCls),onClose:w},()=>e.modelValue.value.map(c=>{var i;const T=a=>{var p;const g=(p=t.tagClose)==null?void 0:p.call(t,{...O(c),onClose:a});return l.isEmptyElement(g)?null:g},Q=(i=C.getOptionSlot("default",c))==null?void 0:i(),te=()=>{var p,y;const a=(p=C.getOptionSlot("text",c))==null?void 0:p(),g=(y=t.tagText)==null?void 0:y.call(t,O(c));return l.isEmptyElement(g)?l.isEmptyElement(Q)?l.isEmptyElement(a)?e.getLabelByValue(c):a:Q:g},ne=({size:a})=>{var v,X;if(!l.isEmptyElement(Q))return null;const g=(v=C.getOptionSlot("leading",c))==null?void 0:v(),p=(X=t.tagLeading)==null?void 0:X.call(t,O(c)),y=N(e.getOptionByValue(c))??e.props.leadingIcon;return l.isEmptyElement(p)?l.isEmptyElement(g)?y?q(y,a):l.isEmptyElement(x)?null:x:g:p},oe=()=>{var g;const a=(g=t.tagTrailing)==null?void 0:g.call(t,O(c));return l.isEmptyElement(a)?null:a};return n.h(Ce._sfc_main,{value:c,class:r.normCls(r.getBemElement(d,"tag"),e.props.tagCls),closeIconCls:r.getBemElement(d,"tag__close"),closeTrigger:"pointer"},{text:te,leading:ne,trailing:oe,close:T})}));if(!$.isArray(e.modelValue.value)){const c=(f=C.getOptionSlot("default",e.modelValue.value))==null?void 0:f(),T=(A=C.getOptionSlot("text",e.modelValue.value))==null?void 0:A();return l.isEmptyElement(c)?l.isEmptyElement(T)?B.isString(e.modelValue.value)?e.getLabelByValue(e.modelValue.value):e.modelValue.value:T:c}})();m&&G.push(m)}return G},U=[],ee=Z();l.isEmptyElement(ee)||U.push(ee),U.push(n.h(I.Primitive,{class:r.normCls(r.getBemElement(d,"content"),e.props.triggerContentCls,r.isEmptyLikeLodash(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls),as:"div",key:String(b.value),asChild:b.value},{default:le}));const H=M();return l.isEmptyElement(H)||U.push(H),U}})}}}),Be=n.defineComponent({name:r.getComponentName("SelectWrapper"),setup(C,{slots:t}){const o=be(),e=I.injectSelectRootContext(),w=n.ref();l.useLazyLoading({target:w});const d=n.ref(),F=ce.getPopoverPortalProps({triggerRef:d,props:o.props}),{getFlipOnDir:R,getDir:z}=ve.useConfig(),K=R("reversePlacementOnDir"),N=z(),D=ce.getPopoverContentProps({props:o.props,flip:K,emitsAsProps:o.emitsAsProps,_dir:N,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),V=({key:u,getterKey:m,defaultValue:_,noReturnOption:h})=>f=>{const A=B.isFunction(_)?_(f):_;if(Y.isObject(f)){const c=f[u]??A,T=m&&o.props[m];if(T){if(B.isString(T))return f[T]??c;if(B.isFunction(T))return T(f)??c}return c}return B.isString(f)&&!h?f??A:A},b=V({getterKey:"getValue",key:"value"}),S=V({getterKey:"getLabel",key:"label",defaultValue:b}),O=V({getterKey:"getIcon",key:"icon",noReturnOption:!0}),k=u=>{var m;if((m=o.props.options)!=null&&m.length)for(const _ of o.props.options){if(b(_)===u)return _;const h=E(_);if(h!=null&&h.length){for(const f of h)if(b(f)===u)return f}}return u},q=u=>{const m=k(u);return m?S(m)??u:u},M=V({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),s=V({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),E=V({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),{getDisabled:L,getStatus:P,getSize:x}=l.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status,defaults:{size:"md"},exports:["getDisabled","getSize","getStatus"]});de({props:o.props,attrs:o.attrs,emit:o.emit,getOptionValue:b,getOptionLabel:S,getOptionDisabled:M,getOptionIcon:O,getOptionByValue:k,getLabelByValue:q,getDisabled:L,getStatus:P,getSize:x,...e,modelValue:e.modelValue}),n.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&(e.modelValue.value=void 0,o.emit("update:modelValue",void 0))});const W=n.computed(()=>{const u=o.props.scrollContainerProps??{};return{...u,areaCls:[r.getBemElement(j,"scroll_area"),u==null?void 0:u.class,u==null?void 0:u.areaCls]}}),Z=r.getBemElement(j,"popup"),le=pe.cva(Z,{variants:{size:r.generateVariantClassList(ie,Z)}}),U=n.computed(()=>r.getPxSize(o.props.popupWidth,!0)),ee=n.computed(()=>r.getPxSize(o.props.popupHeight,!0)),H=n.computed(()=>r.getPxSize(o.props.minWidth,!0)),J=n.computed(()=>({type:x.value==="sm"?"simple":"advance",...B.omit(o.props.emptyProps??{},["class"])})),G=n.computed(()=>B.omit(o.props.skeletonProps??{},["class"]));return()=>{var te,ne,oe;const u=i=>{var a;if((a=o.props.options)!=null&&a.length&&i>0)return!!o.props.options[i-1]},m=i=>{var a,g;if((a=o.props.options)!=null&&a.length&&i>0){const p=o.props.options[i-1];return!!(p&&((g=E(p))!=null&&g.length))}},_=(te=t.default)==null?void 0:te.call(t,{}),h=(ne=l.flattenChildrenByType(_,re))==null?void 0:ne.filter(i=>{var a;return Y.isObject(i==null?void 0:i.props)&&((a=i==null?void 0:i.props)==null?void 0:a.option)}),f=[];(o.props.options??[]).forEach((i,a)=>{const g=y=>n.h(re,{option:y},{default:()=>{var v;return(v=t.option)==null?void 0:v.call(t,{option:y})},leading:()=>{var v;return(v=t.optionLeading)==null?void 0:v.call(t,{option:y})},indicator:()=>{var v;return(v=t.optionIndicator)==null?void 0:v.call(t,{option:y})},text:()=>{var v;return(v=t.optionText)==null?void 0:v.call(t,{option:y})}}),p=E(i);if(p!=null&&p.length){u(a)&&f.push(n.h(ue._sfc_main));const y=s(i);y&&f.push(n.h(me,{class:o.props.labelCls},()=>y)),p.forEach(v=>{f.push(g(v))})}else m(a)?f.push(n.h(ue._sfc_main)):f.push(g(i))});const A=l.flattenChildrenByType(f,re).filter(i=>{var a;return Y.isObject(i==null?void 0:i.props)&&((a=i==null?void 0:i.props)==null?void 0:a.option)}),c=!!(A!=null&&A.length||h!=null&&h.length),T=(i,a)=>{var g;if(c&&!r.isEmptyLikeLodash(a)&&B.isString(a)){const p=h!=null&&h.length?h:A;if(p.length){const y=p.find(v=>{var X;return Y.isObject(v.props)&&b((X=v.props)==null?void 0:X.option)===a});return(g=y==null?void 0:y.children)==null?void 0:g[i]}}},Q=()=>{var a,g;const i=[];if(c||o.props.loading){const p=[];if(c&&(h!=null&&h.length?p.push(_):p.push(...f)),o.props.loading){const y=(a=t.loading)==null?void 0:a.call(t,{});if(!l.isEmptyElement(y))p.push(y);else{const v=new Array(c?2:o.props.loadingRowCount).fill(1);p.push(...v.map(()=>n.h(ye._sfc_main,{size:x.value,class:r.normCls(r.getBemElement(j,"skeleton"),o.props.skeletonCls),...G.value})))}}i.push(n.h("div",{class:r.normCls(r.getBemElement(j,"options"),o.props.optionsCls)},p))}else if(!c){const p=(g=t.empty)==null?void 0:g.call(t,J.value);l.isEmptyElement(p)?i.push(n.h(fe._sfc_main,{class:r.normCls(r.getBemElement(j,"empty"),o.props.emptyCls),...J.value},{title:t.emptyTitle,description:t.emptyDescription,actions:t.emptyActions,image:t.emptyImage})):i.push(p)}return o.props.lazyLoading&&i.push(n.h("div",{class:r.getBemElement(j,"lazy_loading")},n.h("div",{class:r.getBemElement(j,"lazy_loading_trigger"),ref:w}))),i};return[n.h(Ee,{getOptionSlot:T,ref:d,...o.attrs,style:{...((oe=o.attrs)==null?void 0:oe.style)??{},"--ptc-select-trigger-min-w":H.value}},{trigger:t.trigger,triggerLeading:t.triggerLeading,placeholder:t.placeholder,triggerValue:t.triggerValue,triggerTrailing:t.triggerTrailing,tagClose:t.tagClose,tagTrailing:t.tagTrailing,tagLeading:t.tagLeading,tagText:t.tagText}),n.h(I.SelectPortal,F.value,()=>n.h(I.SelectContent,{...D.value,class:r.normCls(le({...o.props,size:x.value}),o.props.popupCls),style:{display:e.open.value?void 0:"none",zIndex:o.props.zIndex,"--ptc-select-popup-width":o.props.samePopupWidth?void 0:U.value,"--ptc-select-popup-height":ee.value,"--ptc-select-trigger-min-w":H.value}},()=>n.h(he._sfc_main,W.value,Q)))]}}}),Oe=n.defineComponent({...r.getComponentOptions("Select"),__name:"Select",props:{ignoreParentTo:{type:Boolean},status:{},size:{},multiple:{type:Boolean,default:void 0},contentFit:{type:Boolean},wrapped:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},zIndex:{default:1e3},trailingIcon:{type:[String,Boolean],default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getValue:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom"},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{type:[Array,Object,String,Number,null,Boolean]},triggerLeadingCls:{type:[Array,Object,String,Number,null,Boolean]},triggerContentCls:{type:[Array,Object,String,Number,null,Boolean]},triggerContentPlaceholderCls:{type:[Array,Object,String,Number,null,Boolean]},triggerContentValueCls:{type:[Array,Object,String,Number,null,Boolean]},triggerTrailingCls:{type:[Array,Object,String,Number,null,Boolean]},itemLeadingCls:{type:[Array,Object,String,Number,null,Boolean]},optionCls:{type:[Array,Object,String,Number,null,Boolean]},tagListCls:{type:[Array,Object,String,Number,null,Boolean]},tagCls:{type:[Array,Object,String,Number,null,Boolean]},popupCls:{type:[Array,Object,String,Number,null,Boolean]},labelCls:{type:[Array,Object,String,Number,null,Boolean]},optionsCls:{type:[Array,Object,String,Number,null,Boolean]},optionTextCls:{type:[Array,Object,String,Number,null,Boolean]},optionContentCls:{type:[Array,Object,String,Number,null,Boolean]},emptyCls:{type:[Array,Object,String,Number,null,Boolean]},skeletonCls:{type:[Array,Object,String,Number,null,Boolean]},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},defaultValue:{},modelValue:{},by:{},dir:{},autocomplete:{},disabled:{type:Boolean,default:void 0},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:void 0},collisionBoundary:{},collisionPadding:{default:4},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean,default:void 0},positionStrategy:{default:"fixed"},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean,default:void 0},prioritizePosition:{type:Boolean,default:void 0},asChild:{type:Boolean},as:{},defer:{type:Boolean}},emits:["change","select","update:modelValue","update:open","closeAutoFocus","escapeKeyDown","pointerDownOutside"],setup(C,{emit:t}){const o=C,e=t,w=I.useEmitAsProps(e),d=n.computed(()=>B.omitBy({...B.pick(o,["open","defaultOpen","defaultValue","modelValue","by","dir","multiple","autocomplete","disabled"]),...B.pick(w,["onUpdate:modelValue","onUpdate:open"])},B.isUndefined)),F=n.useSlots(),R=n.useAttrs();return _e({attrs:R,props:o,emit:e,emitsAsProps:w}),(z,K)=>(n.openBlock(),n.createBlock(n.unref(I.SelectRoot),n.normalizeProps(n.guardReactiveProps(d.value)),{default:n.withCtx(()=>[n.createVNode(n.unref(Be),null,n.createSlots({_:2},[n.renderList(Object.keys(F),N=>({name:N,fn:n.withCtx(D=>[n.renderSlot(z.$slots,N,n.normalizeProps(n.guardReactiveProps(D)))])}))]),1024)]),_:3},16))}});exports.SelectOption=re;exports.SelectSizes=ie;exports.SelectStatuses=ge;exports._sfc_main=Oe;exports._sfc_main$1=me;exports.injectSelectContext=se;exports.provideSelectContext=de;
|
|
@@ -129,6 +129,12 @@ export interface TreeSlots extends Omit<TreeNodeSlots, 'default'> {
|
|
|
129
129
|
* Interface for props of the Tree component
|
|
130
130
|
*/
|
|
131
131
|
export interface TreeProps extends Partial<Pick<TreeNodeType, 'switcherIcon' | 'noRotateSwitcherIcon' | 'draggable' | 'disabled'>> {
|
|
132
|
+
/**
|
|
133
|
+
* Whether to emit selection events when a node is clicked again while already selected
|
|
134
|
+
* When false, clicking an already selected node won't trigger selection events
|
|
135
|
+
* @default false
|
|
136
|
+
*/
|
|
137
|
+
emitReSelect?: boolean;
|
|
132
138
|
/** Defines how selection behaves when a node is clicked */
|
|
133
139
|
selectionBehavior?: 'toggle' | 'replace';
|
|
134
140
|
/** Custom CSS classes to apply to the component */
|
package/dist/Tree/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as o, T as t, a as T, b as i, c as p, d, _ as n, i as l, p as m } from "../index-
|
|
1
|
+
import { _ as o, T as t, a as T, b as i, c as p, d, _ as n, i as l, p as m } from "../index-BxsIulsm.js";
|
|
2
2
|
import "@pantograph/utils-vue";
|
|
3
3
|
import "@pantograph/utils";
|
|
4
4
|
export {
|
package/dist/Tree/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../index-DUdWKbz1.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeNode=e._sfc_main$1;exports.TreeNodePlugin=e.TreeNodePlugin;exports.TreePlugin=e.TreePlugin;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as _e, useAttrs as Qe, useSlots as
|
|
1
|
+
import { defineComponent as _e, useAttrs as Qe, useSlots as ze, computed as m, createBlock as Ve, openBlock as Se, h as V, unref as re, createElementBlock as Xe, Fragment as Ye, createVNode as Ze, createElementVNode as et, normalizeClass as tt, watch as be, ref as ie, onMounted as at, onBeforeUnmount as rt, shallowRef as lt, render as ot } from "vue";
|
|
2
2
|
import { getComponentOptions as Ae, generateVariantClassList as H, getBemElement as M, normCls as Le, sortPlaceholderVariantsClass as nt, getBemBlock as st, createOptionGetterFunc as F, getBemModifier as it, usePCId as ct, sortPlaceholderCls as dt, getComponentName as Ee } from "@pantograph/utils";
|
|
3
3
|
import { createContext as ut, RovingFocusItem as gt, RovingFocusGroup as pt } from "reka-ui";
|
|
4
4
|
import { cva as De } from "class-variance-authority";
|
|
@@ -13,14 +13,14 @@ import { _ as xt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-DGrpX
|
|
|
13
13
|
import { i as Ct } from "./isArray-QlWcxgml.js";
|
|
14
14
|
import "./IndentLevel/index.js";
|
|
15
15
|
import { a as Pe } from "./index-D2tZoezA.js";
|
|
16
|
-
const Bt = ["sm", "md", "lg"],
|
|
16
|
+
const Bt = ["sm", "md", "lg"], Re = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [wt, Tt] = ut("Tree"), je = /* @__PURE__ */ _e({
|
|
17
17
|
...Ae("TreeNode"),
|
|
18
18
|
__name: "TreeNode",
|
|
19
19
|
props: {
|
|
20
20
|
node: {}
|
|
21
21
|
},
|
|
22
22
|
setup(I) {
|
|
23
|
-
const d = I, j = Qe(), e =
|
|
23
|
+
const d = I, j = Qe(), e = ze(), a = wt(), R = De(a.prefixes.node, {
|
|
24
24
|
variants: {
|
|
25
25
|
disabled: H("disabled", a.prefixes.node),
|
|
26
26
|
active: H("active", a.prefixes.node)
|
|
@@ -41,7 +41,10 @@ const Bt = ["sm", "md", "lg"], ze = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
41
41
|
unFocusable: !0,
|
|
42
42
|
staticStyle: !0
|
|
43
43
|
})), r = () => {
|
|
44
|
-
f.value || a.onSelect(
|
|
44
|
+
f.value || a.onSelect(
|
|
45
|
+
d.node,
|
|
46
|
+
a.props.selectionBehavior === "replace" && !a.props.multiple ? !0 : !J.value
|
|
47
|
+
);
|
|
45
48
|
}, s = () => {
|
|
46
49
|
const n = () => {
|
|
47
50
|
var P, y, X, E, C, Y, T, A;
|
|
@@ -98,7 +101,7 @@ const Bt = ["sm", "md", "lg"], ze = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
98
101
|
"data-level": (T = a.props) != null && T.draggable ? w.value : void 0,
|
|
99
102
|
"data-draggable": (A = a.props) != null && A.draggable ? !f.value && G.value : void 0,
|
|
100
103
|
class: Le(
|
|
101
|
-
|
|
104
|
+
R({
|
|
102
105
|
disabled: f.value,
|
|
103
106
|
active: J.value
|
|
104
107
|
}),
|
|
@@ -127,12 +130,12 @@ function Nt({
|
|
|
127
130
|
arr: j,
|
|
128
131
|
getChildren: e,
|
|
129
132
|
getExtra: a,
|
|
130
|
-
allowNoValidKey:
|
|
133
|
+
allowNoValidKey: R
|
|
131
134
|
}) {
|
|
132
135
|
const v = [], K = (G, f) => {
|
|
133
136
|
G.forEach((x) => {
|
|
134
137
|
const _ = e(x, f), S = I(x, f, _);
|
|
135
|
-
if (oe(S) ||
|
|
138
|
+
if (oe(S) || R != null && R(x, f, _))
|
|
136
139
|
v.push({
|
|
137
140
|
...typeof x == "object" ? x : { _item: x },
|
|
138
141
|
_parentKeys: f,
|
|
@@ -153,11 +156,11 @@ const Kt = ({
|
|
|
153
156
|
getValue: j,
|
|
154
157
|
getDisabled: e,
|
|
155
158
|
getChildren: a,
|
|
156
|
-
isFlatten:
|
|
159
|
+
isFlatten: R,
|
|
157
160
|
getExtra: v
|
|
158
161
|
}) => {
|
|
159
162
|
const K = m(
|
|
160
|
-
() =>
|
|
163
|
+
() => R ? re(I()) : Nt({
|
|
161
164
|
arr: re(I()),
|
|
162
165
|
getChildren: a,
|
|
163
166
|
getValue: j,
|
|
@@ -257,10 +260,11 @@ const Kt = ({
|
|
|
257
260
|
}, null, 2)
|
|
258
261
|
], 64));
|
|
259
262
|
}
|
|
260
|
-
}),
|
|
263
|
+
}), Rt = /* @__PURE__ */ _e({
|
|
261
264
|
...Ae("Tree"),
|
|
262
265
|
__name: "Tree",
|
|
263
266
|
props: {
|
|
267
|
+
emitReSelect: { type: Boolean },
|
|
264
268
|
selectionBehavior: { default: "toggle" },
|
|
265
269
|
class: { type: [Array, Object, String, Number, null, Boolean] },
|
|
266
270
|
size: {},
|
|
@@ -302,7 +306,7 @@ const Kt = ({
|
|
|
302
306
|
},
|
|
303
307
|
emits: ["update:modelValue", "update:expandedKeys", "update:checkedKeys", "change", "expand", "select", "check", "dragStart", "dragEnd", "choose", "unchoose"],
|
|
304
308
|
setup(I, { expose: d, emit: j }) {
|
|
305
|
-
const e = I, a = j,
|
|
309
|
+
const e = I, a = j, R = ze(), v = st("tree"), K = M(v, "node"), G = M(K, "group"), f = M(K, "draggable"), x = M(f, "icon"), _ = M(G, "list"), S = {
|
|
306
310
|
node: K,
|
|
307
311
|
group: G,
|
|
308
312
|
draggable: f,
|
|
@@ -311,7 +315,7 @@ const Kt = ({
|
|
|
311
315
|
}, J = De(v, {
|
|
312
316
|
variants: {
|
|
313
317
|
size: H(Bt, v),
|
|
314
|
-
gap: H(
|
|
318
|
+
gap: H(Re, v),
|
|
315
319
|
selectable: H("selectable", v),
|
|
316
320
|
disabled: H("disabled", v),
|
|
317
321
|
inlineNode: H("inline-node", v),
|
|
@@ -451,7 +455,7 @@ const Kt = ({
|
|
|
451
455
|
e.multiple,
|
|
452
456
|
e.selectionBehavior
|
|
453
457
|
);
|
|
454
|
-
Ne(u, C.value) || (C.value = u, a("select", t, o, u), a("change", { modelValue: C.value, checkedKeys: T.value }), e.syncCheckboxAndSelect && (T.value = u, a("check", t, o, u)));
|
|
458
|
+
(!Ne(u, C.value) || e.emitReSelect) && (C.value = u, a("select", t, o, u), a("change", { modelValue: C.value, checkedKeys: T.value }), e.syncCheckboxAndSelect && (T.value = u, a("check", t, o, u)));
|
|
455
459
|
}
|
|
456
460
|
}, Ge = (t, o) => {
|
|
457
461
|
if (e.checkable && !A.value) {
|
|
@@ -464,7 +468,7 @@ const Kt = ({
|
|
|
464
468
|
}, fe = m(() => {
|
|
465
469
|
if (e.gap) {
|
|
466
470
|
if (typeof e.gap == "number") return `${e.gap}px`;
|
|
467
|
-
if (!Object.keys(
|
|
471
|
+
if (!Object.keys(Re).includes(e.gap)) return e.gap;
|
|
468
472
|
}
|
|
469
473
|
}), de = ie(!1), { getDir: Ue } = It(), Z = Ue(), xe = m(() => {
|
|
470
474
|
switch (g.value) {
|
|
@@ -523,7 +527,7 @@ const Kt = ({
|
|
|
523
527
|
newDraggableIndex: O
|
|
524
528
|
}), Te = (l, te) => {
|
|
525
529
|
if (l) {
|
|
526
|
-
const
|
|
530
|
+
const z = () => {
|
|
527
531
|
const ge = Ce(c), k = !!(c != null && c._hasChildren);
|
|
528
532
|
return {
|
|
529
533
|
size: g.value,
|
|
@@ -534,7 +538,7 @@ const Kt = ({
|
|
|
534
538
|
};
|
|
535
539
|
}, $ = document.createElement("div"), ae = l.getBoundingClientRect();
|
|
536
540
|
$.style.width = ae.width ? `${ae.width}px` : "100%", $.style.height = ae.height ? `${ae.height}px` : "100%", $.classList.add(M(v, dt));
|
|
537
|
-
const se =
|
|
541
|
+
const se = z();
|
|
538
542
|
return te && (se.level = te), ot(V(Pt, se), $), $;
|
|
539
543
|
}
|
|
540
544
|
};
|
|
@@ -551,12 +555,12 @@ const Kt = ({
|
|
|
551
555
|
var te;
|
|
552
556
|
if (c = u(l == null ? void 0 : l.item), q = (te = c == null ? void 0 : c._parentKeys) == null ? void 0 : te.map(r).filter(Boolean), c) {
|
|
553
557
|
if (q != null && q.length) {
|
|
554
|
-
const
|
|
555
|
-
|
|
558
|
+
const z = pe(q);
|
|
559
|
+
z && (p = h(z, !0, !1).findIndex(
|
|
556
560
|
($) => $._key === c._key
|
|
557
561
|
));
|
|
558
562
|
} else
|
|
559
|
-
p = y().findIndex((
|
|
563
|
+
p = y().findIndex((z) => z._key === c._key);
|
|
560
564
|
c._dragging = !0;
|
|
561
565
|
}
|
|
562
566
|
a("choose", l);
|
|
@@ -579,19 +583,19 @@ const Kt = ({
|
|
|
579
583
|
k
|
|
580
584
|
], (se = h(k, !0, !1)) != null && se.length && !(w.value ?? []).includes(k._key) && ne(k));
|
|
581
585
|
}
|
|
582
|
-
const
|
|
586
|
+
const z = l.draggedTreeItemLevel ?? 1;
|
|
583
587
|
if (!l.draggedTreeItemBefore) O = 0;
|
|
584
588
|
else if (l.draggedTreeItemBefore) {
|
|
585
|
-
if (l.draggedTreeItemBefore.level ===
|
|
589
|
+
if (l.draggedTreeItemBefore.level === z) {
|
|
586
590
|
const k = u(l.draggedTreeItemBefore);
|
|
587
591
|
k && (O = n(k) + 1);
|
|
588
|
-
} else if (l.draggedTreeItemBefore.level <
|
|
592
|
+
} else if (l.draggedTreeItemBefore.level < z)
|
|
589
593
|
O = 0;
|
|
590
|
-
else if (l.draggedTreeItemBefore.level >
|
|
591
|
-
if (!l.draggedTreeItemAfter || l.draggedTreeItemAfter.level <
|
|
594
|
+
else if (l.draggedTreeItemBefore.level > z) {
|
|
595
|
+
if (!l.draggedTreeItemAfter || l.draggedTreeItemAfter.level < z) {
|
|
592
596
|
const k = pe(W ?? []);
|
|
593
597
|
O = s(k).length;
|
|
594
|
-
} else if (l.draggedTreeItemAfter.level ===
|
|
598
|
+
} else if (l.draggedTreeItemAfter.level === z) {
|
|
595
599
|
const k = u(l.draggedTreeItemAfter);
|
|
596
600
|
k && (O = n(k));
|
|
597
601
|
}
|
|
@@ -648,7 +652,7 @@ const Kt = ({
|
|
|
648
652
|
const t = () => {
|
|
649
653
|
const u = () => {
|
|
650
654
|
var le;
|
|
651
|
-
const N = (le =
|
|
655
|
+
const N = (le = R.default) == null ? void 0 : le.call(R, {
|
|
652
656
|
items: we.value
|
|
653
657
|
});
|
|
654
658
|
return $e(N) ? we.value.map(
|
|
@@ -656,8 +660,8 @@ const Kt = ({
|
|
|
656
660
|
je,
|
|
657
661
|
{ key: p._key, node: p },
|
|
658
662
|
{
|
|
659
|
-
default:
|
|
660
|
-
switcherIcon:
|
|
663
|
+
default: R.node,
|
|
664
|
+
switcherIcon: R.switcherIcon
|
|
661
665
|
}
|
|
662
666
|
)
|
|
663
667
|
) : N;
|
|
@@ -728,10 +732,10 @@ const Kt = ({
|
|
|
728
732
|
};
|
|
729
733
|
return d(Be), (t, o) => (Se(), Ve(Je));
|
|
730
734
|
}
|
|
731
|
-
}), Ht = Fe(
|
|
735
|
+
}), Ht = Fe(Rt, Ee("Tree")), Jt = Fe(je, Ee("TreeNode"));
|
|
732
736
|
export {
|
|
733
|
-
|
|
734
|
-
|
|
737
|
+
Re as T,
|
|
738
|
+
Rt as _,
|
|
735
739
|
je as a,
|
|
736
740
|
Jt as b,
|
|
737
741
|
Ht as c,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("vue"),s=require("@pantograph/utils"),me=require("reka-ui"),xe=require("class-variance-authority"),w=require("es-toolkit"),Oe=require("@pantograph/sortable"),ne=require("@pantograph/utils-vue"),Be=require("./IndentLevel.vue_vue_type_style_index_0_lang-CZ9V2BLW.js"),Fe=require("./Icon.vue_vue_type_style_index_0_lang-v3QUxO-v.js"),De=require("./Checkbox.vue_vue_type_style_index_0_lang-DDa0cjqA.js"),qe=require("./ConfigProvider/index.umd.cjs"),Ge=require("./ScrollContainer.vue_vue_type_style_index_0_lang-XfGedoBb.js"),Me=require("./isArray-Bin_5of_.js");require("./IndentLevel/index.umd.cjs");const Ie=require("./index-4j_iV_pN.js"),we=["sm","md","lg"],he={none:"gap-none",sm:"gap-sm",md:"gap-md",lg:"gap-lg"},[Te,Pe]=me.createContext("Tree"),ye=t.defineComponent({...s.getComponentOptions("TreeNode"),__name:"TreeNode",props:{node:{}},setup(I){const g=I,G=t.useAttrs(),e=t.useSlots(),r=Te(),R=xe.cva(r.prefixes.node,{variants:{disabled:s.generateVariantClassList("disabled",r.prefixes.node),active:s.generateVariantClassList("active",r.prefixes.node)}}),_=c=>r.getNodeChildren(c,!0,!1),V=t.computed(()=>_(g.node)),M=t.computed(()=>r.props.draggable?g.node._draggable??!0:!1),m=t.computed(()=>!!(r.disabled.value||g.node._disabled)),x=t.computed(()=>g.node._dragging??!1),C=t.computed(()=>!x.value&&(r.expandedKeys.value??[]).includes(g.node._key)),S=t.computed(()=>!x.value&&!r.dragging.value&&r.props.showLine?$.value?"all":"before":!1),W=t.computed(()=>r.getIsSelected(g.node)),A=t.computed(()=>r.getIsChecked(g.node)),T=c=>r.onCheck(g.node,!!c),P=t.computed(()=>r.getLevel(g.node)),$=t.computed(()=>{var c,u;return!!((c=V.value)!=null&&c.length||(u=r.props)!=null&&u.lazyLoad&&!g.node._leaf)}),H=t.computed(()=>({...g.node,selected:W.value,checked:A.value,disabled:m.value,expanded:C.value,unFocusable:!0,staticStyle:!0})),a=()=>{m.value||r.onSelect(g.node,r.props.selectionBehavior==="replace"&&!r.props.multiple?!0:!W.value)},i=()=>{const c=()=>{var z,v,J,O,B,Q,N,L;const u=[];if((z=r.props)!=null&&z.draggable){let f=null;r.dragging.value||(f=t.h(Fe._sfc_main,{icon:"tabler:grip-vertical",size:r.iconSize.value,class:r.prefixes.draggableIcon})),u.push(t.h("span",{class:r.prefixes.draggable},f))}u.push(t.h(Be._sfc_main,{level:P.value,children:$.value,size:r.indentSize.value,expanded:C.value,showLine:S.value,dir:r.props.dir,class:s.getBemElement(r.prefixes.node,"indent"),loading:g.node._loading,"branch-icon":g.node._switcherIcon??((v=r.props)==null?void 0:v.switcherIcon),"no-rotate-branch":g.node._noRotateSwitcherIcon??((J=r.props)==null?void 0:J.noRotateSwitcherIcon),onToggleExpand:f=>{f.stopPropagation(),r.onExpandKey(g.node)}},()=>{var f;return[(f=e.switcherIcon)==null?void 0:f.call(e,H.value)]})),(O=r.props)!=null&&O.checkable&&u.push(t.h(De._sfc_main,{unExtendParent:!0,size:r.iconSize.value,modelValue:A.value,"onUpdate:modelValue":T,disabled:m.value,onClick:f=>f.stopPropagation()}));const y=(B=e.default)==null?void 0:B.call(e,H.value);return ne.isEmptyElement(y)?u.push(t.h("div",{class:s.getBemElement(r.prefixes.node,"title")},g.node._title)):u.push(y),t.h("div",{...G,"data-key":(Q=r.props)!=null&&Q.draggable?g.node._key:void 0,"data-level":(N=r.props)!=null&&N.draggable?P.value:void 0,"data-draggable":(L=r.props)!=null&&L.draggable?!m.value&&M.value:void 0,class:s.normCls(R({disabled:m.value,active:W.value}),g.node.class??""),onClick:a},u)};return r.props.focusable?t.h(me.RovingFocusItem,{asChild:!0,tabStopId:g.node._key},c):c()};return(c,u)=>(t.openBlock(),t.createBlock(i))}}),re=I=>w.isString(I);function Ne({getValue:I,getDisabled:g,arr:G,getChildren:e,getExtra:r,allowNoValidKey:R}){const _=[],V=(M,m)=>{M.forEach(x=>{const C=e(x,m),S=I(x,m,C);if(re(S)||R!=null&&R(x,m,C))_.push({...typeof x=="object"?x:{_item:x},_parentKeys:m,_key:S,_disabled:!!g(x),_hasChildren:!!(C!=null&&C.length),...(r==null?void 0:r(S,x))??{}}),C!=null&&C.length&&V(C,[...m??[],S]);else throw"every node must provide a valid key"})};return V(G),_}const $e=({getData:I,getExpandedKeys:g,getValue:G,getDisabled:e,getChildren:r,isFlatten:R,getExtra:_})=>{const V=t.computed(()=>R?t.unref(I()):Ne({arr:t.unref(I()),getChildren:r,getValue:G,getDisabled:e,getExtra:_})),M=t.computed(()=>{const a=t.unref(g())??[];return V.value.filter(i=>{var c,u;return!i._parentKeys||((u=(c=i._parentKeys)==null?void 0:c.every)==null?void 0:u.call(c,y=>a.includes(y)))})}),m=(a,i=!1,c=!0)=>{const u=a==null?void 0:a._key;return!re(u)||!a?[]:V.value.filter(y=>{var z;if(i){const v=w.last(y._parentKeys??[]);return v&&v===u}return(z=y._parentKeys)==null?void 0:z.includes(u)}).filter(y=>y&&(!c||!(y!=null&&y._disabled)))},x=()=>V.value.filter(a=>!a._parentKeys),C=a=>a?m(a,!0,!1):x(),S=a=>re(a)?V.value.find(i=>i._key===a):void 0,W=a=>{const i=S(w.last(a._parentKeys??[]));return C(i).findIndex(c=>c._key===a._key)},A=a=>{const i=t.unref(a);return i&&Me.isArray(i)?w.cloneDeep(i):[]},T=(a,i)=>{const c=m(a);if(c!=null&&c.length)return c.some(u=>$(u,i,!1)===!0)},P=(a,i)=>{const c=m(a);return c!=null&&c.length?c.every(u=>$(u,i,!1)===!0):!1},$=(a,i,c=!1)=>{const u=A(i),y=a==null?void 0:a._key;if(!c&&!a._disabled&&!u.includes(y)){const z=m(a);if(z!=null&&z.length)return P(a,i)?!0:T(a,i)?"indeterminate":!1}return u.includes(y)};return{flattenData:V,visibleFlattenData:M,getNodeChildren:m,getNodeByValue:S,getNodeIndexInScope:W,getChildrenOrRootNodes:C,isSomeChildrenSelected:T,isAllChildrenSelected:P,isSelected:$,getRootNodes:x,selectValue:(a,i,c,u,y,z)=>{let v=A(c);if(re(a._key)&&!a._disabled)if(y){if(i?v.push(a._key):v=v.filter(J=>a._key!==J),!u){const O=m(a).map(b=>b._key),B=v.map(S).filter(b=>b&&b._parentKeys);i||B.push(a);const N=w.uniq(w.flattenDeep(B.map(b=>b._parentKeys))).filter(b=>re(b)&&b!==a._key).filter(re).map(S).filter(Boolean),L=[],f=[];N.forEach(b=>{const oe=b==null?void 0:b._key;P(b,v)?L.push(oe):f.push(oe)}),i?L.push(...O):f.push(...O),v.push(...L),v=v.filter(b=>!f.includes(b))}}else z==="replace"?i&&(v=[a._key]):i?v=[a._key]:v=[];return w.uniq(v)}}},je=t.defineComponent({__name:"TreePlaceholder",props:{level:{},size:{},indentSize:{},branchIcon:{},children:{type:Boolean}},setup(I){return(g,G)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createVNode(t.unref(Be._sfc_main),{level:I.level,expanded:!1,branchIcon:I.branchIcon,children:I.children,size:I.indentSize},null,8,["level","branchIcon","children","size"]),t.createElementVNode("div",{class:t.normalizeClass(t.unref(s.sortPlaceholderVariantsClass)({size:I.size}))},null,2)],64))}}),Ke=t.defineComponent({...s.getComponentOptions("Tree"),__name:"Tree",props:{emitReSelect:{type:Boolean},selectionBehavior:{default:"toggle"},class:{type:[Array,Object,String,Number,null,Boolean]},size:{},gap:{},dir:{},data:{},flattenData:{type:Boolean},modelValue:{},checkedKeys:{},expandedKeys:{},multiple:{type:Boolean},checkable:{type:Boolean},selectable:{type:Boolean},defaultExpandAll:{type:Boolean},showLine:{type:Boolean},inlineNode:{type:Boolean},lazyLoad:{type:Boolean},getLoading:{},getNoRotateSwitcherIcon:{},getTitle:{},getLeaf:{},getDraggable:{},getKey:{},getSwitcherIcon:{},getDisabled:{},getChildren:{},groupName:{},sortableProps:{},focusable:{type:Boolean,default:!0},checkStrictly:{type:Boolean,default:void 0},syncCheckboxAndSelect:{type:Boolean},virtual:{type:[Boolean,Object]},scrollContainerProps:{},outerVirtualScroll:{type:Boolean},switcherIcon:{},noRotateSwitcherIcon:{type:Boolean},draggable:{type:Boolean},disabled:{type:Boolean,default:void 0}},emits:["update:modelValue","update:expandedKeys","update:checkedKeys","change","expand","select","check","dragStart","dragEnd","choose","unchoose"],setup(I,{expose:g,emit:G}){const e=I,r=G,R=t.useSlots(),_=s.getBemBlock("tree"),V=s.getBemElement(_,"node"),M=s.getBemElement(V,"group"),m=s.getBemElement(V,"draggable"),x=s.getBemElement(m,"icon"),C=s.getBemElement(M,"list"),S={node:V,group:M,draggable:m,draggableIcon:x,groupList:C},W=xe.cva(_,{variants:{size:s.generateVariantClassList(we,_),gap:s.generateVariantClassList(he,_),selectable:s.generateVariantClassList("selectable",_),disabled:s.generateVariantClassList("disabled",_),inlineNode:s.generateVariantClassList("inline-node",_),dragging:s.generateVariantClassList("dragging",_)}}),A={getLoading:s.createOptionGetterFunc({key:"loading",getter:e.getLoading,noReturnOption:!0}),getNoRotateSwitcherIcon:s.createOptionGetterFunc({key:"noRotateSwitcherIcon",getter:e.getNoRotateSwitcherIcon,noReturnOption:!0}),getTitle:s.createOptionGetterFunc({key:"title",getter:e.getTitle,noReturnOption:!0}),getLeaf:s.createOptionGetterFunc({key:"leaf",getter:e.getLeaf,noReturnOption:!0}),getDraggable:s.createOptionGetterFunc({key:"draggable",getter:e.getDraggable,noReturnOption:!0}),getKey:s.createOptionGetterFunc({key:"key",getter:e.getKey,noReturnOption:!0}),getSwitcherIcon:s.createOptionGetterFunc({key:"switcherIcon",getter:e.getSwitcherIcon,noReturnOption:!0}),getDisabled:s.createOptionGetterFunc({key:"disabled",getter:e.getDisabled,noReturnOption:!0}),getChildren:s.createOptionGetterFunc({key:"children",getter:e.getChildren,noReturnOption:!0})},T=(n,o)=>{var F;const p=`get${o[0].toUpperCase()+o.slice(1)}`;return(F=A[p])==null?void 0:F.call(A,n)},P=ne.useVModel(e,"expandedKeys",r,{defaultValue:[],passive:e.expandedKeys===void 0}),{flattenData:$,visibleFlattenData:H,getNodeByValue:a,getChildrenOrRootNodes:i,getNodeIndexInScope:c,isSelected:u,getNodeChildren:y,selectValue:z,getRootNodes:v}=$e({isFlatten:e.flattenData,getData:()=>e.data,getExpandedKeys:()=>P,getValue:n=>T(n,"key"),getDisabled:n=>T(n,"disabled"),getChildren:n=>T(n,"children"),getExtra:(n,o)=>({_switcherIcon:T(o,"switcherIcon"),_title:T(o,"title"),_draggable:T(o,"draggable"),_leaf:T(o,"leaf"),_loading:T(o,"loading"),_noRotateSwitcherIcon:T(o,"noRotateSwitcherIcon")})}),J=()=>$.value.filter(n=>n==null?void 0:n._hasChildren).map(n=>n._key);t.watch(()=>e.defaultExpandAll,(n,o)=>{n&&!o&&(P.value=J())},{immediate:!0});const O=t.ref(e.modelValue??[]);t.watch(()=>e.modelValue,()=>{O.value=e.modelValue??[],e.syncCheckboxAndSelect&&(N.value=e.modelValue??[])},{deep:!0});const B=t.computed({get(){return O.value},set(n){n&&(e.modelValue||(O.value=n),r("update:modelValue",n))}}),Q=t.ref(e.checkedKeys??[]);t.watch(()=>e.checkedKeys,()=>{Q.value=e.checkedKeys??[],e.syncCheckboxAndSelect&&(B.value=e.checkedKeys??[])},{deep:!0});const N=t.computed({get(){return Q.value},set(n){e.checkedKeys||(Q.value=n),r("update:checkedKeys",n)}}),{getDisabled:L,getSize:f}=ne.useFormInput({defaults:{size:"md"},exports:["getDisabled","getSize"]}),b=n=>!!u(n,B,!0),oe=n=>u(n,N,e.checkStrictly),ve=(n,o)=>{if(e.selectable&&!L.value){const p=z(n,o,B,!!(e.syncCheckboxAndSelect?e.checkStrictly:e.checkStrictly!==!1),e.multiple,e.selectionBehavior);(!w.isEqual(p,B.value)||e.emitReSelect)&&(B.value=p,r("select",n,o,p),r("change",{modelValue:B.value,checkedKeys:N.value}),e.syncCheckboxAndSelect&&(N.value=p,r("check",n,o,p)))}},Ve=(n,o)=>{if(e.checkable&&!L.value){const p=z(n,o,N,!!e.checkStrictly,!0);w.isEqual(p,N.value)||(N.value=p,r("check",n,o,N.value),r("change",{modelValue:B.value,checkedKeys:N.value}),e.syncCheckboxAndSelect&&(B.value=p,r("select",n,o,p)))}},ae=n=>{let o=!0,p=w.cloneDeep(P.value??[]);p.includes(n._key)?(p=p.filter(F=>F!==n._key),o=!1):(p=w.uniq([...p,n._key]),o=!0),P.value=p,r("expand",n,o)},ue=t.computed(()=>{if(e.gap){if(typeof e.gap=="number")return`${e.gap}px`;if(!Object.keys(he).includes(e.gap))return e.gap}}),se=t.ref(!1),{getDir:ze}=qe.useConfig(),X=ze(),_e=t.computed(()=>{switch(f.value){case"sm":return"2xsm";case"lg":return"sm";default:return"xsm"}}),Re=t.computed(()=>f.value==="sm"?"2xsm":"xsm"),be=n=>{var o;return(((o=n==null?void 0:n._parentKeys)==null?void 0:o.length)??0)+1},de=t.ref(),ke={iconSize:Re,disabled:L,props:e,expandedKeys:P,model:B,dir:X,checked:N,onExpandKey:ae,onSelect:ve,onCheck:Ve,scrollContainerRef:de,getNodeChildren:y,getNodeField:T,getIsSelected:b,getIsChecked:oe,getLevel:be,dragging:se,indentSize:_e,prefixes:S};Pe(ke);const ge=t.ref();if(e.draggable){let n,o;const p=h=>{const d=h.getAttribute("data-key");if(d)return a(d)},F=s.getBemModifier(s.getBemElement(_,"dragging_item"),f.value),K=()=>{var h;(h=n==null?void 0:n.destroy)==null||h.call(n),n=void 0},Z=async()=>{let h,d,j,U,D;const fe=l=>({...l,node:d,oldParents:j,newParents:U,oldIndex:h,oldDraggableIndex:h,newIndex:D,newDraggableIndex:D}),Se=(l,ee)=>{if(l){const E=()=>{const ie=be(d),k=!!(d!=null&&d._hasChildren);return{size:f.value,level:ie,children:k,indentSize:_e.value,branchIcon:(d?d._switcherIcon??(e==null?void 0:e.switcherIcon):e==null?void 0:e.switcherIcon)??"tabler:chevron-left"}},q=document.createElement("div"),te=l.getBoundingClientRect();q.style.width=te.width?`${te.width}px`:"100%",q.style.height=te.height?`${te.height}px`:"100%",q.classList.add(s.getBemElement(_,s.sortPlaceholderCls));const le=E();return ee&&(le.level=ee),t.render(t.h(je,le),q),q}};n?K():ge.value&&(n=new Oe(ge.value,{...w.omit(e.sortableProps||{},["onMove"]),group:w.isFunction(e.groupName)?e.groupName():e.groupName??s.usePCId(_),filter:"[data-draggable=false]",tree:!0,draggable:`.${S.node}`,handle:`.${S.node} .${S.draggable} .${S.draggableIcon}`,dataIdAttr:"data-key",dragClass:F,onChoose(l){var ee;if(d=p(l==null?void 0:l.item),j=(ee=d==null?void 0:d._parentKeys)==null?void 0:ee.map(a).filter(Boolean),d){if(j!=null&&j.length){const E=w.last(j);E&&(h=y(E,!0,!1).findIndex(q=>q._key===d._key))}else h=v().findIndex(E=>E._key===d._key);d._dragging=!0}r("choose",l)},onUnchoose(l){d&&(d._dragging=!1),r("unchoose",l)},onStart(l){d!=null&&d._key&&(P.value??[]).includes(d._key)&&(o=d,ae(o)),se.value=!0,r("dragStart",fe(l))},onEnd(l){se.value=!1,o&&(ae(o),o=void 0),r("dragEnd",fe(l)),h=j=D=U=d=void 0},onMove(l,ee){var te,le,ie;if(D=U=void 0,l.draggedTreeItemParent){const k=p(l==null?void 0:l.draggedTreeItemParent);k&&(U=[...((te=k==null?void 0:k._parentKeys)==null?void 0:te.map(a).filter(Boolean))??[],k],(le=y(k,!0,!1))!=null&&le.length&&!(P.value??[]).includes(k._key)&&ae(k))}const E=l.draggedTreeItemLevel??1;if(!l.draggedTreeItemBefore)D=0;else if(l.draggedTreeItemBefore){if(l.draggedTreeItemBefore.level===E){const k=p(l.draggedTreeItemBefore);k&&(D=c(k)+1)}else if(l.draggedTreeItemBefore.level<E)D=0;else if(l.draggedTreeItemBefore.level>E){if(!l.draggedTreeItemAfter||l.draggedTreeItemAfter.level<E){const k=w.last(U??[]);D=i(k).length}else if(l.draggedTreeItemAfter.level===E){const k=p(l.draggedTreeItemAfter);k&&(D=c(k))}}}const q=fe(l);w.isFunction((ie=e.sortableProps)==null?void 0:ie.onMove)&&e.sortableProps.onMove(q,ee)},getPlaceholder(l){return Se(l==null?void 0:l.item)},getPlaceholderOnMove(l){return Se(l==null?void 0:l.dragged,l.draggedTreeItemLevel||1)}}))};t.onMounted(Z),t.onBeforeUnmount(K)}const Ee={none:0,sm:4,md:6,lg:8},Le=t.computed(()=>({get count(){return H.value.length??0},getScrollElement:()=>{var n;return(n=de.value)==null?void 0:n.container.viewportElement},estimateSize:()=>Ie.systemSizesMap[e.size]??Ie.systemSizesMap.md,overscan:5,get gap(){return Ee[ue.value??f.value]??ue.value??f.value??0}}));let pe,Y;if(e.virtual)if(typeof e.virtual=="object")pe=e.virtual;else{const{virtualizer:n,...o}=ne.useVirtualScroll(Le);pe=n,Y=o}const Ce=t.computed(()=>{var n;return e.virtual?(((n=t.unref(pe))==null?void 0:n.getVirtualItems())??[]).map(o=>H.value[o.index]):H.value}),ce=t.shallowRef(),Ae=()=>{var o;const n=()=>{const p=()=>{var Z;const K=(Z=R.default)==null?void 0:Z.call(R,{items:Ce.value});return ne.isEmptyElement(K)?Ce.value.map(h=>t.h(ye,{key:h._key,node:h},{default:R.node,switcherIcon:R.switcherIcon})):K},F=()=>t.h("div",{dir:X.value,role:"tree",class:s.normCls(W({size:f.value,gap:e.gap??f.value,selectable:e.selectable,disabled:L.value,inlineNode:e.inlineNode,dragging:se.value}),e.class),style:{"--ptc-tree-gap":ue.value,...e.virtual?(Y==null?void 0:Y.containerStyles.value)??{}:{}},ref:ge},p());return e.focusable?t.h(me.RovingFocusGroup,{orientation:"vertical",asChild:!0,currentTabStopId:ce.value,"onUpdate:currentTabStopId":K=>{ce.value=K},onKeyup:K=>{var Z;if(ce.value!==void 0){const h=a(ce.value);if(h){const d=!!(h._hasChildren||e!=null&&e.lazyLoad&&!h._leaf);if((K.key==="ArrowRight"||K.key==="ArrowLeft")&&d){const U=!(h._dragging??!1)&&(P.value??[]).includes(h._key);(U&&(X.value==="rtl"&&K.key==="ArrowRight"||X.value==="ltr"&&K.key==="ArrowLeft")||!U&&(X.value==="ltr"&&K.key==="ArrowRight"||X.value==="rtl"&&K.key==="ArrowLeft"))&&ae(h)}K.key==="Enter"&&ve(h,!((Z=B.value)!=null&&Z.includes(h._key)))}}}},F):F()};return e.virtual&&!e.outerVirtualScroll?t.h(Ge._sfc_main,{...e.scrollContainerProps,ref:de,dir:X.value,wrapProps:{...((o=e.scrollContainerProps)==null?void 0:o.wrapProps)??{},style:(Y==null?void 0:Y.scrollWrapperStyles.value)??{}}},n):n()};return g(ke),(n,o)=>(t.openBlock(),t.createBlock(Ae))}}),Ue=ne.installComponent(Ke,s.getComponentName("Tree")),We=ne.installComponent(ye,s.getComponentName("TreeNode"));exports.TreeGaps=he;exports.TreeNodePlugin=We;exports.TreePlugin=Ue;exports.TreeSizes=we;exports._sfc_main=Ke;exports._sfc_main$1=ye;exports.flattenByParentKeys=Ne;exports.injectTreeContext=Te;exports.provideTreeContext=Pe;
|
package/dist/index.js
CHANGED
|
@@ -68,7 +68,7 @@ import { TabContent as ca, TabContentPlugin as da, TabList as Sa, TabListPlugin
|
|
|
68
68
|
import { default as Aa, TextareaPlugin as ka, TextareaSizes as ya, TextareaStatuses as La } from "./Textarea/index.js";
|
|
69
69
|
import { default as Ma, ToastPlugin as wa, ToastTypes as Fa } from "./Toast/index.js";
|
|
70
70
|
import { TooltipPlugin as Oa } from "./Tooltip/index.js";
|
|
71
|
-
import { _ as Ea, T as Ha, a as Na, b as Va, c as Za, d as Ka, i as Ja, p as qa } from "./index-
|
|
71
|
+
import { _ as Ea, T as Ha, a as Na, b as Va, c as Za, d as Ka, i as Ja, p as qa } from "./index-BxsIulsm.js";
|
|
72
72
|
import { s as Wa, a as Xa } from "./index-D2tZoezA.js";
|
|
73
73
|
import { Upload as $a, UploadList as oi, UploadListPlugin as ei, UploadListTypes as ri, UploadPlugin as ti, UploadSizes as ai, UploadStatuses as ii, UploadTrigger as ni, UploadTriggerPlugin as si, UploadTypes as pi, injectBaseUploadContext as li, injectUploadContext as mi, provideBaseUploadContext as ui, provideUploadContext as xi, uploadListItemPrefix as gi, uploadListPrefix as Pi, uploadPrefix as fi } from "./Upload/index.js";
|
|
74
74
|
import { default as ci } from "./use/index.js";
|
|
@@ -77,8 +77,8 @@ import { _ as bi } from "./Badge.vue_vue_type_script_setup_true_lang-CHBj_GP4.js
|
|
|
77
77
|
import { _ as Ii } from "./Blanket.vue_vue_type_style_index_0_lang-DSXcWX6s.js";
|
|
78
78
|
import { _ as hi } from "./Button.vue_vue_type_script_setup_true_lang-Be-JRcnm.js";
|
|
79
79
|
import { _ as _i } from "./Chip.vue_vue_type_style_index_0_lang-fj2q-7So.js";
|
|
80
|
-
import { _ as ji, i as Ai, p as ki } from "./ColorPicker.vue_vue_type_style_index_0_lang-
|
|
81
|
-
import { _ as Li } from "./ColorSwatchGroup.vue_vue_type_style_index_0_lang-
|
|
80
|
+
import { _ as ji, i as Ai, p as ki } from "./ColorPicker.vue_vue_type_style_index_0_lang-gWF4xfyP.js";
|
|
81
|
+
import { _ as Li } from "./ColorSwatchGroup.vue_vue_type_style_index_0_lang-CnQvvL-b.js";
|
|
82
82
|
import { _ as Mi, C as wi } from "./ColorTrigger.vue_vue_type_style_index_0_lang-C8fATI6R.js";
|
|
83
83
|
import { _ as Ui, D as Oi } from "./Divider.vue_vue_type_style_index_0_lang-eXMD78c3.js";
|
|
84
84
|
import { _ as Ei, E as Hi } from "./Empty.vue_vue_type_style_index_0_lang-yTn4EQKn.js";
|
|
@@ -98,14 +98,14 @@ import { _ as zn, P as jn, a as An, b as kn, c as yn, d as Ln, i as Dn, p as Mn,
|
|
|
98
98
|
import { _ as Rn, a as En } from "./RadioGroup.vue_vue_type_script_setup_true_lang-CKst3QRj.js";
|
|
99
99
|
import { _ as Nn, S as Vn, a as Zn } from "./ScrollContainer.vue_vue_type_style_index_0_lang-DGrpXPJ1.js";
|
|
100
100
|
import { _ as Jn, S as qn } from "./Segmented.vue_vue_type_style_index_0_lang-CYjKdNAS.js";
|
|
101
|
-
import { _ as Wn, a as Xn, S as Yn, b as $n, c as os, i as es, p as rs } from "./Select.vue_vue_type_style_index_0_lang-
|
|
101
|
+
import { _ as Wn, a as Xn, S as Yn, b as $n, c as os, i as es, p as rs } from "./Select.vue_vue_type_style_index_0_lang-BDpLxikv.js";
|
|
102
102
|
import { _ as as } from "./Shortcut.vue_vue_type_style_index_0_lang-CGLNPKWO.js";
|
|
103
103
|
import { _ as ns, S as ss, a as ps } from "./Skeleton.vue_vue_type_style_index_0_lang-aI8FTL_w.js";
|
|
104
104
|
import { _ as ms, S as us } from "./Spinner.vue_vue_type_style_index_0_lang-PVVXnUa7.js";
|
|
105
105
|
import { _ as gs, S as Ps } from "./Switch.vue_vue_type_style_index_0_lang-BmsIxVHQ.js";
|
|
106
106
|
import { _ as Cs, i as cs, r as ds } from "./Tooltip.vue_vue_type_script_setup_true_lang-DX19Sbqt.js";
|
|
107
107
|
import { FormItemSizes as Ts, FormItemStatuses as bs, injectFormContext as vs, injectFormItemContext as Is, provideFormContext as Gs, provideFormItemContext as hs } from "@pantograph/utils-vue";
|
|
108
|
-
import { P as _s, a as zs } from "./utils-
|
|
108
|
+
import { P as _s, a as zs } from "./utils-mW_Rw1i9.js";
|
|
109
109
|
export {
|
|
110
110
|
z as Accordion,
|
|
111
111
|
j as AccordionExpandIconPositions,
|