create-yoya-ui 0.2.0 → 0.2.2

package/templates/admin/node_modules/vite/types/internal/rollupTypeCompat.d.ts

@@ -0,0 +1,24 @@
+import type * as Rolldown from 'rolldown'
+
+export * from 'rolldown'
+
+/** @deprecated use RolldownBuild instead */
+export type RollupBuild = Rolldown.RolldownBuild
+
+/** @deprecated use RolldownOptions instead */
+export type RollupOptions = Rolldown.RolldownOptions
+
+/** @deprecated use RolldownOutput instead */
+export type RollupOutput = Rolldown.RolldownOutput
+
+/** @deprecated use RolldownPlugin instead */
+export type RollupPlugin = Rolldown.RolldownPlugin
+
+/** @deprecated use RolldownPluginOption instead */
+export type RollupPluginOption = Rolldown.RolldownPluginOption
+
+/** @deprecated use RolldownWatcher instead */
+export type RollupWatcher = Rolldown.RolldownWatcher
+
+/** @deprecated use RollupWatcherEvent instead */
+export type RollupWatcherEvent = Rolldown.RolldownWatcherEvent

package/templates/admin/node_modules/vite/types/internal/terserOptions.d.ts

@@ -0,0 +1,11 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+
+// @ts-ignore `terser` may not be installed
+export type * as Terser from 'terser'
+// @ts-ignore `terser` may not be installed
+import type * as Terser from 'terser'
+
+/* eslint-enable @typescript-eslint/ban-ts-comment */
+
+export type TerserMinifyOptions = Terser.MinifyOptions
+export type TerserMinifyOutput = Terser.MinifyOutput

package/templates/admin/node_modules/vite/types/metadata.d.ts

@@ -0,0 +1,47 @@
+export interface AssetMetadata {
+  importedAssets: Set<string>
+  importedCss: Set<string>
+}
+
+export interface ChunkMetadata {
+  importedAssets: Set<string>
+  importedCss: Set<string>
+  /** @internal */
+  __modules: any
+}
+
+export interface CustomPluginOptionsVite {
+  /**
+   * If this is a CSS Rollup module, you can scope to its importer's exports
+   * so that if those exports are treeshaken away, the CSS module will also
+   * be treeshaken.
+   *
+   * The "importerId" must import the CSS Rollup module statically.
+   *
+   * Example config if the CSS id is `/src/App.vue?vue&type=style&lang.css`:
+   * ```js
+   * cssScopeTo: ['/src/App.vue', 'default']
+   * ```
+   */
+  cssScopeTo?: readonly [importerId: string, exportName: string | undefined]
+
+  /** @deprecated no-op since Vite 6.1 */
+  lang?: string
+}
+
+declare module 'rolldown' {
+  export interface OutputAsset {
+    viteMetadata?: AssetMetadata
+  }
+
+  export interface RenderedChunk {
+    viteMetadata?: ChunkMetadata
+  }
+  export interface OutputChunk {
+    viteMetadata?: ChunkMetadata
+  }
+
+  export interface CustomPluginOptions {
+    vite?: CustomPluginOptionsVite
+  }
+}

package/templates/admin/src/features/dashboard/{components → overview/components}/dashboard-chart.js

@@ -1,6 +1,4 @@
-import { svg, vCard, vChart } from '@yoyaflow/yoya-ui';
-
-/* global document */
+import { div, svg, vCard, vChart } from '@yoyaflow/yoya-ui';
 
 const VIEW_BOX = { height: 260, width: 640 };
 const PAD = { bottom: 34, left: 44, right: 16, top: 14 };
@@ -52,28 +50,37 @@ function createSvgAdapter() {
 function renderChart(instance, context) {
   const root = buildChartSvg(context.data, context.options);
   const legend = buildLegend(context.data?.series ?? []);
-  instance.host.replaceChildren(legend, root.renderDom());
+  instance.host.replaceChildren(legend.renderDom(), root.renderDom());
 }
 
 function buildLegend(series) {
-  const legend = document.createElement('div');
-  legend.style.cssText =
-    'display:flex;flex-wrap:wrap;gap:14px;margin-bottom:8px;' +
-    'font-size:12px;color:var(--yoya-color-text-muted,#64748b);';
-  series.forEach((entry, index) => {
-    const color = entry.color ?? SERIES_COLORS[index % SERIES_COLORS.length];
-    const dot = document.createElement('span');
-    dot.style.cssText =
-      `background:${color};border-radius:2px;display:inline-block;` +
-      'height:8px;margin-right:5px;width:8px;';
-    const text = document.createElement('span');
-    text.textContent = entry.name ?? `系列 ${index + 1}`;
-    const item = document.createElement('span');
-    item.style.cssText = 'align-items:center;display:inline-flex;';
-    item.append(dot, text);
-    legend.appendChild(item);
+  return div((legend) => {
+    legend.style({
+      color: 'var(--yoya-color-text-muted, #64748b)',
+      display: 'flex',
+      flexWrap: 'wrap',
+      fontSize: '12px',
+      gap: '14px',
+      marginBottom: '8px'
+    });
+    series.forEach((entry, index) => {
+      const color = entry.color ?? SERIES_COLORS[index % SERIES_COLORS.length];
+      legend.span((item) => {
+        item.style({ alignItems: 'center', display: 'inline-flex' });
+        item.span((dot) => {
+          dot.style({
+            background: color,
+            borderRadius: '2px',
+            display: 'inline-block',
+            height: '8px',
+            marginRight: '5px',
+            width: '8px'
+          });
+        });
+        item.span((text) => text.child(entry.name ?? `系列 ${index + 1}`));
+      });
+    });
   });
-  return legend;
 }
 
 function buildChartSvg(data, options) {

package/templates/admin/src/features/dashboard/todos/pages/todo-approval-page.js

@@ -0,0 +1,5 @@
+import { PlaceholderPage } from '../../../../shared/ui.pages.js';
+
+export function TodoApprovalPage() {
+  return PlaceholderPage({ title: '待办审批', text: '待处理审批与任务。' });
+}

package/templates/admin/src/features/ops/deploys/pages/deploy-list-page.js

@@ -0,0 +1,5 @@
+import { PlaceholderPage } from '../../../../shared/ui.pages.js';
+
+export function DeployListPage() {
+  return PlaceholderPage({ title: '部署任务', text: '发布记录与执行状态。' });
+}

package/templates/admin/src/features/ops/services/pages/service-list-page.js

@@ -0,0 +1,5 @@
+import { PlaceholderPage } from '../../../../shared/ui.pages.js';
+
+export function ServiceListPage() {
+  return PlaceholderPage({ title: '服务清单', text: '服务列表与健康状态。' });
+}

package/templates/admin/src/features/{dicts → system/dicts}/api/dict.mgr.d.ts

@@ -6,7 +6,9 @@ type DictTypeInstance = InstanceType<typeof Dicts.DictTypeItem>;
 type DictItemInstance = InstanceType<typeof Dicts.DictItem>;
 
 declare class QueryTypes extends RequestBase {
+  constructor(init?: { page?: number; pageSize?: number });
   address(): string;
+  params(): { page: number; pageSize: number };
   toItem(row: Record<string, unknown>): DictTypeInstance;
 }
 
@@ -19,8 +21,7 @@ declare class CreateType extends RequestBase {
 
 declare class UpdateType extends RequestBase {
   constructor(
-    id: number,
-    init?: { name?: string; code?: string; status?: DictStatus; remark?: string }
+    init?: { id: number; name?: string; code?: string; status?: DictStatus; remark?: string }
   );
   method(): 'PUT';
   address(): string;
@@ -28,21 +29,20 @@ declare class UpdateType extends RequestBase {
 }
 
 declare class RemoveType extends RequestBase {
-  constructor(id: number);
+  constructor(init?: { id: number });
   method(): 'DELETE';
   address(): string;
 }
 
 declare class QueryItems extends RequestBase {
-  constructor(typeId: number);
+  constructor(init?: { typeId: number });
   address(): string;
   toItem(row: Record<string, unknown>): DictItemInstance;
 }
 
 declare class CreateItem extends RequestBase {
   constructor(
-    typeId: number,
-    init?: { label?: string; value?: string; sort?: number; status?: DictStatus }
+    init?: { typeId: number; label?: string; value?: string; sort?: number; status?: DictStatus }
   );
   method(): 'POST';
   address(): string;
@@ -51,8 +51,7 @@ declare class CreateItem extends RequestBase {
 
 declare class UpdateItem extends RequestBase {
   constructor(
-    id: number,
-    init?: { label?: string; value?: string; sort?: number; status?: DictStatus }
+    init?: { id: number; label?: string; value?: string; sort?: number; status?: DictStatus }
   );
   method(): 'PUT';
   address(): string;
@@ -60,20 +59,28 @@ declare class UpdateItem extends RequestBase {
 }
 
 declare class RemoveItem extends RequestBase {
-  constructor(id: number);
+  constructor(init?: { id: number });
   method(): 'DELETE';
   address(): string;
 }
 
 declare const DictMgr: {
-  QueryTypes: typeof QueryTypes;
-  CreateType: typeof CreateType;
-  UpdateType: typeof UpdateType;
-  RemoveType: typeof RemoveType;
-  QueryItems: typeof QueryItems;
-  CreateItem: typeof CreateItem;
-  UpdateItem: typeof UpdateItem;
-  RemoveItem: typeof RemoveItem;
+  QueryTypes: (init?: { page?: number; pageSize?: number }) => QueryTypes;
+  CreateType: (
+    init?: { name?: string; code?: string; status?: DictStatus; remark?: string }
+  ) => CreateType;
+  UpdateType: (
+    init?: { id: number; name?: string; code?: string; status?: DictStatus; remark?: string }
+  ) => UpdateType;
+  RemoveType: (init?: { id: number }) => RemoveType;
+  QueryItems: (init?: { typeId: number }) => QueryItems;
+  CreateItem: (
+    init?: { typeId: number; label?: string; value?: string; sort?: number; status?: DictStatus }
+  ) => CreateItem;
+  UpdateItem: (
+    init?: { id: number; label?: string; value?: string; sort?: number; status?: DictStatus }
+  ) => UpdateItem;
+  RemoveItem: (init?: { id: number }) => RemoveItem;
 };
 
 export default DictMgr;

package/templates/admin/src/features/{dicts → system/dicts}/api/dict.mgr.js

@@ -3,10 +3,20 @@ import { RequestBase } from '@yoyaflow/yoya-ui';
 import Dicts from './dict.views.js';
 
 class QueryTypes extends RequestBase {
+  constructor({ page = 1, pageSize = 10 } = {}) {
+    super();
+    this.page = page;
+    this.pageSize = pageSize;
+  }
+
   address() {
     return '/dicts/types';
   }
 
+  params() {
+    return { page: this.page, pageSize: this.pageSize };
+  }
+
   toItem(row) {
     return new Dicts.DictTypeItem(row);
   }
@@ -35,7 +45,7 @@ class CreateType extends RequestBase {
 }
 
 class UpdateType extends RequestBase {
-  constructor(id, { name = '', code = '', status = 'active', remark = '' } = {}) {
+  constructor({ id, name = '', code = '', status = 'active', remark = '' } = {}) {
     super();
     this.id = id;
     this.name = name;
@@ -58,7 +68,7 @@ class UpdateType extends RequestBase {
 }
 
 class RemoveType extends RequestBase {
-  constructor(id) {
+  constructor({ id } = {}) {
     super();
     this.id = id;
   }
@@ -73,7 +83,7 @@ class RemoveType extends RequestBase {
 }
 
 class QueryItems extends RequestBase {
-  constructor(typeId) {
+  constructor({ typeId } = {}) {
     super();
     this.typeId = typeId;
   }
@@ -88,7 +98,7 @@ class QueryItems extends RequestBase {
 }
 
 class CreateItem extends RequestBase {
-  constructor(typeId, { label = '', value = '', sort = 0, status = 'active' } = {}) {
+  constructor({ typeId, label = '', value = '', sort = 0, status = 'active' } = {}) {
     super();
     this.typeId = typeId;
     this.label = label;
@@ -111,7 +121,7 @@ class CreateItem extends RequestBase {
 }
 
 class UpdateItem extends RequestBase {
-  constructor(id, { label = '', value = '', sort = 0, status = 'active' } = {}) {
+  constructor({ id, label = '', value = '', sort = 0, status = 'active' } = {}) {
     super();
     this.id = id;
     this.label = label;
@@ -134,7 +144,7 @@ class UpdateItem extends RequestBase {
 }
 
 class RemoveItem extends RequestBase {
-  constructor(id) {
+  constructor({ id } = {}) {
     super();
     this.id = id;
   }
@@ -149,12 +159,12 @@ class RemoveItem extends RequestBase {
 }
 
 export default {
-  QueryTypes,
-  CreateType,
-  UpdateType,
-  RemoveType,
-  QueryItems,
-  CreateItem,
-  UpdateItem,
-  RemoveItem
+  QueryTypes: (init) => new QueryTypes(init),
+  CreateType: (init) => new CreateType(init),
+  UpdateType: (init) => new UpdateType(init),
+  RemoveType: (init) => new RemoveType(init),
+  QueryItems: (init) => new QueryItems(init),
+  CreateItem: (init) => new CreateItem(init),
+  UpdateItem: (init) => new UpdateItem(init),
+  RemoveItem: (init) => new RemoveItem(init)
 };

package/templates/admin/src/features/{dicts → system/dicts}/api/dict.mock.js

@@ -1,10 +1,19 @@
 // 字典演示用内存 mock（接入真实后端后删除本文件）。
-import { mockRequest } from '../../../api/domain.api.js';
+import { mockRequest } from '../../../../api/domain.api.js';
 
 let types = [
   { id: 1, name: '性别', code: 'gender', status: 'active', remark: '性别字典' },
   { id: 2, name: '通用状态', code: 'common_status', status: 'active', remark: '通用启停状态' },
-  { id: 3, name: '通知类型', code: 'notice_type', status: 'active', remark: '消息通知类型' }
+  { id: 3, name: '通知类型', code: 'notice_type', status: 'active', remark: '消息通知类型' },
+  { id: 4, name: '优先级', code: 'priority', status: 'active', remark: '任务/工单优先级' },
+  { id: 5, name: '审批状态', code: 'approval_status', status: 'active', remark: '审批流程状态' },
+  { id: 6, name: '设备状态', code: 'device_status', status: 'active', remark: '设备在线/离线' },
+  { id: 7, name: '客户等级', code: 'customer_level', status: 'active', remark: '客户分层等级' },
+  { id: 8, name: '订单状态', code: 'order_status', status: 'active', remark: '订单流转状态' },
+  { id: 9, name: '支付方式', code: 'payment_method', status: 'active', remark: '支付渠道' },
+  { id: 10, name: '物流状态', code: 'logistics_status', status: 'active', remark: '物流轨迹状态' },
+  { id: 11, name: '用户来源', code: 'user_source', status: 'active', remark: '注册/推广来源' },
+  { id: 12, name: '语言', code: 'language', status: 'active', remark: '界面语言' }
 ];
 
 let items = [
@@ -19,9 +28,18 @@ let items = [
 
 const delay = (ms = 200) => new Promise((resolve) => setTimeout(resolve, ms));
 
-mockRequest('GET', '/dicts/types', async () => {
+mockRequest('GET', '/dicts/types', async (req) => {
   await delay();
-  return { ok: true, code: '0', data: types.slice() };
+  const { page = 1, pageSize = 10 } = req.params();
+  const start = (page - 1) * pageSize;
+  return {
+    ok: true,
+    code: '0',
+    data: types.slice(start, start + pageSize),
+    pageNum: page,
+    pageSize,
+    total: types.length
+  };
 });
 
 mockRequest('POST', '/dicts/types', async (req) => {

package/templates/admin/src/features/{dicts → system/dicts}/api/dict.state.d.ts

@@ -10,6 +10,11 @@ export default class DictsPageState {
   selectedTypeId(): number | null;
   selectedType(): DictTypeInstance | null;
   items(): DictItemInstance[];
+  page(): number;
+  pageSize(): number;
+  total(): number;
+  setPage(value: number): void;
+  setPageSize(value: number): void;
   subscribe(listener: () => void): () => void;
   loadTypes(): Promise<unknown>;
   selectType(id: number): void;

package/templates/admin/src/features/{dicts → system/dicts}/api/dict.state.js

@@ -6,6 +6,9 @@ export default class DictsPageState {
     this._types = [];
     this._selectedTypeId = null;
     this._items = [];
+    this._page = 1;
+    this._pageSize = 10;
+    this._total = 0;
     this._listeners = new Set();
   }
 
@@ -25,14 +28,38 @@ export default class DictsPageState {
     return this._items;
   }
 
+  page() {
+    return this._page;
+  }
+
+  pageSize() {
+    return this._pageSize;
+  }
+
+  total() {
+    return this._total;
+  }
+
+  setPage(value) {
+    this._page = Math.max(1, Number(value) || 1);
+  }
+
+  setPageSize(value) {
+    this._pageSize = Math.max(1, Number(value) || 10);
+  }
+
   subscribe(listener) {
     this._listeners.add(listener);
     return () => this._listeners.delete(listener);
   }
 
   async loadTypes() {
-    const result = await new DictMgr.QueryTypes().submit();
+    const result = await DictMgr.QueryTypes({
+      page: this._page,
+      pageSize: this._pageSize
+    }).submit();
     this._types = result.data;
+    this._total = result.total;
     if (!this._selectedTypeId && this._types.length > 0) {
       this._selectedTypeId = this._types[0].id;
     }
@@ -53,46 +80,50 @@ export default class DictsPageState {
       this._items = [];
       return;
     }
-    const result = await new DictMgr.QueryItems(this._selectedTypeId).submit();
+    const result = await DictMgr.QueryItems({ typeId: this._selectedTypeId }).submit();
     this._items = result.data;
   }
 
   async addType(payload) {
-    await new DictMgr.CreateType(payload).submit();
+    await DictMgr.CreateType(payload).submit();
+    this._page = 1;
     await this.loadTypes();
     return payload;
   }
 
   async editType(id, payload) {
-    await new DictMgr.UpdateType(id, payload).submit();
+    await DictMgr.UpdateType({ id, ...payload }).submit();
     await this.loadTypes();
     return payload;
   }
 
   async removeType(id) {
-    await new DictMgr.RemoveType(id).submit();
+    await DictMgr.RemoveType({ id }).submit();
     if (this._selectedTypeId === id) {
       this._selectedTypeId = null;
     }
+    if (this._types.length === 1 && this._page > 1) {
+      this._page -= 1;
+    }
     await this.loadTypes();
   }
 
   async addItem(payload) {
-    await new DictMgr.CreateItem(this._selectedTypeId, payload).submit();
+    await DictMgr.CreateItem({ typeId: this._selectedTypeId, ...payload }).submit();
     await this.loadItems();
     this._emit();
     return payload;
   }
 
   async editItem(id, payload) {
-    await new DictMgr.UpdateItem(id, payload).submit();
+    await DictMgr.UpdateItem({ id, ...payload }).submit();
     await this.loadItems();
     this._emit();
     return payload;
   }
 
   async removeItem(id) {
-    await new DictMgr.RemoveItem(id).submit();
+    await DictMgr.RemoveItem({ id }).submit();
     await this.loadItems();
     this._emit();
   }

package/templates/admin/src/features/{dicts → system/dicts}/components/dict-editor-dialog.js

@@ -1,5 +1,5 @@
 import { toast, vDialog, vTable } from '@yoyaflow/yoya-ui';
-import { RowActionButton } from '../../../ui/row-action-button.js';
+import { RowActionButton } from '../../../../shared/ui.buttons.js';
 import { DictItemFormDialog } from './dict-item-form-dialog.js';
 import { statusOptions, statusText } from '../utils/options.js';
 

package/templates/admin/src/features/{dicts → system/dicts}/pages/dict-list-page.js

@@ -1,5 +1,5 @@
-import { toast, vDialog, vTable, vstack } from '@yoyaflow/yoya-ui';
-import { RowActionButton } from '../../../ui/row-action-button.js';
+import { toast, vDialog, vPagination, vTable, vstack } from '@yoyaflow/yoya-ui';
+import { RowActionButton } from '../../../../shared/ui.buttons.js';
 import DictsPageState from '../api/dict.state.js';
 import { DictEditorDialog } from '../components/dict-editor-dialog.js';
 import { statusText } from '../utils/options.js';
@@ -8,13 +8,30 @@ export function DictListPage() {
   const state = new DictsPageState();
   const editorDialog = DictEditorDialog({ state, onSubmit: saveType });
   const confirmDialog = vDialog();
+  const pagination = vPagination({
+    pageSize: 10,
+    pageSizes: [10, 20, 50],
+    onChange({ page: nextPage, pageSize: nextSize }) {
+      state.setPage(nextPage);
+      state.setPageSize(nextSize);
+      state.loadTypes();
+    }
+  });
   let typesBody = null;
 
-  state.subscribe(render);
+  state.subscribe(() => {
+    renderTypes();
+    syncPagination();
+  });
   state.loadTypes();
 
-  function render() {
-    renderTypes();
+  function syncPagination() {
+    pagination.update({
+      page: state.page(),
+      pageSize: state.pageSize(),
+      total: state.total(),
+      totalPages: Math.max(1, Math.ceil(state.total() / state.pageSize()))
+    });
   }
 
   function renderTypes() {
@@ -93,23 +110,26 @@ export function DictListPage() {
             });
           });
           card.vCardBody((body) => {
-            body.child(
-              vTable((table) => {
-                table.vThead((head) => {
-                  head.vTr((row) => {
-                    row.vTh('名称');
-                    row.vTh('编码');
-                    row.vTh('状态');
-                    row.vTh('备注');
-                    row.vTh('操作');
+            body.vstack({ gap: '12px' }, (content) => {
+              content.child(
+                vTable((table) => {
+                  table.vThead((head) => {
+                    head.vTr((row) => {
+                      row.vTh('名称');
+                      row.vTh('编码');
+                      row.vTh('状态');
+                      row.vTh('备注');
+                      row.vTh('操作');
+                    });
                   });
-                });
-                table.vTbody((bodyNode) => {
-                  typesBody = bodyNode;
-                  renderTypes();
-                });
-              })
-            );
+                  table.vTbody((bodyNode) => {
+                    typesBody = bodyNode;
+                    renderTypes();
+                  });
+                })
+              );
+              content.child(pagination);
+            });
           });
         });
         stack.child(editorDialog);

package/templates/admin/src/features/{members → system/members}/api/member.mgr.d.ts

@@ -21,10 +21,7 @@ declare class Create extends RequestBase {
 }
 
 declare class Update extends RequestBase {
-  constructor(
-    id: number,
-    init?: { name?: string; email?: string; role?: string; status?: string }
-  );
+  constructor(init?: { id: number; name?: string; email?: string; role?: string; status?: string });
   method(): 'PUT';
   address(): string;
   body(): { name: string; email: string; role: string; status: string };
@@ -32,16 +29,20 @@ declare class Update extends RequestBase {
 }
 
 declare class Remove extends RequestBase {
-  constructor(id: number);
+  constructor(init?: { id: number });
   method(): 'DELETE';
   address(): string;
 }
 
 declare const MemberMgr: {
-  Query: typeof Query;
-  Create: typeof Create;
-  Update: typeof Update;
-  Remove: typeof Remove;
+  Query: (
+    init?: { page?: number; pageSize?: number; keyword?: string; status?: string }
+  ) => Query;
+  Create: (init?: { name?: string; email?: string; role?: string; status?: string }) => Create;
+  Update: (
+    init?: { id: number; name?: string; email?: string; role?: string; status?: string }
+  ) => Update;
+  Remove: (init?: { id: number }) => Remove;
 };
 
 export default MemberMgr;