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

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/PageFeedbackVoteButtons.js

@@ -0,0 +1,60 @@
+import { DislikeFilled, LikeFilled } from '@ant-design/icons';
+import { Button, Tooltip } from 'antd';
+import { useIntl } from 'dumi';
+import React from 'react';
+import { styled } from 'styled-components';
+import { useSnapshot } from 'valtio';
+import { feedbackStore, invokePageFeedback, resetPageFeedback } from "../../model/feedback";
+var StyledVoteButtonsWrapper = styled.div.withConfig({
+  displayName: "StyledVoteButtonsWrapper",
+  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);
+  var items = [{
+    title: formatMessage({
+      id: 'yes'
+    }),
+    icon: /*#__PURE__*/React.createElement(LikeFilled, null),
+    onClick: function onClick() {
+      if (feedbackState.rating === '1') {
+        resetPageFeedback();
+      } else {
+        invokePageFeedback(true);
+      }
+    },
+    isActive: feedbackState.rating === '1'
+  }, {
+    title: formatMessage({
+      id: 'no'
+    }),
+    icon: /*#__PURE__*/React.createElement(DislikeFilled, null),
+    onClick: function onClick() {
+      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: '这个页面对你有帮助吗？'
+  })), items.map(function (_ref) {
+    var title = _ref.title,
+      icon = _ref.icon,
+      onClick = _ref.onClick,
+      isActive = _ref.isActive;
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      key: title,
+      title: title
+    }, /*#__PURE__*/React.createElement(Button, {
+      className: "button ".concat(isActive ? 'active-button' : ''),
+      type: "text",
+      icon: icon,
+      onClick: onClick
+    }));
+  }));
+};

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

@@ -0,0 +1,22 @@
+import { useRouteMeta } from 'dumi';
+import React from 'react';
+import { styled } from 'styled-components';
+import { Contributors } from "./Contributors";
+import { EditButton } from "./EditButton";
+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;"]);
+export var Feedback = function Feedback() {
+  var meta = useRouteMeta();
+  var editable = !meta.frontmatter.readonly;
+  return /*#__PURE__*/React.createElement(StyledWrapper, null, editable && /*#__PURE__*/React.createElement(EditButton, {
+    style: {
+      transform: 'translateX(-12px)'
+    }
+  }), 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

@@ -0,0 +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: 'mAckVaWaCleA1L1tRu0vDkkl-gzGzoHsz',
+  appKey: '5BCFPGawWnS37eHVnzSptNa5',
+  serverURL: 'https://mackvawa.lc-cn-n1-shared.com'
+});
+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 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

@@ -7,12 +7,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { VerticalAlignTopOutlined } from '@ant-design/icons';
 import { BackTop, Layout } from 'antd';
 import { useRouteMeta } from 'dumi';
-import React, { useMemo } from 'react';
+import React from 'react';
 import { useMedia } from 'react-use';
 import readingTime from 'reading-time';
 import { useMenu } from "../../hooks/useMenu";
 import { ContentTable } from "dumi/theme/slots/ContentTable";
-import { NavigatorBanner } from "./NavigatorBanner";
+import { Feedback } from "dumi/theme/slots/Feedback";
+import { PrevAndNext } from "./PrevAndNext";
 import ReadingTime from "./ReadingTime";
 import styles from "./index.module.less";
 import { usePreview } from "./usePreview";
@@ -25,32 +26,8 @@ export var Main = function Main(_ref) {
   var _readingTime = readingTime(text),
     time = _readingTime.time;
   var _useMenu = useMenu(),
-    _useMenu2 = _slicedToArray(_useMenu, 3),
-    selectedKey = _useMenu2[1],
-    flattenMenuItems = _useMenu2[2];
-  var _useMemo = useMemo(function () {
-      if (!flattenMenuItems) {
-        return [undefined, undefined];
-      }
-      var activeMenuItemIndex = -1;
-      flattenMenuItems.forEach(function (menuItem, i) {
-        if (menuItem && menuItem.key === selectedKey) {
-          activeMenuItemIndex = i;
-        }
-      });
-      var prevItem = flattenMenuItems[activeMenuItemIndex - 1];
-      var nextItem = flattenMenuItems[activeMenuItemIndex + 1];
-      return [prevItem ? {
-        slug: prevItem.link,
-        title: prevItem.title
-      } : undefined, nextItem ? {
-        slug: nextItem.link,
-        title: nextItem.title
-      } : undefined];
-    }, [flattenMenuItems, selectedKey]),
-    _useMemo2 = _slicedToArray(_useMemo, 2),
-    prev = _useMemo2[0],
-    next = _useMemo2[1];
+    _useMenu2 = _slicedToArray(_useMenu, 2),
+    selectedKey = _useMenu2[1];
   var is991Wide = useMedia('(min-width: 991.99px)', true);
   var showToc = is991Wide && meta.frontmatter.showToc !== false;
   usePreview({}, selectedKey);
@@ -67,21 +44,14 @@ export var Main = function Main(_ref) {
     className: styles.readtime
   })), /*#__PURE__*/React.createElement("div", {
     className: styles.markdown
-  }, children), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: styles.preandnext
-  }, /*#__PURE__*/React.createElement(NavigatorBanner, {
-    type: "prev",
-    post: prev
-  }), /*#__PURE__*/React.createElement(NavigatorBanner, {
-    type: "next",
-    post: next
-  }), /*#__PURE__*/React.createElement(BackTop, {
+  }, 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
-  }, /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, null))))))), showToc && /*#__PURE__*/React.createElement(Layout.Sider, {
+  }, /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, null)))), showToc && /*#__PURE__*/React.createElement(Layout.Sider, {
     theme: "light",
     width: 260
   }, /*#__PURE__*/React.createElement("div", {

package/dist/slots/ManualContent/PrevAndNext.js

@@ -0,0 +1,48 @@
+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, { useMemo } from 'react';
+import { useMenu } from "../../hooks/useMenu";
+import { NavigatorBanner } from "./NavigatorBanner";
+import styles from "./index.module.less";
+export var PrevAndNext = function PrevAndNext() {
+  var _useMenu = useMenu(),
+    _useMenu2 = _slicedToArray(_useMenu, 3),
+    selectedKey = _useMenu2[1],
+    flattenMenuItems = _useMenu2[2];
+  var _useMemo = useMemo(function () {
+      if (!flattenMenuItems) {
+        return [undefined, undefined];
+      }
+      var activeMenuItemIndex = -1;
+      flattenMenuItems.forEach(function (menuItem, i) {
+        if (menuItem && menuItem.key === selectedKey) {
+          activeMenuItemIndex = i;
+        }
+      });
+      var prevItem = flattenMenuItems[activeMenuItemIndex - 1];
+      var nextItem = flattenMenuItems[activeMenuItemIndex + 1];
+      return [prevItem ? {
+        slug: prevItem.link,
+        title: prevItem.title
+      } : undefined, nextItem ? {
+        slug: nextItem.link,
+        title: nextItem.title
+      } : undefined];
+    }, [flattenMenuItems, selectedKey]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    prev = _useMemo2[0],
+    next = _useMemo2[1];
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.preandnext
+  }, /*#__PURE__*/React.createElement(NavigatorBanner, {
+    type: "prev",
+    post: prev
+  }), /*#__PURE__*/React.createElement(NavigatorBanner, {
+    type: "next",
+    post: next
+  }));
+};