open-index/open-npm huggingface dataset:
npm package: @publish-cms/const
Description: Publish CMS Constants
Author: PublishCMS
Latest version: 1.0.7

<div id="top"></div>

<!-- PROJECT SHIELDS -->
<div align="center">

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]

</div>
<!-- PROJECT LOGO -->
<br />
<div align="center">
  <a href="https://publish.vn">
    <img src="logo.png" alt="Logo" width="80" height="80">
  </a>
  <h3 align="center">Publish CMS Const</h3>
  <p align="center">
    <br />
    <a href="#"><strong>Explore the docs »</strong></a>
    <br />
    <br />
    <a href="https://publish.vn">Website</a>
    ·
    <a href="https://github.com/publish-cms/const/issues">Report Bug</a>
    ·
    <a href="https://github.com/publish-cms/const/issues">Request Feature</a>
  </p>
</div>

<!-- TABLE OF CONTENTS -->
<summary>Table of Contents</summary>
<ol>
  <li><a href="#install">Install</a></li>
  <li><a href="#cms-permission">CMS Permission</a></li>
  <li><a href="#app">App</a></li>
  <li><a href="#config">Config</a></li>
  <li><a href="#images">Images</a></li>
  <li><a href="#banner">Banner</a></li>
</ol>
<p align="right">(<a href="#top">back to top</a>)</p>

<!-- GETTING STARTED -->

## Install

- npm
  ```sh
  npm install @publish-cms/const
  ```

## CMS Permission

  <ul>
    <li><a href="/src/permission/index.ts#L1">permissions</a></li>
  </ul>

## Main Permission

  <ul>
    <li><a href="/src/permission/index.ts#L102">permissionMain</a></li>
  </ul>

## App

  <ul>
    <li><a href="/src/app/index.ts#L1">appPermissions</a></li>
    <li><a href="/src/app/index.ts#L9">appPermissionDetail</a></li>
  </ul>

## Config

  <ul>
    <li><a href="/src/config.ts#L1">Config file</a></li>
  </ul>

## Images

  <ul>
    <li><a href="/src/images/index.ts#L1">Images</a></li>
  </ul>

[contributors-shield]: https://img.shields.io/github/contributors/publish-cms/const.svg?style=for-the-badge
[contributors-url]: https://github.com/publish-cms/const/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/publish-cms/const.svg?style=for-the-badge
[forks-url]: https://github.com/publish-cms/const/network/members
[stars-shield]: https://img.shields.io/github/stars/publish-cms/const.svg?style=for-the-badge
[stars-url]: https://github.com/publish-cms/const/stargazers
[issues-shield]: https://img.shields.io/github/issues/publish-cms/const.svg?style=for-the-badge
[issues-url]: https://github.com/publish-cms/const/issues
[license-shield]: https://img.shields.io/github/license/publish-cms/const.svg?style=for-the-badge
[license-url]: https://github.com/publish-cms/const/blob/master/LICENSE
npm package: @publishfx/bi-util
Description: bi
Latest version: 1.0.5

# bi-util

## Goal

For functions used across projects, support them through an internal npm package. Since the number of custom functions is relatively small, a single `index.mjs` file is sufficient for now.

## Project Description

Build Tool: tsup@latest
Code Organization: Source code is located in the `src` directory, with unified output through `index.ts`

## Documentation Generation

Use `npm run docs` to generate documentation for local viewing. Web pages will be generated later.

## Publishing

Publish to [npmjs.org](https://www.npmjs.com/)

### Pre-publishing Preparation

1. Ensure you are logged into your npmjs account:

   ```shell
   npm login
   ```

   If you don't have an account yet, please register at [npmjs.com](https://www.npmjs.com/signup) first

2. Ensure you have publishing permissions for the `@publishfx` organization (if it's an organization package, you need to create the organization or join it first)

### Publishing Steps

1. Modify the version in `package.json` locally
2. Run `npm run build` locally to build
3. Check what will be published: `npm pack --dry-run` (optional, to view the contents that will be published)
4. Publish: `npm publish`

### Notes

- Package name has been changed to `@publishfx/bi-util`, published to npmjs official registry
- `publishConfig` has been configured to publish to npmjs official registry
- Ensure version numbers follow semantic versioning (semver)

## Usage

```shell
pnpm add @publishfx/bi-util@latest
# or
npm install @publishfx/bi-util@latest
```

## Project Standards

1. TODO: Use eslint for code formatting constraints
2. TODO: Add CHANGELOG support
3. TODO: Add local unit testing
4. TODO: Standardize CI/CD pipeline
5. TODO: Add standard local git hooks
npm package: @publishfx/gams_ui_react
Description: # 重要
Latest version: 2.4.8

# 

# 重要

由于公共组件库无CICD流程，是采用内部npm包发布的形式，且在单元测试和集成测试不完备的基础上，每次依赖包的升级，需仔细检查storybook和npm publish是否正常

# 组件的使用

* [ActionButton](./src/ActionButton/README.md)
* CommonModal
* CommonSelect
* CustomTransfer
* OverflowTooltip
* DateRangePicker
* RangePickerWithUTC/CompareRangePicker/RangePicker/CompareWithRangePicker
* [UploadModal](./src/UploadModal/README.md)
# TODO

跟随KOL项目的开发，组件迁移顺序

1. UploadModal KOL项目信息管理模块很多地方有使用到上传组件，优先处理。
2. CustomTransform系列组件
2. Table组件
3. 筛选项组件

BI项目中的common/utils/request等相关功能通用模块因为时间关系，暂不迁移

TODO: 将组件storybook发布至内网线上

## SVG文件的处理

svg文件统一放置在src/assets目录中，变更时，运行`pnpm run build:icons`命令，将.svg文件封装成React组件tsx文件

`pnpm run build`构建时会自动将IconXXX.tsx文件构建成对应的esm格式js文件

TODO: sprite形式的svg引用涉及按需引入的话题，暂时不变。后续具体可参考iconfont网站。

## Storybook

运行`pnpm run storybook`会自动打开`http://localhost:6006/`展示组件效果

### storybook的发布

使用公司内部ks平台部署

mac机本地构建

```
docker buildx build --platform linux/amd64 --load -t harbor.k8s-internal.moonton.net/kol/gams_ui:latest .
docker push harbor.k8s-internal.moonton.net/kol/gams_ui:latest
```

以下方式已作废

1. 运行`pnpm run build-storybook`构建静态文件

2. 打包静态文件
```
tar -czvf storybook.tar.gz storybook-static
```

3. 上传静态文件
kubeconfig.yaml为ks系统下载的k8s配置文件
static-website-xxxx为静态文件服务器pod名称，上传至nginx目录
```
kubectl --kubeconfig ~/Downloads/kubeconfig.yaml cp storybook.tar.gz static-website-5796895c6f-zdf55:/usr/share/nginx/
```

4. 登录pod，解压tar包
在nginx目录中执行以下命令，解压tar包至html目录
```
tar -xzvf storybook.tar.gz  -C html --strip-components=1
```
npm package: @publishfx/publish-chart
Description: A React chart component library for the Publish platform, including BarChart, LineChart, BarLineChart and other visualization components
Author: PublishFX
Latest version: 2.1.35

# @publishfx/publish-chart

基于新架构设计的 React 图表组件库，支持离线分析模块使用的所有图表类型。

## 安装

```bash
npm install @publishfx/publish-chart
# 或
pnpm add @publishfx/publish-chart
```

## 特性

- 🎨 **丰富的图表类型**：柱状图、折线图、组合图等
- 🏗️ **新架构设计**：依赖注入、服务化、配置驱动
- 🔧 **类型安全**：完整的 TypeScript 支持
- 📦 **按需引入**：独立的包，不影响其他组件
- 🎯 **易于扩展**：清晰的架构，易于添加新图表类型

## 快速开始

### 1. 设置 ChartProvider

#### 完整配置（推荐）

```tsx
import { 
  ChartProvider, 
  defaultChartConfig, 
  createFormatterService, 
  createDataTransformService 
} from '@publishfx/publish-chart';

const chartServices = {
  formatter: createFormatterService(),
  dataTransform: createDataTransformService(),
  config: {
    ...defaultChartConfig,
    indicatorMap: {
      // 指标映射表
    },
  },
};

<ChartProvider value={chartServices}>
  <YourApp />
</ChartProvider>
```

#### 仅定义业务组件（其他使用默认值）

如果你只需要自定义业务组件，其他服务使用库的默认配置，可以这样：

```tsx
import { ChartProvider } from '@publishfx/publish-chart';

// 只定义 businessComponents，其他使用默认值
const chartServices = {
  businessComponents: {
    NodeDetail: YourNodeDetailComponent,
    NodeGeom: YourNodeGeomComponent,
  },
};

<ChartProvider value={chartServices}>
  <YourApp />
</ChartProvider>
```

> **注意**：`ChartProvider` 支持部分覆盖，未提供的字段（`formatter`、`dataTransform`、`config`）会自动使用默认值。

### 2. 使用图表组件

```tsx
import { BarChart, LineChart, BarLineChart } from '@publishfx/publish-chart';

<BarChart
  data={data}
  x="groupName"
  y="indicatorValue"
  height={300}
/>
```

## 组件列表

### 基础组件
- `BarChart` - 基础柱状图
- `LineChart` - 基础折线图

### 组合组件
- `BarLineChart` - 柱状折线组合图
- `GroupBarLine` - 分组柱状折线组合图
- `BarLineAdapter` - 数据适配器组件

### 共享组件
- `AuxiliaryLine` - 辅助线组件
- `XAxisBackground` - X轴背景高亮组件

## 架构设计

### 核心特性

1. **依赖注入架构**：通过 Context 注入服务，解耦组件和业务逻辑
2. **类型适配器**：独立的类型定义，通过适配器转换业务类型
3. **服务化架构**：将业务逻辑提取为服务，便于测试和复用
4. **配置驱动**：统一的配置管理，支持自定义

### 目录结构

```
src/
├── core/                    # 核心功能
│   ├── ChartContext.tsx     # 图表上下文
│   ├── ChartConfig.ts       # 配置管理
│   └── ChartTypes.ts        # 类型定义
├── adapters/                # 适配器层
│   ├── DataAdapter.ts       # 数据适配器
│   └── TypeAdapter.ts       # 类型适配器
├── services/                # 服务层
│   ├── FormatterService.ts  # 格式化服务
│   └── DataTransformService.ts  # 数据转换服务
├── components/              # 组件层
│   ├── base/                # 基础组件
│   ├── composite/           # 组合组件
│   └── shared/              # 共享组件
└── utils/                   # 工具函数
```

## 文档

详细文档请参考：
- [使用指南](./docs/usage.md)
- [API 文档](./docs/api.md)
- [迁移指南](./docs/migration.md)

## 许可证

ISC