ant-design/site/theme/static/template.html

<!DOCTYPE html>
<html {{ htmlAttributes | safe }}>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#1890ff" />
    <title>{% if title %}{{ title | safe }}{% else %}{% endif %}</title>
    {% if meta %}{{ meta | safe }}{% endif %}
    <link
      rel="icon"
      href="https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png"
      type="image/x-icon"
    />
    {% for cssFile in manifest["css"] %}
    <link rel="stylesheet" type="text/css" href="{{ root }}{{ cssFile }}" />
    {% endfor %}
    <style id="nprogress-style">
      #nprogress {
        display: none;
      }
    </style>
    <link rel="stylesheet/less" type="text/css" href="{{ root }}color.less" />
    <script src="https://b.alicdn.com/s/polyfill.min.js?features=default,es2015,Intl"></script>
    <link id="darkThemeLink" rel="stylesheet" href="/dark.css" />
    <script>
      /* 设置 meta theme-color 的值，默认会设置一个 #1890ff   */
      function setColor(isDarken) {
        try {
          const theme = document.getElementsByTagName('meta')['theme-color'];
          theme.setAttribute('content', isDarken ? 'rgba(0,0,0,0.65)' : '#1890ff');
        } catch (error) {}
      }
      /* -------------------------- 主题相关 -------------------------- */
      (function () {
        /* 获取查询参数对象 */
        function getSearchParam(search) {
          // 处理入参错误
          var search = search || location.search;
          if (search === undefined) return;

          var pattern = /(\w+)=(\w+)/gi; // 定义正则
          var matches = search.match(pattern);
          if (!matches) return;

          var searchParam = Object.fromEntries(matches.map(item => item.split('=')));
          return searchParam;
        }

        var searchParam = getSearchParam(location.search) || {}; // 查询参数对象

        var isDarkMode = searchParam.theme === 'dark'; // 判断当前主题
        var isComponentsPage = location.pathname.startsWith('/components'); // 判断是否组件页面

        // 1. 暗色主题刷新时无白屏
        // 如果是暗色主题，且在components路由下
        var darkThemeLinkEl = document.getElementById('darkThemeLink');
        if (isDarkMode && isComponentsPage) {
          // 将预先定义的暗色主题link移动到body内
          document.addEventListener(
            'readystatechange',
            () => {
              document.body.prepend(darkThemeLinkEl);
            },
            { once: true },
          );
          // load后卸载
          window.addEventListener('load', () => darkThemeLinkEl.remove(), { once: true });
          setColor(true);
          // 清除dark.css中的全部transition 待解析完后恢复
          var styleElement = document.createElement('style');
          styleElement.type = 'text/css';
          styleElement.innerHTML =
            '* {transition: none !important;} html {background: rgb(20, 20, 20)}';
          document.head.appendChild(styleElement);
          document.documentElement.style.backgroundColor = 'black';
          window.addEventListener('load', () => styleElement.remove(), { once: true });

          // 设置系统主题
          document.documentElement.style.colorScheme = 'dark';
        } else {
          setColor(false);
          document.documentElement.style.colorScheme = 'light';
          darkThemeLinkEl.remove();
        }
      })();
    </script>
    <script>
      (function () {
        function isLocalStorageNameSupported() {
          var testKey = 'test';
          var storage = window.localStorage;
          try {
            storage.setItem(testKey, '1');
            storage.removeItem(testKey);
            return true;
          } catch (error) {
            return false;
          }
        }
        // 优先级提高到所有静态资源的前面，语言不对，加载其他静态资源没意义
        var pathname = location.pathname;

        function isZhCN(pathname) {
          return /-cn\/?$/.test(pathname);
        }
        function getLocalizedPathname(path, zhCN) {
          var pathname = path.startsWith('/') ? path : '/' + path;
          if (!zhCN) {
            // to enUS
            return /\/?index-cn/.test(pathname) ? '/' : pathname.replace('-cn', '');
          } else if (pathname === '/') {
            return '/index-cn';
          } else if (pathname.endsWith('/')) {
            return pathname.replace(/\/$/, '-cn/');
          }
          return pathname + '-cn';
        }

        // 兼容旧的 URL， `?locale=...`
        var queryString = location.search;
        if (queryString) {
          var isZhCNConfig = queryString.indexOf('zh-CN') > -1;
          if (isZhCNConfig && !isZhCN(pathname)) {
            location.pathname = getLocalizedPathname(pathname, isZhCNConfig);
          }
        }

        // 首页无视链接里面的语言设置 https://github.com/ant-design/ant-design/issues/4552
        if (isLocalStorageNameSupported() && (pathname === '/' || pathname === '/index-cn')) {
          var lang =
            (window.localStorage && localStorage.getItem('locale')) ||
            ((navigator.language || navigator.browserLanguage).toLowerCase() === 'zh-cn'
              ? 'zh-CN'
              : 'en-US');
          // safari is 'zh-cn', while other browser is 'zh-CN';
          if ((lang === 'zh-CN') !== isZhCN(pathname)) {
            location.pathname = getLocalizedPathname(pathname, lang === 'zh-CN');
          }
        }
        document.documentElement.className += isZhCN(pathname) ? 'zh-cn' : 'en-us';
      })();
    </script>
  </head>
  <body>
    <div id="react-content">{{ content | safe }}</div>
    {% for jsFile in manifest["js"] %}
    <script src="{{ root }}{{ jsFile }}"></script>
    {% endfor %}
    <!-- Global Site Tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-72788897-1"></script>
    <script>
      if (!location.port) {
        // Enable Google Analytics
        window.dataLayer = window.dataLayer || [];
        function gtag() {
          dataLayer.push(arguments);
        }
        gtag('js', new Date());
        gtag('config', 'UA-72788897-1');
      }
    </script>
    <!-- Hotjar Tracking Code for ant.design -->
    <script>
      (function (h, o, t, j, a, r) {
        if (location.hostname === 'localhost') {
          return;
        }

        h.hj =
          h.hj ||
          function () {
            (h.hj.q = h.hj.q || []).push(arguments);
          };
        h._hjSettings = { hjid: 473408, hjsv: 5 };
        a = o.getElementsByTagName('head')[0];
        r = o.createElement('script');
        r.async = 1;
        r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
        a.appendChild(r);
      })(window, document, '//static.hotjar.com/c/hotjar-', '.js?sv=');
    </script>

    <!--
      感谢每位为开源理想而奋斗的人们，愿你们在人生新的旅途一帆风顺！~
      https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*_7M0S7zdFBcAAAAAAAAAAAAAARQnAQ

      2021.05.21
    -->
  </body>
</html>
-												refactor: replace nico with React

											
										
										
											2016-02-29 14:08:40 +08:00
+								<!DOCTYPE html>
-												feat: helmet seo

											
										
										
											2019-09-08 11:07:54 +08:00
+								<html {{ htmlAttributes | safe }}>
-												site: update html indentation

											
										
										
											2016-12-09 14:14:31 +08:00
+								  <head>
-												:lipstick: prittier all files

											
										
										
											2019-05-07 14:57:32 +08:00
+								    <meta charset="utf-8" />
 								    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 								    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-												chore: add theme color meta (#31872)


											
										
										
											2021-08-23 10:46:56 +08:00
+								    <meta name="theme-color" content="#1890ff" />
-												tweak: site title unescape
											
										
										
											2019-10-01 16:22:19 +08:00
+								    <title>{% if title %}{{ title | safe }}{% else %}{% endif %}</title>
-												feat: helmet seo

											
										
										
											2019-09-08 11:07:54 +08:00
+								    {% if meta %}{{ meta | safe }}{% endif %}
-												:lipstick: prittier all files

											
										
										
											2019-05-07 14:57:32 +08:00
+								    <link
 								      rel="icon"
 								      href="https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png"
 								      type="image/x-icon"
 								    />
 								    {% for cssFile in manifest["css"] %}
 								    <link rel="stylesheet" type="text/css" href="{{ root }}{{ cssFile }}" />
-												:bug: static hash

											
										
										
											2019-04-09 20:19:45 +08:00
+								    {% endfor %}
-												site: move script to body bottom

											
										
										
											2018-08-17 22:29:36 +08:00
+								    <style id="nprogress-style">
-												:lipstick: prittier all files

											
										
										
											2019-05-07 14:57:32 +08:00
+								      #nprogress {
 								        display: none;
 								      }
-												site: move script to body bottom

											
										
										
											2018-08-17 22:29:36 +08:00
+								    </style>
-												:lipstick: prittier all files

											
										
										
											2019-05-07 14:57:32 +08:00
+								    <link rel="stylesheet/less" type="text/css" href="{{ root }}color.less" />
-												chore: change cdn url

close #29311

											
										
										
											2021-05-06 10:34:06 +08:00
+								    <script src="https://b.alicdn.com/s/polyfill.min.js?features=default,es2015,Intl"></script>
-												docs: improve theme switch experience (#31816)

* feat: 优化暗色主题模式下刷新白屏且延迟切换的问题，优化主题路由自动切换逻辑

* feat: 添加系统主题color-scheme, 在暗色模式下滚动条等系统控件也变为暗色主题

* feat: remove logic about localstorage theme, query theme from url search
											
										
										
											2021-08-17 13:15:20 +08:00
+								    <link id="darkThemeLink" rel="stylesheet" href="/dark.css" />
 								    <script>
-												chore: add theme color meta (#31872)


											
										
										
											2021-08-23 10:46:56 +08:00
+								      /* 设置 meta theme-color 的值，默认会设置一个 #1890ff   */
 								      function setColor(isDarken) {
 								        try {
 								          const theme = document.getElementsByTagName('meta')['theme-color'];
 								          theme.setAttribute('content', isDarken ? 'rgba(0,0,0,0.65)' : '#1890ff');
 								        } catch (error) {}
 								      }
-												docs: improve theme switch experience (#31816)

* feat: 优化暗色主题模式下刷新白屏且延迟切换的问题，优化主题路由自动切换逻辑

* feat: 添加系统主题color-scheme, 在暗色模式下滚动条等系统控件也变为暗色主题

* feat: remove logic about localstorage theme, query theme from url search
											
										
										
											2021-08-17 13:15:20 +08:00
+								      /* -------------------------- 主题相关 -------------------------- */
 								      (function () {
 								        /* 获取查询参数对象 */
 								        function getSearchParam(search) {
 								          // 处理入参错误
 								          var search = search || location.search;
 								          if (search === undefined) return;
 								          var pattern = /(\w+)=(\w+)/gi; // 定义正则
 								          var matches = search.match(pattern);
 								          if (!matches) return;
 								          var searchParam = Object.fromEntries(matches.map(item => item.split('=')));
 								          return searchParam;
 								        }
 								        var searchParam = getSearchParam(location.search) || {}; // 查询参数对象
 								        var isDarkMode = searchParam.theme === 'dark'; // 判断当前主题
 								        var isComponentsPage = location.pathname.startsWith('/components'); // 判断是否组件页面
 								        // 1. 暗色主题刷新时无白屏
 								        // 如果是暗色主题，且在components路由下
 								        var darkThemeLinkEl = document.getElementById('darkThemeLink');
 								        if (isDarkMode && isComponentsPage) {
 								          // 将预先定义的暗色主题link移动到body内
 								          document.addEventListener(
 								            'readystatechange',
 								            () => {
 								              document.body.prepend(darkThemeLinkEl);
 								            },
 								            { once: true },
 								          );
 								          // load后卸载
 								          window.addEventListener('load', () => darkThemeLinkEl.remove(), { once: true });
-												chore: add theme color meta (#31872)


											
										
										
											2021-08-23 10:46:56 +08:00
+								          setColor(true);
-												docs: improve theme switch experience (#31816)

* feat: 优化暗色主题模式下刷新白屏且延迟切换的问题，优化主题路由自动切换逻辑

* feat: 添加系统主题color-scheme, 在暗色模式下滚动条等系统控件也变为暗色主题

* feat: remove logic about localstorage theme, query theme from url search
											
										
										
											2021-08-17 13:15:20 +08:00
+								          // 清除dark.css中的全部transition 待解析完后恢复
 								          var styleElement = document.createElement('style');
 								          styleElement.type = 'text/css';
 								          styleElement.innerHTML =
 								            '* {transition: none !important;} html {background: rgb(20, 20, 20)}';
 								          document.head.appendChild(styleElement);
 								          document.documentElement.style.backgroundColor = 'black';
 								          window.addEventListener('load', () => styleElement.remove(), { once: true });
 								          // 设置系统主题
 								          document.documentElement.style.colorScheme = 'dark';
 								        } else {
-												chore: add theme color meta (#31872)


											
										
										
											2021-08-23 10:46:56 +08:00
+								          setColor(false);
-												docs: improve theme switch experience (#31816)

* feat: 优化暗色主题模式下刷新白屏且延迟切换的问题，优化主题路由自动切换逻辑

* feat: 添加系统主题color-scheme, 在暗色模式下滚动条等系统控件也变为暗色主题

* feat: remove logic about localstorage theme, query theme from url search
											
										
										
											2021-08-17 13:15:20 +08:00
+								          document.documentElement.style.colorScheme = 'light';
 								          darkThemeLinkEl.remove();
 								        }
 								      })();
 								    </script>
-												site: homepage will switch to right lang, close: #4552

											
										
										
											2017-02-10 12:12:13 +08:00
+								    <script>
-												feat: New Tabs (#24552)

* init style

* support size

* editable

* add shadow

* update demo

* fix nest style

* update rtl

* update snapshot

* bump

* fix hover

* fix test case

* fix style lint

* clean up

* updat docs

* add onTabScroll

* upgrade rc-dropdown

* update snapshot

* clean snapshot

* clean up

Co-authored-by: afc163 <afc163@gmail.com>
											
										
										
											2020-05-30 18:28:25 +08:00
+								      (function () {
-												:lipstick: prittier all files

											
										
										
											2019-05-07 14:57:32 +08:00
+								        function isLocalStorageNameSupported() {
 								          var testKey = 'test';
 								          var storage = window.localStorage;
 								          try {
 								            storage.setItem(testKey, '1');
 								            storage.removeItem(testKey);
 								            return true;
 								          } catch (error) {
 								            return false;
 								          }
-												Fix bug of switch language in iOS

											
										
										
											2017-02-21 13:36:17 +08:00
+								        }
-												:lipstick: prittier all files

											
										
										
											2019-05-07 14:57:32 +08:00
+								        // 优先级提高到所有静态资源的前面，语言不对，加载其他静态资源没意义
 								        var pathname = location.pathname;
-												site: homepage will switch to right lang, close: #4552

											
										
										
											2017-02-10 12:12:13 +08:00
-												:lipstick: prittier all files

											
										
										
											2019-05-07 14:57:32 +08:00
+								        function isZhCN(pathname) {
 								          return /-cn\/?$/.test(pathname);
 								        }
 								        function getLocalizedPathname(path, zhCN) {
 								          var pathname = path.startsWith('/') ? path : '/' + path;
 								          if (!zhCN) {
 								            // to enUS
 								            return /\/?index-cn/.test(pathname) ? '/' : pathname.replace('-cn', '');
 								          } else if (pathname === '/') {
 								            return '/index-cn';
 								          } else if (pathname.endsWith('/')) {
 								            return pathname.replace(/\/$/, '-cn/');
 								          }
 								          return pathname + '-cn';
-												site: homepage will switch to right lang, close: #4552

											
										
										
											2017-02-10 12:12:13 +08:00
+								        }
-												:lipstick: prittier all files

											
										
										
											2019-05-07 14:57:32 +08:00
+								        // 兼容旧的 URL， `?locale=...`
 								        var queryString = location.search;
 								        if (queryString) {
 								          var isZhCNConfig = queryString.indexOf('zh-CN') > -1;
 								          if (isZhCNConfig && !isZhCN(pathname)) {
 								            location.pathname = getLocalizedPathname(pathname, isZhCNConfig);
 								          }
-												site: homepage will switch to right lang, close: #4552

											
										
										
											2017-02-10 12:12:13 +08:00
+								        }
-												:lipstick: prittier all files

											
										
										
											2019-05-07 14:57:32 +08:00
+								        // 首页无视链接里面的语言设置 https://github.com/ant-design/ant-design/issues/4552
 								        if (isLocalStorageNameSupported() && (pathname === '/' || pathname === '/index-cn')) {
 								          var lang =
 								            (window.localStorage && localStorage.getItem('locale')) ||
 								            ((navigator.language || navigator.browserLanguage).toLowerCase() === 'zh-cn'
 								              ? 'zh-CN'
 								              : 'en-US');
 								          // safari is 'zh-cn', while other browser is 'zh-CN';
 								          if ((lang === 'zh-CN') !== isZhCN(pathname)) {
 								            location.pathname = getLocalizedPathname(pathname, lang === 'zh-CN');
 								          }
-												site: homepage will switch to right lang, close: #4552

											
										
										
											2017-02-10 12:12:13 +08:00
+								        }
-												:lipstick: prittier all files

											
										
										
											2019-05-07 14:57:32 +08:00
+								        document.documentElement.className += isZhCN(pathname) ? 'zh-cn' : 'en-us';
 								      })();
-												site: homepage will switch to right lang, close: #4552

											
										
										
											2017-02-10 12:12:13 +08:00
+								    </script>
-												site: tweak script and style tags order

											
										
										
											2018-08-20 17:02:10 +08:00
+								  </head>
 								  <body>
-												chore: improve code style (#27266)


											
										
										
											2020-10-21 10:35:06 +08:00
+								    <div id="react-content">{{ content | safe }}</div>
-												refactor: 📦 smaller bundlesize limit (#20356)

* 📦 samller bundlesize limit

* :wastebasket: remove React static PropTypes

* :wastebasket: remove react-lifecycles-compat

* :wastebasket: remove matchMedia polyfill

* :wastebasket: remove Transfer buggy lazy prop

* :wastebasket: remove enquire.js dep

* :wastebasket: remove Transfer lazy related code and fix ci

* :wastebasket: remove used dom-closest

* :zap: replace dom-scroll-into-view to scroll-into-view for bundle size

* :white_check_mark: fix eslint

* :up: upgrade browserslist

* :white_check_mark: fix test cases

* :wastebasket: remove @ant-design/create-react-context

* :up: upgrade @ant-design/bisheng-plugin

* :up: upgrade rc-slider

* :white_check_mark: fix ci

* :up: upgrade rc-tabs and rc-mentions

* :package: scroll-into-view -> scroll-into-view-if-needed

* remove unused devDep

* docs: :memo: update instruction about IE9/10

* :package: reduce css bundle size by drop IE9/10 support

* :up: upgrade rc-upload

* :wastebasket: drop unused swing motion css

* :white_check_mark: update upload snapshots

* :package: lift css bundlesize limit to 55kb

											
										
										
											2019-12-23 18:33:08 +08:00
+								    {% for jsFile in manifest["js"] %}
 								    <script src="{{ root }}{{ jsFile }}"></script>
-												:bug: static hash

											
										
										
											2019-04-09 20:19:45 +08:00
+								    {% endfor %}
-												:chart_with_upwards_trend: site: fix ga event

											
										
										
											2018-11-13 15:24:12 +08:00
+								    <!-- Global Site Tag (gtag.js) - Google Analytics -->
-												site: upgrade analytics code

											
										
										
											2018-05-21 23:27:26 +08:00
+								    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-72788897-1"></script>
-												site: update html indentation

											
										
										
											2016-12-09 14:14:31 +08:00
+								    <script>
-												:lipstick: prittier all files

											
										
										
											2019-05-07 14:57:32 +08:00
+								      if (!location.port) {
 								        // Enable Google Analytics
 								        window.dataLayer = window.dataLayer || [];
 								        function gtag() {
 								          dataLayer.push(arguments);
 								        }
 								        gtag('js', new Date());
 								        gtag('config', 'UA-72788897-1');
 								      }
-												move ga script into head

											
										
										
											2017-01-07 23:30:33 +08:00
+								    </script>
-												Add Hotjar Tracking Code

											
										
										
											2017-04-12 21:17:04 +08:00
+								    <!-- Hotjar Tracking Code for ant.design -->
 								    <script>
-												feat: New Tabs (#24552)

* init style

* support size

* editable

* add shadow

* update demo

* fix nest style

* update rtl

* update snapshot

* bump

* fix hover

* fix test case

* fix style lint

* clean up

* updat docs

* add onTabScroll

* upgrade rc-dropdown

* update snapshot

* clean snapshot

* clean up

Co-authored-by: afc163 <afc163@gmail.com>
											
										
										
											2020-05-30 18:28:25 +08:00
+								      (function (h, o, t, j, a, r) {
 								        if (location.hostname === 'localhost') {
 								          return;
 								        }
-												:lipstick: prittier all files

											
										
										
											2019-05-07 14:57:32 +08:00
+								        h.hj =
 								          h.hj ||
-												feat: New Tabs (#24552)

* init style

* support size

* editable

* add shadow

* update demo

* fix nest style

* update rtl

* update snapshot

* bump

* fix hover

* fix test case

* fix style lint

* clean up

* updat docs

* add onTabScroll

* upgrade rc-dropdown

* update snapshot

* clean snapshot

* clean up

Co-authored-by: afc163 <afc163@gmail.com>
											
										
										
											2020-05-30 18:28:25 +08:00
+								          function () {
-												:lipstick: prittier all files

											
										
										
											2019-05-07 14:57:32 +08:00
+								            (h.hj.q = h.hj.q || []).push(arguments);
 								          };
 								        h._hjSettings = { hjid: 473408, hjsv: 5 };
 								        a = o.getElementsByTagName('head')[0];
 								        r = o.createElement('script');
 								        r.async = 1;
 								        r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
 								        a.appendChild(r);
 								      })(window, document, '//static.hotjar.com/c/hotjar-', '.js?sv=');
-												Add Hotjar Tracking Code

											
										
										
											2017-04-12 21:17:04 +08:00
+								    </script>
-												chore: Thanks @yesmeck & @ycjcl868 (#30618)


											
										
										
											2021-05-21 18:58:22 +08:00
 								    <!--
 								      感谢每位为开源理想而奋斗的人们，愿你们在人生新的旅途一帆风顺！~
 								      https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*_7M0S7zdFBcAAAAAAAAAAAAAARQnAQ
 .05.21
 								    -->
-												site: update html indentation

											
										
										
											2016-12-09 14:14:31 +08:00
+								  </body>
-												refactor: replace nico with React

											
										
										
											2016-02-29 14:08:40 +08:00
+								</html>