{"_id":"@albertluo213/cube-chart-render","_rev":"9-9a5d318d50cdba8bb843cc554b239045","name":"@albertluo213/cube-chart-render","dist-tags":{"latest":"1.0.4-antd-4.20"},"versions":{"1.0.0-alpha":{"name":"@albertluo213/cube-chart-render","version":"1.0.0-alpha","keywords":["cube","dashboard","chart","render","vchart","visualization"],"author":"","license":"MIT","_id":"@albertluo213/cube-chart-render@1.0.0-alpha","maintainers":[{"name":"albertluo213","email":"1204648923@qq.com"}],"dist":{"shasum":"e1143adac3dfab30ba26b55ab089168683243a06","tarball":"https://registry.npmjs.org/@albertluo213/cube-chart-render/-/cube-chart-render-1.0.0-alpha.tgz","fileCount":15,"integrity":"sha512-CCjp/dNHMVb8nUfXiW+PbjajRpcMFOwsoYfw8D59Ce65Xf9ggStTz3OcWYuosAt97ROcIc8WuPdkow+cqmt01w==","signatures":[{"sig":"MEUCIFEQ8sMEj36hd6TZQVDJ3ecHaoQpRyoQEUBAPUjPTJhiAiEAnXsgHom25OKq6B0VzjNBS21DbRuSGmA1K6wP6scnNvo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":983204},"main":"dist/index.cjs.js","module":"dist/index.esm.js","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./react":{"import":"./react/index.js"}},"gitHead":"d830f4d0fbfc6751d6102936a050605152dd1949","scripts":{"dev":"vite","build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"albertluo213","email":"1204648923@qq.com"},"_npmVersion":"10.9.3","description":"Cube Dashboard Chart Render SDK - 图表渲染 SDK","directories":{},"_nodeVersion":"22.20.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","@vitejs/plugin-react":"^4.2.1"},"peerDependencies":{"antd":">=5.0.0","axios":">=1.6.0","react":">=18.0.0","react-dom":">=18.0.0","@visactor/vchart":">=1.11.0","react-router-dom":">=6.0.0","@visactor/react-vchart":">=1.11.0"},"_npmOperationalInternal":{"tmp":"tmp/cube-chart-render_1.0.0-alpha_1761912077879_0.9628939109166463","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@albertluo213/cube-chart-render","version":"1.0.1","keywords":["cube","dashboard","chart","render","vchart","visualization"],"author":"","license":"MIT","_id":"@albertluo213/cube-chart-render@1.0.1","maintainers":[{"name":"albertluo213","email":"1204648923@qq.com"}],"dist":{"shasum":"24bd8a49260b5aee44b0b276c17421426423fefa","tarball":"https://registry.npmjs.org/@albertluo213/cube-chart-render/-/cube-chart-render-1.0.1.tgz","fileCount":15,"integrity":"sha512-Jw7Zq6ZY+QUb43K9TVkAgPo61p11Wib6aJC6XhrkFatsdrgpTUHI9CVg6c6XFct6zPcfCZwLJdgW4qI8jiTGCw==","signatures":[{"sig":"MEQCIFBcZT5FnDzctBPCrk17PhgJg7JjjFP2ehBdZXAPx/L0AiAjb4JzWIOSXIg884jUxWwRKagHG45zFZNsfBo+LtaxXg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":983338},"main":"dist/index.cjs.js","module":"dist/index.esm.js","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./react":{"import":"./react/index.js"},"./dist/*":"./dist/*"},"gitHead":"d830f4d0fbfc6751d6102936a050605152dd1949","scripts":{"dev":"vite","build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"albertluo213","email":"1204648923@qq.com"},"_npmVersion":"10.9.3","description":"Cube Dashboard Chart Render SDK - 图表渲染 SDK","directories":{},"_nodeVersion":"22.20.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","@vitejs/plugin-react":"^4.2.1"},"peerDependencies":{"antd":">=5.0.0","axios":">=1.6.0","react":">=18.0.0","react-dom":">=18.0.0","@visactor/vchart":">=1.11.0","react-router-dom":">=6.0.0","@visactor/react-vchart":">=1.11.0"},"_npmOperationalInternal":{"tmp":"tmp/cube-chart-render_1.0.1_1761913213781_0.4385438871220104","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@albertluo213/cube-chart-render","version":"1.0.2","keywords":["cube","dashboard","chart","render","vchart","visualization"],"author":"","license":"MIT","_id":"@albertluo213/cube-chart-render@1.0.2","maintainers":[{"name":"albertluo213","email":"1204648923@qq.com"}],"dist":{"shasum":"c36aa1510543c223bbad50845f22bdb2cb51d4cc","tarball":"https://registry.npmjs.org/@albertluo213/cube-chart-render/-/cube-chart-render-1.0.2.tgz","fileCount":12,"integrity":"sha512-BiA2WP5T007TSOEZ675OkJ09yNiS9/iia+4PDDLWW//92z4CTioffV+KceJZh6u6SJD2QS2kqMjIBj49DSBUpg==","signatures":[{"sig":"MEQCIGkuRu9WjFjiEaOS1q8Y/k9O4VS9uPyWl3cvBcf3KsgzAiAtWFFW/C3cRVcdh+CX7iC1B7gbgIUKVwElZ/Y2x0bDdw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1260053},"main":"dist/index.cjs.js","module":"dist/index.esm.js","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./react":{"import":"./react/index.js"},"./dist/*":"./dist/*","./style.css":"./dist/style.css"},"gitHead":"a2080617557a466d8e164325214ea143c2b44c07","scripts":{"dev":"vite","build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"albertluo213","email":"1204648923@qq.com"},"_npmVersion":"10.9.3","description":"Cube Dashboard Chart Render SDK - 图表渲染 SDK","directories":{},"_nodeVersion":"22.20.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","@vitejs/plugin-react":"^4.2.1"},"peerDependencies":{"antd":">=5.0.0","axios":">=1.6.0","react":">=18.0.0","react-dom":">=18.0.0","@visactor/vchart":">=1.11.0","react-router-dom":">=6.0.0","@visactor/react-vchart":">=1.11.0"},"_npmOperationalInternal":{"tmp":"tmp/cube-chart-render_1.0.2_1764042527959_0.2506140192361497","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@albertluo213/cube-chart-render","version":"1.0.3","keywords":["cube","dashboard","chart","render","vchart","visualization"],"author":"","license":"MIT","_id":"@albertluo213/cube-chart-render@1.0.3","maintainers":[{"name":"albertluo213","email":"1204648923@qq.com"}],"dist":{"shasum":"6b525516d46b2092a51401b25375b524d870a77e","tarball":"https://registry.npmjs.org/@albertluo213/cube-chart-render/-/cube-chart-render-1.0.3.tgz","fileCount":12,"integrity":"sha512-zEzS6Y90hgeCmkYAjB4c3JK+h1XAX3wL6nW+plNvNRhaA5h5cFHGDyzqsP1SbQTbZzXLB4cAwOq1oCyUs3qFdw==","signatures":[{"sig":"MEUCIGiFPRhc6nNc6BOAhj4wPSTqzD+7Zb5w9tcFRnEDgnlUAiEA17FtNmMfq8N/kZOiCrBXNqKOc8oTwwAtUmdzn1uqzgQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1260051},"main":"dist/index.cjs.js","module":"dist/index.esm.js","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./react":{"import":"./react/index.js"},"./dist/*":"./dist/*","./style.css":"./dist/style.css"},"gitHead":"a2080617557a466d8e164325214ea143c2b44c07","scripts":{"dev":"vite","build":"vite build","prepublishOnly":"npm run build"},"_npmUser":{"name":"albertluo213","email":"1204648923@qq.com"},"_npmVersion":"10.9.3","description":"Cube Dashboard Chart Render SDK - 图表渲染 SDK","directories":{},"_nodeVersion":"22.20.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.8","@vitejs/plugin-react":"^4.2.1"},"peerDependencies":{"antd":">=5.0.0","axios":">=1.6.0","react":">=18.0.0","react-dom":">=18.0.0","@visactor/vchart":">=1.11.0","react-router-dom":">=6.0.0","@visactor/react-vchart":">=1.11.0"},"_npmOperationalInternal":{"tmp":"tmp/cube-chart-render_1.0.3_1764042803004_0.0695351073603443","host":"s3://npm-registry-packages-npm-production"}},"1.0.4-antd-4.20":{"name":"@albertluo213/cube-chart-render","version":"1.0.4-antd-4.20","description":"Cube Dashboard Chart Render SDK - 图表渲染 SDK","main":"dist/index.cjs.js","module":"dist/index.esm.js","exports":{".":{"import":"./dist/index.esm.js","require":"./dist/index.cjs.js"},"./style.css":"./dist/style.css","./react":{"import":"./react/index.js"},"./dist/*":"./dist/*"},"scripts":{"dev":"vite","build":"vite build","prepublishOnly":"npm run build"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","antd":"^4.20.0","@visactor/vchart":">=1.11.0","@visactor/react-vchart":">=1.11.0","axios":">=1.6.0","react-router-dom":">=6.0.0"},"devDependencies":{"@vitejs/plugin-react":"^4.2.1","vite":"^5.0.8"},"keywords":["cube","dashboard","chart","render","vchart","visualization"],"author":"","license":"MIT","_id":"@albertluo213/cube-chart-render@1.0.4-antd-4.20","gitHead":"17385cc252bcec94a612fb5fb522c3cfa23fe905","_nodeVersion":"22.20.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-t5aDT3lyaLJb+I9cXF6MRniFcaCZ+GXXGRq0Jpj1CxDmOunybT+istCBpg1DZJ6VhWmzncalZ3NXTVpRcOTEfQ==","shasum":"648d05dac60db0640d7b4532dc9367c43643fdf5","tarball":"https://registry.npmjs.org/@albertluo213/cube-chart-render/-/cube-chart-render-1.0.4-antd-4.20.tgz","fileCount":12,"unpackedSize":1260061,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC+S0r7J9VteOv+PW7DVYWiaAkOGB9AfKlNUPW+n5FiIgIgPtR/5vx+L+Aawl0WVS9pMe0bvZkvuqPRxqwI1X2d5qs="}]},"_npmUser":{"name":"albertluo213","email":"1204648923@qq.com"},"directories":{},"maintainers":[{"name":"albertluo213","email":"1204648923@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/cube-chart-render_1.0.4-antd-4.20_1764143719350_0.09833186989380227"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-31T12:01:17.725Z","modified":"2025-11-26T07:55:19.857Z","1.0.0":"2025-10-31T11:26:26.162Z","1.0.5":"2025-10-31T11:27:35.545Z","1.0.0-alpha":"2025-10-31T12:01:18.076Z","1.0.1":"2025-10-31T12:20:14.029Z","1.0.2":"2025-11-25T03:48:48.182Z","1.0.3":"2025-11-25T03:53:23.263Z","1.0.4-antd-4.20":"2025-11-26T07:55:19.688Z"},"license":"MIT","keywords":["cube","dashboard","chart","render","vchart","visualization"],"description":"Cube Dashboard Chart Render SDK - 图表渲染 SDK","maintainers":[{"name":"albertluo213","email":"1204648923@qq.com"}],"readme":"# Cube Chart Render SDK\r\n\r\nCube Chart Render SDK 是一个基于 React 和 VChart 的图表渲染库，用于在任何 React 应用中轻松嵌入和展示 Cube Dashboard 的图表。\r\n\r\n## 特性\r\n\r\n- 📊 **多种图表类型**：支持柱状图、折线图、饼图、雷达图、漏斗图等 15+ 种图表。\r\n- 🎨 **高度可定制**：支持自定义主题、样式和交互行为。\r\n- 🔌 **简单集成**：提供简单的 React 组件 API，轻松集成到现有项目。\r\n- 🛠 **独立配置**：支持通过 Props 传递 API 配置，不依赖全局变量。\r\n\r\n## 安装\r\n\r\n```bash\r\nnpm install @albertluo213/cube-chart-render\r\n# 或\r\nyarn add @albertluo213/cube-chart-render\r\n```\r\n\r\n## 快速开始\r\n\r\n```jsx\r\nimport React from \"react\";\r\nimport { ChartRenderSDK } from \"@albertluo213/cube-chart-render\";\r\n\r\nconst App = () => {\r\n  return (\r\n    <div style={{ width: \"100%\", height: \"400px\" }}>\r\n      <ChartRenderSDK\r\n        chartId=\"your-chart-id\"\r\n        apiConfig={{\r\n          baseURL: \"http://your-api-host:8000\", // Cube Transform API 地址\r\n          userId: \"user-123\", // 当前用户 ID\r\n          headers: {\r\n            Authorization: \"Bearer your-token\", // 可选：自定义请求头\r\n          },\r\n        }}\r\n        filters={[\r\n          // 可选：自定义过滤器\r\n          {\r\n            field: \"createBy.country_id.countryName\",\r\n            operator: \"equals\",\r\n            values: [\"China\"],\r\n          },\r\n        ]}\r\n        onLoad={(title) => console.log(\"Chart loaded:\", title)}\r\n        onError={(err) => console.error(\"Chart error:\", err)}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default App;\r\n```\r\n\r\n## API 参考\r\n\r\n### ChartRenderSDK\r\n\r\n| 属性                | 类型                      | 必填 | 默认值           | 说明                                       |\r\n| ------------------- | ------------------------- | ---- | ---------------- | ------------------------------------------ |\r\n| `chartId`           | `string`                  | 是   | -                | 图表 ID                                    |\r\n| `apiConfig`         | `object`                  | 是   | `{}`             | API 配置对象                               |\r\n| `apiConfig.baseURL` | `string`                  | 是   | -                | API 基础 URL                               |\r\n| `apiConfig.userId`  | `string`                  | 否   | `'default_user'` | 用户 ID                                    |\r\n| `apiConfig.headers` | `object`                  | 否   | `{}`             | 自定义请求头                               |\r\n| `filters`           | `Array`                   | 否   | `[]`             | 外部过滤器 `[{ field, operator, values }]` |\r\n| `config`            | `object`                  | 否   | -                | 直接传入图表配置（不从后端加载）           |\r\n| `showTitle`         | `boolean`                 | 否   | `true`           | 是否显示标题栏                             |\r\n| `style`             | `CSSProperties`           | 否   | -                | 容器样式                                   |\r\n| `className`         | `string`                  | 否   | -                | 容器类名                                   |\r\n| `onLoad`            | `(title: string) => void` | 否   | -                | 加载完成回调                               |\r\n| `onError`           | `(error: Error) => void`  | 否   | -                | 错误回调                                   |\r\n\r\n## 开发与构建\r\n\r\n### 环境要求\r\n\r\n- Node.js >= 16\r\n- npm 或 yarn\r\n\r\n### 构建步骤\r\n\r\n1.  **安装依赖**\r\n\r\n    ```bash\r\n    npm install\r\n    ```\r\n\r\n2.  **开发模式**\r\n\r\n    ```bash\r\n    npm run dev\r\n    ```\r\n\r\n3.  **构建生产包**\r\n\r\n    ```bash\r\n    npm run build\r\n    ```\r\n\r\n    构建产物将输出到 `dist` 目录：\r\n\r\n    - `dist/index.esm.js` (ES Module)\r\n    - `dist/index.cjs.js` (CommonJS)\r\n\r\n## 依赖说明\r\n\r\n本 SDK 依赖于主项目 (`../../src`) 中的组件。在构建时，Vite 会自动解析并打包这些依赖。确保你的开发环境能够访问到主项目的源码目录。\r\n\r\nnpm run build\r\nnpm publish --access public","readmeFilename":"README.md"}