quick-start-feature-box 1.0.4 → 1.0.6

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 a from"classnames";import*as n from"react-router-dom";var l={d:(e,t)=>{for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)};const r=(i={createContext:()=>e.createContext,default:()=>e.default,useContext:()=>e.useContext,useEffect:()=>e.useEffect,useMemo:()=>e.useMemo,useState:()=>e.useState},c={},l.d(c,i),c),s="JlW5Amoa76Zmhbgg_PQl";var i,c;const u=(e=>{var t={};return l.d(t,e),t})({Button:()=>t.Button,Image:()=>t.Image,Modal:()=>t.Modal,Tooltip:()=>t.Tooltip,message:()=>t.message}),o="Wa7TmEji7UmTaY49_ja0",d="Yg0rmK0PPqJbMD9DlKYe",m="G7lGrZkYJhHv2bRiTyh0",f="XTXp1fMj7Jb4hRWOJySw",p="L_rKPiQFinN_d28xweyV",v="WEaTuAZk0UWtDx23Vi3v",y="GU9940ucMlb6xXFw0C2f",E=(e=>{var t={};return l.d(t,e),t})({default:()=>a.default}),h="obyM2mj9mwtByjf1hjw1",g="qrg1ED3pXjNKyMzV6BaZ",N="gAMOuDM8LTFy_6BoGNXa",L=e=>{const{visible:t,setVisible:a,link:n}=e,[l,s]=(0,r.useState)(!0);return r.default.createElement(u.Modal,{className:"faxWNOvAqlYe7Qt098J_",open:t,width:"90vw",onCancel:()=>a(!1),destroyOnClose:!0,footer:null},r.default.createElement("iframe",{className:"ycJtWvpyuebtY0C09cfV",style:{display:l?"none":"block"},src:n,onLoad:()=>s(!1)}))},b="Vb7Tf72Zs_5MV8fyc_kw";function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},k.apply(null,arguments)}const _={tab:e=>{const{data:t,idx:a,stepChildrenLength:n,tabNum:l,currentLinkList:s,setCurrentLinkList:i}=e,c=(e,t)=>{return e.length<=s.length?(a=s,e.every(((e,t)=>e===a[t]))):0==t;var a};return r.default.createElement("div",{className:(0,E.default)("zqqbOJmu8bGfDAVrSMVg",{[v]:1!=l,[y]:a<n-1})},(t?.children??[]).map(((e,t)=>"tabItem"!==e.type?null:r.default.createElement("div",{key:e.id,className:(0,E.default)("ToV17JEnPHyjaOLN1F_7",{[m]:c(e.linkList,t),[f]:1!=l,[p]:e.icon}),onClick:()=>{i(e.linkList)}},e.icon&&r.default.createElement("div",{className:"WBOJ7Z5UqTUt81cDtpgE",dangerouslySetInnerHTML:{__html:e.icon}}),e.text))))},article:e=>{const{data:t}=e,a=(0,r.useMemo)((()=>t?.text?.replace(/<img([^>]+)>/g,(e=>`<div class="img-container">${e}<i class="iconfont img-preview">&#x11bc7;</i></div>`))??""),[t]);return r.default.createElement("div",{className:"PDFOyZOPDLlI3nkG8v3A",dangerouslySetInnerHTML:{__html:a}})},dictionary:e=>{const{data:t}=e,[a,n]=(0,r.useState)(!1),[l,s]=(0,r.useState)("");return r.default.createElement("div",{className:"fwoStWa964EjtpJv31FG"},(t?.children??[]).map((e=>"modal"===e.type?r.default.createElement("div",{key:e.id,className:h,onClick:()=>(e=>{s(e.link),n(!0)})(e)},e.icon&&r.default.createElement("div",{className:g,dangerouslySetInnerHTML:{__html:e.icon}}),r.default.createElement("div",{className:N},e.text)):r.default.createElement("a",{className:h,href:e.link},e.icon&&r.default.createElement("div",{className:g,dangerouslySetInnerHTML:{__html:e.icon}}),r.default.createElement("div",{className:N},e.text)))),r.default.createElement(L,{visible:a,setVisible:n,link:l}))},extra:e=>{const{data:t}=e,[a,n]=(0,r.useState)(!1),[l,s]=(0,r.useState)([]);return r.default.createElement("div",{className:"ZClzBYnAcJyLGBSJvfyU"},(t?.children??[]).map(((e,t)=>"link"===e.type?r.default.createElement(u.Button,{className:b,key:t,type:"primary",href:e.link},e.text):r.default.createElement(u.Button,{className:b,key:t,onClick:()=>(e=>{s(e.link),n(!0)})(e)},e.text))),r.default.createElement(L,{visible:a,setVisible:n,link:l}))},default:({data:e})=>r.default.createElement("div",{style:{color:"red",fontSize:20,textAlign:"center"}},"uniqueName: ",e.uniqueName,"，type: ",e.type,"不符合规则")},x=e=>{const{data:t,module:a,feature:n,currentLinkList:l,currentQuoteList:s,index:i,...c}=e,d=(0,r.useContext)(P);return r.default.createElement(r.default.Fragment,null,r.default.createElement(u.Tooltip,{title:d.rebate_copy_share},r.default.createElement("span",{className:o,onClick:()=>{const e=(l||[]).join("-"),t=""!=e?`&linkList=${e}`:"",r=(s||[]).join("-"),c=""!=r?`&quoteList=${r}`:"",o=`${window.location.origin}/quickstart/detail?module=${a}&feature=${n}${t}${c}#step-${i+1}`;navigator.clipboard&&navigator.clipboard.writeText?(navigator.clipboard.writeText(o),u.message.success(d.rebate_copy_share_success)):W(o)}},t.text,r.default.createElement("i",{className:"iconfont"},""))),(t?.children??[]).map(((e,a)=>{const n=_[e?.type]||_.default,s=(t?.children??[]).slice(0,a+1).filter((e=>"tab"===e?.type)).length;return r.default.createElement(n,k({key:a,idx:a,stepChildrenLength:t?.children?.length??0,data:e,tabNum:s,currentLinkList:l},c))})))},w=e=>{const{data:t,currentQuoteList:a,setCurrentQuoteList:n}=e,l=(0,r.useContext)(P),s=(0,r.useMemo)((()=>a.includes(t.id)),[a,t.id]);return r.default.createElement(r.default.Fragment,null,r.default.createElement("div",{className:o,onClick:()=>{return e=t.id,void(a.includes(e)?n(a.filter((t=>t!==e))):n([...a,e]));var e}},r.default.createElement("div",{className:"Ay8nBajHQSoRUcWgoyYA"},t.icon?t.icon.startsWith("<svg")?r.default.createElement("div",{className:d,dangerouslySetInnerHTML:{__html:t.icon}}):r.default.createElement("img",{className:d,src:t.icon,alt:"quote"}):r.default.createElement(r.default.Fragment,null),r.default.createElement("div",{className:"uCg8ozQ0Zsh8rpawlv5w"},t.text)),r.default.createElement("div",{className:"uXPukzQ6vzEhazGLvcPY"},r.default.createElement("div",null,s?l.order_close_product:l.common_view_short),r.default.createElement("i",{className:"iconfont",style:{color:"#888888",...s?{transform:"rotate(180deg)"}:{}}},""))),s&&r.default.createElement("div",{className:"KWJJXxKnKL5wLoYE94QN"}))},C=e=>{const{data:t,index:a,...n}=e;return r.default.createElement("div",{id:`step-${a+1}`,className:(0,E.default)("jzTu4XFjN30iTiW0qFJh","step"===t.type?"E50ZUabr1u8wH82BvFkX":"t12DH8SW4jP1wwjy25F9")},r.default.createElement("div",{className:"HTnvY_Txf3pOLE5vdnYS"}),r.default.createElement("div",{className:"Yu1PS5mH1ECigr66kFUU"},a+1),r.default.createElement("div",{className:"LHMNdWiuhitG28UDSqHN"},"step"===t.type?r.default.createElement(x,k({data:t,index:a},n)):r.default.createElement(w,k({data:t},n))))};function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},S.apply(null,arguments)}function T(e,t,a=[]){if(Array.isArray(e))return e.map((e=>{const n=[...a];return e={...e,...t[e.u]},["tab","tabItem"].includes(e.type)&&n.push(e.id),e.c&&(e.children=T(e.c,t,n)),{...e,linkList:n}}))}function M(e,t,a,n,l,r){t.some((e=>"step"===e.type||"quote"===e.type))?(t.forEach((e=>{"step"!=e.type&&"quote"!=e.type&&a.push(e)})),r.push({...e,children:a}),q(t,n,l,r)):t.some((e=>"tab"===e.type))?t.some((t=>{if(a.push(t),"tab"!=t.type)return!1;const s=n.findIndex((e=>e==t.id))>-1?n[n.findIndex((e=>e==t.id))+1]:t.children?.[0]?.id??-1,i=t.children.find((e=>e.id==s));return M(e,i?.children||[],a,n,l,r),!0})):r.push({...e,children:[...a,...t]})}function q(e,t,a,n=[]){if(Array.isArray(e))return(e||[]).forEach((e=>{if("step"===e.type){const{children:l}=e;M(e,l,[],t,a,n)}else"quote"===e.type&&(n.push(e),a.includes(e.id)&&q(e.children,t,a,n))})),n}const j=e=>{const{structure:t,linkList:a,quoteList:n,content:l,...s}=e,[i,c]=(0,r.useState)(a),[u,o]=(0,r.useState)(n),d=(0,r.useMemo)((()=>T(t,l)),[t]),m=(0,r.useMemo)((()=>q(d,i,u)),[d,i,u]);return r.default.createElement(r.default.Fragment,null,m.map(((e,t)=>r.default.createElement(C,S({key:e.id,data:e,index:t,currentLinkList:i,setCurrentLinkList:c,currentQuoteList:u,setCurrentQuoteList:o},s)))))},O=r.default.memo(j,((e,t)=>e.structure===t.structure)),F=(e=>{var t={};return l.d(t,e),t})({Link:()=>n.Link,useLocation:()=>n.useLocation}),P=(0,r.createContext)({});function W(e){const t=document.createElement("textarea");t.value=e,document.body.appendChild(t),t.select();try{document.execCommand("copy"),u.message.success(i18n.rebate_copy_share_success)}catch(e){u.message.error(i18n.rebate_copy_share_failed)}finally{document.body.removeChild(t)}}const I=e=>{const{feature:t,data:a,content:n,linkList:l,quoteList:i,module:c}=e,o=(0,r.useContext)(P),d=(0,r.useMemo)((()=>t===a.alias),[t,a]),m=(0,F.useLocation)(),[f,p]=(0,r.useState)(""),[v,y]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{const e=m.hash;setTimeout((()=>{let t=0;if(e){const a=50;t=document.querySelector(e).getBoundingClientRect().top+window.scrollY-a}window.scrollTo({top:t})}),0)}),[m]),r.default.createElement("div",{id:a.alias,className:"lKRXIcLGEpMxp6uBbzgj"},r.default.createElement(F.Link,{className:"UqcnoA6terhouZ8seTFw",to:{pathname:"/quickstart/detail",search:new URLSearchParams({module:c,...a.alias==t?{}:{feature:a.alias}}).toString(),...a.alias==t?{}:{hash:a.alias}}},r.default.createElement("div",{className:"z0J3YL7I4EioYWba9Tny"},a.icon&&r.default.createElement("div",{className:"pmFo7bZwNBwG41evVLdC",dangerouslySetInnerHTML:{__html:a.icon}}),r.default.createElement("div",null,r.default.createElement("div",{className:s},a.name,r.default.createElement(u.Tooltip,{title:o.rebate_copy_share},r.default.createElement("i",{className:"iconfont",onClick:e=>{e.preventDefault(),e.stopPropagation();const t=`${window.location.origin}/quickstart/detail?module=${c}&feature=${a.alias}#${a.alias}`;navigator.clipboard&&navigator.clipboard.writeText?(navigator.clipboard.writeText(t),u.message.success(o.rebate_copy_share_success)):W(t)}},""))),!d&&r.default.createElement("div",{className:"Vz3906VSoXJTeoXHWasO"},a.summary))),r.default.createElement("div",{className:"hqbyJUa6KTSDLsA00lQg"},d?o.order_close_product:o.read)),d&&r.default.createElement("div",{className:"_pWnrxnSG9u3Apj_Ngh9",onClick:e=>{let t=e.target,a=null;"IMG"===t.tagName?a=t:"iconfont img-preview"===t.className&&(a=t.parentElement.querySelector("img")),a&&(p(a.src),y(!0))}},a.content&&r.default.createElement("div",{className:"X5uevNFu6aPhLiiQdfhG"},r.default.createElement("i",{className:"iconfont"},""),r.default.createElement("div",{className:"iI1Knk7CNaGbKOB7b6bW"},r.default.createElement("div",{className:s},o.function_purpose),r.default.createElement("div",{className:"lYTxqzoPW7srqRYw8x9z",dangerouslySetInnerHTML:{__html:a.content}}))),a.remark&&r.default.createElement("div",{className:"kR6VNHepLVmCknDi4RuO"},a.remark),r.default.createElement(u.Image,{style:{display:"none"},src:f,preview:{visible:v,src:f,onVisibleChange:e=>{y(e)}}}),r.default.createElement(O,{structure:a.contentRelative,content:n,module:c,feature:t,linkList:d?l:[],quoteList:d?i:[]})))},J=e=>{const{data:t,content:a,module:n,feature:l,setFeature:s,linkList:i,quoteList:c,i18n:u}=e,o=(0,r.useMemo)((()=>{let e=n;return e||(e=t?.[0]?.alias??"platform_post"),t.find((t=>t.alias===e))}),[t,n]);return o&&r.default.createElement(P.Provider,{value:u},r.default.createElement("div",{className:"mv6UOUglZrz9CNruDm7Q",style:{marginBottom:l?0:200}},(o.features||[]).map((e=>r.default.createElement(I,{key:`${n}-${e.alias}`,feature:l,data:e,content:a,setFeature:s,linkList:i,quoteList:c,module:n})))))};export{J as FeatureBox};