@routa/ui-vue 0.1.0

package/dist/collapse/types.d.ts

@@ -0,0 +1,54 @@
+import { CollapseActiveKey } from '../../../headless/src/index.ts';
+import { InjectionKey, Ref } from 'vue';
+export type CollapseVariant = 'line' | 'card' | 'segmented' | 'ghost';
+export interface CollapseProps {
+    /**
+     * Current active keys (v-model)
+     * 当前展开的面板键值
+     */
+    modelValue?: CollapseActiveKey[];
+    /**
+     * Default active keys
+     * 默认展开的面板键值
+     */
+    defaultActiveKeys?: CollapseActiveKey[];
+    /**
+     * Whether to enable accordion mode
+     * 是否开启手风琴模式
+     */
+    accordion?: boolean;
+    /**
+     * Style variant
+     * 样式变体
+     */
+    variant?: CollapseVariant;
+}
+export interface CollapseEmits {
+    (e: 'update:modelValue', value: CollapseActiveKey[]): void;
+    (e: 'change', value: CollapseActiveKey[]): void;
+}
+export interface CollapseItemProps {
+    /**
+     * Unique identifier for the item
+     * 面板唯一标识符
+     */
+    name: CollapseActiveKey;
+    /**
+     * Title text of the item
+     * 面板标题
+     */
+    title?: string;
+    /**
+     * Whether the item is disabled
+     * 是否禁用
+     */
+    disabled?: boolean;
+}
+export interface CollapseContext {
+    activeKeys: Ref<CollapseActiveKey[]>;
+    toggle: (key: CollapseActiveKey) => void;
+    accordion: Ref<boolean>;
+    getTriggerProps: (key: CollapseActiveKey, disabled?: boolean) => Record<string, any>;
+    variant: Ref<CollapseVariant>;
+}
+export declare const COLLAPSE_CONTEXT_KEY: InjectionKey<CollapseContext>;

package/dist/color-picker/AlphaSlider.vue.d.ts

@@ -0,0 +1,38 @@
+import { PropType } from 'vue';
+import { RGB } from '../../../headless/src/index.ts';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        required: true;
+    };
+    rgb: {
+        type: PropType<RGB>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (val: number) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        required: true;
+    };
+    rgb: {
+        type: PropType<RGB>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    sliderRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/color-picker/ColorPicker.vue.d.ts

@@ -0,0 +1,57 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAlpha: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    predefine: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (val: string) => any;
+    "update:modelValue": (val: string) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAlpha: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    predefine: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    onChange?: ((val: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    modelValue: string;
+    showAlpha: boolean;
+    predefine: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/color-picker/HueSlider.vue.d.ts

@@ -0,0 +1,28 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (val: number) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    sliderRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/color-picker/SaturationPanel.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    s: {
+        type: NumberConstructor;
+        required: true;
+    };
+    v: {
+        type: NumberConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:s": (val: number) => any;
+    "update:v": (val: number) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    h: {
+        type: NumberConstructor;
+        required: true;
+    };
+    s: {
+        type: NumberConstructor;
+        required: true;
+    };
+    v: {
+        type: NumberConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:s"?: ((val: number) => any) | undefined;
+    "onUpdate:v"?: ((val: number) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    panelRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/color-picker/index.d.ts

@@ -0,0 +1,56 @@
+export declare const LColorPicker: import('../utils/install').SFCWithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAlpha: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    predefine: {
+        type: import('vue').PropType<string[]>;
+        default: () => never[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (val: string) => any;
+    "update:modelValue": (val: string) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAlpha: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    predefine: {
+        type: import('vue').PropType<string[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    onChange?: ((val: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    modelValue: string;
+    showAlpha: boolean;
+    predefine: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>>;
+export default LColorPicker;

package/dist/color-picker/index.js

@@ -0,0 +1,6 @@
+require('../style/color-picker.css');
+require('../style/Input.css');
+require('../style/Popover.css');
+require('../style/Icon.css');
+require('../style/Button.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("../chunks/install-gnn2dOg9.js"),e=require("vue");require("../chunks/manager-C0AUxQ1I.js");const y=require("../chunks/index-DWAWrVaT.js"),L=require("../chunks/use-signals-Bz1smiXh.js"),K=require("../chunks/use-form-item-CloIcyon.js"),q=require("../chunks/use-id-BycaM3-h.js"),I=require("../chunks/Input.vue_vue_type_script_setup_true_lang-8x2HE2Cj.js"),P=require("../chunks/Popover.vue_vue_type_script_setup_true_lang-TF9OnqB0.js"),U=require("../chunks/Icon.vue_vue_type_script_setup_true_lang-YDWguTmi.js"),R=require("../chunks/Button.vue_vue_type_script_setup_true_lang-Do1NtIFC.js"),N=require("../chunks/_plugin-vue_export-helper-BHFhmbuH.js"),V=(t,r,n)=>Math.min(Math.max(t,r),n);function z(t){t=t.replace(/^#/,""),t.length===3&&(t=t.split("").map(s=>s+s).join(""));const r=parseInt(t,16),n=r>>16&255,l=r>>8&255,o=r&255;return{r:n,g:l,b:o,a:1}}function M({r:t,g:r,b:n}){const l=o=>{const s=Math.round(o).toString(16);return s.length===1?"0"+s:s};return"#"+l(t)+l(r)+l(n)}function E({r:t,g:r,b:n,a:l}){t/=255,r/=255,n/=255;const o=Math.max(t,r,n),s=Math.min(t,r,n);let u=0,p=0;const d=o,m=o-s;if(p=o===0?0:m/o,o!==s){switch(o){case t:u=(r-n)/m+(r<n?6:0);break;case r:u=(n-t)/m+2;break;case n:u=(t-r)/m+4;break}u/=6}return{h:u,s:p,v:d,a:l??1}}function C({h:t,s:r,v:n,a:l}){let o=0,s=0,u=0;const p=Math.floor(t*6),d=t*6-p,m=n*(1-r),a=n*(1-d*r),i=n*(1-(1-d)*r);switch(p%6){case 0:o=n,s=i,u=m;break;case 1:o=a,s=n,u=m;break;case 2:o=m,s=n,u=i;break;case 3:o=m,s=a,u=n;break;case 4:o=i,s=m,u=n;break;case 5:o=n,s=m,u=a;break}return{r:Math.round(o*255),g:Math.round(s*255),b:Math.round(u*255),a:l??1}}function S(t){if(t.startsWith("#"))return z(t);if(t.startsWith("rgb")){const r=t.match(/\d+(\.\d+)?/g);if(r)return{r:parseInt(r[0]),g:parseInt(r[1]),b:parseInt(r[2]),a:r[3]?parseFloat(r[3]):1}}return{r:0,g:0,b:0,a:1}}function H(t){const r=S(t.value??"#000000"),n=E(r),l=y.signal(n),o=()=>typeof t.disabled=="function"?t.disabled():t.disabled??!1,s=y.signal(o());typeof t.disabled=="function"&&y.effect(()=>{s.value=o()});const u=y.computed(()=>C(l.value)),p=y.computed(()=>M(u.value)),d=a=>{var c;if(s.value)return;const i={...l.value,...a};l.value=i,(c=t.onChange)==null||c.call(t,M(C(i)))};return{state:{get hsv(){return l.value},set hsv(a){l.value=a},get rgb(){return u.value},get hex(){return p.value},set hex(a){l.value=E(S(a))},get disabled(){return s.value},set disabled(a){s.value=a}},actions:{updateHsv:d,setColor:a=>{var c;if(s.value)return;const i=S(a);l.value=E(i),(c=t.onChange)==null||c.call(t,M(C(l.value)))},setHue:a=>d({h:a}),setSaturation:a=>d({s:a}),setValue:a=>d({v:a}),setAlpha:a=>d({a})},getTriggerProps:a=>({role:"button","aria-haspopup":"true","aria-expanded":a}),getHueSliderProps:()=>({role:"slider","aria-valuemin":0,"aria-valuemax":360,"aria-valuenow":l.value.h,"aria-label":"色相"}),getAlphaSliderProps:()=>({role:"slider","aria-valuemin":0,"aria-valuemax":1,"aria-valuenow":l.value.a??1,"aria-label":"透明度"}),getSaturationProps:()=>({role:"slider","aria-valuemin":0,"aria-valuemax":100,"aria-valuetext":`饱和度 ${Math.round(l.value.s)}%，明度 ${Math.round(l.value.v)}%`})}}const A=["aria-valuenow","aria-valuetext","tabindex","onKeydown"],T=e.defineComponent({__name:"SaturationPanel",props:{h:{type:Number,required:!0},s:{type:Number,required:!0},v:{type:Number,required:!0},disabled:{type:Boolean,default:!1}},emits:["update:s","update:v"],setup(t,{emit:r}){const n=t,l=r,o=e.ref(null),s=e.ref(!1),u=e.computed(()=>({left:`${n.s*100}%`,top:`${(1-n.v)*100}%`})),p=e.computed(()=>({backgroundColor:`hsl(${n.h*360}, 100%, 50%)`})),d=v=>{if(n.disabled||!o.value)return;const f=o.value.getBoundingClientRect(),k="touches"in v?v.touches[0].clientX:v.clientX,x="touches"in v?v.touches[0].clientY:v.clientY,w=V((k-f.left)/f.width,0,1),b=V(1-(x-f.top)/f.height,0,1);l("update:s",w),l("update:v",b)},m=v=>{s.value=!0,d(v),window.addEventListener("mousemove",d),window.addEventListener("mouseup",a),window.addEventListener("touchmove",d),window.addEventListener("touchend",a)},a=()=>{s.value=!1,window.removeEventListener("mousemove",d),window.removeEventListener("mouseup",a),window.removeEventListener("touchmove",d),window.removeEventListener("touchend",a)},i=()=>{if(n.disabled)return;const v=Math.max(0,n.s-.01);l("update:s",v)},c=()=>{if(n.disabled)return;const v=Math.min(1,n.s+.01);l("update:s",v)},h=()=>{if(n.disabled)return;const v=Math.min(1,n.v+.01);l("update:v",v)},_=()=>{if(n.disabled)return;const v=Math.max(0,n.v-.01);l("update:v",v)};return(v,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"panelRef",ref:o,class:"l-color-saturation",style:e.normalizeStyle(p.value),role:"slider","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":Math.round(t.s*100),"aria-valuetext":`饱和�?${Math.round(t.s*100)}%，明�?${Math.round(t.v*100)}%`,"aria-label":"饱和度和明度",tabindex:t.disabled?-1:0,onKeydown:[e.withKeys(e.withModifiers(i,["prevent"]),["left"]),e.withKeys(e.withModifiers(c,["prevent"]),["right"]),e.withKeys(e.withModifiers(h,["prevent"]),["up"]),e.withKeys(e.withModifiers(_,["prevent"]),["down"])],onMousedown:m,onTouchstartPassive:m},[f[0]||(f[0]=e.createElementVNode("div",{class:"l-color-saturation__white"},null,-1)),f[1]||(f[1]=e.createElementVNode("div",{class:"l-color-saturation__black"},null,-1)),e.createElementVNode("div",{class:"l-color-saturation__cursor",style:e.normalizeStyle(u.value)},null,4)],44,A))}}),D=N._export_sfc(T,[["__scopeId","data-v-313cba21"]]),X=["aria-valuenow","tabindex","onKeydown"],F=e.defineComponent({__name:"HueSlider",props:{modelValue:{type:Number,required:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:r}){const n=t,l=r,o=e.ref(null),s=a=>{if(n.disabled||!o.value)return;const i=o.value.getBoundingClientRect(),c="touches"in a?a.touches[0].clientX:a.clientX,h=V((c-i.left)/i.width,0,1);l("update:modelValue",h)},u=a=>{s(a),window.addEventListener("mousemove",s),window.addEventListener("mouseup",p)},p=()=>{window.removeEventListener("mousemove",s),window.removeEventListener("mouseup",p)},d=()=>{if(n.disabled)return;const a=Math.max(0,n.modelValue-1/360);l("update:modelValue",a)},m=()=>{if(n.disabled)return;const a=Math.min(1,n.modelValue+1/360);l("update:modelValue",a)};return(a,i)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"sliderRef",ref:o,class:"l-color-hue-slider",role:"slider","aria-valuemin":"0","aria-valuemax":"360","aria-valuenow":Math.round(t.modelValue*360),"aria-label":"色相",tabindex:t.disabled?-1:0,onKeydown:[e.withKeys(e.withModifiers(d,["prevent"]),["left"]),e.withKeys(e.withModifiers(m,["prevent"]),["right"])],onMousedown:u},[e.createElementVNode("div",{class:"l-color-hue-slider__thumb",style:e.normalizeStyle({left:`${t.modelValue*100}%`})},null,4)],40,X))}}),j=N._export_sfc(F,[["__scopeId","data-v-3a2582ac"]]),Y=["aria-valuenow","tabindex","onKeydown"],O=e.defineComponent({__name:"AlphaSlider",props:{modelValue:{type:Number,required:!0},rgb:{type:Object,required:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:r}){const n=t,l=r,o=e.ref(null),s=e.computed(()=>{const{r:i,g:c,b:h}=n.rgb;return{background:`linear-gradient(to right, rgba(${i},${c},${h},0), rgba(${i},${c},${h},1))`}}),u=i=>{if(n.disabled||!o.value)return;const c=o.value.getBoundingClientRect(),h="touches"in i?i.touches[0].clientX:i.clientX,_=V((h-c.left)/c.width,0,1);l("update:modelValue",_)},p=i=>{u(i),window.addEventListener("mousemove",u),window.addEventListener("mouseup",d)},d=()=>{window.removeEventListener("mousemove",u),window.removeEventListener("mouseup",d)},m=()=>{if(n.disabled)return;const i=Math.max(0,n.modelValue-.01);l("update:modelValue",i)},a=()=>{if(n.disabled)return;const i=Math.min(1,n.modelValue+.01);l("update:modelValue",i)};return(i,c)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"sliderRef",ref:o,class:"l-color-alpha-slider",role:"slider","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":Math.round(t.modelValue*100),"aria-label":"透明度",tabindex:t.disabled?-1:0,onKeydown:[e.withKeys(e.withModifiers(m,["prevent"]),["left"]),e.withKeys(e.withModifiers(a,["prevent"]),["right"])],onMousedown:p},[c[0]||(c[0]=e.createElementVNode("div",{class:"l-color-alpha-slider__bg"},null,-1)),e.createElementVNode("div",{class:"l-color-alpha-slider__gradient",style:e.normalizeStyle(s.value)},null,4),e.createElementVNode("div",{class:"l-color-alpha-slider__thumb",style:e.normalizeStyle({left:`${t.modelValue*100}%`})},null,4)],40,Y))}}),W=N._export_sfc(O,[["__scopeId","data-v-32c1df79"]]),G=["id","disabled"],J=["id"],Q={class:"l-color-picker__color"},Z={class:"l-color-picker__dropdown"},ee={class:"l-color-picker__controls"},te={class:"l-color-picker__sliders"},ne={class:"l-color-picker__preview"},ae={key:0,class:"l-color-picker__predefine"},le=["onClick"],oe={class:"l-color-picker__footer"},re=e.defineComponent({name:"LColorPicker",__name:"ColorPicker",props:{modelValue:{type:String,default:"#000000"},disabled:{type:Boolean,default:!1},showAlpha:{type:Boolean,default:!1},size:{type:String,default:"md"},predefine:{type:Array,default:()=>[]}},emits:["update:modelValue","change"],setup(t,{emit:r}){const n=t,l=r,{formItem:o,size:s,disabled:u,inputId:p}=K.useFormItem(),d=e.computed(()=>n.disabled||u.value),m=q.useId("color-picker"),a=(p==null?void 0:p.value)||m,i=`${a}-hex`,c=e.ref(!1),h=H({value:n.modelValue,disabled:()=>d.value,onChange:w=>{l("update:modelValue",w),l("change",w),o==null||o.validate("change").catch(()=>{})}}),{hsv:_,rgb:v,hex:f}=L.useController(h,{hex:()=>n.modelValue,disabled:()=>d.value}),k=e.computed(()=>({backgroundColor:f.value})),x=w=>{d.value||h.actions.setColor(w)};return(w,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["l-color-picker",[`l-color-picker--${t.size||e.unref(s)}`,{"is-disabled":d.value}]])},[e.createElementVNode("input",{id:e.unref(a),type:"text",style:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)","white-space":"nowrap",border:"0"},"aria-hidden":"true",tabindex:"-1",disabled:d.value},null,8,G),e.createVNode(P._sfc_main,{visible:c.value,"onUpdate:visible":b[1]||(b[1]=g=>c.value=g),trigger:"click",placement:"bottom-start",disabled:d.value,width:"auto","popper-class":"l-color-picker__popper"},{content:e.withCtx(()=>[e.createElementVNode("div",Z,[e.createVNode(D,{h:e.unref(_).h,s:e.unref(_).s,v:e.unref(_).v,"onUpdate:s":e.unref(h).actions.setSaturation,"onUpdate:v":e.unref(h).actions.setValue},null,8,["h","s","v","onUpdate:s","onUpdate:v"]),e.createElementVNode("div",ee,[e.createElementVNode("div",te,[e.createVNode(j,{"model-value":e.unref(_).h,"onUpdate:modelValue":e.unref(h).actions.setHue},null,8,["model-value","onUpdate:modelValue"]),t.showAlpha?(e.openBlock(),e.createBlock(W,{key:0,"model-value":e.unref(_).a??1,rgb:e.unref(v),"onUpdate:modelValue":e.unref(h).actions.setAlpha},null,8,["model-value","rgb","onUpdate:modelValue"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",ne,[e.createElementVNode("div",{class:"l-color-picker__preview-inner",style:e.normalizeStyle(k.value)},null,4)])]),t.predefine.length>0?(e.openBlock(),e.createElementBlock("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.predefine,g=>(e.openBlock(),e.createElementBlock("div",{key:g,class:"l-color-picker__predefine-item",style:e.normalizeStyle({backgroundColor:g}),onClick:se=>x(g)},null,12,le))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",oe,[e.createVNode(I._sfc_main,{id:i,size:"sm","model-value":e.unref(f),"onUpdate:modelValue":e.unref(h).actions.setColor},null,8,["model-value","onUpdate:modelValue"]),e.createVNode(R._sfc_main,{size:"sm",type:"primary",onClick:b[0]||(b[0]=g=>c.value=!1)},{default:e.withCtx(()=>[...b[2]||(b[2]=[e.createTextVNode("确定",-1)])]),_:1})])])]),default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({id:e.unref(a),class:"l-color-picker__trigger"},e.unref(h).getTriggerProps(c.value)),[e.createElementVNode("div",Q,[e.createElementVNode("div",{class:"l-color-picker__color-inner",style:e.normalizeStyle(k.value)},null,4)]),e.createVNode(U._sfc_main,{name:"lucide:chevron-down",class:"l-color-picker__icon"})],16,J)]),_:1},8,["visible","disabled"])],2))}}),B=$.withInstall(re);exports.LColorPicker=B;exports.default=B;