import{d as b,_ as r,a_ as A,j as u,k as d,l as C,w as o,f as c,b as n,e as t,v as f,t as e,r as h,a as Z,n as G}from"./index.c1b9962e.js";import{Q as w}from"./QuestionCircleOutlined.9deecd7b.js";const x=b({setup(){return{confirm:k=>{console.log(k),A.success("Click on Yes")},cancel:k=>{console.log(k),A.error("Click on No")}}}});function X(s,a,k,i,m,g){const p=u("a-popconfirm"),l=u("demo-box");return d(),C(l,{jsfiddle:{us:"The basic example.",cn:"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002</p>
<h2 id="en-us">en-US</h2>
<p>The basic example.</p>
`,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic usage"},relativePath:"src/docs/popconfirm/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXBvcGNvbmZpcm0KICAgIHRpdGxlPSJBcmUgeW91IHN1cmUgZGVsZXRlIHRoaXMgdGFzaz8iCiAgICBvay10ZXh0PSJZZXMiCiAgICBjYW5jZWwtdGV4dD0iTm8iCiAgICBAY29uZmlybT0iY29uZmlybSIKICAgIEBjYW5jZWw9ImNhbmNlbCIKICA+CiAgICA8YSBocmVmPSIjIj5EZWxldGU8L2E+CiAgPC9hLXBvcGNvbmZpcm0+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwppbXBvcnQgeyBtZXNzYWdlIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgY29uZmlybSA9IChlOiBNb3VzZUV2ZW50KSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKGUpOwogICAgICBtZXNzYWdlLnN1Y2Nlc3MoJ0NsaWNrIG9uIFllcycpOwogICAgfTsKCiAgICBjb25zdCBjYW5jZWwgPSAoZTogTW91c2VFdmVudCkgPT4gewogICAgICBjb25zb2xlLmxvZyhlKTsKICAgICAgbWVzc2FnZS5lcnJvcignQ2xpY2sgb24gTm8nKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBjb25maXJtLAogICAgICBjYW5jZWwsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXBvcGNvbmZpcm0KICAgIHRpdGxlPSJBcmUgeW91IHN1cmUgZGVsZXRlIHRoaXMgdGFzaz8iCiAgICBvay10ZXh0PSJZZXMiCiAgICBjYW5jZWwtdGV4dD0iTm8iCiAgICBAY29uZmlybT0iY29uZmlybSIKICAgIEBjYW5jZWw9ImNhbmNlbCIKICA+CiAgICA8YSBocmVmPSIjIj5EZWxldGU8L2E+CiAgPC9hLXBvcGNvbmZpcm0+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IG1lc3NhZ2UgfSBmcm9tICdhbnQtZGVzaWduLXZ1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBjb25maXJtID0gZSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKGUpOwogICAgICBtZXNzYWdlLnN1Y2Nlc3MoJ0NsaWNrIG9uIFllcycpOwogICAgfTsKICAgIGNvbnN0IGNhbmNlbCA9IGUgPT4gewogICAgICBjb25zb2xlLmxvZyhlKTsKICAgICAgbWVzc2FnZS5lcnJvcignQ2xpY2sgb24gTm8nKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBjb25maXJtLAogICAgICBjYW5jZWwsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:o(()=>[c(p,{title:"Are you sure delete this task?","ok-text":"Yes","cancel-text":"No",onConfirm:s.confirm,onCancel:s.cancel},{default:o(()=>a[0]||(a[0]=[n("a",{href:"#"},"Delete",-1)])),_:1,__:[0]},8,["onConfirm","onCancel"])]),htmlCode:o(()=>a[1]||(a[1]=[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-popconfirm")]),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("Are you sure delete this task?"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@cancel"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("cancel"),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")]),t(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-popconfirm")]),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(),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(),n("span",{class:"token punctuation"},"{"),t(" message "),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(),n("span",{class:"token function-variable function"},"confirm"),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(" MouseEvent")]),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"},"("),t("e"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"success"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Click on Yes'"),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 keyword"},"const"),t(),n("span",{class:"token function-variable function"},"cancel"),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(" MouseEvent")]),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"},"("),t("e"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"error"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Click on No'"),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 keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      confirm`),n("span",{class:"token punctuation"},","),t(`
      cancel`),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:o(()=>a[2]||(a[2]=[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-popconfirm")]),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("Are you sure delete this task?"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@cancel"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("cancel"),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")]),t(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-popconfirm")]),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(),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(),n("span",{class:"token punctuation"},"{"),t(" message "),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(),n("span",{class:"token function-variable function"},"confirm"),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"},"("),t("e"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"success"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Click on Yes'"),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 keyword"},"const"),t(),n("span",{class:"token function-variable function"},"cancel"),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"},"("),t("e"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"error"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Click on No'"),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 keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      confirm`),n("span",{class:"token punctuation"},","),t(`
      cancel`),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})}var Y=r(x,[["render",X]]);const P={};function H(s,a){const k=u("a-popconfirm"),i=u("demo-box");return d(),C(i,{jsfiddle:{us:"Set `okText` and `cancelText` props to customize the button's labels.",cn:"\u4F7F\u7528 `okText` \u548C `cancelText` \u81EA\u5B9A\u4E49\u6309\u94AE\u6587\u5B57\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4F7F\u7528 <code>okText</code> \u548C <code>cancelText</code> \u81EA\u5B9A\u4E49\u6309\u94AE\u6587\u5B57\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Set <code>okText</code> and <code>cancelText</code> props to customize the button's labels.</p>
`,order:1,title:{"zh-CN":"\u56FD\u9645\u5316","en-US":"Locale text"},relativePath:"src/docs/popconfirm/demo/local.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXBvcGNvbmZpcm0gdGl0bGU9IkFyZSB5b3Ugc3VyZe+8nyIgb2stdGV4dD0iWWVzIiBjYW5jZWwtdGV4dD0iTm8iPgogICAgPGEgaHJlZj0iIyI+RGVsZXRlPC9hPgogIDwvYS1wb3Bjb25maXJtPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXBvcGNvbmZpcm0gdGl0bGU9IkFyZSB5b3Ugc3VyZe+8nyIgb2stdGV4dD0iWWVzIiBjYW5jZWwtdGV4dD0iTm8iPgogICAgPGEgaHJlZj0iIyI+RGVsZXRlPC9hPgogIDwvYS1wb3Bjb25maXJtPgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[c(k,{title:"Are you sure\uFF1F","ok-text":"Yes","cancel-text":"No"},{default:o(()=>a[0]||(a[0]=[n("a",{href:"#"},"Delete",-1)])),_:1,__:[0]})]),htmlCode:o(()=>a[1]||(a[1]=[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-popconfirm")]),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("Are you sure\uFF1F"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),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")]),t(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-popconfirm")]),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:o(()=>a[2]||(a[2]=[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-popconfirm")]),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("Are you sure\uFF1F"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),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")]),t(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-popconfirm")]),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})}var R=r(P,[["render",H]]);const N=b({components:{QuestionCircleOutlined:w}});function W(s,a,k,i,m,g){const p=u("question-circle-outlined"),l=u("a-popconfirm"),I=u("demo-box");return d(),C(I,{jsfiddle:{us:"Set `icon` props to customize the icon.",cn:"\u4F7F\u7528 `icon` \u81EA\u5B9A\u4E49\u63D0\u793A `icon`\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4F7F\u7528 <code>icon</code> \u81EA\u5B9A\u4E49\u63D0\u793A <code>icon</code>\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Set <code>icon</code> props to customize the icon.</p>
`,order:2,title:{"zh-CN":"\u81EA\u5B9A\u4E49 Icon \u56FE\u6807","en-US":"Customize icon"},relativePath:"src/docs/popconfirm/demo/icon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXBvcGNvbmZpcm0gdGl0bGU9IkFyZSB5b3Ugc3VyZe+8nyI+CiAgICA8dGVtcGxhdGUgI2ljb24+PHF1ZXN0aW9uLWNpcmNsZS1vdXRsaW5lZCBzdHlsZT0iY29sb3I6IHJlZCIgLz48L3RlbXBsYXRlPgogICAgPGEgaHJlZj0iIyI+RGVsZXRlPC9hPgogIDwvYS1wb3Bjb25maXJtPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgUXVlc3Rpb25DaXJjbGVPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgUXVlc3Rpb25DaXJjbGVPdXRsaW5lZCwKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXBvcGNvbmZpcm0gdGl0bGU9IkFyZSB5b3Ugc3VyZe+8nyI+CiAgICA8dGVtcGxhdGUgI2ljb24+PHF1ZXN0aW9uLWNpcmNsZS1vdXRsaW5lZCBzdHlsZT0iY29sb3I6IHJlZCIgLz48L3RlbXBsYXRlPgogICAgPGEgaHJlZj0iIyI+RGVsZXRlPC9hPgogIDwvYS1wb3Bjb25maXJtPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBRdWVzdGlvbkNpcmNsZU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBRdWVzdGlvbkNpcmNsZU91dGxpbmVkLAogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:o(()=>[c(l,{title:"Are you sure\uFF1F"},{icon:o(()=>[c(p,{style:{color:"red"}})]),default:o(()=>[a[0]||(a[0]=n("a",{href:"#"},"Delete",-1))]),_:1,__:[0]})]),htmlCode:o(()=>a[1]||(a[1]=[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-popconfirm")]),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("Are you sure\uFF1F"),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"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("question-circle-outlined")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" red")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token punctuation"},"/>")]),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")]),t(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-popconfirm")]),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(" QuestionCircleOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent "),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 literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    QuestionCircleOutlined`),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:o(()=>a[2]||(a[2]=[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-popconfirm")]),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("Are you sure\uFF1F"),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"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("question-circle-outlined")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" red")]),n("span",{class:"token punctuation"},'"')])]),t(),n("span",{class:"token punctuation"},"/>")]),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")]),t(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Delete"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-popconfirm")]),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(" QuestionCircleOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent "),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 literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    QuestionCircleOutlined`),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})}var V=r(N,[["render",W]]);const D=b({setup(){return{buttonWidth:70,text:"Are you sure to delete this task?",confirm:()=>{A.info("Clicked on Yes.")}}}}),J={id:"components-a-popconfirm-demo-placement"};function S(s,a,k,i,m,g){const p=u("a-button"),l=u("a-popconfirm"),I=u("demo-box");return d(),C(I,{jsfiddle:{us:"There are 12 `placement` options available. Use `arrowPointAtCenter` if you want arrow point at the center of target.",cn:"\u4F4D\u7F6E\u6709\u5341\u4E8C\u4E2A\u65B9\u5411\u3002\u5982\u9700\u7BAD\u5934\u6307\u5411\u76EE\u6807\u5143\u7D20\u4E2D\u5FC3\uFF0C\u53EF\u4EE5\u8BBE\u7F6E `arrowPointAtCenter`\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4F4D\u7F6E\u6709\u5341\u4E8C\u4E2A\u65B9\u5411\u3002\u5982\u9700\u7BAD\u5934\u6307\u5411\u76EE\u6807\u5143\u7D20\u4E2D\u5FC3\uFF0C\u53EF\u4EE5\u8BBE\u7F6E <code>arrowPointAtCenter</code>\u3002</p>
<h2 id="en-us">en-US</h2>
<p>There are 12 <code>placement</code> options available. Use <code>arrowPointAtCenter</code> if you want arrow point at the center of target.</p>
`,order:3,title:{"zh-CN":"\u4F4D\u7F6E","en-US":"Placement"},relativePath:"src/docs/popconfirm/demo/placement.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgaWQ9ImNvbXBvbmVudHMtYS1wb3Bjb25maXJtLWRlbW8tcGxhY2VtZW50Ij4KICAgIDxkaXYgOnN0eWxlPSJ7IG1hcmdpbkxlZnQ6IGAke2J1dHRvbldpZHRofXB4YCwgd2hpdGVTcGFjZTogJ25vd3JhcCcgfSI+CiAgICAgIDxhLXBvcGNvbmZpcm0gcGxhY2VtZW50PSJ0b3BMZWZ0IiBvay10ZXh0PSJZZXMiIGNhbmNlbC10ZXh0PSJObyIgQGNvbmZpcm09ImNvbmZpcm0iPgogICAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgIDxhLWJ1dHRvbj5UTDwvYS1idXR0b24+CiAgICAgIDwvYS1wb3Bjb25maXJtPgogICAgICA8YS1wb3Bjb25maXJtIHBsYWNlbWVudD0idG9wIiBvay10ZXh0PSJZZXMiIGNhbmNlbC10ZXh0PSJObyIgQGNvbmZpcm09ImNvbmZpcm0iPgogICAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgIDxhLWJ1dHRvbj5Ub3A8L2EtYnV0dG9uPgogICAgICA8L2EtcG9wY29uZmlybT4KICAgICAgPGEtcG9wY29uZmlybSBwbGFjZW1lbnQ9InRvcFJpZ2h0IiBvay10ZXh0PSJZZXMiIGNhbmNlbC10ZXh0PSJObyIgQGNvbmZpcm09ImNvbmZpcm0iPgogICAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgIDxhLWJ1dHRvbj5UUjwvYS1idXR0b24+CiAgICAgIDwvYS1wb3Bjb25maXJtPgogICAgPC9kaXY+CiAgICA8ZGl2IDpzdHlsZT0ieyB3aWR0aDogYCR7YnV0dG9uV2lkdGh9cHhgLCBmbG9hdDogJ2xlZnQnIH0iPgogICAgICA8YS1wb3Bjb25maXJtIHBsYWNlbWVudD0ibGVmdFRvcCIgb2stdGV4dD0iWWVzIiBjYW5jZWwtdGV4dD0iTm8iIEBjb25maXJtPSJjb25maXJtIj4KICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPgogICAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICA8YS1idXR0b24+TFQ8L2EtYnV0dG9uPgogICAgICA8L2EtcG9wY29uZmlybT4KICAgICAgPGEtcG9wY29uZmlybSBwbGFjZW1lbnQ9ImxlZnQiIG9rLXRleHQ9IlllcyIgY2FuY2VsLXRleHQ9Ik5vIiBAY29uZmlybT0iY29uZmlybSI+CiAgICAgICAgPHRlbXBsYXRlICN0aXRsZT4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtYnV0dG9uPkxlZnQ8L2EtYnV0dG9uPgogICAgICA8L2EtcG9wY29uZmlybT4KICAgICAgPGEtcG9wY29uZmlybSBwbGFjZW1lbnQ9ImxlZnRCb3R0b20iIG9rLXRleHQ9IlllcyIgY2FuY2VsLXRleHQ9Ik5vIiBAY29uZmlybT0iY29uZmlybSI+CiAgICAgICAgPHRlbXBsYXRlICN0aXRsZT4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtYnV0dG9uPkxCPC9hLWJ1dHRvbj4KICAgICAgPC9hLXBvcGNvbmZpcm0+CiAgICA8L2Rpdj4KICAgIDxkaXYgOnN0eWxlPSJ7IHdpZHRoOiBgJHtidXR0b25XaWR0aH1weGAsIG1hcmdpbkxlZnQ6IGAke2J1dHRvbldpZHRoICogNCArIDI0fXB4YCB9Ij4KICAgICAgPGEtcG9wY29uZmlybSBwbGFjZW1lbnQ9InJpZ2h0VG9wIiBvay10ZXh0PSJZZXMiIGNhbmNlbC10ZXh0PSJObyIgQGNvbmZpcm09ImNvbmZpcm0iPgogICAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgIDxhLWJ1dHRvbj5SVDwvYS1idXR0b24+CiAgICAgIDwvYS1wb3Bjb25maXJtPgogICAgICA8YS1wb3Bjb25maXJtIHBsYWNlbWVudD0icmlnaHQiIG9rLXRleHQ9IlllcyIgY2FuY2VsLXRleHQ9Ik5vIiBAY29uZmlybT0iY29uZmlybSI+CiAgICAgICAgPHRlbXBsYXRlICN0aXRsZT4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtYnV0dG9uPlJpZ2h0PC9hLWJ1dHRvbj4KICAgICAgPC9hLXBvcGNvbmZpcm0+CiAgICAgIDxhLXBvcGNvbmZpcm0gcGxhY2VtZW50PSJyaWdodEJvdHRvbSIgb2stdGV4dD0iWWVzIiBjYW5jZWwtdGV4dD0iTm8iIEBjb25maXJtPSJjb25maXJtIj4KICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPgogICAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICA8YS1idXR0b24+UkI8L2EtYnV0dG9uPgogICAgICA8L2EtcG9wY29uZmlybT4KICAgIDwvZGl2PgogICAgPGRpdiA6c3R5bGU9InsgbWFyZ2luTGVmdDogYCR7YnV0dG9uV2lkdGh9cHhgLCBjbGVhcjogJ2JvdGgnLCB3aGl0ZVNwYWNlOiAnbm93cmFwJyB9Ij4KICAgICAgPGEtcG9wY29uZmlybSBwbGFjZW1lbnQ9ImJvdHRvbUxlZnQiIG9rLXRleHQ9IlllcyIgY2FuY2VsLXRleHQ9Ik5vIiBAY29uZmlybT0iY29uZmlybSI+CiAgICAgICAgPHRlbXBsYXRlICN0aXRsZT4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtYnV0dG9uPkJMPC9hLWJ1dHRvbj4KICAgICAgPC9hLXBvcGNvbmZpcm0+CiAgICAgIDxhLXBvcGNvbmZpcm0gcGxhY2VtZW50PSJib3R0b20iIG9rLXRleHQ9IlllcyIgY2FuY2VsLXRleHQ9Ik5vIiBAY29uZmlybT0iY29uZmlybSI+CiAgICAgICAgPHRlbXBsYXRlICN0aXRsZT4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtYnV0dG9uPkJvdHRvbTwvYS1idXR0b24+CiAgICAgIDwvYS1wb3Bjb25maXJtPgogICAgICA8YS1wb3Bjb25maXJtIHBsYWNlbWVudD0iYm90dG9tUmlnaHQiIG9rLXRleHQ9IlllcyIgY2FuY2VsLXRleHQ9Ik5vIiBAY29uZmlybT0iY29uZmlybSI+CiAgICAgICAgPHRlbXBsYXRlICN0aXRsZT4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtYnV0dG9uPkJSPC9hLWJ1dHRvbj4KICAgICAgPC9hLXBvcGNvbmZpcm0+CiAgICA8L2Rpdj4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgbWVzc2FnZSB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGJ1dHRvbldpZHRoID0gNzA7CgogICAgY29uc3QgdGV4dCA9ICdBcmUgeW91IHN1cmUgdG8gZGVsZXRlIHRoaXMgdGFzaz8nOwoKICAgIGNvbnN0IGNvbmZpcm0gPSAoKSA9PiB7CiAgICAgIG1lc3NhZ2UuaW5mbygnQ2xpY2tlZCBvbiBZZXMuJyk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgYnV0dG9uV2lkdGgsCiAgICAgIHRleHQsCiAgICAgIGNvbmZpcm0sCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KI2NvbXBvbmVudHMtYS1wb3Bjb25maXJtLWRlbW8tcGxhY2VtZW50IC5hbnQtYnRuIHsKICB3aWR0aDogNzBweDsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgcGFkZGluZzogMDsKICBtYXJnaW4tcmlnaHQ6IDhweDsKICBtYXJnaW4tYm90dG9tOiA4cHg7Cn0KPC9zdHlsZT4K",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgaWQ9ImNvbXBvbmVudHMtYS1wb3Bjb25maXJtLWRlbW8tcGxhY2VtZW50Ij4KICAgIDxkaXYgOnN0eWxlPSJ7IG1hcmdpbkxlZnQ6IGAke2J1dHRvbldpZHRofXB4YCwgd2hpdGVTcGFjZTogJ25vd3JhcCcgfSI+CiAgICAgIDxhLXBvcGNvbmZpcm0gcGxhY2VtZW50PSJ0b3BMZWZ0IiBvay10ZXh0PSJZZXMiIGNhbmNlbC10ZXh0PSJObyIgQGNvbmZpcm09ImNvbmZpcm0iPgogICAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgIDxhLWJ1dHRvbj5UTDwvYS1idXR0b24+CiAgICAgIDwvYS1wb3Bjb25maXJtPgogICAgICA8YS1wb3Bjb25maXJtIHBsYWNlbWVudD0idG9wIiBvay10ZXh0PSJZZXMiIGNhbmNlbC10ZXh0PSJObyIgQGNvbmZpcm09ImNvbmZpcm0iPgogICAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgIDxhLWJ1dHRvbj5Ub3A8L2EtYnV0dG9uPgogICAgICA8L2EtcG9wY29uZmlybT4KICAgICAgPGEtcG9wY29uZmlybSBwbGFjZW1lbnQ9InRvcFJpZ2h0IiBvay10ZXh0PSJZZXMiIGNhbmNlbC10ZXh0PSJObyIgQGNvbmZpcm09ImNvbmZpcm0iPgogICAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgIDxhLWJ1dHRvbj5UUjwvYS1idXR0b24+CiAgICAgIDwvYS1wb3Bjb25maXJtPgogICAgPC9kaXY+CiAgICA8ZGl2IDpzdHlsZT0ieyB3aWR0aDogYCR7YnV0dG9uV2lkdGh9cHhgLCBmbG9hdDogJ2xlZnQnIH0iPgogICAgICA8YS1wb3Bjb25maXJtIHBsYWNlbWVudD0ibGVmdFRvcCIgb2stdGV4dD0iWWVzIiBjYW5jZWwtdGV4dD0iTm8iIEBjb25maXJtPSJjb25maXJtIj4KICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPgogICAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICA8YS1idXR0b24+TFQ8L2EtYnV0dG9uPgogICAgICA8L2EtcG9wY29uZmlybT4KICAgICAgPGEtcG9wY29uZmlybSBwbGFjZW1lbnQ9ImxlZnQiIG9rLXRleHQ9IlllcyIgY2FuY2VsLXRleHQ9Ik5vIiBAY29uZmlybT0iY29uZmlybSI+CiAgICAgICAgPHRlbXBsYXRlICN0aXRsZT4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtYnV0dG9uPkxlZnQ8L2EtYnV0dG9uPgogICAgICA8L2EtcG9wY29uZmlybT4KICAgICAgPGEtcG9wY29uZmlybSBwbGFjZW1lbnQ9ImxlZnRCb3R0b20iIG9rLXRleHQ9IlllcyIgY2FuY2VsLXRleHQ9Ik5vIiBAY29uZmlybT0iY29uZmlybSI+CiAgICAgICAgPHRlbXBsYXRlICN0aXRsZT4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtYnV0dG9uPkxCPC9hLWJ1dHRvbj4KICAgICAgPC9hLXBvcGNvbmZpcm0+CiAgICA8L2Rpdj4KICAgIDxkaXYgOnN0eWxlPSJ7IHdpZHRoOiBgJHtidXR0b25XaWR0aH1weGAsIG1hcmdpbkxlZnQ6IGAke2J1dHRvbldpZHRoICogNCArIDI0fXB4YCB9Ij4KICAgICAgPGEtcG9wY29uZmlybSBwbGFjZW1lbnQ9InJpZ2h0VG9wIiBvay10ZXh0PSJZZXMiIGNhbmNlbC10ZXh0PSJObyIgQGNvbmZpcm09ImNvbmZpcm0iPgogICAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgIDxhLWJ1dHRvbj5SVDwvYS1idXR0b24+CiAgICAgIDwvYS1wb3Bjb25maXJtPgogICAgICA8YS1wb3Bjb25maXJtIHBsYWNlbWVudD0icmlnaHQiIG9rLXRleHQ9IlllcyIgY2FuY2VsLXRleHQ9Ik5vIiBAY29uZmlybT0iY29uZmlybSI+CiAgICAgICAgPHRlbXBsYXRlICN0aXRsZT4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtYnV0dG9uPlJpZ2h0PC9hLWJ1dHRvbj4KICAgICAgPC9hLXBvcGNvbmZpcm0+CiAgICAgIDxhLXBvcGNvbmZpcm0gcGxhY2VtZW50PSJyaWdodEJvdHRvbSIgb2stdGV4dD0iWWVzIiBjYW5jZWwtdGV4dD0iTm8iIEBjb25maXJtPSJjb25maXJtIj4KICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPgogICAgICAgICAgPHA+e3sgdGV4dCB9fTwvcD4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICA8YS1idXR0b24+UkI8L2EtYnV0dG9uPgogICAgICA8L2EtcG9wY29uZmlybT4KICAgIDwvZGl2PgogICAgPGRpdiA6c3R5bGU9InsgbWFyZ2luTGVmdDogYCR7YnV0dG9uV2lkdGh9cHhgLCBjbGVhcjogJ2JvdGgnLCB3aGl0ZVNwYWNlOiAnbm93cmFwJyB9Ij4KICAgICAgPGEtcG9wY29uZmlybSBwbGFjZW1lbnQ9ImJvdHRvbUxlZnQiIG9rLXRleHQ9IlllcyIgY2FuY2VsLXRleHQ9Ik5vIiBAY29uZmlybT0iY29uZmlybSI+CiAgICAgICAgPHRlbXBsYXRlICN0aXRsZT4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtYnV0dG9uPkJMPC9hLWJ1dHRvbj4KICAgICAgPC9hLXBvcGNvbmZpcm0+CiAgICAgIDxhLXBvcGNvbmZpcm0gcGxhY2VtZW50PSJib3R0b20iIG9rLXRleHQ9IlllcyIgY2FuY2VsLXRleHQ9Ik5vIiBAY29uZmlybT0iY29uZmlybSI+CiAgICAgICAgPHRlbXBsYXRlICN0aXRsZT4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtYnV0dG9uPkJvdHRvbTwvYS1idXR0b24+CiAgICAgIDwvYS1wb3Bjb25maXJtPgogICAgICA8YS1wb3Bjb25maXJtIHBsYWNlbWVudD0iYm90dG9tUmlnaHQiIG9rLXRleHQ9IlllcyIgY2FuY2VsLXRleHQ9Ik5vIiBAY29uZmlybT0iY29uZmlybSI+CiAgICAgICAgPHRlbXBsYXRlICN0aXRsZT4KICAgICAgICAgIDxwPnt7IHRleHQgfX08L3A+CiAgICAgICAgICA8cD57eyB0ZXh0IH19PC9wPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtYnV0dG9uPkJSPC9hLWJ1dHRvbj4KICAgICAgPC9hLXBvcGNvbmZpcm0+CiAgICA8L2Rpdj4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgbWVzc2FnZSB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGJ1dHRvbldpZHRoID0gNzA7CiAgICBjb25zdCB0ZXh0ID0gJ0FyZSB5b3Ugc3VyZSB0byBkZWxldGUgdGhpcyB0YXNrPyc7CiAgICBjb25zdCBjb25maXJtID0gKCkgPT4gewogICAgICBtZXNzYWdlLmluZm8oJ0NsaWNrZWQgb24gWWVzLicpOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGJ1dHRvbldpZHRoLAogICAgICB0ZXh0LAogICAgICBjb25maXJtLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+CjxzdHlsZSBzY29wZWQ+CiNjb21wb25lbnRzLWEtcG9wY29uZmlybS1kZW1vLXBsYWNlbWVudCAuYW50LWJ0biB7CiAgd2lkdGg6IDcwcHg7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luLXJpZ2h0OiA4cHg7CiAgbWFyZ2luLWJvdHRvbTogOHB4Owp9Cjwvc3R5bGU+"}},{default:o(()=>[n("div",J,[n("div",{style:f({marginLeft:`${s.buttonWidth}px`,whiteSpace:"nowrap"})},[c(l,{placement:"topLeft","ok-text":"Yes","cancel-text":"No",onConfirm:s.confirm},{title:o(()=>[n("p",null,e(s.text),1),n("p",null,e(s.text),1)]),default:o(()=>[c(p,null,{default:o(()=>a[0]||(a[0]=[t("TL")])),_:1,__:[0]})]),_:1},8,["onConfirm"]),c(l,{placement:"top","ok-text":"Yes","cancel-text":"No",onConfirm:s.confirm},{title:o(()=>[n("p",null,e(s.text),1),n("p",null,e(s.text),1)]),default:o(()=>[c(p,null,{default:o(()=>a[1]||(a[1]=[t("Top")])),_:1,__:[1]})]),_:1},8,["onConfirm"]),c(l,{placement:"topRight","ok-text":"Yes","cancel-text":"No",onConfirm:s.confirm},{title:o(()=>[n("p",null,e(s.text),1),n("p",null,e(s.text),1)]),default:o(()=>[c(p,null,{default:o(()=>a[2]||(a[2]=[t("TR")])),_:1,__:[2]})]),_:1},8,["onConfirm"])],4),n("div",{style:f({width:`${s.buttonWidth}px`,float:"left"})},[c(l,{placement:"leftTop","ok-text":"Yes","cancel-text":"No",onConfirm:s.confirm},{title:o(()=>[n("p",null,e(s.text),1),n("p",null,e(s.text),1)]),default:o(()=>[c(p,null,{default:o(()=>a[3]||(a[3]=[t("LT")])),_:1,__:[3]})]),_:1},8,["onConfirm"]),c(l,{placement:"left","ok-text":"Yes","cancel-text":"No",onConfirm:s.confirm},{title:o(()=>[n("p",null,e(s.text),1),n("p",null,e(s.text),1)]),default:o(()=>[c(p,null,{default:o(()=>a[4]||(a[4]=[t("Left")])),_:1,__:[4]})]),_:1},8,["onConfirm"]),c(l,{placement:"leftBottom","ok-text":"Yes","cancel-text":"No",onConfirm:s.confirm},{title:o(()=>[n("p",null,e(s.text),1),n("p",null,e(s.text),1)]),default:o(()=>[c(p,null,{default:o(()=>a[5]||(a[5]=[t("LB")])),_:1,__:[5]})]),_:1},8,["onConfirm"])],4),n("div",{style:f({width:`${s.buttonWidth}px`,marginLeft:`${s.buttonWidth*4+24}px`})},[c(l,{placement:"rightTop","ok-text":"Yes","cancel-text":"No",onConfirm:s.confirm},{title:o(()=>[n("p",null,e(s.text),1),n("p",null,e(s.text),1)]),default:o(()=>[c(p,null,{default:o(()=>a[6]||(a[6]=[t("RT")])),_:1,__:[6]})]),_:1},8,["onConfirm"]),c(l,{placement:"right","ok-text":"Yes","cancel-text":"No",onConfirm:s.confirm},{title:o(()=>[n("p",null,e(s.text),1),n("p",null,e(s.text),1)]),default:o(()=>[c(p,null,{default:o(()=>a[7]||(a[7]=[t("Right")])),_:1,__:[7]})]),_:1},8,["onConfirm"]),c(l,{placement:"rightBottom","ok-text":"Yes","cancel-text":"No",onConfirm:s.confirm},{title:o(()=>[n("p",null,e(s.text),1),n("p",null,e(s.text),1)]),default:o(()=>[c(p,null,{default:o(()=>a[8]||(a[8]=[t("RB")])),_:1,__:[8]})]),_:1},8,["onConfirm"])],4),n("div",{style:f({marginLeft:`${s.buttonWidth}px`,clear:"both",whiteSpace:"nowrap"})},[c(l,{placement:"bottomLeft","ok-text":"Yes","cancel-text":"No",onConfirm:s.confirm},{title:o(()=>[n("p",null,e(s.text),1),n("p",null,e(s.text),1)]),default:o(()=>[c(p,null,{default:o(()=>a[9]||(a[9]=[t("BL")])),_:1,__:[9]})]),_:1},8,["onConfirm"]),c(l,{placement:"bottom","ok-text":"Yes","cancel-text":"No",onConfirm:s.confirm},{title:o(()=>[n("p",null,e(s.text),1),n("p",null,e(s.text),1)]),default:o(()=>[c(p,null,{default:o(()=>a[10]||(a[10]=[t("Bottom")])),_:1,__:[10]})]),_:1},8,["onConfirm"]),c(l,{placement:"bottomRight","ok-text":"Yes","cancel-text":"No",onConfirm:s.confirm},{title:o(()=>[n("p",null,e(s.text),1),n("p",null,e(s.text),1)]),default:o(()=>[c(p,null,{default:o(()=>a[11]||(a[11]=[t("BR")])),_:1,__:[11]})]),_:1},8,["onConfirm"])],4)])]),htmlCode:o(()=>a[12]||(a[12]=[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")]),t(),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("components-a-popconfirm-demo-placement"),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("div")]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ marginLeft: `${buttonWidth}px`, whiteSpace: 'nowrap' }"),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-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("topLeft"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("TL"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("top"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("Top"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("topRight"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("TR"),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("a-popconfirm")]),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("div")]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ width: `${buttonWidth}px`, float: 'left' }"),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-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leftTop"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("LT"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("left"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("Left"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leftBottom"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("LB"),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("a-popconfirm")]),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("div")]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ width: `${buttonWidth}px`, marginLeft: `${buttonWidth * 4 + 24}px` }"),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-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("rightTop"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("RT"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("right"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("Right"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("rightBottom"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("RB"),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("a-popconfirm")]),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("div")]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ marginLeft: `${buttonWidth}px`, clear: 'both', whiteSpace: 'nowrap' }"),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-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("bottomLeft"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("BL"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("bottom"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("Bottom"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("bottomRight"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("BR"),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("a-popconfirm")]),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("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(" message "),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"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent "),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(" buttonWidth "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"70"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(" text "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'Are you sure to delete this task?'"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"confirm"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"info"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Clicked on Yes.'"),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 keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      buttonWidth`),n("span",{class:"token punctuation"},","),t(`
      text`),n("span",{class:"token punctuation"},","),t(`
      confirm`),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(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),t(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[t(`
`),n("span",{class:"token selector"},"#components-a-popconfirm-demo-placement .ant-btn"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 70px"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),t(" center"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),t(" 0"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),t(" 8px"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 8px"),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("style")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>a[13]||(a[13]=[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")]),t(),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("components-a-popconfirm-demo-placement"),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("div")]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ marginLeft: `${buttonWidth}px`, whiteSpace: 'nowrap' }"),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-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("topLeft"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("TL"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("top"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("Top"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("topRight"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("TR"),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("a-popconfirm")]),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("div")]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ width: `${buttonWidth}px`, float: 'left' }"),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-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leftTop"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("LT"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("left"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("Left"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("leftBottom"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("LB"),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("a-popconfirm")]),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("div")]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ width: `${buttonWidth}px`, marginLeft: `${buttonWidth * 4 + 24}px` }"),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-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("rightTop"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("RT"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("right"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("Right"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("rightBottom"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("RB"),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("a-popconfirm")]),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("div")]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ marginLeft: `${buttonWidth}px`, clear: 'both', whiteSpace: 'nowrap' }"),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-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("bottomLeft"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("BL"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("bottom"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("Bottom"),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("a-popconfirm")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),t(),n("span",{class:"token attr-name"},"placement"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("bottomRight"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),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"},"#title"),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),n("span",{class:"token punctuation"},">")]),t(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("p")]),n("span",{class:"token punctuation"},">")]),t("{{ text }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("p")]),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-button")]),n("span",{class:"token punctuation"},">")]),t("BR"),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("a-popconfirm")]),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("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(" message "),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"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent "),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(" buttonWidth "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"70"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" text "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'Are you sure to delete this task?'"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"confirm"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"info"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Clicked on Yes.'"),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 keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      buttonWidth`),n("span",{class:"token punctuation"},","),t(`
      text`),n("span",{class:"token punctuation"},","),t(`
      confirm`),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(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("style")]),t(),n("span",{class:"token attr-name"},"scoped"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[t(`
`),n("span",{class:"token selector"},"#components-a-popconfirm-demo-placement .ant-btn"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 70px"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"text-align"),n("span",{class:"token punctuation"},":"),t(" center"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"padding"),n("span",{class:"token punctuation"},":"),t(" 0"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"margin-right"),n("span",{class:"token punctuation"},":"),t(" 8px"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),t(" 8px"),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("style")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var L=r(D,[["render",S],["__scopeId","data-v-714dfea0"]]);const j=b({setup(){const s=h(!1),a=h(!0),k=()=>{s.value=!1,A.success("Next step.")};return{visible:s,condition:a,confirm:k,cancel:()=>{s.value=!1,A.error("Click on cancel.")},handleVisibleChange:g=>{if(!g){s.value=!1;return}console.log(a.value),a.value?k():s.value=!0}}}});function T(s,a,k,i,m,g){const p=u("a-popconfirm"),l=u("a-checkbox"),I=u("demo-box");return d(),C(I,{jsfiddle:{us:"Make it pop up under some conditions.",cn:"\u53EF\u4EE5\u5224\u65AD\u662F\u5426\u9700\u8981\u5F39\u51FA\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u53EF\u4EE5\u5224\u65AD\u662F\u5426\u9700\u8981\u5F39\u51FA\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Make it pop up under some conditions.</p>
`,order:4,title:{"zh-CN":"\u6761\u4EF6\u89E6\u53D1","en-US":"Conditional trigger"},relativePath:"src/docs/popconfirm/demo/dynamic-trigger.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wb3Bjb25maXJtCiAgICAgIHRpdGxlPSJBcmUgeW91IHN1cmUgZGVsZXRlIHRoaXMgdGFzaz8iCiAgICAgIDp2aXNpYmxlPSJ2aXNpYmxlIgogICAgICBvay10ZXh0PSJZZXMiCiAgICAgIGNhbmNlbC10ZXh0PSJObyIKICAgICAgQHZpc2libGVDaGFuZ2U9ImhhbmRsZVZpc2libGVDaGFuZ2UiCiAgICAgIEBjb25maXJtPSJjb25maXJtIgogICAgICBAY2FuY2VsPSJjYW5jZWwiCiAgICA+CiAgICAgIDxhIGhyZWY9IiMiPkRlbGV0ZSBhIHRhc2s8L2E+CiAgICA8L2EtcG9wY29uZmlybT4KICAgIDxiciAvPgogICAgPGJyIC8+CiAgICBXaGV0aGVyIGRpcmVjdGx5IGV4ZWN1dGXvvJoKICAgIDxhLWNoZWNrYm94IHYtbW9kZWw6Y2hlY2tlZD0iY29uZGl0aW9uIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgbWVzc2FnZSB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKaW1wb3J0IHsgcmVmLCBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmlzaWJsZSA9IHJlZjxib29sZWFuPihmYWxzZSk7CiAgICBjb25zdCBjb25kaXRpb24gPSByZWY8Ym9vbGVhbj4odHJ1ZSk7CgogICAgY29uc3QgY29uZmlybSA9ICgpID0+IHsKICAgICAgdmlzaWJsZS52YWx1ZSA9IGZhbHNlOwogICAgICBtZXNzYWdlLnN1Y2Nlc3MoJ05leHQgc3RlcC4nKTsKICAgIH07CgogICAgY29uc3QgY2FuY2VsID0gKCkgPT4gewogICAgICB2aXNpYmxlLnZhbHVlID0gZmFsc2U7CiAgICAgIG1lc3NhZ2UuZXJyb3IoJ0NsaWNrIG9uIGNhbmNlbC4nKTsKICAgIH07CgogICAgY29uc3QgaGFuZGxlVmlzaWJsZUNoYW5nZSA9IChib29sOiBib29sZWFuKSA9PiB7CiAgICAgIGlmICghYm9vbCkgewogICAgICAgIHZpc2libGUudmFsdWUgPSBmYWxzZTsKICAgICAgICByZXR1cm47CiAgICAgIH0KICAgICAgLy8gRGV0ZXJtaW5pbmcgY29uZGl0aW9uIGJlZm9yZSBzaG93IHRoZSBwb3Bjb25maXJtLgogICAgICBjb25zb2xlLmxvZyhjb25kaXRpb24udmFsdWUpOwogICAgICBpZiAoY29uZGl0aW9uLnZhbHVlKSB7CiAgICAgICAgY29uZmlybSgpOyAvLyBuZXh0IHN0ZXAKICAgICAgfSBlbHNlIHsKICAgICAgICB2aXNpYmxlLnZhbHVlID0gdHJ1ZTsKICAgICAgfQogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHZpc2libGUsCiAgICAgIGNvbmRpdGlvbiwKICAgICAgY29uZmlybSwKICAgICAgY2FuY2VsLAogICAgICBoYW5kbGVWaXNpYmxlQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wb3Bjb25maXJtCiAgICAgIHRpdGxlPSJBcmUgeW91IHN1cmUgZGVsZXRlIHRoaXMgdGFzaz8iCiAgICAgIDp2aXNpYmxlPSJ2aXNpYmxlIgogICAgICBvay10ZXh0PSJZZXMiCiAgICAgIGNhbmNlbC10ZXh0PSJObyIKICAgICAgQHZpc2libGVDaGFuZ2U9ImhhbmRsZVZpc2libGVDaGFuZ2UiCiAgICAgIEBjb25maXJtPSJjb25maXJtIgogICAgICBAY2FuY2VsPSJjYW5jZWwiCiAgICA+CiAgICAgIDxhIGhyZWY9IiMiPkRlbGV0ZSBhIHRhc2s8L2E+CiAgICA8L2EtcG9wY29uZmlybT4KICAgIDxiciAvPgogICAgPGJyIC8+CiAgICBXaGV0aGVyIGRpcmVjdGx5IGV4ZWN1dGXvvJoKICAgIDxhLWNoZWNrYm94IHYtbW9kZWw6Y2hlY2tlZD0iY29uZGl0aW9uIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBtZXNzYWdlIH0gZnJvbSAnYW50LWRlc2lnbi12dWUnOwppbXBvcnQgeyByZWYsIGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2aXNpYmxlID0gcmVmKGZhbHNlKTsKICAgIGNvbnN0IGNvbmRpdGlvbiA9IHJlZih0cnVlKTsKICAgIGNvbnN0IGNvbmZpcm0gPSAoKSA9PiB7CiAgICAgIHZpc2libGUudmFsdWUgPSBmYWxzZTsKICAgICAgbWVzc2FnZS5zdWNjZXNzKCdOZXh0IHN0ZXAuJyk7CiAgICB9OwogICAgY29uc3QgY2FuY2VsID0gKCkgPT4gewogICAgICB2aXNpYmxlLnZhbHVlID0gZmFsc2U7CiAgICAgIG1lc3NhZ2UuZXJyb3IoJ0NsaWNrIG9uIGNhbmNlbC4nKTsKICAgIH07CiAgICBjb25zdCBoYW5kbGVWaXNpYmxlQ2hhbmdlID0gYm9vbCA9PiB7CiAgICAgIGlmICghYm9vbCkgewogICAgICAgIHZpc2libGUudmFsdWUgPSBmYWxzZTsKICAgICAgICByZXR1cm47CiAgICAgIH0KICAgICAgLy8gRGV0ZXJtaW5pbmcgY29uZGl0aW9uIGJlZm9yZSBzaG93IHRoZSBwb3Bjb25maXJtLgogICAgICBjb25zb2xlLmxvZyhjb25kaXRpb24udmFsdWUpOwogICAgICBpZiAoY29uZGl0aW9uLnZhbHVlKSB7CiAgICAgICAgY29uZmlybSgpOyAvLyBuZXh0IHN0ZXAKICAgICAgfSBlbHNlIHsKICAgICAgICB2aXNpYmxlLnZhbHVlID0gdHJ1ZTsKICAgICAgfQogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHZpc2libGUsCiAgICAgIGNvbmRpdGlvbiwKICAgICAgY29uZmlybSwKICAgICAgY2FuY2VsLAogICAgICBoYW5kbGVWaXNpYmxlQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:o(()=>[n("div",null,[c(p,{title:"Are you sure delete this task?",visible:s.visible,"ok-text":"Yes","cancel-text":"No",onVisibleChange:s.handleVisibleChange,onConfirm:s.confirm,onCancel:s.cancel},{default:o(()=>a[1]||(a[1]=[n("a",{href:"#"},"Delete a task",-1)])),_:1,__:[1]},8,["visible","onVisibleChange","onConfirm","onCancel"]),a[2]||(a[2]=n("br",null,null,-1)),a[3]||(a[3]=n("br",null,null,-1)),a[4]||(a[4]=t(" Whether directly execute\uFF1A ")),c(l,{checked:s.condition,"onUpdate:checked":a[0]||(a[0]=v=>s.condition=v)},null,8,["checked"])])]),htmlCode:o(()=>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("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),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("Are you sure delete this task?"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":visible"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("visible"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@visibleChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleVisibleChange"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@cancel"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("cancel"),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")]),t(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Delete a task"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-popconfirm")]),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(`
    Whether directly execute\uFF1A
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-checkbox")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("condition"),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("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(" message "),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"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" ref"),n("span",{class:"token punctuation"},","),t(" defineComponent "),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(" visible "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" condition "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),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"},"confirm"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      visible`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
      message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"success"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Next step.'"),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 keyword"},"const"),t(),n("span",{class:"token function-variable function"},"cancel"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      visible`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
      message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"error"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Click on cancel.'"),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 keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleVisibleChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"bool"),n("span",{class:"token operator"},":"),t(" boolean")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("bool"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        visible`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"return"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token comment"},"// Determining condition before show the popconfirm."),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("condition"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("condition"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token function"},"confirm"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token comment"},"// next step"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token punctuation"},"{"),t(`
        visible`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),t(`
      `),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(`
      visible`),n("span",{class:"token punctuation"},","),t(`
      condition`),n("span",{class:"token punctuation"},","),t(`
      confirm`),n("span",{class:"token punctuation"},","),t(`
      cancel`),n("span",{class:"token punctuation"},","),t(`
      handleVisibleChange`),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:o(()=>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("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-popconfirm")]),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("Are you sure delete this task?"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":visible"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("visible"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"ok-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Yes"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"cancel-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("No"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@visibleChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleVisibleChange"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@confirm"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("confirm"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@cancel"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("cancel"),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")]),t(),n("span",{class:"token attr-name"},"href"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Delete a task"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-popconfirm")]),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(`
    Whether directly execute\uFF1A
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-checkbox")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("checked")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("condition"),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("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(" message "),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"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" ref"),n("span",{class:"token punctuation"},","),t(" defineComponent "),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(" visible "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" condition "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),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"},"confirm"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      visible`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
      message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"success"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Next step.'"),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 keyword"},"const"),t(),n("span",{class:"token function-variable function"},"cancel"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      visible`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
      message`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"error"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Click on cancel.'"),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 keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleVisibleChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"bool"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("bool"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        visible`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token keyword"},"return"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token comment"},"// Determining condition before show the popconfirm."),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("condition"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("condition"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token function"},"confirm"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(),n("span",{class:"token comment"},"// next step"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"else"),t(),n("span",{class:"token punctuation"},"{"),t(`
        visible`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),t(`
      `),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(`
      visible`),n("span",{class:"token punctuation"},","),t(`
      condition`),n("span",{class:"token punctuation"},","),t(`
      confirm`),n("span",{class:"token punctuation"},","),t(`
      cancel`),n("span",{class:"token punctuation"},","),t(`
      handleVisibleChange`),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})}var K=r(j,[["render",T]]);const q={pageData:{title:"Popconfirm",description:"",frontmatter:{category:"Components",type:"\u53CD\u9988",title:"Popconfirm",subtitle:"\u6C14\u6CE1\u786E\u8BA4\u6846",cover:"https://gw.alipayobjects.com/zos/alicdn/fjMCD9xRq/Popconfirm.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:`\u76EE\u6807\u5143\u7D20\u7684\u64CD\u4F5C\u9700\u8981\u7528\u6237\u8FDB\u4E00\u6B65\u7684\u786E\u8BA4\u65F6\uFF0C\u5728\u76EE\u6807\u5143\u7D20\u9644\u8FD1\u5F39\u51FA\u6D6E\u5C42\u63D0\u793A\uFF0C\u8BE2\u95EE\u7528\u6237\u3002
\u548C 'confirm' \u5F39\u51FA\u7684\u5168\u5C4F\u5C45\u4E2D\u6A21\u6001\u5BF9\u8BDD\u6846\u76F8\u6BD4\uFF0C\u4EA4\u4E92\u5F62\u5F0F\u66F4\u8F7B\u91CF\u3002`},{level:2,title:"API",slug:"api",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""},{level:2,title:"\u6CE8\u610F",slug:"\u6CE8\u610F",content:"\u8BF7\u786E\u4FDD `Popconfirm` \u7684\u5B50\u5143\u7D20\u80FD\u63A5\u53D7 `mouseenter`\u3001`mouseleave`\u3001`focus`\u3001`click` \u4E8B\u4EF6\u3002"}],relativePath:"src/docs/popconfirm/index.zh-CN.md",content:`
\u70B9\u51FB\u5143\u7D20\uFF0C\u5F39\u51FA\u6C14\u6CE1\u5F0F\u7684\u786E\u8BA4\u6846\u3002

## \u4F55\u65F6\u4F7F\u7528

\u76EE\u6807\u5143\u7D20\u7684\u64CD\u4F5C\u9700\u8981\u7528\u6237\u8FDB\u4E00\u6B65\u7684\u786E\u8BA4\u65F6\uFF0C\u5728\u76EE\u6807\u5143\u7D20\u9644\u8FD1\u5F39\u51FA\u6D6E\u5C42\u63D0\u793A\uFF0C\u8BE2\u95EE\u7528\u6237\u3002
\u548C &#39;confirm&#39; \u5F39\u51FA\u7684\u5168\u5C4F\u5C45\u4E2D\u6A21\u6001\u5BF9\u8BDD\u6846\u76F8\u6BD4\uFF0C\u4EA4\u4E92\u5F62\u5F0F\u66F4\u8F7B\u91CF\u3002

## API

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- |
| cancelText | \u53D6\u6D88\u6309\u94AE\u6587\u5B57 | string\\|slot | \u53D6\u6D88 |  |
| okText | \u786E\u8BA4\u6309\u94AE\u6587\u5B57 | string\\|slot | \u786E\u5B9A |  |
| okType | \u786E\u8BA4\u6309\u94AE\u7C7B\u578B | string | primary |  |
| title | \u786E\u8BA4\u6846\u7684\u63CF\u8FF0 | string\\|slot | \u65E0 |  |
| icon | \u81EA\u5B9A\u4E49\u5F39\u51FA\u6C14\u6CE1 Icon \u56FE\u6807 | vNode | &amp;lt;Icon type=&quot;exclamation-circle&quot; /&amp;gt; |  |
| disabled | \u70B9\u51FB Popconfirm \u5B50\u5143\u7D20\u662F\u5426\u5F39\u51FA\u6C14\u6CE1\u786E\u8BA4\u6846 | boolean | false |  |

### \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0      | \u8BF4\u660E           | \u56DE\u8C03\u53C2\u6570          |
| ------------- | -------------- | ----------------- |
| cancel        | \u70B9\u51FB\u53D6\u6D88\u7684\u56DE\u8C03 | function(e)       |
| confirm       | \u70B9\u51FB\u786E\u8BA4\u7684\u56DE\u8C03 | function(e)       |
| visibleChange | \u663E\u793A\u9690\u85CF\u7684\u56DE\u8C03 | function(visible) |

\u66F4\u591A\u5C5E\u6027\u8BF7\u53C2\u8003 [Tooltip](/components/tooltip-cn/#API)\u3002

## \u6CE8\u610F

\u8BF7\u786E\u4FDD \`Popconfirm\` \u7684\u5B50\u5143\u7D20\u80FD\u63A5\u53D7 \`mouseenter\`\u3001\`mouseleave\`\u3001\`focus\`\u3001\`click\` \u4E8B\u4EF6\u3002
`,html:`<p>\u70B9\u51FB\u5143\u7D20\uFF0C\u5F39\u51FA\u6C14\u6CE1\u5F0F\u7684\u786E\u8BA4\u6846\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
<p>\u76EE\u6807\u5143\u7D20\u7684\u64CD\u4F5C\u9700\u8981\u7528\u6237\u8FDB\u4E00\u6B65\u7684\u786E\u8BA4\u65F6\uFF0C\u5728\u76EE\u6807\u5143\u7D20\u9644\u8FD1\u5F39\u51FA\u6D6E\u5C42\u63D0\u793A\uFF0C\u8BE2\u95EE\u7528\u6237\u3002
\u548C 'confirm' \u5F39\u51FA\u7684\u5168\u5C4F\u5C45\u4E2D\u6A21\u6001\u5BF9\u8BDD\u6846\u76F8\u6BD4\uFF0C\u4EA4\u4E92\u5F62\u5F0F\u66F4\u8F7B\u91CF\u3002</p>
<h2 id="api">API</h2>
<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>cancelText</td>
<td>\u53D6\u6D88\u6309\u94AE\u6587\u5B57</td>
<td>string|slot</td>
<td>\u53D6\u6D88</td>
<td></td>
</tr>
<tr>
<td>okText</td>
<td>\u786E\u8BA4\u6309\u94AE\u6587\u5B57</td>
<td>string|slot</td>
<td>\u786E\u5B9A</td>
<td></td>
</tr>
<tr>
<td>okType</td>
<td>\u786E\u8BA4\u6309\u94AE\u7C7B\u578B</td>
<td>string</td>
<td>primary</td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>\u786E\u8BA4\u6846\u7684\u63CF\u8FF0</td>
<td>string|slot</td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>icon</td>
<td>\u81EA\u5B9A\u4E49\u5F39\u51FA\u6C14\u6CE1 Icon \u56FE\u6807</td>
<td>vNode</td>
<td>&lt;Icon type=&quot;exclamation-circle&quot; /&gt;</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>\u70B9\u51FB Popconfirm \u5B50\u5143\u7D20\u662F\u5426\u5F39\u51FA\u6C14\u6CE1\u786E\u8BA4\u6846</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
</tr>
</thead>
<tbody>
<tr>
<td>cancel</td>
<td>\u70B9\u51FB\u53D6\u6D88\u7684\u56DE\u8C03</td>
<td>function(e)</td>
</tr>
<tr>
<td>confirm</td>
<td>\u70B9\u51FB\u786E\u8BA4\u7684\u56DE\u8C03</td>
<td>function(e)</td>
</tr>
<tr>
<td>visibleChange</td>
<td>\u663E\u793A\u9690\u85CF\u7684\u56DE\u8C03</td>
<td>function(visible)</td>
</tr>
</tbody>
</table>
<p>\u66F4\u591A\u5C5E\u6027\u8BF7\u53C2\u8003 <a href="/components/tooltip-cn/#API">Tooltip</a>\u3002</p>
<h2 id="\u6CE8\u610F">\u6CE8\u610F</h2>
<p>\u8BF7\u786E\u4FDD <code>Popconfirm</code> \u7684\u5B50\u5143\u7D20\u80FD\u63A5\u53D7 <code>mouseenter</code>\u3001<code>mouseleave</code>\u3001<code>focus</code>\u3001<code>click</code> \u4E8B\u4EF6\u3002</p>
`,lastUpdated:1748059052720}},Q={class:"markdown"};function F(s,a,k,i,m,g){return d(),Z("article",Q,a[0]||(a[0]=[G('<p>\u70B9\u51FB\u5143\u7D20\uFF0C\u5F39\u51FA\u6C14\u6CE1\u5F0F\u7684\u786E\u8BA4\u6846\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><p>\u76EE\u6807\u5143\u7D20\u7684\u64CD\u4F5C\u9700\u8981\u7528\u6237\u8FDB\u4E00\u6B65\u7684\u786E\u8BA4\u65F6\uFF0C\u5728\u76EE\u6807\u5143\u7D20\u9644\u8FD1\u5F39\u51FA\u6D6E\u5C42\u63D0\u793A\uFF0C\u8BE2\u95EE\u7528\u6237\u3002 \u548C &#39;confirm&#39; \u5F39\u51FA\u7684\u5168\u5C4F\u5C45\u4E2D\u6A21\u6001\u5BF9\u8BDD\u6846\u76F8\u6BD4\uFF0C\u4EA4\u4E92\u5F62\u5F0F\u66F4\u8F7B\u91CF\u3002</p><h2 id="api">API</h2><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>cancelText</td><td>\u53D6\u6D88\u6309\u94AE\u6587\u5B57</td><td>string|slot</td><td>\u53D6\u6D88</td><td></td></tr><tr><td>okText</td><td>\u786E\u8BA4\u6309\u94AE\u6587\u5B57</td><td>string|slot</td><td>\u786E\u5B9A</td><td></td></tr><tr><td>okType</td><td>\u786E\u8BA4\u6309\u94AE\u7C7B\u578B</td><td>string</td><td>primary</td><td></td></tr><tr><td>title</td><td>\u786E\u8BA4\u6846\u7684\u63CF\u8FF0</td><td>string|slot</td><td>\u65E0</td><td></td></tr><tr><td>icon</td><td>\u81EA\u5B9A\u4E49\u5F39\u51FA\u6C14\u6CE1 Icon \u56FE\u6807</td><td>vNode</td><td>&lt;Icon type=&quot;exclamation-circle&quot; /&gt;</td><td></td></tr><tr><td>disabled</td><td>\u70B9\u51FB Popconfirm \u5B50\u5143\u7D20\u662F\u5426\u5F39\u51FA\u6C14\u6CE1\u786E\u8BA4\u6846</td><td>boolean</td><td>false</td><td></td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>cancel</td><td>\u70B9\u51FB\u53D6\u6D88\u7684\u56DE\u8C03</td><td>function(e)</td></tr><tr><td>confirm</td><td>\u70B9\u51FB\u786E\u8BA4\u7684\u56DE\u8C03</td><td>function(e)</td></tr><tr><td>visibleChange</td><td>\u663E\u793A\u9690\u85CF\u7684\u56DE\u8C03</td><td>function(visible)</td></tr></tbody></table><p>\u66F4\u591A\u5C5E\u6027\u8BF7\u53C2\u8003 <a href="/components/tooltip-cn/#API">Tooltip</a>\u3002</p><h2 id="\u6CE8\u610F">\u6CE8\u610F</h2><p>\u8BF7\u786E\u4FDD <code>Popconfirm</code> \u7684\u5B50\u5143\u7D20\u80FD\u63A5\u53D7 <code>mouseenter</code>\u3001<code>mouseleave</code>\u3001<code>focus</code>\u3001<code>click</code> \u4E8B\u4EF6\u3002</p>',10)]))}var U=r(q,[["render",F]]);const z={pageData:{title:"Popconfirm",description:"",frontmatter:{category:"Components",type:"Feedback",title:"Popconfirm",cover:"https://gw.alipayobjects.com/zos/alicdn/fjMCD9xRq/Popconfirm.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:"A simple and compact dialog used for asking for user confirmation."},{level:2,title:"API",slug:"api",content:""},{level:3,title:"events",slug:"events",content:""},{level:2,title:"Note",slug:"note",content:"Please ensure that the child node of `Popconfirm` accepts `mouseenter`, `mouseleave`, `focus`, `click` events."}],relativePath:"src/docs/popconfirm/index.en-US.md",content:`
A simple and compact confirmation dialog of an action.

## When To Use

A simple and compact dialog used for asking for user confirmation.

The difference with the &#39;confirm&#39; modal dialog is that it&#39;s more lightweight than the static popped full-screen confirm modal.

## API

| Param | Description | Type | Default value | Version |
| --- | --- | --- | --- | --- |
| cancelText | text of the Cancel button | string\\|slot | \`Cancel\` |  |
| okText | text of the Confirm button | string\\|slot | \`Confirm\` |  |
| okType | Button \`type\` of the Confirm button | string | \`primary\` |  |
| title | title of the confirmation box | string\\|slot | - |  |
| icon | customize icon of confirmation | vNode\\|slot | &amp;lt;Icon type=&quot;exclamation-circle&quot; /&amp;gt; |  |
| disabled | is show popconfirm when click its childrenNode | boolean | false | |

### events

| Events Name | Description | Arguments |
| --- | --- | --- | --- |
| cancel | callback of cancel | function(e) | - |
| confirm | callback of confirmation | function(e) | - |
| visibleChange | Callback executed when visibility of the tooltip card is changed | function(visible) | - |

Consult [Tooltip&#39;s documentation](/components/tooltip/#API) to find more APIs.

## Note

Please ensure that the child node of \`Popconfirm\` accepts \`mouseenter\`, \`mouseleave\`, \`focus\`, \`click\` events.
`,html:`<p>A simple and compact confirmation dialog of an action.</p>
<h2 id="when-to-use">When To Use</h2>
<p>A simple and compact dialog used for asking for user confirmation.</p>
<p>The difference with the 'confirm' modal dialog is that it's more lightweight than the static popped full-screen confirm modal.</p>
<h2 id="api">API</h2>
<table>
<thead>
<tr>
<th>Param</th>
<th>Description</th>
<th>Type</th>
<th>Default value</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>cancelText</td>
<td>text of the Cancel button</td>
<td>string|slot</td>
<td><code>Cancel</code></td>
<td></td>
</tr>
<tr>
<td>okText</td>
<td>text of the Confirm button</td>
<td>string|slot</td>
<td><code>Confirm</code></td>
<td></td>
</tr>
<tr>
<td>okType</td>
<td>Button <code>type</code> of the Confirm button</td>
<td>string</td>
<td><code>primary</code></td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>title of the confirmation box</td>
<td>string|slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>icon</td>
<td>customize icon of confirmation</td>
<td>vNode|slot</td>
<td>&lt;Icon type=&quot;exclamation-circle&quot; /&gt;</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>is show popconfirm when click its childrenNode</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="events">events</h3>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
</tr>
</thead>
<tbody>
<tr>
<td>cancel</td>
<td>callback of cancel</td>
<td>function(e)</td>
</tr>
<tr>
<td>confirm</td>
<td>callback of confirmation</td>
<td>function(e)</td>
</tr>
<tr>
<td>visibleChange</td>
<td>Callback executed when visibility of the tooltip card is changed</td>
<td>function(visible)</td>
</tr>
</tbody>
</table>
<p>Consult <a href="/components/tooltip/#API">Tooltip's documentation</a> to find more APIs.</p>
<h2 id="note">Note</h2>
<p>Please ensure that the child node of <code>Popconfirm</code> accepts <code>mouseenter</code>, <code>mouseleave</code>, <code>focus</code>, <code>click</code> events.</p>
`,lastUpdated:1748059052719}},E={class:"markdown"};function _(s,a,k,i,m,g){return d(),Z("article",E,a[0]||(a[0]=[G('<p>A simple and compact confirmation dialog of an action.</p><h2 id="when-to-use">When To Use</h2><p>A simple and compact dialog used for asking for user confirmation.</p><p>The difference with the &#39;confirm&#39; modal dialog is that it&#39;s more lightweight than the static popped full-screen confirm modal.</p><h2 id="api">API</h2><table><thead><tr><th>Param</th><th>Description</th><th>Type</th><th>Default value</th><th>Version</th></tr></thead><tbody><tr><td>cancelText</td><td>text of the Cancel button</td><td>string|slot</td><td><code>Cancel</code></td><td></td></tr><tr><td>okText</td><td>text of the Confirm button</td><td>string|slot</td><td><code>Confirm</code></td><td></td></tr><tr><td>okType</td><td>Button <code>type</code> of the Confirm button</td><td>string</td><td><code>primary</code></td><td></td></tr><tr><td>title</td><td>title of the confirmation box</td><td>string|slot</td><td>-</td><td></td></tr><tr><td>icon</td><td>customize icon of confirmation</td><td>vNode|slot</td><td>&lt;Icon type=&quot;exclamation-circle&quot; /&gt;</td><td></td></tr><tr><td>disabled</td><td>is show popconfirm when click its childrenNode</td><td>boolean</td><td>false</td><td></td></tr></tbody></table><h3 id="events">events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th></tr></thead><tbody><tr><td>cancel</td><td>callback of cancel</td><td>function(e)</td></tr><tr><td>confirm</td><td>callback of confirmation</td><td>function(e)</td></tr><tr><td>visibleChange</td><td>Callback executed when visibility of the tooltip card is changed</td><td>function(visible)</td></tr></tbody></table><p>Consult <a href="/components/tooltip/#API">Tooltip&#39;s documentation</a> to find more APIs.</p><h2 id="note">Note</h2><p>Please ensure that the child node of <code>Popconfirm</code> accepts <code>mouseenter</code>, <code>mouseleave</code>, <code>focus</code>, <code>click</code> events.</p>',11)]))}var $=r(z,[["render",_]]);const O=b({CN:U,US:$,components:{Basic:Y,Local:R,Icon:V,Placement:L,DynamicTrigger:K},setup(){return{}}});function M(s,a,k,i,m,g){const p=u("basic"),l=u("local"),I=u("icon"),v=u("placement"),y=u("dynamic-trigger"),B=u("demo-sort");return d(),C(B,null,{default:o(()=>[c(p),c(l),c(I),c(v),c(y)]),_:1})}var an=r(O,[["render",M]]);export{an as default};