amis/gh-pages/docs/renderers/Field_db86398.js

define('docs/renderers/Field.md', function(require, exports, module) {

  module.exports = {
    "html": "<h2><a class=\"anchor\" name=\"field\" href=\"#field\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Field</h2><p>主要用在 <a href=\"/amis/docs/renderers/Table\">Table</a> 的列配置 Column、<a href=\"/amis/docs/renderers/List\">List</a> 的内容、<a href=\"/amis/docs/renderers/Card\">Card</a> 卡片的内容和表单的<a href=\"/amis/docs/renderers/Static#static-xxx\">Static-XXX</a> 中。它主要用来展示数据。</p>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"body\">{\n  \"type\": \"crud\",\n  \"api\": \"https://houtai.baidu.com/api/mock2/crud/list\",\n  \"affixHeader\": false,\n  \"syncLocation\": false,\n  \"columns\": [\n    {\n      \"name\": \"id\",\n      \"label\": \"ID\",\n      \"type\": \"text\"\n    },\n    {\n      \"name\": \"text\",\n      \"label\": \"文本\",\n      \"type\": \"text\"\n    },\n    {\n      \"type\": \"image\",\n      \"label\": \"图片\",\n      \"name\": \"image\",\n      \"popOver\": {\n        \"title\": \"查看大图\",\n        \"body\": \"<div class=\\\"w-xxl\\\"><img class=\\\"w-full\\\" src=\\\"${image}\\\"/></div>\"\n      }\n    },\n    {\n      \"name\": \"date\",\n      \"type\": \"date\",\n      \"label\": \"日期\"\n    },\n    {\n      \"name\": \"progress\",\n      \"label\": \"进度\",\n      \"type\": \"progress\"\n    },\n    {\n      \"name\": \"boolean\",\n      \"label\": \"状态\",\n      \"type\": \"status\"\n    },\n    {\n      \"name\": \"boolean\",\n      \"label\": \"开关\",\n      \"type\": \"switch\"\n    },\n    {\n      \"name\": \"type\",\n      \"label\": \"映射\",\n      \"type\": \"mapping\",\n      \"map\": {\n        \"1\": \"<span class='label label-info'>漂亮</span>\",\n        \"2\": \"<span class='label label-success'>开心</span>\",\n        \"3\": \"<span class='label label-danger'>惊吓</span>\",\n        \"4\": \"<span class='label label-warning'>紧张</span>\",\n        \"*\": \"其他：${type}\"\n      }\n    },\n    {\n      \"name\": \"list\",\n      \"type\": \"list\",\n      \"label\": \"List\",\n      \"placeholder\": \"-\",\n      \"listItem\": {\n        \"title\": \"${title}\",\n        \"subTitle\": \"${description}\"\n      }\n    }\n  ]\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E9%80%9A%E7%94%A8%E9%85%8D%E7%BD%AE\" href=\"#%E9%80%9A%E7%94%A8%E9%85%8D%E7%BD%AE\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>通用配置</h3><ul>\n<li><code>name</code> 绑定变量名。</li>\n<li><code>placeholder</code> 当没有值时的展示内容。</li>\n<li><code>popOver</code> 配置后在内容区增加一个放大按钮，点击后弹出一个详情弹框。\n<code>boolean</code> 简单的开启或者关闭\n<code>Object</code> 弹出的内容配置。请参考 <a href=\"/amis/docs/renderers/Dialog\">Dialog</a> 配置说明。</li>\n<li><code>quickEdit</code> 配置后在内容区增加一个编辑按钮，点击后弹出一个编辑框。\n<code>boolean</code> 简单的开启或者关闭\n<code>Object</code> 快速编辑详情，请参考 <a href=\"/amis/docs/renderers/FormItem\">FormItem</a> 配置。\n<code>mode</c
    "toc": {
      "label": "目录",
      "type": "toc",
      "children": [
        {
          "label": "Field",
          "fragment": "field",
          "fullPath": "#field",
          "level": 2,
          "children": [
            {
              "label": "通用配置",
              "fragment": "%E9%80%9A%E7%94%A8%E9%85%8D%E7%BD%AE",
              "fullPath": "#%E9%80%9A%E7%94%A8%E9%85%8D%E7%BD%AE",
              "level": 3
            },
            {
              "label": "Tpl(Field)",
              "fragment": "tpl-field-",
              "fullPath": "#tpl-field-",
              "level": 3
            },
            {
              "label": "Plain(Field)",
              "fragment": "plain-field-",
              "fullPath": "#plain-field-",
              "level": 3
            },
            {
              "label": "Json(Field)",
              "fragment": "json-field-",
              "fullPath": "#json-field-",
              "level": 3
            },
            {
              "label": "Date(Field)",
              "fragment": "date-field-",
              "fullPath": "#date-field-",
              "level": 3
            },
            {
              "label": "Mapping(Field)",
              "fragment": "mapping-field-",
              "fullPath": "#mapping-field-",
              "level": 3
            },
            {
              "label": "Image(Field)",
              "fragment": "image-field-",
              "fullPath": "#image-field-",
              "level": 3
            },
            {
              "label": "Progress(Field)",
              "fragment": "progress-field-",
              "fullPath": "#progress-field-",
              "level": 3
            },
            {
              "label": "Status(Field)",
              "fragment": "status-field-",
              "fullPath": "#status-field-",
              "level": 3
            },
            {
              "label": "Switch(Field)",
              "fragment": "switch-field-",
              "fullPath": "#switch-field-",
              "level": 3
            }
          ]
        }
      ],
      "level": 0
    }
  };

});