@vaebe/ccui 2.0.1-beta.2 → 2.0.1-beta.3

package/color-picker/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`@floating-ui/dom`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@floating-ui/dom`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue,e._floating_ui_dom))})(this,function(e,t,n){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var r=Object.create,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,l=(e,t)=>{let n={};for(var r in e)i(n,r,{get:e[r],enumerable:!0});return t||i(n,Symbol.toStringTag,{value:`Module`}),n},u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var s=o(t),l=0,u=s.length,d;l<u;l++)d=s[l],!c.call(e,d)&&d!==n&&i(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=a(t,d))||r.enumerable});return e},d=(e,t,n)=>(u(e,t,`default`),n&&u(n,t,`default`));t=((e,t,n)=>(n=e==null?{}:r(s(e)),u(t||!e||!e.__esModule?i(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function f(){return typeof window<`u`}function p(e){return h(e)?(e.nodeName||``).toLowerCase():`#document`}function m(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function h(e){return f()?e instanceof Node||e instanceof m(e).Node:!1}var g=l({Vue:()=>t,Vue2:()=>void 0,del:()=>y,install:()=>_,isVue2:()=>!1,isVue3:()=>!0,set:()=>v});d(g,require(`vue`));function _(){}function v(e,t,n){return Array.isArray(e)?(e.length=Math.max(e.length,t),e.splice(t,1,n),n):(e[t]=n,n)}function y(e,t){if(Array.isArray(e)){e.splice(t,1);return}delete e[t]}function b(e){return typeof e==`object`&&!!e&&`$el`in e}function x(e){if(b(e)){let t=e.$el;return h(t)&&p(t)===`#comment`?null:t}return e}function S(e){return typeof e==`function`?e():(0,g.unref)(e)}function ee(e){return typeof window>`u`?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function C(e,t){let n=ee(e);return Math.round(t*n)/n}function w(e,t,r){r===void 0&&(r={});let i=r.whileElementsMounted,a=(0,g.computed)(()=>S(r.open)??!0),o=(0,g.computed)(()=>S(r.middleware)),s=(0,g.computed)(()=>S(r.placement)??`bottom`),c=(0,g.computed)(()=>S(r.strategy)??`absolute`),l=(0,g.computed)(()=>S(r.transform)??!0),u=(0,g.computed)(()=>x(e.value)),d=(0,g.computed)(()=>x(t.value)),f=(0,g.ref)(0),p=(0,g.ref)(0),m=(0,g.ref)(c.value),h=(0,g.ref)(s.value),_=(0,g.shallowRef)({}),v=(0,g.ref)(!1),y=(0,g.computed)(()=>{let e={position:m.value,left:`0`,top:`0`};if(!d.value)return e;let t=C(d.value,f.value),n=C(d.value,p.value);return l.value?{...e,transform:`translate(`+t+`px, `+n+`px)`,...ee(d.value)>=1.5&&{willChange:`transform`}}:{position:m.value,left:t+`px`,top:n+`px`}}),b;function w(){if(u.value==null||d.value==null)return;let e=a.value;(0,n.computePosition)(u.value,d.value,{middleware:o.value,placement:s.value,strategy:c.value}).then(t=>{f.value=t.x,p.value=t.y,m.value=t.strategy,h.value=t.placement,_.value=t.middlewareData,v.value=e!==!1})}function te(){typeof b==`function`&&(b(),b=void 0)}function T(){if(te(),i===void 0){w();return}if(u.value!=null&&d.value!=null){b=i(u.value,d.value,w);return}}function E(){a.value||(v.value=!1)}return(0,g.watch)([o,s,c,a],w,{flush:`sync`}),(0,g.watch)([u,d],T,{flush:`sync`}),(0,g.watch)(a,E,{flush:`sync`}),(0,g.getCurrentScope)()&&(0,g.onScopeDispose)(te),{x:(0,g.shallowReadonly)(f),y:(0,g.shallowReadonly)(p),strategy:(0,g.shallowReadonly)(m),placement:(0,g.shallowReadonly)(h),middlewareData:(0,g.shallowReadonly)(_),isPositioned:(0,g.shallowReadonly)(v),floatingStyles:y,update:w}}var te=Symbol(`ccuiFormItem`),T=/^[a-z0-9]+(-[a-z0-9]+)*$/,E=(e,t,n,r=``)=>{let i=e.split(`:`);if(e.slice(0,1)===`@`){if(i.length<2||i.length>3)return null;r=i.shift().slice(1)}if(i.length>3||!i.length)return null;if(i.length>1){let e=i.pop(),n=i.pop(),a={provider:i.length>0?i[0]:r,prefix:n,name:e};return t&&!D(a)?null:a}let a=i[0],o=a.split(`-`);if(o.length>1){let e={provider:r,prefix:o.shift(),name:o.join(`-`)};return t&&!D(e)?null:e}if(n&&r===``){let e={provider:r,prefix:``,name:a};return t&&!D(e,n)?null:e}return null},D=(e,t)=>e?!!((t&&e.prefix===``||e.prefix)&&e.name):!1;function O(e,t){let n=e.icons,r=e.aliases||Object.create(null),i=Object.create(null);function a(e){if(n[e])return i[e]=[];if(!(e in i)){i[e]=null;let t=r[e]&&r[e].parent,n=t&&a(t);n&&(i[e]=[t].concat(n))}return i[e]}return Object.keys(n).concat(Object.keys(r)).forEach(a),i}var k=Object.freeze({left:0,top:0,width:16,height:16}),A=Object.freeze({rotate:0,vFlip:!1,hFlip:!1}),j=Object.freeze({...k,...A}),M=Object.freeze({...j,body:``,hidden:!1});function ne(e,t){let n={};!e.hFlip!=!t.hFlip&&(n.hFlip=!0),!e.vFlip!=!t.vFlip&&(n.vFlip=!0);let r=((e.rotate||0)+(t.rotate||0))%4;return r&&(n.rotate=r),n}function re(e,t){let n=ne(e,t);for(let r in M)r in A?r in e&&!(r in n)&&(n[r]=A[r]):r in t?n[r]=t[r]:r in e&&(n[r]=e[r]);return n}function ie(e,t,n){let r=e.icons,i=e.aliases||Object.create(null),a={};function o(e){a=re(r[e]||i[e],a)}return o(t),n.forEach(o),re(e,a)}function ae(e,t){let n=[];if(typeof e!=`object`||typeof e.icons!=`object`)return n;e.not_found instanceof Array&&e.not_found.forEach(e=>{t(e,null),n.push(e)});let r=O(e);for(let i in r){let a=r[i];a&&(t(i,ie(e,i,a)),n.push(i))}return n}var oe={provider:``,aliases:{},not_found:{},...k};function N(e,t){for(let n in t)if(n in e&&typeof e[n]!=typeof t[n])return!1;return!0}function P(e){if(typeof e!=`object`||!e)return null;let t=e;if(typeof t.prefix!=`string`||!e.icons||typeof e.icons!=`object`||!N(e,oe))return null;let n=t.icons;for(let e in n){let t=n[e];if(!e||typeof t.body!=`string`||!N(t,M))return null}let r=t.aliases||Object.create(null);for(let e in r){let t=r[e],i=t.parent;if(!e||typeof i!=`string`||!n[i]&&!r[i]||!N(t,M))return null}return t}var F=Object.create(null);function se(e,t){return{provider:e,prefix:t,icons:Object.create(null),missing:new Set}}function I(e,t){let n=F[e]||(F[e]=Object.create(null));return n[t]||(n[t]=se(e,t))}function L(e,t){return P(t)?ae(t,(t,n)=>{n?e.icons[t]=n:e.missing.add(t)}):[]}function ce(e,t,n){try{if(typeof n.body==`string`)return e.icons[t]={...n},!0}catch{}return!1}var R=!1;function z(e){return typeof e==`boolean`&&(R=e),R}function le(e){let t=typeof e==`string`?E(e,!0,R):e;if(t){let e=I(t.provider,t.prefix),n=t.name;return e.icons[n]||(e.missing.has(n)?null:void 0)}}function ue(e,t){let n=E(e,!0,R);if(!n)return!1;let r=I(n.provider,n.prefix);return t?ce(r,n.name,t):(r.missing.add(n.name),!0)}function B(e,t){if(typeof e!=`object`)return!1;if(typeof t!=`string`&&(t=e.provider||``),R&&!t&&!e.prefix){let t=!1;return P(e)&&(e.prefix=``,ae(e,(e,n)=>{ue(e,n)&&(t=!0)})),t}let n=e.prefix;return D({prefix:n,name:`a`})?!!L(I(t,n),e):!1}var V=Object.freeze({width:null,height:null}),de=Object.freeze({...V,...A}),fe=/(-?[0-9.]*[0-9]+[0-9.]*)/g,pe=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function H(e,t,n){if(t===1)return e;if(n||=100,typeof e==`number`)return Math.ceil(e*t*n)/n;if(typeof e!=`string`)return e;let r=e.split(fe);if(r===null||!r.length)return e;let i=[],a=r.shift(),o=pe.test(a);for(;;){if(o){let e=parseFloat(a);isNaN(e)?i.push(a):i.push(Math.ceil(e*t*n)/n)}else i.push(a);if(a=r.shift(),a===void 0)return i.join(``);o=!o}}function me(e,t=`defs`){let n=``,r=e.indexOf(`<`+t);for(;r>=0;){let i=e.indexOf(`>`,r),a=e.indexOf(`</`+t);if(i===-1||a===-1)break;let o=e.indexOf(`>`,a);if(o===-1)break;n+=e.slice(i+1,a).trim(),e=e.slice(0,r).trim()+e.slice(o+1)}return{defs:n,content:e}}function he(e,t){return e?`<defs>`+e+`</defs>`+t:t}function ge(e,t,n){let r=me(e);return he(r.defs,t+r.content+n)}var _e=e=>e===`unset`||e===`undefined`||e===`none`;function ve(e,t){let n={...j,...e},r={...de,...t},i={left:n.left,top:n.top,width:n.width,height:n.height},a=n.body;[n,r].forEach(e=>{let t=[],n=e.hFlip,r=e.vFlip,o=e.rotate;n?r?o+=2:(t.push(`translate(`+(i.width+i.left).toString()+` `+(0-i.top).toString()+`)`),t.push(`scale(-1 1)`),i.top=i.left=0):r&&(t.push(`translate(`+(0-i.left).toString()+` `+(i.height+i.top).toString()+`)`),t.push(`scale(1 -1)`),i.top=i.left=0);let s;switch(o<0&&(o-=Math.floor(o/4)*4),o%=4,o){case 1:s=i.height/2+i.top,t.unshift(`rotate(90 `+s.toString()+` `+s.toString()+`)`);break;case 2:t.unshift(`rotate(180 `+(i.width/2+i.left).toString()+` `+(i.height/2+i.top).toString()+`)`);break;case 3:s=i.width/2+i.left,t.unshift(`rotate(-90 `+s.toString()+` `+s.toString()+`)`);break}o%2==1&&(i.left!==i.top&&(s=i.left,i.left=i.top,i.top=s),i.width!==i.height&&(s=i.width,i.width=i.height,i.height=s)),t.length&&(a=ge(a,`<g transform="`+t.join(` `)+`">`,`</g>`))});let o=r.width,s=r.height,c=i.width,l=i.height,u,d;o===null?(d=s===null?`1em`:s===`auto`?l:s,u=H(d,c/l)):(u=o===`auto`?c:o,d=s===null?H(u,l/c):s===`auto`?l:s);let f={},p=(e,t)=>{_e(t)||(f[e]=t.toString())};p(`width`,u),p(`height`,d);let m=[i.left,i.top,c,l];return f.viewBox=m.join(` `),{attributes:f,viewBox:m,body:a}}var ye=/\sid="(\S+)"/g,be=new Map;function xe(e){e=e.replace(/[0-9]+$/,``)||`a`;let t=be.get(e)||0;return be.set(e,t+1),t?`${e}${t}`:e}function Se(e){let t=[],n;for(;n=ye.exec(e);)t.push(n[1]);if(!t.length)return e;let r=`suffix`+(Math.random()*16777216|Date.now()).toString(16);return t.forEach(t=>{let n=xe(t),i=t.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`);e=e.replace(RegExp(`([#;"])(`+i+`)([")]|\\.[a-z])`,`g`),`$1`+n+r+`$3`)}),e=e.replace(new RegExp(r,`g`),``),e}var Ce=Object.create(null);function we(e,t){Ce[e]=t}function Te(e){return Ce[e]||Ce[``]}function Ee(e){let t;if(typeof e.resources==`string`)t=[e.resources];else if(t=e.resources,!(t instanceof Array)||!t.length)return null;return{resources:t,path:e.path||`/`,maxURL:e.maxURL||500,rotate:e.rotate||750,timeout:e.timeout||5e3,random:e.random===!0,index:e.index||0,dataAfterTimeout:e.dataAfterTimeout!==!1}}for(var De=Object.create(null),U=[`https://api.simplesvg.com`,`https://api.unisvg.com`],Oe=[];U.length>0;)U.length===1||Math.random()>.5?Oe.push(U.shift()):Oe.push(U.pop());De[``]=Ee({resources:[`https://api.iconify.design`].concat(Oe)});function ke(e,t){let n=Ee(t);return n===null?!1:(De[e]=n,!0)}function Ae(e){return De[e]}var je=(()=>{let e;try{if(e=fetch,typeof e==`function`)return e}catch{}})();function Me(e,t){let n=Ae(e);if(!n)return 0;let r;if(!n.maxURL)r=0;else{let e=0;n.resources.forEach(t=>{e=Math.max(e,t.length)});let i=t+`.json?icons=`;r=n.maxURL-e-n.path.length-i.length}return r}function Ne(e){return e===404}var Pe=(e,t,n)=>{let r=[],i=Me(e,t),a=`icons`,o={type:a,provider:e,prefix:t,icons:[]},s=0;return n.forEach((n,c)=>{s+=n.length+1,s>=i&&c>0&&(r.push(o),o={type:a,provider:e,prefix:t,icons:[]},s=n.length),o.icons.push(n)}),r.push(o),r};function Fe(e){if(typeof e==`string`){let t=Ae(e);if(t)return t.path}return`/`}var Ie={prepare:Pe,send:(e,t,n)=>{if(!je){n(`abort`,424);return}let r=Fe(t.provider);switch(t.type){case`icons`:{let e=t.prefix,n=t.icons.join(`,`),i=new URLSearchParams({icons:n});r+=e+`.json?`+i.toString();break}case`custom`:{let e=t.uri;r+=e.slice(0,1)===`/`?e.slice(1):e;break}default:n(`abort`,400);return}let i=503;je(e+r).then(e=>{let t=e.status;if(t!==200){setTimeout(()=>{n(Ne(t)?`abort`:`next`,t)});return}return i=501,e.json()}).then(e=>{if(typeof e!=`object`||!e){setTimeout(()=>{e===404?n(`abort`,e):n(`next`,i)});return}setTimeout(()=>{n(`success`,e)})}).catch(()=>{n(`next`,i)})}};function Le(e,t){e.forEach(e=>{let n=e.loaderCallbacks;n&&(e.loaderCallbacks=n.filter(e=>e.id!==t))})}function Re(e){e.pendingCallbacksFlag||(e.pendingCallbacksFlag=!0,setTimeout(()=>{e.pendingCallbacksFlag=!1;let t=e.loaderCallbacks?e.loaderCallbacks.slice(0):[];if(!t.length)return;let n=!1,r=e.provider,i=e.prefix;t.forEach(t=>{let a=t.icons,o=a.pending.length;a.pending=a.pending.filter(t=>{if(t.prefix!==i)return!0;let o=t.name;if(e.icons[o])a.loaded.push({provider:r,prefix:i,name:o});else if(e.missing.has(o))a.missing.push({provider:r,prefix:i,name:o});else return n=!0,!0;return!1}),a.pending.length!==o&&(n||Le([e],t.id),t.callback(a.loaded.slice(0),a.missing.slice(0),a.pending.slice(0),t.abort))})}))}var ze=0;function Be(e,t,n){let r=ze++,i=Le.bind(null,n,r);if(!t.pending.length)return i;let a={id:r,icons:t,callback:e,abort:i};return n.forEach(e=>{(e.loaderCallbacks||=[]).push(a)}),i}function Ve(e){let t={loaded:[],missing:[],pending:[]},n=Object.create(null);e.sort((e,t)=>e.provider===t.provider?e.prefix===t.prefix?e.name.localeCompare(t.name):e.prefix.localeCompare(t.prefix):e.provider.localeCompare(t.provider));let r={provider:``,prefix:``,name:``};return e.forEach(e=>{if(r.name===e.name&&r.prefix===e.prefix&&r.provider===e.provider)return;r=e;let i=e.provider,a=e.prefix,o=e.name,s=n[i]||(n[i]=Object.create(null)),c=s[a]||(s[a]=I(i,a)),l;l=o in c.icons?t.loaded:a===``||c.missing.has(o)?t.missing:t.pending;let u={provider:i,prefix:a,name:o};l.push(u)}),t}function He(e,t=!0,n=!1){let r=[];return e.forEach(e=>{let i=typeof e==`string`?E(e,t,n):e;i&&r.push(i)}),r}var Ue={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function We(e,t,n,r){let i=e.resources.length,a=e.random?Math.floor(Math.random()*i):e.index,o;if(e.random){let t=e.resources.slice(0);for(o=[];t.length>1;){let e=Math.floor(Math.random()*t.length);o.push(t[e]),t=t.slice(0,e).concat(t.slice(e+1))}o=o.concat(t)}else o=e.resources.slice(a).concat(e.resources.slice(0,a));let s=Date.now(),c=`pending`,l=0,u,d=null,f=[],p=[];typeof r==`function`&&p.push(r);function m(){d&&=(clearTimeout(d),null)}function h(){c===`pending`&&(c=`aborted`),m(),f.forEach(e=>{e.status===`pending`&&(e.status=`aborted`)}),f=[]}function g(e,t){t&&(p=[]),typeof e==`function`&&p.push(e)}function _(){return{startTime:s,payload:t,status:c,queriesSent:l,queriesPending:f.length,subscribe:g,abort:h}}function v(){c=`failed`,p.forEach(e=>{e(void 0,u)})}function y(){f.forEach(e=>{e.status===`pending`&&(e.status=`aborted`)}),f=[]}function b(t,n,r){let i=n!==`success`;switch(f=f.filter(e=>e!==t),c){case`pending`:break;case`failed`:if(i||!e.dataAfterTimeout)return;break;default:return}if(n===`abort`){u=r,v();return}if(i){u=r,f.length||(o.length?x():v());return}if(m(),y(),!e.random){let n=e.resources.indexOf(t.resource);n!==-1&&n!==e.index&&(e.index=n)}c=`completed`,p.forEach(e=>{e(r)})}function x(){if(c!==`pending`)return;m();let r=o.shift();if(r===void 0){if(f.length){d=setTimeout(()=>{m(),c===`pending`&&(y(),v())},e.timeout);return}v();return}let i={status:`pending`,resource:r,callback:(e,t)=>{b(i,e,t)}};f.push(i),l++,d=setTimeout(x,e.rotate),n(r,t,i.callback)}return setTimeout(x),_}function Ge(e){let t={...Ue,...e},n=[];function r(){n=n.filter(e=>e().status===`pending`)}function i(e,i,a){let o=We(t,e,i,(e,t)=>{r(),a&&a(e,t)});return n.push(o),o}function a(e){return n.find(t=>e(t))||null}return{query:i,find:a,setIndex:e=>{t.index=e},getIndex:()=>t.index,cleanup:r}}function Ke(){}var qe=Object.create(null);function Je(e){if(!qe[e]){let t=Ae(e);if(!t)return;qe[e]={config:t,redundancy:Ge(t)}}return qe[e]}function Ye(e,t,n){let r,i;if(typeof e==`string`){let t=Te(e);if(!t)return n(void 0,424),Ke;i=t.send;let a=Je(e);a&&(r=a.redundancy)}else{let t=Ee(e);if(t){r=Ge(t);let n=Te(e.resources?e.resources[0]:``);n&&(i=n.send)}}return!r||!i?(n(void 0,424),Ke):r.query(t,i,n)().abort}function Xe(){}function Ze(e){e.iconsLoaderFlag||(e.iconsLoaderFlag=!0,setTimeout(()=>{e.iconsLoaderFlag=!1,Re(e)}))}function Qe(e){let t=[],n=[];return e.forEach(e=>{(e.match(T)?t:n).push(e)}),{valid:t,invalid:n}}function W(e,t,n){function r(){let n=e.pendingIcons;t.forEach(t=>{n&&n.delete(t),e.icons[t]||e.missing.add(t)})}if(n&&typeof n==`object`)try{if(!L(e,n).length){r();return}}catch(e){console.error(e)}r(),Ze(e)}function $e(e,t){e instanceof Promise?e.then(e=>{t(e)}).catch(()=>{t(null)}):t(e)}function et(e,t){e.iconsToLoad?e.iconsToLoad=e.iconsToLoad.concat(t).sort():e.iconsToLoad=t,e.iconsQueueFlag||(e.iconsQueueFlag=!0,setTimeout(()=>{e.iconsQueueFlag=!1;let{provider:t,prefix:n}=e,r=e.iconsToLoad;if(delete e.iconsToLoad,!r||!r.length)return;let i=e.loadIcon;if(e.loadIcons&&(r.length>1||!i)){$e(e.loadIcons(r,n,t),t=>{W(e,r,t)});return}if(i){r.forEach(r=>{$e(i(r,n,t),t=>{W(e,[r],t?{prefix:n,icons:{[r]:t}}:null)})});return}let{valid:a,invalid:o}=Qe(r);if(o.length&&W(e,o,null),!a.length)return;let s=n.match(T)?Te(t):null;if(!s){W(e,a,null);return}s.prepare(t,n,a).forEach(n=>{Ye(t,n,t=>{W(e,n.icons,t)})})}))}var tt=(e,t)=>{let n=Ve(He(e,!0,z()));if(!n.pending.length){let e=!0;return t&&setTimeout(()=>{e&&t(n.loaded,n.missing,n.pending,Xe)}),()=>{e=!1}}let r=Object.create(null),i=[],a,o;return n.pending.forEach(e=>{let{provider:t,prefix:n}=e;if(n===o&&t===a)return;a=t,o=n,i.push(I(t,n));let s=r[t]||(r[t]=Object.create(null));s[n]||(s[n]=[])}),n.pending.forEach(e=>{let{provider:t,prefix:n,name:i}=e,a=I(t,n),o=a.pendingIcons||=new Set;o.has(i)||(o.add(i),r[t][n].push(i))}),i.forEach(e=>{let t=r[e.provider][e.prefix];t.length&&et(e,t)}),t?Be(t,n,i):Xe};function nt(e,t){let n={...e};for(let e in t){let r=t[e],i=typeof r;e in V?(r===null||r&&(i===`string`||i===`number`))&&(n[e]=r):i===typeof n[e]&&(n[e]=e===`rotate`?r%4:r)}return n}var rt=/[\s,]+/;function it(e,t){t.split(rt).forEach(t=>{switch(t.trim()){case`horizontal`:e.hFlip=!0;break;case`vertical`:e.vFlip=!0;break}})}function at(e,t=0){let n=e.replace(/^-?[0-9.]*/,``);function r(e){for(;e<0;)e+=4;return e%4}if(n===``){let t=parseInt(e);return isNaN(t)?0:r(t)}else if(n!==e){let t=0;switch(n){case`%`:t=25;break;case`deg`:t=90}if(t){let i=parseFloat(e.slice(0,e.length-n.length));return isNaN(i)?0:(i/=t,i%1==0?r(i):0)}}return t}function ot(e,t){let n=e.indexOf(`xlink:`)===-1?``:` xmlns:xlink="http://www.w3.org/1999/xlink"`;for(let e in t)n+=` `+e+`="`+t[e]+`"`;return`<svg xmlns="http://www.w3.org/2000/svg"`+n+`>`+e+`</svg>`}function st(e){return e.replace(/"/g,`'`).replace(/%/g,`%25`).replace(/#/g,`%23`).replace(/</g,`%3C`).replace(/>/g,`%3E`).replace(/\s+/g,` `)}function ct(e){return`data:image/svg+xml,`+st(e)}function lt(e){return`url("`+ct(e)+`")`}var ut={...de,inline:!1},dt={xmlns:`http://www.w3.org/2000/svg`,"xmlns:xlink":`http://www.w3.org/1999/xlink`,"aria-hidden":!0,role:`img`},ft={display:`inline-block`},pt={backgroundColor:`currentColor`},mt={backgroundColor:`transparent`},ht={Image:`var(--svg)`,Repeat:`no-repeat`,Size:`100% 100%`},gt={webkitMask:pt,mask:pt,background:mt};for(let e in gt){let t=gt[e];for(let n in ht)t[e+n]=ht[n]}var G={};[`horizontal`,`vertical`].forEach(e=>{let t=e.slice(0,1)+`Flip`;G[e+`-flip`]=t,G[e.slice(0,1)+`-flip`]=t,G[e+`Flip`]=t});function _t(e){return e+(e.match(/^[-0-9.]+$/)?`px`:``)}var vt=(e,n)=>{let r=nt(ut,n),i={...dt},a=n.mode||`svg`,o={},s=n.style,c=typeof s==`object`&&!(s instanceof Array)?s:{};for(let e in n){let t=n[e];if(t!==void 0)switch(e){case`icon`:case`style`:case`onLoad`:case`mode`:case`ssr`:case`customise`:break;case`inline`:case`hFlip`:case`vFlip`:r[e]=t===!0||t===`true`||t===1;break;case`flip`:typeof t==`string`&&it(r,t);break;case`color`:o.color=t;break;case`rotate`:typeof t==`string`?r[e]=at(t):typeof t==`number`&&(r[e]=t);break;case`ariaHidden`:case`aria-hidden`:t!==!0&&t!==`true`&&delete i[`aria-hidden`];break;default:{let n=G[e];n?(t===!0||t===`true`||t===1)&&(r[n]=!0):ut[e]===void 0&&(i[e]=t)}}}let l=ve(e,r),u=l.attributes;if(r.inline&&(o.verticalAlign=`-0.125em`),a===`svg`)return i.style={...o,...c},Object.assign(i,u),i.innerHTML=Se(l.body),(0,t.h)(`svg`,i);let{body:d,width:f,height:p}=e,m=a===`mask`||(a===`bg`?!1:d.indexOf(`currentColor`)!==-1),h=ot(d,{...u,width:f+``,height:p+``});return i.style={...o,"--svg":lt(h),width:_t(u.width),height:_t(u.height),...ft,...m?pt:mt,...c},(0,t.h)(`span`,i)};if(z(!0),we(``,Ie),typeof document<`u`&&typeof window<`u`){let e=window;if(e.IconifyPreload!==void 0){let t=e.IconifyPreload,n=`Invalid IconifyPreload syntax.`;typeof t==`object`&&t&&(t instanceof Array?t:[t]).forEach(e=>{try{(typeof e!=`object`||!e||e instanceof Array||typeof e.icons!=`object`||typeof e.prefix!=`string`||!B(e))&&console.error(n)}catch{console.error(n)}})}if(e.IconifyProviders!==void 0){let t=e.IconifyProviders;if(typeof t==`object`&&t)for(let e in t){let n=`IconifyProviders[`+e+`] is invalid.`;try{let r=t[e];if(typeof r!=`object`||!r||r.resources===void 0)continue;ke(e,r)||console.error(n)}catch{console.error(n)}}}}var yt={...j,body:``},bt=(0,t.defineComponent)((e,{emit:n})=>{let r=(0,t.ref)(null);function i(){r.value&&=(r.value.abort?.(),null)}let a=(0,t.ref)(!!e.ssr),o=(0,t.ref)(``),s=(0,t.shallowRef)(null);function c(){let a=e.icon;if(typeof a==`object`&&a&&typeof a.body==`string`)return o.value=``,{data:a};let s;if(typeof a!=`string`||(s=E(a,!1,!0))===null)return null;let c=le(s);if(!c){let e=r.value;return(!e||e.name!==a)&&(c===null?r.value={name:a}:r.value={name:a,abort:tt([s],l)}),null}i(),o.value!==a&&(o.value=a,(0,t.nextTick)(()=>{n(`load`,a)}));let u=e.customise;if(u){c=Object.assign({},c);let e=u(c.body,s.name,s.prefix,s.provider);typeof e==`string`&&(c.body=e)}let d=[`iconify`];return s.prefix!==``&&d.push(`iconify--`+s.prefix),s.provider!==``&&d.push(`iconify--`+s.provider),{data:c,classes:d}}function l(){let e=c();e?e.data!==s.value?.data&&(s.value=e):s.value=null}return a.value?l():(0,t.onMounted)(()=>{a.value=!0,l()}),(0,t.watch)(()=>e.icon,l),(0,t.onUnmounted)(i),()=>{let t=s.value;if(!t)return vt(yt,e);let n=e;return t.classes&&(n={...e,class:t.classes.join(` `)}),vt({...j,...t.data},n)}},{props:[`icon`,`mode`,`ssr`,`width`,`height`,`style`,`color`,`inline`,`rotate`,`hFlip`,`horizontalFlip`,`vFlip`,`verticalFlip`,`flip`,`id`,`ariaHidden`,`customise`,`title`],emits:[`load`]}),xt={prefix:`mdi`,icons:{"alert-circle":{width:24,height:24,body:`<path fill="currentColor" d="M13 13h-2V7h2m0 10h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"/>`},"arrow-up":{width:24,height:24,body:`<path fill="currentColor" d="M13 20h-2V8l-5.5 5.5l-1.42-1.42L12 4.16l7.92 7.92l-1.42 1.42L13 8v12Z"/>`},"calendar-outline":{width:24,height:24,body:`<path fill="currentColor" d="M12 12h5v5h-5v-5m7-9h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 2v2H5V5h14M5 19V9h14v10H5Z"/>`},check:{width:24,height:24,body:`<path fill="currentColor" d="M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59L21 7Z"/>`},"check-circle":{width:24,height:24,body:`<path fill="currentColor" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9Z"/>`},"chevron-right":{width:24,height:24,body:`<path fill="currentColor" d="M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6l-1.41-1.42Z"/>`},"clock-outline":{width:24,height:24,body:`<path fill="currentColor" d="M12 20a8 8 0 0 0 8-8a8 8 0 0 0-8-8a8 8 0 0 0-8 8a8 8 0 0 0 8 8m0-18a10 10 0 0 1 10 10a10 10 0 0 1-10 10C6.47 22 2 17.5 2 12A10 10 0 0 1 12 2m.5 5v5.25l4.5 2.67l-.75 1.23L11 13V7h1.5Z"/>`},close:{width:24,height:24,body:`<path fill="currentColor" d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"/>`},"close-circle":{width:24,height:24,body:`<path fill="currentColor" d="M12 2c5.53 0 10 4.47 10 10s-4.47 10-10 10S2 17.53 2 12S6.47 2 12 2m3.59 5L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17L17 15.59L13.41 12L17 8.41L15.59 7Z"/>`},"content-copy":{width:24,height:24,body:`<path fill="currentColor" d="M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12V1Z"/>`},loading:{width:24,height:24,body:`<path fill="currentColor" d="M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8Z"/>`},magnify:{width:24,height:24,body:`<path fill="currentColor" d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5Z"/>`},"menu-down":{width:24,height:24,body:`<path fill="currentColor" d="m7 10l5 5l5-5H7Z"/>`},"menu-right":{width:24,height:24,body:`<path fill="currentColor" d="m10 17l5-5l-5-5v10Z"/>`}}},St=!1;function Ct(){St||=(B(xt),!0)}Ct();function wt(e){return e.includes(`:`)}function Tt(e){return e?typeof e==`string`?wt(e)?(0,t.h)(bt,{icon:e}):(0,t.h)(`i`,{class:e}):e:null}function K(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function Et(e,t=!1){let n=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>K(n),e:e=>e?K(n,e):``,m:e=>e?K(n,``,e):``,em:(e,t)=>e&&t?K(n,e,t):``,is:e=>`is-${e}`}}var Dt=new Set;function Ot(){return globalThis.process?.env?.NODE_ENV!==`production`}function kt(e,t,n){if(!Ot())return;let r=n?`${n}.${e}`:e;if(Dt.has(r)||(Dt.add(r),typeof console>`u`))return;let i=n?`[ccui][${n}]`:`[ccui]`,a=t?`，请改用 ${t}`:``;console.warn(`${i} ${e} 已 deprecated${a}。`)}var At=/^#?([0-9a-f])([0-9a-f])([0-9a-f])$/i,jt=/^#?([0-9a-f])([0-9a-f])([0-9a-f])([0-9a-f])$/i,Mt=/^#?([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i,Nt=/^#?([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i;function q(e,t,n){return Number.isNaN(e)||e<t?t:e>n?n:e}function J(e){let t=Math.round(e).toString(16);return t.length===1?`0${t}`:t}function Y(e){if(!e||typeof e!=`string`)return null;let t=e.trim(),n=Nt.exec(t);return n?{r:Number.parseInt(n[1],16),g:Number.parseInt(n[2],16),b:Number.parseInt(n[3],16),a:Math.round(Number.parseInt(n[4],16)/255*100)/100}:(n=Mt.exec(t),n?{r:Number.parseInt(n[1],16),g:Number.parseInt(n[2],16),b:Number.parseInt(n[3],16),a:1}:(n=jt.exec(t),n?{r:Number.parseInt(n[1]+n[1],16),g:Number.parseInt(n[2]+n[2],16),b:Number.parseInt(n[3]+n[3],16),a:Math.round(Number.parseInt(n[4]+n[4],16)/255*100)/100}:(n=At.exec(t),n?{r:Number.parseInt(n[1]+n[1],16),g:Number.parseInt(n[2]+n[2],16),b:Number.parseInt(n[3]+n[3],16),a:1}:null)))}function Pt(e,t=!1){let n=J(q(e.r,0,255)),r=J(q(e.g,0,255)),i=J(q(e.b,0,255));return t||e.a<1?`#${n}${r}${i}${J(q(Math.round(e.a*255),0,255))}`:`#${n}${r}${i}`}function X(e){let t=q(e.r,0,255)/255,n=q(e.g,0,255)/255,r=q(e.b,0,255)/255,i=Math.max(t,n,r),a=i-Math.min(t,n,r),o=0;a!==0&&(o=i===t?(n-r)/a%6:i===n?(r-t)/a+2:(t-n)/a+4,o=Math.round(o*60),o<0&&(o+=360));let s=i===0?0:Math.round(a/i*100),c=Math.round(i*100);return{h:o,s,v:c,a:q(e.a,0,1)}}function Z(e){let t=(e.h%360+360)%360,n=q(e.s,0,100)/100,r=q(e.v,0,100)/100,i=r*n,a=i*(1-Math.abs(t/60%2-1)),o=r-i,s=0,c=0,l=0;return t<60?[s,c,l]=[i,a,0]:t<120?[s,c,l]=[a,i,0]:t<180?[s,c,l]=[0,i,a]:t<240?[s,c,l]=[0,a,i]:t<300?[s,c,l]=[a,0,i]:[s,c,l]=[i,0,a],{r:Math.round((s+o)*255),g:Math.round((c+o)*255),b:Math.round((l+o)*255),a:q(e.a,0,1)}}function Q(e,t=!1){let n=Math.round(q(e.r,0,255)),r=Math.round(q(e.g,0,255)),i=Math.round(q(e.b,0,255));return t||e.a<1?`rgba(${n}, ${r}, ${i}, ${Math.round(e.a*100)/100})`:`rgb(${n}, ${r}, ${i})`}function Ft(e){let t=Math.round((e.h%360+360)%360),n=Math.round(q(e.s,0,100)),r=Math.round(q(e.v,0,100));return e.a<1?`hsva(${t}, ${n}%, ${r}%, ${Math.round(e.a*100)/100})`:`hsv(${t}, ${n}%, ${r}%)`}var It=`#1677ff`,Lt={modelValue:{type:String,default:void 0},defaultValue:{type:String,default:`#1677ff`},format:{type:String,default:`hex`},disabled:{type:Boolean,default:!1},size:{type:String,default:`default`},status:{type:String,default:``},showText:{type:Boolean,default:!1},disabledAlpha:{type:Boolean,default:!1},presets:{type:Array,default:()=>[]},placement:{type:String,default:`bottomLeft`},popupClassName:{type:String,default:``},popupAppendToBody:{type:Boolean,default:!1},getPopupContainer:{type:Function,default:void 0},transitionName:{type:String,default:`ccui-color-picker-fade`},allowClear:{type:Boolean,default:!1},clearIcon:{type:[String,Object],default:void 0},variant:{type:String,default:`outlined`},classNames:{type:Object,default:void 0},styles:{type:Object,default:void 0}},Rt={bottomLeft:`bottom-start`,bottomRight:`bottom-end`,topLeft:`top-start`,topRight:`top-end`};function zt(e){return Number.isNaN(e)||e<0?0:e>1?1:e}var $=(0,t.defineComponent)({name:`CColorPicker`,props:Lt,emits:[`update:modelValue`,`change`,`open-change`],setup(e,{emit:r,slots:i}){let a=Et(`color-picker`),o=`ccui-color-picker-popup-${(0,t.getCurrentInstance)()?.uid??0}`,s=(0,t.ref)(null),c=(0,t.ref)(null),l=(0,t.ref)(null),u=(0,t.ref)(null),d=(0,t.ref)(null),f=(0,t.shallowRef)(!1),p=(0,t.shallowRef)(e.defaultValue??`#1677ff`),m=(0,t.inject)(te,null),h=(0,t.computed)(()=>e.modelValue!==void 0),g=(0,t.computed)(()=>(h.value?e.modelValue:p.value)??`#1677ff`),_=(0,t.computed)(()=>Y(g.value)??Y(`#1677ff`)),v=(0,t.shallowRef)(X(_.value));function y(){v.value=X(_.value)}(0,t.watch)(g,y);let b=(0,t.computed)(()=>Rt[e.placement]),x=(0,t.computed)(()=>typeof document>`u`?null:e.getPopupContainer?e.getPopupContainer(s.value):e.popupAppendToBody?document.body:null),S=(0,t.computed)(()=>x.value!==null),{floatingStyles:ee}=w(s,c,{placement:b,open:f,whileElementsMounted:n.autoUpdate,middleware:[(0,n.offset)(4),(0,n.flip)(),(0,n.shift)({padding:8})],strategy:(0,t.computed)(()=>S.value?`fixed`:`absolute`)}),C=(0,t.computed)(()=>m?.validateStatus.value??``),T=(0,t.computed)(()=>e.status||C.value);function E(){e.disabled||f.value||(y(),f.value=!0,r(`open-change`,!0))}function D(){f.value&&(f.value=!1,r(`open-change`,!1))}function O(){f.value?D():E()}function k(t){let n=Z(t),i=Pt(n,e.disabledAlpha?!1:n.a<1);h.value||(p.value=i),r(`update:modelValue`,i),r(`change`,i,{rgb:n,hsv:t}),m?.validate(`change`)}function A(t){v.value=e.disabledAlpha?{...t,a:1}:t,k(v.value)}function j(e){if(!f.value)return;let t=e.target;t&&(s.value?.contains(t)||c.value?.contains(t)||D())}(0,t.onMounted)(()=>{document.addEventListener(`mousedown`,j,!0)}),(0,t.onUnmounted)(()=>{document.removeEventListener(`mousedown`,j,!0)});function M(e,t,n){let r=e.getBoundingClientRect();function i(e){n(zt((e.clientX-r.left)/Math.max(r.width,1)),zt((e.clientY-r.top)/Math.max(r.height,1)),r)}i(t);let a=e=>i(e),o=()=>{document.removeEventListener(`pointermove`,a),document.removeEventListener(`pointerup`,o)};document.addEventListener(`pointermove`,a),document.addEventListener(`pointerup`,o)}function ne(t){e.disabled||!l.value||M(l.value,t,(e,t)=>{A({h:v.value.h,s:Math.round(e*100),v:Math.round((1-t)*100),a:v.value.a})})}function re(t){e.disabled||!u.value||M(u.value,t,e=>{A({h:Math.round(e*360),s:v.value.s,v:v.value.v,a:v.value.a})})}function ie(t){e.disabled||e.disabledAlpha||!d.value||M(d.value,t,e=>{A({h:v.value.h,s:v.value.s,v:v.value.v,a:Math.round(e*100)/100})})}function ae(t){if(e.disabled)return;let n=t.shiftKey?10:1,{s:r,v:i}=v.value;switch(t.key){case`ArrowRight`:r=Math.min(100,r+n);break;case`ArrowLeft`:r=Math.max(0,r-n);break;case`ArrowUp`:i=Math.min(100,i+n);break;case`ArrowDown`:i=Math.max(0,i-n);break;default:return}t.preventDefault(),A({...v.value,s:r,v:i})}function oe(t){if(e.disabled)return;let n=t.shiftKey?10:1,{h:r}=v.value;switch(t.key){case`ArrowRight`:case`ArrowUp`:r=Math.min(360,r+n);break;case`ArrowLeft`:case`ArrowDown`:r=Math.max(0,r-n);break;default:return}t.preventDefault(),A({...v.value,h:r})}function N(t){if(e.disabled||e.disabledAlpha)return;let n=t.shiftKey?.1:.01,{a:r}=v.value;switch(t.key){case`ArrowRight`:case`ArrowUp`:r=Math.min(1,+(r+n).toFixed(2));break;case`ArrowLeft`:case`ArrowDown`:r=Math.max(0,+(r-n).toFixed(2));break;default:return}t.preventDefault(),A({...v.value,a:r})}function P(e){e.stopPropagation(),h.value||(p.value=It),r(`update:modelValue`,null),r(`change`,null,{rgb:null,hsv:null}),m?.validate(`change`),D()}let F=(0,t.ref)(``);(0,t.watch)(g,e=>{F.value=(e||``).replace(/^#/,``).toUpperCase()},{immediate:!0});function se(e){F.value=e.target.value.toUpperCase()}function I(){let e=Y(`#${F.value}`);e?A(X(e)):F.value=(g.value||``).replace(/^#/,``).toUpperCase()}function L(e){e.key===`Enter`&&(I(),e.target.blur?.())}function ce(e){let t=Y(e);t&&A(X(t))}let R=(0,t.computed)(()=>{let t=_.value;if(e.format===`rgb`)return Q(t);if(e.format===`hsb`){let e=X(t);return`hsb(${e.h}, ${e.s}%, ${e.v}%)`}return e.format===`hsv`?(kt(`format="hsv"`,`hsb`,`ColorPicker`),Ft(X(t))):Pt(t,!e.disabledAlpha&&t.a<1).toUpperCase()});function z(){if(i.trigger)return(0,t.createVNode)(`div`,{ref:e=>s.value=e,class:[a.e(`trigger-custom`),e.classNames?.trigger],style:e.styles?.trigger,onClick:O},[i.trigger({color:g.value,open:f.value,disabled:e.disabled})]);let n={backgroundColor:Q(_.value,!0)};return(0,t.createVNode)(`button`,{ref:e=>s.value=e,type:`button`,class:[[a.e(`trigger`),a.em(`size`,e.size),e.disabled?a.is(`disabled`):``,f.value?a.is(`open`):``,T.value?a.em(`status`,T.value):``],e.classNames?.trigger],style:e.styles?.trigger,disabled:e.disabled,"aria-haspopup":`dialog`,"aria-expanded":f.value,"aria-controls":o,onClick:O},[(0,t.createVNode)(`span`,{class:a.e(`swatch`)},[(0,t.createVNode)(`span`,{class:a.e(`swatch-fg`),style:n},null)]),e.showText&&(0,t.createVNode)(`span`,{class:a.e(`value-text`)},[R.value]),e.allowClear&&!e.disabled&&(0,t.createVNode)(`span`,{class:a.e(`clear`),onClick:P,role:`button`,"aria-label":`clear color`},[i.clearIcon?i.clearIcon():Tt(e.clearIcon)??`×`])])}function le(){let e=v.value.h,n={left:`${v.value.s}%`,top:`${100-v.value.v}%`},r={backgroundColor:`hsl(${e}, 100%, 50%)`};return(0,t.createVNode)(`div`,{ref:l,class:a.e(`sv`),style:r,onPointerdown:ne,onKeydown:ae,tabindex:0,role:`application`,"aria-label":`saturation and value`},[(0,t.createVNode)(`div`,{class:a.e(`sv-saturation`)},null),(0,t.createVNode)(`div`,{class:a.e(`sv-value`)},null),(0,t.createVNode)(`div`,{class:a.e(`sv-cursor`),style:n},null)])}function ue(){let e={left:`${v.value.h/360*100}%`};return(0,t.createVNode)(`div`,{ref:u,class:a.e(`hue`),onPointerdown:re,onKeydown:oe,tabindex:0},[(0,t.createVNode)(`div`,{class:a.e(`hue-cursor`),style:e},null)])}function B(){if(e.disabledAlpha)return null;let n={left:`${v.value.a*100}%`},r=Z({...v.value,a:1}),i={background:`linear-gradient(to right, ${Q({...r,a:0},!0)}, ${Q(r,!1)})`};return(0,t.createVNode)(`div`,{ref:d,class:a.e(`alpha`),onPointerdown:ie,onKeydown:N,tabindex:0},[(0,t.createVNode)(`div`,{class:a.e(`alpha-track`),style:i},null),(0,t.createVNode)(`div`,{class:a.e(`alpha-cursor`),style:n},null)])}function V(e,t){let n=Number(t.target.value);if(Number.isNaN(n))return;let r=Math.max(0,Math.min(255,Math.round(n)));A(X({...Z(v.value),[e]:r}))}function de(){let n=Z(v.value);return(0,t.createVNode)(`div`,{class:a.e(`inputs`)},[(0,t.createVNode)(`div`,{class:a.e(`hex-wrap`)},[(0,t.createVNode)(`span`,{class:a.e(`hash`)},[(0,t.createTextVNode)(`#`)]),(0,t.createVNode)(`input`,{class:a.e(`hex-input`),value:F.value,maxlength:8,spellcheck:!1,onInput:se,onBlur:I,onKeydown:L,"aria-label":`hex`},null)]),(0,t.createVNode)(`div`,{class:a.e(`rgb-inputs`)},[[`r`,`g`,`b`].map(e=>(0,t.createVNode)(`input`,{key:e,class:a.e(`rgb-input`),type:`number`,min:0,max:255,step:1,value:n[e],onInput:t=>V(e,t),"aria-label":e.toUpperCase()},null))]),!e.disabledAlpha&&(0,t.createVNode)(`div`,{class:a.e(`alpha-input-wrap`)},[(0,t.createVNode)(`input`,{class:a.e(`alpha-input`),type:`number`,min:0,max:100,step:1,value:Math.round(v.value.a*100),onInput:e=>{let t=Number(e.target.value);if(Number.isNaN(t))return;let n=Math.max(0,Math.min(100,t))/100;A({...v.value,a:n})},"aria-label":`alpha`},null),(0,t.createVNode)(`span`,{class:a.e(`alpha-suffix`)},[(0,t.createTextVNode)(`%`)])])])}let fe=(0,t.computed)(()=>{let t=e.presets;return!t||t.length===0?[]:t.every(e=>e&&typeof e==`object`&&Array.isArray(e.colors))?t:[{colors:t}]});function pe(e){return typeof e==`string`?e:e.color}function H(e){return typeof e==`string`?e:e.label??e.color}function me(){let e=fe.value;return e.length===0?null:(0,t.createVNode)(`div`,{class:a.e(`presets`)},[e.map((e,n)=>(0,t.createVNode)(`div`,{class:a.e(`preset-group`),key:e.label??`group-${n}`},[e.label&&(0,t.createVNode)(`div`,{class:a.e(`preset-group-label`)},[e.label]),(0,t.createVNode)(`div`,{class:a.e(`preset-group-colors`)},[e.colors.map(e=>{let n=pe(e);return(0,t.createVNode)(`button`,{key:n,type:`button`,class:a.e(`preset`),style:{backgroundColor:n},"aria-label":H(e),title:H(e),onClick:()=>ce(n)},null)})])]))])}function he(){return(0,t.createVNode)(`div`,{class:a.e(`picker`)},[le(),ue(),B(),de()])}function ge(){return i.footer?(0,t.createVNode)(`div`,{class:a.e(`footer`)},[i.footer({color:g.value})]):null}function _e(){if(!f.value)return null;let n=[a.e(`panel`),e.popupClassName].filter(Boolean),r=i.panel,s=r?r({color:g.value,components:{picker:he,presets:me,footer:ge}}):[me(),he(),ge()];return(0,t.createVNode)(t.Teleport,{to:x.value,disabled:!S.value},{default:()=>[(0,t.createVNode)(t.Transition,{name:e.transitionName,appear:!0},{default:()=>[(0,t.createVNode)(`div`,{ref:c,id:o,class:[n,e.classNames?.popup],style:[ee.value,e.styles?.popup],role:`dialog`,"aria-label":`选择颜色`},[s])]})]})}return()=>(0,t.createVNode)(`div`,{class:[a.b(),e.disabled?a.is(`disabled`):``,e.variant?a.m(`variant-${e.variant}`):``,e.classNames?.root],style:e.styles?.root},[z(),_e()])}});$.install=function(e){e.component($.name,$)},e.ColorPicker=$,e.default={title:`ColorPicker 颜色选择器`,category:`数据录入`,status:`80%`,install(e){e.component($.name,$)}}});

package/color-picker/src/color-picker-types.d.ts

@@ -0,0 +1,121 @@
+import type { ExtractPropTypes, PropType, VNode } from 'vue';
+import type { CcSemanticClasses, CcSemanticStyles } from '../../shared/hooks/use-semantic';
+export type ColorPickerSize = 'large' | 'default' | 'small';
+export type ColorPickerStatus = '' | 'error' | 'warning' | 'success' | 'validating';
+export type ColorPickerPlacement = 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
+/**
+ * 预设色板单项。
+ *
+ * - 单色：`string`（hex）或 `{ color, label? }`
+ * - 分组：`{ label?, colors: Array<string | { color, label? }> }`，多组按 label 区分
+ */
+export type ColorPickerPresetColor = string | {
+    color: string;
+    label?: string;
+};
+export interface ColorPickerPresetGroup {
+    label?: string;
+    colors: ColorPickerPresetColor[];
+}
+export type ColorPickerPresetItem = string | ColorPickerPresetGroup;
+/**
+ * 颜色格式。
+ *
+ * - 推荐：`'hex' | 'rgb' | 'hsb'`（HSB = Hue / Saturation / Brightness）
+ * - 兼容：`'hsv'`（旧名，运行时等价于 `'hsb'`；下一大版本移除）
+ */
+export type ColorPickerFormat = 'hex' | 'rgb' | 'hsb' | 'hsv';
+export type GetPopupContainer = (triggerNode: HTMLElement | null) => HTMLElement | null;
+export declare const colorPickerProps: {
+    readonly modelValue: {
+        readonly type: PropType<string | null>;
+        readonly default: undefined;
+    };
+    readonly defaultValue: {
+        readonly type: StringConstructor;
+        readonly default: "#1677ff";
+    };
+    readonly format: {
+        readonly type: PropType<ColorPickerFormat>;
+        readonly default: "hex";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly size: {
+        readonly type: PropType<ColorPickerSize>;
+        readonly default: "default";
+    };
+    readonly status: {
+        readonly type: PropType<ColorPickerStatus>;
+        readonly default: "";
+    };
+    readonly showText: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabledAlpha: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly presets: {
+        readonly type: PropType<ColorPickerPresetItem[]>;
+        readonly default: () => never[];
+    };
+    readonly placement: {
+        readonly type: PropType<ColorPickerPlacement>;
+        readonly default: "bottomLeft";
+    };
+    readonly popupClassName: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly popupAppendToBody: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly getPopupContainer: {
+        readonly type: PropType<GetPopupContainer>;
+        readonly default: undefined;
+    };
+    readonly transitionName: {
+        readonly type: StringConstructor;
+        readonly default: "ccui-color-picker-fade";
+    };
+    readonly allowClear: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 自定义清除图标。接 string（Iconify name / CSS class）或 VNode；
+     * 同名 `clearIcon` slot 优先级最高。
+     */
+    readonly clearIcon: {
+        readonly type: PropType<string | VNode>;
+        readonly default: undefined;
+    };
+    /**
+     * 录入组件统一 variant 形态。
+     */
+    readonly variant: {
+        readonly type: PropType<ColorPickerVariant>;
+        readonly default: "outlined";
+    };
+    /**
+     * 语义化 DOM className 注入。可用 key：`root` / `trigger` / `popup`。
+     */
+    readonly classNames: {
+        readonly type: PropType<CcSemanticClasses>;
+        readonly default: undefined;
+    };
+    /**
+     * 语义化 DOM style 注入。可用 key 与 classNames 一致。
+     */
+    readonly styles: {
+        readonly type: PropType<CcSemanticStyles>;
+        readonly default: undefined;
+    };
+};
+export type ColorPickerProps = ExtractPropTypes<typeof colorPickerProps>;
+export type ColorPickerVariant = 'outlined' | 'filled' | 'borderless' | 'underlined';

package/color-picker/src/color-picker.d.ts

@@ -0,0 +1,75 @@
+import type { VNode } from 'vue';
+import type { ColorPickerPlacement } from './color-picker-types';
+
+declare const _default: import("vue").DefineComponent<{
+    readonly size: import("./color-picker-types").ColorPickerSize;
+    readonly disabled: boolean;
+    readonly defaultValue: string;
+    readonly allowClear: boolean;
+    readonly status: import("./color-picker-types").ColorPickerStatus;
+    readonly placement: ColorPickerPlacement;
+    readonly popupClassName: string;
+    readonly popupAppendToBody: boolean;
+    readonly transitionName: string;
+    readonly variant: import("./color-picker-types").ColorPickerVariant;
+    readonly format: import("./color-picker-types").ColorPickerFormat;
+    readonly showText: boolean;
+    readonly disabledAlpha: boolean;
+    readonly presets: import("./color-picker-types").ColorPickerPresetItem[];
+    readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
+    readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
+    readonly modelValue?: string | null | undefined;
+    readonly clearIcon?: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | undefined;
+    readonly getPopupContainer?: import("./color-picker-types").GetPopupContainer | undefined;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "open-change")[], "change" | "update:modelValue" | "open-change", import("vue").PublicProps, Readonly<{
+    readonly size: import("./color-picker-types").ColorPickerSize;
+    readonly disabled: boolean;
+    readonly defaultValue: string;
+    readonly allowClear: boolean;
+    readonly status: import("./color-picker-types").ColorPickerStatus;
+    readonly placement: ColorPickerPlacement;
+    readonly popupClassName: string;
+    readonly popupAppendToBody: boolean;
+    readonly transitionName: string;
+    readonly variant: import("./color-picker-types").ColorPickerVariant;
+    readonly format: import("./color-picker-types").ColorPickerFormat;
+    readonly showText: boolean;
+    readonly disabledAlpha: boolean;
+    readonly presets: import("./color-picker-types").ColorPickerPresetItem[];
+    readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
+    readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
+    readonly modelValue?: string | null | undefined;
+    readonly clearIcon?: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | undefined;
+    readonly getPopupContainer?: import("./color-picker-types").GetPopupContainer | undefined;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onOpen-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly size: import("./color-picker-types").ColorPickerSize;
+    readonly disabled: boolean;
+    readonly classNames: import("../../shared/hooks/use-semantic").CcSemanticClasses;
+    readonly styles: import("../../shared/hooks/use-semantic").CcSemanticStyles;
+    readonly modelValue: string | null;
+    readonly defaultValue: string;
+    readonly allowClear: boolean;
+    readonly clearIcon: string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    readonly status: import("./color-picker-types").ColorPickerStatus;
+    readonly placement: ColorPickerPlacement;
+    readonly popupClassName: string;
+    readonly popupAppendToBody: boolean;
+    readonly getPopupContainer: import("./color-picker-types").GetPopupContainer;
+    readonly transitionName: string;
+    readonly variant: import("./color-picker-types").ColorPickerVariant;
+    readonly format: import("./color-picker-types").ColorPickerFormat;
+    readonly showText: boolean;
+    readonly disabledAlpha: boolean;
+    readonly presets: import("./color-picker-types").ColorPickerPresetItem[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/color-picker/style.css

@@ -0,0 +1,2 @@
+:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-color-picker{display:inline-block;position:relative}.ccui-color-picker.is-disabled{cursor:not-allowed}.ccui-color-picker--variant-filled .ccui-color-picker__trigger{background-color:var(--ccui-color-fill-secondary,#0000000f);border-color:#0000}.ccui-color-picker--variant-filled .ccui-color-picker__trigger:hover{background-color:var(--ccui-color-fill,#00000026);border-color:#0000}.ccui-color-picker--variant-borderless .ccui-color-picker__trigger{background-color:#0000;border-color:#0000}.ccui-color-picker--variant-borderless .ccui-color-picker__trigger:hover{border-color:#0000}.ccui-color-picker--variant-underlined .ccui-color-picker__trigger{border-color:#0000;border-bottom-color:var(--ccui-color-border,#d9d9d9);background-color:#0000;border-radius:0}.ccui-color-picker--variant-underlined .ccui-color-picker__trigger:hover{border-color:#0000;border-bottom-color:var(--ccui-color-primary-hover,#4096ff)}.ccui-color-picker__trigger{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:6px;align-items:center;gap:6px;padding:4px 6px;line-height:1;transition:border-color .2s,box-shadow .2s;display:inline-flex}.ccui-color-picker__trigger:hover{border-color:var(--ccui-color-primary-hover,#4096ff)}.ccui-color-picker__trigger.is-open{border-color:var(--ccui-color-primary,#1677ff);box-shadow:0 0 0 2px var(--ccui-control-outline,#0591ff1a)}.ccui-color-picker__trigger.is-disabled{cursor:not-allowed;pointer-events:none;background:#f5f5f5;border-color:#d9d9d9}.ccui-color-picker__trigger--size-small{padding:2px 4px}.ccui-color-picker__trigger--size-large{padding:6px 8px}.ccui-color-picker__trigger--status-error{border-color:#ff4d4f}.ccui-color-picker__trigger--status-warning{border-color:#faad14}.ccui-color-picker__swatch{background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:4px;width:20px;height:20px;position:relative;overflow:hidden}.ccui-color-picker__swatch-fg{position:absolute;inset:0}.ccui-color-picker__trigger--size-small .ccui-color-picker__swatch{width:16px;height:16px}.ccui-color-picker__trigger--size-large .ccui-color-picker__swatch{width:24px;height:24px}.ccui-color-picker__value-text{color:#000000d9;font-family:monospace;font-size:13px}.ccui-color-picker__panel{box-sizing:border-box;z-index:1050;background:#fff;border:1px solid #f0f0f0;border-radius:8px;width:240px;padding:12px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f}.ccui-color-picker__sv{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:6px;width:100%;height:144px;position:relative;overflow:hidden}.ccui-color-picker__sv-saturation{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.ccui-color-picker__sv-value{background:linear-gradient(#0000,#000);position:absolute;inset:0}.ccui-color-picker__sv-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d}.ccui-color-picker__hue,.ccui-color-picker__alpha{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:5px;width:100%;height:10px;margin-top:10px;position:relative}.ccui-color-picker__hue{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.ccui-color-picker__alpha{background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.ccui-color-picker__alpha-track{border-radius:5px;position:absolute;inset:0}.ccui-color-picker__hue-cursor,.ccui-color-picker__alpha-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d}.ccui-color-picker__inputs{align-items:center;gap:8px;margin-top:12px;display:flex}.ccui-color-picker__hex-wrap{background:#fff;border:1px solid #d9d9d9;border-radius:4px;flex:1;align-items:center;height:28px;padding:0 8px;transition:border-color .2s;display:flex}.ccui-color-picker__hex-wrap:focus-within{border-color:var(--ccui-color-primary,#1677ff)}.ccui-color-picker__hash{color:#00000073;-webkit-user-select:none;user-select:none;margin-right:4px}.ccui-color-picker__hex-input{color:#000000e0;text-transform:uppercase;background:0 0;border:0;outline:0;flex:1;width:100%;font-family:monospace;font-size:13px}.ccui-color-picker__alpha-input-wrap{background:#fff;border:1px solid #d9d9d9;border-radius:4px;align-items:center;width:64px;height:28px;padding:0 8px;display:flex}.ccui-color-picker__alpha-input-wrap:focus-within{border-color:var(--ccui-color-primary,#1677ff)}.ccui-color-picker__alpha-input{color:#000000e0;text-align:right;-moz-appearance:textfield;background:0 0;border:0;outline:0;flex:1;width:100%;font-size:13px}.ccui-color-picker__alpha-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ccui-color-picker__alpha-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ccui-color-picker__alpha-suffix{color:#00000073;margin-left:2px;font-size:13px}.ccui-color-picker__presets{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.ccui-color-picker__preset-group{flex-direction:column;gap:4px;display:flex}.ccui-color-picker__preset-group-label{color:#000000a6;font-size:12px;line-height:1.4}.ccui-color-picker__preset-group-colors{flex-wrap:wrap;gap:4px;display:flex}.ccui-color-picker__preset{cursor:pointer;border:1px solid #0000001f;border-radius:3px;width:16px;height:16px;padding:0;transition:transform .15s}.ccui-color-picker__preset:hover{transform:scale(1.1)}.ccui-color-picker__picker{display:contents}.ccui-color-picker__footer{border-top:1px solid #f0f0f0;margin-top:12px;padding-top:12px}.ccui-color-picker-fade-enter-active,.ccui-color-picker-fade-leave-active{transition:opacity .15s}.ccui-color-picker-fade-enter-from,.ccui-color-picker-fade-leave-to{opacity:0}
+/*$vite$:1*/

package/config-provider/index.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import { ConfigProvider, useConfig } from './src/config-provider';
+export { ConfigProvider, useConfig };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/config-provider/src/config-provider-types.d.ts

@@ -0,0 +1,131 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export type ComponentSize = 'small' | 'middle' | 'large';
+export interface ThemeConfig {
+    token?: Record<string, string | number>;
+    algorithm?: 'default' | 'dark' | 'compact';
+    cssVar?: boolean;
+}
+export interface ModalLocale {
+    okText?: string;
+    cancelText?: string;
+    justOkText?: string;
+}
+export interface PopconfirmLocale {
+    okText?: string;
+    cancelText?: string;
+}
+export interface EmptyLocale {
+    description?: string;
+}
+export interface SelectLocale {
+    notFoundContent?: string;
+    searchPlaceholder?: string;
+}
+export interface PaginationLocale {
+    itemsPerPage?: string;
+    jumpTo?: string;
+    page?: string;
+    prevPage?: string;
+    nextPage?: string;
+    /** showTotal=true 时的默认渲染模板。占位符 {total}。 */
+    total?: string;
+    /** 根 nav 的 aria-label。 */
+    pagination?: string;
+}
+export interface ImageLocale {
+    loading?: string;
+    error?: string;
+    /** Image.PreviewGroup 工具栏；预留 namespace。 */
+    preview?: string;
+}
+export interface DatePickerLocale {
+    /** 单选 placeholder。 */
+    placeholder?: string;
+    /** RangePicker placeholder 二元组。 */
+    rangePlaceholder?: [string, string];
+    /** TimePicker placeholder。 */
+    timePlaceholder?: string;
+    /** 7 个周名简写，自然顺序 [周日, 周一, …, 周六]。 */
+    weekdaysShort?: string[];
+    /** 日期面板标题的 dayjs 格式串，例如 'YYYY 年 M 月' / 'MMM YYYY'。 */
+    panelLabelFormat?: string;
+    /** 月选择面板的 12 个月名简写（picker='month' / date 模式下钻）。 */
+    monthNamesShort?: string[];
+    /** 季度选择面板的 4 个季度名（picker='quarter'）。 */
+    quarterNames?: string[];
+    /** picker='week' 显示模板，支持 {weekYear} / {weekNumber} 两个占位符。 */
+    weekFormat?: string;
+    /** picker='week' 时表头周编号列文案。 */
+    weekHeader?: string;
+    /** TimePicker 「此刻」/「确定」按钮文案。 */
+    now?: string;
+    ok?: string;
+    /** 头部箭头按钮 aria-label。 */
+    prevYearLabel?: string;
+    prevMonthLabel?: string;
+    nextYearLabel?: string;
+    nextMonthLabel?: string;
+    clearLabel?: string;
+}
+export interface CalendarLocale {
+    /** 周名简写，自然顺序 [周日, 周一, …, 周六]。 */
+    weekdaysShort?: string[];
+    /** 头部按钮文案。 */
+    prevMonthLabel?: string;
+    nextMonthLabel?: string;
+    todayLabel?: string;
+    /** 月份显示模板（dayjs format token），如 `'YYYY-MM'` / `'MMM YYYY'`。 */
+    monthFormat?: string;
+}
+export interface Locale {
+    locale: string;
+    Modal?: ModalLocale;
+    Popconfirm?: PopconfirmLocale;
+    Empty?: EmptyLocale;
+    AutoComplete?: SelectLocale;
+    Mentions?: SelectLocale;
+    Cascader?: SelectLocale;
+    TreeSelect?: SelectLocale;
+    Select?: SelectLocale;
+    Pagination?: PaginationLocale;
+    Image?: ImageLocale;
+    DatePicker?: DatePickerLocale;
+    Calendar?: CalendarLocale;
+    [key: string]: any;
+}
+export declare const configProviderProps: {
+    readonly prefixCls: {
+        readonly type: StringConstructor;
+        readonly default: "ccui";
+    };
+    readonly componentSize: {
+        readonly type: PropType<ComponentSize>;
+        readonly default: "middle";
+    };
+    readonly locale: {
+        readonly type: PropType<Locale>;
+        readonly default: undefined;
+    };
+    readonly direction: {
+        readonly type: PropType<"ltr" | "rtl">;
+        readonly default: "ltr";
+    };
+    readonly theme: {
+        readonly type: PropType<ThemeConfig>;
+        readonly default: undefined;
+    };
+    readonly iconPrefixCls: {
+        readonly type: StringConstructor;
+        readonly default: "ccui-icon";
+    };
+};
+export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
+export declare const CONFIG_INJECT_KEY: unique symbol;
+export interface ConfigContext {
+    prefixCls: string;
+    componentSize: ComponentSize;
+    locale: Locale | undefined;
+    direction: 'ltr' | 'rtl';
+    theme: ThemeConfig | undefined;
+    iconPrefixCls: string;
+}

package/config-provider/src/config-provider.d.ts

@@ -0,0 +1,24 @@
+import type { ConfigContext, Locale } from './config-provider-types';
+export declare function useConfig(): ConfigContext;
+export declare const ConfigProvider: import("vue").DefineComponent<{
+    readonly direction: "ltr" | "rtl";
+    readonly prefixCls: string;
+    readonly componentSize: import("./config-provider-types").ComponentSize;
+    readonly iconPrefixCls: string;
+    readonly locale?: Locale | undefined;
+    readonly theme?: import("./config-provider-types").ThemeConfig | undefined;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly direction: "ltr" | "rtl";
+    readonly prefixCls: string;
+    readonly componentSize: import("./config-provider-types").ComponentSize;
+    readonly iconPrefixCls: string;
+    readonly locale?: Locale | undefined;
+    readonly theme?: import("./config-provider-types").ThemeConfig | undefined;
+}> & Readonly<{}>, {
+    readonly direction: "ltr" | "rtl";
+    readonly locale: Locale;
+    readonly prefixCls: string;
+    readonly componentSize: import("./config-provider-types").ComponentSize;
+    readonly theme: import("./config-provider-types").ThemeConfig;
+    readonly iconPrefixCls: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/date-picker/index.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import DatePicker from './src/date-picker';
+export { DatePicker };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;