问题标签 [atlaskit]

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 回答
597 浏览

javascript - Atlassian React 组件 - 不接受 TextField

我正在尝试在我的应用程序中实现Atlassian React 组件

但是TextField的行为不像正常的输入文本字段。

提交表单时不转发值,并在控制台中发出警告

警告:styled.input 正在更改要控制的文本类型的不受控制的输入。输入元素不应从不受控切换到受控(反之亦然)。决定在组件的生命周期内使用受控输入元素还是不受控输入元素。

0 投票
2 回答
956 浏览

javascript - 为什么在 Webpack 工件中依赖重复多次?

我有一个多入口点 webpack 构建,我正在努力优化生产的工件大小。webpack-bundle-analyzer产生了以下图片:

在此处输入图像描述

很明显,AtlasKit依赖项占整个工件大小的很大一部分。具体来说,我看到它styled-components.es.js重复了很多次。更重要的是,同样的依赖也存在,vendor.js它本身在所有其他包之间共享。

谁能解释为什么到处styled-components.es.js重复以及为什么不能通过单个依赖项共享它vendor.js?我可以做些什么来删除重复项并且只依赖于中的单个styled-components.es.js依赖项vendor.js

node_modules我发现 AtlasKit 依赖项有一个包含在包中的嵌套文件夹有点奇怪。为什么dist还不够?styled-components.es.js也许这就是为什么不能通过共享的部分原因vendor.js

在此处输入图像描述

我试图通过 webpack 的 IgnorePlugin 手动排除依赖项(类似于moment.js语言环境),但到目前为止未能这样做。

任何见解将不胜感激。谢谢!

0 投票
2 回答
1818 浏览

javascript - 如何使用 Atlassian 的日历组件和 reactjs 创建日期选择输入字段

我想要的只是一个简单的日期输入字段,供用户选择日期。用户单击输入字段,打开日历(在本例中我们使用 Atlassian),用户选择日期,日历关闭,但输入字段保留所选日期。

因为现在我只有日历组件,我不知道如何与之交互或从中获取数据,也没有文档告诉我如何操作。这大致是我当前的代码: import Calendar from '@atlaskit/calendar'

编辑:正如向我建议的那样,我创建了带有输入字段和日历的组件,但是我仍然无法获取从日历中选择的值。

Edit2:我可能应该注意到,在日历组件的 onSelect 和 onChange 期间绝对没有发生任何事情。此时我想要的只是访问我从日历组件中选择的任何日期

0 投票
1 回答
1102 浏览

javascript - 如何在 React Redux 应用程序中打开和关闭内联对话框

我有一个使用反应状态的内联对话框。工作代码如下。

我希望按钮具有相同的行为,但使用 redux 来维护对话框的状态。

在阅读了一些材料之后,我相信我需要发送一个动作来激活减速机女巫,这将帮助我更新对话框的状态。但是,我不相信我完全理解应该如何组合。

这是我正在进行的工作,但由于某种原因,我的 codeSanbox 不喜欢我创建商店的格式。

0 投票
1 回答
719 浏览

reactjs - 如何访问@atlaskit/dropdown-menu 中选定的 DropdownItemCheckboxes 列表

没有关于DropdownMenu的文档或示例显示如何获取并响应对 DropdownItemCheckbox 项目状态的修改。一些相关功能似乎已被弃用。现在这是如何完成的?

我希望用户能够看到 Jira 中定义的 sprint、史诗和版本列表,并显示板的过滤内容(即复制 Backlog 屏幕的某些功能)。要做到这一点,用户必须选择他们感兴趣的内容,这样我的后端就可以完成该选择。

0 投票
2 回答
4541 浏览

javascript - React 中的类型是什么?

好吧,我看到了下面的这段代码片段,我想知道到底type Props是什么?跟流量有关系吗?还是与道具类型有关?

如何在定义为类的组件中使用它?

我在此处找到的 React-Router 示例中看到了它:https ://atlaskit.atlassian.com/packages/core/navigation

代码片段:

0 投票
0 回答
207 浏览

npm - 为什么我的依赖的节点依赖无法解决?

我尝试使用节点依赖@atlaskit/editor-core@^87.6.7,但它的依赖存在问题,@atlaskit/adf-utils. 我试图明确添加@atlaskit/adf-utils为依赖项,但它没有帮助。我可以在我的 node_modules 中看到 adf-utils。我究竟做错了什么?

我使用节点 v8.9.4。

我如何使用它:

0 投票
1 回答
536 浏览

javascript - 提交选中的 Atlaskit Dropdown(@atlaskit/dropdown-menu) 菜单复选框单击项目

我正在使用@atlaskit/dropdown-menuhttps://atlaskit.atlassian.com/packages/core/dropdown-menu)。我想在Item点击时提交一个小表单,我需要提交DropdownItemCheckbox.

这是呈现所需组件的代码:https ://codesandbox.io/s/py8qoo64mq

我不想使用Select,因为我想用自定义按钮触发下拉列表,并使用 DropdownMenu 的分层优势

0 投票
2 回答
1087 浏览

reactjs - 如何为 AtlasKit 编辑器/编辑器核心设置默认值?

我试图让一个简单的受控组件输出一个 html 字符串并接收一个 html 字符串。

不幸的是,atlaskit 团队关闭了 repo 中的问题。我在谷歌上看到了这个链接,但实际上在 bitbucket 上看不到它(叹气):https ://bitbucket.org/atlassian/atlaskit-mk-2/issues/89/way-to-get-html-as-它在 atlaskit 中

有其他人尝试过吗?似乎没有任何文档被更新。defaultValue 字段,当给定一个字符串时,会吐出“无效的 json”。

https://atlaskit.atlassian.com/packages/editor/editor-core

上面的例子不起作用,任何应该为编辑器准备好值的“转换器”也不起作用。

https://atlaskit.atlassian.com/packages/editor/editor-json-transformer

从我收集到的一点点看来,这似乎需要一个

这很糟糕,因为编辑器很漂亮,而且所有其他方面似乎都运行良好,我只是无法在其中获得该死的默认值,这使得它很难用作编辑值的输入。

我理解为什么 atlaskit 团队关闭了问题(至少可以说,这些天的程序员是忘恩负义的)。希望有人可以在这里帮助我!

进一步阅读: - 我认为它使用prosemirror:https ://discuss.prosemirror.net/t/how-to-create-a-mention-plugin-similar-to-atlaskit-supporting-popup/1439

0 投票
0 回答
363 浏览

next.js - “@atlaskit/tooltip”不适用于 Next.js

我在 Next.js 中使用“@atlaskit/tooltip”。复制代码很简单。

但是当我将鼠标移到按钮上时,没有工具提示。我怎样才能让他们一起工作?