import{_ as d,l as g,w as o,j as c,k as h,f as a,b as n,e as t,d as I,r as y,o as P,a as b,q as f}from"./index.3fe853a6.js";const G={};function Y(l,s){const p=c("a-anchor-link"),u=c("a-anchor"),i=c("demo-box");return h(),g(i,{jsfiddle:{us:"The simplest usage.",cn:"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>The simplest usage.</p>
`,order:0,title:{"zh-CN":"\u57FA\u672C\u4F7F\u7528","en-US":"Basic Usage"},relativePath:"components/anchor/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvcj4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljIiB0aXRsZT0iQmFzaWMgZGVtbyIgLz4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYyIgdGl0bGU9IlN0YXRpYyBkZW1vIiAvPgogICAgPGEtYW5jaG9yLWxpbmsKICAgICAgaHJlZj0iI2NvbXBvbmVudHMtYW5jaG9yLWRlbW8tYmFzaWMiCiAgICAgIHRpdGxlPSJCYXNpYyBkZW1vIHdpdGggVGFyZ2V0IgogICAgICB0YXJnZXQ9Il9ibGFuayIKICAgIC8+CiAgICA8YS1hbmNob3ItbGluayBocmVmPSIjQVBJIiB0aXRsZT0iQVBJIj4KICAgICAgPGEtYW5jaG9yLWxpbmsgaHJlZj0iI0FuY2hvci1Qcm9wcyIgdGl0bGU9IkFuY2hvciBQcm9wcyIgLz4KICAgICAgPGEtYW5jaG9yLWxpbmsgaHJlZj0iI0xpbmstUHJvcHMiIHRpdGxlPSJMaW5rIFByb3BzIiAvPgogICAgPC9hLWFuY2hvci1saW5rPgogIDwvYS1hbmNob3I+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvcj4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljIiB0aXRsZT0iQmFzaWMgZGVtbyIgLz4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYyIgdGl0bGU9IlN0YXRpYyBkZW1vIiAvPgogICAgPGEtYW5jaG9yLWxpbmsKICAgICAgaHJlZj0iI2NvbXBvbmVudHMtYW5jaG9yLWRlbW8tYmFzaWMiCiAgICAgIHRpdGxlPSJCYXNpYyBkZW1vIHdpdGggVGFyZ2V0IgogICAgICB0YXJnZXQ9Il9ibGFuayIKICAgIC8+CiAgICA8YS1hbmNob3ItbGluayBocmVmPSIjQVBJIiB0aXRsZT0iQVBJIj4KICAgICAgPGEtYW5jaG9yLWxpbmsgaHJlZj0iI0FuY2hvci1Qcm9wcyIgdGl0bGU9IkFuY2hvciBQcm9wcyIgLz4KICAgICAgPGEtYW5jaG9yLWxpbmsgaHJlZj0iI0xpbmstUHJvcHMiIHRpdGxlPSJMaW5rIFByb3BzIiAvPgogICAgPC9hLWFuY2hvci1saW5rPgogIDwvYS1hbmNob3I+CjwvdGVtcGxhdGU+"}},{default:o(()=>[a(u,null,{default:o(()=>[a(p,{href:"#components-anchor-demo-basic",title:"Basic demo"}),a(p,{href:"#components-anchor-demo-static",title:"Static demo"}),a(p,{href:"#components-anchor-demo-basic",title:"Basic demo with Target",target:"_blank"}),a(p,{href:"#API",title:"API"},{default:o(()=>[a(p,{href:"#Anchor-Props",title:"Anchor Props"}),a(p,{href:"#Link-Props",title:"Link Props"})]),_:1})]),_:1})]),htmlCode:o(()=>s[0]||(s[0]=[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-anchor")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor-link")]),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("#components-anchor-demo-basic"),n("span",{class:"token punctuation"},'"')]),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("Basic demo"),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-anchor-link")]),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("#components-anchor-demo-static"),n("span",{class:"token punctuation"},'"')]),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("Static demo"),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-anchor-link")]),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("#components-anchor-demo-basic"),n("span",{class:"token punctuation"},'"')]),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("Basic demo with Target"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"target"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("_blank"),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-anchor-link")]),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("#API"),n("span",{class:"token punctuation"},'"')]),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("API"),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-anchor-link")]),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("#Anchor-Props"),n("span",{class:"token punctuation"},'"')]),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("Anchor Props"),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-anchor-link")]),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("#Link-Props"),n("span",{class:"token punctuation"},'"')]),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("Link Props"),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-anchor-link")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),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(()=>s[1]||(s[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-anchor")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor-link")]),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("#components-anchor-demo-basic"),n("span",{class:"token punctuation"},'"')]),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("Basic demo"),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-anchor-link")]),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("#components-anchor-demo-static"),n("span",{class:"token punctuation"},'"')]),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("Static demo"),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-anchor-link")]),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("#components-anchor-demo-basic"),n("span",{class:"token punctuation"},'"')]),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("Basic demo with Target"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"target"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("_blank"),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-anchor-link")]),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("#API"),n("span",{class:"token punctuation"},'"')]),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("API"),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-anchor-link")]),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("#Anchor-Props"),n("span",{class:"token punctuation"},'"')]),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("Anchor Props"),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-anchor-link")]),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("#Link-Props"),n("span",{class:"token punctuation"},'"')]),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("Link Props"),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-anchor-link")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}const Z=d(G,[["render",Y]]),B={};function L(l,s){const p=c("a-anchor-link"),u=c("a-anchor"),i=c("demo-box");return h(),g(i,{jsfiddle:{us:"Do not change state when page is scrolling.",cn:"\u4E0D\u6D6E\u52A8\uFF0C\u72B6\u6001\u4E0D\u968F\u9875\u9762\u6EDA\u52A8\u53D8\u5316\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u4E0D\u6D6E\u52A8\uFF0C\u72B6\u6001\u4E0D\u968F\u9875\u9762\u6EDA\u52A8\u53D8\u5316\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Do not change state when page is scrolling.</p>
`,order:1,title:{"zh-CN":"\u9759\u6001\u4F4D\u7F6E","en-US":"Static"},relativePath:"components/anchor/demo/static.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvciA6YWZmaXg9ImZhbHNlIj4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljIiB0aXRsZT0iQmFzaWMgZGVtbyIgLz4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYyIgdGl0bGU9IlN0YXRpYyBkZW1vIiAvPgogICAgPGEtYW5jaG9yLWxpbmsgaHJlZj0iI0FQSSIgdGl0bGU9IkFQSSI+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNBbmNob3ItUHJvcHMiIHRpdGxlPSJBbmNob3IgUHJvcHMiIC8+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNMaW5rLVByb3BzIiB0aXRsZT0iTGluayBQcm9wcyIgLz4KICAgIDwvYS1hbmNob3ItbGluaz4KICA8L2EtYW5jaG9yPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvciA6YWZmaXg9ImZhbHNlIj4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljIiB0aXRsZT0iQmFzaWMgZGVtbyIgLz4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYyIgdGl0bGU9IlN0YXRpYyBkZW1vIiAvPgogICAgPGEtYW5jaG9yLWxpbmsgaHJlZj0iI0FQSSIgdGl0bGU9IkFQSSI+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNBbmNob3ItUHJvcHMiIHRpdGxlPSJBbmNob3IgUHJvcHMiIC8+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNMaW5rLVByb3BzIiB0aXRsZT0iTGluayBQcm9wcyIgLz4KICAgIDwvYS1hbmNob3ItbGluaz4KICA8L2EtYW5jaG9yPgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[a(u,{affix:!1},{default:o(()=>[a(p,{href:"#components-anchor-demo-basic",title:"Basic demo"}),a(p,{href:"#components-anchor-demo-static",title:"Static demo"}),a(p,{href:"#API",title:"API"},{default:o(()=>[a(p,{href:"#Anchor-Props",title:"Anchor Props"}),a(p,{href:"#Link-Props",title:"Link Props"})]),_:1})]),_:1})]),htmlCode:o(()=>s[0]||(s[0]=[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-anchor")]),t(),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),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-anchor-link")]),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("#components-anchor-demo-basic"),n("span",{class:"token punctuation"},'"')]),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("Basic demo"),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-anchor-link")]),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("#components-anchor-demo-static"),n("span",{class:"token punctuation"},'"')]),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("Static demo"),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-anchor-link")]),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("#API"),n("span",{class:"token punctuation"},'"')]),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("API"),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-anchor-link")]),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("#Anchor-Props"),n("span",{class:"token punctuation"},'"')]),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("Anchor Props"),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-anchor-link")]),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("#Link-Props"),n("span",{class:"token punctuation"},'"')]),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("Link Props"),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-anchor-link")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),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(()=>s[1]||(s[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-anchor")]),t(),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),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-anchor-link")]),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("#components-anchor-demo-basic"),n("span",{class:"token punctuation"},'"')]),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("Basic demo"),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-anchor-link")]),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("#components-anchor-demo-static"),n("span",{class:"token punctuation"},'"')]),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("Static demo"),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-anchor-link")]),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("#API"),n("span",{class:"token punctuation"},'"')]),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("API"),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-anchor-link")]),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("#Anchor-Props"),n("span",{class:"token punctuation"},'"')]),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("Anchor Props"),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-anchor-link")]),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("#Link-Props"),n("span",{class:"token punctuation"},'"')]),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("Link Props"),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-anchor-link")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}const w=d(B,[["render",L]]),N=I({setup(){return{handleClick:(s,p)=>{s.preventDefault(),console.log(p)}}}});function x(l,s,p,u,i,m){const e=c("a-anchor-link"),r=c("a-anchor"),k=c("demo-box");return h(),g(k,{jsfiddle:{us:"Clicking on an anchor does not record history.",cn:"\u70B9\u51FB\u951A\u70B9\u4E0D\u8BB0\u5F55\u5386\u53F2\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u70B9\u51FB\u951A\u70B9\u4E0D\u8BB0\u5F55\u5386\u53F2\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Clicking on an anchor does not record history.</p>
`,order:2,title:{"zh-CN":"\u81EA\u5B9A\u4E49 click \u4E8B\u4EF6","en-US":"Customize the click event"},relativePath:"components/anchor/demo/onClick.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvciA6YWZmaXg9ImZhbHNlIiBAY2xpY2s9ImhhbmRsZUNsaWNrIj4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljIiB0aXRsZT0iQmFzaWMgZGVtbyIgLz4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYyIgdGl0bGU9IlN0YXRpYyBkZW1vIiAvPgogICAgPGEtYW5jaG9yLWxpbmsgaHJlZj0iI0FQSSIgdGl0bGU9IkFQSSI+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNBbmNob3ItUHJvcHMiIHRpdGxlPSJBbmNob3IgUHJvcHMiIC8+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNMaW5rLVByb3BzIiB0aXRsZT0iTGluayBQcm9wcyIgLz4KICAgIDwvYS1hbmNob3ItbGluaz4KICA8L2EtYW5jaG9yPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKaW1wb3J0IHR5cGUgeyBBbmNob3JQcm9wcyB9IGZyb20gJ2FudC1kZXNpZ24tdnVlJzsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBoYW5kbGVDbGljazogQW5jaG9yUHJvcHNbJ29uQ2xpY2snXSA9IChlLCBsaW5rKSA9PiB7CiAgICAgIGUucHJldmVudERlZmF1bHQoKTsKICAgICAgY29uc29sZS5sb2cobGluayk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgaGFuZGxlQ2xpY2ssCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvciA6YWZmaXg9ImZhbHNlIiBAY2xpY2s9ImhhbmRsZUNsaWNrIj4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljIiB0aXRsZT0iQmFzaWMgZGVtbyIgLz4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYyIgdGl0bGU9IlN0YXRpYyBkZW1vIiAvPgogICAgPGEtYW5jaG9yLWxpbmsgaHJlZj0iI0FQSSIgdGl0bGU9IkFQSSI+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNBbmNob3ItUHJvcHMiIHRpdGxlPSJBbmNob3IgUHJvcHMiIC8+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNMaW5rLVByb3BzIiB0aXRsZT0iTGluayBQcm9wcyIgLz4KICAgIDwvYS1hbmNob3ItbGluaz4KICA8L2EtYW5jaG9yPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZSwgbGluaykgPT4gewogICAgICBlLnByZXZlbnREZWZhdWx0KCk7CiAgICAgIGNvbnNvbGUubG9nKGxpbmspOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGhhbmRsZUNsaWNrLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:o(()=>[a(r,{affix:!1,onClick:l.handleClick},{default:o(()=>[a(e,{href:"#components-anchor-demo-basic",title:"Basic demo"}),a(e,{href:"#components-anchor-demo-static",title:"Static demo"}),a(e,{href:"#API",title:"API"},{default:o(()=>[a(e,{href:"#Anchor-Props",title:"Anchor Props"}),a(e,{href:"#Link-Props",title:"Link Props"})]),_:1})]),_:1},8,["onClick"])]),htmlCode:o(()=>s[0]||(s[0]=[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-anchor")]),t(),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleClick"),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-anchor-link")]),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("#components-anchor-demo-basic"),n("span",{class:"token punctuation"},'"')]),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("Basic demo"),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-anchor-link")]),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("#components-anchor-demo-static"),n("span",{class:"token punctuation"},'"')]),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("Static demo"),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-anchor-link")]),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("#API"),n("span",{class:"token punctuation"},'"')]),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("API"),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-anchor-link")]),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("#Anchor-Props"),n("span",{class:"token punctuation"},'"')]),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("Anchor Props"),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-anchor-link")]),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("#Link-Props"),n("span",{class:"token punctuation"},'"')]),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("Link Props"),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-anchor-link")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),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(" type "),n("span",{class:"token punctuation"},"{"),t(" AnchorProps "),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 literal-property property"},"handleClick"),n("span",{class:"token operator"},":"),t(" AnchorProps"),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'onClick'"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("e"),n("span",{class:"token punctuation"},","),t(" link")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      e`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"preventDefault"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("link"),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(`
      handleClick`),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(()=>s[1]||(s[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-anchor")]),t(),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleClick"),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-anchor-link")]),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("#components-anchor-demo-basic"),n("span",{class:"token punctuation"},'"')]),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("Basic demo"),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-anchor-link")]),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("#components-anchor-demo-static"),n("span",{class:"token punctuation"},'"')]),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("Static demo"),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-anchor-link")]),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("#API"),n("span",{class:"token punctuation"},'"')]),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("API"),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-anchor-link")]),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("#Anchor-Props"),n("span",{class:"token punctuation"},'"')]),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("Anchor Props"),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-anchor-link")]),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("#Link-Props"),n("span",{class:"token punctuation"},'"')]),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("Link Props"),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-anchor-link")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),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"},"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"},"handleClick"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("e"),n("span",{class:"token punctuation"},","),t(" link")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      e`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"preventDefault"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("link"),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(`
      handleClick`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}const H=d(N,[["render",x]]),S=I({setup(){return{getCurrentAnchor:()=>"#components-anchor-demo-static"}}});function F(l,s,p,u,i,m){const e=c("a-anchor-link"),r=c("a-anchor"),k=c("demo-box");return h(),g(k,{jsfiddle:{us:"Customize the anchor highlight.",cn:"\u81EA\u5B9A\u4E49\u951A\u70B9\u9AD8\u4EAE\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u81EA\u5B9A\u4E49\u951A\u70B9\u9AD8\u4EAE\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Customize the anchor highlight.</p>
`,order:3,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u951A\u70B9\u9AD8\u4EAE","en-US":"Customize the anchor highlight"},relativePath:"components/anchor/demo/customizeHighlight.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvciA6YWZmaXg9ImZhbHNlIiA6Z2V0LWN1cnJlbnQtYW5jaG9yPSJnZXRDdXJyZW50QW5jaG9yIj4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljIiB0aXRsZT0iQmFzaWMgZGVtbyIgLz4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYyIgdGl0bGU9IlN0YXRpYyBkZW1vIiAvPgogICAgPGEtYW5jaG9yLWxpbmsgaHJlZj0iI0FQSSIgdGl0bGU9IkFQSSI+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNBbmNob3ItUHJvcHMiIHRpdGxlPSJBbmNob3IgUHJvcHMiIC8+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNMaW5rLVByb3BzIiB0aXRsZT0iTGluayBQcm9wcyIgLz4KICAgIDwvYS1hbmNob3ItbGluaz4KICA8L2EtYW5jaG9yPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBnZXRDdXJyZW50QW5jaG9yID0gKCkgPT4gewogICAgICByZXR1cm4gJyNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYyc7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgZ2V0Q3VycmVudEFuY2hvciwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvciA6YWZmaXg9ImZhbHNlIiA6Z2V0LWN1cnJlbnQtYW5jaG9yPSJnZXRDdXJyZW50QW5jaG9yIj4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljIiB0aXRsZT0iQmFzaWMgZGVtbyIgLz4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYyIgdGl0bGU9IlN0YXRpYyBkZW1vIiAvPgogICAgPGEtYW5jaG9yLWxpbmsgaHJlZj0iI0FQSSIgdGl0bGU9IkFQSSI+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNBbmNob3ItUHJvcHMiIHRpdGxlPSJBbmNob3IgUHJvcHMiIC8+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNMaW5rLVByb3BzIiB0aXRsZT0iTGluayBQcm9wcyIgLz4KICAgIDwvYS1hbmNob3ItbGluaz4KICA8L2EtYW5jaG9yPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgZ2V0Q3VycmVudEFuY2hvciA9ICgpID0+IHsKICAgICAgcmV0dXJuICcjY29tcG9uZW50cy1hbmNob3ItZGVtby1zdGF0aWMnOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGdldEN1cnJlbnRBbmNob3IsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:o(()=>[a(r,{affix:!1,"get-current-anchor":l.getCurrentAnchor},{default:o(()=>[a(e,{href:"#components-anchor-demo-basic",title:"Basic demo"}),a(e,{href:"#components-anchor-demo-static",title:"Static demo"}),a(e,{href:"#API",title:"API"},{default:o(()=>[a(e,{href:"#Anchor-Props",title:"Anchor Props"}),a(e,{href:"#Link-Props",title:"Link Props"})]),_:1})]),_:1},8,["get-current-anchor"])]),htmlCode:o(()=>s[0]||(s[0]=[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-anchor")]),t(),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":get-current-anchor"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("getCurrentAnchor"),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-anchor-link")]),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("#components-anchor-demo-basic"),n("span",{class:"token punctuation"},'"')]),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("Basic demo"),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-anchor-link")]),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("#components-anchor-demo-static"),n("span",{class:"token punctuation"},'"')]),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("Static demo"),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-anchor-link")]),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("#API"),n("span",{class:"token punctuation"},'"')]),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("API"),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-anchor-link")]),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("#Anchor-Props"),n("span",{class:"token punctuation"},'"')]),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("Anchor Props"),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-anchor-link")]),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("#Link-Props"),n("span",{class:"token punctuation"},'"')]),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("Link Props"),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-anchor-link")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),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"},"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"},"getCurrentAnchor"),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(`
      `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token string"},"'#components-anchor-demo-static'"),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(`
      getCurrentAnchor`),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(()=>s[1]||(s[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-anchor")]),t(),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":get-current-anchor"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("getCurrentAnchor"),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-anchor-link")]),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("#components-anchor-demo-basic"),n("span",{class:"token punctuation"},'"')]),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("Basic demo"),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-anchor-link")]),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("#components-anchor-demo-static"),n("span",{class:"token punctuation"},'"')]),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("Static demo"),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-anchor-link")]),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("#API"),n("span",{class:"token punctuation"},'"')]),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("API"),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-anchor-link")]),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("#Anchor-Props"),n("span",{class:"token punctuation"},'"')]),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("Anchor Props"),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-anchor-link")]),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("#Link-Props"),n("span",{class:"token punctuation"},'"')]),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("Link Props"),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-anchor-link")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),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"},"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"},"getCurrentAnchor"),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(`
      `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token string"},"'#components-anchor-demo-static'"),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(`
      getCurrentAnchor`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}const j=d(S,[["render",F]]),q=I({setup(){const l=y(void 0);return P(()=>{l.value=window.innerHeight/2}),{targetOffset:l}}});function R(l,s,p,u,i,m){const e=c("a-anchor-link"),r=c("a-anchor"),k=c("demo-box");return h(),g(k,{jsfiddle:{us:"Anchor target scroll to screen center.",cn:"\u951A\u70B9\u76EE\u6807\u6EDA\u52A8\u5230\u5C4F\u5E55\u6B63\u4E2D\u95F4\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u951A\u70B9\u76EE\u6807\u6EDA\u52A8\u5230\u5C4F\u5E55\u6B63\u4E2D\u95F4\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Anchor target scroll to screen center.</p>
`,order:4,title:{"zh-CN":"\u8BBE\u7F6E\u951A\u70B9\u6EDA\u52A8\u504F\u79FB\u91CF","en-US":"Set Anchor scroll offset"},relativePath:"components/anchor/demo/targetOffset.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvciA6dGFyZ2V0LW9mZnNldD0idGFyZ2V0T2Zmc2V0Ij4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljIiB0aXRsZT0iQmFzaWMgZGVtbyIgLz4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYyIgdGl0bGU9IlN0YXRpYyBkZW1vIiAvPgogICAgPGEtYW5jaG9yLWxpbmsgaHJlZj0iI0FQSSIgdGl0bGU9IkFQSSI+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNBbmNob3ItUHJvcHMiIHRpdGxlPSJBbmNob3IgUHJvcHMiIC8+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNMaW5rLVByb3BzIiB0aXRsZT0iTGluayBQcm9wcyIgLz4KICAgIDwvYS1hbmNob3ItbGluaz4KICA8L2EtYW5jaG9yPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCBvbk1vdW50ZWQsIHJlZiB9IGZyb20gJ3Z1ZSc7CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdGFyZ2V0T2Zmc2V0ID0gcmVmPG51bWJlciB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTsKICAgIG9uTW91bnRlZCgoKSA9PiB7CiAgICAgIHRhcmdldE9mZnNldC52YWx1ZSA9IHdpbmRvdy5pbm5lckhlaWdodCAvIDI7CiAgICB9KTsKICAgIHJldHVybiB7CiAgICAgIHRhcmdldE9mZnNldCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvciA6dGFyZ2V0LW9mZnNldD0idGFyZ2V0T2Zmc2V0Ij4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLWJhc2ljIiB0aXRsZT0iQmFzaWMgZGVtbyIgLz4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNjb21wb25lbnRzLWFuY2hvci1kZW1vLXN0YXRpYyIgdGl0bGU9IlN0YXRpYyBkZW1vIiAvPgogICAgPGEtYW5jaG9yLWxpbmsgaHJlZj0iI0FQSSIgdGl0bGU9IkFQSSI+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNBbmNob3ItUHJvcHMiIHRpdGxlPSJBbmNob3IgUHJvcHMiIC8+CiAgICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNMaW5rLVByb3BzIiB0aXRsZT0iTGluayBQcm9wcyIgLz4KICAgIDwvYS1hbmNob3ItbGluaz4KICA8L2EtYW5jaG9yPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIG9uTW91bnRlZCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHRhcmdldE9mZnNldCA9IHJlZih1bmRlZmluZWQpOwogICAgb25Nb3VudGVkKCgpID0+IHsKICAgICAgdGFyZ2V0T2Zmc2V0LnZhbHVlID0gd2luZG93LmlubmVySGVpZ2h0IC8gMjsKICAgIH0pOwogICAgcmV0dXJuIHsKICAgICAgdGFyZ2V0T2Zmc2V0LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:o(()=>[a(r,{"target-offset":l.targetOffset},{default:o(()=>[a(e,{href:"#components-anchor-demo-basic",title:"Basic demo"}),a(e,{href:"#components-anchor-demo-static",title:"Static demo"}),a(e,{href:"#API",title:"API"},{default:o(()=>[a(e,{href:"#Anchor-Props",title:"Anchor Props"}),a(e,{href:"#Link-Props",title:"Link Props"})]),_:1})]),_:1},8,["target-offset"])]),htmlCode:o(()=>s[0]||(s[0]=[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-anchor")]),t(),n("span",{class:"token attr-name"},":target-offset"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetOffset"),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-anchor-link")]),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("#components-anchor-demo-basic"),n("span",{class:"token punctuation"},'"')]),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("Basic demo"),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-anchor-link")]),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("#components-anchor-demo-static"),n("span",{class:"token punctuation"},'"')]),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("Static demo"),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-anchor-link")]),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("#API"),n("span",{class:"token punctuation"},'"')]),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("API"),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-anchor-link")]),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("#Anchor-Props"),n("span",{class:"token punctuation"},'"')]),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("Anchor Props"),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-anchor-link")]),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("#Link-Props"),n("span",{class:"token punctuation"},'"')]),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("Link Props"),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-anchor-link")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),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(" onMounted"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`

`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" targetOffset "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number "),n("span",{class:"token operator"},"|"),t(),n("span",{class:"token keyword"},"undefined"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"undefined"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"onMounted"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetOffset`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" window"),n("span",{class:"token punctuation"},"."),t("innerHeight "),n("span",{class:"token operator"},"/"),t(),n("span",{class:"token number"},"2"),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 keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetOffset`),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(()=>s[1]||(s[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-anchor")]),t(),n("span",{class:"token attr-name"},":target-offset"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("targetOffset"),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-anchor-link")]),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("#components-anchor-demo-basic"),n("span",{class:"token punctuation"},'"')]),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("Basic demo"),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-anchor-link")]),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("#components-anchor-demo-static"),n("span",{class:"token punctuation"},'"')]),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("Static demo"),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-anchor-link")]),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("#API"),n("span",{class:"token punctuation"},'"')]),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("API"),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-anchor-link")]),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("#Anchor-Props"),n("span",{class:"token punctuation"},'"')]),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("Anchor Props"),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-anchor-link")]),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("#Link-Props"),n("span",{class:"token punctuation"},'"')]),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("Link Props"),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-anchor-link")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),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(" onMounted"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" targetOffset "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"undefined"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"onMounted"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetOffset`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" window"),n("span",{class:"token punctuation"},"."),t("innerHeight "),n("span",{class:"token operator"},"/"),t(),n("span",{class:"token number"},"2"),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 keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      targetOffset`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}const X=d(q,[["render",R]]),V=I({setup(){return{onChange:s=>{console.log("Anchor:OnChange",s)}}}});function z(l,s,p,u,i,m){const e=c("a-anchor-link"),r=c("a-anchor"),k=c("demo-box");return h(),g(k,{jsfiddle:{us:"Listening for anchor link change.",cn:"\u76D1\u542C\u951A\u70B9\u94FE\u63A5\u6539\u53D8\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u76D1\u542C\u951A\u70B9\u94FE\u63A5\u6539\u53D8\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Listening for anchor link change.</p>
`,order:5,title:{"zh-CN":"\u76D1\u542C\u951A\u70B9\u94FE\u63A5\u6539\u53D8","en-US":"Listening for anchor link change"},relativePath:"components/anchor/demo/onChange.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvciA6YWZmaXg9ImZhbHNlIiBAY2hhbmdlPSJvbkNoYW5nZSI+CiAgICA8YS1hbmNob3ItbGluayBocmVmPSIjY29tcG9uZW50cy1hbmNob3ItZGVtby1iYXNpYyIgdGl0bGU9IkJhc2ljIGRlbW8iIC8+CiAgICA8YS1hbmNob3ItbGluayBocmVmPSIjY29tcG9uZW50cy1hbmNob3ItZGVtby1zdGF0aWMiIHRpdGxlPSJTdGF0aWMgZGVtbyIgLz4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNBUEkiIHRpdGxlPSJBUEkiPgogICAgICA8YS1hbmNob3ItbGluayBocmVmPSIjQW5jaG9yLVByb3BzIiB0aXRsZT0iQW5jaG9yIFByb3BzIiAvPgogICAgICA8YS1hbmNob3ItbGluayBocmVmPSIjTGluay1Qcm9wcyIgdGl0bGU9IkxpbmsgUHJvcHMiIC8+CiAgICA8L2EtYW5jaG9yLWxpbms+CiAgPC9hLWFuY2hvcj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3Qgb25DaGFuZ2UgPSAobGluazogc3RyaW5nKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdBbmNob3I6T25DaGFuZ2UnLCBsaW5rKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBvbkNoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWFuY2hvciA6YWZmaXg9ImZhbHNlIiBAY2hhbmdlPSJvbkNoYW5nZSI+CiAgICA8YS1hbmNob3ItbGluayBocmVmPSIjY29tcG9uZW50cy1hbmNob3ItZGVtby1iYXNpYyIgdGl0bGU9IkJhc2ljIGRlbW8iIC8+CiAgICA8YS1hbmNob3ItbGluayBocmVmPSIjY29tcG9uZW50cy1hbmNob3ItZGVtby1zdGF0aWMiIHRpdGxlPSJTdGF0aWMgZGVtbyIgLz4KICAgIDxhLWFuY2hvci1saW5rIGhyZWY9IiNBUEkiIHRpdGxlPSJBUEkiPgogICAgICA8YS1hbmNob3ItbGluayBocmVmPSIjQW5jaG9yLVByb3BzIiB0aXRsZT0iQW5jaG9yIFByb3BzIiAvPgogICAgICA8YS1hbmNob3ItbGluayBocmVmPSIjTGluay1Qcm9wcyIgdGl0bGU9IkxpbmsgUHJvcHMiIC8+CiAgICA8L2EtYW5jaG9yLWxpbms+CiAgPC9hLWFuY2hvcj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IG9uQ2hhbmdlID0gbGluayA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdBbmNob3I6T25DaGFuZ2UnLCBsaW5rKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBvbkNoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[a(r,{affix:!1,onChange:l.onChange},{default:o(()=>[a(e,{href:"#components-anchor-demo-basic",title:"Basic demo"}),a(e,{href:"#components-anchor-demo-static",title:"Static demo"}),a(e,{href:"#API",title:"API"},{default:o(()=>[a(e,{href:"#Anchor-Props",title:"Anchor Props"}),a(e,{href:"#Link-Props",title:"Link Props"})]),_:1})]),_:1},8,["onChange"])]),htmlCode:o(()=>s[0]||(s[0]=[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-anchor")]),t(),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor-link")]),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("#components-anchor-demo-basic"),n("span",{class:"token punctuation"},'"')]),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("Basic demo"),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-anchor-link")]),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("#components-anchor-demo-static"),n("span",{class:"token punctuation"},'"')]),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("Static demo"),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-anchor-link")]),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("#API"),n("span",{class:"token punctuation"},'"')]),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("API"),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-anchor-link")]),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("#Anchor-Props"),n("span",{class:"token punctuation"},'"')]),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("Anchor Props"),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-anchor-link")]),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("#Link-Props"),n("span",{class:"token punctuation"},'"')]),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("Link Props"),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-anchor-link")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),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"},"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"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"link"),n("span",{class:"token operator"},":"),t(" string")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Anchor:OnChange'"),n("span",{class:"token punctuation"},","),t(" link"),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(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[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-anchor")]),t(),n("span",{class:"token attr-name"},":affix"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-anchor-link")]),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("#components-anchor-demo-basic"),n("span",{class:"token punctuation"},'"')]),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("Basic demo"),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-anchor-link")]),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("#components-anchor-demo-static"),n("span",{class:"token punctuation"},'"')]),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("Static demo"),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-anchor-link")]),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("#API"),n("span",{class:"token punctuation"},'"')]),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("API"),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-anchor-link")]),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("#Anchor-Props"),n("span",{class:"token punctuation"},'"')]),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("Anchor Props"),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-anchor-link")]),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("#Link-Props"),n("span",{class:"token punctuation"},'"')]),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("Link Props"),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-anchor-link")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-anchor")]),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"},"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"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"link"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Anchor:OnChange'"),n("span",{class:"token punctuation"},","),t(" link"),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(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}const _=d(V,[["render",z]]),D={pageData:{title:"Anchor",description:"",frontmatter:{category:"Components",subtitle:"\u951A\u70B9",cols:2,type:"\u5176\u4ED6",title:"Anchor",cover:"https://gw.alipayobjects.com/zos/alicdn/_1-C1JwsC/Anchor.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u9700\u8981\u5C55\u73B0\u5F53\u524D\u9875\u9762\u4E0A\u53EF\u4F9B\u8DF3\u8F6C\u7684\u951A\u70B9\u94FE\u63A5\uFF0C\u4EE5\u53CA\u5FEB\u901F\u5728\u951A\u70B9\u4E4B\u95F4\u8DF3\u8F6C\u3002"},{level:2,title:"API",slug:"API",content:"Anchor Props"},{level:3,title:"Anchor Props",slug:"Anchor-Props",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""},{level:3,title:"Link Props",slug:"Link-Props",content:""}],relativePath:"components/anchor/index.zh-CN.md",content:`
\u7528\u4E8E\u8DF3\u8F6C\u5230\u9875\u9762\u6307\u5B9A\u4F4D\u7F6E\u3002

## \u4F55\u65F6\u4F7F\u7528

\u9700\u8981\u5C55\u73B0\u5F53\u524D\u9875\u9762\u4E0A\u53EF\u4F9B\u8DF3\u8F6C\u7684\u951A\u70B9\u94FE\u63A5\uFF0C\u4EE5\u53CA\u5FEB\u901F\u5728\u951A\u70B9\u4E4B\u95F4\u8DF3\u8F6C\u3002

## API

### Anchor Props

| \u6210\u5458 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- |
| affix | \u56FA\u5B9A\u6A21\u5F0F | boolean | true |  |
| bounds | \u951A\u70B9\u533A\u57DF\u8FB9\u754C | number | 5(px) |  |
| getContainer | \u6307\u5B9A\u6EDA\u52A8\u7684\u5BB9\u5668 | () =&gt; HTMLElement | () =&gt; window |  |
| getCurrentAnchor | \u81EA\u5B9A\u4E49\u9AD8\u4EAE\u7684\u951A\u70B9 | () =&gt; string | - | 1.5.0 |
| offsetBottom | \u8DDD\u79BB\u7A97\u53E3\u5E95\u90E8\u8FBE\u5230\u6307\u5B9A\u504F\u79FB\u91CF\u540E\u89E6\u53D1 | number |  |  |
| offsetTop | \u8DDD\u79BB\u7A97\u53E3\u9876\u90E8\u8FBE\u5230\u6307\u5B9A\u504F\u79FB\u91CF\u540E\u89E6\u53D1 | number |  |  |
| showInkInFixed | \`:affix=&quot;false&quot;\` \u65F6\u662F\u5426\u663E\u793A\u5C0F\u5706\u70B9 | boolean | false |  |
| targetOffset | \u951A\u70B9\u6EDA\u52A8\u504F\u79FB\u91CF\uFF0C\u9ED8\u8BA4\u4E0E offsetTop \u76F8\u540C\uFF0C[\u4F8B\u5B50](#components-anchor-demo-targetOffset) | number | \`offsetTop\` | 1.5.0 |
| wrapperClass | \u5BB9\u5668\u7684\u7C7B\u540D | string | - |  |
| wrapperStyle | \u5BB9\u5668\u6837\u5F0F | object | - |  |

### \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E                   | \u56DE\u8C03\u53C2\u6570                            | \u7248\u672C |       |
| -------- | ---------------------- | ----------------------------------- | ---- | ----- |
| change   | \u76D1\u542C\u951A\u70B9\u94FE\u63A5\u6539\u53D8       | (currentActiveLink: string) =&gt; void |      | 1.5.0 |
| click    | \`click\` \u4E8B\u4EF6\u7684 handler | Function(e: Event, link: Object)    |      |       |

### Link Props

| \u6210\u5458   | \u8BF4\u660E                             | \u7C7B\u578B         | \u9ED8\u8BA4\u503C | \u7248\u672C  |
| ------ | -------------------------------- | ------------ | ------ | ----- |
| href   | \u951A\u70B9\u94FE\u63A5                         | string       |        |       |
| target | \u8BE5\u5C5E\u6027\u6307\u5B9A\u5728\u4F55\u5904\u663E\u793A\u94FE\u63A5\u7684\u8D44\u6E90\u3002 | string       |        | 1.5.0 |
| title  | \u6587\u5B57\u5185\u5BB9                         | string\\|slot |        |       |
`,html:`<p>\u7528\u4E8E\u8DF3\u8F6C\u5230\u9875\u9762\u6307\u5B9A\u4F4D\u7F6E\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u9700\u8981\u5C55\u73B0\u5F53\u524D\u9875\u9762\u4E0A\u53EF\u4F9B\u8DF3\u8F6C\u7684\u951A\u70B9\u94FE\u63A5\uFF0C\u4EE5\u53CA\u5FEB\u901F\u5728\u951A\u70B9\u4E4B\u95F4\u8DF3\u8F6C\u3002</p>
<h2 id="API">API <a class="header-anchor" href="#API">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<h3 id="Anchor-Props">Anchor Props <a class="header-anchor" href="#Anchor-Props">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>\u6210\u5458</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>affix</td>
<td>\u56FA\u5B9A\u6A21\u5F0F</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>bounds</td>
<td>\u951A\u70B9\u533A\u57DF\u8FB9\u754C</td>
<td>number</td>
<td>5(px)</td>
<td></td>
</tr>
<tr>
<td>getContainer</td>
<td>\u6307\u5B9A\u6EDA\u52A8\u7684\u5BB9\u5668</td>
<td>() =&gt; HTMLElement</td>
<td>() =&gt; window</td>
<td></td>
</tr>
<tr>
<td>getCurrentAnchor</td>
<td>\u81EA\u5B9A\u4E49\u9AD8\u4EAE\u7684\u951A\u70B9</td>
<td>() =&gt; string</td>
<td>-</td>
<td>1.5.0</td>
</tr>
<tr>
<td>offsetBottom</td>
<td>\u8DDD\u79BB\u7A97\u53E3\u5E95\u90E8\u8FBE\u5230\u6307\u5B9A\u504F\u79FB\u91CF\u540E\u89E6\u53D1</td>
<td>number</td>
<td></td>
<td></td>
</tr>
<tr>
<td>offsetTop</td>
<td>\u8DDD\u79BB\u7A97\u53E3\u9876\u90E8\u8FBE\u5230\u6307\u5B9A\u504F\u79FB\u91CF\u540E\u89E6\u53D1</td>
<td>number</td>
<td></td>
<td></td>
</tr>
<tr>
<td>showInkInFixed</td>
<td><code>:affix=&quot;false&quot;</code> \u65F6\u662F\u5426\u663E\u793A\u5C0F\u5706\u70B9</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>targetOffset</td>
<td>\u951A\u70B9\u6EDA\u52A8\u504F\u79FB\u91CF\uFF0C\u9ED8\u8BA4\u4E0E offsetTop \u76F8\u540C\uFF0C<a href="#components-anchor-demo-targetOffset">\u4F8B\u5B50</a></td>
<td>number</td>
<td><code>offsetTop</code></td>
<td>1.5.0</td>
</tr>
<tr>
<td>wrapperClass</td>
<td>\u5BB9\u5668\u7684\u7C7B\u540D</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>wrapperStyle</td>
<td>\u5BB9\u5668\u6837\u5F0F</td>
<td>object</td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
<th>\u7248\u672C</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>\u76D1\u542C\u951A\u70B9\u94FE\u63A5\u6539\u53D8</td>
<td>(currentActiveLink: string) =&gt; void</td>
<td></td>
<td>1.5.0</td>
</tr>
<tr>
<td>click</td>
<td><code>click</code> \u4E8B\u4EF6\u7684 handler</td>
<td>Function(e: Event, link: Object)</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="Link-Props">Link Props <a class="header-anchor" href="#Link-Props">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>\u6210\u5458</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>href</td>
<td>\u951A\u70B9\u94FE\u63A5</td>
<td>string</td>
<td></td>
<td></td>
</tr>
<tr>
<td>target</td>
<td>\u8BE5\u5C5E\u6027\u6307\u5B9A\u5728\u4F55\u5904\u663E\u793A\u94FE\u63A5\u7684\u8D44\u6E90\u3002</td>
<td>string</td>
<td></td>
<td>1.5.0</td>
</tr>
<tr>
<td>title</td>
<td>\u6587\u5B57\u5185\u5BB9</td>
<td>string|slot</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
`,lastUpdated:1748060300507}},K={class:"markdown"};function J(l,s,p,u,i,m){return h(),b("article",K,s[0]||(s[0]=[f('<p>\u7528\u4E8E\u8DF3\u8F6C\u5230\u9875\u9762\u6307\u5B9A\u4F4D\u7F6E\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528"><span aria-hidden="true" class="anchor">#</span></a></h2><p>\u9700\u8981\u5C55\u73B0\u5F53\u524D\u9875\u9762\u4E0A\u53EF\u4F9B\u8DF3\u8F6C\u7684\u951A\u70B9\u94FE\u63A5\uFF0C\u4EE5\u53CA\u5FEB\u901F\u5728\u951A\u70B9\u4E4B\u95F4\u8DF3\u8F6C\u3002</p><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="Anchor-Props">Anchor Props <a class="header-anchor" href="#Anchor-Props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u6210\u5458</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>affix</td><td>\u56FA\u5B9A\u6A21\u5F0F</td><td>boolean</td><td>true</td><td></td></tr><tr><td>bounds</td><td>\u951A\u70B9\u533A\u57DF\u8FB9\u754C</td><td>number</td><td>5(px)</td><td></td></tr><tr><td>getContainer</td><td>\u6307\u5B9A\u6EDA\u52A8\u7684\u5BB9\u5668</td><td>() =&gt; HTMLElement</td><td>() =&gt; window</td><td></td></tr><tr><td>getCurrentAnchor</td><td>\u81EA\u5B9A\u4E49\u9AD8\u4EAE\u7684\u951A\u70B9</td><td>() =&gt; string</td><td>-</td><td>1.5.0</td></tr><tr><td>offsetBottom</td><td>\u8DDD\u79BB\u7A97\u53E3\u5E95\u90E8\u8FBE\u5230\u6307\u5B9A\u504F\u79FB\u91CF\u540E\u89E6\u53D1</td><td>number</td><td></td><td></td></tr><tr><td>offsetTop</td><td>\u8DDD\u79BB\u7A97\u53E3\u9876\u90E8\u8FBE\u5230\u6307\u5B9A\u504F\u79FB\u91CF\u540E\u89E6\u53D1</td><td>number</td><td></td><td></td></tr><tr><td>showInkInFixed</td><td><code>:affix=&quot;false&quot;</code> \u65F6\u662F\u5426\u663E\u793A\u5C0F\u5706\u70B9</td><td>boolean</td><td>false</td><td></td></tr><tr><td>targetOffset</td><td>\u951A\u70B9\u6EDA\u52A8\u504F\u79FB\u91CF\uFF0C\u9ED8\u8BA4\u4E0E offsetTop \u76F8\u540C\uFF0C<a href="#components-anchor-demo-targetOffset">\u4F8B\u5B50</a></td><td>number</td><td><code>offsetTop</code></td><td>1.5.0</td></tr><tr><td>wrapperClass</td><td>\u5BB9\u5668\u7684\u7C7B\u540D</td><td>string</td><td>-</td><td></td></tr><tr><td>wrapperStyle</td><td>\u5BB9\u5668\u6837\u5F0F</td><td>object</td><td>-</td><td></td></tr></tbody></table><h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6 <a class="header-anchor" href="#\u4E8B\u4EF6"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th><th>\u7248\u672C</th><th></th></tr></thead><tbody><tr><td>change</td><td>\u76D1\u542C\u951A\u70B9\u94FE\u63A5\u6539\u53D8</td><td>(currentActiveLink: string) =&gt; void</td><td></td><td>1.5.0</td></tr><tr><td>click</td><td><code>click</code> \u4E8B\u4EF6\u7684 handler</td><td>Function(e: Event, link: Object)</td><td></td><td></td></tr></tbody></table><h3 id="Link-Props">Link Props <a class="header-anchor" href="#Link-Props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u6210\u5458</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>href</td><td>\u951A\u70B9\u94FE\u63A5</td><td>string</td><td></td><td></td></tr><tr><td>target</td><td>\u8BE5\u5C5E\u6027\u6307\u5B9A\u5728\u4F55\u5904\u663E\u793A\u94FE\u63A5\u7684\u8D44\u6E90\u3002</td><td>string</td><td></td><td>1.5.0</td></tr><tr><td>title</td><td>\u6587\u5B57\u5185\u5BB9</td><td>string|slot</td><td></td><td></td></tr></tbody></table>',10)]))}const T=d(D,[["render",J]]),U={pageData:{title:"Anchor",description:"",frontmatter:{category:"Components",type:"Other",cols:2,title:"Anchor",cover:"https://gw.alipayobjects.com/zos/alicdn/_1-C1JwsC/Anchor.svg"},headers:[{level:2,title:"When To Use",slug:"When-To-Use",content:"For displaying anchor hyperlinks on page and jumping between them."},{level:2,title:"API",slug:"API",content:"Anchor Props"},{level:3,title:"Anchor Props",slug:"Anchor-Props",content:""},{level:3,title:"Events",slug:"Events",content:""},{level:3,title:"Link Props",slug:"Link-Props",content:""}],relativePath:"components/anchor/index.en-US.md",content:`
Hyperlinks to scroll on one page.

## When To Use

For displaying anchor hyperlinks on page and jumping between them.

## API

### Anchor Props

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| affix | Fixed mode of Anchor | boolean | true |  |
| bounds | Bounding distance of anchor area | number | 5(px) |  |
| getContainer | Scrolling container | () =&gt; HTMLElement | () =&gt; window |  |
| getCurrentAnchor | Customize the anchor highlight | () =&gt; string | - | 1.5.0 |
| offsetBottom | Pixels to offset from bottom when calculating position of scroll | number | - |  |
| offsetTop | Pixels to offset from top when calculating position of scroll | number | 0 |  |
| showInkInFixed | Whether show ink-balls when \`\uFF1Aaffix=&quot;false&quot;\` | boolean | false |  |
| targetOffset | Anchor scroll offset, default as \`offsetTop\`, [example](#components-anchor-demo-targetOffset) | number | \`offsetTop\` | 1.5.0 |
| wrapperClass | The class name of the container | string | - |  |
| wrapperStyle | The style of the container | object | - |  |

### Events

| Events Name | Description | Arguments | Version |  |
| --- | --- | --- | --- | --- |
| change | Listening for anchor link change | (currentActiveLink: string) =&gt; void |  | 1.5.0 |
| click | set the handler to handle \`click\` event | Function(e: Event, link: Object) |  |  |

### Link Props

| Property | Description                               | Type         | Default | Version |
| -------- | ----------------------------------------- | ------------ | ------- | ------- |
| href     | target of hyperlink                       | string       |         |         |
| target   | Specifies where to display the linked URL | string       |         | 1.5.0   |
| title    | content of hyperlink                      | string\\|slot |         |         |
`,html:`<p>Hyperlinks to scroll on one page.</p>
<h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>For displaying anchor hyperlinks on page and jumping between them.</p>
<h2 id="API">API <a class="header-anchor" href="#API">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<h3 id="Anchor-Props">Anchor Props <a class="header-anchor" href="#Anchor-Props">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>affix</td>
<td>Fixed mode of Anchor</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>bounds</td>
<td>Bounding distance of anchor area</td>
<td>number</td>
<td>5(px)</td>
<td></td>
</tr>
<tr>
<td>getContainer</td>
<td>Scrolling container</td>
<td>() =&gt; HTMLElement</td>
<td>() =&gt; window</td>
<td></td>
</tr>
<tr>
<td>getCurrentAnchor</td>
<td>Customize the anchor highlight</td>
<td>() =&gt; string</td>
<td>-</td>
<td>1.5.0</td>
</tr>
<tr>
<td>offsetBottom</td>
<td>Pixels to offset from bottom when calculating position of scroll</td>
<td>number</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>offsetTop</td>
<td>Pixels to offset from top when calculating position of scroll</td>
<td>number</td>
<td>0</td>
<td></td>
</tr>
<tr>
<td>showInkInFixed</td>
<td>Whether show ink-balls when <code>\uFF1Aaffix=&quot;false&quot;</code></td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>targetOffset</td>
<td>Anchor scroll offset, default as <code>offsetTop</code>, <a href="#components-anchor-demo-targetOffset">example</a></td>
<td>number</td>
<td><code>offsetTop</code></td>
<td>1.5.0</td>
</tr>
<tr>
<td>wrapperClass</td>
<td>The class name of the container</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>wrapperStyle</td>
<td>The style of the container</td>
<td>object</td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="Events">Events <a class="header-anchor" href="#Events">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
<th>Version</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>Listening for anchor link change</td>
<td>(currentActiveLink: string) =&gt; void</td>
<td></td>
<td>1.5.0</td>
</tr>
<tr>
<td>click</td>
<td>set the handler to handle <code>click</code> event</td>
<td>Function(e: Event, link: Object)</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="Link-Props">Link Props <a class="header-anchor" href="#Link-Props">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>href</td>
<td>target of hyperlink</td>
<td>string</td>
<td></td>
<td></td>
</tr>
<tr>
<td>target</td>
<td>Specifies where to display the linked URL</td>
<td>string</td>
<td></td>
<td>1.5.0</td>
</tr>
<tr>
<td>title</td>
<td>content of hyperlink</td>
<td>string|slot</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
`,lastUpdated:1748060300506}},E={class:"markdown"};function Q(l,s,p,u,i,m){return h(),b("article",E,s[0]||(s[0]=[f('<p>Hyperlinks to scroll on one page.</p><h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use"><span aria-hidden="true" class="anchor">#</span></a></h2><p>For displaying anchor hyperlinks on page and jumping between them.</p><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="Anchor-Props">Anchor Props <a class="header-anchor" href="#Anchor-Props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>affix</td><td>Fixed mode of Anchor</td><td>boolean</td><td>true</td><td></td></tr><tr><td>bounds</td><td>Bounding distance of anchor area</td><td>number</td><td>5(px)</td><td></td></tr><tr><td>getContainer</td><td>Scrolling container</td><td>() =&gt; HTMLElement</td><td>() =&gt; window</td><td></td></tr><tr><td>getCurrentAnchor</td><td>Customize the anchor highlight</td><td>() =&gt; string</td><td>-</td><td>1.5.0</td></tr><tr><td>offsetBottom</td><td>Pixels to offset from bottom when calculating position of scroll</td><td>number</td><td>-</td><td></td></tr><tr><td>offsetTop</td><td>Pixels to offset from top when calculating position of scroll</td><td>number</td><td>0</td><td></td></tr><tr><td>showInkInFixed</td><td>Whether show ink-balls when <code>\uFF1Aaffix=&quot;false&quot;</code></td><td>boolean</td><td>false</td><td></td></tr><tr><td>targetOffset</td><td>Anchor scroll offset, default as <code>offsetTop</code>, <a href="#components-anchor-demo-targetOffset">example</a></td><td>number</td><td><code>offsetTop</code></td><td>1.5.0</td></tr><tr><td>wrapperClass</td><td>The class name of the container</td><td>string</td><td>-</td><td></td></tr><tr><td>wrapperStyle</td><td>The style of the container</td><td>object</td><td>-</td><td></td></tr></tbody></table><h3 id="Events">Events <a class="header-anchor" href="#Events"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th><th></th></tr></thead><tbody><tr><td>change</td><td>Listening for anchor link change</td><td>(currentActiveLink: string) =&gt; void</td><td></td><td>1.5.0</td></tr><tr><td>click</td><td>set the handler to handle <code>click</code> event</td><td>Function(e: Event, link: Object)</td><td></td><td></td></tr></tbody></table><h3 id="Link-Props">Link Props <a class="header-anchor" href="#Link-Props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>href</td><td>target of hyperlink</td><td>string</td><td></td><td></td></tr><tr><td>target</td><td>Specifies where to display the linked URL</td><td>string</td><td></td><td>1.5.0</td></tr><tr><td>title</td><td>content of hyperlink</td><td>string|slot</td><td></td><td></td></tr></tbody></table>',10)]))}const M=d(U,[["render",Q]]),O=I({CN:T,US:M,components:{Basic:Z,Static:w,OnClick:H,CustomizeHighlight:j,TargetOffset:X,OnChange:_},setup(){return{}}});function $(l,s,p,u,i,m){const e=c("basic"),r=c("static"),k=c("on-click"),v=c("customize-highlight"),C=c("target-offset"),A=c("on-change"),W=c("demo-sort");return h(),g(W,null,{default:o(()=>[a(e),a(r),a(k),a(v),a(C),a(A)]),_:1})}const tn=d(O,[["render",$]]);export{tn as default};