@easy-editor/materials-dashboard-image 0.0.2 → 0.0.3

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/dist/index.js DELETED
@@ -1,432 +0,0 @@
1
- /* @easy-editor/materials-dashboard-image v0.0.1 */
2
- (function (global, factory) {
3
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime')) :
4
- typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime'], factory) :
5
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditorMaterialsImage = {}, global.jsxRuntime));
6
- })(this, (function (exports, jsxRuntime) { 'use strict';
7
-
8
- function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
9
-
10
- function cn(...inputs) {
11
- return clsx(inputs);
12
- }
13
-
14
- const MaterialGroup = {
15
- MEDIA: 'media'};
16
-
17
- function styleInject(css, ref) {
18
- if (ref === void 0) ref = {};
19
- var insertAt = ref.insertAt;
20
- if (typeof document === 'undefined') {
21
- return;
22
- }
23
- var head = document.head || document.getElementsByTagName('head')[0];
24
- var style = document.createElement('style');
25
- style.type = 'text/css';
26
- if (insertAt === 'top') {
27
- if (head.firstChild) {
28
- head.insertBefore(style, head.firstChild);
29
- } else {
30
- head.appendChild(style);
31
- }
32
- } else {
33
- head.appendChild(style);
34
- }
35
- if (style.styleSheet) {
36
- style.styleSheet.cssText = css;
37
- } else {
38
- style.appendChild(document.createTextNode(css));
39
- }
40
- }
41
-
42
- var css_248z = ".component-module__container___VbZSk{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.component-module__image___22LfU{display:block;max-height:100%;max-width:100%}.component-module__imageCover___4nw5D{height:100%;object-fit:cover;width:100%}.component-module__imageContain___qcwy7{height:100%;object-fit:contain;width:100%}.component-module__imageFill___tNQDt{height:100%;object-fit:fill;width:100%}.component-module__iconWrapper___LgFH-{align-items:center;display:flex;justify-content:center}.component-module__borderNeon___0oq37{animation:component-module__neonPulse___noJMa 2s ease-in-out infinite;border:2px solid transparent}@keyframes component-module__neonPulse___noJMa{0%,to{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}}.component-module__borderGradient___-IDtx{background-clip:padding-box;border:2px solid transparent;position:relative}.component-module__borderGradient___-IDtx:before{background:linear-gradient(135deg,var(--border-color-1),var(--border-color-2));border-radius:inherit;content:\"\";inset:-2px;-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;padding:2px;position:absolute}.component-module__borderTech___MnH27{border:1px solid rgba(0,200,255,.3);position:relative}.component-module__borderTech___MnH27:after,.component-module__borderTech___MnH27:before{border:2px solid #00d4ff;content:\"\";height:20px;position:absolute;width:20px}.component-module__borderTech___MnH27:before{border-bottom:none;border-right:none;left:-2px;top:-2px}.component-module__borderTech___MnH27:after{border-left:none;border-top:none;bottom:-2px;right:-2px}";
43
- var styles = {"container":"component-module__container___VbZSk","image":"component-module__image___22LfU","imageCover":"component-module__imageCover___4nw5D","imageContain":"component-module__imageContain___qcwy7","imageFill":"component-module__imageFill___tNQDt","borderNeon":"component-module__borderNeon___0oq37","borderGradient":"component-module__borderGradient___-IDtx","borderTech":"component-module__borderTech___MnH27"};
44
- styleInject(css_248z);
45
-
46
- /**
47
- * Image Component
48
- * 图片/图标/边框装饰组件
49
- */
50
-
51
- const DEFAULT_IMAGE = 'data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzAgNjAiIHdpZHRoPSI3MCIgaGVpZ2h0PSI2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPGRlZnMgaWQ9IlN2Z2pzRGVmczEwMDEiPjwvZGVmcz4NCiAgPGcNCiAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjYwNDgwNDY3OTI2Mjc2NTIsMCwwLDAuNjA0ODA0Njc5MjYyNzY1MiwtMC4wMDAwMTg0MDMxMDAyOTc2NjgwNzYsLTAuMDAwNDk0ODEwODgwODczMjQ1OSkiDQogICAgZmlsbD0iI2ZmZiINCiAgPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNOTUuMTA4LDg0LjEyNWMtMC40ODQsMC0wLjk1NS0wLjI1Mi0xLjIxNi0wLjcwMUw2NS44NDksMzQuNzljLTAuMzg2LTAuNjcxLTAuMTU1LTEuNTI4LDAuNTE2LTEuOTE3ICBjMC42NzMtMC4zODYsMS41MjctMC4xNTYsMS45MTYsMC41MTVsMjguMDQzLDQ4LjYzNGMwLjM4NiwwLjY3LDAuMTU2LDEuNTI3LTAuNTE1LDEuOTE2Qzk1LjU4Nyw4NC4wNjQsOTUuMzQ2LDg0LjEyNSw5NS4xMDgsODQuMTI1ICB6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik03Ni45MzgsODQuMTI1SDEuNDAzYy0wLjUwMSwwLTAuOTY0LTAuMjY2LTEuMjEzLTAuNzAxYy0wLjI1Mi0wLjQzMy0wLjI1Mi0wLjk2Ny0wLjAwMy0xLjQwMUw0Ny4wMTEsMC43MTYgIGMwLjI1MS0wLjQzMywwLjcxNC0wLjcwMSwxLjIxNS0wLjcwMWgxOS4yM2MwLjc3NSwwLDEuNDAyLDAuNjI3LDEuNDAyLDEuNDAyYzAsMC43NzQtMC42MjcsMS40MDEtMS40MDIsMS40MDFINDkuMDM3TDMuODI4LDgxLjMyMSAgaDczLjExYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDFDNzguMzM5LDgzLjQ5OCw3Ny43MTIsODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGggeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkPSJNNDguODkyLDM0LjA4OSI+PC9wYXRoPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNNzYuOTM4LDg0LjEyNUgxLjQwM2MtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMmMwLTAuNzc0LDAuNjI3LTEuNDAxLDEuNDAyLTEuNDAxaDczLjEwOUw1Ni43NjYsNTAuNTU0ICBjLTAuMzg2LTAuNjctMC4xNTYtMS41MjcsMC41MTUtMS45MTZjMC42NzEtMC4zODYsMS41MjgtMC4xNTYsMS45MTcsMC41MTVsMTguOTU2LDMyLjg3YzAuMjQ5LDAuNDM1LDAuMjQ5LDAuOTY5LTAuMDAzLDEuNDAxICBDNzcuOTAxLDgzLjg1Niw3Ny40MzksODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik0yOC43MDcsMTAwLjAwMUgxMC43NmMtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMWMwLTAuNzc1LDAuNjI3LTEuNDAyLDEuNDAyLTEuNDAyaDE3Ljk0NiAgYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDJDMzAuMTA4LDk5LjM3NCwyOS40ODEsMTAwLjAwMSwyOC43MDcsMTAwLjAwMXoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTc2LjkzOCw4NC4xMjVIMS40MDNjLTAuNTAxLDAtMC45NjQtMC4yNjktMS4yMTMtMC43MDFjLTAuMjUyLTAuNDMzLTAuMjUyLTAuOTY3LTAuMDAzLTEuNDAxbDE4Ljk1NC0zMi44NyAgYzAuMzg5LTAuNjcxLDEuMjQtMC45MDEsMS45MTctMC41MTVjMC42NzEsMC4zODksMC45MDEsMS4yNDYsMC41MTUsMS45MTZMMy44MjgsODEuMzIxaDczLjExYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM3OC4zMzksODMuNDk4LDc3LjcxMiw4NC4xMjUsNzYuOTM4LDg0LjEyNXoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTEwNC4yMzYsMTAwLjAwMUgyOC43MDdjLTAuNzc1LDAtMS40MDItMC42MjctMS40MDItMS40MDFjMC0wLjc3NSwwLjYyNy0xLjQwMiwxLjQwMi0xLjQwMmg3My4xMDRMODQuMDY3LDY2LjQzNCAgYy0wLjM4Ni0wLjY3MS0wLjE1Ni0xLjUyOCwwLjUxNS0xLjkxN2MwLjY3MS0wLjM4MywxLjUyNy0wLjE1OCwxLjkxNiwwLjUxNWwxOC45NTQsMzIuODY3YzAuMjQ5LDAuNDM2LDAuMjQ5LDAuOTY5LTAuMDAzLDEuNDAxICBDMTA1LjIsOTkuNzMyLDEwNC43MzcsMTAwLjAwMSwxMDQuMjM2LDEwMC4wMDF6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik03Ni45MzgsODQuMTI1SDIwLjYzM2MtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMmMwLTAuNzc0LDAuNjI3LTEuNDAxLDEuNDAyLTEuNDAxaDU2LjMwNSAgYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDFDNzguMzM5LDgzLjQ5OCw3Ny43MTIsODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik02Ny40MzIsNjcuNjQ0aC0zNy4zNGMtMC41MDEsMC0wLjk2NC0wLjI2Ni0xLjIxMy0wLjcwMWMtMC4yNTItMC40MzMtMC4yNTItMC45NjctMC4wMDMtMS40MDFsMzcuMzQtNjQuODM5ICBjMC4zODYtMC42NzEsMS4yNC0wLjkwMSwxLjkxNy0wLjUxNWMwLjY3LDAuMzg2LDAuOSwxLjI0MywwLjUxNSwxLjkxN0wzMi41MTcsNjQuODRoMzQuOTE1YzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM2OC44MzMsNjcuMDE3LDY4LjIwNyw2Ny42NDQsNjcuNDMyLDY3LjY0NHoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTY3LjQzMiw2Ny42NDRINDguNTQ0Yy0wLjUwMSwwLTAuOTY0LTAuMjY2LTEuMjEzLTAuNzAxYy0wLjI1Mi0wLjQzMy0wLjI1Mi0wLjk2Ny0wLjAwMy0xLjQwMWwxOC41MTktMzIuMTU1ICBjMC4zODktMC42NzEsMS4yNC0wLjkwMSwxLjkxNi0wLjUxNWMwLjY3MSwwLjM4NiwwLjksMS4yNDMsMC41MTUsMS45MTdMNTAuOTcsNjQuODRoMTYuNDYyYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM2OC44MzMsNjcuMDE3LDY4LjIwNyw2Ny42NDQsNjcuNDMyLDY3LjY0NHoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTEwLjc2LDEwMC4wMDFjLTAuNDc5LDAtMC45NDctMC4yNDYtMS4yMDgtMC42OUwwLjE5NSw4My40MzVjLTAuMzk0LTAuNjY4LTAuMTcyLTEuNTI0LDAuNDk2LTEuOTE5ICBjMC42NjUtMC4zOTIsMS41MjUtMC4xNzMsMS45MTksMC40OTVsOS4zNTgsMTUuODc3YzAuMzk0LDAuNjY4LDAuMTcyLDEuNTI3LTAuNDk2LDEuOTE5ICBDMTEuMjQ4LDk5LjkzOCwxMS4wMDQsMTAwLjAwMSwxMC43NiwxMDAuMDAxeiINCiAgICA+PC9wYXRoPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNMTA0LjIzNiwxMDAuMDAxYy0wLjI2LDAtMC41MjEtMC4wNzEtMC43NTMtMC4yMTljLTAuNjUxLTAuNDE2LTAuODQ2LTEuMjgxLTAuNDMtMS45MzZsOS42NDUtMTUuMTU5TDY3LjQ1Nyw0LjIyMyAgTDMxLjMzMiw2Ni45NTZjLTAuMzkyLDAuNjcxLTEuMjQzLDAuODk2LTEuOTE3LDAuNTE1Yy0wLjY3MS0wLjM4Ni0wLjkwMS0xLjI0My0wLjUxNS0xLjkxNmwzNy4zNC02NC44MzkgIGMwLjUwNC0wLjg2NSwxLjkyOC0wLjg2NSwyLjQzMiwwbDQ2Ljg4MSw4MS4zMDdjMC4yNjEsMC40NTEsMC4yNDcsMS4wMTMtMC4wMzIsMS40NTNsLTEwLjEwMywxNS44NzYgIEMxMDUuMTUsOTkuNzcxLDEwNC42OTksMTAwLjAwMSwxMDQuMjM2LDEwMC4wMDF6Ig0KICAgID48L3BhdGg+DQogIDwvZz4NCjwvc3ZnPg0K';
52
- const getObjectFitClass = fit => {
53
- switch (fit) {
54
- case 'cover':
55
- return styles.imageCover;
56
- case 'contain':
57
- return styles.imageContain;
58
- case 'fill':
59
- return styles.imageFill;
60
- default:
61
- return '';
62
- }
63
- };
64
- const getBorderClass = borderStyle => {
65
- switch (borderStyle) {
66
- case 'neon':
67
- return styles.borderNeon;
68
- case 'gradient':
69
- return styles.borderGradient;
70
- case 'tech':
71
- return styles.borderTech;
72
- default:
73
- return '';
74
- }
75
- };
76
- const Image = ({
77
- ref,
78
- src = DEFAULT_IMAGE,
79
- alt = '',
80
- objectFit = 'cover',
81
- borderRadius = 0,
82
- borderStyle = 'none',
83
- borderColor = '#00d4ff',
84
- shadow = false,
85
- shadowColor = 'rgba(0, 212, 255, 0.3)',
86
- style: externalStyle
87
- }) => {
88
- const containerStyle = {
89
- borderRadius,
90
- color: borderColor,
91
- boxShadow: shadow ? `0 4px 20px ${shadowColor}` : undefined,
92
- ...externalStyle
93
- };
94
-
95
- // 图片模式
96
- return /*#__PURE__*/jsxRuntime.jsx("div", {
97
- className: cn(styles.container, getBorderClass(borderStyle)),
98
- ref: ref,
99
- style: containerStyle,
100
- children: /*#__PURE__*/jsxRuntime.jsx("img", {
101
- alt: alt,
102
- className: cn(styles.image, getObjectFitClass(objectFit)),
103
- draggable: false,
104
- height: "100%",
105
- src: src,
106
- width: "100%"
107
- })
108
- });
109
- };
110
-
111
- const COMPONENT_NAME = 'EasyEditorMaterialsImage';
112
- const PACKAGE_NAME = '@easy-editor/materials-dashboard-image';
113
-
114
- const configure = {
115
- props: [{
116
- type: 'group',
117
- title: '属性',
118
- setter: 'TabSetter',
119
- items: [{
120
- type: 'group',
121
- key: 'config',
122
- title: '配置',
123
- setter: {
124
- componentName: 'CollapseSetter',
125
- props: {
126
- icon: false
127
- }
128
- },
129
- items: [
130
- {
131
- name: 'id',
132
- title: 'ID',
133
- setter: 'NodeIdSetter',
134
- extraProps: {
135
- label: false
136
- }
137
- }, {
138
- name: 'title',
139
- title: '标题',
140
- setter: 'StringSetter',
141
- extraProps: {
142
- getValue(target) {
143
- return target.getExtraPropValue('title');
144
- },
145
- setValue(target, value) {
146
- target.setExtraPropValue('title', value);
147
- }
148
- }
149
- }, {
150
- type: 'group',
151
- title: '基础属性',
152
- setter: {
153
- componentName: 'CollapseSetter',
154
- props: {
155
- icon: false
156
- }
157
- },
158
- items: [{
159
- name: 'rect',
160
- title: '位置尺寸',
161
- setter: 'RectSetter',
162
- extraProps: {
163
- getValue(target) {
164
- return target.getExtraPropValue('$dashboard.rect');
165
- },
166
- setValue(target, value) {
167
- target.setExtraPropValue('$dashboard.rect', value);
168
- }
169
- }
170
- }]
171
- },
172
- {
173
- type: 'group',
174
- title: '内容',
175
- setter: {
176
- componentName: 'CollapseSetter',
177
- props: {
178
- icon: false
179
- }
180
- },
181
- items: [{
182
- name: '__upload',
183
- title: '上传',
184
- setter: {
185
- componentName: 'UploadSetter',
186
- props: {
187
- accept: '.jpg,.jpeg,.png,.gif,.svg'
188
- }
189
- },
190
- extraProps: {
191
- setValue(target, value) {
192
- if (value) {
193
- const {
194
- base64,
195
- raw
196
- } = value;
197
- if (base64) {
198
- target.parent.setPropValue('src', base64);
199
- }
200
- if (raw?.width) {
201
- target.parent.setExtraPropValue('$dashboard.rect.width', raw.width);
202
- }
203
- if (raw?.height) {
204
- target.parent.setExtraPropValue('$dashboard.rect.height', raw.height);
205
- }
206
- } else {
207
- target.parent.clearPropValue('src');
208
- }
209
- }
210
- }
211
- }, {
212
- name: 'src',
213
- title: '图片地址',
214
- setter: 'StringSetter'
215
- }, {
216
- name: 'alt',
217
- title: '替代文本',
218
- setter: 'StringSetter'
219
- }]
220
- }, {
221
- type: 'group',
222
- title: '加载',
223
- setter: {
224
- componentName: 'CollapseSetter',
225
- props: {
226
- icon: false
227
- }
228
- },
229
- items: [{
230
- name: 'lazyLoad',
231
- title: '懒加载',
232
- setter: 'SwitchSetter',
233
- extraProps: {
234
- defaultValue: false
235
- }
236
- }, {
237
- name: 'lazyLoadThreshold',
238
- title: '懒加载阈值',
239
- setter: {
240
- componentName: 'SliderSetter',
241
- props: {
242
- min: 0,
243
- max: 500,
244
- step: 50,
245
- suffix: 'px'
246
- }
247
- },
248
- extraProps: {
249
- defaultValue: 100
250
- }
251
- }, {
252
- name: 'placeholder',
253
- title: '占位图',
254
- setter: 'StringSetter'
255
- }]
256
- }, {
257
- type: 'group',
258
- title: '样式',
259
- setter: {
260
- componentName: 'CollapseSetter',
261
- props: {
262
- icon: false
263
- }
264
- },
265
- items: [{
266
- name: 'objectFit',
267
- title: '填充方式',
268
- setter: {
269
- componentName: 'SelectSetter',
270
- props: {
271
- options: [{
272
- label: '覆盖',
273
- value: 'cover'
274
- }, {
275
- label: '包含',
276
- value: 'contain'
277
- }, {
278
- label: '填充',
279
- value: 'fill'
280
- }, {
281
- label: '无',
282
- value: 'none'
283
- }]
284
- }
285
- },
286
- extraProps: {
287
- defaultValue: 'cover'
288
- }
289
- }, {
290
- name: 'borderRadius',
291
- title: '圆角',
292
- setter: 'NumberSetter',
293
- extraProps: {
294
- defaultValue: 0
295
- }
296
- }, {
297
- name: 'borderStyle',
298
- title: '边框样式',
299
- setter: {
300
- componentName: 'SelectSetter',
301
- props: {
302
- options: [{
303
- label: '无',
304
- value: 'none'
305
- }, {
306
- label: '霓虹',
307
- value: 'neon'
308
- }, {
309
- label: '渐变',
310
- value: 'gradient'
311
- }, {
312
- label: '科技感',
313
- value: 'tech'
314
- }]
315
- }
316
- },
317
- extraProps: {
318
- defaultValue: 'none'
319
- }
320
- }, {
321
- name: 'borderColor',
322
- title: '边框颜色',
323
- setter: 'ColorSetter',
324
- extraProps: {
325
- defaultValue: '#00d4ff'
326
- }
327
- }, {
328
- name: 'shadow',
329
- title: '启用阴影',
330
- setter: 'SwitchSetter',
331
- extraProps: {
332
- defaultValue: false
333
- }
334
- }, {
335
- name: 'shadowColor',
336
- title: '阴影颜色',
337
- setter: 'ColorSetter',
338
- extraProps: {
339
- defaultValue: 'rgba(0, 212, 255, 0.3)'
340
- }
341
- }]
342
- }]
343
- }, {
344
- type: 'group',
345
- key: 'data',
346
- title: '数据',
347
- items: [{
348
- name: 'dataBinding',
349
- title: '数据绑定',
350
- setter: 'DataBindingSetter'
351
- }]
352
- }, {
353
- type: 'group',
354
- key: 'advanced',
355
- title: '高级',
356
- items: [{
357
- name: 'condition',
358
- title: '显隐控制',
359
- setter: 'SwitchSetter',
360
- extraProps: {
361
- defaultValue: true,
362
- supportVariable: true
363
- }
364
- }]
365
- }]
366
- }],
367
- component: {},
368
- supports: {},
369
- advanced: {}
370
- };
371
-
372
- const snippets = [{
373
- title: '普通图片',
374
- screenshot: '',
375
- schema: {
376
- componentName: COMPONENT_NAME,
377
- props: {
378
- alt: '图片',
379
- objectFit: 'contain',
380
- borderRadius: 0
381
- },
382
- $dashboard: {
383
- rect: {
384
- width: 200,
385
- height: 180
386
- }
387
- }
388
- }
389
- }, {
390
- title: '圆角图片',
391
- screenshot: '',
392
- schema: {
393
- componentName: COMPONENT_NAME,
394
- props: {
395
- alt: '圆角图片',
396
- objectFit: 'contain',
397
- borderRadius: 100,
398
- borderStyle: 'tech'
399
- },
400
- $dashboard: {
401
- rect: {
402
- width: 200,
403
- height: 200
404
- }
405
- }
406
- }
407
- }];
408
-
409
- var version = "0.0.1";
410
- var pkg = {
411
- version: version};
412
-
413
- const meta = {
414
- componentName: COMPONENT_NAME,
415
- title: '图片',
416
- group: MaterialGroup.MEDIA,
417
- devMode: 'proCode',
418
- npm: {
419
- package: PACKAGE_NAME,
420
- version: pkg.version,
421
- globalName: COMPONENT_NAME,
422
- componentName: COMPONENT_NAME
423
- },
424
- snippets,
425
- configure
426
- };
427
-
428
- exports.component = Image;
429
- exports.meta = meta;
430
-
431
- }));
432
- //# sourceMappingURL=index.js.map
package/dist/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../../../../shared/src/lib/utils.ts","../../../../shared/src/index.ts","../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../src/component.tsx","../src/constants.ts","../src/configure.ts","../src/snippets.ts","../src/meta.ts"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import { clsx, type ClassValue } from 'clsx'\n\nexport function cn(...inputs: ClassValue[]) {\n return clsx(inputs)\n}\n","/**\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","function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","/**\n * Image Component\n * 图片/图标/边框装饰组件\n */\n\nimport type { CSSProperties, Ref } from 'react'\nimport { cn } from '@easy-editor/materials-shared'\nimport styles from './component.module.css'\n\nexport type ObjectFit = 'cover' | 'contain' | 'fill' | 'none'\nexport type BorderStyle = 'none' | 'neon' | 'gradient' | 'tech'\nexport type DisplayMode = 'image' | 'icon'\n\nexport interface ImageProps {\n ref?: Ref<HTMLDivElement>\n /** 图片地址 */\n src?: string\n /** 图片描述 */\n alt?: string\n /** 图片填充方式 */\n objectFit?: ObjectFit\n /** 圆角 */\n borderRadius?: number\n /** 边框样式 */\n borderStyle?: BorderStyle\n /** 边框颜色(霓虹/科技感边框) */\n borderColor?: string\n /** 阴影 */\n shadow?: boolean\n /** 阴影颜色 */\n shadowColor?: string\n /** 外部样式 */\n style?: CSSProperties\n}\n\nconst DEFAULT_IMAGE =\n 'data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzAgNjAiIHdpZHRoPSI3MCIgaGVpZ2h0PSI2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPGRlZnMgaWQ9IlN2Z2pzRGVmczEwMDEiPjwvZGVmcz4NCiAgPGcNCiAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjYwNDgwNDY3OTI2Mjc2NTIsMCwwLDAuNjA0ODA0Njc5MjYyNzY1MiwtMC4wMDAwMTg0MDMxMDAyOTc2NjgwNzYsLTAuMDAwNDk0ODEwODgwODczMjQ1OSkiDQogICAgZmlsbD0iI2ZmZiINCiAgPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNOTUuMTA4LDg0LjEyNWMtMC40ODQsMC0wLjk1NS0wLjI1Mi0xLjIxNi0wLjcwMUw2NS44NDksMzQuNzljLTAuMzg2LTAuNjcxLTAuMTU1LTEuNTI4LDAuNTE2LTEuOTE3ICBjMC42NzMtMC4zODYsMS41MjctMC4xNTYsMS45MTYsMC41MTVsMjguMDQzLDQ4LjYzNGMwLjM4NiwwLjY3LDAuMTU2LDEuNTI3LTAuNTE1LDEuOTE2Qzk1LjU4Nyw4NC4wNjQsOTUuMzQ2LDg0LjEyNSw5NS4xMDgsODQuMTI1ICB6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik03Ni45MzgsODQuMTI1SDEuNDAzYy0wLjUwMSwwLTAuOTY0LTAuMjY2LTEuMjEzLTAuNzAxYy0wLjI1Mi0wLjQzMy0wLjI1Mi0wLjk2Ny0wLjAwMy0xLjQwMUw0Ny4wMTEsMC43MTYgIGMwLjI1MS0wLjQzMywwLjcxNC0wLjcwMSwxLjIxNS0wLjcwMWgxOS4yM2MwLjc3NSwwLDEuNDAyLDAuNjI3LDEuNDAyLDEuNDAyYzAsMC43NzQtMC42MjcsMS40MDEtMS40MDIsMS40MDFINDkuMDM3TDMuODI4LDgxLjMyMSAgaDczLjExYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDFDNzguMzM5LDgzLjQ5OCw3Ny43MTIsODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGggeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkPSJNNDguODkyLDM0LjA4OSI+PC9wYXRoPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNNzYuOTM4LDg0LjEyNUgxLjQwM2MtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMmMwLTAuNzc0LDAuNjI3LTEuNDAxLDEuNDAyLTEuNDAxaDczLjEwOUw1Ni43NjYsNTAuNTU0ICBjLTAuMzg2LTAuNjctMC4xNTYtMS41MjcsMC41MTUtMS45MTZjMC42NzEtMC4zODYsMS41MjgtMC4xNTYsMS45MTcsMC41MTVsMTguOTU2LDMyLjg3YzAuMjQ5LDAuNDM1LDAuMjQ5LDAuOTY5LTAuMDAzLDEuNDAxICBDNzcuOTAxLDgzLjg1Niw3Ny40MzksODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik0yOC43MDcsMTAwLjAwMUgxMC43NmMtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMWMwLTAuNzc1LDAuNjI3LTEuNDAyLDEuNDAyLTEuNDAyaDE3Ljk0NiAgYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDJDMzAuMTA4LDk5LjM3NCwyOS40ODEsMTAwLjAwMSwyOC43MDcsMTAwLjAwMXoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTc2LjkzOCw4NC4xMjVIMS40MDNjLTAuNTAxLDAtMC45NjQtMC4yNjktMS4yMTMtMC43MDFjLTAuMjUyLTAuNDMzLTAuMjUyLTAuOTY3LTAuMDAzLTEuNDAxbDE4Ljk1NC0zMi44NyAgYzAuMzg5LTAuNjcxLDEuMjQtMC45MDEsMS45MTctMC41MTVjMC42NzEsMC4zODksMC45MDEsMS4yNDYsMC41MTUsMS45MTZMMy44MjgsODEuMzIxaDczLjExYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM3OC4zMzksODMuNDk4LDc3LjcxMiw4NC4xMjUsNzYuOTM4LDg0LjEyNXoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTEwNC4yMzYsMTAwLjAwMUgyOC43MDdjLTAuNzc1LDAtMS40MDItMC42MjctMS40MDItMS40MDFjMC0wLjc3NSwwLjYyNy0xLjQwMiwxLjQwMi0xLjQwMmg3My4xMDRMODQuMDY3LDY2LjQzNCAgYy0wLjM4Ni0wLjY3MS0wLjE1Ni0xLjUyOCwwLjUxNS0xLjkxN2MwLjY3MS0wLjM4MywxLjUyNy0wLjE1OCwxLjkxNiwwLjUxNWwxOC45NTQsMzIuODY3YzAuMjQ5LDAuNDM2LDAuMjQ5LDAuOTY5LTAuMDAzLDEuNDAxICBDMTA1LjIsOTkuNzMyLDEwNC43MzcsMTAwLjAwMSwxMDQuMjM2LDEwMC4wMDF6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik03Ni45MzgsODQuMTI1SDIwLjYzM2MtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMmMwLTAuNzc0LDAuNjI3LTEuNDAxLDEuNDAyLTEuNDAxaDU2LjMwNSAgYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDFDNzguMzM5LDgzLjQ5OCw3Ny43MTIsODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik02Ny40MzIsNjcuNjQ0aC0zNy4zNGMtMC41MDEsMC0wLjk2NC0wLjI2Ni0xLjIxMy0wLjcwMWMtMC4yNTItMC40MzMtMC4yNTItMC45NjctMC4wMDMtMS40MDFsMzcuMzQtNjQuODM5ICBjMC4zODYtMC42NzEsMS4yNC0wLjkwMSwxLjkxNy0wLjUxNWMwLjY3LDAuMzg2LDAuOSwxLjI0MywwLjUxNSwxLjkxN0wzMi41MTcsNjQuODRoMzQuOTE1YzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM2OC44MzMsNjcuMDE3LDY4LjIwNyw2Ny42NDQsNjcuNDMyLDY3LjY0NHoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTY3LjQzMiw2Ny42NDRINDguNTQ0Yy0wLjUwMSwwLTAuOTY0LTAuMjY2LTEuMjEzLTAuNzAxYy0wLjI1Mi0wLjQzMy0wLjI1Mi0wLjk2Ny0wLjAwMy0xLjQwMWwxOC41MTktMzIuMTU1ICBjMC4zODktMC42NzEsMS4yNC0wLjkwMSwxLjkxNi0wLjUxNWMwLjY3MSwwLjM4NiwwLjksMS4yNDMsMC41MTUsMS45MTdMNTAuOTcsNjQuODRoMTYuNDYyYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM2OC44MzMsNjcuMDE3LDY4LjIwNyw2Ny42NDQsNjcuNDMyLDY3LjY0NHoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTEwLjc2LDEwMC4wMDFjLTAuNDc5LDAtMC45NDctMC4yNDYtMS4yMDgtMC42OUwwLjE5NSw4My40MzVjLTAuMzk0LTAuNjY4LTAuMTcyLTEuNTI0LDAuNDk2LTEuOTE5ICBjMC42NjUtMC4zOTIsMS41MjUtMC4xNzMsMS45MTksMC40OTVsOS4zNTgsMTUuODc3YzAuMzk0LDAuNjY4LDAuMTcyLDEuNTI3LTAuNDk2LDEuOTE5ICBDMTEuMjQ4LDk5LjkzOCwxMS4wMDQsMTAwLjAwMSwxMC43NiwxMDAuMDAxeiINCiAgICA+PC9wYXRoPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNMTA0LjIzNiwxMDAuMDAxYy0wLjI2LDAtMC41MjEtMC4wNzEtMC43NTMtMC4yMTljLTAuNjUxLTAuNDE2LTAuODQ2LTEuMjgxLTAuNDMtMS45MzZsOS42NDUtMTUuMTU5TDY3LjQ1Nyw0LjIyMyAgTDMxLjMzMiw2Ni45NTZjLTAuMzkyLDAuNjcxLTEuMjQzLDAuODk2LTEuOTE3LDAuNTE1Yy0wLjY3MS0wLjM4Ni0wLjkwMS0xLjI0My0wLjUxNS0xLjkxNmwzNy4zNC02NC44MzkgIGMwLjUwNC0wLjg2NSwxLjkyOC0wLjg2NSwyLjQzMiwwbDQ2Ljg4MSw4MS4zMDdjMC4yNjEsMC40NTEsMC4yNDcsMS4wMTMtMC4wMzIsMS40NTNsLTEwLjEwMywxNS44NzYgIEMxMDUuMTUsOTkuNzcxLDEwNC42OTksMTAwLjAwMSwxMDQuMjM2LDEwMC4wMDF6Ig0KICAgID48L3BhdGg+DQogIDwvZz4NCjwvc3ZnPg0K'\n\nconst getObjectFitClass = (fit: ObjectFit): string => {\n switch (fit) {\n case 'cover':\n return styles.imageCover\n case 'contain':\n return styles.imageContain\n case 'fill':\n return styles.imageFill\n default:\n return ''\n }\n}\n\nconst getBorderClass = (borderStyle: BorderStyle): string => {\n switch (borderStyle) {\n case 'neon':\n return styles.borderNeon\n case 'gradient':\n return styles.borderGradient\n case 'tech':\n return styles.borderTech\n default:\n return ''\n }\n}\n\nexport const Image: React.FC<ImageProps> = ({\n ref,\n src = DEFAULT_IMAGE,\n alt = '',\n objectFit = 'cover',\n borderRadius = 0,\n borderStyle = 'none',\n borderColor = '#00d4ff',\n shadow = false,\n shadowColor = 'rgba(0, 212, 255, 0.3)',\n style: externalStyle,\n}) => {\n const containerStyle: CSSProperties = {\n borderRadius,\n color: borderColor,\n boxShadow: shadow ? `0 4px 20px ${shadowColor}` : undefined,\n ...externalStyle,\n } as CSSProperties\n\n // 图片模式\n return (\n <div className={cn(styles.container, getBorderClass(borderStyle))} ref={ref} style={containerStyle}>\n <img\n alt={alt}\n className={cn(styles.image, getObjectFitClass(objectFit))}\n draggable={false}\n height='100%'\n src={src}\n width='100%'\n />\n </div>\n )\n}\n\nexport default Image\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":["cn","inputs","clsx","MaterialGroup","INNER","MEDIA","styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","DEFAULT_IMAGE","getObjectFitClass","fit","styles","imageCover","imageContain","imageFill","getBorderClass","borderStyle","borderNeon","borderGradient","borderTech","Image","src","alt","objectFit","borderRadius","borderColor","shadow","shadowColor","externalStyle","containerStyle","color","boxShadow","undefined","_jsx","className","container","children","image","draggable","height","width","COMPONENT_NAME","PACKAGE_NAME","configure","props","title","setter","items","key","componentName","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","snippets","screenshot","schema","$dashboard","rect","meta","group","devMode","npm","package","version","pkg","globalName"],"mappings":"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","x_google_ignoreList":[0,3]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.min.js","sources":["../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../../../../shared/src/lib/utils.ts","../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../src/component.tsx","../src/constants.ts","../src/meta.ts","../../../../shared/src/index.ts","../src/snippets.ts","../src/configure.ts"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import { clsx, type ClassValue } from 'clsx'\n\nexport function cn(...inputs: ClassValue[]) {\n return clsx(inputs)\n}\n","function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","/**\n * Image Component\n * 图片/图标/边框装饰组件\n */\n\nimport type { CSSProperties, Ref } from 'react'\nimport { cn } from '@easy-editor/materials-shared'\nimport styles from './component.module.css'\n\nexport type ObjectFit = 'cover' | 'contain' | 'fill' | 'none'\nexport type BorderStyle = 'none' | 'neon' | 'gradient' | 'tech'\nexport type DisplayMode = 'image' | 'icon'\n\nexport interface ImageProps {\n ref?: Ref<HTMLDivElement>\n /** 图片地址 */\n src?: string\n /** 图片描述 */\n alt?: string\n /** 图片填充方式 */\n objectFit?: ObjectFit\n /** 圆角 */\n borderRadius?: number\n /** 边框样式 */\n borderStyle?: BorderStyle\n /** 边框颜色(霓虹/科技感边框) */\n borderColor?: string\n /** 阴影 */\n shadow?: boolean\n /** 阴影颜色 */\n shadowColor?: string\n /** 外部样式 */\n style?: CSSProperties\n}\n\nconst DEFAULT_IMAGE =\n 'data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzAgNjAiIHdpZHRoPSI3MCIgaGVpZ2h0PSI2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPGRlZnMgaWQ9IlN2Z2pzRGVmczEwMDEiPjwvZGVmcz4NCiAgPGcNCiAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjYwNDgwNDY3OTI2Mjc2NTIsMCwwLDAuNjA0ODA0Njc5MjYyNzY1MiwtMC4wMDAwMTg0MDMxMDAyOTc2NjgwNzYsLTAuMDAwNDk0ODEwODgwODczMjQ1OSkiDQogICAgZmlsbD0iI2ZmZiINCiAgPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNOTUuMTA4LDg0LjEyNWMtMC40ODQsMC0wLjk1NS0wLjI1Mi0xLjIxNi0wLjcwMUw2NS44NDksMzQuNzljLTAuMzg2LTAuNjcxLTAuMTU1LTEuNTI4LDAuNTE2LTEuOTE3ICBjMC42NzMtMC4zODYsMS41MjctMC4xNTYsMS45MTYsMC41MTVsMjguMDQzLDQ4LjYzNGMwLjM4NiwwLjY3LDAuMTU2LDEuNTI3LTAuNTE1LDEuOTE2Qzk1LjU4Nyw4NC4wNjQsOTUuMzQ2LDg0LjEyNSw5NS4xMDgsODQuMTI1ICB6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik03Ni45MzgsODQuMTI1SDEuNDAzYy0wLjUwMSwwLTAuOTY0LTAuMjY2LTEuMjEzLTAuNzAxYy0wLjI1Mi0wLjQzMy0wLjI1Mi0wLjk2Ny0wLjAwMy0xLjQwMUw0Ny4wMTEsMC43MTYgIGMwLjI1MS0wLjQzMywwLjcxNC0wLjcwMSwxLjIxNS0wLjcwMWgxOS4yM2MwLjc3NSwwLDEuNDAyLDAuNjI3LDEuNDAyLDEuNDAyYzAsMC43NzQtMC42MjcsMS40MDEtMS40MDIsMS40MDFINDkuMDM3TDMuODI4LDgxLjMyMSAgaDczLjExYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDFDNzguMzM5LDgzLjQ5OCw3Ny43MTIsODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGggeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkPSJNNDguODkyLDM0LjA4OSI+PC9wYXRoPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNNzYuOTM4LDg0LjEyNUgxLjQwM2MtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMmMwLTAuNzc0LDAuNjI3LTEuNDAxLDEuNDAyLTEuNDAxaDczLjEwOUw1Ni43NjYsNTAuNTU0ICBjLTAuMzg2LTAuNjctMC4xNTYtMS41MjcsMC41MTUtMS45MTZjMC42NzEtMC4zODYsMS41MjgtMC4xNTYsMS45MTcsMC41MTVsMTguOTU2LDMyLjg3YzAuMjQ5LDAuNDM1LDAuMjQ5LDAuOTY5LTAuMDAzLDEuNDAxICBDNzcuOTAxLDgzLjg1Niw3Ny40MzksODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik0yOC43MDcsMTAwLjAwMUgxMC43NmMtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMWMwLTAuNzc1LDAuNjI3LTEuNDAyLDEuNDAyLTEuNDAyaDE3Ljk0NiAgYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDJDMzAuMTA4LDk5LjM3NCwyOS40ODEsMTAwLjAwMSwyOC43MDcsMTAwLjAwMXoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTc2LjkzOCw4NC4xMjVIMS40MDNjLTAuNTAxLDAtMC45NjQtMC4yNjktMS4yMTMtMC43MDFjLTAuMjUyLTAuNDMzLTAuMjUyLTAuOTY3LTAuMDAzLTEuNDAxbDE4Ljk1NC0zMi44NyAgYzAuMzg5LTAuNjcxLDEuMjQtMC45MDEsMS45MTctMC41MTVjMC42NzEsMC4zODksMC45MDEsMS4yNDYsMC41MTUsMS45MTZMMy44MjgsODEuMzIxaDczLjExYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM3OC4zMzksODMuNDk4LDc3LjcxMiw4NC4xMjUsNzYuOTM4LDg0LjEyNXoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTEwNC4yMzYsMTAwLjAwMUgyOC43MDdjLTAuNzc1LDAtMS40MDItMC42MjctMS40MDItMS40MDFjMC0wLjc3NSwwLjYyNy0xLjQwMiwxLjQwMi0xLjQwMmg3My4xMDRMODQuMDY3LDY2LjQzNCAgYy0wLjM4Ni0wLjY3MS0wLjE1Ni0xLjUyOCwwLjUxNS0xLjkxN2MwLjY3MS0wLjM4MywxLjUyNy0wLjE1OCwxLjkxNiwwLjUxNWwxOC45NTQsMzIuODY3YzAuMjQ5LDAuNDM2LDAuMjQ5LDAuOTY5LTAuMDAzLDEuNDAxICBDMTA1LjIsOTkuNzMyLDEwNC43MzcsMTAwLjAwMSwxMDQuMjM2LDEwMC4wMDF6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik03Ni45MzgsODQuMTI1SDIwLjYzM2MtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMmMwLTAuNzc0LDAuNjI3LTEuNDAxLDEuNDAyLTEuNDAxaDU2LjMwNSAgYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDFDNzguMzM5LDgzLjQ5OCw3Ny43MTIsODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik02Ny40MzIsNjcuNjQ0aC0zNy4zNGMtMC41MDEsMC0wLjk2NC0wLjI2Ni0xLjIxMy0wLjcwMWMtMC4yNTItMC40MzMtMC4yNTItMC45NjctMC4wMDMtMS40MDFsMzcuMzQtNjQuODM5ICBjMC4zODYtMC42NzEsMS4yNC0wLjkwMSwxLjkxNy0wLjUxNWMwLjY3LDAuMzg2LDAuOSwxLjI0MywwLjUxNSwxLjkxN0wzMi41MTcsNjQuODRoMzQuOTE1YzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM2OC44MzMsNjcuMDE3LDY4LjIwNyw2Ny42NDQsNjcuNDMyLDY3LjY0NHoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTY3LjQzMiw2Ny42NDRINDguNTQ0Yy0wLjUwMSwwLTAuOTY0LTAuMjY2LTEuMjEzLTAuNzAxYy0wLjI1Mi0wLjQzMy0wLjI1Mi0wLjk2Ny0wLjAwMy0xLjQwMWwxOC41MTktMzIuMTU1ICBjMC4zODktMC42NzEsMS4yNC0wLjkwMSwxLjkxNi0wLjUxNWMwLjY3MSwwLjM4NiwwLjksMS4yNDMsMC41MTUsMS45MTdMNTAuOTcsNjQuODRoMTYuNDYyYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM2OC44MzMsNjcuMDE3LDY4LjIwNyw2Ny42NDQsNjcuNDMyLDY3LjY0NHoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTEwLjc2LDEwMC4wMDFjLTAuNDc5LDAtMC45NDctMC4yNDYtMS4yMDgtMC42OUwwLjE5NSw4My40MzVjLTAuMzk0LTAuNjY4LTAuMTcyLTEuNTI0LDAuNDk2LTEuOTE5ICBjMC42NjUtMC4zOTIsMS41MjUtMC4xNzMsMS45MTksMC40OTVsOS4zNTgsMTUuODc3YzAuMzk0LDAuNjY4LDAuMTcyLDEuNTI3LTAuNDk2LDEuOTE5ICBDMTEuMjQ4LDk5LjkzOCwxMS4wMDQsMTAwLjAwMSwxMC43NiwxMDAuMDAxeiINCiAgICA+PC9wYXRoPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNMTA0LjIzNiwxMDAuMDAxYy0wLjI2LDAtMC41MjEtMC4wNzEtMC43NTMtMC4yMTljLTAuNjUxLTAuNDE2LTAuODQ2LTEuMjgxLTAuNDMtMS45MzZsOS42NDUtMTUuMTU5TDY3LjQ1Nyw0LjIyMyAgTDMxLjMzMiw2Ni45NTZjLTAuMzkyLDAuNjcxLTEuMjQzLDAuODk2LTEuOTE3LDAuNTE1Yy0wLjY3MS0wLjM4Ni0wLjkwMS0xLjI0My0wLjUxNS0xLjkxNmwzNy4zNC02NC44MzkgIGMwLjUwNC0wLjg2NSwxLjkyOC0wLjg2NSwyLjQzMiwwbDQ2Ljg4MSw4MS4zMDdjMC4yNjEsMC40NTEsMC4yNDcsMS4wMTMtMC4wMzIsMS40NTNsLTEwLjEwMywxNS44NzYgIEMxMDUuMTUsOTkuNzcxLDEwNC42OTksMTAwLjAwMSwxMDQuMjM2LDEwMC4wMDF6Ig0KICAgID48L3BhdGg+DQogIDwvZz4NCjwvc3ZnPg0K'\n\nconst getObjectFitClass = (fit: ObjectFit): string => {\n switch (fit) {\n case 'cover':\n return styles.imageCover\n case 'contain':\n return styles.imageContain\n case 'fill':\n return styles.imageFill\n default:\n return ''\n }\n}\n\nconst getBorderClass = (borderStyle: BorderStyle): string => {\n switch (borderStyle) {\n case 'neon':\n return styles.borderNeon\n case 'gradient':\n return styles.borderGradient\n case 'tech':\n return styles.borderTech\n default:\n return ''\n }\n}\n\nexport const Image: React.FC<ImageProps> = ({\n ref,\n src = DEFAULT_IMAGE,\n alt = '',\n objectFit = 'cover',\n borderRadius = 0,\n borderStyle = 'none',\n borderColor = '#00d4ff',\n shadow = false,\n shadowColor = 'rgba(0, 212, 255, 0.3)',\n style: externalStyle,\n}) => {\n const containerStyle: CSSProperties = {\n borderRadius,\n color: borderColor,\n boxShadow: shadow ? `0 4px 20px ${shadowColor}` : undefined,\n ...externalStyle,\n } as CSSProperties\n\n // 图片模式\n return (\n <div className={cn(styles.container, getBorderClass(borderStyle))} ref={ref} style={containerStyle}>\n <img\n alt={alt}\n className={cn(styles.image, getObjectFitClass(objectFit))}\n draggable={false}\n height='100%'\n src={src}\n width='100%'\n />\n </div>\n )\n}\n\nexport default Image\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 * 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 * 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":["r","e","t","f","n","Array","isArray","o","length","cn","inputs","arguments","clsx","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","getObjectFitClass","fit","styles","getBorderClass","borderStyle","COMPONENT_NAME","meta","componentName","title","group","devMode","npm","package","version","globalName","snippets","screenshot","schema","props","alt","objectFit","borderRadius","$dashboard","rect","width","height","configure","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","Image","src","borderColor","shadow","shadowColor","externalStyle","containerStyle","color","boxShadow","undefined","_jsx","className","children","draggable"],"mappings":"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","x_google_ignoreList":[0,2]}