问题标签 [blueprintjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
205 浏览

blueprintjs - 在 BlueprintJS 中禁用动画?

有没有办法完全禁用组件的动画?我们的用例是我们想要使用 Popover,但我们不希望额外的时间用于动画的发生。我们希望显示/隐藏是即时的。

我应该在这里覆盖 CSS,还是有更好的钩子来做到这一点?

0 投票
1 回答
2050 浏览

reactjs - BlueprintJS 的最小 Webpack 2 设置不会加载 CSS

我正在尝试创建一个简单的 webpack 2 设置来试验 BlueprintJS 和 TypeScript。我想我已经接近了,但是 CSS 没有正确加载。

这是这个项目的目录结构

  • 源/
    • 索引.tsx
    • 应用程序.tsx
    • 应用程序.css
  • 索引.html
  • 包.json
  • tsconfig.json
  • webpack.config.js

App.tsx当前包含一个Button应该显示刷新图标的组件。当我运行时npm run build,webpack 指示样式已加载。但是,当我运行npm run start并查看应用程序时,该按钮没有图标,也没有其他 CSS 样式。

我一定做错了什么。谁能发现它?所有文件的来源都包含在下面。如果您能弄清楚为什么当 App.tsx 中的Button文本发生更改时 webpack-dev-server 不会重新编译,那么您将获得加分。欢迎提出其他建议。

索引.tsx

应用程序.tsx

应用程序.css

索引.html

包.json

tsconfig.json

webpack.config.js

0 投票
1 回答
614 浏览

reactjs - 删除 blueprintjs 表中的行标题

删除 blueprintjs 表中的行标题的正确方法是什么?

行标题

0 投票
1 回答
571 浏览

blueprintjs - Blueprintjs 表格隐藏溢出 -s 滚动条

是否可以隐藏表格滚动条?

在我的特殊情况下,我需要设置overflow-y: hidden

我找到了设置溢出选项的 html 标记,也许可以覆盖它的溢出,但div > div > div我认为在 css 选择器中需要多个选项,这不是正确的方法。

更新

现在我使用css完成了这个:

0 投票
0 回答
87 浏览

blueprintjs - 无法让 blueprintjs 表与多行选择和键盘支持一起使用

我想使用带有多行选择和键盘导航的 blueprintjs 表。

我的方法是启用enableFocus,然后管理选择并将其转换为行选择。

但这不能正常工作......如何实现多个托管行选择?

谢谢

0 投票
1 回答
754 浏览

blueprintjs - 蓝图对话框表单的选项卡式焦点问题

我注意到有时用于焦点的键盘选项卡会搞砸。在这种情况下,我使用的是包含要提交的表单的蓝图对话框组件。该表单是使用 Redux Form 包装的蓝图输入组件构建的。当对话框首次打开时,我可以选择表单的浓度字段。接下来的两个标签集中隐藏元素(见下图)。然后关闭对话框的“x”被聚焦,然后集中字段再次被聚焦,最后我可以tab和聚焦剩余的字段和按钮。

关于如何改善这一点的任何提示?我不清楚为什么 pt-overlay-backdrop 和 pt-overlay-content 都想被标签化。我看到他们都有 tabindex="0".. 也许应该是-1?

谢谢!

隐藏的选项卡项目

对话

0 投票
2 回答
580 浏览

blueprintjs - 有什么方法可以导入单个组件而不是整个组件?

我不需要“核心”库中提供的所有组件,并且希望 treeshake/有选择地选择要导入的组件。我已经尝试了一些基于其他成功的变体和实验,但似乎无法让这个工作。

当前的: import { Menu } from '@blueprintjs/core';

理想的: import Menu from '@blueprintjs/core/Menu';

0 投票
3 回答
784 浏览

javascript - 我们可以在blueprintjs中的表格行中添加双击吗

我正在使用 blueprintjs 的表格来填充数据,并希望在双击表格行时调用一些方法。有没有办法实现它?

谢谢

0 投票
1 回答
362 浏览

typescript - 带有`jest`的Blueprintjs不起作用

我有一个非常简单的测试。

在我package.json看来是这样的

我的测试看起来像这样。

我收到这个错误

我做错了什么?任何帮助,将不胜感激

我在用 jest- 20.0.1 enzyme-2.8.2 ts-jest-20.0.3 blueprint-core 1.16.0

0 投票
1 回答
165 浏览

reactjs - Tabs2 在状态更改时重新渲染,有效地渲染 renderActiveTabPanelOnly 道具无用

不知道我在这里缺少什么:查看示例源代码在非受控模式和受控模式下调用 setState 选项卡更改方法(https://github.com/palantir/blueprint/blob/master/packages/core/示例/tabs2Example.tsx)。但是,在我的环境中,我的 onChange 侦听器中的 setState 调用正在重新呈现包含我的 Tabs2 元素的组件,这意味着我的选项卡面板中只有 1 个(特别是我正在查看的那个)被保留。