image-cropper-next/dist/smartips/web-types.json

A Vue 3 image cropper component for Vite

{
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
  "framework": "vue",
  "name": "ImageCropper",
  "version": "0.0.9",
  "contributions": {
    "html": {
      "tags": [
        {
          "name": "image-cropper",
          "slots": [],
          "events": [],
          "attributes": [
            {
              "name": "cross-origin",
              "default": "false",
              "description": "是否设置图片跨域",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "cross-origin-header",
              "default": "'*'",
              "description": "是否设置图片跨域",
              "value": {
                "type": "string",
                "kind": "expression"
              }
            },
            {
              "name": "label",
              "default": "'选择图片'",
              "description": "按钮文字",
              "value": {
                "type": "string",
                "kind": "expression"
              }
            },
            {
              "name": "is-modal",
              "default": "true",
              "description": "是否已弹窗形式展示",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "lock-scroll",
              "default": "true",
              "description": "是否在弹窗出现时锁定body",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "show-choose-btn",
              "default": "true",
              "description": "是否显示选择图片按钮",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "box-width",
              "default": "800",
              "description": "裁剪窗口高度",
              "value": {
                "type": "number",
                "kind": "expression"
              }
            },
            {
              "name": "box-height",
              "default": "400",
              "description": "裁剪窗口高度",
              "value": {
                "type": "number",
                "kind": "expression"
              }
            },
            {
              "name": "cut-width",
              "default": "200",
              "description": "默认裁剪宽度",
              "value": {
                "type": "number",
                "kind": "expression"
              }
            },
            {
              "name": "cut-height",
              "default": "200",
              "description": "默认裁剪高度",
              "value": {
                "type": "number",
                "kind": "expression"
              }
            },
            {
              "name": "rate",
              "default": "null",
              "description": "按比例裁剪，例(2:1)",
              "value": {
                "type": "string",
                "kind": "expression"
              }
            },
            {
              "name": "tool",
              "default": "true",
              "description": "是否显示工具栏",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "tool-bg",
              "default": "'#fff'",
              "description": "工具栏背景色",
              "value": {
                "type": "string",
                "kind": "expression"
              }
            },
            {
              "name": "img-move",
              "default": "true",
              "description": "能否拖动图片",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "size-change",
              "default": "true",
              "description": "能否调整裁剪尺寸",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "original-graph",
              "default": "false",
              "description": "是否为原图裁剪",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "move-able",
              "default": "true",
              "description": "能否调整裁剪区域位置",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "preview-mode",
              "default": "true",
              "description": "裁剪过程中是否返回裁剪结果 裁剪原图卡顿时将此项设置为false",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "watermark-text",
              "default": "''",
              "description": "水印文字",
              "value": {
                "type": "string",
                "kind": "expression"
              }
            },
            {
              "name": "watermark-text-font",
              "default": "'12px Sans-serif'",
              "description": "水印文字样式",
              "value": {
                "type": "string",
                "kind": "expression"
              }
            },
            {
              "name": "watermark-text-color",
              "default": "'#fff'",
              "description": "水印文字颜色",
              "value": {
                "type": "string",
                "kind": "expression"
              }
            },
            {
              "name": "watermark-text-x",
              "default": "0.95",
              "description": "水印横向位置",
              "value": {
                "type": "number",
                "kind": "expression"
              }
            },
            {
              "name": "watermark-text-y",
              "default": "0.95",
              "description": "水印纵向位置",
              "value": {
                "type": "number",
                "kind": "expression"
              }
            },
            {
              "name": "small-to-upload",
              "default": "false",
              "description": "选择的图片宽高均小于裁剪宽高度时候直接上传原图",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "save-cut-position",
              "default": "false",
              "description": "是否保存上一次裁剪位置",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "scale-able",
              "default": "true",
              "description": "是否允许缩放图片",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "file-type",
              "default": "'png'",
              "description": "文件类型",
              "value": {
                "type": "string",
                "kind": "expression"
              }
            },
            {
              "name": "tool-box-overflow",
              "default": "true",
              "description": "是否允许裁剪框超出图片",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "quality",
              "default": "1",
              "description": "裁剪后的图片质量",
              "value": {
                "type": "number",
                "kind": "expression"
              }
            },
            {
              "name": "is-finish-close",
              "default": "true",
              "description": "是否在裁剪完成后关闭弹窗",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            },
            {
              "name": "footer",
              "default": "true",
              "description": "是否显示底部操作栏",
              "value": {
                "type": "boolean",
                "kind": "expression"
              }
            }
          ]
        }
      ]
    }
  }
}