quick-start-feature-box 1.0.5 → 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};

package/dist/{index.css → styles/index.css}

@@ -1,8 +1,7 @@
-/* src/FeatureBox/index.less */
-.FeatureBox {
+.mv6UOUglZrz9CNruDm7Q {
   flex: 1 1 auto;
 }
-.FeatureBox .FeatureItem {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj {
   width: 100%;
   margin-bottom: 30px;
   border-radius: 12px;
@@ -11,39 +10,39 @@
   background-color: #FFFFFF;
   box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.05);
 }
-.FeatureBox .FeatureItem .header {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj .UqcnoA6terhouZ8seTFw {
   color: #333333;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 20px 28px;
 }
-.FeatureBox .FeatureItem .header .headerLeft {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj .UqcnoA6terhouZ8seTFw .z0J3YL7I4EioYWba9Tny {
   display: flex;
   align-items: flex-start;
   gap: 12px;
 }
-.FeatureBox .FeatureItem .header .headerLeft .iconBox {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj .UqcnoA6terhouZ8seTFw .z0J3YL7I4EioYWba9Tny .pmFo7bZwNBwG41evVLdC {
   width: 20px;
   height: 20px;
 }
-.FeatureBox .FeatureItem .header .headerLeft .title {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj .UqcnoA6terhouZ8seTFw .z0J3YL7I4EioYWba9Tny .JlW5Amoa76Zmhbgg_PQl {
   font-size: 15px;
   font-weight: 500;
 }
-.FeatureBox .FeatureItem .header .headerLeft .title :global .iconfont {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj .UqcnoA6terhouZ8seTFw .z0J3YL7I4EioYWba9Tny .JlW5Amoa76Zmhbgg_PQl .iconfont {
   font-size: 13px;
   color: #7f7f7f;
   cursor: pointer;
   margin-left: 16px;
 }
-.FeatureBox .FeatureItem .header .headerLeft .title :global .iconfont:hover {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj .UqcnoA6terhouZ8seTFw .z0J3YL7I4EioYWba9Tny .JlW5Amoa76Zmhbgg_PQl .iconfont:hover {
   color: var(--color-primary);
 }
-.FeatureBox .FeatureItem .header .headerLeft .summary {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj .UqcnoA6terhouZ8seTFw .z0J3YL7I4EioYWba9Tny .Vz3906VSoXJTeoXHWasO {
   margin-top: 12px;
 }
-.FeatureBox .FeatureItem .header .btn {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj .UqcnoA6terhouZ8seTFw .hqbyJUa6KTSDLsA00lQg {
   font-size: 14px;
   border-radius: 5px;
   padding: 5px 18px;
@@ -51,18 +50,18 @@
   border: 1px solid #d9d9d9;
   transition: all 0.3s ease;
 }
-.FeatureBox .FeatureItem .header:hover {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj .UqcnoA6terhouZ8seTFw:hover {
   text-decoration: none;
 }
-.FeatureBox .FeatureItem .header:hover .btn {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj .UqcnoA6terhouZ8seTFw:hover .hqbyJUa6KTSDLsA00lQg {
   color: var(--color-primary);
   border-color: var(--color-primary);
 }
-.FeatureBox .FeatureItem .wrapper {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj ._pWnrxnSG9u3Apj_Ngh9 {
   border-top: 1px solid #ebebeb;
   padding: 20px 28px;
 }
-.FeatureBox .FeatureItem .wrapper .contentBox {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj ._pWnrxnSG9u3Apj_Ngh9 .X5uevNFu6aPhLiiQdfhG {
   padding: 14px 20px;
   display: flex;
   align-items: flex-start;
@@ -71,48 +70,47 @@
   gap: 8px;
   margin-bottom: 28px;
 }
-.FeatureBox .FeatureItem .wrapper .contentBox :global .iconfont {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj ._pWnrxnSG9u3Apj_Ngh9 .X5uevNFu6aPhLiiQdfhG .iconfont {
   color: #f59a23;
   font-size: 18px;
 }
-.FeatureBox .FeatureItem .wrapper .contentBox .contentRight .title {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj ._pWnrxnSG9u3Apj_Ngh9 .X5uevNFu6aPhLiiQdfhG .iI1Knk7CNaGbKOB7b6bW .JlW5Amoa76Zmhbgg_PQl {
   font-weight: 500;
 }
-.FeatureBox .FeatureItem .wrapper .contentBox .contentRight .content {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj ._pWnrxnSG9u3Apj_Ngh9 .X5uevNFu6aPhLiiQdfhG .iI1Knk7CNaGbKOB7b6bW .lYTxqzoPW7srqRYw8x9z {
   line-height: 1.8em;
   margin-top: 8px;
 }
-.FeatureBox .FeatureItem .wrapper .contentBox .contentRight .content :global li::before {
-  content: "\2022";
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj ._pWnrxnSG9u3Apj_Ngh9 .X5uevNFu6aPhLiiQdfhG .iI1Knk7CNaGbKOB7b6bW .lYTxqzoPW7srqRYw8x9z li::before {
+  content: "•";
   font-size: 1em;
   font-weight: 300;
   margin-right: 10px;
 }
-.FeatureBox .FeatureItem .wrapper .remark {
+.mv6UOUglZrz9CNruDm7Q .lKRXIcLGEpMxp6uBbzgj ._pWnrxnSG9u3Apj_Ngh9 .kR6VNHepLVmCknDi4RuO {
   color: #7f7f7f;
 }
-:global .pgant-tooltip-inner {
+.pgant-tooltip-inner {
   min-height: unset;
 }
-:global .pgant-image-preview-img {
+.pgant-image-preview-img {
   max-width: 80vw;
   max-height: 80vh;
 }
 
-/* src/StepAndQuote/index.less */
-.StepAndQuote {
+.jzTu4XFjN30iTiW0qFJh {
   display: block;
   position: relative;
   color: #333333;
 }
-.StepAndQuote .tail {
+.jzTu4XFjN30iTiW0qFJh .HTnvY_Txf3pOLE5vdnYS {
   position: absolute;
   top: 24px;
   left: 12px;
   height: 100%;
   border-left: 1px solid #e1e1e1;
 }
-.StepAndQuote .circle {
+.jzTu4XFjN30iTiW0qFJh .Yu1PS5mH1ECigr66kFUU {
   position: absolute;
   width: 24px;
   height: 24px;
@@ -126,22 +124,22 @@
   justify-content: center;
   font-size: 12px;
 }
-.StepAndQuote .content {
+.jzTu4XFjN30iTiW0qFJh .LHMNdWiuhitG28UDSqHN {
   margin-left: 60px;
   position: relative;
   word-break: break-all;
 }
-.StepAndQuote.Step {
+.jzTu4XFjN30iTiW0qFJh.E50ZUabr1u8wH82BvFkX {
   padding-bottom: 32px;
 }
-.StepAndQuote.Step .title {
+.jzTu4XFjN30iTiW0qFJh.E50ZUabr1u8wH82BvFkX .Wa7TmEji7UmTaY49_ja0 {
   font-size: 15px;
   font-weight: 650;
   margin-bottom: 5px;
   cursor: pointer;
   display: inline-block;
 }
-.StepAndQuote.Step .title :global .iconfont {
+.jzTu4XFjN30iTiW0qFJh.E50ZUabr1u8wH82BvFkX .Wa7TmEji7UmTaY49_ja0 .iconfont {
   font-weight: normal;
   opacity: 0;
   width: 13px;
@@ -152,30 +150,30 @@
   font-size: 13px;
   transition: opacity 0.3s ease-in-out;
 }
-.StepAndQuote.Step .title:hover :global .iconfont {
+.jzTu4XFjN30iTiW0qFJh.E50ZUabr1u8wH82BvFkX .Wa7TmEji7UmTaY49_ja0:hover .iconfont {
   opacity: 100;
   color: var(--color-primary);
 }
-.StepAndQuote.Quote {
+.jzTu4XFjN30iTiW0qFJh.t12DH8SW4jP1wwjy25F9 {
   padding-bottom: 56px;
   position: relative;
 }
-.StepAndQuote.Quote .line {
+.jzTu4XFjN30iTiW0qFJh.t12DH8SW4jP1wwjy25F9 .KWJJXxKnKL5wLoYE94QN {
   width: 100%;
   height: 1px;
   margin-top: 56px;
   background-color: #e1e1e1;
 }
-.StepAndQuote.Quote .circle {
+.jzTu4XFjN30iTiW0qFJh.t12DH8SW4jP1wwjy25F9 .Yu1PS5mH1ECigr66kFUU {
   top: 18px;
 }
-.StepAndQuote.Quote .tail {
+.jzTu4XFjN30iTiW0qFJh.t12DH8SW4jP1wwjy25F9 .HTnvY_Txf3pOLE5vdnYS {
   display: none;
 }
-.StepAndQuote.Quote .content {
+.jzTu4XFjN30iTiW0qFJh.t12DH8SW4jP1wwjy25F9 .LHMNdWiuhitG28UDSqHN {
   margin-left: 0;
 }
-.StepAndQuote.Quote .title {
+.jzTu4XFjN30iTiW0qFJh.t12DH8SW4jP1wwjy25F9 .Wa7TmEji7UmTaY49_ja0 {
   cursor: pointer;
   padding: 12px;
   border-radius: 5px;
@@ -186,39 +184,38 @@
   justify-content: space-between;
   transition: all 0.3s ease-in-out;
 }
-.StepAndQuote.Quote .title .QuoteBoxLeft {
+.jzTu4XFjN30iTiW0qFJh.t12DH8SW4jP1wwjy25F9 .Wa7TmEji7UmTaY49_ja0 .Ay8nBajHQSoRUcWgoyYA {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.StepAndQuote.Quote .title .QuoteBoxLeft .QuoteIcon {
+.jzTu4XFjN30iTiW0qFJh.t12DH8SW4jP1wwjy25F9 .Wa7TmEji7UmTaY49_ja0 .Ay8nBajHQSoRUcWgoyYA .Yg0rmK0PPqJbMD9DlKYe {
   width: 40px;
   height: auto;
 }
-.StepAndQuote.Quote .title .QuoteBoxLeft .QuoteText {
+.jzTu4XFjN30iTiW0qFJh.t12DH8SW4jP1wwjy25F9 .Wa7TmEji7UmTaY49_ja0 .Ay8nBajHQSoRUcWgoyYA .uCg8ozQ0Zsh8rpawlv5w {
   font-size: 15px;
   font-weight: 650;
 }
-.StepAndQuote.Quote .title .QuoteBoxRight {
+.jzTu4XFjN30iTiW0qFJh.t12DH8SW4jP1wwjy25F9 .Wa7TmEji7UmTaY49_ja0 .uXPukzQ6vzEhazGLvcPY {
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.StepAndQuote.Quote .title:hover {
+.jzTu4XFjN30iTiW0qFJh.t12DH8SW4jP1wwjy25F9 .Wa7TmEji7UmTaY49_ja0:hover {
   box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
 }
-.StepAndQuote:last-child .tail {
+.jzTu4XFjN30iTiW0qFJh:last-child .HTnvY_Txf3pOLE5vdnYS {
   display: none;
 }
 
-/* src/Tab/index.less */
-.Tab {
+.zqqbOJmu8bGfDAVrSMVg {
   display: flex;
   gap: 16px;
   padding: 10px 0 24px 0;
   border-bottom: 1px solid #ebebeb;
 }
-.Tab .tabItem {
+.zqqbOJmu8bGfDAVrSMVg .ToV17JEnPHyjaOLN1F_7 {
   padding: 16px 28px;
   border: 1px solid #e1e1e1;
   border-radius: 5px;
@@ -230,78 +227,77 @@
   justify-content: center;
   gap: 5px;
 }
-.Tab .tabItem .tabIcon {
+.zqqbOJmu8bGfDAVrSMVg .ToV17JEnPHyjaOLN1F_7 .WBOJ7Z5UqTUt81cDtpgE {
   width: 28px;
   height: 28px;
   color: #959595;
   fill: currentColor;
   transition: all 0.3s ease-in-out;
 }
-.Tab .tabItem:hover {
+.zqqbOJmu8bGfDAVrSMVg .ToV17JEnPHyjaOLN1F_7:hover {
   color: var(--color-primary, #fb9332);
 }
-.Tab .tabItem:hover .tabIcon {
+.zqqbOJmu8bGfDAVrSMVg .ToV17JEnPHyjaOLN1F_7:hover .WBOJ7Z5UqTUt81cDtpgE {
   color: var(--color-primary, #fb9332);
 }
-.Tab .tabItem.active {
+.zqqbOJmu8bGfDAVrSMVg .ToV17JEnPHyjaOLN1F_7.G7lGrZkYJhHv2bRiTyh0 {
   color: var(--color-primary, #fb9332);
   border-color: var(--color-primary, #fb9332);
 }
-.Tab .tabItem.active .tabIcon {
+.zqqbOJmu8bGfDAVrSMVg .ToV17JEnPHyjaOLN1F_7.G7lGrZkYJhHv2bRiTyh0 .WBOJ7Z5UqTUt81cDtpgE {
   color: var(--color-primary, #fb9332);
 }
-.Tab .tabItem.noFirstTabsItem {
+.zqqbOJmu8bGfDAVrSMVg .ToV17JEnPHyjaOLN1F_7.XTXp1fMj7Jb4hRWOJySw {
   padding: 10px 22px;
 }
-.Tab .tabItem.hasIcon {
+.zqqbOJmu8bGfDAVrSMVg .ToV17JEnPHyjaOLN1F_7.L_rKPiQFinN_d28xweyV {
   padding: 10px 28px;
 }
-.Tab.noFirstTab {
+.zqqbOJmu8bGfDAVrSMVg.WEaTuAZk0UWtDx23Vi3v {
   padding: 24px 0 24px 0;
 }
-.Tab.isInternalChanged {
+.zqqbOJmu8bGfDAVrSMVg.GU9940ucMlb6xXFw0C2f {
   margin-bottom: 24px;
 }
-.Tab + .Tab {
+.zqqbOJmu8bGfDAVrSMVg + .zqqbOJmu8bGfDAVrSMVg {
   margin-top: -24px;
 }
 
-/* src/Article/index.less */
-.Article a {
+.PDFOyZOPDLlI3nkG8v3A a {
   text-decoration: underline;
   text-decoration-color: var(--color-primary, #FB9332);
 }
-.Article img {
+.PDFOyZOPDLlI3nkG8v3A img {
   border: 1px solid #eeeeee;
 }
-.Article b {
+.PDFOyZOPDLlI3nkG8v3A b {
   color: #333333;
 }
-.Article :first-child {
+.PDFOyZOPDLlI3nkG8v3A :first-child {
   margin-top: 0 !important;
 }
-.Article :global .title {
+.PDFOyZOPDLlI3nkG8v3A .title {
   font-size: 14px;
   margin-top: 16px;
   margin-bottom: 8px;
   font-weight: 650;
 }
-.Article :global .desc {
+.PDFOyZOPDLlI3nkG8v3A .desc {
   color: #999999;
   margin-top: var(--desc-margin-top, 16px);
   margin-bottom: 8px;
 }
-.Article :global .title + .desc {
+.PDFOyZOPDLlI3nkG8v3A .title + .desc {
   --desc-margin-top: -6px;
 }
-.Article :global .img-container {
+.PDFOyZOPDLlI3nkG8v3A .img-container {
   position: relative;
   cursor: pointer;
 }
-.Article :global .img-container img {
+.PDFOyZOPDLlI3nkG8v3A .img-container img {
   width: 100%;
 }
-.Article :global .img-container .iconfont {
+.PDFOyZOPDLlI3nkG8v3A .img-container .iconfont {
   display: none;
   transition: all 0.3s ease;
   opacity: 0;
@@ -314,27 +310,26 @@
   padding: 2px 4px;
   font-size: 16px;
 }
-.Article :global .img-container:hover .iconfont {
+.PDFOyZOPDLlI3nkG8v3A .img-container:hover .iconfont {
   display: block;
   opacity: 1;
 }
-.Article :global .img-container + .img-container {
+.PDFOyZOPDLlI3nkG8v3A .img-container + .img-container {
   margin-top: 10px;
 }
-.Article :global li::before {
-  content: "\2022";
+.PDFOyZOPDLlI3nkG8v3A li::before {
+  content: "•";
   font-size: 1em;
   font-weight: 300;
   margin-right: 8px;
 }
 
-/* src/Dictionary/index.less */
-.Dictionary {
+.fwoStWa964EjtpJv31FG {
   display: flex;
   margin-top: 10px;
   gap: 20px;
 }
-.Dictionary .item {
+.fwoStWa964EjtpJv31FG .obyM2mj9mwtByjf1hjw1 {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -346,53 +341,52 @@
   cursor: pointer;
   text-decoration: none;
 }
-.Dictionary .item .dicIcon {
+.fwoStWa964EjtpJv31FG .obyM2mj9mwtByjf1hjw1 .qrg1ED3pXjNKyMzV6BaZ {
   width: 16px;
   height: 16px;
 }
-.Dictionary .item .title {
+.fwoStWa964EjtpJv31FG .obyM2mj9mwtByjf1hjw1 .gAMOuDM8LTFy_6BoGNXa {
   color: #333333;
 }
-.Dictionary .item:hover {
+.fwoStWa964EjtpJv31FG .obyM2mj9mwtByjf1hjw1:hover {
   border-color: var(--color-primary, #fb9332);
 }
 
-/* src/HelpModal/index.less */
-.HelpModal {
+.faxWNOvAqlYe7Qt098J_ {
   top: 0;
   bottom: 0;
   padding: 40px;
   height: 100vh;
 }
-.HelpModal :global .pgant-modal-content {
+.faxWNOvAqlYe7Qt098J_ .pgant-modal-content {
   width: 100%;
   height: 100%;
   padding: 0;
 }
-.HelpModal :global .pgant-modal-content .pgant-modal-body {
+.faxWNOvAqlYe7Qt098J_ .pgant-modal-content .pgant-modal-body {
   padding: 0;
   height: 100%;
 }
-.HelpModal .HelpModalSkeleton {
+.faxWNOvAqlYe7Qt098J_ .iOKx5_GzMXdYLZKQpOxV {
   padding: 40px;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
 }
-.HelpModal .HelpModalIframe {
+.faxWNOvAqlYe7Qt098J_ .ycJtWvpyuebtY0C09cfV {
   width: 100%;
   height: 100%;
   border: none;
 }
 
-/* src/Extra/index.less */
-.Extra {
+.ZClzBYnAcJyLGBSJvfyU {
   position: absolute;
   right: 0;
   top: 0;
   display: flex;
   gap: 12px;
 }
-.Extra .ExtraButton {
+.ZClzBYnAcJyLGBSJvfyU .Vb7Tf72Zs_5MV8fyc_kw {
   border-radius: 3px;
 }
+

package/package.json

@@ -1,43 +1,42 @@
 {
   "name": "quick-start-feature-box",
-  "version": "1.0.5",
+  "version": "1.0.6",
+  "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/**"
-  ],
+  "files": ["dist/**"],
   "scripts": {
-    "build": "tsup"
+    "build": "webpack --config webpack.config.js"
   },
   "peerDependencies": {
     "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"
+    "react-router-dom": "^6.3.0 || ^6.23.0",
+    "antd": ">=4.0.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-react": "^7.14.5",
+    "babel-loader": "^8.2.2",
+    "css-loader": "^6.7.1",
+    "less": "^4.1.2",
+    "less-loader": "^11.0.0",
+    "mini-css-extract-plugin": "^2.5.3",
+    "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",
+    "./styles.css": "./dist/styles/index.css",
+    "./styles/*": "./dist/styles/*"
+  },
+  "style": "dist/styles/index.css"
+}

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 };