@openviking/react 0.0.0-stage → 0.1.1

package/dist/modules/style.css

@@ -0,0 +1,385 @@
+.ov-file-browser__toolbar-button {
+  align-items: center;
+  gap: var(--ov-ui-space-2, 8px);
+  padding: var(--ov-ui-space-2, 8px) var(--ov-ui-space-3, 12px);
+  border-radius: var(--ov-ui-radius-sm, 4px);
+  color: var(--ov-ui-color-primary, #1664ff);
+  font: inherit;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  display: inline-flex;
+}
+
+.ov-file-browser__toolbar-button:hover:not(:disabled) {
+  background: var(--ov-ui-color-fill-hover, #1664ff14);
+}
+
+.ov-file-browser__toolbar-button:focus-visible {
+  outline: 2px solid var(--ov-ui-color-focus, #1664ff);
+  outline-offset: 2px;
+}
+
+.ov-file-browser__toolbar-button:disabled {
+  color: var(--ov-ui-color-text-disabled, #00000040);
+  cursor: not-allowed;
+}
+
+.ov-file-browser__toolbar-button-icon {
+  flex: none;
+  display: inline-flex;
+}
+
+.ov-file-browser__toolbar-button-label {
+  white-space: nowrap;
+}
+
+.ov-file-browser__toolbar-actions > * + :before {
+  content: "";
+  width: 1px;
+  height: 16px;
+  margin-right: var(--ov-ui-space-2, 8px);
+  background: var(--ov-ui-color-border, #0000001f);
+  vertical-align: middle;
+  display: inline-block;
+}
+
+.ov-module-placeholder {
+  box-sizing: border-box;
+  border: 1px dashed var(--ov-ui-border, currentColor);
+  border-radius: var(--ov-ui-radius, 6px);
+  min-width: 0;
+  min-height: 160px;
+  color: inherit;
+  font: inherit;
+  text-align: center;
+  overflow-wrap: anywhere;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  padding: 24px;
+  display: flex;
+}
+
+.ov-module-placeholder__title {
+  margin: 0;
+}
+
+.ov-module-placeholder__description {
+  color: var(--ov-ui-text-muted, color-mix(in srgb, currentColor 75%, transparent));
+  margin: 0;
+}
+
+
+
+.ov-module-placeholder {
+  box-sizing: border-box;
+  border: 1px dashed var(--ov-ui-border, currentColor);
+  border-radius: var(--ov-ui-radius, 6px);
+  min-width: 0;
+  min-height: 160px;
+  color: inherit;
+  font: inherit;
+  text-align: center;
+  overflow-wrap: anywhere;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  padding: 24px;
+  display: flex;
+}
+
+.ov-module-placeholder__title {
+  margin: 0;
+}
+
+.ov-module-placeholder__description {
+  color: var(--ov-ui-text-muted, color-mix(in srgb, currentColor 75%, transparent));
+  margin: 0;
+}
+
+
+
+.ov-module-placeholder {
+  box-sizing: border-box;
+  border: 1px dashed var(--ov-ui-border, currentColor);
+  border-radius: var(--ov-ui-radius, 6px);
+  min-width: 0;
+  min-height: 160px;
+  color: inherit;
+  font: inherit;
+  text-align: center;
+  overflow-wrap: anywhere;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  padding: 24px;
+  display: flex;
+}
+
+.ov-module-placeholder__title {
+  margin: 0;
+}
+
+.ov-module-placeholder__description {
+  color: var(--ov-ui-text-muted, color-mix(in srgb, currentColor 75%, transparent));
+  margin: 0;
+}
+
+
+
+.ov-scope-switcher {
+  box-sizing: border-box;
+  border: 1px solid var(--ov-ui-border, #edeef2);
+  background: var(--ov-ui-scope-background, transparent);
+  max-width: 100%;
+  min-height: 32px;
+  color: var(--ov-ui-text, #0b0b0f);
+  font-family: var(--ov-ui-font-family, "PingFang SC",
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    sans-serif);
+  letter-spacing: .036px;
+  border-radius: 16px;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 4px;
+  padding: 3px 4px;
+  font-size: 12px;
+  line-height: 20px;
+  display: inline-flex;
+}
+
+.ov-scope-switcher *, .ov-scope-switcher :before, .ov-scope-switcher :after {
+  box-sizing: border-box;
+}
+
+.ov-scope-switcher__level {
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+  max-width: 100%;
+  display: inline-flex;
+  position: relative;
+}
+
+.ov-scope-switcher__level + .ov-scope-switcher__level:before {
+  content: "/";
+  color: var(--ov-ui-text-muted, #c9cbd4);
+  margin-right: 4px;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 22px;
+}
+
+.ov-scope-switcher__trigger {
+  max-width: min(260px, 100%);
+  height: 24px;
+  color: inherit;
+  font: inherit;
+  vertical-align: middle;
+  background: none;
+  border: 0;
+  border-radius: 99px;
+  align-items: center;
+  gap: 6px;
+  padding: 2px 8px;
+  display: inline-flex;
+}
+
+button.ov-scope-switcher__trigger {
+  cursor: pointer;
+}
+
+.ov-scope-switcher__trigger:hover:not(:disabled), .ov-scope-switcher__trigger[aria-expanded="true"] {
+  background: var(--ov-ui-hover, #edeffc);
+}
+
+.ov-scope-switcher__label {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.ov-scope-switcher__icon {
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  width: 14px;
+  height: 14px;
+  display: inline-flex;
+}
+
+.ov-scope-switcher__icon img {
+  display: block;
+}
+
+.ov-scope-switcher__tag {
+  color: var(--ov-ui-text-muted, #9295a5);
+  font-size: 12px;
+}
+
+.ov-scope-switcher__arrow {
+  flex: 0 0 14px;
+  width: 14px;
+  height: 14px;
+  margin-left: -2px;
+  transition: transform .16s;
+  display: inline-flex;
+}
+
+.ov-scope-switcher__trigger[aria-expanded="true"] .ov-scope-switcher__arrow {
+  transform: rotate(180deg);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ov-scope-switcher__arrow {
+    transition: none;
+  }
+}
+
+.ov-scope-switcher__panel {
+  z-index: 30;
+  border: 1px solid var(--ov-ui-border, #edeef2);
+  background: var(--ov-ui-surface, #fff);
+  width: min(272px, 100vw - 32px);
+  max-height: min(540px, 70vh);
+  color: var(--ov-ui-text, #0b0b0f);
+  letter-spacing: .039px;
+  border-radius: 12px;
+  padding: 7px;
+  font-size: 13px;
+  line-height: 22px;
+  position: absolute;
+  top: calc(100% + 8px);
+  left: 0;
+  overflow: auto;
+  box-shadow: 0 15px 35px -2px #0000000d, 0 5px 15px #0000000d;
+}
+
+.ov-scope-switcher__level:last-child:not(:first-child) .ov-scope-switcher__panel {
+  left: auto;
+  right: 0;
+}
+
+.ov-scope-switcher__search {
+  border: 1px solid var(--ov-ui-border, #dfe1e8);
+  width: 100%;
+  color: inherit;
+  font: inherit;
+  background: none;
+  border-radius: 8px;
+  margin-bottom: 8px;
+  padding: 8px 10px;
+}
+
+.ov-scope-switcher__list {
+  overscroll-behavior: contain;
+  flex-direction: column;
+  gap: 4px;
+  max-height: 280px;
+  display: flex;
+  overflow: auto;
+}
+
+.ov-scope-switcher__option {
+  width: 100%;
+  min-height: 44px;
+  color: inherit;
+  font: inherit;
+  text-align: start;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  border-radius: 6px;
+  flex-shrink: 0;
+  align-items: center;
+  gap: 8px;
+  padding: 2px 8px;
+  display: flex;
+}
+
+.ov-scope-switcher__option:hover:not([aria-disabled="true"]), .ov-scope-switcher__option[aria-selected="true"] {
+  background: var(--ov-ui-hover, #f5f7ff);
+}
+
+.ov-scope-switcher__option-text {
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  overflow: hidden;
+}
+
+.ov-scope-switcher__option-text small {
+  color: var(--ov-ui-text-muted, #737889);
+}
+
+.ov-scope-switcher__option mark {
+  background: var(--ov-ui-highlight, #fff0b3);
+  color: inherit;
+}
+
+.ov-scope-switcher__check {
+  flex: 0 0 16px;
+  width: 16px;
+  height: 16px;
+  display: inline-flex;
+}
+
+.ov-scope-switcher__state {
+  color: var(--ov-ui-text-muted, #737889);
+  padding: 20px 10px;
+}
+
+.ov-scope-switcher button:disabled, .ov-scope-switcher__option[aria-disabled="true"] {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+.ov-scope-switcher :focus-visible {
+  outline: 2px solid var(--ov-ui-primary, #6256d9);
+  outline-offset: 2px;
+}
+
+@media (width <= 600px) {
+  .ov-scope-switcher__trigger {
+    max-width: 210px;
+  }
+
+  .ov-scope-switcher__panel, .ov-scope-switcher__level:last-child:not(:first-child) .ov-scope-switcher__panel {
+    width: auto;
+    max-height: 60dvh;
+    position: fixed;
+    inset: auto 16px 16px;
+  }
+}
+
+.ov-scope-switcher__option[aria-selected="true"] {
+  font-weight: 500;
+}
+
+.ov-scope-switcher__option-text > span {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.ov-scope-switcher__option .ov-scope-switcher__icon {
+  border: .5px solid var(--ov-ui-border, #edeef2);
+  background: var(--ov-ui-surface, #fff);
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+}
+
+
+
+
+
+
+

package/dist/modules/task-center/columns.d.ts

@@ -0,0 +1,129 @@
+import type { ReactNode } from 'react';
+/**
+ * 编译目标的定时规则，与原生接口的 `update_schedule` 同形：每日或每周的固定
+ * 时刻（北京时间）。
+ * The schedule rule of a compile target, matching the native
+ * `update_schedule`: a daily or weekly clock time in Beijing time.
+ */
+export type TaskCenterCompileSchedule = {
+    frequency: 'daily';
+    hour: number;
+    minute: number;
+} | {
+    frequency: 'weekly';
+    /** 1 为周一，7 为周日。1 is Monday, 7 is Sunday. */
+    weekday: number;
+    hour: number;
+    minute: number;
+};
+/**
+ * 数据源导入任务的一行，来自 `/api/v1/watches`。
+ * One data-source import task, from `/api/v1/watches`.
+ */
+export interface TaskCenterImportRow {
+    /** 行唯一标识，对应 watch 的 task id。Unique row key, the watch task id. */
+    id: string;
+    /** 资源名称。Resource name. */
+    name: string;
+    /** 数据来源类型，例如飞书文档、代码仓库。Source type, for example a Feishu doc or a Git repository. */
+    sourceLabel: string;
+    /** 原始地址，例如 Git 仓库链接。Original address, for example the Git URL. */
+    sourceUrl?: string;
+    /** 导入后的 OpenViking 路径。The OpenViking path after import. */
+    openVikingPath: string;
+    /** 定时同步状态文案，例如「每 1 天」「未开启」。Schedule status copy, for example "every day" or "off". */
+    scheduleLabel: string;
+    /** 定时同步是否开启。Whether scheduled sync is on. */
+    scheduleEnabled: boolean;
+    /**
+     * 当前的同步间隔，单位分钟。未开启时省略。对应原生 watch 的
+     * `watch_interval`。
+     *
+     * The current sync interval in minutes, omitted when scheduling is off. It
+     * matches the native watch's `watch_interval`.
+     */
+    scheduleIntervalMinutes?: number;
+    /** 最近一次执行时间，毫秒时间戳。Last execution time in milliseconds. */
+    lastExecutionTime?: number;
+    /** 任务创建时间，毫秒时间戳。Creation time in milliseconds. */
+    createdAt?: number;
+}
+/**
+ * 知识编译任务的一行，来自编译目标列表。
+ * One knowledge-compile task, from the compile target list.
+ */
+export interface TaskCenterCompileRow {
+    /** 行唯一标识，对应编译目标 URI。Unique row key, the compile target URI. */
+    id: string;
+    /** 目录名称。Directory name. */
+    name: string;
+    /** 编译目标的完整 URI。Full URI of the compile target. */
+    toUri: string;
+    /** 状态文案，例如「执行中」「空闲」「未初始化」。Status copy, for example "running", "idle" or "not initialized". */
+    statusLabel: string;
+    /** 冲突文件数。Number of conflicting files. */
+    conflictFileCount: number;
+    /** 任务类型，例如首次编译或定时编译。Task type, for example initial or scheduled compile. */
+    taskType: string;
+    /** 定时更新状态文案，例如「每日 09:30（北京时间）」「未开启」。Schedule copy. */
+    scheduleLabel: string;
+    /** 定时更新是否开启。Whether scheduled updates are on. */
+    scheduleEnabled: boolean;
+    /**
+     * 当前的定时规则。未开启时省略。与原生编译目标的 `update_schedule` 同形，
+     * 宿主改完直接回传即可。
+     *
+     * The current schedule rule, omitted when scheduling is off. It matches the
+     * native compile target's `update_schedule`, so a host can pass it straight
+     * back after an edit.
+     */
+    schedule?: TaskCenterCompileSchedule;
+    /** 内容最近更新时间，毫秒时间戳。Last content update in milliseconds. */
+    updatedAt?: number;
+    /** 任务创建时间，毫秒时间戳。Creation time in milliseconds. */
+    createdAt?: number;
+}
+/** 数据源导入任务的内置列。Built-in columns of the import task list. */
+export type TaskCenterImportColumnKey = 'name' | 'schedule' | 'source' | 'lastExecution' | 'createdAt' | 'path';
+/** 知识编译任务的内置列。Built-in columns of the compile task list. */
+export type TaskCenterCompileColumnKey = 'name' | 'status' | 'conflicts' | 'taskType' | 'schedule' | 'updatedAt' | 'createdAt' | 'path';
+/**
+ * 一列的配置。省略 `columns` 时使用该列表的全部内置列与默认顺序。
+ *
+ * A column configuration. Omitting `columns` uses every built-in column of that
+ * list in its default order.
+ */
+export interface TaskCenterColumn<TRow> {
+    /**
+     * 列标识。内置列用该列表的列 key，自定义列用任意字符串。
+     * Column key. A built-in column uses a key of that list; a custom column uses
+     * any string.
+     */
+    key: string;
+    /**
+     * 覆盖表头文案。省略时使用内置文案或 `labels`。
+     * Header override. Omission uses the built-in copy or `labels`.
+     */
+    title?: ReactNode;
+    /** 列宽，单位像素。Column width in pixels. */
+    width?: number;
+    /** 单元格对齐方式。Cell alignment. */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * 覆盖单元格内容。内置列省略时使用默认渲染；自定义列必须提供。
+     * Cell content override. A built-in column falls back to its default
+     * rendering; a custom column must provide it.
+     */
+    render?: (row: TRow) => ReactNode;
+}
+/**
+ * 各页签的列配置。只传需要调整的页签，另一个页签保持默认。
+ * Column configuration per tab. Pass only the tab you adjust; the other keeps
+ * its default.
+ */
+export interface TaskCenterColumns {
+    import?: readonly TaskCenterColumn<TaskCenterImportRow>[];
+    compile?: readonly TaskCenterColumn<TaskCenterCompileRow>[];
+}
+/** 任意一行的联合类型，供打开任务等回调使用。 */
+export type TaskCenterRow = TaskCenterImportRow | TaskCenterCompileRow;

package/dist/modules/task-center/index.d.ts

@@ -0,0 +1 @@
+export * from './task-center.js';

package/dist/modules/task-center/style.css

@@ -0,0 +1,29 @@
+.ov-module-placeholder {
+  box-sizing: border-box;
+  border: 1px dashed var(--ov-ui-border, currentColor);
+  border-radius: var(--ov-ui-radius, 6px);
+  min-width: 0;
+  min-height: 160px;
+  color: inherit;
+  font: inherit;
+  text-align: center;
+  overflow-wrap: anywhere;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  padding: 24px;
+  display: flex;
+}
+
+.ov-module-placeholder__title {
+  margin: 0;
+}
+
+.ov-module-placeholder__description {
+  color: var(--ov-ui-text-muted, color-mix(in srgb, currentColor 75%, transparent));
+  margin: 0;
+}
+
+
+

package/dist/modules/task-center/task-center.d.ts

@@ -0,0 +1,4 @@
+import type { TaskCenterProps } from './types.js';
+export type { TaskCenterColumn, TaskCenterColumns, TaskCenterCompileColumnKey, TaskCenterCompileRow, TaskCenterCompileSchedule, TaskCenterImportColumnKey, TaskCenterImportRow, TaskCenterLabels, TaskCenterProps, TaskCenterRow, TaskCenterScope, TaskCenterSlots, TaskCenterTab, } from './types.js';
+/** 占位组件：渲染一个带模块名的空容器，真实实现随模块 Hook 与组合视图迁入。 */
+export declare function TaskCenter({ className, style, labels }: TaskCenterProps): import("react").JSX.Element;