@jlgj/antd-jl 0.5.0 → 0.5.2

package/README.md

@@ -1,106 +1,10 @@
 <p align="center">
-  <a href="https://www.antdv.com/">
-    <img width="200" src="https://aliyuncdn.antdv.com/logo.png">
+  <a href="https://jielong.com/">
+    <img width="200" src="https://resoure-cos.jielong.com/console/image-webp/logo.webp">
   </a>
 </p>
 
 <h1 align="center">
-  <a href="https://www.antdv.com/" target="_blank">Ant Design Vue</a>
+  <a href="https://jielong.com/" target="_blank">Antd-JL</a>
 </h1>
-
-<div align="center">
-
-An enterprise-class UI components based on Ant Design and Vue.
-
-![test](https://github.com/vueComponent/ant-design-vue/workflows/test/badge.svg) [![codecov](https://img.shields.io/codecov/c/github/vueComponent/ant-design-vue/master.svg?style=flat-square)](https://codecov.io/gh/vueComponent/ant-design-vue) [![npm package](https://img.shields.io/npm/v/ant-design-vue.svg?style=flat-square)](https://www.npmjs.org/package/ant-design-vue) [![NPM downloads](http://img.shields.io/npm/dm/ant-design-vue.svg?style=flat-square)](http://www.npmtrends.com/ant-design-vue) [![backers](https://opencollective.com/ant-design-vue/backers/badge.svg)](#backers) [![sponsors](https://opencollective.com/ant-design-vue/sponsors/badge.svg)](#sponsors) [![extension-for-VSCode](https://img.shields.io/badge/extension%20for-VSCode-blue.svg?style=flat-square)](https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper) [![issues-helper](https://img.shields.io/badge/Issues%20Manage%20By-issues--helper-orange?style=flat-square)](https://github.com/actions-cool/issues-helper)
-
-</div>
-
-[![](https://cdn-images-1.medium.com/max/2000/1*NIlj0-TdLMbo_hzSBP8tmg.png)](https://www.antdv.com/)
-
-English | [简体中文](./README-zh_CN.md)
-
-## Features
-
-- An enterprise-class UI design system for desktop applications.
-- A set of high-quality Vue components out of the box.
-- Shared [Ant Design of React](https://ant.design/docs/spec/introduce) design resources.
-
-## Getting started & staying tuned with us.
-
-Star us, and you will receive all releases notifications from GitHub without any delay!
-
-![star us](https://user-images.githubusercontent.com/6937879/261937060-e0501ab3-9388-4712-a25d-3f2ba2271865.gif)
-
-## Environment Support
-
-- Modern browsers. v1.x support Internet Explorer 9+ (with [polyfills](https://www.antdv.com/docs/vue/getting-started/#compatibility))
-- Server-side Rendering
-- Support Vue 2 & Vue 3
-- [Electron](https://electronjs.org/)
-
-| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
-| --- | --- | --- | --- | --- | --- |
-| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
-
-## Using npm or yarn
-
-**We recommend using npm or yarn to install**, it not only makes development easier, but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.
-
-```bash
-$ npm install ant-design-vue --save
-```
-
-```bash
-$ yarn add ant-design-vue
-```
-
-If you are in a bad network environment, you can try other registries and tools like [cnpm](https://github.com/cnpm/cnpm).
-
-## Links
-
-- [Home page](https://www.antdv.com/)
-- [Vue](https://vuejs.org/)
-- [Ant Design Of React](http://ant.design/)
-
-## Ecosystem
-
-| Project | Description |
-| --- | --- |
-| [vue-ref](https://github.com/vueComponent/vue-ref) | You can use the callback to get a reference like react |
-| [ant-design-vue-helper](https://marketplace.visualstudio.com/items?itemName=ant-design-vue.vscode-ant-design-vue-helper) | A vscode extension for ant-design-vue |
-| [vue-cli-plugin-ant-design](https://github.com/vueComponent/vue-cli-plugin-ant-design) | Vue-cli 3 plugin to add ant-design-vue |
-| [vue-dash-event](https://github.com/vueComponent/vue-dash-event) | The library function, implemented in the DOM template, can use the custom event of the ant-design-vue component (camelCase) |
-| [@formily/antdv](https://github.com/formilyjs/antdv) | The Library with Formily and ant-design-vue |
-| [@ant-design-vue/nuxt](https://github.com/vueComponent/ant-design-vue-nuxt) | A nuxt module for ant-design-vue |
-| [ant-design-x-vue](https://github.com/wzc520pyfm/ant-design-x-vue) | A Vue AI interface solutions base on the Ant Design X design specification |
-
-## Donation
-
-ant-design-vue is an MIT-licensed open source project. In order to achieve better and sustainable development of the project, we expect to gain more [backers](https://github.com/vueComponent/ant-design-vue/blob/master/BACKERS.md). You can support us in any of the following ways:
-
-- [Patreon](https://www.patreon.com/tangjinzhou)
-- [opencollective](https://opencollective.com/ant-design-vue)
-- [paypal](https://www.paypal.me/tangjinzhou)
-- [支付宝或微信](https://aliyuncdn.antdv.com/alipay-and-wechat.png)
-- ETH: 0x30cc48515d8ae9fefa20ab87226ad7e8ab9c3bc2
-
-## Sponsors
-
-Become a sponsor and get your logo on our README on Github with a link to your site. [[Become a sponsor](https://opencollective.com/ant-design-vue#sponsor)]
-
-<a href="http://www.jeecg.com/" target="_blank"><img src="https://aliyuncdn.antdv.com/jeecg-logo.png" height="64"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/0/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/0/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/1/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/1/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/2/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/2/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/3/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/3/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/4/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/4/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/5/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/5/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/6/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/6/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/7/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/7/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/8/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/8/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/9/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/9/avatar.svg"></a> <a href="https://opencollective.com/ant-design-vue/sponsor/10/website" target="_blank"><img src="https://opencollective.com/ant-design-vue/sponsor/10/avatar.svg"></a>
-
-## [More Sponsor (From Patreon、alipay、wechat、paypal...)](https://github.com/vueComponent/ant-design-vue/blob/master/BACKERS.md)
-
-## Contributors
-
-Thank you to all the people who already contributed to ant-design-vue!
-
-<a href="https://github.com/vueComponent/ant-design-vue/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=vueComponent/ant-design-vue&max=100&columns=15" />
-</a>
-
-[![Let's fund issues in this repository](https://issuehunt.io/static/embed/issuehunt-button-v1.svg)](https://issuehunt.io/repos/104172832)
-
-This project is tested with BrowserStack.
+<h2 align="center">基于antd封装的jl组件库</h2>

package/es/_util/ActionButton.d.ts

@@ -46,6 +46,10 @@ declare const actionButtonProps: {
                 type: BooleanConstructor;
                 default: any;
             };
+            secondary: {
+                type: BooleanConstructor;
+                default: any;
+            };
             icon: import("vue-types").VueTypeValidableDef<any>;
             href: StringConstructor;
             target: StringConstructor;
@@ -94,6 +98,10 @@ declare const actionButtonProps: {
                 type: BooleanConstructor;
                 default: any;
             };
+            secondary: {
+                type: BooleanConstructor;
+                default: any;
+            };
             icon: import("vue-types").VueTypeValidableDef<any>;
             href: StringConstructor;
             target: StringConstructor;
@@ -156,6 +164,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
                 type: BooleanConstructor;
                 default: any;
             };
+            secondary: {
+                type: BooleanConstructor;
+                default: any;
+            };
             icon: import("vue-types").VueTypeValidableDef<any>;
             href: StringConstructor;
             target: StringConstructor;
@@ -204,6 +216,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
                 type: BooleanConstructor;
                 default: any;
             };
+            secondary: {
+                type: BooleanConstructor;
+                default: any;
+            };
             icon: import("vue-types").VueTypeValidableDef<any>;
             href: StringConstructor;
             target: StringConstructor;
@@ -264,6 +280,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
                 type: BooleanConstructor;
                 default: any;
             };
+            secondary: {
+                type: BooleanConstructor;
+                default: any;
+            };
             icon: import("vue-types").VueTypeValidableDef<any>;
             href: StringConstructor;
             target: StringConstructor;
@@ -312,6 +332,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
                 type: BooleanConstructor;
                 default: any;
             };
+            secondary: {
+                type: BooleanConstructor;
+                default: any;
+            };
             icon: import("vue-types").VueTypeValidableDef<any>;
             href: StringConstructor;
             target: StringConstructor;
@@ -365,6 +389,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
             type: BooleanConstructor;
             default: any;
         };
+        secondary: {
+            type: BooleanConstructor;
+            default: any;
+        };
         icon: import("vue-types").VueTypeValidableDef<any>;
         href: StringConstructor;
         target: StringConstructor;

package/es/_util/colors.d.ts

@@ -1,6 +1,6 @@
 import type { PresetColorKey } from '../theme/interface';
 type InverseColor = `${PresetColorKey}-inverse`;
-export declare const PresetStatusColorTypes: readonly ["success", "processing", "error", "default", "warning"];
+export declare const PresetStatusColorTypes: readonly ["success", "processing", "error", "default", "warning", "primary"];
 export type PresetColorType = PresetColorKey | InverseColor;
 export type PresetStatusColorType = (typeof PresetStatusColorTypes)[number];
 /**

package/es/_util/colors.js

@@ -1,6 +1,6 @@
 import { PresetColors } from '../theme/interface';
 const inverseColors = PresetColors.map(color => `${color}-inverse`);
-export const PresetStatusColorTypes = ['success', 'processing', 'error', 'default', 'warning'];
+export const PresetStatusColorTypes = ['success', 'processing', 'error', 'default', 'warning', 'primary'];
 /**
  * determine if the color keyword belongs to the `Ant Design` {@link PresetColors}.
  * @param color color to be judged

package/es/_util/statusUtils.d.ts

@@ -1,5 +1,5 @@
 import type { ValidateStatus } from '../form/FormItem';
-declare const InputStatuses: readonly ["warning", "error", ""];
+declare const InputStatuses: readonly ["warning", "error", "success", ""];
 export type InputStatus = (typeof InputStatuses)[number];
 export declare function getStatusClassNames(prefixCls: string, status?: ValidateStatus, hasFeedback?: boolean): string;
 export declare const getMergedStatus: (contextStatus?: ValidateStatus, customStatus?: InputStatus) => "" | "error" | "validating" | "success" | "warning";

package/es/_util/statusUtils.js

@@ -1,5 +1,5 @@
 import classNames from './classNames';
-const InputStatuses = ['warning', 'error', ''];
+const InputStatuses = ['warning', 'error', 'success', ''];
 export function getStatusClassNames(prefixCls, status, hasFeedback) {
   return classNames({
     [`${prefixCls}-status-success`]: status === 'success',

package/es/_util/util.d.ts

@@ -15,4 +15,13 @@ export declare function getDataAndAriaProps(props: any): {};
 export declare function toPx(val: any): any;
 export declare function renderHelper<T = Record<string, any>>(v: VueNode | ((arg0: T) => VueNode), props?: T, defaultV?: any): any;
 export declare function wrapPromiseFn(openFn: (resolve: VoidFunction) => VoidFunction): any;
+/**
+ * @name roundToNearest
+ * @function
+ * @param num
+ * @param precision
+ * @description 精确处理lineHeight数值问题，2.99->3 14.445->14.5H
+ * @returns number
+ */
+export declare function roundToNearest(num: number): number;
 export { isOn, cacheStringFunction, camelize, hyphenate, capitalize, resolvePropValue };

package/es/_util/util.js

@@ -79,4 +79,19 @@ export function wrapPromiseFn(openFn) {
   result.promise = closePromise;
   return result;
 }
+/**
+ * @name roundToNearest
+ * @function
+ * @param num
+ * @param precision
+ * @description 精确处理lineHeight数值问题，2.99->3 14.445->14.5H
+ * @returns number
+ */
+export function roundToNearest(num) {
+  const decimalPart = num - Math.floor(num);
+  // 整数还是半整数
+  const factor = decimalPart >= 0.4 && decimalPart < 0.5 ? 2 : 1;
+  // 四舍五入到最近的整数，再还原步长
+  return Math.round(num * factor) / factor;
+}
 export { isOn, cacheStringFunction, camelize, hyphenate, capitalize, resolvePropValue };

package/es/alert/style/index.js

@@ -16,8 +16,8 @@ export const genBaseStyle = token => {
     marginSM,
     fontSize,
     fontSizeLG,
-    lineHeight,
-    borderRadiusLG: borderRadius,
+    lineHeightPx,
+    borderRadius,
     motionEaseInOutCirc,
     alertIconSizeLG,
     colorText,
@@ -48,7 +48,7 @@ export const genBaseStyle = token => {
       [`&-description`]: {
         display: 'none',
         fontSize,
-        lineHeight
+        lineHeight: lineHeightPx
       },
       '&-message': {
         color: colorText
@@ -98,24 +98,24 @@ export const genTypeStyle = token => {
   const {
     componentCls,
     colorSuccess,
-    colorSuccessBorder,
+    colorSuccessDisabled,
     colorSuccessBg,
     colorWarning,
-    colorWarningBorder,
+    colorWarningDisabled,
     colorWarningBg,
     colorError,
-    colorErrorBorder,
+    colorErrorDisabled,
     colorErrorBg,
     colorInfo,
-    colorInfoBorder,
+    colorInfoDisabled,
     colorInfoBg
   } = token;
   return {
     [componentCls]: {
-      '&-success': genAlertTypeStyle(colorSuccessBg, colorSuccessBorder, colorSuccess, token, componentCls),
-      '&-info': genAlertTypeStyle(colorInfoBg, colorInfoBorder, colorInfo, token, componentCls),
-      '&-warning': genAlertTypeStyle(colorWarningBg, colorWarningBorder, colorWarning, token, componentCls),
-      '&-error': _extends(_extends({}, genAlertTypeStyle(colorErrorBg, colorErrorBorder, colorError, token, componentCls)), {
+      '&-success': genAlertTypeStyle(colorSuccessBg, colorSuccessDisabled, colorSuccess, token, componentCls),
+      '&-info': genAlertTypeStyle(colorInfoBg, colorInfoDisabled, colorInfo, token, componentCls),
+      '&-warning': genAlertTypeStyle(colorWarningBg, colorWarningDisabled, colorWarning, token, componentCls),
+      '&-error': _extends(_extends({}, genAlertTypeStyle(colorErrorBg, colorErrorDisabled, colorError, token, componentCls)), {
         [`${componentCls}-description > pre`]: {
           margin: 0,
           padding: 0

package/es/app/style/index.js

@@ -5,14 +5,14 @@ const genBaseStyle = token => {
     componentCls,
     colorText,
     fontSize,
-    lineHeight,
+    lineHeightPx,
     fontFamily
   } = token;
   return {
     [componentCls]: {
       color: colorText,
       fontSize,
-      lineHeight,
+      lineHeight: lineHeightPx,
       fontFamily
     }
   };

package/es/auto-complete/index.d.ts

@@ -39,7 +39,7 @@ export declare const autoCompleteProps: () => {
         type: BooleanConstructor;
         default: boolean;
     };
-    status: PropType<"" | "error" | "warning">;
+    status: PropType<"" | "error" | "success" | "warning">;
     size: {
         type: PropType<import("../config-provider").SizeType>;
         default: import("../config-provider").SizeType;
@@ -209,7 +209,7 @@ declare const _default: {
             type: BooleanConstructor;
             default: boolean;
         };
-        status: PropType<"" | "error" | "warning">;
+        status: PropType<"" | "error" | "success" | "warning">;
         size: {
             type: PropType<import("../config-provider").SizeType>;
             default: import("../config-provider").SizeType;
@@ -410,7 +410,7 @@ declare const _default: {
             type: BooleanConstructor;
             default: boolean;
         };
-        status: PropType<"" | "error" | "warning">;
+        status: PropType<"" | "error" | "success" | "warning">;
         size: {
             type: PropType<import("../config-provider").SizeType>;
             default: import("../config-provider").SizeType;
@@ -601,7 +601,7 @@ declare const _default: {
         type: BooleanConstructor;
         default: boolean;
     };
-    status: PropType<"" | "error" | "warning">;
+    status: PropType<"" | "error" | "success" | "warning">;
     size: {
         type: PropType<import("../config-provider").SizeType>;
         default: import("../config-provider").SizeType;

package/es/badge/Badge.d.ts

@@ -22,13 +22,13 @@ export declare const badgeProps: () => {
     prefixCls: StringConstructor;
     scrollNumberPrefixCls: StringConstructor;
     status: {
-        type: PropType<"default" | "error" | "success" | "processing" | "warning">;
+        type: PropType<"default" | "error" | "success" | "primary" | "warning" | "processing">;
     };
     size: {
         type: PropType<"default" | "small">;
         default: string;
     };
-    color: PropType<LiteralUnion<"blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue">>;
+    color: PropType<LiteralUnion<"blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "colorPrimaryPreset" | "colorWarningPreset">>;
     text: import("vue-types").VueTypeValidableDef<any>;
     offset: PropType<[string | number, string | number]>;
     numberStyle: {
@@ -60,13 +60,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     prefixCls: StringConstructor;
     scrollNumberPrefixCls: StringConstructor;
     status: {
-        type: PropType<"default" | "error" | "success" | "processing" | "warning">;
+        type: PropType<"default" | "error" | "success" | "primary" | "warning" | "processing">;
     };
     size: {
         type: PropType<"default" | "small">;
         default: string;
     };
-    color: PropType<LiteralUnion<"blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue">>;
+    color: PropType<LiteralUnion<"blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "colorPrimaryPreset" | "colorWarningPreset">>;
     text: import("vue-types").VueTypeValidableDef<any>;
     offset: PropType<[string | number, string | number]>;
     numberStyle: {
@@ -96,13 +96,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     prefixCls: StringConstructor;
     scrollNumberPrefixCls: StringConstructor;
     status: {
-        type: PropType<"default" | "error" | "success" | "processing" | "warning">;
+        type: PropType<"default" | "error" | "success" | "primary" | "warning" | "processing">;
     };
     size: {
         type: PropType<"default" | "small">;
         default: string;
     };
-    color: PropType<LiteralUnion<"blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue">>;
+    color: PropType<LiteralUnion<"blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "colorPrimaryPreset" | "colorWarningPreset">>;
     text: import("vue-types").VueTypeValidableDef<any>;
     offset: PropType<[string | number, string | number]>;
     numberStyle: {

package/es/badge/index.d.ts

@@ -22,13 +22,13 @@ declare const _default: {
         prefixCls: StringConstructor;
         scrollNumberPrefixCls: StringConstructor;
         status: {
-            type: import("vue").PropType<"default" | "error" | "success" | "processing" | "warning">;
+            type: import("vue").PropType<"default" | "error" | "success" | "primary" | "warning" | "processing">;
         };
         size: {
             type: import("vue").PropType<"default" | "small">;
             default: string;
         };
-        color: import("vue").PropType<import("../_util/type").LiteralUnion<"blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue">>;
+        color: import("vue").PropType<import("../_util/type").LiteralUnion<"blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "colorPrimaryPreset" | "colorWarningPreset">>;
         text: import("vue-types").VueTypeValidableDef<any>;
         offset: import("vue").PropType<[string | number, string | number]>;
         numberStyle: {
@@ -73,13 +73,13 @@ declare const _default: {
         prefixCls: StringConstructor;
         scrollNumberPrefixCls: StringConstructor;
         status: {
-            type: import("vue").PropType<"default" | "error" | "success" | "processing" | "warning">;
+            type: import("vue").PropType<"default" | "error" | "success" | "primary" | "warning" | "processing">;
         };
         size: {
             type: import("vue").PropType<"default" | "small">;
             default: string;
         };
-        color: import("vue").PropType<import("../_util/type").LiteralUnion<"blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue">>;
+        color: import("vue").PropType<import("../_util/type").LiteralUnion<"blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "colorPrimaryPreset" | "colorWarningPreset">>;
         text: import("vue-types").VueTypeValidableDef<any>;
         offset: import("vue").PropType<[string | number, string | number]>;
         numberStyle: {
@@ -117,13 +117,13 @@ declare const _default: {
     prefixCls: StringConstructor;
     scrollNumberPrefixCls: StringConstructor;
     status: {
-        type: import("vue").PropType<"default" | "error" | "success" | "processing" | "warning">;
+        type: import("vue").PropType<"default" | "error" | "success" | "primary" | "warning" | "processing">;
     };
     size: {
         type: import("vue").PropType<"default" | "small">;
         default: string;
     };
-    color: import("vue").PropType<import("../_util/type").LiteralUnion<"blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue">>;
+    color: import("vue").PropType<import("../_util/type").LiteralUnion<"blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "colorPrimaryPreset" | "colorWarningPreset">>;
     text: import("vue-types").VueTypeValidableDef<any>;
     offset: import("vue").PropType<[string | number, string | number]>;
     numberStyle: {

package/es/badge/style/index.js

@@ -2,6 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { Keyframes } from '../../_util/cssinjs';
 import { genComponentStyleHook, mergeToken } from '../../theme/internal';
 import { genPresetColor, resetComponent } from '../../style';
+import { roundToNearest } from 'ant-design-vue/es/_util/util';
+import { getAlphaColor } from '../../theme/themes/dark/colorAlgorithm';
 const antStatusProcessing = new Keyframes('antStatusProcessing', {
   '0%': {
     transform: 'scale(0.8)',
@@ -109,7 +111,7 @@ const genSharedBadgeStyle = token => {
         textAlign: 'center',
         background: token.badgeColor,
         borderRadius: token.badgeHeight / 2,
-        boxShadow: `0 0 0 ${badgeShadowSize}px ${token.badgeShadowColor}`,
+        // boxShadow: `0 0 0 ${badgeShadowSize}px ${token.badgeShadowColor}`,
         transition: `background ${token.motionDurationMid}`,
         a: {
           color: token.badgeTextColor
@@ -334,16 +336,17 @@ export default genComponentStyleHook('Badge', token => {
     marginXS,
     colorBorderBg
   } = token;
-  const badgeFontHeight = Math.round(fontSize * lineHeight);
+  // TODO:lineheight
+  const badgeFontHeight = roundToNearest(fontSize * lineHeight);
   const badgeShadowSize = lineWidth;
   const badgeZIndex = 'auto';
   const badgeHeight = badgeFontHeight - 2 * badgeShadowSize;
-  const badgeTextColor = token.colorBgContainer;
+  const badgeTextColor = getAlphaColor(token.colorBgContainer, 0.9);
   const badgeFontWeight = 'normal';
   const badgeFontSize = fontSizeSM;
   const badgeColor = token.colorError;
   const badgeColorHover = token.colorErrorHover;
-  const badgeHeightSm = fontSize;
+  const badgeHeightSm = token.fontSizeLG;
   const badgeDotSize = fontSizeSM / 2;
   const badgeFontSizeSm = fontSizeSM;
   const badgeStatusSize = fontSizeSM / 2;

package/es/breadcrumb/BreadcrumbItem.d.ts

@@ -423,6 +423,10 @@ export declare const breadcrumbItemProps: () => {
     onClick: {
         type: import("vue").PropType<MouseEventHandler | MouseEventHandler[]>;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
 };
 export type BreadcrumbItemProps = Partial<ExtractPropTypes<ReturnType<typeof breadcrumbItemProps>>>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
@@ -847,6 +851,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     onClick: {
         type: import("vue").PropType<MouseEventHandler | MouseEventHandler[]>;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     prefixCls: StringConstructor;
     href: StringConstructor;
@@ -1269,7 +1277,12 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     onClick: {
         type: import("vue").PropType<MouseEventHandler | MouseEventHandler[]>;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
 }>> & Readonly<{}>, {
+    disabled: boolean;
     dropdownProps: Partial<ExtractPropTypes<{
         arrow: {
             type: import("vue").PropType<boolean | import("../dropdown/props").DropdownArrowOptions>;

package/es/breadcrumb/BreadcrumbItem.js

@@ -20,7 +20,11 @@ export const breadcrumbItemProps = () => ({
   separator: PropTypes.any,
   dropdownProps: objectType(),
   overlay: PropTypes.any,
-  onClick: eventType()
+  onClick: eventType(),
+  disabled: {
+    type: Boolean,
+    default: undefined
+  }
 });
 export default defineComponent({
   compatConfig: {
@@ -59,6 +63,10 @@ export default defineComponent({
       return breadcrumbItem;
     };
     const handleClick = e => {
+      if (props.disabled) {
+        e.preventDefault();
+        return;
+      }
       emit('click', e);
     };
     return () => {
@@ -73,12 +81,16 @@ export default defineComponent({
       let link;
       if (props.href !== undefined) {
         link = _createVNode("a", _objectSpread({
-          "class": `${prefixCls.value}-link`,
+          "class": [`${prefixCls.value}-link`, {
+            disabled: props.disabled
+          }],
           "onClick": handleClick
         }, restAttrs), [children]);
       } else {
         link = _createVNode("span", _objectSpread({
-          "class": `${prefixCls.value}-link`,
+          "class": [`${prefixCls.value}-link`, {
+            disabled: props.disabled
+          }],
           "onClick": handleClick
         }, restAttrs), [children]);
       }

package/es/breadcrumb/style/index.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { genComponentStyleHook, mergeToken } from '../../theme/internal';
 import { genFocusStyle, resetComponent } from '../../style';
+import { roundToNearest } from 'ant-design-vue/es/_util/util';
 const genBreadcrumbStyle = token => {
   const {
     componentCls,
@@ -25,12 +26,13 @@ const genBreadcrumbStyle = token => {
         transition: `color ${token.motionDurationMid}`,
         padding: `0 ${token.paddingXXS}px`,
         borderRadius: token.borderRadiusSM,
-        height: token.lineHeight * token.fontSize,
+        // TODO:lineheight
+        height: roundToNearest(token.lineHeight * token.fontSize),
         display: 'inline-block',
         marginInline: -token.marginXXS,
         '&:hover': {
           color: token.breadcrumbLinkColorHover,
-          backgroundColor: token.colorBgTextHover
+          backgroundColor: token.colorSecondary
         }
       }, genFocusStyle(token)),
       [`li:last-child`]: {
@@ -49,11 +51,22 @@ const genBreadcrumbStyle = token => {
           > ${iconCls} + a
         `]: {
           marginInlineStart: token.marginXXS
+        },
+        [`&.disabled`]: {
+          a: {
+            color: token.colorTextQuaternary,
+            cursor: 'not-allowed',
+            '&:hover': {
+              color: token.colorTextQuaternary,
+              backgroundColor: 'transparent'
+            }
+          }
         }
       },
       [`${componentCls}-overlay-link`]: {
         borderRadius: token.borderRadiusSM,
-        height: token.lineHeight * token.fontSize,
+        // TODO:lineheight
+        height: roundToNearest(token.lineHeight * token.fontSize),
         display: 'inline-block',
         padding: `0 ${token.paddingXXS}px`,
         marginInline: -token.marginXXS,
@@ -91,7 +104,7 @@ export default genComponentStyleHook('Breadcrumb', token => {
     breadcrumbLinkColorHover: token.colorText,
     breadcrumbLastItemColor: token.colorText,
     breadcrumbSeparatorMargin: token.marginXS,
-    breadcrumbSeparatorColor: token.colorTextDescription
+    breadcrumbSeparatorColor: token.colorTextSecondary
   });
   return [genBreadcrumbStyle(BreadcrumbToken)];
 });