hgdataview 1.0.2 → 1.0.3

package/package.json

@@ -1,118 +1,15 @@
 {
   "name": "hgdataview",
-  "version": "1.0.2",
-  "engines": {
-    "node": ">=16.14"
-  },
+  "version": "1.0.3",
   "type": "module",
-  "files": [
-    "dist"
-  ],
-  "main": "./dist/hgdataview.es.js",
-  "module": "./dist/hgdataview.es.js",
-  "types": "./dist/index.d.ts",
+  "main": "./hgdataview.es.js",
+  "module": "./hgdataview.es.js",
+  "types": "./index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/hgdataview.es.js",
-      "default": "./dist/hgdataview.es.js"
+      "import": "./hgdataview.es.js",
+      "default": "./hgdataview.es.js"
     },
-    "./style": "./dist/hgdataview.css"
-  },
-  "scripts": {
-    "dev": "vite --host",
-    "build": "vite build",
-    "build:lib": "vite build --config vite.lib.config.ts",
-    "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist",
-    "preview": "vite preview",
-    "new": "plop --plopfile ./plop/plopfile.js",
-    "registry": "node ./scripts/hg-registry.mjs",
-    "postinstall": "husky install",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx,.vue src",
-    "lint:fix": "eslint --ext .js,.jsx,.ts,.tsx,.vue src --fix",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs",
-    "prepare:dist": "node ./scripts/prepare-dist-package.mjs",
-    "pack:dist": "pnpm run build:lib && pnpm run prepare:dist && npm pack ./dist",
-    "publish:dist": "pnpm run build:lib && pnpm run prepare:dist && npm publish ./dist"
-  },
-  "dependencies": {
-    "@amap/amap-jsapi-loader": "^1.0.1",
-    "@amap/amap-jsapi-types": "^0.0.8",
-    "@element-plus/icons-vue": "^2.3.2",
-    "@iconify/json": "^2.2.158",
-    "@types/color": "^3.0.3",
-    "@types/crypto-js": "^4.1.1",
-    "@types/keymaster": "^1.6.30",
-    "@types/lodash": "^4.14.184",
-    "@visactor/vchart": "^2.0.0",
-    "@visactor/vchart-theme": "^1.12.2",
-    "animate.css": "^4.1.1",
-    "axios": "^1.4.0",
-    "color": "^4.2.3",
-    "crypto-js": "^4.1.1",
-    "dayjs": "^1.11.7",
-    "dom-helpers": "^5.2.1",
-    "echarts-liquidfill": "^3.1.0",
-    "echarts-stat": "^1.2.0",
-    "echarts-wordcloud": "^2.0.0",
-    "element-plus": "^2.11.7",
-    "gsap": "^3.11.3",
-    "highlight.js": "^11.5.0",
-    "html2canvas": "^1.4.1",
-    "iconify-icon": "^1.0.8",
-    "keymaster": "^1.6.2",
-    "mitt": "^3.0.0",
-    "monaco-editor": "^0.33.0",
-    "naive-ui": "2.40.3",
-    "pinia": "^2.0.13",
-    "screenfull": "^6.0.1",
-    "three": "^0.145.0",
-    "vue": "^3.5.13",
-    "vue-demi": "^0.13.1",
-    "vue-i18n": "9.2.2",
-    "vue-router": "4.0.12",
-    "vue3-lazyload": "^0.2.5-beta",
-    "vue3-sketch-ruler": "^1.3.3",
-    "vuedraggable": "^4.1.0"
-  },
-  "devDependencies": {
-    "@commitlint/cli": "^17.0.2",
-    "@commitlint/config-conventional": "^17.0.2",
-    "@types/node": "^16.11.26",
-    "@types/three": "^0.144.0",
-    "@typescript-eslint/eslint-plugin": "^5.18.0",
-    "@typescript-eslint/parser": "^5.18.0",
-    "@vicons/carbon": "^0.12.0",
-    "@vicons/ionicons5": "~0.11.0",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
-    "@vue/compiler-sfc": "^3.2.31",
-    "@vueuse/core": "^7.7.1",
-    "commitlint": "^17.0.2",
-    "default-passive-events": "^2.0.0",
-    "echarts": "^5.3.2",
-    "eslint": "^8.12.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.5.0",
-    "husky": "^8.0.1",
-    "lodash": "~4.17.21",
-    "mockjs": "^1.1.0",
-    "plop": "^3.0.5",
-    "prettier": "^2.6.2",
-    "sass": "1.49.11",
-    "sass-loader": "^12.6.0",
-    "typescript": "4.6.3",
-    "vite": "4.3.6",
-    "vite-plugin-compression": "^0.5.1",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-importer": "^0.2.5",
-    "vite-plugin-mock": "^2.9.6",
-    "vite-plugin-monaco-editor": "^1.1.0",
-    "vitepress": "^1.6.4",
-    "vue-echarts": "^6.0.2",
-    "vue-tsc": "^0.28.10"
+    "./style": "./hgdataview.css"
   }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2021-present HGDataView
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/README.md

@@ -1,314 +0,0 @@
-<p align="center">
-  <img src="readme/logo-t-y.png" alt="hgdataview" />
-</p>
-
-<h2 align="center">hgdataview</h2>
-
-<h4 align="center">
-基于 GoView 项目二次开发的 hgdataview 数据可视化低代码平台
-</h4>
-
----
-
-## 项目说明
-
-本项目基于 GoView 开源项目进行二次开发与定制化改造，命名为 hgdataview，保留了原项目优秀的大屏可视化编辑能力，并结合当前业务场景进行了适配与扩展。
-
-适用于以下场景：
-
-- 数据大屏设计与搭建
-- 可视化看板快速开发
-- 低代码页面编排
-- 图表展示与预览发布
-
-## 基础特性
-
-- 基于 `Vue3` + `TypeScript` 构建
-- 支持大屏可视化拖拽编辑
-- 支持丰富的图表与装饰组件
-- 支持 `ECharts` 与 `VChart`
-- 支持主题配置、样式配置与页面预览
-- 支持组件化扩展与自定义开发
-- 支持作为组件库集成到其他项目中
-
-## 项目来源
-
-本项目基于原始 GoView 项目进行二次开发与持续维护，当前仓库为面向业务场景落地的 hgdataview 定制版本。
-
-在继承原项目大屏可视化编辑、组件化扩展与预览发布等基础能力的同时，本仓库结合实际业务需求进行了功能适配、工程调整与使用方式优化，README 重点说明当前版本的项目定位、能力范围、开发方式与组件集成方式。
-
-如需了解原项目的早期设计思路与通用能力来源，可参考 GoView 相关生态资料；本仓库文档以 hgdataview 自身内容为主，不保留与当前项目使用无直接关系的宣传、赞助、社群或推广信息。
-
-## 文档
-
-- 本地文档启动：运行 `pnpm docs:dev`
-- 项目依赖与脚本说明：见 [`package.json`](package.json)
-
-## 整体介绍
-
-- 框架：基于 `Vue3` 框架编写，使用 `hooks` 写法抽离部分逻辑，使代码结构更加清晰
-- 类型：使用 `TypeScript` 进行类型约束，减少未知错误发生概率
-- 性能：使用页面懒加载、组件动态注册、数据滚动加载等方式提升页面渲染速度
-- 存储：部分配置项采用本地存储，提升使用体验
-- 封装：内置路由、存储、加解密、文件处理、主题、组件等常用能力
-- 可视化：基于开源图表库 [ECharts](https://echarts.apache.org/zh/index.html) 和 [VChart](https://www.visactor.io/vchart)
-
-## 功能预览
-
-说明文档：
-
-![说明文档](readme/go-view-doc.png)
-
-工作台：
-
-![工作台](readme/go-view-canvas.png)
-
-请求配置：
-
-![请求配置](readme/go-view-fetch.png)
-
-数据过滤：
-
-![数据过滤](readme/go-view-filter.png)
-
-高级事件编辑：
-
-![高级事件编辑](readme/go-view-event.png)
-
-自定义组件颜色：
-
-![自定义组件颜色](readme/go-view-echarts-color.png)
-
-快捷主页：
-
-![快捷主页](readme/go-view-indexpage.png)
-
-主题色：
-
-![主题色](readme/go-view-color.png)
-
-亮白主题：
-
-![亮白主题](readme/go-view-theme.png)
-
-VChart 集成：
-
-![图表框架 VChart](readme/go-view-vcharts.png)
-
-## 主要技术栈
-
-| 名称                | 版本  | 名称        | 版本   |
-| ------------------- | ----- | ----------- | ------ |
-| Vue                 | 3.2.x | TypeScript4 | 4.6.x  |
-| Vite                | 4.2.x | NaiveUI     | 2.34.x |
-| ECharts             | 5.3.x | Pinia       | 2.0.x  |
-| 详见 `package.json` | -     | -           | -      |
-
-## 开发环境
-
-| 名称 | 版本    | 名称    | 版本   |
-| ---- | ------- | ------- | ------ |
-| node | 18.20.x | npm     | 10.7.x |
-| pnpm | 8.6.7   | windows | 11     |
-
-## 已完成图表
-
-| 分类   | 名称             | 名称       | 名称           | 名称                    |
-| ------ | ---------------- | ---------- | -------------- | ----------------------- |
-| 图表   | 柱状图           | 横向柱状图 | 折线图         | 单/多折线面积图(渐变色) |
-| \*     | 饼图             | 环形图     | 水球图         | 雷达图                  |
-| \*     | NaiveUI 多种进度 | 散点图     | 对数回归散点图 | 热力图                  |
-| \*     | 漏斗图           | 中国地图   | 高德地图       | 更多扩展中              |
-| 信息   | 文字             | 渐变文字   | 词云           | 嵌套网页                |
-| \*     | 图片             | 视频       | 更多扩展中     | 更多扩展中              |
-| 列表   | 滚动排名列表     | 滚动表格   | 更多扩展中     | 更多扩展中              |
-| 小组件 | 边框-01~13       | 装饰-01~05 | 数字翻牌       | 通用时间                |
-| \*     | 数字计数         | 倒计时     | 时钟           | 更多扩展中              |
-
-## 浏览器支持
-
-开发和测试主要在最新版 `Google Chrome` 和 `Microsoft Edge` 上完成，其他浏览器请根据实际项目需要自行验证兼容性。
-
-## 安装
-
-```bash
-pnpm install
-```
-
-## 启动
-
-```bash
-pnpm dev
-```
-
-## 构建
-
-```bash
-pnpm build
-```
-
-## 组件库使用
-
-项目提供两个核心组件，可作为 npm 包集成到其他项目中：
-
-### 安装
-
-```bash
-# npm
-npm install hgdataview
-
-# pnpm
-pnpm add hgdataview
-
-# yarn
-yarn add hgdataview
-```
-
-### 依赖说明
-
-组件库使用时建议安装以下依赖：
-
-```bash
-npm install vue pinia echarts element-plus naive-ui vue3-lazyload vue3-sketch-ruler animate.css
-```
-
-### 全局注册
-
-```typescript
-import { createApp } from 'vue'
-import { createPinia } from 'pinia'
-import HgDataView from 'hgdataview'
-import 'hgdataview/style'
-
-const app = createApp(App)
-app.use(createPinia())
-app.use(HgDataView)
-app.mount('#app')
-```
-
-### 按需引入
-
-```typescript
-import { HgDataViewEditor, HgDataViewPreview } from 'hgdataview'
-import 'hgdataview/style'
-```
-
-### HgDataViewEditor 设计器组件
-
-设计器组件提供完整的可视化大屏编辑功能。
-
-#### 基础用法
-
-```vue
-<template>
-  <HgDataViewEditor v-model="projectData" width="100%" height="100vh" @save="handleSave" @change="handleChange">
-    <template #header-left>
-      <span>我的项目</span>
-    </template>
-
-    <template #header-center>
-      <span>项目名称</span>
-    </template>
-
-    <template #header-right>
-      <el-button @click="handleSave">保存</el-button>
-      <el-button @click="handlePreview">预览</el-button>
-    </template>
-  </HgDataViewEditor>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-import { HgDataViewEditor } from 'hgdataview'
-
-const projectData = ref(null)
-
-const handleSave = (data: any) => {
-  console.log('保存数据:', data)
-}
-
-const handleChange = (data: any) => {
-  console.log('数据变化:', data)
-}
-</script>
-```
-
-#### Props
-
-| 属性                 | 类型                | 默认值    | 说明                 |
-| -------------------- | ------------------- | --------- | -------------------- |
-| width                | `string \| number`  | `'100%'`  | 编辑器宽度           |
-| height               | `string \| number`  | `'100vh'` | 编辑器高度           |
-| theme                | `'light' \| 'dark'` | `'light'` | 主题模式             |
-| modelValue (v-model) | `object`            | -         | 项目数据（双向绑定） |
-
-#### Events
-
-| 事件名            | 参数                  | 说明                 |
-| ----------------- | --------------------- | -------------------- |
-| update:modelValue | `(data: ProjectData)` | 数据更新时触发       |
-| save              | `(data: ProjectData)` | 调用 save 方法时触发 |
-| change            | `(data: ProjectData)` | 画布内容变化时触发   |
-
-#### Slots
-
-| 插槽名        | 说明               |
-| ------------- | ------------------ |
-| header-left   | 顶部工具栏左侧区域 |
-| header-center | 顶部工具栏中间区域 |
-| header-right  | 顶部工具栏右侧区域 |
-
-### HgDataViewPreview 预览组件
-
-预览组件用于展示设计好的大屏内容。
-
-#### 基础用法
-
-```vue
-<template>
-  <HgDataViewPreview :project-data="projectData" width="100%" height="100vh" :auto-fit="true" />
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted } from 'vue'
-import { HgDataViewPreview } from 'hgdataview'
-
-const projectData = ref(null)
-
-onMounted(async () => {
-  const res = await fetch('/api/project/1')
-  projectData.value = await res.json()
-})
-</script>
-```
-
-## 自定义组件开发
-
-项目支持开发自定义组件，扩展组件库。可结合 [`src/packages`](src/packages) 目录下现有组件结构进行开发。
-
-快速生成组件骨架：
-
-```bash
-pnpm new
-pnpm new component
-```
-
-生成后通常还需要：
-
-1. 在对应分类的 `index.ts` 中注册组件
-2. 添加对应预览图片资源
-3. 根据业务场景补充配置面板和数据结构
-
-## 代码提交
-
-- feat: 新功能
-- fix: 修复 Bug
-- docs: 文档修改
-- perf: 性能优化
-- revert: 版本回退
-- ci: CICD 集成相关
-- test: 添加测试代码
-- refactor: 代码重构
-- build: 影响项目构建或依赖修改
-- style: 不影响程序逻辑的代码修改
-- chore: 其他日常事务类修改

package/dist/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "hgdataview",
-  "version": "1.0.0",
-  "type": "module",
-  "main": "./hgdataview.es.js",
-  "module": "./hgdataview.es.js",
-  "types": "./index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./hgdataview.es.js",
-      "default": "./hgdataview.es.js"
-    },
-    "./style": "./hgdataview.css"
-  }
-}