yc-design-vue 1.0.1

package/lib/Checkbox/type.d.ts

@@ -0,0 +1,48 @@
+import { Direction, ObjectData } from '../_shared/type';
+export interface CheckboxProps {
+    modelValue?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    value?: CheckboxValue;
+    indeterminate?: boolean;
+}
+export interface CheckboxEmits {
+    (e: 'update:modelValue', value: boolean): void;
+    (e: 'change', value: boolean, ev: Event): void;
+}
+export interface CheckboxSlots {
+    default(): void;
+    checkbox(scope: {
+        checked: boolean;
+        disabled: boolean;
+    }): void;
+}
+export interface CheckboxGroupProps {
+    modelValue?: CheckboxValue[];
+    defaultValue?: CheckboxValue[];
+    max?: number;
+    options?: (CheckboxOption | CheckboxValue)[];
+    direction?: Direction;
+    disabled?: boolean;
+}
+export interface CheckboxGroupEmits {
+    (e: 'update:modelValue', value: CheckboxValue[]): void;
+    (e: 'change', value: CheckboxValue[]): void;
+}
+export interface CheckboxGroupSlots {
+    default(): void;
+    checkbox(scope: {
+        checked: boolean;
+        disabled: boolean;
+    }): void;
+    label(scope: {
+        data: ObjectData;
+    }): void;
+}
+export type CheckboxOption = (CheckboxValue | {
+    label?: string;
+    value: CheckboxValue;
+    disabled?: boolean;
+    indeterminate?: boolean;
+})[];
+export type CheckboxValue = string | number | boolean;

package/lib/Collapse/Collapse.vue.d.ts

@@ -0,0 +1,30 @@
+import { CollapseProps, CollapseSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CollapseSlots> & CollapseSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CollapseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: import('./type').CollapseValue) => any;
+    "update:activekey": (value: import('./type').CollapseValue) => any;
+}, string, import('vue').PublicProps, Readonly<CollapseProps> & Readonly<{
+    onChange?: ((value: import('./type').CollapseValue) => any) | undefined;
+    "onUpdate:activekey"?: ((value: import('./type').CollapseValue) => any) | undefined;
+}>, {
+    bordered: boolean;
+    activeKey: import('./type').CollapseValue[];
+    defaultActiveKey: import('./type').CollapseValue[];
+    accordion: boolean;
+    expandIconPosition: import('./type').ExpandIconPosition;
+    showExpandIcon: boolean;
+    destroyOnHide: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/Collapse/Collapse.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./Collapse.vue2.js");;/* empty css               */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-56bab824"]]);module.exports=r;

package/lib/Collapse/Collapse.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("./hooks/useContext.js"),t=e.defineComponent({name:"Collapse",__name:"Collapse",props:{activeKey:{default:void 0},defaultActiveKey:{default:()=>[]},accordion:{type:Boolean,default:!1},showExpandIcon:{type:Boolean,default:!0},expandIconPosition:{default:"left"},bordered:{type:Boolean,default:!0},destroyOnHide:{type:Boolean,default:!1}},emits:["update:activekey","change"],setup(t,{emit:l}){const a=t,d=l;return o.default().provide(a,d),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-collapse",{"yc-collapse-bordered":o.bordered}])},[e.renderSlot(o.$slots,"default",{},void 0,!0)],2))}});module.exports=t;

package/lib/Collapse/CollapseItem.vue.d.ts

@@ -0,0 +1,22 @@
+import { CollapseItemProps, CollapseItemSlots } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CollapseItemSlots> & CollapseItemSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CollapseItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CollapseItemProps> & Readonly<{}>, {
+    disabled: boolean;
+    header: string;
+    path: import('./type').CollapseValue;
+    showExpandIcon: boolean;
+    destroyOnHide: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/Collapse/CollapseItem.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./CollapseItem.vue2.js");;/* empty css                   */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-456d3caf"]]);module.exports=r;

package/lib/Collapse/CollapseItem.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("./hooks/useContext.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const t=require("../_shared/icons/IconRight.vue.js"),l=require("../_shared/components/IconButton.vue.js"),n=require("../_shared/components/ExpandTransition.vue2.js"),r={class:"yc-collapse-item-header-title text-ellipsis"},a={key:1,class:"yc-collapse-item-header-extra"},s={key:0,role:"region",class:"yc-collapse-item-content"},c={class:"yc-collapse-item-content-box"},i=e.defineComponent({name:"CollapseItem",__name:"CollapseItem",props:{path:{default:""},header:{default:""},disabled:{type:Boolean,default:!1},showExpandIcon:{type:Boolean,default:void 0},destroyOnHide:{type:Boolean,default:void 0}},setup(i){const d=i,{path:u,disabled:p}=e.toRefs(d),{slots:m,computedActiveKey:f,accordion:v,expandIconPosition:y,showExpandIcon:h,destroyOnHide:k}=o.default().inject(d),x=()=>{p.value||(f.value.includes(u.value)?f.value=f.value.filter(e=>e!=u.value):v.value?f.value=[u.value]:f.value.push(u.value))};return(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-collapse-item",`yc-collapse-item-expand-icon-${e.unref(y)}`,{"yc-collapse-item-disabled":e.unref(p)}])},[e.createElementVNode("div",{role:"button",class:"yc-collapse-item-header",onClick:x},[e.unref(h)?(e.openBlock(),e.createBlock(e.unref(l),{key:0,class:"yc-collapse-item-header-icon"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"expand-icon",{active:e.unref(f).includes(e.unref(u)),disabled:e.unref(p),position:e.unref(y)},()=>[e.unref(m)["expand-icon"]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(()=>{var o,t;return null==(t=(o=e.unref(m))["expand-icon"])?void 0:t.call(o,{active:e.unref(f).includes(e.unref(u)),disabled:e.unref(p),position:e.unref(y)})}),{key:0})):(e.openBlock(),e.createBlock(e.unref(t),{key:1,color:"rgb(107, 119, 133)",rotate:e.unref(f).includes(e.unref(u))?90:"left"==e.unref(y)?0:180},null,8,["rotate"]))],!0)]),_:3})):e.createCommentVNode("",!0),e.createElementVNode("div",r,[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.header),1)],!0)]),o.$slots.extra?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(o.$slots,"extra",{},void 0,!0)])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(n),null,{default:e.withCtx(()=>[!e.unref(k)||e.unref(f).includes(e.unref(u))?e.withDirectives((e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("div",c,[e.renderSlot(o.$slots,"default",{},void 0,!0)])],512)),[[e.vShow,e.unref(f).includes(e.unref(u))]]):e.createCommentVNode("",!0)]),_:3})],2))}});module.exports=i;

package/lib/Collapse/hooks/useContext.d.ts

@@ -0,0 +1,26 @@
+import { Ref, Slots } from 'vue';
+import { CollapseItemProps as _CollapseItemProps, CollapseProps as _CollapseProps, CollapseEmits, CollapseValue, ExpandIconPosition } from '../type';
+import { Props, RequiredDeep } from '../../_shared/type';
+export declare const COLLAPSE_CONTEXT_KEY = "collapse-context";
+export type CollapseContext = {
+    computedActiveKey: Ref<CollapseValue[]>;
+    accordion: Ref<boolean>;
+    expandIconPosition: Ref<ExpandIconPosition>;
+    showExpandIcon: Ref<boolean>;
+    destroyOnHide: Ref<boolean>;
+    slots: Slots;
+};
+export type CollapseProps = RequiredDeep<_CollapseProps>;
+export type CollapseItemProps = RequiredDeep<_CollapseItemProps>;
+declare const _default: () => {
+    provide: (props: Props, emits: CollapseEmits) => void;
+    inject: (props: Props) => {
+        showExpandIcon: import('vue').ComputedRef<boolean>;
+        destroyOnHide: import('vue').ComputedRef<boolean>;
+        computedActiveKey: Ref<CollapseValue[]>;
+        accordion: Ref<boolean>;
+        expandIconPosition: Ref<ExpandIconPosition>;
+        slots: Slots;
+    };
+};
+export default _default;

package/lib/Collapse/hooks/useContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js"),require("../../_shared/utils/time.js"),require("../../Empty/index.js");/* empty css                              */const o=require("../../_shared/utils/control.js"),t="collapse-context";exports.COLLAPSE_CONTEXT_KEY=t,exports.default=()=>({provide:(s,n)=>{const{activeKey:r,defaultActiveKey:d,accordion:i,expandIconPosition:c,showExpandIcon:u,destroyOnHide:a}=e.toRefs(s),l=e.useSlots(),p=o(r,d.value,e=>{n("update:activekey",e),n("change",e)});e.provide(t,{computedActiveKey:p,accordion:i,expandIconPosition:c,showExpandIcon:u,destroyOnHide:a,slots:l})},inject:o=>{const{showExpandIcon:s,destroyOnHide:n}=e.toRefs(o),r=e.inject(t,{computedActiveKey:e.ref([]),accordion:e.ref(!1),expandIconPosition:e.ref("left"),showExpandIcon:e.ref(!0),destroyOnHide:e.ref(!1),slots:{}}),{showExpandIcon:d,destroyOnHide:i}=r;return{...r,showExpandIcon:e.computed(()=>s.value??d.value),destroyOnHide:e.computed(()=>n.value??i.value)}}});

package/lib/Collapse/index.d.ts

@@ -0,0 +1,103 @@
+import { App } from 'vue';
+import { default as _Collapse } from './Collapse.vue';
+import { default as _CollapseItem } from './CollapseItem.vue';
+export type CollapseInstance = InstanceType<typeof _Collapse>;
+export type CollapseItemInstance = InstanceType<typeof _CollapseItem>;
+export * from './type';
+declare const Collapse: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').CollapseProps> & Readonly<{
+        onChange?: ((value: import('./type').CollapseValue) => any) | undefined;
+        "onUpdate:activekey"?: ((value: import('./type').CollapseValue) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: import('./type').CollapseValue) => any;
+        "update:activekey": (value: import('./type').CollapseValue) => any;
+    }, import('vue').PublicProps, {
+        bordered: boolean;
+        activeKey: import('./type').CollapseValue[];
+        defaultActiveKey: import('./type').CollapseValue[];
+        accordion: boolean;
+        expandIconPosition: import('./type').ExpandIconPosition;
+        showExpandIcon: boolean;
+        destroyOnHide: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').CollapseProps> & Readonly<{
+        onChange?: ((value: import('./type').CollapseValue) => any) | undefined;
+        "onUpdate:activekey"?: ((value: import('./type').CollapseValue) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        bordered: boolean;
+        activeKey: import('./type').CollapseValue[];
+        defaultActiveKey: import('./type').CollapseValue[];
+        accordion: boolean;
+        expandIconPosition: import('./type').ExpandIconPosition;
+        showExpandIcon: boolean;
+        destroyOnHide: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').CollapseProps> & Readonly<{
+    onChange?: ((value: import('./type').CollapseValue) => any) | undefined;
+    "onUpdate:activekey"?: ((value: import('./type').CollapseValue) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: import('./type').CollapseValue) => any;
+    "update:activekey": (value: import('./type').CollapseValue) => any;
+}, string, {
+    bordered: boolean;
+    activeKey: import('./type').CollapseValue[];
+    defaultActiveKey: import('./type').CollapseValue[];
+    accordion: boolean;
+    expandIconPosition: import('./type').ExpandIconPosition;
+    showExpandIcon: boolean;
+    destroyOnHide: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<import('./type').CollapseSlots> & import('./type').CollapseSlots;
+}) & {
+    item: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            disabled: boolean;
+            header: string;
+            path: import('./type').CollapseValue;
+            showExpandIcon: boolean;
+            destroyOnHide: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./type').CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, {
+            disabled: boolean;
+            header: string;
+            path: import('./type').CollapseValue;
+            showExpandIcon: boolean;
+            destroyOnHide: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./type').CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        disabled: boolean;
+        header: string;
+        path: import('./type').CollapseValue;
+        showExpandIcon: boolean;
+        destroyOnHide: boolean;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Readonly<import('./type').CollapseItemSlots> & import('./type').CollapseItemSlots;
+    });
+    install: (app: App) => void;
+};
+export { _CollapseItem as CollapseItem };
+declare module 'vue' {
+    interface GlobalComponents {
+        YcCollapse: typeof Collapse;
+        YcCollapseItem: typeof _CollapseItem;
+    }
+}
+export default Collapse;

package/lib/Collapse/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Collapse.vue.js"),t=require("./CollapseItem.vue.js"),o=Object.assign(e,{item:t,install:o=>{o.component("Yc"+e.name,e),o.component("Yc"+t.name,t)}});exports.CollapseItem=t,exports.default=o;

package/lib/Collapse/type.d.ts

@@ -0,0 +1,40 @@
+export interface CollapseProps {
+    activeKey?: CollapseValue[];
+    defaultActiveKey?: CollapseValue[];
+    accordion?: boolean;
+    showExpandIcon?: boolean;
+    expandIconPosition?: ExpandIconPosition;
+    bordered?: boolean;
+    destroyOnHide?: boolean;
+}
+export interface CollapseEmits {
+    (e: 'update:activekey', value: CollapseValue): void;
+    (e: 'change', value: CollapseValue): void;
+}
+export interface CollapseSlots {
+    default(): void;
+    ['expand-icon'](scope: {
+        active: boolean;
+        disabled: boolean;
+        position: 'left' | 'right';
+    }): void;
+}
+export interface CollapseItemProps {
+    path?: CollapseValue;
+    header?: string;
+    disabled?: boolean;
+    showExpandIcon?: boolean;
+    destroyOnHide?: boolean;
+}
+export interface CollapseItemSlots {
+    default(): void;
+    header(): void;
+    extra(): void;
+    ['expand-icon'](scope: {
+        active: boolean;
+        disabled: boolean;
+        position: 'left' | 'right';
+    }): void;
+}
+export type CollapseValue = string | number;
+export type ExpandIconPosition = 'left' | 'right';

package/lib/ColorPicker/ColorControl.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    color: string;
+    baseColor: string;
+    popupVisible: boolean;
+    disabled: boolean;
+    hideTrigger: boolean;
+    mode: 'alpha' | 'color';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    setPosition: (color: string) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: string) => any;
+    "update:color": (value: string) => any;
+    "update:baseColor": (value: string) => any;
+    "update:alpha": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:color"?: ((value: string) => any) | undefined;
+    "onUpdate:baseColor"?: ((value: string) => any) | undefined;
+    "onUpdate:alpha"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    barRef: HTMLDivElement;
+    btnRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/lib/ColorPicker/ColorControl.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ColorControl.vue2.js");;/* empty css                   */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-b854b98e"]]);module.exports=r;

package/lib/ColorPicker/ColorControl.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("../node_modules/@vueuse/core/index.js"),o=require("../_shared/utils/color.js");require("../_shared/utils/dom.js");const l=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const r=e.defineComponent({__name:"ColorControl",props:{color:{},baseColor:{},popupVisible:{type:Boolean},disabled:{type:Boolean},hideTrigger:{type:Boolean},mode:{}},emits:["update:color","update:alpha","update:baseColor","change"],setup(r,{expose:t,emit:s}){const i=r,u=s,{color:n,mode:c,popupVisible:d,disabled:p,hideTrigger:v}=e.toRefs(i),m=e.ref(),f=e.ref(),g=e.ref({min:0,max:0}),h=new o.GradientColorCalculator,{x:b}=a.useDraggable(m,{disabled:p,onMove(){y()}}),C=e=>{const{max:a,min:l}=g.value;if("alpha"==c.value){const r=100*o.parseColor(e).getAlpha();b.value=l+r/100*(a-l),u("update:alpha",r)}else b.value=h.getPositionForColor(e,a-l)+l},y=()=>{const{min:e,max:a}=g.value;b.value=b.value<e?e:b.value,b.value=b.value>a?a:b.value;let l="";if("alpha"==c.value){const r=+((b.value-e)/(a-e)).toFixed(2);l=o.parseColor(n.value).setAlpha(r).toRgbString(),u("update:alpha",r)}else l=h.getColorAtPosition(b.value-e,a-e),u("update:baseColor",l),u("change",l);u("update:color",l)},x=e=>{p.value||(b.value=e.pageX,y())};return e.watch(()=>d.value,async e=>{if(e||v.value){await l.sleep(0);const{left:e,right:a}=f.value.getBoundingClientRect();g.value={min:e,max:a},C(n.value)}},{immediate:!0}),t({setPosition:C}),(a,o)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-color-picker-control-bar",style:e.normalizeStyle({background:"alpha"==e.unref(c)?`linear-gradient(to right, rgba(0, 0, 0, 0), ${a.baseColor})`:""}),ref_key:"barRef",ref:f,onClick:x},[e.createElementVNode("div",{class:"yc-color-picker-control-bar-handler",style:e.normalizeStyle({color:e.unref(n),transform:`translate(calc(${e.unref(l.valueToPx)(e.unref(b)-g.value.min)} - 50%),-50%)`}),ref_key:"btnRef",ref:m},null,4)],4))}});module.exports=r;

package/lib/ColorPicker/ColorInput.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    color: string;
+    baseColor: string;
+    alpha: number;
+    disabled: boolean;
+    disabledAlpha: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (color: string, type: "color" | "alpha") => any;
+    "update:color": (value: string) => any;
+    "update:baseColor": (value: string) => any;
+    "update:alpha": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((color: string, type: "color" | "alpha") => any) | undefined;
+    "onUpdate:color"?: ((value: string) => any) | undefined;
+    "onUpdate:baseColor"?: ((value: string) => any) | undefined;
+    "onUpdate:alpha"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/lib/ColorPicker/ColorInput.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ColorInput.vue2.js");,/* empty css                 */;/* empty css                 */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-4a7de51a"]]);module.exports=r;

package/lib/ColorPicker/ColorInput.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("../_shared/utils/color.js");require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const a=require("../_shared/constants/index.js"),o=require("../Select/index.js"),r=require("../Input/index.js"),t=require("../InputNumber/index.js"),u={class:"yc-color-picker-input-wrapper"},s={class:"yc-color-picker-format"},d={class:"yc-color-picker-color"},n=e.defineComponent({__name:"ColorInput",props:{color:{},baseColor:{},alpha:{},disabled:{type:Boolean},disabledAlpha:{type:Boolean}},emits:["update:color","update:baseColor","update:alpha","change"],setup(n,{emit:i}){const c=n,p=i,{color:m,alpha:b}=e.toRefs(c),h=e.ref("hex"),v=e.ref(""),V=e.ref({}),g=e.ref(b.value),x=e=>{if("hex"==e){const e=l.parseColor(m.value).getAlpha(),a=l.parseColor(v.value).setAlpha(e).toHex8();p("update:color",a),p("update:baseColor",a),p("change",a,"color")}else if("rgb"==e){const{r:e,g:l,b:a}=V.value,o=`rgb(${e},${l},${a})`;p("update:color",o),p("update:baseColor",o),p("change",o,"color")}else{const e=+(g.value/100).toFixed(2),a=l.parseColor(m.value).setAlpha(e).toRgbString();p("update:color",a),p("update:alpha",g.value),p("change",a,"alpha")}};return e.watch(()=>m.value,()=>{v.value=l.parseColor(m.value).toHex(),V.value=l.parseColor(m.value).toRgb()},{immediate:!0}),e.watch(()=>b.value,()=>{g.value=100*b.value}),(l,n)=>(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",s,[e.createVNode(e.unref(o.default),{modelValue:h.value,"onUpdate:modelValue":n[0]||(n[0]=e=>h.value=e),options:e.unref(a.COLOR_PICKER_FORMAT_OPTIONS),"trigger-props":{contentClass:"yc-color-picker-format-popup-content"},size:"mini"},null,8,["modelValue","options"])]),e.createElementVNode("div",d,["hex"==h.value?(e.openBlock(),e.createBlock(e.unref(r),{key:0,modelValue:v.value,"onUpdate:modelValue":n[1]||(n[1]=e=>v.value=e),"max-length":6,disabled:l.disabled,size:"mini",class:"hex-input",onBlur:n[2]||(n[2]=e=>x("hex")),onPressEnter:n[3]||(n[3]=e=>x("hex"))},{prefix:e.withCtx(()=>n[16]||(n[16]=[e.createTextVNode(" # ",-1)])),_:1},8,["modelValue","disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(e.unref(t),{modelValue:V.value.r,"onUpdate:modelValue":n[4]||(n[4]=e=>V.value.r=e),min:0,max:255,disabled:l.disabled,size:"mini",class:"rgb-input","hide-button":"",onBlur:n[5]||(n[5]=e=>x("rgb")),onPressEnter:n[6]||(n[6]=e=>x("rgb"))},null,8,["modelValue","disabled"]),e.createVNode(e.unref(t),{modelValue:V.value.g,"onUpdate:modelValue":n[7]||(n[7]=e=>V.value.g=e),min:0,max:255,disabled:l.disabled,size:"mini",class:"rgb-input","hide-button":"",onBlur:n[8]||(n[8]=e=>x("rgb")),onPressEnter:n[9]||(n[9]=e=>x("rgb"))},null,8,["modelValue","disabled"]),e.createVNode(e.unref(t),{modelValue:V.value.b,"onUpdate:modelValue":n[10]||(n[10]=e=>V.value.b=e),min:0,max:255,disabled:l.disabled,class:"rgb-input",size:"mini","hide-button":"",onBlur:n[11]||(n[11]=e=>x("rgb")),onPressEnter:n[12]||(n[12]=e=>x("rgb"))},null,8,["modelValue","disabled"])],64)),l.disabledAlpha?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(t),{key:2,modelValue:g.value,"onUpdate:modelValue":n[13]||(n[13]=e=>g.value=e),min:0,max:100,disabled:l.disabled,size:"mini","hide-button":"",class:"alpha-input",onBlur:n[14]||(n[14]=e=>x("alpha")),onPressEnter:n[15]||(n[15]=e=>x("alpha"))},{suffix:e.withCtx(()=>n[17]||(n[17]=[e.createTextVNode(" % ",-1)])),_:1},8,["modelValue","disabled"]))])]))}});module.exports=n;

package/lib/ColorPicker/ColorList.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    label: string;
+    colors: string[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    colorClick: (color: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onColorClick?: ((color: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/lib/ColorPicker/ColorList.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ColorList.vue2.js");;/* empty css                */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-cca9674b"]]);module.exports=r;

package/lib/ColorPicker/ColorList.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o={class:"yc-color-picker-colors-section"},l={class:"yc-color-picker-colors-text"},c={key:0,class:"yc-color-picker-colors-empty"},r={class:"yc-color-picker-colors-list"},t=["onClick"],s=e.defineComponent({__name:"ColorList",props:{label:{},colors:{}},emits:["colorClick"],setup:s=>(s,n)=>(e.openBlock(),e.createElementBlock("div",o,[e.createElementVNode("div",l,e.toDisplayString(s.label),1),s.colors.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",c,"暂无")),e.createElementVNode("div",r,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.colors,(o,l)=>(e.openBlock(),e.createElementBlock("div",{key:l,class:"yc-color-picker-color-block",style:e.normalizeStyle({backgroundColor:o}),onClick:e=>s.$emit("colorClick",o)},[e.createElementVNode("div",{class:"yc-color-picker-block",style:e.normalizeStyle({backgroundColor:o})},null,4)],12,t))),128))])]))});module.exports=s;

package/lib/ColorPicker/ColorPalette.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    color: string;
+    baseColor: string;
+    popupVisible: boolean;
+    disabled: boolean;
+    hideTrigger: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    setPosition(color: string): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:color": (value: string) => any;
+    "update:baseColor": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:color"?: ((value: string) => any) | undefined;
+    "onUpdate:baseColor"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    paletteRef: HTMLDivElement;
+    btnRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/lib/ColorPicker/ColorPalette.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ColorPalette.vue2.js");;/* empty css                   */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-60bb1666"]]);module.exports=r;

package/lib/ColorPicker/ColorPalette.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js"),a=require("../_shared/utils/color.js");require("../_shared/utils/dom.js");const u=require("../_shared/utils/fn.js");require("../_shared/utils/time.js"),require("../Empty/index.js");/* empty css                           */const o=e.defineComponent({__name:"ColorPalette",props:{color:{},baseColor:{},popupVisible:{type:Boolean},disabled:{type:Boolean},hideTrigger:{type:Boolean}},emits:["update:color","update:baseColor"],setup(o,{expose:r,emit:s}){const t=o,i=s,{popupVisible:n,baseColor:v,disabled:c,hideTrigger:d}=e.toRefs(t),p=e.ref(),f=e.ref(),{width:m,height:y,top:g,left:h}=l.useElementBounding(f,{updateTiming:"next-frame"}),b=e.computed(()=>a.parseColor(v.value).toHsv()),{x:_,y:C}=l.useDraggable(p,{disabled:c,onMove(){k()}}),x=e=>{c.value||(_.value=e.pageX,C.value=e.pageY,k())},k=()=>{_.value=(_.value-h.value)/m.value,_.value=_.value<0?0:_.value,_.value=_.value>1?1:_.value,C.value=(C.value-g.value)/y.value,C.value=C.value<0?0:C.value,C.value=C.value>1?1:C.value;const e=a.parseColor({...b.value,s:_.value,v:1-C.value}).toHexString();i("update:color",e)};return e.watch(()=>n.value,async e=>{(e||d.value)&&(await u.sleep(0),_.value=b.value.s,C.value=1-b.value.v)},{immediate:!0}),r({setPosition(e){const{s:l,v:u}=a.parseColor(e).toHsv();_.value=l,C.value=1-u}}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:"yc-color-picker-palette",style:e.normalizeStyle({backgroundColor:e.unref(v)}),ref_key:"paletteRef",ref:f,onClick:x},[e.createElementVNode("div",{class:"yc-color-picker-handler",style:e.normalizeStyle({transform:`translate(calc(${e.unref(u.valueToPx)(e.unref(_)*e.unref(m))} - 50%),calc(${e.unref(u.valueToPx)(e.unref(C)*e.unref(y))} - 50%))`}),ref_key:"btnRef",ref:p},null,4)],4))}});module.exports=o;

package/lib/ColorPicker/ColorPanel.vue.d.ts

@@ -0,0 +1,127 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    paletteRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        color: string;
+        baseColor: string;
+        popupVisible: boolean;
+        disabled: boolean;
+        hideTrigger: boolean;
+    }> & Readonly<{
+        "onUpdate:color"?: ((value: string) => any) | undefined;
+        "onUpdate:baseColor"?: ((value: string) => any) | undefined;
+    }>, {
+        setPosition(color: string): void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:color": (value: string) => any;
+        "update:baseColor": (value: string) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        paletteRef: HTMLDivElement;
+        btnRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        color: string;
+        baseColor: string;
+        popupVisible: boolean;
+        disabled: boolean;
+        hideTrigger: boolean;
+    }> & Readonly<{
+        "onUpdate:color"?: ((value: string) => any) | undefined;
+        "onUpdate:baseColor"?: ((value: string) => any) | undefined;
+    }>, {
+        setPosition(color: string): void;
+    }, {}, {}, {}, {}> | null;
+    colorBarRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        color: string;
+        baseColor: string;
+        popupVisible: boolean;
+        disabled: boolean;
+        hideTrigger: boolean;
+        mode: "alpha" | "color";
+    }> & Readonly<{
+        onChange?: ((value: string) => any) | undefined;
+        "onUpdate:color"?: ((value: string) => any) | undefined;
+        "onUpdate:baseColor"?: ((value: string) => any) | undefined;
+        "onUpdate:alpha"?: ((value: number) => any) | undefined;
+    }>, {
+        setPosition: (color: string) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: string) => any;
+        "update:color": (value: string) => any;
+        "update:baseColor": (value: string) => any;
+        "update:alpha": (value: number) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        barRef: HTMLDivElement;
+        btnRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        color: string;
+        baseColor: string;
+        popupVisible: boolean;
+        disabled: boolean;
+        hideTrigger: boolean;
+        mode: "alpha" | "color";
+    }> & Readonly<{
+        onChange?: ((value: string) => any) | undefined;
+        "onUpdate:color"?: ((value: string) => any) | undefined;
+        "onUpdate:baseColor"?: ((value: string) => any) | undefined;
+        "onUpdate:alpha"?: ((value: number) => any) | undefined;
+    }>, {
+        setPosition: (color: string) => void;
+    }, {}, {}, {}, {}> | null;
+    alphaBarRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        color: string;
+        baseColor: string;
+        popupVisible: boolean;
+        disabled: boolean;
+        hideTrigger: boolean;
+        mode: "alpha" | "color";
+    }> & Readonly<{
+        onChange?: ((value: string) => any) | undefined;
+        "onUpdate:color"?: ((value: string) => any) | undefined;
+        "onUpdate:baseColor"?: ((value: string) => any) | undefined;
+        "onUpdate:alpha"?: ((value: number) => any) | undefined;
+    }>, {
+        setPosition: (color: string) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: string) => any;
+        "update:color": (value: string) => any;
+        "update:baseColor": (value: string) => any;
+        "update:alpha": (value: number) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        barRef: HTMLDivElement;
+        btnRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        color: string;
+        baseColor: string;
+        popupVisible: boolean;
+        disabled: boolean;
+        hideTrigger: boolean;
+        mode: "alpha" | "color";
+    }> & Readonly<{
+        onChange?: ((value: string) => any) | undefined;
+        "onUpdate:color"?: ((value: string) => any) | undefined;
+        "onUpdate:baseColor"?: ((value: string) => any) | undefined;
+        "onUpdate:alpha"?: ((value: number) => any) | undefined;
+    }>, {
+        setPosition: (color: string) => void;
+    }, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+export default _default;

package/lib/ColorPicker/ColorPanel.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ColorPanel.vue2.js");;/* empty css                 */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-0f0acfab"]]);module.exports=r;

package/lib/ColorPicker/ColorPanel.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("./hooks/useContext.js"),o=require("./ColorPalette.vue.js"),r=require("./ColorInput.vue.js"),a=require("./ColorList.vue.js"),n=require("./ColorControl.vue.js"),u={class:"yc-color-picker-panel-control"},i={class:"yc-color-picker-control-wrapper"},s={class:"yc-color-picker-control-bar-bg"},c={key:0,class:"yc-color-picker-panel-colors"},t=e.defineComponent({__name:"ColorPanel",setup(t){const{popupVisible:d,computedColor:p,baseColor:f,alpha:v,disabled:b,disabledAlpha:h,showHistory:k,showPreset:C,hideTrigger:m,presetColors:g,historyColors:y}=l().inject(),V=e.ref(),N=e.ref(),R=e.ref(),B=e=>{var l,o,r;b.value||(p.value=e,f.value=e,null==(l=V.value)||l.setPosition(e),null==(o=N.value)||o.setPosition(e),null==(r=R.value)||r.setPosition(e))},P=(e,l)=>{var o,r,a;"alpha"==l?null==(o=N.value)||o.setPosition(e):(null==(r=V.value)||r.setPosition(e),null==(a=R.value)||a.setPosition(e))};return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-color-picker-panel",{"yc-color-picker-panel-disabled":e.unref(b)}])},[e.createVNode(o,{color:e.unref(p),"onUpdate:color":t[0]||(t[0]=l=>e.isRef(p)?p.value=l:null),"base-color":e.unref(f),"popup-visible":e.unref(d),"hide-trigger":e.unref(m),disabled:e.unref(b),ref_key:"paletteRef",ref:R},null,8,["color","base-color","popup-visible","hide-trigger","disabled"]),e.createElementVNode("div",u,[e.createElementVNode("div",i,[e.createElementVNode("div",null,[e.createVNode(n,{mode:"color",color:e.unref(p),"onUpdate:color":t[1]||(t[1]=l=>e.isRef(p)?p.value=l:null),"base-color":e.unref(f),"onUpdate:baseColor":t[2]||(t[2]=l=>e.isRef(f)?f.value=l:null),"popup-visible":e.unref(d),disabled:e.unref(b),"hide-trigger":e.unref(m),ref_key:"colorBarRef",ref:V,onChange:t[3]||(t[3]=e=>{var l;return null==(l=R.value)?void 0:l.setPosition(e)})},null,8,["color","base-color","popup-visible","disabled","hide-trigger"]),e.createElementVNode("div",s,[e.createVNode(n,{mode:"alpha",color:e.unref(p),"onUpdate:color":t[4]||(t[4]=l=>e.isRef(p)?p.value=l:null),alpha:e.unref(v),"onUpdate:alpha":t[5]||(t[5]=l=>e.isRef(v)?v.value=l:null),"base-color":e.unref(f),"popup-visible":e.unref(d),disabled:e.unref(b),"hide-trigger":e.unref(m),ref_key:"alphaBarRef",ref:N},null,8,["color","alpha","base-color","popup-visible","disabled","hide-trigger"])])]),e.createElementVNode("div",{class:"yc-color-picker-preview",style:e.normalizeStyle({backgroundColor:e.unref(p)})},null,4)]),e.createVNode(r,{color:e.unref(p),"onUpdate:color":t[6]||(t[6]=l=>e.isRef(p)?p.value=l:null),"base-color":e.unref(f),"onUpdate:baseColor":t[7]||(t[7]=l=>e.isRef(f)?f.value=l:null),alpha:e.unref(v),"onUpdate:alpha":t[8]||(t[8]=l=>e.isRef(v)?v.value=l:null),disabled:e.unref(b),"disabled-alpha":e.unref(h),onChange:P},null,8,["color","base-color","alpha","disabled","disabled-alpha"])]),e.unref(k)||e.unref(C)?(e.openBlock(),e.createElementBlock("div",c,[e.unref(k)?(e.openBlock(),e.createBlock(a,{key:0,label:"最近使用的颜色",colors:e.unref(y),onColorClick:B},null,8,["colors"])):e.createCommentVNode("",!0),e.unref(C)?(e.openBlock(),e.createBlock(a,{key:1,label:"系统预设的颜色",colors:e.unref(g),onColorClick:B},null,8,["colors"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}});module.exports=t;

package/lib/ColorPicker/ColorPicker.vue.d.ts

@@ -0,0 +1,40 @@
+import { ColorPickerProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ColorPickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: boolean) => any;
+    "popup-visible-change": (value: boolean, color: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<ColorPickerProps> & Readonly<{
+    onChange?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((value: boolean, color: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    size: import('..').Size;
+    disabled: boolean;
+    triggerProps: import('../Trigger').TriggerProps;
+    format: import('./type').ColorFormat;
+    modelValue: string;
+    defaultValue: string;
+    disabledAlpha: boolean;
+    showHistory: boolean;
+    showPreset: boolean;
+    historyColors: string[];
+    presetColors: string[];
+    hideTrigger: boolean;
+    showText: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/ColorPicker/ColorPicker.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./ColorPicker.vue2.js");;/* empty css                  */const r=require("../_virtual/_plugin-vue_export-helper.js")(e,[["__scopeId","data-v-4c78f046"]]);module.exports=r;

package/lib/ColorPicker/ColorPicker.vue2.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("../_shared/constants/index.js"),l=require("./hooks/useContext.js"),r=require("./ColorPanel.vue.js"),t=require("../Trigger/index.js"),i={key:0,class:"yc-color-picker-value"},a=e.defineComponent({name:"ColorPicker",__name:"ColorPicker",props:{modelValue:{default:void 0},defaultValue:{default:"#FF0000"},format:{default:"hex"},size:{default:void 0},showText:{type:Boolean,default:!1},showHistory:{type:Boolean,default:!1},showPreset:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},disabledAlpha:{type:Boolean,default:!1},hideTrigger:{type:Boolean,default:!1},triggerProps:{default:()=>({})},historyColors:{default:()=>[]},presetColors:{default:()=>o.COLOR_PICKER_PRESET_COLORS}},emits:["update:modelValue","change","popup-visible-change"],setup(o,{emit:a}){const s=o,n=a,{popupVisible:d,computedColor:p,size:u}=l().provide(s,n);return(o,l)=>o.hideTrigger?(e.openBlock(),e.createBlock(r,{key:1})):(e.openBlock(),e.createBlock(e.unref(t),e.mergeProps({key:0,"popup-visible":e.unref(d),"onUpdate:popupVisible":l[0]||(l[0]=o=>e.isRef(d)?d.value=o:null),"popup-offset":4,disabled:o.disabled,"need-transform-origin":"","animation-name":"slide-dynamic-origin",trigger:"click",position:"bl"},o.triggerProps,{onPopupVisibleChange:l[1]||(l[1]=l=>o.$emit("popup-visible-change",l,e.unref(p)))}),{content:e.withCtx(()=>[e.createVNode(r)]),default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-color-picker",`yc-color-picker-size-${e.unref(u)}`,{"yc-color-picker-disabled":o.disabled},o.$attrs.class]),style:e.normalizeStyle(o.$attrs.style)},[e.createElementVNode("div",{class:"yc-color-picker-preview",style:e.normalizeStyle({backgroundColor:e.unref(p)})},null,4),o.showText?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(e.unref(p)),1)):e.createCommentVNode("",!0)],6)],!0)]),_:3},16,["popup-visible","disabled"]))}});module.exports=a;