import{_ as k,l as g,w as s,j as c,k as d,f as o,e as t,b as n,d as W,r as Z,a as v,q as G}from"./index.3fe853a6.js";const R={};function Y(p,a){const e=c("a-descriptions-item"),u=c("a-descriptions"),i=c("demo-box");return d(),g(i,{jsfiddle:{us:"Simplest Usage.",cn:"\u7B80\u5355\u7684\u5C55\u793A\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u7B80\u5355\u7684\u5C55\u793A\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Simplest Usage.</p>
`,order:0,title:{"zh-CN":"\u57FA\u672C","en-US":"Basic"},relativePath:"components/descriptions/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWRlc2NyaXB0aW9ucyB0aXRsZT0iVXNlciBJbmZvIj4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJVc2VyTmFtZSI+WmhvdSBNYW9tYW88L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iVGVsZXBob25lIj4xODEwMDAwMDAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkxpdmUiPkhhbmd6aG91LCBaaGVqaWFuZzwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJSZW1hcmsiPmVtcHR5PC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkFkZHJlc3MiPgogICAgICBOby4gMTgsIFdhbnRhbmcgUm9hZCwgWGlodSBEaXN0cmljdCwgSGFuZ3pob3UsIFpoZWppYW5nLCBDaGluYQogICAgPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogIDwvYS1kZXNjcmlwdGlvbnM+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWRlc2NyaXB0aW9ucyB0aXRsZT0iVXNlciBJbmZvIj4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJVc2VyTmFtZSI+WmhvdSBNYW9tYW88L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iVGVsZXBob25lIj4xODEwMDAwMDAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkxpdmUiPkhhbmd6aG91LCBaaGVqaWFuZzwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJSZW1hcmsiPmVtcHR5PC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkFkZHJlc3MiPgogICAgICBOby4gMTgsIFdhbnRhbmcgUm9hZCwgWGlodSBEaXN0cmljdCwgSGFuZ3pob3UsIFpoZWppYW5nLCBDaGluYQogICAgPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogIDwvYS1kZXNjcmlwdGlvbnM+CjwvdGVtcGxhdGU+"}},{default:s(()=>[o(u,{title:"User Info"},{default:s(()=>[o(e,{label:"UserName"},{default:s(()=>a[0]||(a[0]=[t("Zhou Maomao")])),_:1,__:[0]}),o(e,{label:"Telephone"},{default:s(()=>a[1]||(a[1]=[t("1810000000")])),_:1,__:[1]}),o(e,{label:"Live"},{default:s(()=>a[2]||(a[2]=[t("Hangzhou, Zhejiang")])),_:1,__:[2]}),o(e,{label:"Remark"},{default:s(()=>a[3]||(a[3]=[t("empty")])),_:1,__:[3]}),o(e,{label:"Address"},{default:s(()=>a[4]||(a[4]=[t(" No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China ")])),_:1,__:[4]})]),_:1})]),htmlCode:s(()=>a[5]||(a[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("User Info"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("UserName"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Zhou Maomao"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Telephone"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("1810000000"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Live"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Hangzhou, Zhejiang"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Remark"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("empty"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Address"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[6]||(a[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("User Info"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("UserName"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Zhou Maomao"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Telephone"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("1810000000"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Live"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Hangzhou, Zhejiang"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Remark"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("empty"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Address"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}const y=k(R,[["render",Y]]),X={};function P(p,a){const e=c("a-descriptions-item"),u=c("a-badge"),i=c("a-descriptions"),r=c("demo-box");return d(),g(r,{jsfiddle:{us:"Descriptions with border and background color.",cn:"\u5E26\u8FB9\u6846\u548C\u80CC\u666F\u989C\u8272\u5217\u8868\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u5E26\u8FB9\u6846\u548C\u80CC\u666F\u989C\u8272\u5217\u8868\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Descriptions with border and background color.</p>
`,order:1,title:{"zh-CN":"\u5E26\u8FB9\u6846\u7684","en-US":"Bordered"},relativePath:"components/descriptions/demo/border.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWRlc2NyaXB0aW9ucyB0aXRsZT0iVXNlciBJbmZvIiBib3JkZXJlZD4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJQcm9kdWN0Ij5DbG91ZCBEYXRhYmFzZTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJCaWxsaW5nIE1vZGUiPlByZXBhaWQ8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQXV0b21hdGljIFJlbmV3YWwiPllFUzwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJPcmRlciB0aW1lIj4yMDE4LTA0LTI0IDE4OjAwOjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlVzYWdlIFRpbWUiIDpzcGFuPSIyIj4yMDE5LTA0LTI0IDE4OjAwOjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlN0YXR1cyIgOnNwYW49IjMiPgogICAgICA8YS1iYWRnZSBzdGF0dXM9InByb2Nlc3NpbmciIHRleHQ9IlJ1bm5pbmciIC8+CiAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iTmVnb3RpYXRlZCBBbW91bnQiPiQ4MC4wMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJEaXNjb3VudCI+JDIwLjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9Ik9mZmljaWFsIFJlY2VpcHRzIj4kNjAuMDA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ29uZmlnIEluZm8iPgogICAgICBEYXRhIGRpc2sgdHlwZTogTW9uZ29EQgogICAgICA8YnIgLz4KICAgICAgRGF0YWJhc2UgdmVyc2lvbjogMy40CiAgICAgIDxiciAvPgogICAgICBQYWNrYWdlOiBkZHMubW9uZ28ubWlkCiAgICAgIDxiciAvPgogICAgICBTdG9yYWdlIHNwYWNlOiAxMCBHQgogICAgICA8YnIgLz4KICAgICAgUmVwbGljYXRpb24gZmFjdG9yOiAzCiAgICAgIDxiciAvPgogICAgICBSZWdpb246IEVhc3QgQ2hpbmEgMQogICAgICA8YnIgLz4KICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICA8L2EtZGVzY3JpcHRpb25zPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWRlc2NyaXB0aW9ucyB0aXRsZT0iVXNlciBJbmZvIiBib3JkZXJlZD4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJQcm9kdWN0Ij5DbG91ZCBEYXRhYmFzZTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJCaWxsaW5nIE1vZGUiPlByZXBhaWQ8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQXV0b21hdGljIFJlbmV3YWwiPllFUzwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJPcmRlciB0aW1lIj4yMDE4LTA0LTI0IDE4OjAwOjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlVzYWdlIFRpbWUiIDpzcGFuPSIyIj4yMDE5LTA0LTI0IDE4OjAwOjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlN0YXR1cyIgOnNwYW49IjMiPgogICAgICA8YS1iYWRnZSBzdGF0dXM9InByb2Nlc3NpbmciIHRleHQ9IlJ1bm5pbmciIC8+CiAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iTmVnb3RpYXRlZCBBbW91bnQiPiQ4MC4wMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJEaXNjb3VudCI+JDIwLjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9Ik9mZmljaWFsIFJlY2VpcHRzIj4kNjAuMDA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ29uZmlnIEluZm8iPgogICAgICBEYXRhIGRpc2sgdHlwZTogTW9uZ29EQgogICAgICA8YnIgLz4KICAgICAgRGF0YWJhc2UgdmVyc2lvbjogMy40CiAgICAgIDxiciAvPgogICAgICBQYWNrYWdlOiBkZHMubW9uZ28ubWlkCiAgICAgIDxiciAvPgogICAgICBTdG9yYWdlIHNwYWNlOiAxMCBHQgogICAgICA8YnIgLz4KICAgICAgUmVwbGljYXRpb24gZmFjdG9yOiAzCiAgICAgIDxiciAvPgogICAgICBSZWdpb246IEVhc3QgQ2hpbmEgMQogICAgICA8YnIgLz4KICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICA8L2EtZGVzY3JpcHRpb25zPgo8L3RlbXBsYXRlPg=="}},{default:s(()=>[o(i,{title:"User Info",bordered:""},{default:s(()=>[o(e,{label:"Product"},{default:s(()=>a[0]||(a[0]=[t("Cloud Database")])),_:1,__:[0]}),o(e,{label:"Billing Mode"},{default:s(()=>a[1]||(a[1]=[t("Prepaid")])),_:1,__:[1]}),o(e,{label:"Automatic Renewal"},{default:s(()=>a[2]||(a[2]=[t("YES")])),_:1,__:[2]}),o(e,{label:"Order time"},{default:s(()=>a[3]||(a[3]=[t("2018-04-24 18:00:00")])),_:1,__:[3]}),o(e,{label:"Usage Time",span:2},{default:s(()=>a[4]||(a[4]=[t("2019-04-24 18:00:00")])),_:1,__:[4]}),o(e,{label:"Status",span:3},{default:s(()=>[o(u,{status:"processing",text:"Running"})]),_:1}),o(e,{label:"Negotiated Amount"},{default:s(()=>a[5]||(a[5]=[t("$80.00")])),_:1,__:[5]}),o(e,{label:"Discount"},{default:s(()=>a[6]||(a[6]=[t("$20.00")])),_:1,__:[6]}),o(e,{label:"Official Receipts"},{default:s(()=>a[7]||(a[7]=[t("$60.00")])),_:1,__:[7]}),o(e,{label:"Config Info"},{default:s(()=>a[8]||(a[8]=[t(" Data disk type: MongoDB "),n("br",null,null,-1),t(" Database version: 3.4 "),n("br",null,null,-1),t(" Package: dds.mongo.mid "),n("br",null,null,-1),t(" Storage space: 10 GB "),n("br",null,null,-1),t(" Replication factor: 3 "),n("br",null,null,-1),t(" Region: East China 1 "),n("br",null,null,-1)])),_:1,__:[8]})]),_:1})]),htmlCode:s(()=>a[9]||(a[9]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("User Info"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"bordered"),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Product"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Cloud Database"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Billing Mode"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Prepaid"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Automatic Renewal"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("YES"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Order time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("2018-04-24 18:00:00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Usage Time"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("2019-04-24 18:00:00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Status"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-badge")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("processing"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Running"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Negotiated Amount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$80.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Discount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$20.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Official Receipts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$60.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Config Info"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      Data disk type: MongoDB
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Database version: 3.4
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Package: dds.mongo.mid
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Storage space: 10 GB
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Replication factor: 3
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Region: East China 1
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[10]||(a[10]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("User Info"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"bordered"),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Product"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Cloud Database"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Billing Mode"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Prepaid"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Automatic Renewal"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("YES"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Order time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("2018-04-24 18:00:00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Usage Time"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("2019-04-24 18:00:00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Status"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-badge")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("processing"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Running"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Negotiated Amount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$80.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Discount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$20.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Official Receipts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$60.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Config Info"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      Data disk type: MongoDB
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Database version: 3.4
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Package: dds.mongo.mid
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Storage space: 10 GB
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Replication factor: 3
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Region: East China 1
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}const D=k(X,[["render",P]]),B={};function S(p,a){const e=c("a-descriptions-item"),u=c("a-descriptions"),i=c("demo-box");return d(),g(i,{jsfiddle:{us:"Responsive configuration enables perfect presentation on small screen devices.",cn:"\u901A\u8FC7\u54CD\u5E94\u5F0F\u7684\u914D\u7F6E\u53EF\u4EE5\u5B9E\u73B0\u5728\u5C0F\u5C4F\u5E55\u8BBE\u5907\u4E0A\u7684\u5B8C\u7F8E\u5448\u73B0\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u901A\u8FC7\u54CD\u5E94\u5F0F\u7684\u914D\u7F6E\u53EF\u4EE5\u5B9E\u73B0\u5728\u5C0F\u5C4F\u5E55\u8BBE\u5907\u4E0A\u7684\u5B8C\u7F8E\u5448\u73B0\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Responsive configuration enables perfect presentation on small screen devices.</p>
`,order:3,title:{"zh-CN":"\u54CD\u5E94\u5F0F","en-US":"Responsive"},relativePath:"components/descriptions/demo/responsive.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWRlc2NyaXB0aW9ucwogICAgdGl0bGU9IlJlc3BvbnNpdmUgRGVzY3JpcHRpb25zIgogICAgYm9yZGVyZWQKICAgIDpjb2x1bW49InsgeHhsOiA0LCB4bDogMywgbGc6IDMsIG1kOiAzLCBzbTogMiwgeHM6IDEgfSIKICA+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iUHJvZHVjdCI+Q2xvdWQgRGF0YWJhc2U8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQmlsbGluZyI+UHJlcGFpZDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJUaW1lIj4xODowMDowMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJBbW91bnQiPiQ4MC4wMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJEaXNjb3VudCI+JDIwLjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9Ik9mZmljaWFsIj4kNjAuMDA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ29uZmlnIEluZm8iPgogICAgICBEYXRhIGRpc2sgdHlwZTogTW9uZ29EQgogICAgICA8YnIgLz4KICAgICAgRGF0YWJhc2UgdmVyc2lvbjogMy40CiAgICAgIDxiciAvPgogICAgICBQYWNrYWdlOiBkZHMubW9uZ28ubWlkCiAgICAgIDxiciAvPgogICAgICBTdG9yYWdlIHNwYWNlOiAxMCBHQgogICAgICA8YnIgLz4KICAgICAgUmVwbGljYXRpb24gZmFjdG9yOiAzCiAgICAgIDxiciAvPgogICAgICBSZWdpb246IEVhc3QgQ2hpbmEgMQogICAgPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogIDwvYS1kZXNjcmlwdGlvbnM+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWRlc2NyaXB0aW9ucwogICAgdGl0bGU9IlJlc3BvbnNpdmUgRGVzY3JpcHRpb25zIgogICAgYm9yZGVyZWQKICAgIDpjb2x1bW49InsgeHhsOiA0LCB4bDogMywgbGc6IDMsIG1kOiAzLCBzbTogMiwgeHM6IDEgfSIKICA+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iUHJvZHVjdCI+Q2xvdWQgRGF0YWJhc2U8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQmlsbGluZyI+UHJlcGFpZDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJUaW1lIj4xODowMDowMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJBbW91bnQiPiQ4MC4wMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJEaXNjb3VudCI+JDIwLjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9Ik9mZmljaWFsIj4kNjAuMDA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ29uZmlnIEluZm8iPgogICAgICBEYXRhIGRpc2sgdHlwZTogTW9uZ29EQgogICAgICA8YnIgLz4KICAgICAgRGF0YWJhc2UgdmVyc2lvbjogMy40CiAgICAgIDxiciAvPgogICAgICBQYWNrYWdlOiBkZHMubW9uZ28ubWlkCiAgICAgIDxiciAvPgogICAgICBTdG9yYWdlIHNwYWNlOiAxMCBHQgogICAgICA8YnIgLz4KICAgICAgUmVwbGljYXRpb24gZmFjdG9yOiAzCiAgICAgIDxiciAvPgogICAgICBSZWdpb246IEVhc3QgQ2hpbmEgMQogICAgPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogIDwvYS1kZXNjcmlwdGlvbnM+CjwvdGVtcGxhdGU+"}},{default:s(()=>[o(u,{title:"Responsive Descriptions",bordered:"",column:{xxl:4,xl:3,lg:3,md:3,sm:2,xs:1}},{default:s(()=>[o(e,{label:"Product"},{default:s(()=>a[0]||(a[0]=[t("Cloud Database")])),_:1,__:[0]}),o(e,{label:"Billing"},{default:s(()=>a[1]||(a[1]=[t("Prepaid")])),_:1,__:[1]}),o(e,{label:"Time"},{default:s(()=>a[2]||(a[2]=[t("18:00:00")])),_:1,__:[2]}),o(e,{label:"Amount"},{default:s(()=>a[3]||(a[3]=[t("$80.00")])),_:1,__:[3]}),o(e,{label:"Discount"},{default:s(()=>a[4]||(a[4]=[t("$20.00")])),_:1,__:[4]}),o(e,{label:"Official"},{default:s(()=>a[5]||(a[5]=[t("$60.00")])),_:1,__:[5]}),o(e,{label:"Config Info"},{default:s(()=>a[6]||(a[6]=[t(" Data disk type: MongoDB "),n("br",null,null,-1),t(" Database version: 3.4 "),n("br",null,null,-1),t(" Package: dds.mongo.mid "),n("br",null,null,-1),t(" Storage space: 10 GB "),n("br",null,null,-1),t(" Replication factor: 3 "),n("br",null,null,-1),t(" Region: East China 1 ")])),_:1,__:[6]})]),_:1})]),htmlCode:s(()=>a[7]||(a[7]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions")]),t(`
    `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Responsive Descriptions"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"bordered"),t(`
    `),n("span",{class:"token attr-name"},":column"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Product"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Cloud Database"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Billing"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Prepaid"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("18:00:00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Amount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$80.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Discount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$20.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Official"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$60.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Config Info"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      Data disk type: MongoDB
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Database version: 3.4
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Package: dds.mongo.mid
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Storage space: 10 GB
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Replication factor: 3
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Region: East China 1
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[8]||(a[8]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions")]),t(`
    `),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Responsive Descriptions"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"bordered"),t(`
    `),n("span",{class:"token attr-name"},":column"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Product"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Cloud Database"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Billing"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Prepaid"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("18:00:00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Amount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$80.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Discount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$20.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Official"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$60.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Config Info"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      Data disk type: MongoDB
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Database version: 3.4
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Package: dds.mongo.mid
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Storage space: 10 GB
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Replication factor: 3
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Region: East China 1
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}const N=k(B,[["render",S]]),w=W({setup(){const p=Z("default");return{size:p,onChange:e=>{console.log("size checked",e.target.value),p.value=e.target.value}}}});function V(p,a,e,u,i,r){const m=c("a-radio"),C=c("a-radio-group"),b=c("a-button"),l=c("a-descriptions-item"),I=c("a-descriptions"),A=c("demo-box");return d(),g(A,{jsfiddle:{us:"Custom sizes to fit in a variety of containers.",cn:"\u81EA\u5B9A\u4E49\u5C3A\u5BF8\uFF0C\u9002\u5E94\u5728\u5404\u79CD\u5BB9\u5668\u4E2D\u5C55\u793A\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u81EA\u5B9A\u4E49\u5C3A\u5BF8\uFF0C\u9002\u5E94\u5728\u5404\u79CD\u5BB9\u5668\u4E2D\u5C55\u793A\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Custom sizes to fit in a variety of containers.</p>
`,order:2,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u5C3A\u5BF8","en-US":"Custom Size"},relativePath:"components/descriptions/demo/size.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1yYWRpby1ncm91cCB2LW1vZGVsOnZhbHVlPSJzaXplIiBAY2hhbmdlPSJvbkNoYW5nZSI+CiAgICAgIDxhLXJhZGlvIHZhbHVlPSJkZWZhdWx0Ij5kZWZhdWx0PC9hLXJhZGlvPgogICAgICA8YS1yYWRpbyB2YWx1ZT0ibWlkZGxlIj5taWRkbGU8L2EtcmFkaW8+CiAgICAgIDxhLXJhZGlvIHZhbHVlPSJzbWFsbCI+c21hbGw8L2EtcmFkaW8+CiAgICA8L2EtcmFkaW8tZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxiciAvPgogICAgPGEtZGVzY3JpcHRpb25zIGJvcmRlcmVkIHRpdGxlPSJDdXN0b20gU2l6ZSIgOnNpemU9InNpemUiPgogICAgICA8dGVtcGxhdGUgI2V4dHJhPgogICAgICAgIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5Ij5FZGl0PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlByb2R1Y3QiPkNsb3VkIERhdGFiYXNlPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQmlsbGluZyI+UHJlcGFpZDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlRpbWUiPjE4OjAwOjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQW1vdW50Ij4kODAuMDA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJEaXNjb3VudCI+JDIwLjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iT2ZmaWNpYWwiPiQ2MC4wMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNvbmZpZyBJbmZvIj4KICAgICAgICBEYXRhIGRpc2sgdHlwZTogTW9uZ29EQgogICAgICAgIDxiciAvPgogICAgICAgIERhdGFiYXNlIHZlcnNpb246IDMuNAogICAgICAgIDxiciAvPgogICAgICAgIFBhY2thZ2U6IGRkcy5tb25nby5taWQKICAgICAgICA8YnIgLz4KICAgICAgICBTdG9yYWdlIHNwYWNlOiAxMCBHQgogICAgICAgIDxiciAvPgogICAgICAgIFJlcGxpY2F0aW9uIGZhY3RvcjogMwogICAgICAgIDxiciAvPgogICAgICAgIFJlZ2lvbjogRWFzdCBDaGluYSAxCiAgICAgICAgPGJyIC8+CiAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDwvYS1kZXNjcmlwdGlvbnM+CiAgICA8YnIgLz4KICAgIDxiciAvPgogICAgPGEtZGVzY3JpcHRpb25zIHRpdGxlPSJDdXN0b20gU2l6ZSIgOnNpemU9InNpemUiPgogICAgICA8dGVtcGxhdGUgI2V4dHJhPgogICAgICAgIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5Ij5FZGl0PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlByb2R1Y3QiPkNsb3VkIERhdGFiYXNlPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQmlsbGluZyI+UHJlcGFpZDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlRpbWUiPjE4OjAwOjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQW1vdW50Ij4kODAuMDA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJEaXNjb3VudCI+JDIwLjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iT2ZmaWNpYWwiPiQ2MC4wMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDwvYS1kZXNjcmlwdGlvbnM+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB0eXBlIHsgRGVzY3JpcHRpb25zUHJvcHMgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBzaXplID0gcmVmPERlc2NyaXB0aW9uc1Byb3BzWydzaXplJ10+KCdkZWZhdWx0Jyk7CiAgICBjb25zdCBvbkNoYW5nZSA9IChlOiBhbnkpID0+IHsKICAgICAgY29uc29sZS5sb2coJ3NpemUgY2hlY2tlZCcsIGUudGFyZ2V0LnZhbHVlKTsKICAgICAgc2l6ZS52YWx1ZSA9IGUudGFyZ2V0LnZhbHVlOwogICAgfTsKCiAgICByZXR1cm4gewogICAgICBzaXplLAogICAgICBvbkNoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1yYWRpby1ncm91cCB2LW1vZGVsOnZhbHVlPSJzaXplIiBAY2hhbmdlPSJvbkNoYW5nZSI+CiAgICAgIDxhLXJhZGlvIHZhbHVlPSJkZWZhdWx0Ij5kZWZhdWx0PC9hLXJhZGlvPgogICAgICA8YS1yYWRpbyB2YWx1ZT0ibWlkZGxlIj5taWRkbGU8L2EtcmFkaW8+CiAgICAgIDxhLXJhZGlvIHZhbHVlPSJzbWFsbCI+c21hbGw8L2EtcmFkaW8+CiAgICA8L2EtcmFkaW8tZ3JvdXA+CiAgICA8YnIgLz4KICAgIDxiciAvPgogICAgPGEtZGVzY3JpcHRpb25zIGJvcmRlcmVkIHRpdGxlPSJDdXN0b20gU2l6ZSIgOnNpemU9InNpemUiPgogICAgICA8dGVtcGxhdGUgI2V4dHJhPgogICAgICAgIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5Ij5FZGl0PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlByb2R1Y3QiPkNsb3VkIERhdGFiYXNlPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQmlsbGluZyI+UHJlcGFpZDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlRpbWUiPjE4OjAwOjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQW1vdW50Ij4kODAuMDA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJEaXNjb3VudCI+JDIwLjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iT2ZmaWNpYWwiPiQ2MC4wMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkNvbmZpZyBJbmZvIj4KICAgICAgICBEYXRhIGRpc2sgdHlwZTogTW9uZ29EQgogICAgICAgIDxiciAvPgogICAgICAgIERhdGFiYXNlIHZlcnNpb246IDMuNAogICAgICAgIDxiciAvPgogICAgICAgIFBhY2thZ2U6IGRkcy5tb25nby5taWQKICAgICAgICA8YnIgLz4KICAgICAgICBTdG9yYWdlIHNwYWNlOiAxMCBHQgogICAgICAgIDxiciAvPgogICAgICAgIFJlcGxpY2F0aW9uIGZhY3RvcjogMwogICAgICAgIDxiciAvPgogICAgICAgIFJlZ2lvbjogRWFzdCBDaGluYSAxCiAgICAgICAgPGJyIC8+CiAgICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDwvYS1kZXNjcmlwdGlvbnM+CiAgICA8YnIgLz4KICAgIDxiciAvPgogICAgPGEtZGVzY3JpcHRpb25zIHRpdGxlPSJDdXN0b20gU2l6ZSIgOnNpemU9InNpemUiPgogICAgICA8dGVtcGxhdGUgI2V4dHJhPgogICAgICAgIDxhLWJ1dHRvbiB0eXBlPSJwcmltYXJ5Ij5FZGl0PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlByb2R1Y3QiPkNsb3VkIERhdGFiYXNlPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQmlsbGluZyI+UHJlcGFpZDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlRpbWUiPjE4OjAwOjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQW1vdW50Ij4kODAuMDA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJEaXNjb3VudCI+JDIwLjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iT2ZmaWNpYWwiPiQ2MC4wMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDwvYS1kZXNjcmlwdGlvbnM+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHNpemUgPSByZWYoJ2RlZmF1bHQnKTsKICAgIGNvbnN0IG9uQ2hhbmdlID0gZSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdzaXplIGNoZWNrZWQnLCBlLnRhcmdldC52YWx1ZSk7CiAgICAgIHNpemUudmFsdWUgPSBlLnRhcmdldC52YWx1ZTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBzaXplLAogICAgICBvbkNoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:s(()=>[n("div",null,[o(C,{value:p.size,"onUpdate:value":a[0]||(a[0]=h=>p.size=h),onChange:p.onChange},{default:s(()=>[o(m,{value:"default"},{default:s(()=>a[1]||(a[1]=[t("default")])),_:1,__:[1]}),o(m,{value:"middle"},{default:s(()=>a[2]||(a[2]=[t("middle")])),_:1,__:[2]}),o(m,{value:"small"},{default:s(()=>a[3]||(a[3]=[t("small")])),_:1,__:[3]})]),_:1},8,["value","onChange"]),a[19]||(a[19]=n("br",null,null,-1)),a[20]||(a[20]=n("br",null,null,-1)),o(I,{bordered:"",title:"Custom Size",size:p.size},{extra:s(()=>[o(b,{type:"primary"},{default:s(()=>a[4]||(a[4]=[t("Edit")])),_:1,__:[4]})]),default:s(()=>[o(l,{label:"Product"},{default:s(()=>a[5]||(a[5]=[t("Cloud Database")])),_:1,__:[5]}),o(l,{label:"Billing"},{default:s(()=>a[6]||(a[6]=[t("Prepaid")])),_:1,__:[6]}),o(l,{label:"Time"},{default:s(()=>a[7]||(a[7]=[t("18:00:00")])),_:1,__:[7]}),o(l,{label:"Amount"},{default:s(()=>a[8]||(a[8]=[t("$80.00")])),_:1,__:[8]}),o(l,{label:"Discount"},{default:s(()=>a[9]||(a[9]=[t("$20.00")])),_:1,__:[9]}),o(l,{label:"Official"},{default:s(()=>a[10]||(a[10]=[t("$60.00")])),_:1,__:[10]}),o(l,{label:"Config Info"},{default:s(()=>a[11]||(a[11]=[t(" Data disk type: MongoDB "),n("br",null,null,-1),t(" Database version: 3.4 "),n("br",null,null,-1),t(" Package: dds.mongo.mid "),n("br",null,null,-1),t(" Storage space: 10 GB "),n("br",null,null,-1),t(" Replication factor: 3 "),n("br",null,null,-1),t(" Region: East China 1 "),n("br",null,null,-1)])),_:1,__:[11]})]),_:1},8,["size"]),a[21]||(a[21]=n("br",null,null,-1)),a[22]||(a[22]=n("br",null,null,-1)),o(I,{title:"Custom Size",size:p.size},{extra:s(()=>[o(b,{type:"primary"},{default:s(()=>a[12]||(a[12]=[t("Edit")])),_:1,__:[12]})]),default:s(()=>[o(l,{label:"Product"},{default:s(()=>a[13]||(a[13]=[t("Cloud Database")])),_:1,__:[13]}),o(l,{label:"Billing"},{default:s(()=>a[14]||(a[14]=[t("Prepaid")])),_:1,__:[14]}),o(l,{label:"Time"},{default:s(()=>a[15]||(a[15]=[t("18:00:00")])),_:1,__:[15]}),o(l,{label:"Amount"},{default:s(()=>a[16]||(a[16]=[t("$80.00")])),_:1,__:[16]}),o(l,{label:"Discount"},{default:s(()=>a[17]||(a[17]=[t("$20.00")])),_:1,__:[17]}),o(l,{label:"Official"},{default:s(()=>a[18]||(a[18]=[t("$60.00")])),_:1,__:[18]})]),_:1},8,["size"])])]),htmlCode:s(()=>a[23]||(a[23]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-group")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("default"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("middle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("middle"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("small"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-group")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions")]),t(),n("span",{class:"token attr-name"},"bordered"),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Custom Size"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#extra"),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Edit"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Product"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Cloud Database"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Billing"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Prepaid"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("18:00:00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Amount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$80.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Discount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$20.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Official"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$60.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Config Info"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        Data disk type: MongoDB
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        Database version: 3.4
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        Package: dds.mongo.mid
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        Storage space: 10 GB
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        Replication factor: 3
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        Region: East China 1
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Custom Size"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#extra"),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Edit"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Product"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Cloud Database"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Billing"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Prepaid"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("18:00:00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Amount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$80.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Discount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$20.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Official"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$60.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(" type "),n("span",{class:"token punctuation"},"{"),t(" DescriptionsProps "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'ant-design-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" size "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("DescriptionsProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'size'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'default'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"e"),n("span",{class:"token operator"},":"),t(" any")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'size checked'"),n("span",{class:"token punctuation"},","),t(" e"),n("span",{class:"token punctuation"},"."),t("target"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      size`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" e"),n("span",{class:"token punctuation"},"."),t("target"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      size`),n("span",{class:"token punctuation"},","),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[24]||(a[24]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-group")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("default"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("middle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("middle"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("small"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-group")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions")]),t(),n("span",{class:"token attr-name"},"bordered"),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Custom Size"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#extra"),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Edit"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Product"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Cloud Database"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Billing"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Prepaid"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("18:00:00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Amount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$80.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Discount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$20.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Official"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$60.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Config Info"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        Data disk type: MongoDB
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        Database version: 3.4
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        Package: dds.mongo.mid
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        Storage space: 10 GB
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        Replication factor: 3
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
        Region: East China 1
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Custom Size"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#extra"),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Edit"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Product"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Cloud Database"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Billing"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Prepaid"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("18:00:00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Amount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$80.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Discount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$20.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Official"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$60.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" size "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'default'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"e"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'size checked'"),n("span",{class:"token punctuation"},","),t(" e"),n("span",{class:"token punctuation"},"."),t("target"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      size`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" e"),n("span",{class:"token punctuation"},"."),t("target"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      size`),n("span",{class:"token punctuation"},","),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}const f=k(w,[["render",V]]),z={};function j(p,a){const e=c("a-descriptions-item"),u=c("a-badge"),i=c("a-descriptions"),r=c("demo-box");return d(),g(r,{jsfiddle:{us:"Descriptions with border and background color.",cn:"\u5782\u76F4\u5E26\u8FB9\u6846\u548C\u80CC\u666F\u989C\u8272\u7684\u5217\u8868\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u5782\u76F4\u5E26\u8FB9\u6846\u548C\u80CC\u666F\u989C\u8272\u7684\u5217\u8868\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Descriptions with border and background color.</p>
`,order:5,title:{"zh-CN":"\u5782\u76F4\u5E26\u8FB9\u6846\u7684","en-US":"Vertical Border"},relativePath:"components/descriptions/demo/vertical-border.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWRlc2NyaXB0aW9ucyB0aXRsZT0iVXNlciBJbmZvIiBsYXlvdXQ9InZlcnRpY2FsIiBib3JkZXJlZD4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJQcm9kdWN0Ij5DbG91ZCBEYXRhYmFzZTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJCaWxsaW5nIE1vZGUiPlByZXBhaWQ8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQXV0b21hdGljIFJlbmV3YWwiPllFUzwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJPcmRlciB0aW1lIj4yMDE4LTA0LTI0IDE4OjAwOjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlVzYWdlIFRpbWUiIDpzcGFuPSIyIj4yMDE5LTA0LTI0IDE4OjAwOjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlN0YXR1cyIgOnNwYW49IjMiPgogICAgICA8YS1iYWRnZSBzdGF0dXM9InByb2Nlc3NpbmciIHRleHQ9IlJ1bm5pbmciIC8+CiAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iTmVnb3RpYXRlZCBBbW91bnQiPiQ4MC4wMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJEaXNjb3VudCI+JDIwLjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9Ik9mZmljaWFsIFJlY2VpcHRzIj4kNjAuMDA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ29uZmlnIEluZm8iPgogICAgICBEYXRhIGRpc2sgdHlwZTogTW9uZ29EQgogICAgICA8YnIgLz4KICAgICAgRGF0YWJhc2UgdmVyc2lvbjogMy40CiAgICAgIDxiciAvPgogICAgICBQYWNrYWdlOiBkZHMubW9uZ28ubWlkCiAgICAgIDxiciAvPgogICAgICBTdG9yYWdlIHNwYWNlOiAxMCBHQgogICAgICA8YnIgLz4KICAgICAgUmVwbGljYXRpb24gZmFjdG9yOiAzCiAgICAgIDxiciAvPgogICAgICBSZWdpb246IEVhc3QgQ2hpbmEgMQogICAgICA8YnIgLz4KICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICA8L2EtZGVzY3JpcHRpb25zPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWRlc2NyaXB0aW9ucyB0aXRsZT0iVXNlciBJbmZvIiBsYXlvdXQ9InZlcnRpY2FsIiBib3JkZXJlZD4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJQcm9kdWN0Ij5DbG91ZCBEYXRhYmFzZTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJCaWxsaW5nIE1vZGUiPlByZXBhaWQ8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQXV0b21hdGljIFJlbmV3YWwiPllFUzwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJPcmRlciB0aW1lIj4yMDE4LTA0LTI0IDE4OjAwOjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlVzYWdlIFRpbWUiIDpzcGFuPSIyIj4yMDE5LTA0LTI0IDE4OjAwOjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IlN0YXR1cyIgOnNwYW49IjMiPgogICAgICA8YS1iYWRnZSBzdGF0dXM9InByb2Nlc3NpbmciIHRleHQ9IlJ1bm5pbmciIC8+CiAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iTmVnb3RpYXRlZCBBbW91bnQiPiQ4MC4wMDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJEaXNjb3VudCI+JDIwLjAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9Ik9mZmljaWFsIFJlY2VpcHRzIj4kNjAuMDA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iQ29uZmlnIEluZm8iPgogICAgICBEYXRhIGRpc2sgdHlwZTogTW9uZ29EQgogICAgICA8YnIgLz4KICAgICAgRGF0YWJhc2UgdmVyc2lvbjogMy40CiAgICAgIDxiciAvPgogICAgICBQYWNrYWdlOiBkZHMubW9uZ28ubWlkCiAgICAgIDxiciAvPgogICAgICBTdG9yYWdlIHNwYWNlOiAxMCBHQgogICAgICA8YnIgLz4KICAgICAgUmVwbGljYXRpb24gZmFjdG9yOiAzCiAgICAgIDxiciAvPgogICAgICBSZWdpb246IEVhc3QgQ2hpbmEgMQogICAgICA8YnIgLz4KICAgIDwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICA8L2EtZGVzY3JpcHRpb25zPgo8L3RlbXBsYXRlPg=="}},{default:s(()=>[o(i,{title:"User Info",layout:"vertical",bordered:""},{default:s(()=>[o(e,{label:"Product"},{default:s(()=>a[0]||(a[0]=[t("Cloud Database")])),_:1,__:[0]}),o(e,{label:"Billing Mode"},{default:s(()=>a[1]||(a[1]=[t("Prepaid")])),_:1,__:[1]}),o(e,{label:"Automatic Renewal"},{default:s(()=>a[2]||(a[2]=[t("YES")])),_:1,__:[2]}),o(e,{label:"Order time"},{default:s(()=>a[3]||(a[3]=[t("2018-04-24 18:00:00")])),_:1,__:[3]}),o(e,{label:"Usage Time",span:2},{default:s(()=>a[4]||(a[4]=[t("2019-04-24 18:00:00")])),_:1,__:[4]}),o(e,{label:"Status",span:3},{default:s(()=>[o(u,{status:"processing",text:"Running"})]),_:1}),o(e,{label:"Negotiated Amount"},{default:s(()=>a[5]||(a[5]=[t("$80.00")])),_:1,__:[5]}),o(e,{label:"Discount"},{default:s(()=>a[6]||(a[6]=[t("$20.00")])),_:1,__:[6]}),o(e,{label:"Official Receipts"},{default:s(()=>a[7]||(a[7]=[t("$60.00")])),_:1,__:[7]}),o(e,{label:"Config Info"},{default:s(()=>a[8]||(a[8]=[t(" Data disk type: MongoDB "),n("br",null,null,-1),t(" Database version: 3.4 "),n("br",null,null,-1),t(" Package: dds.mongo.mid "),n("br",null,null,-1),t(" Storage space: 10 GB "),n("br",null,null,-1),t(" Replication factor: 3 "),n("br",null,null,-1),t(" Region: East China 1 "),n("br",null,null,-1)])),_:1,__:[8]})]),_:1})]),htmlCode:s(()=>a[9]||(a[9]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("User Info"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"layout"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"bordered"),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Product"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Cloud Database"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Billing Mode"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Prepaid"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Automatic Renewal"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("YES"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Order time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("2018-04-24 18:00:00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Usage Time"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("2019-04-24 18:00:00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Status"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-badge")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("processing"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Running"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Negotiated Amount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$80.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Discount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$20.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Official Receipts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$60.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Config Info"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      Data disk type: MongoDB
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Database version: 3.4
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Package: dds.mongo.mid
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Storage space: 10 GB
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Replication factor: 3
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Region: East China 1
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[10]||(a[10]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("User Info"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"layout"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"bordered"),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Product"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Cloud Database"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Billing Mode"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Prepaid"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Automatic Renewal"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("YES"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Order time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("2018-04-24 18:00:00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Usage Time"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("2019-04-24 18:00:00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Status"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-badge")]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("processing"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Running"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Negotiated Amount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$80.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Discount"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$20.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Official Receipts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("$60.00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Config Info"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      Data disk type: MongoDB
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Database version: 3.4
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Package: dds.mongo.mid
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Storage space: 10 GB
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Replication factor: 3
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      Region: East China 1
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}const L=k(z,[["render",j]]),J={};function x(p,a){const e=c("a-descriptions-item"),u=c("a-descriptions"),i=c("demo-box");return d(),g(i,{jsfiddle:{us:"Simplest Usage.",cn:"\u5782\u76F4\u7684\u5217\u8868\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u5782\u76F4\u7684\u5217\u8868\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Simplest Usage.</p>
`,order:4,title:{"zh-CN":"\u5782\u76F4","en-US":"Vertical"},relativePath:"components/descriptions/demo/vertical.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWRlc2NyaXB0aW9ucyB0aXRsZT0iVXNlciBJbmZvIiBsYXlvdXQ9InZlcnRpY2FsIj4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJVc2VyTmFtZSI+WmhvdSBNYW9tYW88L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iVGVsZXBob25lIj4xODEwMDAwMDAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkxpdmUiPkhhbmd6aG91LCBaaGVqaWFuZzwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJBZGRyZXNzIiA6c3Bhbj0iMiI+CiAgICAgIE5vLiAxOCwgV2FudGFuZyBSb2FkLCBYaWh1IERpc3RyaWN0LCBIYW5nemhvdSwgWmhlamlhbmcsIENoaW5hCiAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iUmVtYXJrIj5lbXB0eTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICA8L2EtZGVzY3JpcHRpb25zPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWRlc2NyaXB0aW9ucyB0aXRsZT0iVXNlciBJbmZvIiBsYXlvdXQ9InZlcnRpY2FsIj4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJVc2VyTmFtZSI+WmhvdSBNYW9tYW88L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iVGVsZXBob25lIj4xODEwMDAwMDAwPC9hLWRlc2NyaXB0aW9ucy1pdGVtPgogICAgPGEtZGVzY3JpcHRpb25zLWl0ZW0gbGFiZWw9IkxpdmUiPkhhbmd6aG91LCBaaGVqaWFuZzwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICAgIDxhLWRlc2NyaXB0aW9ucy1pdGVtIGxhYmVsPSJBZGRyZXNzIiA6c3Bhbj0iMiI+CiAgICAgIE5vLiAxOCwgV2FudGFuZyBSb2FkLCBYaWh1IERpc3RyaWN0LCBIYW5nemhvdSwgWmhlamlhbmcsIENoaW5hCiAgICA8L2EtZGVzY3JpcHRpb25zLWl0ZW0+CiAgICA8YS1kZXNjcmlwdGlvbnMtaXRlbSBsYWJlbD0iUmVtYXJrIj5lbXB0eTwvYS1kZXNjcmlwdGlvbnMtaXRlbT4KICA8L2EtZGVzY3JpcHRpb25zPgo8L3RlbXBsYXRlPg=="}},{default:s(()=>[o(u,{title:"User Info",layout:"vertical"},{default:s(()=>[o(e,{label:"UserName"},{default:s(()=>a[0]||(a[0]=[t("Zhou Maomao")])),_:1,__:[0]}),o(e,{label:"Telephone"},{default:s(()=>a[1]||(a[1]=[t("1810000000")])),_:1,__:[1]}),o(e,{label:"Live"},{default:s(()=>a[2]||(a[2]=[t("Hangzhou, Zhejiang")])),_:1,__:[2]}),o(e,{label:"Address",span:2},{default:s(()=>a[3]||(a[3]=[t(" No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China ")])),_:1,__:[3]}),o(e,{label:"Remark"},{default:s(()=>a[4]||(a[4]=[t("empty")])),_:1,__:[4]})]),_:1})]),htmlCode:s(()=>a[5]||(a[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("User Info"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"layout"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("UserName"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Zhou Maomao"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Telephone"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("1810000000"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Live"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Hangzhou, Zhejiang"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Address"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Remark"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("empty"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:s(()=>a[6]||(a[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("User Info"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"layout"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("UserName"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Zhou Maomao"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Telephone"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("1810000000"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Live"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Hangzhou, Zhejiang"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Address"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":span"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-descriptions-item")]),t(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Remark"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("empty"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions-item")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-descriptions")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}const H=k(J,[["render",x]]),M={pageData:{title:"Descriptions",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5C55\u793A",title:"Descriptions",subtitle:"\u63CF\u8FF0\u5217\u8868",cover:"https://gw.alipayobjects.com/zos/alicdn/MjtG9_FOI/Descriptions.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u5E38\u89C1\u4E8E\u8BE6\u60C5\u9875\u7684\u4FE1\u606F\u5C55\u793A\u3002"},{level:2,title:"API",slug:"API",content:"Descriptions props"},{level:3,title:"Descriptions props",slug:"Descriptions-props",content:""},{level:3,title:"Item props",slug:"Item-props",content:""}],relativePath:"components/descriptions/index.zh-CN.md",content:`
\u6210\u7EC4\u5C55\u793A\u591A\u4E2A\u53EA\u8BFB\u5B57\u6BB5\u3002

## \u4F55\u65F6\u4F7F\u7528

\u5E38\u89C1\u4E8E\u8BE6\u60C5\u9875\u7684\u4FE1\u606F\u5C55\u793A\u3002

## API

### Descriptions props

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |  |  |
| --- | --- | --- | --- | --- | --- | --- |
| bordered | \u662F\u5426\u5C55\u793A\u8FB9\u6846 | boolean | false |  |  |  |
| colon | \u914D\u7F6E \`Descriptions.Item\` \u7684 \`colon\` \u7684\u9ED8\u8BA4\u503C | boolean | true |  |  |  |
| column | \u4E00\u884C\u7684 \`DescriptionItems\` \u6570\u91CF\uFF0C\u53EF\u4EE5\u5199\u6210\u50CF\u7D20\u503C\u6216\u652F\u6301\u54CD\u5E94\u5F0F\u7684\u5BF9\u8C61\u5199\u6CD5 \`{ xs: 8, sm: 16, md: 24}\` | number | 3 |  |  |  |
| contentStyle | \u81EA\u5B9A\u4E49\u5185\u5BB9\u6837\u5F0F | CSSProperties | - | 2.2.0 |  |  |
| extra | \u63CF\u8FF0\u5217\u8868\u7684\u64CD\u4F5C\u533A\u57DF\uFF0C\u663E\u793A\u5728\u53F3\u4E0A\u65B9 | string \\| VNode \\| slot | - | 2.0.0 |  |  |
| labelStyle | \u81EA\u5B9A\u4E49\u6807\u7B7E\u6837\u5F0F | CSSProperties | - | 2.2.0 |  |  |
| layout | \u63CF\u8FF0\u5E03\u5C40 | \`horizontal\` \\| \`vertical\` | \`horizontal\` |  |  |
| size | \u8BBE\u7F6E\u5217\u8868\u7684\u5927\u5C0F\u3002\u53EF\u4EE5\u8BBE\u7F6E\u4E3A \`middle\` \u3001\`small\`, \u6216\u4E0D\u586B\uFF08\u53EA\u6709\u8BBE\u7F6E \`bordered={true}\` \u751F\u6548\uFF09 | \`default\` \\| \`middle\` \\| \`small\` | \`default\` |  |
| title | \u63CF\u8FF0\u5217\u8868\u7684\u6807\u9898\uFF0C\u663E\u793A\u5728\u6700\u9876\u90E8 | string \\| VNode \\| slot | - |  |  |  |

### Item props

| \u53C2\u6570         | \u8BF4\u660E           | \u7C7B\u578B                    | \u9ED8\u8BA4\u503C | \u7248\u672C  |
| ------------ | -------------- | ----------------------- | ------ | ----- |
| contentStyle | \u81EA\u5B9A\u4E49\u5185\u5BB9\u6837\u5F0F | CSSProperties           | -      | 2.2.0 |
| label        | \u5185\u5BB9\u7684\u63CF\u8FF0     | string \\| VNode \\| slot | -      |       |
| labelStyle   | \u81EA\u5B9A\u4E49\u6807\u7B7E\u6837\u5F0F | CSSProperties           | -      | 2.2.0 |
| span         | \u5305\u542B\u5217\u7684\u6570\u91CF   | number                  | 1      |       |

&gt; span \u662F Descriptions.Item \u7684\u6570\u91CF\u3002 span={2} \u4F1A\u5360\u7528\u4E24\u4E2A DescriptionsItem \u7684\u5BBD\u5EA6\u3002
`,html:`<p>\u6210\u7EC4\u5C55\u793A\u591A\u4E2A\u53EA\u8BFB\u5B57\u6BB5\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u5E38\u89C1\u4E8E\u8BE6\u60C5\u9875\u7684\u4FE1\u606F\u5C55\u793A\u3002</p>
<h2 id="API">API <a class="header-anchor" href="#API">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<h3 id="Descriptions-props">Descriptions props <a class="header-anchor" href="#Descriptions-props">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>bordered</td>
<td>\u662F\u5426\u5C55\u793A\u8FB9\u6846</td>
<td>boolean</td>
<td>false</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>colon</td>
<td>\u914D\u7F6E <code>Descriptions.Item</code> \u7684 <code>colon</code> \u7684\u9ED8\u8BA4\u503C</td>
<td>boolean</td>
<td>true</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>column</td>
<td>\u4E00\u884C\u7684 <code>DescriptionItems</code> \u6570\u91CF\uFF0C\u53EF\u4EE5\u5199\u6210\u50CF\u7D20\u503C\u6216\u652F\u6301\u54CD\u5E94\u5F0F\u7684\u5BF9\u8C61\u5199\u6CD5 <code>{ xs: 8, sm: 16, md: 24}</code></td>
<td>number</td>
<td>3</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>contentStyle</td>
<td>\u81EA\u5B9A\u4E49\u5185\u5BB9\u6837\u5F0F</td>
<td>CSSProperties</td>
<td>-</td>
<td>2.2.0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>extra</td>
<td>\u63CF\u8FF0\u5217\u8868\u7684\u64CD\u4F5C\u533A\u57DF\uFF0C\u663E\u793A\u5728\u53F3\u4E0A\u65B9</td>
<td>string | VNode | slot</td>
<td>-</td>
<td>2.0.0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>labelStyle</td>
<td>\u81EA\u5B9A\u4E49\u6807\u7B7E\u6837\u5F0F</td>
<td>CSSProperties</td>
<td>-</td>
<td>2.2.0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>layout</td>
<td>\u63CF\u8FF0\u5E03\u5C40</td>
<td><code>horizontal</code> | <code>vertical</code></td>
<td><code>horizontal</code></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>size</td>
<td>\u8BBE\u7F6E\u5217\u8868\u7684\u5927\u5C0F\u3002\u53EF\u4EE5\u8BBE\u7F6E\u4E3A <code>middle</code> \u3001<code>small</code>, \u6216\u4E0D\u586B\uFF08\u53EA\u6709\u8BBE\u7F6E <code>bordered={true}</code> \u751F\u6548\uFF09</td>
<td><code>default</code> | <code>middle</code> | <code>small</code></td>
<td><code>default</code></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>\u63CF\u8FF0\u5217\u8868\u7684\u6807\u9898\uFF0C\u663E\u793A\u5728\u6700\u9876\u90E8</td>
<td>string | VNode | slot</td>
<td>-</td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="Item-props">Item props <a class="header-anchor" href="#Item-props">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>contentStyle</td>
<td>\u81EA\u5B9A\u4E49\u5185\u5BB9\u6837\u5F0F</td>
<td>CSSProperties</td>
<td>-</td>
<td>2.2.0</td>
</tr>
<tr>
<td>label</td>
<td>\u5185\u5BB9\u7684\u63CF\u8FF0</td>
<td>string | VNode | slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>labelStyle</td>
<td>\u81EA\u5B9A\u4E49\u6807\u7B7E\u6837\u5F0F</td>
<td>CSSProperties</td>
<td>-</td>
<td>2.2.0</td>
</tr>
<tr>
<td>span</td>
<td>\u5305\u542B\u5217\u7684\u6570\u91CF</td>
<td>number</td>
<td>1</td>
<td></td>
</tr>
</tbody>
</table>
<blockquote>
<p>span \u662F Descriptions.Item \u7684\u6570\u91CF\u3002 span={2} \u4F1A\u5360\u7528\u4E24\u4E2A DescriptionsItem \u7684\u5BBD\u5EA6\u3002</p>
</blockquote>
`,lastUpdated:1748060300706}},E={class:"markdown"};function _(p,a,e,u,i,r){return d(),v("article",E,a[0]||(a[0]=[G('<p>\u6210\u7EC4\u5C55\u793A\u591A\u4E2A\u53EA\u8BFB\u5B57\u6BB5\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528"><span aria-hidden="true" class="anchor">#</span></a></h2><p>\u5E38\u89C1\u4E8E\u8BE6\u60C5\u9875\u7684\u4FE1\u606F\u5C55\u793A\u3002</p><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="Descriptions-props">Descriptions props <a class="header-anchor" href="#Descriptions-props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th><th></th><th></th></tr></thead><tbody><tr><td>bordered</td><td>\u662F\u5426\u5C55\u793A\u8FB9\u6846</td><td>boolean</td><td>false</td><td></td><td></td><td></td></tr><tr><td>colon</td><td>\u914D\u7F6E <code>Descriptions.Item</code> \u7684 <code>colon</code> \u7684\u9ED8\u8BA4\u503C</td><td>boolean</td><td>true</td><td></td><td></td><td></td></tr><tr><td>column</td><td>\u4E00\u884C\u7684 <code>DescriptionItems</code> \u6570\u91CF\uFF0C\u53EF\u4EE5\u5199\u6210\u50CF\u7D20\u503C\u6216\u652F\u6301\u54CD\u5E94\u5F0F\u7684\u5BF9\u8C61\u5199\u6CD5 <code>{ xs: 8, sm: 16, md: 24}</code></td><td>number</td><td>3</td><td></td><td></td><td></td></tr><tr><td>contentStyle</td><td>\u81EA\u5B9A\u4E49\u5185\u5BB9\u6837\u5F0F</td><td>CSSProperties</td><td>-</td><td>2.2.0</td><td></td><td></td></tr><tr><td>extra</td><td>\u63CF\u8FF0\u5217\u8868\u7684\u64CD\u4F5C\u533A\u57DF\uFF0C\u663E\u793A\u5728\u53F3\u4E0A\u65B9</td><td>string | VNode | slot</td><td>-</td><td>2.0.0</td><td></td><td></td></tr><tr><td>labelStyle</td><td>\u81EA\u5B9A\u4E49\u6807\u7B7E\u6837\u5F0F</td><td>CSSProperties</td><td>-</td><td>2.2.0</td><td></td><td></td></tr><tr><td>layout</td><td>\u63CF\u8FF0\u5E03\u5C40</td><td><code>horizontal</code> | <code>vertical</code></td><td><code>horizontal</code></td><td></td><td></td><td></td></tr><tr><td>size</td><td>\u8BBE\u7F6E\u5217\u8868\u7684\u5927\u5C0F\u3002\u53EF\u4EE5\u8BBE\u7F6E\u4E3A <code>middle</code> \u3001<code>small</code>, \u6216\u4E0D\u586B\uFF08\u53EA\u6709\u8BBE\u7F6E <code>bordered={true}</code> \u751F\u6548\uFF09</td><td><code>default</code> | <code>middle</code> | <code>small</code></td><td><code>default</code></td><td></td><td></td><td></td></tr><tr><td>title</td><td>\u63CF\u8FF0\u5217\u8868\u7684\u6807\u9898\uFF0C\u663E\u793A\u5728\u6700\u9876\u90E8</td><td>string | VNode | slot</td><td>-</td><td></td><td></td><td></td></tr></tbody></table><h3 id="Item-props">Item props <a class="header-anchor" href="#Item-props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>contentStyle</td><td>\u81EA\u5B9A\u4E49\u5185\u5BB9\u6837\u5F0F</td><td>CSSProperties</td><td>-</td><td>2.2.0</td></tr><tr><td>label</td><td>\u5185\u5BB9\u7684\u63CF\u8FF0</td><td>string | VNode | slot</td><td>-</td><td></td></tr><tr><td>labelStyle</td><td>\u81EA\u5B9A\u4E49\u6807\u7B7E\u6837\u5F0F</td><td>CSSProperties</td><td>-</td><td>2.2.0</td></tr><tr><td>span</td><td>\u5305\u542B\u5217\u7684\u6570\u91CF</td><td>number</td><td>1</td><td></td></tr></tbody></table><blockquote><p>span \u662F Descriptions.Item \u7684\u6570\u91CF\u3002 span={2} \u4F1A\u5360\u7528\u4E24\u4E2A DescriptionsItem \u7684\u5BBD\u5EA6\u3002</p></blockquote>',9)]))}const q=k(M,[["render",_]]),T={pageData:{title:"Descriptions",description:"",frontmatter:{category:"Components",type:"Data Display",title:"Descriptions",cover:"https://gw.alipayobjects.com/zos/alicdn/MjtG9_FOI/Descriptions.svg"},headers:[{level:2,title:"When To Use",slug:"When-To-Use",content:"Commonly displayed on the details page."},{level:2,title:"API",slug:"API",content:"Descriptions props"},{level:3,title:"Descriptions props",slug:"Descriptions-props",content:""},{level:3,title:"Item props",slug:"Item-props",content:""}],relativePath:"components/descriptions/index.en-US.md",content:`
Display multiple read-only fields in groups.

## When To Use

Commonly displayed on the details page.

## API

### Descriptions props

| Property | Description | Type | Default | Version |  |  |
| --- | --- | --- | --- | --- | --- | --- |
| bordered | whether to display the border | boolean | false |  |  |  |
| colon | change default props \`colon\` value of \`Descriptions.Item\` | boolean | true |  |  |  |
| column | the number of \`DescriptionItems\` in a row,could be a number or a object like \`{ xs: 8, sm: 16, md: 24}\`,(Only set \`bordered={true}\` to take effect) | number | 3 |  |  |  |
| contentStyle | Customize content style | CSSProperties | - | 2.2.0 |  |  |
| extra | The action area of the description list, placed at the top-right | string \\| VNode \\| slot | - | 2.0.0 |  |  |
| labelStyle | Customize label style | CSSProperties | - | 2.2.0 |  |  |
| layout | Define description layout | \`horizontal\` \\| \`vertical\` | \`horizontal\` |  |  |
| size | set the size of the list. Can be set to \`middle\`,\`small\`, or not filled | \`default\` \\| \`middle\` \\| \`small\` | \`default\` |  |
| title | The title of the description list, placed at the top | string \\| VNode \\| slot | - |  |  |  |

### Item props

| Property     | Description                    | Type                    | Default | Version |
| ------------ | ------------------------------ | ----------------------- | ------- | ------- |
| contentStyle | Customize content style        | CSSProperties           | -       | 2.2.0   |
| label        | description of the content     | string \\| VNode \\| slot | -       |         |
| labelStyle   | Customize label style          | CSSProperties           | -       | 2.2.0   |
| span         | The number of columns included | number                  | 1       |         |

&gt; The number of span Descriptions.Item. span={2} takes up the width of two DescriptionsItems.
`,html:`<p>Display multiple read-only fields in groups.</p>
<h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Commonly displayed on the details page.</p>
<h2 id="API">API <a class="header-anchor" href="#API">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<h3 id="Descriptions-props">Descriptions props <a class="header-anchor" href="#Descriptions-props">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>bordered</td>
<td>whether to display the border</td>
<td>boolean</td>
<td>false</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>colon</td>
<td>change default props <code>colon</code> value of <code>Descriptions.Item</code></td>
<td>boolean</td>
<td>true</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>column</td>
<td>the number of <code>DescriptionItems</code> in a row,could be a number or a object like <code>{ xs: 8, sm: 16, md: 24}</code>,(Only set <code>bordered={true}</code> to take effect)</td>
<td>number</td>
<td>3</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>contentStyle</td>
<td>Customize content style</td>
<td>CSSProperties</td>
<td>-</td>
<td>2.2.0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>extra</td>
<td>The action area of the description list, placed at the top-right</td>
<td>string | VNode | slot</td>
<td>-</td>
<td>2.0.0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>labelStyle</td>
<td>Customize label style</td>
<td>CSSProperties</td>
<td>-</td>
<td>2.2.0</td>
<td></td>
<td></td>
</tr>
<tr>
<td>layout</td>
<td>Define description layout</td>
<td><code>horizontal</code> | <code>vertical</code></td>
<td><code>horizontal</code></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>size</td>
<td>set the size of the list. Can be set to <code>middle</code>,<code>small</code>, or not filled</td>
<td><code>default</code> | <code>middle</code> | <code>small</code></td>
<td><code>default</code></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>The title of the description list, placed at the top</td>
<td>string | VNode | slot</td>
<td>-</td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="Item-props">Item props <a class="header-anchor" href="#Item-props">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>contentStyle</td>
<td>Customize content style</td>
<td>CSSProperties</td>
<td>-</td>
<td>2.2.0</td>
</tr>
<tr>
<td>label</td>
<td>description of the content</td>
<td>string | VNode | slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>labelStyle</td>
<td>Customize label style</td>
<td>CSSProperties</td>
<td>-</td>
<td>2.2.0</td>
</tr>
<tr>
<td>span</td>
<td>The number of columns included</td>
<td>number</td>
<td>1</td>
<td></td>
</tr>
</tbody>
</table>
<blockquote>
<p>The number of span Descriptions.Item. span={2} takes up the width of two DescriptionsItems.</p>
</blockquote>
`,lastUpdated:1748060300705}},F={class:"markdown"};function U(p,a,e,u,i,r){return d(),v("article",F,a[0]||(a[0]=[G('<p>Display multiple read-only fields in groups.</p><h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use"><span aria-hidden="true" class="anchor">#</span></a></h2><p>Commonly displayed on the details page.</p><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="Descriptions-props">Descriptions props <a class="header-anchor" href="#Descriptions-props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th><th></th><th></th></tr></thead><tbody><tr><td>bordered</td><td>whether to display the border</td><td>boolean</td><td>false</td><td></td><td></td><td></td></tr><tr><td>colon</td><td>change default props <code>colon</code> value of <code>Descriptions.Item</code></td><td>boolean</td><td>true</td><td></td><td></td><td></td></tr><tr><td>column</td><td>the number of <code>DescriptionItems</code> in a row,could be a number or a object like <code>{ xs: 8, sm: 16, md: 24}</code>,(Only set <code>bordered={true}</code> to take effect)</td><td>number</td><td>3</td><td></td><td></td><td></td></tr><tr><td>contentStyle</td><td>Customize content style</td><td>CSSProperties</td><td>-</td><td>2.2.0</td><td></td><td></td></tr><tr><td>extra</td><td>The action area of the description list, placed at the top-right</td><td>string | VNode | slot</td><td>-</td><td>2.0.0</td><td></td><td></td></tr><tr><td>labelStyle</td><td>Customize label style</td><td>CSSProperties</td><td>-</td><td>2.2.0</td><td></td><td></td></tr><tr><td>layout</td><td>Define description layout</td><td><code>horizontal</code> | <code>vertical</code></td><td><code>horizontal</code></td><td></td><td></td><td></td></tr><tr><td>size</td><td>set the size of the list. Can be set to <code>middle</code>,<code>small</code>, or not filled</td><td><code>default</code> | <code>middle</code> | <code>small</code></td><td><code>default</code></td><td></td><td></td><td></td></tr><tr><td>title</td><td>The title of the description list, placed at the top</td><td>string | VNode | slot</td><td>-</td><td></td><td></td><td></td></tr></tbody></table><h3 id="Item-props">Item props <a class="header-anchor" href="#Item-props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>contentStyle</td><td>Customize content style</td><td>CSSProperties</td><td>-</td><td>2.2.0</td></tr><tr><td>label</td><td>description of the content</td><td>string | VNode | slot</td><td>-</td><td></td></tr><tr><td>labelStyle</td><td>Customize label style</td><td>CSSProperties</td><td>-</td><td>2.2.0</td></tr><tr><td>span</td><td>The number of columns included</td><td>number</td><td>1</td><td></td></tr></tbody></table><blockquote><p>The number of span Descriptions.Item. span={2} takes up the width of two DescriptionsItems.</p></blockquote>',9)]))}const Q=k(T,[["render",U]]),K=W({category:"Components",type:"Data Display",zhType:"\u6570\u636E\u5C55\u793A",title:"Descriptions",subtitle:"\u63CF\u8FF0\u5217\u8868",cols:1,CN:q,US:Q,components:{Basic:y,Border:D,Size:f,Responsive:N,Vertical:H,VerticalBorder:L}});function O(p,a,e,u,i,r){const m=c("Basic"),C=c("Border"),b=c("Size"),l=c("Responsive"),I=c("Vertical"),A=c("VerticalBorder"),h=c("demo-sort");return d(),g(h,{cols:1},{default:s(()=>[o(m),o(C),o(b),o(l),o(I),o(A)]),_:1})}const nn=k(K,[["render",O]]);export{nn as default};