straw-ui-vue 0.1.3 → 0.1.4
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/components/st-button/st-button.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/st-button/st-button.vue_vue_type_script_setup_true_lang.js +2 -2
- package/dist/components/st-checkbox/st-checkbox.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/st-checkbox/st-checkbox.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/st-dialog/st-dialog.vue.d.ts +3 -3
- package/dist/components/st-dialog/st-dialog.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/st-dialog/st-dialog.vue_vue_type_script_setup_true_lang.js +88 -91
- package/dist/components/st-input/st-input.vue.cjs +1 -1
- package/dist/components/st-input/st-input.vue.js +1 -1
- package/dist/components/st-input/st-input.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/st-input/st-input.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/st-menu/st-menu-node.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/st-menu/st-menu-node.vue_vue_type_script_setup_true_lang.js +3 -3
- package/dist/components/st-menu/st-menu.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/st-menu/st-menu.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/st-popover/st-popover.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/st-popover/st-popover.vue_vue_type_script_setup_true_lang.js +12 -2
- package/dist/components/st-select/st-select.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/st-select/st-select.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/st-sidebar/st-sidebar.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/st-sidebar/st-sidebar.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/st-splitter-panel/st-splitter-panel.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/st-splitter-panel/st-splitter-panel.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/st-toggle/st-toggle.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/st-toggle/st-toggle.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/st-tooltip/st-tooltip.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/st-tooltip/st-tooltip.vue_vue_type_script_setup_true_lang.js +1 -1
- package/dist/components/st-tree/st-tree-node.vue_vue_type_script_setup_true_lang.cjs +1 -1
- package/dist/components/st-tree/st-tree-node.vue_vue_type_script_setup_true_lang.js +5 -5
- package/dist/generated-safelist.cjs +1 -1
- package/dist/generated-safelist.js +1 -1
- package/dist/index.css +1 -1
- package/dist/unocss-preset.d.ts +8 -2
- package/dist/unocssPreset.cjs +1 -1
- package/dist/unocssPreset.js +10 -2
- package/dist/variables.css +28 -26
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../utils/cn.cjs"),t=require("../../utils/cva/index.cjs");let n=require("vue");var r=[`disabled`],i={key:0,class:`i-lucide-loader-2 animate-spin`},a=(0,n.defineComponent)({inheritAttrs:!1,__name:`st-button`,props:{variant:{default:`default`},type:{default:`default`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},prefixIcon:{},suffixIcon:{}},emits:[`click`],setup(a,{emit:o}){let s={default:`h-9 px-4 text-3.5 gap-1.5`,icon:`w-9 h-9`},c={primary:`bg-primary text-primary-foreground`,default:`bg-secondary text-secondary-foreground`,ghost:`bg-transparent text-foreground`},l={primary:`hover:bg-primary/90`,default:`hover:bg-secondary/80`,ghost:`hover:bg-
|
|
1
|
+
const e=require("../../utils/cn.cjs"),t=require("../../utils/cva/index.cjs");let n=require("vue");var r=[`disabled`],i={key:0,class:`i-lucide-loader-2 animate-spin`},a=(0,n.defineComponent)({inheritAttrs:!1,__name:`st-button`,props:{variant:{default:`default`},type:{default:`default`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},prefixIcon:{},suffixIcon:{}},emits:[`click`],setup(a,{emit:o}){let s={default:`h-9 px-4 text-3.5 gap-1.5`,icon:`w-9 h-9`},c={primary:`bg-primary text-primary-foreground`,default:`bg-secondary text-secondary-foreground`,ghost:`bg-transparent text-foreground`},l={primary:`hover:bg-primary/90`,default:`hover:bg-secondary/80`,ghost:`hover:bg-accent`},u=a,d=(0,n.useAttrs)(),f=o,p=(0,n.useSlots)(),m=t.cva({base:`inline-flex items-center justify-center rounded font-default transition-all duration-150 ease-in-out border-none outline-none select-none`,variants:{variant:{primary:c.primary,default:c.default,ghost:c.ghost},type:{default:s.default,icon:s.icon},disabled:{true:`opacity-50 cursor-not-allowed`},loading:{true:`cursor-not-allowed`}},defaultVariants:{variant:`default`,type:`default`}}),h=(0,n.computed)(()=>e.cn(m({variant:u.variant,type:u.type,disabled:u.disabled,loading:u.loading}),!u.disabled&&!u.loading?l[u.variant]:``,d.class)),g=(0,n.computed)(()=>u.type===`icon`),_=(0,n.computed)(()=>u.disabled||u.loading),v=(0,n.computed)(()=>u.prefixIcon||p.prefixIcon),y=(0,n.computed)(()=>u.suffixIcon||p.suffixIcon),b=e=>{_.value||f(`click`,e)};return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{class:(0,n.normalizeClass)(h.value),style:(0,n.normalizeStyle)((0,n.unref)(d).style),disabled:_.value,onClick:b},[u.loading?((0,n.openBlock)(),(0,n.createElementBlock)(`i`,i)):(0,n.createCommentVNode)(``,!0),g.value?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[u.prefixIcon?((0,n.openBlock)(),(0,n.createElementBlock)(`i`,{key:0,class:(0,n.normalizeClass)(u.prefixIcon)},null,2)):(0,n.renderSlot)(e.$slots,`default`,{key:1})],64)):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[v.value?(0,n.renderSlot)(e.$slots,`prefixIcon`,{key:0},()=>[(0,n.createElementVNode)(`i`,{class:(0,n.normalizeClass)(u.prefixIcon)},null,2)]):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(e.$slots,`default`),y.value?(0,n.renderSlot)(e.$slots,`suffixIcon`,{key:1},()=>[(0,n.createElementVNode)(`i`,{class:(0,n.normalizeClass)(u.suffixIcon)},null,2)]):(0,n.createCommentVNode)(``,!0)],64))],14,r))}});exports.default=a;
|
|
@@ -34,9 +34,9 @@ var h = ["disabled"], g = {
|
|
|
34
34
|
}, b = {
|
|
35
35
|
primary: "hover:bg-primary/90",
|
|
36
36
|
default: "hover:bg-secondary/80",
|
|
37
|
-
ghost: "hover:bg-
|
|
37
|
+
ghost: "hover:bg-accent"
|
|
38
38
|
}, x = s, S = p(), C = _, w = m(), T = t({
|
|
39
|
-
base: "inline-flex items-center justify-center rounded
|
|
39
|
+
base: "inline-flex items-center justify-center rounded font-default transition-all duration-150 ease-in-out border-none outline-none select-none",
|
|
40
40
|
variants: {
|
|
41
41
|
variant: {
|
|
42
42
|
primary: y.primary,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../utils/cn.cjs"),t=require("../../utils/cva/index.cjs");let n=require("vue");var r=[`checked`,`disabled`],i=(0,n.defineComponent)({inheritAttrs:!1,__name:`st-checkbox`,props:(0,n.mergeModels)({disabled:{type:Boolean,default:!1},trueValue:{type:[Boolean,String,Number],default:!0},falseValue:{type:[Boolean,String,Number],default:!1}},{modelValue:{type:[Boolean,String,Number],default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(i){let a=i,o=(0,n.useModel)(i,`modelValue`),s=(0,n.useSlots)(),c=(0,n.useAttrs)(),l=(0,n.inject)(`checkboxGroup`,null),u=(0,n.computed)(()=>!!s.default),d=(0,n.computed)(()=>l&&l.disabled.value||a.disabled),f=(0,n.computed)(()=>l?l.modelValue.value.includes(a.trueValue):o.value===a.trueValue),p=t.cva({base:`inline-flex items-center cursor-pointer select-none gap-2`,variants:{disabled:{true:`cursor-not-allowed opacity-50`,false:``}}}),m=(0,n.computed)(()=>e.cn(p({disabled:d.value}),c.class)),h=(0,n.computed)(()=>e.cn(`sr-only`)),g=t.cva({base:`flex items-center justify-center border-2 rounded
|
|
1
|
+
const e=require("../../utils/cn.cjs"),t=require("../../utils/cva/index.cjs");let n=require("vue");var r=[`checked`,`disabled`],i=(0,n.defineComponent)({inheritAttrs:!1,__name:`st-checkbox`,props:(0,n.mergeModels)({disabled:{type:Boolean,default:!1},trueValue:{type:[Boolean,String,Number],default:!0},falseValue:{type:[Boolean,String,Number],default:!1}},{modelValue:{type:[Boolean,String,Number],default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(i){let a=i,o=(0,n.useModel)(i,`modelValue`),s=(0,n.useSlots)(),c=(0,n.useAttrs)(),l=(0,n.inject)(`checkboxGroup`,null),u=(0,n.computed)(()=>!!s.default),d=(0,n.computed)(()=>l&&l.disabled.value||a.disabled),f=(0,n.computed)(()=>l?l.modelValue.value.includes(a.trueValue):o.value===a.trueValue),p=t.cva({base:`inline-flex items-center cursor-pointer select-none gap-2`,variants:{disabled:{true:`cursor-not-allowed opacity-50`,false:``}}}),m=(0,n.computed)(()=>e.cn(p({disabled:d.value}),c.class)),h=(0,n.computed)(()=>e.cn(`sr-only`)),g=t.cva({base:`flex items-center justify-center border-2 rounded transition-all duration-200 w-5 h-5`,variants:{checked:{true:`bg-primary border-primary`,false:`bg-background border-input hover:border-ring`},disabled:{true:`cursor-not-allowed`,false:`cursor-pointer`}}}),_=(0,n.computed)(()=>g({checked:f.value,disabled:d.value})),v=(0,n.computed)(()=>e.cn(`text-primary-foreground w-full h-full inline-flex items-center justify-center text-3.5 translate-y-0.25`));(0,n.computed)(()=>e.cn(`w-full h-full`));let y=t.cva({base:`text-foreground text-sm`,variants:{disabled:{true:`text-muted-foreground`,false:``}}}),b=(0,n.computed)(()=>y({disabled:d.value})),x=e=>{d.value&&e.preventDefault()},S=()=>{d.value||(l?l.updateValue(a.trueValue,!f.value):o.value=f.value?a.falseValue:a.trueValue)};return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`label`,{class:(0,n.normalizeClass)(m.value),style:(0,n.normalizeStyle)((0,n.unref)(c).style),onClick:x},[(0,n.createElementVNode)(`input`,{checked:f.value,class:(0,n.normalizeClass)(h.value),disabled:d.value,type:`checkbox`,onChange:S},null,42,r),(0,n.createElementVNode)(`span`,{class:(0,n.normalizeClass)(_.value)},[f.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:0,class:(0,n.normalizeClass)(v.value)},[...t[0]||=[(0,n.createElementVNode)(`i`,{class:`i-lucide-check`},null,-1)]],2)):(0,n.createCommentVNode)(``,!0)],2),u.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:0,class:(0,n.normalizeClass)(b.value)},[(0,n.renderSlot)(e.$slots,`default`)],2)):(0,n.createCommentVNode)(``,!0)],6))}});exports.default=i;
|
|
@@ -46,7 +46,7 @@ var _ = ["checked", "disabled"], v = /*@__PURE__*/ o({
|
|
|
46
46
|
false: ""
|
|
47
47
|
} }
|
|
48
48
|
}), E = n(() => e(T({ disabled: C.value }), b.class)), D = n(() => e("sr-only")), O = t({
|
|
49
|
-
base: "flex items-center justify-center border-2 rounded
|
|
49
|
+
base: "flex items-center justify-center border-2 rounded transition-all duration-200 w-5 h-5",
|
|
50
50
|
variants: {
|
|
51
51
|
checked: {
|
|
52
52
|
true: "bg-primary border-primary",
|
|
@@ -4,15 +4,15 @@ type __VLS_ModelProps = {
|
|
|
4
4
|
modelValue?: boolean;
|
|
5
5
|
};
|
|
6
6
|
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
7
|
-
declare var __VLS_21: {}, __VLS_23: {},
|
|
7
|
+
declare var __VLS_21: {}, __VLS_23: {}, __VLS_41: {}, __VLS_43: {};
|
|
8
8
|
type __VLS_Slots = {} & {
|
|
9
9
|
title?: (props: typeof __VLS_21) => any;
|
|
10
10
|
} & {
|
|
11
11
|
extra?: (props: typeof __VLS_23) => any;
|
|
12
12
|
} & {
|
|
13
|
-
default?: (props: typeof
|
|
13
|
+
default?: (props: typeof __VLS_41) => any;
|
|
14
14
|
} & {
|
|
15
|
-
footer?: (props: typeof
|
|
15
|
+
footer?: (props: typeof __VLS_43) => any;
|
|
16
16
|
};
|
|
17
17
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
18
18
|
"update:modelValue": (value: boolean) => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../utils/cn.cjs");let t=require("vue");var n={key:1,class:`text-4 font-600 text-foreground`},r={class:`flex items-center gap-2`},i={class:`flex-1 overflow-auto p-4`},a={key:0,class:`flex justify-end gap-2 border-t border-solid border-border p-4`},o=(0,t.defineComponent)({inheritAttrs:!1,__name:`st-dialog`,props:(0,t.mergeModels)({title:{default:``},width:{default:`500px`},height:{default:`auto`},closable:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},center:{type:Boolean,default:!0},customClass:{default:``},animation:{default:`zoom`}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(o){let s=(0,t.useAttrs)(),c=o,l=(0,t.useModel)(o,`modelValue`),u=(0,t.ref)(null),d=(0,t.ref)(null),f=(0,t.ref)(!1),p=(0,t.ref)({isDragging:!1,startX:0,startY:0,offsetX:0,offsetY:0}),m=(0,t.computed)(()=>e.cn(`st-dialog-overlay`,`fixed`,`inset-0`,`z-999`,`flex`,{"bg-black/50":c.modal,"items-center":c.center,"justify-center":c.center},s.class)),h=(0,t.computed)(()=>e.cn(`st-dialog-container`,`flex`,`flex-col`,`bg-background`,`rounded
|
|
1
|
+
const e=require("../../utils/cn.cjs");let t=require("vue");var n={key:1,class:`text-4 font-600 text-foreground`},r={class:`flex items-center gap-2`},i={class:`flex-1 overflow-auto p-4`},a={key:0,class:`flex justify-end gap-2 border-t border-solid border-border p-4`},o=(0,t.defineComponent)({inheritAttrs:!1,__name:`st-dialog`,props:(0,t.mergeModels)({title:{default:``},width:{default:`500px`},height:{default:`auto`},closable:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},center:{type:Boolean,default:!0},customClass:{default:``},animation:{default:`zoom`}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(o){let s=(0,t.useAttrs)(),c=o,l=(0,t.useModel)(o,`modelValue`),u=(0,t.ref)(null),d=(0,t.ref)(null),f=(0,t.ref)(!1),p=(0,t.ref)({isDragging:!1,startX:0,startY:0,offsetX:0,offsetY:0}),m=(0,t.computed)(()=>e.cn(`st-dialog-overlay`,`fixed`,`inset-0`,`z-999`,`flex`,{"bg-black/50":c.modal,"items-center":c.center,"justify-center":c.center},s.class)),h=(0,t.computed)(()=>e.cn(`st-dialog-container`,`flex`,`flex-col`,`bg-background`,`rounded`,`shadow-lg`,`overflow-hidden`,c.customClass,{"st-dialog-container--fullscreen":f.value,"w-screen h-screen":f.value,"cursor-move":c.draggable&&!p.value.isDragging,"cursor-grabbing":p.value.isDragging},s.class)),g=(0,t.computed)(()=>{if(f.value)return{};let e={width:c.width};return c.height!==`auto`&&(e.height=c.height),(p.value.offsetX!==0||p.value.offsetY!==0)&&(e.translate=`${p.value.offsetX}px ${p.value.offsetY}px`),e}),_=(0,t.computed)(()=>[`flex`,`items-center`,`justify-between`,`border-b`,`border-solid`,`border-border`,`p-4`,`select-none`,{"cursor-grab":c.draggable&&!p.value.isDragging,"cursor-grabbing":p.value.isDragging}]),v=(0,t.computed)(()=>f.value?`i-lucide-minimize-2`:`i-lucide-maximize-2`),y=()=>{f.value=!f.value,f.value&&b()},b=()=>{p.value={isDragging:!1,startX:0,startY:0,offsetX:0,offsetY:0}},x=e=>{!c.draggable||f.value||e.target.closest(`.flex.items-center.gap-2`)||(e.preventDefault(),p.value.isDragging=!0,p.value.startX=e.clientX-p.value.offsetX,p.value.startY=e.clientY-p.value.offsetY,document.addEventListener(`mousemove`,S),document.addEventListener(`mouseup`,C))},S=e=>{p.value.isDragging&&(p.value.offsetX=e.clientX-p.value.startX,p.value.offsetY=e.clientY-p.value.startY)},C=()=>{p.value.isDragging=!1,document.removeEventListener(`mousemove`,S),document.removeEventListener(`mouseup`,C)},w=()=>{l.value=!1},T=()=>{c.closeOnClickModal&&w()};return(0,t.watch)(l,e=>{e&&(b(),f.value=!1)}),(e,o)=>{let f=(0,t.resolveComponent)(`st-button`);return(0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createVNode)(t.Transition,{appear:``,"enter-active-class":`transition-opacity duration-250 ease-[var(--animate-ease-out)]`,"enter-from-class":`opacity-0`,"leave-active-class":`transition-opacity duration-150 ease-[var(--animate-ease-in)]`,"leave-to-class":`opacity-0`},{default:(0,t.withCtx)(()=>[l.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(m.value),style:(0,t.normalizeStyle)((0,t.unref)(s).style),onClick:T},[(0,t.createVNode)(t.Transition,{appear:``,"enter-active-class":`transition-[scale,opacity] duration-250 ease-[var(--animate-ease-out-back),var(--animate-ease-out)]`,"enter-from-class":`scale-0 opacity-0`,"leave-active-class":`transition-[scale,opacity] duration-150 ease-[var(--animate-ease-in)]`,"leave-to-class":`scale-0 opacity-0`,onClick:o[0]||=(0,t.withModifiers)(()=>{},[`stop`])},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,{ref_key:`dialogRef`,ref:u,class:(0,t.normalizeClass)(h.value),style:(0,t.normalizeStyle)(g.value)},[(0,t.createElementVNode)(`div`,{ref_key:`headerRef`,ref:d,class:(0,t.normalizeClass)(_.value),onMousedown:x},[e.$slots.title?(0,t.renderSlot)(e.$slots,`title`,{key:0}):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,n,(0,t.toDisplayString)(c.title),1)),(0,t.createElementVNode)(`div`,r,[(0,t.renderSlot)(e.$slots,`extra`),c.fullscreen?((0,t.openBlock)(),(0,t.createBlock)(f,{key:0,type:`icon`,variant:`ghost`,onClick:y},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`i`,{class:(0,t.normalizeClass)(v.value)},null,2)]),_:1})):(0,t.createCommentVNode)(``,!0),c.closable?((0,t.openBlock)(),(0,t.createBlock)(f,{key:1,type:`icon`,variant:`ghost`,onClick:w},{default:(0,t.withCtx)(()=>[...o[1]||=[(0,t.createElementVNode)(`i`,{class:`i-lucide-x`},null,-1)]]),_:1})):(0,t.createCommentVNode)(``,!0)])],34),(0,t.createElementVNode)(`div`,i,[(0,t.renderSlot)(e.$slots,`default`)]),e.$slots.footer?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,a,[(0,t.renderSlot)(e.$slots,`footer`)])):(0,t.createCommentVNode)(``,!0)],6)]),_:3})],6)):(0,t.createCommentVNode)(``,!0)]),_:3})])}}});exports.default=o;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { cn as e } from "../../utils/cn.js";
|
|
2
|
-
import { Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderSlot as h,
|
|
2
|
+
import { Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderSlot as h, resolveComponent as g, toDisplayString as _, unref as v, useAttrs as y, useModel as b, watch as x, withCtx as S, withModifiers as C } from "vue";
|
|
3
3
|
//#region src/components/st-dialog/st-dialog.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
-
var
|
|
4
|
+
var w = {
|
|
5
5
|
key: 1,
|
|
6
6
|
class: "text-4 font-600 text-foreground"
|
|
7
|
-
},
|
|
7
|
+
}, T = { class: "flex items-center gap-2" }, E = { class: "flex-1 overflow-auto p-4" }, D = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "flex justify-end gap-2 border-t border-solid border-border p-4"
|
|
10
|
-
},
|
|
10
|
+
}, O = /*@__PURE__*/ l({
|
|
11
11
|
inheritAttrs: !1,
|
|
12
12
|
__name: "st-dialog",
|
|
13
13
|
props: /*@__PURE__*/ u({
|
|
@@ -49,26 +49,26 @@ var C = {
|
|
|
49
49
|
}),
|
|
50
50
|
emits: ["update:modelValue"],
|
|
51
51
|
setup(l) {
|
|
52
|
-
let u =
|
|
52
|
+
let u = y(), O = l, k = b(l, "modelValue"), A = m(null), j = m(null), M = m(!1), N = m({
|
|
53
53
|
isDragging: !1,
|
|
54
54
|
startX: 0,
|
|
55
55
|
startY: 0,
|
|
56
56
|
offsetX: 0,
|
|
57
57
|
offsetY: 0
|
|
58
|
-
}),
|
|
59
|
-
"bg-black/50":
|
|
60
|
-
"items-center":
|
|
61
|
-
"justify-center":
|
|
62
|
-
}, u.class)),
|
|
63
|
-
"st-dialog-container--fullscreen":
|
|
64
|
-
"w-screen h-screen":
|
|
65
|
-
"cursor-move":
|
|
66
|
-
"cursor-grabbing":
|
|
67
|
-
}, u.class)),
|
|
68
|
-
if (
|
|
69
|
-
let e = { width:
|
|
70
|
-
return
|
|
71
|
-
}),
|
|
58
|
+
}), P = r(() => e("st-dialog-overlay", "fixed", "inset-0", "z-999", "flex", {
|
|
59
|
+
"bg-black/50": O.modal,
|
|
60
|
+
"items-center": O.center,
|
|
61
|
+
"justify-center": O.center
|
|
62
|
+
}, u.class)), F = r(() => e("st-dialog-container", "flex", "flex-col", "bg-background", "rounded", "shadow-lg", "overflow-hidden", O.customClass, {
|
|
63
|
+
"st-dialog-container--fullscreen": M.value,
|
|
64
|
+
"w-screen h-screen": M.value,
|
|
65
|
+
"cursor-move": O.draggable && !N.value.isDragging,
|
|
66
|
+
"cursor-grabbing": N.value.isDragging
|
|
67
|
+
}, u.class)), I = r(() => {
|
|
68
|
+
if (M.value) return {};
|
|
69
|
+
let e = { width: O.width };
|
|
70
|
+
return O.height !== "auto" && (e.height = O.height), (N.value.offsetX !== 0 || N.value.offsetY !== 0) && (e.translate = `${N.value.offsetX}px ${N.value.offsetY}px`), e;
|
|
71
|
+
}), L = r(() => [
|
|
72
72
|
"flex",
|
|
73
73
|
"items-center",
|
|
74
74
|
"justify-between",
|
|
@@ -78,27 +78,13 @@ var C = {
|
|
|
78
78
|
"p-4",
|
|
79
79
|
"select-none",
|
|
80
80
|
{
|
|
81
|
-
"cursor-grab":
|
|
82
|
-
"cursor-grabbing":
|
|
81
|
+
"cursor-grab": O.draggable && !N.value.isDragging,
|
|
82
|
+
"cursor-grabbing": N.value.isDragging
|
|
83
83
|
}
|
|
84
|
-
]),
|
|
85
|
-
|
|
86
|
-
"items-center",
|
|
87
|
-
"justify-center",
|
|
88
|
-
"w-8",
|
|
89
|
-
"h-8",
|
|
90
|
-
"rounded-radius",
|
|
91
|
-
"cursor-pointer",
|
|
92
|
-
"text-4",
|
|
93
|
-
"text-muted-foreground",
|
|
94
|
-
"hover:bg-muted",
|
|
95
|
-
"hover:text-foreground",
|
|
96
|
-
"transition-all",
|
|
97
|
-
"duration-150"
|
|
98
|
-
]), R = r(() => j.value ? "i-lucide-minimize-2" : "i-lucide-maximize-2"), z = () => {
|
|
99
|
-
j.value = !j.value, j.value && B();
|
|
84
|
+
]), R = r(() => M.value ? "i-lucide-minimize-2" : "i-lucide-maximize-2"), z = () => {
|
|
85
|
+
M.value = !M.value, M.value && B();
|
|
100
86
|
}, B = () => {
|
|
101
|
-
|
|
87
|
+
N.value = {
|
|
102
88
|
isDragging: !1,
|
|
103
89
|
startX: 0,
|
|
104
90
|
startY: 0,
|
|
@@ -106,70 +92,81 @@ var C = {
|
|
|
106
92
|
offsetY: 0
|
|
107
93
|
};
|
|
108
94
|
}, V = (e) => {
|
|
109
|
-
!
|
|
95
|
+
!O.draggable || M.value || e.target.closest(".flex.items-center.gap-2") || (e.preventDefault(), N.value.isDragging = !0, N.value.startX = e.clientX - N.value.offsetX, N.value.startY = e.clientY - N.value.offsetY, document.addEventListener("mousemove", H), document.addEventListener("mouseup", U));
|
|
110
96
|
}, H = (e) => {
|
|
111
|
-
|
|
97
|
+
N.value.isDragging && (N.value.offsetX = e.clientX - N.value.startX, N.value.offsetY = e.clientY - N.value.startY);
|
|
112
98
|
}, U = () => {
|
|
113
|
-
|
|
99
|
+
N.value.isDragging = !1, document.removeEventListener("mousemove", H), document.removeEventListener("mouseup", U);
|
|
114
100
|
}, W = () => {
|
|
115
|
-
|
|
101
|
+
k.value = !1;
|
|
116
102
|
}, G = () => {
|
|
117
|
-
|
|
103
|
+
O.closeOnClickModal && W();
|
|
118
104
|
};
|
|
119
|
-
return
|
|
120
|
-
e && (B(),
|
|
121
|
-
}), (e, r) =>
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
"enter-active-class": "transition-opacity duration-250 ease-[var(--animate-ease-out)]",
|
|
125
|
-
"leave-active-class": "transition-opacity duration-150 ease-[var(--animate-ease-in)]",
|
|
126
|
-
"leave-to-class": "opacity-0"
|
|
127
|
-
}, {
|
|
128
|
-
default: x(() => [O.value ? (p(), o("div", {
|
|
129
|
-
key: 0,
|
|
130
|
-
class: d(N.value),
|
|
131
|
-
style: f(_(u).style),
|
|
132
|
-
onClick: G
|
|
133
|
-
}, [c(n, {
|
|
105
|
+
return x(k, (e) => {
|
|
106
|
+
e && (B(), M.value = !1);
|
|
107
|
+
}), (e, r) => {
|
|
108
|
+
let l = g("st-button");
|
|
109
|
+
return p(), i(t, { to: "body" }, [c(n, {
|
|
134
110
|
appear: "",
|
|
135
|
-
"enter-
|
|
136
|
-
"enter-
|
|
137
|
-
"leave-active-class": "transition-
|
|
138
|
-
"leave-to-class": "
|
|
139
|
-
onClick: r[0] ||= S(() => {}, ["stop"])
|
|
111
|
+
"enter-active-class": "transition-opacity duration-250 ease-[var(--animate-ease-out)]",
|
|
112
|
+
"enter-from-class": "opacity-0",
|
|
113
|
+
"leave-active-class": "transition-opacity duration-150 ease-[var(--animate-ease-in)]",
|
|
114
|
+
"leave-to-class": "opacity-0"
|
|
140
115
|
}, {
|
|
141
|
-
default:
|
|
142
|
-
|
|
143
|
-
ref: k,
|
|
116
|
+
default: S(() => [k.value ? (p(), o("div", {
|
|
117
|
+
key: 0,
|
|
144
118
|
class: d(P.value),
|
|
145
|
-
style: f(
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
119
|
+
style: f(v(u).style),
|
|
120
|
+
onClick: G
|
|
121
|
+
}, [c(n, {
|
|
122
|
+
appear: "",
|
|
123
|
+
"enter-active-class": "transition-[scale,opacity] duration-250 ease-[var(--animate-ease-out-back),var(--animate-ease-out)]",
|
|
124
|
+
"enter-from-class": "scale-0 opacity-0",
|
|
125
|
+
"leave-active-class": "transition-[scale,opacity] duration-150 ease-[var(--animate-ease-in)]",
|
|
126
|
+
"leave-to-class": "scale-0 opacity-0",
|
|
127
|
+
onClick: r[0] ||= C(() => {}, ["stop"])
|
|
128
|
+
}, {
|
|
129
|
+
default: S(() => [s("div", {
|
|
130
|
+
ref_key: "dialogRef",
|
|
149
131
|
ref: A,
|
|
150
|
-
class: d(
|
|
151
|
-
|
|
152
|
-
}, [
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
class: d(L.value),
|
|
157
|
-
onClick: z
|
|
158
|
-
}, [s("i", { class: d(R.value) }, null, 2)], 2)) : a("", !0),
|
|
159
|
-
D.closable ? (p(), o("span", {
|
|
160
|
-
key: 1,
|
|
132
|
+
class: d(F.value),
|
|
133
|
+
style: f(I.value)
|
|
134
|
+
}, [
|
|
135
|
+
s("div", {
|
|
136
|
+
ref_key: "headerRef",
|
|
137
|
+
ref: j,
|
|
161
138
|
class: d(L.value),
|
|
162
|
-
|
|
163
|
-
}, [
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
139
|
+
onMousedown: V
|
|
140
|
+
}, [e.$slots.title ? h(e.$slots, "title", { key: 0 }) : (p(), o("span", w, _(O.title), 1)), s("div", T, [
|
|
141
|
+
h(e.$slots, "extra"),
|
|
142
|
+
O.fullscreen ? (p(), i(l, {
|
|
143
|
+
key: 0,
|
|
144
|
+
type: "icon",
|
|
145
|
+
variant: "ghost",
|
|
146
|
+
onClick: z
|
|
147
|
+
}, {
|
|
148
|
+
default: S(() => [s("i", { class: d(R.value) }, null, 2)]),
|
|
149
|
+
_: 1
|
|
150
|
+
})) : a("", !0),
|
|
151
|
+
O.closable ? (p(), i(l, {
|
|
152
|
+
key: 1,
|
|
153
|
+
type: "icon",
|
|
154
|
+
variant: "ghost",
|
|
155
|
+
onClick: W
|
|
156
|
+
}, {
|
|
157
|
+
default: S(() => [...r[1] ||= [s("i", { class: "i-lucide-x" }, null, -1)]]),
|
|
158
|
+
_: 1
|
|
159
|
+
})) : a("", !0)
|
|
160
|
+
])], 34),
|
|
161
|
+
s("div", E, [h(e.$slots, "default")]),
|
|
162
|
+
e.$slots.footer ? (p(), o("div", D, [h(e.$slots, "footer")])) : a("", !0)
|
|
163
|
+
], 6)]),
|
|
164
|
+
_: 3
|
|
165
|
+
})], 6)) : a("", !0)]),
|
|
168
166
|
_: 3
|
|
169
|
-
})]
|
|
170
|
-
|
|
171
|
-
})]));
|
|
167
|
+
})]);
|
|
168
|
+
};
|
|
172
169
|
}
|
|
173
170
|
});
|
|
174
171
|
//#endregion
|
|
175
|
-
export {
|
|
172
|
+
export { O as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("./st-input.vue_vue_type_script_setup_true_lang.cjs");;/* empty css */var t=require("../../_virtual/_plugin-vue_export-helper.cjs").default(e.default,[[`__scopeId`,`data-v-
|
|
1
|
+
const e=require("./st-input.vue_vue_type_script_setup_true_lang.cjs");;/* empty css */var t=require("../../_virtual/_plugin-vue_export-helper.cjs").default(e.default,[[`__scopeId`,`data-v-1bd39f9b`]]);exports.default=t;
|
|
@@ -2,6 +2,6 @@ import e from "./st-input.vue_vue_type_script_setup_true_lang.js";
|
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
4
|
//#region src/components/st-input/st-input.vue
|
|
5
|
-
var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-
|
|
5
|
+
var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-1bd39f9b"]]);
|
|
6
6
|
//#endregion
|
|
7
7
|
export { n as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../utils/cn.cjs");let t=require("vue");var n={key:0,class:`st-input__prefix inline-flex items-center text-foreground`},r=[`autocomplete`,`disabled`,`maxlength`,`minlength`,`placeholder`,`readonly`,`type`],i={key:3,class:`st-input__word-limit select-none text-xs text-muted-foreground`},a={key:4,class:`st-input__suffix inline-flex items-center text-foreground`},o=(0,t.defineComponent)({inheritAttrs:!1,__name:`st-input`,props:(0,t.mergeModels)({modelValue:{},type:{default:`text`},placeholder:{default:``},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},showPassword:{type:Boolean,default:!1},maxlength:{},minlength:{},showWordLimit:{type:Boolean,default:!1},prefixIcon:{},suffixIcon:{}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,t.mergeModels)([`update:modelValue`,`input`,`change`,`focus`,`blur`,`clear`],[`update:modelValue`]),setup(o,{expose:s,emit:c}){let l=(0,t.useAttrs)(),u=o,d=c;(0,t.useSlots)();let f=(0,t.useModel)(o,`modelValue`),p=(0,t.ref)(null),m=(0,t.ref)(!1),h=(0,t.ref)(!1),g=(0,t.ref)(!1),_=(0,t.computed)(()=>{let e=f.value;return typeof e==`string`?e.length:String(e).length}),v=(0,t.computed)(()=>u.type===`password`?m.value?`text`:`password`:u.type),y=(0,t.computed)(()=>{if(u.type===`password`)return`new-password`}),b=(0,t.computed)(()=>u.clearable&&!u.disabled&&f.value&&h.value),x=(0,t.computed)(()=>u.type===`password`&&u.showPassword&&!u.disabled),S=(0,t.computed)(()=>e.cn(`st-input`,`relative inline-flex items-center gap-2.5 px-2.5 rounded
|
|
1
|
+
const e=require("../../utils/cn.cjs");let t=require("vue");var n={key:0,class:`st-input__prefix inline-flex items-center text-foreground`},r=[`autocomplete`,`disabled`,`maxlength`,`minlength`,`placeholder`,`readonly`,`type`],i={key:3,class:`st-input__word-limit select-none text-xs text-muted-foreground`},a={key:4,class:`st-input__suffix inline-flex items-center text-foreground`},o=(0,t.defineComponent)({inheritAttrs:!1,__name:`st-input`,props:(0,t.mergeModels)({modelValue:{},type:{default:`text`},placeholder:{default:``},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},showPassword:{type:Boolean,default:!1},maxlength:{},minlength:{},showWordLimit:{type:Boolean,default:!1},prefixIcon:{},suffixIcon:{}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,t.mergeModels)([`update:modelValue`,`input`,`change`,`focus`,`blur`,`clear`],[`update:modelValue`]),setup(o,{expose:s,emit:c}){let l=(0,t.useAttrs)(),u=o,d=c;(0,t.useSlots)();let f=(0,t.useModel)(o,`modelValue`),p=(0,t.ref)(null),m=(0,t.ref)(!1),h=(0,t.ref)(!1),g=(0,t.ref)(!1),_=(0,t.computed)(()=>{let e=f.value;return typeof e==`string`?e.length:String(e).length}),v=(0,t.computed)(()=>u.type===`password`?m.value?`text`:`password`:u.type),y=(0,t.computed)(()=>{if(u.type===`password`)return`new-password`}),b=(0,t.computed)(()=>u.clearable&&!u.disabled&&f.value&&h.value),x=(0,t.computed)(()=>u.type===`password`&&u.showPassword&&!u.disabled),S=(0,t.computed)(()=>e.cn(`st-input`,`relative inline-flex items-center gap-2.5 px-2.5 rounded border border-input bg-background transition-colors transition-shadow`,`focus-within:border-ring focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-0 focus-within:ring-offset-background`,`h-10 text-sm`,{"st-input--disabled cursor-not-allowed opacity-50":u.disabled},l.class)),C=(0,t.computed)(()=>e.cn(`st-input__inner`,`h-full w-full flex-1 min-w-0 min-h-0 bg-transparent outline-none text-foreground`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`)),w=()=>{h.value=!0},T=()=>{h.value=!1},E=e=>{d(`input`,e)},D=e=>{d(`change`,e)},O=e=>{g.value=!0,d(`focus`,e)},k=e=>{g.value=!1,d(`blur`,e)},A=()=>{f.value=``,d(`clear`),p.value?.focus()},j=()=>{m.value=!m.value};return s({focus:()=>{p.value?.focus()},blur:()=>{p.value?.blur()},select:()=>{p.value?.select()},inputRef:p}),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(S.value),style:(0,t.normalizeStyle)((0,t.unref)(l).style),onMouseenter:w,onMouseleave:T},[e.$slots.prefix||u.prefixIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,n,[(0,t.renderSlot)(e.$slots,`prefix`,{},()=>[u.prefixIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:0,class:(0,t.normalizeClass)([u.prefixIcon,`st-input__prefix-icon text-foreground`])},null,2)):(0,t.createCommentVNode)(``,!0)],!0)])):(0,t.createCommentVNode)(``,!0),(0,t.withDirectives)((0,t.createElementVNode)(`input`,{ref_key:`inputRef`,ref:p,"onUpdate:modelValue":o[0]||=e=>f.value=e,autocomplete:y.value,class:(0,t.normalizeClass)(C.value),disabled:u.disabled,maxlength:u.maxlength,minlength:u.minlength,placeholder:u.placeholder,readonly:u.readonly,type:v.value,onBlur:k,onChange:D,onFocus:O,onInput:E},null,42,r),[[t.vModelDynamic,f.value]]),b.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:1,class:`st-input__clear text-foreground cursor-pointer active:opacity-80`,onClick:A},[...o[1]||=[(0,t.createElementVNode)(`i`,{class:`i-lucide-x`},null,-1)]])):(0,t.createCommentVNode)(``,!0),x.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:2,class:`st-input__password-toggle text-foreground cursor-pointer active:opacity-80`,onClick:j},[(0,t.createElementVNode)(`i`,{class:(0,t.normalizeClass)(m.value?`i-lucide-eye-off`:`i-lucide-eye`)},null,2)])):(0,t.createCommentVNode)(``,!0),u.showWordLimit&&u.maxlength?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,i,(0,t.toDisplayString)(_.value)+`/`+(0,t.toDisplayString)(u.maxlength),1)):(0,t.createCommentVNode)(``,!0),e.$slots.suffix||u.suffixIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,a,[(0,t.renderSlot)(e.$slots,`suffix`,{},()=>[u.suffixIcon?((0,t.openBlock)(),(0,t.createElementBlock)(`i`,{key:0,class:(0,t.normalizeClass)([u.suffixIcon,`st-input__suffix-icon text-foreground`])},null,2)):(0,t.createCommentVNode)(``,!0)],!0)])):(0,t.createCommentVNode)(``,!0)],38))}});exports.default=o;
|
|
@@ -69,7 +69,7 @@ var y = {
|
|
|
69
69
|
return typeof e == "string" ? e.length : String(e).length;
|
|
70
70
|
}), N = t(() => T.type === "password" ? k.value ? "text" : "password" : T.type), P = t(() => {
|
|
71
71
|
if (T.type === "password") return "new-password";
|
|
72
|
-
}), F = t(() => T.clearable && !T.disabled && D.value && A.value), I = t(() => T.type === "password" && T.showPassword && !T.disabled), L = t(() => e("st-input", "relative inline-flex items-center gap-2.5 px-2.5 rounded
|
|
72
|
+
}), F = t(() => T.clearable && !T.disabled && D.value && A.value), I = t(() => T.type === "password" && T.showPassword && !T.disabled), L = t(() => e("st-input", "relative inline-flex items-center gap-2.5 px-2.5 rounded border border-input bg-background transition-colors transition-shadow", "focus-within:border-ring focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-0 focus-within:ring-offset-background", "h-10 text-sm", { "st-input--disabled cursor-not-allowed opacity-50": T.disabled }, w.class)), R = t(() => e("st-input__inner", "h-full w-full flex-1 min-w-0 min-h-0 bg-transparent outline-none text-foreground", "placeholder:text-muted-foreground", "disabled:cursor-not-allowed disabled:opacity-50")), z = () => {
|
|
73
73
|
A.value = !0;
|
|
74
74
|
}, B = () => {
|
|
75
75
|
A.value = !1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../utils/cn.cjs"),t=require("../st-popover/st-popover.vue.cjs");let n=require("vue");var r={key:0,class:`h-px my-1 mx-2 bg-border`},i={key:1,class:`block`},a={key:0,class:`px-3 pt-1.5 pb-0.5 text-2.5 font-semibold tracking-wide uppercase text-muted-foreground select-none`},o={class:`flex items-center gap-2 px-3 py-1.25 rounded
|
|
1
|
+
const e=require("../../utils/cn.cjs"),t=require("../st-popover/st-popover.vue.cjs");let n=require("vue");var r={key:0,class:`h-px my-1 mx-2 bg-border`},i={key:1,class:`block`},a={key:0,class:`px-3 pt-1.5 pb-0.5 text-2.5 font-semibold tracking-wide uppercase text-muted-foreground select-none`},o={class:`flex items-center gap-2 px-3 py-1.25 rounded cursor-pointer transition-colors duration-100 select-none whitespace-nowrap text-3.25 leading-5 text-foreground hover:bg-accent`},s={key:0,class:`inline-flex items-center justify-center w-4.5 h-4.5 text-4 flex-shrink-0`},c={class:`flex-1 min-w-0 min-h-0 truncate`},l={key:1,class:`text-3 text-muted-foreground ml-3 flex-shrink-0`},u={class:`flex items-center gap-2 px-3 py-1.25 rounded cursor-pointer transition-colors duration-100 select-none whitespace-nowrap text-3.25 leading-5 text-foreground hover:bg-accent`},d={key:0,class:`inline-flex items-center justify-center w-4.5 h-4.5 text-4 flex-shrink-0`},f={class:`flex-1 min-w-0 min-h-0 truncate`},p={key:1,class:`text-3 text-muted-foreground ml-3 flex-shrink-0`},m=(0,n.defineComponent)({name:`StMenuNode`,inheritAttrs:!1,__name:`st-menu-node`,props:{item:{},depth:{default:0}},emits:[`select`],setup(m,{emit:h}){let g=(0,n.useAttrs)(),_=m,v=h,y=(0,n.inject)(`st-menu-hide`,()=>{}),b=(0,n.inject)(`st-menu-has-icon`,(0,n.ref)(!1)),x=(0,n.computed)(()=>!!(_.item.children&&_.item.children.length>0));(0,n.provide)(`st-menu-has-icon`,(0,n.computed)(()=>{if(!x.value)return!1;for(let e of _.item.children??[])if(e.type!==`divider`){if(e.type===`group`){for(let t of e.children??[])if(t.icon)return!0}else if(e.icon)return!0}return!1}));let S=(0,n.computed)(()=>e.cn(`relative rounded`,`block`,{"opacity-40 cursor-not-allowed":_.item.disabled},g.class)),C=(0,n.computed)(()=>[`min-w-35`,`max-w-80`,`p-1`,`backdrop-blur-16`]);function w(){_.item.disabled||(_.item.action&&_.item.action(),v(`select`,_.item),y())}function T(e){v(`select`,e)}return(e,h)=>{let g=(0,n.resolveComponent)(`StMenuNode`,!0);return m.item.type===`divider`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,r)):m.item.type===`group`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,i,[m.item.label?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,(0,n.toDisplayString)(m.item.label),1)):(0,n.createCommentVNode)(``,!0),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(m.item.children??[],(e,t)=>((0,n.openBlock)(),(0,n.createBlock)(g,{key:e.key??t,depth:m.depth+1,item:e,onSelect:T},null,8,[`depth`,`item`]))),128))])):x.value?((0,n.openBlock)(),(0,n.createBlock)(t.default,{key:2,class:(0,n.normalizeClass)(C.value),"close-delay":200,"open-delay":150,"show-arrow":!1,"trigger-class":`block`,placement:`right-top`,trigger:`hover`},{trigger:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)(S.value)},[(0,n.createElementVNode)(`div`,o,[(0,n.unref)(b)?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,s,[m.item.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:0,class:(0,n.normalizeClass)(m.item.icon)},null,2)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,c,(0,n.toDisplayString)(m.item.label),1),m.item.shortcut?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,(0,n.toDisplayString)(m.item.shortcut),1)):(0,n.createCommentVNode)(``,!0),h[0]||=(0,n.createElementVNode)(`span`,{class:`inline-flex items-center justify-center w-4 h-4 text-3.5 flex-shrink-0 ml-auto opacity-50`},[(0,n.createElementVNode)(`span`,{class:`i-lucide-chevron-right`})],-1)])],2)]),content:(0,n.withCtx)(()=>[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(m.item.children,(e,t)=>((0,n.openBlock)(),(0,n.createBlock)(g,{key:e.key??t,depth:m.depth+1,item:e,onSelect:T},null,8,[`depth`,`item`]))),128))]),_:1},8,[`class`])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:3,class:(0,n.normalizeClass)(S.value),onClick:w},[(0,n.createElementVNode)(`div`,u,[(0,n.unref)(b)?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[m.item.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:0,class:(0,n.normalizeClass)(m.item.icon)},null,2)):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`span`,f,(0,n.toDisplayString)(m.item.label),1),m.item.shortcut?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,p,(0,n.toDisplayString)(m.item.shortcut),1)):(0,n.createCommentVNode)(``,!0)])],2))}}});exports.default=m;
|
|
@@ -11,13 +11,13 @@ var b = {
|
|
|
11
11
|
}, S = {
|
|
12
12
|
key: 0,
|
|
13
13
|
class: "px-3 pt-1.5 pb-0.5 text-2.5 font-semibold tracking-wide uppercase text-muted-foreground select-none"
|
|
14
|
-
}, C = { class: "flex items-center gap-2 px-3 py-1.25 rounded
|
|
14
|
+
}, C = { class: "flex items-center gap-2 px-3 py-1.25 rounded cursor-pointer transition-colors duration-100 select-none whitespace-nowrap text-3.25 leading-5 text-foreground hover:bg-accent" }, w = {
|
|
15
15
|
key: 0,
|
|
16
16
|
class: "inline-flex items-center justify-center w-4.5 h-4.5 text-4 flex-shrink-0"
|
|
17
17
|
}, T = { class: "flex-1 min-w-0 min-h-0 truncate" }, E = {
|
|
18
18
|
key: 1,
|
|
19
19
|
class: "text-3 text-muted-foreground ml-3 flex-shrink-0"
|
|
20
|
-
}, D = { class: "flex items-center gap-2 px-3 py-1.25 rounded
|
|
20
|
+
}, D = { class: "flex items-center gap-2 px-3 py-1.25 rounded cursor-pointer transition-colors duration-100 select-none whitespace-nowrap text-3.25 leading-5 text-foreground hover:bg-accent" }, O = {
|
|
21
21
|
key: 0,
|
|
22
22
|
class: "inline-flex items-center justify-center w-4.5 h-4.5 text-4 flex-shrink-0"
|
|
23
23
|
}, k = { class: "flex-1 min-w-0 min-h-0 truncate" }, A = {
|
|
@@ -43,7 +43,7 @@ var b = {
|
|
|
43
43
|
}
|
|
44
44
|
return !1;
|
|
45
45
|
}));
|
|
46
|
-
let R = r(() => e("relative rounded
|
|
46
|
+
let R = r(() => e("relative rounded", "block", { "opacity-40 cursor-not-allowed": N.item.disabled }, M.class)), z = r(() => [
|
|
47
47
|
"min-w-35",
|
|
48
48
|
"max-w-80",
|
|
49
49
|
"p-1",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../utils/cn.cjs"),t=require("../st-popover/st-popover.vue.cjs"),n=require("./st-menu-node.vue.cjs");let r=require("vue");var i=(0,r.defineComponent)({name:`StMenu`,inheritAttrs:!1,__name:`st-menu`,props:{list:{},placement:{default:`bottom`},trigger:{default:`click`},triggerClass:{}},emits:[`select`],setup(i,{expose:a,emit:o}){let s=(0,r.useAttrs)(),c=new Set;function l(e){for(let t of c)t!==e&&t()}function u(e){for(let t of e)if(t.type!==`divider`){if(t.type===`group`){if(u(t.children??[]))return!0}else if(t.icon)return!0}return!1}function d(e){return{top:`top-left`,bottom:`bottom-left`,left:`left-top`,right:`right-top`}[e]}let f=i,p=o,m=(0,r.ref)(null);function h(){m.value?.hide(),c.delete(h)}(0,r.provide)(`st-menu-hide`,h),(0,r.provide)(`st-menu-has-icon`,(0,r.computed)(()=>u(f.list)));let g=(0,r.computed)(()=>e.cn([`min-w-35`,`max-w-80`,`p-1`,`rounded
|
|
1
|
+
const e=require("../../utils/cn.cjs"),t=require("../st-popover/st-popover.vue.cjs"),n=require("./st-menu-node.vue.cjs");let r=require("vue");var i=(0,r.defineComponent)({name:`StMenu`,inheritAttrs:!1,__name:`st-menu`,props:{list:{},placement:{default:`bottom`},trigger:{default:`click`},triggerClass:{}},emits:[`select`],setup(i,{expose:a,emit:o}){let s=(0,r.useAttrs)(),c=new Set;function l(e){for(let t of c)t!==e&&t()}function u(e){for(let t of e)if(t.type!==`divider`){if(t.type===`group`){if(u(t.children??[]))return!0}else if(t.icon)return!0}return!1}function d(e){return{top:`top-left`,bottom:`bottom-left`,left:`left-top`,right:`right-top`}[e]}let f=i,p=o,m=(0,r.ref)(null);function h(){m.value?.hide(),c.delete(h)}(0,r.provide)(`st-menu-hide`,h),(0,r.provide)(`st-menu-has-icon`,(0,r.computed)(()=>u(f.list)));let g=(0,r.computed)(()=>e.cn([`min-w-35`,`max-w-80`,`p-1`,`rounded`,`bg-popover`,`backdrop-blur-16`,`border`,`border-border`,`shadow-lg`],s.class)),_=(0,r.computed)(()=>f.trigger),v=(0,r.computed)(()=>d(f.placement));function y(e){l(h),m.value?.show(e),c.add(h)}function b(e){p(`select`,e),h()}return a({show:y,hide:h}),(e,a)=>((0,r.openBlock)(),(0,r.createBlock)(t.default,{ref_key:`popoverRef`,ref:m,placement:v.value,"show-arrow":!1,trigger:_.value,"trigger-class":i.triggerClass},{trigger:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`default`)]),content:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)(g.value),style:(0,r.normalizeStyle)((0,r.unref)(s).style),onClick:a[0]||=(0,r.withModifiers)(()=>{},[`stop`]),onContextmenu:a[1]||=(0,r.withModifiers)(()=>{},[`prevent`])},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(i.list,(e,t)=>((0,r.openBlock)(),(0,r.createBlock)(n.default,{key:e.key??t,depth:0,item:e,onSelect:b},null,8,[`item`]))),128))],38)]),_:3},8,[`placement`,`trigger`,`trigger-class`]))}});exports.default=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../utils/cn.cjs");let t=require("vue");var n={class:`st-popover-content text-foreground`},r=(0,t.defineComponent)({inheritAttrs:!1,__name:`st-popover`,props:{trigger:{default:`hover`},placement:{default:`top-center`},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:void 0},offset:{default:void 0},gap:{default:0},showArrow:{type:Boolean,default:!0},closeOnClickOutside:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0},openDelay:{default:150},closeDelay:{default:200},triggerClass:{default:``}},emits:[`update:visible`,`visibleChange`],setup(r,{expose:i,emit:a}){let o=(0,t.useAttrs)(),s=r,c=a,l=(0,t.ref)(null),u=(0,t.ref)(null),d=(0,t.ref)(null),f=(0,t.ref)(!1),p=(0,t.ref)(s.placement),m=(0,t.ref)({top:0,left:0}),h=(0,t.ref)(`bottom center`),g=(0,t.ref)(!1),_=(0,t.ref)(null),v=null,y=null,b=()=>{v&&=(clearTimeout(v),null),y&&=(clearTimeout(y),null)},x=(0,t.computed)(()=>s.visible!==void 0),S=(0,t.computed)({get:()=>x.value?s.visible:f.value,set:e=>{x.value?c(`update:visible`,e):f.value=e,c(`visibleChange`,e)}}),C=(0,t.computed)(()=>s.offset===void 0?s.gap:s.offset),w=(0,t.computed)(()=>e.cn(`st-popover`,`fixed`,`z-50`,`rounded
|
|
1
|
+
const e=require("../../utils/cn.cjs");let t=require("vue");var n={class:`st-popover-content text-foreground`},r=(0,t.defineComponent)({inheritAttrs:!1,__name:`st-popover`,props:{trigger:{default:`hover`},placement:{default:`top-center`},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:void 0},offset:{default:void 0},gap:{default:0},showArrow:{type:Boolean,default:!0},closeOnClickOutside:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0},openDelay:{default:150},closeDelay:{default:200},triggerClass:{default:``}},emits:[`update:visible`,`visibleChange`],setup(r,{expose:i,emit:a}){let o=(0,t.useAttrs)(),s=r,c=a,l=(0,t.ref)(null),u=(0,t.ref)(null),d=(0,t.ref)(null),f=(0,t.ref)(!1),p=(0,t.ref)(s.placement),m=(0,t.ref)({top:0,left:0}),h=(0,t.ref)(`bottom center`),g=(0,t.ref)(!1),_=(0,t.ref)(null),v=null,y=null,b=()=>{v&&=(clearTimeout(v),null),y&&=(clearTimeout(y),null)},x=(0,t.computed)(()=>s.visible!==void 0),S=(0,t.computed)({get:()=>x.value?s.visible:f.value,set:e=>{x.value?c(`update:visible`,e):f.value=e,c(`visibleChange`,e)}}),C=(0,t.computed)(()=>s.offset===void 0?s.gap:s.offset),w=(0,t.computed)(()=>e.cn(`st-popover`,`fixed`,`z-50`,`rounded`,`bg-popover`,`shadow-lg`,`border`,`border-border`,`st-popover--${p.value}`,o.class)),T=(0,t.computed)(()=>{let e={position:`fixed`,top:`${m.value.top}px`,left:`${m.value.left}px`,transformOrigin:h.value};g.value||(e.left=`-9999px`,e.top=`-9999px`,e.opacity=`0`,e.visibility=`hidden`);let t=o.style;return t?{...t,...e}:e}),E=(0,t.computed)(()=>{let[t,n]=p.value.split(`-`),r=[`st-popover-arrow`,`absolute`,`w-2`,`h-2`,`bg-popover`,`border`,`border-border`,`transform`,`rotate-45`],i={top:[`-bottom-1`,`border-t-0`,`border-l-0`],bottom:[`-top-1`,`border-b-0`,`border-r-0`],left:[`-right-1`,`border-l-0`,`border-t-0`],right:[`-left-1`,`border-r-0`,`border-b-0`]},a;if(t===`top`||t===`bottom`)switch(n){case`left`:a=[`left-2`];break;case`center`:a=[`left-1/2`,`-translate-x-1/2`];break;case`right`:a=[`right-2`];break;default:a=[`left-1/2`,`-translate-x-1/2`]}else switch(n){case`top`:a=[`top-2`];break;case`center`:a=[`top-1/2`,`-translate-y-1/2`];break;case`bottom`:a=[`bottom-2`];break;default:a=[`top-1/2`,`-translate-y-1/2`]}return e.cn(r,i[t],a)}),D=e=>({"top-left":`bottom left`,"top-center":`bottom center`,"top-right":`bottom right`,"bottom-left":`top left`,"bottom-center":`top center`,"bottom-right":`top right`,"left-top":`center right`,"left-center":`center right`,"left-bottom":`center right`,"right-top":`center left`,"right-center":`center left`,"right-bottom":`center left`})[e],O=e=>{let[t,n]=e.split(`-`);return`${{top:`bottom`,bottom:`top`,left:`right`,right:`left`}[t]}-${n}`},k=(e,t)=>{let[n,r]=e.split(`-`);return t===`horizontal`?n===`top`||n===`bottom`?`${n}-${{left:`right`,center:`left`,right:`left`}[r]||r}`:`${n}-${{top:`bottom`,center:`top`,bottom:`top`}[r]||r}`:n===`top`||n===`bottom`?e:`${n}-${{top:`bottom`,center:`top`,bottom:`top`}[r]||r}`},A=(e,t=!1)=>{s.disabled||(b(),e&&(_.value=e),s.trigger===`hover`&&!t&&s.openDelay>0?v=setTimeout(()=>{S.value=!0},s.openDelay):S.value=!0)},j=(e=!1)=>{b(),s.trigger===`hover`&&!e&&s.closeDelay>0?y=setTimeout(()=>{S.value=!1},s.closeDelay):S.value=!1},M=()=>{S.value?j():A()},N=()=>{g.value=!1},P=(e,t,n,r)=>{let[i,a]=e.split(`-`),o=0,s=0;switch(i){case`top`:switch(o=t.top-n.height-r,a){case`left`:s=t.left;break;case`center`:s=t.left+(t.width-n.width)/2;break;case`right`:s=t.right-n.width;break}break;case`bottom`:switch(o=t.bottom+r,a){case`left`:s=t.left;break;case`center`:s=t.left+(t.width-n.width)/2;break;case`right`:s=t.right-n.width;break}break;case`left`:switch(s=t.left-n.width-r,a){case`top`:o=t.top;break;case`center`:o=t.top+(t.height-n.height)/2;break;case`bottom`:o=t.bottom-n.height;break}break;case`right`:switch(s=t.right+r,a){case`top`:o=t.top;break;case`center`:o=t.top+(t.height-n.height)/2;break;case`bottom`:o=t.bottom-n.height;break}break}return{top:o,left:s}},F=(e,t,n,r,i)=>{let[a]=e.split(`-`);switch(a){case`top`:return t.top<0;case`bottom`:return t.top+n.height>i;case`left`:return t.left<0;case`right`:return t.left+n.width>r;default:return!1}},I=(e,t,n)=>e.left<0||e.left+t.width>n,L=(e,t,n)=>e.top<0||e.top+t.height>n,R=(e,t,n,r)=>{if(!_.value)return;let i=_.value.clientX,a=_.value.clientY,o=i+r,s=a+r;o+n.width>e&&(o=i-n.width-r),s+n.height>t&&(s=a-n.height-r),o=Math.max(r,Math.min(o,e-n.width-r)),s=Math.max(r,Math.min(s,t-n.height-r)),m.value={top:s,left:o};let c=o<=i+r?`left`:`right`;h.value=`${s<=a+r?`top`:`bottom`} ${c}`,p.value=`bottom-left`},z=async()=>{if(await(0,t.nextTick)(),!u.value||!d.value)return;let e=d.value.getBoundingClientRect(),{innerWidth:n,innerHeight:r}=window,i=C.value;if(s.trigger===`contextmenu`&&_.value){R(n,r,e,i),g.value=!0;return}let a=u.value.getBoundingClientRect(),o=s.placement,c=P(o,a,e,i);if(F(o,c,e,n,r)){let t=O(o),s=P(t,a,e,i);F(t,s,e,n,r)||(o=t,c=s)}if(I(c,e,n)){let t=k(o,`horizontal`),r=P(t,a,e,i);I(r,e,n)||(o=t,c=r)}if(L(c,e,r)){let t=k(o,`vertical`),n=P(t,a,e,i);L(n,e,r)||(o=t,c=n)}let{top:l,left:f}=c;l=Math.max(0,Math.min(l,r-e.height)),f=Math.max(0,Math.min(f,n-e.width)),p.value=o,m.value={top:l,left:f},h.value=D(o),g.value=!0},B=e=>{s.trigger===`click`&&(e.stopPropagation(),M())},V=()=>{s.trigger===`hover`&&(b(),A())},H=()=>{s.trigger===`hover`&&j()},U=()=>{s.trigger===`focus`&&A()},W=()=>{s.trigger===`focus`&&j()},G=e=>{s.trigger===`contextmenu`&&(e.preventDefault(),e.stopPropagation(),_.value=e,A())},K=()=>{s.trigger===`hover`&&b()},q=()=>{s.trigger===`hover`&&j()},J=e=>{if(!s.closeOnClickOutside||!S.value)return;let t=e.target,n=u.value?.contains(t),r=d.value?.contains(t);if(s.trigger===`contextmenu`&&n){j();return}!n&&!r&&j()},Y=e=>{if(!S.value)return;let n=e.target,r=u.value?.contains(n),i=d.value?.contains(n);if(s.trigger===`contextmenu`&&r){e.preventDefault(),e.stopPropagation(),j(!0),(0,t.nextTick)(()=>{_.value=e,A()});return}i||j()},X=e=>{s.closeOnEsc&&e.key===`Escape`&&S.value&&j()},Z=e=>{if(!S.value)return;let t=e.target;d.value?.contains(t)||j()},Q=()=>{S.value&&j()};return(0,t.watch)(S,async e=>{e?(g.value=!1,await(0,t.nextTick)(),await z()):_.value=null}),(0,t.watch)(()=>s.placement,()=>{S.value&&z()}),(0,t.onMounted)(()=>{document.addEventListener(`click`,J,!0),document.addEventListener(`contextmenu`,Y,!0),document.addEventListener(`keydown`,X,!0),window.addEventListener(`resize`,Q,!0),document.addEventListener(`scroll`,Z,!0)}),(0,t.onBeforeUnmount)(()=>{b(),document.removeEventListener(`click`,J,!0),document.removeEventListener(`contextmenu`,Y,!0),document.removeEventListener(`keydown`,X,!0),window.removeEventListener(`resize`,Q,!0),document.removeEventListener(`scroll`,Z,!0)}),i({show:A,hide:j,toggle:M}),(i,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.createElementVNode)(`div`,{ref_key:`wrapperRef`,ref:l,class:`contents`},[(0,t.createElementVNode)(`div`,{ref_key:`triggerRef`,ref:u,class:(0,t.normalizeClass)((0,t.unref)(e.cn)(`st-popover-trigger inline-block`,s.triggerClass)),onBlur:W,onClick:B,onContextmenu:G,onFocus:U,onMouseenter:V,onMouseleave:H},[(0,t.renderSlot)(i.$slots,`trigger`,{},()=>[(0,t.renderSlot)(i.$slots,`default`)])],34)],512),((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:`body`},[(0,t.createVNode)(t.Transition,{"enter-active-class":`transition-[transform,opacity] duration-160 ease-[var(--animate-ease-menu)]`,"enter-from-class":`scale-94 opacity-0`,"leave-active-class":`transition-[transform,opacity] duration-100 ease`,"leave-to-class":`scale-96 opacity-0`,onAfterLeave:N},{default:(0,t.withCtx)(()=>[S.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,ref_key:`popoverRef`,ref:d,class:(0,t.normalizeClass)(w.value),style:(0,t.normalizeStyle)(T.value),onClick:a[0]||=(0,t.withModifiers)(()=>{},[`stop`]),onContextmenu:a[1]||=(0,t.withModifiers)(()=>{},[`prevent`]),onMouseenter:K,onMouseleave:q},[(0,t.createElementVNode)(`div`,n,[(0,t.renderSlot)(i.$slots,`content`)]),r.showArrow?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)(E.value)},null,2)):(0,t.createCommentVNode)(``,!0)],38)):(0,t.createCommentVNode)(``,!0)]),_:3})]))],64))}});exports.default=r;
|
|
@@ -45,7 +45,7 @@ var ie = { class: "st-popover-content text-foreground" }, b = /*@__PURE__*/ u({
|
|
|
45
45
|
set: (e) => {
|
|
46
46
|
L.value ? w("update:visible", e) : O.value = e, w("visibleChange", e);
|
|
47
47
|
}
|
|
48
|
-
}), ae = i(() => C.offset === void 0 ? C.gap : C.offset), oe = i(() => e("st-popover", "fixed", "z-50", "rounded
|
|
48
|
+
}), ae = i(() => C.offset === void 0 ? C.gap : C.offset), oe = i(() => e("st-popover", "fixed", "z-50", "rounded", "bg-popover", "shadow-lg", "border", "border-border", `st-popover--${k.value}`, S.class)), se = i(() => {
|
|
49
49
|
let e = {
|
|
50
50
|
position: "fixed",
|
|
51
51
|
top: `${A.value.top}px`,
|
|
@@ -286,11 +286,21 @@ var ie = { class: "st-popover-content text-foreground" }, b = /*@__PURE__*/ u({
|
|
|
286
286
|
}, Y = (e) => {
|
|
287
287
|
if (!C.closeOnClickOutside || !R.value) return;
|
|
288
288
|
let t = e.target, n = E.value?.contains(t), r = D.value?.contains(t);
|
|
289
|
+
if (C.trigger === "contextmenu" && n) {
|
|
290
|
+
V();
|
|
291
|
+
return;
|
|
292
|
+
}
|
|
289
293
|
!n && !r && V();
|
|
290
294
|
}, X = (e) => {
|
|
291
295
|
if (!R.value) return;
|
|
292
296
|
let t = e.target, n = E.value?.contains(t), r = D.value?.contains(t);
|
|
293
|
-
|
|
297
|
+
if (C.trigger === "contextmenu" && n) {
|
|
298
|
+
e.preventDefault(), e.stopPropagation(), V(!0), d(() => {
|
|
299
|
+
N.value = e, B();
|
|
300
|
+
});
|
|
301
|
+
return;
|
|
302
|
+
}
|
|
303
|
+
r || V();
|
|
294
304
|
}, Z = (e) => {
|
|
295
305
|
C.closeOnEsc && e.key === "Escape" && R.value && V();
|
|
296
306
|
}, Q = (e) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../utils/cn.cjs"),t=require("../st-input/st-input.vue.cjs"),n=require("../st-popover/st-popover.vue.cjs");let r=require("vue");var i={class:`st-select__dropdown max-h-60 w-full overflow-auto px-1 py-1.5`},a={class:`st-select__group-label px-3 py-2 text-xs font-semibold text-muted-foreground`},o=[`onClick`],s={class:`flex-1 truncate text-foreground`},c={key:0,class:`st-select__check text-primary`},l=[`onClick`],u={class:`flex-1 truncate text-foreground`},d={key:0,class:`st-select__check text-primary`},f={key:1,class:`st-select__empty px-3 py-2 text-center text-muted-foreground`},p=(0,r.defineComponent)({name:`StSelect`,inheritAttrs:!1,__name:`st-select`,props:(0,r.mergeModels)({list:{default:()=>[]},labelKey:{default:`label`},valueKey:{default:`value`},placeholder:{default:``},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},filterable:{type:Boolean,default:!1},group:{type:Boolean,default:!1},popoverClass:{default:``},popoverStyle:{default:``}},{modelValue:{default:void 0},modelModifiers:{}}),emits:(0,r.mergeModels)([`update:modelValue`,`change`,`clear`,`visibleChange`,`removeTag`,`filter`],[`update:modelValue`]),setup(p,{expose:m,emit:h}){(0,r.useSlots)();let g=(0,r.useAttrs)(),_=p,v=h,y=(0,r.useModel)(p,`modelValue`),b=(0,r.ref)(null),x=(0,r.ref)(null),S=(0,r.ref)(!1),C=(0,r.ref)(``),w=(0,r.ref)(!1),T=(0,r.ref)(!1),E=(0,r.ref)(0),D=e=>String(e.label),O=e=>e.value,k=(e,t)=>e[t],A=(0,r.computed)(()=>_.list.map(e=>{if(typeof e==`object`&&e){let t=e,n=k(t,_.labelKey),r=k(t,_.valueKey);return{label:String(n??``),value:r,disabled:e.disabled,children:e.children}}return{label:String(e),value:e}})),j=(0,r.computed)(()=>{if(!_.group)return A.value;let e=[];return A.value.forEach(t=>{t.children&&t.children.length>0&&e.push(...t.children)}),e}),M=(0,r.computed)(()=>{if(!_.filterable||!C.value)return _.group?j.value:A.value;let e=C.value.toLowerCase();return(_.group?j.value:A.value).filter(t=>t.label.toLowerCase().includes(e))}),N=(0,r.computed)(()=>{if(!_.group)return[];if(!_.filterable||!C.value)return A.value.filter(e=>e.children&&e.children.length>0).map(e=>({label:e.label,children:e.children}));let e=C.value.toLowerCase();return A.value.filter(e=>e.children&&e.children.length>0).map(t=>({label:t.label,children:t.children.filter(t=>t.label.toLowerCase().includes(e))})).filter(e=>e.children.length>0)}),P=(0,r.computed)(()=>{if(!_.multiple||!Array.isArray(y.value))return[];let e=y.value,t=_.group?j.value:A.value;return e.map(e=>{let n=t.find(t=>t.value===e);return n?n.label:``}).filter(e=>e!==``)}),F=(0,r.computed)(()=>{if(_.multiple||y.value===void 0)return``;let e=(_.group?j.value:A.value).find(e=>e.value===y.value);return e?e.label:``}),I=e=>_.multiple&&Array.isArray(y.value)?y.value.includes(e.value):y.value===e.value,L=(0,r.computed)(()=>e.cn(`st-select`,g.class,{"st-select--focused":S.value})),R=(0,r.computed)(()=>e.cn(`st-select__arrow`,`inline-flex items-center transition-transform duration-200`,{"rotate-180":S.value})),z=(0,r.computed)(()=>!_.clearable||_.disabled?!1:_.multiple?Array.isArray(y.value)&&y.value.length>0&&T.value:y.value!==void 0&&y.value!==null&&T.value),B=(0,r.computed)(()=>_.filterable&&w.value&&!_.multiple?C.value:_.multiple?P.value.join(`,`):F.value),V=(0,r.computed)(()=>_.filterable&&w.value&&!_.multiple?F.value||_.placeholder||`请选择`:(_.multiple?P.value.length>0:F.value)?``:_.placeholder||`请选择`),H=(0,r.computed)(()=>_.popoverStyle?_.popoverStyle:E.value>0?{width:`${E.value}px`}:{}),U=t=>e.cn(`st-select__option`,`flex items-center gap-2 px-3 py-1.25 rounded
|
|
1
|
+
const e=require("../../utils/cn.cjs"),t=require("../st-input/st-input.vue.cjs"),n=require("../st-popover/st-popover.vue.cjs");let r=require("vue");var i={class:`st-select__dropdown max-h-60 w-full overflow-auto px-1 py-1.5`},a={class:`st-select__group-label px-3 py-2 text-xs font-semibold text-muted-foreground`},o=[`onClick`],s={class:`flex-1 truncate text-foreground`},c={key:0,class:`st-select__check text-primary`},l=[`onClick`],u={class:`flex-1 truncate text-foreground`},d={key:0,class:`st-select__check text-primary`},f={key:1,class:`st-select__empty px-3 py-2 text-center text-muted-foreground`},p=(0,r.defineComponent)({name:`StSelect`,inheritAttrs:!1,__name:`st-select`,props:(0,r.mergeModels)({list:{default:()=>[]},labelKey:{default:`label`},valueKey:{default:`value`},placeholder:{default:``},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},filterable:{type:Boolean,default:!1},group:{type:Boolean,default:!1},popoverClass:{default:``},popoverStyle:{default:``}},{modelValue:{default:void 0},modelModifiers:{}}),emits:(0,r.mergeModels)([`update:modelValue`,`change`,`clear`,`visibleChange`,`removeTag`,`filter`],[`update:modelValue`]),setup(p,{expose:m,emit:h}){(0,r.useSlots)();let g=(0,r.useAttrs)(),_=p,v=h,y=(0,r.useModel)(p,`modelValue`),b=(0,r.ref)(null),x=(0,r.ref)(null),S=(0,r.ref)(!1),C=(0,r.ref)(``),w=(0,r.ref)(!1),T=(0,r.ref)(!1),E=(0,r.ref)(0),D=e=>String(e.label),O=e=>e.value,k=(e,t)=>e[t],A=(0,r.computed)(()=>_.list.map(e=>{if(typeof e==`object`&&e){let t=e,n=k(t,_.labelKey),r=k(t,_.valueKey);return{label:String(n??``),value:r,disabled:e.disabled,children:e.children}}return{label:String(e),value:e}})),j=(0,r.computed)(()=>{if(!_.group)return A.value;let e=[];return A.value.forEach(t=>{t.children&&t.children.length>0&&e.push(...t.children)}),e}),M=(0,r.computed)(()=>{if(!_.filterable||!C.value)return _.group?j.value:A.value;let e=C.value.toLowerCase();return(_.group?j.value:A.value).filter(t=>t.label.toLowerCase().includes(e))}),N=(0,r.computed)(()=>{if(!_.group)return[];if(!_.filterable||!C.value)return A.value.filter(e=>e.children&&e.children.length>0).map(e=>({label:e.label,children:e.children}));let e=C.value.toLowerCase();return A.value.filter(e=>e.children&&e.children.length>0).map(t=>({label:t.label,children:t.children.filter(t=>t.label.toLowerCase().includes(e))})).filter(e=>e.children.length>0)}),P=(0,r.computed)(()=>{if(!_.multiple||!Array.isArray(y.value))return[];let e=y.value,t=_.group?j.value:A.value;return e.map(e=>{let n=t.find(t=>t.value===e);return n?n.label:``}).filter(e=>e!==``)}),F=(0,r.computed)(()=>{if(_.multiple||y.value===void 0)return``;let e=(_.group?j.value:A.value).find(e=>e.value===y.value);return e?e.label:``}),I=e=>_.multiple&&Array.isArray(y.value)?y.value.includes(e.value):y.value===e.value,L=(0,r.computed)(()=>e.cn(`st-select`,g.class,{"st-select--focused":S.value})),R=(0,r.computed)(()=>e.cn(`st-select__arrow`,`inline-flex items-center transition-transform duration-200`,{"rotate-180":S.value})),z=(0,r.computed)(()=>!_.clearable||_.disabled?!1:_.multiple?Array.isArray(y.value)&&y.value.length>0&&T.value:y.value!==void 0&&y.value!==null&&T.value),B=(0,r.computed)(()=>_.filterable&&w.value&&!_.multiple?C.value:_.multiple?P.value.join(`,`):F.value),V=(0,r.computed)(()=>_.filterable&&w.value&&!_.multiple?F.value||_.placeholder||`请选择`:(_.multiple?P.value.length>0:F.value)?``:_.placeholder||`请选择`),H=(0,r.computed)(()=>_.popoverStyle?_.popoverStyle:E.value>0?{width:`${E.value}px`}:{}),U=t=>e.cn(`st-select__option`,`flex items-center gap-2 px-3 py-1.25 rounded cursor-pointer transition-colors duration-100 select-none whitespace-nowrap text-3.25 leading-5 text-foreground`,`hover:bg-accent`,{"st-select__option--selected bg-accent":I(t),"st-select__option--disabled cursor-not-allowed opacity-50":t.disabled}),W=e=>{if(!e.disabled)if(_.multiple){let t=Array.isArray(y.value)?[...y.value]:[],n=t.indexOf(e.value);n>-1?t.splice(n,1):t.push(e.value),y.value=t,v(`change`,t)}else y.value=e.value,v(`change`,e.value),S.value=!1,C.value=``},G=()=>{_.disabled||(y.value,y.value=_.multiple?[]:void 0,v(`clear`),v(`change`,_.multiple?[]:void 0))},K=()=>{T.value=!0},q=()=>{T.value=!1},J=e=>{v(`filter`,e.target.value)},Y=e=>{_.filterable&&w.value&&(C.value=String(e))},X=e=>{v(`visibleChange`,e),e?(b.value&&(E.value=b.value.$el.getBoundingClientRect().width),_.filterable&&!_.multiple&&(w.value=!0)):(w.value=!1,C.value=``)};return m({focus:()=>{b.value?.focus()},blur:()=>{b.value?.blur()},clear:()=>{G()}}),(e,p)=>((0,r.openBlock)(),(0,r.createBlock)(n.default,{ref_key:`popoverRef`,ref:x,visible:S.value,"onUpdate:visible":p[0]||=e=>S.value=e,disabled:_.disabled,"show-arrow":!1,class:(0,r.normalizeClass)(_.popoverClass),style:(0,r.normalizeStyle)(H.value),placement:`bottom-left`,trigger:`click`,onVisibleChange:X},{trigger:(0,r.withCtx)(()=>[(0,r.createVNode)(t.default,{ref_key:`selectRef`,ref:b,class:(0,r.normalizeClass)(L.value),style:(0,r.normalizeStyle)((0,r.unref)(g).style),clearable:z.value,disabled:_.disabled,placeholder:V.value,readonly:!_.filterable,"model-value":B.value,onClear:G,onInput:J,"onUpdate:modelValue":Y,onMouseenter:K,onMouseleave:q},(0,r.createSlots)({suffix:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`span`,{class:(0,r.normalizeClass)(R.value)},[...p[1]||=[(0,r.createElementVNode)(`i`,{class:`i-lucide-chevron-down`},null,-1)]],2)]),_:2},[e.$slots.prefix?{name:`prefix`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`prefix`)]),key:`0`}:void 0]),1032,[`class`,`style`,`clearable`,`disabled`,`placeholder`,`readonly`,`model-value`])]),content:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,i,[M.value.length>0?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:0},[_.group?((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,{key:0},(0,r.renderList)(N.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:e.label},[(0,r.createElementVNode)(`div`,a,(0,r.toDisplayString)(e.label),1),((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(e.children,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:O(e),class:(0,r.normalizeClass)(U(e)),onClick:t=>W(e)},[(0,r.createElementVNode)(`span`,s,(0,r.toDisplayString)(D(e)),1),I(e)?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,c,[...p[2]||=[(0,r.createElementVNode)(`i`,{class:`i-lucide-check`},null,-1)]])):(0,r.createCommentVNode)(``,!0)],10,o))),128))],64))),128)):((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,{key:1},(0,r.renderList)(M.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:O(e),class:(0,r.normalizeClass)(U(e)),onClick:t=>W(e)},[(0,r.createElementVNode)(`span`,u,(0,r.toDisplayString)(D(e)),1),I(e)?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,d,[...p[3]||=[(0,r.createElementVNode)(`i`,{class:`i-lucide-check`},null,-1)]])):(0,r.createCommentVNode)(``,!0)],10,l))),128))],64)):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[e.$slots.empty?(0,r.renderSlot)(e.$slots,`empty`,{key:0}):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,f,`暂无数据`))],64))])]),_:3},8,[`visible`,`disabled`,`class`,`style`]))}});exports.default=p;
|
|
@@ -103,7 +103,7 @@ var ie = { class: "st-select__dropdown max-h-60 w-full overflow-auto px-1 py-1.5
|
|
|
103
103
|
if (j.multiple || N.value === void 0) return "";
|
|
104
104
|
let e = (j.group ? W.value : U.value).find((e) => e.value === N.value);
|
|
105
105
|
return e ? e.label : "";
|
|
106
|
-
}), Y = (e) => j.multiple && Array.isArray(N.value) ? N.value.includes(e.value) : N.value === e.value, oe = i(() => e("st-select", A.class, { "st-select--focused": F.value })), X = i(() => e("st-select__arrow", "inline-flex items-center transition-transform duration-200", { "rotate-180": F.value })), se = i(() => !j.clearable || j.disabled ? !1 : j.multiple ? Array.isArray(N.value) && N.value.length > 0 && R.value : N.value !== void 0 && N.value !== null && R.value), ce = i(() => j.filterable && L.value && !j.multiple ? I.value : j.multiple ? q.value.join(",") : J.value), le = i(() => j.filterable && L.value && !j.multiple ? J.value || j.placeholder || "请选择" : (j.multiple ? q.value.length > 0 : J.value) ? "" : j.placeholder || "请选择"), ue = i(() => j.popoverStyle ? j.popoverStyle : z.value > 0 ? { width: `${z.value}px` } : {}), Z = (t) => e("st-select__option", "flex items-center gap-2 px-3 py-1.25 rounded
|
|
106
|
+
}), Y = (e) => j.multiple && Array.isArray(N.value) ? N.value.includes(e.value) : N.value === e.value, oe = i(() => e("st-select", A.class, { "st-select--focused": F.value })), X = i(() => e("st-select__arrow", "inline-flex items-center transition-transform duration-200", { "rotate-180": F.value })), se = i(() => !j.clearable || j.disabled ? !1 : j.multiple ? Array.isArray(N.value) && N.value.length > 0 && R.value : N.value !== void 0 && N.value !== null && R.value), ce = i(() => j.filterable && L.value && !j.multiple ? I.value : j.multiple ? q.value.join(",") : J.value), le = i(() => j.filterable && L.value && !j.multiple ? J.value || j.placeholder || "请选择" : (j.multiple ? q.value.length > 0 : J.value) ? "" : j.placeholder || "请选择"), ue = i(() => j.popoverStyle ? j.popoverStyle : z.value > 0 ? { width: `${z.value}px` } : {}), Z = (t) => e("st-select__option", "flex items-center gap-2 px-3 py-1.25 rounded cursor-pointer transition-colors duration-100 select-none whitespace-nowrap text-3.25 leading-5 text-foreground", "hover:bg-accent", {
|
|
107
107
|
"st-select__option--selected bg-accent": Y(t),
|
|
108
108
|
"st-select__option--disabled cursor-not-allowed opacity-50": t.disabled
|
|
109
109
|
}), Q = (e) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../utils/cn.cjs");let t=require("vue");var n=[`onClick`],r=[`innerHTML`],i={key:1},a=(0,t.defineComponent)({inheritAttrs:!1,__name:`st-sidebar`,setup(a,{expose:o}){let s=(0,t.useAttrs)(),c=(0,t.useTemplateRef)(`navRef`),l=(0,t.useTemplateRef)(`contentRef`),u=new Map,d=new Map,f=(0,t.ref)([]),p=(0,t.ref)(null),m=null,h=(0,t.computed)(()=>e.cn(`st-sidebar`,`flex h-full overflow-hidden`,s.class)),g=e.cn(`st-sidebar__nav`,`w-50 min-w-0 flex-shrink-0`,`overflow-y-auto px-1 py-1.5`,`border-r border-border`,`bg-sidebar`),_=e.cn(`st-sidebar__content`,`flex-1 min-w-0`,`overflow-y-auto`,`scrollbar-thin scrollbar-thumb-scrollbar scrollbar-track-transparent`),v=t=>e.cn(`st-sidebar__nav-item`,`relative flex items-center gap-2`,`px-3 py-1.25`,`rounded
|
|
1
|
+
const e=require("../../utils/cn.cjs");let t=require("vue");var n=[`onClick`],r=[`innerHTML`],i={key:1},a=(0,t.defineComponent)({inheritAttrs:!1,__name:`st-sidebar`,setup(a,{expose:o}){let s=(0,t.useAttrs)(),c=(0,t.useTemplateRef)(`navRef`),l=(0,t.useTemplateRef)(`contentRef`),u=new Map,d=new Map,f=(0,t.ref)([]),p=(0,t.ref)(null),m=null,h=(0,t.computed)(()=>e.cn(`st-sidebar`,`flex h-full overflow-hidden`,s.class)),g=e.cn(`st-sidebar__nav`,`w-50 min-w-0 flex-shrink-0`,`overflow-y-auto px-1 py-1.5`,`border-r border-border`,`bg-sidebar`),_=e.cn(`st-sidebar__content`,`flex-1 min-w-0`,`overflow-y-auto`,`scrollbar-thin scrollbar-thumb-scrollbar scrollbar-track-transparent`),v=t=>e.cn(`st-sidebar__nav-item`,`relative flex items-center gap-2`,`px-3 py-1.25`,`rounded`,`cursor-pointer select-none whitespace-nowrap`,`transition-colors duration-100`,`text-3.25 leading-5 text-foreground`,`hover:bg-accent`,{"st-sidebar__nav-item--active bg-accent text-foreground font-semibold before:content-empty before:absolute before:left-0 before:top-1 before:bottom-1 before:w-0.75 before:bg-primary before:rounded":p.value===t});function y(e,t){t instanceof HTMLElement?d.set(e,t):d.delete(e)}function b(){f.value=[...u.values()]}function x(){if(l.value){m=new IntersectionObserver(e=>{let t=[];for(let n of e)if(n.isIntersecting){for(let[e,r]of u)if(r.el===n.target){t.push({id:e,ratio:n.intersectionRatio});break}}t.length>0&&(t.sort((e,t)=>t.ratio-e.ratio),p.value=t[0].id)},{root:l.value,rootMargin:`0px 0px -60% 0px`,threshold:[0,.25,.5]});for(let[,e]of u)m.observe(e.el)}}function S(e){u.set(e.id,e),m&&m.observe(e.el),b(),!p.value&&f.value.length===1&&(p.value=e.id)}function C(e){let t=u.get(e);t&&m&&m.unobserve(t.el),u.delete(e),d.delete(e),b(),p.value===e&&(p.value=f.value[0]?.id??null)}function w(e,t){let n=u.get(e);n&&(n.label=t,b())}function T(e){let t=u.get(e);t&&(t.el.scrollIntoView({behavior:`smooth`,block:`start`}),p.value=e)}function E(){if(!p.value||!c.value)return;let e=d.get(p.value);e&&e.scrollIntoView({behavior:`smooth`,block:`nearest`})}return(0,t.watch)(p,()=>{(0,t.nextTick)(()=>{E()})}),(0,t.provide)(`sidebarContext`,{registerItem:S,unregisterItem:C,updateItemLabel:w,activeId:p,scrollToItem:T}),(0,t.onMounted)(()=>{x()}),(0,t.onBeforeUnmount)(()=>{m&&=(m.disconnect(),null)}),o({scrollToItem:T,activeId:p}),(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(h.value),style:(0,t.normalizeStyle)((0,t.unref)(s).style)},[(0,t.createElementVNode)(`aside`,{ref_key:`navRef`,ref:c,class:(0,t.normalizeClass)((0,t.unref)(g))},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(f.value,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:e.id,ref_for:!0,ref:t=>y(e.id,t),class:(0,t.normalizeClass)(v(e.id)),onClick:t=>T(e.id)},[e.labelHtml?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:0,innerHTML:e.labelHtml},null,8,r)):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,i,(0,t.toDisplayString)(e.label),1))],10,n))),128))],2),(0,t.createElementVNode)(`main`,{ref_key:`contentRef`,ref:l,class:(0,t.normalizeClass)((0,t.unref)(_))},[(0,t.renderSlot)(e.$slots,`default`)],2)],6))}});exports.default=a;
|
|
@@ -5,7 +5,7 @@ var x = ["onClick"], S = ["innerHTML"], C = { key: 1 }, w = /*@__PURE__*/ a({
|
|
|
5
5
|
inheritAttrs: !1,
|
|
6
6
|
__name: "st-sidebar",
|
|
7
7
|
setup(a, { expose: w }) {
|
|
8
|
-
let T = v(), E = y("navRef"), D = y("contentRef"), O = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map(), A = p([]), j = p(null), M = null, N = n(() => e("st-sidebar", "flex h-full overflow-hidden", T.class)), P = e("st-sidebar__nav", "w-50 min-w-0 flex-shrink-0", "overflow-y-auto px-1 py-1.5", "border-r border-border", "bg-sidebar"), F = e("st-sidebar__content", "flex-1 min-w-0", "overflow-y-auto", "scrollbar-thin scrollbar-thumb-scrollbar scrollbar-track-transparent"), I = (t) => e("st-sidebar__nav-item", "relative flex items-center gap-2", "px-3 py-1.25", "rounded
|
|
8
|
+
let T = v(), E = y("navRef"), D = y("contentRef"), O = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map(), A = p([]), j = p(null), M = null, N = n(() => e("st-sidebar", "flex h-full overflow-hidden", T.class)), P = e("st-sidebar__nav", "w-50 min-w-0 flex-shrink-0", "overflow-y-auto px-1 py-1.5", "border-r border-border", "bg-sidebar"), F = e("st-sidebar__content", "flex-1 min-w-0", "overflow-y-auto", "scrollbar-thin scrollbar-thumb-scrollbar scrollbar-track-transparent"), I = (t) => e("st-sidebar__nav-item", "relative flex items-center gap-2", "px-3 py-1.25", "rounded", "cursor-pointer select-none whitespace-nowrap", "transition-colors duration-100", "text-3.25 leading-5 text-foreground", "hover:bg-accent", { "st-sidebar__nav-item--active bg-accent text-foreground font-semibold before:content-empty before:absolute before:left-0 before:top-1 before:bottom-1 before:w-0.75 before:bg-primary before:rounded": j.value === t });
|
|
9
9
|
function L(e, t) {
|
|
10
10
|
t instanceof HTMLElement ? k.set(e, t) : k.delete(e);
|
|
11
11
|
}
|
package/dist/components/st-splitter-panel/st-splitter-panel.vue_vue_type_script_setup_true_lang.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=require("vue");var t=[`data-active`],n=(0,e.defineComponent)({name:`StSplitterPanel`,inheritAttrs:!1,__name:`st-splitter-panel`,props:(0,e.mergeModels)({minSize:{default:0},maxSize:{default:1/0},flex:{type:Boolean,default:!1},visible:{type:Boolean,default:!0}},{size:{default:200},sizeModifiers:{}}),emits:[`update:size`],setup(n,{expose:r}){let i=(0,e.useAttrs)();function a(){return`panel-${Date.now()}-${Math.random().toString(36).slice(2,9)}`}function o(e){return .5-Math.cos(e*Math.PI)/2}function s(e){let{startSize:t,targetSize:n,duration:r=300,onUpdate:i,onComplete:a}=e,s=Date.now(),c=()=>{let e=Date.now()-s,l=Math.min(e/r,1);if(l>=1){i(n),a?.();return}let u=o(l);i(t+(n-t)*u),requestAnimationFrame(c)};requestAnimationFrame(c)}let c=n,l=(0,e.useModel)(n,`size`),u=(0,e.ref)(a()),d=(0,e.ref)(!1),f=(0,e.inject)(`splitterContext`);if(!f)throw Error(`st-splitter-panel must be used inside st-splitter`);let p=(0,e.computed)(()=>f.panels.value.filter(e=>e.visible).findIndex(e=>e.id===u.value)),m=(0,e.computed)(()=>{let e=f.panels.value.find(e=>e.id===u.value);if(!e||!e.visible)return{display:`none`};let t=f.direction.value===`horizontal`?`width`:`height`,n=e.size,r={[t]:`${n}px`,flexShrink:0,flexGrow:0,overflow:`hidden`},a=i.style;return a?{...a,...r}:r}),h=(0,e.computed)(()=>{let e=f.panels.value.filter(e=>e.visible),t=e.findIndex(e=>e.id===u.value);return t>=0&&t<e.length-1}),g=(0,e.computed)(()=>f.activeGutter.value===p.value),_=(0,e.ref)(!1),v=(0,e.useTemplateRef)(`gutterContainerRef`),y=(0,e.computed)(()=>{if(!f.mousePosition.value||!v.value)return{};let e=v.value.getBoundingClientRect(),{x:t,y:n}=f.mousePosition.value;if(f.direction.value===`horizontal`){let t=n-(e.top+e.height/2),r=e.height/2-40/2;return{transform:`translateY(${Math.max(-r,Math.min(r,t))}px)`}}let r=t-(e.left+e.width/2),i=e.width/2-40/2;return{transform:`translateX(${Math.max(-i,Math.min(i,r))}px)`}}),b=(0,e.computed)(()=>({[f.direction.value===`horizontal`?`width`:`height`]:`1px`,flexShrink:0})),x=e=>{let t=p.value;t>=0&&f.startResize(t,e)},S=e=>{_.value=!0,f.isHoveringGutter.value=p.value,f.mousePosition.value={x:e.clientX,y:e.clientY}},C=e=>{f.mousePosition.value={x:e.clientX,y:e.clientY}},w=()=>{_.value=!1,f.isHoveringGutter.value=null,f.mousePosition.value=null};return(0,e.onMounted)(()=>{l.value<c.minSize&&(l.value=Math.max(200,c.minSize));let e={id:u.value,size:l.value,minSize:c.minSize,maxSize:c.maxSize,flex:c.flex,visible:c.visible};f.registerPanel(e)}),(0,e.onUnmounted)(()=>{f.unregisterPanel(u.value)}),(0,e.watch)(()=>l.value,e=>{let t=f.panels.value.find(e=>e.id===u.value);t&&t.visible&&(t.size=e,t.desiredSize=e)}),(0,e.watch)(()=>c.visible,(e,t)=>{if(e===t)return;let n=f.panels.value.find(e=>e.id===u.value);if(n)if(e)n.visible=!0,n.size=0,n.desiredSize=l.value||200,s({startSize:0,targetSize:l.value||200,onUpdate:e=>{n.size=e,f.updateFlexPanelSize()},onComplete:()=>{f.updateFlexPanelSize()}});else{d.value=!0;let e=n.size;s({startSize:e,targetSize:0,onUpdate:e=>{n.size=e,f.updateFlexPanelSize()},onComplete:()=>{n.visible=!1,d.value=!1,f.updateFlexPanelSize()}})}}),(0,e.watch)(()=>f.panels.value.find(e=>e.id===u.value)?.size,e=>{let t=f.panels.value.find(e=>e.id===u.value);e!==void 0&&e!==l.value&&t?.visible&&!d.value&&(l.value=e)}),r({panelId:u}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([(0,e.unref)(i).class,`relative flex flex-col h-full box-border overflow-hidden`]),style:(0,e.normalizeStyle)(m.value)},[(0,e.renderSlot)(n.$slots,`default`)],6),h.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,ref_key:`gutterContainerRef`,ref:v,class:(0,e.normalizeClass)([`flex items-center justify-center select-none box-border relative z-1`,`bg-border`,(0,e.unref)(f).direction.value===`horizontal`?`cursor-ew-resize`:`cursor-ns-resize`]),style:(0,e.normalizeStyle)(b.value),onMousedown:x,onMouseenter:S,onMousemove:C,onMouseleave:w},[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`absolute`,(0,e.unref)(f).direction.value===`horizontal`?`w-2 h-full -translate-x-1/2 left-1/2`:`h-2 w-full -translate-y-1/2 top-1/2`])},null,2),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`rounded
|
|
1
|
+
let e=require("vue");var t=[`data-active`],n=(0,e.defineComponent)({name:`StSplitterPanel`,inheritAttrs:!1,__name:`st-splitter-panel`,props:(0,e.mergeModels)({minSize:{default:0},maxSize:{default:1/0},flex:{type:Boolean,default:!1},visible:{type:Boolean,default:!0}},{size:{default:200},sizeModifiers:{}}),emits:[`update:size`],setup(n,{expose:r}){let i=(0,e.useAttrs)();function a(){return`panel-${Date.now()}-${Math.random().toString(36).slice(2,9)}`}function o(e){return .5-Math.cos(e*Math.PI)/2}function s(e){let{startSize:t,targetSize:n,duration:r=300,onUpdate:i,onComplete:a}=e,s=Date.now(),c=()=>{let e=Date.now()-s,l=Math.min(e/r,1);if(l>=1){i(n),a?.();return}let u=o(l);i(t+(n-t)*u),requestAnimationFrame(c)};requestAnimationFrame(c)}let c=n,l=(0,e.useModel)(n,`size`),u=(0,e.ref)(a()),d=(0,e.ref)(!1),f=(0,e.inject)(`splitterContext`);if(!f)throw Error(`st-splitter-panel must be used inside st-splitter`);let p=(0,e.computed)(()=>f.panels.value.filter(e=>e.visible).findIndex(e=>e.id===u.value)),m=(0,e.computed)(()=>{let e=f.panels.value.find(e=>e.id===u.value);if(!e||!e.visible)return{display:`none`};let t=f.direction.value===`horizontal`?`width`:`height`,n=e.size,r={[t]:`${n}px`,flexShrink:0,flexGrow:0,overflow:`hidden`},a=i.style;return a?{...a,...r}:r}),h=(0,e.computed)(()=>{let e=f.panels.value.filter(e=>e.visible),t=e.findIndex(e=>e.id===u.value);return t>=0&&t<e.length-1}),g=(0,e.computed)(()=>f.activeGutter.value===p.value),_=(0,e.ref)(!1),v=(0,e.useTemplateRef)(`gutterContainerRef`),y=(0,e.computed)(()=>{if(!f.mousePosition.value||!v.value)return{};let e=v.value.getBoundingClientRect(),{x:t,y:n}=f.mousePosition.value;if(f.direction.value===`horizontal`){let t=n-(e.top+e.height/2),r=e.height/2-40/2;return{transform:`translateY(${Math.max(-r,Math.min(r,t))}px)`}}let r=t-(e.left+e.width/2),i=e.width/2-40/2;return{transform:`translateX(${Math.max(-i,Math.min(i,r))}px)`}}),b=(0,e.computed)(()=>({[f.direction.value===`horizontal`?`width`:`height`]:`1px`,flexShrink:0})),x=e=>{let t=p.value;t>=0&&f.startResize(t,e)},S=e=>{_.value=!0,f.isHoveringGutter.value=p.value,f.mousePosition.value={x:e.clientX,y:e.clientY}},C=e=>{f.mousePosition.value={x:e.clientX,y:e.clientY}},w=()=>{_.value=!1,f.isHoveringGutter.value=null,f.mousePosition.value=null};return(0,e.onMounted)(()=>{l.value<c.minSize&&(l.value=Math.max(200,c.minSize));let e={id:u.value,size:l.value,minSize:c.minSize,maxSize:c.maxSize,flex:c.flex,visible:c.visible};f.registerPanel(e)}),(0,e.onUnmounted)(()=>{f.unregisterPanel(u.value)}),(0,e.watch)(()=>l.value,e=>{let t=f.panels.value.find(e=>e.id===u.value);t&&t.visible&&(t.size=e,t.desiredSize=e)}),(0,e.watch)(()=>c.visible,(e,t)=>{if(e===t)return;let n=f.panels.value.find(e=>e.id===u.value);if(n)if(e)n.visible=!0,n.size=0,n.desiredSize=l.value||200,s({startSize:0,targetSize:l.value||200,onUpdate:e=>{n.size=e,f.updateFlexPanelSize()},onComplete:()=>{f.updateFlexPanelSize()}});else{d.value=!0;let e=n.size;s({startSize:e,targetSize:0,onUpdate:e=>{n.size=e,f.updateFlexPanelSize()},onComplete:()=>{n.visible=!1,d.value=!1,f.updateFlexPanelSize()}})}}),(0,e.watch)(()=>f.panels.value.find(e=>e.id===u.value)?.size,e=>{let t=f.panels.value.find(e=>e.id===u.value);e!==void 0&&e!==l.value&&t?.visible&&!d.value&&(l.value=e)}),r({panelId:u}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([(0,e.unref)(i).class,`relative flex flex-col h-full box-border overflow-hidden`]),style:(0,e.normalizeStyle)(m.value)},[(0,e.renderSlot)(n.$slots,`default`)],6),h.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,ref_key:`gutterContainerRef`,ref:v,class:(0,e.normalizeClass)([`flex items-center justify-center select-none box-border relative z-1`,`bg-border`,(0,e.unref)(f).direction.value===`horizontal`?`cursor-ew-resize`:`cursor-ns-resize`]),style:(0,e.normalizeStyle)(b.value),onMousedown:x,onMouseenter:S,onMousemove:C,onMouseleave:w},[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`absolute`,(0,e.unref)(f).direction.value===`horizontal`?`w-2 h-full -translate-x-1/2 left-1/2`:`h-2 w-full -translate-y-1/2 top-1/2`])},null,2),(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`rounded transition-[opacity,height,width] duration-200`,(0,e.unref)(f).direction.value===`horizontal`?`w-0.5 h-6 data-[active=true]:h-10`:`h-0.5 w-6 data-[active=true]:w-10`,g.value||_.value?`opacity-100 bg-primary`:`opacity-0 bg-border`]),"data-active":g.value,style:(0,e.normalizeStyle)(y.value)},null,14,t)],38)):(0,e.createCommentVNode)(``,!0)],64))}});exports.default=n;
|
package/dist/components/st-splitter-panel/st-splitter-panel.vue_vue_type_script_setup_true_lang.js
CHANGED
|
@@ -151,7 +151,7 @@ var b = ["data-active"], x = /*@__PURE__*/ a({
|
|
|
151
151
|
onMouseleave: V
|
|
152
152
|
}, [i("div", { class: c(["absolute", h(k).direction.value === "horizontal" ? "w-2 h-full -translate-x-1/2 left-1/2" : "h-2 w-full -translate-y-1/2 top-1/2"]) }, null, 2), i("div", {
|
|
153
153
|
class: c([
|
|
154
|
-
"rounded
|
|
154
|
+
"rounded transition-[opacity,height,width] duration-200",
|
|
155
155
|
h(k).direction.value === "horizontal" ? "w-0.5 h-6 data-[active=true]:h-10" : "h-0.5 w-6 data-[active=true]:w-10",
|
|
156
156
|
N.value || P.value ? "opacity-100 bg-primary" : "opacity-0 bg-border"
|
|
157
157
|
]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../utils/cn.cjs"),t=require("../../utils/cva/index.cjs");let n=require("vue");var r=[`disabled`,`aria-pressed`],i=(0,n.defineComponent)({inheritAttrs:!1,__name:`st-toggle`,props:{variant:{default:`default`},disabled:{type:Boolean,default:!1},modelValue:{type:Boolean,default:void 0},defaultPressed:{type:Boolean,default:!1}},emits:[`update:modelValue`,`pressed-change`],setup(i,{emit:a}){let o={default:`bg-transparent text-muted-foreground`,outline:`bg-transparent text-muted-foreground border border-input`},s={default:`hover:bg-muted hover:text-muted-foreground`,outline:`hover:bg-muted hover:text-muted-foreground hover:border-muted-foreground/20`},c={default:`bg-accent text-accent-foreground`,outline:`bg-accent text-accent-foreground border-accent-foreground/30`},l=i,u=a,d=(0,n.useAttrs)(),f=(0,n.ref)(l.defaultPressed),p=(0,n.computed)(()=>l.modelValue===void 0?f.value:l.modelValue),m=(0,n.computed)(()=>l.disabled),h=t.cva({base:`inline-flex items-center justify-center rounded
|
|
1
|
+
const e=require("../../utils/cn.cjs"),t=require("../../utils/cva/index.cjs");let n=require("vue");var r=[`disabled`,`aria-pressed`],i=(0,n.defineComponent)({inheritAttrs:!1,__name:`st-toggle`,props:{variant:{default:`default`},disabled:{type:Boolean,default:!1},modelValue:{type:Boolean,default:void 0},defaultPressed:{type:Boolean,default:!1}},emits:[`update:modelValue`,`pressed-change`],setup(i,{emit:a}){let o={default:`bg-transparent text-muted-foreground`,outline:`bg-transparent text-muted-foreground border border-input`},s={default:`hover:bg-muted hover:text-muted-foreground`,outline:`hover:bg-muted hover:text-muted-foreground hover:border-muted-foreground/20`},c={default:`bg-accent text-accent-foreground`,outline:`bg-accent text-accent-foreground border-accent-foreground/30`},l=i,u=a,d=(0,n.useAttrs)(),f=(0,n.ref)(l.defaultPressed),p=(0,n.computed)(()=>l.modelValue===void 0?f.value:l.modelValue),m=(0,n.computed)(()=>l.disabled),h=t.cva({base:`inline-flex items-center justify-center rounded font-default transition-all duration-150 ease-in-out outline-none select-none h-10 px-3 gap-2`,variants:{variant:{default:o.default,outline:o.outline},disabled:{true:`opacity-50 cursor-not-allowed`}},defaultVariants:{variant:`default`}}),g=(0,n.computed)(()=>e.cn(h({variant:l.variant,disabled:l.disabled}),!l.disabled&&!p.value?s[l.variant]:``,p.value?c[l.variant]:``,d.class)),_=()=>{if(m.value)return;let e=!p.value;l.modelValue===void 0&&(f.value=e),u(`update:modelValue`,e),u(`pressed-change`,e)};return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{class:(0,n.normalizeClass)(g.value),style:(0,n.normalizeStyle)((0,n.unref)(d).style),disabled:m.value,"aria-pressed":p.value,onClick:_},[(0,n.renderSlot)(e.$slots,`default`)],14,r))}});exports.default=i;
|
|
@@ -32,7 +32,7 @@ var f = ["disabled", "aria-pressed"], p = /*@__PURE__*/ i({
|
|
|
32
32
|
default: "bg-accent text-accent-foreground",
|
|
33
33
|
outline: "bg-accent text-accent-foreground border-accent-foreground/30"
|
|
34
34
|
}, _ = i, v = p, y = d(), b = c(_.defaultPressed), x = n(() => _.modelValue === void 0 ? b.value : _.modelValue), S = n(() => _.disabled), C = t({
|
|
35
|
-
base: "inline-flex items-center justify-center rounded
|
|
35
|
+
base: "inline-flex items-center justify-center rounded font-default transition-all duration-150 ease-in-out outline-none select-none h-10 px-3 gap-2",
|
|
36
36
|
variants: {
|
|
37
37
|
variant: {
|
|
38
38
|
default: m.default,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../utils/cn.cjs"),t=require("../st-popover/st-popover.vue.cjs");let n=require("vue");var r={key:1},i=(0,n.defineComponent)({inheritAttrs:!1,__name:`st-tooltip`,props:{trigger:{default:`hover`},placement:{default:`top-center`},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:void 0},content:{default:``},offset:{default:8}},emits:[`update:visible`,`visibleChange`],setup(i,{expose:a,emit:o}){let s=(0,n.useAttrs)(),c=i,l=o,u=(0,n.useSlots)(),d=(0,n.ref)(null),f=(0,n.computed)(()=>!!u.content),p=e=>{l(`update:visible`,e)},m=e=>{l(`visibleChange`,e)};return a({show:()=>{d.value?.show()},hide:()=>{d.value?.hide()},toggle:()=>{d.value?.toggle()}}),(i,a)=>((0,n.openBlock)(),(0,n.createBlock)(t.default,{ref_key:`popoverRef`,ref:d,class:(0,n.normalizeClass)((0,n.unref)(e.cn)(
|
|
1
|
+
const e=require("../../utils/cn.cjs"),t=require("../st-popover/st-popover.vue.cjs");let n=require("vue");var r={key:1},i=(0,n.defineComponent)({inheritAttrs:!1,__name:`st-tooltip`,props:{trigger:{default:`hover`},placement:{default:`top-center`},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:void 0},content:{default:``},offset:{default:8}},emits:[`update:visible`,`visibleChange`],setup(i,{expose:a,emit:o}){let s=(0,n.useAttrs)(),c=i,l=o,u=(0,n.useSlots)(),d=(0,n.ref)(null),f=(0,n.computed)(()=>!!u.content),p=e=>{l(`update:visible`,e)},m=e=>{l(`visibleChange`,e)};return a({show:()=>{d.value?.show()},hide:()=>{d.value?.hide()},toggle:()=>{d.value?.toggle()}}),(i,a)=>((0,n.openBlock)(),(0,n.createBlock)(t.default,{ref_key:`popoverRef`,ref:d,class:(0,n.normalizeClass)((0,n.unref)(e.cn)(`px-2.5 py-1.5`,(0,n.unref)(s).class)),style:(0,n.normalizeStyle)((0,n.unref)(s).style),"close-on-click-outside":c.trigger===`click`||c.trigger===`contextmenu`,"close-on-esc":!1,disabled:c.disabled,offset:c.offset,placement:c.placement,"show-arrow":!0,trigger:c.trigger,visible:c.visible,"onUpdate:visible":p,onVisibleChange:m},{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(i.$slots,`default`)]),content:(0,n.withCtx)(()=>[f.value?(0,n.renderSlot)(i.$slots,`content`,{key:0}):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,r,(0,n.toDisplayString)(c.content),1))]),_:3},8,[`class`,`style`,`close-on-click-outside`,`disabled`,`offset`,`placement`,`trigger`,`visible`]))}});exports.default=i;
|
|
@@ -39,7 +39,7 @@ var g = { key: 1 }, _ = /*@__PURE__*/ a({
|
|
|
39
39
|
}), (n, a) => (c(), r(t, {
|
|
40
40
|
ref_key: "popoverRef",
|
|
41
41
|
ref: C,
|
|
42
|
-
class: o(f(e)("", f(y).class)),
|
|
42
|
+
class: o(f(e)("px-2.5 py-1.5", f(y).class)),
|
|
43
43
|
style: s(f(y).style),
|
|
44
44
|
"close-on-click-outside": b.trigger === "click" || b.trigger === "contextmenu",
|
|
45
45
|
"close-on-esc": !1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=require("vue");var t={class:`flex-1 min-w-0 truncate`},n={key:0,class:`grid grid-rows-[1fr]`},r={class:`overflow-hidden`},i=(0,e.defineComponent)({inheritAttrs:!1,__name:`st-tree-node`,props:{node:{},level:{},indent:{},labelKey:{},valueKey:{},childrenKey:{},selectedValue:{},expandedKeys:{},onSelect:{type:Function},onToggle:{type:Function}},setup(i){let a=i,o=(0,e.useAttrs)();function s(e){return e[a.valueKey]}let c=(0,e.computed)(()=>s(a.node)),l=(0,e.computed)(()=>a.node[a.labelKey]),u=(0,e.computed)(()=>a.node[a.childrenKey]||[]),d=(0,e.computed)(()=>u.value.length===0),f=(0,e.computed)(()=>u.value.length>0),p=(0,e.computed)(()=>a.expandedKeys.includes(c.value)),m=(0,e.computed)(()=>a.selectedValue===c.value);function h(){a.onSelect(c.value)}function g(){d.value||a.onToggle(c.value)}return(a,c)=>{let _=(0,e.resolveComponent)(`StTreeNode`,!0);return(0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)((0,e.unref)(o).class)},[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`flex items-center gap-2 px-3 py-1.25 rounded
|
|
1
|
+
let e=require("vue");var t={class:`flex-1 min-w-0 truncate`},n={key:0,class:`grid grid-rows-[1fr]`},r={class:`overflow-hidden`},i=(0,e.defineComponent)({inheritAttrs:!1,__name:`st-tree-node`,props:{node:{},level:{},indent:{},labelKey:{},valueKey:{},childrenKey:{},selectedValue:{},expandedKeys:{},onSelect:{type:Function},onToggle:{type:Function}},setup(i){let a=i,o=(0,e.useAttrs)();function s(e){return e[a.valueKey]}let c=(0,e.computed)(()=>s(a.node)),l=(0,e.computed)(()=>a.node[a.labelKey]),u=(0,e.computed)(()=>a.node[a.childrenKey]||[]),d=(0,e.computed)(()=>u.value.length===0),f=(0,e.computed)(()=>u.value.length>0),p=(0,e.computed)(()=>a.expandedKeys.includes(c.value)),m=(0,e.computed)(()=>a.selectedValue===c.value);function h(){a.onSelect(c.value)}function g(){d.value||a.onToggle(c.value)}return(a,c)=>{let _=(0,e.resolveComponent)(`StTreeNode`,!0);return(0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)((0,e.unref)(o).class)},[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`flex items-center gap-2 px-3 py-1.25 rounded cursor-pointer transition-colors duration-100 select-none whitespace-nowrap text-3.25 leading-5 text-sidebar-foreground`,{"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground":!m.value,"bg-sidebar-primary/10 hover:bg-sidebar-primary/20 text-sidebar-primary":m.value}]),style:(0,e.normalizeStyle)({paddingLeft:`${i.level*i.indent+12}px`}),onClick:h},[(0,e.createElementVNode)(`span`,{class:(0,e.normalizeClass)([`flex items-center justify-center flex-shrink-0 w-4.5 h-4.5 rounded text-sidebar-foreground transition-all duration-200 ease-in-out`,{"rotate-90":p.value,invisible:d.value,"text-sidebar-primary":m.value}]),onClick:(0,e.withModifiers)(g,[`stop`])},[...c[0]||=[(0,e.createElementVNode)(`i`,{class:`i-lucide-chevron-right text-3.5`},null,-1)]],2),(0,e.createElementVNode)(`p`,t,(0,e.toDisplayString)(l.value),1)],6),(0,e.createVNode)(e.Transition,{"enter-active-class":`transition-[grid-template-rows] duration-250 ease-[var(--animate-ease-menu)]`,"enter-from-class":`!grid-rows-[0fr]`,"enter-to-class":`grid-rows-[1fr]`,"leave-active-class":`transition-[grid-template-rows] duration-200 ease-[var(--animate-ease-menu)]`,"leave-from-class":`grid-rows-[1fr]`,"leave-to-class":`!grid-rows-[0fr]`},{default:(0,e.withCtx)(()=>[f.value&&p.value?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,n,[(0,e.createElementVNode)(`div`,r,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(u.value,t=>((0,e.openBlock)(),(0,e.createBlock)(_,{key:s(t),"children-key":i.childrenKey,"expanded-keys":i.expandedKeys,indent:i.indent,"label-key":i.labelKey,level:i.level+1,node:t,"on-select":i.onSelect,"on-toggle":i.onToggle,"selected-value":i.selectedValue,"value-key":i.valueKey},null,8,[`children-key`,`expanded-keys`,`indent`,`label-key`,`level`,`node`,`on-select`,`on-toggle`,`selected-value`,`value-key`]))),128))])])):(0,e.createCommentVNode)(``,!0)]),_:1})],2)}}});exports.default=i;
|
|
@@ -33,17 +33,17 @@ var y = { class: "flex-1 min-w-0 truncate" }, b = {
|
|
|
33
33
|
return (n, g) => {
|
|
34
34
|
let S = p("StTreeNode", !0);
|
|
35
35
|
return d(), a("div", { class: l(h(C).class) }, [o("div", {
|
|
36
|
-
class: l(["flex items-center gap-2 px-3 py-1.25 rounded
|
|
37
|
-
"hover:bg-accent": !j.value,
|
|
38
|
-
"bg-
|
|
36
|
+
class: l(["flex items-center gap-2 px-3 py-1.25 rounded cursor-pointer transition-colors duration-100 select-none whitespace-nowrap text-3.25 leading-5 text-sidebar-foreground", {
|
|
37
|
+
"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground": !j.value,
|
|
38
|
+
"bg-sidebar-primary/10 hover:bg-sidebar-primary/20 text-sidebar-primary": j.value
|
|
39
39
|
}]),
|
|
40
40
|
style: u({ paddingLeft: `${c.level * c.indent + 12}px` }),
|
|
41
41
|
onClick: M
|
|
42
42
|
}, [o("span", {
|
|
43
|
-
class: l(["flex items-center justify-center flex-shrink-0 w-4.5 h-4.5 rounded
|
|
43
|
+
class: l(["flex items-center justify-center flex-shrink-0 w-4.5 h-4.5 rounded text-sidebar-foreground transition-all duration-200 ease-in-out", {
|
|
44
44
|
"rotate-90": A.value,
|
|
45
45
|
invisible: O.value,
|
|
46
|
-
"
|
|
46
|
+
"text-sidebar-primary": j.value
|
|
47
47
|
}]),
|
|
48
48
|
onClick: v(N, ["stop"])
|
|
49
49
|
}, [...g[0] ||= [o("i", { class: "i-lucide-chevron-right text-3.5" }, null, -1)]], 2), o("p", y, m(E.value), 1)], 6), s(t, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=`!grid-rows-[0fr] -bottom-1 -left-1 -right-1 -top-1 -translate-x-1/2 -translate-y-1/2 absolute active:opacity-80 animate-spin backdrop-blur-16 before:absolute before:bg-primary before:bottom-1 before:content-empty before:left-0 before:rounded
|
|
1
|
+
var e=`!grid-rows-[0fr] -bottom-1 -left-1 -right-1 -top-1 -translate-x-1/2 -translate-y-1/2 absolute active:opacity-80 animate-spin backdrop-blur-16 before:absolute before:bg-primary before:bottom-1 before:content-empty before:left-0 before:rounded before:top-1 before:w-0.75 bg-accent bg-background bg-black/50 bg-border bg-popover bg-primary bg-secondary bg-sidebar bg-sidebar-primary/10 bg-transparent block border border-2 border-accent-foreground/30 border-b border-b-0 border-border border-input border-l-0 border-none border-primary border-r border-r-0 border-solid border-t border-t-0 bottom-2 bottom-center bottom-left bottom-right box-border contents cursor-ew-resize cursor-grab cursor-grabbing cursor-move cursor-not-allowed cursor-ns-resize cursor-pointer data-[active=true]:h-10 data-[active=true]:w-10 disabled:cursor-not-allowed disabled:opacity-50 duration-100 duration-150 duration-160 duration-200 duration-250 ease ease-[var(--animate-ease-in)] ease-[var(--animate-ease-menu)] ease-[var(--animate-ease-out)] ease-[var(--animate-ease-out-back),var(--animate-ease-out)] ease-in-out fixed flex flex-1 flex-col flex-row flex-shrink-0 flex-wrap focus-within:border-ring focus-within:ring-2 focus-within:ring-offset-0 focus-within:ring-offset-background focus-within:ring-ring font-600 font-default font-semibold gap-0 gap-1.5 gap-2 gap-2.5 gap-4 grid grid-rows-[1fr] h-0.5 h-10 h-2 h-4 h-4.5 h-5 h-6 h-9 h-full h-px h-screen hidden hover:bg-accent hover:bg-muted hover:bg-primary/90 hover:bg-secondary/80 hover:bg-sidebar-accent hover:bg-sidebar-primary/20 hover:border-muted-foreground/20 hover:border-ring hover:text-muted-foreground hover:text-sidebar-accent-foreground i-lucide- i-lucide-check i-lucide-chevron-down i-lucide-chevron-right i-lucide-loader-2 i-lucide-maximize-2 i-lucide-minimize-2 i-lucide-x inline-flex inset-0 items-center justify-between justify-center justify-end leading-5 left-1/2 left-2 left-bottom left-center left-top max-h-60 max-w-80 min-h-0 min-w-0 min-w-35 ml-3 ml-auto mx-2 my-1 opacity-0 opacity-100 opacity-40 opacity-50 outline-none overflow-auto overflow-hidden overflow-y-auto p-0.5 p-1 p-4 pb-0.5 placeholder:text-muted-foreground pt-1.5 px-1 px-2.5 px-3 px-4 py-1 py-1.25 py-1.5 py-2 relative right-2 right-bottom right-center right-top rotate-180 rotate-45 rotate-90 rounded-full scale-0 scale-100 scale-94 scale-96 scroll-mt-0 scrollbar-thin scrollbar-thumb-scrollbar scrollbar-track-transparent select-none shadow-lg sr-only text-2.5 text-3 text-3.25 text-3.5 text-4 text-accent-foreground text-center text-foreground text-muted-foreground text-primary text-primary-foreground text-secondary-foreground text-sidebar-foreground text-sidebar-primary text-sm text-xs top-1/2 top-2 top-center top-left top-right tracking-wide transition-[grid-template-rows] transition-[opacity,height,width] transition-[scale,opacity] transition-[transform,opacity] transition-all transition-colors transition-opacity transition-shadow transition-transform translate-y-0.25 truncate uppercase w-0.5 w-2 w-4 w-4.5 w-5 w-50 w-6 w-9 w-full w-screen whitespace-nowrap z-1 z-50 z-999`.split(` `);exports.default=e;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
//#region src/generated-safelist.ts
|
|
2
|
-
var e = /* @__PURE__ */ "!grid-rows-[0fr] -bottom-1 -left-1 -right-1 -top-1 -translate-x-1/2 -translate-y-1/2 absolute active:opacity-80 animate-spin backdrop-blur-16 before:absolute before:bg-primary before:bottom-1 before:content-empty before:left-0 before:rounded
|
|
2
|
+
var e = /* @__PURE__ */ "!grid-rows-[0fr] -bottom-1 -left-1 -right-1 -top-1 -translate-x-1/2 -translate-y-1/2 absolute active:opacity-80 animate-spin backdrop-blur-16 before:absolute before:bg-primary before:bottom-1 before:content-empty before:left-0 before:rounded before:top-1 before:w-0.75 bg-accent bg-background bg-black/50 bg-border bg-popover bg-primary bg-secondary bg-sidebar bg-sidebar-primary/10 bg-transparent block border border-2 border-accent-foreground/30 border-b border-b-0 border-border border-input border-l-0 border-none border-primary border-r border-r-0 border-solid border-t border-t-0 bottom-2 bottom-center bottom-left bottom-right box-border contents cursor-ew-resize cursor-grab cursor-grabbing cursor-move cursor-not-allowed cursor-ns-resize cursor-pointer data-[active=true]:h-10 data-[active=true]:w-10 disabled:cursor-not-allowed disabled:opacity-50 duration-100 duration-150 duration-160 duration-200 duration-250 ease ease-[var(--animate-ease-in)] ease-[var(--animate-ease-menu)] ease-[var(--animate-ease-out)] ease-[var(--animate-ease-out-back),var(--animate-ease-out)] ease-in-out fixed flex flex-1 flex-col flex-row flex-shrink-0 flex-wrap focus-within:border-ring focus-within:ring-2 focus-within:ring-offset-0 focus-within:ring-offset-background focus-within:ring-ring font-600 font-default font-semibold gap-0 gap-1.5 gap-2 gap-2.5 gap-4 grid grid-rows-[1fr] h-0.5 h-10 h-2 h-4 h-4.5 h-5 h-6 h-9 h-full h-px h-screen hidden hover:bg-accent hover:bg-muted hover:bg-primary/90 hover:bg-secondary/80 hover:bg-sidebar-accent hover:bg-sidebar-primary/20 hover:border-muted-foreground/20 hover:border-ring hover:text-muted-foreground hover:text-sidebar-accent-foreground i-lucide- i-lucide-check i-lucide-chevron-down i-lucide-chevron-right i-lucide-loader-2 i-lucide-maximize-2 i-lucide-minimize-2 i-lucide-x inline-flex inset-0 items-center justify-between justify-center justify-end leading-5 left-1/2 left-2 left-bottom left-center left-top max-h-60 max-w-80 min-h-0 min-w-0 min-w-35 ml-3 ml-auto mx-2 my-1 opacity-0 opacity-100 opacity-40 opacity-50 outline-none overflow-auto overflow-hidden overflow-y-auto p-0.5 p-1 p-4 pb-0.5 placeholder:text-muted-foreground pt-1.5 px-1 px-2.5 px-3 px-4 py-1 py-1.25 py-1.5 py-2 relative right-2 right-bottom right-center right-top rotate-180 rotate-45 rotate-90 rounded-full scale-0 scale-100 scale-94 scale-96 scroll-mt-0 scrollbar-thin scrollbar-thumb-scrollbar scrollbar-track-transparent select-none shadow-lg sr-only text-2.5 text-3 text-3.25 text-3.5 text-4 text-accent-foreground text-center text-foreground text-muted-foreground text-primary text-primary-foreground text-secondary-foreground text-sidebar-foreground text-sidebar-primary text-sm text-xs top-1/2 top-2 top-center top-left top-right tracking-wide transition-[grid-template-rows] transition-[opacity,height,width] transition-[scale,opacity] transition-[transform,opacity] transition-all transition-colors transition-opacity transition-shadow transition-transform translate-y-0.25 truncate uppercase w-0.5 w-2 w-4 w-4.5 w-5 w-50 w-6 w-9 w-full w-screen whitespace-nowrap z-1 z-50 z-999".split(" ");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as default };
|
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.st-input__inner[data-v-
|
|
1
|
+
.st-input__inner[data-v-1bd39f9b]::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}.st-input__inner[data-v-1bd39f9b]::-webkit-caps-lock-indicator{visibility:hidden}.st-input__inner[data-v-1bd39f9b]::-ms-reveal{display:none}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/unocss-preset.d.ts
CHANGED
|
@@ -46,7 +46,10 @@ export declare function getStrawUITheme(): {
|
|
|
46
46
|
DEFAULT: string;
|
|
47
47
|
foreground: string;
|
|
48
48
|
};
|
|
49
|
-
destructive:
|
|
49
|
+
destructive: {
|
|
50
|
+
DEFAULT: string;
|
|
51
|
+
foreground: string;
|
|
52
|
+
};
|
|
50
53
|
border: string;
|
|
51
54
|
input: string;
|
|
52
55
|
ring: string;
|
|
@@ -66,7 +69,10 @@ export declare function getStrawUITheme(): {
|
|
|
66
69
|
};
|
|
67
70
|
};
|
|
68
71
|
radius: {
|
|
69
|
-
|
|
72
|
+
DEFAULT: string;
|
|
73
|
+
sm: string;
|
|
74
|
+
lg: string;
|
|
75
|
+
xl: string;
|
|
70
76
|
};
|
|
71
77
|
};
|
|
72
78
|
export default presetStrawUI;
|
package/dist/unocssPreset.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=require("./generated-safelist.cjs").default,t={colors:{background:`var(--background)`,foreground:`var(--foreground)`,card:{DEFAULT:`var(--card)`,foreground:`var(--card-foreground)`},popover:{DEFAULT:`var(--popover)`,foreground:`var(--popover-foreground)`},primary:{DEFAULT:`var(--primary)`,foreground:`var(--primary-foreground)`},secondary:{DEFAULT:`var(--secondary)`,foreground:`var(--secondary-foreground)`},muted:{DEFAULT:`var(--muted)`,foreground:`var(--muted-foreground)`},accent:{DEFAULT:`var(--accent)`,foreground:`var(--accent-foreground)`},destructive:`var(--destructive)`,border:`var(--border)`,input:`var(--input)`,ring:`var(--ring)`,sidebar:{DEFAULT:`var(--sidebar)`,foreground:`var(--sidebar-foreground)`,primary:{DEFAULT:`var(--sidebar-primary)`,foreground:`var(--sidebar-primary-foreground)`},accent:{DEFAULT:`var(--sidebar-accent)`,foreground:`var(--sidebar-accent-foreground)`},border:`var(--sidebar-border)`,ring:`var(--sidebar-ring)`}},radius:{radius:`var(--radius)`}};function n(){return{name:`preset-straw-ui`,safelist:e,theme:t}}function r(){return e}function i(){return t}exports.default=n,exports.presetStrawUI=n,exports.getStrawUISafelist=r,exports.getStrawUITheme=i,exports.strawUISafelist=e;
|
|
1
|
+
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=require("./generated-safelist.cjs").default,t={colors:{background:`var(--background)`,foreground:`var(--foreground)`,card:{DEFAULT:`var(--card)`,foreground:`var(--card-foreground)`},popover:{DEFAULT:`var(--popover)`,foreground:`var(--popover-foreground)`},primary:{DEFAULT:`var(--primary)`,foreground:`var(--primary-foreground)`},secondary:{DEFAULT:`var(--secondary)`,foreground:`var(--secondary-foreground)`},muted:{DEFAULT:`var(--muted)`,foreground:`var(--muted-foreground)`},accent:{DEFAULT:`var(--accent)`,foreground:`var(--accent-foreground)`},destructive:{DEFAULT:`var(--destructive)`,foreground:`var(--destructive-foreground)`},border:`var(--border)`,input:`var(--input)`,ring:`var(--ring)`,sidebar:{DEFAULT:`var(--sidebar)`,foreground:`var(--sidebar-foreground)`,primary:{DEFAULT:`var(--sidebar-primary)`,foreground:`var(--sidebar-primary-foreground)`},accent:{DEFAULT:`var(--sidebar-accent)`,foreground:`var(--sidebar-accent-foreground)`},border:`var(--sidebar-border)`,ring:`var(--sidebar-ring)`}},radius:{DEFAULT:`var(--radius)`,sm:`calc(var(--radius) - 2px)`,lg:`calc(var(--radius) + 2px)`,xl:`calc(var(--radius) + 4px)`}};function n(){return{name:`preset-straw-ui`,safelist:e,theme:t}}function r(){return e}function i(){return t}exports.default=n,exports.presetStrawUI=n,exports.getStrawUISafelist=r,exports.getStrawUITheme=i,exports.strawUISafelist=e;
|
package/dist/unocssPreset.js
CHANGED
|
@@ -28,7 +28,10 @@ var t = e, n = {
|
|
|
28
28
|
DEFAULT: "var(--accent)",
|
|
29
29
|
foreground: "var(--accent-foreground)"
|
|
30
30
|
},
|
|
31
|
-
destructive:
|
|
31
|
+
destructive: {
|
|
32
|
+
DEFAULT: "var(--destructive)",
|
|
33
|
+
foreground: "var(--destructive-foreground)"
|
|
34
|
+
},
|
|
32
35
|
border: "var(--border)",
|
|
33
36
|
input: "var(--input)",
|
|
34
37
|
ring: "var(--ring)",
|
|
@@ -47,7 +50,12 @@ var t = e, n = {
|
|
|
47
50
|
ring: "var(--sidebar-ring)"
|
|
48
51
|
}
|
|
49
52
|
},
|
|
50
|
-
radius: {
|
|
53
|
+
radius: {
|
|
54
|
+
DEFAULT: "var(--radius)",
|
|
55
|
+
sm: "calc(var(--radius) - 2px)",
|
|
56
|
+
lg: "calc(var(--radius) + 2px)",
|
|
57
|
+
xl: "calc(var(--radius) + 4px)"
|
|
58
|
+
}
|
|
51
59
|
};
|
|
52
60
|
function r() {
|
|
53
61
|
return {
|
package/dist/variables.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
/* 基础颜色对 */
|
|
3
|
-
--background: oklch(
|
|
3
|
+
--background: oklch(1 0 0);
|
|
4
4
|
--foreground: oklch(0.145 0 0);
|
|
5
5
|
|
|
6
6
|
/* 卡片容器 */
|
|
@@ -16,25 +16,26 @@
|
|
|
16
16
|
--primary-foreground: oklch(0.985 0 0);
|
|
17
17
|
|
|
18
18
|
/* 低强调填充色 */
|
|
19
|
-
--secondary: oklch(0.97 0
|
|
20
|
-
--secondary-foreground: oklch(0.205 0
|
|
19
|
+
--secondary: oklch(0.97 0 0);
|
|
20
|
+
--secondary-foreground: oklch(0.205 0 0);
|
|
21
21
|
|
|
22
22
|
/* 浅淡表面 */
|
|
23
|
-
--muted: oklch(0.97 0
|
|
24
|
-
--muted-foreground: oklch(0.556 0
|
|
23
|
+
--muted: oklch(0.97 0 0);
|
|
24
|
+
--muted-foreground: oklch(0.556 0 0);
|
|
25
25
|
|
|
26
26
|
/* 交互悬浮色 */
|
|
27
|
-
--accent: oklch(0.97 0
|
|
28
|
-
--accent-foreground: oklch(0.205 0
|
|
27
|
+
--accent: oklch(0.97 0 0);
|
|
28
|
+
--accent-foreground: oklch(0.205 0 0);
|
|
29
29
|
|
|
30
30
|
/* 危险操作色 */
|
|
31
|
-
--destructive: oklch(0.577 0.
|
|
31
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
32
|
+
--destructive-foreground: oklch(0.577 0.245 27.325);
|
|
32
33
|
|
|
33
34
|
/* 边框颜色 */
|
|
34
|
-
--border: oklch(0.922 0
|
|
35
|
+
--border: oklch(0.922 0 0);
|
|
35
36
|
|
|
36
37
|
/* 表单控件 */
|
|
37
|
-
--input: oklch(0.922 0
|
|
38
|
+
--input: oklch(0.922 0 0);
|
|
38
39
|
|
|
39
40
|
/* 聚焦环 */
|
|
40
41
|
--ring: oklch(0.623 0.188 259.815);
|
|
@@ -48,11 +49,11 @@
|
|
|
48
49
|
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
49
50
|
|
|
50
51
|
/* 侧边栏悬浮 */
|
|
51
|
-
--sidebar-accent: oklch(0.97 0
|
|
52
|
-
--sidebar-accent-foreground: oklch(0.205 0
|
|
52
|
+
--sidebar-accent: oklch(0.97 0 0);
|
|
53
|
+
--sidebar-accent-foreground: oklch(0.205 0 0);
|
|
53
54
|
|
|
54
55
|
/* 侧边栏边框 */
|
|
55
|
-
--sidebar-border: oklch(0.922 0
|
|
56
|
+
--sidebar-border: oklch(0.922 0 0);
|
|
56
57
|
|
|
57
58
|
/* 侧边栏聚焦环 */
|
|
58
59
|
--sidebar-ring: oklch(0.623 0.188 259.815);
|
|
@@ -70,15 +71,15 @@
|
|
|
70
71
|
/* 深色主题 */
|
|
71
72
|
[data-theme='dark'] {
|
|
72
73
|
/* 基础颜色对 */
|
|
73
|
-
--background: oklch(0.145 0
|
|
74
|
+
--background: oklch(0.145 0 0);
|
|
74
75
|
--foreground: oklch(0.985 0 0);
|
|
75
76
|
|
|
76
77
|
/* 卡片容器 */
|
|
77
|
-
--card: oklch(0.
|
|
78
|
+
--card: oklch(0.145 0 0);
|
|
78
79
|
--card-foreground: oklch(0.985 0 0);
|
|
79
80
|
|
|
80
81
|
/* 浮层容器 */
|
|
81
|
-
--popover: oklch(0.
|
|
82
|
+
--popover: oklch(0.145 0 0);
|
|
82
83
|
--popover-foreground: oklch(0.985 0 0);
|
|
83
84
|
|
|
84
85
|
/* 高强调操作色 */
|
|
@@ -86,31 +87,32 @@
|
|
|
86
87
|
--primary-foreground: oklch(0.985 0 0);
|
|
87
88
|
|
|
88
89
|
/* 低强调填充色 */
|
|
89
|
-
--secondary: oklch(0.269 0
|
|
90
|
+
--secondary: oklch(0.269 0 0);
|
|
90
91
|
--secondary-foreground: oklch(0.985 0 0);
|
|
91
92
|
|
|
92
93
|
/* 浅淡表面 */
|
|
93
|
-
--muted: oklch(0.269 0
|
|
94
|
-
--muted-foreground: oklch(0.708 0
|
|
94
|
+
--muted: oklch(0.269 0 0);
|
|
95
|
+
--muted-foreground: oklch(0.708 0 0);
|
|
95
96
|
|
|
96
97
|
/* 交互悬浮色 */
|
|
97
|
-
--accent: oklch(0.269 0
|
|
98
|
+
--accent: oklch(0.269 0 0);
|
|
98
99
|
--accent-foreground: oklch(0.985 0 0);
|
|
99
100
|
|
|
100
101
|
/* 危险操作色 */
|
|
101
|
-
--destructive: oklch(0.
|
|
102
|
+
--destructive: oklch(0.396 0.141 25.723);
|
|
103
|
+
--destructive-foreground: oklch(0.637 0.237 25.331);
|
|
102
104
|
|
|
103
105
|
/* 边框颜色 */
|
|
104
|
-
--border: oklch(0.269 0
|
|
106
|
+
--border: oklch(0.269 0 0);
|
|
105
107
|
|
|
106
108
|
/* 表单控件 */
|
|
107
|
-
--input: oklch(0.269 0
|
|
109
|
+
--input: oklch(0.269 0 0);
|
|
108
110
|
|
|
109
111
|
/* 聚焦环 */
|
|
110
112
|
--ring: oklch(0.623 0.188 259.815);
|
|
111
113
|
|
|
112
114
|
/* 侧边栏基础 */
|
|
113
|
-
--sidebar: oklch(0.205 0
|
|
115
|
+
--sidebar: oklch(0.205 0 0);
|
|
114
116
|
--sidebar-foreground: oklch(0.985 0 0);
|
|
115
117
|
|
|
116
118
|
/* 侧边栏高强调 */
|
|
@@ -118,11 +120,11 @@
|
|
|
118
120
|
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
119
121
|
|
|
120
122
|
/* 侧边栏悬浮 */
|
|
121
|
-
--sidebar-accent: oklch(0.269 0
|
|
123
|
+
--sidebar-accent: oklch(0.269 0 0);
|
|
122
124
|
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
123
125
|
|
|
124
126
|
/* 侧边栏边框 */
|
|
125
|
-
--sidebar-border: oklch(0.269 0
|
|
127
|
+
--sidebar-border: oklch(0.269 0 0);
|
|
126
128
|
|
|
127
129
|
/* 侧边栏聚焦环 */
|
|
128
130
|
--sidebar-ring: oklch(0.623 0.188 259.815);
|