Skip to content
页面信息
📝 描述预打包的第三方库,由 @hydrooj/ui-default 重新导出
📥 导入import { $, _, React, ReactDOM, redux, AnsiUp } from '@hydrooj/ui-default'

第三方库重新导出

源码:packages/ui-default/api.ts:17-29

预打包的第三方库,由 @hydrooj/ui-default 重新导出,供前端插件直接使用。这些是简单的重新导出 — 没有 Hydro 特定的封装或修改。

导出

$

ts
import { $ } from '@hydrooj/ui-default';

重新导出 jQueryjquery 的默认导出)。同时注册为全局变量 window.$window.jQuery(api.ts 第 59-61 行)。

_

ts
import { _ } from '@hydrooj/ui-default';

重新导出 Lodashlodash 的默认导出)。

React

ts
import { React } from '@hydrooj/ui-default';

重新导出 Reactreact 的默认导出)。

ReactDOM

ts
import { ReactDOM } from '@hydrooj/ui-default';

合并重新导出,结合 react-domreact-dom/client。通过 Object.assignreact-dom/client 的所有导出合并到主 react-dom 模块上,在单个对象中同时提供旧版(renderunmountComponentAtNode)和现代(createRoothydrateRoot)API。

jsxRuntime

ts
import { jsxRuntime } from '@hydrooj/ui-default';

重新导出 react/jsx-runtime — React 使用的 JSX 转换运行时。提供 jsxjsxsFragment 用于 JSX 编译。

redux

ts
import { redux } from '@hydrooj/ui-default';

通过 export * as reduxreact-redux 进行命名空间重新导出。包含所有 react-redux 导出:ProviderconnectuseSelectoruseDispatchcreateSelectorHookcreateDispatchHook 等。

AnsiUp

ts
import { AnsiUp } from '@hydrooj/ui-default';

重新导出来自 ansi_up 包的 AnsiUp。将 ANSI 终端转义序列转换为 HTML 以便在浏览器中显示。