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

package/input-search/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var n=/^[a-z0-9]+(-[a-z0-9]+)*$/,r=(e,t,n,r=``)=>{let a=e.split(`:`);if(e.slice(0,1)===`@`){if(a.length<2||a.length>3)return null;r=a.shift().slice(1)}if(a.length>3||!a.length)return null;if(a.length>1){let e=a.pop(),n=a.pop(),o={provider:a.length>0?a[0]:r,prefix:n,name:e};return t&&!i(o)?null:o}let o=a[0],s=o.split(`-`);if(s.length>1){let e={provider:r,prefix:s.shift(),name:s.join(`-`)};return t&&!i(e)?null:e}if(n&&r===``){let e={provider:r,prefix:``,name:o};return t&&!i(e,n)?null:e}return null},i=(e,t)=>e?!!((t&&e.prefix===``||e.prefix)&&e.name):!1;function a(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 o=Object.freeze({left:0,top:0,width:16,height:16}),s=Object.freeze({rotate:0,vFlip:!1,hFlip:!1}),c=Object.freeze({...o,...s}),l=Object.freeze({...c,body:``,hidden:!1});function u(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 d(e,t){let n=u(e,t);for(let r in l)r in s?r in e&&!(r in n)&&(n[r]=s[r]):r in t?n[r]=t[r]:r in e&&(n[r]=e[r]);return n}function f(e,t,n){let r=e.icons,i=e.aliases||Object.create(null),a={};function o(e){a=d(r[e]||i[e],a)}return o(t),n.forEach(o),d(e,a)}function p(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=a(e);for(let i in r){let a=r[i];a&&(t(i,f(e,i,a)),n.push(i))}return n}var m={provider:``,aliases:{},not_found:{},...o};function h(e,t){for(let n in t)if(n in e&&typeof e[n]!=typeof t[n])return!1;return!0}function g(e){if(typeof e!=`object`||!e)return null;let t=e;if(typeof t.prefix!=`string`||!e.icons||typeof e.icons!=`object`||!h(e,m))return null;let n=t.icons;for(let e in n){let t=n[e];if(!e||typeof t.body!=`string`||!h(t,l))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]||!h(t,l))return null}return t}var _=Object.create(null);function v(e,t){return{provider:e,prefix:t,icons:Object.create(null),missing:new Set}}function y(e,t){let n=_[e]||(_[e]=Object.create(null));return n[t]||(n[t]=v(e,t))}function b(e,t){return g(t)?p(t,(t,n)=>{n?e.icons[t]=n:e.missing.add(t)}):[]}function x(e,t,n){try{if(typeof n.body==`string`)return e.icons[t]={...n},!0}catch{}return!1}var S=!1;function C(e){return typeof e==`boolean`&&(S=e),S}function ee(e){let t=typeof e==`string`?r(e,!0,S):e;if(t){let e=y(t.provider,t.prefix),n=t.name;return e.icons[n]||(e.missing.has(n)?null:void 0)}}function te(e,t){let n=r(e,!0,S);if(!n)return!1;let i=y(n.provider,n.prefix);return t?x(i,n.name,t):(i.missing.add(n.name),!0)}function ne(e,t){if(typeof e!=`object`)return!1;if(typeof t!=`string`&&(t=e.provider||``),S&&!t&&!e.prefix){let t=!1;return g(e)&&(e.prefix=``,p(e,(e,n)=>{te(e,n)&&(t=!0)})),t}let n=e.prefix;return i({prefix:n,name:`a`})?!!b(y(t,n),e):!1}var w=Object.freeze({width:null,height:null}),T=Object.freeze({...w,...s}),re=/(-?[0-9.]*[0-9]+[0-9.]*)/g,ie=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function E(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(re);if(r===null||!r.length)return e;let i=[],a=r.shift(),o=ie.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 ae(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 oe(e,t){return e?`<defs>`+e+`</defs>`+t:t}function se(e,t,n){let r=ae(e);return oe(r.defs,t+r.content+n)}var ce=e=>e===`unset`||e===`undefined`||e===`none`;function D(e,t){let n={...c,...e},r={...T,...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=se(a,`<g transform="`+t.join(` `)+`">`,`</g>`))});let o=r.width,s=r.height,l=i.width,u=i.height,d,f;o===null?(f=s===null?`1em`:s===`auto`?u:s,d=E(f,l/u)):(d=o===`auto`?l:o,f=s===null?E(d,u/l):s===`auto`?u:s);let p={},m=(e,t)=>{ce(t)||(p[e]=t.toString())};m(`width`,d),m(`height`,f);let h=[i.left,i.top,l,u];return p.viewBox=h.join(` `),{attributes:p,viewBox:h,body:a}}var le=/\sid="(\S+)"/g,O=new Map;function ue(e){e=e.replace(/[0-9]+$/,``)||`a`;let t=O.get(e)||0;return O.set(e,t+1),t?`${e}${t}`:e}function de(e){let t=[],n;for(;n=le.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=ue(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 k=Object.create(null);function fe(e,t){k[e]=t}function A(e){return k[e]||k[``]}function j(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 M=Object.create(null),N=[`https://api.simplesvg.com`,`https://api.unisvg.com`],P=[];N.length>0;)N.length===1||Math.random()>.5?P.push(N.shift()):P.push(N.pop());M[``]=j({resources:[`https://api.iconify.design`].concat(P)});function pe(e,t){let n=j(t);return n===null?!1:(M[e]=n,!0)}function F(e){return M[e]}var I=(()=>{let e;try{if(e=fetch,typeof e==`function`)return e}catch{}})();function me(e,t){let n=F(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 he(e){return e===404}var ge=(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 _e(e){if(typeof e==`string`){let t=F(e);if(t)return t.path}return`/`}var ve={prepare:ge,send:(e,t,n)=>{if(!I){n(`abort`,424);return}let r=_e(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;I(e+r).then(e=>{let t=e.status;if(t!==200){setTimeout(()=>{n(he(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 L(e,t){e.forEach(e=>{let n=e.loaderCallbacks;n&&(e.loaderCallbacks=n.filter(e=>e.id!==t))})}function ye(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||L([e],t.id),t.callback(a.loaded.slice(0),a.missing.slice(0),a.pending.slice(0),t.abort))})}))}var be=0;function xe(e,t,n){let r=be++,i=L.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 Se(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]=y(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 Ce(e,t=!0,n=!1){let i=[];return e.forEach(e=>{let a=typeof e==`string`?r(e,t,n):e;a&&i.push(a)}),i}var we={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function Te(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 R(e){let t={...we,...e},n=[];function r(){n=n.filter(e=>e().status===`pending`)}function i(e,i,a){let o=Te(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 z(){}var B=Object.create(null);function Ee(e){if(!B[e]){let t=F(e);if(!t)return;B[e]={config:t,redundancy:R(t)}}return B[e]}function De(e,t,n){let r,i;if(typeof e==`string`){let t=A(e);if(!t)return n(void 0,424),z;i=t.send;let a=Ee(e);a&&(r=a.redundancy)}else{let t=j(e);if(t){r=R(t);let n=A(e.resources?e.resources[0]:``);n&&(i=n.send)}}return!r||!i?(n(void 0,424),z):r.query(t,i,n)().abort}function V(){}function Oe(e){e.iconsLoaderFlag||(e.iconsLoaderFlag=!0,setTimeout(()=>{e.iconsLoaderFlag=!1,ye(e)}))}function ke(e){let t=[],r=[];return e.forEach(e=>{(e.match(n)?t:r).push(e)}),{valid:t,invalid:r}}function H(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(!b(e,n).length){r();return}}catch(e){console.error(e)}r(),Oe(e)}function U(e,t){e instanceof Promise?e.then(e=>{t(e)}).catch(()=>{t(null)}):t(e)}function Ae(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:r}=e,i=e.iconsToLoad;if(delete e.iconsToLoad,!i||!i.length)return;let a=e.loadIcon;if(e.loadIcons&&(i.length>1||!a)){U(e.loadIcons(i,r,t),t=>{H(e,i,t)});return}if(a){i.forEach(n=>{U(a(n,r,t),t=>{H(e,[n],t?{prefix:r,icons:{[n]:t}}:null)})});return}let{valid:o,invalid:s}=ke(i);if(s.length&&H(e,s,null),!o.length)return;let c=r.match(n)?A(t):null;if(!c){H(e,o,null);return}c.prepare(t,r,o).forEach(n=>{De(t,n,t=>{H(e,n.icons,t)})})}))}var je=(e,t)=>{let n=Se(Ce(e,!0,C()));if(!n.pending.length){let e=!0;return t&&setTimeout(()=>{e&&t(n.loaded,n.missing,n.pending,V)}),()=>{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(y(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=y(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&&Ae(e,t)}),t?xe(t,n,i):V};function Me(e,t){let n={...e};for(let e in t){let r=t[e],i=typeof r;e in w?(r===null||r&&(i===`string`||i===`number`))&&(n[e]=r):i===typeof n[e]&&(n[e]=e===`rotate`?r%4:r)}return n}var Ne=/[\s,]+/;function Pe(e,t){t.split(Ne).forEach(t=>{switch(t.trim()){case`horizontal`:e.hFlip=!0;break;case`vertical`:e.vFlip=!0;break}})}function Fe(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 Ie(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 Le(e){return e.replace(/"/g,`'`).replace(/%/g,`%25`).replace(/#/g,`%23`).replace(/</g,`%3C`).replace(/>/g,`%3E`).replace(/\s+/g,` `)}function Re(e){return`data:image/svg+xml,`+Le(e)}function ze(e){return`url("`+Re(e)+`")`}var W={...T,inline:!1},Be={xmlns:`http://www.w3.org/2000/svg`,"xmlns:xlink":`http://www.w3.org/1999/xlink`,"aria-hidden":!0,role:`img`},Ve={display:`inline-block`},G={backgroundColor:`currentColor`},K={backgroundColor:`transparent`},q={Image:`var(--svg)`,Repeat:`no-repeat`,Size:`100% 100%`},J={webkitMask:G,mask:G,background:K};for(let e in J){let t=J[e];for(let n in q)t[e+n]=q[n]}var Y={};[`horizontal`,`vertical`].forEach(e=>{let t=e.slice(0,1)+`Flip`;Y[e+`-flip`]=t,Y[e.slice(0,1)+`-flip`]=t,Y[e+`Flip`]=t});function X(e){return e+(e.match(/^[-0-9.]+$/)?`px`:``)}var Z=(e,n)=>{let r=Me(W,n),i={...Be},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`&&Pe(r,t);break;case`color`:o.color=t;break;case`rotate`:typeof t==`string`?r[e]=Fe(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=Y[e];n?(t===!0||t===`true`||t===1)&&(r[n]=!0):W[e]===void 0&&(i[e]=t)}}}let l=D(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=de(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=Ie(d,{...u,width:f+``,height:p+``});return i.style={...o,"--svg":ze(h),width:X(u.width),height:X(u.height),...Ve,...m?G:K,...c},(0,t.h)(`span`,i)};if(C(!0),fe(``,ve),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`||!ne(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;pe(e,r)||console.error(n)}catch{console.error(n)}}}}var He={...c,body:``},Ue=(0,t.defineComponent)((e,{emit:n})=>{let i=(0,t.ref)(null);function a(){i.value&&=(i.value.abort?.(),null)}let o=(0,t.ref)(!!e.ssr),s=(0,t.ref)(``),l=(0,t.shallowRef)(null);function u(){let o=e.icon;if(typeof o==`object`&&o&&typeof o.body==`string`)return s.value=``,{data:o};let c;if(typeof o!=`string`||(c=r(o,!1,!0))===null)return null;let l=ee(c);if(!l){let e=i.value;return(!e||e.name!==o)&&(l===null?i.value={name:o}:i.value={name:o,abort:je([c],d)}),null}a(),s.value!==o&&(s.value=o,(0,t.nextTick)(()=>{n(`load`,o)}));let u=e.customise;if(u){l=Object.assign({},l);let e=u(l.body,c.name,c.prefix,c.provider);typeof e==`string`&&(l.body=e)}let f=[`iconify`];return c.prefix!==``&&f.push(`iconify--`+c.prefix),c.provider!==``&&f.push(`iconify--`+c.provider),{data:l,classes:f}}function d(){let e=u();e?e.data!==l.value?.data&&(l.value=e):l.value=null}return o.value?d():(0,t.onMounted)(()=>{o.value=!0,d()}),(0,t.watch)(()=>e.icon,d),(0,t.onUnmounted)(a),()=>{let t=l.value;if(!t)return Z(He,e);let n=e;return t.classes&&(n={...e,class:t.classes.join(` `)}),Z({...c,...t.data},n)}},{props:[`icon`,`mode`,`ssr`,`width`,`height`,`style`,`color`,`inline`,`rotate`,`hFlip`,`horizontalFlip`,`vFlip`,`verticalFlip`,`flip`,`id`,`ariaHidden`,`customise`,`title`],emits:[`load`]});function Q(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function We(e,t=!1){let n=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>Q(n),e:e=>e?Q(n,e):``,m:e=>e?Q(n,``,e):``,em:(e,t)=>e&&t?Q(n,e,t):``,is:e=>`is-${e}`}}var Ge={type:{type:String,default:`text`},size:{type:String,default:`default`},placeholder:{type:String,default:``},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},allowClear:{type:[Boolean,Object],default:void 0},showPassword:{type:Boolean,default:!1},prepend:{type:String,default:``},append:{type:String,default:``},addonBefore:{type:String,default:``},addonAfter:{type:String,default:``},maxLength:{type:Number,default:void 0},showCount:{type:[Boolean,Object],default:!1},status:{type:String,default:``},variant:{type:String,default:`outlined`},defaultValue:{type:String,default:void 0},modelValue:{type:String,default:``},classNames:{type:Object,default:void 0},styles:{type:Object,default:void 0},enterButton:{type:[Boolean,String,Object],default:!1},loading:{type:Boolean,default:!1}};function Ke(e){return typeof e==`object`&&!!e&&`__v_isVNode`in e}var $=(0,t.defineComponent)({name:`CInputSearch`,props:Ge,emits:[`update:modelValue`,`input`,`change`,`focus`,`blur`,`clear`,`press-enter`,`search`],setup(e,{emit:n,slots:r}){let i=We(`input-search`),a=(0,t.ref)(e.modelValue===``?e.defaultValue??``:e.modelValue);(0,t.watch)(()=>e.modelValue,e=>{e!==a.value&&(a.value=e)});let o=(0,t.computed)(()=>{let t=e.enterButton;return t===!1||t===``||t==null?!!r[`enter-button`]:!0}),s=t=>{e.disabled||e.loading||n(`search`,a.value,t)},c=e=>{a.value=e,n(`update:modelValue`,e),n(`input`,e)},l=e=>{let t=e.target;c(t.value)},u=e=>{let t=e.target;n(`change`,t.value)},d=e=>n(`focus`,e),f=e=>n(`blur`,e),p=e=>{e.key===`Enter`&&(n(`press-enter`,e),s(e))},m=()=>{c(``),n(`clear`),n(`search`,``,void 0)},h=()=>(0,t.h)(`i`,{class:i.e(`loading-icon`),"aria-label":`loading`}),g=()=>(0,t.h)(Ue,{icon:`mdi:magnify`,class:i.e(`search-icon`)}),_=()=>!e.disabled&&!e.readonly&&e.allowClear&&a.value?(0,t.h)(`i`,{class:i.e(`clear`),onClick:m,"aria-label":`clear`},`×`):null,v=()=>{if(r[`enter-button`])return(0,t.h)(t.Fragment,null,r[`enter-button`]());let n=e.enterButton;return n===!0?e.loading?h():g():typeof n==`string`||Ke(n)?n:null},y=()=>o.value?(0,t.h)(`button`,{type:`button`,class:[i.e(`button`),{[i.em(`button`,`icon-only`)]:e.enterButton===!0&&!r[`enter-button`],[i.em(`button`,`disabled`)]:e.disabled||e.loading}],disabled:e.disabled||e.loading,onClick:e=>s(e)},[v()]):null,b=()=>{if(o.value)return(0,t.h)(`span`,{class:i.e(`suffix`)},[_(),r.suffix?.()]);let n=e.loading?h():(0,t.h)(`span`,{class:i.e(`inline-icon`),onClick:e=>s(e)},g());return(0,t.h)(`span`,{class:i.e(`suffix`)},[_(),r.suffix?.(),n])},x=(0,t.computed)(()=>({[i.b()]:!0,[i.m(e.size)]:!!e.size,[i.m(`disabled`)]:e.disabled,[i.m(`readonly`)]:e.readonly,[i.m(`status-${e.status}`)]:!!e.status,[i.m(`with-button`)]:o.value}));return()=>(0,t.h)(`div`,{class:x.value},[(0,t.h)(`div`,{class:i.e(`input-wrap`)},[r.prefix?(0,t.h)(`span`,{class:i.e(`prefix`)},r.prefix()):null,(0,t.h)(`input`,{class:i.e(`inner`),type:e.type===`password`?`password`:`text`,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,maxlength:e.maxLength,value:a.value,onInput:l,onChange:u,onFocus:d,onBlur:f,onKeydown:p}),b()]),y()])}});$.install=function(e){e.component($.name,$)},e.InputSearch=$,e.default={title:`InputSearch 搜索框`,category:`数据录入`,status:`80%`,install(e){e.component($.name,$)}}});

package/input-search/src/input-search-types.d.ts

@@ -0,0 +1,106 @@
+import type { ExtractPropTypes, PropType, VNode } from 'vue';
+export type InputSearchEnterButton = boolean | string | VNode;
+export declare const inputSearchProps: {
+    /**
+     * 搜索按钮：
+     *
+     * - `false`（默认）：右侧只显示放大镜图标
+     * - `true`：右侧显示默认搜索按钮
+     * - `string`：作为按钮文字
+     * - `VNode`：作为按钮整体内容
+     *
+     * 也可用同名 slot `enter-button` 完全自定义按钮内容。
+     */
+    readonly enterButton: {
+        readonly type: PropType<InputSearchEnterButton>;
+        readonly default: false;
+    };
+    /**
+     * 搜索中状态。开启后按钮内放大镜会替换为旋转 loading 图标，按钮变为 disabled。
+     */
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly type: {
+        readonly type: PropType<import("../../input/src/input-types").InputType>;
+        readonly default: "text";
+    };
+    readonly size: {
+        readonly type: PropType<import("../../input/src/input-types").InputSize>;
+        readonly default: "default";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly allowClear: {
+        readonly type: PropType<import("../../input/src/input-types").InputAllowClear>;
+        readonly default: undefined;
+    };
+    readonly showPassword: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly prepend: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly append: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly addonBefore: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly addonAfter: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly maxLength: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly showCount: {
+        readonly type: PropType<import("../../input/src/input-types").InputShowCount>;
+        readonly default: false;
+    };
+    readonly status: {
+        readonly type: PropType<import("../../input/src/input-types").InputStatus>;
+        readonly default: "";
+    };
+    readonly variant: {
+        readonly type: PropType<import("../../input/src/input-types").InputVariant>;
+        readonly default: "outlined";
+    };
+    readonly defaultValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly classNames: {
+        readonly type: PropType<import("../../shared/hooks/use-semantic").CcSemanticClasses>;
+        readonly default: undefined;
+    };
+    readonly styles: {
+        readonly type: PropType<import("../../shared/hooks/use-semantic").CcSemanticStyles>;
+        readonly default: undefined;
+    };
+};
+export type InputSearchProps = ExtractPropTypes<typeof inputSearchProps>;

package/input-search/src/input-search.d.ts

@@ -0,0 +1,84 @@
+import type { VNode } from 'vue';
+
+declare const _default: import("vue").DefineComponent<{
+    readonly type: import("../../input/src/input-types").InputType;
+    readonly size: import("../../input/src/input-types").InputSize;
+    readonly disabled: boolean;
+    readonly modelValue: string;
+    readonly placeholder: string;
+    readonly status: import("../../input/src/input-types").InputStatus;
+    readonly variant: import("../../input/src/input-types").InputVariant;
+    readonly loading: boolean;
+    readonly clearable: boolean;
+    readonly readonly: boolean;
+    readonly showPassword: boolean;
+    readonly prepend: string;
+    readonly append: string;
+    readonly addonBefore: string;
+    readonly addonAfter: string;
+    readonly showCount: import("../../input/src/input-types").InputShowCount;
+    readonly enterButton: import("./input-search-types").InputSearchEnterButton;
+    readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
+    readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
+    readonly defaultValue?: string | undefined;
+    readonly allowClear?: import("../../input/src/input-types").InputAllowClear | undefined;
+    readonly maxLength?: number | undefined;
+}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "input" | "change" | "clear" | "blur" | "focus" | "update:modelValue" | "press-enter")[], "search" | "input" | "change" | "clear" | "blur" | "focus" | "update:modelValue" | "press-enter", import("vue").PublicProps, Readonly<{
+    readonly type: import("../../input/src/input-types").InputType;
+    readonly size: import("../../input/src/input-types").InputSize;
+    readonly disabled: boolean;
+    readonly modelValue: string;
+    readonly placeholder: string;
+    readonly status: import("../../input/src/input-types").InputStatus;
+    readonly variant: import("../../input/src/input-types").InputVariant;
+    readonly loading: boolean;
+    readonly clearable: boolean;
+    readonly readonly: boolean;
+    readonly showPassword: boolean;
+    readonly prepend: string;
+    readonly append: string;
+    readonly addonBefore: string;
+    readonly addonAfter: string;
+    readonly showCount: import("../../input/src/input-types").InputShowCount;
+    readonly enterButton: import("./input-search-types").InputSearchEnterButton;
+    readonly classNames?: import("../../shared/hooks/use-semantic").CcSemanticClasses | undefined;
+    readonly styles?: import("../../shared/hooks/use-semantic").CcSemanticStyles | undefined;
+    readonly defaultValue?: string | undefined;
+    readonly allowClear?: import("../../input/src/input-types").InputAllowClear | undefined;
+    readonly maxLength?: number | undefined;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    "onPress-enter"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly type: import("../../input/src/input-types").InputType;
+    readonly size: import("../../input/src/input-types").InputSize;
+    readonly disabled: boolean;
+    readonly classNames: import("../../shared/hooks/use-semantic").CcSemanticClasses;
+    readonly styles: import("../../shared/hooks/use-semantic").CcSemanticStyles;
+    readonly modelValue: string;
+    readonly defaultValue: string;
+    readonly placeholder: string;
+    readonly allowClear: import("../../input/src/input-types").InputAllowClear;
+    readonly status: import("../../input/src/input-types").InputStatus;
+    readonly variant: import("../../input/src/input-types").InputVariant;
+    readonly loading: boolean;
+    readonly clearable: boolean;
+    readonly readonly: boolean;
+    readonly showPassword: boolean;
+    readonly prepend: string;
+    readonly append: string;
+    readonly addonBefore: string;
+    readonly addonAfter: string;
+    readonly maxLength: number;
+    readonly showCount: import("../../input/src/input-types").InputShowCount;
+    readonly enterButton: import("./input-search-types").InputSearchEnterButton;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/input-search/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-input-search{box-sizing:border-box;width:100%;font-size:var(--ccui-font-size,14px);align-items:stretch;display:inline-flex}.ccui-input-search__input-wrap{min-width:0;height:var(--ccui-size-md,32px);background-color:var(--ccui-color-bg-container,#fff);border:1px solid var(--ccui-color-border,#d9d9d9);border-radius:var(--ccui-border-radius,6px);color:var(--ccui-color-text,#000000e0);transition:border-color var(--ccui-motion-duration-mid,.2s), box-shadow var(--ccui-motion-duration-mid,.2s);flex:auto;align-items:center;padding:0 8px;display:inline-flex;position:relative}.ccui-input-search__input-wrap:hover{border-color:var(--ccui-color-primary-hover,#4096ff)}.ccui-input-search__input-wrap:focus-within{border-color:var(--ccui-color-primary,#1677ff);box-shadow:0 0 0 2px var(--ccui-control-outline,#0591ff1a)}.ccui-input-search--with-button .ccui-input-search__input-wrap{border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0}.ccui-input-search--large .ccui-input-search__input-wrap{height:var(--ccui-size-lg,40px);font-size:var(--ccui-font-size-lg,16px)}.ccui-input-search--small .ccui-input-search__input-wrap{height:var(--ccui-size-sm,24px);font-size:var(--ccui-font-size-sm,12px)}.ccui-input-search--disabled .ccui-input-search__input-wrap{background-color:var(--ccui-disabled-bg,#0000000a);border-color:var(--ccui-disabled-line,#d9d9d9);color:var(--ccui-disabled-text,#00000040);cursor:not-allowed}.ccui-input-search--status-error .ccui-input-search__input-wrap{border-color:var(--ccui-color-error,#ff4d4f)}.ccui-input-search--status-error .ccui-input-search__input-wrap:focus-within{box-shadow:0 0 0 2px var(--ccui-control-outline-error,#ff26050f)}.ccui-input-search--status-warning .ccui-input-search__input-wrap{border-color:var(--ccui-color-warning,#faad14)}.ccui-input-search--status-warning .ccui-input-search__input-wrap:focus-within{box-shadow:0 0 0 2px var(--ccui-control-outline-warning,#ffd7051a)}.ccui-input-search__inner{min-width:0;height:100%;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:auto;padding:4px 0;font-family:inherit}.ccui-input-search__inner::placeholder{color:var(--ccui-color-text-placeholder,#00000040)}.ccui-input-search__inner:disabled{cursor:not-allowed}.ccui-input-search__prefix,.ccui-input-search__suffix{color:var(--ccui-color-text-tertiary,#00000073);align-items:center;gap:4px;display:inline-flex}.ccui-input-search__prefix{margin-inline-end:4px}.ccui-input-search__suffix{margin-inline-start:4px}.ccui-input-search__clear{cursor:pointer;color:var(--ccui-color-text-tertiary,#00000073);font-style:normal;line-height:1}.ccui-input-search__clear:hover{color:var(--ccui-color-text-secondary,#000000a6)}.ccui-input-search__inline-icon,.ccui-input-search__search-icon{cursor:pointer;color:var(--ccui-color-text-tertiary,#00000073);align-items:center;display:inline-flex}.ccui-input-search__inline-icon:hover,.ccui-input-search__search-icon:hover{color:var(--ccui-color-primary,#1677ff)}.ccui-input-search__loading-icon{border:1.5px solid #0000;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite ccui-input-search-rotate;display:inline-block}.ccui-input-search__button{background-color:var(--ccui-color-primary,#1677ff);color:#fff;border:1px solid var(--ccui-color-primary,#1677ff);border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--ccui-border-radius,6px);border-bottom-right-radius:var(--ccui-border-radius,6px);cursor:pointer;min-width:32px;font:inherit;transition:background-color var(--ccui-motion-duration-mid,.2s), border-color var(--ccui-motion-duration-mid,.2s);justify-content:center;align-items:center;padding:0 15px;line-height:1;display:inline-flex}.ccui-input-search__button:hover:not(:disabled){background-color:var(--ccui-color-primary-hover,#4096ff);border-color:var(--ccui-color-primary-hover,#4096ff)}.ccui-input-search__button:active:not(:disabled){background-color:var(--ccui-color-primary-active,#0958d9);border-color:var(--ccui-color-primary-active,#0958d9)}.ccui-input-search__button--icon-only{padding:0 12px}.ccui-input-search__button--disabled,.ccui-input-search__button:disabled{background-color:var(--ccui-disabled-bg,#0000000a);border-color:var(--ccui-disabled-line,#d9d9d9);color:var(--ccui-disabled-text,#00000040);cursor:not-allowed}.ccui-input-search--large .ccui-input-search__button{height:var(--ccui-size-lg,40px)}.ccui-input-search--small .ccui-input-search__button{height:var(--ccui-size-sm,24px)}@keyframes ccui-input-search-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
+/*$vite$:1*/

package/layout/index.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import { Content, Footer, Header, Layout, Sider } from './src/layout';
+export { Content, Footer, Header, Layout, Sider };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/layout/src/layout-types.d.ts

@@ -0,0 +1,70 @@
+import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';
+export type SiderTheme = 'light' | 'dark';
+export type SiderBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+/**
+ * 各 breakpoint 取值对应的最大宽度（px）。
+ * `(max-width: {N}px)` 命中时认为「破点」，Sider 自动 collapse。
+ */
+export declare const SIDER_BREAKPOINT_PX: Record<SiderBreakpoint, number>;
+export declare const layoutProps: {
+    readonly hasSider: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+};
+export declare const headerProps: {};
+export declare const footerProps: {};
+export declare const contentProps: {};
+export declare const siderProps: {
+    readonly width: {
+        readonly type: PropType<number | string>;
+        readonly default: 200;
+    };
+    readonly collapsedWidth: {
+        readonly type: PropType<number | string>;
+        readonly default: 80;
+    };
+    readonly collapsed: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    readonly defaultCollapsed: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly collapsible: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly reverseArrow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly theme: {
+        readonly type: PropType<SiderTheme>;
+        readonly default: "dark";
+    };
+    readonly trigger: {
+        readonly type: PropType<string | object>;
+        readonly default: undefined;
+    };
+    readonly breakpoint: {
+        readonly type: PropType<SiderBreakpoint>;
+        readonly default: undefined;
+    };
+    /**
+     * collapsedWidth=0 时（Sider 完全隐藏）触发器的 inline style。
+     * 用于把折叠按钮定位为浮动按钮（如 `{ position: 'fixed', top: 16, left: 0 }`）。
+     */
+    readonly zeroWidthTriggerStyle: {
+        readonly type: PropType<CSSProperties>;
+        readonly default: undefined;
+    };
+};
+export type LayoutProps = ExtractPropTypes<typeof layoutProps>;
+export type SiderProps = ExtractPropTypes<typeof siderProps>;
+export declare const LAYOUT_INJECT_KEY: unique symbol;
+export interface LayoutContext {
+    addSider: (id: number) => void;
+    removeSider: (id: number) => void;
+}

package/layout/src/layout.d.ts

@@ -0,0 +1,56 @@
+import type { CSSProperties } from 'vue';
+
+export declare const Layout: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly hasSider: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly hasSider: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    readonly hasSider: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const Header: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const Footer: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const Content: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const Sider: import("vue").DefineComponent<{
+    readonly width: string | number;
+    readonly theme: import("./layout-types").SiderTheme;
+    readonly collapsedWidth: string | number;
+    readonly defaultCollapsed: boolean;
+    readonly collapsible: boolean;
+    readonly reverseArrow: boolean;
+    readonly trigger?: string | object | undefined;
+    readonly collapsed?: boolean | undefined;
+    readonly breakpoint?: import("./layout-types").SiderBreakpoint | undefined;
+    readonly zeroWidthTriggerStyle?: CSSProperties | undefined;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("collapse" | "breakpoint" | "update:collapsed")[], "collapse" | "breakpoint" | "update:collapsed", import("vue").PublicProps, Readonly<{
+    readonly width: string | number;
+    readonly theme: import("./layout-types").SiderTheme;
+    readonly collapsedWidth: string | number;
+    readonly defaultCollapsed: boolean;
+    readonly collapsible: boolean;
+    readonly reverseArrow: boolean;
+    readonly trigger?: string | object | undefined;
+    readonly collapsed?: boolean | undefined;
+    readonly breakpoint?: import("./layout-types").SiderBreakpoint | undefined;
+    readonly zeroWidthTriggerStyle?: CSSProperties | undefined;
+}> & Readonly<{
+    onCollapse?: ((...args: any[]) => any) | undefined;
+    onBreakpoint?: ((...args: any[]) => any) | undefined;
+    "onUpdate:collapsed"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly width: string | number;
+    readonly theme: import("./layout-types").SiderTheme;
+    readonly trigger: string | object;
+    readonly collapsedWidth: string | number;
+    readonly collapsed: boolean;
+    readonly defaultCollapsed: boolean;
+    readonly collapsible: boolean;
+    readonly reverseArrow: boolean;
+    readonly breakpoint: import("./layout-types").SiderBreakpoint;
+    readonly zeroWidthTriggerStyle: CSSProperties;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/masonry/index.d.ts

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

package/masonry/src/masonry-types.d.ts

@@ -0,0 +1,19 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+export type MasonryColumns = number | Partial<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
+export declare const masonryProps: {
+    readonly columns: {
+        readonly type: PropType<MasonryColumns>;
+        readonly default: 3;
+    };
+    readonly gutter: {
+        readonly type: PropType<number | [number, number]>;
+        readonly default: 16;
+    };
+    readonly sequential: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type MasonryProps = ExtractPropTypes<typeof masonryProps>;
+export declare const BREAKPOINT_PX: Record<string, number>;
+export declare const BREAKPOINTS: readonly ["xs", "sm", "md", "lg", "xl", "xxl"];

package/masonry/src/masonry.d.ts

@@ -0,0 +1,16 @@
+import type { MasonryColumns } from './masonry-types';
+
+declare const _default: import("vue").DefineComponent<{
+    readonly columns: MasonryColumns;
+    readonly gutter: number | [number, number];
+    readonly sequential: boolean;
+}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    readonly columns: MasonryColumns;
+    readonly gutter: number | [number, number];
+    readonly sequential: boolean;
+}> & Readonly<{}>, {
+    readonly columns: MasonryColumns;
+    readonly gutter: number | [number, number];
+    readonly sequential: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/mentions/index.d.ts

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