@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 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 w(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 T(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)=>{w(e,n)&&(t=!0)})),t}let n=e.prefix;return i({prefix:n,name:`a`})?!!b(y(t,n),e):!1}var E=Object.freeze({width:null,height:null}),D=Object.freeze({...E,...s}),te=/(-?[0-9.]*[0-9]+[0-9.]*)/g,ne=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function O(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(te);if(r===null||!r.length)return e;let i=[],a=r.shift(),o=ne.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 re(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 k(e,t){return e?`<defs>`+e+`</defs>`+t:t}function A(e,t,n){let r=re(e);return k(r.defs,t+r.content+n)}var j=e=>e===`unset`||e===`undefined`||e===`none`;function ie(e,t){let n={...c,...e},r={...D,...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=A(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=O(f,l/u)):(d=o===`auto`?l:o,f=s===null?O(d,u/l):s===`auto`?u:s);let p={},m=(e,t)=>{j(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 ae=/\sid="(\S+)"/g,M=new Map;function N(e){e=e.replace(/[0-9]+$/,``)||`a`;let t=M.get(e)||0;return M.set(e,t+1),t?`${e}${t}`:e}function oe(e){let t=[],n;for(;n=ae.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=N(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 P=Object.create(null);function se(e,t){P[e]=t}function F(e){return P[e]||P[``]}function I(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 L=Object.create(null),R=[`https://api.simplesvg.com`,`https://api.unisvg.com`],z=[];R.length>0;)R.length===1||Math.random()>.5?z.push(R.shift()):z.push(R.pop());L[``]=I({resources:[`https://api.iconify.design`].concat(z)});function ce(e,t){let n=I(t);return n===null?!1:(L[e]=n,!0)}function B(e){return L[e]}var V=(()=>{let e;try{if(e=fetch,typeof e==`function`)return e}catch{}})();function le(e,t){let n=B(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 ue(e){return e===404}var de=(e,t,n)=>{let r=[],i=le(e,t),a=`icons`,o={type:a,provider:e,prefix:t,icons:[]},s=0;return n.forEach((n,c)=>{s+=n.length+1,s>=i&&c>0&&(r.push(o),o={type:a,provider:e,prefix:t,icons:[]},s=n.length),o.icons.push(n)}),r.push(o),r};function fe(e){if(typeof e==`string`){let t=B(e);if(t)return t.path}return`/`}var pe={prepare:de,send:(e,t,n)=>{if(!V){n(`abort`,424);return}let r=fe(t.provider);switch(t.type){case`icons`:{let e=t.prefix,n=t.icons.join(`,`),i=new URLSearchParams({icons:n});r+=e+`.json?`+i.toString();break}case`custom`:{let e=t.uri;r+=e.slice(0,1)===`/`?e.slice(1):e;break}default:n(`abort`,400);return}let i=503;V(e+r).then(e=>{let t=e.status;if(t!==200){setTimeout(()=>{n(ue(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 H(e,t){e.forEach(e=>{let n=e.loaderCallbacks;n&&(e.loaderCallbacks=n.filter(e=>e.id!==t))})}function me(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||H([e],t.id),t.callback(a.loaded.slice(0),a.missing.slice(0),a.pending.slice(0),t.abort))})}))}var he=0;function ge(e,t,n){let r=he++,i=H.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 _e(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 ve(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 ye={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function be(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 U(e){let t={...ye,...e},n=[];function r(){n=n.filter(e=>e().status===`pending`)}function i(e,i,a){let o=be(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 W(){}var G=Object.create(null);function xe(e){if(!G[e]){let t=B(e);if(!t)return;G[e]={config:t,redundancy:U(t)}}return G[e]}function Se(e,t,n){let r,i;if(typeof e==`string`){let t=F(e);if(!t)return n(void 0,424),W;i=t.send;let a=xe(e);a&&(r=a.redundancy)}else{let t=I(e);if(t){r=U(t);let n=F(e.resources?e.resources[0]:``);n&&(i=n.send)}}return!r||!i?(n(void 0,424),W):r.query(t,i,n)().abort}function K(){}function Ce(e){e.iconsLoaderFlag||(e.iconsLoaderFlag=!0,setTimeout(()=>{e.iconsLoaderFlag=!1,me(e)}))}function we(e){let t=[],r=[];return e.forEach(e=>{(e.match(n)?t:r).push(e)}),{valid:t,invalid:r}}function q(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(),Ce(e)}function Te(e,t){e instanceof Promise?e.then(e=>{t(e)}).catch(()=>{t(null)}):t(e)}function Ee(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)){Te(e.loadIcons(i,r,t),t=>{q(e,i,t)});return}if(a){i.forEach(n=>{Te(a(n,r,t),t=>{q(e,[n],t?{prefix:r,icons:{[n]:t}}:null)})});return}let{valid:o,invalid:s}=we(i);if(s.length&&q(e,s,null),!o.length)return;let c=r.match(n)?F(t):null;if(!c){q(e,o,null);return}c.prepare(t,r,o).forEach(n=>{Se(t,n,t=>{q(e,n.icons,t)})})}))}var De=(e,t)=>{let n=_e(ve(e,!0,C()));if(!n.pending.length){let e=!0;return t&&setTimeout(()=>{e&&t(n.loaded,n.missing,n.pending,K)}),()=>{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&&Ee(e,t)}),t?ge(t,n,i):K};function Oe(e,t){let n={...e};for(let e in t){let r=t[e],i=typeof r;e in E?(r===null||r&&(i===`string`||i===`number`))&&(n[e]=r):i===typeof n[e]&&(n[e]=e===`rotate`?r%4:r)}return n}var ke=/[\s,]+/;function Ae(e,t){t.split(ke).forEach(t=>{switch(t.trim()){case`horizontal`:e.hFlip=!0;break;case`vertical`:e.vFlip=!0;break}})}function je(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 Me(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 Ne(e){return e.replace(/"/g,`'`).replace(/%/g,`%25`).replace(/#/g,`%23`).replace(/</g,`%3C`).replace(/>/g,`%3E`).replace(/\s+/g,` `)}function Pe(e){return`data:image/svg+xml,`+Ne(e)}function Fe(e){return`url("`+Pe(e)+`")`}var Ie={...D,inline:!1},Le={xmlns:`http://www.w3.org/2000/svg`,"xmlns:xlink":`http://www.w3.org/1999/xlink`,"aria-hidden":!0,role:`img`},Re={display:`inline-block`},J={backgroundColor:`currentColor`},ze={backgroundColor:`transparent`},Be={Image:`var(--svg)`,Repeat:`no-repeat`,Size:`100% 100%`},Ve={webkitMask:J,mask:J,background:ze};for(let e in Ve){let t=Ve[e];for(let n in Be)t[e+n]=Be[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 He(e){return e+(e.match(/^[-0-9.]+$/)?`px`:``)}var Ue=(e,n)=>{let r=Oe(Ie,n),i={...Le},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`&&Ae(r,t);break;case`color`:o.color=t;break;case`rotate`:typeof t==`string`?r[e]=je(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):Ie[e]===void 0&&(i[e]=t)}}}let l=ie(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=oe(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=Me(d,{...u,width:f+``,height:p+``});return i.style={...o,"--svg":Fe(h),width:He(u.width),height:He(u.height),...Re,...m?J:ze,...c},(0,t.h)(`span`,i)};if(C(!0),se(``,pe),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`||!T(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;ce(e,r)||console.error(n)}catch{console.error(n)}}}}var We={...c,body:``},Ge=(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:De([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 Ue(We,e);let n=e;return t.classes&&(n={...e,class:t.classes.join(` `)}),Ue({...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`]}),Ke=Symbol(`ccuiFormItem`),qe=new Set;function X(e,t,n){let r=`${e}.${t}`;qe.has(r)||(qe.add(r),typeof console<`u`&&console.warn(`[ccui][${e}] ${t} 已 deprecated,请改用 ${n}。`))}function Z(e,t,n){return e?Object.prototype.hasOwnProperty.call(e,t)||Object.prototype.hasOwnProperty.call(e,n):!1}function Q(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function Je(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 Ye={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}};function Xe(e){return e.includes(`:`)}function Ze(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function Qe(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}var $=(0,t.defineComponent)({name:`CInput`,props:Ye,emits:[`update:modelValue`,`input`,`change`,`focus`,`blur`,`clear`,`press-enter`],setup(e,{emit:n,slots:r}){let i=Je(`input`),a=(0,t.ref)(null),o=(0,t.inject)(Ke,null),s=(0,t.computed)(()=>o?.validateStatus.value??``),c=(0,t.computed)(()=>e.status||s.value),l=(0,t.getCurrentInstance)()?.vnode.props;Z(l,`clearable`,`clearable`)&&X(`Input`,`clearable`,`allowClear`),Z(l,`prepend`,`prepend`)&&X(`Input`,`prepend`,`addonBefore`),Z(l,`append`,`append`)&&X(`Input`,`append`,`addonAfter`);let u=(0,t.ref)(e.modelValue===``?e.defaultValue??``:e.modelValue),d=(0,t.ref)(!1),f=(0,t.ref)(!1),p=(0,t.computed)(()=>e.type===`password`&&e.showPassword),m=(0,t.computed)(()=>e.type===`password`&&p.value&&f.value?`text`:e.type),h=(0,t.computed)(()=>e.allowClear===void 0?e.clearable:e.allowClear),g=(0,t.computed)(()=>{let e=h.value;return typeof e==`boolean`?e:e!=null}),_=(0,t.computed)(()=>{let e=h.value;return Ze(e)?e.clearIcon:void 0}),v=(0,t.computed)(()=>e.addonBefore||e.prepend),y=(0,t.computed)(()=>e.addonAfter||e.append),b=(0,t.computed)(()=>!!v.value||!!r[`addon-before`]||!!r.prepend),x=(0,t.computed)(()=>!!y.value||!!r[`addon-after`]||!!r.append),S=(0,t.computed)(()=>{let t=e.showCount;return typeof t==`boolean`?t:t!=null}),C=(0,t.computed)(()=>{let t=e.showCount;return Qe(t)?t.formatter:void 0}),ee=(0,t.computed)(()=>{if(!S.value)return``;let t=u.value??``,n=t.length,r=e.maxLength;return C.value?C.value({value:t,count:n,maxLength:r}):r===void 0?`${n}`:`${n} / ${r}`}),w=(0,t.computed)(()=>{let t=!e.disabled&&!e.readonly&&(g.value||p.value)||!!r.suffix||S.value,n=!!r.prefix;return{[i.b()]:!0,[i.m(e.size)]:!!e.size,[i.m(`disabled`)]:e.disabled,[i.m(`readonly`)]:e.readonly,[i.m(`clearable`)]:g.value,[i.m(`suffix`)]:t,[i.m(`prefix`)]:n,[i.m(`status-${c.value}`)]:!!c.value,[i.m(`variant-${e.variant}`)]:!!e.variant}}),T=(0,t.computed)(()=>({[i.e(`wrapper`)]:!0,[i.em(`wrapper`,e.size)]:!!e.size,[i.em(`wrapper`,`disabled`)]:e.disabled,[i.em(`wrapper`,`status-${c.value}`)]:!!c.value,[i.em(`wrapper`,`variant-${e.variant}`)]:!!e.variant})),E=(0,t.computed)(()=>({[i.e(`inner`)]:!0,[i.m(e.size)]:!!e.size,[i.m(`disabled`)]:e.disabled,[i.m(`readonly`)]:e.readonly})),D=e=>{u.value=e,n(`update:modelValue`,e),n(`input`,e),o?.validate(`change`)},te=e=>{let t=e.target;D(t.value)},ne=e=>{let t=e.target;n(`change`,t.value)},O=e=>{d.value=!0,n(`focus`,e)},re=e=>{d.value=!1,n(`blur`,e),o?.validate(`blur`)},k=e=>{e.key===`Enter`&&n(`press-enter`,e)},A=()=>{D(``),n(`clear`)},j=()=>{f.value=!f.value};(0,t.watch)(()=>e.modelValue,e=>{e!==u.value&&(u.value=e)});let ie=()=>{let e=_.value;return e?typeof e==`string`?Xe(e)?(0,t.createVNode)(`span`,{class:i.e(`clear`),onClick:A},[(0,t.createVNode)(Ge,{icon:e},null)]):(0,t.createVNode)(`i`,{class:[i.e(`clear`),e],onClick:A},null):(0,t.createVNode)(`span`,{class:i.e(`clear`),onClick:A},[e]):(0,t.createVNode)(`i`,{class:i.e(`clear`),onClick:A},null)},ae=()=>{if(!b.value)return null;let e=r[`addon-before`]?r[`addon-before`]():r.prepend?.();return(0,t.createVNode)(`div`,{class:i.e(`prepend`)},[e??(0,t.createVNode)(`span`,null,[v.value])])},M=()=>{if(!x.value)return null;let e=r[`addon-after`]?r[`addon-after`]():r.append?.();return(0,t.createVNode)(`div`,{class:i.e(`append`)},[e??(0,t.createVNode)(`span`,null,[y.value])])},N=()=>{let n=!e.disabled&&!e.readonly,a=n&&g.value&&!!u.value,o=n&&p.value,s=!!r.suffix,c=S.value;return!a&&!o&&!s&&!c?null:(0,t.createVNode)(`div`,{class:i.e(`suffix`)},[a&&ie(),o&&(0,t.createVNode)(`i`,{class:f.value?i.e(`password-visible`):i.e(`password-hidden`),onClick:j},null),s&&r.suffix(),c&&(0,t.createVNode)(`span`,{class:i.e(`count`)},[ee.value])])},oe=()=>({ref:a,class:[E.value,e.classNames?.input],style:e.styles?.input,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,maxlength:e.maxLength,value:u.value,onInput:te,onChange:ne,onFocus:O,onBlur:re,onKeydown:k});return()=>{let n=ae(),a=M(),o=(0,t.createVNode)(`input`,(0,t.mergeProps)(oe(),{type:m.value}),null),s=(0,t.createVNode)(t.Fragment,null,[r.prefix&&(0,t.createVNode)(`div`,{class:i.e(`prefix`)},[r.prefix()]),o,N()]);return n||a?(0,t.createVNode)(`div`,{class:[w.value,e.classNames?.root],style:e.styles?.root},[n,(0,t.createVNode)(`div`,{class:[T.value,e.classNames?.wrapper],style:e.styles?.wrapper},[s]),a]):(0,t.createVNode)(`div`,{class:[{...w.value,...T.value},e.classNames?.root,e.classNames?.wrapper],style:[e.styles?.root,e.styles?.wrapper]},[s])}}});$.install=function(e){e.component($.name,$)},e.Input=$,e.default={title:`Input 输入框`,category:`数据录入`,status:`100%`,install(e){e.component($.name,$)}}});
|
|
@@ -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-number{width:150px;height:32px;font-size:var(--ccui-font-size,14px);color:var(--ccui-text,#000000e0);background-color:var(--ccui-base-bg,#fff);border:1px solid var(--ccui-form-control-line,#d9d9d9);border-radius:var(--ccui-border-radius,6px);align-items:stretch;line-height:1.5;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.ccui-input-number:hover{border-color:var(--ccui-primary,#1677ff)}.ccui-input-number--focused,.ccui-input-number--glow{border-color:var(--ccui-primary,#1677ff);box-shadow:0 0 0 2px var(--ccui-control-outline,#0591ff1a)}.ccui-input-number--variant-filled{background-color:var(--ccui-color-fill-secondary,#0000000f);border-color:#0000}.ccui-input-number--variant-filled:hover{background-color:var(--ccui-color-fill,#00000026);border-color:#0000}.ccui-input-number--variant-filled:focus-within{background-color:var(--ccui-color-bg-container,#fff);border-color:var(--ccui-color-primary,#1677ff)}.ccui-input-number--variant-borderless{background-color:#0000;border-color:#0000}.ccui-input-number--variant-borderless:hover{border-color:#0000}.ccui-input-number--variant-borderless:focus-within{box-shadow:none;border-color:#0000}.ccui-input-number--variant-underlined{border-color:#0000;border-bottom-color:var(--ccui-color-border,#d9d9d9);background-color:#0000;border-radius:0}.ccui-input-number--variant-underlined:hover{border-color:#0000;border-bottom-color:var(--ccui-color-primary-hover,#4096ff)}.ccui-input-number--variant-underlined:focus-within{border-color:#0000;border-bottom-color:var(--ccui-color-primary,#1677ff);box-shadow:none}.ccui-input-number--status-error{border-color:var(--ccui-color-error,#ff4d4f)}.ccui-input-number--status-error:hover{border-color:var(--ccui-color-error-hover,#ff7875)}.ccui-input-number--status-error.ccui-input-number--focused,.ccui-input-number--status-error.ccui-input-number--glow{border-color:var(--ccui-color-error,#ff4d4f);box-shadow:0 0 0 2px var(--ccui-control-outline-error,#ff26050f)}.ccui-input-number--status-warning{border-color:var(--ccui-color-warning,#faad14)}.ccui-input-number--status-warning:hover{border-color:var(--ccui-color-warning-hover,#ffc53d)}.ccui-input-number--status-warning.ccui-input-number--focused,.ccui-input-number--status-warning.ccui-input-number--glow{border-color:var(--ccui-color-warning,#faad14);box-shadow:0 0 0 2px var(--ccui-control-outline-warning,#ffd7051a)}.ccui-input-number--disabled{cursor:not-allowed;color:var(--ccui-disabled-text,#00000040);background-color:var(--ccui-disabled-bg,#0000000a);border-color:var(--ccui-disabled-line,#d9d9d9)}.ccui-input-number--disabled:hover{color:var(--ccui-disabled-text,#00000040);background-color:var(--ccui-disabled-bg,#0000000a);border-color:var(--ccui-disabled-line,#d9d9d9)}.ccui-input-number--disabled .ccui-input-number__inner{cursor:not-allowed;color:var(--ccui-disabled-text,#00000040);background-color:#0000}.ccui-input-number--disabled .ccui-input-number__increase,.ccui-input-number--disabled .ccui-input-number__decrease{cursor:not-allowed;color:var(--ccui-disabled-text,#00000040);background-color:var(--ccui-disabled-bg,#0000000a);border-color:var(--ccui-disabled-line,#d9d9d9)}.ccui-input-number--disabled .ccui-input-number__increase:hover,.ccui-input-number--disabled .ccui-input-number__decrease:hover{color:var(--ccui-disabled-text,#00000040);background-color:var(--ccui-disabled-bg,#0000000a);border-color:var(--ccui-disabled-line,#d9d9d9)}.ccui-input-number--readonly .ccui-input-number__inner{cursor:default}.ccui-input-number--readonly .ccui-input-number__increase,.ccui-input-number--readonly .ccui-input-number__decrease{display:none}.ccui-input-number__input{flex:1;width:100%;display:inline-block;position:relative}.ccui-input-number__inner{width:100%;height:30px;font-size:inherit;color:var(--ccui-text,#000000e0);appearance:none;text-align:center;background-color:#0000;border:none;outline:none;padding:0 11px;line-height:1.5;transition:all .3s}.ccui-input-number__inner::-webkit-outer-spin-button{appearance:none;margin:0}.ccui-input-number__inner::-webkit-inner-spin-button{appearance:none;margin:0}.ccui-input-number__inner[type=number]{appearance:textfield}.ccui-input-number__inner::placeholder{color:var(--ccui-text-weak,#000000a6)}.ccui-input-number__inner:focus{outline:none}.ccui-input-number__increase,.ccui-input-number__decrease{color:var(--ccui-text,#000000e0);text-align:center;cursor:pointer;background-color:var(--ccui-base-bg,#fff);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.ccui-input-number__increase:hover,.ccui-input-number__decrease:hover{color:var(--ccui-primary,#1677ff);background-color:var(--ccui-list-item-hover-bg,#0000000a)}.ccui-input-number__increase:active,.ccui-input-number__decrease:active{background-color:var(--ccui-list-item-active-bg,#1677ff)}.ccui-input-number__increase.is-disabled,.ccui-input-number__decrease.is-disabled{cursor:not-allowed;color:var(--ccui-disabled-text,#00000040);background-color:var(--ccui-disabled-bg,#0000000a);border-color:var(--ccui-disabled-line,#d9d9d9)}.ccui-input-number__increase.is-disabled:hover,.ccui-input-number__decrease.is-disabled:hover{color:var(--ccui-disabled-text,#00000040);background-color:var(--ccui-disabled-bg,#0000000a);border-color:var(--ccui-disabled-line,#d9d9d9)}.ccui-input-number__increase svg,.ccui-input-number__decrease svg{fill:currentColor}.ccui-input-number__increase,.ccui-input-number__decrease{width:32px;height:100%;font-size:12px}.ccui-input-number__increase svg,.ccui-input-number__decrease svg{width:12px;height:12px}.ccui-input-number__increase{border-left:1px solid var(--ccui-form-control-line,#d9d9d9)}.ccui-input-number__decrease{border-right:1px solid var(--ccui-form-control-line,#d9d9d9)}.ccui-input-number--without-controls .ccui-input-number__inner{padding:0 11px}.ccui-input-number--without-controls .ccui-input-number__increase,.ccui-input-number--without-controls .ccui-input-number__decrease{display:none}.ccui-input-number--controls-right .ccui-input-number__inner{padding:0 20px 0 0}.ccui-input-number--controls-right .ccui-input-number__controls{border-radius:0 var(--ccui-border-radius,6px) var(--ccui-border-radius,6px) 0;flex-direction:column;width:22px;height:30px;display:flex;position:absolute;top:0;right:0}.ccui-input-number--controls-right .ccui-input-number__increase,.ccui-input-number--controls-right .ccui-input-number__decrease{border:unset;border-left:1px solid var(--ccui-form-control-line,#d9d9d9);width:22px}.ccui-input-number--controls-right .ccui-input-number__increase svg,.ccui-input-number--controls-right .ccui-input-number__decrease svg{width:10px;height:10px}.ccui-input-number--controls-right .ccui-input-number__increase{border-bottom:1px solid var(--ccui-form-control-line,#d9d9d9)}.ccui-input-number--large{width:200px;height:40px;font-size:var(--ccui-font-size-lg,16px)}.ccui-input-number--large .ccui-input-number__inner{height:38px;font-size:var(--ccui-font-size-lg,16px);padding:0 11px}.ccui-input-number--large .ccui-input-number__increase,.ccui-input-number--large .ccui-input-number__decrease{width:40px}.ccui-input-number--large .ccui-input-number__increase svg,.ccui-input-number--large .ccui-input-number__decrease svg{width:14px;height:14px}.ccui-input-number--large.ccui-input-number--controls-right .ccui-input-number__inner{padding-left:0;padding-right:40px}.ccui-input-number--large.ccui-input-number--controls-right .ccui-input-number__controls{width:40px;height:38px}.ccui-input-number--small{width:100px;height:24px;font-size:var(--ccui-font-size-sm,12px)}.ccui-input-number--small .ccui-input-number__inner{height:22px;font-size:var(--ccui-font-size-sm,12px);padding:0 7px}.ccui-input-number--small .ccui-input-number__increase,.ccui-input-number--small .ccui-input-number__decrease{width:24px}.ccui-input-number--small .ccui-input-number__increase svg,.ccui-input-number--small .ccui-input-number__decrease svg{width:8px;height:8px}.ccui-input-number--small.ccui-input-number--controls-right .ccui-input-number__inner{padding-left:0;padding-right:24px}.ccui-input-number--small.ccui-input-number--controls-right .ccui-input-number__controls{width:24px;height:22px}
|
|
2
|
+
/*$vite$:1*/
|
|
@@ -0,0 +1,263 @@
|
|
|
1
|
+
import { computed as e, createVNode as t, defineComponent as n, inject as r, nextTick as i, ref as a, watch as o } from "vue";
|
|
2
|
+
//#region ../ccui/ui/form/src/form-types.ts
|
|
3
|
+
var s = Symbol("ccuiFormItem");
|
|
4
|
+
//#endregion
|
|
5
|
+
//#region ../ccui/ui/shared/hooks/use-namespace.ts
|
|
6
|
+
function c(e, t, n) {
|
|
7
|
+
let r = e;
|
|
8
|
+
return t && (r += `__${t}`), n && (r += `--${n}`), r;
|
|
9
|
+
}
|
|
10
|
+
function l(e, t = !1) {
|
|
11
|
+
let n = t ? `.ccui-${e}` : `ccui-${e}`;
|
|
12
|
+
return {
|
|
13
|
+
b: () => c(n),
|
|
14
|
+
e: (e) => e ? c(n, e) : "",
|
|
15
|
+
m: (e) => e ? c(n, "", e) : "",
|
|
16
|
+
em: (e, t) => e && t ? c(n, e, t) : "",
|
|
17
|
+
is: (e) => `is-${e}`
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
//#endregion
|
|
21
|
+
//#region ../ccui/ui/input-number/src/input-number.tsx
|
|
22
|
+
var u = /* @__PURE__ */ n({
|
|
23
|
+
name: "CInputNumber",
|
|
24
|
+
props: {
|
|
25
|
+
modelValue: {
|
|
26
|
+
type: Number,
|
|
27
|
+
default: void 0
|
|
28
|
+
},
|
|
29
|
+
step: {
|
|
30
|
+
type: Number,
|
|
31
|
+
default: 1
|
|
32
|
+
},
|
|
33
|
+
placeholder: {
|
|
34
|
+
type: String,
|
|
35
|
+
default: ""
|
|
36
|
+
},
|
|
37
|
+
max: {
|
|
38
|
+
type: Number,
|
|
39
|
+
default: Infinity
|
|
40
|
+
},
|
|
41
|
+
min: {
|
|
42
|
+
type: Number,
|
|
43
|
+
default: -Infinity
|
|
44
|
+
},
|
|
45
|
+
disabled: {
|
|
46
|
+
type: Boolean,
|
|
47
|
+
default: !1
|
|
48
|
+
},
|
|
49
|
+
readonly: {
|
|
50
|
+
type: Boolean,
|
|
51
|
+
default: !1
|
|
52
|
+
},
|
|
53
|
+
precision: {
|
|
54
|
+
type: Number,
|
|
55
|
+
default: void 0
|
|
56
|
+
},
|
|
57
|
+
size: {
|
|
58
|
+
type: String,
|
|
59
|
+
default: "default"
|
|
60
|
+
},
|
|
61
|
+
reg: {
|
|
62
|
+
type: [RegExp, String],
|
|
63
|
+
default: void 0
|
|
64
|
+
},
|
|
65
|
+
allowEmpty: {
|
|
66
|
+
type: Boolean,
|
|
67
|
+
default: !1
|
|
68
|
+
},
|
|
69
|
+
showGlowStyle: {
|
|
70
|
+
type: Boolean,
|
|
71
|
+
default: !0
|
|
72
|
+
},
|
|
73
|
+
controls: {
|
|
74
|
+
type: Boolean,
|
|
75
|
+
default: !0
|
|
76
|
+
},
|
|
77
|
+
controlsPosition: {
|
|
78
|
+
type: String,
|
|
79
|
+
default: "both"
|
|
80
|
+
},
|
|
81
|
+
variant: {
|
|
82
|
+
type: String,
|
|
83
|
+
default: "outlined"
|
|
84
|
+
},
|
|
85
|
+
status: {
|
|
86
|
+
type: String,
|
|
87
|
+
default: ""
|
|
88
|
+
},
|
|
89
|
+
classNames: {
|
|
90
|
+
type: Object,
|
|
91
|
+
default: void 0
|
|
92
|
+
},
|
|
93
|
+
styles: {
|
|
94
|
+
type: Object,
|
|
95
|
+
default: void 0
|
|
96
|
+
}
|
|
97
|
+
},
|
|
98
|
+
emits: [
|
|
99
|
+
"update:modelValue",
|
|
100
|
+
"change",
|
|
101
|
+
"blur",
|
|
102
|
+
"focus",
|
|
103
|
+
"input"
|
|
104
|
+
],
|
|
105
|
+
setup(n, { emit: c, expose: u }) {
|
|
106
|
+
let d = l("input-number"), f = a(), p = r(s, null), m = e(() => p?.validateStatus.value ?? ""), h = e(() => n.status || m.value), g = a(n.modelValue), _ = a(!1), v = {
|
|
107
|
+
lg: "large",
|
|
108
|
+
md: "default",
|
|
109
|
+
sm: "small"
|
|
110
|
+
}, y = a(!1), b = e(() => {
|
|
111
|
+
let e = n.size;
|
|
112
|
+
return e === "lg" || e === "md" || e === "sm" ? (!y.value && typeof console < "u" && (console.warn(`[ccui][InputNumber] size="${e}" 已 deprecated,请改用 "${v[e]}"('large' | 'default' | 'small')。`), y.value = !0), v[e]) : e;
|
|
113
|
+
}), x = e(() => g.value === void 0 || g.value === null ? n.allowEmpty ? "" : "0" : n.precision === void 0 ? String(g.value) : Number(g.value).toFixed(n.precision)), S = e(() => g.value === void 0 ? !1 : g.value >= n.max), C = e(() => g.value === void 0 ? !1 : g.value <= n.min), w = (e) => {
|
|
114
|
+
if (e === "" || e == null) return n.allowEmpty ? void 0 : 0;
|
|
115
|
+
let t = typeof e == "string" ? Number.parseFloat(e) : e;
|
|
116
|
+
return Number.isNaN(t) ? n.allowEmpty ? void 0 : 0 : (n.precision !== void 0 && (t = Number.parseFloat(t.toFixed(n.precision))), t = Math.max(n.min, Math.min(n.max, t)), t);
|
|
117
|
+
}, T = (e, t = !0) => {
|
|
118
|
+
let n = g.value;
|
|
119
|
+
g.value = e, c("update:modelValue", e), c("input", e), t && n !== e && c("change", e, n), p?.validate("change");
|
|
120
|
+
}, E = (e) => {
|
|
121
|
+
let t = e.target, r = t.value;
|
|
122
|
+
if (n.reg && !(typeof n.reg == "string" ? new RegExp(n.reg) : n.reg).test(r)) {
|
|
123
|
+
t.value = x.value;
|
|
124
|
+
return;
|
|
125
|
+
}
|
|
126
|
+
if (r === "") {
|
|
127
|
+
n.allowEmpty ? T(void 0, !1) : t.value = x.value;
|
|
128
|
+
return;
|
|
129
|
+
}
|
|
130
|
+
T(w(r), !1);
|
|
131
|
+
}, D = (e) => {
|
|
132
|
+
let t = e.target;
|
|
133
|
+
T(w(t.value)), i(() => {
|
|
134
|
+
f.value && (f.value.value = x.value);
|
|
135
|
+
});
|
|
136
|
+
}, O = (e) => {
|
|
137
|
+
_.value = !0, c("focus", e);
|
|
138
|
+
}, k = (e) => {
|
|
139
|
+
_.value = !1, c("blur", e), f.value && (f.value.value = x.value), p?.validate("blur");
|
|
140
|
+
}, A = () => {
|
|
141
|
+
n.disabled || S.value || T(w((g.value ?? 0) + n.step));
|
|
142
|
+
}, j = () => {
|
|
143
|
+
n.disabled || C.value || T(w((g.value ?? 0) - n.step));
|
|
144
|
+
}, M = (e) => {
|
|
145
|
+
if (!(n.disabled || n.readonly)) switch (e.key) {
|
|
146
|
+
case "ArrowUp":
|
|
147
|
+
e.preventDefault(), A();
|
|
148
|
+
break;
|
|
149
|
+
case "ArrowDown":
|
|
150
|
+
e.preventDefault(), j();
|
|
151
|
+
break;
|
|
152
|
+
}
|
|
153
|
+
};
|
|
154
|
+
return u({
|
|
155
|
+
getValue: () => g.value,
|
|
156
|
+
setValue: (e) => T(e),
|
|
157
|
+
focus: () => {
|
|
158
|
+
f.value?.focus();
|
|
159
|
+
},
|
|
160
|
+
blur: () => {
|
|
161
|
+
f.value?.blur();
|
|
162
|
+
},
|
|
163
|
+
increase: A,
|
|
164
|
+
decrease: j
|
|
165
|
+
}), o(() => n.modelValue, (e) => {
|
|
166
|
+
e !== g.value && (g.value = e);
|
|
167
|
+
}, { immediate: !0 }), () => {
|
|
168
|
+
let e = n.controlsPosition === "right";
|
|
169
|
+
return t("div", {
|
|
170
|
+
class: [
|
|
171
|
+
d.b(),
|
|
172
|
+
{
|
|
173
|
+
[d.m("disabled")]: n.disabled,
|
|
174
|
+
[d.m("readonly")]: n.readonly,
|
|
175
|
+
[d.m("without-controls")]: !n.controls,
|
|
176
|
+
[d.m("controls-right")]: e,
|
|
177
|
+
[d.m(b.value)]: b.value !== "default",
|
|
178
|
+
[d.m("focused")]: _.value,
|
|
179
|
+
[d.m("glow")]: n.showGlowStyle && _.value,
|
|
180
|
+
[d.m(`variant-${n.variant}`)]: !!n.variant,
|
|
181
|
+
[d.m(`status-${h.value}`)]: !!h.value
|
|
182
|
+
},
|
|
183
|
+
n.classNames?.root
|
|
184
|
+
],
|
|
185
|
+
style: n.styles?.root
|
|
186
|
+
}, [
|
|
187
|
+
n.controls && !e && t("span", {
|
|
188
|
+
class: [d.e("decrease"), { [d.is("disabled")]: C.value || n.disabled }],
|
|
189
|
+
role: "button",
|
|
190
|
+
onClick: j
|
|
191
|
+
}, [t("svg", {
|
|
192
|
+
viewBox: "0 0 1024 1024",
|
|
193
|
+
width: "1em",
|
|
194
|
+
height: "1em"
|
|
195
|
+
}, [t("path", { d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z" }, null)])]),
|
|
196
|
+
t("div", {
|
|
197
|
+
class: [d.e("input"), n.classNames?.input],
|
|
198
|
+
style: n.styles?.input
|
|
199
|
+
}, [t("input", {
|
|
200
|
+
ref: f,
|
|
201
|
+
type: "number",
|
|
202
|
+
step: n.step,
|
|
203
|
+
class: d.e("inner"),
|
|
204
|
+
value: x.value,
|
|
205
|
+
placeholder: n.placeholder,
|
|
206
|
+
disabled: n.disabled,
|
|
207
|
+
readonly: n.readonly,
|
|
208
|
+
min: n.min,
|
|
209
|
+
max: n.max,
|
|
210
|
+
onInput: E,
|
|
211
|
+
onChange: D,
|
|
212
|
+
onFocus: O,
|
|
213
|
+
onBlur: k,
|
|
214
|
+
onKeydown: M
|
|
215
|
+
}, null)]),
|
|
216
|
+
n.controls && !e && t("span", {
|
|
217
|
+
class: [d.e("increase"), { [d.is("disabled")]: S.value || n.disabled }],
|
|
218
|
+
role: "button",
|
|
219
|
+
onClick: A
|
|
220
|
+
}, [t("svg", {
|
|
221
|
+
viewBox: "0 0 1024 1024",
|
|
222
|
+
width: "1em",
|
|
223
|
+
height: "1em"
|
|
224
|
+
}, [t("path", { d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z" }, null)])]),
|
|
225
|
+
n.controls && e && t("div", {
|
|
226
|
+
class: [d.e("controls"), n.classNames?.controls],
|
|
227
|
+
style: n.styles?.controls
|
|
228
|
+
}, [t("span", {
|
|
229
|
+
class: [d.e("increase"), { [d.is("disabled")]: S.value || n.disabled }],
|
|
230
|
+
role: "button",
|
|
231
|
+
onClick: A
|
|
232
|
+
}, [t("svg", {
|
|
233
|
+
viewBox: "0 0 1024 1024",
|
|
234
|
+
width: "1em",
|
|
235
|
+
height: "1em"
|
|
236
|
+
}, [t("path", { d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z" }, null)])]), t("span", {
|
|
237
|
+
class: [d.e("decrease"), { [d.is("disabled")]: C.value || n.disabled }],
|
|
238
|
+
role: "button",
|
|
239
|
+
onClick: j
|
|
240
|
+
}, [t("svg", {
|
|
241
|
+
viewBox: "0 0 1024 1024",
|
|
242
|
+
width: "1em",
|
|
243
|
+
height: "1em"
|
|
244
|
+
}, [t("path", { d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z" }, null)])])])
|
|
245
|
+
]);
|
|
246
|
+
};
|
|
247
|
+
}
|
|
248
|
+
});
|
|
249
|
+
//#endregion
|
|
250
|
+
//#region ../ccui/ui/input-number/index.ts
|
|
251
|
+
u.install = function(e) {
|
|
252
|
+
e.component(u.name, u);
|
|
253
|
+
};
|
|
254
|
+
var d = {
|
|
255
|
+
title: "InputNumber 数字输入框",
|
|
256
|
+
category: "数据录入",
|
|
257
|
+
status: "100%",
|
|
258
|
+
install(e) {
|
|
259
|
+
e.component(u.name, u);
|
|
260
|
+
}
|
|
261
|
+
};
|
|
262
|
+
//#endregion
|
|
263
|
+
export { u as InputNumber, d 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`}});var n=Symbol(`ccuiFormItem`);function r(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function i(e,t=!1){let n=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>r(n),e:e=>e?r(n,e):``,m:e=>e?r(n,``,e):``,em:(e,t)=>e&&t?r(n,e,t):``,is:e=>`is-${e}`}}var a={modelValue:{type:Number,default:void 0},step:{type:Number,default:1},placeholder:{type:String,default:``},max:{type:Number,default:1/0},min:{type:Number,default:-1/0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},precision:{type:Number,default:void 0},size:{type:String,default:`default`},reg:{type:[RegExp,String],default:void 0},allowEmpty:{type:Boolean,default:!1},showGlowStyle:{type:Boolean,default:!0},controls:{type:Boolean,default:!0},controlsPosition:{type:String,default:`both`},variant:{type:String,default:`outlined`},status:{type:String,default:``},classNames:{type:Object,default:void 0},styles:{type:Object,default:void 0}},o=(0,t.defineComponent)({name:`CInputNumber`,props:a,emits:[`update:modelValue`,`change`,`blur`,`focus`,`input`],setup(e,{emit:r,expose:a}){let o=i(`input-number`),s=(0,t.ref)(),c=(0,t.inject)(n,null),l=(0,t.computed)(()=>c?.validateStatus.value??``),u=(0,t.computed)(()=>e.status||l.value),d=(0,t.ref)(e.modelValue),f=(0,t.ref)(!1),p={lg:`large`,md:`default`,sm:`small`},m=(0,t.ref)(!1),h=(0,t.computed)(()=>{let t=e.size;return t===`lg`||t===`md`||t===`sm`?(!m.value&&typeof console<`u`&&(console.warn(`[ccui][InputNumber] size="${t}" 已 deprecated,请改用 "${p[t]}"('large' | 'default' | 'small')。`),m.value=!0),p[t]):t}),g=(0,t.computed)(()=>d.value===void 0||d.value===null?e.allowEmpty?``:`0`:e.precision===void 0?String(d.value):Number(d.value).toFixed(e.precision)),_=(0,t.computed)(()=>d.value===void 0?!1:d.value>=e.max),v=(0,t.computed)(()=>d.value===void 0?!1:d.value<=e.min),y=t=>{if(t===``||t==null)return e.allowEmpty?void 0:0;let n=typeof t==`string`?Number.parseFloat(t):t;return Number.isNaN(n)?e.allowEmpty?void 0:0:(e.precision!==void 0&&(n=Number.parseFloat(n.toFixed(e.precision))),n=Math.max(e.min,Math.min(e.max,n)),n)},b=(e,t=!0)=>{let n=d.value;d.value=e,r(`update:modelValue`,e),r(`input`,e),t&&n!==e&&r(`change`,e,n),c?.validate(`change`)},x=t=>{let n=t.target,r=n.value;if(e.reg&&!(typeof e.reg==`string`?new RegExp(e.reg):e.reg).test(r)){n.value=g.value;return}if(r===``){e.allowEmpty?b(void 0,!1):n.value=g.value;return}b(y(r),!1)},S=e=>{let n=e.target;b(y(n.value)),(0,t.nextTick)(()=>{s.value&&(s.value.value=g.value)})},C=e=>{f.value=!0,r(`focus`,e)},w=e=>{f.value=!1,r(`blur`,e),s.value&&(s.value.value=g.value),c?.validate(`blur`)},T=()=>{e.disabled||_.value||b(y((d.value??0)+e.step))},E=()=>{e.disabled||v.value||b(y((d.value??0)-e.step))},D=t=>{if(!(e.disabled||e.readonly))switch(t.key){case`ArrowUp`:t.preventDefault(),T();break;case`ArrowDown`:t.preventDefault(),E();break}};return a({getValue:()=>d.value,setValue:e=>b(e),focus:()=>{s.value?.focus()},blur:()=>{s.value?.blur()},increase:T,decrease:E}),(0,t.watch)(()=>e.modelValue,e=>{e!==d.value&&(d.value=e)},{immediate:!0}),()=>{let n=e.controlsPosition===`right`;return(0,t.createVNode)(`div`,{class:[o.b(),{[o.m(`disabled`)]:e.disabled,[o.m(`readonly`)]:e.readonly,[o.m(`without-controls`)]:!e.controls,[o.m(`controls-right`)]:n,[o.m(h.value)]:h.value!==`default`,[o.m(`focused`)]:f.value,[o.m(`glow`)]:e.showGlowStyle&&f.value,[o.m(`variant-${e.variant}`)]:!!e.variant,[o.m(`status-${u.value}`)]:!!u.value},e.classNames?.root],style:e.styles?.root},[e.controls&&!n&&(0,t.createVNode)(`span`,{class:[o.e(`decrease`),{[o.is(`disabled`)]:v.value||e.disabled}],role:`button`,onClick:E},[(0,t.createVNode)(`svg`,{viewBox:`0 0 1024 1024`,width:`1em`,height:`1em`},[(0,t.createVNode)(`path`,{d:`M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z`},null)])]),(0,t.createVNode)(`div`,{class:[o.e(`input`),e.classNames?.input],style:e.styles?.input},[(0,t.createVNode)(`input`,{ref:s,type:`number`,step:e.step,class:o.e(`inner`),value:g.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,min:e.min,max:e.max,onInput:x,onChange:S,onFocus:C,onBlur:w,onKeydown:D},null)]),e.controls&&!n&&(0,t.createVNode)(`span`,{class:[o.e(`increase`),{[o.is(`disabled`)]:_.value||e.disabled}],role:`button`,onClick:T},[(0,t.createVNode)(`svg`,{viewBox:`0 0 1024 1024`,width:`1em`,height:`1em`},[(0,t.createVNode)(`path`,{d:`M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z`},null)])]),e.controls&&n&&(0,t.createVNode)(`div`,{class:[o.e(`controls`),e.classNames?.controls],style:e.styles?.controls},[(0,t.createVNode)(`span`,{class:[o.e(`increase`),{[o.is(`disabled`)]:_.value||e.disabled}],role:`button`,onClick:T},[(0,t.createVNode)(`svg`,{viewBox:`0 0 1024 1024`,width:`1em`,height:`1em`},[(0,t.createVNode)(`path`,{d:`M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z`},null)])]),(0,t.createVNode)(`span`,{class:[o.e(`decrease`),{[o.is(`disabled`)]:v.value||e.disabled}],role:`button`,onClick:E},[(0,t.createVNode)(`svg`,{viewBox:`0 0 1024 1024`,width:`1em`,height:`1em`},[(0,t.createVNode)(`path`,{d:`M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z`},null)])])])])}}});o.install=function(e){e.component(o.name,o)},e.InputNumber=o,e.default={title:`InputNumber 数字输入框`,category:`数据录入`,status:`100%`,install(e){e.component(o.name,o)}}});
|
|
@@ -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-layout{background:var(--ccui-color-bg-layout,#f5f5f5);flex-direction:column;flex:auto;min-height:0;display:flex}.ccui-layout--has-sider{flex-direction:row}.ccui-layout--has-sider>.ccui-layout{width:0}.ccui-layout-header{height:64px;color:#ffffffd9;background:#001529;flex:none;padding:0 24px;line-height:64px}.ccui-layout-footer{color:var(--ccui-color-text,#000000e0);font-size:var(--ccui-font-size,14px);background:var(--ccui-color-bg-layout,#f5f5f5);flex:none;padding:24px 50px}.ccui-layout-content{flex:auto;min-height:0}.ccui-layout-sider{background:#001529;min-width:0;transition:all .2s,background;position:relative}.ccui-layout-sider--light{background:var(--ccui-color-bg-container,#fff);border-inline-end:1px solid var(--ccui-color-border-secondary,#f0f0f0)}.ccui-layout-sider__children{height:100%;margin-top:-.1px;padding-top:.1px}.ccui-layout-sider--has-trigger{padding-bottom:48px}.ccui-layout-sider__trigger{bottom:0;z-index:1;color:#ffffffa6;text-align:center;cursor:pointer;width:100%;height:48px;transition:all var(--ccui-motion-duration-mid,.2s);background:#00000040;line-height:48px;position:absolute;inset-inline-start:0}.ccui-layout-sider__trigger:hover{color:#fff;background:#0006}.ccui-layout-sider--light .ccui-layout-sider__trigger{color:var(--ccui-color-text,#000000e0);background:var(--ccui-color-bg-container,#fff);border-top:1px solid var(--ccui-color-border-secondary,#f0f0f0)}.ccui-layout-sider--light .ccui-layout-sider__trigger:hover{color:var(--ccui-color-primary,#1677ff)}.ccui-layout-sider__trigger-arrow{font-size:16px;line-height:1}
|
|
2
|
+
/*$vite$:1*/
|
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
import { computed as e, createVNode as t, defineComponent as n, inject as r, onBeforeUnmount as i, onMounted as a, provide as o, ref as s, watch as c } from "vue";
|
|
2
|
+
//#region ../ccui/ui/shared/hooks/use-namespace.ts
|
|
3
|
+
function l(e, t, n) {
|
|
4
|
+
let r = e;
|
|
5
|
+
return t && (r += `__${t}`), n && (r += `--${n}`), r;
|
|
6
|
+
}
|
|
7
|
+
function u(e, t = !1) {
|
|
8
|
+
let n = t ? `.ccui-${e}` : `ccui-${e}`;
|
|
9
|
+
return {
|
|
10
|
+
b: () => l(n),
|
|
11
|
+
e: (e) => e ? l(n, e) : "",
|
|
12
|
+
m: (e) => e ? l(n, "", e) : "",
|
|
13
|
+
em: (e, t) => e && t ? l(n, e, t) : "",
|
|
14
|
+
is: (e) => `is-${e}`
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region ../ccui/ui/layout/src/layout-types.ts
|
|
19
|
+
var d = {
|
|
20
|
+
xs: 480,
|
|
21
|
+
sm: 576,
|
|
22
|
+
md: 768,
|
|
23
|
+
lg: 992,
|
|
24
|
+
xl: 1200,
|
|
25
|
+
xxl: 1600
|
|
26
|
+
}, f = { hasSider: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default: void 0
|
|
29
|
+
} }, p = {}, m = {}, h = {}, g = {
|
|
30
|
+
width: {
|
|
31
|
+
type: [Number, String],
|
|
32
|
+
default: 200
|
|
33
|
+
},
|
|
34
|
+
collapsedWidth: {
|
|
35
|
+
type: [Number, String],
|
|
36
|
+
default: 80
|
|
37
|
+
},
|
|
38
|
+
collapsed: {
|
|
39
|
+
type: Boolean,
|
|
40
|
+
default: void 0
|
|
41
|
+
},
|
|
42
|
+
defaultCollapsed: {
|
|
43
|
+
type: Boolean,
|
|
44
|
+
default: !1
|
|
45
|
+
},
|
|
46
|
+
collapsible: {
|
|
47
|
+
type: Boolean,
|
|
48
|
+
default: !1
|
|
49
|
+
},
|
|
50
|
+
reverseArrow: {
|
|
51
|
+
type: Boolean,
|
|
52
|
+
default: !1
|
|
53
|
+
},
|
|
54
|
+
theme: {
|
|
55
|
+
type: String,
|
|
56
|
+
default: "dark"
|
|
57
|
+
},
|
|
58
|
+
trigger: {
|
|
59
|
+
type: [String, Object],
|
|
60
|
+
default: void 0
|
|
61
|
+
},
|
|
62
|
+
breakpoint: {
|
|
63
|
+
type: String,
|
|
64
|
+
default: void 0
|
|
65
|
+
},
|
|
66
|
+
zeroWidthTriggerStyle: {
|
|
67
|
+
type: Object,
|
|
68
|
+
default: void 0
|
|
69
|
+
}
|
|
70
|
+
}, _ = Symbol("ccui-layout"), v = 0, y = /* @__PURE__ */ n({
|
|
71
|
+
name: "CLayout",
|
|
72
|
+
props: f,
|
|
73
|
+
setup(n, { slots: r }) {
|
|
74
|
+
let i = u("layout"), a = s([]);
|
|
75
|
+
o(_, {
|
|
76
|
+
addSider(e) {
|
|
77
|
+
a.value.includes(e) || a.value.push(e);
|
|
78
|
+
},
|
|
79
|
+
removeSider(e) {
|
|
80
|
+
let t = a.value.indexOf(e);
|
|
81
|
+
t >= 0 && a.value.splice(t, 1);
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
let c = e(() => ({
|
|
85
|
+
[i.b()]: !0,
|
|
86
|
+
[i.m("has-sider")]: n.hasSider === void 0 ? a.value.length > 0 : n.hasSider
|
|
87
|
+
}));
|
|
88
|
+
return () => t("section", { class: c.value }, [r.default?.()]);
|
|
89
|
+
}
|
|
90
|
+
}), b = /* @__PURE__ */ n({
|
|
91
|
+
name: "CLayoutHeader",
|
|
92
|
+
props: p,
|
|
93
|
+
setup(e, { slots: n }) {
|
|
94
|
+
let r = u("layout-header");
|
|
95
|
+
return () => t("header", { class: r.b() }, [n.default?.()]);
|
|
96
|
+
}
|
|
97
|
+
}), x = /* @__PURE__ */ n({
|
|
98
|
+
name: "CLayoutFooter",
|
|
99
|
+
props: m,
|
|
100
|
+
setup(e, { slots: n }) {
|
|
101
|
+
let r = u("layout-footer");
|
|
102
|
+
return () => t("footer", { class: r.b() }, [n.default?.()]);
|
|
103
|
+
}
|
|
104
|
+
}), S = /* @__PURE__ */ n({
|
|
105
|
+
name: "CLayoutContent",
|
|
106
|
+
props: h,
|
|
107
|
+
setup(e, { slots: n }) {
|
|
108
|
+
let r = u("layout-content");
|
|
109
|
+
return () => t("main", { class: r.b() }, [n.default?.()]);
|
|
110
|
+
}
|
|
111
|
+
}), C = /* @__PURE__ */ n({
|
|
112
|
+
name: "CLayoutSider",
|
|
113
|
+
props: g,
|
|
114
|
+
emits: [
|
|
115
|
+
"update:collapsed",
|
|
116
|
+
"collapse",
|
|
117
|
+
"breakpoint"
|
|
118
|
+
],
|
|
119
|
+
setup(n, { slots: o, emit: l }) {
|
|
120
|
+
let f = u("layout-sider"), p = ++v, m = r(_, null), h = s(n.defaultCollapsed), g = e(() => n.collapsed === void 0 ? h.value : n.collapsed);
|
|
121
|
+
c(() => n.collapsed, (e) => {
|
|
122
|
+
e !== void 0 && (h.value = e);
|
|
123
|
+
}), m && m.addSider(p);
|
|
124
|
+
let y = null, b = (e) => {
|
|
125
|
+
let t = ("matches" in e, e.matches);
|
|
126
|
+
l("breakpoint", t), n.collapsed === void 0 && (h.value = t, l("update:collapsed", t), l("collapse", t, "responsive"));
|
|
127
|
+
};
|
|
128
|
+
a(() => {
|
|
129
|
+
if (!n.breakpoint || typeof window > "u" || !window.matchMedia) return;
|
|
130
|
+
let e = d[n.breakpoint];
|
|
131
|
+
y = window.matchMedia(`(max-width: ${e - 1}px)`), b(y), y.addEventListener("change", b);
|
|
132
|
+
}), i(() => {
|
|
133
|
+
y &&= (y.removeEventListener("change", b), null);
|
|
134
|
+
});
|
|
135
|
+
let x = e(() => {
|
|
136
|
+
let e = g.value ? n.collapsedWidth : n.width;
|
|
137
|
+
return typeof e == "number" ? `${e}px` : String(e);
|
|
138
|
+
}), S = e(() => ({
|
|
139
|
+
[f.b()]: !0,
|
|
140
|
+
[f.m(n.theme)]: !0,
|
|
141
|
+
[f.m("collapsed")]: g.value,
|
|
142
|
+
[f.m("has-trigger")]: n.collapsible
|
|
143
|
+
})), C = e(() => ({
|
|
144
|
+
flex: `0 0 ${x.value}`,
|
|
145
|
+
maxWidth: x.value,
|
|
146
|
+
minWidth: x.value,
|
|
147
|
+
width: x.value
|
|
148
|
+
})), w = () => {
|
|
149
|
+
let e = !g.value;
|
|
150
|
+
h.value = e, l("update:collapsed", e), l("collapse", e, "clickTrigger");
|
|
151
|
+
}, T = e(() => g.value && (n.collapsedWidth === 0 || n.collapsedWidth === "0")), E = () => {
|
|
152
|
+
if (!n.collapsible || n.trigger === null) return null;
|
|
153
|
+
let e = n.reverseArrow ? !g.value : g.value, r = T.value ? n.zeroWidthTriggerStyle : void 0;
|
|
154
|
+
return t("div", {
|
|
155
|
+
class: [f.e("trigger"), T.value && f.em("trigger", "zero-width")],
|
|
156
|
+
style: r,
|
|
157
|
+
onClick: w
|
|
158
|
+
}, [o.trigger ? o.trigger() : t("span", { class: f.e("trigger-arrow") }, [e ? "›" : "‹"])]);
|
|
159
|
+
};
|
|
160
|
+
return () => t("aside", {
|
|
161
|
+
class: S.value,
|
|
162
|
+
style: C.value
|
|
163
|
+
}, [t("div", { class: f.e("children") }, [o.default?.()]), E()]);
|
|
164
|
+
}
|
|
165
|
+
}), w = [
|
|
166
|
+
y,
|
|
167
|
+
b,
|
|
168
|
+
x,
|
|
169
|
+
S,
|
|
170
|
+
C
|
|
171
|
+
];
|
|
172
|
+
y.install = function(e) {
|
|
173
|
+
w.forEach((t) => e.component(t.name, t));
|
|
174
|
+
};
|
|
175
|
+
var T = {
|
|
176
|
+
title: "Layout 布局",
|
|
177
|
+
category: "布局",
|
|
178
|
+
status: "100%",
|
|
179
|
+
install(e) {
|
|
180
|
+
w.forEach((t) => e.component(t.name, t));
|
|
181
|
+
}
|
|
182
|
+
};
|
|
183
|
+
//#endregion
|
|
184
|
+
export { S as Content, x as Footer, b as Header, y as Layout, C as Sider, T 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={xs:480,sm:576,md:768,lg:992,xl:1200,xxl:1600},a={hasSider:{type:Boolean,default:void 0}},o={},s={},c={},l={width:{type:[Number,String],default:200},collapsedWidth:{type:[Number,String],default:80},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsible:{type:Boolean,default:!1},reverseArrow:{type:Boolean,default:!1},theme:{type:String,default:`dark`},trigger:{type:[String,Object],default:void 0},breakpoint:{type:String,default:void 0},zeroWidthTriggerStyle:{type:Object,default:void 0}},u=Symbol(`ccui-layout`),d=0,f=(0,t.defineComponent)({name:`CLayout`,props:a,setup(e,{slots:n}){let i=r(`layout`),a=(0,t.ref)([]);(0,t.provide)(u,{addSider(e){a.value.includes(e)||a.value.push(e)},removeSider(e){let t=a.value.indexOf(e);t>=0&&a.value.splice(t,1)}});let o=(0,t.computed)(()=>({[i.b()]:!0,[i.m(`has-sider`)]:e.hasSider===void 0?a.value.length>0:e.hasSider}));return()=>(0,t.createVNode)(`section`,{class:o.value},[n.default?.()])}}),p=(0,t.defineComponent)({name:`CLayoutHeader`,props:o,setup(e,{slots:n}){let i=r(`layout-header`);return()=>(0,t.createVNode)(`header`,{class:i.b()},[n.default?.()])}}),m=(0,t.defineComponent)({name:`CLayoutFooter`,props:s,setup(e,{slots:n}){let i=r(`layout-footer`);return()=>(0,t.createVNode)(`footer`,{class:i.b()},[n.default?.()])}}),h=(0,t.defineComponent)({name:`CLayoutContent`,props:c,setup(e,{slots:n}){let i=r(`layout-content`);return()=>(0,t.createVNode)(`main`,{class:i.b()},[n.default?.()])}}),g=(0,t.defineComponent)({name:`CLayoutSider`,props:l,emits:[`update:collapsed`,`collapse`,`breakpoint`],setup(e,{slots:n,emit:a}){let o=r(`layout-sider`),s=++d,c=(0,t.inject)(u,null),l=(0,t.ref)(e.defaultCollapsed),f=(0,t.computed)(()=>e.collapsed===void 0?l.value:e.collapsed);(0,t.watch)(()=>e.collapsed,e=>{e!==void 0&&(l.value=e)}),c&&c.addSider(s);let p=null,m=t=>{let n=(`matches`in t,t.matches);a(`breakpoint`,n),e.collapsed===void 0&&(l.value=n,a(`update:collapsed`,n),a(`collapse`,n,`responsive`))};(0,t.onMounted)(()=>{if(!e.breakpoint||typeof window>`u`||!window.matchMedia)return;let t=i[e.breakpoint];p=window.matchMedia(`(max-width: ${t-1}px)`),m(p),p.addEventListener(`change`,m)}),(0,t.onBeforeUnmount)(()=>{p&&=(p.removeEventListener(`change`,m),null)});let h=(0,t.computed)(()=>{let t=f.value?e.collapsedWidth:e.width;return typeof t==`number`?`${t}px`:String(t)}),g=(0,t.computed)(()=>({[o.b()]:!0,[o.m(e.theme)]:!0,[o.m(`collapsed`)]:f.value,[o.m(`has-trigger`)]:e.collapsible})),_=(0,t.computed)(()=>({flex:`0 0 ${h.value}`,maxWidth:h.value,minWidth:h.value,width:h.value})),v=()=>{let e=!f.value;l.value=e,a(`update:collapsed`,e),a(`collapse`,e,`clickTrigger`)},y=(0,t.computed)(()=>f.value&&(e.collapsedWidth===0||e.collapsedWidth===`0`)),b=()=>{if(!e.collapsible||e.trigger===null)return null;let r=e.reverseArrow?!f.value:f.value,i=y.value?e.zeroWidthTriggerStyle:void 0;return(0,t.createVNode)(`div`,{class:[o.e(`trigger`),y.value&&o.em(`trigger`,`zero-width`)],style:i,onClick:v},[n.trigger?n.trigger():(0,t.createVNode)(`span`,{class:o.e(`trigger-arrow`)},[r?`›`:`‹`])])};return()=>(0,t.createVNode)(`aside`,{class:g.value,style:_.value},[(0,t.createVNode)(`div`,{class:o.e(`children`)},[n.default?.()]),b()])}}),_=[f,p,m,h,g];f.install=function(e){_.forEach(t=>e.component(t.name,t))},e.Content=h,e.Footer=m,e.Header=p,e.Layout=f,e.Sider=g,e.default={title:`Layout 布局`,category:`布局`,status:`100%`,install(e){_.forEach(t=>e.component(t.name,t))}}});
|
|
@@ -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-masonry{align-items:flex-start;width:100%;display:flex}.ccui-masonry__column{flex-direction:column;display:flex}.ccui-masonry__item{width:100%}
|
|
2
|
+
/*$vite$:1*/
|