quick-start-feature-box 1.0.5 → 1.0.7

package/dist/index.js

@@ -1,490 +1 @@
-import React6, { createContext, useState, useMemo, useContext, useEffect } from 'react';
-import { Tooltip, message, Button, Modal, Image } from 'antd';
-import classNames from 'classnames';
-import { useLocation, Link } from 'react-router-dom';
-
-// src/FeatureBox/index.js
-
-// src/FeatureBox/index.less
-var FeatureBox_default = {};
-
-// src/StepAndQuote/index.less
-var StepAndQuote_default = {};
-
-// src/Tab/index.less
-var Tab_default = {};
-function isPrefixArray(prefixArray, mainArray) {
-  return prefixArray.every((element, index) => element === mainArray[index]);
-}
-var Tab = (props) => {
-  const {
-    data,
-    idx,
-    stepChildrenLength,
-    tabNum,
-    currentLinkList,
-    setCurrentLinkList
-  } = props;
-  const getActive = (linkList, index) => {
-    if (linkList.length <= currentLinkList.length) {
-      return isPrefixArray(linkList, currentLinkList);
-    }
-    return index == 0;
-  };
-  return /* @__PURE__ */ React6.createElement("div", { className: classNames(Tab_default.Tab, {
-    [Tab_default.noFirstTab]: tabNum != 1,
-    [Tab_default.isInternalChanged]: idx < stepChildrenLength - 1
-  }) }, (data?.children ?? []).map((item, index) => {
-    if (item.type !== "tabItem") {
-      return null;
-    }
-    return /* @__PURE__ */ React6.createElement(
-      "div",
-      {
-        key: item.id,
-        className: classNames(Tab_default.tabItem, {
-          [Tab_default.active]: getActive(item.linkList, index),
-          [Tab_default.noFirstTabsItem]: tabNum != 1,
-          [Tab_default.hasIcon]: item.icon
-        }),
-        onClick: () => {
-          setCurrentLinkList(item.linkList);
-        }
-      },
-      item.icon && /* @__PURE__ */ React6.createElement("div", { className: Tab_default.tabIcon, dangerouslySetInnerHTML: { __html: item.icon } }),
-      item.text
-    );
-  }));
-};
-var Tab_default2 = Tab;
-
-// src/Article/index.less
-var Article_default = {};
-
-// src/Article/index.js
-var Article = (props) => {
-  const {
-    data
-  } = props;
-  const modifiedText = useMemo(() => {
-    return data?.text?.replace(/<img([^>]+)>/g, (match) => {
-      return `<div class="img-container">${match}<i class="iconfont img-preview">&#x11bc7;</i></div>`;
-    }) ?? "";
-  }, [data]);
-  return /* @__PURE__ */ React6.createElement("div", { className: Article_default.Article, dangerouslySetInnerHTML: { __html: modifiedText } });
-};
-var Article_default2 = Article;
-
-// src/Dictionary/index.less
-var Dictionary_default = {};
-
-// src/HelpModal/index.less
-var HelpModal_default = {};
-var HelpModal = (props) => {
-  const {
-    visible,
-    setVisible,
-    link
-  } = props;
-  const [loading, setLoading] = useState(true);
-  return /* @__PURE__ */ React6.createElement(
-    Modal,
-    {
-      className: HelpModal_default.HelpModal,
-      open: visible,
-      width: "90vw",
-      onCancel: () => setVisible(false),
-      destroyOnClose: true,
-      footer: null
-    },
-    /* @__PURE__ */ React6.createElement(
-      "iframe",
-      {
-        className: HelpModal_default.HelpModalIframe,
-        style: { display: loading ? "none" : "block" },
-        src: link,
-        onLoad: () => setLoading(false)
-      }
-    )
-  );
-};
-var HelpModal_default2 = HelpModal;
-
-// src/Dictionary/index.js
-var Dictionary = (props) => {
-  const {
-    data
-  } = props;
-  const [visible, setVisible] = useState(false);
-  const [link, setLink] = useState("");
-  const handleClick = (item) => {
-    setLink(item.link);
-    setVisible(true);
-  };
-  return /* @__PURE__ */ React6.createElement("div", { className: Dictionary_default.Dictionary }, (data?.children ?? []).map((item) => {
-    return item.type === "modal" ? /* @__PURE__ */ React6.createElement("div", { key: item.id, className: Dictionary_default.item, onClick: () => handleClick(item) }, item.icon && /* @__PURE__ */ React6.createElement("div", { className: Dictionary_default.dicIcon, dangerouslySetInnerHTML: { __html: item.icon } }), /* @__PURE__ */ React6.createElement("div", { className: Dictionary_default.title }, item.text)) : /* @__PURE__ */ React6.createElement("a", { className: Dictionary_default.item, href: item.link }, item.icon && /* @__PURE__ */ React6.createElement("div", { className: Dictionary_default.dicIcon, dangerouslySetInnerHTML: { __html: item.icon } }), /* @__PURE__ */ React6.createElement("div", { className: Dictionary_default.title }, item.text));
-  }), /* @__PURE__ */ React6.createElement(HelpModal_default2, { visible, setVisible, link }));
-};
-var Dictionary_default2 = Dictionary;
-
-// src/Extra/index.less
-var Extra_default = {};
-var Extra = (props) => {
-  const {
-    data
-  } = props;
-  const [visible, setVisible] = useState(false);
-  const [currentLink, setCurrentLink] = useState([]);
-  const handleClick = (item) => {
-    setCurrentLink(item.link);
-    setVisible(true);
-  };
-  return /* @__PURE__ */ React6.createElement("div", { className: Extra_default.Extra }, (data?.children ?? []).map((item, index) => {
-    return item.type === "link" ? /* @__PURE__ */ React6.createElement(Button, { className: Extra_default.ExtraButton, key: index, type: "primary", href: item.link }, item.text) : /* @__PURE__ */ React6.createElement(Button, { className: Extra_default.ExtraButton, key: index, onClick: () => handleClick(item) }, item.text);
-  }), /* @__PURE__ */ React6.createElement(
-    HelpModal_default2,
-    {
-      visible,
-      setVisible,
-      link: currentLink
-    }
-  ));
-};
-var Extra_default2 = Extra;
-var STEP_CHILD_COMPONENTS = {
-  tab: Tab_default2,
-  article: Article_default2,
-  dictionary: Dictionary_default2,
-  extra: Extra_default2,
-  default: ({ data }) => /* @__PURE__ */ React6.createElement("div", { style: { color: "red", fontSize: 20, textAlign: "center" } }, "uniqueName: ", data.uniqueName, "\uFF0Ctype: ", data.type, "\u4E0D\u7B26\u5408\u89C4\u5219")
-};
-var Step = (props) => {
-  const {
-    data,
-    module,
-    feature,
-    currentLinkList,
-    currentQuoteList,
-    index,
-    ...rest
-  } = props;
-  const i18n2 = useContext(i18nContext);
-  const copyLink = () => {
-    const linkListStr = (currentLinkList || []).join("-");
-    const linkListPath = linkListStr != "" ? `&linkList=${linkListStr}` : "";
-    const currentQuoteListStr = (currentQuoteList || []).join("-");
-    const currentQuoteListPath = currentQuoteListStr != "" ? `&quoteList=${currentQuoteListStr}` : "";
-    const copyText = `${window.location.origin}/quickstart/detail?module=${module}&feature=${feature}${linkListPath}${currentQuoteListPath}#step-${index + 1}`;
-    if (navigator.clipboard && navigator.clipboard.writeText) {
-      navigator.clipboard.writeText(copyText);
-      message.success(i18n2.rebate_copy_share_success);
-    } else {
-      fallbackCopyTextToClipboard(copyText);
-    }
-  };
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Tooltip, { title: i18n2.rebate_copy_share }, /* @__PURE__ */ React6.createElement("span", { className: StepAndQuote_default.title, onClick: copyLink }, data.text, /* @__PURE__ */ React6.createElement("i", { className: "iconfont" }, "\uE63E"))), (data?.children ?? []).map((item, idx) => {
-    const Comp = STEP_CHILD_COMPONENTS[item?.type] || STEP_CHILD_COMPONENTS.default;
-    const tabNum = (data?.children ?? []).slice(0, idx + 1).filter((child) => child?.type === "tab").length;
-    return /* @__PURE__ */ React6.createElement(
-      Comp,
-      {
-        key: idx,
-        idx,
-        stepChildrenLength: data?.children?.length ?? 0,
-        data: item,
-        tabNum,
-        currentLinkList,
-        ...rest
-      }
-    );
-  }));
-};
-var Quote = (props) => {
-  const {
-    data,
-    currentQuoteList,
-    setCurrentQuoteList
-  } = props;
-  const i18n2 = useContext(i18nContext);
-  const handleClick = (quoteID) => {
-    if (currentQuoteList.includes(quoteID)) {
-      setCurrentQuoteList(currentQuoteList.filter((id) => id !== quoteID));
-    } else {
-      setCurrentQuoteList([...currentQuoteList, quoteID]);
-    }
-  };
-  const isOpen = useMemo(() => currentQuoteList.includes(data.id), [currentQuoteList, data.id]);
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement("div", { className: StepAndQuote_default.title, onClick: () => handleClick(data.id) }, /* @__PURE__ */ React6.createElement("div", { className: StepAndQuote_default.QuoteBoxLeft }, (() => {
-    if (!data.icon) {
-      return /* @__PURE__ */ React6.createElement(React6.Fragment, null);
-    }
-    if (data.icon.startsWith("<svg")) {
-      return /* @__PURE__ */ React6.createElement("div", { className: StepAndQuote_default.QuoteIcon, dangerouslySetInnerHTML: { __html: data.icon } });
-    } else {
-      return /* @__PURE__ */ React6.createElement("img", { className: StepAndQuote_default.QuoteIcon, src: data.icon, alt: "quote" });
-    }
-  })(), /* @__PURE__ */ React6.createElement("div", { className: StepAndQuote_default.QuoteText }, data.text)), /* @__PURE__ */ React6.createElement("div", { className: StepAndQuote_default.QuoteBoxRight }, /* @__PURE__ */ React6.createElement("div", null, isOpen ? i18n2.order_close_product : i18n2.common_view_short), /* @__PURE__ */ React6.createElement("i", { className: "iconfont", style: { color: "#888888", ...isOpen ? { transform: "rotate(180deg)" } : {} } }, "\uE611"))), isOpen && /* @__PURE__ */ React6.createElement("div", { className: StepAndQuote_default.line }));
-};
-var StepAndQuote = (props) => {
-  const {
-    data,
-    index,
-    ...rest
-  } = props;
-  return /* @__PURE__ */ React6.createElement("div", { id: `step-${index + 1}`, className: classNames(StepAndQuote_default.StepAndQuote, data.type === "step" ? StepAndQuote_default.Step : StepAndQuote_default.Quote) }, /* @__PURE__ */ React6.createElement("div", { className: StepAndQuote_default.tail }), /* @__PURE__ */ React6.createElement("div", { className: StepAndQuote_default.circle }, index + 1), /* @__PURE__ */ React6.createElement("div", { className: StepAndQuote_default.content }, data.type === "step" ? /* @__PURE__ */ React6.createElement(Step, { data, index, ...rest }) : /* @__PURE__ */ React6.createElement(Quote, { data, ...rest })));
-};
-var StepAndQuote_default2 = StepAndQuote;
-
-// src/FeatureContentBox/index.js
-function processContentData(node, data, link = []) {
-  if (!Array.isArray(node)) return;
-  return node.map((item) => {
-    const tempLink = [...link];
-    item = {
-      ...item,
-      ...data[item.u]
-    };
-    if (["tab", "tabItem"].includes(item.type)) {
-      tempLink.push(item.id);
-    }
-    if (item.c) {
-      item.children = processContentData(item.c, data, tempLink);
-    }
-    return {
-      ...item,
-      linkList: tempLink
-    };
-  });
-}
-function dealStepWithTab(stepNode, childrenNode, newChildren, linkList, quoteList, result) {
-  const isExternalChanged = childrenNode.some((item) => item.type === "step" || item.type === "quote");
-  if (isExternalChanged) {
-    childrenNode.forEach((item) => {
-      if (item.type != "step" && item.type != "quote") {
-        newChildren.push(item);
-      }
-    });
-    result.push({
-      ...stepNode,
-      children: newChildren
-    });
-    getRealRenderData(childrenNode, linkList, quoteList, result);
-  } else {
-    const hasTab = childrenNode.some((item) => item.type === "tab");
-    if (hasTab) {
-      childrenNode.some((item) => {
-        newChildren.push(item);
-        if (item.type != "tab") {
-          return false;
-        }
-        const tabItemID = linkList.findIndex((id) => id == item.id) > -1 ? linkList[linkList.findIndex((id) => id == item.id) + 1] : item.children?.[0]?.id ?? -1;
-        const tabItem = item.children.find((child) => child.id == tabItemID);
-        dealStepWithTab(stepNode, tabItem?.children || [], newChildren, linkList, quoteList, result);
-        return true;
-      });
-    } else {
-      result.push({
-        ...stepNode,
-        children: [...newChildren, ...childrenNode]
-      });
-    }
-  }
-}
-function getRealRenderData(node, linkList, quoteList, result = []) {
-  if (!Array.isArray(node)) return;
-  (node || []).forEach((item) => {
-    if (item.type === "step") {
-      const { children } = item;
-      dealStepWithTab(item, children, [], linkList, quoteList, result);
-    } else if (item.type === "quote") {
-      result.push(item);
-      if (quoteList.includes(item.id)) {
-        getRealRenderData(item.children, linkList, quoteList, result);
-      }
-    }
-  });
-  return result;
-}
-var FeatureContentBox = (props) => {
-  const {
-    structure,
-    linkList,
-    quoteList,
-    content,
-    ...rest
-  } = props;
-  const [currentLinkList, setCurrentLinkList] = useState(linkList);
-  const [currentQuoteList, setCurrentQuoteList] = useState(quoteList);
-  const completeData = useMemo(() => {
-    return processContentData(structure, content);
-  }, [structure]);
-  const realRenderData = useMemo(() => {
-    return getRealRenderData(completeData, currentLinkList, currentQuoteList);
-  }, [completeData, currentLinkList, currentQuoteList]);
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, realRenderData.map((item, index) => {
-    return /* @__PURE__ */ React6.createElement(
-      StepAndQuote_default2,
-      {
-        key: item.id,
-        data: item,
-        index,
-        currentLinkList,
-        setCurrentLinkList,
-        currentQuoteList,
-        setCurrentQuoteList,
-        ...rest
-      }
-    );
-  }));
-};
-var FeatureContentBox_default = React6.memo(FeatureContentBox, (prevProps, nextProps) => {
-  return prevProps.structure === nextProps.structure;
-});
-var i18nContext = createContext({});
-function fallbackCopyTextToClipboard(text) {
-  const textarea = document.createElement("textarea");
-  textarea.value = text;
-  document.body.appendChild(textarea);
-  textarea.select();
-  try {
-    document.execCommand("copy");
-    message.success(i18n.rebate_copy_share_success);
-  } catch (err) {
-    message.error(i18n.rebate_copy_share_failed);
-  } finally {
-    document.body.removeChild(textarea);
-  }
-}
-var FeatureItem = (props) => {
-  const {
-    feature,
-    data,
-    content,
-    linkList,
-    quoteList,
-    module
-  } = props;
-  const i18n2 = useContext(i18nContext);
-  const active = useMemo(() => {
-    return feature === data.alias;
-  }, [feature, data]);
-  const location = useLocation();
-  const [imgSrc, setImgSrc] = useState("");
-  const [imgVisible, setImgVisible] = useState(false);
-  useEffect(() => {
-    const hash = location.hash;
-    setTimeout(() => {
-      let offsetPosition = 0;
-      if (hash) {
-        const element = document.querySelector(hash);
-        const topOffset = 50;
-        const elementPosition = element.getBoundingClientRect().top + window.scrollY;
-        offsetPosition = elementPosition - topOffset;
-      }
-      window.scrollTo({
-        top: offsetPosition
-      });
-    }, 0);
-  }, [location]);
-  const copyLink = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    const copyText = `${window.location.origin}/quickstart/detail?module=${module}&feature=${data.alias}#${data.alias}`;
-    if (navigator.clipboard && navigator.clipboard.writeText) {
-      navigator.clipboard.writeText(copyText);
-      message.success(i18n2.rebate_copy_share_success);
-    } else {
-      fallbackCopyTextToClipboard(copyText);
-    }
-  };
-  const imgClick = (e) => {
-    let target = e.target;
-    let imgElement = null;
-    if (target.tagName === "IMG") {
-      imgElement = target;
-    } else if (target.className === "iconfont img-preview") {
-      imgElement = target.parentElement.querySelector("img");
-    }
-    if (imgElement) {
-      setImgSrc(imgElement.src);
-      setImgVisible(true);
-    }
-  };
-  return /* @__PURE__ */ React6.createElement("div", { id: data.alias, className: FeatureBox_default.FeatureItem }, /* @__PURE__ */ React6.createElement(
-    Link,
-    {
-      className: FeatureBox_default.header,
-      to: {
-        pathname: "/quickstart/detail",
-        search: new URLSearchParams({ module, ...data.alias == feature ? {} : { feature: data.alias } }).toString(),
-        ...data.alias == feature ? {} : { hash: data.alias }
-      }
-    },
-    /* @__PURE__ */ React6.createElement("div", { className: FeatureBox_default.headerLeft }, data.icon && /* @__PURE__ */ React6.createElement("div", { className: FeatureBox_default.iconBox, dangerouslySetInnerHTML: { __html: data.icon } }), /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement("div", { className: FeatureBox_default.title }, data.name, /* @__PURE__ */ React6.createElement(Tooltip, { title: i18n2.rebate_copy_share }, /* @__PURE__ */ React6.createElement("i", { className: "iconfont", onClick: copyLink }, "\uE63E"))), !active && /* @__PURE__ */ React6.createElement("div", { className: FeatureBox_default.summary }, data.summary))),
-    /* @__PURE__ */ React6.createElement(
-      "div",
-      {
-        className: FeatureBox_default.btn
-      },
-      active ? i18n2.order_close_product : i18n2.read
-    )
-  ), active && /* @__PURE__ */ React6.createElement("div", { className: FeatureBox_default.wrapper, onClick: imgClick }, data.content && /* @__PURE__ */ React6.createElement("div", { className: FeatureBox_default.contentBox }, /* @__PURE__ */ React6.createElement("i", { className: "iconfont" }, "\uE649"), /* @__PURE__ */ React6.createElement("div", { className: FeatureBox_default.contentRight }, /* @__PURE__ */ React6.createElement("div", { className: FeatureBox_default.title }, i18n2.function_purpose), /* @__PURE__ */ React6.createElement("div", { className: FeatureBox_default.content, dangerouslySetInnerHTML: { __html: data.content } }))), data.remark && /* @__PURE__ */ React6.createElement("div", { className: FeatureBox_default.remark }, data.remark), /* @__PURE__ */ React6.createElement(
-    Image,
-    {
-      style: { display: "none" },
-      src: imgSrc,
-      preview: {
-        visible: imgVisible,
-        src: imgSrc,
-        onVisibleChange: (value) => {
-          setImgVisible(value);
-        }
-      }
-    }
-  ), /* @__PURE__ */ React6.createElement(
-    FeatureContentBox_default,
-    {
-      structure: data.contentRelative,
-      content,
-      module,
-      feature,
-      linkList: active ? linkList : [],
-      quoteList: active ? quoteList : []
-    }
-  )));
-};
-var FeatureBox = (props) => {
-  const {
-    data,
-    content,
-    module,
-    feature,
-    setFeature,
-    linkList,
-    quoteList,
-    i18n: i18n2
-  } = props;
-  const featureData = useMemo(() => {
-    let tempModule = module;
-    if (!tempModule) {
-      tempModule = data?.[0]?.alias ?? "platform_post";
-    }
-    return data.find((item) => item.alias === tempModule);
-  }, [data, module]);
-  return featureData && /* @__PURE__ */ React6.createElement(i18nContext.Provider, { value: i18n2 }, /* @__PURE__ */ React6.createElement("div", { className: FeatureBox_default.FeatureBox, style: { marginBottom: feature ? 0 : 200 } }, (featureData.features || []).map((item) => /* @__PURE__ */ React6.createElement(
-    FeatureItem,
-    {
-      key: `${module}-${item.alias}`,
-      feature,
-      data: item,
-      content,
-      setFeature,
-      linkList,
-      quoteList,
-      module
-    }
-  ))));
-};
-var FeatureBox_default2 = FeatureBox;
-
-export { FeatureBox_default2 as FeatureBox };
+import*as e from"react";import*as t from"antd";import*as r from"react-router-dom";var n={833:e=>{e.exports=function(e,t,r,n){var o=r?r.call(n,e,t):void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var i=Object.keys(e),a=Object.keys(t);if(i.length!==a.length)return!1;for(var c=Object.prototype.hasOwnProperty.bind(t),s=0;s<i.length;s++){var l=i[s];if(!c(l))return!1;var u=e[l],f=t[l];if(!1===(o=r?r.call(n,u,f,l):void 0)||void 0===o&&u!==f)return!1}return!0}}},o={};function i(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return n[e](r,r.exports,i),r.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.nc=void 0;const a=(c={createContext:()=>e.createContext,createElement:()=>e.createElement,default:()=>e.default,useContext:()=>e.useContext,useEffect:()=>e.useEffect,useMemo:()=>e.useMemo,useState:()=>e.useState},s={},i.d(s,c),s);var c,s,l=function(){return l=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},l.apply(this,arguments)};function u(e,t,r){if(r||2===arguments.length)for(var n,o=0,i=t.length;o<i;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var f=i(833),p=i.n(f),d="-ms-",m="-moz-",h="-webkit-",y="comm",g="rule",v="decl",b="@keyframes",x=Math.abs,w=String.fromCharCode,S=Object.assign;function C(e){return e.trim()}function _(e,t){return(e=t.exec(e))?e[0]:e}function I(e,t,r){return e.replace(t,r)}function E(e,t,r){return e.indexOf(t,r)}function O(e,t){return 0|e.charCodeAt(t)}function j(e,t,r){return e.slice(t,r)}function A(e){return e.length}function k(e){return e.length}function P(e,t){return t.push(e),e}function N(e,t){return e.filter((function(e){return!_(e,t)}))}var L=1,T=1,$=0,F=0,R=0,D="";function M(e,t,r,n,o,i,a,c){return{value:e,root:t,parent:r,type:n,props:o,children:i,line:L,column:T,length:a,return:"",siblings:c}}function B(e,t){return S(M("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function z(e){for(;e.root;)e=B(e.root,{children:[e]});P(e,e.siblings)}function Q(){return R=F>0?O(D,--F):0,T--,10===R&&(T=1,L--),R}function q(){return R=F<$?O(D,F++):0,T++,10===R&&(T=1,L++),R}function G(){return O(D,F)}function H(){return F}function W(e,t){return j(D,e,t)}function Y(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function U(e){return C(W(F-1,J(91===e?e+2:40===e?e+1:e)))}function V(e){for(;(R=G())&&R<33;)q();return Y(e)>2||Y(R)>3?"":" "}function Z(e,t){for(;--t&&q()&&!(R<48||R>102||R>57&&R<65||R>70&&R<97););return W(e,H()+(t<6&&32==G()&&32==q()))}function J(e){for(;q();)switch(R){case e:return F;case 34:case 39:34!==e&&39!==e&&J(R);break;case 40:41===e&&J(e);break;case 92:q()}return F}function K(e,t){for(;q()&&e+R!==57&&(e+R!==84||47!==G()););return"/*"+W(t,F-1)+"*"+w(47===e?e:q())}function X(e){for(;!Y(G());)q();return W(e,F)}function ee(e,t){for(var r="",n=0;n<e.length;n++)r+=t(e[n],n,e,t)||"";return r}function te(e,t,r,n){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case v:return e.return=e.return||e.value;case y:return"";case b:return e.return=e.value+"{"+ee(e.children,n)+"}";case g:if(!A(e.value=e.props.join(",")))return""}return A(r=ee(e.children,n))?e.return=e.value+"{"+r+"}":""}function re(e,t,r){switch(function(e,t){return 45^O(e,0)?(((t<<2^O(e,0))<<2^O(e,1))<<2^O(e,2))<<2^O(e,3):0}(e,t)){case 5103:return h+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return h+e+e;case 4789:return m+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return h+e+m+e+d+e+e;case 5936:switch(O(e,t+11)){case 114:return h+e+d+I(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return h+e+d+I(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return h+e+d+I(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return h+e+d+e+e;case 6165:return h+e+d+"flex-"+e+e;case 5187:return h+e+I(e,/(\w+).+(:[^]+)/,h+"box-$1$2"+d+"flex-$1$2")+e;case 5443:return h+e+d+"flex-item-"+I(e,/flex-|-self/g,"")+(_(e,/flex-|baseline/)?"":d+"grid-row-"+I(e,/flex-|-self/g,""))+e;case 4675:return h+e+d+"flex-line-pack"+I(e,/align-content|flex-|-self/g,"")+e;case 5548:return h+e+d+I(e,"shrink","negative")+e;case 5292:return h+e+d+I(e,"basis","preferred-size")+e;case 6060:return h+"box-"+I(e,"-grow","")+h+e+d+I(e,"grow","positive")+e;case 4554:return h+I(e,/([^-])(transform)/g,"$1"+h+"$2")+e;case 6187:return I(I(I(e,/(zoom-|grab)/,h+"$1"),/(image-set)/,h+"$1"),e,"")+e;case 5495:case 3959:return I(e,/(image-set\([^]*)/,h+"$1$`$1");case 4968:return I(I(e,/(.+:)(flex-)?(.*)/,h+"box-pack:$3"+d+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+h+e+e;case 4200:if(!_(e,/flex-|baseline/))return d+"grid-column-align"+j(e,t)+e;break;case 2592:case 3360:return d+I(e,"template-","")+e;case 4384:case 3616:return r&&r.some((function(e,r){return t=r,_(e.props,/grid-\w+-end/)}))?~E(e+(r=r[t].value),"span",0)?e:d+I(e,"-start","")+e+d+"grid-row-span:"+(~E(r,"span",0)?_(r,/\d+/):+_(r,/\d+/)-+_(e,/\d+/))+";":d+I(e,"-start","")+e;case 4896:case 4128:return r&&r.some((function(e){return _(e.props,/grid-\w+-start/)}))?e:d+I(I(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return I(e,/(.+)-inline(.+)/,h+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(A(e)-1-t>6)switch(O(e,t+1)){case 109:if(45!==O(e,t+4))break;case 102:return I(e,/(.+:)(.+)-([^]+)/,"$1"+h+"$2-$3$1"+m+(108==O(e,t+3)?"$3":"$2-$3"))+e;case 115:return~E(e,"stretch",0)?re(I(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return I(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,r,n,o,i,a,c){return d+r+":"+n+c+(o?d+r+"-span:"+(i?a:+a-+n)+c:"")+e}));case 4949:if(121===O(e,t+6))return I(e,":",":"+h)+e;break;case 6444:switch(O(e,45===O(e,14)?18:11)){case 120:return I(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+h+(45===O(e,14)?"inline-":"")+"box$3$1"+h+"$2$3$1"+d+"$2box$3")+e;case 100:return I(e,":",":"+d)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return I(e,"scroll-","scroll-snap-")+e}return e}function ne(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case v:return void(e.return=re(e.value,e.length,r));case b:return ee([B(e,{value:I(e.value,"@","@"+h)})],n);case g:if(e.length)return function(e,t){return e.map(t).join("")}(r=e.props,(function(t){switch(_(t,n=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":z(B(e,{props:[I(t,/:(read-\w+)/,":-moz-$1")]})),z(B(e,{props:[t]})),S(e,{props:N(r,n)});break;case"::placeholder":z(B(e,{props:[I(t,/:(plac\w+)/,":"+h+"input-$1")]})),z(B(e,{props:[I(t,/:(plac\w+)/,":-moz-$1")]})),z(B(e,{props:[I(t,/:(plac\w+)/,d+"input-$1")]})),z(B(e,{props:[t]})),S(e,{props:N(r,n)})}return""}))}}function oe(e){return function(e){return D="",e}(ie("",null,null,null,[""],e=function(e){return L=T=1,$=A(D=e),F=0,[]}(e),0,[0],e))}function ie(e,t,r,n,o,i,a,c,s){for(var l=0,u=0,f=a,p=0,d=0,m=0,h=1,y=1,g=1,v=0,b="",S=o,C=i,_=n,j=b;y;)switch(m=v,v=q()){case 40:if(108!=m&&58==O(j,f-1)){-1!=E(j+=I(U(v),"&","&\f"),"&\f",x(l?c[l-1]:0))&&(g=-1);break}case 34:case 39:case 91:j+=U(v);break;case 9:case 10:case 13:case 32:j+=V(m);break;case 92:j+=Z(H()-1,7);continue;case 47:switch(G()){case 42:case 47:P(ce(K(q(),H()),t,r,s),s);break;default:j+="/"}break;case 123*h:c[l++]=A(j)*g;case 125*h:case 59:case 0:switch(v){case 0:case 125:y=0;case 59+u:-1==g&&(j=I(j,/\f/g,"")),d>0&&A(j)-f&&P(d>32?se(j+";",n,r,f-1,s):se(I(j," ","")+";",n,r,f-2,s),s);break;case 59:j+=";";default:if(P(_=ae(j,t,r,l,u,o,c,b,S=[],C=[],f,i),i),123===v)if(0===u)ie(j,t,_,_,S,i,f,c,C);else switch(99===p&&110===O(j,3)?100:p){case 100:case 108:case 109:case 115:ie(e,_,_,n&&P(ae(e,_,_,0,0,o,c,b,o,S=[],f,C),C),o,C,f,c,n?S:C);break;default:ie(j,_,_,_,[""],C,0,c,C)}}l=u=d=0,h=g=1,b=j="",f=a;break;case 58:f=1+A(j),d=m;default:if(h<1)if(123==v)--h;else if(125==v&&0==h++&&125==Q())continue;switch(j+=w(v),v*h){case 38:g=u>0?1:(j+="\f",-1);break;case 44:c[l++]=(A(j)-1)*g,g=1;break;case 64:45===G()&&(j+=U(q())),p=G(),u=f=A(b=j+=X(H())),v++;break;case 45:45===m&&2==A(j)&&(h=0)}}return i}function ae(e,t,r,n,o,i,a,c,s,l,u,f){for(var p=o-1,d=0===o?i:[""],m=k(d),h=0,y=0,v=0;h<n;++h)for(var b=0,w=j(e,p+1,p=x(y=a[h])),S=e;b<m;++b)(S=C(y>0?d[b]+" "+w:I(w,/&\f/g,d[b])))&&(s[v++]=S);return M(e,t,r,0===o?g:c,s,l,u,f)}function ce(e,t,r,n){return M(e,t,r,y,w(R),j(e,2,-2),0,n)}function se(e,t,r,n,o){return M(e,t,r,v,j(e,0,n),j(e,n+1,-1),n,o)}var le={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},ue="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",fe="active",pe="data-styled-version",de="6.1.17",me="/*!sc*/\n",he="undefined"!=typeof window&&"HTMLElement"in window,ye=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY&&"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY),ge=(new Set,Object.freeze([])),ve=Object.freeze({});var be=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),xe=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,we=/(^-|-$)/g;function Se(e){return e.replace(xe,"-").replace(we,"")}var Ce=/(a)(d)/gi,_e=function(e){return String.fromCharCode(e+(e>25?39:97))};function Ie(e){var t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=_e(t%52)+r;return(_e(t%52)+r).replace(Ce,"$1-$2")}var Ee,Oe=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},je=function(e){return Oe(5381,e)};function Ae(e){return"string"==typeof e&&!0}var ke="function"==typeof Symbol&&Symbol.for,Pe=ke?Symbol.for("react.memo"):60115,Ne=ke?Symbol.for("react.forward_ref"):60112,Le={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Te={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},$e={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Fe=((Ee={})[Ne]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Ee[Pe]=$e,Ee);function Re(e){return("type"in(t=e)&&t.type.$$typeof)===Pe?$e:"$$typeof"in e?Fe[e.$$typeof]:Le;var t}var De=Object.defineProperty,Me=Object.getOwnPropertyNames,Be=Object.getOwnPropertySymbols,ze=Object.getOwnPropertyDescriptor,Qe=Object.getPrototypeOf,qe=Object.prototype;function Ge(e,t,r){if("string"!=typeof t){if(qe){var n=Qe(t);n&&n!==qe&&Ge(e,n,r)}var o=Me(t);Be&&(o=o.concat(Be(t)));for(var i=Re(e),a=Re(t),c=0;c<o.length;++c){var s=o[c];if(!(s in Te||r&&r[s]||a&&s in a||i&&s in i)){var l=ze(t,s);try{De(e,s,l)}catch(e){}}}}return e}function He(e){return"function"==typeof e}function We(e){return"object"==typeof e&&"styledComponentId"in e}function Ye(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Ue(e,t){if(0===e.length)return"";for(var r=e[0],n=1;n<e.length;n++)r+=t?t+e[n]:e[n];return r}function Ve(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function Ze(e,t,r){if(void 0===r&&(r=!1),!r&&!Ve(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var n=0;n<t.length;n++)e[n]=Ze(e[n],t[n]);else if(Ve(t))for(var n in t)e[n]=Ze(e[n],t[n]);return e}function Je(e,t){Object.defineProperty(e,"toString",{value:t})}function Ke(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):""))}var Xe=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,r=0;r<e;r++)t+=this.groupSizes[r];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var r=this.groupSizes,n=r.length,o=n;e>=o;)if((o<<=1)<0)throw Ke(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(r),this.length=o;for(var i=n;i<o;i++)this.groupSizes[i]=0}for(var a=this.indexOfGroup(e+1),c=(i=0,t.length);i<c;i++)this.tag.insertRule(a,t[i])&&(this.groupSizes[e]++,a++)},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],r=this.indexOfGroup(e),n=r+t;this.groupSizes[e]=0;for(var o=r;o<n;o++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var r=this.groupSizes[e],n=this.indexOfGroup(e),o=n+r,i=n;i<o;i++)t+="".concat(this.tag.getRule(i)).concat(me);return t},e}(),et=new Map,tt=new Map,rt=1,nt=function(e){if(et.has(e))return et.get(e);for(;tt.has(rt);)rt++;var t=rt++;return et.set(e,t),tt.set(t,e),t},ot=function(e,t){rt=t+1,et.set(e,t),tt.set(t,e)},it="style[".concat(ue,"][").concat(pe,'="').concat(de,'"]'),at=new RegExp("^".concat(ue,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),ct=function(e,t,r){for(var n,o=r.split(","),i=0,a=o.length;i<a;i++)(n=o[i])&&e.registerName(t,n)},st=function(e,t){for(var r,n=(null!==(r=t.textContent)&&void 0!==r?r:"").split(me),o=[],i=0,a=n.length;i<a;i++){var c=n[i].trim();if(c){var s=c.match(at);if(s){var l=0|parseInt(s[1],10),u=s[2];0!==l&&(ot(u,l),ct(e,u,s[3]),e.getTag().insertRules(l,o)),o.length=0}else o.push(c)}}},lt=function(e){for(var t=document.querySelectorAll(it),r=0,n=t.length;r<n;r++){var o=t[r];o&&o.getAttribute(ue)!==fe&&(st(e,o),o.parentNode&&o.parentNode.removeChild(o))}};function ut(){return i.nc}var ft=function(e){var t=document.head,r=e||t,n=document.createElement("style"),o=function(e){var t=Array.from(e.querySelectorAll("style[".concat(ue,"]")));return t[t.length-1]}(r),i=void 0!==o?o.nextSibling:null;n.setAttribute(ue,fe),n.setAttribute(pe,de);var a=ut();return a&&n.setAttribute("nonce",a),r.insertBefore(n,i),n},pt=function(){function e(e){this.element=ft(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,r=0,n=t.length;r<n;r++){var o=t[r];if(o.ownerNode===e)return o}throw Ke(17)}(this.element),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),dt=function(){function e(e){this.element=ft(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var r=document.createTextNode(t);return this.element.insertBefore(r,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),mt=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),ht=he,yt={isServer:!he,useCSSOMInjection:!ye},gt=function(){function e(e,t,r){void 0===e&&(e=ve),void 0===t&&(t={});var n=this;this.options=l(l({},yt),e),this.gs=t,this.names=new Map(r),this.server=!!e.isServer,!this.server&&he&&ht&&(ht=!1,lt(this)),Je(this,(function(){return function(e){for(var t=e.getTag(),r=t.length,n="",o=function(r){var o=function(e){return tt.get(e)}(r);if(void 0===o)return"continue";var i=e.names.get(o),a=t.getGroup(r);if(void 0===i||!i.size||0===a.length)return"continue";var c="".concat(ue,".g").concat(r,'[id="').concat(o,'"]'),s="";void 0!==i&&i.forEach((function(e){e.length>0&&(s+="".concat(e,","))})),n+="".concat(a).concat(c,'{content:"').concat(s,'"}').concat(me)},i=0;i<r;i++)o(i);return n}(n)}))}return e.registerId=function(e){return nt(e)},e.prototype.rehydrate=function(){!this.server&&he&&lt(this)},e.prototype.reconstructWithOptions=function(t,r){return void 0===r&&(r=!0),new e(l(l({},this.options),t),this.gs,r&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,r=e.target;return e.isServer?new mt(r):t?new pt(r):new dt(r)}(this.options),new Xe(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(nt(e),this.names.has(e))this.names.get(e).add(t);else{var r=new Set;r.add(t),this.names.set(e,r)}},e.prototype.insertRules=function(e,t,r){this.registerName(e,t),this.getTag().insertRules(nt(e),r)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(nt(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),vt=/&/g,bt=/^\s*\/\/.*$/gm;function xt(e,t){return e.map((function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map((function(e){return"".concat(t," ").concat(e)}))),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=xt(e.children,t)),e}))}function wt(e){var t,r,n,o=void 0===e?ve:e,i=o.options,a=void 0===i?ve:i,c=o.plugins,s=void 0===c?ge:c,l=function(e,n,o){return o.startsWith(r)&&o.endsWith(r)&&o.replaceAll(r,"").length>0?".".concat(t):e},u=s.slice();u.push((function(e){e.type===g&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(vt,r).replace(n,l))})),a.prefix&&u.push(ne),u.push(te);var f=function(e,o,i,c){void 0===o&&(o=""),void 0===i&&(i=""),void 0===c&&(c="&"),t=c,r=o,n=new RegExp("\\".concat(r,"\\b"),"g");var s=e.replace(bt,""),l=oe(i||o?"".concat(i," ").concat(o," { ").concat(s," }"):s);a.namespace&&(l=xt(l,a.namespace));var f,p,d,m=[];return ee(l,(f=u.concat((d=function(e){return m.push(e)},function(e){e.root||(e=e.return)&&d(e)})),p=k(f),function(e,t,r,n){for(var o="",i=0;i<p;i++)o+=f[i](e,t,r,n)||"";return o})),m};return f.hash=s.length?s.reduce((function(e,t){return t.name||Ke(15),Oe(e,t.name)}),5381).toString():"",f}var St=new gt,Ct=wt(),_t=a.default.createContext({shouldForwardProp:void 0,styleSheet:St,stylis:Ct}),It=(_t.Consumer,a.default.createContext(void 0));function Et(){return(0,a.useContext)(_t)}function Ot(e){var t=(0,a.useState)(e.stylisPlugins),r=t[0],n=t[1],o=Et().styleSheet,i=(0,a.useMemo)((function(){var t=o;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target,o]),c=(0,a.useMemo)((function(){return wt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:r})}),[e.enableVendorPrefixes,e.namespace,r]);(0,a.useEffect)((function(){p()(r,e.stylisPlugins)||n(e.stylisPlugins)}),[e.stylisPlugins]);var s=(0,a.useMemo)((function(){return{shouldForwardProp:e.shouldForwardProp,styleSheet:i,stylis:c}}),[e.shouldForwardProp,i,c]);return a.default.createElement(_t.Provider,{value:s},a.default.createElement(It.Provider,{value:c},e.children))}var jt=function(){function e(e,t){var r=this;this.inject=function(e,t){void 0===t&&(t=Ct);var n=r.name+t.hash;e.hasNameForId(r.id,n)||e.insertRules(r.id,n,t(r.rules,n,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,Je(this,(function(){throw Ke(12,String(r.name))}))}return e.prototype.getName=function(e){return void 0===e&&(e=Ct),this.name+e.hash},e}(),At=function(e){return e>="A"&&e<="Z"};function kt(e){for(var t="",r=0;r<e.length;r++){var n=e[r];if(1===r&&"-"===n&&"-"===e[0])return e;At(n)?t+="-"+n.toLowerCase():t+=n}return t.startsWith("ms-")?"-"+t:t}var Pt=function(e){return null==e||!1===e||""===e},Nt=function(e){var t,r,n=[];for(var o in e){var i=e[o];e.hasOwnProperty(o)&&!Pt(i)&&(Array.isArray(i)&&i.isCss||He(i)?n.push("".concat(kt(o),":"),i,";"):Ve(i)?n.push.apply(n,u(u(["".concat(o," {")],Nt(i),!1),["}"],!1)):n.push("".concat(kt(o),": ").concat((t=o,null==(r=i)||"boolean"==typeof r||""===r?"":"number"!=typeof r||0===r||t in le||t.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return n};function Lt(e,t,r,n){return Pt(e)?[]:We(e)?[".".concat(e.styledComponentId)]:He(e)?!He(o=e)||o.prototype&&o.prototype.isReactComponent||!t?[e]:Lt(e(t),t,r,n):e instanceof jt?r?(e.inject(r,n),[e.getName(n)]):[e]:Ve(e)?Nt(e):Array.isArray(e)?Array.prototype.concat.apply(ge,e.map((function(e){return Lt(e,t,r,n)}))):[e.toString()];var o}function Tt(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(He(r)&&!We(r))return!1}return!0}var $t=je(de),Ft=function(){function e(e,t,r){this.rules=e,this.staticRulesId="",this.isStatic=(void 0===r||r.isStatic)&&Tt(e),this.componentId=t,this.baseHash=Oe($t,t),this.baseStyle=r,gt.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,r){var n=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,r):"";if(this.isStatic&&!r.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))n=Ye(n,this.staticRulesId);else{var o=Ue(Lt(this.rules,e,t,r)),i=Ie(Oe(this.baseHash,o)>>>0);if(!t.hasNameForId(this.componentId,i)){var a=r(o,".".concat(i),void 0,this.componentId);t.insertRules(this.componentId,i,a)}n=Ye(n,i),this.staticRulesId=i}else{for(var c=Oe(this.baseHash,r.hash),s="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)s+=u;else if(u){var f=Ue(Lt(u,e,t,r));c=Oe(c,f+l),s+=f}}if(s){var p=Ie(c>>>0);t.hasNameForId(this.componentId,p)||t.insertRules(this.componentId,p,r(s,".".concat(p),void 0,this.componentId)),n=Ye(n,p)}}return n},e}(),Rt=a.default.createContext(void 0);Rt.Consumer;var Dt={};function Mt(e,t,r){var n=We(e),o=e,i=!Ae(e),c=t.attrs,s=void 0===c?ge:c,u=t.componentId,f=void 0===u?function(e,t){var r="string"!=typeof e?"sc":Se(e);Dt[r]=(Dt[r]||0)+1;var n="".concat(r,"-").concat(function(e){return Ie(je(e)>>>0)}(de+r+Dt[r]));return t?"".concat(t,"-").concat(n):n}(t.displayName,t.parentComponentId):u,p=t.displayName,d=void 0===p?function(e){return Ae(e)?"styled.".concat(e):"Styled(".concat(function(e){return e.displayName||e.name||"Component"}(e),")")}(e):p,m=t.displayName&&t.componentId?"".concat(Se(t.displayName),"-").concat(t.componentId):t.componentId||f,h=n&&o.attrs?o.attrs.concat(s).filter(Boolean):s,y=t.shouldForwardProp;if(n&&o.shouldForwardProp){var g=o.shouldForwardProp;if(t.shouldForwardProp){var v=t.shouldForwardProp;y=function(e,t){return g(e,t)&&v(e,t)}}else y=g}var b=new Ft(r,m,n?o.componentStyle:void 0);function x(e,t){return function(e,t,r){var n=e.attrs,o=e.componentStyle,i=e.defaultProps,c=e.foldedComponentIds,s=e.styledComponentId,u=e.target,f=a.default.useContext(Rt),p=Et(),d=e.shouldForwardProp||p.shouldForwardProp,m=function(e,t,r){return void 0===r&&(r=ve),e.theme!==r.theme&&e.theme||t||r.theme}(t,f,i)||ve,h=function(e,t,r){for(var n,o=l(l({},t),{className:void 0,theme:r}),i=0;i<e.length;i+=1){var a=He(n=e[i])?n(o):n;for(var c in a)o[c]="className"===c?Ye(o[c],a[c]):"style"===c?l(l({},o[c]),a[c]):a[c]}return t.className&&(o.className=Ye(o.className,t.className)),o}(n,t,m),y=h.as||u,g={};for(var v in h)void 0===h[v]||"$"===v[0]||"as"===v||"theme"===v&&h.theme===m||("forwardedAs"===v?g.as=h.forwardedAs:d&&!d(v,y)||(g[v]=h[v]));var b=function(e,t){var r=Et();return e.generateAndInjectStyles(t,r.styleSheet,r.stylis)}(o,h),x=Ye(c,s);return b&&(x+=" "+b),h.className&&(x+=" "+h.className),g[Ae(y)&&!be.has(y)?"class":"className"]=x,r&&(g.ref=r),(0,a.createElement)(y,g)}(w,e,t)}x.displayName=d;var w=a.default.forwardRef(x);return w.attrs=h,w.componentStyle=b,w.displayName=d,w.shouldForwardProp=y,w.foldedComponentIds=n?Ye(o.foldedComponentIds,o.styledComponentId):"",w.styledComponentId=m,w.target=n?o.target:e,Object.defineProperty(w,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=n?function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];for(var n=0,o=t;n<o.length;n++)Ze(e,o[n],!0);return e}({},o.defaultProps,e):e}}),Je(w,(function(){return".".concat(w.styledComponentId)})),i&&Ge(w,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),w}function Bt(e,t){for(var r=[e[0]],n=0,o=t.length;n<o;n+=1)r.push(t[n],e[n+1]);return r}new Set;var zt=function(e){return Object.assign(e,{isCss:!0})};function Qt(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(He(e)||Ve(e))return zt(Lt(Bt(ge,u([e],t,!0))));var n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?Lt(n):zt(Lt(Bt(n,t)))}function qt(e,t,r){if(void 0===r&&(r=ve),!t)throw Ke(1,t);var n=function(n){for(var o=[],i=1;i<arguments.length;i++)o[i-1]=arguments[i];return e(t,r,Qt.apply(void 0,u([n],o,!1)))};return n.attrs=function(n){return qt(e,t,l(l({},r),{attrs:Array.prototype.concat(r.attrs,n).filter(Boolean)}))},n.withConfig=function(n){return qt(e,t,l(l({},r),n))},n}var Gt=function(e){return qt(Mt,e)},Ht=Gt;be.forEach((function(e){Ht[e]=Gt(e)})),function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Tt(e),gt.registerId(this.componentId+1)}e.prototype.createStyles=function(e,t,r,n){var o=n(Ue(Lt(this.rules,t,r,n)),""),i=this.componentId+e;r.insertRules(i,i,o)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,r,n){e>2&&gt.registerId(this.componentId+e),this.removeStyles(e,r),this.createStyles(e,t,r,n)}}(),function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString();if(!t)return"";var r=ut(),n=Ue([r&&'nonce="'.concat(r,'"'),"".concat(ue,'="true"'),"".concat(pe,'="').concat(de,'"')].filter(Boolean)," ");return"<style ".concat(n,">").concat(t,"</style>")},this.getStyleTags=function(){if(e.sealed)throw Ke(2);return e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)throw Ke(2);var r=e.instance.toString();if(!r)return[];var n=((t={})[ue]="",t[pe]=de,t.dangerouslySetInnerHTML={__html:r},t),o=ut();return o&&(n.nonce=o),[a.default.createElement("style",l({},n,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new gt({isServer:!0}),this.sealed=!1}e.prototype.collectStyles=function(e){if(this.sealed)throw Ke(2);return a.default.createElement(Ot,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw Ke(3)}}(),"__sc-".concat(ue,"__");const Wt=(e=>{var t={};return i.d(t,e),t})({Button:()=>t.Button,Image:()=>t.Image,Modal:()=>t.Modal,Tooltip:()=>t.Tooltip,message:()=>t.message});var Yt=Ht.div.withConfig({displayName:"Tab__TabContainer",componentId:"sc-itrmrm-0"})(["display:flex;gap:16px;padding:",";border-bottom:1px solid #ebebeb;margin-bottom:",";& + &{margin-top:-24px;}"],(function(e){return 1!=e.tabNum?"24px 0 24px 0":"10px 0 24px 0"}),(function(e){return e.idx<e.stepChildrenLength-1?"24px":"0"})),Ut=Ht.div.withConfig({displayName:"Tab__TabItem",componentId:"sc-itrmrm-1"})(["padding:",";border:1px solid #e1e1e1;border-radius:5px;transition:all 0.3s ease-in-out;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:",";border-color:",";&:hover{color:var(--color-primary,#fb9332);}"],(function(e){var t=e.tabNum,r=e.hasIcon;return 1!=t?"10px 22px":r?"10px 28px":"16px 28px"}),(function(e){return e.active?"var(--color-primary, #fb9332)":"inherit"}),(function(e){return e.active?"var(--color-primary, #fb9332)":"#e1e1e1"})),Vt=Ht.div.withConfig({displayName:"Tab__TabIcon",componentId:"sc-itrmrm-2"})(["width:28px;height:28px;color:",";fill:currentColor;transition:all 0.3s ease-in-out;"],(function(e){return e.active?"var(--color-primary, #fb9332)":"#959595"}));var Zt=Ht.div.withConfig({displayName:"Article__ArticleContainer",componentId:"sc-4jdju9-0"})(['a{text-decoration:underline;text-decoration-color:var(--color-primary,#FB9332);}img{border:1px solid #eeeeee;}b{color:#333333;}:first-child{margin-top:0 !important;}.title{font-size:14px;margin-top:16px;margin-bottom:8px;font-weight:650;}.desc{color:#999999;margin-top:var(--desc-margin-top,16px);margin-bottom:8px;}.title + .desc{--desc-margin-top:-6px;}.img-container{position:relative;cursor:pointer;img{width:100%;}.iconfont{display:none;transition:all 0.3s ease;opacity:0;position:absolute;top:5px;right:5px;background-color:rgba(128,128,128,0.92);color:#ffffff;border-radius:4px;padding:2px 4px;font-size:16px;}&:hover .iconfont{display:block;opacity:1;}}.img-container + .img-container{margin-top:10px;}li::before{content:"•";font-size:1em;font-weight:300;margin-right:8px;}']);function Jt(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var Kt=Ht.div.withConfig({displayName:"HelpModal__HelpModalContainer",componentId:"sc-8j3oqe-0"})(["top:0;bottom:0;padding:40px;height:100vh;.pgant-modal-content{width:100%;height:100%;padding:0;.pgant-modal-body{padding:0;height:100%;}}"]),Xt=Ht.iframe.withConfig({displayName:"HelpModal__HelpModalIframe",componentId:"sc-8j3oqe-1"})(["width:100%;height:100%;border:none;"]);const er=function(e){var t,r,n=e.visible,o=e.setVisible,i=e.link,c=(t=(0,a.useState)(!0),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,c=[],s=!0,l=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);s=!0);}catch(e){l=!0,o=e}finally{try{if(!s&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(l)throw o}}return c}}(t,r)||function(e,t){if(e){if("string"==typeof e)return Jt(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Jt(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),s=c[0],l=c[1];return a.default.createElement(Wt.Modal,{className:Kt,open:n,width:"90vw",onCancel:function(){return o(!1)},destroyOnClose:!0,footer:null},a.default.createElement(Xt,{style:{display:s?"none":"block"},src:i,onLoad:function(){return l(!1)}}))};function tr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,c=[],s=!0,l=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);s=!0);}catch(e){l=!0,o=e}finally{try{if(!s&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(l)throw o}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return rr(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?rr(e,t):void 0}}(e,t)||function(){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 rr(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var nr=Ht.div.withConfig({displayName:"Dictionary__DictionaryContainer",componentId:"sc-4f52d1-0"})(["display:flex;margin-top:10px;gap:20px;"]),or=Ht.div.withConfig({displayName:"Dictionary__Item",componentId:"sc-4f52d1-1"})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 20px 8px;border:1px solid #e1e1e1;border-radius:5px;cursor:pointer;text-decoration:none;&:hover{border-color:var(--color-primary,#fb9332);}"]),ir=Ht.div.withConfig({displayName:"Dictionary__DicIcon",componentId:"sc-4f52d1-2"})(["width:16px;height:16px;"]),ar=Ht.div.withConfig({displayName:"Dictionary__Title",componentId:"sc-4f52d1-3"})(["color:#333333;"]);function cr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,c=[],s=!0,l=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);s=!0);}catch(e){l=!0,o=e}finally{try{if(!s&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(l)throw o}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return sr(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?sr(e,t):void 0}}(e,t)||function(){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 sr(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var lr=Ht.div.withConfig({displayName:"Extra__ExtraContainer",componentId:"sc-19iwpfk-0"})(["position:absolute;right:0;top:0;display:flex;gap:12px;"]),ur=Ht(Wt.Button).withConfig({displayName:"Extra__ExtraButton",componentId:"sc-19iwpfk-1"})(["border-radius:3px;"]);function fr(e){return fr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},fr(e)}var pr=["data","module","feature","currentLinkList","currentQuoteList","index"],dr=["data","index"];function mr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function hr(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?mr(Object(r),!0).forEach((function(t){yr(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):mr(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function yr(e,t,r){return(t=function(e){var t=function(e){if("object"!=fr(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=fr(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==fr(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function gr(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function vr(){return vr=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},vr.apply(null,arguments)}function br(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var xr={tab:function(e){var t,r=e.data,n=e.idx,o=e.stepChildrenLength,i=e.tabNum,c=e.currentLinkList,s=e.setCurrentLinkList;return a.default.createElement(Yt,{tabNum:i,idx:n,stepChildrenLength:o},(null!==(t=null==r?void 0:r.children)&&void 0!==t?t:[]).map((function(e,t){if("tabItem"!==e.type)return null;var r=function(e,t){return e.length<=c.length?(r=c,e.every((function(e,t){return e===r[t]}))):0==t;var r}(e.linkList,t);return a.default.createElement(Ut,{key:e.id,tabNum:i,hasIcon:e.icon,active:r,onClick:function(){s(e.linkList)}},e.icon&&a.default.createElement(Vt,{active:r,dangerouslySetInnerHTML:{__html:e.icon}}),e.text)})))},article:function(e){var t=e.data,r=(0,a.useMemo)((function(){var e,r;return null!==(e=null==t||null===(r=t.text)||void 0===r?void 0:r.replace(/<img([^>]+)>/g,(function(e){return'<div class="img-container">'.concat(e,'<i class="iconfont img-preview">&#x11bc7;</i></div>')})))&&void 0!==e?e:""}),[t]);return a.default.createElement(Zt,{dangerouslySetInnerHTML:{__html:r}})},dictionary:function(e){var t,r=e.data,n=tr((0,a.useState)(!1),2),o=n[0],i=n[1],c=tr((0,a.useState)(""),2),s=c[0],l=c[1];return a.default.createElement(nr,null,(null!==(t=null==r?void 0:r.children)&&void 0!==t?t:[]).map((function(e){return"modal"===e.type?a.default.createElement(or,{key:e.id,onClick:function(){return function(e){l(e.link),i(!0)}(e)}},e.icon&&a.default.createElement(ir,{dangerouslySetInnerHTML:{__html:e.icon}}),a.default.createElement(ar,null,e.text)):a.default.createElement(or,{as:"a",href:e.link},e.icon&&a.default.createElement(ir,{dangerouslySetInnerHTML:{__html:e.icon}}),a.default.createElement(ar,null,e.text))})),a.default.createElement(er,{visible:o,setVisible:i,link:s}))},extra:function(e){var t,r=e.data,n=cr((0,a.useState)(!1),2),o=n[0],i=n[1],c=cr((0,a.useState)([]),2),s=c[0],l=c[1];return a.default.createElement(lr,null,(null!==(t=null==r?void 0:r.children)&&void 0!==t?t:[]).map((function(e,t){return"link"===e.type?a.default.createElement(ur,{key:t,type:"primary",href:e.link},e.text):a.default.createElement(ur,{key:t,onClick:function(){return function(e){l(e.link),i(!0)}(e)}},e.text)})),a.default.createElement(er,{visible:o,setVisible:i,link:s}))},default:function(e){var t=e.data;return a.default.createElement("div",{style:{color:"red",fontSize:20,textAlign:"center"}},"uniqueName: ",t.uniqueName,"，type: ",t.type,"不符合规则")}},wr=Ht.div.withConfig({displayName:"StepAndQuote__StepAndQuoteContainer",componentId:"sc-1rhwdha-0"})(["display:block;position:relative;color:#333333;&.Step{padding-bottom:32px;}&.Quote{padding-bottom:56px;position:relative;}&:last-child .tail{display:none;}"]),Sr=Ht.div.withConfig({displayName:"StepAndQuote__Tail",componentId:"sc-1rhwdha-1"})(["position:absolute;top:24px;left:12px;height:100%;border-left:1px solid #e1e1e1;"]),Cr=Ht.div.withConfig({displayName:"StepAndQuote__Circle",componentId:"sc-1rhwdha-2"})(["position:absolute;width:24px;height:24px;left:0px;z-index:1;background-color:#FFFFFF;border:1px solid #e1e1e1;border-radius:100px;display:flex;align-items:center;justify-content:center;font-size:12px;"]),_r=Ht.div.withConfig({displayName:"StepAndQuote__Content",componentId:"sc-1rhwdha-3"})(["margin-left:60px;position:relative;word-break:break-all;"]),Ir=Ht.span.withConfig({displayName:"StepAndQuote__StepTitle",componentId:"sc-1rhwdha-4"})(["font-size:15px;font-weight:650;margin-bottom:5px;cursor:pointer;display:inline-block;.iconfont{font-weight:normal;opacity:0;width:13px;height:13px;color:#7f7f7f;cursor:pointer;padding:0 8px;font-size:13px;transition:opacity 0.3s ease-in-out;}&:hover .iconfont{opacity:100;color:var(--color-primary);}"]),Er=Ht.div.withConfig({displayName:"StepAndQuote__QuoteTitle",componentId:"sc-1rhwdha-5"})(["cursor:pointer;padding:12px;border-radius:5px;margin-left:60px;border:1px solid #e1e1e1;display:flex;align-items:center;justify-content:space-between;transition:all 0.3s ease-in-out;&:hover{box-shadow:0px 3px 5px 0px rgba(0,0,0,0.1);}"]),Or=Ht.div.withConfig({displayName:"StepAndQuote__QuoteBoxLeft",componentId:"sc-1rhwdha-6"})(["display:flex;align-items:center;gap:8px;"]),jr=Ht.div.withConfig({displayName:"StepAndQuote__QuoteIcon",componentId:"sc-1rhwdha-7"})(["width:40px;height:auto;"]),Ar=Ht.div.withConfig({displayName:"StepAndQuote__QuoteText",componentId:"sc-1rhwdha-8"})(["font-size:15px;font-weight:650;"]),kr=Ht.div.withConfig({displayName:"StepAndQuote__QuoteBoxRight",componentId:"sc-1rhwdha-9"})(["display:flex;align-items:center;gap:12px;"]),Pr=Ht.div.withConfig({displayName:"StepAndQuote__Line",componentId:"sc-1rhwdha-10"})(["width:100%;height:1px;margin-top:56px;background-color:#e1e1e1;"]),Nr=function(e){var t,r=e.data,n=e.module,o=e.feature,i=e.currentLinkList,c=e.currentQuoteList,s=e.index,l=br(e,pr),u=(0,a.useContext)(nn);return a.default.createElement(a.default.Fragment,null,a.default.createElement(Wt.Tooltip,{title:u.rebate_copy_share},a.default.createElement(Ir,{onClick:function(){var e=(i||[]).join("-"),t=""!=e?"&linkList=".concat(e):"",r=(c||[]).join("-"),a=""!=r?"&quoteList=".concat(r):"",l="".concat(window.location.origin,"/quickstart/detail?module=").concat(n,"&feature=").concat(o).concat(t).concat(a,"#step-").concat(s+1);navigator.clipboard&&navigator.clipboard.writeText?(navigator.clipboard.writeText(l),Wt.message.success(u.rebate_copy_share_success)):on(l)}},r.text,a.default.createElement("i",{className:"iconfont"},""))),(null!==(t=null==r?void 0:r.children)&&void 0!==t?t:[]).map((function(e,t){var n,o,c,s=xr[null==e?void 0:e.type]||xr.default,u=(null!==(n=null==r?void 0:r.children)&&void 0!==n?n:[]).slice(0,t+1).filter((function(e){return"tab"===(null==e?void 0:e.type)})).length;return a.default.createElement(s,vr({key:t,idx:t,stepChildrenLength:null!==(o=null==r||null===(c=r.children)||void 0===c?void 0:c.length)&&void 0!==o?o:0,data:e,tabNum:u,currentLinkList:i},l))})))},Lr=function(e){var t=e.data,r=e.currentQuoteList,n=e.setCurrentQuoteList,o=(0,a.useContext)(nn),i=(0,a.useMemo)((function(){return r.includes(t.id)}),[r,t.id]);return a.default.createElement(a.default.Fragment,null,a.default.createElement(Er,{onClick:function(){return o=t.id,void(r.includes(o)?n(r.filter((function(e){return e!==o}))):n([].concat((e=r,function(e){if(Array.isArray(e))return gr(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return gr(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?gr(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),[o])));var e,o}},a.default.createElement(Or,null,t.icon?t.icon.startsWith("<svg")?a.default.createElement(jr,{dangerouslySetInnerHTML:{__html:t.icon}}):a.default.createElement("img",{className:styles.QuoteIcon,src:t.icon,alt:"quote"}):a.default.createElement(a.default.Fragment,null),a.default.createElement(Ar,null,t.text)),a.default.createElement(kr,null,a.default.createElement("div",null,i?o.order_close_product:o.common_view_short),a.default.createElement("i",{className:"iconfont",style:hr({color:"#888888"},i?{transform:"rotate(180deg)"}:{})},""))),i&&a.default.createElement(Pr,null))};const Tr=function(e){var t=e.data,r=e.index,n=br(e,dr);return a.default.createElement(wr,{id:"step-".concat(r+1),className:"step"===t.type?"Step":"Quote"},a.default.createElement(Sr,null),a.default.createElement(Cr,null,r+1),a.default.createElement(_r,null,"step"===t.type?a.default.createElement(Nr,vr({data:t,index:r},n)):a.default.createElement(Lr,vr({data:t},n))))};function $r(e){return $r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},$r(e)}var Fr=["structure","linkList","quoteList","content"];function Rr(){return Rr=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Rr.apply(null,arguments)}function Dr(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,c=[],s=!0,l=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);s=!0);}catch(e){l=!0,o=e}finally{try{if(!s&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(l)throw o}}return c}}(e,t)||qr(e,t)||function(){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 Mr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Br(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Mr(Object(r),!0).forEach((function(t){zr(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Mr(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function zr(e,t,r){return(t=function(e){var t=function(e){if("object"!=$r(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=$r(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==$r(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Qr(e){return function(e){if(Array.isArray(e))return Gr(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||qr(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function qr(e,t){if(e){if("string"==typeof e)return Gr(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Gr(e,t):void 0}}function Gr(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function Hr(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];if(Array.isArray(e))return e.map((function(e){var n=Qr(r);return e=Br(Br({},e),t[e.u]),["tab","tabItem"].includes(e.type)&&n.push(e.id),e.c&&(e.children=Hr(e.c,t,n)),Br(Br({},e),{},{linkList:n})}))}function Wr(e,t,r,n,o,i){t.some((function(e){return"step"===e.type||"quote"===e.type}))?(t.forEach((function(e){"step"!=e.type&&"quote"!=e.type&&r.push(e)})),i.push(Br(Br({},e),{},{children:r})),Yr(t,n,o,i)):t.some((function(e){return"tab"===e.type}))?t.some((function(t){var a,c;if(r.push(t),"tab"!=t.type)return!1;var s=n.findIndex((function(e){return e==t.id}))>-1?n[n.findIndex((function(e){return e==t.id}))+1]:null!==(a=null===(c=t.children)||void 0===c||null===(c=c[0])||void 0===c?void 0:c.id)&&void 0!==a?a:-1,l=t.children.find((function(e){return e.id==s}));return Wr(e,(null==l?void 0:l.children)||[],r,n,o,i),!0})):i.push(Br(Br({},e),{},{children:[].concat(Qr(r),Qr(t))}))}function Yr(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if(Array.isArray(e))return(e||[]).forEach((function(e){"step"===e.type?Wr(e,e.children,[],t,r,n):"quote"===e.type&&(n.push(e),r.includes(e.id)&&Yr(e.children,t,r,n))})),n}var Ur=function(e){var t=e.structure,r=e.linkList,n=e.quoteList,o=e.content,i=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,Fr),c=Dr((0,a.useState)(r),2),s=c[0],l=c[1],u=Dr((0,a.useState)(n),2),f=u[0],p=u[1],d=(0,a.useMemo)((function(){return Hr(t,o)}),[t]),m=(0,a.useMemo)((function(){return Yr(d,s,f)}),[d,s,f]);return a.default.createElement(a.default.Fragment,null,m.map((function(e,t){return a.default.createElement(Tr,Rr({key:e.id,data:e,index:t,currentLinkList:s,setCurrentLinkList:l,currentQuoteList:f,setCurrentQuoteList:p},i))})))};const Vr=a.default.memo(Ur,(function(e,t){return e.structure===t.structure})),Zr=(e=>{var t={};return i.d(t,e),t})({Link:()=>r.Link,useLocation:()=>r.useLocation});function Jr(e){return Jr="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Jr(e)}function Kr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Xr(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Kr(Object(r),!0).forEach((function(t){en(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Kr(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function en(e,t,r){return(t=function(e){var t=function(e){if("object"!=Jr(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=Jr(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Jr(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function tn(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,c=[],s=!0,l=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);s=!0);}catch(e){l=!0,o=e}finally{try{if(!s&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(l)throw o}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return rn(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?rn(e,t):void 0}}(e,t)||function(){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 rn(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var nn=(0,a.createContext)({});function on(e){var t=document.createElement("textarea");t.value=e,document.body.appendChild(t),t.select();try{document.execCommand("copy"),Wt.message.success(i18n.rebate_copy_share_success)}catch(e){Wt.message.error(i18n.rebate_copy_share_failed)}finally{document.body.removeChild(t)}}var an=Ht.div.withConfig({displayName:"FeatureBox__FeatureBoxContainer",componentId:"sc-1cenhef-0"})(["flex:1 1 auto;"]),cn=Ht.div.withConfig({displayName:"FeatureBox__FeatureItemContainer",componentId:"sc-1cenhef-1"})(["width:100%;margin-bottom:30px;border-radius:8px;border:1px solid #ebebeb;background-color:#FFFFFF;box-shadow:3px 3px 4px 0px rgba(0,0,0,0.05);"]),sn=Ht(Zr.Link).withConfig({displayName:"FeatureBox__Header",componentId:"sc-1cenhef-2"})(["color:#333333;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;&:hover{text-decoration:none;}"]),ln=Ht.div.withConfig({displayName:"FeatureBox__HeaderLeft",componentId:"sc-1cenhef-3"})(["display:flex;align-items:flex-start;gap:12px;"]),un=Ht.div.withConfig({displayName:"FeatureBox__IconBox",componentId:"sc-1cenhef-4"})(["width:20px;height:20px;"]),fn=Ht.div.withConfig({displayName:"FeatureBox__Title",componentId:"sc-1cenhef-5"})(["font-size:15px;font-weight:500;.iconfont{font-size:13px;color:#7f7f7f;cursor:pointer;margin-left:16px;&:hover{color:var(--color-primary);}}"]),pn=Ht.div.withConfig({displayName:"FeatureBox__Summary",componentId:"sc-1cenhef-6"})(["margin-top:12px;"]),dn=Ht.div.withConfig({displayName:"FeatureBox__Button",componentId:"sc-1cenhef-7"})(["font-size:14px;border-radius:5px;padding:5px 18px;color:#333333;border:1px solid #d9d9d9;transition:all 0.3s ease;&:hover{color:var(--color-primary);border-color:var(--color-primary);}"]),mn=Ht.div.withConfig({displayName:"FeatureBox__Wrapper",componentId:"sc-1cenhef-8"})(["border-top:1px solid #ebebeb;padding:20px 28px;"]),hn=Ht.div.withConfig({displayName:"FeatureBox__ContentBox",componentId:"sc-1cenhef-9"})(["padding:14px 20px;border-radius:10px;display:flex;align-items:flex-start;background-color:#fafafa;gap:8px;margin-bottom:28px;.iconfont{color:#f59a23;font-size:18px;}"]),yn=Ht.div.withConfig({displayName:"FeatureBox__ContentRight",componentId:"sc-1cenhef-10"})(['.title{font-weight:500;}.content{line-height:1.8em;margin-top:8px;li::before{content:"•";font-size:1em;font-weight:300;margin-right:10px;}}']),gn=Ht.div.withConfig({displayName:"FeatureBox__Remark",componentId:"sc-1cenhef-11"})(["color:#7f7f7f;"]),vn=function(e){var t=e.feature,r=e.data,n=e.content,o=e.linkList,i=e.quoteList,c=e.module,s=(0,a.useContext)(nn),l=(0,a.useMemo)((function(){return t===r.alias}),[t,r]),u=(0,Zr.useLocation)(),f=tn((0,a.useState)(""),2),p=f[0],d=f[1],m=tn((0,a.useState)(!1),2),h=m[0],y=m[1];return(0,a.useEffect)((function(){var e=u.hash;setTimeout((function(){var t=0;e&&(t=document.querySelector(e).getBoundingClientRect().top+window.scrollY-50),window.scrollTo({top:t})}),0)}),[u]),a.default.createElement(cn,{id:r.alias},a.default.createElement(sn,{to:Xr({pathname:"/quickstart/detail",search:new URLSearchParams(Xr({module:c},r.alias==t?{}:{feature:r.alias})).toString()},r.alias==t?{}:{hash:r.alias})},a.default.createElement(ln,null,r.icon&&a.default.createElement(un,{dangerouslySetInnerHTML:{__html:r.icon}}),a.default.createElement("div",null,a.default.createElement(fn,null,r.name,a.default.createElement(Wt.Tooltip,{title:s.rebate_copy_share},a.default.createElement("i",{className:"iconfont",onClick:function(e){e.preventDefault(),e.stopPropagation();var t="".concat(window.location.origin,"/quickstart/detail?module=").concat(c,"&feature=").concat(r.alias,"#").concat(r.alias);navigator.clipboard&&navigator.clipboard.writeText?(navigator.clipboard.writeText(t),Wt.message.success(s.rebate_copy_share_success)):on(t)}},""))),!l&&a.default.createElement(pn,null,r.summary))),a.default.createElement(dn,null,l?s.order_close_product:s.read)),l&&a.default.createElement(mn,{onClick:function(e){var t=e.target,r=null;"IMG"===t.tagName?r=t:"iconfont img-preview"===t.className&&(r=t.parentElement.querySelector("img")),r&&(d(r.src),y(!0))}},r.content&&a.default.createElement(hn,null,a.default.createElement("i",{className:"iconfont"},""),a.default.createElement(yn,null,a.default.createElement("div",{className:"title"},s.function_purpose),a.default.createElement("div",{className:"content",dangerouslySetInnerHTML:{__html:r.content}}))),r.remark&&a.default.createElement(gn,null,r.remark),a.default.createElement(Wt.Image,{style:{display:"none"},src:p,preview:{visible:h,src:p,onVisibleChange:function(e){y(e)}}}),a.default.createElement(Vr,{structure:r.contentRelative,content:n,module:c,feature:t,linkList:l?o:[],quoteList:l?i:[]})))};const bn=function(e){var t=e.data,r=e.content,n=e.module,o=e.feature,i=e.setFeature,c=e.linkList,s=e.quoteList,l=e.i18n,u=(0,a.useMemo)((function(){var e,r,o=n;return o||(o=null!==(e=null==t||null===(r=t[0])||void 0===r?void 0:r.alias)&&void 0!==e?e:"platform_post"),t.find((function(e){return e.alias===o}))}),[t,n]);return u&&a.default.createElement(nn.Provider,{value:l},a.default.createElement(an,{style:{marginBottom:o?0:200}},(u.features||[]).map((function(e){return a.default.createElement(vn,{key:"".concat(n,"-").concat(e.alias),feature:o,data:e,content:r,setFeature:i,linkList:c,quoteList:s,module:n})}))))};export{bn as FeatureBox};

package/package.json

@@ -1,43 +1,42 @@
 {
   "name": "quick-start-feature-box",
-  "version": "1.0.5",
+  "version": "1.0.7",
+  "type": "module",
   "keywords": [
     "react",
     "components"
   ],
-  "author": "",
+  "author": "skyfxxker",
   "license": "MIT",
-  "type": "module",
+  "main": "dist/index.js",
   "module": "dist/index.js",
-  "style": "dist/index.css",
   "files": [
     "dist/**"
   ],
   "scripts": {
-    "build": "tsup"
+    "build": "webpack --config webpack.config.js"
   },
   "peerDependencies": {
+    "antd": ">=4.0.0",
     "classnames": "^2.3.1 || ^2.5.1",
-    "react": "^18.0.0 || ^18.2.0",
-    "react-dom": "^18.0.0 || ^18.2.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
     "react-router": "^6.3.0 || ^6.23.0",
     "react-router-dom": "^6.3.0 || ^6.23.0"
   },
   "devDependencies": {
-    "esbuild-plugin-less": "^1.3.20",
-    "less": "^4.2.2",
-    "less-loader": "^12.2.0",
-    "tsup": "^8.3.5",
-    "typescript": "^5.0.0"
+    "@babel/core": "^7.15.0",
+    "@babel/preset-env": "^7.15.0",
+    "@babel/preset-react": "^7.14.5",
+    "babel-loader": "^8.2.2",
+    "babel-plugin-styled-components": "^2.1.4",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0"
   },
   "exports": {
-    "./package.json": "./package.json",
-    ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      }
-    },
-    "./dist/index.css": "./dist/index.css"
+    ".": "./dist/index.js"
+  },
+  "dependencies": {
+    "styled-components": "^6.1.17"
   }
 }

package/dist/index.css

@@ -1,398 +0,0 @@
-/* src/FeatureBox/index.less */
-.FeatureBox {
-  flex: 1 1 auto;
-}
-.FeatureBox .FeatureItem {
-  width: 100%;
-  margin-bottom: 30px;
-  border-radius: 12px;
-  border-radius: 8px;
-  border: 1px solid #ebebeb;
-  background-color: #FFFFFF;
-  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.05);
-}
-.FeatureBox .FeatureItem .header {
-  color: #333333;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 20px 28px;
-}
-.FeatureBox .FeatureItem .header .headerLeft {
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-}
-.FeatureBox .FeatureItem .header .headerLeft .iconBox {
-  width: 20px;
-  height: 20px;
-}
-.FeatureBox .FeatureItem .header .headerLeft .title {
-  font-size: 15px;
-  font-weight: 500;
-}
-.FeatureBox .FeatureItem .header .headerLeft .title :global .iconfont {
-  font-size: 13px;
-  color: #7f7f7f;
-  cursor: pointer;
-  margin-left: 16px;
-}
-.FeatureBox .FeatureItem .header .headerLeft .title :global .iconfont:hover {
-  color: var(--color-primary);
-}
-.FeatureBox .FeatureItem .header .headerLeft .summary {
-  margin-top: 12px;
-}
-.FeatureBox .FeatureItem .header .btn {
-  font-size: 14px;
-  border-radius: 5px;
-  padding: 5px 18px;
-  color: #333333;
-  border: 1px solid #d9d9d9;
-  transition: all 0.3s ease;
-}
-.FeatureBox .FeatureItem .header:hover {
-  text-decoration: none;
-}
-.FeatureBox .FeatureItem .header:hover .btn {
-  color: var(--color-primary);
-  border-color: var(--color-primary);
-}
-.FeatureBox .FeatureItem .wrapper {
-  border-top: 1px solid #ebebeb;
-  padding: 20px 28px;
-}
-.FeatureBox .FeatureItem .wrapper .contentBox {
-  padding: 14px 20px;
-  display: flex;
-  align-items: flex-start;
-  background-color: #fafafa;
-  border-radius: 10px;
-  gap: 8px;
-  margin-bottom: 28px;
-}
-.FeatureBox .FeatureItem .wrapper .contentBox :global .iconfont {
-  color: #f59a23;
-  font-size: 18px;
-}
-.FeatureBox .FeatureItem .wrapper .contentBox .contentRight .title {
-  font-weight: 500;
-}
-.FeatureBox .FeatureItem .wrapper .contentBox .contentRight .content {
-  line-height: 1.8em;
-  margin-top: 8px;
-}
-.FeatureBox .FeatureItem .wrapper .contentBox .contentRight .content :global li::before {
-  content: "\2022";
-  font-size: 1em;
-  font-weight: 300;
-  margin-right: 10px;
-}
-.FeatureBox .FeatureItem .wrapper .remark {
-  color: #7f7f7f;
-}
-:global .pgant-tooltip-inner {
-  min-height: unset;
-}
-:global .pgant-image-preview-img {
-  max-width: 80vw;
-  max-height: 80vh;
-}
-
-/* src/StepAndQuote/index.less */
-.StepAndQuote {
-  display: block;
-  position: relative;
-  color: #333333;
-}
-.StepAndQuote .tail {
-  position: absolute;
-  top: 24px;
-  left: 12px;
-  height: 100%;
-  border-left: 1px solid #e1e1e1;
-}
-.StepAndQuote .circle {
-  position: absolute;
-  width: 24px;
-  height: 24px;
-  left: 0px;
-  z-index: 1;
-  background-color: #FFFFFF;
-  border: 1px solid #e1e1e1;
-  border-radius: 100px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 12px;
-}
-.StepAndQuote .content {
-  margin-left: 60px;
-  position: relative;
-  word-break: break-all;
-}
-.StepAndQuote.Step {
-  padding-bottom: 32px;
-}
-.StepAndQuote.Step .title {
-  font-size: 15px;
-  font-weight: 650;
-  margin-bottom: 5px;
-  cursor: pointer;
-  display: inline-block;
-}
-.StepAndQuote.Step .title :global .iconfont {
-  font-weight: normal;
-  opacity: 0;
-  width: 13px;
-  height: 13px;
-  color: #7f7f7f;
-  cursor: pointer;
-  padding: 0 8px;
-  font-size: 13px;
-  transition: opacity 0.3s ease-in-out;
-}
-.StepAndQuote.Step .title:hover :global .iconfont {
-  opacity: 100;
-  color: var(--color-primary);
-}
-.StepAndQuote.Quote {
-  padding-bottom: 56px;
-  position: relative;
-}
-.StepAndQuote.Quote .line {
-  width: 100%;
-  height: 1px;
-  margin-top: 56px;
-  background-color: #e1e1e1;
-}
-.StepAndQuote.Quote .circle {
-  top: 18px;
-}
-.StepAndQuote.Quote .tail {
-  display: none;
-}
-.StepAndQuote.Quote .content {
-  margin-left: 0;
-}
-.StepAndQuote.Quote .title {
-  cursor: pointer;
-  padding: 12px;
-  border-radius: 5px;
-  margin-left: 60px;
-  border: 1px solid #e1e1e1;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  transition: all 0.3s ease-in-out;
-}
-.StepAndQuote.Quote .title .QuoteBoxLeft {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.StepAndQuote.Quote .title .QuoteBoxLeft .QuoteIcon {
-  width: 40px;
-  height: auto;
-}
-.StepAndQuote.Quote .title .QuoteBoxLeft .QuoteText {
-  font-size: 15px;
-  font-weight: 650;
-}
-.StepAndQuote.Quote .title .QuoteBoxRight {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-.StepAndQuote.Quote .title:hover {
-  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
-}
-.StepAndQuote:last-child .tail {
-  display: none;
-}
-
-/* src/Tab/index.less */
-.Tab {
-  display: flex;
-  gap: 16px;
-  padding: 10px 0 24px 0;
-  border-bottom: 1px solid #ebebeb;
-}
-.Tab .tabItem {
-  padding: 16px 28px;
-  border: 1px solid #e1e1e1;
-  border-radius: 5px;
-  transition: all 0.3s ease-in-out;
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 5px;
-}
-.Tab .tabItem .tabIcon {
-  width: 28px;
-  height: 28px;
-  color: #959595;
-  fill: currentColor;
-  transition: all 0.3s ease-in-out;
-}
-.Tab .tabItem:hover {
-  color: var(--color-primary, #fb9332);
-}
-.Tab .tabItem:hover .tabIcon {
-  color: var(--color-primary, #fb9332);
-}
-.Tab .tabItem.active {
-  color: var(--color-primary, #fb9332);
-  border-color: var(--color-primary, #fb9332);
-}
-.Tab .tabItem.active .tabIcon {
-  color: var(--color-primary, #fb9332);
-}
-.Tab .tabItem.noFirstTabsItem {
-  padding: 10px 22px;
-}
-.Tab .tabItem.hasIcon {
-  padding: 10px 28px;
-}
-.Tab.noFirstTab {
-  padding: 24px 0 24px 0;
-}
-.Tab.isInternalChanged {
-  margin-bottom: 24px;
-}
-.Tab + .Tab {
-  margin-top: -24px;
-}
-
-/* src/Article/index.less */
-.Article a {
-  text-decoration: underline;
-  text-decoration-color: var(--color-primary, #FB9332);
-}
-.Article img {
-  border: 1px solid #eeeeee;
-}
-.Article b {
-  color: #333333;
-}
-.Article :first-child {
-  margin-top: 0 !important;
-}
-.Article :global .title {
-  font-size: 14px;
-  margin-top: 16px;
-  margin-bottom: 8px;
-  font-weight: 650;
-}
-.Article :global .desc {
-  color: #999999;
-  margin-top: var(--desc-margin-top, 16px);
-  margin-bottom: 8px;
-}
-.Article :global .title + .desc {
-  --desc-margin-top: -6px;
-}
-.Article :global .img-container {
-  position: relative;
-  cursor: pointer;
-}
-.Article :global .img-container img {
-  width: 100%;
-}
-.Article :global .img-container .iconfont {
-  display: none;
-  transition: all 0.3s ease;
-  opacity: 0;
-  position: absolute;
-  top: 5px;
-  right: 5px;
-  background-color: rgba(128, 128, 128, 0.92);
-  color: #ffffff;
-  border-radius: 4px;
-  padding: 2px 4px;
-  font-size: 16px;
-}
-.Article :global .img-container:hover .iconfont {
-  display: block;
-  opacity: 1;
-}
-.Article :global .img-container + .img-container {
-  margin-top: 10px;
-}
-.Article :global li::before {
-  content: "\2022";
-  font-size: 1em;
-  font-weight: 300;
-  margin-right: 8px;
-}
-
-/* src/Dictionary/index.less */
-.Dictionary {
-  display: flex;
-  margin-top: 10px;
-  gap: 20px;
-}
-.Dictionary .item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  padding: 12px 20px 8px;
-  border: 1px solid #e1e1e1;
-  border-radius: 5px;
-  cursor: pointer;
-  text-decoration: none;
-}
-.Dictionary .item .dicIcon {
-  width: 16px;
-  height: 16px;
-}
-.Dictionary .item .title {
-  color: #333333;
-}
-.Dictionary .item:hover {
-  border-color: var(--color-primary, #fb9332);
-}
-
-/* src/HelpModal/index.less */
-.HelpModal {
-  top: 0;
-  bottom: 0;
-  padding: 40px;
-  height: 100vh;
-}
-.HelpModal :global .pgant-modal-content {
-  width: 100%;
-  height: 100%;
-  padding: 0;
-}
-.HelpModal :global .pgant-modal-content .pgant-modal-body {
-  padding: 0;
-  height: 100%;
-}
-.HelpModal .HelpModalSkeleton {
-  padding: 40px;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-}
-.HelpModal .HelpModalIframe {
-  width: 100%;
-  height: 100%;
-  border: none;
-}
-
-/* src/Extra/index.less */
-.Extra {
-  position: absolute;
-  right: 0;
-  top: 0;
-  display: flex;
-  gap: 12px;
-}
-.Extra .ExtraButton {
-  border-radius: 3px;
-}

package/dist/index.d.ts

@@ -1,80 +0,0 @@
-/**
- * 国际化类型定义
- */
-type I18N = {
-    rebate_copy_share_success: (values: any) => any;
-    rebate_copy_share_failed: (values: any) => any;
-    rebate_copy_share: (values: any) => any;
-    read: (values: any) => any;
-    order_close_product: (values: any) => any;
-    function_purpose: (values: any) => any;
-    common_view_short: (values: any) => any;
-};
-/**
- * FeatureBox组件props类型定义
- */
-type FeatureBoxProps = {
-    /**
-     * - 国际化对象
-     */
-    i18n: I18N;
-    /**
-     * - 功能数据
-     */
-    data: any;
-    /**
-     * - 内容数据
-     */
-    content: any;
-    /**
-     * - 模块名称
-     */
-    module: string;
-    /**
-     * - 功能名称
-     */
-    feature: string;
-    /**
-     * - 设置功能方法
-     */
-    setFeature: Function;
-    /**
-     * - 链接列表
-     */
-    linkList: any[];
-    /**
-     * - 引用列表
-     */
-    quoteList: any[];
-};
-/**
- * 国际化类型定义
- * @typedef {Object} I18N
- * @property {(values: any) => import('react').ReactNode} rebate_copy_share_success
- * @property {(values: any) => import('react').ReactNode} rebate_copy_share_failed
- * @property {(values: any) => import('react').ReactNode} rebate_copy_share
- * @property {(values: any) => import('react').ReactNode} read
- * @property {(values: any) => import('react').ReactNode} order_close_product
- * @property {(values: any) => import('react').ReactNode} function_purpose
- * @property {(values: any) => import('react').ReactNode} common_view_short
- */
-/**
- * FeatureBox组件props类型定义
- * @typedef {Object} FeatureBoxProps
- * @property {I18N} i18n - 国际化对象
- * @property {any} data - 功能数据
- * @property {any} content - 内容数据
- * @property {string} module - 模块名称
- * @property {string} feature - 功能名称
- * @property {Function} setFeature - 设置功能方法
- * @property {Array} linkList - 链接列表
- * @property {Array} quoteList - 引用列表
- */
-/**
- * FeatureBox组件
- * @param {FeatureBoxProps} props - 组件props
- * @returns {JSX.Element} - 返回React元素
- */
-declare function FeatureBox(props: FeatureBoxProps): JSX.Element;
-
-export { FeatureBox };