@pixelium/web-vue 0.0.4 → 0.0.5

package/es/tag/index.css

@@ -6,9 +6,6 @@
   z-index: -1;
   pointer-events: none;
 }
-span.px-tag {
-  line-height: var(--px-medium-sub-base-size);
-}
 .px-tag {
   --tag-size: var(--px-medium-sub-size);
   --text-color: var(--px-neutral-1);
@@ -30,6 +27,7 @@ span.px-tag {
   padding-right: 8px;
   padding-left: 8px;
   font-size: 12px;
+  line-height: var(--px-small-sub-base-size);
 }
 .px-tag.px-tag__small .px-tag-icon-wrapper {
   height: 8px;
@@ -39,6 +37,7 @@ span.px-tag {
   padding-right: 8px;
   padding-left: 8px;
   font-size: 14px;
+  line-height: var(--px-medium-sub-base-size);
 }
 .px-tag.px-tag__medium .px-tag-icon-wrapper {
   height: 10px;
@@ -48,6 +47,7 @@ span.px-tag {
   padding-right: 12px;
   padding-left: 12px;
   font-size: 15px;
+  line-height: var(--px-large-sub-base-size);
 }
 .px-tag.px-tag__large .px-tag-icon-wrapper {
   height: 11px;

package/es/tag/index.d.ts

@@ -3,7 +3,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<TagProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<TagProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (e: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<TagProps> & Readonly<{
     onClose?: ((e: MouseEvent) => any) | undefined;
@@ -14,7 +14,8 @@ declare const __VLS_component: import("vue").DefineComponent<TagProps, {}, {}, {
     disabled: boolean;
     shape: "rect" | "round" | "default";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/es/text-outline/index.d.ts

@@ -3,12 +3,13 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<TextOutlineProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextOutlineProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<TextOutlineProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextOutlineProps> & Readonly<{}>, {
     color: string;
     outlineWidth: number | string;
     autoPadding: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/es/textarea/index.d.ts

@@ -1,14 +1,14 @@
 import type { TextareaExpose, TextareaProps } from './type';
 import { type Nullish } from 'parsnip-kit';
-declare var __VLS_9: {
+declare var __VLS_8: {
     value: string | Nullish;
     count: number;
     maxLength: number | undefined;
 };
 type __VLS_Slots = {} & {
-    count?: (props: typeof __VLS_9) => any;
+    count?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<TextareaProps, TextareaExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<TextareaProps, TextareaExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: (value: string) => any;
     change: (value: string, e?: Event | undefined) => any;
     blur: (e: FocusEvent) => any;
@@ -34,7 +34,8 @@ declare const __VLS_component: import("vue").DefineComponent<TextareaProps, Text
     maxRows: number;
     autoResize: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/es/theme/theme.d.ts

@@ -0,0 +1,21 @@
+export declare const setThemeColor: (theme: "primary" | "success" | "warning" | "danger" | "sakura" | "neutral", color: string | {
+    light?: string[];
+    dark?: string[];
+}) => void;
+export declare const resetThemeColor: (theme: "primary" | "success" | "warning" | "danger" | "sakura" | "neutral") => void;
+export declare const calcSizes: (pixelSize: number, borderSize: number) => {
+    '--px-large-size': number;
+    '--px-medium-size': number;
+    '--px-small-size': number;
+    '--px-large-sub-size': number;
+    '--px-medium-sub-size': number;
+    '--px-small-sub-size': number;
+    '--px-large-sub-base-size': number;
+    '--px-medium-sub-base-size': number;
+    '--px-small-sub-base-size': number;
+    '--px-large-compat-size': number;
+    '--px-medium-compat-size': number;
+    '--px-small-compat-size': number;
+};
+export declare const setPixelSize: (size: number, dynamicComponentSize?: boolean) => void;
+export declare const resetPixelSize: () => void;

package/es/{share/util → theme}/theme.js

@@ -1,10 +1,10 @@
-import { B as y } from "../../vendor.js";
-import { t as inBrowser } from "./env.js";
-import { a as MEDIUM_BASE_SIZE, i as LARGE_BASE_SIZE, n as INTERVAL, o as SMALL_BASE_SIZE, r as INTERVAL_MINI, t as DEFAULT_PIXEL_SIZE } from "../const/style.js";
-import { a as rgbaColor2string, i as parseColor, t as generatePalette } from "./color.js";
-import { t as EventBus } from "./event-bus.js";
-import { n as GLOBAL_CSS_VAR_CHANGE } from "../const/event-bus-key.js";
-import { r as throwError } from "./console.js";
+import { B as y } from "../vendor.js";
+import { t as inBrowser } from "../share/util/env.js";
+import { a as MEDIUM_BASE_SIZE, i as LARGE_BASE_SIZE, n as INTERVAL, o as SMALL_BASE_SIZE, r as INTERVAL_MINI, t as DEFAULT_PIXEL_SIZE } from "../share/const/style.js";
+import { a as rgbaColor2string, i as parseColor, t as generatePalette } from "../share/util/color.js";
+import { t as EventBus } from "../share/util/event-bus.js";
+import { n as GLOBAL_CSS_VAR_CHANGE } from "../share/const/event-bus-key.js";
+import { r as throwError } from "../share/util/console.js";
 const setThemeColor = (theme, color) => {
 	if (!inBrowser()) return;
 	const colorList = {
@@ -43,31 +43,31 @@ const resetThemeColor = (theme) => {
 	}
 	EventBus.emit(GLOBAL_CSS_VAR_CHANGE);
 };
-var calcSizes = (pixelSize) => {
+const calcSizes = (pixelSize, borderSize) => {
 	const mediumSize = 28 + pixelSize * 2;
 	const smallSize = 20 + pixelSize * 2;
 	const largeSubSize = mediumSize;
 	const mediumSubSize = mediumSize - 8 - 2;
 	const smallSubSize = smallSize - 8;
 	return {
-		"-px-large-size": 36 + pixelSize * 2,
-		"-px-medium-size": mediumSize,
-		"-px-small-size": smallSize,
-		"-px-large-sub-size": largeSubSize,
-		"-px-medium-sub-size": mediumSubSize,
-		"-px-small-sub-size": smallSubSize,
-		"-px-large-sub-base-size": largeSubSize - 2 * pixelSize,
-		"-px-medium-sub-base-size": mediumSubSize - 2 * pixelSize,
-		"-px-small-sub-base-size": smallSubSize - 2 * pixelSize,
-		"-px-large-compat-size": mediumSize - 4,
-		"-px-medium-compat-size": mediumSize - 8,
-		"-px-small-compat-size": smallSize - 4
+		"--px-large-size": 36 + pixelSize * 2,
+		"--px-medium-size": mediumSize,
+		"--px-small-size": smallSize,
+		"--px-large-sub-size": largeSubSize,
+		"--px-medium-sub-size": mediumSubSize,
+		"--px-small-sub-size": smallSubSize,
+		"--px-large-sub-base-size": largeSubSize - 2 * borderSize,
+		"--px-medium-sub-base-size": mediumSubSize - 2 * borderSize,
+		"--px-small-sub-base-size": smallSubSize - 2 * borderSize,
+		"--px-large-compat-size": mediumSize - 4,
+		"--px-medium-compat-size": mediumSize - 8,
+		"--px-small-compat-size": smallSize - 4
 	};
 };
-const setPixelSize = (size) => {
+const setPixelSize = (size, dynamicComponentSize = false) => {
 	if (!inBrowser()) return;
 	document.documentElement.style.setProperty(`--px-bit`, size + "px");
-	const sizes = calcSizes(size);
+	const sizes = calcSizes(dynamicComponentSize ? size : 4, size);
 	Object.keys(sizes).forEach((key) => {
 		document.documentElement.style.setProperty(key, sizes[key] + "px");
 	});

package/es/tooltip/index.d.ts

@@ -1,5 +1,5 @@
 import type { TooltipProps } from './type';
-declare const _default: import("vue").DefineComponent<TooltipProps, {
+declare const __VLS_export: import("vue").DefineComponent<TooltipProps, {
     readonly triggerContent: ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -113,4 +113,5 @@ declare const _default: import("vue").DefineComponent<TooltipProps, {
     arrow: boolean;
     destroyOnHide: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/es/vendor.js

@@ -204,7 +204,7 @@ function Ue(n, e, t) {
 		c !== void 0 && !o && (o = setTimeout(() => {
 			o = void 0, n.apply(this, l);
 		}, c)), !s && i && n.apply(this, l), s && clearTimeout(s), s = setTimeout(() => {
-			o && (clearTimeout(o), o = void 0), n.apply(this, l);
+			o && (clearTimeout(o), o = void 0), n.apply(this, l), s = void 0;
 		}, e);
 	};
 }

package/es/virtual-list/index.d.ts

@@ -1,5 +1,5 @@
 import type { VirtualListProps } from './type';
-declare const _default: import("vue").DefineComponent<VirtualListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VirtualListProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<VirtualListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VirtualListProps> & Readonly<{}>, {
     list: {
         render: import("..").ValidContent;
         key?: string | number | symbol;
@@ -8,4 +8,5 @@ declare const _default: import("vue").DefineComponent<VirtualListProps, {}, {},
     estimatedHeight: number;
     buffer: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pixelium/web-vue",
-	"version": "0.0.4",
+	"version": "0.0.5",
 	"type": "module",
 	"main": "./dist/pixelium-vue.js",
 	"exports": {

package/es/share/hook/use-props-detect.d.ts

@@ -1,2 +0,0 @@
-import { type Ref } from 'vue';
-export declare function usePropsDetect<T extends Record<string, any>, U extends keyof T>(props: T, fields?: Array<U> | U, emptyValues?: Record<U, any>): Ref<Record<U, boolean>, Record<U, boolean>>;

package/es/share/util/pixel.d.ts

@@ -1,4 +0,0 @@
-export declare function pixelateImage(imageSource: HTMLImageElement | string, pixelSize: number, options?: {
-    palette?: string[];
-    background?: string;
-}): Promise<string>;

package/es/share/util/theme.d.ts

@@ -1,7 +0,0 @@
-export declare const setThemeColor: (theme: "primary" | "success" | "warning" | "danger" | "sakura" | "neutral", color: string | {
-    light?: string[];
-    dark?: string[];
-}) => void;
-export declare const resetThemeColor: (theme: "primary" | "success" | "warning" | "danger" | "sakura" | "neutral") => void;
-export declare const setPixelSize: (size: number) => void;
-export declare const resetPixelSize: () => void;