├── .babelrc ├── .editorconfig ├── .eslintrc.js ├── .fatherrc.ts ├── .gitignore ├── .npmignore ├── .prettierignore ├── .prettierrc ├── .umirc.ts ├── LICENSE ├── README.md ├── README.zh-CN.md ├── docs ├── CusTarget.md ├── CusTarget.zh-CN.md ├── basic.md ├── basic.zh-CN.md ├── demo │ ├── Basic │ │ ├── const.tsx │ │ ├── img │ │ │ ├── 1.jpeg │ │ │ ├── 2.jpeg │ │ │ ├── 3.jpeg │ │ │ └── 4.jpeg │ │ ├── index.css │ │ └── index.tsx │ ├── CusTarget │ │ ├── const.tsx │ │ ├── index.css │ │ └── index.tsx │ ├── Placements │ │ ├── index.less │ │ ├── index.tsx │ │ └── index.zh-CN.tsx │ ├── Scroll │ │ ├── index.css │ │ └── index.tsx │ ├── Table │ │ ├── index.css │ │ └── index.tsx │ ├── components │ │ ├── Button.css │ │ ├── Button.tsx │ │ ├── Card.css │ │ ├── Card.tsx │ │ ├── Grid.css │ │ ├── Grid.tsx │ │ ├── Tag.css │ │ ├── Tag.tsx │ │ └── index.ts │ ├── modules.d.ts │ └── steps.ts ├── placements.md ├── placements.zh-CN.md ├── scroll.md ├── scroll.zh-CN.md ├── table.md └── table.zh-CN.md ├── package.json ├── public ├── dark_mode.png ├── light_mode.png └── logo.svg ├── publish.sh ├── scanner └── lang.json ├── src ├── Guide │ └── index.tsx ├── Mask │ ├── index.less │ └── index.tsx ├── Modal │ ├── Icons.tsx │ ├── index.less │ └── index.tsx ├── constant │ ├── className.ts │ ├── const.ts │ └── lang.ts ├── index.ts ├── styles │ └── index.less ├── typings │ ├── guide.d.ts │ └── index.d.ts └── utils │ ├── getAnchorEl.ts │ ├── getArrowStyle.ts │ ├── getCusAnchorEl.ts │ ├── getHotSpotStyle.ts │ ├── getMaskStyle.ts │ ├── getModalStyle.ts │ ├── getOffsetParent.ts │ ├── getReversePosition.ts │ ├── getScrollContainer.ts │ ├── index.ts │ └── utils.ts ├── tsconfig.json └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/.babelrc -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/.editorconfig -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/.eslintrc.js -------------------------------------------------------------------------------- /.fatherrc.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/.fatherrc.ts -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/.gitignore -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/.npmignore -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/.prettierignore -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/.prettierrc -------------------------------------------------------------------------------- /.umirc.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/.umirc.ts -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/README.md -------------------------------------------------------------------------------- /README.zh-CN.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/README.zh-CN.md -------------------------------------------------------------------------------- /docs/CusTarget.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/CusTarget.md -------------------------------------------------------------------------------- /docs/CusTarget.zh-CN.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/CusTarget.zh-CN.md -------------------------------------------------------------------------------- /docs/basic.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/basic.md -------------------------------------------------------------------------------- /docs/basic.zh-CN.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/basic.zh-CN.md -------------------------------------------------------------------------------- /docs/demo/Basic/const.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/Basic/const.tsx -------------------------------------------------------------------------------- /docs/demo/Basic/img/1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/Basic/img/1.jpeg -------------------------------------------------------------------------------- /docs/demo/Basic/img/2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/Basic/img/2.jpeg -------------------------------------------------------------------------------- /docs/demo/Basic/img/3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/Basic/img/3.jpeg -------------------------------------------------------------------------------- /docs/demo/Basic/img/4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/Basic/img/4.jpeg -------------------------------------------------------------------------------- /docs/demo/Basic/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/Basic/index.css -------------------------------------------------------------------------------- /docs/demo/Basic/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/Basic/index.tsx -------------------------------------------------------------------------------- /docs/demo/CusTarget/const.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/CusTarget/const.tsx -------------------------------------------------------------------------------- /docs/demo/CusTarget/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/CusTarget/index.css -------------------------------------------------------------------------------- /docs/demo/CusTarget/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/CusTarget/index.tsx -------------------------------------------------------------------------------- /docs/demo/Placements/index.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/Placements/index.less -------------------------------------------------------------------------------- /docs/demo/Placements/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/Placements/index.tsx -------------------------------------------------------------------------------- /docs/demo/Placements/index.zh-CN.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/Placements/index.zh-CN.tsx -------------------------------------------------------------------------------- /docs/demo/Scroll/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/Scroll/index.css -------------------------------------------------------------------------------- /docs/demo/Scroll/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/Scroll/index.tsx -------------------------------------------------------------------------------- /docs/demo/Table/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/Table/index.css -------------------------------------------------------------------------------- /docs/demo/Table/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/Table/index.tsx -------------------------------------------------------------------------------- /docs/demo/components/Button.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/components/Button.css -------------------------------------------------------------------------------- /docs/demo/components/Button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/components/Button.tsx -------------------------------------------------------------------------------- /docs/demo/components/Card.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/components/Card.css -------------------------------------------------------------------------------- /docs/demo/components/Card.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/components/Card.tsx -------------------------------------------------------------------------------- /docs/demo/components/Grid.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/components/Grid.css -------------------------------------------------------------------------------- /docs/demo/components/Grid.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/components/Grid.tsx -------------------------------------------------------------------------------- /docs/demo/components/Tag.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/components/Tag.css -------------------------------------------------------------------------------- /docs/demo/components/Tag.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/components/Tag.tsx -------------------------------------------------------------------------------- /docs/demo/components/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/components/index.ts -------------------------------------------------------------------------------- /docs/demo/modules.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/modules.d.ts -------------------------------------------------------------------------------- /docs/demo/steps.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/demo/steps.ts -------------------------------------------------------------------------------- /docs/placements.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/placements.md -------------------------------------------------------------------------------- /docs/placements.zh-CN.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/placements.zh-CN.md -------------------------------------------------------------------------------- /docs/scroll.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/scroll.md -------------------------------------------------------------------------------- /docs/scroll.zh-CN.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/scroll.zh-CN.md -------------------------------------------------------------------------------- /docs/table.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/table.md -------------------------------------------------------------------------------- /docs/table.zh-CN.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/docs/table.zh-CN.md -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/package.json -------------------------------------------------------------------------------- /public/dark_mode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/public/dark_mode.png -------------------------------------------------------------------------------- /public/light_mode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/public/light_mode.png -------------------------------------------------------------------------------- /public/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/public/logo.svg -------------------------------------------------------------------------------- /publish.sh: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/publish.sh -------------------------------------------------------------------------------- /scanner/lang.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /src/Guide/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/Guide/index.tsx -------------------------------------------------------------------------------- /src/Mask/index.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/Mask/index.less -------------------------------------------------------------------------------- /src/Mask/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/Mask/index.tsx -------------------------------------------------------------------------------- /src/Modal/Icons.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/Modal/Icons.tsx -------------------------------------------------------------------------------- /src/Modal/index.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/Modal/index.less -------------------------------------------------------------------------------- /src/Modal/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/Modal/index.tsx -------------------------------------------------------------------------------- /src/constant/className.ts: -------------------------------------------------------------------------------- 1 | 2 | export const CUSTOM_ELEMENT_CLASS = `j-byted-guide__custom-anchor` 3 | -------------------------------------------------------------------------------- /src/constant/const.ts: -------------------------------------------------------------------------------- 1 | export const MARGIN = 12; 2 | -------------------------------------------------------------------------------- /src/constant/lang.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/constant/lang.ts -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/index.ts -------------------------------------------------------------------------------- /src/styles/index.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/styles/index.less -------------------------------------------------------------------------------- /src/typings/guide.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/typings/guide.d.ts -------------------------------------------------------------------------------- /src/typings/index.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/typings/index.d.ts -------------------------------------------------------------------------------- /src/utils/getAnchorEl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/utils/getAnchorEl.ts -------------------------------------------------------------------------------- /src/utils/getArrowStyle.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/utils/getArrowStyle.ts -------------------------------------------------------------------------------- /src/utils/getCusAnchorEl.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/utils/getCusAnchorEl.ts -------------------------------------------------------------------------------- /src/utils/getHotSpotStyle.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/utils/getHotSpotStyle.ts -------------------------------------------------------------------------------- /src/utils/getMaskStyle.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/utils/getMaskStyle.ts -------------------------------------------------------------------------------- /src/utils/getModalStyle.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/utils/getModalStyle.ts -------------------------------------------------------------------------------- /src/utils/getOffsetParent.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/utils/getOffsetParent.ts -------------------------------------------------------------------------------- /src/utils/getReversePosition.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/utils/getReversePosition.ts -------------------------------------------------------------------------------- /src/utils/getScrollContainer.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/utils/getScrollContainer.ts -------------------------------------------------------------------------------- /src/utils/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/utils/index.ts -------------------------------------------------------------------------------- /src/utils/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/src/utils/utils.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/tsconfig.json -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bytedance/guide/HEAD/yarn.lock --------------------------------------------------------------------------------