@easy-editor/materials-dashboard-image 0.0.2

package/dist/index.js

@@ -0,0 +1,432 @@
+/* @easy-editor/materials-dashboard-image v0.0.1 */
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditorMaterialsImage = {}, global.jsxRuntime));
+})(this, (function (exports, jsxRuntime) { 'use strict';
+
+  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}
+
+  function cn(...inputs) {
+    return clsx(inputs);
+  }
+
+  const MaterialGroup = {
+    MEDIA: 'media'};
+
+  function styleInject(css, ref) {
+    if (ref === void 0) ref = {};
+    var insertAt = ref.insertAt;
+    if (typeof document === 'undefined') {
+      return;
+    }
+    var head = document.head || document.getElementsByTagName('head')[0];
+    var style = document.createElement('style');
+    style.type = 'text/css';
+    if (insertAt === 'top') {
+      if (head.firstChild) {
+        head.insertBefore(style, head.firstChild);
+      } else {
+        head.appendChild(style);
+      }
+    } else {
+      head.appendChild(style);
+    }
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+  }
+
+  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}";
+  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"};
+  styleInject(css_248z);
+
+  /**
+   * Image Component
+   * 图片/图标/边框装饰组件
+   */
+
+  const DEFAULT_IMAGE = 'data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzAgNjAiIHdpZHRoPSI3MCIgaGVpZ2h0PSI2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPGRlZnMgaWQ9IlN2Z2pzRGVmczEwMDEiPjwvZGVmcz4NCiAgPGcNCiAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjYwNDgwNDY3OTI2Mjc2NTIsMCwwLDAuNjA0ODA0Njc5MjYyNzY1MiwtMC4wMDAwMTg0MDMxMDAyOTc2NjgwNzYsLTAuMDAwNDk0ODEwODgwODczMjQ1OSkiDQogICAgZmlsbD0iI2ZmZiINCiAgPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNOTUuMTA4LDg0LjEyNWMtMC40ODQsMC0wLjk1NS0wLjI1Mi0xLjIxNi0wLjcwMUw2NS44NDksMzQuNzljLTAuMzg2LTAuNjcxLTAuMTU1LTEuNTI4LDAuNTE2LTEuOTE3ICBjMC42NzMtMC4zODYsMS41MjctMC4xNTYsMS45MTYsMC41MTVsMjguMDQzLDQ4LjYzNGMwLjM4NiwwLjY3LDAuMTU2LDEuNTI3LTAuNTE1LDEuOTE2Qzk1LjU4Nyw4NC4wNjQsOTUuMzQ2LDg0LjEyNSw5NS4xMDgsODQuMTI1ICB6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik03Ni45MzgsODQuMTI1SDEuNDAzYy0wLjUwMSwwLTAuOTY0LTAuMjY2LTEuMjEzLTAuNzAxYy0wLjI1Mi0wLjQzMy0wLjI1Mi0wLjk2Ny0wLjAwMy0xLjQwMUw0Ny4wMTEsMC43MTYgIGMwLjI1MS0wLjQzMywwLjcxNC0wLjcwMSwxLjIxNS0wLjcwMWgxOS4yM2MwLjc3NSwwLDEuNDAyLDAuNjI3LDEuNDAyLDEuNDAyYzAsMC43NzQtMC42MjcsMS40MDEtMS40MDIsMS40MDFINDkuMDM3TDMuODI4LDgxLjMyMSAgaDczLjExYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDFDNzguMzM5LDgzLjQ5OCw3Ny43MTIsODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGggeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkPSJNNDguODkyLDM0LjA4OSI+PC9wYXRoPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNNzYuOTM4LDg0LjEyNUgxLjQwM2MtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMmMwLTAuNzc0LDAuNjI3LTEuNDAxLDEuNDAyLTEuNDAxaDczLjEwOUw1Ni43NjYsNTAuNTU0ICBjLTAuMzg2LTAuNjctMC4xNTYtMS41MjcsMC41MTUtMS45MTZjMC42NzEtMC4zODYsMS41MjgtMC4xNTYsMS45MTcsMC41MTVsMTguOTU2LDMyLjg3YzAuMjQ5LDAuNDM1LDAuMjQ5LDAuOTY5LTAuMDAzLDEuNDAxICBDNzcuOTAxLDgzLjg1Niw3Ny40MzksODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik0yOC43MDcsMTAwLjAwMUgxMC43NmMtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMWMwLTAuNzc1LDAuNjI3LTEuNDAyLDEuNDAyLTEuNDAyaDE3Ljk0NiAgYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDJDMzAuMTA4LDk5LjM3NCwyOS40ODEsMTAwLjAwMSwyOC43MDcsMTAwLjAwMXoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTc2LjkzOCw4NC4xMjVIMS40MDNjLTAuNTAxLDAtMC45NjQtMC4yNjktMS4yMTMtMC43MDFjLTAuMjUyLTAuNDMzLTAuMjUyLTAuOTY3LTAuMDAzLTEuNDAxbDE4Ljk1NC0zMi44NyAgYzAuMzg5LTAuNjcxLDEuMjQtMC45MDEsMS45MTctMC41MTVjMC42NzEsMC4zODksMC45MDEsMS4yNDYsMC41MTUsMS45MTZMMy44MjgsODEuMzIxaDczLjExYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM3OC4zMzksODMuNDk4LDc3LjcxMiw4NC4xMjUsNzYuOTM4LDg0LjEyNXoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTEwNC4yMzYsMTAwLjAwMUgyOC43MDdjLTAuNzc1LDAtMS40MDItMC42MjctMS40MDItMS40MDFjMC0wLjc3NSwwLjYyNy0xLjQwMiwxLjQwMi0xLjQwMmg3My4xMDRMODQuMDY3LDY2LjQzNCAgYy0wLjM4Ni0wLjY3MS0wLjE1Ni0xLjUyOCwwLjUxNS0xLjkxN2MwLjY3MS0wLjM4MywxLjUyNy0wLjE1OCwxLjkxNiwwLjUxNWwxOC45NTQsMzIuODY3YzAuMjQ5LDAuNDM2LDAuMjQ5LDAuOTY5LTAuMDAzLDEuNDAxICBDMTA1LjIsOTkuNzMyLDEwNC43MzcsMTAwLjAwMSwxMDQuMjM2LDEwMC4wMDF6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik03Ni45MzgsODQuMTI1SDIwLjYzM2MtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMmMwLTAuNzc0LDAuNjI3LTEuNDAxLDEuNDAyLTEuNDAxaDU2LjMwNSAgYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDFDNzguMzM5LDgzLjQ5OCw3Ny43MTIsODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik02Ny40MzIsNjcuNjQ0aC0zNy4zNGMtMC41MDEsMC0wLjk2NC0wLjI2Ni0xLjIxMy0wLjcwMWMtMC4yNTItMC40MzMtMC4yNTItMC45NjctMC4wMDMtMS40MDFsMzcuMzQtNjQuODM5ICBjMC4zODYtMC42NzEsMS4yNC0wLjkwMSwxLjkxNy0wLjUxNWMwLjY3LDAuMzg2LDAuOSwxLjI0MywwLjUxNSwxLjkxN0wzMi41MTcsNjQuODRoMzQuOTE1YzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM2OC44MzMsNjcuMDE3LDY4LjIwNyw2Ny42NDQsNjcuNDMyLDY3LjY0NHoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTY3LjQzMiw2Ny42NDRINDguNTQ0Yy0wLjUwMSwwLTAuOTY0LTAuMjY2LTEuMjEzLTAuNzAxYy0wLjI1Mi0wLjQzMy0wLjI1Mi0wLjk2Ny0wLjAwMy0xLjQwMWwxOC41MTktMzIuMTU1ICBjMC4zODktMC42NzEsMS4yNC0wLjkwMSwxLjkxNi0wLjUxNWMwLjY3MSwwLjM4NiwwLjksMS4yNDMsMC41MTUsMS45MTdMNTAuOTcsNjQuODRoMTYuNDYyYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM2OC44MzMsNjcuMDE3LDY4LjIwNyw2Ny42NDQsNjcuNDMyLDY3LjY0NHoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTEwLjc2LDEwMC4wMDFjLTAuNDc5LDAtMC45NDctMC4yNDYtMS4yMDgtMC42OUwwLjE5NSw4My40MzVjLTAuMzk0LTAuNjY4LTAuMTcyLTEuNTI0LDAuNDk2LTEuOTE5ICBjMC42NjUtMC4zOTIsMS41MjUtMC4xNzMsMS45MTksMC40OTVsOS4zNTgsMTUuODc3YzAuMzk0LDAuNjY4LDAuMTcyLDEuNTI3LTAuNDk2LDEuOTE5ICBDMTEuMjQ4LDk5LjkzOCwxMS4wMDQsMTAwLjAwMSwxMC43NiwxMDAuMDAxeiINCiAgICA+PC9wYXRoPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNMTA0LjIzNiwxMDAuMDAxYy0wLjI2LDAtMC41MjEtMC4wNzEtMC43NTMtMC4yMTljLTAuNjUxLTAuNDE2LTAuODQ2LTEuMjgxLTAuNDMtMS45MzZsOS42NDUtMTUuMTU5TDY3LjQ1Nyw0LjIyMyAgTDMxLjMzMiw2Ni45NTZjLTAuMzkyLDAuNjcxLTEuMjQzLDAuODk2LTEuOTE3LDAuNTE1Yy0wLjY3MS0wLjM4Ni0wLjkwMS0xLjI0My0wLjUxNS0xLjkxNmwzNy4zNC02NC44MzkgIGMwLjUwNC0wLjg2NSwxLjkyOC0wLjg2NSwyLjQzMiwwbDQ2Ljg4MSw4MS4zMDdjMC4yNjEsMC40NTEsMC4yNDcsMS4wMTMtMC4wMzIsMS40NTNsLTEwLjEwMywxNS44NzYgIEMxMDUuMTUsOTkuNzcxLDEwNC42OTksMTAwLjAwMSwxMDQuMjM2LDEwMC4wMDF6Ig0KICAgID48L3BhdGg+DQogIDwvZz4NCjwvc3ZnPg0K';
+  const getObjectFitClass = fit => {
+    switch (fit) {
+      case 'cover':
+        return styles.imageCover;
+      case 'contain':
+        return styles.imageContain;
+      case 'fill':
+        return styles.imageFill;
+      default:
+        return '';
+    }
+  };
+  const getBorderClass = borderStyle => {
+    switch (borderStyle) {
+      case 'neon':
+        return styles.borderNeon;
+      case 'gradient':
+        return styles.borderGradient;
+      case 'tech':
+        return styles.borderTech;
+      default:
+        return '';
+    }
+  };
+  const Image = ({
+    ref,
+    src = DEFAULT_IMAGE,
+    alt = '',
+    objectFit = 'cover',
+    borderRadius = 0,
+    borderStyle = 'none',
+    borderColor = '#00d4ff',
+    shadow = false,
+    shadowColor = 'rgba(0, 212, 255, 0.3)',
+    style: externalStyle
+  }) => {
+    const containerStyle = {
+      borderRadius,
+      color: borderColor,
+      boxShadow: shadow ? `0 4px 20px ${shadowColor}` : undefined,
+      ...externalStyle
+    };
+
+    // 图片模式
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: cn(styles.container, getBorderClass(borderStyle)),
+      ref: ref,
+      style: containerStyle,
+      children: /*#__PURE__*/jsxRuntime.jsx("img", {
+        alt: alt,
+        className: cn(styles.image, getObjectFitClass(objectFit)),
+        draggable: false,
+        height: "100%",
+        src: src,
+        width: "100%"
+      })
+    });
+  };
+
+  const COMPONENT_NAME = 'EasyEditorMaterialsImage';
+  const PACKAGE_NAME = '@easy-editor/materials-dashboard-image';
+
+  const configure = {
+    props: [{
+      type: 'group',
+      title: '属性',
+      setter: 'TabSetter',
+      items: [{
+        type: 'group',
+        key: 'config',
+        title: '配置',
+        setter: {
+          componentName: 'CollapseSetter',
+          props: {
+            icon: false
+          }
+        },
+        items: [
+        {
+          name: 'id',
+          title: 'ID',
+          setter: 'NodeIdSetter',
+          extraProps: {
+            label: false
+          }
+        }, {
+          name: 'title',
+          title: '标题',
+          setter: 'StringSetter',
+          extraProps: {
+            getValue(target) {
+              return target.getExtraPropValue('title');
+            },
+            setValue(target, value) {
+              target.setExtraPropValue('title', value);
+            }
+          }
+        }, {
+          type: 'group',
+          title: '基础属性',
+          setter: {
+            componentName: 'CollapseSetter',
+            props: {
+              icon: false
+            }
+          },
+          items: [{
+            name: 'rect',
+            title: '位置尺寸',
+            setter: 'RectSetter',
+            extraProps: {
+              getValue(target) {
+                return target.getExtraPropValue('$dashboard.rect');
+              },
+              setValue(target, value) {
+                target.setExtraPropValue('$dashboard.rect', value);
+              }
+            }
+          }]
+        },
+        {
+          type: 'group',
+          title: '内容',
+          setter: {
+            componentName: 'CollapseSetter',
+            props: {
+              icon: false
+            }
+          },
+          items: [{
+            name: '__upload',
+            title: '上传',
+            setter: {
+              componentName: 'UploadSetter',
+              props: {
+                accept: '.jpg,.jpeg,.png,.gif,.svg'
+              }
+            },
+            extraProps: {
+              setValue(target, value) {
+                if (value) {
+                  const {
+                    base64,
+                    raw
+                  } = value;
+                  if (base64) {
+                    target.parent.setPropValue('src', base64);
+                  }
+                  if (raw?.width) {
+                    target.parent.setExtraPropValue('$dashboard.rect.width', raw.width);
+                  }
+                  if (raw?.height) {
+                    target.parent.setExtraPropValue('$dashboard.rect.height', raw.height);
+                  }
+                } else {
+                  target.parent.clearPropValue('src');
+                }
+              }
+            }
+          }, {
+            name: 'src',
+            title: '图片地址',
+            setter: 'StringSetter'
+          }, {
+            name: 'alt',
+            title: '替代文本',
+            setter: 'StringSetter'
+          }]
+        }, {
+          type: 'group',
+          title: '加载',
+          setter: {
+            componentName: 'CollapseSetter',
+            props: {
+              icon: false
+            }
+          },
+          items: [{
+            name: 'lazyLoad',
+            title: '懒加载',
+            setter: 'SwitchSetter',
+            extraProps: {
+              defaultValue: false
+            }
+          }, {
+            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: false
+            }
+          },
+          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: false
+            }
+          }, {
+            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: true,
+            supportVariable: true
+          }
+        }]
+      }]
+    }],
+    component: {},
+    supports: {},
+    advanced: {}
+  };
+
+  const snippets = [{
+    title: '普通图片',
+    screenshot: '',
+    schema: {
+      componentName: COMPONENT_NAME,
+      props: {
+        alt: '图片',
+        objectFit: 'contain',
+        borderRadius: 0
+      },
+      $dashboard: {
+        rect: {
+          width: 200,
+          height: 180
+        }
+      }
+    }
+  }, {
+    title: '圆角图片',
+    screenshot: '',
+    schema: {
+      componentName: COMPONENT_NAME,
+      props: {
+        alt: '圆角图片',
+        objectFit: 'contain',
+        borderRadius: 100,
+        borderStyle: 'tech'
+      },
+      $dashboard: {
+        rect: {
+          width: 200,
+          height: 200
+        }
+      }
+    }
+  }];
+
+  var version = "0.0.1";
+  var pkg = {
+  	version: version};
+
+  const meta = {
+    componentName: COMPONENT_NAME,
+    title: '图片',
+    group: MaterialGroup.MEDIA,
+    devMode: 'proCode',
+    npm: {
+      package: PACKAGE_NAME,
+      version: pkg.version,
+      globalName: COMPONENT_NAME,
+      componentName: COMPONENT_NAME
+    },
+    snippets,
+    configure
+  };
+
+  exports.component = Image;
+  exports.meta = meta;
+
+}));
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -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":";;;;;;;EAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;ECExW,SAASA,EAAEA,CAAC,GAAGC,MAAoB,EAAE;IAC1C,OAAOC,IAAI,CAACD,MAAM,CAAC;EACrB;;ECEO,MAAME,aAAa,GAAG;EAE3BC,EAQAC,KAAK,EAAE,OAKT,CAAU;;ECrBV,SAASC,WAAWA,CAACC,GAAG,EAAEC,GAAG,EAAE;IAC7B,IAAKA,GAAG,KAAK,MAAM,EAAGA,GAAG,GAAG,EAAE;EAC9B,EAAA,IAAIC,QAAQ,GAAGD,GAAG,CAACC,QAAQ;EAE3B,EAAA,IAAY,OAAOC,QAAQ,KAAK,WAAW,EAAE;EAAE,IAAA;EAAQ,EAAA;EAEvD,EAAA,IAAIC,IAAI,GAAGD,QAAQ,CAACC,IAAI,IAAID,QAAQ,CAACE,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;EACpE,EAAA,IAAIC,KAAK,GAAGH,QAAQ,CAACI,aAAa,CAAC,OAAO,CAAC;IAC3CD,KAAK,CAACE,IAAI,GAAG,UAAU;IAEvB,IAAIN,QAAQ,KAAK,KAAK,EAAE;MACtB,IAAIE,IAAI,CAACK,UAAU,EAAE;QACnBL,IAAI,CAACM,YAAY,CAACJ,KAAK,EAAEF,IAAI,CAACK,UAAU,CAAC;EAC3C,IAAA,CAAC,MAAM;EACLL,MAAAA,IAAI,CAACO,WAAW,CAACL,KAAK,CAAC;EACzB,IAAA;EACF,EAAA,CAAC,MAAM;EACLF,IAAAA,IAAI,CAACO,WAAW,CAACL,KAAK,CAAC;EACzB,EAAA;IAEA,IAAIA,KAAK,CAACM,UAAU,EAAE;EACpBN,IAAAA,KAAK,CAACM,UAAU,CAACC,OAAO,GAAGb,GAAG;EAChC,EAAA,CAAC,MAAM;MACLM,KAAK,CAACK,WAAW,CAACR,QAAQ,CAACW,cAAc,CAACd,GAAG,CAAC,CAAC;EACjD,EAAA;EACF;;;;;;ECzBA;EACA;EACA;EACA;;EAgCA,MAAMe,aAAa,GACjB,40KAA40K;EAE90K,MAAMC,iBAAiB,GAAIC,GAAc,IAAa;EACpD,EAAA,QAAQA,GAAG;EACT,IAAA,KAAK,OAAO;QACV,OAAOC,MAAM,CAACC,UAAU;EAC1B,IAAA,KAAK,SAAS;QACZ,OAAOD,MAAM,CAACE,YAAY;EAC5B,IAAA,KAAK,MAAM;QACT,OAAOF,MAAM,CAACG,SAAS;EACzB,IAAA;EACE,MAAA,OAAO,EAAE;EACb;EACF,CAAC;EAED,MAAMC,cAAc,GAAIC,WAAwB,IAAa;EAC3D,EAAA,QAAQA,WAAW;EACjB,IAAA,KAAK,MAAM;QACT,OAAOL,MAAM,CAACM,UAAU;EAC1B,IAAA,KAAK,UAAU;QACb,OAAON,MAAM,CAACO,cAAc;EAC9B,IAAA,KAAK,MAAM;QACT,OAAOP,MAAM,CAACQ,UAAU;EAC1B,IAAA;EACE,MAAA,OAAO,EAAE;EACb;EACF,CAAC;AAEM,QAAMC,KAA2B,GAAGA,CAAC;IAC1C1B,GAAG;EACH2B,EAAAA,GAAG,GAAGb,aAAa;EACnBc,EAAAA,GAAG,GAAG,EAAE;EACRC,EAAAA,SAAS,GAAG,OAAO;EACnBC,EAAAA,YAAY,GAAG,CAAC;EAChBR,EAAAA,WAAW,GAAG,MAAM;EACpBS,EAAAA,WAAW,GAAG,SAAS;EACvBC,EAAAA,MAAM,GAAG,KAAK;EACdC,EAAAA,WAAW,GAAG,wBAAwB;EACtC5B,EAAAA,KAAK,EAAE6B;EACT,CAAC,KAAK;EACJ,EAAA,MAAMC,cAA6B,GAAG;MACpCL,YAAY;EACZM,IAAAA,KAAK,EAAEL,WAAW;EAClBM,IAAAA,SAAS,EAAEL,MAAM,GAAG,cAAcC,WAAW,CAAA,CAAE,GAAGK,SAAS;MAC3D,GAAGJ;KACa;;EAElB;EACA,EAAA,oBACEK,cAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAEhD,EAAE,CAACyB,MAAM,CAACwB,SAAS,EAAEpB,cAAc,CAACC,WAAW,CAAC,CAAE;EAACtB,IAAAA,GAAG,EAAEA,GAAI;EAACK,IAAAA,KAAK,EAAE8B,cAAe;EAAAO,IAAAA,QAAA,eACjGH,cAAA,CAAA,KAAA,EAAA;EACEX,MAAAA,GAAG,EAAEA,GAAI;QACTY,SAAS,EAAEhD,EAAE,CAACyB,MAAM,CAAC0B,KAAK,EAAE5B,iBAAiB,CAACc,SAAS,CAAC,CAAE;EAC1De,MAAAA,SAAS,EAAE,KAAM;EACjBC,MAAAA,MAAM,EAAC,MAAM;EACblB,MAAAA,GAAG,EAAEA,GAAI;EACTmB,MAAAA,KAAK,EAAC;OACP;EAAC,GACC,CAAC;EAEV;;ECpFO,MAAMC,cAAc,GAAG,0BAA0B;EAKjD,MAAMC,YAAY,GAAG,wCAAwC;;ECT7D,MAAMC,SAAoB,GAAG;EAClCC,EAAAA,KAAK,EAAE,CACL;EACE3C,IAAAA,IAAI,EAAE,OAAO;EACb4C,IAAAA,KAAK,EAAE,IAAI;EACXC,IAAAA,MAAM,EAAE,WAAW;EACnBC,IAAAA,KAAK,EAAE,CACL;EACE9C,MAAAA,IAAI,EAAE,OAAO;EACb+C,MAAAA,GAAG,EAAE,QAAQ;EACbH,MAAAA,KAAK,EAAE,IAAI;EACXC,MAAAA,MAAM,EAAE;EACNG,QAAAA,aAAa,EAAE,gBAAgB;EAC/BL,QAAAA,KAAK,EAAE;EACLM,UAAAA,IAAI,EAAE;EACR;SACD;EACDH,MAAAA,KAAK,EAAE;EAEL,MAAA;EACEI,QAAAA,IAAI,EAAE,IAAI;EACVN,QAAAA,KAAK,EAAE,IAAI;EACXC,QAAAA,MAAM,EAAE,cAAc;EACtBM,QAAAA,UAAU,EAAE;EAEVC,UAAAA,KAAK,EAAE;EACT;EACF,OAAC,EACD;EACEF,QAAAA,IAAI,EAAE,OAAO;EACbN,QAAAA,KAAK,EAAE,IAAI;EACXC,QAAAA,MAAM,EAAE,cAAc;EACtBM,QAAAA,UAAU,EAAE;YACVE,QAAQA,CAACC,MAAM,EAAE;EACf,YAAA,OAAOA,MAAM,CAACC,iBAAiB,CAAC,OAAO,CAAC;YAC1C,CAAC;EACDC,UAAAA,QAAQA,CAACF,MAAM,EAAEG,KAAK,EAAE;EACtBH,YAAAA,MAAM,CAACI,iBAAiB,CAAC,OAAO,EAAED,KAAK,CAAC;EAC1C,UAAA;EACF;EACF,OAAC,EACD;EACEzD,QAAAA,IAAI,EAAE,OAAO;EACb4C,QAAAA,KAAK,EAAE,MAAM;EACbC,QAAAA,MAAM,EAAE;EACNG,UAAAA,aAAa,EAAE,gBAAgB;EAC/BL,UAAAA,KAAK,EAAE;EACLM,YAAAA,IAAI,EAAE;EACR;WACD;EACDH,QAAAA,KAAK,EAAE,CACL;EACEI,UAAAA,IAAI,EAAE,MAAM;EACZN,UAAAA,KAAK,EAAE,MAAM;EACbC,UAAAA,MAAM,EAAE,YAAY;EACpBM,UAAAA,UAAU,EAAE;cACVE,QAAQA,CAACC,MAAM,EAAE;EACf,cAAA,OAAOA,MAAM,CAACC,iBAAiB,CAAC,iBAAiB,CAAC;cACpD,CAAC;EACDC,YAAAA,QAAQA,CAACF,MAAM,EAAEG,KAAK,EAAE;EACtBH,cAAAA,MAAM,CAACI,iBAAiB,CAAC,iBAAiB,EAAED,KAAK,CAAC;EACpD,YAAA;EACF;WACD;SAEJ;EAED,MAAA;EACEzD,QAAAA,IAAI,EAAE,OAAO;EACb4C,QAAAA,KAAK,EAAE,IAAI;EACXC,QAAAA,MAAM,EAAE;EACNG,UAAAA,aAAa,EAAE,gBAAgB;EAC/BL,UAAAA,KAAK,EAAE;EACLM,YAAAA,IAAI,EAAE;EACR;WACD;EACDH,QAAAA,KAAK,EAAE,CACL;EACEI,UAAAA,IAAI,EAAE,UAAU;EAChBN,UAAAA,KAAK,EAAE,IAAI;EACXC,UAAAA,MAAM,EAAE;EACNG,YAAAA,aAAa,EAAE,cAAc;EAC7BL,YAAAA,KAAK,EAAE;EACLgB,cAAAA,MAAM,EAAE;EACV;aACD;EACDR,UAAAA,UAAU,EAAE;EACVK,YAAAA,QAAQA,CAACF,MAAM,EAAEG,KAAkB,EAAE;EACnC,cAAA,IAAIA,KAAK,EAAE;kBACT,MAAM;oBAAEG,MAAM;EAAEC,kBAAAA;EAAI,iBAAC,GAAGJ,KAAK;EAC7B,gBAAA,IAAIG,MAAM,EAAE;oBACVN,MAAM,CAACQ,MAAM,CAACC,YAAY,CAAC,KAAK,EAAEH,MAAM,CAAC;EAC3C,gBAAA;kBACA,IAAIC,GAAG,EAAEtB,KAAK,EAAE;oBACde,MAAM,CAACQ,MAAM,CAACJ,iBAAiB,CAAC,uBAAuB,EAAEG,GAAG,CAACtB,KAAK,CAAC;EACrE,gBAAA;kBACA,IAAIsB,GAAG,EAAEvB,MAAM,EAAE;oBACfgB,MAAM,CAACQ,MAAM,CAACJ,iBAAiB,CAAC,wBAAwB,EAAEG,GAAG,CAACvB,MAAM,CAAC;EACvE,gBAAA;EACF,cAAA,CAAC,MAAM;EACLgB,gBAAAA,MAAM,CAACQ,MAAM,CAACE,cAAc,CAAC,KAAK,CAAC;EACrC,cAAA;EACF,YAAA;EACF;EACF,SAAC,EACD;EACEd,UAAAA,IAAI,EAAE,KAAK;EACXN,UAAAA,KAAK,EAAE,MAAM;EACbC,UAAAA,MAAM,EAAE;EACV,SAAC,EACD;EACEK,UAAAA,IAAI,EAAE,KAAK;EACXN,UAAAA,KAAK,EAAE,MAAM;EACbC,UAAAA,MAAM,EAAE;WACT;EAEL,OAAC,EACD;EACE7C,QAAAA,IAAI,EAAE,OAAO;EACb4C,QAAAA,KAAK,EAAE,IAAI;EACXC,QAAAA,MAAM,EAAE;EACNG,UAAAA,aAAa,EAAE,gBAAgB;EAC/BL,UAAAA,KAAK,EAAE;EACLM,YAAAA,IAAI,EAAE;EACR;WACD;EACDH,QAAAA,KAAK,EAAE,CACL;EACEI,UAAAA,IAAI,EAAE,UAAU;EAChBN,UAAAA,KAAK,EAAE,KAAK;EACZC,UAAAA,MAAM,EAAE,cAAc;EACtBM,UAAAA,UAAU,EAAE;EACVc,YAAAA,YAAY,EAAE;EAChB;EACF,SAAC,EACD;EACEf,UAAAA,IAAI,EAAE,mBAAmB;EACzBN,UAAAA,KAAK,EAAE,OAAO;EACdC,UAAAA,MAAM,EAAE;EACNG,YAAAA,aAAa,EAAE,cAAc;EAC7BL,YAAAA,KAAK,EAAE;EACLuB,cAAAA,GAAG,EAAE,CAAC;EACNC,cAAAA,GAAG,EAAE,GAAG;EACRC,cAAAA,IAAI,EAAE,EAAE;EACRC,cAAAA,MAAM,EAAE;EACV;aACD;EACDlB,UAAAA,UAAU,EAAE;EACVc,YAAAA,YAAY,EAAE;EAChB;EACF,SAAC,EACD;EACEf,UAAAA,IAAI,EAAE,aAAa;EACnBN,UAAAA,KAAK,EAAE,KAAK;EACZC,UAAAA,MAAM,EAAE;WACT;EAEL,OAAC,EACD;EACE7C,QAAAA,IAAI,EAAE,OAAO;EACb4C,QAAAA,KAAK,EAAE,IAAI;EACXC,QAAAA,MAAM,EAAE;EACNG,UAAAA,aAAa,EAAE,gBAAgB;EAC/BL,UAAAA,KAAK,EAAE;EACLM,YAAAA,IAAI,EAAE;EACR;WACD;EACDH,QAAAA,KAAK,EAAE,CACL;EACEI,UAAAA,IAAI,EAAE,WAAW;EACjBN,UAAAA,KAAK,EAAE,MAAM;EACbC,UAAAA,MAAM,EAAE;EACNG,YAAAA,aAAa,EAAE,cAAc;EAC7BL,YAAAA,KAAK,EAAE;EACL2B,cAAAA,OAAO,EAAE,CACP;EAAElB,gBAAAA,KAAK,EAAE,IAAI;EAAEK,gBAAAA,KAAK,EAAE;EAAQ,eAAC,EAC/B;EAAEL,gBAAAA,KAAK,EAAE,IAAI;EAAEK,gBAAAA,KAAK,EAAE;EAAU,eAAC,EACjC;EAAEL,gBAAAA,KAAK,EAAE,IAAI;EAAEK,gBAAAA,KAAK,EAAE;EAAO,eAAC,EAC9B;EAAEL,gBAAAA,KAAK,EAAE,GAAG;EAAEK,gBAAAA,KAAK,EAAE;iBAAQ;EAEjC;aACD;EACDN,UAAAA,UAAU,EAAE;EACVc,YAAAA,YAAY,EAAE;EAChB;EACF,SAAC,EACD;EACEf,UAAAA,IAAI,EAAE,cAAc;EACpBN,UAAAA,KAAK,EAAE,IAAI;EACXC,UAAAA,MAAM,EAAE,cAAc;EACtBM,UAAAA,UAAU,EAAE;EACVc,YAAAA,YAAY,EAAE;EAChB;EACF,SAAC,EACD;EACEf,UAAAA,IAAI,EAAE,aAAa;EACnBN,UAAAA,KAAK,EAAE,MAAM;EACbC,UAAAA,MAAM,EAAE;EACNG,YAAAA,aAAa,EAAE,cAAc;EAC7BL,YAAAA,KAAK,EAAE;EACL2B,cAAAA,OAAO,EAAE,CACP;EAAElB,gBAAAA,KAAK,EAAE,GAAG;EAAEK,gBAAAA,KAAK,EAAE;EAAO,eAAC,EAC7B;EAAEL,gBAAAA,KAAK,EAAE,IAAI;EAAEK,gBAAAA,KAAK,EAAE;EAAO,eAAC,EAC9B;EAAEL,gBAAAA,KAAK,EAAE,IAAI;EAAEK,gBAAAA,KAAK,EAAE;EAAW,eAAC,EAClC;EAAEL,gBAAAA,KAAK,EAAE,KAAK;EAAEK,gBAAAA,KAAK,EAAE;iBAAQ;EAEnC;aACD;EACDN,UAAAA,UAAU,EAAE;EACVc,YAAAA,YAAY,EAAE;EAChB;EACF,SAAC,EACD;EACEf,UAAAA,IAAI,EAAE,aAAa;EACnBN,UAAAA,KAAK,EAAE,MAAM;EACbC,UAAAA,MAAM,EAAE,aAAa;EACrBM,UAAAA,UAAU,EAAE;EACVc,YAAAA,YAAY,EAAE;EAChB;EACF,SAAC,EACD;EACEf,UAAAA,IAAI,EAAE,QAAQ;EACdN,UAAAA,KAAK,EAAE,MAAM;EACbC,UAAAA,MAAM,EAAE,cAAc;EACtBM,UAAAA,UAAU,EAAE;EACVc,YAAAA,YAAY,EAAE;EAChB;EACF,SAAC,EACD;EACEf,UAAAA,IAAI,EAAE,aAAa;EACnBN,UAAAA,KAAK,EAAE,MAAM;EACbC,UAAAA,MAAM,EAAE,aAAa;EACrBM,UAAAA,UAAU,EAAE;EACVc,YAAAA,YAAY,EAAE;EAChB;WACD;SAEJ;EAEL,KAAC,EACD;EACEjE,MAAAA,IAAI,EAAE,OAAO;EACb+C,MAAAA,GAAG,EAAE,MAAM;EACXH,MAAAA,KAAK,EAAE,IAAI;EACXE,MAAAA,KAAK,EAAE,CACL;EACEI,QAAAA,IAAI,EAAE,aAAa;EACnBN,QAAAA,KAAK,EAAE,MAAM;EACbC,QAAAA,MAAM,EAAE;SACT;EAEL,KAAC,EACD;EACE7C,MAAAA,IAAI,EAAE,OAAO;EACb+C,MAAAA,GAAG,EAAE,UAAU;EACfH,MAAAA,KAAK,EAAE,IAAI;EACXE,MAAAA,KAAK,EAAE,CACL;EACEI,QAAAA,IAAI,EAAE,WAAW;EACjBN,QAAAA,KAAK,EAAE,MAAM;EACbC,QAAAA,MAAM,EAAE,cAAc;EACtBM,QAAAA,UAAU,EAAE;EACVc,UAAAA,YAAY,EAAE,IAAI;EAClBM,UAAAA,eAAe,EAAE;EACnB;SACD;OAEJ;EAEL,GAAC,CACF;IACDC,SAAS,EAAE,EAAE;IACbC,QAAQ,EAAE,EAAE;EACZC,EAAAA,QAAQ,EAAE;EACZ,CAAC;;EClRM,MAAMC,QAAmB,GAAG,CACjC;EACE/B,EAAAA,KAAK,EAAE,MAAM;EACbgC,EAAAA,UAAU,EAAE,EAAE;EACdC,EAAAA,MAAM,EAAE;EACN7B,IAAAA,aAAa,EAAER,cAAc;EAC7BG,IAAAA,KAAK,EAAE;EACLtB,MAAAA,GAAG,EAAE,IAAI;EACTC,MAAAA,SAAS,EAAE,SAAS;EACpBC,MAAAA,YAAY,EAAE;OACf;EACDuD,IAAAA,UAAU,EAAE;EACVC,MAAAA,IAAI,EAAE;EACJxC,QAAAA,KAAK,EAAE,GAAG;EACVD,QAAAA,MAAM,EAAE;EACV;EACF;EACF;EACF,CAAC,EACD;EACEM,EAAAA,KAAK,EAAE,MAAM;EACbgC,EAAAA,UAAU,EAAE,EAAE;EACdC,EAAAA,MAAM,EAAE;EACN7B,IAAAA,aAAa,EAAER,cAAc;EAC7BG,IAAAA,KAAK,EAAE;EACLtB,MAAAA,GAAG,EAAE,MAAM;EACXC,MAAAA,SAAS,EAAE,SAAS;EACpBC,MAAAA,YAAY,EAAE,GAAG;EACjBR,MAAAA,WAAW,EAAE;OACd;EACD+D,IAAAA,UAAU,EAAE;EACVC,MAAAA,IAAI,EAAE;EACJxC,QAAAA,KAAK,EAAE,GAAG;EACVD,QAAAA,MAAM,EAAE;EACV;EACF;EACF;EACF,CAAC,CACF;;;;;;AClCM,QAAM0C,IAAuB,GAAG;EACrChC,EAAAA,aAAa,EAAER,cAAc;EAC7BI,EAAAA,KAAK,EAAE,IAAI;IACXqC,KAAK,EAAE7F,aAAa,CAACE,KAAK;EAC1B4F,EAAAA,OAAO,EAAE,SAAS;EAClBC,EAAAA,GAAG,EAAE;EACHC,IAAAA,OAAO,EAAE3C,YAAY;MACrB4C,OAAO,EAAEC,GAAG,CAACD,OAAO;EACpBE,IAAAA,UAAU,EAAE/C,cAAc;EAC1BQ,IAAAA,aAAa,EAAER;KAChB;IACDmC,QAAQ;EACRjC,EAAAA;EACF;;;;;;;;;","x_google_ignoreList":[0,3]}

package/dist/index.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).EasyEditorMaterialsImage={},e.jsxRuntime)}(this,function(e,t){"use strict";function M(e){var t,o,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e)){var n=e.length;for(t=0;t<n;t++)e[t]&&(o=M(e[t]))&&(r&&(r+=" "),r+=o)}else for(o in e)e[o]&&(r&&(r+=" "),r+=o);return r}function o(...e){return function(){for(var e,t,o=0,r="",n=arguments.length;o<n;o++)(e=arguments[o])&&(t=M(e))&&(r&&(r+=" "),r+=t);return r}(e)}var r="component-module__container___VbZSk",n="component-module__image___22LfU",i="component-module__imageCover___4nw5D",a="component-module__imageContain___qcwy7",s="component-module__imageFill___tNQDt",u="component-module__borderNeon___0oq37",L="component-module__borderGradient___-IDtx",D="component-module__borderTech___MnH27";!function(e,t){void 0===t&&(t={});var M=t.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===M&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}('.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}');const c=e=>{switch(e){case"cover":return i;case"contain":return a;case"fill":return s;default:return""}},N=e=>{switch(e){case"neon":return u;case"gradient":return L;case"tech":return D;default:return""}},w="EasyEditorMaterialsImage";const g={componentName:w,title:"图片",group:"media",devMode:"proCode",npm:{package:"@easy-editor/materials-dashboard-image",version:"0.0.1",globalName:w,componentName:w},snippets:[{title:"普通图片",screenshot:"",schema:{componentName:w,props:{alt:"图片",objectFit:"contain",borderRadius:0},$dashboard:{rect:{width:200,height:180}}}},{title:"圆角图片",screenshot:"",schema:{componentName:w,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:M,raw:o}=t;M&&e.parent.setPropValue("src",M),o?.width&&e.parent.setExtraPropValue("$dashboard.rect.width",o.width),o?.height&&e.parent.setExtraPropValue("$dashboard.rect.height",o.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.component=({ref:e,src:M="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzAgNjAiIHdpZHRoPSI3MCIgaGVpZ2h0PSI2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPGRlZnMgaWQ9IlN2Z2pzRGVmczEwMDEiPjwvZGVmcz4NCiAgPGcNCiAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjYwNDgwNDY3OTI2Mjc2NTIsMCwwLDAuNjA0ODA0Njc5MjYyNzY1MiwtMC4wMDAwMTg0MDMxMDAyOTc2NjgwNzYsLTAuMDAwNDk0ODEwODgwODczMjQ1OSkiDQogICAgZmlsbD0iI2ZmZiINCiAgPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNOTUuMTA4LDg0LjEyNWMtMC40ODQsMC0wLjk1NS0wLjI1Mi0xLjIxNi0wLjcwMUw2NS44NDksMzQuNzljLTAuMzg2LTAuNjcxLTAuMTU1LTEuNTI4LDAuNTE2LTEuOTE3ICBjMC42NzMtMC4zODYsMS41MjctMC4xNTYsMS45MTYsMC41MTVsMjguMDQzLDQ4LjYzNGMwLjM4NiwwLjY3LDAuMTU2LDEuNTI3LTAuNTE1LDEuOTE2Qzk1LjU4Nyw4NC4wNjQsOTUuMzQ2LDg0LjEyNSw5NS4xMDgsODQuMTI1ICB6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik03Ni45MzgsODQuMTI1SDEuNDAzYy0wLjUwMSwwLTAuOTY0LTAuMjY2LTEuMjEzLTAuNzAxYy0wLjI1Mi0wLjQzMy0wLjI1Mi0wLjk2Ny0wLjAwMy0xLjQwMUw0Ny4wMTEsMC43MTYgIGMwLjI1MS0wLjQzMywwLjcxNC0wLjcwMSwxLjIxNS0wLjcwMWgxOS4yM2MwLjc3NSwwLDEuNDAyLDAuNjI3LDEuNDAyLDEuNDAyYzAsMC43NzQtMC42MjcsMS40MDEtMS40MDIsMS40MDFINDkuMDM3TDMuODI4LDgxLjMyMSAgaDczLjExYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDFDNzguMzM5LDgzLjQ5OCw3Ny43MTIsODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGggeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkPSJNNDguODkyLDM0LjA4OSI+PC9wYXRoPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNNzYuOTM4LDg0LjEyNUgxLjQwM2MtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMmMwLTAuNzc0LDAuNjI3LTEuNDAxLDEuNDAyLTEuNDAxaDczLjEwOUw1Ni43NjYsNTAuNTU0ICBjLTAuMzg2LTAuNjctMC4xNTYtMS41MjcsMC41MTUtMS45MTZjMC42NzEtMC4zODYsMS41MjgtMC4xNTYsMS45MTcsMC41MTVsMTguOTU2LDMyLjg3YzAuMjQ5LDAuNDM1LDAuMjQ5LDAuOTY5LTAuMDAzLDEuNDAxICBDNzcuOTAxLDgzLjg1Niw3Ny40MzksODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik0yOC43MDcsMTAwLjAwMUgxMC43NmMtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMWMwLTAuNzc1LDAuNjI3LTEuNDAyLDEuNDAyLTEuNDAyaDE3Ljk0NiAgYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDJDMzAuMTA4LDk5LjM3NCwyOS40ODEsMTAwLjAwMSwyOC43MDcsMTAwLjAwMXoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTc2LjkzOCw4NC4xMjVIMS40MDNjLTAuNTAxLDAtMC45NjQtMC4yNjktMS4yMTMtMC43MDFjLTAuMjUyLTAuNDMzLTAuMjUyLTAuOTY3LTAuMDAzLTEuNDAxbDE4Ljk1NC0zMi44NyAgYzAuMzg5LTAuNjcxLDEuMjQtMC45MDEsMS45MTctMC41MTVjMC42NzEsMC4zODksMC45MDEsMS4yNDYsMC41MTUsMS45MTZMMy44MjgsODEuMzIxaDczLjExYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM3OC4zMzksODMuNDk4LDc3LjcxMiw4NC4xMjUsNzYuOTM4LDg0LjEyNXoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTEwNC4yMzYsMTAwLjAwMUgyOC43MDdjLTAuNzc1LDAtMS40MDItMC42MjctMS40MDItMS40MDFjMC0wLjc3NSwwLjYyNy0xLjQwMiwxLjQwMi0xLjQwMmg3My4xMDRMODQuMDY3LDY2LjQzNCAgYy0wLjM4Ni0wLjY3MS0wLjE1Ni0xLjUyOCwwLjUxNS0xLjkxN2MwLjY3MS0wLjM4MywxLjUyNy0wLjE1OCwxLjkxNiwwLjUxNWwxOC45NTQsMzIuODY3YzAuMjQ5LDAuNDM2LDAuMjQ5LDAuOTY5LTAuMDAzLDEuNDAxICBDMTA1LjIsOTkuNzMyLDEwNC43MzcsMTAwLjAwMSwxMDQuMjM2LDEwMC4wMDF6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik03Ni45MzgsODQuMTI1SDIwLjYzM2MtMC43NzUsMC0xLjQwMi0wLjYyNy0xLjQwMi0xLjQwMmMwLTAuNzc0LDAuNjI3LTEuNDAxLDEuNDAyLTEuNDAxaDU2LjMwNSAgYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDFDNzguMzM5LDgzLjQ5OCw3Ny43MTIsODQuMTI1LDc2LjkzOCw4NC4xMjV6Ig0KICAgID48L3BhdGg+DQogICAgPHBhdGgNCiAgICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICAgIGQ9Ik02Ny40MzIsNjcuNjQ0aC0zNy4zNGMtMC41MDEsMC0wLjk2NC0wLjI2Ni0xLjIxMy0wLjcwMWMtMC4yNTItMC40MzMtMC4yNTItMC45NjctMC4wMDMtMS40MDFsMzcuMzQtNjQuODM5ICBjMC4zODYtMC42NzEsMS4yNC0wLjkwMSwxLjkxNy0wLjUxNWMwLjY3LDAuMzg2LDAuOSwxLjI0MywwLjUxNSwxLjkxN0wzMi41MTcsNjQuODRoMzQuOTE1YzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM2OC44MzMsNjcuMDE3LDY4LjIwNyw2Ny42NDQsNjcuNDMyLDY3LjY0NHoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTY3LjQzMiw2Ny42NDRINDguNTQ0Yy0wLjUwMSwwLTAuOTY0LTAuMjY2LTEuMjEzLTAuNzAxYy0wLjI1Mi0wLjQzMy0wLjI1Mi0wLjk2Ny0wLjAwMy0xLjQwMWwxOC41MTktMzIuMTU1ICBjMC4zODktMC42NzEsMS4yNC0wLjkwMSwxLjkxNi0wLjUxNWMwLjY3MSwwLjM4NiwwLjksMS4yNDMsMC41MTUsMS45MTdMNTAuOTcsNjQuODRoMTYuNDYyYzAuNzc0LDAsMS40MDEsMC42MjcsMS40MDEsMS40MDEgIEM2OC44MzMsNjcuMDE3LDY4LjIwNyw2Ny42NDQsNjcuNDMyLDY3LjY0NHoiDQogICAgPjwvcGF0aD4NCiAgICA8cGF0aA0KICAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgICAgZD0iTTEwLjc2LDEwMC4wMDFjLTAuNDc5LDAtMC45NDctMC4yNDYtMS4yMDgtMC42OUwwLjE5NSw4My40MzVjLTAuMzk0LTAuNjY4LTAuMTcyLTEuNTI0LDAuNDk2LTEuOTE5ICBjMC42NjUtMC4zOTIsMS41MjUtMC4xNzMsMS45MTksMC40OTVsOS4zNTgsMTUuODc3YzAuMzk0LDAuNjY4LDAuMTcyLDEuNTI3LTAuNDk2LDEuOTE5ICBDMTEuMjQ4LDk5LjkzOCwxMS4wMDQsMTAwLjAwMSwxMC43NiwxMDAuMDAxeiINCiAgICA+PC9wYXRoPg0KICAgIDxwYXRoDQogICAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgICBkPSJNMTA0LjIzNiwxMDAuMDAxYy0wLjI2LDAtMC41MjEtMC4wNzEtMC43NTMtMC4yMTljLTAuNjUxLTAuNDE2LTAuODQ2LTEuMjgxLTAuNDMtMS45MzZsOS42NDUtMTUuMTU5TDY3LjQ1Nyw0LjIyMyAgTDMxLjMzMiw2Ni45NTZjLTAuMzkyLDAuNjcxLTEuMjQzLDAuODk2LTEuOTE3LDAuNTE1Yy0wLjY3MS0wLjM4Ni0wLjkwMS0xLjI0My0wLjUxNS0xLjkxNmwzNy4zNC02NC44MzkgIGMwLjUwNC0wLjg2NSwxLjkyOC0wLjg2NSwyLjQzMiwwbDQ2Ljg4MSw4MS4zMDdjMC4yNjEsMC40NTEsMC4yNDcsMS4wMTMtMC4wMzIsMS40NTNsLTEwLjEwMywxNS44NzYgIEMxMDUuMTUsOTkuNzcxLDEwNC42OTksMTAwLjAwMSwxMDQuMjM2LDEwMC4wMDF6Ig0KICAgID48L3BhdGg+DQogIDwvZz4NCjwvc3ZnPg0K",alt:i="",objectFit:a="cover",borderRadius:s=0,borderStyle:u="none",borderColor:L="#00d4ff",shadow:D=!1,shadowColor:w="rgba(0, 212, 255, 0.3)",style:g})=>{const j={borderRadius:s,color:L,boxShadow:D?`0 4px 20px ${w}`:void 0,...g};return t.jsx("div",{className:o(r,N(u)),ref:e,style:j,children:t.jsx("img",{alt:i,className:o(n,c(a)),draggable:!1,height:"100%",src:M,width:"100%"})})},e.meta=g});
+//# sourceMappingURL=index.min.js.map

package/dist/index.min.js.map

@@ -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]}