@easy-editor/materials-dashboard-gauge-chart 0.0.2

package/dist/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sources":["../../../../shared/src/index.ts","../src/constants.ts","../src/configure.ts","../src/snippets.ts","../src/meta.ts"],"sourcesContent":["/**\n * Shared types, components and utilities for EasyEditor materials\n * @package @easy-editor/materials-shared\n */\n\n// 物料分组常量\nexport const MaterialGroup = {\n  /** 内置 */\n  INNER: 'inner',\n  /** 基础 */\n  BASIC: 'basic',\n  /** 图表 */\n  CHART: 'chart',\n  /** 数据展示 */\n  DISPLAY: 'display',\n  /** 媒体 */\n  MEDIA: 'media',\n  /** 交互 */\n  INTERACTION: 'interaction',\n  /** 地图 */\n  MAP: 'map',\n} as const\n\nexport type MaterialGroup = (typeof MaterialGroup)[keyof typeof MaterialGroup]\n\n// 工具函数\nexport { cn } from './lib/utils'\n\nexport * from './types'\n","/**\n * 物料常量配置\n * 统一管理全局变量名等配置，确保 meta.ts 和 rollup.config.js 使用相同的值\n */\n\n/**\n * UMD 全局变量基础名称\n */\nexport const COMPONENT_NAME = 'EasyEditorMaterialsGaugeChart'\n\n/**\n * 包名\n */\nexport const PACKAGE_NAME = '@easy-editor/materials-dashboard-gauge-chart'\n\n/**\n * 指针类型\n */\nexport const POINTER_TYPES = ['needle', 'triangle', 'rect'] as const\n\n/**\n * 颜色区间类型\n */\nexport interface GaugeRange {\n  from: number\n  to: number\n  color: string\n}\n\n/**\n * 默认颜色区间\n */\nexport const DEFAULT_RANGES: GaugeRange[] = [\n  { from: 0, to: 40, color: '#00ff88' },\n  { from: 40, to: 70, color: '#ffcc00' },\n  { from: 70, to: 100, color: '#ff4444' },\n]\n","/**\n * Gauge Chart Configure\n * 仪表盘组件配置\n */\n\nimport type { Configure } from '@easy-editor/core'\n\nconst configure: Configure = {\n  props: [\n    {\n      type: 'group',\n      title: '属性',\n      setter: 'TabSetter',\n      items: [\n        {\n          type: 'group',\n          key: 'config',\n          title: '配置',\n          setter: {\n            componentName: 'CollapseSetter',\n            props: {\n              icon: false,\n            },\n          },\n          items: [\n            // 基础配置\n            {\n              name: 'id',\n              title: 'ID',\n              setter: 'NodeIdSetter',\n              extraProps: {\n                // @ts-expect-error label is not a valid extra prop\n                label: false,\n              },\n            },\n            {\n              name: 'title',\n              title: '标题',\n              setter: 'StringSetter',\n              extraProps: {\n                getValue(target) {\n                  return target.getExtraPropValue('title')\n                },\n                setValue(target, value) {\n                  target.setExtraPropValue('title', value)\n                },\n              },\n            },\n            {\n              type: 'group',\n              title: '基础属性',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'rect',\n                  title: '位置尺寸',\n                  setter: 'RectSetter',\n                  extraProps: {\n                    getValue(target) {\n                      return target.getExtraPropValue('$dashboard.rect')\n                    },\n                    setValue(target, value) {\n                      target.setExtraPropValue('$dashboard.rect', value)\n                    },\n                  },\n                },\n              ],\n            },\n            // 组件配置\n            {\n              type: 'group',\n              title: '数值',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'value',\n                  title: '当前值',\n                  setter: 'NumberSetter',\n                  extraProps: {\n                    defaultValue: 0,\n                  },\n                },\n                {\n                  name: 'min',\n                  title: '最小值',\n                  setter: 'NumberSetter',\n                  extraProps: {\n                    defaultValue: 0,\n                  },\n                },\n                {\n                  name: 'max',\n                  title: '最大值',\n                  setter: 'NumberSetter',\n                  extraProps: {\n                    defaultValue: 100,\n                  },\n                },\n                {\n                  name: 'unit',\n                  title: '单位',\n                  setter: 'StringSetter',\n                },\n              ],\n            },\n            {\n              type: 'group',\n              title: '数值格式',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'valuePrefix',\n                  title: '前缀',\n                  setter: 'StringSetter',\n                },\n                {\n                  name: 'valueSuffix',\n                  title: '后缀',\n                  setter: 'StringSetter',\n                },\n                {\n                  name: 'valueDecimals',\n                  title: '小数位数',\n                  setter: {\n                    componentName: 'NumberSetter',\n                    props: {\n                      suffix: '位',\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 0,\n                  },\n                },\n                {\n                  name: 'valueSeparator',\n                  title: '千分位分隔',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: false,\n                  },\n                },\n              ],\n            },\n            {\n              type: 'group',\n              title: '刻度',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'showScale',\n                  title: '显示刻度',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: true,\n                  },\n                },\n                {\n                  name: 'divisions',\n                  title: '刻度数量',\n                  setter: {\n                    componentName: 'SliderSetter',\n                    props: {\n                      min: 2,\n                      max: 20,\n                      step: 1,\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 10,\n                  },\n                },\n                {\n                  name: 'showLabels',\n                  title: '显示刻度值',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: true,\n                  },\n                },\n              ],\n            },\n            {\n              type: 'group',\n              title: '样式',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'pointerType',\n                  title: '指针类型',\n                  setter: {\n                    componentName: 'SegmentedSetter',\n                    props: {\n                      options: [\n                        { label: '针形', value: 'needle' },\n                        { label: '三角形', value: 'triangle' },\n                        { label: '矩形', value: 'rect' },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 'needle',\n                  },\n                },\n                {\n                  name: 'pointerColor',\n                  title: '指针颜色',\n                  setter: 'ColorSetter',\n                  extraProps: {\n                    defaultValue: '#ffffff',\n                  },\n                },\n                {\n                  name: 'glowEffect',\n                  title: '发光效果',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: false,\n                  },\n                },\n              ],\n            },\n          ],\n        },\n        {\n          type: 'group',\n          key: 'data',\n          title: '数据',\n          items: [\n            {\n              name: 'dataBinding',\n              title: '数据绑定',\n              setter: 'DataBindingSetter',\n            },\n          ],\n        },\n        {\n          type: 'group',\n          key: 'advanced',\n          title: '高级',\n          items: [\n            {\n              name: 'condition',\n              title: '显隐控制',\n              setter: 'SwitchSetter',\n              extraProps: {\n                defaultValue: true,\n                supportVariable: true,\n              },\n            },\n          ],\n        },\n      ],\n    },\n  ],\n  component: {},\n  supports: {},\n  advanced: {},\n}\n\nexport default configure\n","import type { Snippet } from '@easy-editor/core'\nimport { COMPONENT_NAME } from './constants'\n\nconst snippets: Snippet[] = [\n  {\n    title: '仪表盘',\n    screenshot: '',\n    schema: {\n      componentName: COMPONENT_NAME,\n      props: {\n        value: 65,\n        min: 0,\n        max: 100,\n        showScale: true,\n        divisions: 10,\n        showLabels: true,\n        pointerType: 'needle',\n        pointerColor: '#ffffff',\n      },\n      $dashboard: {\n        rect: {\n          width: 220,\n          height: 140,\n        },\n      },\n    },\n  },\n  {\n    title: '发光仪表盘',\n    screenshot: '',\n    schema: {\n      componentName: COMPONENT_NAME,\n      props: {\n        value: 78,\n        min: 0,\n        max: 100,\n        unit: '%',\n        showScale: true,\n        divisions: 10,\n        showLabels: true,\n        pointerType: 'needle',\n        pointerColor: '#00ffff',\n        glowEffect: true,\n      },\n      $dashboard: {\n        rect: {\n          width: 220,\n          height: 140,\n        },\n      },\n    },\n  },\n]\n\nexport default snippets\n","import type { ComponentMetadata } from '@easy-editor/core'\nimport { MaterialGroup } from '@easy-editor/materials-shared'\nimport { COMPONENT_NAME, PACKAGE_NAME } from './constants'\nimport configure from './configure'\nimport snippets from './snippets'\nimport pkg from '../package.json'\n\nconst meta: ComponentMetadata = {\n  componentName: COMPONENT_NAME,\n  title: '仪表盘',\n  group: MaterialGroup.CHART,\n  devMode: 'proCode',\n  npm: {\n    package: PACKAGE_NAME,\n    version: pkg.version,\n    globalName: COMPONENT_NAME,\n    componentName: COMPONENT_NAME,\n  },\n  snippets,\n  configure,\n}\n\nexport default meta\n"],"names":["MaterialGroup","INNER","CHART","COMPONENT_NAME","PACKAGE_NAME","configure","props","type","title","setter","items","key","componentName","icon","name","extraProps","label","getValue","target","getExtraPropValue","setValue","value","setExtraPropValue","defaultValue","suffix","min","max","step","options","supportVariable","component","supports","advanced","snippets","screenshot","schema","showScale","divisions","showLabels","pointerType","pointerColor","$dashboard","rect","width","height","unit","glowEffect","meta","group","devMode","npm","package","version","pkg","globalName"],"mappings":"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"}

package/dist/meta.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).EasyEditorMaterialsGaugeChartMeta={})}(this,function(e){"use strict";const t="EasyEditorMaterialsGaugeChart";const r={componentName:t,title:"仪表盘",group:"chart",devMode:"proCode",npm:{package:"@easy-editor/materials-dashboard-gauge-chart",version:"0.0.1",globalName:t,componentName:t},snippets:[{title:"仪表盘",screenshot:"",schema:{componentName:t,props:{value:65,min:0,max:100,showScale:!0,divisions:10,showLabels:!0,pointerType:"needle",pointerColor:"#ffffff"},$dashboard:{rect:{width:220,height:140}}}},{title:"发光仪表盘",screenshot:"",schema:{componentName:t,props:{value:78,min:0,max:100,unit:"%",showScale:!0,divisions:10,showLabels:!0,pointerType:"needle",pointerColor:"#00ffff",glowEffect:!0},$dashboard:{rect:{width:220,height:140}}}}],configure:{props:[{type:"group",title:"属性",setter:"TabSetter",items:[{type:"group",key:"config",title:"配置",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"id",title:"ID",setter:"NodeIdSetter",extraProps:{label:!1}},{name:"title",title:"标题",setter:"StringSetter",extraProps:{getValue:e=>e.getExtraPropValue("title"),setValue(e,t){e.setExtraPropValue("title",t)}}},{type:"group",title:"基础属性",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"rect",title:"位置尺寸",setter:"RectSetter",extraProps:{getValue:e=>e.getExtraPropValue("$dashboard.rect"),setValue(e,t){e.setExtraPropValue("$dashboard.rect",t)}}}]},{type:"group",title:"数值",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"value",title:"当前值",setter:"NumberSetter",extraProps:{defaultValue:0}},{name:"min",title:"最小值",setter:"NumberSetter",extraProps:{defaultValue:0}},{name:"max",title:"最大值",setter:"NumberSetter",extraProps:{defaultValue:100}},{name:"unit",title:"单位",setter:"StringSetter"}]},{type:"group",title:"数值格式",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"valuePrefix",title:"前缀",setter:"StringSetter"},{name:"valueSuffix",title:"后缀",setter:"StringSetter"},{name:"valueDecimals",title:"小数位数",setter:{componentName:"NumberSetter",props:{suffix:"位"}},extraProps:{defaultValue:0}},{name:"valueSeparator",title:"千分位分隔",setter:"SwitchSetter",extraProps:{defaultValue:!1}}]},{type:"group",title:"刻度",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"showScale",title:"显示刻度",setter:"SwitchSetter",extraProps:{defaultValue:!0}},{name:"divisions",title:"刻度数量",setter:{componentName:"SliderSetter",props:{min:2,max:20,step:1}},extraProps:{defaultValue:10}},{name:"showLabels",title:"显示刻度值",setter:"SwitchSetter",extraProps:{defaultValue:!0}}]},{type:"group",title:"样式",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"pointerType",title:"指针类型",setter:{componentName:"SegmentedSetter",props:{options:[{label:"针形",value:"needle"},{label:"三角形",value:"triangle"},{label:"矩形",value:"rect"}]}},extraProps:{defaultValue:"needle"}},{name:"pointerColor",title:"指针颜色",setter:"ColorSetter",extraProps:{defaultValue:"#ffffff"}},{name:"glowEffect",title:"发光效果",setter:"SwitchSetter",extraProps:{defaultValue:!1}}]}]},{type:"group",key:"data",title:"数据",items:[{name:"dataBinding",title:"数据绑定",setter:"DataBindingSetter"}]},{type:"group",key:"advanced",title:"高级",items:[{name:"condition",title:"显隐控制",setter:"SwitchSetter",extraProps:{defaultValue:!0,supportVariable:!0}}]}]}],component:{},supports:{},advanced:{}}};e.default=r,Object.defineProperty(e,"__esModule",{value:!0})});
+//# sourceMappingURL=meta.min.js.map

package/dist/meta.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.min.js","sources":["../../../../shared/src/index.ts","../src/constants.ts","../src/meta.ts","../src/snippets.ts","../src/configure.ts"],"sourcesContent":["/**\n * Shared types, components and utilities for EasyEditor materials\n * @package @easy-editor/materials-shared\n */\n\n// 物料分组常量\nexport const MaterialGroup = {\n  /** 内置 */\n  INNER: 'inner',\n  /** 基础 */\n  BASIC: 'basic',\n  /** 图表 */\n  CHART: 'chart',\n  /** 数据展示 */\n  DISPLAY: 'display',\n  /** 媒体 */\n  MEDIA: 'media',\n  /** 交互 */\n  INTERACTION: 'interaction',\n  /** 地图 */\n  MAP: 'map',\n} as const\n\nexport type MaterialGroup = (typeof MaterialGroup)[keyof typeof MaterialGroup]\n\n// 工具函数\nexport { cn } from './lib/utils'\n\nexport * from './types'\n","/**\n * 物料常量配置\n * 统一管理全局变量名等配置，确保 meta.ts 和 rollup.config.js 使用相同的值\n */\n\n/**\n * UMD 全局变量基础名称\n */\nexport const COMPONENT_NAME = 'EasyEditorMaterialsGaugeChart'\n\n/**\n * 包名\n */\nexport const PACKAGE_NAME = '@easy-editor/materials-dashboard-gauge-chart'\n\n/**\n * 指针类型\n */\nexport const POINTER_TYPES = ['needle', 'triangle', 'rect'] as const\n\n/**\n * 颜色区间类型\n */\nexport interface GaugeRange {\n  from: number\n  to: number\n  color: string\n}\n\n/**\n * 默认颜色区间\n */\nexport const DEFAULT_RANGES: GaugeRange[] = [\n  { from: 0, to: 40, color: '#00ff88' },\n  { from: 40, to: 70, color: '#ffcc00' },\n  { from: 70, to: 100, color: '#ff4444' },\n]\n","import type { ComponentMetadata } from '@easy-editor/core'\nimport { MaterialGroup } from '@easy-editor/materials-shared'\nimport { COMPONENT_NAME, PACKAGE_NAME } from './constants'\nimport configure from './configure'\nimport snippets from './snippets'\nimport pkg from '../package.json'\n\nconst meta: ComponentMetadata = {\n  componentName: COMPONENT_NAME,\n  title: '仪表盘',\n  group: MaterialGroup.CHART,\n  devMode: 'proCode',\n  npm: {\n    package: PACKAGE_NAME,\n    version: pkg.version,\n    globalName: COMPONENT_NAME,\n    componentName: COMPONENT_NAME,\n  },\n  snippets,\n  configure,\n}\n\nexport default meta\n","import type { Snippet } from '@easy-editor/core'\nimport { COMPONENT_NAME } from './constants'\n\nconst snippets: Snippet[] = [\n  {\n    title: '仪表盘',\n    screenshot: '',\n    schema: {\n      componentName: COMPONENT_NAME,\n      props: {\n        value: 65,\n        min: 0,\n        max: 100,\n        showScale: true,\n        divisions: 10,\n        showLabels: true,\n        pointerType: 'needle',\n        pointerColor: '#ffffff',\n      },\n      $dashboard: {\n        rect: {\n          width: 220,\n          height: 140,\n        },\n      },\n    },\n  },\n  {\n    title: '发光仪表盘',\n    screenshot: '',\n    schema: {\n      componentName: COMPONENT_NAME,\n      props: {\n        value: 78,\n        min: 0,\n        max: 100,\n        unit: '%',\n        showScale: true,\n        divisions: 10,\n        showLabels: true,\n        pointerType: 'needle',\n        pointerColor: '#00ffff',\n        glowEffect: true,\n      },\n      $dashboard: {\n        rect: {\n          width: 220,\n          height: 140,\n        },\n      },\n    },\n  },\n]\n\nexport default snippets\n","/**\n * Gauge Chart Configure\n * 仪表盘组件配置\n */\n\nimport type { Configure } from '@easy-editor/core'\n\nconst configure: Configure = {\n  props: [\n    {\n      type: 'group',\n      title: '属性',\n      setter: 'TabSetter',\n      items: [\n        {\n          type: 'group',\n          key: 'config',\n          title: '配置',\n          setter: {\n            componentName: 'CollapseSetter',\n            props: {\n              icon: false,\n            },\n          },\n          items: [\n            // 基础配置\n            {\n              name: 'id',\n              title: 'ID',\n              setter: 'NodeIdSetter',\n              extraProps: {\n                // @ts-expect-error label is not a valid extra prop\n                label: false,\n              },\n            },\n            {\n              name: 'title',\n              title: '标题',\n              setter: 'StringSetter',\n              extraProps: {\n                getValue(target) {\n                  return target.getExtraPropValue('title')\n                },\n                setValue(target, value) {\n                  target.setExtraPropValue('title', value)\n                },\n              },\n            },\n            {\n              type: 'group',\n              title: '基础属性',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'rect',\n                  title: '位置尺寸',\n                  setter: 'RectSetter',\n                  extraProps: {\n                    getValue(target) {\n                      return target.getExtraPropValue('$dashboard.rect')\n                    },\n                    setValue(target, value) {\n                      target.setExtraPropValue('$dashboard.rect', value)\n                    },\n                  },\n                },\n              ],\n            },\n            // 组件配置\n            {\n              type: 'group',\n              title: '数值',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'value',\n                  title: '当前值',\n                  setter: 'NumberSetter',\n                  extraProps: {\n                    defaultValue: 0,\n                  },\n                },\n                {\n                  name: 'min',\n                  title: '最小值',\n                  setter: 'NumberSetter',\n                  extraProps: {\n                    defaultValue: 0,\n                  },\n                },\n                {\n                  name: 'max',\n                  title: '最大值',\n                  setter: 'NumberSetter',\n                  extraProps: {\n                    defaultValue: 100,\n                  },\n                },\n                {\n                  name: 'unit',\n                  title: '单位',\n                  setter: 'StringSetter',\n                },\n              ],\n            },\n            {\n              type: 'group',\n              title: '数值格式',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'valuePrefix',\n                  title: '前缀',\n                  setter: 'StringSetter',\n                },\n                {\n                  name: 'valueSuffix',\n                  title: '后缀',\n                  setter: 'StringSetter',\n                },\n                {\n                  name: 'valueDecimals',\n                  title: '小数位数',\n                  setter: {\n                    componentName: 'NumberSetter',\n                    props: {\n                      suffix: '位',\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 0,\n                  },\n                },\n                {\n                  name: 'valueSeparator',\n                  title: '千分位分隔',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: false,\n                  },\n                },\n              ],\n            },\n            {\n              type: 'group',\n              title: '刻度',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'showScale',\n                  title: '显示刻度',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: true,\n                  },\n                },\n                {\n                  name: 'divisions',\n                  title: '刻度数量',\n                  setter: {\n                    componentName: 'SliderSetter',\n                    props: {\n                      min: 2,\n                      max: 20,\n                      step: 1,\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 10,\n                  },\n                },\n                {\n                  name: 'showLabels',\n                  title: '显示刻度值',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: true,\n                  },\n                },\n              ],\n            },\n            {\n              type: 'group',\n              title: '样式',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'pointerType',\n                  title: '指针类型',\n                  setter: {\n                    componentName: 'SegmentedSetter',\n                    props: {\n                      options: [\n                        { label: '针形', value: 'needle' },\n                        { label: '三角形', value: 'triangle' },\n                        { label: '矩形', value: 'rect' },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 'needle',\n                  },\n                },\n                {\n                  name: 'pointerColor',\n                  title: '指针颜色',\n                  setter: 'ColorSetter',\n                  extraProps: {\n                    defaultValue: '#ffffff',\n                  },\n                },\n                {\n                  name: 'glowEffect',\n                  title: '发光效果',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: false,\n                  },\n                },\n              ],\n            },\n          ],\n        },\n        {\n          type: 'group',\n          key: 'data',\n          title: '数据',\n          items: [\n            {\n              name: 'dataBinding',\n              title: '数据绑定',\n              setter: 'DataBindingSetter',\n            },\n          ],\n        },\n        {\n          type: 'group',\n          key: 'advanced',\n          title: '高级',\n          items: [\n            {\n              name: 'condition',\n              title: '显隐控制',\n              setter: 'SwitchSetter',\n              extraProps: {\n                defaultValue: true,\n                supportVariable: true,\n              },\n            },\n          ],\n        },\n      ],\n    },\n  ],\n  component: {},\n  supports: {},\n  advanced: {},\n}\n\nexport default configure\n"],"names":["COMPONENT_NAME","meta","componentName","title","group","devMode","npm","package","version","globalName","snippets","screenshot","schema","props","value","min","max","showScale","divisions","showLabels","pointerType","pointerColor","$dashboard","rect","width","height","unit","glowEffect","configure","type","setter","items","key","icon","name","extraProps","label","getValue","target","getExtraPropValue","setValue","setExtraPropValue","defaultValue","suffix","step","options","supportVariable","component","supports","advanced"],"mappings":"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"}

package/dist/src/component.d.ts

@@ -0,0 +1,19 @@
+import { type CSSProperties, type Ref } from 'react';
+import { type GaugeRange } from './constants';
+interface GaugeChartProps {
+    ref?: Ref<HTMLDivElement>;
+    value?: number;
+    min?: number;
+    max?: number;
+    unit?: string;
+    showScale?: boolean;
+    divisions?: number;
+    showLabels?: boolean;
+    pointerType?: 'needle' | 'triangle' | 'rect';
+    pointerColor?: string;
+    ranges?: GaugeRange[];
+    glowEffect?: boolean;
+    style?: CSSProperties;
+}
+declare const GaugeChartComponent: (props: GaugeChartProps) => import("react/jsx-runtime").JSX.Element;
+export default GaugeChartComponent;

package/dist/src/configure.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Gauge Chart Configure
+ * 仪表盘组件配置
+ */
+import type { Configure } from '@easy-editor/core';
+declare const configure: Configure;
+export default configure;

package/dist/src/constants.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 物料常量配置
+ * 统一管理全局变量名等配置，确保 meta.ts 和 rollup.config.js 使用相同的值
+ */
+/**
+ * UMD 全局变量基础名称
+ */
+export declare const COMPONENT_NAME = "EasyEditorMaterialsGaugeChart";
+/**
+ * 包名
+ */
+export declare const PACKAGE_NAME = "@easy-editor/materials-dashboard-gauge-chart";
+/**
+ * 指针类型
+ */
+export declare const POINTER_TYPES: readonly ["needle", "triangle", "rect"];
+/**
+ * 颜色区间类型
+ */
+export interface GaugeRange {
+    from: number;
+    to: number;
+    color: string;
+}
+/**
+ * 默认颜色区间
+ */
+export declare const DEFAULT_RANGES: GaugeRange[];

package/dist/src/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * GaugeChart Entry
+ * 仪表盘组件入口
+ */
+export { default as component } from './component';
+export { default as meta } from './meta';

package/dist/src/meta.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentMetadata } from '@easy-editor/core';
+declare const meta: ComponentMetadata;
+export default meta;

package/dist/src/snippets.d.ts

@@ -0,0 +1,3 @@
+import type { Snippet } from '@easy-editor/core';
+declare const snippets: Snippet[];
+export default snippets;

package/dist/src/types.d.ts

@@ -0,0 +1,50 @@
+/**
+ * GaugeChart 类型定义
+ */
+import type { CSSProperties, Ref } from 'react';
+/**
+ * 颜色区间定义
+ */
+export interface GaugeRange {
+    from: number;
+    to: number;
+    color: string;
+}
+/**
+ * GaugeChart 组件属性
+ */
+export interface GaugeChartProps {
+    ref?: Ref<HTMLDivElement>;
+    value?: number;
+    min?: number;
+    max?: number;
+    unit?: string;
+    showScale?: boolean;
+    divisions?: number;
+    showLabels?: boolean;
+    pointerType?: 'needle' | 'triangle' | 'rect';
+    pointerColor?: string;
+    ranges?: GaugeRange[];
+    glowEffect?: boolean;
+    style?: CSSProperties;
+}
+/**
+ * 仪表盘配置参数
+ */
+export interface GaugeConfig {
+    size: number;
+    center: number;
+    outerRadius: number;
+    innerRadius: number;
+    scaleRadius: number;
+    startAngle: number;
+    endAngle: number;
+    angleRange: number;
+}
+/**
+ * 点坐标
+ */
+export interface Point {
+    x: number;
+    y: number;
+}

package/dist/src/utils.d.ts

@@ -0,0 +1,28 @@
+/**
+ * GaugeChart SVG 辅助函数
+ */
+import type { Point } from './types';
+/**
+ * 将角度转换为弧度
+ */
+export declare const degToRad: (deg: number) => number;
+/**
+ * 根据角度计算圆上的点坐标
+ */
+export declare const polarToCartesian: (cx: number, cy: number, radius: number, angleDeg: number) => Point;
+/**
+ * 生成圆弧路径
+ */
+export declare const describeArc: (cx: number, cy: number, radius: number, startAngle: number, endAngle: number) => string;
+/**
+ * 生成唯一 ID
+ */
+export declare const generateUniqueId: (prefix: string) => string;
+/**
+ * 计算归一化值
+ */
+export declare const normalizeValue: (value: number, min: number, max: number) => number;
+/**
+ * 计算值对应的角度
+ */
+export declare const valueToAngle: (value: number, min: number, max: number, startAngle: number, angleRange: number) => number;

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@easy-editor/materials-dashboard-gauge-chart",
+  "version": "0.0.2",
+  "description": "Gauge Chart component for EasyEditor dashboard",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "jsdelivr": "dist/index.min.js",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "homepage": "https://github.com/Easy-Editor/EasyMaterials",
+  "license": "MIT",
+  "author": "JinSo <kimjinso@qq.com>",
+  "keywords": [
+    "@easy-editor",
+    "easyeditor",
+    "low-code",
+    "dashboard",
+    "gauge-chart",
+    "echarts",
+    "component",
+    "react"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Easy-Editor/EasyMaterials",
+    "directory": "packages/dashboard/chart/gauge-chart"
+  },
+  "bugs": {
+    "url": "https://github.com/Easy-Editor/EasyMaterials/issues"
+  },
+  "peerDependencies": {
+    "@easy-editor/core": "*",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
+    "@types/react": "^18 || ^19",
+    "@types/react-dom": "^18 || ^19"
+  },
+  "dependencies": {
+    "echarts": "^5.6.0",
+    "@easy-editor/materials-shared": "0.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "dev:debug": "vite --port 5006",
+    "format": "biome format --write .",
+    "lint": "biome check .",
+    "build": "npm-run-all -nl build:*",
+    "build:clean": "rimraf dist/",
+    "build:js": "rollup -c",
+    "build:types": "pnpm types",
+    "types": "npm-run-all -nl types:*",
+    "types:src": "tsc --project tsconfig.build.json",
+    "test-types": "tsc --project tsconfig.test.json"
+  },
+  "module": "dist/index.esm.js",
+  "unpkg": "dist/index.min.js"
+}

package/rollup.config.js

@@ -0,0 +1,212 @@
+import babel from '@rollup/plugin-babel'
+import commonjs from '@rollup/plugin-commonjs'
+import nodeResolve from '@rollup/plugin-node-resolve'
+import json from '@rollup/plugin-json'
+import { terser } from 'rollup-plugin-terser'
+import cleanup from 'rollup-plugin-cleanup'
+import postcss from 'rollup-plugin-postcss'
+import pkg from './package.json' with { type: 'json' }
+
+const GLOBAL_NAME = 'EasyEditorMaterialsGaugeChart'
+
+// 外部依赖（不打包进组件）
+const external = ['react', 'react-dom', 'react/jsx-runtime', '@easy-editor/core']
+
+const globals = {
+  react: 'React',
+  'react-dom': 'ReactDOM',
+  'react/jsx-runtime': 'jsxRuntime',
+  '@easy-editor/core': 'EasyEditorCore',
+}
+
+const plugins = [
+  nodeResolve({
+    extensions: ['.js', '.ts', '.jsx', '.tsx'],
+  }),
+  commonjs(),
+  json(),
+  postcss({
+    modules: {
+      generateScopedName: '[name]__[local]___[hash:base64:5]',
+    },
+    autoModules: true,
+    minimize: true,
+    inject: true,
+  }),
+  babel({
+    extensions: ['.js', '.ts', '.jsx', '.tsx'],
+    exclude: 'node_modules/**',
+    babelrc: false,
+    babelHelpers: 'bundled',
+    presets: [
+      ['@babel/preset-react', { runtime: 'automatic' }],
+      [
+        '@babel/preset-typescript',
+        {
+          allowDeclareFields: true,
+        },
+      ],
+    ],
+  }),
+  cleanup({
+    comments: ['some', /PURE/],
+    extensions: ['.js', '.ts'],
+  }),
+]
+
+export default [
+  /* ---------------------------------- 元数据构建 --------------------------------- */
+  {
+    input: 'src/meta.ts',
+    output: [
+      {
+        file: 'dist/meta.esm.js',
+        format: 'esm',
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-gauge-chart v${pkg.version} (meta, esm) */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  {
+    input: 'src/meta.ts',
+    output: [
+      {
+        file: 'dist/meta.js',
+        format: 'umd',
+        name: `${GLOBAL_NAME}Meta`,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-gauge-chart v${pkg.version} (meta) */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  {
+    input: 'src/meta.ts',
+    output: [
+      {
+        file: 'dist/meta.min.js',
+        format: 'umd',
+        name: `${GLOBAL_NAME}Meta`,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-gauge-chart v${pkg.version} (meta, minified) */`,
+        exports: 'named',
+      },
+    ],
+    plugins: [...plugins, terser()],
+    external,
+  },
+
+  /* ---------------------------------- 组件构建 ---------------------------------- */
+  {
+    input: 'src/component.tsx',
+    output: [
+      {
+        file: 'dist/component.esm.js',
+        format: 'esm',
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-gauge-chart v${pkg.version} (component, esm) */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  {
+    input: 'src/component.tsx',
+    output: [
+      {
+        file: 'dist/component.js',
+        format: 'umd',
+        name: `${GLOBAL_NAME}Component`,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-gauge-chart v${pkg.version} (component) */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  {
+    input: 'src/component.tsx',
+    output: [
+      {
+        file: 'dist/component.min.js',
+        format: 'umd',
+        name: `${GLOBAL_NAME}Component`,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-gauge-chart v${pkg.version} (component, minified) */`,
+        exports: 'named',
+      },
+    ],
+    plugins: [...plugins, terser()],
+    external,
+  },
+
+  /* ---------------------------------- 完整构建 ---------------------------------- */
+  {
+    input: 'src/index.tsx',
+    output: [
+      {
+        file: 'dist/index.js',
+        format: 'umd',
+        name: GLOBAL_NAME,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-gauge-chart v${pkg.version} */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  {
+    input: 'src/index.tsx',
+    output: [
+      {
+        file: 'dist/index.esm.js',
+        format: 'esm',
+        sourcemap: true,
+      },
+    ],
+    plugins,
+    external,
+  },
+  {
+    input: 'src/index.tsx',
+    output: [
+      {
+        file: 'dist/index.cjs',
+        format: 'cjs',
+        sourcemap: true,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  {
+    input: 'src/index.tsx',
+    output: [
+      {
+        file: 'dist/index.min.js',
+        format: 'umd',
+        name: GLOBAL_NAME,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-gauge-chart v${pkg.version} (minified) */`,
+        exports: 'named',
+      },
+    ],
+    plugins: [...plugins, terser()],
+    external,
+  },
+]

package/src/component.module.css

@@ -0,0 +1,16 @@
+.container {
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(
+    180deg,
+    rgba(0, 20, 40, 0.9) 0%,
+    rgba(0, 10, 20, 0.95) 100%
+  );
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.chart {
+  width: 100%;
+  height: 100%;
+}