# stylefish

**Repository Path**: cubic8/stylefish

## Basic Information

- **Project Name**: stylefish
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-22
- **Last Updated**: 2026-05-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# StyleFish

Mapbox 样式编辑器，用于导入、查看、编辑和导出 Mapbox GL 样式 JSON。

## 功能

- **导入样式**：支持拖拽文件、文件选择器或粘贴 JSON 导入 Mapbox 样式
- **双栏编辑**：左右对照布局，左侧原始只读，右侧可编辑
- **数据源编辑**：修改 source 的 tile url、坐标范围、放大级别等配置
- **图层批量编辑**：按 source-layer 分组，批量重命名 source-layer 和 filter 字段名
- **JSON 编辑**：可视化编辑和 JSON 编辑两种模式切换，JSON 模式支持字符级 diff 高亮
- **iServer 一键优化**：输入 iServer VectorMap REST 接口地址，一键获取 source-layer 和字段信息，自动填充下拉选项

## 开发调试

```bash
# 安装依赖
npm install --registry http://registry.npmmirror.com

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build --registry http://registry.npmmirror.com
```

## iServer 代理配置

若 iServer 服务不在同源下，需在 `vite.config.js` 中配置代理：

```js
server: {
  proxy: {
    '/iserver': {
      target: 'http://your-iserver-host:port',
      changeOrigin: true,
    }
  }
}
```

然后在顶部 URL 输入框填写 `/iserver/services/.../restjsr/v2/datas.rjson`，开发服务器会自动转发请求。

## 技术栈

- Vue 3 + `<script setup>` Composition API
- Vite 5
- 无额外 UI 框架，纯 CSS 手工样式