@apdesign/ap-theme-assassin
v1.0.0
Published
Assassin framework theme: AP Design tokens + Assassin global styles and Arco overrides.
Keywords
Readme
@apdesign/ap-theme-assassin
Assassin 框架一体主题包:包含 AP Design design token(theme.less / variables.less / component.less)与 Assassin 全局视觉、Arco 组件覆盖。
import '@apdesign/ap-theme-assassin/css/index.css';按需配合 ConfigProvider 使用组件级全局默认属性(当前未配置,见 config.js):
import { ConfigProvider } from '@apdesign/web-react';
import { componentConfig } from '@apdesign/ap-theme-assassin/config';
<ConfigProvider componentConfig={componentConfig}>...</ConfigProvider>构建
在仓库根目录执行:
yarn build:theme:all产物写入 css/index.css。发包前必须先构建,package.json 的 files 字段会带上 css/ 目录。
发包
发布到 npm
- 在
ap-design根目录构建主题 CSS:
yarn build:theme:all在
packages/ap-theme-assassin/package.json中按 Semver 更新version。进入主题包目录发布(需有
@apdesignscope 的 npm 发布权限):
cd packages/ap-theme-assassin
npm publish发布后业务项目安装:
npm i @apdesign/ap-theme-assassin
# 或
yarn add @apdesign/ap-theme-assassin发布内容说明
files 已限定发布范围,包含预编译 css/、Less 源码、config.js / config.d.ts 等;不包含 ap-design 根目录的构建脚本。运行时需安装 peer dependency @apdesign/web-react(版本需与构建主题时使用的组件库一致)。
目录
| 路径 | 说明 |
|------|------|
| theme.less / variables.less / component.less | design token 覆盖 |
| tokens.less | 全量 token 字典(编辑器/参考) |
| config.js / config.d.ts | 组件全局默认 props(ConfigProvider.componentConfig);当前为空对象,样式定制在 Less/CSS 中完成 |
| assassin/global/ | reset + 全站视觉 |
| assassin/overrides/arco/ | Assassin 对 .arco-* 的覆盖 |
| css/index.css | 生产构建产物(压缩) |
