vft 0.0.239 → 0.0.240

package/lib/components/color-picker/components/hue-slider.vue.d.ts

@@ -1,28 +1,28 @@
 import type { PropType } from 'vue';
 import type Color from '../utils/color';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     color: {
         type: PropType<Color>;
         required: true;
     };
     vertical: BooleanConstructor;
-}, {
-    bar: import("vue").Ref<HTMLElement | undefined>;
-    thumb: import("vue").Ref<HTMLElement | undefined>;
-    thumbLeft: import("vue").Ref<number>;
-    thumbTop: import("vue").Ref<number>;
+}>, {
+    bar: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    thumb: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    thumbLeft: import("vue").Ref<number, number>;
+    thumbTop: import("vue").Ref<number, number>;
     hueValue: import("vue").ComputedRef<any>;
     handleClick: (event: MouseEvent | TouchEvent) => void;
     update: () => void;
     ns: {
-        namespace: import("vue").Ref<string>;
+        namespace: import("vue").Ref<string, string>;
         b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string;
-        m: (modifier?: string | undefined) => string;
-        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-        em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
         is: {
             (name: string, state: boolean | undefined): string;
             (name: string): string;
@@ -32,13 +32,13 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
         type: PropType<Color>;
         required: true;
     };
     vertical: BooleanConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     vertical: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/color-picker/components/predefine.vue.d.ts

@@ -1,6 +1,6 @@
 import type { PropType, Ref } from 'vue';
 import Color from '../utils/color';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     colors: {
         type: PropType<string[]>;
         required: true;
@@ -9,18 +9,18 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Color>;
         required: true;
     };
-}, {
-    rgbaColors: Ref<Color[]>;
+}>, {
+    rgbaColors: Ref<Color[], Color[]>;
     handleSelect: (index: number) => void;
     ns: {
-        namespace: Ref<string>;
+        namespace: Ref<string, string>;
         b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string;
-        m: (modifier?: string | undefined) => string;
-        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-        em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
         is: {
             (name: string, state: boolean | undefined): string;
             (name: string): string;
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     colors: {
         type: PropType<string[]>;
         required: true;
@@ -39,5 +39,5 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Color>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/color-picker/components/sv-panel.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./sv-panel.vue2.cjs"),e=require("vue"),r=require("../../../_virtual/_plugin-vue_export-helper.cjs"),n=e.createElementVNode("div",null,null,-1),o=[n];function t(l,u,i,c,d,p){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.ns.b()),style:e.normalizeStyle({backgroundColor:l.background})},[e.createElementVNode("div",{class:e.normalizeClass(l.ns.e("white"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(l.ns.e("black"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(l.ns.e("cursor")),style:e.normalizeStyle({top:l.cursorTop+"px",left:l.cursorLeft+"px"})},o,6)],6)}const a=r.default(s.default,[["render",t]]);exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./sv-panel.vue2.cjs"),e=require("vue"),n=require("../../../_virtual/_plugin-vue_export-helper.cjs");function o(l,r,a,u,i,d){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.ns.b()),style:e.normalizeStyle({backgroundColor:l.background})},[e.createElementVNode("div",{class:e.normalizeClass(l.ns.e("white"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(l.ns.e("black"))},null,2),e.createElementVNode("div",{class:e.normalizeClass(l.ns.e("cursor")),style:e.normalizeStyle({top:l.cursorTop+"px",left:l.cursorLeft+"px"})},r[0]||(r[0]=[e.createElementVNode("div",null,null,-1)]),6)],6)}const t=n.default(s.default,[["render",o]]);exports.default=t;

package/lib/components/color-picker/components/sv-panel.vue.d.ts

@@ -1,14 +1,14 @@
 import type { PropType } from 'vue';
 import type Color from '../utils/color';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     color: {
         type: PropType<Color>;
         required: true;
     };
-}, {
-    cursorTop: import("vue").Ref<number>;
-    cursorLeft: import("vue").Ref<number>;
-    background: import("vue").Ref<string>;
+}>, {
+    cursorTop: import("vue").Ref<number, number>;
+    cursorLeft: import("vue").Ref<number, number>;
+    background: import("vue").Ref<string, string>;
     colorValue: import("vue").ComputedRef<{
         hue: any;
         value: any;
@@ -16,14 +16,14 @@ declare const _default: import("vue").DefineComponent<{
     handleDrag: (event: MouseEvent | TouchEvent) => void;
     update: () => void;
     ns: {
-        namespace: import("vue").Ref<string>;
+        namespace: import("vue").Ref<string, string>;
         b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string;
-        m: (modifier?: string | undefined) => string;
-        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-        em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
         is: {
             (name: string, state: boolean | undefined): string;
             (name: string): string;
@@ -33,10 +33,10 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     color: {
         type: PropType<Color>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/color-picker/composables/use-alpha-slider.d.ts

@@ -1,11 +1,11 @@
 import type { AlphaSliderProps } from '../components/alpha-slider.vue';
 export declare const useAlphaSlider: (props: AlphaSliderProps) => {
-    thumb: import("vue").ShallowRef<HTMLElement | undefined>;
-    bar: import("vue").ShallowRef<HTMLElement | undefined>;
+    thumb: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    bar: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     handleDrag: (event: MouseEvent | TouchEvent) => void;
     handleClick: (event: MouseEvent | TouchEvent) => void;
 };
-export declare const useAlphaSliderDOM: (props: AlphaSliderProps, { bar, thumb, handleDrag, }: Pick<ReturnType<typeof useAlphaSlider>, 'bar' | 'thumb' | 'handleDrag'>) => {
+export declare const useAlphaSliderDOM: (props: AlphaSliderProps, { bar, thumb, handleDrag, }: Pick<ReturnType<typeof useAlphaSlider>, "bar" | "thumb" | "handleDrag">) => {
     rootKls: import("vue").ComputedRef<string[]>;
     barKls: import("vue").ComputedRef<string>;
     barStyle: import("vue").ComputedRef<{

package/lib/components/color-picker/index.d.ts

@@ -1,19 +1,19 @@
-export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
     };
     id: {
         type: import("vue").PropType<string>;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
     modelValue: {
         type: import("vue").PropType<string>;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
     tabindex: {
         type: import("vue").PropType<string | number>;
         default: number;
@@ -34,12 +34,12 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
     predefine: {
         type: import("vue").PropType<string[]>;
     };
-}, {
+}>, {
     color: import("./utils/color").default;
-    showPicker: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+    showPicker: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
     activeChange: (...args: any[]) => void;
     "click-outside": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -49,15 +49,15 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
     id: {
         type: import("vue").PropType<string>;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
     size: {
         type: import("vue").PropType<"" | "default" | "small" | "large">;
     };
     modelValue: {
         type: import("vue").PropType<string>;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
     tabindex: {
         type: import("vue").PropType<string | number>;
         default: number;
@@ -78,14 +78,14 @@ export declare const VftColorPicker: import("vft/es/utils").SFCWithInstall<impor
     predefine: {
         type: import("vue").PropType<string[]>;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onActiveChange?: ((...args: any[]) => any) | undefined;
     "onClick-outside"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     tabindex: string | number;
     validateEvent: boolean;
-}, {}>> & Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftColorPicker;
 export * from './color-picker.vue';

package/lib/components/color-picker/utils/color.cjs

@@ -1 +1 @@
-"use strict";var C=Object.defineProperty;var O=(a,t,e)=>t in a?C(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e;var l=(a,t,e)=>O(a,typeof t!="symbol"?t+"":t,e);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("@vft/utils"),g=function(a,t,e){return[a,t*e/((a=(2-t)*e)<1?a:2-a)||0,a/2]},k=function(a){return typeof a=="string"&&a.includes(".")&&Number.parseFloat(a)===1},A=function(a){return typeof a=="string"&&a.includes("%")},u=function(a,t){k(a)&&(a="100%");const e=A(a);return a=Math.min(t,Math.max(0,Number.parseFloat(`${a}`))),e&&(a=Number.parseInt(`${a*t}`,10)/100),Math.abs(a-t)<1e-6?1:a%t/Number.parseFloat(t)},d={10:"A",11:"B",12:"C",13:"D",14:"E",15:"F"},p=a=>{a=Math.min(Math.round(a),255);const t=Math.floor(a/16),e=a%16;return`${d[t]||t}${d[e]||e}`},M=function({r:a,g:t,b:e}){return Number.isNaN(+a)||Number.isNaN(+t)||Number.isNaN(+e)?"":`#${p(a)}${p(t)}${p(e)}`},_={A:10,B:11,C:12,D:13,E:14,F:15},c=function(a){return a.length===2?(_[a[0].toUpperCase()]||+a[0])*16+(_[a[1].toUpperCase()]||+a[1]):_[a[1].toUpperCase()]||+a[1]},v=function(a,t,e){t=t/100,e=e/100;let s=t;const n=Math.max(e,.01);e*=2,t*=e<=1?e:2-e,s*=n<=1?n:2-n;const h=(e+t)/2,r=e===0?2*s/(n+s):2*t/(e+t);return{h:a,s:r*100,v:h*100}},$=(a,t,e)=>{a=u(a,255),t=u(t,255),e=u(e,255);const s=Math.max(a,t,e),n=Math.min(a,t,e);let h;const r=s,i=s-n,o=s===0?0:i/s;if(s===n)h=0;else{switch(s){case a:{h=(t-e)/i+(t<e?6:0);break}case t:{h=(e-a)/i+2;break}case e:{h=(a-t)/i+4;break}}h/=6}return{h:h*360,s:o*100,v:r*100}},f=function(a,t,e){a=u(a,360)*6,t=u(t,100),e=u(e,100);const s=Math.floor(a),n=a-s,h=e*(1-t),r=e*(1-n*t),i=e*(1-(1-n)*t),o=s%6,b=[e,r,h,h,i,e][o],N=[i,e,e,r,h,h][o],F=[h,h,i,e,e,r][o];return{r:Math.round(b*255),g:Math.round(N*255),b:Math.round(F*255)}};class w{constructor(t={}){l(this,"_hue",0);l(this,"_saturation",100);l(this,"_value",100);l(this,"_alpha",100);l(this,"enableAlpha",!1);l(this,"format","hex");l(this,"value","");l(this,"selected");for(const e in t)m.hasOwn(t,e)&&(this[e]=t[e]);t.value?this.fromString(t.value):this.doOnChange()}set(t,e){if(arguments.length===1&&typeof t=="object"){for(const s in t)m.hasOwn(t,s)&&this.set(s,t[s]);return}this[`_${t}`]=e,this.doOnChange()}get(t){return t==="alpha"?Math.floor(this[`_${t}`]):this[`_${t}`]}toRgb(){return f(this._hue,this._saturation,this._value)}fromString(t){if(!t){this._hue=0,this._saturation=100,this._value=100,this.doOnChange();return}const e=(s,n,h)=>{this._hue=Math.max(0,Math.min(360,s)),this._saturation=Math.max(0,Math.min(100,n)),this._value=Math.max(0,Math.min(100,h)),this.doOnChange()};if(t.includes("hsl")){const s=t.replace(/hsla|hsl|\(|\)/g,"").split(/\s|,/g).filter(n=>n!=="").map((n,h)=>h>2?Number.parseFloat(n):Number.parseInt(n,10));if(s.length===4?this._alpha=Number.parseFloat(s[3])*100:s.length===3&&(this._alpha=100),s.length>=3){const{h:n,s:h,v:r}=v(s[0],s[1],s[2]);e(n,h,r)}}else if(t.includes("hsv")){const s=t.replace(/hsva|hsv|\(|\)/g,"").split(/\s|,/g).filter(n=>n!=="").map((n,h)=>h>2?Number.parseFloat(n):Number.parseInt(n,10));s.length===4?this._alpha=Number.parseFloat(s[3])*100:s.length===3&&(this._alpha=100),s.length>=3&&e(s[0],s[1],s[2])}else if(t.includes("rgb")){const s=t.replace(/rgba|rgb|\(|\)/g,"").split(/\s|,/g).filter(n=>n!=="").map((n,h)=>h>2?Number.parseFloat(n):Number.parseInt(n,10));if(s.length===4?this._alpha=Number.parseFloat(s[3])*100:s.length===3&&(this._alpha=100),s.length>=3){const{h:n,s:h,v:r}=$(s[0],s[1],s[2]);e(n,h,r)}}else if(t.includes("#")){const s=t.replace("#","").trim();if(!/^[\da-fA-F]{3}$|^[\da-fA-F]{6}$|^[\da-fA-F]{8}$/.test(s))return;let n,h,r;s.length===3?(n=c(s[0]+s[0]),h=c(s[1]+s[1]),r=c(s[2]+s[2])):(s.length===6||s.length===8)&&(n=c(s.slice(0,2)),h=c(s.slice(2,4)),r=c(s.slice(4,6))),s.length===8?this._alpha=c(s.slice(6))/255*100:(s.length===3||s.length===6)&&(this._alpha=100);const{h:i,s:o,v:b}=$(n,h,r);e(i,o,b)}}compare(t){return Math.abs(t._hue-this._hue)<2&&Math.abs(t._saturation-this._saturation)<1&&Math.abs(t._value-this._value)<1&&Math.abs(t._alpha-this._alpha)<1}doOnChange(){const{_hue:t,_saturation:e,_value:s,_alpha:n,format:h}=this;if(this.enableAlpha)switch(h){case"hsl":{const r=g(t,e/100,s/100);this.value=`hsla(${t}, ${Math.round(r[1]*100)}%, ${Math.round(r[2]*100)}%, ${this.get("alpha")/100})`;break}case"hsv":{this.value=`hsva(${t}, ${Math.round(e)}%, ${Math.round(s)}%, ${this.get("alpha")/100})`;break}case"hex":{this.value=`${M(f(t,e,s))}${p(n*255/100)}`;break}default:{const{r,g:i,b:o}=f(t,e,s);this.value=`rgba(${r}, ${i}, ${o}, ${this.get("alpha")/100})`}}else switch(h){case"hsl":{const r=g(t,e/100,s/100);this.value=`hsl(${t}, ${Math.round(r[1]*100)}%, ${Math.round(r[2]*100)}%)`;break}case"hsv":{this.value=`hsv(${t}, ${Math.round(e)}%, ${Math.round(s)}%)`;break}case"rgb":{const{r,g:i,b:o}=f(t,e,s);this.value=`rgb(${r}, ${i}, ${o})`;break}default:this.value=M(f(t,e,s))}}}exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("@vft/utils"),m=function(a,t,e){return[a,t*e/((a=(2-t)*e)<1?a:2-a)||0,a/2]},F=function(a){return typeof a=="string"&&a.includes(".")&&Number.parseFloat(a)===1},C=function(a){return typeof a=="string"&&a.includes("%")},c=function(a,t){F(a)&&(a="100%");const e=C(a);return a=Math.min(t,Math.max(0,Number.parseFloat(`${a}`))),e&&(a=Number.parseInt(`${a*t}`,10)/100),Math.abs(a-t)<1e-6?1:a%t/Number.parseFloat(t)},g={10:"A",11:"B",12:"C",13:"D",14:"E",15:"F"},f=a=>{a=Math.min(Math.round(a),255);const t=Math.floor(a/16),e=a%16;return`${g[t]||t}${g[e]||e}`},d=function({r:a,g:t,b:e}){return Number.isNaN(+a)||Number.isNaN(+t)||Number.isNaN(+e)?"":`#${f(a)}${f(t)}${f(e)}`},b={A:10,B:11,C:12,D:13,E:14,F:15},l=function(a){return a.length===2?(b[a[0].toUpperCase()]||+a[0])*16+(b[a[1].toUpperCase()]||+a[1]):b[a[1].toUpperCase()]||+a[1]},O=function(a,t,e){t=t/100,e=e/100;let s=t;const n=Math.max(e,.01);e*=2,t*=e<=1?e:2-e,s*=n<=1?n:2-n;const h=(e+t)/2,r=e===0?2*s/(n+s):2*t/(e+t);return{h:a,s:r*100,v:h*100}},M=(a,t,e)=>{a=c(a,255),t=c(t,255),e=c(e,255);const s=Math.max(a,t,e),n=Math.min(a,t,e);let h;const r=s,i=s-n,o=s===0?0:i/s;if(s===n)h=0;else{switch(s){case a:{h=(t-e)/i+(t<e?6:0);break}case t:{h=(e-a)/i+2;break}case e:{h=(a-t)/i+4;break}}h/=6}return{h:h*360,s:o*100,v:r*100}},u=function(a,t,e){a=c(a,360)*6,t=c(t,100),e=c(e,100);const s=Math.floor(a),n=a-s,h=e*(1-t),r=e*(1-n*t),i=e*(1-(1-n)*t),o=s%6,p=[e,r,h,h,i,e][o],$=[i,e,e,r,h,h][o],N=[h,h,i,e,e,r][o];return{r:Math.round(p*255),g:Math.round($*255),b:Math.round(N*255)}};class k{_hue=0;_saturation=100;_value=100;_alpha=100;enableAlpha=!1;format="hex";value="";selected;constructor(t={}){for(const e in t)_.hasOwn(t,e)&&(this[e]=t[e]);t.value?this.fromString(t.value):this.doOnChange()}set(t,e){if(arguments.length===1&&typeof t=="object"){for(const s in t)_.hasOwn(t,s)&&this.set(s,t[s]);return}this[`_${t}`]=e,this.doOnChange()}get(t){return t==="alpha"?Math.floor(this[`_${t}`]):this[`_${t}`]}toRgb(){return u(this._hue,this._saturation,this._value)}fromString(t){if(!t){this._hue=0,this._saturation=100,this._value=100,this.doOnChange();return}const e=(s,n,h)=>{this._hue=Math.max(0,Math.min(360,s)),this._saturation=Math.max(0,Math.min(100,n)),this._value=Math.max(0,Math.min(100,h)),this.doOnChange()};if(t.includes("hsl")){const s=t.replace(/hsla|hsl|\(|\)/g,"").split(/\s|,/g).filter(n=>n!=="").map((n,h)=>h>2?Number.parseFloat(n):Number.parseInt(n,10));if(s.length===4?this._alpha=Number.parseFloat(s[3])*100:s.length===3&&(this._alpha=100),s.length>=3){const{h:n,s:h,v:r}=O(s[0],s[1],s[2]);e(n,h,r)}}else if(t.includes("hsv")){const s=t.replace(/hsva|hsv|\(|\)/g,"").split(/\s|,/g).filter(n=>n!=="").map((n,h)=>h>2?Number.parseFloat(n):Number.parseInt(n,10));s.length===4?this._alpha=Number.parseFloat(s[3])*100:s.length===3&&(this._alpha=100),s.length>=3&&e(s[0],s[1],s[2])}else if(t.includes("rgb")){const s=t.replace(/rgba|rgb|\(|\)/g,"").split(/\s|,/g).filter(n=>n!=="").map((n,h)=>h>2?Number.parseFloat(n):Number.parseInt(n,10));if(s.length===4?this._alpha=Number.parseFloat(s[3])*100:s.length===3&&(this._alpha=100),s.length>=3){const{h:n,s:h,v:r}=M(s[0],s[1],s[2]);e(n,h,r)}}else if(t.includes("#")){const s=t.replace("#","").trim();if(!/^[\da-fA-F]{3}$|^[\da-fA-F]{6}$|^[\da-fA-F]{8}$/.test(s))return;let n,h,r;s.length===3?(n=l(s[0]+s[0]),h=l(s[1]+s[1]),r=l(s[2]+s[2])):(s.length===6||s.length===8)&&(n=l(s.slice(0,2)),h=l(s.slice(2,4)),r=l(s.slice(4,6))),s.length===8?this._alpha=l(s.slice(6))/255*100:(s.length===3||s.length===6)&&(this._alpha=100);const{h:i,s:o,v:p}=M(n,h,r);e(i,o,p)}}compare(t){return Math.abs(t._hue-this._hue)<2&&Math.abs(t._saturation-this._saturation)<1&&Math.abs(t._value-this._value)<1&&Math.abs(t._alpha-this._alpha)<1}doOnChange(){const{_hue:t,_saturation:e,_value:s,_alpha:n,format:h}=this;if(this.enableAlpha)switch(h){case"hsl":{const r=m(t,e/100,s/100);this.value=`hsla(${t}, ${Math.round(r[1]*100)}%, ${Math.round(r[2]*100)}%, ${this.get("alpha")/100})`;break}case"hsv":{this.value=`hsva(${t}, ${Math.round(e)}%, ${Math.round(s)}%, ${this.get("alpha")/100})`;break}case"hex":{this.value=`${d(u(t,e,s))}${f(n*255/100)}`;break}default:{const{r,g:i,b:o}=u(t,e,s);this.value=`rgba(${r}, ${i}, ${o}, ${this.get("alpha")/100})`}}else switch(h){case"hsl":{const r=m(t,e/100,s/100);this.value=`hsl(${t}, ${Math.round(r[1]*100)}%, ${Math.round(r[2]*100)}%)`;break}case"hsv":{this.value=`hsv(${t}, ${Math.round(e)}%, ${Math.round(s)}%)`;break}case"rgb":{const{r,g:i,b:o}=u(t,e,s);this.value=`rgb(${r}, ${i}, ${o})`;break}default:this.value=d(u(t,e,s))}}}exports.default=k;

package/lib/components/color-picker/utils/draggable.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@vueuse/core");let d=!1;function o(c,e){if(!m.isClient)return;const r=function(n){var t;(t=e.drag)==null||t.call(e,n)},u=function(n){var t;document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",u),document.removeEventListener("touchmove",r),document.removeEventListener("touchend",u),document.onselectstart=null,document.ondragstart=null,d=!1,(t=e.end)==null||t.call(e,n)},a=function(n){var t;d||(n.preventDefault(),document.onselectstart=()=>!1,document.ondragstart=()=>!1,document.addEventListener("mousemove",r),document.addEventListener("mouseup",u),document.addEventListener("touchmove",r),document.addEventListener("touchend",u),d=!0,(t=e.start)==null||t.call(e,n))};c.addEventListener("mousedown",a),c.addEventListener("touchstart",a)}exports.draggable=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@vueuse/core");let r=!1;function c(u,o){if(!s.isClient)return;const t=function(e){o.drag?.(e)},n=function(e){document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",n),document.removeEventListener("touchmove",t),document.removeEventListener("touchend",n),document.onselectstart=null,document.ondragstart=null,r=!1,o.end?.(e)},d=function(e){r||(e.preventDefault(),document.onselectstart=()=>!1,document.ondragstart=()=>!1,document.addEventListener("mousemove",t),document.addEventListener("mouseup",n),document.addEventListener("touchmove",t),document.addEventListener("touchend",n),r=!0,o.start?.(e))};u.addEventListener("mousedown",d),u.addEventListener("touchstart",d)}exports.draggable=c;

package/lib/components/config-provider/config-provider.vue.d.ts

@@ -21,9 +21,11 @@ export interface ConfigProviderProps {
     projectCfg?: Record<string, any>;
     button?: ButtonConfigContext;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ConfigProviderProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ConfigProviderProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ConfigProviderProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ConfigProviderProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/config-provider/hooks/use-global-config.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@vft/utils");require("@vueuse/core");const m=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const o=require("vue"),l=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const a=require("../../../hooks/use-z-index/index.cjs"),g=require("../constants.cjs"),c=o.ref();function d(r,n=void 0){const u=o.getCurrentInstance()?o.inject(g.configProviderContextKey,c):c;return r?o.computed(()=>{var t;return((t=u.value)==null?void 0:t[r])??n}):u}function p(r){const n=d(),u=l.useNamespace(r,o.computed(()=>{var e;return((e=n.value)==null?void 0:e.namespace)||l.defaultNamespace})),t=a.useZIndex(o.computed(()=>{var e;return((e=n.value)==null?void 0:e.zIndex)||a.defaultInitialZIndex}));return{ns:u,zIndex:t}}const C=(r,n,u=!1)=>{const t=!!o.getCurrentInstance(),e=t?d():void 0,s=(n==null?void 0:n.provide)??(t?o.provide:void 0);if(!s){m.debugWarn("provideGlobalConfig","provideGlobalConfig() can only be used inside setup().");return}const i=o.computed(()=>{const f=o.unref(r);return e!=null&&e.value?x(e.value,f):f});return s(g.configProviderContextKey,i),s(l.namespaceContextKey,o.computed(()=>i.value.namespace)),s(a.zIndexContextKey,o.computed(()=>i.value.zIndex)),(u||!c.value)&&(c.value=i.value),i},x=(r,n)=>{const u=[...new Set([...v.keysOf(r),...v.keysOf(n)])],t={};for(const e of u)t[e]=n[e]!==void 0?n[e]:r[e];return t};exports.provideGlobalConfig=C;exports.useGlobalComponentSettings=p;exports.useGlobalConfig=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@vft/utils");require("@vueuse/core");const p=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue"),a=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const l=require("../../../hooks/use-z-index/index.cjs"),g=require("../constants.cjs"),c=e.ref();function d(o,n=void 0){const t=e.getCurrentInstance()?e.inject(g.configProviderContextKey,c):c;return o?e.computed(()=>t.value?.[o]??n):t}function C(o){const n=d(),t=a.useNamespace(o,e.computed(()=>n.value?.namespace||a.defaultNamespace)),r=l.useZIndex(e.computed(()=>n.value?.zIndex||l.defaultInitialZIndex));return{ns:t,zIndex:r}}const m=(o,n,t=!1)=>{const r=!!e.getCurrentInstance(),i=r?d():void 0,s=n?.provide??(r?e.provide:void 0);if(!s){p.debugWarn("provideGlobalConfig","provideGlobalConfig() can only be used inside setup().");return}const u=e.computed(()=>{const f=e.unref(o);return i?.value?x(i.value,f):f});return s(g.configProviderContextKey,u),s(a.namespaceContextKey,e.computed(()=>u.value.namespace)),s(l.zIndexContextKey,e.computed(()=>u.value.zIndex)),(t||!c.value)&&(c.value=u.value),u},x=(o,n)=>{const t=[...new Set([...v.keysOf(o),...v.keysOf(n)])],r={};for(const i of t)r[i]=n[i]!==void 0?n[i]:o[i];return r};exports.provideGlobalConfig=m;exports.useGlobalComponentSettings=C;exports.useGlobalConfig=d;

package/lib/components/config-provider/hooks/use-global-config.d.ts

@@ -5,14 +5,14 @@ export declare function useGlobalConfig<K extends keyof ConfigProviderContext, D
 export declare function useGlobalConfig(): Ref<ConfigProviderContext>;
 export declare function useGlobalComponentSettings(block: string): {
     ns: {
-        namespace: Ref<string>;
+        namespace: Ref<string, string>;
         b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string;
-        m: (modifier?: string | undefined) => string;
-        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-        em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element?: string, modifier?: string) => string;
+        bm: (blockSuffix?: string, modifier?: string) => string;
+        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
         is: {
             (name: string, state: boolean | undefined): string;
             (name: string): string;

package/lib/components/config-provider/index.d.ts

@@ -1,5 +1,5 @@
 export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         theme: {
             type: import("vue").PropType<"light" | "dark">;
         };
@@ -25,49 +25,15 @@ export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
         };
         message: {
-            type: import("vue").PropType<import("..").MessageConfigContext>;
+            type: import("vue").PropType<import("vft/es/vft").MessageConfigContext>;
         };
         projectCfg: {
             type: import("vue").PropType<Record<string, any>>;
         };
         button: {
-            type: import("vue").PropType<import("..").ButtonConfigContext>;
+            type: import("vue").PropType<import("vft/es/vft").ButtonConfigContext>;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        theme: {
-            type: import("vue").PropType<"light" | "dark">;
-        };
-        themeVars: {
-            type: import("vue").PropType<Record<string, string | number>>;
-        };
-        themeVarsDark: {
-            type: import("vue").PropType<Record<string, string | number>>;
-        };
-        themeVarsLight: {
-            type: import("vue").PropType<Record<string, string | number>>;
-        };
-        iconfontClass: {
-            type: import("vue").PropType<string>;
-        };
-        iconifyPrefixClass: {
-            type: import("vue").PropType<string>;
-        };
-        namespace: {
-            type: import("vue").PropType<string>;
-        };
-        zIndex: {
-            type: import("vue").PropType<number>;
-        };
-        message: {
-            type: import("vue").PropType<import("..").MessageConfigContext>;
-        };
-        projectCfg: {
-            type: import("vue").PropType<Record<string, any>>;
-        };
-        button: {
-            type: import("vue").PropType<import("..").ButtonConfigContext>;
-        };
-    }>>, {}, true, {}, {}, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -100,18 +66,18 @@ export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
         };
         message: {
-            type: import("vue").PropType<import("..").MessageConfigContext>;
+            type: import("vue").PropType<import("vft/es/vft").MessageConfigContext>;
         };
         projectCfg: {
             type: import("vue").PropType<Record<string, any>>;
         };
         button: {
-            type: import("vue").PropType<import("..").ButtonConfigContext>;
+            type: import("vue").PropType<import("vft/es/vft").ButtonConfigContext>;
         };
-    }>>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     theme: {
         type: import("vue").PropType<"light" | "dark">;
@@ -138,15 +104,15 @@ export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<number>;
     };
     message: {
-        type: import("vue").PropType<import("..").MessageConfigContext>;
+        type: import("vue").PropType<import("vft/es/vft").MessageConfigContext>;
     };
     projectCfg: {
         type: import("vue").PropType<Record<string, any>>;
     };
     button: {
-        type: import("vue").PropType<import("..").ButtonConfigContext>;
+        type: import("vue").PropType<import("vft/es/vft").ButtonConfigContext>;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

package/lib/components/container/aside.vue.d.ts

@@ -1,9 +1,11 @@
 export interface AsideProps {
     width?: string | number;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<AsideProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AsideProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AsideProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AsideProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/container/container.vue.d.ts

@@ -1,9 +1,11 @@
 export interface ContainerProps {
     direction?: 'vertical' | 'horizontal';
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ContainerProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ContainerProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ContainerProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ContainerProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/container/footer.vue.d.ts

@@ -1,9 +1,11 @@
 export interface FooterProps {
     height?: string | number;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FooterProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FooterProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FooterProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FooterProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/container/header.vue.d.ts

@@ -1,9 +1,11 @@
 export interface HeaderProps {
     height?: string | number;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<HeaderProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<HeaderProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<HeaderProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<HeaderProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {