@easy-editor/materials-dashboard-image 0.0.2

package/dist/meta.esm.js

@@ -0,0 +1,323 @@
+/* @easy-editor/materials-dashboard-image v0.0.1 (meta, esm) */
+const MaterialGroup = {
+  MEDIA: 'media'};
+
+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
+};
+
+export { meta as default, meta };
+//# sourceMappingURL=meta.esm.js.map

package/dist/meta.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.esm.js","sources":["../../../../shared/src/index.ts","../src/constants.ts","../src/configure.ts","../src/snippets.ts","../src/meta.ts"],"sourcesContent":["/**\n * Shared types, components and utilities for EasyEditor materials\n * @package @easy-editor/materials-shared\n */\n\n// 物料分组常量\nexport const MaterialGroup = {\n  /** 内置 */\n  INNER: 'inner',\n  /** 基础 */\n  BASIC: 'basic',\n  /** 图表 */\n  CHART: 'chart',\n  /** 数据展示 */\n  DISPLAY: 'display',\n  /** 媒体 */\n  MEDIA: 'media',\n  /** 交互 */\n  INTERACTION: 'interaction',\n  /** 地图 */\n  MAP: 'map',\n} as const\n\nexport type MaterialGroup = (typeof MaterialGroup)[keyof typeof MaterialGroup]\n\n// 工具函数\nexport { cn } from './lib/utils'\n\nexport * from './types'\n","/**\n * 物料常量配置\n * 统一管理全局变量名等配置，确保 meta.ts 和 rollup.config.js 使用相同的值\n */\n\n/**\n * UMD 全局变量基础名称\n * 用于构建：\n * - 元数据：${GLOBAL_NAME}Meta (例如: EasyEditorMaterialsImageMeta)\n * - 组件：${GLOBAL_NAME}Component (例如: EasyEditorMaterialsImageComponent)\n * - 完整构建：${GLOBAL_NAME} (例如: EasyEditorMaterialsImage)\n */\nexport const COMPONENT_NAME = 'EasyEditorMaterialsImage'\n\n/**\n * 包名\n */\nexport const PACKAGE_NAME = '@easy-editor/materials-dashboard-image'\n","/**\n * Image Configure\n * 图片组件配置\n */\n\nimport type { Configure } from '@easy-editor/core'\nimport type { UploadValue } from '@easy-editor/materials-shared'\n\nexport const configure: Configure = {\n  props: [\n    {\n      type: 'group',\n      title: '属性',\n      setter: 'TabSetter',\n      items: [\n        {\n          type: 'group',\n          key: 'config',\n          title: '配置',\n          setter: {\n            componentName: 'CollapseSetter',\n            props: {\n              icon: false,\n            },\n          },\n          items: [\n            // 基础配置\n            {\n              name: 'id',\n              title: 'ID',\n              setter: 'NodeIdSetter',\n              extraProps: {\n                // @ts-expect-error label is not a valid extra prop\n                label: false,\n              },\n            },\n            {\n              name: 'title',\n              title: '标题',\n              setter: 'StringSetter',\n              extraProps: {\n                getValue(target) {\n                  return target.getExtraPropValue('title')\n                },\n                setValue(target, value) {\n                  target.setExtraPropValue('title', value)\n                },\n              },\n            },\n            {\n              type: 'group',\n              title: '基础属性',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'rect',\n                  title: '位置尺寸',\n                  setter: 'RectSetter',\n                  extraProps: {\n                    getValue(target) {\n                      return target.getExtraPropValue('$dashboard.rect')\n                    },\n                    setValue(target, value) {\n                      target.setExtraPropValue('$dashboard.rect', value)\n                    },\n                  },\n                },\n              ],\n            },\n            // 组件配置\n            {\n              type: 'group',\n              title: '内容',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: '__upload',\n                  title: '上传',\n                  setter: {\n                    componentName: 'UploadSetter',\n                    props: {\n                      accept: '.jpg,.jpeg,.png,.gif,.svg',\n                    },\n                  },\n                  extraProps: {\n                    setValue(target, value: UploadValue) {\n                      if (value) {\n                        const { base64, raw } = value\n                        if (base64) {\n                          target.parent.setPropValue('src', base64)\n                        }\n                        if (raw?.width) {\n                          target.parent.setExtraPropValue('$dashboard.rect.width', raw.width)\n                        }\n                        if (raw?.height) {\n                          target.parent.setExtraPropValue('$dashboard.rect.height', raw.height)\n                        }\n                      } else {\n                        target.parent.clearPropValue('src')\n                      }\n                    },\n                  },\n                },\n                {\n                  name: 'src',\n                  title: '图片地址',\n                  setter: 'StringSetter',\n                },\n                {\n                  name: 'alt',\n                  title: '替代文本',\n                  setter: 'StringSetter',\n                },\n              ],\n            },\n            {\n              type: 'group',\n              title: '加载',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'lazyLoad',\n                  title: '懒加载',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: false,\n                  },\n                },\n                {\n                  name: 'lazyLoadThreshold',\n                  title: '懒加载阈值',\n                  setter: {\n                    componentName: 'SliderSetter',\n                    props: {\n                      min: 0,\n                      max: 500,\n                      step: 50,\n                      suffix: 'px',\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 100,\n                  },\n                },\n                {\n                  name: 'placeholder',\n                  title: '占位图',\n                  setter: 'StringSetter',\n                },\n              ],\n            },\n            {\n              type: 'group',\n              title: '样式',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'objectFit',\n                  title: '填充方式',\n                  setter: {\n                    componentName: 'SelectSetter',\n                    props: {\n                      options: [\n                        { label: '覆盖', value: 'cover' },\n                        { label: '包含', value: 'contain' },\n                        { label: '填充', value: 'fill' },\n                        { label: '无', value: 'none' },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 'cover',\n                  },\n                },\n                {\n                  name: 'borderRadius',\n                  title: '圆角',\n                  setter: 'NumberSetter',\n                  extraProps: {\n                    defaultValue: 0,\n                  },\n                },\n                {\n                  name: 'borderStyle',\n                  title: '边框样式',\n                  setter: {\n                    componentName: 'SelectSetter',\n                    props: {\n                      options: [\n                        { label: '无', value: 'none' },\n                        { label: '霓虹', value: 'neon' },\n                        { label: '渐变', value: 'gradient' },\n                        { label: '科技感', value: 'tech' },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 'none',\n                  },\n                },\n                {\n                  name: 'borderColor',\n                  title: '边框颜色',\n                  setter: 'ColorSetter',\n                  extraProps: {\n                    defaultValue: '#00d4ff',\n                  },\n                },\n                {\n                  name: 'shadow',\n                  title: '启用阴影',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: false,\n                  },\n                },\n                {\n                  name: 'shadowColor',\n                  title: '阴影颜色',\n                  setter: 'ColorSetter',\n                  extraProps: {\n                    defaultValue: 'rgba(0, 212, 255, 0.3)',\n                  },\n                },\n              ],\n            },\n          ],\n        },\n        {\n          type: 'group',\n          key: 'data',\n          title: '数据',\n          items: [\n            {\n              name: 'dataBinding',\n              title: '数据绑定',\n              setter: 'DataBindingSetter',\n            },\n          ],\n        },\n        {\n          type: 'group',\n          key: 'advanced',\n          title: '高级',\n          items: [\n            {\n              name: 'condition',\n              title: '显隐控制',\n              setter: 'SwitchSetter',\n              extraProps: {\n                defaultValue: true,\n                supportVariable: true,\n              },\n            },\n          ],\n        },\n      ],\n    },\n  ],\n  component: {},\n  supports: {},\n  advanced: {},\n}\n\nexport default configure\n","/**\n * Image Snippets\n * 图片组件代码片段\n */\n\nimport type { Snippet } from '@easy-editor/core'\nimport { COMPONENT_NAME } from './constants'\n\nexport const snippets: Snippet[] = [\n  {\n    title: '普通图片',\n    screenshot: '',\n    schema: {\n      componentName: COMPONENT_NAME,\n      props: {\n        alt: '图片',\n        objectFit: 'contain',\n        borderRadius: 0,\n      },\n      $dashboard: {\n        rect: {\n          width: 200,\n          height: 180,\n        },\n      },\n    },\n  },\n  {\n    title: '圆角图片',\n    screenshot: '',\n    schema: {\n      componentName: COMPONENT_NAME,\n      props: {\n        alt: '圆角图片',\n        objectFit: 'contain',\n        borderRadius: 100,\n        borderStyle: 'tech',\n      },\n      $dashboard: {\n        rect: {\n          width: 200,\n          height: 200,\n        },\n      },\n    },\n  },\n]\n\nexport default snippets\n","/**\n * Image Meta\n * 图片组件元数据\n */\n\nimport type { ComponentMetadata } from '@easy-editor/core'\nimport { MaterialGroup } from '@easy-editor/materials-shared'\nimport { COMPONENT_NAME, PACKAGE_NAME } from './constants'\nimport configure from './configure'\nimport snippets from './snippets'\nimport pkg from '../package.json'\n\nexport const meta: ComponentMetadata = {\n  componentName: COMPONENT_NAME,\n  title: '图片',\n  group: MaterialGroup.MEDIA,\n  devMode: 'proCode',\n  npm: {\n    package: PACKAGE_NAME,\n    version: pkg.version,\n    globalName: COMPONENT_NAME,\n    componentName: COMPONENT_NAME,\n  },\n  snippets,\n  configure,\n}\n\nexport default meta\n"],"names":["MaterialGroup","INNER","MEDIA","COMPONENT_NAME","PACKAGE_NAME","configure","props","type","title","setter","items","key","componentName","icon","name","extraProps","label","getValue","target","getExtraPropValue","setValue","value","setExtraPropValue","accept","base64","raw","parent","setPropValue","width","height","clearPropValue","defaultValue","min","max","step","suffix","options","supportVariable","component","supports","advanced","snippets","screenshot","schema","alt","objectFit","borderRadius","$dashboard","rect","borderStyle","meta","group","devMode","npm","package","version","pkg","globalName"],"mappings":";AAMO,MAAMA,aAAa,GAAG;AAE3BC,EAQAC,KAAK,EAAE,OAKT,CAAU;;ACTH,MAAMC,cAAc,GAAG,0BAA0B;AAKjD,MAAMC,YAAY,GAAG,wCAAwC;;ACT7D,MAAMC,SAAoB,GAAG;AAClCC,EAAAA,KAAK,EAAE,CACL;AACEC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,KAAK,EAAE,IAAI;AACXC,IAAAA,MAAM,EAAE,WAAW;AACnBC,IAAAA,KAAK,EAAE,CACL;AACEH,MAAAA,IAAI,EAAE,OAAO;AACbI,MAAAA,GAAG,EAAE,QAAQ;AACbH,MAAAA,KAAK,EAAE,IAAI;AACXC,MAAAA,MAAM,EAAE;AACNG,QAAAA,aAAa,EAAE,gBAAgB;AAC/BN,QAAAA,KAAK,EAAE;AACLO,UAAAA,IAAI,EAAE;AACR;OACD;AACDH,MAAAA,KAAK,EAAE;AAEL,MAAA;AACEI,QAAAA,IAAI,EAAE,IAAI;AACVN,QAAAA,KAAK,EAAE,IAAI;AACXC,QAAAA,MAAM,EAAE,cAAc;AACtBM,QAAAA,UAAU,EAAE;AAEVC,UAAAA,KAAK,EAAE;AACT;AACF,OAAC,EACD;AACEF,QAAAA,IAAI,EAAE,OAAO;AACbN,QAAAA,KAAK,EAAE,IAAI;AACXC,QAAAA,MAAM,EAAE,cAAc;AACtBM,QAAAA,UAAU,EAAE;UACVE,QAAQA,CAACC,MAAM,EAAE;AACf,YAAA,OAAOA,MAAM,CAACC,iBAAiB,CAAC,OAAO,CAAC;UAC1C,CAAC;AACDC,UAAAA,QAAQA,CAACF,MAAM,EAAEG,KAAK,EAAE;AACtBH,YAAAA,MAAM,CAACI,iBAAiB,CAAC,OAAO,EAAED,KAAK,CAAC;AAC1C,UAAA;AACF;AACF,OAAC,EACD;AACEd,QAAAA,IAAI,EAAE,OAAO;AACbC,QAAAA,KAAK,EAAE,MAAM;AACbC,QAAAA,MAAM,EAAE;AACNG,UAAAA,aAAa,EAAE,gBAAgB;AAC/BN,UAAAA,KAAK,EAAE;AACLO,YAAAA,IAAI,EAAE;AACR;SACD;AACDH,QAAAA,KAAK,EAAE,CACL;AACEI,UAAAA,IAAI,EAAE,MAAM;AACZN,UAAAA,KAAK,EAAE,MAAM;AACbC,UAAAA,MAAM,EAAE,YAAY;AACpBM,UAAAA,UAAU,EAAE;YACVE,QAAQA,CAACC,MAAM,EAAE;AACf,cAAA,OAAOA,MAAM,CAACC,iBAAiB,CAAC,iBAAiB,CAAC;YACpD,CAAC;AACDC,YAAAA,QAAQA,CAACF,MAAM,EAAEG,KAAK,EAAE;AACtBH,cAAAA,MAAM,CAACI,iBAAiB,CAAC,iBAAiB,EAAED,KAAK,CAAC;AACpD,YAAA;AACF;SACD;OAEJ;AAED,MAAA;AACEd,QAAAA,IAAI,EAAE,OAAO;AACbC,QAAAA,KAAK,EAAE,IAAI;AACXC,QAAAA,MAAM,EAAE;AACNG,UAAAA,aAAa,EAAE,gBAAgB;AAC/BN,UAAAA,KAAK,EAAE;AACLO,YAAAA,IAAI,EAAE;AACR;SACD;AACDH,QAAAA,KAAK,EAAE,CACL;AACEI,UAAAA,IAAI,EAAE,UAAU;AAChBN,UAAAA,KAAK,EAAE,IAAI;AACXC,UAAAA,MAAM,EAAE;AACNG,YAAAA,aAAa,EAAE,cAAc;AAC7BN,YAAAA,KAAK,EAAE;AACLiB,cAAAA,MAAM,EAAE;AACV;WACD;AACDR,UAAAA,UAAU,EAAE;AACVK,YAAAA,QAAQA,CAACF,MAAM,EAAEG,KAAkB,EAAE;AACnC,cAAA,IAAIA,KAAK,EAAE;gBACT,MAAM;kBAAEG,MAAM;AAAEC,kBAAAA;AAAI,iBAAC,GAAGJ,KAAK;AAC7B,gBAAA,IAAIG,MAAM,EAAE;kBACVN,MAAM,CAACQ,MAAM,CAACC,YAAY,CAAC,KAAK,EAAEH,MAAM,CAAC;AAC3C,gBAAA;gBACA,IAAIC,GAAG,EAAEG,KAAK,EAAE;kBACdV,MAAM,CAACQ,MAAM,CAACJ,iBAAiB,CAAC,uBAAuB,EAAEG,GAAG,CAACG,KAAK,CAAC;AACrE,gBAAA;gBACA,IAAIH,GAAG,EAAEI,MAAM,EAAE;kBACfX,MAAM,CAACQ,MAAM,CAACJ,iBAAiB,CAAC,wBAAwB,EAAEG,GAAG,CAACI,MAAM,CAAC;AACvE,gBAAA;AACF,cAAA,CAAC,MAAM;AACLX,gBAAAA,MAAM,CAACQ,MAAM,CAACI,cAAc,CAAC,KAAK,CAAC;AACrC,cAAA;AACF,YAAA;AACF;AACF,SAAC,EACD;AACEhB,UAAAA,IAAI,EAAE,KAAK;AACXN,UAAAA,KAAK,EAAE,MAAM;AACbC,UAAAA,MAAM,EAAE;AACV,SAAC,EACD;AACEK,UAAAA,IAAI,EAAE,KAAK;AACXN,UAAAA,KAAK,EAAE,MAAM;AACbC,UAAAA,MAAM,EAAE;SACT;AAEL,OAAC,EACD;AACEF,QAAAA,IAAI,EAAE,OAAO;AACbC,QAAAA,KAAK,EAAE,IAAI;AACXC,QAAAA,MAAM,EAAE;AACNG,UAAAA,aAAa,EAAE,gBAAgB;AAC/BN,UAAAA,KAAK,EAAE;AACLO,YAAAA,IAAI,EAAE;AACR;SACD;AACDH,QAAAA,KAAK,EAAE,CACL;AACEI,UAAAA,IAAI,EAAE,UAAU;AAChBN,UAAAA,KAAK,EAAE,KAAK;AACZC,UAAAA,MAAM,EAAE,cAAc;AACtBM,UAAAA,UAAU,EAAE;AACVgB,YAAAA,YAAY,EAAE;AAChB;AACF,SAAC,EACD;AACEjB,UAAAA,IAAI,EAAE,mBAAmB;AACzBN,UAAAA,KAAK,EAAE,OAAO;AACdC,UAAAA,MAAM,EAAE;AACNG,YAAAA,aAAa,EAAE,cAAc;AAC7BN,YAAAA,KAAK,EAAE;AACL0B,cAAAA,GAAG,EAAE,CAAC;AACNC,cAAAA,GAAG,EAAE,GAAG;AACRC,cAAAA,IAAI,EAAE,EAAE;AACRC,cAAAA,MAAM,EAAE;AACV;WACD;AACDpB,UAAAA,UAAU,EAAE;AACVgB,YAAAA,YAAY,EAAE;AAChB;AACF,SAAC,EACD;AACEjB,UAAAA,IAAI,EAAE,aAAa;AACnBN,UAAAA,KAAK,EAAE,KAAK;AACZC,UAAAA,MAAM,EAAE;SACT;AAEL,OAAC,EACD;AACEF,QAAAA,IAAI,EAAE,OAAO;AACbC,QAAAA,KAAK,EAAE,IAAI;AACXC,QAAAA,MAAM,EAAE;AACNG,UAAAA,aAAa,EAAE,gBAAgB;AAC/BN,UAAAA,KAAK,EAAE;AACLO,YAAAA,IAAI,EAAE;AACR;SACD;AACDH,QAAAA,KAAK,EAAE,CACL;AACEI,UAAAA,IAAI,EAAE,WAAW;AACjBN,UAAAA,KAAK,EAAE,MAAM;AACbC,UAAAA,MAAM,EAAE;AACNG,YAAAA,aAAa,EAAE,cAAc;AAC7BN,YAAAA,KAAK,EAAE;AACL8B,cAAAA,OAAO,EAAE,CACP;AAAEpB,gBAAAA,KAAK,EAAE,IAAI;AAAEK,gBAAAA,KAAK,EAAE;AAAQ,eAAC,EAC/B;AAAEL,gBAAAA,KAAK,EAAE,IAAI;AAAEK,gBAAAA,KAAK,EAAE;AAAU,eAAC,EACjC;AAAEL,gBAAAA,KAAK,EAAE,IAAI;AAAEK,gBAAAA,KAAK,EAAE;AAAO,eAAC,EAC9B;AAAEL,gBAAAA,KAAK,EAAE,GAAG;AAAEK,gBAAAA,KAAK,EAAE;eAAQ;AAEjC;WACD;AACDN,UAAAA,UAAU,EAAE;AACVgB,YAAAA,YAAY,EAAE;AAChB;AACF,SAAC,EACD;AACEjB,UAAAA,IAAI,EAAE,cAAc;AACpBN,UAAAA,KAAK,EAAE,IAAI;AACXC,UAAAA,MAAM,EAAE,cAAc;AACtBM,UAAAA,UAAU,EAAE;AACVgB,YAAAA,YAAY,EAAE;AAChB;AACF,SAAC,EACD;AACEjB,UAAAA,IAAI,EAAE,aAAa;AACnBN,UAAAA,KAAK,EAAE,MAAM;AACbC,UAAAA,MAAM,EAAE;AACNG,YAAAA,aAAa,EAAE,cAAc;AAC7BN,YAAAA,KAAK,EAAE;AACL8B,cAAAA,OAAO,EAAE,CACP;AAAEpB,gBAAAA,KAAK,EAAE,GAAG;AAAEK,gBAAAA,KAAK,EAAE;AAAO,eAAC,EAC7B;AAAEL,gBAAAA,KAAK,EAAE,IAAI;AAAEK,gBAAAA,KAAK,EAAE;AAAO,eAAC,EAC9B;AAAEL,gBAAAA,KAAK,EAAE,IAAI;AAAEK,gBAAAA,KAAK,EAAE;AAAW,eAAC,EAClC;AAAEL,gBAAAA,KAAK,EAAE,KAAK;AAAEK,gBAAAA,KAAK,EAAE;eAAQ;AAEnC;WACD;AACDN,UAAAA,UAAU,EAAE;AACVgB,YAAAA,YAAY,EAAE;AAChB;AACF,SAAC,EACD;AACEjB,UAAAA,IAAI,EAAE,aAAa;AACnBN,UAAAA,KAAK,EAAE,MAAM;AACbC,UAAAA,MAAM,EAAE,aAAa;AACrBM,UAAAA,UAAU,EAAE;AACVgB,YAAAA,YAAY,EAAE;AAChB;AACF,SAAC,EACD;AACEjB,UAAAA,IAAI,EAAE,QAAQ;AACdN,UAAAA,KAAK,EAAE,MAAM;AACbC,UAAAA,MAAM,EAAE,cAAc;AACtBM,UAAAA,UAAU,EAAE;AACVgB,YAAAA,YAAY,EAAE;AAChB;AACF,SAAC,EACD;AACEjB,UAAAA,IAAI,EAAE,aAAa;AACnBN,UAAAA,KAAK,EAAE,MAAM;AACbC,UAAAA,MAAM,EAAE,aAAa;AACrBM,UAAAA,UAAU,EAAE;AACVgB,YAAAA,YAAY,EAAE;AAChB;SACD;OAEJ;AAEL,KAAC,EACD;AACExB,MAAAA,IAAI,EAAE,OAAO;AACbI,MAAAA,GAAG,EAAE,MAAM;AACXH,MAAAA,KAAK,EAAE,IAAI;AACXE,MAAAA,KAAK,EAAE,CACL;AACEI,QAAAA,IAAI,EAAE,aAAa;AACnBN,QAAAA,KAAK,EAAE,MAAM;AACbC,QAAAA,MAAM,EAAE;OACT;AAEL,KAAC,EACD;AACEF,MAAAA,IAAI,EAAE,OAAO;AACbI,MAAAA,GAAG,EAAE,UAAU;AACfH,MAAAA,KAAK,EAAE,IAAI;AACXE,MAAAA,KAAK,EAAE,CACL;AACEI,QAAAA,IAAI,EAAE,WAAW;AACjBN,QAAAA,KAAK,EAAE,MAAM;AACbC,QAAAA,MAAM,EAAE,cAAc;AACtBM,QAAAA,UAAU,EAAE;AACVgB,UAAAA,YAAY,EAAE,IAAI;AAClBM,UAAAA,eAAe,EAAE;AACnB;OACD;KAEJ;AAEL,GAAC,CACF;EACDC,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,EAAE;AACZC,EAAAA,QAAQ,EAAE;AACZ,CAAC;;AClRM,MAAMC,QAAmB,GAAG,CACjC;AACEjC,EAAAA,KAAK,EAAE,MAAM;AACbkC,EAAAA,UAAU,EAAE,EAAE;AACdC,EAAAA,MAAM,EAAE;AACN/B,IAAAA,aAAa,EAAET,cAAc;AAC7BG,IAAAA,KAAK,EAAE;AACLsC,MAAAA,GAAG,EAAE,IAAI;AACTC,MAAAA,SAAS,EAAE,SAAS;AACpBC,MAAAA,YAAY,EAAE;KACf;AACDC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE;AACJpB,QAAAA,KAAK,EAAE,GAAG;AACVC,QAAAA,MAAM,EAAE;AACV;AACF;AACF;AACF,CAAC,EACD;AACErB,EAAAA,KAAK,EAAE,MAAM;AACbkC,EAAAA,UAAU,EAAE,EAAE;AACdC,EAAAA,MAAM,EAAE;AACN/B,IAAAA,aAAa,EAAET,cAAc;AAC7BG,IAAAA,KAAK,EAAE;AACLsC,MAAAA,GAAG,EAAE,MAAM;AACXC,MAAAA,SAAS,EAAE,SAAS;AACpBC,MAAAA,YAAY,EAAE,GAAG;AACjBG,MAAAA,WAAW,EAAE;KACd;AACDF,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE;AACJpB,QAAAA,KAAK,EAAE,GAAG;AACVC,QAAAA,MAAM,EAAE;AACV;AACF;AACF;AACF,CAAC,CACF;;;;;;AClCM,MAAMqB,IAAuB,GAAG;AACrCtC,EAAAA,aAAa,EAAET,cAAc;AAC7BK,EAAAA,KAAK,EAAE,IAAI;EACX2C,KAAK,EAAEnD,aAAa,CAACE,KAAK;AAC1BkD,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,GAAG,EAAE;AACHC,IAAAA,OAAO,EAAElD,YAAY;IACrBmD,OAAO,EAAEC,GAAG,CAACD,OAAO;AACpBE,IAAAA,UAAU,EAAEtD,cAAc;AAC1BS,IAAAA,aAAa,EAAET;GAChB;EACDsC,QAAQ;AACRpC,EAAAA;AACF;;;;"}

package/dist/meta.js

@@ -0,0 +1,334 @@
+/* @easy-editor/materials-dashboard-image v0.0.1 (meta) */
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditorMaterialsImageMeta = {}));
+})(this, (function (exports) { 'use strict';
+
+  const MaterialGroup = {
+    MEDIA: 'media'};
+
+  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.default = meta;
+  exports.meta = meta;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=meta.js.map