quick-start-feature-box 1.0.0 → 1.0.2

package/dist/index.d.ts

@@ -2,10 +2,13 @@
  * 国际化类型定义
  */
 type I18N = {
-    /**
-     * - 示例国际化方法
-     */
-    abc_name: (values: any) => any;
+    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类型定义
@@ -47,7 +50,13 @@ type FeatureBoxProps = {
 /**
  * 国际化类型定义
  * @typedef {Object} I18N
- * @property {(values: any) => import('react').ReactNode} abc_name - 示例国际化方法
+ * @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类型定义

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/FeatureBox/index.js
-import React8, { useEffect, useMemo as useMemo4, useState as useState5 } from "react";
+import React8, { useEffect, useMemo as useMemo4, useState as useState5, createContext, useContext as useContext3 } from "react";
 
 // src/FeatureBox/index.less
 var FeatureBox_default = {};
@@ -8,10 +8,10 @@ var FeatureBox_default = {};
 import { Tooltip as Tooltip2, message as message2, Image } from "antd";
 
 // src/FeatureContentBox/index.js
-import React7, { useMemo as useMemo3, useState as useState4, useContext } from "react";
+import React7, { useMemo as useMemo3, useState as useState4, useContext as useContext2 } from "react";
 
 // src/StepAndQuote/index.js
-import React6, { useMemo as useMemo2 } from "react";
+import React6, { useMemo as useMemo2, useContext } from "react";
 
 // src/StepAndQuote/index.less
 var StepAndQuote_default = {};
@@ -201,6 +201,7 @@ var Step = (props) => {
     index,
     ...rest
   } = props;
+  const i18n2 = useContext(i18nContext);
   const copyLink = () => {
     const linkListStr = (currentLinkList || []).join("-");
     const linkListPath = linkListStr != "" ? `&linkList=${linkListStr}` : "";
@@ -209,12 +210,12 @@ var Step = (props) => {
     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(i18n.rebate_copy_share_success);
+      message.success(i18n2.rebate_copy_share_success);
     } else {
       fallbackCopyTextToClipboard(copyText);
     }
   };
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Tooltip, { title: i18n.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) => {
+  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(
@@ -237,6 +238,7 @@ var Quote = (props) => {
     currentQuoteList,
     setCurrentQuoteList
   } = props;
+  const i18n2 = useContext(i18nContext);
   const handleClick = (quoteID) => {
     if (currentQuoteList.includes(quoteID)) {
       setCurrentQuoteList(currentQuoteList.filter((id) => id !== quoteID));
@@ -254,7 +256,7 @@ var Quote = (props) => {
     } 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 ? i18n.order_close_product : i18n.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 }));
+  })(), /* @__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 {
@@ -374,6 +376,7 @@ var FeatureContentBox_default = React7.memo(FeatureContentBox, (prevProps, nextP
 
 // src/FeatureBox/index.js
 import { Link, useLocation } from "react-router-dom";
+var i18nContext = createContext({});
 function fallbackCopyTextToClipboard(text) {
   const textarea = document.createElement("textarea");
   textarea.value = text;
@@ -397,6 +400,7 @@ var FeatureItem = (props) => {
     quoteList,
     module
   } = props;
+  const i18n2 = useContext3(i18nContext);
   const active = useMemo4(() => {
     return feature === data.alias;
   }, [feature, data]);
@@ -424,7 +428,7 @@ var FeatureItem = (props) => {
     const copyText = `${window.location.origin}/quickstart/detail?module=${module}&feature=${data.alias}#${data.alias}`;
     if (navigator.clipboard && navigator.clipboard.writeText) {
       navigator.clipboard.writeText(copyText);
-      message2.success(i18n.rebate_copy_share_success);
+      message2.success(i18n2.rebate_copy_share_success);
     } else {
       fallbackCopyTextToClipboard(copyText);
     }
@@ -452,15 +456,15 @@ var FeatureItem = (props) => {
         ...data.alias == feature ? {} : { hash: data.alias }
       }
     },
-    /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.headerLeft }, data.icon && /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.iconBox, dangerouslySetInnerHTML: { __html: data.icon } }), /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.title }, data.name, /* @__PURE__ */ React8.createElement(Tooltip2, { title: i18n.rebate_copy_share }, /* @__PURE__ */ React8.createElement("i", { className: "iconfont", onClick: copyLink }, "\uE63E"))), !active && /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.summary }, data.summary))),
+    /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.headerLeft }, data.icon && /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.iconBox, dangerouslySetInnerHTML: { __html: data.icon } }), /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.title }, data.name, /* @__PURE__ */ React8.createElement(Tooltip2, { title: i18n2.rebate_copy_share }, /* @__PURE__ */ React8.createElement("i", { className: "iconfont", onClick: copyLink }, "\uE63E"))), !active && /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.summary }, data.summary))),
     /* @__PURE__ */ React8.createElement(
       "div",
       {
         className: FeatureBox_default.btn
       },
-      active ? i18n.order_close_product : i18n.read
+      active ? i18n2.order_close_product : i18n2.read
     )
-  ), active && /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.wrapper, onClick: imgClick }, data.content && /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.contentBox }, /* @__PURE__ */ React8.createElement("i", { className: "iconfont" }, "\uE649"), /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.contentRight }, /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.title }, i18n.function_purpose), /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.content, dangerouslySetInnerHTML: { __html: data.content } }))), data.remark && /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.remark }, data.remark), /* @__PURE__ */ React8.createElement(
+  ), active && /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.wrapper, onClick: imgClick }, data.content && /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.contentBox }, /* @__PURE__ */ React8.createElement("i", { className: "iconfont" }, "\uE649"), /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.contentRight }, /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.title }, i18n2.function_purpose), /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.content, dangerouslySetInnerHTML: { __html: data.content } }))), data.remark && /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.remark }, data.remark), /* @__PURE__ */ React8.createElement(
     Image,
     {
       style: { display: "none" },
@@ -503,7 +507,7 @@ var FeatureBox = (props) => {
     }
     return data.find((item) => item.alias === tempModule);
   }, [data, module]);
-  return featureData && /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.FeatureBox, style: { marginBottom: feature ? 0 : 200 } }, i18n2["abc_name"](123), (featureData.features || []).map((item) => /* @__PURE__ */ React8.createElement(
+  return featureData && /* @__PURE__ */ React8.createElement(i18nContext.Provider, { value: i18n2 }, /* @__PURE__ */ React8.createElement("div", { className: FeatureBox_default.FeatureBox, style: { marginBottom: feature ? 0 : 200 } }, (featureData.features || []).map((item) => /* @__PURE__ */ React8.createElement(
     FeatureItem,
     {
       key: `${module}-${item.alias}`,
@@ -515,7 +519,7 @@ var FeatureBox = (props) => {
       quoteList,
       module
     }
-  )));
+  ))));
 };
 var FeatureBox_default2 = FeatureBox;
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quick-start-feature-box",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "keywords": ["react", "components"],
   "author": "",
   "license": "MIT",