first commit

frontend/node_modules/antd/es/back-top/style/index.d.ts

@@ -0,0 +1,12 @@
+import type { GetDefaultToken } from '../../theme/internal';
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {
+    /**
+     * @desc 弹出层的 z-index
+     * @descEN z-index of popup
+     */
+    zIndexPopup: number;
+}
+export declare const prepareComponentToken: GetDefaultToken<'BackTop'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+export default _default;

frontend/node_modules/antd/es/back-top/style/index.js

@@ -0,0 +1,92 @@
+import { unit } from '@ant-design/cssinjs';
+import { resetComponent } from '../../style';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+// ============================== Shared ==============================
+const genSharedBackTopStyle = token => {
+  const {
+    componentCls,
+    backTopFontSize,
+    backTopSize,
+    zIndexPopup
+  } = token;
+  return {
+    [componentCls]: Object.assign(Object.assign({}, resetComponent(token)), {
+      position: 'fixed',
+      insetInlineEnd: token.backTopInlineEnd,
+      insetBlockEnd: token.backTopBlockEnd,
+      zIndex: zIndexPopup,
+      width: 40,
+      height: 40,
+      cursor: 'pointer',
+      '&:empty': {
+        display: 'none'
+      },
+      [`${componentCls}-content`]: {
+        width: backTopSize,
+        height: backTopSize,
+        overflow: 'hidden',
+        color: token.backTopColor,
+        textAlign: 'center',
+        backgroundColor: token.backTopBackground,
+        borderRadius: backTopSize,
+        transition: `all ${token.motionDurationMid}`,
+        '&:hover': {
+          backgroundColor: token.backTopHoverBackground,
+          transition: `all ${token.motionDurationMid}`
+        }
+      },
+      // change to .backtop .backtop-icon
+      [`${componentCls}-icon`]: {
+        fontSize: backTopFontSize,
+        lineHeight: unit(backTopSize)
+      }
+    })
+  };
+};
+const genMediaBackTopStyle = token => {
+  const {
+    componentCls,
+    screenMD,
+    screenXS,
+    backTopInlineEndMD,
+    backTopInlineEndXS
+  } = token;
+  return {
+    [`@media (max-width: ${unit(screenMD)})`]: {
+      [componentCls]: {
+        insetInlineEnd: backTopInlineEndMD
+      }
+    },
+    [`@media (max-width: ${unit(screenXS)})`]: {
+      [componentCls]: {
+        insetInlineEnd: backTopInlineEndXS
+      }
+    }
+  };
+};
+export const prepareComponentToken = token => ({
+  zIndexPopup: token.zIndexBase + 10
+});
+// ============================== Export ==============================
+export default genStyleHooks('BackTop', token => {
+  const {
+    fontSizeHeading3,
+    colorTextDescription,
+    colorTextLightSolid,
+    colorText,
+    controlHeightLG,
+    calc
+  } = token;
+  const backTopToken = mergeToken(token, {
+    backTopBackground: colorTextDescription,
+    backTopColor: colorTextLightSolid,
+    backTopHoverBackground: colorText,
+    backTopFontSize: fontSizeHeading3,
+    backTopSize: controlHeightLG,
+    backTopBlockEnd: calc(controlHeightLG).mul(1.25).equal(),
+    backTopInlineEnd: calc(controlHeightLG).mul(2.5).equal(),
+    backTopInlineEndMD: calc(controlHeightLG).mul(1.5).equal(),
+    backTopInlineEndXS: calc(controlHeightLG).mul(0.5).equal()
+  });
+  return [genSharedBackTopStyle(backTopToken), genMediaBackTopStyle(backTopToken)];
+}, prepareComponentToken);