@canlooks/can-ui 0.0.43 → 0.0.44
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.
|
@@ -185,15 +185,15 @@ exports.defaultLightTheme = {
|
|
|
185
185
|
exports.defaultDarkTheme = {
|
|
186
186
|
mode: 'dark',
|
|
187
187
|
background: {
|
|
188
|
-
/* content: rGray(.
|
|
189
|
-
content: '#
|
|
190
|
-
/* body: rGray(.
|
|
191
|
-
body: '#
|
|
188
|
+
/* content: rGray(.14), */
|
|
189
|
+
content: '#242424',
|
|
190
|
+
/* body: rGray(.1), */
|
|
191
|
+
body: '#1a1a1a',
|
|
192
192
|
fixed: 'rgba(255, 255, 255, .06)'
|
|
193
193
|
},
|
|
194
194
|
gray: rGray,
|
|
195
|
-
/* divider: rGray(.
|
|
196
|
-
divider: '#
|
|
195
|
+
/* divider: rGray(.28), */
|
|
196
|
+
divider: '#474747',
|
|
197
197
|
colors: {
|
|
198
198
|
/* primary: Color(defaultLightTheme.colors!.primary).lighten(.1).hex(), */
|
|
199
199
|
primary: '#3780EE',
|
|
@@ -179,15 +179,15 @@ export const defaultLightTheme = {
|
|
|
179
179
|
export const defaultDarkTheme = {
|
|
180
180
|
mode: 'dark',
|
|
181
181
|
background: {
|
|
182
|
-
/* content: rGray(.
|
|
183
|
-
content: '#
|
|
184
|
-
/* body: rGray(.
|
|
185
|
-
body: '#
|
|
182
|
+
/* content: rGray(.14), */
|
|
183
|
+
content: '#242424',
|
|
184
|
+
/* body: rGray(.1), */
|
|
185
|
+
body: '#1a1a1a',
|
|
186
186
|
fixed: 'rgba(255, 255, 255, .06)'
|
|
187
187
|
},
|
|
188
188
|
gray: rGray,
|
|
189
|
-
/* divider: rGray(.
|
|
190
|
-
divider: '#
|
|
189
|
+
/* divider: rGray(.28), */
|
|
190
|
+
divider: '#474747',
|
|
191
191
|
colors: {
|
|
192
192
|
/* primary: Color(defaultLightTheme.colors!.primary).lighten(.1).hex(), */
|
|
193
193
|
primary: '#3780EE',
|
|
@@ -302,7 +302,7 @@ Error generating stack: `+I.message+`
|
|
|
302
302
|
}
|
|
303
303
|
`});function $at(a){return nl().hue(0).saturationl(0).lightness(100-a*100).hex()}function AFt(a){return $at(1-a)}const $Xe=NFt();function NFt(){const a=[];for(let l=0;l<=10;l++)a[l]=l*3;return a}function DFt(a){const l=Array();l.toString=()=>a;const _=nl(a);for(let m=0;m<=4;m++)Object.defineProperty(l,m,{get:()=>_.lighten(1-(m+1)/6).hex()});l[5]=a;for(let m=6;m<=10;m++)Object.defineProperty(l,m,{get:()=>_.darken((m-5)/6).hex()});return l.main=l[5],Object.defineProperties(l,{light:{get:()=>l[3]},dark:{get:()=>l[7]}}),l}function b6e(a){if(!a.colors)return a;const l={};for(const _ in a.colors){const m=a.colors[_];m&&(l[_]=DFt(m))}return{...a,colors:l}}function qat(a){if(!a.colors)return a;const l={};for(const _ in a.colors){const m=a.colors[_];m&&(l[_]=m.main)}return{...a,colors:l}}const VO={overlay:1e3,popper:1100,dropdown:1200,bubbleConfirm:1300,snackbar:1400,tooltip:1500},S6e={xs:0,sm:600,md:900,lg:1200,xl:1500},Vat=`-apple-system, BlinkMacSystemFont, 'Segoe UI',
|
|
304
304
|
Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji',
|
|
305
|
-
'Segoe UI Symbol', 'Noto Color Emoji', 'Microsoft YaHei UI', sans-serif`,T6e={mode:"light",fontSize:14,fontFamily:Vat,size:"medium",borderRadius:6,spacing:$Xe,gap:$Xe[6],gray:$at,divider:"#e6e6e6",colors:{primary:"#1E71EC",secondary:"#925CC1",success:"#13C13C",warning:"#ED9121",error:"#DD3F3F",info:"#52AEDF"},text:{primary:"#191919",secondary:"#666666",disabled:"#999999",placeholder:"#b3b3b3",inverse:"#ffffff"},background:{content:"#ffffff",body:"#f5f5f5",fixed:"rgba(0, 0, 0, .02)"},boxShadow:["3px 6px 18px rgba(0, 0, 0, .2)","0 0 24px rgba(0, 0, 0, .2)","1px 2px 3px rgba(0, 0, 0, .2)","2px 4px 6px rgba(0, 0, 0, .2)","3px 6px 9px rgba(0, 0, 0, .2)","3px 6px 18px rgba(0, 0, 0, .2)","4px 8px 24px rgba(0, 0, 0, .2)"],easing:{linear:"linear",ease:"ease",easeIn:"cubic-bezier(.3, 0, .6, 0)",easeOut:"cubic-bezier(.4, 1, .7, 1)",easeInOut:"cubic-bezier(.65, 0, .35, 1)",bounce:"cubic-bezier(.5, 2, .5, .7)",swing:"cubic-bezier(.5, 3, .5, .1)"},breakpoints:S6e,zoom:1},Jat={mode:"dark",background:{content:"#
|
|
305
|
+
'Segoe UI Symbol', 'Noto Color Emoji', 'Microsoft YaHei UI', sans-serif`,T6e={mode:"light",fontSize:14,fontFamily:Vat,size:"medium",borderRadius:6,spacing:$Xe,gap:$Xe[6],gray:$at,divider:"#e6e6e6",colors:{primary:"#1E71EC",secondary:"#925CC1",success:"#13C13C",warning:"#ED9121",error:"#DD3F3F",info:"#52AEDF"},text:{primary:"#191919",secondary:"#666666",disabled:"#999999",placeholder:"#b3b3b3",inverse:"#ffffff"},background:{content:"#ffffff",body:"#f5f5f5",fixed:"rgba(0, 0, 0, .02)"},boxShadow:["3px 6px 18px rgba(0, 0, 0, .2)","0 0 24px rgba(0, 0, 0, .2)","1px 2px 3px rgba(0, 0, 0, .2)","2px 4px 6px rgba(0, 0, 0, .2)","3px 6px 9px rgba(0, 0, 0, .2)","3px 6px 18px rgba(0, 0, 0, .2)","4px 8px 24px rgba(0, 0, 0, .2)"],easing:{linear:"linear",ease:"ease",easeIn:"cubic-bezier(.3, 0, .6, 0)",easeOut:"cubic-bezier(.4, 1, .7, 1)",easeInOut:"cubic-bezier(.65, 0, .35, 1)",bounce:"cubic-bezier(.5, 2, .5, .7)",swing:"cubic-bezier(.5, 3, .5, .1)"},breakpoints:S6e,zoom:1},Jat={mode:"dark",background:{content:"#242424",body:"#1a1a1a",fixed:"rgba(255, 255, 255, .06)"},gray:AFt,divider:"#474747",colors:{primary:"#3780EE",secondary:"#9A68C6",success:"#14CD40",warning:"#EE9830",error:"#E04D4D",info:"#5AB2E0"},text:{primary:"#e6e6e6",secondary:"#b3b3b3",disabled:"#808080",placeholder:"#737373",inverse:"#000000"}},x6e=Ae.createContext(b6e(T6e));function ru(){return Ae.useContext(x6e)}function Wat({theme:a,children:l}){const _=ru(),[m,b]=Jg(a),k=Ae.useMemo(()=>{var O,j;return MG({},qat(_),_.mode==="light"&&((O=m.current)==null?void 0:O.mode)==="dark"?Jat:void 0,_.mode==="dark"&&((j=m.current)==null?void 0:j.mode)==="light"?T6e:void 0,m.current)},[m.current,_]),w=Ae.useMemo(()=>{const O=b6e(k);return O._sub=!0,O.update=j=>{const $=typeof j=="function"?j(O):j;b(G=>MG({...G},$))},O},[k]);return Ie(x6e,{value:w,children:l})}const Hat=Ao(({background:a,easing:l})=>Xi`
|
|
306
306
|
overflow: auto;
|
|
307
307
|
|
|
308
308
|
tbody tr {
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<link rel="shortcut icon" href="/logo.png">
|
|
6
6
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
7
7
|
<title>Canlooks UI</title>
|
|
8
|
-
<script type="module" crossorigin src="/assets/index-
|
|
8
|
+
<script type="module" crossorigin src="/assets/index-DD484MoK.js"></script>
|
|
9
9
|
</head>
|
|
10
10
|
<body>
|
|
11
11
|
<div id="app"></div>
|