tiny-vue/examples/react-site/demos/app/alert/webdoc/alert.json

{
  "column": "2",
  "owner": "",
  "demos": [
    {
      "demoId": "base",
      "name": {
        "zh-CN": "基本用法",
        "en-US": "Basic Usage"
      },
      "desc": {
        "zh-CN": "详细用法参考如下示例",
        "en-US": "For details, see the following example."
      },
      "codeFiles": [
        "base.vue"
      ]
    },
    {
      "demoId": "type",
      "name": {
        "zh-CN": "类型",
        "en-US": "Type"
      },
      "desc": {
        "zh-CN": "<p>通过 <code>type</code> 设置不同的类型。可选值：success、warning、info、error，默认值：success 。</p>\n",
        "en-US": "<p>Set different types through <code>type</code>. The options are success, warning, info, and error. The default value is success. </p>\n"
      },
      "codeFiles": [
        "type.vue"
      ]
    },
    {
      "demoId": "size",
      "name": {
        "zh-CN": "大尺寸",
        "en-US": "Large Size"
      },
      "desc": {
        "zh-CN": "<p>通过 <code>size</code> 属性设置不同的尺寸，可选值：nomal、large，默认值：nomal 。</p>\n",
        "en-US": "<p>Set different sizes through the <code>size</code> attribute. The options are nomal and large. The default value is nomal. </p>\n"
      },
      "codeFiles": [
        "size.vue"
      ]
    },
    {
      "demoId": "title",
      "name": {
        "zh-CN": "自定义标题",
        "en-US": "Custom Title"
      },
      "desc": {
        "zh-CN": "<p>当 <code>size</code> 为 large 时显示标题，可设置 <code>title</code> 或 <code>slot</code> 自定义标题。默认标题根据设置的 <code>type</code> 显示。</p>\n",
        "en-US": "<p>When <code>size</code> is set to large, the title is displayed. You can set <code>title</code> or <code>slot</code> to customize the title. The default title is displayed according to the set <code>type</code>. </p>\n"
      },
      "codeFiles": [
        "title.vue"
      ]
    },
    {
      "demoId": "center",
      "name": {
        "zh-CN": "文字居中",
        "en-US": "Center text"
      },
      "desc": {
        "zh-CN": "<p>通过 <code>center</code> 属性可使文字显示居中。</p>\n",
        "en-US": "<p>You can use the <code>center</code> property to center the text. </p>\n"
      },
      "codeFiles": [
        "center.vue"
      ]
    }
  ],
  "apis": [
    {
      "name": "alert",
      "type": "component",
      "properties": [
        {
          "name": "closable",
          "type": "Boolean",
          "defaultValue": "该属性的默认值为 true",
          "desc": {
            "zh-CN": "设置警告是否可以关闭",
            "en-US": "Set whether alarms can be disabled."
          },
          "demoId": "closable"
        },
        {
          "name": "icon",
          "type": "String , Object",
          "defaultValue": "",
          "desc": {
            "zh-CN": "设置警告的图标，默认会根据 type 值自动使用对应图标",
            "en-US": "Set the alarm icon. By default, the corresponding icon is automatically used based on the value of type."
          },
          "demoId": "icon"
        },
        {
          "name": "size",
          "type": "String",
          "defaultValue": "该属性的默认值为 normal",
          "desc": {
            "zh-CN": "设置警告的大小 nomal/large， 缺省为 nomal。;该属性的可选值为 nomal / large",
            "en-US": "Set the warning size to nomal or large. The default value is nomal. ;The value of this attribute can be nomal or large"
          },
          "demoId": "size"
        },
        {
          "name": "title",
          "type": "String",
          "defaultValue": "",
          "desc": {
            "zh-CN": "设置警告的标题，在 size 为 large 时有效，默认根据 type 自动设置",
            "en-US": "Set the warning title. This parameter is valid only when size is set to large. By default, the alarm title is automatically set based on type."
          },
          "demoId": "title"
        },
        {
          "name": "type",
          "type": "String",
          "defaultValue": "该属性的默认值为 success",
          "desc": {
            "zh-CN": "设置警告的类型;该属性的可选值为 success/warning/info/error",
            "en-US": "Set the alarm type. The value of this attribute can be success / warning / info / error"
          },
          "demoId": "type"
        },
        {
          "name": "description",
          "type": "String",
          "defaultValue": "",
          "desc": {
            "zh-CN": "设置警告的提示内容，默认为空;",
            "en-US": "Set the warning prompt content. The default value is null."
          },
          "demoId": "custom-description"
        },
        {
          "name": "center",
          "type": "Boolean",
          "defaultValue": "该属性的默认值为 false",
          "desc": {
            "zh-CN": "文字是否居中",
            "en-US": "Whether the text is centered"
          },
          "demoId": "center"
        },
        {
          "name": "close-text",
          "type": "String",
          "defaultValue": "",
          "desc": {
            "zh-CN": "关闭按钮自定义文本",
            "en-US": "Customized text of the close button"
          },
          "demoId": "close-text"
        },
        {
          "name": "show-icon",
          "type": "Boolean",
          "defaultValue": "该属性的默认值为 true",
          "desc": {
            "zh-CN": "是否显示图标",
            "en-US": "Display icon"
          },
          "demoId": "show-icon"
        }
      ],
      "events": [
        {
          "name": "close",
          "type": "",
          "defaultValue": "",
          "desc": {
            "zh-CN": "关闭 alert 时触发的事件",
            "en-US": "Event triggered when the alert function is disabled"
          },
          "demoId": "close-events"
        }
      ],
      "slots": [
        {
          "name": "default",
          "type": "",
          "defaultValue": "",
          "desc": {
            "zh-CN": "组件默认插槽",
            "en-US": "Default slot of the component"
          },
          "demoId": "slot-default"
        },
        {
          "name": "title",
          "type": "",
          "defaultValue": "",
          "desc": {
            "zh-CN": "标题的内容",
            "en-US": "Title content"
          },
          "demoId": "title"
        },
        {
          "name": "description",
          "type": "",
          "defaultValue": "",
          "desc": {
            "zh-CN": "提示内容",
            "en-US": "Prompt Content"
          },
          "demoId": "custom-description"
        },
        {
          "name": "close",
          "type": "",
          "defaultValue": "",
          "desc": {
            "zh-CN": "自定义关闭按钮，当 closable 属性为 false 时有效",
            "en-US": ""
          },
          "demoId": "custom-close"
        }
      ]
    }
  ]
}