@antv/dumi-theme-antv 0.5.7-beta.0 → 0.5.7-beta.1

package/dist/locales/en.json

@@ -143,18 +143,27 @@
   "更多产品": "More Productions",
   "帮助改进此文档": "Edit this page",
   "文档贡献者": "Contributors",
-  "此文档有帮助吗？": "Was this page helpful?",
+  "这个页面对你有帮助吗？": "Was this page helpful?",
   "如果遇到问题或发现某些功能无法正常工作，请通过": "If something is broken or if you need a reply to a problem you've encountered, please ",
   "提交问题报告": "open an issue instead",
   "来反馈。否则，团队将无法提供进一步的答复或获取更多信息。": ". Otherwise, the team won't be able to answer back or ask for more information.",
   "你觉得我们可以如何改进此页面？（可选）": "How can we improve this page? (optional)",
   "你认为这个页面有哪些做的好的地方？（可选）": "What did you like about this page? (optional)",
-  "你认为该": "How can we improve",
-  "部分如何改进更好？（可选）": "section? (optional)",
-  "反馈已提交": "Feedback Submitted",
+  "📖 你认为": "How can we improve",
+  "部分如何改进更好？": "section? ",
+  "谢谢你的反馈意见！": "Feedback Submitted",
   "报错了，请稍后再试": "Error, please try again later",
-  "我们会尽快处理你的反馈，感谢你的支持！": "Thank you for your feedback! We will process it as soon as possible.",
+  "感谢你的支持！": "Thank you for your feedback!",
   "如果问题持续，请前往 GitHub 提交 issue。": "Go head to GitHub issue if the problem persists.",
+  "你遇到的问题是什么？": "What kind of problem are you facing?",
+  "🚀 留下你的真实感受": "🚀 What is the reason for your feedback?",
+  "易于理解": "Easy to understand",
+  "解决了我的问题": "Resolved my problem",
+  "其它": "Other",
+  "缺少我需要的信息": "Missing the information I need",
+  "过于复杂/步骤太多": "Too complicated / Too many steps",
+  "内容更新不及时": "Out of date",
+  "示例/代码有问题": "Sample / code issue",
   "上一篇": "Previous",
   "下一篇": "Next",
   "演示代码报错，请检查": "演示代码报错，请检查",

package/dist/locales/zh.json

@@ -142,18 +142,27 @@
   "更多产品": "更多产品",
   "帮助改进此文档": "帮助改进此文档",
   "文档贡献者": "文档贡献者",
-  "此文档有帮助吗？": "此文档有帮助吗？",
+  "这个页面对你有帮助吗？": "这个页面对你有帮助吗？",
   "如果遇到问题或发现某些功能无法正常工作，请通过": "如果遇到问题或发现某些功能无法正常工作，请通过",
   "提交问题报告": "提交问题报告",
   "来反馈。否则，团队将无法提供进一步的答复或获取更多信息。": "来反馈。否则，团队将无法提供进一步的答复或获取更多信息。",
   "你觉得我们可以如何改进此页面？（可选）": "你觉得我们可以如何改进此页面？（可选）",
   "你认为这个页面有哪些做的好的地方？（可选）": "你认为这个页面有哪些做的好的地方？（可选）",
-  "你认为该": "你认为",
-  "部分如何改进更好？（可选）": "部分如何改进更好？（可选）",
-  "反馈已提交": "反馈已提交",
+  "📖 你认为": "📖 你认为",
+  "部分如何改进更好？": "部分如何改进更好？",
+  "谢谢你的反馈意见！": "谢谢你的反馈意见！",
   "报错了，请稍后再试": "报错了，请稍后再试",
-  "我们会尽快处理你的反馈，感谢你的支持！": "我们会尽快处理你的反馈，感谢你的支持！",
+  "感谢你的支持！": "感谢你的支持！",
   "如果问题持续，请前往 GitHub 提交 issue。": "如果问题持续，请前往 GitHub 提交 issue。",
+  "你遇到的问题是什么？": "你遇到的问题是什么？",
+  "🚀 留下你的真实感受": "🚀 留下你的真实感受",
+  "易于理解": "易于理解",
+  "解决了我的问题": "有效解决了我的问题",
+  "其它": "其它",
+  "缺少我需要的信息": "缺少我需要的信息",
+  "过于复杂/步骤太多": "过于复杂/步骤太多",
+  "内容更新不及时": "内容更新不及时",
+  "示例/代码有问题": "示例/代码有问题",
   "上一篇": "上一篇",
   "下一篇": "下一篇",
   "演示代码报错，请检查": "演示代码报错，请检查",

package/dist/model/feedback.js

@@ -1,19 +1,18 @@
 import { proxy } from 'valtio';
-export var feedbackStore = proxy({
-  show: false
-});
+export var feedbackStore = proxy({});
 export var resetFeedbackState = function resetFeedbackState() {
-  feedbackStore.show = false;
   feedbackStore.rating = undefined;
   feedbackStore.section = undefined;
 };
 export var invokePageFeedback = function invokePageFeedback(like) {
-  feedbackStore.show = true;
   feedbackStore.rating = like ? '1' : '0';
-  feedbackStore.section = undefined;
 };
-export var invokeSectionFeedback = function invokeSectionFeedback(section) {
-  feedbackStore.show = true;
+export var resetPageFeedback = function resetPageFeedback() {
   feedbackStore.rating = undefined;
+};
+export var invokeSectionFeedback = function invokeSectionFeedback(section) {
   feedbackStore.section = section;
+};
+export var resetSectionFeedback = function resetSectionFeedback() {
+  feedbackStore.section = undefined;
 };

package/dist/plugin/remarkFeedback.js

@@ -36,7 +36,7 @@ var visit;
 (async () => {
   ({ visit } = await import("unist-util-visit"));
 })();
-var icon = '<span role="img" aria-label="message" class="anticon anticon-message"><svg viewBox="64 64 896 896" focusable="false" data-icon="message" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M924.3 338.4a447.57 447.57 0 00-96.1-143.3 443.09 443.09 0 00-143-96.3A443.91 443.91 0 00512 64h-2c-60.5.3-119 12.3-174.1 35.9a444.08 444.08 0 00-141.7 96.5 445 445 0 00-95 142.8A449.89 449.89 0 0065 514.1c.3 69.4 16.9 138.3 47.9 199.9v152c0 25.4 20.6 46 45.9 46h151.8a447.72 447.72 0 00199.5 48h2.1c59.8 0 117.7-11.6 172.3-34.3A443.2 443.2 0 00827 830.5c41.2-40.9 73.6-88.7 96.3-142 23.5-55.2 35.5-113.9 35.8-174.5.2-60.9-11.6-120-34.8-175.6zM312.4 560c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48 47.9 21.5 47.9 48-21.4 48-47.9 48zm199.6 0c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48 47.9 21.5 47.9 48-21.5 48-47.9 48zm199.6 0c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48 47.9 21.5 47.9 48-21.5 48-47.9 48z"></path></svg></span>';
+var icon = '<span role="img" aria-label="edit" class="anticon anticon-edit"><svg viewBox="64 64 896 896" focusable="false" data-icon="edit" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"></path></svg></span>';
 function remarkFeedback() {
   return (tree) => {
     visit(tree, "heading", (node) => {

package/dist/slots/Feedback/EditButton.js

@@ -1,4 +1,4 @@
-import { GithubOutlined } from '@ant-design/icons';
+import { EditOutlined } from '@ant-design/icons';
 import { Button } from 'antd';
 import { useIntl, useRouteMeta, useSiteData } from 'dumi';
 import path from 'path';
@@ -7,7 +7,7 @@ import { styled } from 'styled-components';
 var StyledWrapper = styled.div.withConfig({
   displayName: "StyledWrapper",
   componentId: "dumi-theme-antv-c7ef__sc-lci7vy-0"
-})([".button{color:rgba(0,0,0,0.8);&-text{color:rgba(0,0,0,0.65);}}"]);
+})([".button{color:rgba(0,0,0,0.65);}"]);
 export var EditButton = function EditButton(_ref) {
   var style = _ref.style;
   var meta = useRouteMeta();
@@ -25,9 +25,9 @@ export var EditButton = function EditButton(_ref) {
     type: "text",
     className: "button",
     style: style,
-    icon: /*#__PURE__*/React.createElement(GithubOutlined, {
+    icon: /*#__PURE__*/React.createElement(EditOutlined, {
       style: {
-        fontSize: 20,
+        fontSize: 16,
         transform: 'translateY(2px)'
       }
     }),

package/dist/slots/Feedback/PageFeedback.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { styled } from 'styled-components';
+import { PageFeedbackReasonForm } from "./PageFeedbackReasonForm";
+import { PageFeedbackVoteButtons } from "./PageFeedbackVoteButtons";
+var StyledWrapper = styled.div.withConfig({
+  displayName: "StyledWrapper",
+  componentId: "dumi-theme-antv-c7ef__sc-1vamzhw-0"
+})(["background-color:#fff;border-radius:12px;bottom:24px;box-shadow:0 0.5rem 1.2rem #f0f1f2;padding:10px 18px;position:fixed;right:12px;width:262px;z-index:1000;"]);
+export var PageFeedback = function PageFeedback() {
+  return /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement(PageFeedbackVoteButtons, null), /*#__PURE__*/React.createElement(PageFeedbackReasonForm, null));
+};

package/dist/slots/Feedback/PageFeedbackReasonForm.js

@@ -0,0 +1,163 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Alert, Button, Divider, Form, Select } from 'antd';
+import { useIntl, useLocale } from 'dumi';
+import React, { useEffect } from 'react';
+import { styled } from 'styled-components';
+import { useSnapshot } from 'valtio';
+import { feedbackStore, resetPageFeedback } from "../../model/feedback";
+import { useGithubRepo } from "../../utils/github";
+import { useFeedbackService } from "./service";
+var StyledFeedbackMessageWrapper = styled.div.withConfig({
+  displayName: "StyledFeedbackMessageWrapper",
+  componentId: "dumi-theme-antv-c7ef__sc-1xff90d-0"
+})(["display:", ";.ant-divider-horizontal{margin:16px 0;}.alert{margin:12px 0 16px;padding:16px;font-size:13px;line-height:1.8;background-color:rgba(255,251,235,0.5);border:1px solid rgba(173,104,0,0.15);border-radius:8px;.ant-alert-icon{color:#cc8800;}}.alert-link{color:#56390c;font-weight:bold;text-decoration:underline;}.ant-form-item:last-child{margin-bottom:8px;}"], function (props) {
+  return props.$rating ? 'block' : 'none';
+});
+export var PageFeedbackReasonForm = function PageFeedbackReasonForm() {
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var feedbackState = useSnapshot(feedbackStore);
+  var _useGithubRepo = useGithubRepo(),
+    owner = _useGithubRepo.owner,
+    repo = _useGithubRepo.repo;
+  var pageUrl = window.location.href;
+  var locale = useLocale();
+  var currentLocale = locale.id;
+  var issueUrl = "https://github.com/".concat(owner, "/").concat(repo, "/issues/new?labels=status%3A+waiting+for+maintainer%2Cdocs-feedback&template=docs-feedback.yml&title=[docs]+&page-url=").concat(pageUrl);
+  var alertMsg = /*#__PURE__*/React.createElement("div", null, formatMessage({
+    id: '如果遇到问题或发现某些功能无法正常工作，请通过'
+  }), /*#__PURE__*/React.createElement("a", {
+    onClick: function onClick() {
+      return window.open(issueUrl, '_blank');
+    },
+    className: "alert-link"
+  }, formatMessage({
+    id: '提交问题报告'
+  })), formatMessage({
+    id: '来反馈。否则，团队将无法提供进一步的答复或获取更多信息。'
+  }));
+  var _useFeedbackService = useFeedbackService(),
+    submitFeedback = _useFeedbackService.submitFeedback,
+    showFeedbackResult = _useFeedbackService.showFeedbackResult;
+  var onFinish = function onFinish(values) {
+    var params = {
+      rating: feedbackState.rating,
+      reason: values.reason
+    };
+    submitFeedback(params).then(function (f) {
+      onCancel();
+      showFeedbackResult(true);
+    }).catch(function () {
+      showFeedbackResult(false);
+    });
+  };
+  var onCancel = function onCancel() {
+    form.resetFields();
+    resetPageFeedback();
+  };
+  useEffect(function () {
+    if (!feedbackState.rating) onCancel();
+  }, [feedbackState.rating]);
+  var likeReasons = [{
+    label: formatMessage({
+      id: '容易理解'
+    }),
+    value: 'easy_to_understand'
+  }, {
+    label: formatMessage({
+      id: '解决了我的问题'
+    }),
+    value: 'solved_my_problem'
+  }, {
+    label: formatMessage({
+      id: '其它'
+    }),
+    value: 'other'
+  }];
+  var dislikeReasons = [{
+    label: formatMessage({
+      id: '缺少我需要的信息'
+    }),
+    value: 'missing_information'
+  }, {
+    label: formatMessage({
+      id: '过于复杂/步骤太多'
+    }),
+    value: 'too_complicated'
+  }, {
+    label: formatMessage({
+      id: '内容更新不及时'
+    }),
+    value: 'out_of_date'
+  }, {
+    label: formatMessage({
+      id: '示例/代码有问题'
+    }),
+    value: 'code_issue'
+  }, {
+    label: formatMessage({
+      id: '其它'
+    }),
+    value: 'other'
+  }];
+  var reasons = feedbackState.rating === '1' ? likeReasons : dislikeReasons;
+  useEffect(function () {
+    // 默认选中第一个原因
+    form === null || form === void 0 || form.setFieldsValue({
+      reason: reasons[0].value
+    });
+  }, [feedbackState.rating, currentLocale]);
+  var dislike = feedbackState.rating !== '1';
+  return /*#__PURE__*/React.createElement(StyledFeedbackMessageWrapper, {
+    $rating: feedbackState.rating
+  }, /*#__PURE__*/React.createElement(Divider, {
+    dashed: true
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "form"
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    name: "page-feedback-form",
+    onFinish: onFinish,
+    layout: "vertical"
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "reason",
+    label: formatMessage({
+      id: '🚀 留下你的真实感受'
+    })
+  }, /*#__PURE__*/React.createElement(Select, {
+    options: reasons
+  })), dislike && /*#__PURE__*/React.createElement(Alert, {
+    type: "warning",
+    className: "alert",
+    message: alertMsg,
+    showIcon: true
+  }), /*#__PURE__*/React.createElement(Form.Item, {
+    style: {
+      textAlign: 'right'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    htmlType: "button",
+    type: "text",
+    size: "small",
+    onClick: onCancel,
+    style: {
+      marginRight: 8
+    }
+  }, formatMessage({
+    id: '取消'
+  })), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    htmlType: "submit",
+    size: "small"
+  }, formatMessage({
+    id: '提交'
+  }))))));
+};

package/dist/slots/Feedback/{VoteButtons.js → PageFeedbackVoteButtons.js}

@@ -4,12 +4,12 @@ import { useIntl } from 'dumi';
 import React from 'react';
 import { styled } from 'styled-components';
 import { useSnapshot } from 'valtio';
-import { feedbackStore, invokePageFeedback } from "../../model/feedback";
+import { feedbackStore, invokePageFeedback, resetPageFeedback } from "../../model/feedback";
 var StyledVoteButtonsWrapper = styled.div.withConfig({
   displayName: "StyledVoteButtonsWrapper",
-  componentId: "dumi-theme-antv-c7ef__sc-1dcmgu-0"
-})(["color:rgba(0,0,0,0.65);display:flex;align-items:center;gap:4px;.button{color:rgba(0,0,0,0.8);}.active-button{color:#873bf4;background-color:#f8f1ff;}"]);
-export var VoteButtons = function VoteButtons() {
+  componentId: "dumi-theme-antv-c7ef__sc-1x5fro0-0"
+})(["color:rgba(0,0,0,0.65);display:flex;align-items:center;gap:4px;font-weight:500;.button{color:rgba(0,0,0,0.65);}.active-button{color:#873bf4;background-color:#f8f1ff;}"]);
+export var PageFeedbackVoteButtons = function PageFeedbackVoteButtons() {
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var feedbackState = useSnapshot(feedbackStore);
@@ -19,7 +19,11 @@ export var VoteButtons = function VoteButtons() {
     }),
     icon: /*#__PURE__*/React.createElement(LikeFilled, null),
     onClick: function onClick() {
-      return invokePageFeedback(true);
+      if (feedbackState.rating === '1') {
+        resetPageFeedback();
+      } else {
+        invokePageFeedback(true);
+      }
     },
     isActive: feedbackState.rating === '1'
   }, {
@@ -28,12 +32,16 @@ export var VoteButtons = function VoteButtons() {
     }),
     icon: /*#__PURE__*/React.createElement(DislikeFilled, null),
     onClick: function onClick() {
-      return invokePageFeedback(false);
+      if (feedbackState.rating === '0') {
+        resetPageFeedback();
+      } else {
+        invokePageFeedback(false);
+      }
     },
     isActive: feedbackState.rating === '0'
   }];
   return /*#__PURE__*/React.createElement(StyledVoteButtonsWrapper, null, /*#__PURE__*/React.createElement("span", null, formatMessage({
-    id: '此文档有帮助吗？'
+    id: '这个页面对你有帮助吗？'
   })), items.map(function (_ref) {
     var title = _ref.title,
       icon = _ref.icon,

package/dist/slots/Feedback/SectionFeedback.js

@@ -0,0 +1,97 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from 'react';
+import { useLocation } from 'react-router-dom';
+import { styled } from 'styled-components';
+import { useSnapshot } from 'valtio';
+import { feedbackStore, invokeSectionFeedback, resetSectionFeedback } from "../../model/feedback";
+import { SectionFeedbackCommentForm } from "./SectionFeedbackCommentForm";
+var StyledWrapper = styled.div.withConfig({
+  displayName: "StyledWrapper",
+  componentId: "dumi-theme-antv-c7ef__sc-vcamqv-0"
+})(["background-color:#fff;border-radius:12px;box-shadow:0 0.5rem 1.2rem #f0f1f2;transition:height 0.3s ease-in-out;width:262px;position:fixed;z-index:1001;padding:10px 18px;border-radius:8px;transition:top 0.3s ease-in-out,right 0.3s ease-in-out;"]);
+export var SectionFeedback = function SectionFeedback() {
+  var feedbackState = useSnapshot(feedbackStore);
+  var location = useLocation();
+  useEffect(function () {
+    var observer = new MutationObserver(function () {
+      var buttons = document.querySelectorAll('.comment-link');
+      if (!buttons || buttons.length === 0) return;
+      var focusCommentInput = function focusCommentInput(e) {
+        var button = e.target.closest('.comment-link');
+        invokeSectionFeedback(button.getAttribute('data-feedback-hash'));
+      };
+      buttons.forEach(function (button) {
+        button.addEventListener('click', focusCommentInput);
+      });
+      return function () {
+        buttons.forEach(function (button) {
+          button.removeEventListener('click', focusCommentInput);
+        });
+      };
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return function () {
+      observer.disconnect();
+    };
+  }, []);
+  var _useState = useState({
+      top: 0,
+      right: 12
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    position = _useState2[0],
+    setPosition = _useState2[1];
+  useEffect(function () {
+    var handleClick = function handleClick(e) {
+      var target = e.target;
+      var closestCommentLink = target.closest('.comment-link');
+      if (!feedbackState.section || !closestCommentLink) return;
+      var escapedSection = CSS.escape(feedbackState.section);
+      var elements = document.querySelectorAll(".comment-link[data-feedback-hash=".concat(escapedSection, "]"));
+      var closestElement = findClosetElement(e, elements);
+      if (closestElement) {
+        var rect = closestElement.getBoundingClientRect();
+        var top = Math.min(Math.max(rect.top, 0), window.innerHeight - 380);
+        setPosition({
+          top: top,
+          right: 12
+        });
+      }
+    };
+    window.addEventListener('click', handleClick);
+    return function () {
+      window.removeEventListener('click', handleClick);
+    };
+  }, [feedbackState.section]);
+  useEffect(function () {
+    resetSectionFeedback();
+  }, [location.pathname]);
+  if (!feedbackState.section) return null;
+  return /*#__PURE__*/React.createElement(StyledWrapper, {
+    style: {
+      top: position.top,
+      right: position.right
+    }
+  }, /*#__PURE__*/React.createElement(SectionFeedbackCommentForm, null));
+};
+var findClosetElement = function findClosetElement(e, elements) {
+  var closestElement = null;
+  var closestDistance = Infinity;
+  elements.forEach(function (element) {
+    var rect = element.getBoundingClientRect();
+    var distance = Math.sqrt(Math.pow(rect.left + rect.width / 2 - e.clientX, 2) + Math.pow(rect.top + rect.height / 2 - e.clientY, 2));
+    if (distance < closestDistance) {
+      closestDistance = distance;
+      closestElement = element;
+    }
+  });
+  return closestElement;
+};

package/dist/slots/Feedback/SectionFeedbackCommentForm.js

@@ -0,0 +1,84 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Button, Form, Input } from 'antd';
+import { useIntl, useLocale } from 'dumi';
+import React from 'react';
+import { styled } from 'styled-components';
+import { useSnapshot } from 'valtio';
+import { feedbackStore, resetSectionFeedback } from "../../model/feedback";
+import { useFeedbackService } from "./service";
+var StyledForm = styled(Form).withConfig({
+  displayName: "StyledForm",
+  componentId: "dumi-theme-antv-c7ef__sc-1e7udwn-0"
+})([".ant-form-item:last-child{margin-bottom:8px;}"]);
+export var SectionFeedbackCommentForm = function SectionFeedbackCommentForm() {
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var feedbackState = useSnapshot(feedbackStore);
+  var locale = useLocale();
+  var currentLocale = locale.id;
+  var onCancel = function onCancel() {
+    form.resetFields();
+    resetSectionFeedback();
+  };
+  var _useFeedbackService = useFeedbackService(),
+    submitFeedback = _useFeedbackService.submitFeedback,
+    showFeedbackResult = _useFeedbackService.showFeedbackResult;
+  var onFinish = function onFinish(values) {
+    submitFeedback({
+      comment: values.comment
+    }).then(function () {
+      onCancel();
+      showFeedbackResult(true);
+    }).catch(function () {
+      showFeedbackResult(false);
+    });
+  };
+  var getCommentFieldLabel = function getCommentFieldLabel() {
+    var leftQuote = currentLocale === 'zh' ? '「' : '"';
+    var rightQuote = currentLocale === 'zh' ? '」' : '"';
+    return /*#__PURE__*/React.createElement("div", null, formatMessage({
+      id: '📖 你认为'
+    }), ' ', /*#__PURE__*/React.createElement("b", null, leftQuote, feedbackState.section, rightQuote), ' ', formatMessage({
+      id: '部分如何改进更好？'
+    }));
+  };
+  return /*#__PURE__*/React.createElement(StyledForm, {
+    name: "section-feedback-form",
+    form: form,
+    layout: "vertical",
+    onFinish: onFinish
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "comment",
+    label: getCommentFieldLabel()
+  }, /*#__PURE__*/React.createElement(Input.TextArea, {
+    rows: 3
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    style: {
+      textAlign: 'right'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    htmlType: "button",
+    type: "text",
+    size: "small",
+    onClick: onCancel,
+    style: {
+      marginRight: 8
+    }
+  }, formatMessage({
+    id: '取消'
+  })), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    htmlType: "submit",
+    size: "small"
+  }, formatMessage({
+    id: '提交'
+  }))));
+};

package/dist/slots/Feedback/index.js

@@ -3,24 +3,20 @@ import React from 'react';
 import { styled } from 'styled-components';
 import { Contributors } from "./Contributors";
 import { EditButton } from "./EditButton";
-import { FeedbackMessage } from "./FeedbackMessage";
-import { VoteButtons } from "./VoteButtons";
+import { PageFeedback } from "./PageFeedback";
+import { SectionFeedback } from "./SectionFeedback";
 var StyledWrapper = styled.div.withConfig({
   displayName: "StyledWrapper",
   componentId: "dumi-theme-antv-c7ef__sc-yubwx0-0"
-})(["margin-top:40px;.buttons{display:flex;justify-content:space-between;}"]);
+})(["margin-top:40px;"]);
 export var Feedback = function Feedback() {
   var meta = useRouteMeta();
-  if (meta.frontmatter.readonly) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(StyledWrapper, null, /*#__PURE__*/React.createElement("div", {
-    className: "buttons"
-  }, /*#__PURE__*/React.createElement(EditButton, {
+  var editable = !meta.frontmatter.readonly;
+  return /*#__PURE__*/React.createElement(StyledWrapper, null, editable && /*#__PURE__*/React.createElement(EditButton, {
     style: {
       transform: 'translateX(-12px)'
     }
-  }), /*#__PURE__*/React.createElement(VoteButtons, null)), /*#__PURE__*/React.createElement(FeedbackMessage, null), /*#__PURE__*/React.createElement(Contributors, {
+  }), editable && /*#__PURE__*/React.createElement(Contributors, {
     filename: meta.frontmatter.filename
-  }));
+  }), /*#__PURE__*/React.createElement(SectionFeedback, null), /*#__PURE__*/React.createElement(PageFeedback, null));
 };

package/dist/slots/Feedback/service.js

@@ -1,27 +1,75 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /**
  * 服务模块
  * https://docs.leancloud.cn/sdk/storage/guide/js/
  */
+import { MehOutlined, SmileOutlined } from '@ant-design/icons';
+import { notification } from 'antd';
+import { useIntl, useLocale, useRouteMeta, useSiteData } from 'dumi';
 import AV from 'leancloud-storage';
+import React from 'react';
+import { useGithubRepo } from "../../utils/github";
 AV.init({
-  appId: 'iHqYaIUSgLOlOTkQxnqicMax-gzGzoHsz',
-  appKey: 'fyjYpAT54tFGui2Vn6CYDMaf',
-  serverURL: 'https://ihqyaius.lc-cn-n1-shared.com'
+  appId: 'mAckVaWaCleA1L1tRu0vDkkl-gzGzoHsz',
+  appKey: '5BCFPGawWnS37eHVnzSptNa5',
+  serverURL: 'https://mackvawa.lc-cn-n1-shared.com'
 });
-export function submitFeedback(params) {
+export var useFeedbackService = function useFeedbackService() {
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _useGithubRepo = useGithubRepo(),
+    owner = _useGithubRepo.owner,
+    repo = _useGithubRepo.repo;
+  var meta = useRouteMeta();
+  var version = useSiteData().themeConfig.version;
+  var locale = useLocale().id;
+  var commonParams = {
+    locale: locale,
+    repo: "".concat(owner, "/").concat(repo),
+    ua: navigator.userAgent,
+    url: window.location.href,
+    userId: 'anonymous',
+    version: version,
+    title: meta.frontmatter.title
+  };
   var Feedback = AV.Object.extend('UserFeedback');
-  var f = new Feedback();
-  Object.entries(params).forEach(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      value = _ref2[1];
-    f.set(key, value);
-  });
-  return f.save();
-}
+  var submitFeedback = function submitFeedback(params) {
+    var f = new Feedback();
+    Object.entries(_objectSpread(_objectSpread({}, commonParams), params)).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
+      f.set(key, value);
+    });
+    return f.save();
+  };
+  var showFeedbackResult = function showFeedbackResult(success) {
+    var Icon = success ? SmileOutlined : MehOutlined;
+    notification.info({
+      message: formatMessage({
+        id: success ? '谢谢你的反馈意见！' : '报错了，请稍后再试'
+      }),
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        style: {
+          color: '#873bf4'
+        }
+      }),
+      placement: 'bottomRight'
+    });
+  };
+  return {
+    submitFeedback: submitFeedback,
+    showFeedbackResult: showFeedbackResult
+  };
+};

package/dist/slots/ManualContent/Main.js

@@ -46,7 +46,8 @@ export var Main = function Main(_ref) {
     className: styles.markdown
   }, children), /*#__PURE__*/React.createElement(Feedback, null), /*#__PURE__*/React.createElement(PrevAndNext, null)), /*#__PURE__*/React.createElement(BackTop, {
     style: {
-      right: 32
+      right: 32,
+      bottom: 100
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.backTop

package/dist/slots/_.less

@@ -4,7 +4,8 @@
 
 .ant-btn,
 .ant-input,
-.ant-notification-notice {
+.ant-notification-notice,
+.ant-select-selector {
   border-radius: 8px !important;
 }
 
@@ -22,6 +23,36 @@
   }
 }
 
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  > a[aria-hidden]:first-child {
+    float: left;
+    width: 20px;
+    font-size: 0;
+    line-height: inherit;
+    text-align: right;
+    padding-inline-end: 6px;
+    margin-inline-start: -20px;
+
+    &:hover {
+      border: 0;
+    }
+
+    > .icon-link::before {
+      font-size: 20px;
+      content: '#';
+    }
+  }
+
+  &:not(:hover) > a[aria-hidden]:first-child > .icon-link {
+    visibility: hidden;
+  }
+}
+
 .container1440() {
   width: 1440px;
   max-width: calc(100% - 80px);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.5.7-beta.0",
+  "version": "0.5.7-beta.1",
   "description": "AntV website theme based on dumi2.",
   "keywords": [
     "dumi",

package/dist/slots/Feedback/FeedbackMessage.js

@@ -1,234 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { MehOutlined, SmileOutlined } from '@ant-design/icons';
-import { Alert, Button, Divider, Form, Input, notification, Switch } from 'antd';
-import { useIntl, useLocale, useRouteMeta } from 'dumi';
-import React, { useEffect, useState } from 'react';
-import { Link } from 'react-router-dom';
-import { styled } from 'styled-components';
-import useSWR from 'swr';
-import { useSnapshot } from 'valtio';
-import { feedbackStore, invokeSectionFeedback, resetFeedbackState } from "../../model/feedback";
-import { getLatestVersion, useGithubRepo } from "../../utils/github";
-import { submitFeedback } from "./service";
-var StyledFeedbackMessageWrapper = styled.div.withConfig({
-  displayName: "StyledFeedbackMessageWrapper",
-  componentId: "dumi-theme-antv-c7ef__sc-3o22sl-0"
-})(["display:", ";.alert{margin:12px 0 16px;padding:16px;line-height:1.8;background-color:rgba(255,251,235,0.5);border:1px solid rgba(173,104,0,0.15);border-radius:8px;.ant-alert-icon{color:#cc8800;}}.alert-link{color:#56390c;font-weight:bold;text-decoration:underline;}"], function (props) {
-  return props.$show ? 'block' : 'none';
-});
-export var FeedbackMessage = function FeedbackMessage() {
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var _Form$useForm = Form.useForm(),
-    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-    form = _Form$useForm2[0];
-  var feedbackState = useSnapshot(feedbackStore);
-  var _useGithubRepo = useGithubRepo(),
-    owner = _useGithubRepo.owner,
-    repo = _useGithubRepo.repo;
-  var meta = useRouteMeta();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    enableRealName = _useState2[0],
-    setEnableRealName = _useState2[1];
-  var pageUrl = window.location.href;
-  var locale = useLocale();
-  var currentLocale = locale.id;
-  var issueUrl = "https://github.com/".concat(owner, "/").concat(repo, "/issues/new?labels=status%3A+waiting+for+maintainer%2Cdocs-feedback&template=docs-feedback.yml&title=[docs]+&page-url=").concat(pageUrl);
-  var alertMsg = /*#__PURE__*/React.createElement("div", null, formatMessage({
-    id: '如果遇到问题或发现某些功能无法正常工作，请通过'
-  }), /*#__PURE__*/React.createElement(Link, {
-    to: issueUrl,
-    className: "alert-link"
-  }, formatMessage({
-    id: '提交问题报告'
-  })), formatMessage({
-    id: '来反馈。否则，团队将无法提供进一步的答复或获取更多信息。'
-  }));
-  var openNotification = function openNotification(success) {
-    notification.info({
-      message: formatMessage({
-        id: success ? '反馈已提交' : '报错了，请稍后再试'
-      }),
-      description: formatMessage({
-        id: success ? '我们会尽快处理你的反馈，感谢你的支持！' : '如果问题持续，请前往 GitHub 提交 issue。'
-      }),
-      icon: success ? /*#__PURE__*/React.createElement(SmileOutlined, {
-        style: {
-          color: '#873bf4'
-        }
-      }) : /*#__PURE__*/React.createElement(MehOutlined, {
-        style: {
-          color: '#873bf4'
-        }
-      }),
-      placement: 'bottomLeft'
-    });
-  };
-  var _useSWR = useSWR("https://api.github.com/repos/".concat(owner, "/").concat(repo, "/releases/latest"), function () {
-      return getLatestVersion(owner, repo);
-    }),
-    lastVersion = _useSWR.data;
-  var onFinish = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
-      var params;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            params = {
-              comment: values.comment,
-              locale: currentLocale,
-              url: pageUrl,
-              rating: feedbackState.rating,
-              repo: "".concat(owner, "/").concat(repo),
-              section: feedbackState.section,
-              ua: navigator.userAgent,
-              userId: enableRealName ? values.userId : 'anonymous',
-              version: lastVersion,
-              title: meta.frontmatter.title
-            };
-            submitFeedback(params).then(function (f) {
-              form.setFieldValue('comment', '');
-              openNotification(true);
-            }).catch(function () {
-              openNotification(false);
-            });
-          case 2:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onFinish(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  var onCancel = function onCancel() {
-    resetFeedbackState();
-  };
-  useEffect(function () {
-    var observer = new MutationObserver(function () {
-      var buttons = document.querySelectorAll('.comment-link');
-      if (!buttons || buttons.length === 0) return;
-      var focusCommentInput = function focusCommentInput(e) {
-        var button = e.target.closest('.comment-link');
-        invokeSectionFeedback(button.getAttribute('data-feedback-hash'));
-      };
-      buttons.forEach(function (button) {
-        button.addEventListener('click', focusCommentInput);
-      });
-      return function () {
-        buttons.forEach(function (button) {
-          button.removeEventListener('click', focusCommentInput);
-        });
-      };
-    });
-    observer.observe(document.body, {
-      childList: true,
-      subtree: true
-    });
-    return function () {
-      observer.disconnect();
-    };
-  }, []);
-  useEffect(function () {
-    if (!feedbackState.show) {
-      form.setFieldValue('comment', '');
-      setEnableRealName(false);
-    }
-  }, [feedbackState.show]);
-  useEffect(function () {
-    if (feedbackState.section) {
-      form.scrollToField('comment', {
-        behavior: 'smooth',
-        block: 'center'
-      });
-    }
-  }, [feedbackState.section]);
-  var showAlert = feedbackState.rating !== '1';
-  var getCommentFieldLabel = function getCommentFieldLabel() {
-    if (feedbackState.rating === '1') {
-      return formatMessage({
-        id: '你认为这个页面有哪些做的好的地方？（可选）'
-      });
-    } else if (feedbackState.rating === '0') {
-      return formatMessage({
-        id: '你觉得我们可以如何改进此页面？（可选）'
-      });
-    } else {
-      var leftQuote = currentLocale === 'zh' ? '「' : '"';
-      var rightQuote = currentLocale === 'zh' ? '」' : '"';
-      return /*#__PURE__*/React.createElement("div", null, formatMessage({
-        id: '你认为该'
-      }), ' ', /*#__PURE__*/React.createElement("b", null, leftQuote, feedbackState.section, rightQuote), ' ', formatMessage({
-        id: '部分如何改进更好？（可选）'
-      }));
-    }
-  };
-  return /*#__PURE__*/React.createElement(StyledFeedbackMessageWrapper, {
-    $show: feedbackState.show
-  }, /*#__PURE__*/React.createElement(Divider, {
-    dashed: true
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "form"
-  }, /*#__PURE__*/React.createElement(Form, {
-    form: form,
-    name: "comment",
-    onFinish: onFinish,
-    layout: "vertical"
-  }, /*#__PURE__*/React.createElement(Switch, {
-    checkedChildren: "\u5B9E\u540D",
-    unCheckedChildren: "\u533F\u540D",
-    checked: enableRealName,
-    onChange: setEnableRealName,
-    style: {
-      marginBottom: 16
-    }
-  }), enableRealName && /*#__PURE__*/React.createElement(Form.Item, {
-    name: "userId",
-    label: formatMessage({
-      id: 'Github ID'
-    })
-  }, /*#__PURE__*/React.createElement(Input, {
-    style: {
-      width: '220px'
-    }
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "comment",
-    label: getCommentFieldLabel()
-  }, /*#__PURE__*/React.createElement(Input.TextArea, {
-    rows: 5
-  })), showAlert && /*#__PURE__*/React.createElement(Alert, {
-    type: "warning",
-    className: "alert",
-    message: alertMsg,
-    showIcon: true
-  }), /*#__PURE__*/React.createElement(Form.Item, {
-    style: {
-      textAlign: 'right'
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
-    htmlType: "button",
-    type: "text",
-    onClick: onCancel,
-    style: {
-      marginRight: 8
-    }
-  }, formatMessage({
-    id: '取消'
-  })), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    htmlType: "submit"
-  }, formatMessage({
-    id: '提交'
-  }))))));
-};