x-next 1.0.1 → 1.2.0

package/dist/types.d.ts

@@ -1,10 +1,9 @@
 declare module 'vue' {
     interface GlobalComponents {
         XButton: (typeof import('x-next'))['Button'];
-        XDialog: (typeof import('x-next'))['Dialog'];
-        XMessage: (typeof import('x-next'))['Message'];
-        XMessageBox: (typeof import('x-next'))['MessageBox'];
-        XNotification: (typeof import('x-next'))['Notification'];
+        XDialog: (typeof import('x-next'))['DialogComponent'];
+        XMessage: (typeof import('x-next'))['MessageComponent'];
+        XNotification: (typeof import('x-next'))['NotificationComponent'];
         XSpace: (typeof import('x-next'))['Space'];
         XPopconfirm: (typeof import('x-next'))['Popconfirm'];
         XTrendChart: (typeof import('x-next'))['TrendChart'];
@@ -77,15 +76,16 @@ declare module 'vue' {
         XTrigger: (typeof import('x-next'))['Trigger'];
         XTextarea: (typeof import('x-next'))['Textarea'];
         XDatePicker: (typeof import('x-next'))['DatePicker'];
+        XPopover: (typeof import('x-next'))['Popover'];
+        XRate: (typeof import('x-next'))['Rate'];
+        XTimePicker: (typeof import('x-next'))['TimePicker'];
+        XWatermark: (typeof import('x-next'))['Watermark'];
         XMonthPicker: (typeof import('x-next'))['MonthPicker'];
         XYearPicker: (typeof import('x-next'))['YearPicker'];
         XQuarterPicker: (typeof import('x-next'))['QuarterPicker'];
         XWeekPicker: (typeof import('x-next'))['WeekPicker'];
         XRangePicker: (typeof import('x-next'))['RangePicker'];
-        XPopover: (typeof import('x-next'))['Popover'];
-        XRate: (typeof import('x-next'))['Rate'];
-        XTimePicker: (typeof import('x-next'))['TimePicker'];
-        XWatermark: (typeof import('x-next'))['Watermark'];
+        XConfigProvider: (typeof import('x-next'))['ConfigProvider'];
     }
 }
 export {};

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "x-next",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "private": false,
-  "description": "An amazing Vue3 UI library.",
+  "description": "A Vue 3 and TypeScript component library for enterprise applications.",
   "keywords": [
     "vue",
     "vue 3",
@@ -20,31 +20,67 @@
     "name": "XuYu",
     "email": "xy@ztes.com"
   },
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "**/_virtual/zh-cn*.js"
+  ],
   "type": "module",
-  "main": "dist/index.umd.js",
-  "module": "dist/index.es.js",
-  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/es/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/es/index.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./dist/style.css": "./dist/style.css",
+    "./style/base.css": "./dist/style/base.css",
+    "./style/*.css": "./dist/style/*.css",
+    "./style/*": "./dist/style/*.js",
+    "./volar": "./volar.d.ts",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/es/index.js",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/style.css",
   "files": [
     "dist",
-    "volar.d.ts"
+    "volar.d.ts",
+    "LICENSE",
+    "CHANGELOG.md"
   ],
   "scripts": {
-    "build": "vue-tsc && vite build",
+    "build": "node script/build-palette.js && node script/build-palette-aliases.js && node script/build-theme-dark.js && vue-tsc && vite build && node script/build-component-styles.js",
+    "check": "pnpm run check:volar && pnpm run lint && pnpm run check:type-debt && pnpm run check:icon-actions && pnpm run build && pnpm run test:coverage && pnpm run docs:build && pnpm run check:doc-style && pnpm run check:palette && pnpm run check:style-colors && pnpm run check:style-tokens && pnpm run check:contrast && pnpm run check:locale && pnpm run check:doc-api && pnpm run check:runtime-debug && pnpm run check:package && pnpm run check:bundle-size",
+    "check:bundle-size": "node script/check-bundle-size.js",
+    "check:doc-style": "node script/check-doc-style-leaks.js",
+    "check:icon-actions": "node script/check-icon-hover-usage.js",
+    "check:package": "node script/check-package-contents.js && node script/check-package-exports.js",
+    "check:runtime-debug": "node script/check-runtime-debug.js",
+    "check:style-colors": "node script/check-style-hardcoded-colors.js --strict",
+    "check:style-tokens": "node script/check-style-tokens.js",
+    "check:type-debt": "node script/check-type-debt.js",
+    "check:volar": "node script/check-volar-declarations.js",
     "dev": "vite",
     "docs:build": "vitepress build src/docs",
     "docs:dev": "vitepress dev src/docs",
     "docs:preview": "vitepress preview src/docs",
     "gen-volar-dts": "esbuild script/gen-component-declaration.js --bundle --platform=node --tsconfig=tsconfig.esbuild.json | node",
-    "gen-volar-dts-old": "esbuild script/gen-component-declaration.old.js --bundle --platform=node --tsconfig=tsconfig.esbuild.json | node",
+    "lint": "eslint src/packages script vite.config.ts vitest.config.ts eslint.config.js",
     "preview": "vite preview",
-    "publish": "npm publish --access=public",
-    "check:doc-style": "node script/check-doc-style-leaks.js",
-    "check:style-colors": "node script/check-style-hardcoded-colors.js",
-    "check:style-tokens": "node script/check-style-tokens.js",
+    "release": "npm publish --access=public",
     "sync:finicon-icons": "node script/sync-finicon-icons.js",
     "sync:lucide-icons": "node script/sync-lucide-icons.js",
+    "test:coverage": "vitest run --coverage",
+    "test:table": "vitest run src/packages/components/table/__tests__",
     "test:unit": "vitest run",
-    "test:table": "vitest run src/packages/components/table/__tests__"
+    "check:contrast": "node script/check-contrast.js",
+    "build:palette": "node script/build-palette.js && node script/build-palette-aliases.js && node script/build-theme-dark.js",
+    "check:palette": "node script/build-palette.js --check && node script/build-palette-aliases.js --check && node script/build-theme-dark.js --check",
+    "check:locale": "node script/check-locale.js --strict",
+    "check:doc-api": "node script/check-doc-api.js --strict"
   },
   "dependencies": {
     "b-validate": "^1.5.3",
@@ -55,20 +91,26 @@
     "sortablejs": "^1.15.7"
   },
   "devDependencies": {
+    "@eslint/js": "^10.0.1",
     "@types/node": "^20.16.15",
     "@types/sortablejs": "^1.15.9",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vitejs/plugin-vue-jsx": "^5.1.5",
+    "@vitest/coverage-v8": "4.1.8",
     "@vue/test-utils": "^2.4.11",
     "esbuild": "^0.25.12",
+    "eslint": "^10.9.1",
+    "eslint-plugin-vue": "^10.10.0",
     "fast-glob": "^3.3.3",
     "fs-extra": "^11.3.5",
+    "globals": "^17.12.0",
     "happy-dom": "^20.10.1",
     "lucide-static": "^1.17.0",
     "prettier": "^3.8.3",
     "prettier-plugin-packagejson": "^3.0.2",
     "sass": "^1.100.0",
     "typescript": "^5.6.3",
+    "typescript-eslint": "^8.69.0",
     "vite": "^6.4.2",
     "vite-plugin-dts": "^5.0.1",
     "vitepress": "^1.6.4",
@@ -80,20 +122,11 @@
   "peerDependencies": {
     "vue": "^3.5.0"
   },
+  "packageManager": "pnpm@10.32.1",
+  "engines": {
+    "node": ">=20.19.0"
+  },
   "publishConfig": {
     "access": "public"
-  },
-  "pnpm": {
-    "overrides": {
-      "ajv": "8.18.0",
-      "brace-expansion": "2.0.3",
-      "lodash": "4.18.0",
-      "minimatch": "9.0.7",
-      "picomatch": "4.0.4",
-      "postcss": "8.5.10",
-      "rollup": "4.59.0",
-      "vitepress>esbuild": "0.25.12",
-      "vitepress>vite": "6.4.2"
-    }
   }
 }

package/volar.d.ts

@@ -2,10 +2,9 @@
 declare module 'vue' {
   export interface GlobalComponents {
     XButton: (typeof import('x-next'))['Button']
-    XDialog: (typeof import('x-next'))['Dialog']
-    XMessage: (typeof import('x-next'))['Message']
-    XMessageBox: (typeof import('x-next'))['MessageBox']
-    XNotification: (typeof import('x-next'))['Notification']
+    XDialog: (typeof import('x-next'))['DialogComponent']
+    XMessage: (typeof import('x-next'))['MessageComponent']
+    XNotification: (typeof import('x-next'))['NotificationComponent']
     XSpace: (typeof import('x-next'))['Space']
     XPopconfirm: (typeof import('x-next'))['Popconfirm']
     XTrendChart: (typeof import('x-next'))['TrendChart']
@@ -78,15 +77,16 @@ declare module 'vue' {
     XTrigger: (typeof import('x-next'))['Trigger']
     XTextarea: (typeof import('x-next'))['Textarea']
     XDatePicker: (typeof import('x-next'))['DatePicker']
+    XPopover: (typeof import('x-next'))['Popover']
+    XRate: (typeof import('x-next'))['Rate']
+    XTimePicker: (typeof import('x-next'))['TimePicker']
+    XWatermark: (typeof import('x-next'))['Watermark']
     XMonthPicker: (typeof import('x-next'))['MonthPicker']
     XYearPicker: (typeof import('x-next'))['YearPicker']
     XQuarterPicker: (typeof import('x-next'))['QuarterPicker']
     XWeekPicker: (typeof import('x-next'))['WeekPicker']
     XRangePicker: (typeof import('x-next'))['RangePicker']
-    XPopover: (typeof import('x-next'))['Popover']
-    XRate: (typeof import('x-next'))['Rate']
-    XTimePicker: (typeof import('x-next'))['TimePicker']
-    XWatermark: (typeof import('x-next'))['Watermark']
+    XConfigProvider: (typeof import('x-next'))['ConfigProvider']
   }
 }
 export {}

package/dist/_container/utils.d.ts

@@ -1,12 +0,0 @@
-export declare const getProp: (target: any, path: any, defVal?: any) => any;
-export declare const setProp: (target: any, path: any, value: any) => any;
-export declare const deepClone: (obj: any, set?: any) => any;
-export declare const NOOP: () => void;
-export declare const addUnit: (value: string | number | undefined, unit?: string) => string;
-export declare const upperFirstChar: (text: string) => string | undefined;
-export declare const compose: <T>(...fns: ((...v: T[]) => T)[]) => (...v: T[]) => T;
-export declare const pipe: <T>(...fns: ((...v: T[]) => T)[]) => (...v: T[]) => T;
-export declare const findLastIndex: (arr: never[] | undefined, callback: (item: any, i: number, origin: any[]) => boolean) => number;
-export declare const getUniqueId: (size?: number) => string;
-export declare const genMatrix: (list: any[], row: number) => any[];
-export declare const sleep: (delay?: number) => Promise<unknown>;

package/dist/_utils/number.d.ts

@@ -1,193 +0,0 @@
-/**
- * 将给定的常量字符串类型拓展为不区分大小写的任意组合
- */
-export type AnyCase<S> = string extends S ? string : S extends `${infer F1}${infer F2}${infer R}` ? `${Uppercase<F1> | Lowercase<F1>}${Uppercase<F2> | Lowercase<F2>}${AnyCase<R>}` : S extends `${infer F}${infer R}` ? `${Uppercase<F> | Lowercase<F>}${AnyCase<R>}` : '';
-export declare const numberRE: RegExp;
-/**
- * 检测给定的值是否可以通过 parseFlat 或 Number 方法转为数字
- *
- * 开启严格模式则通过正则以更严格的方法判断
- *
- * @param value 需要检测的值
- * @param strict 是否为严格模式
- *
- * @returns 值是否可以转为数字
- */
-export declare function isValidNumber(value: unknown, strict?: boolean): boolean;
-/**
- * 将给定的值转成数字，NaN 的情况将会处理成 0
- *
- * @param value 需要转换的值
- *
- * @returns 转换后的数字
- */
-export declare function toNumber(value: unknown): number;
-/**
- * 为给定的整数开头填充 0，直至满足指定的长度
- *
- * @param number 需要处理的整数
- * @param length 填充至的长度
- *
- * @returns 填充后的字面值
- */
-export declare function padStartZeros(number: number, length: number): string;
-/**
- * 将小于 10 整数 N 变成 `0N` 的字符串，方法不会对入参校验
- *
- * @param number 需要处理的整数
- *
- * @returns 填充后的字面值
- */
-export declare function doubleDigits(number: number): string;
-/**
- * 返回数字的小数位数
- *
- * @param number 指定的数字
- *
- * @returns 数字的小数位数
- */
-export declare function decimalLength(number: number | string): number;
-/**
- * Return decimal length of a number
- *
- * @param number The input number
- * @deprecated Using `decimalLength` to replace it
- */
-export declare function digitLength(number: number | string): number;
-/**
- * 将给定的数字格式化为指定的位阶
- *
- * @param number 需要格式化的数字
- * @param segment 分隔的位数，默认为 3
- * @param separator 分隔的符号，默认为 ','
- *
- * @returns 格式化后的字面值
- */
-export declare function segmentNumber(number: number | string, segment?: number, separator?: string): string;
-/**
- * 将给定的实数保留一定的小数
- *
- * @param number 需要处理的实数
- * @param decimal 需要保留的小数
- *
- * @returns 保留小数后的值
- */
-export declare function toFixed(number: number, decimal: number): number;
-/**
- * 将给定的实数扩大一定的倍数并保留一定的小数
- *
- * @param number 要处理的实数
- * @param multiple 要扩大的倍数
- * @param decimal 要保留的小数
- *
- * @returns 扩大并保留小数后的值
- */
-export declare function multipleFixed(number: number, multiple: number, decimal: number): number;
-/**
- * 根据临界值对给定的数字进行舍入
- *
- * @param number 需要舍入的数
- * @param criticalValue 舍入的临界值 (0 ~ 1)，达到临界值进位反之舍弃
- *
- * @returns 舍入后的值
- */
-export declare function round(number: number, criticalValue: number): number;
-/**
- * 将给定的数字限定在指定的范围内
- *
- * @param number 需要限定范围的数
- * @param min 边界最小值，包含该值
- * @param max 边界最大值，包含该值
- *
- * @returns 限定在范围内的值
- */
-export declare function boundRange(number: number | string, min: number, max: number): number;
-/**
- * 将给定的被除数和除数，不断的取余直至达到次数限制或余数小于除数，返回系列余数
- *
- * @param number 被除数，需大于 0
- * @param divideBy 除数，需大于 1
- * @param limit 次数限制，默认为 0，小于 1 则不作限制
- *
- * @returns 相除过程的系列余数
- */
-export declare function leaveNumber(number: number, divideBy: number, limit?: number): number[];
-/**
- * 将给定的数字转换为序数词
- *
- * @param number 需要转换的数字
- *
- * @returns 转换后的序数词
- */
-export declare function ordinalNumber(number: number): string;
-export type SizeUnitWithAuto = AnyCase<'B' | 'KB' | 'MB' | 'GB' | 'TB' | 'AUTO'>;
-export type SizeUnit = Exclude<SizeUnitWithAuto, AnyCase<'AUTO'>>;
-/**
- * 根据给定的 Byte 数值，将其格式化成指定单位的大小
- *
- * @param byte 需要计算的 Byte 数值
- * @param unit 格式化的单位
- * @param precision 结果的精度
- * @param joinUtil 是否加入单位
- *
- * @returns 格式化后的值
- */
-export declare function formatByteSize(byte: number, unit?: SizeUnitWithAuto): number;
-export declare function formatByteSize(byte: number, unit?: SizeUnitWithAuto, precision?: number): number;
-export declare function formatByteSize(byte: number, unit?: SizeUnitWithAuto, joinUtil?: true): number;
-export declare function formatByteSize(byte: number, unit?: SizeUnitWithAuto, joinUtil?: true, precision?: number): number;
-/**
- * 在给定的范围内随机一个数
- *
- * @param max 最大值
- * @param min 最小值，默认为 0
- *
- * @returns 生成的随机数
- */
-export declare function random(max: number, min?: number): number;
-/**
- * 将数字处理为的指定的有效位数
- *
- * @param number 需要处理的数字
- * @param precision 数字的有效位数
- *
- * @returns 处理后的数字
- *
- * @example
- * ```ts
- * toPrecision(0.09999999999999998) === 0.1 // true
- * ```
- */
-export declare function toPrecision(number: number | string, precision?: number): number;
-/**
- * 精确的乘法
- *
- * @param numbers 需要依次相乘的数字
- *
- * @returns 乘积
- */
-export declare const times: (...numbers: (number | string)[]) => number;
-/**
- * 精确的加法
- *
- * @param numbers 需要依次相加的数字
- *
- * @returns 和
- */
-export declare const plus: (...numbers: (number | string)[]) => number;
-/**
- * 精确的减法
- *
- * @param numbers 需要依次相减的数字
- *
- * @returns 差值
- */
-export declare const minus: (...numbers: (number | string)[]) => number;
-/**
- * 精确的除法
- *
- * @param numbers 需要依次相除的数字
- *
- * @returns 商
- */
-export declare const divide: (...numbers: (number | string)[]) => number;

package/dist/_utils/pad.d.ts

@@ -1,2 +0,0 @@
-export declare function padStart(string: string | number, length: number, char?: string): string;
-export declare function padEnd(string: string | number, length: number, char?: string): string;

package/dist/components/_components/render-function/index.d.ts

@@ -1,14 +0,0 @@
-import { PropType, VNodeTypes } from 'vue';
-export type RenderFunc = (props: Record<string, unknown>) => VNodeTypes;
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    renderFunc: {
-        type: PropType<RenderFunc>;
-        required: true;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    renderFunc: {
-        type: PropType<RenderFunc>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/form/validateMessages.d.ts

@@ -1,46 +0,0 @@
-export declare const validateMessages: {
-    required: string;
-    type: {
-        string: string;
-        number: string;
-        boolean: string;
-        array: string;
-        object: string;
-        url: string;
-        email: string;
-        ip: string;
-    };
-    number: {
-        min: string;
-        max: string;
-        equal: string;
-        range: string;
-        positive: string;
-        negative: string;
-    };
-    array: {
-        length: string;
-        minLength: string;
-        maxLength: string;
-        includes: string;
-        deepEqual: string;
-        empty: string;
-    };
-    string: {
-        minLength: string;
-        maxLength: string;
-        length: string;
-        match: string;
-        uppercase: string;
-        lowercase: string;
-    };
-    object: {
-        deepEqual: string;
-        hasKeys: string;
-        empty: string;
-    };
-    boolean: {
-        true: string;
-        false: string;
-    };
-};

package/dist/components/message/Message.d.ts

@@ -1,108 +0,0 @@
-import { PropType } from 'vue';
-import { IMessageType, IMessage } from './props';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        default: string;
-    };
-    message: {
-        type: PropType<IMessage>;
-        default: string;
-    };
-    type: {
-        type: PropType<IMessageType>;
-        default: string;
-    };
-    duration: {
-        type: NumberConstructor;
-        default: number;
-    };
-    center: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onClose: {
-        type: PropType<() => void>;
-        default: () => void;
-    };
-    offset: {
-        type: NumberConstructor;
-        default: number;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    showClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    useHTML: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    popupClass: {
-        type: StringConstructor;
-        default: undefined;
-    };
-}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "destroy"[], "destroy", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        default: string;
-    };
-    message: {
-        type: PropType<IMessage>;
-        default: string;
-    };
-    type: {
-        type: PropType<IMessageType>;
-        default: string;
-    };
-    duration: {
-        type: NumberConstructor;
-        default: number;
-    };
-    center: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    onClose: {
-        type: PropType<() => void>;
-        default: () => void;
-    };
-    offset: {
-        type: NumberConstructor;
-        default: number;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    showClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    useHTML: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    popupClass: {
-        type: StringConstructor;
-        default: undefined;
-    };
-}>> & Readonly<{
-    onDestroy?: ((...args: any[]) => any) | undefined;
-}>, {
-    center: boolean;
-    type: "normal" | "success" | "warning" | "info" | "error" | "strong" | "loading";
-    onClose: () => void;
-    duration: number;
-    message: IMessage;
-    zIndex: number;
-    offset: number;
-    popupClass: string;
-    showClose: boolean;
-    id: string;
-    useHTML: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/progress/__tests__/progress.spec.d.ts

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

package/dist/components/table/__tests__/table.spec.d.ts

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