@xen-orchestra/web-core 0.48.2 → 0.50.0

package/lib/locales/uk.json

@@ -21,7 +21,7 @@
   "action:copy-info-json": "Копіювати інформацію в JSON",
   "action:create": "Створити",
   "action:delete": "Видалити",
-  "action:delete-vms": "Видалено 1 VM | Видалено {n} VMs",
+  "action:delete-n-vms": "Видалено 1 VM | Видалено {n} VMs",
   "action:deploy": "Розгорнути",
   "action:deploy-xoa": "Розгорнути XOA",
   "action:edit": "Редагувати",

package/lib/locales/zh-Hans.json

@@ -29,9 +29,10 @@
   "action:delete": "删除",
   "action:delete-filter": "删除筛选器",
   "action:delete-group": "删除群组",
-  "action:delete-vms": "删除1台虚拟机 | 删除{n}台虚拟机",
+  "action:delete-n-vms": "删除1台虚拟机 | 删除{n}台虚拟机",
   "action:deploy": "部署",
   "action:deploy-xoa": "部署XOA",
+  "action:download-bugtools-archive": "下载 bugtools 压缩包",
   "action:duplicate": "复制",
   "action:edit": "编辑",
   "action:edit-config": "编辑配置",
@@ -150,6 +151,7 @@
   "backup:full-replication": "全量复制",
   "backup:incremental": "增量备份",
   "backup:incremental-replication": "增量复制",
+  "backup:last-replication": "最后一次复制",
   "backup:mirror:full": "镜像全量备份",
   "backup:mirror:incremental": "镜像增量备份",
   "backup:pool-metadata": "资源池元数据",
@@ -162,7 +164,7 @@
   "backups:jobs:issues-ran-without-hitch": "所有备份作业均正常运行。",
   "backups:jobs:last-seven-days": "近7天",
   "backups:jobs:no-recent-run": "无近期运行记录",
-  "backups:jobs:running-good": "运行正常",
+  "backups:jobs:running-good": "一切运行正常",
   "backups:jobs:skipped-runs": "跳过运行，无错误",
   "backups:jobs:status": "备份作业状态",
   "backups:vms-protection": "虚拟机保护状态",
@@ -237,6 +239,7 @@
   "crash-dump-storage-repository": "崩溃转储存储库",
   "created-by": "创建者",
   "created-on": "创建时间",
+  "creation-date": "创建日期",
   "cron-pattern": "Cron表达式",
   "current": "当前",
   "current-attach": "当前挂载",
@@ -334,6 +337,7 @@
   "id": "ID",
   "in-last-three-runs": "最近3次运行",
   "in-progress": "进行中",
+  "included": "已包含",
   "info": "信息",
   "infos": "信息",
   "install-settings": "安装设置",
@@ -358,21 +362,20 @@
   "job-name": "作业名称",
   "job:arg:host-required": "主机为必填项",
   "job:arg:missing-payload": "缺少有效负载",
-  "job:arg:name-label-required": "名称标签为必填项",
+  "job:arg:name-required": "名称标签为必填项",
   "job:arg:password-required": "密码为必填项",
   "job:arg:pool-id-required": "资源池ID为必填项",
   "job:arg:sr-vdi-required": "存储库/虚拟磁盘为必填项",
   "job:arg:template-uuid-required": "模板UUID为必填项",
   "job:arg:username-required": "用户名为必填项",
-  "job:server-create:in-progress": "创建中.…",
+  "job:delete:in-progress": "删除中.…",
+  "job:create:in-progress": "创建中.…",
   "job:vm-copy:bad-power-state": "虚拟机必须处于停止状态",
   "job:vm-copy:in-progress": "复制中.…",
   "job:vm-copy:missing-vm": "无虚拟机可复制",
-  "job:vm-create:in-progress": "创建中.…",
   "job:vm-create:incomplete-install-mode": "安装模式不完整",
   "job:vm-delete:bad-power-state": "虚拟机必须处于停止状态",
   "job:vm-delete:blocked-operation": "虚拟机删除被阻止",
-  "job:vm-delete:in-progress": "删除中.…",
   "job:vm-delete:missing-vm": "无虚拟机可删除",
   "job:vm-export:in-progress": "导出中.…",
   "job:vm-export:missing-compression": "必须指定压缩方式",
@@ -427,7 +430,9 @@
   "last-n-backup-archives": "最后一个备份存档 | 最近 {n} 个备份存档",
   "last-n-backup-runs": "最近一次备份运行 | 最近 {n} 次备份运行",
   "last-n-runs": "最近1次运行 | 最近{n}次运行",
+  "last-revert": "最后一次还原",
   "last-run-number": "最近运行 #{n}",
+  "last-snapshot": "最后一个快照",
   "last-week": "上周",
   "learn-more": "了解更多",
   "lets-go!": "开始！",
@@ -436,7 +441,7 @@
   "license-type": "许可证类型",
   "licensing": "许可",
   "load-average": "平均负载",
-  "loading": "加载中.…",
+  "loading": "加载中",
   "loading-hosts": "加载主机中.…",
   "local": "本地",
   "locked": "已锁定",
@@ -452,11 +457,13 @@
   "management-agent-not-detected": "未检测到管理代理",
   "management-agent-version": "管理代理版本",
   "management-ip": "管理IP",
+  "manual": "说明书",
   "manufacturer-info": "厂商信息",
   "master": "主主机",
   "maximum-cpu-limit": "最大CPU限制",
   "maximum-dynamic-memory": "最大动态内存",
   "maximum-static-memory": "最大静态内存",
+  "memory": "内存",
   "memory-usage": "内存使用率",
   "merge-backups-synchronously": "同步合并备份",
   "message": "消息",
@@ -552,6 +559,7 @@
   "no-selected-vm-can-be-exported": "所选虚拟机均无法导出",
   "no-selected-vm-can-be-migrated": "所选虚拟机均无法迁移",
   "no-server-detected": "未检测到服务器",
+  "no-snapshot-detected": "未检测到快照",
   "no-storage-repository-detected": "未检测到存储库",
   "no-task": "无任务",
   "no-task-detected": "未检测到任务",
@@ -563,6 +571,7 @@
   "none": "无",
   "normal": "正常",
   "not-found": "未找到",
+  "not-included": "不包含在内",
   "not-resident-on": "未驻留于",
   "not-running": "未运行",
   "not-yet-available": "信息暂不可用",
@@ -595,6 +604,7 @@
   "other-properties": "其他属性",
   "other-settings": "其他设置",
   "page-not-found": "未找到此页面.…",
+  "page-please-wait": "握紧扶手，宇航员！页面即将升空。{newline}我们正在校准推进器、调试系统，很快就好，敬请期待！",
   "pagination:all": "全部",
   "partially-connected": "部分连接",
   "password": "密码",
@@ -612,6 +622,7 @@
   "pifs": "PIF",
   "pifs-status": "PIF状态",
   "please-confirm-to-continue": "此操作不可撤销，确定继续吗？",
+  "please-wait": "请稍后",
   "pool": "资源池",
   "pool-connection-error-auth-failed": "连接资源池失败，用户名或密码错误。",
   "pool-connection-error-duplicate": "连接资源池失败，此资源池已连接。",
@@ -739,6 +750,7 @@
   "skipped": "已跳过",
   "smart-mode": "智能模式",
   "snapshot": "快照",
+  "snapshot-created-on": "快照创建于",
   "snapshot-mode": "快照模式",
   "snapshots": "快照",
   "sockets-with-cores-per-socket": "{nSockets}个插槽 × {nCores}核/插槽",
@@ -778,6 +790,7 @@
   "status:suspended": "已挂起",
   "status:unknown": "未知",
   "status:unreachable": "不可达",
+  "step-n-of": "步骤 {current} / {total}",
   "storage": "存储",
   "storage-configuration": "存储配置",
   "storage-format": "存储格式",
@@ -840,11 +853,13 @@
   "total-used:": "总已用：",
   "transfer-size": "传输大小",
   "translation-tool": "翻译工具",
+  "trigger": "触发",
   "unable-to-connect-to": "无法连接到 {ip}",
   "unable-to-connect-to-the-pool": "无法连接资源池",
   "unable-to-connect-to-xo-server": "无法连接到 XO 服务器。",
   "unknown": "未知",
   "unlocked": "已解锁",
+  "unnamed": "未命名",
   "unreachable-hosts": "不可达主机",
   "unreachable-hosts-reload-page": "完成，请刷新页面",
   "untitled": "未命名",
@@ -853,6 +868,7 @@
   "used": "已用",
   "used-for-backup": "用于备份",
   "used-space": "已用空间",
+  "used-space-on-sr": "SR 上的已用空间",
   "user-config": "用户配置",
   "username": "用户名",
   "uuid": "UUID",

package/lib/packages/form-bindings/README.md

@@ -0,0 +1,102 @@
+# `useFormBindings` composable
+
+`useFormBindings` generates reactive `v-model` bindings for each field of a reactive form data object, removing the need to manually write `modelValue`/`onUpdate:modelValue` props for every input.
+
+## Usage
+
+```typescript
+const bindings = useFormBindings(formData)
+```
+
+## Parameters
+
+| Argument | Type                                | Required | Description                                     |
+| -------- | ----------------------------------- | :------: | ----------------------------------------------- |
+| `source` | `T extends Record<string, unknown>` |    ✓     | A reactive object holding the form field values |
+
+## Return Value
+
+| Property    | Type                                                       | Description                                           |
+| ----------- | ---------------------------------------------------------- | ----------------------------------------------------- |
+| `useField`  | `(key, metadata?) => ComputedRef<ModelBinding & metadata>` | Creates a binding, optionally merged with extra props |
+| `useSelect` | `(id, metadata?) => ComputedRef<{ id } & metadata>`        | Creates a binding for a `VtsSelect`-like component    |
+
+### `ModelBinding<T>` object
+
+Each field binding is a computed object with:
+
+| Property              | Type                 | Description                            |
+| --------------------- | -------------------- | -------------------------------------- |
+| `modelValue`          | `T`                  | The current value of the field         |
+| `onUpdate:modelValue` | `(value: T) => void` | Setter — updates the field in `source` |
+
+## `useField(key, metadata?)`
+
+Returns the standard `ModelBinding` for the given key. Pass an optional `metadata` factory function to merge additional props into the binding (e.g. label, validation state, disabled state, etc.).
+
+```typescript
+// Without metadata
+const nameBindings = bindings.useField('name')
+
+// With metadata
+const nameBindings = bindings.useField('name', () => ({
+  label: t('name'),
+  required: true,
+}))
+```
+
+## `useSelect(id, metadata?)`
+
+Returns a binding for a select component registered via `useFormSelect`. The `id` comes from the `useFormSelect` return value.
+
+```typescript
+const { id: poolSelectId } = useFormSelect(pools, { ... })
+
+const poolSelectBindings = bindings.useSelect(poolSelectId)
+
+// With metadata
+const poolSelectBindings = bindings.useSelect(poolSelectId, () => ({
+  label: t('pool'),
+}))
+```
+
+## Example: With metadata (e.g. label + validation)
+
+```vue
+<template>
+  <VtsInput v-bind="nameBindings" />
+</template>
+
+<script lang="ts" setup>
+import { useFormBindings } from '@core/packages/form-bindings'
+import { reactive } from 'vue'
+
+const formData = reactive({ name: '' })
+
+const { useField } = useFormBindings(formData)
+
+const nameBindings = useField('name', () => ({
+  label: 'Name',
+  error: formData.name === '' ? 'Name is required' : undefined,
+}))
+</script>
+```
+
+## Example: With a select component
+
+```typescript
+import { useFormBindings } from '@core/packages/form-bindings'
+import { useFormSelect } from '@core/packages/form-select'
+import { reactive } from 'vue'
+
+const formData = reactive({ pool: undefined as string | undefined })
+
+const { id: poolSelectId } = useFormSelect(pools, {
+  model: toRef(formData, 'pool'),
+  option: { label: 'name_label', value: 'id' },
+})
+
+const { useSelect } = useFormBindings(formData)
+
+const poolSelectBindings = useSelect(poolSelectId)
+```

package/lib/packages/form-bindings/index.ts

@@ -0,0 +1 @@
+export * from './use-form-bindings.ts'

package/lib/packages/form-bindings/use-form-bindings.ts

@@ -0,0 +1,61 @@
+import type { FormSelectId } from '@core/packages/form-select'
+import { computed, type ComputedRef } from 'vue'
+
+export type ModelBinding<T> = {
+  modelValue: T
+  'onUpdate:modelValue': (value: T) => void
+}
+
+export type UseFormBindingsReturn<T extends Record<string, unknown>> = {
+  useField: {
+    <K extends keyof T>(key: K): ComputedRef<ModelBinding<T[K]>>
+    <K extends keyof T, E extends Record<string, unknown>>(
+      key: K,
+      metadata: () => E
+    ): ComputedRef<ModelBinding<T[K]> & E>
+  }
+  useSelect: {
+    (id: FormSelectId): ComputedRef<{ id: FormSelectId }>
+    <E extends Record<string, unknown>>(id: FormSelectId, metadata: () => E): ComputedRef<{ id: FormSelectId } & E>
+  }
+}
+
+export function useFormBindings<T extends Record<string, unknown>>(source: T): UseFormBindingsReturn<T> {
+  function useField<K extends keyof T>(key: K): ComputedRef<ModelBinding<T[K]>>
+  function useField<K extends keyof T, E extends Record<string, unknown>>(
+    key: K,
+    metadata: () => E
+  ): ComputedRef<ModelBinding<T[K]> & E>
+  function useField<K extends keyof T, E extends Record<string, unknown> = Record<string, unknown>>(
+    key: K,
+    metadata?: () => E
+  ) {
+    return computed(() => ({
+      modelValue: source[key],
+      'onUpdate:modelValue': (value: T[K]) => {
+        source[key] = value
+      },
+      ...metadata?.(),
+    }))
+  }
+
+  function useSelect(id: FormSelectId): ComputedRef<{ id: FormSelectId }>
+  function useSelect<E extends Record<string, unknown>>(
+    id: FormSelectId,
+    metadata: () => E
+  ): ComputedRef<{ id: FormSelectId } & E>
+  function useSelect<E extends Record<string, unknown> = Record<string, unknown>>(
+    id: FormSelectId,
+    metadata?: () => E
+  ) {
+    return computed(() => ({
+      id,
+      ...metadata?.(),
+    }))
+  }
+
+  return {
+    useField,
+    useSelect,
+  }
+}

package/lib/packages/remote-resource/define-remote-resource.ts

@@ -25,6 +25,7 @@ import {
   toRef,
   toValue,
   watch,
+  effectScope,
 } from 'vue'
 
 const DEFAULT_CACHE_EXPIRATION_MS = 10_000
@@ -106,6 +107,7 @@ export function defineRemoteResource<
       pause: VoidFunction
       resume: VoidFunction
       state: object
+      stateScope: EffectScope
       isReady: Ref<boolean>
       isFetching: Ref<boolean>
       lastError: Ref<Error | undefined>
@@ -239,6 +241,7 @@ export function defineRemoteResource<
 
     if (cacheExpiration !== false) {
       setTimeout(() => {
+        cache.get(url)?.stateScope.stop()
         cache.delete(url)
       }, cacheExpiration)
     }
@@ -340,13 +343,15 @@ export function defineRemoteResource<
       resume = timeoutPoll.resume
     }
 
-    const state = buildState(data, context)
+    const stateScope = effectScope(true)
+    const state = stateScope.run(() => buildState(data, context))!
 
     cache.set(url, {
       count: 0,
       pause,
       resume,
       state,
+      stateScope,
       isReady,
       isFetching,
       lastError,

package/lib/packages/remote-resource/sse.store.ts

@@ -49,7 +49,7 @@ export const useSseStore = defineStore('sse', () => {
       return false
     }
 
-    return now.value.getTime() - sse.value.lastPing > 32_000
+    return now.value.getTime() - sse.value.lastPing > 40_000
   })
 
   const hasErrorSse = computed(() => isError.value || sse.value.errorSse !== null)

package/lib/packages/table/define-columns.ts

@@ -1,6 +1,6 @@
 import type { AreAllPropertiesOptional, Columns } from '@core/packages/table/types.ts'
-import { objectOmit } from '@vueuse/shared'
-import { computed, defineComponent, Fragment, h, ref, type Component, type Ref, type VNode } from 'vue'
+import { objectOmit, toReactive } from '@vueuse/shared'
+import { type Component, computed, defineComponent, Fragment, h, ref, type Ref, type VNode } from 'vue'
 
 export function defineColumns<TSetupArgs extends any[], TColumns extends Columns>(
   setup: (...args: TSetupArgs) => TColumns
@@ -85,7 +85,8 @@ export function defineColumns<TSetupArgs extends any[], TColumns extends Columns
         },
       },
       setup(props) {
-        const bodyCellRenderers = config.body(props.item as TBodyItem) ?? ({} as TBodyRenderers)
+        const bodyCellRenderers =
+          config.body(toReactive(computed(() => props.item)) as TBodyItem) ?? ({} as TBodyRenderers)
 
         return () =>
           visibleColumnIds.value.map(columnId => {

package/lib/tables/column-definitions/action-column.ts

@@ -0,0 +1,21 @@
+import type { ActionItem } from '@core/components/menu/VtsActionsMenu.vue'
+import VtsActionCell from '@core/components/table/cells/VtsActionCell.vue'
+import { defineColumn } from '@core/packages/table/define-column'
+import type { ButtonIconConfig } from '@core/tables/column-definitions/button-icon-column.ts'
+import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
+import type { HeaderConfig } from '@core/tables/types.ts'
+import { h, toValue } from 'vue'
+
+export type { ActionItem }
+
+export const useActionColumn = defineColumn((config: HeaderConfig & Partial<ButtonIconConfig>) => ({
+  renderHead: () => renderHeadCell(config.headerIcon, config.headerLabel),
+  renderBody: (params: { onClick: () => void; actions?: ActionItem[] }) =>
+    h(VtsActionCell, {
+      buttonIcon: toValue(config.buttonIcon ?? 'fa:eye'),
+      buttonAccent: toValue(config.buttonAccent),
+      buttonSize: toValue(config.buttonSize),
+      actions: params.actions,
+      onClick: params.onClick,
+    }),
+}))

package/lib/tables/column-definitions/button-icon-column.ts

@@ -7,9 +7,9 @@ import type { IconName } from '@core/icons'
 import { defineColumn } from '@core/packages/table/define-column'
 import { renderHeadCell } from '@core/tables/helpers/render-head-cell'
 import type { HeaderConfig } from '@core/tables/types.ts'
-import { h, toValue, type MaybeRefOrGetter } from 'vue'
+import { h, type MaybeRefOrGetter, toValue } from 'vue'
 
-type ButtonIconConfig = {
+export type ButtonIconConfig = {
   buttonIcon: MaybeRefOrGetter<IconName>
   buttonSize?: MaybeRefOrGetter<ButtonIconSize>
   buttonAccent?: MaybeRefOrGetter<ButtonIconAccent>

package/lib/tables/column-definitions/text-column.ts

@@ -6,6 +6,6 @@ import type { HeaderConfig } from '@core/tables/types.ts'
 import { h } from 'vue'
 
 export const useTextColumn = defineColumn((config?: HeaderConfig) => ({
-  renderHead: () => renderHeadCell(config?.headerIcon, config?.headerLabel),
+  renderHead: () => renderHeadCell(config?.headerIcon ?? 'fa:align-left', config?.headerLabel),
   renderBody: (content: string, props?: TextCellProps) => h(VtsTextCell, props, () => content),
 }))

package/lib/tables/column-sets/vdi-columns.ts

@@ -1,9 +1,9 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
+import { useActionColumn } from '@core/tables/column-definitions/action-column.ts'
 import { useLinkColumn } from '@core/tables/column-definitions/link-column.ts'
 import { useLiteralColumn } from '@core/tables/column-definitions/literal-column.ts'
 import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
 import { useProgressBarColumn } from '@core/tables/column-definitions/progress-bar-column.ts'
-import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column.ts'
 import { useTruncatedTextColumn } from '@core/tables/column-definitions/truncated-text-column.ts'
 import { useI18n } from 'vue-i18n'
 
@@ -16,6 +16,6 @@ export const useVdiColumns = defineColumns(() => {
     usedSpace: useProgressBarColumn({ headerLabel: () => t('used-space') }),
     size: useNumberColumn({ headerLabel: () => t('size') }),
     format: useLiteralColumn({ headerLabel: () => t('format') }),
-    selectItem: useSelectItemColumn(),
+    actions: useActionColumn({}),
   }
 })

package/lib/tables/column-sets/vif-columns.ts

@@ -1,8 +1,8 @@
 import { defineColumns } from '@core/packages/table/define-columns.ts'
+import { useActionColumn } from '@core/tables/column-definitions/action-column.ts'
 import { useAddressColumn } from '@core/tables/column-definitions/address-column.ts'
 import { useLinkColumn } from '@core/tables/column-definitions/link-column'
 import { useNumberColumn } from '@core/tables/column-definitions/number-column.ts'
-import { useSelectItemColumn } from '@core/tables/column-definitions/select-item-column'
 import { useStatusColumn } from '@core/tables/column-definitions/status-column.ts'
 import { useTextColumn } from '@core/tables/column-definitions/text-column.ts'
 import { useI18n } from 'vue-i18n'
@@ -18,6 +18,6 @@ export const useVifColumns = defineColumns(() => {
     macAddresses: useAddressColumn({ headerLabel: () => t('mac-addresses') }),
     mtu: useNumberColumn({ headerLabel: () => t('mtu') }),
     lockingMode: useTextColumn({ headerLabel: () => t('locking-mode') }),
-    selectItem: useSelectItemColumn(),
+    actions: useActionColumn({}),
   }
 })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xen-orchestra/web-core",
   "type": "module",
-  "version": "0.48.2",
+  "version": "0.50.0",
   "private": false,
   "exports": {
     "./*": {
@@ -22,12 +22,12 @@
     "@vueuse/math": "^13.0.0",
     "@vueuse/router": "^13.0.0",
     "@vueuse/shared": "^13.0.0",
-    "complex-matcher": "^1.1.0",
+    "complex-matcher": "^1.1.1",
     "d3-time-format": "^4.1.0",
     "echarts": "^5.6.0",
     "human-format": "^1.2.1",
     "iterable-backoff": "^0.1.0",
-    "lodash-es": "^4.17.21",
+    "lodash-es": "^4.18.0",
     "ndjson-readablestream": "^1.3.0",
     "placement.js": "^1.0.0-beta.5",
     "simple-icons": "^14.14.0",