@kine-design/core 0.0.1-beta.5 → 0.0.1-beta.7

package/dist/core.js

@@ -1091,20 +1091,58 @@ var props$39 = {
 * @description inputNumber composable
 * @author 阿怪
 * @date 2026/2/25 00:00
-* @version v1.1.0
+* @version v1.2.0
 *
 * 江湖的业务千篇一律，复杂的代码好几百行。
+*
+* v1.2.0 changelog:
+* - emit 类型保真：string 入 string 出，number 入 number 出；空值一律 emit null
+* - 内部 currentValue 保留中间态（'-' / '0.' / ''），仅在 emit 时归一
+*/
+/** 用户输入中间态：不构成可 emit 的数字，emit null */
+var MID_STATES = new Set([
+	"",
+	"-",
+	".",
+	"-."
+]);
+/**
+* 把任意内部值归一为 number | null。
+* 规则：
+* - null/undefined/中间态 → null
+* - 末尾小数点去掉（'1.' → '1'）
+* - 非法 NaN → null
+* - 其他 → Number(v)
 */
+var normalize = (v) => {
+	if (v === null || v === void 0) return null;
+	const s = String(v);
+	if (MID_STATES.has(s)) return null;
+	const cleaned = s.endsWith(".") ? s.slice(0, -1) : s;
+	const n = Number(cleaned);
+	return Number.isNaN(n) ? null : n;
+};
 function useInputNumber(props, ctx) {
 	const currentValue = ref(props.modelValue ?? "");
+	/**
+	* 按外部 modelValue 的当前 typeof 决定出参类型，保真 v-model 声明。
+	* - null/undefined → null
+	* - 外部当前是 string → emit String(n)
+	* - 否则 → emit n（默认 number）
+	*/
+	const toEmitValue = (n) => {
+		if (n === null) return null;
+		return typeof props.modelValue === "string" ? String(n) : n;
+	};
 	const updateInput = (oldVal) => {
-		ctx.emit("update:modelValue", currentValue.value);
-		ctx.emit("change", currentValue.value, oldVal);
+		const out = toEmitValue(normalize(currentValue.value));
+		ctx.emit("update:modelValue", out);
+		ctx.emit("change", out, oldVal);
 	};
 	const setCurrentValue = (newVal, e) => {
 		const oldVal = currentValue.value;
 		const { min, max, precision } = props;
-		if (oldVal === newVal) return;
+		if (String(oldVal) === String(newVal)) return;
 		else if (+newVal >= +max) newVal = max;
 		else if (+newVal <= +min) newVal = min;
 		else if (precision !== 0 && String(newVal).includes(".") && `${newVal}`.length - (`${newVal}`.indexOf(".") + 1) >= precision) newVal = Number(`${newVal}`.substring(0, `${newVal}`.indexOf(".") + (precision + 1)));
@@ -1132,11 +1170,15 @@ function useInputNumber(props, ctx) {
 		validate(val, e);
 	};
 	const handleInputBlur = () => {
+		const oldVal = currentValue.value;
 		if (currentValue.value === "-") currentValue.value = "";
 		else if (currentValue.value === "-0") currentValue.value = 0;
-		const oldVal = currentValue.value;
-		const str = String(currentValue.value);
-		currentValue.value = str.indexOf(".") === str.length - 1 ? str.replace(/\.$/g, "") : currentValue.value;
+		else {
+			const str = String(currentValue.value);
+			if (str.indexOf(".") === str.length - 1 && str.length > 0) currentValue.value = str.replace(/\.$/g, "");
+		}
+		const n = normalize(currentValue.value);
+		currentValue.value = n === null ? "" : n;
 		updateInput(oldVal);
 	};
 	/**
@@ -1252,13 +1294,17 @@ function useResizeObserver(target, callback, options = {}) {
 			observer = void 0;
 		}
 	};
-	watch(target, () => {
+	const stopWatch = watch(target, () => {
 		if (target.value) {
 			cleanup();
 			observer = new ResizeObserver(callback);
 			observer.observe(target.value, options);
 		}
 	});
+	onBeforeUnmount(() => {
+		cleanup();
+		stopWatch();
+	});
 	return { cleanup };
 }
 //#endregion
@@ -1642,14 +1688,14 @@ function useEventListener(options) {
 	const onMounted = () => {
 		add();
 	};
-	const onBeforeDestroy = () => {
+	const onBeforeUnmount = () => {
 		remove();
 	};
 	return {
 		add,
 		remove,
 		onMounted,
-		onBeforeDestroy
+		onBeforeUnmount
 	};
 }
 //#endregion
@@ -1807,8 +1853,8 @@ function usePopover$1(props, ctx) {
 	});
 	onBeforeUnmount(() => {
 		if (clickAwayInstance) {
-			const { onBeforeDestroy } = clickAwayInstance;
-			onBeforeDestroy();
+			const { onBeforeUnmount } = clickAwayInstance;
+			onBeforeUnmount();
 		}
 		instance?.destroy();
 	});
@@ -3418,8 +3464,8 @@ function useTable() {
 		});
 		/** 从 data[i] 中安全取值 */
 		const getData = (i, param) => {
-			if (data[i] && data[i][param]) return data[i][param];
-			return "";
+			if (data[i] == null) return "";
+			return data[i][param] ?? "";
 		};
 		/** 向每行的 td 列表中追加一列 */
 		const pushTd = (param, bodySlot, style) => {
@@ -4009,7 +4055,7 @@ function usePopover(options, lifecycle) {
 	const popoverLeave = () => {
 		if (props.hover) instance?.hide();
 	};
-	const onBeforeDestroyEvents = [];
+	const onBeforeUnmountEvents = [];
 	onMounted(() => {
 		if (!popoverRef.value || !contentRef.value) return;
 		popperInstance.value = createPopover(popoverRef.value, contentRef.value, arrowRef.value, {
@@ -4026,8 +4072,8 @@ function usePopover(options, lifecycle) {
 	});
 	onBeforeUnmount(() => {
 		if (clickAwayInstance) {
-			const { onBeforeDestroy } = clickAwayInstance;
-			onBeforeDestroy();
+			const { onBeforeUnmount } = clickAwayInstance;
+			onBeforeUnmount();
 		}
 		instance?.destroy();
 	});
@@ -4053,7 +4099,7 @@ function usePopover(options, lifecycle) {
 		popperInstance,
 		style,
 		arrowStyle,
-		lifecycle: { onBeforeDestroyEvents }
+		lifecycle: { onBeforeUnmountEvents }
 	};
 }
 //#endregion

package/dist/tools/__tests__/empty.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tools/empty.d.ts

@@ -10,9 +10,9 @@
  * 支持稍多类型的判断非空的方法
  * @param value
  */
-export declare const notEmpty: (value: any) => number | boolean | undefined;
+export declare const notEmpty: (value: unknown) => number | boolean | undefined;
 /**
  * 判断为空的方法，即notEmpty的取反
  * @param value
  */
-export declare const isEmpty: (value: any) => boolean;
+export declare const isEmpty: (value: unknown) => boolean;

package/dist/tools/types.d.ts

@@ -6,4 +6,4 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
-export declare const isBoolean: (val: any) => val is boolean;
+export declare const isBoolean: (val: unknown) => val is boolean;

package/dist/vitest.config.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @description @kine-design/core 单元测试配置
+ * @author 阿怪
+ * @date 2026/3/23
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+declare const _default: import('vite').UserConfig;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kine-design/core",
-  "version": "0.0.1-beta.5",
+  "version": "0.0.1-beta.7",
   "description": "",
   "type": "module",
   "main": "./dist/core.js",
@@ -19,8 +19,12 @@
       "dist"
     ]
   },
+  "devDependencies": {
+    "vitest": "^4.1.0"
+  },
   "scripts": {
-    "build": "vite build --config vite.config.build.ts"
+    "build": "vite build --config vite.config.build.ts",
+    "test": "vitest --config vitest.config.ts --run"
   },
   "module": "./dist/core.js",
   "exports": {

package/tools/__tests__/empty.test.ts

@@ -0,0 +1,72 @@
+/**
+ * @description notEmpty / isEmpty 工具函数测试
+ * @author 阿怪
+ * @date 2026/3/23
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+import { describe, expect, it } from 'vitest';
+import { notEmpty, isEmpty } from '../empty';
+
+describe('notEmpty', () => {
+  // 基本空值
+  it('null 为空', () => expect(notEmpty(null)).toBe(false));
+  it('undefined 为空', () => expect(notEmpty(undefined)).toBe(false));
+
+  // 字符串
+  it('空字符串为空', () => expect(notEmpty('')).toBe(false));
+  it('非空字符串非空', () => expect(notEmpty('hello')).toBe(true));
+
+  // 数字
+  it('0 非空', () => expect(notEmpty(0)).toBe(true));
+  it('正数非空', () => expect(notEmpty(42)).toBe(true));
+  it('NaN 非空（数字类型）', () => expect(notEmpty(NaN)).toBe(true));
+
+  // 布尔
+  it('false 非空', () => expect(notEmpty(false)).toBe(true));
+  it('true 非空', () => expect(notEmpty(true)).toBe(true));
+
+  // 函数
+  it('函数非空', () => expect(notEmpty(() => {})).toBe(true));
+
+  // Symbol
+  it('空 Symbol 为空', () => expect(notEmpty(Symbol())).toBe(false));
+  it('有描述的 Symbol 非空', () => expect(notEmpty(Symbol('desc'))).toBe(true));
+
+  // 数组
+  it('空数组为空', () => expect(notEmpty([])).toBe(false));
+  it('非空数组非空', () => expect(notEmpty([1])).toBe(true));
+
+  // 对象
+  it('空对象为空', () => expect(notEmpty({})).toBe(false));
+  it('非空对象非空', () => expect(notEmpty({ a: 1 })).toBe(true));
+
+  // Map / Set
+  it('空 Map 为空', () => expect(notEmpty(new Map())).toBe(false));
+  it('非空 Map 非空', () => expect(notEmpty(new Map([['a', 1]]))).toBe(true));
+  it('空 Set 为空', () => expect(notEmpty(new Set())).toBe(false));
+  it('非空 Set 非空', () => expect(notEmpty(new Set([1]))).toBe(true));
+
+  // Date
+  it('有效 Date 非空', () => expect(notEmpty(new Date())).toBe(true));
+  it('Invalid Date 为空', () => expect(notEmpty(new Date('invalid'))).toBe(false));
+
+  // RegExp
+  it('空正则为空', () => expect(notEmpty(new RegExp(''))).toBe(false));
+  it('非空正则非空', () => expect(notEmpty(/abc/)).toBe(true));
+
+  // TypedArray
+  it('空 Uint8Array 为空', () => expect(notEmpty(new Uint8Array(0))).toBe(0));
+  it('非空 Float64Array 非空', () => expect(notEmpty(new Float64Array([1.5]))).toBe(1));
+});
+
+describe('isEmpty', () => {
+  it('是 notEmpty 的取反', () => {
+    expect(isEmpty(null)).toBe(true);
+    expect(isEmpty('hello')).toBe(false);
+    expect(isEmpty(0)).toBe(false);
+    expect(isEmpty([])).toBe(true);
+    expect(isEmpty({})).toBe(true);
+  });
+});

package/tools/empty.ts

@@ -11,7 +11,7 @@
  * 支持稍多类型的判断非空的方法
  * @param value
  */
-export const notEmpty = (value: any) => {
+export const notEmpty = (value: unknown) => {
   // 先处理基本类型
   // null
   // undefined
@@ -78,4 +78,4 @@ export const notEmpty = (value: any) => {
  * 判断为空的方法，即notEmpty的取反
  * @param value
  */
-export const isEmpty = (value: any) => !notEmpty(value);
+export const isEmpty = (value: unknown) => !notEmpty(value);

package/tools/types.ts

@@ -8,4 +8,4 @@
  */
 
 
-export const isBoolean = (val: any): val is boolean => typeof val === 'boolean';
+export const isBoolean = (val: unknown): val is boolean => typeof val === 'boolean';

package/vitest.config.ts

@@ -0,0 +1,17 @@
+/**
+ * @description @kine-design/core 单元测试配置
+ * @author 阿怪
+ * @date 2026/3/23
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  root: __dirname,
+  test: {
+    include: ['**/__tests__/*.test.ts'],
+  },
+});