component-sanzhizhou 1.2.6 → 1.2.9

package/dist/auth-main/account.d.ts

@@ -7,6 +7,7 @@ interface Props {
     accountRegDisabled?: boolean;
     onSuccess: () => void;
     showSubAccount?: boolean;
+    narrow?: boolean;
 }
 /** 账户登录 / 注册；找回密码通过抽屉弹出。 */
 declare const Account: React.FC<Props>;

package/dist/auth-main/account.js

@@ -15,7 +15,8 @@ var Account = function Account(_ref) {
     disabledFormItemLabel = _ref.disabledFormItemLabel,
     accountRegDisabled = _ref.accountRegDisabled,
     onSuccess = _ref.onSuccess,
-    showSubAccount = _ref.showSubAccount;
+    showSubAccount = _ref.showSubAccount,
+    narrow = _ref.narrow;
   var _useState = useState('login'),
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
@@ -44,6 +45,7 @@ var Account = function Account(_ref) {
     roleType: roleType,
     disabledFormItemLabel: disabledFormItemLabel,
     showSubAccount: showSubAccount,
+    narrow: narrow,
     onSuccess: onSuccess,
     onForgotPassword: function onForgotPassword() {
       return setForgotOpen(true);
@@ -53,6 +55,7 @@ var Account = function Account(_ref) {
     apiUrl: apiUrl,
     roleType: roleType,
     disabledFormItemLabel: disabledFormItemLabel,
+    narrow: narrow,
     onSuccess: onSuccess
   }), /*#__PURE__*/React.createElement(Drawer, {
     title: formatMessage('找回密码'),
@@ -66,6 +69,7 @@ var Account = function Account(_ref) {
     apiUrl: apiUrl,
     disabledFormItemLabel: disabledFormItemLabel,
     showSubAccount: showSubAccount,
+    narrow: narrow,
     onDone: function onDone() {
       return setForgotOpen(false);
     }

package/dist/auth-main/forgot-password.d.ts

@@ -4,6 +4,7 @@ interface Props {
     apiUrl?: string;
     disabledFormItemLabel?: boolean;
     showSubAccount?: boolean;
+    narrow?: boolean;
     /** 重置成功后回调（切回登录）。 */
     onDone: () => void;
 }

package/dist/auth-main/forgot-password.js

@@ -15,6 +15,7 @@ var ForgotPassword = function ForgotPassword(_ref) {
     apiUrl = _ref.apiUrl,
     disabledFormItemLabel = _ref.disabledFormItemLabel,
     showSubAccount = _ref.showSubAccount,
+    narrow = _ref.narrow,
     onDone = _ref.onDone;
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
@@ -50,11 +51,12 @@ var ForgotPassword = function ForgotPassword(_ref) {
     onFinish: onFinish,
     disabled: loading,
     autoComplete: "off",
-    labelCol: {
+    layout: narrow ? 'vertical' : 'horizontal',
+    labelCol: narrow ? undefined : {
       span: FormSpan
     }
   }, showSubAccount && /*#__PURE__*/React.createElement(Form.Item, {
-    wrapperCol: {
+    wrapperCol: narrow ? undefined : {
       offset: FormSpan
     }
   }, /*#__PURE__*/React.createElement(Segmented, {
@@ -90,7 +92,8 @@ var ForgotPassword = function ForgotPassword(_ref) {
     scene: "forgot",
     env: env,
     apiUrl: apiUrl,
-    disabledFormItemLabel: disabledFormItemLabel
+    disabledFormItemLabel: disabledFormItemLabel,
+    narrow: narrow
   }), /*#__PURE__*/React.createElement(Form.Item, {
     label: disabledFormItemLabel ? undefined : formatMessage('新密码'),
     name: "password",
@@ -117,7 +120,7 @@ var ForgotPassword = function ForgotPassword(_ref) {
       return visible ? /*#__PURE__*/React.createElement(EyeTwoTone, null) : /*#__PURE__*/React.createElement(EyeInvisibleOutlined, null);
     }
   })), /*#__PURE__*/React.createElement(Form.Item, {
-    wrapperCol: {
+    wrapperCol: narrow ? undefined : {
       offset: 6
     }
   }, /*#__PURE__*/React.createElement(Button, {

package/dist/auth-main/index.d.ts

@@ -13,6 +13,8 @@ interface Props {
     };
     onLoginSuccess: () => void;
     showSubAccount?: boolean;
+    /** 窄模式：表单 label 改为上下结构（适配窄容器，如插件悬浮球）。 */
+    narrow?: boolean;
 }
 /**
  * 登录 / 注册（重构版）。

package/dist/auth-main/index.js

@@ -28,7 +28,8 @@ var AuthMain = function AuthMain(_ref) {
     domain = _ref$domain === void 0 ? document.location.hostname : _ref$domain,
     _ref$onLoginSuccess = _ref.onLoginSuccess,
     onLoginSuccess = _ref$onLoginSuccess === void 0 ? function () {} : _ref$onLoginSuccess,
-    showSubAccount = _ref.showSubAccount;
+    showSubAccount = _ref.showSubAccount,
+    narrow = _ref.narrow;
   var _useState = useState(_toConsumableArray(loginTypeList)),
     _useState2 = _slicedToArray(_useState, 2),
     currentLoginTypeList = _useState2[0],
@@ -83,6 +84,7 @@ var AuthMain = function AuthMain(_ref) {
     disabledFormItemLabel: disabledFormItemLabel,
     accountRegDisabled: accountRegDisabled,
     showSubAccount: showSubAccount,
+    narrow: narrow,
     onSuccess: function onSuccess() {
       return onLoginSuccess();
     }

package/dist/auth-main/index.module.less

@@ -111,7 +111,7 @@
 
 .LoginForm {
   margin: 0 auto;
-  padding: 12px 16px 6px 16px;
+  padding: 28px;
   background-color: rgba(255, 255, 255, 0.9);
   border-radius: 6px;
 }

package/dist/auth-main/login.d.ts

@@ -4,6 +4,7 @@ interface Props extends AccountFormProps {
     roleType?: UserAuth.RoleType;
     disabledFormItemLabel?: boolean;
     showSubAccount?: boolean;
+    narrow?: boolean;
     onForgotPassword?: () => void;
 }
 /** 账户密码登录。 */

package/dist/auth-main/login.js

@@ -15,6 +15,7 @@ var Login = function Login(_ref) {
     roleType = _ref.roleType,
     disabledFormItemLabel = _ref.disabledFormItemLabel,
     showSubAccount = _ref.showSubAccount,
+    narrow = _ref.narrow,
     _onSuccess = _ref.onSuccess,
     onForgotPassword = _ref.onForgotPassword;
   var _Form$useForm = Form.useForm(),
@@ -46,7 +47,8 @@ var Login = function Login(_ref) {
   };
   var formSpan = 8;
   return /*#__PURE__*/React.createElement("section", null, /*#__PURE__*/React.createElement(Form, {
-    labelCol: {
+    layout: narrow ? 'vertical' : 'horizontal',
+    labelCol: narrow ? undefined : {
       span: formSpan
     },
     form: form,
@@ -54,7 +56,7 @@ var Login = function Login(_ref) {
     disabled: loading
     // autoComplete="off"
   }, showSubAccount && /*#__PURE__*/React.createElement(Form.Item, {
-    wrapperCol: {
+    wrapperCol: narrow ? undefined : {
       offset: formSpan
     }
   }, /*#__PURE__*/React.createElement(Segmented, {
@@ -117,7 +119,7 @@ var Login = function Login(_ref) {
       return visible ? /*#__PURE__*/React.createElement(EyeTwoTone, null) : /*#__PURE__*/React.createElement(EyeInvisibleOutlined, null);
     }
   })), /*#__PURE__*/React.createElement(Form.Item, {
-    wrapperCol: {
+    wrapperCol: narrow ? undefined : {
       offset: formSpan
     }
   }, /*#__PURE__*/React.createElement(Button, {

package/dist/auth-main/phone-code.d.ts

@@ -7,6 +7,7 @@ interface Props {
     env?: Global.Env;
     apiUrl?: string;
     disabledFormItemLabel?: boolean;
+    narrow?: boolean;
 }
 /** 人机验证 + 手机验证码 + 发送按钮（含倒计时）。 */
 declare const PhoneCode: React.FC<Props>;

package/dist/auth-main/phone-code.js

@@ -17,7 +17,8 @@ var PhoneCode = function PhoneCode(_ref) {
     scene = _ref.scene,
     env = _ref.env,
     apiUrl = _ref.apiUrl,
-    disabledFormItemLabel = _ref.disabledFormItemLabel;
+    disabledFormItemLabel = _ref.disabledFormItemLabel,
+    narrow = _ref.narrow;
   var accountName = Form.useWatch('accountName', form);
   var phone = (accountName || '').replace(/\s+/g, '');
   var _useState = useState(0),
@@ -113,7 +114,7 @@ var PhoneCode = function PhoneCode(_ref) {
     };
   }();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Form.Item, {
-    wrapperCol: {
+    wrapperCol: narrow ? undefined : {
       offset: formSpan
     },
     className: styles.humanVerifyItem
@@ -126,7 +127,7 @@ var PhoneCode = function PhoneCode(_ref) {
     onVerified: onVerified
   })), /*#__PURE__*/React.createElement(Form.Item, {
     label: disabledFormItemLabel ? undefined : formatMessage('验证码'),
-    labelCol: {
+    labelCol: narrow ? undefined : {
       span: formSpan
     }
   }, /*#__PURE__*/React.createElement(Space.Compact, {

package/dist/auth-main/register.d.ts

@@ -3,6 +3,7 @@ import type { AccountFormProps } from './types';
 interface Props extends AccountFormProps {
     roleType?: UserAuth.RoleType;
     disabledFormItemLabel?: boolean;
+    narrow?: boolean;
 }
 /** 短信验证码注册。 */
 declare const Register: React.FC<Props>;

package/dist/auth-main/register.js

@@ -14,10 +14,17 @@ var Register = function Register(_ref) {
     apiUrl = _ref.apiUrl,
     roleType = _ref.roleType,
     disabledFormItemLabel = _ref.disabledFormItemLabel,
+    narrow = _ref.narrow,
     _onSuccess = _ref.onSuccess;
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
+  var labelCol = narrow ? undefined : {
+    span: 8
+  };
+  var wrapperCol = narrow ? undefined : {
+    offset: 8
+  };
   var _useRequest = useRequest(function (data) {
       return AuthController.accountReg({
         accountName: data.accountName,
@@ -46,12 +53,11 @@ var Register = function Register(_ref) {
     form: form,
     onFinish: onFinish,
     disabled: loading,
-    autoComplete: "off"
+    autoComplete: "off",
+    layout: narrow ? 'vertical' : 'horizontal'
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: disabledFormItemLabel ? undefined : formatMessage('手机号码'),
-    labelCol: {
-      span: 8
-    },
+    labelCol: labelCol,
     name: "accountName",
     rules: [{
       required: true,
@@ -71,12 +77,11 @@ var Register = function Register(_ref) {
     scene: "reg",
     env: env,
     apiUrl: apiUrl,
-    disabledFormItemLabel: disabledFormItemLabel
+    disabledFormItemLabel: disabledFormItemLabel,
+    narrow: narrow
   }), /*#__PURE__*/React.createElement(Form.Item, {
     label: disabledFormItemLabel ? undefined : formatMessage('密码'),
-    labelCol: {
-      span: 8
-    },
+    labelCol: labelCol,
     name: "password",
     rules: [{
       required: true,
@@ -102,9 +107,7 @@ var Register = function Register(_ref) {
     }
   })), /*#__PURE__*/React.createElement(Form.Item, {
     label: disabledFormItemLabel ? undefined : formatMessage('确认密码'),
-    labelCol: {
-      span: 8
-    },
+    labelCol: labelCol,
     name: "confirmPassword",
     dependencies: ['password'],
     rules: [{
@@ -130,9 +133,7 @@ var Register = function Register(_ref) {
       return visible ? /*#__PURE__*/React.createElement(EyeTwoTone, null) : /*#__PURE__*/React.createElement(EyeInvisibleOutlined, null);
     }
   })), /*#__PURE__*/React.createElement(Form.Item, {
-    wrapperCol: {
-      offset: 8
-    }
+    wrapperCol: wrapperCol
   }, /*#__PURE__*/React.createElement(Button, {
     type: "primary",
     loading: loading,

package/dist/index.d.ts

@@ -20,3 +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';

package/dist/index.js

@@ -19,4 +19,5 @@ export { default as PayVip } from "./pay/vip";
 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 CollectConfigPrice } from "./collect-price";
+export { default as ProductDetailLink, getProductDetailUrl } from "./lib/product-detail-link";

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    commercePlatformId?: number;
+    skuId?: number;
+    children?: React.ReactNode;
+    options?: {};
+}
+export declare const getProductDetailUrl: (commercePlatformId?: number, skuId?: number | string, options?: {}) => string;
+declare const ProductDetailLink: React.FC<Props>;
+export default ProductDetailLink;

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

@@ -0,0 +1,34 @@
+import React from 'react';
+// 平台商品详情页地址：目前仅 OZON 支持，WB 待补充
+export var getProductDetailUrl = function getProductDetailUrl(commercePlatformId, skuId) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  if (!skuId) {
+    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 ProductDetailLink = function ProductDetailLink(_ref) {
+  var commercePlatformId = _ref.commercePlatformId,
+    skuId = _ref.skuId,
+    children = _ref.children;
+  var href = getProductDetailUrl(commercePlatformId, skuId);
+  if (!href) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+  return /*#__PURE__*/React.createElement("a", {
+    href: href,
+    target: "_blank",
+    rel: "noreferrer"
+    // style={{ color: '#1677ff' }}
+  }, children);
+};
+export default ProductDetailLink;

package/package.json

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