Angular模块没有导出的成员＆＃x27; ButtonFillMode＆＃x27;

Question

在使用 kendo Editor 工具栏模块时，我收到错误消息 '"@progress/kendo-angular-buttons"' 没有导出的成员 'ButtonFillMode'。。我已经安装了 EditorModule 库的所有依赖项。即使我也遇到同样的错误。我指的使用角度编辑器工具栏的链接是 https: //www.telerik.com/kendo-angular-ui/components/editor/tools/

下面是我在构建 Angular 项目时遇到的错误。

我正在使用 Angular 12 和 Kendo UI。我还尝试使用 kendo Editor Toolbar 库。

如果您遇到过此类错误以及是否已解决，请告诉我。 先感谢您。

Answer 1

我不认为 Kendo 的库中明确定义了这些选项。如果您查看底层 JavaScript（特别是 kendo-angular-buttons/dist/cdn/main.js），getStylingClasses 方法会执行以下操作：

t.getStylingClasses = function(e, n, i, o) {
  switch (n) {
    case "size":
      return {
        toRemove: "k-" + e + "-" + t.SIZES[i], toAdd: o ? "k-" + e + "-" + t.SIZES[o] : null
      };
    case "rounded":
      return {
        toRemove: "k-rounded-" + a[i], toAdd: o ? "k-rounded-" + a[o] : null
      };
    case "fillMode":
    case "shape":
      return {
        toRemove: "k-" + e + "-" + i, toAdd: o ? "k-" + e + "-" + o : null
      }
  }
}

理论上，您可以设置 fillMode 对于一个坏值（如 ​​foo），它所做的就是添加以下类：

.k-button-foo-base, .k-button-foo

我认为最好的选择是将值简单地定义为可导出的枚举：

export enum ButtonFillMode {
  Solid = 'solid',
  Flat = 'flat',
  Outline = 'outline',
  Clear = 'clear',
  Link = 'link',
}