问题标签 [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.
javascript - Atlassian React 组件 - 不接受 TextField
我正在尝试在我的应用程序中实现Atlassian React 组件。
但是TextField的行为不像正常的输入文本字段。
提交表单时不转发值,并在控制台中发出警告
警告:styled.input 正在更改要控制的文本类型的不受控制的输入。输入元素不应从不受控切换到受控(反之亦然)。决定在组件的生命周期内使用受控输入元素还是不受控输入元素。
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
语言环境),但到目前为止未能这样做。
任何见解将不胜感激。谢谢!
javascript - 如何使用 Atlassian 的日历组件和 reactjs 创建日期选择输入字段
我想要的只是一个简单的日期输入字段,供用户选择日期。用户单击输入字段,打开日历(在本例中我们使用 Atlassian),用户选择日期,日历关闭,但输入字段保留所选日期。
因为现在我只有日历组件,我不知道如何与之交互或从中获取数据,也没有文档告诉我如何操作。这大致是我当前的代码: import Calendar from '@atlaskit/calendar'
编辑:正如向我建议的那样,我创建了带有输入字段和日历的组件,但是我仍然无法获取从日历中选择的值。
Edit2:我可能应该注意到,在日历组件的 onSelect 和 onChange 期间绝对没有发生任何事情。此时我想要的只是访问我从日历组件中选择的任何日期
javascript - 如何在 React Redux 应用程序中打开和关闭内联对话框
我有一个使用反应状态的内联对话框。工作代码如下。
我希望按钮具有相同的行为,但使用 redux 来维护对话框的状态。
在阅读了一些材料之后,我相信我需要发送一个动作来激活减速机女巫,这将帮助我更新对话框的状态。但是,我不相信我完全理解应该如何组合。
这是我正在进行的工作,但由于某种原因,我的 codeSanbox 不喜欢我创建商店的格式。
reactjs - 如何访问@atlaskit/dropdown-menu 中选定的 DropdownItemCheckboxes 列表
没有关于DropdownMenu的文档或示例显示如何获取并响应对 DropdownItemCheckbox 项目状态的修改。一些相关功能似乎已被弃用。现在这是如何完成的?
我希望用户能够看到 Jira 中定义的 sprint、史诗和版本列表,并显示板的过滤内容(即复制 Backlog 屏幕的某些功能)。要做到这一点,用户必须选择他们感兴趣的内容,这样我的后端就可以完成该选择。
javascript - React 中的类型是什么?
好吧,我看到了下面的这段代码片段,我想知道到底type Props
是什么?跟流量有关系吗?还是与道具类型有关?
如何在定义为类的组件中使用它?
我在此处找到的 React-Router 示例中看到了它:https ://atlaskit.atlassian.com/packages/core/navigation
代码片段:
npm - 为什么我的依赖的节点依赖无法解决?
我尝试使用节点依赖@atlaskit/editor-core@^87.6.7
,但它的依赖存在问题,@atlaskit/adf-utils
. 我试图明确添加@atlaskit/adf-utils
为依赖项,但它没有帮助。我可以在我的 node_modules 中看到 adf-utils。我究竟做错了什么?
我使用节点 v8.9.4。
我如何使用它:
javascript - 提交选中的 Atlaskit Dropdown(@atlaskit/dropdown-menu) 菜单复选框单击项目
我正在使用@atlaskit/dropdown-menu
(https://atlaskit.atlassian.com/packages/core/dropdown-menu)。我想在Item
点击时提交一个小表单,我需要提交DropdownItemCheckbox
.
这是呈现所需组件的代码:https ://codesandbox.io/s/py8qoo64mq
我不想使用Select
,因为我想用自定义按钮触发下拉列表,并使用 DropdownMenu 的分层优势
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
next.js - “@atlaskit/tooltip”不适用于 Next.js
我在 Next.js 中使用“@atlaskit/tooltip”。复制代码很简单。
但是当我将鼠标移到按钮上时,没有工具提示。我怎样才能让他们一起工作?