first commit

frontend/node_modules/antd/es/breadcrumb/style/index.d.ts

@@ -0,0 +1,41 @@
+import type { GetDefaultToken } from '../../theme/internal';
+export interface ComponentToken {
+    /**
+     * @desc 面包屑项文字颜色
+     * @descEN Text color of Breadcrumb item
+     */
+    itemColor: string;
+    /**
+     * @desc 图标大小
+     * @descEN Icon size
+     */
+    iconFontSize: number;
+    /**
+     * @desc 链接文字颜色
+     * @descEN Text color of link
+     */
+    linkColor: string;
+    /**
+     * @desc 链接文字悬浮颜色
+     * @descEN Color of hovered link
+     */
+    linkHoverColor: string;
+    /**
+     * @desc 最后一项文字颜色
+     * @descEN Text color of the last item
+     */
+    lastItemColor: string;
+    /**
+     * @desc 分隔符外间距
+     * @descEN Margin of separator
+     */
+    separatorMargin: number;
+    /**
+     * @desc 分隔符颜色
+     * @descEN Color of separator
+     */
+    separatorColor: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Breadcrumb'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+export default _default;

frontend/node_modules/antd/es/breadcrumb/style/index.js

@@ -0,0 +1,95 @@
+import { unit } from '@ant-design/cssinjs';
+import { genFocusStyle, resetComponent } from '../../style';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+const genBreadcrumbStyle = token => {
+  const {
+    componentCls,
+    iconCls,
+    calc
+  } = token;
+  return {
+    [componentCls]: Object.assign(Object.assign({}, resetComponent(token)), {
+      color: token.itemColor,
+      fontSize: token.fontSize,
+      [iconCls]: {
+        fontSize: token.iconFontSize
+      },
+      ol: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        margin: 0,
+        padding: 0,
+        listStyle: 'none'
+      },
+      [`${componentCls}-item a`]: Object.assign({
+        color: token.linkColor,
+        transition: `color ${token.motionDurationMid}`,
+        padding: `0 ${unit(token.paddingXXS)}`,
+        borderRadius: token.borderRadiusSM,
+        height: token.fontHeight,
+        display: 'inline-block',
+        marginInline: calc(token.marginXXS).mul(-1).equal(),
+        '&:hover': {
+          color: token.linkHoverColor,
+          backgroundColor: token.colorBgTextHover
+        }
+      }, genFocusStyle(token)),
+      [`${componentCls}-item:last-child`]: {
+        color: token.lastItemColor
+      },
+      [`${componentCls}-separator`]: {
+        marginInline: token.separatorMargin,
+        color: token.separatorColor
+      },
+      [`${componentCls}-link`]: {
+        [`
+          > ${iconCls} + span,
+          > ${iconCls} + a
+        `]: {
+          marginInlineStart: token.marginXXS
+        }
+      },
+      [`${componentCls}-overlay-link`]: {
+        borderRadius: token.borderRadiusSM,
+        height: token.fontHeight,
+        display: 'inline-block',
+        padding: `0 ${unit(token.paddingXXS)}`,
+        marginInline: calc(token.marginXXS).mul(-1).equal(),
+        [`> ${iconCls}`]: {
+          marginInlineStart: token.marginXXS,
+          fontSize: token.fontSizeIcon
+        },
+        '&:hover': {
+          color: token.linkHoverColor,
+          backgroundColor: token.colorBgTextHover,
+          a: {
+            color: token.linkHoverColor
+          }
+        },
+        a: {
+          '&:hover': {
+            backgroundColor: 'transparent'
+          }
+        }
+      },
+      // rtl style
+      [`&${token.componentCls}-rtl`]: {
+        direction: 'rtl'
+      }
+    })
+  };
+};
+export const prepareComponentToken = token => ({
+  itemColor: token.colorTextDescription,
+  lastItemColor: token.colorText,
+  iconFontSize: token.fontSize,
+  linkColor: token.colorTextDescription,
+  linkHoverColor: token.colorText,
+  separatorColor: token.colorTextDescription,
+  separatorMargin: token.marginXS
+});
+// ============================== Export ==============================
+export default genStyleHooks('Breadcrumb', token => {
+  const breadcrumbToken = mergeToken(token, {});
+  return genBreadcrumbStyle(breadcrumbToken);
+}, prepareComponentToken);