dozy 1.0.21 → 1.0.22

package/dist/assets/shadcn.css

@@ -0,0 +1,110 @@
+@import './cover.css';
+
+@import 'tw-animate-css';
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+	/* ============================================================
+	   🔗 2. Shadcn 映射区 (无需改动，自动联动)
+	   ============================================================ */
+	--radius: 0.625rem;
+
+	--background: var(--xai-primary-light);
+	--foreground: var(--xai-text);
+
+	--card: var(--xai-primary-light);
+	--card-foreground: var(--xai-text);
+
+	--popover: var(--xai-primary-light);
+	--popover-foreground: var(--xai-text);
+
+	/* Shadcn 的 Primary 其实是你的 Notable 显眼色 */
+	--primary: var(--xai-notable);
+	--primary-foreground: var(--xai-primary-light);
+
+	--secondary: var(--xai-primary);
+	--secondary-foreground: var(--xai-text);
+
+	--muted: var(--xai-primary-dark);
+	--muted-foreground: var(--xai-text-muted);
+
+	--accent: var(--xai-primary);
+	--accent-foreground: var(--xai-text);
+
+	--destructive: var(--xai-destructive);
+	--destructive-foreground: oklch(0.985 0 0);
+
+	--border: var(--xai-border);
+	--input: var(--xai-border);
+	--ring: var(--xai-notable);
+
+	/* 图表颜色默认根据 Notable 进行色相偏移，建议手动微调或保留默认 */
+	--chart-1: var(--xai-notable);
+	--chart-2: oklch(0.6 0.118 184.704);
+	--chart-3: oklch(0.398 0.07 227.392);
+	--chart-4: oklch(0.828 0.189 84.429);
+	--chart-5: oklch(0.769 0.188 70.08);
+
+	--sidebar: var(--xai-primary-dark);
+	--sidebar-foreground: var(--xai-text);
+	--sidebar-primary: var(--xai-notable);
+	--sidebar-primary-foreground: var(--xai-primary-dark);
+	--sidebar-accent: var(--xai-primary-light);
+	--sidebar-accent-foreground: var(--xai-text);
+	--sidebar-border: var(--xai-border);
+	--sidebar-ring: var(--xai-notable);
+}
+
+@layer base {
+	* {
+		@apply border-border outline-ring/50;
+	}
+	body {
+		@apply bg-[#bdd] text-foreground;
+	}
+}
+
+@theme inline {
+	/* 半径保持联动 */
+	--radius-sm: calc(var(--radius) - 4px);
+	--radius-md: calc(var(--radius) - 2px);
+	--radius-lg: var(--radius);
+	--radius-xl: calc(var(--radius) + 4px);
+	--radius-2xl: calc(var(--radius) + 8px);
+	--radius-3xl: calc(var(--radius) + 12px);
+	--radius-4xl: calc(var(--radius) + 16px);
+
+	/* 颜色变量保持联动 */
+	--color-background: var(--background);
+	--color-foreground: var(--foreground);
+	--color-card: var(--card);
+	--color-card-foreground: var(--card-foreground);
+	--color-popover: var(--popover);
+	--color-popover-foreground: var(--popover-foreground);
+	--color-primary: var(--primary);
+	--color-primary-foreground: var(--primary-foreground);
+	--color-secondary: var(--secondary);
+	--color-secondary-foreground: var(--secondary-foreground);
+	--color-muted: var(--muted);
+	--color-muted-foreground: var(--muted-foreground);
+	--color-accent: var(--accent);
+	--color-accent-foreground: var(--accent-foreground);
+	--color-destructive: var(--destructive);
+	--color-border: var(--border);
+	--color-input: var(--input);
+	--color-ring: var(--ring);
+	--color-chart-1: var(--chart-1);
+	--color-chart-2: var(--chart-2);
+	--color-chart-3: var(--chart-3);
+	--color-chart-4: var(--chart-4);
+	--color-chart-5: var(--chart-5);
+	--color-sidebar: var(--sidebar);
+	--color-sidebar-foreground: var(--sidebar-foreground);
+	--color-sidebar-primary: var(--sidebar-primary);
+	--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+	--color-sidebar-accent: var(--sidebar-accent);
+	--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+	--color-sidebar-border: var(--sidebar-border);
+	--color-sidebar-ring: var(--sidebar-ring);
+}

package/{assets → dist/assets}/styles/reset.css

@@ -1,4 +1,4 @@
-/* 自己去设置滚动吧 */
+/* 要显示滚动条需要加 scrollbar 类样式 */
 /* =========================================
    CSS Reset and Global Styles
    Project: xaidozy
@@ -9,7 +9,8 @@
    ======================= */
 @font-face {
 	font-family: 'xaifont';
-	src: url('/fonts/xaifont.woff2') format('woff2'),
+	src:
+		url('/fonts/xaifont.woff2') format('woff2'),
 		url('https://xaidozy.github.io/fonts/xaifont.woff2') format('woff2');
 	font-display: swap;
 }
@@ -39,10 +40,11 @@
 	box-sizing: border-box; /* 1 */
 	margin: 0; /* 2 */
 	padding: 0; /* 2 */
-	border: 0 solid; /* 3 */
+	border-width: 0;
+	border-style: solid;
 
-	font-family: inherit !important;
-	font-size: inherit !important;
+	font-family: inherit;
+	font-size: inherit;
 }
 
 /* =======================
@@ -56,34 +58,40 @@
 	-webkit-font-smoothing: antialiased; /* WebKit字体抗锯齿 */
 	-moz-osx-font-smoothing: grayscale; /* Firefox字体抗锯齿 */
 
-	--status-bar-height: 0;
+	--for-font:
+		xaifont, Inter, system-ui, Avenir, Helvetica, Arial, ui-sans-serif, 'Apple Color Emoji',
+		'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;
+	--for-code-font:
+		ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+		monospace;
 }
 
 /* HTML 基础设置 
    1. 统一行高
    2. iOS 字体大小调整修正
    3. 设置更易读的 Tab 宽度
-   4. 默认无衬线字体栈
-   5. 禁用 iOS 点击高亮
+   4. 禁用 iOS 点击高亮
 */
 html {
-	font-size: 16px !important;
+	font-size: 16px;
 	width: 100%;
 	height: 100%;
 	overflow-x: hidden;
 	overflow-y: hidden; /* 防止 HTML 层滚动，通常由 Body 处理 */
 
 	line-height: 1.5; /* 1 */
-	-webkit-text-size-adjust: 100%; /* 2 */
+	-webkit-text-size-adjust: 100% !important;
+	-moz-text-size-adjust: 100% !important;
+	-ms-text-size-adjust: 100% !important;
+	text-size-adjust: 100% !important;
 	tab-size: 4; /* 3 */
 
 	/* 字体栈 */
-	font-family: xaifont, Inter, system-ui, Avenir, Helvetica, Arial, ui-sans-serif,
-		'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif !important; /* 4 */
+	font-family: var(--for-font);
 
 	font-feature-settings: normal;
 	font-variation-settings: normal;
-	-webkit-tap-highlight-color: transparent; /* 5 */
+	-webkit-tap-highlight-color: transparent; /* 4 */
 }
 
 /* Body 基础设置 */
@@ -99,11 +107,9 @@ body {
 	user-select: none;
 
 	/* 背景设置 */
-	color: #fff;
-	background-color: #000;
 	background-attachment: fixed;
 	background-size: cover;
-	background-blend-mode: hard-light;
+	/* background-blend-mode: hard-light; */
 }
 
 /* 根元素 */
@@ -115,7 +121,8 @@ body {
 *,
 *::before,
 *::after {
-	text-shadow: 0 1px 1px #000;
+	/* text-shadow: 0 0.5px 0.5px color-mix(in srgb, currentColor, white 80%) !important; */
+	/* todos */
 	user-select: inherit;
 
 	/* 背景图默认行为 */
@@ -141,7 +148,11 @@ body {
 /* 选中态样式 */
 *::selection {
 	background-color: #222;
-	color: #fff;
+	color: #ddd;
+}
+.dark *::selection {
+	color: #222;
+	background-color: #ddd;
 }
 
 /* =======================
@@ -252,22 +263,22 @@ code,
 kbd,
 samp,
 pre {
-	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
-		'Courier New', monospace;
+	font-family: var(--for-code-font);
 	font-feature-settings: normal;
 	font-variation-settings: normal;
 	font-size: 1em;
+	white-space: pre-wrap;
 }
 
 /* 小号字体 */
 small {
-	font-size: 80%;
+	font-size: 0.8em;
 }
 
 /* 上标与下标 (防止影响行高) */
 sub,
 sup {
-	font-size: 75%;
+	font-size: 0.75em;
 	line-height: 0;
 	position: relative;
 	vertical-align: baseline;
@@ -323,7 +334,6 @@ table {
    ======================= */
 
 /* 基础行内块设定 */
-span,
 img {
 	display: inline-block;
 }

package/dist/assets/styles/utilities.css

@@ -0,0 +1,104 @@
+/* @utility xbase {
+} */
+
+@utility xaibar {
+	@apply absolute w-full h-13;
+	@apply flex justify-evenly items-center border-t-1 border-b-1;
+	@apply backdrop-blur-xs bg-(--xai-primary-light)/40;
+	/* @apply shadow-[0_0_2px_1px_#0005]; */
+	@apply shadow-[0_0_2px_1px_color-mix(in_srgb,var(--xai-shadow),transparent_67%)];
+}
+
+@utility xshadow {
+	/* @apply shadow-[0_0_8px_0px_#0005,0_0_2px_0px_#000a]; */
+	@apply shadow-[0_0_8px_0px_color-mix(in_srgb,var(--xai-shadow),transparent_67%),0_0_2px_0px_color-mix(in_srgb,var(--xai-shadow),transparent_33%)];
+}
+@utility frame-bg {
+	/* @apply text-(--xai-text); */
+	@apply bg-(--xai-primary);
+}
+@utility shapee {
+	@apply px-2 py-1 rounded-md;
+}
+
+@utility tp-frame {
+	@apply xshadow;
+	@apply shapee;
+}
+@utility frame {
+	@apply frame-bg;
+	@apply xshadow;
+	@apply shapee;
+}
+@utility contained {
+	@apply frame-bg w-fit shapee;
+}
+
+/* @utility with-border {
+	@apply rounded-md border-1 border-(--xai-border);
+} */
+
+@utility border-frame {
+	@apply frame;
+	@apply border-1 border-(--xai-border);
+}
+
+@utility inlineb {
+	@apply mx-0.5;
+	@apply inline-block;
+}
+
+@utility scroller {
+	@apply overflow-y-scroll overflow-x-visible h-full;
+}
+
+@utility nowrap {
+	@apply whitespace-nowrap;
+}
+
+@utility even-wrapper {
+	@apply flex flex-row justify-evenly items-center;
+}
+
+@utility container {
+	@apply border-frame bg-(--xai-primary-light) px-5 py-3;
+	@apply rounded-2xl flex flex-col gap-1 overflow-hidden;
+}
+
+@utility container-with-header {
+	@apply container pt-0!;
+	& > *:first-child {
+		@apply text-center p-1 bg-(--xai-primary-dark);
+		@apply text-(--xai-primary-light) -mx-5 mb-2 border-b-1 border-(--xai-border);
+	}
+}
+
+@utility c-form {
+	@apply grid p-1 gap-1 scroller;
+}
+
+@utility gap-container {
+	@apply h-full flex flex-col gap-1 items-stretch justify-center;
+}
+
+@utility c-container {
+	@apply h-full grid scroller items-center justify-center p-2;
+	@apply grid-cols-1 relative;
+	& > main {
+		/* 要求c-container里只能有一个元素 即main */
+		@apply gap-container;
+	}
+}
+
+@utility center-fit {
+	@apply mx-auto w-fit text-center;
+}
+
+@utility high {
+	@apply text-(--xai-destructive);
+}
+
+@utility flex-text {
+	/* // 不能多行 */
+	@apply flex gap-1 items-center;
+}

package/dist/assets/styles/variables.css

@@ -0,0 +1,36 @@
+:root {
+	--xai-primary-dark: #e0d8c3;
+	--xai-primary-light: #f5f0e6;
+	--xai-primary: #fcfaf5;
+	--xai-text: #4a3b32;
+	--xai-text-muted: #8c7b70;
+	--xai-notable: #d69875;
+	--xai-border: #d1c6b6;
+	--xai-shadow: #8f826d;
+	--xai-destructive: #dc2626;
+}
+
+.dark {
+	--xai-primary: #3d221a;
+	--xai-primary-light: #705049;
+	--xai-primary-dark: #2a1712;
+	--xai-text: #ffd700;
+	--xai-text-muted: #ccad00;
+	--xai-notable: #d94a2f;
+	--xai-border: #3d0700;
+	--xai-shadow: #ffcbbd;
+	--xai-destructive: #ff5252;
+}
+
+.light {
+	--xai-primary: #ea9580; /* 主色：用于输入框、标题背景等 */
+	--xai-primary-dark: #c96f58; /* 深主色：用于页面大背景、模态框底层 */
+	--xai-primary-light: #ffdad2; /* 浅主色：用于 Card、容器背景 */
+	--xai-text: #332e00; /* 文本主色：几乎所有的正文 */
+	--xai-text-muted: #8c7b70; /* 次要文本：更加浅淡的文字 */
+	--xai-notable: #ff5555; /* 显眼色：用于 Primary Button、高亮开关、进度条等 */
+	--xai-border: #975c20; /* 边框色 */
+	/* 额外说的一下 有一个地方 是--xai-notable作为背景 --xai-primary-light作为文本前景 */
+	--xai-shadow: #000;
+	--xai-destructive: #d32f2f;
+}

package/dist/index.d.ts

@@ -157,7 +157,8 @@ export type ScaleComputer = undefined | ((scaler: Scaler) => number);
 export type ScaleIniter = (scaler: Scaler) => void;
 declare class Scaler {
 	#private;
-	element?: HTMLElement;
+	heightElement: HTMLElement;
+	widthElement: HTMLElement;
 	set mainScale(val: number);
 	get mainScale(): number;
 	get scaleComputer(): ScaleComputer;
@@ -166,13 +167,14 @@ declare class Scaler {
 	innerContainer: HTMLElement;
 	constructor(innerContainer: HTMLElement);
 }
-export declare function useScaler(outerContainer: HTMLElement, initer?: ScaleIniter): Scaler | undefined;
+export declare function enableScaler(outerContainer: HTMLElement, initer?: ScaleIniter, innerContainer?: HTMLElement): (() => void) | undefined;
 export declare const standardIniter: (args: {
-	maxScreenWidth?: number;
+	maxAspectRatio?: number;
 	setFullScreenWidth?: (x: number) => void;
 	setFullContentHeight?: (x: number) => void;
 	setMainScale?: (x: number) => void;
-	element?: HTMLElement;
+	heightElement?: HTMLElement;
+	widthElement?: HTMLElement;
 }) => ScaleIniter;
 export declare class StringObfuscator {
 	key: string;
@@ -185,7 +187,7 @@ export declare class StringObfuscator {
 export type Items<T> = {
 	[key: string]: T;
 };
-export declare const DOZY = "1.0.21";
+export declare const DOZY = "1.0.22";
 export * from "axios";
 export * from "zod";
 

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AAEnC,cAAc,OAAO,CAAA;AACrB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,KAAK,CAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,CAAC,EAAE,CAAA;AAEZ,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,WAAW,CAAA;AAI/C,cAAc,KAAK,CAAA;AACnB,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,KAAK,CAAA;AAElC,eAAO,MAAM,IAAI,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,2BAA2B,CAAA;AACzC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AAEnC,cAAc,OAAO,CAAA;AACrB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,KAAK,CAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,CAAC,EAAE,CAAA;AAEZ,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,WAAW,CAAA;AAI/C,cAAc,KAAK,CAAA;AACnB,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,KAAK,CAAA;AAElC,eAAO,MAAM,IAAI,WAAW,CAAA"}