component-sanzhizhou 1.2.10 → 1.2.11

package/dist/index.d.ts

@@ -20,4 +20,5 @@ export { default as PayQr } from './pay/qr';
 export { default as PayChannel } from './pay/pay-channel';
 export { default as IdTag } from './UI/id-tag';
 export { default as CollectConfigPrice } from './collect-price';
-export { default as ProductDetailLink, getProductDetailUrl } from './lib/product-detail-link';
+export { CommercePlatform, default as ProductDetailLink, getProductDetailUrl, } from './lib/product-detail-link';
+export type { ProductDetailLinkProps, ProductDetailUrlParams, } from './lib/product-detail-link';

package/dist/index.js

@@ -20,4 +20,4 @@ export { default as PayQr } from "./pay/qr";
 export { default as PayChannel } from "./pay/pay-channel";
 export { default as IdTag } from "./UI/id-tag";
 export { default as CollectConfigPrice } from "./collect-price";
-export { default as ProductDetailLink, getProductDetailUrl } from "./lib/product-detail-link";
+export { CommercePlatform, default as ProductDetailLink, getProductDetailUrl } from "./lib/product-detail-link";

package/dist/lib/product-detail-link.d.ts

@@ -1,13 +1,29 @@
 import React from 'react';
-interface Props {
-    commercePlatformId?: number;
-    skuId?: number;
-    children?: React.ReactNode;
-    className?: string;
-    linkTitle?: string;
+/**
+ * 电商平台枚举，取值与后端的 commercePlatformId 保持一致。
+ */
+export declare enum CommercePlatform {
+    /** OZON */
+    OZON = 7,
+    /** Wildberries */
+    Wildberries = 15
+}
+/** 生成商品详情链接所需的参数 */
+export interface ProductDetailUrlParams {
+    /** 电商平台 */
+    platform: CommercePlatform | number;
+    /** 商品 ID / SKU */
+    skuId: number | string;
+    /** 附加到链接上的查询参数 */
+    query?: Record<string, string | number | boolean | undefined>;
 }
-export interface ProductDetailUrlOptions {
+/**
+ * 根据电商平台和商品 ID 生成商品详情页链接。
+ * 平台不支持或 skuId 为空时返回空字符串。
+ */
+export declare const getProductDetailUrl: ({ platform, skuId, query, }: ProductDetailUrlParams) => string;
+export interface ProductDetailLinkProps extends ProductDetailUrlParams, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    children?: React.ReactNode;
 }
-export declare const getProductDetailUrl: (commercePlatformId?: number, skuId?: number | string, options?: ProductDetailUrlOptions) => string;
-declare const ProductDetailLink: React.FC<Props>;
+declare const ProductDetailLink: React.FC<ProductDetailLinkProps>;
 export default ProductDetailLink;

package/dist/lib/product-detail-link.js

@@ -1,36 +1,93 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _excluded = ["platform", "skuId", "query", "children", "target", "rel", "onClick"];
 import React from 'react';
-export var getProductDetailUrl = function getProductDetailUrl(commercePlatformId, skuId) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  if (!skuId) {
+import isInClient from "./isInClient";
+
+/**
+ * 电商平台枚举，取值与后端的 commercePlatformId 保持一致。
+ */
+export var CommercePlatform = /*#__PURE__*/function (CommercePlatform) {
+  CommercePlatform[CommercePlatform["OZON"] = 7] = "OZON";
+  CommercePlatform[CommercePlatform["Wildberries"] = 15] = "Wildberries";
+  return CommercePlatform;
+}({});
+
+/** 生成商品详情链接所需的参数 */
+
+/** 各平台的商品详情页 URL 生成器，扩展新平台时在此登记即可 */
+var PLATFORM_URL_BUILDERS = _defineProperty(_defineProperty({}, CommercePlatform.OZON, function (skuId) {
+  return "https://ozon.ru/product/".concat(skuId);
+}), CommercePlatform.Wildberries, function (skuId) {
+  return "https://www.wildberries.ru/catalog/".concat(skuId, "/detail.aspx");
+});
+function buildQueryString(query) {
+  if (!query) {
     return '';
   }
-  switch (commercePlatformId) {
-    case 7:
-      // OZON
-      return "https://ozon.ru/product/".concat(skuId);
-    case 15:
-      // WB
-      return "https://www.wildberries.ru/catalog/".concat(skuId, "/detail.aspx");
-    default:
-      return '';
+  var pairs = Object.keys(query).filter(function (key) {
+    var value = query[key];
+    return value !== undefined && value !== null && value !== '';
+  }).map(function (key) {
+    return "".concat(encodeURIComponent(key), "=").concat(encodeURIComponent(String(query[key])));
+  });
+  return pairs.length ? "?".concat(pairs.join('&')) : '';
+}
+
+/**
+ * 根据电商平台和商品 ID 生成商品详情页链接。
+ * 平台不支持或 skuId 为空时返回空字符串。
+ */
+export var getProductDetailUrl = function getProductDetailUrl(_ref) {
+  var platform = _ref.platform,
+    skuId = _ref.skuId,
+    query = _ref.query;
+  if (skuId === undefined || skuId === null || skuId === '') {
+    return '';
   }
+  var build = PLATFORM_URL_BUILDERS[platform];
+  if (!build) {
+    return '';
+  }
+  return "".concat(build(encodeURIComponent(String(skuId)))).concat(buildQueryString(query));
 };
-var ProductDetailLink = function ProductDetailLink(_ref) {
-  var commercePlatformId = _ref.commercePlatformId,
-    skuId = _ref.skuId,
-    className = _ref.className,
-    linkTitle = _ref.linkTitle,
-    children = _ref.children;
-  var href = getProductDetailUrl(commercePlatformId, skuId);
+var ProductDetailLink = function ProductDetailLink(_ref2) {
+  var platform = _ref2.platform,
+    skuId = _ref2.skuId,
+    query = _ref2.query,
+    children = _ref2.children,
+    _ref2$target = _ref2.target,
+    target = _ref2$target === void 0 ? '_blank' : _ref2$target,
+    _ref2$rel = _ref2.rel,
+    rel = _ref2$rel === void 0 ? 'noopener noreferrer' : _ref2$rel,
+    onClick = _ref2.onClick,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var href = getProductDetailUrl({
+    platform: platform,
+    skuId: skuId,
+    query: query
+  });
   if (!href) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
-  return /*#__PURE__*/React.createElement("a", {
+  var handleClick = function handleClick(event) {
+    // 客户端内通过桥接在本机浏览器打开，避免新开浏览器标签页
+    if (isInClient()) {
+      var _window$getBridge, _window;
+      var bridge = (_window$getBridge = (_window = window).getBridge) === null || _window$getBridge === void 0 ? void 0 : _window$getBridge.call(_window);
+      if (bridge !== null && bridge !== void 0 && bridge.openLocalBrowser) {
+        event.preventDefault();
+        bridge.openLocalBrowser(href);
+      }
+    }
+    onClick === null || onClick === void 0 || onClick(event);
+  };
+  return /*#__PURE__*/React.createElement("a", _extends({
     href: href,
-    title: linkTitle,
-    target: "_blank",
-    rel: "noreferrer",
-    className: className
-  }, children);
+    target: target,
+    rel: rel,
+    onClick: handleClick
+  }, rest), children);
 };
 export default ProductDetailLink;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "component-sanzhizhou",
-  "version": "1.2.10",
+  "version": "1.2.11",
   "description": "",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",