@abtnode/ux 1.16.17-beta-2679e686 → 1.16.17-beta-3232a7af
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.
- package/es/blocklet/component/domain-list.js +103 -1
- package/es/blocklet/configuration.js +2 -1
- package/es/blocklet/router/action/add-domain-alias.js +63 -85
- package/es/blocklet/router/add-domain.js +258 -0
- package/es/confirm.js +4 -1
- package/es/form/form-select-input.js +6 -0
- package/es/locales/en.js +20 -0
- package/es/locales/zh.js +21 -0
- package/es/team/members/index.js +3 -0
- package/es/team/passports/index.js +4 -1
- package/lib/blocklet/component/domain-list.js +104 -2
- package/lib/blocklet/configuration.js +2 -1
- package/lib/blocklet/router/action/add-domain-alias.js +62 -83
- package/lib/blocklet/router/add-domain.js +274 -0
- package/lib/confirm.js +4 -1
- package/lib/form/form-select-input.js +8 -2
- package/lib/locales/en.js +20 -0
- package/lib/locales/zh.js +21 -0
- package/lib/team/members/index.js +3 -0
- package/lib/team/passports/index.js +4 -1
- package/package.json +7 -7
|
@@ -0,0 +1,274 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = AddDomain;
|
|
7
|
+
var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
|
|
8
|
+
var _context = require("@arcblock/ux/lib/Locale/context");
|
|
9
|
+
var _Diamond = _interopRequireDefault(require("@mui/icons-material/Diamond"));
|
|
10
|
+
var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
|
|
11
|
+
var _OpenInNew = _interopRequireDefault(require("@mui/icons-material/OpenInNew"));
|
|
12
|
+
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
|
13
|
+
var _Button = _interopRequireDefault(require("@mui/material/Button"));
|
|
14
|
+
var _Link = _interopRequireDefault(require("@mui/material/Link"));
|
|
15
|
+
var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
|
|
16
|
+
var _useTheme = _interopRequireDefault(require("@mui/material/styles/useTheme"));
|
|
17
|
+
var _noop = _interopRequireDefault(require("lodash/noop"));
|
|
18
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
+
var _useSetState = _interopRequireDefault(require("react-use/lib/useSetState"));
|
|
20
|
+
var _urlJoin = _interopRequireDefault(require("url-join"));
|
|
21
|
+
var _util = require("../../../lib/util");
|
|
22
|
+
var _node = require("../../contexts/node");
|
|
23
|
+
var _util2 = require("../../util");
|
|
24
|
+
var _api = require("../../util/api");
|
|
25
|
+
var _dnsTip = _interopRequireDefault(require("./dns-tip"));
|
|
26
|
+
var _util3 = require("./util");
|
|
27
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
28
|
+
const _excluded = ["siteId", "teamDid", "cnameDomain", "defaultCustomDomain", "onInputDomain", "appId", "appPk", "onSuccess"];
|
|
29
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
30
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
31
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
32
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
33
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
34
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
35
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
36
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
37
|
+
function AddDomain(_ref) {
|
|
38
|
+
var _domainTypes$state$ty;
|
|
39
|
+
let {
|
|
40
|
+
siteId,
|
|
41
|
+
teamDid,
|
|
42
|
+
cnameDomain,
|
|
43
|
+
defaultCustomDomain,
|
|
44
|
+
onInputDomain,
|
|
45
|
+
appId,
|
|
46
|
+
appPk,
|
|
47
|
+
onSuccess
|
|
48
|
+
} = _ref,
|
|
49
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
50
|
+
const theme = (0, _useTheme.default)();
|
|
51
|
+
const {
|
|
52
|
+
t,
|
|
53
|
+
locale
|
|
54
|
+
} = (0, _context.useLocaleContext)();
|
|
55
|
+
const {
|
|
56
|
+
api,
|
|
57
|
+
info
|
|
58
|
+
} = (0, _node.useNodeContext)();
|
|
59
|
+
const [state, setState] = (0, _useSetState.default)({
|
|
60
|
+
domain: defaultCustomDomain,
|
|
61
|
+
error: null,
|
|
62
|
+
type: info !== null && info !== void 0 && info.nftDomainUrl ? 'nftDomain' : 'inputDomain',
|
|
63
|
+
showNFTDomainAuth: false
|
|
64
|
+
});
|
|
65
|
+
let nftDomainURL = '';
|
|
66
|
+
if (info.nftDomainUrl) {
|
|
67
|
+
nftDomainURL = (0, _urlJoin.default)(info.nftDomainUrl, '/api');
|
|
68
|
+
}
|
|
69
|
+
const handleAuthSuccess = async _ref2 => {
|
|
70
|
+
let {
|
|
71
|
+
domain,
|
|
72
|
+
nftDid,
|
|
73
|
+
chainHost
|
|
74
|
+
} = _ref2;
|
|
75
|
+
try {
|
|
76
|
+
await api.addDomainAlias({
|
|
77
|
+
input: {
|
|
78
|
+
id: siteId,
|
|
79
|
+
type: 'nft-domain',
|
|
80
|
+
domainAlias: (0, _util3.parseDomainFromURL)(domain),
|
|
81
|
+
nftDid,
|
|
82
|
+
chainHost,
|
|
83
|
+
teamDid
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
await (0, _util2.sleep)(2000);
|
|
87
|
+
setState({
|
|
88
|
+
confirmSetting: null,
|
|
89
|
+
showNFTDomainAuth: false
|
|
90
|
+
});
|
|
91
|
+
onSuccess({
|
|
92
|
+
domain,
|
|
93
|
+
type: state.type
|
|
94
|
+
});
|
|
95
|
+
} finally {
|
|
96
|
+
setState({
|
|
97
|
+
openAuthNFTDomain: false
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
};
|
|
101
|
+
const domainTypes = {
|
|
102
|
+
inputDomain: {
|
|
103
|
+
name: t('router.domainAlias.inputDomain'),
|
|
104
|
+
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Edit.default, {}),
|
|
105
|
+
component: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
|
|
106
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
|
|
107
|
+
style: {
|
|
108
|
+
marginTop: '8px'
|
|
109
|
+
},
|
|
110
|
+
label: t('router.domainAlias.add.domainDescription'),
|
|
111
|
+
helperText: state.error || t('router.domainAlias.add.helperText'),
|
|
112
|
+
inputProps: {
|
|
113
|
+
'data-cy': 'domain-name-input'
|
|
114
|
+
},
|
|
115
|
+
fullWidth: true,
|
|
116
|
+
value: state.domain,
|
|
117
|
+
onChange: e => {
|
|
118
|
+
const {
|
|
119
|
+
value
|
|
120
|
+
} = e.target;
|
|
121
|
+
setState({
|
|
122
|
+
domain: value
|
|
123
|
+
});
|
|
124
|
+
const errMessage = (0, _util.validateDomain)(value, locale);
|
|
125
|
+
setState({
|
|
126
|
+
domain: value,
|
|
127
|
+
error: errMessage
|
|
128
|
+
});
|
|
129
|
+
onInputDomain({
|
|
130
|
+
domain: value,
|
|
131
|
+
error: errMessage
|
|
132
|
+
});
|
|
133
|
+
},
|
|
134
|
+
autoFocus: true,
|
|
135
|
+
size: "small",
|
|
136
|
+
variant: "outlined",
|
|
137
|
+
error: !!state.error
|
|
138
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dnsTip.default, {
|
|
139
|
+
domain: state.domain,
|
|
140
|
+
resolvedTarget: cnameDomain,
|
|
141
|
+
style: {
|
|
142
|
+
marginTop: '8px'
|
|
143
|
+
}
|
|
144
|
+
})]
|
|
145
|
+
})
|
|
146
|
+
}
|
|
147
|
+
};
|
|
148
|
+
if (info !== null && info !== void 0 && info.nftDomainUrl) {
|
|
149
|
+
domainTypes.nftDomain = {
|
|
150
|
+
name: t('router.domainAlias.nftDomain'),
|
|
151
|
+
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Diamond.default, {}),
|
|
152
|
+
component: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
|
|
153
|
+
sx: {
|
|
154
|
+
marginTop: '12px'
|
|
155
|
+
},
|
|
156
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
|
|
157
|
+
sx: {
|
|
158
|
+
maxWidth: '640px',
|
|
159
|
+
color: 'text.secondary',
|
|
160
|
+
fontSize: '14px'
|
|
161
|
+
},
|
|
162
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
163
|
+
children: t('router.domainAlias.addDomainNFT.tips')
|
|
164
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
165
|
+
children: [t('router.domainAlias.addDomainNFT.buyTip'), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Link.default, {
|
|
166
|
+
href: info.nftDomainUrl,
|
|
167
|
+
sx: {
|
|
168
|
+
fontSize: '14px',
|
|
169
|
+
display: 'inline-flex',
|
|
170
|
+
alignItems: 'center'
|
|
171
|
+
},
|
|
172
|
+
target: "_blank",
|
|
173
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
|
|
174
|
+
children: t('router.domainAlias.addDomainNFT.buy')
|
|
175
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_OpenInNew.default, {
|
|
176
|
+
fontSize: "small"
|
|
177
|
+
})]
|
|
178
|
+
})]
|
|
179
|
+
})]
|
|
180
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
181
|
+
sx: {
|
|
182
|
+
marginTop: '8px'
|
|
183
|
+
},
|
|
184
|
+
onClick: () => setState({
|
|
185
|
+
showNFTDomainAuth: true
|
|
186
|
+
}),
|
|
187
|
+
variant: "contained",
|
|
188
|
+
children: t('router.domainAlias.addDomainNFT.showNFT')
|
|
189
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
|
|
190
|
+
open: state.showNFTDomainAuth,
|
|
191
|
+
popup: true,
|
|
192
|
+
useSocket: false,
|
|
193
|
+
action: "authorize",
|
|
194
|
+
baseUrl: nftDomainURL,
|
|
195
|
+
checkFn: _api.axios.create({
|
|
196
|
+
baseURL: nftDomainURL
|
|
197
|
+
}).get,
|
|
198
|
+
extraParams: {
|
|
199
|
+
delegatee: appId,
|
|
200
|
+
delegateePk: appPk
|
|
201
|
+
},
|
|
202
|
+
onSuccess: handleAuthSuccess,
|
|
203
|
+
onClose: () => setState({
|
|
204
|
+
showNFTDomainAuth: false
|
|
205
|
+
}),
|
|
206
|
+
checkTimeout: 60 * 5000,
|
|
207
|
+
showDownload: false,
|
|
208
|
+
messages: {
|
|
209
|
+
title: t('router.domainAlias.addDomainNFT.connect.title'),
|
|
210
|
+
scan: t('router.domainAlias.addDomainNFT.connect.scan'),
|
|
211
|
+
confirm: t('router.domainAlias.addDomainNFT.connect.confirm'),
|
|
212
|
+
success: t('router.domainAlias.addDomainNFT.connect.success')
|
|
213
|
+
}
|
|
214
|
+
})]
|
|
215
|
+
})
|
|
216
|
+
};
|
|
217
|
+
}
|
|
218
|
+
const inputDomainTypes = Object.keys(domainTypes);
|
|
219
|
+
inputDomainTypes.sort(x => {
|
|
220
|
+
// 优先展示 nft domain
|
|
221
|
+
if (x === 'inputDomain') {
|
|
222
|
+
return 1;
|
|
223
|
+
}
|
|
224
|
+
return -1;
|
|
225
|
+
});
|
|
226
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, _objectSpread(_objectSpread({}, props), {}, {
|
|
227
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
|
|
228
|
+
sx: {
|
|
229
|
+
display: 'flex',
|
|
230
|
+
justifyContent: 'flex-start',
|
|
231
|
+
gap: '16px'
|
|
232
|
+
},
|
|
233
|
+
children: inputDomainTypes.map(type => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
|
|
234
|
+
sx: {
|
|
235
|
+
width: '128px',
|
|
236
|
+
height: '64px',
|
|
237
|
+
padding: '8px',
|
|
238
|
+
cursor: 'pointer',
|
|
239
|
+
borderRadius: '8px',
|
|
240
|
+
display: 'flex',
|
|
241
|
+
flexDirection: 'column',
|
|
242
|
+
justifyContent: 'center',
|
|
243
|
+
alignItems: 'flex-start',
|
|
244
|
+
color: type === state.type ? theme.palette.primary.main : theme.palette.common.main,
|
|
245
|
+
border: "1px solid ".concat(type === state.type ? theme.palette.primary.main : '#E0E0E0')
|
|
246
|
+
},
|
|
247
|
+
onClick: () => setState({
|
|
248
|
+
type
|
|
249
|
+
}),
|
|
250
|
+
children: [domainTypes[type].icon, domainTypes[type].name]
|
|
251
|
+
}, type))
|
|
252
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
|
|
253
|
+
marginTop: "12px",
|
|
254
|
+
children: (_domainTypes$state$ty = domainTypes[state.type]) === null || _domainTypes$state$ty === void 0 ? void 0 : _domainTypes$state$ty.component
|
|
255
|
+
})]
|
|
256
|
+
}));
|
|
257
|
+
}
|
|
258
|
+
AddDomain.propTypes = {
|
|
259
|
+
siteId: _propTypes.default.string.isRequired,
|
|
260
|
+
teamDid: _propTypes.default.string.isRequired,
|
|
261
|
+
cnameDomain: _propTypes.default.string.isRequired,
|
|
262
|
+
defaultCustomDomain: _propTypes.default.string,
|
|
263
|
+
onInputDomain: _propTypes.default.func,
|
|
264
|
+
onSuccess: _propTypes.default.func,
|
|
265
|
+
appId: _propTypes.default.string,
|
|
266
|
+
appPk: _propTypes.default.string
|
|
267
|
+
};
|
|
268
|
+
AddDomain.defaultProps = {
|
|
269
|
+
defaultCustomDomain: '',
|
|
270
|
+
onInputDomain: _noop.default,
|
|
271
|
+
onSuccess: _noop.default,
|
|
272
|
+
appId: '',
|
|
273
|
+
appPk: ''
|
|
274
|
+
};
|
package/lib/confirm.js
CHANGED
|
@@ -130,7 +130,10 @@ function ConfirmDialog(_ref) {
|
|
|
130
130
|
"data-cy": "submit-confirm-dialog",
|
|
131
131
|
autoFocus: true,
|
|
132
132
|
children: [(loading || inputLoading) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
|
|
133
|
-
size: 16
|
|
133
|
+
size: 16,
|
|
134
|
+
sx: {
|
|
135
|
+
mr: 1
|
|
136
|
+
}
|
|
134
137
|
}), confirm]
|
|
135
138
|
})]
|
|
136
139
|
})]
|
|
@@ -15,11 +15,12 @@ var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
|
|
|
15
15
|
var _Select = _interopRequireDefault(require("@mui/material/Select"));
|
|
16
16
|
var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
|
|
17
17
|
var _styles = require("@mui/material/styles");
|
|
18
|
+
var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
|
|
18
19
|
var _required = _interopRequireDefault(require("./required"));
|
|
19
20
|
var _formWrapper = _interopRequireDefault(require("./form-wrapper"));
|
|
20
21
|
var _inputTriggers = _interopRequireDefault(require("./input-triggers"));
|
|
21
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
22
|
-
const _excluded = ["label", "disabled", "required", "initialValue", "onChange", "style", "onSubmit", "triggers", "options", "formatterBeforeSubmit"];
|
|
23
|
+
const _excluded = ["label", "disabled", "required", "initialValue", "onChange", "style", "onSubmit", "triggers", "options", "formatterBeforeSubmit", "helperText"];
|
|
23
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
24
25
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
26
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -56,7 +57,8 @@ function FormSelectInput(_ref) {
|
|
|
56
57
|
onSubmit,
|
|
57
58
|
triggers,
|
|
58
59
|
options,
|
|
59
|
-
formatterBeforeSubmit
|
|
60
|
+
formatterBeforeSubmit,
|
|
61
|
+
helperText
|
|
60
62
|
} = _ref,
|
|
61
63
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
62
64
|
const theme = (0, _styles.useTheme)();
|
|
@@ -170,6 +172,8 @@ function FormSelectInput(_ref) {
|
|
|
170
172
|
disabled: disabled
|
|
171
173
|
})
|
|
172
174
|
})]
|
|
175
|
+
}), editing && helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormHelperText.default, {
|
|
176
|
+
children: helperText
|
|
173
177
|
})]
|
|
174
178
|
})
|
|
175
179
|
});
|
|
@@ -184,6 +188,7 @@ FormSelectInput.propTypes = {
|
|
|
184
188
|
disabled: _propTypes.default.bool,
|
|
185
189
|
triggers: _propTypes.default.array,
|
|
186
190
|
options: _propTypes.default.array,
|
|
191
|
+
helperText: _propTypes.default.string,
|
|
187
192
|
formatterBeforeSubmit: _propTypes.default.func
|
|
188
193
|
};
|
|
189
194
|
FormSelectInput.defaultProps = {
|
|
@@ -196,5 +201,6 @@ FormSelectInput.defaultProps = {
|
|
|
196
201
|
disabled: false,
|
|
197
202
|
triggers: [],
|
|
198
203
|
options: [],
|
|
204
|
+
helperText: '',
|
|
199
205
|
formatterBeforeSubmit: x => x.join(',')
|
|
200
206
|
};
|
package/lib/locales/en.js
CHANGED
|
@@ -412,6 +412,7 @@ module.exports = {
|
|
|
412
412
|
description: 'Blocklet instance wallet type, will change the derived DID'
|
|
413
413
|
},
|
|
414
414
|
languages: 'Supported Languages',
|
|
415
|
+
selectLanguagesTip: 'Adjust the order by removing and re-adding',
|
|
415
416
|
passportColor: 'Passport Color',
|
|
416
417
|
appUrl: 'Blocklet URL',
|
|
417
418
|
access: {
|
|
@@ -736,6 +737,8 @@ module.exports = {
|
|
|
736
737
|
registerUrlPlaceholder: 'Input the URL of your preferred Blocklet Launcher, you can use the official one safely',
|
|
737
738
|
webWalletUrl: 'DID Wallet URL',
|
|
738
739
|
webWalletUrlPlaceholder: 'Please input the URL of your hosted "DID Wallet", you can use the official one safely',
|
|
740
|
+
nftDomainUrl: 'NFT Domain URL',
|
|
741
|
+
nftDomainUrlPlaceholder: 'Please input the URL of your hosted "NFT Domain", you can use the official one safely',
|
|
739
742
|
enableWelcomePage: 'Enable welcome page',
|
|
740
743
|
welcome: {
|
|
741
744
|
switchLabel: 'Welcome Page'
|
|
@@ -921,12 +924,29 @@ module.exports = {
|
|
|
921
924
|
}
|
|
922
925
|
},
|
|
923
926
|
domainAlias: {
|
|
927
|
+
inputDomain: 'Input Domain',
|
|
928
|
+
nftDomain: 'NFT Domain',
|
|
924
929
|
add: {
|
|
925
930
|
title: 'Add Additional Domain',
|
|
926
931
|
domainDescription: 'Please provide a valid domain name',
|
|
927
932
|
forceTip: 'Force add if domain name already exists',
|
|
928
933
|
helperText: 'If an HTTP or HTTPS URL is entered, it will be automatically converted into a domain name.'
|
|
929
934
|
},
|
|
935
|
+
addCustomDomain: {
|
|
936
|
+
name: 'Custom Domain'
|
|
937
|
+
},
|
|
938
|
+
addDomainNFT: {
|
|
939
|
+
showNFT: 'Show NFT',
|
|
940
|
+
tips: 'NFT Domain will do the domain name resolution automatically, no need to configure it manually, and the application will update the resolution record of the domain name automatically when needed.',
|
|
941
|
+
connect: {
|
|
942
|
+
title: 'Please show your Domain NFT',
|
|
943
|
+
scan: 'Scan following QR code with DID Wallet to authorize to blocklet to use your domain',
|
|
944
|
+
confirm: 'Confirm on your DID Wallet',
|
|
945
|
+
success: 'Authorization Successfully'
|
|
946
|
+
},
|
|
947
|
+
buyTip: "If your don't have domain yet, ",
|
|
948
|
+
buy: 'buy it now!'
|
|
949
|
+
},
|
|
930
950
|
delete: {
|
|
931
951
|
title: 'Delete',
|
|
932
952
|
description: 'After removing a domain alias, access to that alias may not be handled properly.'
|
package/lib/locales/zh.js
CHANGED
|
@@ -416,6 +416,7 @@ module.exports = {
|
|
|
416
416
|
description: '应用钱包类型,会影响派生出来的 DID'
|
|
417
417
|
},
|
|
418
418
|
languages: '支持的语言',
|
|
419
|
+
selectLanguagesTip: '通过删除再添加来调整顺序',
|
|
419
420
|
passportColor: '通行证颜色',
|
|
420
421
|
appUrl: '应用访问地址',
|
|
421
422
|
access: {
|
|
@@ -740,6 +741,8 @@ module.exports = {
|
|
|
740
741
|
registerUrlPlaceholder: '你可以使用自己运行的"应用启动器", 也可以使用官方提供的版本',
|
|
741
742
|
webWalletUrl: 'DID Wallet 地址',
|
|
742
743
|
webWalletUrlPlaceholder: '你可以使用自己运行的 "DID Wallet", 也可以使用官方提供的版本',
|
|
744
|
+
nftDomainUrl: 'NFT Domain 地址',
|
|
745
|
+
nftDomainUrlPlaceholder: '你可以选择其它的 NFT Domain 服务器, 也可以使用官方提供的版本',
|
|
743
746
|
upgrade: {
|
|
744
747
|
title: '升级节点 {version}',
|
|
745
748
|
description: '在升级期间,节点将会进入维护模式几分钟。',
|
|
@@ -924,12 +927,30 @@ module.exports = {
|
|
|
924
927
|
}
|
|
925
928
|
},
|
|
926
929
|
domainAlias: {
|
|
930
|
+
inputDomain: '输入域名',
|
|
931
|
+
nftDomain: 'NFT 域名',
|
|
927
932
|
add: {
|
|
928
933
|
title: '添加额外域名',
|
|
929
934
|
domainDescription: '请填写有效的域名',
|
|
930
935
|
forceTip: '当域名已存在时强制添加',
|
|
931
936
|
helperText: '如果输入 HTTP 或者 HTTPS URL, 则会被自动转换为域名。'
|
|
932
937
|
},
|
|
938
|
+
addCustomDomain: {
|
|
939
|
+
name: '自定义域名'
|
|
940
|
+
},
|
|
941
|
+
addDomainNFT: {
|
|
942
|
+
name: 'NFT 域名',
|
|
943
|
+
showNFT: '出示 NFT',
|
|
944
|
+
tips: 'NFT 域名会自动完成域名解析,无需手动配置,并且应用会在需要的时候自动更新该域名的解析记录。',
|
|
945
|
+
connect: {
|
|
946
|
+
title: '请出示域名 NFT',
|
|
947
|
+
scan: '用 DID 钱包扫描下面的二维码, 出示域名 NFT',
|
|
948
|
+
confirm: '在您的 DID 钱包上确认',
|
|
949
|
+
success: '授权成功'
|
|
950
|
+
},
|
|
951
|
+
buyTip: '如果还没有域名 NFT, ',
|
|
952
|
+
buy: '现在购买!'
|
|
953
|
+
},
|
|
933
954
|
delete: {
|
|
934
955
|
title: '删除',
|
|
935
956
|
description: '删除别名将会删除域名别用该站点下的所有流量转发规则,是否继续?'
|
|
@@ -474,6 +474,9 @@ function MemberList(_ref2) {
|
|
|
474
474
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
|
|
475
475
|
className: "main",
|
|
476
476
|
display: "flex",
|
|
477
|
+
sx: {
|
|
478
|
+
mt: inService ? 4 : 0
|
|
479
|
+
},
|
|
477
480
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
478
481
|
className: "left",
|
|
479
482
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
@@ -86,6 +86,9 @@ function PassportList(_ref) {
|
|
|
86
86
|
};
|
|
87
87
|
const filteredRoles = roles.filter(x => !search || x.title.includes(search) || x.name.includes(search));
|
|
88
88
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
|
|
89
|
+
sx: {
|
|
90
|
+
mt: inService ? 6 : 0
|
|
91
|
+
},
|
|
89
92
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_listHeader.default, {
|
|
90
93
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
91
94
|
className: "left",
|
|
@@ -254,7 +257,7 @@ function PassportList(_ref) {
|
|
|
254
257
|
})]
|
|
255
258
|
});
|
|
256
259
|
}
|
|
257
|
-
const Div = _styled.default.
|
|
260
|
+
const Div = (0, _styled.default)(_Box.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .list {\n .item {\n padding: 12px;\n margin: 12px -12px;\n cursor: pointer;\n transition: box-shadow 0.4s;\n &:hover {\n box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);\n }\n }\n\n .title {\n font-weight: 400;\n font-size: 18px;\n width: 80px;\n line-height: 21px;\n color: #222222;\n }\n\n .description {\n flex: 1;\n margin-left: 64px;\n color: #999999;\n }\n\n .action {\n color: #bfbfbf;\n fill: #bfbfbf;\n }\n }\n"])));
|
|
258
261
|
PassportList.propTypes = {
|
|
259
262
|
createPassportSvg: _propTypes.default.func.isRequired
|
|
260
263
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@abtnode/ux",
|
|
3
|
-
"version": "1.16.17-beta-
|
|
3
|
+
"version": "1.16.17-beta-3232a7af",
|
|
4
4
|
"description": "UX components shared across abtnode packages",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
|
|
28
28
|
"license": "Apache-2.0",
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@abtnode/auth": "1.16.17-beta-
|
|
31
|
-
"@abtnode/constant": "1.16.17-beta-
|
|
32
|
-
"@abtnode/util": "1.16.17-beta-
|
|
30
|
+
"@abtnode/auth": "1.16.17-beta-3232a7af",
|
|
31
|
+
"@abtnode/constant": "1.16.17-beta-3232a7af",
|
|
32
|
+
"@abtnode/util": "1.16.17-beta-3232a7af",
|
|
33
33
|
"@ahooksjs/use-url-state": "^3.5.1",
|
|
34
34
|
"@arcblock/did": "^1.18.92",
|
|
35
35
|
"@arcblock/did-connect": "^2.7.29",
|
|
@@ -39,10 +39,10 @@
|
|
|
39
39
|
"@arcblock/react-hooks": "^2.7.29",
|
|
40
40
|
"@arcblock/terminal": "^2.7.29",
|
|
41
41
|
"@arcblock/ux": "^2.7.29",
|
|
42
|
-
"@blocklet/constant": "1.16.17-beta-
|
|
42
|
+
"@blocklet/constant": "1.16.17-beta-3232a7af",
|
|
43
43
|
"@blocklet/launcher-layout": "2.2.22",
|
|
44
44
|
"@blocklet/list": "^0.12.45",
|
|
45
|
-
"@blocklet/meta": "1.16.17-beta-
|
|
45
|
+
"@blocklet/meta": "1.16.17-beta-3232a7af",
|
|
46
46
|
"@blocklet/ui-react": "^2.7.29",
|
|
47
47
|
"@blocklet/uploader": "^0.0.32",
|
|
48
48
|
"@emotion/react": "^11.10.4",
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
"babel-plugin-inline-react-svg": "^1.1.2",
|
|
101
101
|
"glob": "^10.3.3"
|
|
102
102
|
},
|
|
103
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "af4067dd2e418c51a0ed96b1ee242ca812904056",
|
|
104
104
|
"exports": {
|
|
105
105
|
".": {
|
|
106
106
|
"import": "./es/index.js",
|