@forgedevstack/ bear (英语)

反应组件,一个主题提供者,和AeroCraft标志. 本存储库中1.3.6版本. 出版发生在此发行被合并到主版时.

作者:约翰·亚高比耶. 文档 : bruui.com (英语)软件包 : @forgedevstack/ bear (英语)。 。 。 .

安装

npm install @forgedevstack/bear

安装是组件集和主题 。 图标是一个单独的包. 图表今天仍在核心建筑内部发行,它们也有一个专用的软件包条目,以便您可以自行导入.

npm install @forgedevstack/bear-grid
npm install @forgedevstack/bear-blocks
npm install @forgedevstack/bear-icons
npm install @forgedevstack/bear-x-charts
npm install @forgedevstack/bear-x-ai
npm install @forgedevstack/bear-x-code
npm install @forgedevstack/bear-map
npm install @forgedevstack/kanban
npm install @forgedevstack/calendar

@forgedevstack/bear-icons 财务报告和审定财务报表 @forgedevstack/calendar 时间为npm(calendar 表示 1. 0.1 ; 1.0.2 , 事件日历在此 repo 中。 图表,AI,代码,地图,和kanban还没有在npm上.

保留媒体播放 火炬。丰富的文本编辑器将保留 墨迹。 。 。 .

套装大小

大小随每次发布而变化。 打开您要添加的软件包包恐惧症 :

• 核心
• 图标
• 图表
• 大赦国际
• 代码
• 地图
• 关班
• 日历

门户网站产品页面和库页面的链接与按钮相同.

提供者

导入样式表一次, 然后将树包入 .

import '@forgedevstack/bear/styles.css';
import { BearProvider, Button, Card, CardBody, Typography } from '@forgedevstack/bear';

export function App() {
  return (
    <BearProvider
      colorScheme="system"
      theme={{ colors: { primary: '#ec4899' } }}
    >
      <Card>
        <CardBody>
          <Typography variant="h4">Bear</Typography>
          <Button variant="primary">Save</Button>
        </CardBody>
      </Card>
    </BearProvider>
  );
}

colorScheme 实值 light, (中文(简体) ), dark,或 system。暗模式跟随 .dark 课从提供者.

图表

import { BarChart } from '@forgedevstack/bear-x-charts';
import '@forgedevstack/bear/styles.css';

<BarChart
  data={[
    { label: 'Jan', value: 30 },
    { label: 'Feb', value: 45 },
  ]}
  showLabels
/>

此 repo 中的图视图 : bar, (中文(简体) ), line, (中文(简体) ), area, (中文(简体) ), pie, (中文(简体) ), donut, (中文(简体) ), radar, (中文(简体) ), funnel, (中文(简体) ), stacked馅饼也 full, (中文(简体) ), half,以及 rose. Sparkline, Gauge, Ring Progress, Heatmap, 和 时光线 图表坐在旁边 动议是 grow, (中文(简体) ), fade, (中文(简体) ), scale,或 none,以及 animated 是一个布尔。 这些是零依赖性SVG图表. 它们不是 Chart.js 插件 .

图标

import { SearchIcon } from '@forgedevstack/bear-icons';

<SearchIcon size={24} />

日历

Per of Bear. 1.0.2 添加了活动月和资源时间表. 弹出和过滤器使用"熊".

import { EventCalendar, EventTimeline } from '@forgedevstack/calendar';
import '@forgedevstack/calendar/styles.css';
import '@forgedevstack/bear/styles.css';

<EventCalendar events={events} mode="dark" />
<EventTimeline events={events} />

地图和坎班

import { Map } from '@forgedevstack/bear-map';
import { Kanban } from '@forgedevstack/kanban';

虎克会留在核心。 约会选手留在核心.

国 际

Forge CLI是今天存在的安装器.

npx create-forge my-app

当您选择小熊时, CLI 打印出 Loto 吉祥物, 并询问哪些库包括:图标、图表、AI、代码、地图、 kanban 和日历 。 后以出家相求为主色相. --yes 选择小熊和那些库.

在现有应用程序中添加一个软件包 :

forge add bear
forge add bear-icons
forge add calendar

forge add bear 问同一个图书馆问题。 从 npm 安装图标和日历。 图表、AI、代码、地图和kanban记录在以下注释中: src/main.tsx 直到这些软件包发布,所以安装不会在缺失软件包上失败.

npx @forgedevstack/bear-cli 是只为熊保留的二进制名称。 此二进制尚未发布, 因此这些命令尚未运行 .

1.3.6 添加的内容

• bear_flutter 内 packages/bear_flutter。在"熊"符号上免费的部件.
• @forgedevstack/bear-grid. 平分、分组和Excel导出。 水印有牌照钥匙 专业是每年9美元。 数据表保持免费.
• @forgedevstack/bear-blocks免费 DashboardBlock。 。 。 .
• 门户定价 故事书条目 和沙盒食谱.
• @forgedevstack/bear-icons 在主页和图书馆列表中列出.

1.3.5 添加的内容

• 选项包 : @forgedevstack/bear-x-charts, (中文(简体) ), @forgedevstack/bear-x-ai, (中文(简体) ), @forgedevstack/bear-x-code, (中文(简体) ), @forgedevstack/bear-map, (中文(简体) ), @forgedevstack/kanban。 。 。 .
• 将公开和密切的动议重叠在小组上: none, (中文(简体) ), fade, (中文(简体) ), slide-down, (中文(简体) ), scale, (中文(简体) ), fold, (中文(简体) ), elastic, (中文(简体) ), reveal, (中文(简体) ), expand默认为 fold。 。 。 .
• 每个库的门户产品页面,并带有"Bundlephool"按钮.
• @forgedevstack/calendar 1.0.2:事件日历,资源过滤器,侧编辑器,以及时间表.

构成部分

脚本

npm run build
cd portal && npm run test:e2e:smoke

许可证

麻省理工学院. 约翰·雅格霍比耶和福格斯塔克队.