ant-design-vue/e447b683.async.js

1 line
12 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

(window.webpackJsonp=window.webpackJsonp||[]).push([[43],{1475:function(t,s,a){"use strict";a.r(s);var e=function(){var t=this.$createElement;this._self._c;return this._m(0)};e._withStripped=!0;var r=a(31),n=Object(r.a)({},e,[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[a("h2",{attrs:{id:"使用"}},[t._v("使用 "),a("a",{staticClass:"anchor",attrs:{href:"#使用"}},[t._v("#")])]),t._v(" "),a("p",[t._v("ConfigProvider 使用 Vue 的 "),a("a",{attrs:{href:"https://vuejs.org/v2/api/#provide-inject"}},[t._v("provide / inject")]),t._v(" 特性,只需在应用外围包裹一次即可全局生效。")]),t._v(" "),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-config-provider")]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v(":getPopupContainer")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"getPopupContainer"')]),t._v(">")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("app")]),t._v(" />")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-config-provider")]),t._v(">")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),a("span",{pre:!0,attrs:{class:"javascript"}},[t._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n getPopupContainer(el, dialogContext) {\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (dialogContext) {\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" dialogContext.getDialogWrap();\n } "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("else")]),t._v(" {\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[t._v("document")]),t._v(".body;\n }\n },\n },\n };\n")]),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("h3",{attrs:{id:"Content-Security-Policy"}},[t._v("Content Security Policy "),a("a",{staticClass:"anchor",attrs:{href:"#Content-Security-Policy"}},[t._v("#")])]),t._v(" "),a("p",[t._v("部分组件为了支持波纹效果,使用了动态样式。如果开启了 Content Security Policy (CSP),你可以通过 "),a("code",{pre:!0},[t._v("csp")]),t._v(" 属性来进行配置:")]),t._v(" "),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-config-provider")]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v(":csp")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("\"{ nonce: 'YourNonceCode' }\"")]),t._v(">")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-button")]),t._v(">")]),t._v("My Button"),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-button")]),t._v(">")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-config-provider")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("h2",{attrs:{id:"API"}},[t._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("参数")]),t._v(" "),a("th",[t._v("说明")]),t._v(" "),a("th",[t._v("类型")]),t._v(" "),a("th",[t._v("默认值")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("autoInsertSpaceInButton")]),t._v(" "),a("td",[t._v("设置为 "),a("code",{pre:!0},[t._v("false")]),t._v(" 时,移除按钮中 2 个汉字之间的空格")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("csp")]),t._v(" "),a("td",[t._v("设置 "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP"}},[t._v("Content Security Policy")]),t._v(" 配置")]),t._v(" "),a("td",[t._v("{ nonce: string }")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("renderEmpty")]),t._v(" "),a("td",[t._v("自定义组件空状态。参考 "),a("a",{attrs:{href:"/components/empty/"}},[t._v("空状态")])]),t._v(" "),a("td",[t._v("slot-scope | Function(componentName: string): VNode")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("getPopupContainer")]),t._v(" "),a("td",[t._v("弹出框Select, Tooltip, Menu 等等)渲染父节点,默认渲染到 body 上。")]),t._v(" "),a("td",[t._v("Function(triggerNode, dialogContext)")]),t._v(" "),a("td",[t._v("() => document.body")])]),t._v(" "),a("tr",[a("td",[t._v("prefixCls")]),t._v(" "),a("td",[t._v("设置统一样式前缀")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("ant")])])])])])}],!1,null,null,null);n.options.__file="components/config-provider/index.zh-CN.md";var v=n.exports,_=function(){var t=this.$createElement;this._self._c;return this._m(0)};_._withStripped=!0;var p=Object(r.a)({},_,[function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",[a("h2",{attrs:{id:"Usage"}},[t._v("Usage "),a("a",{staticClass:"anchor",attrs:{href:"#Usage"}},[t._v("#")])]),t._v(" "),a("p",[t._v("This component provides a configuration to all Vue components underneath itself via the "),a("a",{attrs:{href:"https://vuejs.org/v2/api/#provide-inject"}},[t._v("provide / inject")]),t._v(", In the render tree all components will have access to the provided config.")]),t._v(" "),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-config-provider")]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v(":getPopupContainer")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v('"getPopupContainer"')]),t._v(">")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("app")]),t._v(" />")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-config-provider")]),t._v(">")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),a("span",{pre:!0,attrs:{class:"javascript"}},[t._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n getPopupContainer(el, dialogContext) {\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("if")]),t._v(" (dialogContext) {\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" dialogContext.getDialogWrap();\n } "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("else")]),t._v(" {\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[t._v("document")]),t._v(".body;\n }\n },\n },\n };\n")]),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("h3",{attrs:{id:"Content-Security-Policy"}},[t._v("Content Security Policy "),a("a",{staticClass:"anchor",attrs:{href:"#Content-Security-Policy"}},[t._v("#")])]),t._v(" "),a("p",[t._v("Some component use dynamic style to support wave effect. You can config "),a("code",{pre:!0},[t._v("csp")]),t._v(" prop if Content Security Policy (CSP) is enabled:")]),t._v(" "),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-config-provider")]),t._v(" "),a("span",{pre:!0,attrs:{class:"hljs-attr"}},[t._v(":csp")]),t._v("="),a("span",{pre:!0,attrs:{class:"hljs-string"}},[t._v("\"{ nonce: 'YourNonceCode' }\"")]),t._v(">")]),t._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-button")]),t._v(">")]),t._v("My Button"),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-button")]),t._v(">")]),t._v("\n"),a("span",{pre:!0,attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{pre:!0,attrs:{class:"hljs-name"}},[t._v("a-config-provider")]),t._v(">")]),t._v("\n")])]),t._v(" "),a("h2",{attrs:{id:"API"}},[t._v("API "),a("a",{staticClass:"anchor",attrs:{href:"#API"}},[t._v("#")])]),t._v(" "),a("table",[a("thead",[a("tr",[a("th",[t._v("Property")]),t._v(" "),a("th",[t._v("Description")]),t._v(" "),a("th",[t._v("Type")]),t._v(" "),a("th",[t._v("Default")])])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("autoInsertSpaceInButton")]),t._v(" "),a("td",[t._v("Set "),a("code",{pre:!0},[t._v("false")]),t._v(" to remove space between 2 chinese characters on Button")]),t._v(" "),a("td",[t._v("boolean")]),t._v(" "),a("td",[t._v("true")])]),t._v(" "),a("tr",[a("td",[t._v("csp")]),t._v(" "),a("td",[t._v("Set "),a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP"}},[t._v("Content Security Policy")]),t._v(" config")]),t._v(" "),a("td",[t._v("{ nonce: string }")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("renderEmpty")]),t._v(" "),a("td",[t._v("set empty content of components. Ref "),a("a",{attrs:{href:"/components/empty/"}},[t._v("Empty")])]),t._v(" "),a("td",[t._v("slot-scope | Function(componentName: string): ReactNode")]),t._v(" "),a("td",[t._v("-")])]),t._v(" "),a("tr",[a("td",[t._v("getPopupContainer")]),t._v(" "),a("td",[t._v("to set the container of the popup element. The default is to create a "),a("code",{pre:!0},[t._v("div")]),t._v(" element in "),a("code",{pre:!0},[t._v("body")]),t._v(".")]),t._v(" "),a("td",[t._v("Function(triggerNode, dialogContext)")]),t._v(" "),a("td",[a("code",{pre:!0},[t._v("() => document.body")])])]),t._v(" "),a("tr",[a("td",[t._v("prefixCls")]),t._v(" "),a("td",[t._v("set prefix class")]),t._v(" "),a("td",[t._v("string")]),t._v(" "),a("td",[t._v("ant")])])])])])}],!1,null,null,null);p.options.__file="components/config-provider/index.en-US.md";var o=p.exports,l="# ConfigProvider 全局化配置\n为组件提供统一的全局化配置。",c="# ConfigProvider\n`ConfigProvider` provides a uniform configuration support for components.\n",i={category:"Components",subtitle:"全局化配置",cols:1,type:"其他",title:"ConfigProvider",render:function(){var t=arguments[0];return t("div",[t("md",{attrs:{cn:l,us:c}}),t("api",[t("template",{slot:"cn"},[t(v)]),t(o)])])}},d=Object(r.a)(i,void 0,void 0,!1,null,null,null);d.options.__file="components/config-provider/demo/index.vue";s.default=d.exports}}]);