@easy-editor/materials-dashboard-image 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -7
- package/easypack.config.ts +10 -0
- package/package.json +4 -8
- package/src/component.tsx +98 -99
- package/src/configure.ts +186 -285
- package/src/index.tsx +7 -7
- package/src/meta.ts +2 -2
- package/src/snippets.ts +55 -49
- package/tsconfig.json +20 -9
- package/.vite/plugins/vite-plugin-external-deps.ts +0 -224
- package/.vite/plugins/vite-plugin-material-dev.ts +0 -218
- package/dist/component.esm.js +0 -105
- package/dist/component.esm.js.map +0 -1
- package/dist/component.js +0 -114
- package/dist/component.js.map +0 -1
- package/dist/component.min.js +0 -2
- package/dist/component.min.js.map +0 -1
- package/dist/index.cjs +0 -427
- package/dist/index.cjs.map +0 -1
- package/dist/index.esm.js +0 -424
- package/dist/index.esm.js.map +0 -1
- package/dist/index.js +0 -432
- package/dist/index.js.map +0 -1
- package/dist/index.min.js +0 -2
- package/dist/index.min.js.map +0 -1
- package/dist/meta.esm.js +0 -323
- package/dist/meta.esm.js.map +0 -1
- package/dist/meta.js +0 -334
- package/dist/meta.js.map +0 -1
- package/dist/meta.min.js +0 -2
- package/dist/meta.min.js.map +0 -1
- package/dist/src/component.d.ts +0 -31
- package/dist/src/configure.d.ts +0 -7
- package/dist/src/constants.d.ts +0 -16
- package/dist/src/index.d.ts +0 -6
- package/dist/src/meta.d.ts +0 -7
- package/dist/src/snippets.d.ts +0 -7
- package/rollup.config.js +0 -222
- package/tsconfig.build.json +0 -12
- package/tsconfig.test.json +0 -7
- package/vite.config.ts +0 -54
package/dist/meta.js.map
DELETED
|
@@ -1 +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
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
!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})});
|
|
2
|
-
//# sourceMappingURL=meta.min.js.map
|
package/dist/meta.min.js.map
DELETED
|
@@ -1 +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
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Image Component
|
|
3
|
-
* 图片/图标/边框装饰组件
|
|
4
|
-
*/
|
|
5
|
-
import type { CSSProperties, Ref } from 'react';
|
|
6
|
-
export type ObjectFit = 'cover' | 'contain' | 'fill' | 'none';
|
|
7
|
-
export type BorderStyle = 'none' | 'neon' | 'gradient' | 'tech';
|
|
8
|
-
export type DisplayMode = 'image' | 'icon';
|
|
9
|
-
export interface ImageProps {
|
|
10
|
-
ref?: Ref<HTMLDivElement>;
|
|
11
|
-
/** 图片地址 */
|
|
12
|
-
src?: string;
|
|
13
|
-
/** 图片描述 */
|
|
14
|
-
alt?: string;
|
|
15
|
-
/** 图片填充方式 */
|
|
16
|
-
objectFit?: ObjectFit;
|
|
17
|
-
/** 圆角 */
|
|
18
|
-
borderRadius?: number;
|
|
19
|
-
/** 边框样式 */
|
|
20
|
-
borderStyle?: BorderStyle;
|
|
21
|
-
/** 边框颜色（霓虹/科技感边框） */
|
|
22
|
-
borderColor?: string;
|
|
23
|
-
/** 阴影 */
|
|
24
|
-
shadow?: boolean;
|
|
25
|
-
/** 阴影颜色 */
|
|
26
|
-
shadowColor?: string;
|
|
27
|
-
/** 外部样式 */
|
|
28
|
-
style?: CSSProperties;
|
|
29
|
-
}
|
|
30
|
-
export declare const Image: React.FC<ImageProps>;
|
|
31
|
-
export default Image;
|
package/dist/src/configure.d.ts
DELETED
package/dist/src/constants.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 物料常量配置
|
|
3
|
-
* 统一管理全局变量名等配置，确保 meta.ts 和 rollup.config.js 使用相同的值
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* UMD 全局变量基础名称
|
|
7
|
-
* 用于构建：
|
|
8
|
-
* - 元数据：${GLOBAL_NAME}Meta (例如: EasyEditorMaterialsImageMeta)
|
|
9
|
-
* - 组件：${GLOBAL_NAME}Component (例如: EasyEditorMaterialsImageComponent)
|
|
10
|
-
* - 完整构建：${GLOBAL_NAME} (例如: EasyEditorMaterialsImage)
|
|
11
|
-
*/
|
|
12
|
-
export declare const COMPONENT_NAME = "EasyEditorMaterialsImage";
|
|
13
|
-
/**
|
|
14
|
-
* 包名
|
|
15
|
-
*/
|
|
16
|
-
export declare const PACKAGE_NAME = "@easy-editor/materials-dashboard-image";
|
package/dist/src/index.d.ts
DELETED
package/dist/src/meta.d.ts
DELETED
package/dist/src/snippets.d.ts
DELETED
package/rollup.config.js
DELETED
|
@@ -1,222 +0,0 @@
|
|
|
1
|
-
import babel from '@rollup/plugin-babel'
|
|
2
|
-
import commonjs from '@rollup/plugin-commonjs'
|
|
3
|
-
import nodeResolve from '@rollup/plugin-node-resolve'
|
|
4
|
-
import json from '@rollup/plugin-json'
|
|
5
|
-
import { terser } from 'rollup-plugin-terser'
|
|
6
|
-
import cleanup from 'rollup-plugin-cleanup'
|
|
7
|
-
import postcss from 'rollup-plugin-postcss'
|
|
8
|
-
import pkg from './package.json' with { type: 'json' }
|
|
9
|
-
|
|
10
|
-
const GLOBAL_NAME = 'EasyEditorMaterialsImage'
|
|
11
|
-
|
|
12
|
-
// 外部依赖（不打包进组件）
|
|
13
|
-
const external = ['react', 'react-dom', 'react/jsx-runtime', '@easy-editor/core']
|
|
14
|
-
|
|
15
|
-
const globals = {
|
|
16
|
-
react: 'React',
|
|
17
|
-
'react-dom': 'ReactDOM',
|
|
18
|
-
'react/jsx-runtime': 'jsxRuntime',
|
|
19
|
-
'@easy-editor/core': 'EasyEditorCore',
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
const plugins = [
|
|
23
|
-
nodeResolve({
|
|
24
|
-
extensions: ['.js', '.ts', '.jsx', '.tsx'],
|
|
25
|
-
}),
|
|
26
|
-
commonjs(),
|
|
27
|
-
json(),
|
|
28
|
-
postcss({
|
|
29
|
-
modules: {
|
|
30
|
-
generateScopedName: '[name]__[local]___[hash:base64:5]',
|
|
31
|
-
},
|
|
32
|
-
autoModules: true,
|
|
33
|
-
minimize: true,
|
|
34
|
-
inject: true,
|
|
35
|
-
}),
|
|
36
|
-
babel({
|
|
37
|
-
extensions: ['.js', '.ts', '.jsx', '.tsx'],
|
|
38
|
-
exclude: 'node_modules/**',
|
|
39
|
-
babelrc: false,
|
|
40
|
-
babelHelpers: 'bundled',
|
|
41
|
-
presets: [
|
|
42
|
-
['@babel/preset-react', { runtime: 'automatic' }],
|
|
43
|
-
[
|
|
44
|
-
'@babel/preset-typescript',
|
|
45
|
-
{
|
|
46
|
-
allowDeclareFields: true,
|
|
47
|
-
},
|
|
48
|
-
],
|
|
49
|
-
],
|
|
50
|
-
}),
|
|
51
|
-
cleanup({
|
|
52
|
-
comments: ['some', /PURE/],
|
|
53
|
-
extensions: ['.js', '.ts'],
|
|
54
|
-
}),
|
|
55
|
-
]
|
|
56
|
-
|
|
57
|
-
export default [
|
|
58
|
-
/* ---------------------------------- 元数据构建 --------------------------------- */
|
|
59
|
-
// 元数据 ESM 构建（用于动态 import）
|
|
60
|
-
{
|
|
61
|
-
input: 'src/meta.ts',
|
|
62
|
-
output: [
|
|
63
|
-
{
|
|
64
|
-
file: 'dist/meta.esm.js',
|
|
65
|
-
format: 'esm',
|
|
66
|
-
sourcemap: true,
|
|
67
|
-
banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} (meta, esm) */`,
|
|
68
|
-
exports: 'named',
|
|
69
|
-
},
|
|
70
|
-
],
|
|
71
|
-
plugins,
|
|
72
|
-
external,
|
|
73
|
-
},
|
|
74
|
-
// 元数据 UMD 构建（备用方案）
|
|
75
|
-
{
|
|
76
|
-
input: 'src/meta.ts',
|
|
77
|
-
output: [
|
|
78
|
-
{
|
|
79
|
-
file: 'dist/meta.js',
|
|
80
|
-
format: 'umd',
|
|
81
|
-
name: `${GLOBAL_NAME}Meta`,
|
|
82
|
-
globals,
|
|
83
|
-
sourcemap: true,
|
|
84
|
-
banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} (meta) */`,
|
|
85
|
-
exports: 'named',
|
|
86
|
-
},
|
|
87
|
-
],
|
|
88
|
-
plugins,
|
|
89
|
-
external,
|
|
90
|
-
},
|
|
91
|
-
// 元数据压缩版本（UMD，备用方案）
|
|
92
|
-
{
|
|
93
|
-
input: 'src/meta.ts',
|
|
94
|
-
output: [
|
|
95
|
-
{
|
|
96
|
-
file: 'dist/meta.min.js',
|
|
97
|
-
format: 'umd',
|
|
98
|
-
name: `${GLOBAL_NAME}Meta`,
|
|
99
|
-
globals,
|
|
100
|
-
sourcemap: true,
|
|
101
|
-
banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} (meta, minified) */`,
|
|
102
|
-
exports: 'named',
|
|
103
|
-
},
|
|
104
|
-
],
|
|
105
|
-
plugins: [...plugins, terser()],
|
|
106
|
-
external,
|
|
107
|
-
},
|
|
108
|
-
|
|
109
|
-
/* ---------------------------------- 组件构建 ---------------------------------- */
|
|
110
|
-
// 组件 ESM 构建（用于动态 import）
|
|
111
|
-
{
|
|
112
|
-
input: 'src/component.tsx',
|
|
113
|
-
output: [
|
|
114
|
-
{
|
|
115
|
-
file: 'dist/component.esm.js',
|
|
116
|
-
format: 'esm',
|
|
117
|
-
sourcemap: true,
|
|
118
|
-
banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} (component, esm) */`,
|
|
119
|
-
exports: 'named',
|
|
120
|
-
},
|
|
121
|
-
],
|
|
122
|
-
plugins,
|
|
123
|
-
external,
|
|
124
|
-
},
|
|
125
|
-
// 组件 UMD 构建（备用方案）
|
|
126
|
-
{
|
|
127
|
-
input: 'src/component.tsx',
|
|
128
|
-
output: [
|
|
129
|
-
{
|
|
130
|
-
file: 'dist/component.js',
|
|
131
|
-
format: 'umd',
|
|
132
|
-
name: `${GLOBAL_NAME}Component`,
|
|
133
|
-
globals,
|
|
134
|
-
sourcemap: true,
|
|
135
|
-
banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} (component) */`,
|
|
136
|
-
exports: 'named',
|
|
137
|
-
},
|
|
138
|
-
],
|
|
139
|
-
plugins,
|
|
140
|
-
external,
|
|
141
|
-
},
|
|
142
|
-
// 组件压缩版本（UMD，备用方案）
|
|
143
|
-
{
|
|
144
|
-
input: 'src/component.tsx',
|
|
145
|
-
output: [
|
|
146
|
-
{
|
|
147
|
-
file: 'dist/component.min.js',
|
|
148
|
-
format: 'umd',
|
|
149
|
-
name: `${GLOBAL_NAME}Component`,
|
|
150
|
-
globals,
|
|
151
|
-
sourcemap: true,
|
|
152
|
-
banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} (component, minified) */`,
|
|
153
|
-
exports: 'named',
|
|
154
|
-
},
|
|
155
|
-
],
|
|
156
|
-
plugins: [...plugins, terser()],
|
|
157
|
-
external,
|
|
158
|
-
},
|
|
159
|
-
|
|
160
|
-
/* ---------------------------------- 完整构建 ---------------------------------- */
|
|
161
|
-
// UMD 构建（用于 CDN 和浏览器）
|
|
162
|
-
{
|
|
163
|
-
input: 'src/index.tsx',
|
|
164
|
-
output: [
|
|
165
|
-
{
|
|
166
|
-
file: 'dist/index.js',
|
|
167
|
-
format: 'umd',
|
|
168
|
-
name: GLOBAL_NAME,
|
|
169
|
-
globals,
|
|
170
|
-
sourcemap: true,
|
|
171
|
-
banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} */`,
|
|
172
|
-
exports: 'named',
|
|
173
|
-
},
|
|
174
|
-
],
|
|
175
|
-
plugins,
|
|
176
|
-
external,
|
|
177
|
-
},
|
|
178
|
-
// ESM 构建（用于现代打包工具）
|
|
179
|
-
{
|
|
180
|
-
input: 'src/index.tsx',
|
|
181
|
-
output: [
|
|
182
|
-
{
|
|
183
|
-
file: 'dist/index.esm.js',
|
|
184
|
-
format: 'esm',
|
|
185
|
-
sourcemap: true,
|
|
186
|
-
},
|
|
187
|
-
],
|
|
188
|
-
plugins,
|
|
189
|
-
external,
|
|
190
|
-
},
|
|
191
|
-
// CJS 构建（用于 Node.js）
|
|
192
|
-
{
|
|
193
|
-
input: 'src/index.tsx',
|
|
194
|
-
output: [
|
|
195
|
-
{
|
|
196
|
-
file: 'dist/index.cjs',
|
|
197
|
-
format: 'cjs',
|
|
198
|
-
sourcemap: true,
|
|
199
|
-
exports: 'named',
|
|
200
|
-
},
|
|
201
|
-
],
|
|
202
|
-
plugins,
|
|
203
|
-
external,
|
|
204
|
-
},
|
|
205
|
-
// 压缩版本（用于生产环境）
|
|
206
|
-
{
|
|
207
|
-
input: 'src/index.tsx',
|
|
208
|
-
output: [
|
|
209
|
-
{
|
|
210
|
-
file: 'dist/index.min.js',
|
|
211
|
-
format: 'umd',
|
|
212
|
-
name: GLOBAL_NAME,
|
|
213
|
-
globals,
|
|
214
|
-
sourcemap: true,
|
|
215
|
-
banner: `/* @easy-editor/materials-dashboard-image v${pkg.version} (minified) */`,
|
|
216
|
-
exports: 'named',
|
|
217
|
-
},
|
|
218
|
-
],
|
|
219
|
-
plugins: [...plugins, terser()],
|
|
220
|
-
external,
|
|
221
|
-
},
|
|
222
|
-
]
|
package/tsconfig.build.json
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"extends": "../../../../tsconfig.json",
|
|
3
|
-
"compilerOptions": {
|
|
4
|
-
"jsx": "react-jsx",
|
|
5
|
-
"strictPropertyInitialization": false,
|
|
6
|
-
"outDir": "./dist",
|
|
7
|
-
"skipLibCheck": true,
|
|
8
|
-
"esModuleInterop": true,
|
|
9
|
-
"allowSyntheticDefaultImports": true
|
|
10
|
-
},
|
|
11
|
-
"include": ["./src"]
|
|
12
|
-
}
|
package/tsconfig.test.json
DELETED
package/vite.config.ts
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Vite Configuration for Material Development
|
|
3
|
-
* 物料开发 Vite 配置
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
import { defineConfig } from 'vite'
|
|
7
|
-
import react from '@vitejs/plugin-react'
|
|
8
|
-
import { materialDevPlugin } from './.vite/plugins/vite-plugin-material-dev'
|
|
9
|
-
import { externalDeps } from './.vite/plugins/vite-plugin-external-deps'
|
|
10
|
-
|
|
11
|
-
export default defineConfig({
|
|
12
|
-
plugins: [
|
|
13
|
-
react(),
|
|
14
|
-
// 外部化 React/ReactDOM，使用父应用提供的实例
|
|
15
|
-
externalDeps({
|
|
16
|
-
externals: ['react', 'react-dom', 'react/jsx-runtime', '@easy-editor/core'],
|
|
17
|
-
globals: {
|
|
18
|
-
react: 'React',
|
|
19
|
-
'react-dom': 'ReactDOM',
|
|
20
|
-
'react/jsx-runtime': 'jsxRuntime',
|
|
21
|
-
'@easy-editor/core': 'EasyEditorCore',
|
|
22
|
-
},
|
|
23
|
-
}),
|
|
24
|
-
materialDevPlugin({
|
|
25
|
-
entry: '/src/index.tsx',
|
|
26
|
-
}),
|
|
27
|
-
],
|
|
28
|
-
server: {
|
|
29
|
-
port: 5001,
|
|
30
|
-
host: 'localhost',
|
|
31
|
-
cors: true,
|
|
32
|
-
hmr: {
|
|
33
|
-
port: 5001,
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
build: {
|
|
37
|
-
target: 'esnext',
|
|
38
|
-
rollupOptions: {
|
|
39
|
-
// 确保生产构建也外部化这些依赖
|
|
40
|
-
external: ['react', 'react-dom', 'react/jsx-runtime', '@easy-editor/core'],
|
|
41
|
-
output: {
|
|
42
|
-
globals: {
|
|
43
|
-
react: 'React',
|
|
44
|
-
'react-dom': 'ReactDOM',
|
|
45
|
-
'react/jsx-runtime': 'jsxRuntime',
|
|
46
|
-
'@easy-editor/core': 'EasyEditorCore',
|
|
47
|
-
},
|
|
48
|
-
},
|
|
49
|
-
},
|
|
50
|
-
},
|
|
51
|
-
resolve: {
|
|
52
|
-
dedupe: ['react', 'react-dom'],
|
|
53
|
-
},
|
|
54
|
-
})
|