@pisell/private-materials 3.0.30 → 3.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,7 +8,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
8
8
  import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
9
9
  import { InputNumber, message, Modal } from "antd";
10
10
  import "./index.less";
11
- import { locales } from "@pisell/utils";
11
+ import { formatAmount, locales } from "@pisell/utils";
12
12
  var EditDepositModal = function EditDepositModal(props, ref) {
13
13
  var onChange = props.onChange,
14
14
  amountSymbol = props.amountSymbol,
@@ -108,10 +108,16 @@ var EditDepositModal = function EditDepositModal(props, ref) {
108
108
  }, /*#__PURE__*/React.createElement("div", {
109
109
  className: "pisell-lowcode__edit-deposit-modal-field-list"
110
110
  }, /*#__PURE__*/React.createElement("div", {
111
+ className: "pisell-lowcode__edit-deposit-modal-order-amount-wrap"
112
+ }, /*#__PURE__*/React.createElement("div", {
113
+ className: "pisell-lowcode__edit-deposit-modal-order-amount-title"
114
+ }, locales.getText("pisell2.text.deposit-order-total")), /*#__PURE__*/React.createElement("div", {
115
+ className: "pisell-lowcode__edit-deposit-modal-order-amount"
116
+ }, formatAmount(totalAmount, 2, amountSymbol || "$"))), /*#__PURE__*/React.createElement("div", {
111
117
  className: "pisell-lowcode__edit-deposit-modal-field"
112
118
  }, /*#__PURE__*/React.createElement("div", {
113
119
  className: "pisell-lowcode__edit-deposit-modal-field-label"
114
- }, locales.getText("pisell2.text.deposit-amount")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(InputNumber, _extends({
120
+ }, locales.getText("pisell2.text.deposit-deposit-amount")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(InputNumber, _extends({
115
121
  ref: inputNumberRef,
116
122
  style: {
117
123
  width: "100%"
@@ -21,4 +21,24 @@
21
21
  line-height: 20px; /* 142.857% */
22
22
  }
23
23
  }
24
+ .pisell-lowcode__edit-deposit-modal-order-amount-wrap {
25
+ border-radius: 12px;
26
+ border: 1px solid var(--Gray-200, #EAECF0);
27
+ box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
28
+ padding: 10px 16px;
29
+ }
30
+ .pisell-lowcode__edit-deposit-modal-order-amount {
31
+ color: var(--Gray-900, #101828);
32
+ font-size: 24px;
33
+ font-style: normal;
34
+ font-weight: 700;
35
+ line-height: 32px; /* 133.333% */
36
+ }
37
+ .pisell-lowcode__edit-deposit-modal-order-amount-title {
38
+ color: var(--Gray-600, #475467);
39
+ font-size: 14px;
40
+ font-style: normal;
41
+ font-weight: 500;
42
+ line-height: 20px; /* 142.857% */
43
+ }
24
44
  }
@@ -63,13 +63,19 @@ var EditDepositModal = (props, ref) => {
63
63
  }, [depositMode]);
64
64
  const handleOk = () => {
65
65
  if (amount === 0) {
66
- return import_antd.message.error(import_utils.locales.getText("pisell2.text.deposit-amount-message"));
66
+ return import_antd.message.error(
67
+ import_utils.locales.getText("pisell2.text.deposit-amount-message")
68
+ );
67
69
  }
68
70
  if (!amount) {
69
- return import_antd.message.error(import_utils.locales.getText("pisell2.text.deposit-amount-message3"));
71
+ return import_antd.message.error(
72
+ import_utils.locales.getText("pisell2.text.deposit-amount-message3")
73
+ );
70
74
  }
71
75
  if (amount > totalAmount) {
72
- return import_antd.message.error(import_utils.locales.getText("pisell2.text.deposit-amount-message2"));
76
+ return import_antd.message.error(
77
+ import_utils.locales.getText("pisell2.text.deposit-amount-message2")
78
+ );
73
79
  }
74
80
  onChange(amount);
75
81
  setOpen(false);
@@ -113,7 +119,7 @@ var EditDepositModal = (props, ref) => {
113
119
  onOk: handleOk,
114
120
  destroyOnClose: true
115
121
  },
116
- /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__edit-deposit-modal-field-list" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__edit-deposit-modal-field" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__edit-deposit-modal-field-label" }, import_utils.locales.getText("pisell2.text.deposit-amount")), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
122
+ /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__edit-deposit-modal-field-list" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__edit-deposit-modal-order-amount-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__edit-deposit-modal-order-amount-title" }, import_utils.locales.getText("pisell2.text.deposit-order-total")), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__edit-deposit-modal-order-amount" }, (0, import_utils.formatAmount)(totalAmount, 2, amountSymbol || "$"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__edit-deposit-modal-field" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__edit-deposit-modal-field-label" }, import_utils.locales.getText("pisell2.text.deposit-deposit-amount")), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
117
123
  import_antd.InputNumber,
118
124
  {
119
125
  ref: inputNumberRef,
@@ -21,4 +21,24 @@
21
21
  line-height: 20px; /* 142.857% */
22
22
  }
23
23
  }
24
+ .pisell-lowcode__edit-deposit-modal-order-amount-wrap {
25
+ border-radius: 12px;
26
+ border: 1px solid var(--Gray-200, #EAECF0);
27
+ box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
28
+ padding: 10px 16px;
29
+ }
30
+ .pisell-lowcode__edit-deposit-modal-order-amount {
31
+ color: var(--Gray-900, #101828);
32
+ font-size: 24px;
33
+ font-style: normal;
34
+ font-weight: 700;
35
+ line-height: 32px; /* 133.333% */
36
+ }
37
+ .pisell-lowcode__edit-deposit-modal-order-amount-title {
38
+ color: var(--Gray-600, #475467);
39
+ font-size: 14px;
40
+ font-style: normal;
41
+ font-weight: 500;
42
+ line-height: 20px; /* 142.857% */
43
+ }
24
44
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/private-materials",
3
- "version": "3.0.30",
3
+ "version": "3.0.31",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.js",
6
6
  "types": "./lib/index.d.ts",
@@ -58,9 +58,9 @@
58
58
  "ahooks": "^3.7.6",
59
59
  "react-infinite-scroll-component": "^6.1.0",
60
60
  "rc-virtual-list": "^3.11.3",
61
- "@pisell/icon": "0.0.8",
62
61
  "@pisell/utils": "1.0.23",
63
- "@pisell/date-picker": "1.0.68"
62
+ "@pisell/date-picker": "1.0.68",
63
+ "@pisell/icon": "0.0.8"
64
64
  },
65
65
  "peerDependencies": {
66
66
  "react": "^18.0.0",