新增自动推送组件 mip-linksubmit (#686)

Brunoon · web-flow · commit 3a55b29ee67b · 2019-08-22T16:12:53.000+08:00
* add mip-autopush

* add doc url and change name

* change to support submit type
diff --git a/components/mip-linksubmit/README.md b/components/mip-linksubmit/README.md
@@ -0,0 +1,31 @@
+# mip-linksubmit
+
+自动推送组件。
+
+标题|内容
+----|----
+类型|通用
+支持布局|N/S
+所需脚本| [https://c.mipcdn.com/static/v2/mip-linksubmit/mip-linksubmit.js](https://c.mipcdn.com/static/v2/mip-linksubmit/mip-linksubmit.js)
+
+## 说明
+
+在页面被访问时，页面 URL 将立即被推送给百度。百度自动推送相关[文档说明](https://ziyuan.baidu.com/college/courseinfo?id=267&page=2)
+
+## 示例
+
+```html
+<mip-linksubmit type="baidu"></mip-linksubmit>
+```
+
+## 属性
+
+### type
+
+说明：自动推送类型
+
+必选项：是
+
+类型：字符串
+
+取值：'baidu'
diff --git a/components/mip-linksubmit/example/index.html b/components/mip-linksubmit/example/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html mip>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no">
+    <title>MIP page</title>
+    <link rel="canonical" href="对应的原页面地址">
+    <link rel="stylesheet" href="https://c.mipcdn.com/static/v2/mip.css">
+    <style mip-custom>
+    /* 自定义样式 */
+    </style>
+  </head>
+  <body>
+    <div>
+      <mip-linksubmit type="baidu"></mip-linksubmit>
+    </div>
+    <script src="https://c.mipcdn.com/static/v2/mip.js"></script>
+    <script src="/mip-linksubmit/mip-linksubmit.js"></script>
+  </body>
+</html>
diff --git a/components/mip-linksubmit/mip-linksubmit.js b/components/mip-linksubmit/mip-linksubmit.js
@@ -0,0 +1,16 @@
+export default class MIPLinksubmit extends MIP.CustomElement {
+  build () {
+    const type = this.element.getAttribute('type') || ''
+    const bp = document.createElement('script')
+    const curProtocol = window.location.protocol.split(':')[0]
+    if (type === 'baidu') {
+      if (curProtocol === 'https') {
+        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'
+      } else {
+        bp.src = 'http://push.zhanzhang.baidu.com/push.js'
+      }
+    }
+    const s = document.getElementsByTagName('script')[0]
+    s.parentNode.insertBefore(bp, s)
+  }
+}
