@vaebe/ccui 2.0.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +201 -0
- package/README.md +31 -0
- package/affix/ccui-cli.css +2 -0
- package/affix/index.es.js +132 -0
- package/affix/index.umd.js +1 -0
- package/alert/ccui-cli.css +2 -0
- package/alert/index.es.js +127 -0
- package/alert/index.umd.js +1 -0
- package/anchor/ccui-cli.css +2 -0
- package/anchor/index.es.js +160 -0
- package/anchor/index.umd.js +1 -0
- package/avatar/ccui-cli.css +2 -0
- package/avatar/index.es.js +235 -0
- package/avatar/index.umd.js +1 -0
- package/badge/ccui-cli.css +2 -0
- package/badge/index.es.js +146 -0
- package/badge/index.umd.js +1 -0
- package/breadcrumb/ccui-cli.css +2 -0
- package/breadcrumb/index.es.js +89 -0
- package/breadcrumb/index.umd.js +1 -0
- package/button/ccui-cli.css +2 -0
- package/button/index.es.js +1236 -0
- package/button/index.umd.js +1 -0
- package/button-3d/ccui-cli.css +2 -0
- package/button-3d/index.es.js +80 -0
- package/button-3d/index.umd.js +1 -0
- package/calendar/ccui-cli.css +2 -0
- package/calendar/index.es.js +450 -0
- package/calendar/index.umd.js +1 -0
- package/card/ccui-cli.css +2 -0
- package/card/index.es.js +78 -0
- package/card/index.umd.js +1 -0
- package/ccui-cli.css +2 -0
- package/check-box/ccui-cli.css +2 -0
- package/check-box/index.es.js +173 -0
- package/check-box/index.umd.js +1 -0
- package/collapse/ccui-cli.css +2 -0
- package/collapse/index.es.js +176 -0
- package/collapse/index.umd.js +1 -0
- package/config-provider/index.es.js +204 -0
- package/config-provider/index.umd.js +1 -0
- package/date-picker/ccui-cli.css +2 -0
- package/date-picker/index.es.js +2447 -0
- package/date-picker/index.umd.js +1 -0
- package/descriptions/ccui-cli.css +2 -0
- package/descriptions/index.es.js +175 -0
- package/descriptions/index.umd.js +1 -0
- package/divider/ccui-cli.css +2 -0
- package/divider/index.es.js +78 -0
- package/divider/index.umd.js +1 -0
- package/drawer/ccui-cli.css +2 -0
- package/drawer/index.es.js +1320 -0
- package/drawer/index.umd.js +1 -0
- package/dropdown/ccui-cli.css +2 -0
- package/dropdown/index.es.js +606 -0
- package/dropdown/index.umd.js +1 -0
- package/empty/ccui-cli.css +2 -0
- package/empty/index.es.js +173 -0
- package/empty/index.umd.js +1 -0
- package/flex/ccui-cli.css +2 -0
- package/flex/index.es.js +87 -0
- package/flex/index.umd.js +1 -0
- package/float-button/ccui-cli.css +2 -0
- package/float-button/index.es.js +169 -0
- package/float-button/index.umd.js +1 -0
- package/form/ccui-cli.css +2 -0
- package/form/index.es.js +752 -0
- package/form/index.umd.js +1 -0
- package/grid/ccui-cli.css +2 -0
- package/grid/index.es.js +207 -0
- package/grid/index.umd.js +1 -0
- package/icon/ccui-cli.css +2 -0
- package/icon/index.es.js +1228 -0
- package/icon/index.umd.js +1 -0
- package/image/ccui-cli.css +2 -0
- package/image/index.es.js +276 -0
- package/image/index.umd.js +1 -0
- package/index.d.ts +7 -0
- package/input/ccui-cli.css +2 -0
- package/input/index.es.js +1293 -0
- package/input/index.umd.js +1 -0
- package/input-number/ccui-cli.css +2 -0
- package/input-number/index.es.js +263 -0
- package/input-number/index.umd.js +1 -0
- package/layout/ccui-cli.css +2 -0
- package/layout/index.es.js +184 -0
- package/layout/index.umd.js +1 -0
- package/masonry/ccui-cli.css +2 -0
- package/masonry/index.es.js +119 -0
- package/masonry/index.umd.js +1 -0
- package/menu/ccui-cli.css +2 -0
- package/menu/index.es.js +385 -0
- package/menu/index.umd.js +1 -0
- package/message/ccui-cli.css +2 -0
- package/message/index.es.js +351 -0
- package/message/index.umd.js +1 -0
- package/modal/ccui-cli.css +2 -0
- package/modal/index.es.js +1553 -0
- package/modal/index.umd.js +1 -0
- package/notification/ccui-cli.css +2 -0
- package/notification/index.es.js +347 -0
- package/notification/index.umd.js +1 -0
- package/nuxt/components/category.js +2 -0
- package/nuxt/components/install.js +2 -0
- package/nuxt/components/status.js +2 -0
- package/nuxt/components/title.js +2 -0
- package/nuxt/index.js +13 -0
- package/package.json +53 -0
- package/pagination/ccui-cli.css +2 -0
- package/pagination/index.es.js +296 -0
- package/pagination/index.umd.js +1 -0
- package/popconfirm/ccui-cli.css +2 -0
- package/popconfirm/index.es.js +735 -0
- package/popconfirm/index.umd.js +1 -0
- package/popover/ccui-cli.css +2 -0
- package/popover/index.es.js +530 -0
- package/popover/index.umd.js +1 -0
- package/progress/ccui-cli.css +2 -0
- package/progress/index.es.js +167 -0
- package/progress/index.umd.js +1 -0
- package/radio/ccui-cli.css +2 -0
- package/radio/index.es.js +157 -0
- package/radio/index.umd.js +1 -0
- package/rate/ccui-cli.css +2 -0
- package/rate/index.es.js +115 -0
- package/rate/index.umd.js +1 -0
- package/result/ccui-cli.css +2 -0
- package/result/index.es.js +90 -0
- package/result/index.umd.js +1 -0
- package/segmented/ccui-cli.css +2 -0
- package/segmented/index.es.js +99 -0
- package/segmented/index.umd.js +1 -0
- package/select/ccui-cli.css +2 -0
- package/select/index.es.js +1885 -0
- package/select/index.umd.js +1 -0
- package/skeleton/ccui-cli.css +2 -0
- package/skeleton/index.es.js +117 -0
- package/skeleton/index.umd.js +1 -0
- package/slider/ccui-cli.css +2 -0
- package/slider/index.es.js +1071 -0
- package/slider/index.umd.js +1 -0
- package/space/ccui-cli.css +2 -0
- package/space/index.es.js +108 -0
- package/space/index.umd.js +1 -0
- package/spin/ccui-cli.css +2 -0
- package/spin/index.es.js +86 -0
- package/spin/index.umd.js +1 -0
- package/splitter/ccui-cli.css +2 -0
- package/splitter/index.es.js +198 -0
- package/splitter/index.umd.js +1 -0
- package/status/ccui-cli.css +2 -0
- package/status/index.es.js +44 -0
- package/status/index.umd.js +1 -0
- package/steps/ccui-cli.css +2 -0
- package/steps/index.es.js +118 -0
- package/steps/index.umd.js +1 -0
- package/switch/ccui-cli.css +2 -0
- package/switch/index.es.js +118 -0
- package/switch/index.umd.js +1 -0
- package/table/ccui-cli.css +2 -0
- package/table/index.es.js +553 -0
- package/table/index.umd.js +1 -0
- package/tabs/ccui-cli.css +2 -0
- package/tabs/index.es.js +128 -0
- package/tabs/index.umd.js +1 -0
- package/tag/ccui-cli.css +2 -0
- package/tag/index.es.js +116 -0
- package/tag/index.umd.js +1 -0
- package/theme/darkTheme.css +352 -0
- package/theme/theme.scss +703 -0
- package/timeline/ccui-cli.css +2 -0
- package/timeline/index.es.js +113 -0
- package/timeline/index.umd.js +1 -0
- package/tooltip/ccui-cli.css +2 -0
- package/tooltip/index.es.js +423 -0
- package/tooltip/index.umd.js +1 -0
- package/tree/ccui-cli.css +2 -0
- package/tree/index.es.js +810 -0
- package/tree/index.umd.js +1 -0
- package/typography/ccui-cli.css +2 -0
- package/typography/index.es.js +270 -0
- package/typography/index.umd.js +1 -0
- package/util/index.es.js +78 -0
- package/util/index.umd.js +1 -0
- package/vue-ccui.es.js +18989 -0
- package/vue-ccui.umd.js +1 -0
- package/watermark/ccui-cli.css +2 -0
- package/watermark/index.es.js +179 -0
- package/watermark/index.umd.js +1 -0
|
@@ -0,0 +1 @@
|
|
|
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 w(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 T(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 E(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)=>{T(e,n)&&(t=!0)})),t}let n=e.prefix;return i({prefix:n,name:`a`})?!!b(y(t,n),e):!1}var D=Object.freeze({width:null,height:null}),O=Object.freeze({...D,...s}),ee=/(-?[0-9.]*[0-9]+[0-9.]*)/g,te=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function k(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(ee);if(r===null||!r.length)return e;let i=[],a=r.shift(),o=te.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 ne(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 re(e,t){return e?`<defs>`+e+`</defs>`+t:t}function ie(e,t,n){let r=ne(e);return re(r.defs,t+r.content+n)}var ae=e=>e===`unset`||e===`undefined`||e===`none`;function oe(e,t){let n={...c,...e},r={...O,...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=ie(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=k(f,l/u)):(d=o===`auto`?l:o,f=s===null?k(d,u/l):s===`auto`?u:s);let p={},m=(e,t)=>{ae(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 se=/\sid="(\S+)"/g,ce=new Map;function le(e){e=e.replace(/[0-9]+$/,``)||`a`;let t=ce.get(e)||0;return ce.set(e,t+1),t?`${e}${t}`:e}function ue(e){let t=[],n;for(;n=se.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=le(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 A=Object.create(null);function de(e,t){A[e]=t}function j(e){return A[e]||A[``]}function M(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 N=Object.create(null),P=[`https://api.simplesvg.com`,`https://api.unisvg.com`],F=[];P.length>0;)P.length===1||Math.random()>.5?F.push(P.shift()):F.push(P.pop());N[``]=M({resources:[`https://api.iconify.design`].concat(F)});function I(e,t){let n=M(t);return n===null?!1:(N[e]=n,!0)}function L(e){return N[e]}var R=(()=>{let e;try{if(e=fetch,typeof e==`function`)return e}catch{}})();function fe(e,t){let n=L(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 pe(e){return e===404}var me=(e,t,n)=>{let r=[],i=fe(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 he(e){if(typeof e==`string`){let t=L(e);if(t)return t.path}return`/`}var ge={prepare:me,send:(e,t,n)=>{if(!R){n(`abort`,424);return}let r=he(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;R(e+r).then(e=>{let t=e.status;if(t!==200){setTimeout(()=>{n(pe(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 z(e,t){e.forEach(e=>{let n=e.loaderCallbacks;n&&(e.loaderCallbacks=n.filter(e=>e.id!==t))})}function _e(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||z([e],t.id),t.callback(a.loaded.slice(0),a.missing.slice(0),a.pending.slice(0),t.abort))})}))}var ve=0;function ye(e,t,n){let r=ve++,i=z.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 be(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 xe(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 Se={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function Ce(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 B(e){let t={...Se,...e},n=[];function r(){n=n.filter(e=>e().status===`pending`)}function i(e,i,a){let o=Ce(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 V(){}var H=Object.create(null);function we(e){if(!H[e]){let t=L(e);if(!t)return;H[e]={config:t,redundancy:B(t)}}return H[e]}function Te(e,t,n){let r,i;if(typeof e==`string`){let t=j(e);if(!t)return n(void 0,424),V;i=t.send;let a=we(e);a&&(r=a.redundancy)}else{let t=M(e);if(t){r=B(t);let n=j(e.resources?e.resources[0]:``);n&&(i=n.send)}}return!r||!i?(n(void 0,424),V):r.query(t,i,n)().abort}function U(){}function Ee(e){e.iconsLoaderFlag||(e.iconsLoaderFlag=!0,setTimeout(()=>{e.iconsLoaderFlag=!1,_e(e)}))}function De(e){let t=[],r=[];return e.forEach(e=>{(e.match(n)?t:r).push(e)}),{valid:t,invalid:r}}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(!b(e,n).length){r();return}}catch(e){console.error(e)}r(),Ee(e)}function G(e,t){e instanceof Promise?e.then(e=>{t(e)}).catch(()=>{t(null)}):t(e)}function Oe(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)){G(e.loadIcons(i,r,t),t=>{W(e,i,t)});return}if(a){i.forEach(n=>{G(a(n,r,t),t=>{W(e,[n],t?{prefix:r,icons:{[n]:t}}:null)})});return}let{valid:o,invalid:s}=De(i);if(s.length&&W(e,s,null),!o.length)return;let c=r.match(n)?j(t):null;if(!c){W(e,o,null);return}c.prepare(t,r,o).forEach(n=>{Te(t,n,t=>{W(e,n.icons,t)})})}))}var K=(e,t)=>{let n=be(xe(e,!0,C()));if(!n.pending.length){let e=!0;return t&&setTimeout(()=>{e&&t(n.loaded,n.missing,n.pending,U)}),()=>{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&&Oe(e,t)}),t?ye(t,n,i):U},ke=e=>new Promise((t,n)=>{let i=typeof e==`string`?r(e,!0):e;if(!i){n(e);return}K([i||e],r=>{if(r.length&&i){let e=w(i);if(e){t({...c,...e});return}}n(e)})});function Ae(e,t){let n={...e};for(let e in t){let r=t[e],i=typeof r;e in D?(r===null||r&&(i===`string`||i===`number`))&&(n[e]=r):i===typeof n[e]&&(n[e]=e===`rotate`?r%4:r)}return n}var je=/[\s,]+/;function Me(e,t){t.split(je).forEach(t=>{switch(t.trim()){case`horizontal`:e.hFlip=!0;break;case`vertical`:e.vFlip=!0;break}})}function Ne(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 Pe(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 Fe(e){return e.replace(/"/g,`'`).replace(/%/g,`%25`).replace(/#/g,`%23`).replace(/</g,`%3C`).replace(/>/g,`%3E`).replace(/\s+/g,` `)}function Ie(e){return`data:image/svg+xml,`+Fe(e)}function Le(e){return`url("`+Ie(e)+`")`}var Re={...O,inline:!1},ze={xmlns:`http://www.w3.org/2000/svg`,"xmlns:xlink":`http://www.w3.org/1999/xlink`,"aria-hidden":!0,role:`img`},Be={display:`inline-block`},q={backgroundColor:`currentColor`},Ve={backgroundColor:`transparent`},He={Image:`var(--svg)`,Repeat:`no-repeat`,Size:`100% 100%`},Ue={webkitMask:q,mask:q,background:Ve};for(let e in Ue){let t=Ue[e];for(let n in He)t[e+n]=He[n]}var J={};[`horizontal`,`vertical`].forEach(e=>{let t=e.slice(0,1)+`Flip`;J[e+`-flip`]=t,J[e.slice(0,1)+`-flip`]=t,J[e+`Flip`]=t});function We(e){return e+(e.match(/^[-0-9.]+$/)?`px`:``)}var Ge=(e,n)=>{let r=Ae(Re,n),i={...ze},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`&&Me(r,t);break;case`color`:o.color=t;break;case`rotate`:typeof t==`string`?r[e]=Ne(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=J[e];n?(t===!0||t===`true`||t===1)&&(r[n]=!0):Re[e]===void 0&&(i[e]=t)}}}let l=oe(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=ue(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=Pe(d,{...u,width:f+``,height:p+``});return i.style={...o,"--svg":Le(h),width:We(u.width),height:We(u.height),...Be,...m?q:Ve,...c},(0,t.h)(`span`,i)};if(C(!0),de(``,ge),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`||!E(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;I(e,r)||console.error(n)}catch{console.error(n)}}}}var Ke={...c,body:``},qe=(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=w(c);if(!l){let e=i.value;return(!e||e.name!==o)&&(l===null?i.value={name:o}:i.value={name:o,abort:K([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 Ge(Ke,e);let n=e;return t.classes&&(n={...e,class:t.classes.join(` `)}),Ge({...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`]}),Je=Symbol(`ccui-config`);function Y(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function Ye(e,t=!1){let n=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>Y(n),e:e=>e?Y(n,e):``,m:e=>e?Y(n,``,e):``,em:(e,t)=>e&&t?Y(n,e,t):``,is:e=>`is-${e}`}}var X=new Map;function Z(e){return e.trim()}function Xe(e,t){X.set(Z(e),t)}function Ze(e){X.delete(Z(e))}function Qe(){X.clear()}function Q(e){if(e)return X.get(Z(e))}var $e={name:{type:String,default:``},component:{type:Object,default:void 0},size:{type:[Number,String],default:void 0},color:{type:String,default:``},twoToneColor:{type:String,default:``},theme:{type:String,default:void 0},themePrefixMap:{type:Object,default:void 0},rotate:{type:Number,default:0},spin:{type:Boolean,default:!1},spinDirection:{type:String,default:`cw`},loading:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},iconifyPrefix:{type:String,default:``},title:{type:String,default:``},ariaLabel:{type:String,default:``},prefixCls:{type:String,default:``}},et={prefixCls:`ccui`,componentSize:`middle`,locale:void 0,direction:`ltr`,theme:void 0,iconPrefixCls:`ccui-icon`},tt={small:14,large:20};function nt(e){return!!e&&e.includes(`:`)}function rt(e,t){let n=e===void 0?t:e;if(!(n==null||n===``||n===`default`))return typeof n==`number`?`${n}px`:n in tt?`${tt[n]}px`:n}function it(e){return e===`middle`?`default`:e}var $=(0,t.defineComponent)({name:`CIcon`,inheritAttrs:!1,props:$e,emits:[`click`],setup(e,{slots:n,emit:r}){let i=(0,t.useAttrs)(),a=Ye(`icon`),o=(0,t.inject)(Je,et),s=(0,t.computed)(()=>e.prefixCls||o.iconPrefixCls||`ccui-icon`),c=(0,t.computed)(()=>{if(!(!e.theme||!e.themePrefixMap))return e.themePrefixMap[e.theme]}),l=(0,t.computed)(()=>e.name?e.name.includes(`:`)?e.name:c.value?`${c.value}:${e.name}`:e.iconifyPrefix?`${e.iconifyPrefix}:${e.name}`:e.name:``),u=(0,t.computed)(()=>nt(l.value)?l.value:void 0),d=(0,t.computed)(()=>{if(e.component)return e.component;if(e.name&&!u.value)return Q(e.name)}),f=(0,t.computed)(()=>!!e.name&&!u.value&&!d.value&&!e.component),p=(0,t.computed)(()=>{let t={},n=rt(e.size,it(o.componentSize));return n&&(t.fontSize=n),e.color&&(t.color=e.color),e.twoToneColor&&(t[`--ccui-icon-two-tone-color`]=e.twoToneColor),e.rotate!==void 0&&(t[`--ccui-icon-rotate`]=`${e.rotate}deg`),t}),m=(0,t.computed)(()=>({[a.b()]:!0,[a.m(`spin`)]:e.spin||e.loading,[a.m(`spin-ccw`)]:(e.spin||e.loading)&&e.spinDirection===`ccw`,[a.m(`font`)]:f.value,[a.m(`svg`)]:!!d.value||!!u.value||!!n.default,[a.m(`iconify`)]:!!u.value,[a.m(e.theme)]:!!e.theme,[a.m(`clickable`)]:e.clickable&&!e.disabled,[a.m(`disabled`)]:e.clickable&&e.disabled,[a.m(`loading`)]:e.loading})),h=t=>{if(e.clickable&&e.disabled){t.preventDefault(),t.stopPropagation();return}r(`click`,t)},g=t=>{!e.clickable||e.disabled||(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),t.currentTarget.click())};return()=>{let{class:r,style:o,...c}=i,l;l=e.loading?(0,t.h)(`svg`,{viewBox:`0 0 24 24`,class:a.e(`loading-spinner`),"aria-hidden":`true`},(0,t.h)(`circle`,{cx:`12`,cy:`12`,r:`9`,fill:`none`,stroke:`currentColor`,"stroke-width":`2.5`,"stroke-linecap":`round`,"stroke-dasharray":`40 18`})):d.value?(0,t.h)(d.value):u.value?(0,t.h)(qe,{icon:u.value}):f.value?(0,t.h)(`i`,{class:[s.value,`${s.value}-${e.name}`]}):n.default?.();let _=e.clickable,v=_?`button`:e.title||e.ariaLabel?`img`:void 0,y=_?e.disabled?-1:0:void 0;return(0,t.h)(`span`,{...c,class:[r,m.value],style:[o,p.value],role:v,tabindex:y,"aria-hidden":_||e.title||e.ariaLabel?void 0:`true`,"aria-label":e.ariaLabel||e.title||void 0,"aria-disabled":_&&e.disabled?`true`:void 0,"aria-busy":e.loading?`true`:void 0,title:e.title||void 0,onClick:h,onKeydown:g},l)}}});$.install=function(e){e.component($.name,$)},e.Icon=$,e.addAPIProvider=I,e.addCollection=E,e.addIcon=T,e.clearIconRegistry=Qe,e.default={title:`Icon 图标`,category:`通用`,status:`100%`,install(e){e.component($.name,$)}},e.loadIcon=ke,e.loadIcons=K,e.registerIcon=Xe,e.resolveIcon=Q,e.unregisterIcon=Ze});
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
: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-image{vertical-align:middle;display:inline-block;position:relative;overflow:hidden}.ccui-image__inner{width:100%;height:100%;transition:opacity var(--ccui-motion-duration-mid,.2s);display:block}.ccui-image__inner--preview{cursor:zoom-in}.ccui-image__placeholder,.ccui-image__error{width:100%;min-width:80px;height:100%;min-height:80px;color:var(--ccui-color-text-disabled,#00000040);font-size:var(--ccui-font-size-sm,12px);background-color:#0000000a;justify-content:center;align-items:center;display:flex}.ccui-image__loading{color:var(--ccui-color-text-disabled,#00000040)}.ccui-image__preview-mask{z-index:1080;cursor:zoom-out;background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ccui-image__preview-img{max-width:90vw;max-height:90vh;transition:transform var(--ccui-motion-duration-mid,.2s);-webkit-user-select:none;user-select:none}.ccui-image__preview-toolbar{z-index:1;gap:8px;display:flex;position:absolute;top:24px;right:24px}.ccui-image__preview-toolbar button{color:#fff;cursor:pointer;width:36px;height:36px;transition:background-color var(--ccui-motion-duration-mid,.2s);background:#ffffff29;border:0;border-radius:50%;padding:0;font-size:18px}.ccui-image__preview-toolbar button:hover{background:#ffffff52}.ccui-image-preview-fade-enter-active,.ccui-image-preview-fade-leave-active{transition:opacity var(--ccui-motion-duration-mid,.2s)}.ccui-image-preview-fade-enter-from,.ccui-image-preview-fade-leave-to{opacity:0}
|
|
2
|
+
/*$vite$:1*/
|
|
@@ -0,0 +1,276 @@
|
|
|
1
|
+
import { Teleport as e, Transition as t, computed as n, createTextVNode as r, createVNode as i, defineComponent as a, inject as o, onBeforeUnmount as s, onMounted as c, ref as l, vShow as u, watch as d, withDirectives as f } from "vue";
|
|
2
|
+
//#region ../ccui/ui/shared/hooks/use-namespace.ts
|
|
3
|
+
function p(e, t, n) {
|
|
4
|
+
let r = e;
|
|
5
|
+
return t && (r += `__${t}`), n && (r += `--${n}`), r;
|
|
6
|
+
}
|
|
7
|
+
function m(e, t = !1) {
|
|
8
|
+
let n = t ? `.ccui-${e}` : `ccui-${e}`;
|
|
9
|
+
return {
|
|
10
|
+
b: () => p(n),
|
|
11
|
+
e: (e) => e ? p(n, e) : "",
|
|
12
|
+
m: (e) => e ? p(n, "", e) : "",
|
|
13
|
+
em: (e, t) => e && t ? p(n, e, t) : "",
|
|
14
|
+
is: (e) => `is-${e}`
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region ../ccui/ui/locale/zh-CN.ts
|
|
19
|
+
var h = {
|
|
20
|
+
locale: "zh-CN",
|
|
21
|
+
Modal: {
|
|
22
|
+
okText: "确 定",
|
|
23
|
+
cancelText: "取 消",
|
|
24
|
+
justOkText: "知道了"
|
|
25
|
+
},
|
|
26
|
+
Popconfirm: {
|
|
27
|
+
okText: "确 定",
|
|
28
|
+
cancelText: "取 消"
|
|
29
|
+
},
|
|
30
|
+
Empty: { description: "暂无数据" },
|
|
31
|
+
AutoComplete: { notFoundContent: "暂无数据" },
|
|
32
|
+
Mentions: { notFoundContent: "暂无数据" },
|
|
33
|
+
Cascader: { notFoundContent: "暂无数据" },
|
|
34
|
+
TreeSelect: { notFoundContent: "暂无数据" },
|
|
35
|
+
Select: { notFoundContent: "暂无数据" },
|
|
36
|
+
Pagination: {
|
|
37
|
+
itemsPerPage: "条/页",
|
|
38
|
+
jumpTo: "跳至",
|
|
39
|
+
page: "页",
|
|
40
|
+
prevPage: "上一页",
|
|
41
|
+
nextPage: "下一页",
|
|
42
|
+
total: "共 {total} 条"
|
|
43
|
+
},
|
|
44
|
+
Image: {
|
|
45
|
+
loading: "加载中",
|
|
46
|
+
error: "加载失败"
|
|
47
|
+
},
|
|
48
|
+
DatePicker: {
|
|
49
|
+
placeholder: "请选择日期",
|
|
50
|
+
rangePlaceholder: ["开始日期", "结束日期"],
|
|
51
|
+
timePlaceholder: "请选择时间",
|
|
52
|
+
weekdaysShort: [
|
|
53
|
+
"日",
|
|
54
|
+
"一",
|
|
55
|
+
"二",
|
|
56
|
+
"三",
|
|
57
|
+
"四",
|
|
58
|
+
"五",
|
|
59
|
+
"六"
|
|
60
|
+
],
|
|
61
|
+
panelLabelFormat: "YYYY 年 M 月",
|
|
62
|
+
monthNamesShort: [
|
|
63
|
+
"1 月",
|
|
64
|
+
"2 月",
|
|
65
|
+
"3 月",
|
|
66
|
+
"4 月",
|
|
67
|
+
"5 月",
|
|
68
|
+
"6 月",
|
|
69
|
+
"7 月",
|
|
70
|
+
"8 月",
|
|
71
|
+
"9 月",
|
|
72
|
+
"10 月",
|
|
73
|
+
"11 月",
|
|
74
|
+
"12 月"
|
|
75
|
+
],
|
|
76
|
+
quarterNames: [
|
|
77
|
+
"一季度",
|
|
78
|
+
"二季度",
|
|
79
|
+
"三季度",
|
|
80
|
+
"四季度"
|
|
81
|
+
],
|
|
82
|
+
weekFormat: "{weekYear} 年第 {weekNumber} 周",
|
|
83
|
+
weekHeader: "周",
|
|
84
|
+
now: "此刻",
|
|
85
|
+
ok: "确定",
|
|
86
|
+
prevYearLabel: "前一年",
|
|
87
|
+
prevMonthLabel: "上个月",
|
|
88
|
+
nextYearLabel: "后一年",
|
|
89
|
+
nextMonthLabel: "下个月",
|
|
90
|
+
clearLabel: "清除"
|
|
91
|
+
}
|
|
92
|
+
}, g = Symbol("ccui-config");
|
|
93
|
+
//#endregion
|
|
94
|
+
//#region ../ccui/ui/config-provider/src/config-provider.tsx
|
|
95
|
+
function _() {
|
|
96
|
+
return o(g, {
|
|
97
|
+
prefixCls: "ccui",
|
|
98
|
+
componentSize: "middle",
|
|
99
|
+
locale: h,
|
|
100
|
+
direction: "ltr",
|
|
101
|
+
theme: void 0,
|
|
102
|
+
iconPrefixCls: "ccui-icon"
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
//#endregion
|
|
106
|
+
//#region ../ccui/ui/image/src/image-types.ts
|
|
107
|
+
var v = {
|
|
108
|
+
src: {
|
|
109
|
+
type: String,
|
|
110
|
+
required: !0
|
|
111
|
+
},
|
|
112
|
+
alt: {
|
|
113
|
+
type: String,
|
|
114
|
+
default: ""
|
|
115
|
+
},
|
|
116
|
+
fit: {
|
|
117
|
+
type: String,
|
|
118
|
+
default: "fill"
|
|
119
|
+
},
|
|
120
|
+
width: {
|
|
121
|
+
type: [Number, String],
|
|
122
|
+
default: ""
|
|
123
|
+
},
|
|
124
|
+
height: {
|
|
125
|
+
type: [Number, String],
|
|
126
|
+
default: ""
|
|
127
|
+
},
|
|
128
|
+
preview: {
|
|
129
|
+
type: Boolean,
|
|
130
|
+
default: !1
|
|
131
|
+
},
|
|
132
|
+
fallback: {
|
|
133
|
+
type: String,
|
|
134
|
+
default: ""
|
|
135
|
+
},
|
|
136
|
+
lazy: {
|
|
137
|
+
type: Boolean,
|
|
138
|
+
default: !1
|
|
139
|
+
},
|
|
140
|
+
rootMargin: {
|
|
141
|
+
type: String,
|
|
142
|
+
default: "0px"
|
|
143
|
+
},
|
|
144
|
+
classNames: {
|
|
145
|
+
type: Object,
|
|
146
|
+
default: void 0
|
|
147
|
+
},
|
|
148
|
+
styles: {
|
|
149
|
+
type: Object,
|
|
150
|
+
default: void 0
|
|
151
|
+
}
|
|
152
|
+
};
|
|
153
|
+
//#endregion
|
|
154
|
+
//#region ../ccui/ui/image/src/image.tsx
|
|
155
|
+
function y(e) {
|
|
156
|
+
return e === "" || e == null ? "" : typeof e == "number" ? `${e}px` : String(e);
|
|
157
|
+
}
|
|
158
|
+
var b = /* @__PURE__ */ a({
|
|
159
|
+
name: "CImage",
|
|
160
|
+
props: v,
|
|
161
|
+
emits: [
|
|
162
|
+
"load",
|
|
163
|
+
"error",
|
|
164
|
+
"click"
|
|
165
|
+
],
|
|
166
|
+
setup(a, { emit: o, slots: p }) {
|
|
167
|
+
let h = m("image"), g = _(), v = n(() => g.locale?.Image?.loading || "加载中"), b = n(() => g.locale?.Image?.error || "加载失败"), x = l("loading"), S = l(a.lazy ? "" : a.src), C = l(), w = l(!1), T = l(1), E = n(() => ({
|
|
168
|
+
width: y(a.width),
|
|
169
|
+
height: y(a.height)
|
|
170
|
+
})), D = n(() => ({ objectFit: a.fit })), O = (e) => {
|
|
171
|
+
x.value = "loaded", o("load", e);
|
|
172
|
+
}, k = (e) => {
|
|
173
|
+
x.value = "error", o("error", e);
|
|
174
|
+
}, A = (e) => {
|
|
175
|
+
o("click", e), a.preview && x.value === "loaded" && (w.value = !0, T.value = 1);
|
|
176
|
+
}, j = () => {
|
|
177
|
+
w.value = !1;
|
|
178
|
+
}, M = () => {
|
|
179
|
+
T.value = Math.min(T.value * 1.25, 6);
|
|
180
|
+
}, N = () => {
|
|
181
|
+
T.value = Math.max(T.value / 1.25, .25);
|
|
182
|
+
}, P = () => {
|
|
183
|
+
T.value = 1;
|
|
184
|
+
}, F = null, I = () => {
|
|
185
|
+
if (!(!a.lazy || !C.value)) {
|
|
186
|
+
if (typeof IntersectionObserver > "u") {
|
|
187
|
+
S.value = a.src;
|
|
188
|
+
return;
|
|
189
|
+
}
|
|
190
|
+
F = new IntersectionObserver((e) => {
|
|
191
|
+
e.forEach((e) => {
|
|
192
|
+
e.isIntersecting && (S.value = a.src, F?.disconnect(), F = null);
|
|
193
|
+
});
|
|
194
|
+
}, { rootMargin: a.rootMargin }), F.observe(C.value);
|
|
195
|
+
}
|
|
196
|
+
};
|
|
197
|
+
return c(() => {
|
|
198
|
+
a.lazy && I();
|
|
199
|
+
}), d(() => a.src, (e) => {
|
|
200
|
+
x.value = "loading", S.value = a.lazy ? "" : e, a.lazy && I();
|
|
201
|
+
}), s(() => {
|
|
202
|
+
F?.disconnect();
|
|
203
|
+
}), () => i("div", {
|
|
204
|
+
ref: C,
|
|
205
|
+
class: [h.b(), a.classNames?.root],
|
|
206
|
+
style: [E.value, a.styles?.root]
|
|
207
|
+
}, [
|
|
208
|
+
x.value === "loading" && i("div", { class: h.e("placeholder") }, [p.placeholder ? p.placeholder() : i("span", { class: h.e("loading") }, [v.value])]),
|
|
209
|
+
x.value === "error" && i("div", { class: h.e("error") }, [p.error ? p.error() : a.fallback ? i("img", {
|
|
210
|
+
class: [h.e("inner"), a.classNames?.image],
|
|
211
|
+
style: a.styles?.image,
|
|
212
|
+
src: a.fallback,
|
|
213
|
+
alt: a.alt
|
|
214
|
+
}, null) : i("span", null, [b.value])]),
|
|
215
|
+
S.value && f(i("img", {
|
|
216
|
+
class: [
|
|
217
|
+
h.e("inner"),
|
|
218
|
+
a.preview && h.em("inner", "preview"),
|
|
219
|
+
a.classNames?.image
|
|
220
|
+
],
|
|
221
|
+
style: [D.value, a.styles?.image],
|
|
222
|
+
src: S.value,
|
|
223
|
+
alt: a.alt,
|
|
224
|
+
onLoad: O,
|
|
225
|
+
onError: k,
|
|
226
|
+
onClick: A
|
|
227
|
+
}, null), [[u, x.value !== "error"]]),
|
|
228
|
+
a.preview && i(e, { to: "body" }, { default: () => [i(t, { name: `${h.b()}-preview-fade` }, { default: () => [w.value && i("div", {
|
|
229
|
+
class: [h.e("preview-mask"), a.classNames?.previewMask],
|
|
230
|
+
style: a.styles?.previewMask,
|
|
231
|
+
onClick: j
|
|
232
|
+
}, [i("div", {
|
|
233
|
+
class: h.e("preview-toolbar"),
|
|
234
|
+
onClick: (e) => e.stopPropagation()
|
|
235
|
+
}, [
|
|
236
|
+
i("button", {
|
|
237
|
+
onClick: N,
|
|
238
|
+
"aria-label": "zoom out"
|
|
239
|
+
}, [r("−")]),
|
|
240
|
+
i("button", {
|
|
241
|
+
onClick: P,
|
|
242
|
+
"aria-label": "reset"
|
|
243
|
+
}, [r("⟳")]),
|
|
244
|
+
i("button", {
|
|
245
|
+
onClick: M,
|
|
246
|
+
"aria-label": "zoom in"
|
|
247
|
+
}, [r("+")]),
|
|
248
|
+
i("button", {
|
|
249
|
+
onClick: j,
|
|
250
|
+
"aria-label": "close"
|
|
251
|
+
}, [r("×")])
|
|
252
|
+
]), i("img", {
|
|
253
|
+
class: h.e("preview-img"),
|
|
254
|
+
src: a.src,
|
|
255
|
+
alt: a.alt,
|
|
256
|
+
style: { transform: `scale(${T.value})` },
|
|
257
|
+
onClick: (e) => e.stopPropagation()
|
|
258
|
+
}, null)])] })] })
|
|
259
|
+
]);
|
|
260
|
+
}
|
|
261
|
+
});
|
|
262
|
+
//#endregion
|
|
263
|
+
//#region ../ccui/ui/image/index.ts
|
|
264
|
+
b.install = function(e) {
|
|
265
|
+
e.component(b.name, b);
|
|
266
|
+
};
|
|
267
|
+
var x = {
|
|
268
|
+
title: "Image 图片",
|
|
269
|
+
category: "数据展示",
|
|
270
|
+
status: "100%",
|
|
271
|
+
install(e) {
|
|
272
|
+
e.component(b.name, b);
|
|
273
|
+
}
|
|
274
|
+
};
|
|
275
|
+
//#endregion
|
|
276
|
+
export { b as Image, x as default };
|
|
@@ -0,0 +1 @@
|
|
|
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`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i={locale:`zh-CN`,Modal:{okText:`确 定`,cancelText:`取 消`,justOkText:`知道了`},Popconfirm:{okText:`确 定`,cancelText:`取 消`},Empty:{description:`暂无数据`},AutoComplete:{notFoundContent:`暂无数据`},Mentions:{notFoundContent:`暂无数据`},Cascader:{notFoundContent:`暂无数据`},TreeSelect:{notFoundContent:`暂无数据`},Select:{notFoundContent:`暂无数据`},Pagination:{itemsPerPage:`条/页`,jumpTo:`跳至`,page:`页`,prevPage:`上一页`,nextPage:`下一页`,total:`共 {total} 条`},Image:{loading:`加载中`,error:`加载失败`},DatePicker:{placeholder:`请选择日期`,rangePlaceholder:[`开始日期`,`结束日期`],timePlaceholder:`请选择时间`,weekdaysShort:[`日`,`一`,`二`,`三`,`四`,`五`,`六`],panelLabelFormat:`YYYY 年 M 月`,monthNamesShort:[`1 月`,`2 月`,`3 月`,`4 月`,`5 月`,`6 月`,`7 月`,`8 月`,`9 月`,`10 月`,`11 月`,`12 月`],quarterNames:[`一季度`,`二季度`,`三季度`,`四季度`],weekFormat:`{weekYear} 年第 {weekNumber} 周`,weekHeader:`周`,now:`此刻`,ok:`确定`,prevYearLabel:`前一年`,prevMonthLabel:`上个月`,nextYearLabel:`后一年`,nextMonthLabel:`下个月`,clearLabel:`清除`}},a=Symbol(`ccui-config`);function o(){return(0,t.inject)(a,{prefixCls:`ccui`,componentSize:`middle`,locale:i,direction:`ltr`,theme:void 0,iconPrefixCls:`ccui-icon`})}var s={src:{type:String,required:!0},alt:{type:String,default:``},fit:{type:String,default:`fill`},width:{type:[Number,String],default:``},height:{type:[Number,String],default:``},preview:{type:Boolean,default:!1},fallback:{type:String,default:``},lazy:{type:Boolean,default:!1},rootMargin:{type:String,default:`0px`},classNames:{type:Object,default:void 0},styles:{type:Object,default:void 0}};function c(e){return e===``||e==null?``:typeof e==`number`?`${e}px`:String(e)}var l=(0,t.defineComponent)({name:`CImage`,props:s,emits:[`load`,`error`,`click`],setup(e,{emit:n,slots:i}){let a=r(`image`),s=o(),l=(0,t.computed)(()=>s.locale?.Image?.loading||`加载中`),u=(0,t.computed)(()=>s.locale?.Image?.error||`加载失败`),d=(0,t.ref)(`loading`),f=(0,t.ref)(e.lazy?``:e.src),p=(0,t.ref)(),m=(0,t.ref)(!1),h=(0,t.ref)(1),g=(0,t.computed)(()=>({width:c(e.width),height:c(e.height)})),_=(0,t.computed)(()=>({objectFit:e.fit})),v=e=>{d.value=`loaded`,n(`load`,e)},y=e=>{d.value=`error`,n(`error`,e)},b=t=>{n(`click`,t),e.preview&&d.value===`loaded`&&(m.value=!0,h.value=1)},x=()=>{m.value=!1},S=()=>{h.value=Math.min(h.value*1.25,6)},C=()=>{h.value=Math.max(h.value/1.25,.25)},w=()=>{h.value=1},T=null,E=()=>{if(!(!e.lazy||!p.value)){if(typeof IntersectionObserver>`u`){f.value=e.src;return}T=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&(f.value=e.src,T?.disconnect(),T=null)})},{rootMargin:e.rootMargin}),T.observe(p.value)}};return(0,t.onMounted)(()=>{e.lazy&&E()}),(0,t.watch)(()=>e.src,t=>{d.value=`loading`,f.value=e.lazy?``:t,e.lazy&&E()}),(0,t.onBeforeUnmount)(()=>{T?.disconnect()}),()=>(0,t.createVNode)(`div`,{ref:p,class:[a.b(),e.classNames?.root],style:[g.value,e.styles?.root]},[d.value===`loading`&&(0,t.createVNode)(`div`,{class:a.e(`placeholder`)},[i.placeholder?i.placeholder():(0,t.createVNode)(`span`,{class:a.e(`loading`)},[l.value])]),d.value===`error`&&(0,t.createVNode)(`div`,{class:a.e(`error`)},[i.error?i.error():e.fallback?(0,t.createVNode)(`img`,{class:[a.e(`inner`),e.classNames?.image],style:e.styles?.image,src:e.fallback,alt:e.alt},null):(0,t.createVNode)(`span`,null,[u.value])]),f.value&&(0,t.withDirectives)((0,t.createVNode)(`img`,{class:[a.e(`inner`),e.preview&&a.em(`inner`,`preview`),e.classNames?.image],style:[_.value,e.styles?.image],src:f.value,alt:e.alt,onLoad:v,onError:y,onClick:b},null),[[t.vShow,d.value!==`error`]]),e.preview&&(0,t.createVNode)(t.Teleport,{to:`body`},{default:()=>[(0,t.createVNode)(t.Transition,{name:`${a.b()}-preview-fade`},{default:()=>[m.value&&(0,t.createVNode)(`div`,{class:[a.e(`preview-mask`),e.classNames?.previewMask],style:e.styles?.previewMask,onClick:x},[(0,t.createVNode)(`div`,{class:a.e(`preview-toolbar`),onClick:e=>e.stopPropagation()},[(0,t.createVNode)(`button`,{onClick:C,"aria-label":`zoom out`},[(0,t.createTextVNode)(`−`)]),(0,t.createVNode)(`button`,{onClick:w,"aria-label":`reset`},[(0,t.createTextVNode)(`⟳`)]),(0,t.createVNode)(`button`,{onClick:S,"aria-label":`zoom in`},[(0,t.createTextVNode)(`+`)]),(0,t.createVNode)(`button`,{onClick:x,"aria-label":`close`},[(0,t.createTextVNode)(`×`)])]),(0,t.createVNode)(`img`,{class:a.e(`preview-img`),src:e.src,alt:e.alt,style:{transform:`scale(${h.value})`},onClick:e=>e.stopPropagation()},null)])]})]})])}});l.install=function(e){e.component(l.name,l)},e.Image=l,e.default={title:`Image 图片`,category:`数据展示`,status:`100%`,install(e){e.component(l.name,l)}}});
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
: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{box-sizing:border-box;background-color:var(--ccui-color-bg-container,#fff);border:1px solid var(--ccui-color-border,#d9d9d9);border-radius:var(--ccui-border-radius,6px);width:100%;color:var(--ccui-color-text,#000000e0);font-size:var(--ccui-font-size,14px);transition:border-color var(--ccui-motion-duration-mid,.2s), box-shadow var(--ccui-motion-duration-mid,.2s);align-items:center;display:flex}.ccui-input:hover{border-color:var(--ccui-color-primary-hover,#4096ff)}.ccui-input:focus-within{border-color:var(--ccui-color-primary,#1677ff);box-shadow:0 0 0 2px var(--ccui-control-outline,#0591ff1a)}.ccui-input--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--disabled:hover{border-color:var(--ccui-disabled-line,#d9d9d9)}.ccui-input--variant-filled{background-color:var(--ccui-color-fill-secondary,#0000000f);border-color:#0000}.ccui-input--variant-filled:hover{background-color:var(--ccui-color-fill,#00000026);border-color:#0000}.ccui-input--variant-filled:focus-within{background-color:var(--ccui-color-bg-container,#fff);border-color:var(--ccui-color-primary,#1677ff)}.ccui-input--variant-borderless{background-color:#0000;border-color:#0000}.ccui-input--variant-borderless:hover{border-color:#0000}.ccui-input--variant-borderless:focus-within{box-shadow:none;border-color:#0000}.ccui-input--variant-underlined{border-color:#0000;border-bottom-color:var(--ccui-color-border,#d9d9d9);background-color:#0000;border-radius:0}.ccui-input--variant-underlined:hover{border-color:#0000;border-bottom-color:var(--ccui-color-primary-hover,#4096ff)}.ccui-input--variant-underlined:focus-within{border-color:#0000;border-bottom-color:var(--ccui-color-primary,#1677ff);box-shadow:none}.ccui-input--status-error{border-color:var(--ccui-color-error,#ff4d4f)}.ccui-input--status-error:hover{border-color:var(--ccui-color-error-hover,#ff7875)}.ccui-input--status-error:focus-within{border-color:var(--ccui-color-error,#ff4d4f);box-shadow:0 0 0 2px var(--ccui-control-outline-error,#ff26050f)}.ccui-input--status-warning{border-color:var(--ccui-color-warning,#faad14)}.ccui-input--status-warning:hover{border-color:var(--ccui-color-warning-hover,#ffc53d)}.ccui-input--status-warning:focus-within{border-color:var(--ccui-color-warning,#faad14);box-shadow:0 0 0 2px var(--ccui-control-outline-warning,#ffd7051a)}.ccui-input__count{color:var(--ccui-color-text-tertiary,#00000073);font-size:var(--ccui-font-size-sm,12px);-webkit-user-select:none;user-select:none;pointer-events:none;margin-inline-start:4px}.ccui-input--large{height:var(--ccui-size-lg,40px);font-size:var(--ccui-font-size-lg,16px)}.ccui-input--large.ccui-input--prefix .ccui-input__inner{padding-left:24px}.ccui-input--large.ccui-input--suffix .ccui-input__inner,.ccui-input--large.ccui-input--clearable .ccui-input__inner{padding-right:24px}.ccui-input--default{height:var(--ccui-size-md,32px);font-size:var(--ccui-font-size-md,14px)}.ccui-input--default.ccui-input--prefix .ccui-input__inner{padding-left:24px}.ccui-input--default.ccui-input--suffix .ccui-input__inner,.ccui-input--default.ccui-input--clearable .ccui-input__inner{padding-right:24px}.ccui-input--small{height:var(--ccui-size-sm,24px);font-size:var(--ccui-font-size-sm,12px)}.ccui-input--small.ccui-input--prefix .ccui-input__inner{padding-left:20px}.ccui-input--small.ccui-input--suffix .ccui-input__inner,.ccui-input--small.ccui-input--clearable .ccui-input__inner{padding-right:20px}.ccui-input__wrapper{width:100%;padding:0 8px;position:relative}.ccui-input__prepend,.ccui-input__append{white-space:nowrap;background-color:var(--ccui-area,#fafafa);color:var(--ccui-text,#000000e0);font-size:inherit;align-items:center;height:100%;padding:0 10px;line-height:1;display:flex}.ccui-input__prepend{border-radius:var(--ccui-border-radius,6px) 0 0 var(--ccui-border-radius,6px);border-right:1px solid var(--ccui-line,#d9d9d9)}.ccui-input__append{border-radius:0 var(--ccui-border-radius,6px) var(--ccui-border-radius,6px) 0;border-left:1px solid var(--ccui-line,#d9d9d9)}.ccui-input__inner{width:100%;height:100%;color:inherit;font-size:inherit;z-index:0;box-sizing:border-box;background:0 0;border:none;outline:none;padding:4px 0;font-family:inherit;position:relative}.ccui-input__inner::placeholder{color:var(--ccui-placeholder,#00000040)}.ccui-input__inner:disabled{cursor:not-allowed;color:var(--ccui-disabled-text,#00000040)}.ccui-input__prefix,.ccui-input__suffix{color:var(--ccui-placeholder,#00000040);pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.ccui-input__prefix{left:8px}.ccui-input__suffix{right:8px}.ccui-input__clear,.ccui-input__password-visible,.ccui-input__password-hidden{cursor:pointer;pointer-events:auto;color:var(--ccui-placeholder,#00000040);transition:color var(--ccui-animation-duration-base,.2s)}.ccui-input__clear:hover,.ccui-input__password-visible:hover,.ccui-input__password-hidden:hover{color:var(--ccui-text,#000000e0)}
|
|
2
|
+
/*$vite$:1*/
|