MCPcopy Index your code
hub / github.com/JeromeLin/zarm-web

github.com/JeromeLin/zarm-web @v0.0.1

Chat with this repo
repository ↗ · DeepWiki ↗ · release v0.0.1 ↗ · + Follow
806 symbols 1,479 edges 278 files 12 documented · 1%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Zarm-Web

众安科技桌面端UI组件库,基于React。

Version 版本

  • 历史版本:npm package
  • 开发版:暂未发布

Install 安装

使用npm安装:

npm install zarm-web --save

或者通过cdn引入umd模块:

<link rel="stylesheet" href="https://unpkg.com/zarm-web@latest/dist/zarm-web.min.css">
<script type="text/javascript" src="https://unpkg.com/zarm-web@latest/dist/zarm-web.min.js"></script>

Usage 使用

全组件引入

import { Button, Cell } from 'zarm-web';
import 'zarm-web/dist/zarm-web.min.css';

按需加载

  • 方法一(推荐)

使用 babel-plugin-import 自动加载Sass文件

  // .babelrc or babel-loader option
  {
    "plugins": [
      ['import', {
        libraryName: 'zarm-web',
        style: true,
      }],
    ]
  }
import { Button, Cell } from 'zarm-web';
  • 方法二:
import Button from 'zarm-web/lib/button';
import 'zarm-web/lib/button/style';

定制主题

通过修改css变量定义达到定制主题的效果

document.documentElement.style.setProperty('--theme-primary', '#108ee9');

变量名可参考 variable.scss

Changelog 更新日志

CHANGELOG.md

License

MIT

Extension points exported contracts — how you extend this code

PropsType (Interface)
(no doc)
components/number-input/PropsType.tsx
PropsType (Interface)
(no doc)
components/progress/PropsType.tsx
PropsType (Interface)
(no doc)
components/confirm/PropsType.tsx
PropsType (Interface)
(no doc)
components/layout/PropsType.tsx
PropsType (Interface)
(no doc)
components/notification/PropsType.tsx
PropsType (Interface)
(no doc)
components/alert/PropsType.tsx
IProps (Interface)
(no doc)
components/utils/clickOutside.tsx
BaseBreadcrumbItemProps (Interface)
(no doc)
components/breadcrumb/BreadcrumbItem.tsx

Core symbols most depended-on inside this repo

isArray
called by 19
components/slider/index.tsx
getDate
called by 11
components/date-picker/RangeDatePicker.tsx
_onPagerClick
called by 8
components/pagination/index.tsx
onJumpTo
called by 8
components/swipe/index.tsx
isCheckDisabled
called by 8
components/tree/utils.tsx
onSlideTo
called by 7
components/swipe/index.tsx
onVisibleChange
called by 7
components/dropdown/PropsType.tsx
onChangePanel
called by 6
components/calendar/CalendarHeader.tsx

Shape

Method 406
Class 188
Interface 108
Function 104

Languages

TypeScript100%

Modules by API surface

components/swipe/index.tsx24 symbols
components/modal/Modal.tsx19 symbols
components/select/Select.tsx18 symbols
components/dropdown/Dropdown.tsx18 symbols
components/date-picker/RangeDatePicker.tsx18 symbols
components/tree/utils.tsx17 symbols
components/form/FormItem.tsx17 symbols
components/slider/index.tsx16 symbols
components/utils/collapseTransition.tsx15 symbols
components/notification/NotificationInstance.tsx15 symbols
components/menu/SubMenu.tsx14 symbols
components/input/Input.tsx13 symbols

For agents

$ claude mcp add zarm-web \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact