{"action":"created","comment":{"url":"https://api.github.com/repos/mipengine/mip2-extensions/pulls/comments/208508524","pull_request_review_id":144327507,"id":208508524,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDIwODUwODUyNA==","diff_hunk":"@@ -0,0 +1,241 @@\n+<template>\n+  <div >\n+    <mip-fixed\n+      type=\"top\"\n+      still\n+      class=\"MIP-SIDEBAR\">\n+      <transition name=\"fold\">\n+        <div\n+          v-show=\"IsOpen\"\n+          class=\"MIP-SIDEBAR-CONTENT\"><slot/></div>\n+      </transition>\n+      <div\n+        v-show=\"IsOpen\"\n+        class=\"MIP-SIDEBAR-MASK\"\n+        @click=\"closeSidebar\"/>\n+    </mip-fixed>\n+  </div>\n+</template>\n+\n+<style scoped>\n+mip-sidebar[side=\"left\"] .fold-enter-active {\n+  animation: sidebarLeftOpen 233ms cubic-bezier(0, 0, 0.21, 1);\n+}\n+\n+mip-sidebar[side=\"left\"] .fold-leave-active {\n+  animation: sidebarLeftLeave 233ms cubic-bezier(0, 0, 0.21, 1);\n+}\n+\n+mip-sidebar[side=\"right\"] .fold-enter-active {\n+  animation: sidebarRightOpen 233ms cubic-bezier(0, 0, 0.21, 1);\n+}\n+\n+mip-sidebar[side=\"right\"] .fold-leave-active {\n+  animation: sidebarRightLeave 233ms cubic-bezier(0, 0, 0.21, 1);\n+}\n+\n+.MIP-SIDEBAR {\n+  height: 100%;\n+}\n+\n+.MIP-SIDEBAR-CONTENT {\n+  position: absolute !important;\n+  top: 0;\n+  max-height: 100% !important;\n+  height: 100%;\n+  max-width: 80% !important;\n+  background-color: white;\n+  min-width: 45px !important;\n+  overflow-x: hidden !important;\n+  overflow-y: auto !important;\n+  z-index: 9999 !important;\n+  -webkit-overflow-scrolling: touch;\n+  will-change: transform;\n+  display: block;\n+}\n+\n+@keyframes sidebarLeftOpen {\n+  0% {\n+    opacity: 0;\n+    transform: translateX(-100%);\n+  }\n+  100% {\n+    opacity: 1;\n+    transform: translateX(0);\n+  }\n+}\n+@keyframes sidebarLeftLeave {\n+  0% {\n+    opacity: 1;\n+    transform: translateX(0);\n+  }\n+  100% {\n+    opacity: 0;\n+    transform: translateX(-100%);\n+  }\n+}\n+@keyframes sidebarRightOpen {\n+  0% {\n+    opacity: 0;\n+    transform: translateX(100%);\n+  }\n+  100% {\n+    opacity: 1;\n+    transform: translateX(0);\n+  }\n+}\n+@keyframes sidebarRightLeave {\n+  0% {\n+    opacity: 1;\n+    transform: translateX(0);\n+  }\n+  100% {\n+    opacity: 0;\n+    transform: translateX(100%);\n+  }\n+}\n+@keyframes sidebarMaskShow {\n+  0% {\n+    opacity: 0;\n+  }\n+  100% {\n+    opacity: 1;\n+  }\n+}\n+\n+mip-sidebar[side=\"left\"] .MIP-SIDEBAR-CONTENT {\n+  left: 0 !important;\n+}\n+\n+mip-sidebar[side=\"right\"] .MIP-SIDEBAR-CONTENT {\n+  right: 0 !important;\n+}\n+\n+.MIP-SIDEBAR-MASK {\n+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n+  position: absolute !important;\n+  top: 0 !important;\n+  left: 0 !important;\n+  width: 100% !important;\n+  height: 100% !important;\n+  background-color: rgba(0, 0, 0, 0.2);\n+  z-index: 9998 !important;\n+  transition: background-color 0.5s 0.05s;\n+  animation: sidebarMaskShow 0.5s cubic-bezier(0, 0, 0.21, 1);\n+}\n+</style>\n+\n+<script>\n+const ANIMATION_TIMEOUT = 400\n+\n+const util = MIP.util\n+\n+export default {\n+  data () {\n+    return {\n+      IsOpen: false,\n+      Runing: false\n+    }\n+  },\n+  mounted () {\n+    this.init()\n+    this.bindEvents()\n+  },\n+  methods: {\n+    init () {\n+      let self = this","path":"components/mip-sidebar/mip-sidebar.vue","position":146,"original_position":146,"commit_id":"1ec13d86f6f1b0f2aaf6900d7736e0b6cd968702","original_commit_id":"1ec13d86f6f1b0f2aaf6900d7736e0b6cd968702","user":{"login":"PengXing","id":527244,"node_id":"MDQ6VXNlcjUyNzI0NA==","avatar_url":"https://avatars3.githubusercontent.com/u/527244?v=4","gravatar_id":"","url":"https://api.github.com/users/PengXing","html_url":"https://github.com/PengXing","followers_url":"https://api.github.com/users/PengXing/followers","following_url":"https://api.github.com/users/PengXing/following{/other_user}","gists_url":"https://api.github.com/users/PengXing/gists{/gist_id}","starred_url":"https://api.github.com/users/PengXing/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/PengXing/subscriptions","organizations_url":"https://api.github.com/users/PengXing/orgs","repos_url":"https://api.github.com/users/PengXing/repos","events_url":"https://api.github.com/users/PengXing/events{/privacy}","received_events_url":"https://api.github.com/users/PengXing/received_events","type":"User","site_admin":false},"body":"不需要声明 `self`","created_at":"2018-08-08T09:04:55Z","updated_at":"2018-08-08T09:06:36Z","html_url":"https://github.com/mipengine/mip2-extensions/pull/189#discussion_r208508524","pull_request_url":"https://api.github.com/repos/mipengine/mip2-extensions/pulls/189","author_association":"CONTRIBUTOR","_links":{"self":{"href":"https://api.github.com/repos/mipengine/mip2-extensions/pulls/comments/208508524"},"html":{"href":"https://github.com/mipengine/mip2-extensions/pull/189#discussion_r208508524"},"pull_request":{"href":"https://api.github.com/repos/mipengine/mip2-extensions/pulls/189"}}},"pull_request":{"url":"https://api.github.com/repos/mipengine/mip2-extensions/pulls/189","id":206926327,"node_id":"MDExOlB1bGxSZXF1ZXN0MjA2OTI2MzI3","html_url":"https://github.com/mipengine/mip2-extensions/pull/189","diff_url":"https://github.com/mipengine/mip2-extensions/pull/189.diff","patch_url":"https://github.com/mipengine/mip2-extensions/pull/189.patch","issue_url":"https://api.github.com/repos/mipengine/mip2-extensions/issues/189","number":189,"state":"open","locked":false,"title":"feat:mip-sidebar组件迁移至2.0","user":{"login":"zqcxxx","id":38700077,"node_id":"MDQ6VXNlcjM4NzAwMDc3","avatar_url":"https://avatars0.githubusercontent.com/u/38700077?v=4","gravatar_id":"","url":"https://api.github.com/users/zqcxxx","html_url":"https://github.com/zqcxxx","followers_url":"https://api.github.com/users/zqcxxx/followers","following_url":"https://api.github.com/users/zqcxxx/following{/other_user}","gists_url":"https://api.github.com/users/zqcxxx/gists{/gist_id}","starred_url":"https://api.github.com/users/zqcxxx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zqcxxx/subscriptions","organizations_url":"https://api.github.com/users/zqcxxx/orgs","repos_url":"https://api.github.com/users/zqcxxx/repos","events_url":"https://api.github.com/users/zqcxxx/events{/privacy}","received_events_url":"https://api.github.com/users/zqcxxx/received_events","type":"User","site_admin":false},"body":"**提交pr时需要关联issue，请大家遵守**\r\n\r\n**1、升级点** （清晰准确的描述升级的功能点）\r\n使用Vue升级组件，使用ES6语法\r\n\r\n**2、影响范围** （描述该需求上线会影响什么功能）\r\nmip2官方组件库的适用对象\r\n\r\n**3、自测 checklist**\r\niOS10  手百 Safari浏览器\r\nAndroid7.0 手百 Chrome\r\n1.测试默认动画切换效果\r\n2.测试mask，sidebar的显示和隐藏效果\r\n\r\n**4、需要覆盖的场景和case**\r\n- [否 ] 是否覆盖了sf打开mip页\r\n- [否 ] 是否验证了极速服务mip页面效果\r\n\r\n**5、自测机型和浏览器** \r\n- [否 ] 是否覆盖了ios系统手机\r\n- [否 ] 是否覆盖了安卓系统手机\r\n- [ 是] 是否覆盖了iphone版式浏览器（比如qq、uc、chrome、safari、安卓自带浏览器）\r\n- [是 ] 是否覆盖了手百\r\n\r\n\r\n\r\n","created_at":"2018-08-08T08:14:16Z","updated_at":"2018-08-08T09:06:37Z","closed_at":null,"merged_at":null,"merge_commit_sha":"8d41941fe0273198bc6589f5a7a7ac0e448bb526","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/mipengine/mip2-extensions/pulls/189/commits","review_comments_url":"https://api.github.com/repos/mipengine/mip2-extensions/pulls/189/comments","review_comment_url":"https://api.github.com/repos/mipengine/mip2-extensions/pulls/comments{/number}","comments_url":"https://api.github.com/repos/mipengine/mip2-extensions/issues/189/comments","statuses_url":"https://api.github.com/repos/mipengine/mip2-extensions/statuses/1ec13d86f6f1b0f2aaf6900d7736e0b6cd968702","head":{"label":"zqcxxx:feat/sidebar","ref":"feat/sidebar","sha":"1ec13d86f6f1b0f2aaf6900d7736e0b6cd968702","user":{"login":"zqcxxx","id":38700077,"node_id":"MDQ6VXNlcjM4NzAwMDc3","avatar_url":"https://avatars0.githubusercontent.com/u/38700077?v=4","gravatar_id":"","url":"https://api.github.com/users/zqcxxx","html_url":"https://github.com/zqcxxx","followers_url":"https://api.github.com/users/zqcxxx/followers","following_url":"https://api.github.com/users/zqcxxx/following{/other_user}","gists_url":"https://api.github.com/users/zqcxxx/gists{/gist_id}","starred_url":"https://api.github.com/users/zqcxxx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zqcxxx/subscriptions","organizations_url":"https://api.github.com/users/zqcxxx/orgs","repos_url":"https://api.github.com/users/zqcxxx/repos","events_url":"https://api.github.com/users/zqcxxx/events{/privacy}","received_events_url":"https://api.github.com/users/zqcxxx/received_events","type":"User","site_admin":false},"repo":{"id":140797804,"node_id":"MDEwOlJlcG9zaXRvcnkxNDA3OTc4MDQ=","name":"mip2-extensions","full_name":"zqcxxx/mip2-extensions","owner":{"login":"zqcxxx","id":38700077,"node_id":"MDQ6VXNlcjM4NzAwMDc3","avatar_url":"https://avatars0.githubusercontent.com/u/38700077?v=4","gravatar_id":"","url":"https://api.github.com/users/zqcxxx","html_url":"https://github.com/zqcxxx","followers_url":"https://api.github.com/users/zqcxxx/followers","following_url":"https://api.github.com/users/zqcxxx/following{/other_user}","gists_url":"https://api.github.com/users/zqcxxx/gists{/gist_id}","starred_url":"https://api.github.com/users/zqcxxx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zqcxxx/subscriptions","organizations_url":"https://api.github.com/users/zqcxxx/orgs","repos_url":"https://api.github.com/users/zqcxxx/repos","events_url":"https://api.github.com/users/zqcxxx/events{/privacy}","received_events_url":"https://api.github.com/users/zqcxxx/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/zqcxxx/mip2-extensions","description":"MIP2.0 官方组件库","fork":true,"url":"https://api.github.com/repos/zqcxxx/mip2-extensions","forks_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/forks","keys_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/keys{/key_id}","collaborators_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/teams","hooks_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/hooks","issue_events_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/issues/events{/number}","events_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/events","assignees_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/assignees{/user}","branches_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/branches{/branch}","tags_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/tags","blobs_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/git/refs{/sha}","trees_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/git/trees{/sha}","statuses_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/statuses/{sha}","languages_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/languages","stargazers_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/stargazers","contributors_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/contributors","subscribers_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/subscribers","subscription_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/subscription","commits_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/commits{/sha}","git_commits_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/git/commits{/sha}","comments_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/comments{/number}","issue_comment_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/issues/comments{/number}","contents_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/contents/{+path}","compare_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/compare/{base}...{head}","merges_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/merges","archive_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/downloads","issues_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/issues{/number}","pulls_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/pulls{/number}","milestones_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/milestones{/number}","notifications_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/labels{/name}","releases_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/releases{/id}","deployments_url":"https://api.github.com/repos/zqcxxx/mip2-extensions/deployments","created_at":"2018-07-13T04:42:38Z","updated_at":"2018-07-13T04:42:40Z","pushed_at":"2018-08-08T08:04:59Z","git_url":"git://github.com/zqcxxx/mip2-extensions.git","ssh_url":"git@github.com:zqcxxx/mip2-extensions.git","clone_url":"https://github.com/zqcxxx/mip2-extensions.git","svn_url":"https://github.com/zqcxxx/mip2-extensions","homepage":null,"size":340,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"archived":false,"open_issues_count":0,"license":{"key":"mit","name":"MIT License","spdx_id":"MIT","url":"https://api.github.com/licenses/mit","node_id":"MDc6TGljZW5zZTEz"},"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"mipengine:master","ref":"master","sha":"2aa3075d37834adecac6a2fdcc05b80be7531010","user":{"login":"mipengine","id":19966931,"node_id":"MDEyOk9yZ2FuaXphdGlvbjE5OTY2OTMx","avatar_url":"https://avatars0.githubusercontent.com/u/19966931?v=4","gravatar_id":"","url":"https://api.github.com/users/mipengine","html_url":"https://github.com/mipengine","followers_url":"https://api.github.com/users/mipengine/followers","following_url":"https://api.github.com/users/mipengine/following{/other_user}","gists_url":"https://api.github.com/users/mipengine/gists{/gist_id}","starred_url":"https://api.github.com/users/mipengine/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mipengine/subscriptions","organizations_url":"https://api.github.com/users/mipengine/orgs","repos_url":"https://api.github.com/users/mipengine/repos","events_url":"https://api.github.com/users/mipengine/events{/privacy}","received_events_url":"https://api.github.com/users/mipengine/received_events","type":"Organization","site_admin":false},"repo":{"id":135115912,"node_id":"MDEwOlJlcG9zaXRvcnkxMzUxMTU5MTI=","name":"mip2-extensions","full_name":"mipengine/mip2-extensions","owner":{"login":"mipengine","id":19966931,"node_id":"MDEyOk9yZ2FuaXphdGlvbjE5OTY2OTMx","avatar_url":"https://avatars0.githubusercontent.com/u/19966931?v=4","gravatar_id":"","url":"https://api.github.com/users/mipengine","html_url":"https://github.com/mipengine","followers_url":"https://api.github.com/users/mipengine/followers","following_url":"https://api.github.com/users/mipengine/following{/other_user}","gists_url":"https://api.github.com/users/mipengine/gists{/gist_id}","starred_url":"https://api.github.com/users/mipengine/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mipengine/subscriptions","organizations_url":"https://api.github.com/users/mipengine/orgs","repos_url":"https://api.github.com/users/mipengine/repos","events_url":"https://api.github.com/users/mipengine/events{/privacy}","received_events_url":"https://api.github.com/users/mipengine/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/mipengine/mip2-extensions","description":"MIP2.0 官方组件库","fork":false,"url":"https://api.github.com/repos/mipengine/mip2-extensions","forks_url":"https://api.github.com/repos/mipengine/mip2-extensions/forks","keys_url":"https://api.github.com/repos/mipengine/mip2-extensions/keys{/key_id}","collaborators_url":"https://api.github.com/repos/mipengine/mip2-extensions/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/mipengine/mip2-extensions/teams","hooks_url":"https://api.github.com/repos/mipengine/mip2-extensions/hooks","issue_events_url":"https://api.github.com/repos/mipengine/mip2-extensions/issues/events{/number}","events_url":"https://api.github.com/repos/mipengine/mip2-extensions/events","assignees_url":"https://api.github.com/repos/mipengine/mip2-extensions/assignees{/user}","branches_url":"https://api.github.com/repos/mipengine/mip2-extensions/branches{/branch}","tags_url":"https://api.github.com/repos/mipengine/mip2-extensions/tags","blobs_url":"https://api.github.com/repos/mipengine/mip2-extensions/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/mipengine/mip2-extensions/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/mipengine/mip2-extensions/git/refs{/sha}","trees_url":"https://api.github.com/repos/mipengine/mip2-extensions/git/trees{/sha}","statuses_url":"https://api.github.com/repos/mipengine/mip2-extensions/statuses/{sha}","languages_url":"https://api.github.com/repos/mipengine/mip2-extensions/languages","stargazers_url":"https://api.github.com/repos/mipengine/mip2-extensions/stargazers","contributors_url":"https://api.github.com/repos/mipengine/mip2-extensions/contributors","subscribers_url":"https://api.github.com/repos/mipengine/mip2-extensions/subscribers","subscription_url":"https://api.github.com/repos/mipengine/mip2-extensions/subscription","commits_url":"https://api.github.com/repos/mipengine/mip2-extensions/commits{/sha}","git_commits_url":"https://api.github.com/repos/mipengine/mip2-extensions/git/commits{/sha}","comments_url":"https://api.github.com/repos/mipengine/mip2-extensions/comments{/number}","issue_comment_url":"https://api.github.com/repos/mipengine/mip2-extensions/issues/comments{/number}","contents_url":"https://api.github.com/repos/mipengine/mip2-extensions/contents/{+path}","compare_url":"https://api.github.com/repos/mipengine/mip2-extensions/compare/{base}...{head}","merges_url":"https://api.github.com/repos/mipengine/mip2-extensions/merges","archive_url":"https://api.github.com/repos/mipengine/mip2-extensions/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/mipengine/mip2-extensions/downloads","issues_url":"https://api.github.com/repos/mipengine/mip2-extensions/issues{/number}","pulls_url":"https://api.github.com/repos/mipengine/mip2-extensions/pulls{/number}","milestones_url":"https://api.github.com/repos/mipengine/mip2-extensions/milestones{/number}","notifications_url":"https://api.github.com/repos/mipengine/mip2-extensions/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/mipengine/mip2-extensions/labels{/name}","releases_url":"https://api.github.com/repos/mipengine/mip2-extensions/releases{/id}","deployments_url":"https://api.github.com/repos/mipengine/mip2-extensions/deployments","created_at":"2018-05-28T06:00:58Z","updated_at":"2018-08-08T07:50:10Z","pushed_at":"2018-08-08T08:19:26Z","git_url":"git://github.com/mipengine/mip2-extensions.git","ssh_url":"git@github.com:mipengine/mip2-extensions.git","clone_url":"https://github.com/mipengine/mip2-extensions.git","svn_url":"https://github.com/mipengine/mip2-extensions","homepage":null,"size":637,"stargazers_count":4,"watchers_count":4,"language":"HTML","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":19,"mirror_url":null,"archived":false,"open_issues_count":32,"license":{"key":"mit","name":"MIT License","spdx_id":"MIT","url":"https://api.github.com/licenses/mit","node_id":"MDc6TGljZW5zZTEz"},"forks":19,"open_issues":32,"watchers":4,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/mipengine/mip2-extensions/pulls/189"},"html":{"href":"https://github.com/mipengine/mip2-extensions/pull/189"},"issue":{"href":"https://api.github.com/repos/mipengine/mip2-extensions/issues/189"},"comments":{"href":"https://api.github.com/repos/mipengine/mip2-extensions/issues/189/comments"},"review_comments":{"href":"https://api.github.com/repos/mipengine/mip2-extensions/pulls/189/comments"},"review_comment":{"href":"https://api.github.com/repos/mipengine/mip2-extensions/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/mipengine/mip2-extensions/pulls/189/commits"},"statuses":{"href":"https://api.github.com/repos/mipengine/mip2-extensions/statuses/1ec13d86f6f1b0f2aaf6900d7736e0b6cd968702"}},"author_association":"NONE"}}
{"actor":{"display_login":"PengXing"}}