@alicloud/console-base-error-prompt
TypeScript icon, indicating that this package has built-in type declarations

1.11.9 • Public • Published

@alicloud/console-base-error-prompt

TODO see in action

@alicloud/error-prompt 的进化版,不再依赖 wind 和 fusion,也不需要手动引样式和指定语言,更不再是一个工厂。

使用

一般用法

import errorPrompt from '@alicloud/console-base-error-prompt';

errorPrompt(error/*, extra*/);

error 可以是以下类型:

  • undefined | null 将被忽略
  • 字符串
  • JSX
  • plain 对象
  • 扩展了的 Error 实例对象

如果 error 是对象,除了标准属性 message 之外,可以附加 code、requestId,同时可以有 details 属性,长这样:

interface IErrorDetails {
  url?: string;
  method?: string;
  params?: string | Record<string, unkonwn>;
  body?: string | Record<string, unkonwn>;
}

自定义标题、按钮

有的时候,会根据 code 可能需要调整 titlebutton

errorPrompt(error, {
  button,
  title
});

// 或
errorPrompt(error, ({ // 这里是解析后的对象,保证存在,但不保证有 code
  code
}) => {
  if (code === 'ConsoleNeedLogin') {
    return {
      title: '你妹登录 - 需要国际化',
      button: {
        href: '/',
        target: '_blank',
        label: '登录 - 需要国际化'
      }
    };
  }
});

如何忽略错误

所谓「忽略」错误,是指虽然被接收,但不会弹窗。

虽然可以用 null | undefined,是的,在 JS 中 null | undefined 是可以被当成错误的存在,但这并不是推荐的做法。

这种场景下,可以利用帮助方法 createErrorToIgnore throw 一个新错误,这个错误一定会被忽略。

import {
  createErrorToIgnore
} from '@alicloud/console-base-error-prompt';

try {
  doMyStuff();
} catch (err) {
  // 可以忽略该错误,或错误在业务层已经被处理
  if (canIgnoreError(err)) {
    throw createErrorToIgnore();
  }
}

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
1.11.922latest
1.11.8-alpha.02alpha

Version History

VersionDownloads (Last 7 Days)Published
1.11.922
1.11.8-alpha.02
1.11.83
1.11.72
1.8.6-alpha.12
1.8.6-alpha.02
1.11.62
1.11.52
1.11.42
1.11.32
1.11.22
1.11.12
1.11.02
1.10.82
1.10.72
1.10.52
1.10.32
1.10.12
1.10.02
1.9.32
1.9.22
1.9.12
1.9.02
1.8.5-alpha.02
1.8.42
1.8.22
1.8.02
1.7.32
1.7.22
1.7.12
1.7.02
1.6.32
1.6.22
1.6.12
1.6.02
1.5.62
1.5.52
1.5.42
1.5.32
1.5.22
1.5.12
1.5.02
1.4.403
1.4.392
1.4.382
1.4.372
1.4.362
1.4.342
1.4.182
1.4.172
1.4.162
1.4.142
1.4.132
1.4.122
1.4.112
1.4.92
1.4.82
1.4.72
1.4.62
1.4.52
1.4.32
1.4.22
1.4.02
1.3.362
1.3.342
1.3.332
1.3.322
1.3.312
1.3.302
1.3.292
1.3.262
1.3.252
1.3.232
1.3.222
1.3.202
1.3.192
1.3.182
1.3.172
1.3.162
1.3.152
1.3.142
1.3.102
1.3.72
1.3.62
1.3.52
1.3.42
1.3.32
1.3.22
1.3.12
1.3.02
1.2.432
1.2.422
1.2.412
1.2.402
1.2.392
1.2.382
1.2.362
1.2.332
1.2.322
1.2.312
1.2.302
1.2.292
1.2.282
1.2.272
1.2.262
1.2.252
1.2.242
1.2.232
1.2.222
1.2.212
1.2.202
1.2.192
1.2.182
1.2.172
1.2.162
1.2.152
1.2.142
1.2.132
1.2.122
1.2.112
1.2.102
1.2.92
1.2.82
1.2.72
1.2.62
1.2.52
1.2.42
1.2.32
1.2.22
1.2.12
1.2.02
1.1.822
1.1.812
1.1.802
1.1.792
1.1.782
1.1.772
1.1.762
1.1.752
1.1.742
1.1.722
1.1.702
1.1.692
1.1.672
1.1.662
1.1.652
1.1.632
1.1.622
1.1.612
1.1.602
1.1.592
1.1.582
1.1.572
1.1.562
1.1.502
1.1.492
1.1.482
1.1.462
1.1.452
1.1.442
1.1.432
1.1.412
1.1.402
1.1.392
1.1.383
1.1.372
1.1.362
1.1.342
1.1.332
1.1.322
1.1.312
1.1.302
1.1.282
1.1.272
1.1.262
1.1.252
1.1.232
1.1.222
1.1.212
1.1.202
1.1.182
1.1.172
1.1.162
1.1.152
1.1.142
1.1.132
1.1.122
1.1.112
1.1.102
1.1.92
1.1.83
1.1.72
1.1.62
1.1.52
1.1.42
1.1.32
1.1.12
1.0.92
1.0.82
1.0.72
1.0.62
1.0.52
1.0.32
1.0.12
1.0.02
0.0.22

Package Sidebar

Install

npm i @alicloud/console-base-error-prompt

Weekly Downloads

436

Version

1.11.9

License

MIT

Unpacked Size

73.2 kB

Total Files

87

Last publish

Collaborators

  • jacksontian
  • fengmk2
  • pagecao
  • aliyunsdkteam
  • console-fe