@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.
@@ -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.div(_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"])));
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-2679e686",
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-2679e686",
31
- "@abtnode/constant": "1.16.17-beta-2679e686",
32
- "@abtnode/util": "1.16.17-beta-2679e686",
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-2679e686",
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-2679e686",
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": "abbe4a479b379552cd9ebd8c27732b360844cb73",
103
+ "gitHead": "af4067dd2e418c51a0ed96b1ee242ca812904056",
104
104
  "exports": {
105
105
  ".": {
106
106
  "import": "./es/index.js",