@easy-editor/materials-dashboard-image 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 * 用于构建：\n * - 元数据：${GLOBAL_NAME}Meta (例如: EasyEditorMaterialsImageMeta)\n * - 组件：${GLOBAL_NAME}Component (例如: EasyEditorMaterialsImageComponent)\n * - 完整构建：${GLOBAL_NAME} (例如: EasyEditorMaterialsImage)\n */\nexport const COMPONENT_NAME = 'EasyEditorMaterialsImage'\n\n/**\n * 包名\n */\nexport const PACKAGE_NAME = '@easy-editor/materials-dashboard-image'\n","/**\n * Image Configure\n * 图片组件配置\n */\n\nimport type { Configure } from '@easy-editor/core'\nimport type { UploadValue } from '@easy-editor/materials-shared'\n\nexport const 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: '__upload',\n                  title: '上传',\n                  setter: {\n                    componentName: 'UploadSetter',\n                    props: {\n                      accept: '.jpg,.jpeg,.png,.gif,.svg',\n                    },\n                  },\n                  extraProps: {\n                    setValue(target, value: UploadValue) {\n                      if (value) {\n                        const { base64, raw } = value\n                        if (base64) {\n                          target.parent.setPropValue('src', base64)\n                        }\n                        if (raw?.width) {\n                          target.parent.setExtraPropValue('$dashboard.rect.width', raw.width)\n                        }\n                        if (raw?.height) {\n                          target.parent.setExtraPropValue('$dashboard.rect.height', raw.height)\n                        }\n                      } else {\n                        target.parent.clearPropValue('src')\n                      }\n                    },\n                  },\n                },\n                {\n                  name: 'src',\n                  title: '图片地址',\n                  setter: 'StringSetter',\n                },\n                {\n                  name: 'alt',\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: 'lazyLoad',\n                  title: '懒加载',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: false,\n                  },\n                },\n                {\n                  name: 'lazyLoadThreshold',\n                  title: '懒加载阈值',\n                  setter: {\n                    componentName: 'SliderSetter',\n                    props: {\n                      min: 0,\n                      max: 500,\n                      step: 50,\n                      suffix: 'px',\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 100,\n                  },\n                },\n                {\n                  name: 'placeholder',\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: 'objectFit',\n                  title: '填充方式',\n                  setter: {\n                    componentName: 'SelectSetter',\n                    props: {\n                      options: [\n                        { label: '覆盖', value: 'cover' },\n                        { label: '包含', value: 'contain' },\n                        { label: '填充', value: 'fill' },\n                        { label: '无', value: 'none' },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 'cover',\n                  },\n                },\n                {\n                  name: 'borderRadius',\n                  title: '圆角',\n                  setter: 'NumberSetter',\n                  extraProps: {\n                    defaultValue: 0,\n                  },\n                },\n                {\n                  name: 'borderStyle',\n                  title: '边框样式',\n                  setter: {\n                    componentName: 'SelectSetter',\n                    props: {\n                      options: [\n                        { label: '无', value: 'none' },\n                        { label: '霓虹', value: 'neon' },\n                        { label: '渐变', value: 'gradient' },\n                        { label: '科技感', value: 'tech' },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 'none',\n                  },\n                },\n                {\n                  name: 'borderColor',\n                  title: '边框颜色',\n                  setter: 'ColorSetter',\n                  extraProps: {\n                    defaultValue: '#00d4ff',\n                  },\n                },\n                {\n                  name: 'shadow',\n                  title: '启用阴影',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: false,\n                  },\n                },\n                {\n                  name: 'shadowColor',\n                  title: '阴影颜色',\n                  setter: 'ColorSetter',\n                  extraProps: {\n                    defaultValue: 'rgba(0, 212, 255, 0.3)',\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","/**\n * Image Snippets\n * 图片组件代码片段\n */\n\nimport type { Snippet } from '@easy-editor/core'\nimport { COMPONENT_NAME } from './constants'\n\nexport const snippets: Snippet[] = [\n  {\n    title: '普通图片',\n    screenshot: '',\n    schema: {\n      componentName: COMPONENT_NAME,\n      props: {\n        alt: '图片',\n        objectFit: 'contain',\n        borderRadius: 0,\n      },\n      $dashboard: {\n        rect: {\n          width: 200,\n          height: 180,\n        },\n      },\n    },\n  },\n  {\n    title: '圆角图片',\n    screenshot: '',\n    schema: {\n      componentName: COMPONENT_NAME,\n      props: {\n        alt: '圆角图片',\n        objectFit: 'contain',\n        borderRadius: 100,\n        borderStyle: 'tech',\n      },\n      $dashboard: {\n        rect: {\n          width: 200,\n          height: 200,\n        },\n      },\n    },\n  },\n]\n\nexport default snippets\n","/**\n * Image Meta\n * 图片组件元数据\n */\n\nimport 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\nexport const meta: ComponentMetadata = {\n  componentName: COMPONENT_NAME,\n  title: '图片',\n  group: MaterialGroup.MEDIA,\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","MEDIA","COMPONENT_NAME","PACKAGE_NAME","configure","props","type","title","setter","items","key","componentName","icon","name","extraProps","label","getValue","target","getExtraPropValue","setValue","value","setExtraPropValue","accept","base64","raw","parent","setPropValue","width","height","clearPropValue","defaultValue","min","max","step","suffix","options","supportVariable","component","supports","advanced","snippets","screenshot","schema","alt","objectFit","borderRadius","$dashboard","rect","borderStyle","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).EasyEditorMaterialsImageMeta={})}(this,function(e){"use strict";const t="EasyEditorMaterialsImage";const a={componentName:t,title:"图片",group:"media",devMode:"proCode",npm:{package:"@easy-editor/materials-dashboard-image",version:"0.0.1",globalName:t,componentName:t},snippets:[{title:"普通图片",screenshot:"",schema:{componentName:t,props:{alt:"图片",objectFit:"contain",borderRadius:0},$dashboard:{rect:{width:200,height:180}}}},{title:"圆角图片",screenshot:"",schema:{componentName:t,props:{alt:"圆角图片",objectFit:"contain",borderRadius:100,borderStyle:"tech"},$dashboard:{rect:{width:200,height:200}}}}],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:"__upload",title:"上传",setter:{componentName:"UploadSetter",props:{accept:".jpg,.jpeg,.png,.gif,.svg"}},extraProps:{setValue(e,t){if(t){const{base64:a,raw:r}=t;a&&e.parent.setPropValue("src",a),r?.width&&e.parent.setExtraPropValue("$dashboard.rect.width",r.width),r?.height&&e.parent.setExtraPropValue("$dashboard.rect.height",r.height)}else e.parent.clearPropValue("src")}}},{name:"src",title:"图片地址",setter:"StringSetter"},{name:"alt",title:"替代文本",setter:"StringSetter"}]},{type:"group",title:"加载",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"lazyLoad",title:"懒加载",setter:"SwitchSetter",extraProps:{defaultValue:!1}},{name:"lazyLoadThreshold",title:"懒加载阈值",setter:{componentName:"SliderSetter",props:{min:0,max:500,step:50,suffix:"px"}},extraProps:{defaultValue:100}},{name:"placeholder",title:"占位图",setter:"StringSetter"}]},{type:"group",title:"样式",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"objectFit",title:"填充方式",setter:{componentName:"SelectSetter",props:{options:[{label:"覆盖",value:"cover"},{label:"包含",value:"contain"},{label:"填充",value:"fill"},{label:"无",value:"none"}]}},extraProps:{defaultValue:"cover"}},{name:"borderRadius",title:"圆角",setter:"NumberSetter",extraProps:{defaultValue:0}},{name:"borderStyle",title:"边框样式",setter:{componentName:"SelectSetter",props:{options:[{label:"无",value:"none"},{label:"霓虹",value:"neon"},{label:"渐变",value:"gradient"},{label:"科技感",value:"tech"}]}},extraProps:{defaultValue:"none"}},{name:"borderColor",title:"边框颜色",setter:"ColorSetter",extraProps:{defaultValue:"#00d4ff"}},{name:"shadow",title:"启用阴影",setter:"SwitchSetter",extraProps:{defaultValue:!1}},{name:"shadowColor",title:"阴影颜色",setter:"ColorSetter",extraProps:{defaultValue:"rgba(0, 212, 255, 0.3)"}}]}]},{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=a,e.meta=a,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 * 用于构建：\n * - 元数据：${GLOBAL_NAME}Meta (例如: EasyEditorMaterialsImageMeta)\n * - 组件：${GLOBAL_NAME}Component (例如: EasyEditorMaterialsImageComponent)\n * - 完整构建：${GLOBAL_NAME} (例如: EasyEditorMaterialsImage)\n */\nexport const COMPONENT_NAME = 'EasyEditorMaterialsImage'\n\n/**\n * 包名\n */\nexport const PACKAGE_NAME = '@easy-editor/materials-dashboard-image'\n","/**\n * Image Meta\n * 图片组件元数据\n */\n\nimport 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\nexport const meta: ComponentMetadata = {\n  componentName: COMPONENT_NAME,\n  title: '图片',\n  group: MaterialGroup.MEDIA,\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","/**\n * Image Snippets\n * 图片组件代码片段\n */\n\nimport type { Snippet } from '@easy-editor/core'\nimport { COMPONENT_NAME } from './constants'\n\nexport const snippets: Snippet[] = [\n  {\n    title: '普通图片',\n    screenshot: '',\n    schema: {\n      componentName: COMPONENT_NAME,\n      props: {\n        alt: '图片',\n        objectFit: 'contain',\n        borderRadius: 0,\n      },\n      $dashboard: {\n        rect: {\n          width: 200,\n          height: 180,\n        },\n      },\n    },\n  },\n  {\n    title: '圆角图片',\n    screenshot: '',\n    schema: {\n      componentName: COMPONENT_NAME,\n      props: {\n        alt: '圆角图片',\n        objectFit: 'contain',\n        borderRadius: 100,\n        borderStyle: 'tech',\n      },\n      $dashboard: {\n        rect: {\n          width: 200,\n          height: 200,\n        },\n      },\n    },\n  },\n]\n\nexport default snippets\n","/**\n * Image Configure\n * 图片组件配置\n */\n\nimport type { Configure } from '@easy-editor/core'\nimport type { UploadValue } from '@easy-editor/materials-shared'\n\nexport const 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: '__upload',\n                  title: '上传',\n                  setter: {\n                    componentName: 'UploadSetter',\n                    props: {\n                      accept: '.jpg,.jpeg,.png,.gif,.svg',\n                    },\n                  },\n                  extraProps: {\n                    setValue(target, value: UploadValue) {\n                      if (value) {\n                        const { base64, raw } = value\n                        if (base64) {\n                          target.parent.setPropValue('src', base64)\n                        }\n                        if (raw?.width) {\n                          target.parent.setExtraPropValue('$dashboard.rect.width', raw.width)\n                        }\n                        if (raw?.height) {\n                          target.parent.setExtraPropValue('$dashboard.rect.height', raw.height)\n                        }\n                      } else {\n                        target.parent.clearPropValue('src')\n                      }\n                    },\n                  },\n                },\n                {\n                  name: 'src',\n                  title: '图片地址',\n                  setter: 'StringSetter',\n                },\n                {\n                  name: 'alt',\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: 'lazyLoad',\n                  title: '懒加载',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: false,\n                  },\n                },\n                {\n                  name: 'lazyLoadThreshold',\n                  title: '懒加载阈值',\n                  setter: {\n                    componentName: 'SliderSetter',\n                    props: {\n                      min: 0,\n                      max: 500,\n                      step: 50,\n                      suffix: 'px',\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 100,\n                  },\n                },\n                {\n                  name: 'placeholder',\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: 'objectFit',\n                  title: '填充方式',\n                  setter: {\n                    componentName: 'SelectSetter',\n                    props: {\n                      options: [\n                        { label: '覆盖', value: 'cover' },\n                        { label: '包含', value: 'contain' },\n                        { label: '填充', value: 'fill' },\n                        { label: '无', value: 'none' },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 'cover',\n                  },\n                },\n                {\n                  name: 'borderRadius',\n                  title: '圆角',\n                  setter: 'NumberSetter',\n                  extraProps: {\n                    defaultValue: 0,\n                  },\n                },\n                {\n                  name: 'borderStyle',\n                  title: '边框样式',\n                  setter: {\n                    componentName: 'SelectSetter',\n                    props: {\n                      options: [\n                        { label: '无', value: 'none' },\n                        { label: '霓虹', value: 'neon' },\n                        { label: '渐变', value: 'gradient' },\n                        { label: '科技感', value: 'tech' },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 'none',\n                  },\n                },\n                {\n                  name: 'borderColor',\n                  title: '边框颜色',\n                  setter: 'ColorSetter',\n                  extraProps: {\n                    defaultValue: '#00d4ff',\n                  },\n                },\n                {\n                  name: 'shadow',\n                  title: '启用阴影',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: false,\n                  },\n                },\n                {\n                  name: 'shadowColor',\n                  title: '阴影颜色',\n                  setter: 'ColorSetter',\n                  extraProps: {\n                    defaultValue: 'rgba(0, 212, 255, 0.3)',\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","alt","objectFit","borderRadius","$dashboard","rect","width","height","borderStyle","configure","type","setter","items","key","icon","name","extraProps","label","getValue","target","getExtraPropValue","setValue","value","setExtraPropValue","accept","base64","raw","parent","setPropValue","clearPropValue","defaultValue","min","max","step","suffix","options","supportVariable","component","supports","advanced"],"mappings":"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"}

package/dist/src/component.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Image Component
+ * 图片/图标/边框装饰组件
+ */
+import type { CSSProperties, Ref } from 'react';
+export type ObjectFit = 'cover' | 'contain' | 'fill' | 'none';
+export type BorderStyle = 'none' | 'neon' | 'gradient' | 'tech';
+export type DisplayMode = 'image' | 'icon';
+export interface ImageProps {
+    ref?: Ref<HTMLDivElement>;
+    /** 图片地址 */
+    src?: string;
+    /** 图片描述 */
+    alt?: string;
+    /** 图片填充方式 */
+    objectFit?: ObjectFit;
+    /** 圆角 */
+    borderRadius?: number;
+    /** 边框样式 */
+    borderStyle?: BorderStyle;
+    /** 边框颜色（霓虹/科技感边框） */
+    borderColor?: string;
+    /** 阴影 */
+    shadow?: boolean;
+    /** 阴影颜色 */
+    shadowColor?: string;
+    /** 外部样式 */
+    style?: CSSProperties;
+}
+export declare const Image: React.FC<ImageProps>;
+export default Image;

package/dist/src/configure.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Image Configure
+ * 图片组件配置
+ */
+import type { Configure } from '@easy-editor/core';
+export declare const configure: Configure;
+export default configure;

package/dist/src/constants.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 物料常量配置
+ * 统一管理全局变量名等配置，确保 meta.ts 和 rollup.config.js 使用相同的值
+ */
+/**
+ * UMD 全局变量基础名称
+ * 用于构建：
+ * - 元数据：${GLOBAL_NAME}Meta (例如: EasyEditorMaterialsImageMeta)
+ * - 组件：${GLOBAL_NAME}Component (例如: EasyEditorMaterialsImageComponent)
+ * - 完整构建：${GLOBAL_NAME} (例如: EasyEditorMaterialsImage)
+ */
+export declare const COMPONENT_NAME = "EasyEditorMaterialsImage";
+/**
+ * 包名
+ */
+export declare const PACKAGE_NAME = "@easy-editor/materials-dashboard-image";

package/dist/src/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Image Entry
+ * 图片组件入口
+ */
+export { Image as component } from './component';
+export { default as meta } from './meta';

package/dist/src/meta.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Image Meta
+ * 图片组件元数据
+ */
+import type { ComponentMetadata } from '@easy-editor/core';
+export declare const meta: ComponentMetadata;
+export default meta;

package/dist/src/snippets.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Image Snippets
+ * 图片组件代码片段
+ */
+import type { Snippet } from '@easy-editor/core';
+export declare const snippets: Snippet[];
+export default snippets;

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@easy-editor/materials-dashboard-image",
+  "version": "0.0.2",
+  "description": "Image 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",
+    "image",
+    "icon",
+    "border",
+    "component",
+    "react"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Easy-Editor/EasyMaterials",
+    "directory": "packages/dashboard/media/image"
+  },
+  "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": {
+    "lucide-react": "^0.513.0",
+    "@easy-editor/materials-shared": "0.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "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,222 @@
+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 = 'EasyEditorMaterialsImage'
+
+// 外部依赖（不打包进组件）
+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 [
+  /* ---------------------------------- 元数据构建 --------------------------------- */
+  // 元数据 ESM 构建（用于动态 import）
+  {
+    input: 'src/meta.ts',
+    output: [
+      {
+        file: 'dist/meta.esm.js',
+        format: 'esm',
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} (meta, esm) */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  // 元数据 UMD 构建（备用方案）
+  {
+    input: 'src/meta.ts',
+    output: [
+      {
+        file: 'dist/meta.js',
+        format: 'umd',
+        name: `${GLOBAL_NAME}Meta`,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} (meta) */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  // 元数据压缩版本（UMD，备用方案）
+  {
+    input: 'src/meta.ts',
+    output: [
+      {
+        file: 'dist/meta.min.js',
+        format: 'umd',
+        name: `${GLOBAL_NAME}Meta`,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} (meta, minified) */`,
+        exports: 'named',
+      },
+    ],
+    plugins: [...plugins, terser()],
+    external,
+  },
+
+  /* ---------------------------------- 组件构建 ---------------------------------- */
+  // 组件 ESM 构建（用于动态 import）
+  {
+    input: 'src/component.tsx',
+    output: [
+      {
+        file: 'dist/component.esm.js',
+        format: 'esm',
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} (component, esm) */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  // 组件 UMD 构建（备用方案）
+  {
+    input: 'src/component.tsx',
+    output: [
+      {
+        file: 'dist/component.js',
+        format: 'umd',
+        name: `${GLOBAL_NAME}Component`,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} (component) */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  // 组件压缩版本（UMD，备用方案）
+  {
+    input: 'src/component.tsx',
+    output: [
+      {
+        file: 'dist/component.min.js',
+        format: 'umd',
+        name: `${GLOBAL_NAME}Component`,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} (component, minified) */`,
+        exports: 'named',
+      },
+    ],
+    plugins: [...plugins, terser()],
+    external,
+  },
+
+  /* ---------------------------------- 完整构建 ---------------------------------- */
+  // UMD 构建（用于 CDN 和浏览器）
+  {
+    input: 'src/index.tsx',
+    output: [
+      {
+        file: 'dist/index.js',
+        format: 'umd',
+        name: GLOBAL_NAME,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  // ESM 构建（用于现代打包工具）
+  {
+    input: 'src/index.tsx',
+    output: [
+      {
+        file: 'dist/index.esm.js',
+        format: 'esm',
+        sourcemap: true,
+      },
+    ],
+    plugins,
+    external,
+  },
+  // CJS 构建（用于 Node.js）
+  {
+    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-image v${pkg.version} (minified) */`,
+        exports: 'named',
+      },
+    ],
+    plugins: [...plugins, terser()],
+    external,
+  },
+]

package/src/component.module.css

@@ -0,0 +1,122 @@
+/**
+ * Image Component Styles
+ * 图片组件样式
+ */
+
+.container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.image {
+  display: block;
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.imageCover {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.imageContain {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.imageFill {
+  width: 100%;
+  height: 100%;
+  object-fit: fill;
+}
+
+/* 图标模式 */
+.iconWrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* 边框装饰效果 */
+.borderNeon {
+  border: 2px solid transparent;
+  animation: neonPulse 2s ease-in-out infinite;
+}
+
+@keyframes neonPulse {
+  0%,
+  100% {
+    box-shadow:
+      0 0 5px currentColor,
+      0 0 10px currentColor,
+      0 0 20px currentColor;
+  }
+  50% {
+    box-shadow:
+      0 0 10px currentColor,
+      0 0 20px currentColor,
+      0 0 40px currentColor;
+  }
+}
+
+.borderGradient {
+  border: 2px solid transparent;
+  background-clip: padding-box;
+  position: relative;
+}
+
+.borderGradient::before {
+  content: "";
+  position: absolute;
+  inset: -2px;
+  border-radius: inherit;
+  padding: 2px;
+  background: linear-gradient(
+    135deg,
+    var(--border-color-1),
+    var(--border-color-2)
+  );
+  -webkit-mask:
+    linear-gradient(#fff 0 0) content-box,
+    linear-gradient(#fff 0 0);
+  mask:
+    linear-gradient(#fff 0 0) content-box,
+    linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+}
+
+.borderTech {
+  border: 1px solid rgba(0, 200, 255, 0.3);
+  position: relative;
+}
+
+.borderTech::before,
+.borderTech::after {
+  content: "";
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  border: 2px solid #00d4ff;
+}
+
+.borderTech::before {
+  top: -2px;
+  left: -2px;
+  border-right: none;
+  border-bottom: none;
+}
+
+.borderTech::after {
+  bottom: -2px;
+  right: -2px;
+  border-left: none;
+  border-top: none;
+}