@kine-design/core 0.0.1-beta.1 → 0.0.1-beta.10

package/dist/index.d.ts

@@ -63,3 +63,4 @@ export * from './components/base/rate';
 export * from './components/base/backTop';
 export * from './components/base/affix';
 export * from './components/base/anchor';
+export * from './compositions/overlay';

package/dist/runtime/defineHook.d.ts

@@ -1,3 +1,3 @@
-import { EmitsOptions, SetupContext, SlotsType } from '@vue/runtime-core';
+import { EmitsOptions, SetupContext, SlotsType } from 'vue';
 import { UseHookResult } from '../components/types/hook';
 export declare const defineHook: <Props extends Record<string, any>, E extends EmitsOptions = {}, S extends SlotsType = {}, Return = any>(hook: (props: Props, ctx: SetupContext<E, S>) => Return) => (props: Props, ctx: SetupContext<E, S>) => UseHookResult<Props, S, Return>;

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/index.css

@@ -0,0 +1 @@
+@import "assets/style/global.css";

package/index.ts

@@ -0,0 +1,73 @@
+/**
+ * @description
+ * @author 阿怪
+ * @date 2024/10/9 00:12
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+
+
+export * from './components/base/avatar';
+export * from './components/base/input';
+export * from './components/base/button';
+export * from './components/base/select';
+export * from './components/base/checkbox';
+export * from './components/base/switch';
+export * from './components/base/tag';
+export * from './components/base/progress';
+export * from './components/base/list';
+export * from './components/base/radio';
+export * from './components/base/li';
+export * from './components/base/inputNumber';
+export * from './components/base/slider';
+export * from './components/message/message';
+export * from './components/template/form';
+
+export * from './components/base/popover';
+export * from './components/base/tooltip';
+export * from './components/base/divider';
+export * from './components/base/loading';
+
+export * from './components/message/dialog';
+export * from './components/message/drawer';
+export * from './components/message/confirm';
+
+export * from './components/other/darkMode';
+
+export * from './components/template/breadcrumb';
+export * from './components/template/grid';
+export * from './components/template/pagination';
+export * from './components/template/menu';
+export * from './components/base/datePicker';
+export * from './components/base/tree';
+export * from './components/template/table';
+export * from './components/template/tableColumn';
+export * from './components/template/border';
+export * from './components/template/virtualList';
+export * from './components/message/popover';
+export * from './components/base/tabs';
+export * from './components/base/dropdown';
+export * from './components/base/collapse';
+export * from './components/base/steps';
+export * from './components/message/notification';
+export * from './components/base/skeleton';
+export * from './components/base/timeline';
+export * from './components/template/descriptions';
+export * from './components/base/card';
+export * from './components/base/alert';
+export * from './components/base/badge';
+export * from './components/base/empty';
+export * from './components/base/space';
+export * from './components/base/autoComplete';
+export * from './components/base/carousel';
+export * from './components/base/image';
+export * from './components/base/result';
+export * from './components/base/cascader';
+export * from './components/base/transfer';
+export * from './components/base/rate';
+export * from './components/base/backTop';
+export * from './components/base/affix';
+export * from './components/base/anchor';
+
+export * from './compositions/overlay';

package/package.json

@@ -1,32 +1,51 @@
 {
   "name": "@kine-design/core",
-  "version": "0.0.1-beta.1",
+  "version": "0.0.1-beta.10",
   "description": "",
   "type": "module",
-  "main": "./dist/core.js",
-  "module": "./dist/core.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/core.js"
-      }
-    },
-    "./*": "./*"
+  "main": "index.ts",
+  "types": "index.ts",
+  "scripts": {
+    "build": "vite build --config vite.config.build.ts",
+    "test": "vitest --config vitest.config.ts --run"
+  },
+  "peerDependencies": {
+    "pinia": "^3.0.0",
+    "vue": "^3.5.30"
   },
-  "files": [
-    "dist"
-  ],
   "dependencies": {
-    "@floating-ui/dom": "^1.5.4",
-    "dayjs": "^1.11.10",
-    "interactjs": "^1.10.26"
+    "@floating-ui/dom": "^1.7.6",
+    "@tiptap/core": "^2.12.0",
+    "@tiptap/extension-code-block-lowlight": "^2.12.0",
+    "@tiptap/extension-image": "^2.12.0",
+    "@tiptap/extension-link": "^2.12.0",
+    "@tiptap/extension-placeholder": "^2.12.0",
+    "@tiptap/extension-text-align": "^2.12.0",
+    "@tiptap/pm": "^2.12.0",
+    "@tiptap/starter-kit": "^2.12.0",
+    "@tiptap/vue-3": "^2.12.0",
+    "dayjs": "^1.11.20",
+    "interactjs": "^1.10.26",
+    "lowlight": "^3.2.0"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "files": [
+      "dist"
+    ],
+    "main": "./dist/core.js",
+    "module": "./dist/core.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+      ".": {
+        "import": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/core.js"
+        }
+      }
+    }
   },
-  "scripts": {
-    "build": "vite build --config vite.config.build.ts"
+  "devDependencies": {
+    "vitest": "^4.1.0"
   }
-}
+}

package/runtime/defineHook.ts

@@ -0,0 +1,21 @@
+/**
+ * @description used to create powerful typescript support hook define
+ * @author 阿怪
+ * @date 2024/12/16 11:10
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+import { EmitsOptions, SetupContext, SlotsType } from 'vue';
+import { UseHookResult } from '../components/types/hook';
+
+
+export const defineHook = <
+  Props extends Record<string, any>,
+  E extends EmitsOptions = {},
+  S extends SlotsType = {},
+  Return = any
+>(hook: (props: Props, ctx: SetupContext<E, S>) => Return):
+  (props: Props, ctx: SetupContext<E, S>) => UseHookResult<Props, S, Return> => {
+    return hook;
+}

package/tools/__tests__/empty.test.ts

@@ -0,0 +1,91 @@
+/**
+ * @description notEmpty / isEmpty 工具函数测试
+ * @author 阿怪
+ * @date 2026/3/23
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+import { describe, expect, it, vi } 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
+  // notEmpty 对 TypedArray 返回 value.length（number），0 为 falsy，>0 为 truthy
+  it('空 Uint8Array 为空', () => expect(notEmpty(new Uint8Array(0))).toBe(0));
+  it('非空 Float64Array 非空', () => expect(notEmpty(new Float64Array([1.5]))).toBe(1));
+
+  // WeakMap / WeakSet — 无法判断是否为空，始终返回 false 并 console.error
+  it('WeakMap 无法判断，返回 false', () => {
+    const spy = vi.spyOn(console, 'error').mockImplementation(() => {});
+    expect(notEmpty(new WeakMap())).toBe(false);
+    expect(spy).toHaveBeenCalledWith('WeakMap和WeakSet无法以通用的方式判断是否为空。');
+    spy.mockRestore();
+  });
+  it('WeakSet 无法判断，返回 false', () => {
+    const spy = vi.spyOn(console, 'error').mockImplementation(() => {});
+    expect(notEmpty(new WeakSet())).toBe(false);
+    expect(spy).toHaveBeenCalledWith('WeakMap和WeakSet无法以通用的方式判断是否为空。');
+    spy.mockRestore();
+  });
+
+  // BigInt — typeof bigint 分支，始终返回 true
+  it('BigInt(0) 非空', () => expect(notEmpty(BigInt(0))).toBe(true));
+  it('BigInt(42) 非空', () => expect(notEmpty(BigInt(42))).toBe(true));
+});
+
+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

@@ -0,0 +1,81 @@
+/**
+ * @description common tools
+ * @author 阿怪
+ * @date 2023/4/20 22:31
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+
+/**
+ * 支持稍多类型的判断非空的方法
+ * @param value
+ */
+export const notEmpty = (value: unknown) => {
+  // 先处理基本类型
+  // null
+  // undefined
+  if (value === undefined || value === null) {
+    return false;
+  }
+  const valueType = typeof value;
+  // string
+  if (valueType === 'string') {
+    return value !== '';
+  }
+  // number bigint boolean
+  if (valueType === 'number' || valueType === 'bigint' || valueType === 'boolean' || valueType === 'function') {
+    return true;
+  }
+  // symbol
+  if (valueType === 'symbol') {
+    return value.toString() !== 'Symbol()';
+  }
+
+  if (valueType === 'object') {
+    // Bigint/Symbol no new
+
+    if (value instanceof String || value instanceof Array) {
+      return value.length !== 0;
+    }
+
+    if (value instanceof Number || value instanceof Boolean) {
+      return true;
+    }
+
+    if (value instanceof Map || value instanceof Set) {
+      return value.size > 0;
+    }
+
+    if (value instanceof WeakMap || value instanceof WeakSet) {
+      console.error('WeakMap和WeakSet无法以通用的方式判断是否为空。');
+      return false;
+    }
+
+    if (value instanceof RegExp) {
+      return value.toString() !== '/(?:)/';
+    }
+
+    if (value instanceof Date) {
+      return value.toString() !== 'Invalid Date';
+    }
+
+    const typedArrayTypes = [Int8Array, Uint8Array, Uint8ClampedArray,
+      Int16Array, Uint16Array,
+      Int32Array, Uint32Array, Float32Array,
+      Float64Array];
+    for (const arrayType of typedArrayTypes) {
+      if (value instanceof arrayType) {
+        return value.length;
+      }
+    }
+
+    return Object.keys(value).length > 0;
+  }
+};
+
+/**
+ * 判断为空的方法，即notEmpty的取反
+ * @param value
+ */
+export const isEmpty = (value: unknown) => !notEmpty(value);

package/tools/index.ts

@@ -0,0 +1,15 @@
+/**
+ * @description tools index
+ * @author 阿怪
+ * @date 2023/4/20 22:38
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+// import clsx from 'clsx';
+//
+// export {
+//   clsx
+// };
+export * from './empty.ts';
+export * from './types.ts';

package/tools/types.ts

@@ -0,0 +1,11 @@
+/**
+ * @description types check
+ * @author 阿怪
+ * @date 2023/4/20 23:05
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+
+
+export const isBoolean = (val: unknown): val is boolean => typeof val === 'boolean';

package/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": "./lib",
+    "jsx": "preserve",
+    "jsxImportSource": "vue"
+  }
+}

package/types/common/common.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @description common type
+ * @author 阿怪
+ * @date 2023/5/5 21:04
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+
+
+/** 带类型化 target 的 DOM 事件 */
+export type HTMLElementEvent<T extends HTMLElement> = Event & {
+  target: T;
+};
+
+export declare type MTeleportProps = {
+  /**
+   * @description teleport to
+   *              传送到的位置
+   * @type string
+   * @default 'body'
+   */
+  to?: string | null | undefined | Element; // support RendererElement
+  // todo support disabled
+};

package/types/common/model.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @description model type
+ * @author 阿怪
+ * @date 2023/5/8 20:44
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+
+export declare type ModelMask = {
+  /**
+   * @description dialog mask show
+   *              弹窗背景是否显示
+   * @type boolean
+   * @default true
+   */
+  show?: boolean,
+  /**
+   * @description dialog click mask close
+   *              弹窗背景点击是否关闭
+   * @type boolean
+   * @default true
+   */
+  clickClose?: boolean
+};

package/types/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @description
+ * @author 阿怪
+ * @date 2024/10/9 00:37
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+
+
+export * from './props.d.ts';

package/types/props.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @description
+ * @author 阿怪
+ * @date 2024/10/9 00:37
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+
+
+export * from '../components/base/avatar/props.d.ts';
+export * from '../components/base/select/props.d.ts';
+export * from '../components/base/loading/props.d.ts';

package/vite.config.build.ts

@@ -0,0 +1,41 @@
+/**
+ * @description @kine-design/core 构建配置
+ * @author 阿怪
+ * @date 2026/3/16
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+import { defineConfig } from 'vite';
+import vueJsx from '@vitejs/plugin-vue-jsx';
+import dts from 'vite-plugin-dts';
+import path from 'path';
+
+export default defineConfig({
+  build: {
+    outDir: 'dist',
+    emptyOutDir: true,
+    minify: false,
+    lib: {
+      entry: path.resolve(__dirname, 'index.ts'),
+      name: 'KineCore',
+      fileName: 'core',
+      formats: ['es'],
+    },
+    rolldownOptions: {
+      external: ['vue', 'dayjs', '@floating-ui/dom', 'interactjs'],
+      output: {
+        assetFileNames: 'core.[ext]',
+      },
+    },
+  },
+  plugins: [
+    vueJsx(),
+    dts({
+      include: ['./**/*.ts', './**/*.tsx'],
+      exclude: ['node_modules', 'vite.config.build.ts'],
+      outDir: 'dist',
+      tsconfigPath: './tsconfig.json',
+    }),
+  ],
+});

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'],
+  },
+});

package/dist/vite.config.build.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vite').UserConfig;
-export default _default;