@dou-ui/dashboard 0.0.0-stage → 0.1.0-alpha.1

package/dist/types/widget/define.d.ts

@@ -0,0 +1,50 @@
+import type { Component } from 'vue';
+/** A new widget's size, and the limits a resize keeps to, in columns and rows. */
+export interface DashboardWidgetSize {
+    w: number;
+    h: number;
+    minW?: number;
+    maxW?: number;
+    minH?: number;
+    maxH?: number;
+}
+/** A kind of widget a dashboard can hold, made with `defineDashboardWidget`. */
+export interface DashboardWidgetType<P extends object = Record<string, unknown>> {
+    /** Stored in each widget's `type`. */
+    type: string;
+    /** Its name in the list of widgets to add, and the title of a widget without one. */
+    label: string;
+    /** Shown next to the label in the list of widgets to add. */
+    icon?: Component;
+    /** The size a new widget gets, and its limits. Defaults to 4 × 3. */
+    size?: DashboardWidgetSize;
+    /** The `props` a new widget starts with. */
+    defaultProps?: P | (() => P);
+    /** Draws the widget; it reads its settings and size with `useDashboardWidget()`. */
+    component: Component;
+    /**
+     * The settings form, shown in a drawer while editing. Bound with
+     * `v-model` to the widget's `props`; it also gets the `widget`.
+     */
+    settings?: Component;
+    /** Whether the widget can be viewed full screen. Defaults to `true`. */
+    fullscreen?: boolean;
+}
+/**
+ * Declares a kind of widget. Returns the definition as given, typed; pass
+ * it in the dashboard's `widgets` list.
+ *
+ * ```ts
+ * const stat = defineDashboardWidget({
+ *   type: 'stat',
+ *   label: '统计数字',
+ *   size: { w: 3, h: 2, minW: 2 },
+ *   defaultProps: { value: 0 },
+ *   component: StatWidget,
+ * })
+ * ```
+ */
+export declare function defineDashboardWidget<P extends object = Record<string, unknown>>(type: DashboardWidgetType<P>): DashboardWidgetType<P>;
+export declare const DEFAULT_WIDGET_SIZE: DashboardWidgetSize;
+/** A copy of a type's default props for a new widget. */
+export declare function defaultPropsOf(type: DashboardWidgetType<any> | undefined): Record<string, unknown> | undefined;

package/dist/types/widgets/field-select.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    label: string;
+    hint?: string;
+    /** The fields of the data; a value not among them stays selectable. */
+    fields: string[];
+    multiple?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | string[] | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/widgets/index.d.ts

@@ -0,0 +1,15 @@
+import type { DashboardWidgetType } from '../widget/define';
+import type { StatWidgetProps, TableWidgetProps, TextWidgetProps } from './types';
+export type { StatWidgetProps, TableWidgetColumn, TableWidgetProps, TextWidgetProps } from './types';
+export { fieldsOf, filterValueOf, numberFieldsOf, rowsOf, valueAt } from './shared';
+/** What a built-in widget's definition can change: its type, label, icon, size and more. */
+export type WidgetOverrides<P extends object> = Partial<Omit<DashboardWidgetType<P>, 'component'>>;
+/**
+ * A number, read from a source or given, with its change since the last
+ * period and a sparkline under it.
+ */
+export declare function statWidget(overrides?: WidgetOverrides<StatWidgetProps>): DashboardWidgetType<StatWidgetProps>;
+/** A note: plain text in three sizes, its line breaks kept. */
+export declare function textWidget(overrides?: WidgetOverrides<TextWidgetProps>): DashboardWidgetType<TextWidgetProps>;
+/** A source's rows in a table, with the columns picked in its settings. */
+export declare function tableWidget(overrides?: WidgetOverrides<TableWidgetProps>): DashboardWidgetType<TableWidgetProps>;

package/dist/types/widgets/settings-field.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    label: string;
+    hint?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/widgets/shared.d.ts

@@ -0,0 +1,20 @@
+import type { SheetWorkbook } from '@dou-ui/sheet/core';
+/** The value at a dotted path, e.g. `total.amount`; the data itself for an empty path. */
+export declare function valueAt(data: unknown, path: string | undefined): unknown;
+/** The rows of a source's data: the data when it is a list, or the list at `path`. */
+export declare function rowsOf(data: unknown, path?: string): Record<string, unknown>[];
+/** The keys of the first row of a list, or of an object: the fields to pick from in settings. */
+export declare function fieldsOf(data: unknown): string[];
+/** The keys whose value in the first row is a number. */
+export declare function numberFieldsOf(data: unknown): string[];
+export declare function filterValueOf(value: unknown): unknown;
+/**
+ * Rows of data as a workbook, for the dashboard's export menu: one sheet,
+ * a bold head row with the columns' titles, a row per row of data. An
+ * empty `name` takes the widget's title.
+ */
+export declare function rowsToWorkbook(name: string, columns: readonly {
+    key: string;
+    title: string;
+    width?: number;
+}[], rows: readonly Record<string, unknown>[]): SheetWorkbook;

package/dist/types/widgets/source-field.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    optional?: boolean;
+};
+type __VLS_ModelProps = {
+    /** The source's name in the widget's `props.source`. */
+    modelValue?: string | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/widgets/stat-settings.vue.d.ts

@@ -0,0 +1,11 @@
+import type { StatWidgetProps } from './types';
+type __VLS_ModelProps = {
+    modelValue: StatWidgetProps;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: StatWidgetProps) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: StatWidgetProps) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/widgets/stat.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/widgets/table-settings.vue.d.ts

@@ -0,0 +1,11 @@
+import type { TableWidgetProps } from './types';
+type __VLS_ModelProps = {
+    modelValue: TableWidgetProps;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: TableWidgetProps) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: TableWidgetProps) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/widgets/table.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/widgets/text-settings.vue.d.ts

@@ -0,0 +1,11 @@
+import type { TextWidgetProps } from './types';
+type __VLS_ModelProps = {
+    modelValue: TextWidgetProps;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: TextWidgetProps) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: TextWidgetProps) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/widgets/text.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/widgets/types.d.ts

@@ -0,0 +1,38 @@
+/** The `props` of a `stat` widget. */
+export interface StatWidgetProps {
+    /** The source to read from; without it the widget shows `value`. */
+    source?: string;
+    /** Where the number is in the source's data, as a dotted path (`total.amount`). */
+    field?: string;
+    /** The number shown when there is no source. */
+    value?: number;
+    prefix?: string;
+    suffix?: string;
+    /** Decimal places. */
+    precision?: number;
+    /** Where a list of numbers is, drawn as a sparkline under the number. */
+    trend?: string;
+    /** Where the change since the last period is, as a ratio (`0.125` reads `+12.5%`). */
+    delta?: string;
+}
+/** The `props` of a `text` widget. */
+export interface TextWidgetProps {
+    text?: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+export interface TableWidgetColumn {
+    /** The row's key it shows. */
+    key: string;
+    /** The header; defaults to the key. */
+    title?: string;
+}
+/** The `props` of a `table` widget. */
+export interface TableWidgetProps {
+    source?: string;
+    /** Where the rows are, when the data isn't the list itself. */
+    path?: string;
+    /** The columns, in order; defaults to every key of the first row. */
+    columns?: TableWidgetColumn[];
+    /** The field that tells rows apart; defaults to their place in the list. */
+    rowKey?: string;
+}

package/dist/widget/context.js

@@ -0,0 +1,88 @@
+import { dataContextKey } from "../data/context.js";
+import { pickFilters } from "../data/filters.js";
+import { computed, inject, onScopeDispose, provide, shallowRef, watch } from "vue";
+// src/widget/context.ts
+var widgetContextKey = Symbol("dou-dashboard-widget");
+/** The widget a component is drawn in, for widget types' `component` and `settings`. */
+function useDashboardWidget() {
+	const context = inject(widgetContextKey, null);
+	if (!context) throw new Error("[@dou-ui/dashboard] useDashboardWidget() must be called inside a dashboard widget");
+	return context;
+}
+var NONE = Object.freeze({});
+/** Makes the context of one widget and provides it to the components below. */
+function provideWidgetContext(source) {
+	const data = inject(dataContextKey, null);
+	const own = shallowRef({ state: "ready" });
+	const widget = computed(source.widget);
+	const id = computed(() => widget.value.id);
+	const filters = computed(() => data ? pickFilters(data.filters(), void 0, data.emitted(id.value)) : NONE);
+	const ownFilters = computed(() => {
+		const result = {};
+		for (const link of data?.linked(id.value) ?? []) result[link.key] = link.value;
+		return result;
+	});
+	const sourceName = computed(() => {
+		const name = widget.value.props?.source;
+		return typeof name === "string" && name ? name : void 0;
+	});
+	const entry = shallowRef();
+	let release;
+	const key = computed(() => data && sourceName.value ? data.store.keyOf(sourceName.value, filters.value).key : "");
+	watch(key, () => {
+		const next = data && sourceName.value ? data.store.use(sourceName.value, filters.value) : void 0;
+		release?.();
+		release = next?.release;
+		entry.value = next?.entry;
+	}, { immediate: true });
+	onScopeDispose(() => release?.());
+	const state = computed(() => entry.value?.state.value);
+	/** The last data loaded, kept while other data loads. */
+	const held = shallowRef();
+	watch(state, (next) => {
+		if (!entry.value) held.value = void 0;
+		else if (next?.status === "ready") held.value = next.data;
+	}, { immediate: true });
+	const error = computed(() => state.value?.status === "error" ? state.value.error : void 0);
+	const refresh = () => entry.value && data?.store.retry(entry.value);
+	const status = computed(() => {
+		const current = state.value;
+		if (current?.status === "loading" || current?.status === "idle") return { state: "loading" };
+		if (current?.status === "error") return {
+			state: "error",
+			retry: refresh
+		};
+		return own.value;
+	});
+	const context = {
+		widget,
+		props: computed(() => widget.value.props ?? {}),
+		editing: computed(source.editing),
+		fullscreen: computed(source.fullscreen),
+		size: source.size,
+		setProps: (patch, options) => source.setProps(id.value, patch, options),
+		status,
+		setStatus: (next, options) => own.value = {
+			state: next,
+			...options
+		},
+		data: held,
+		error,
+		filters,
+		setFilter: (name, value, options) => data?.setFilter(id.value, name, value, options),
+		ownFilters,
+		refresh,
+		sources: computed(() => data?.sourceNames() ?? []),
+		setWorkbook: (get) => {
+			undoWorkbook?.();
+			undoWorkbook = get ? source.setWorkbook?.(id.value, get) : void 0;
+		}
+	};
+	let undoWorkbook;
+	onScopeDispose(() => undoWorkbook?.());
+	provide(widgetContextKey, context);
+	return context;
+}
+export { provideWidgetContext, useDashboardWidget, widgetContextKey };
+
+//# sourceMappingURL=context.js.map

package/dist/widget/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/widget/context.ts"],"sourcesContent":["import { computed, inject, onScopeDispose, provide, shallowRef, watch } from 'vue'\nimport type { SheetWorkbook } from '@dou-ui/sheet/core'\nimport type { ComputedRef, InjectionKey, Ref } from 'vue'\nimport type { DashboardWidget } from '../core/types'\nimport { dataContextKey } from '../data/context'\nimport { pickFilters } from '../data/filters'\nimport type { SourceEntry } from '../data/store'\nimport type { DashboardFilters, DashboardSetFilterOptions } from '../data/types'\n\n/** What a widget shows instead of, or over, its content. */\nexport type DashboardWidgetState = 'ready' | 'loading' | 'error' | 'empty'\n\nexport interface DashboardWidgetStatus {\n  state: DashboardWidgetState\n  /** For `error` and `empty`: the line shown. */\n  message?: string\n  /** For `error`: what the retry button does; without it there is no button. */\n  retry?: () => void\n}\n\nexport interface DashboardWidgetContext<P extends object = Record<string, unknown>, D = unknown> {\n  /** The widget as stored in the document. */\n  widget: ComputedRef<DashboardWidget<P>>\n  /** Its `props`, `{}` when it has none. */\n  props: ComputedRef<P>\n  /** Whether the dashboard is being edited. */\n  editing: ComputedRef<boolean>\n  /** Whether this is the full-screen view of the widget. */\n  fullscreen: ComputedRef<boolean>\n  /** The size of the widget's content area, in px; updated once a frame at most. */\n  size: { width: Ref<number>; height: Ref<number> }\n  /**\n   * Merges keys into the widget's `props`, as one undoable change. Changes\n   * with the same `group` within a second undo together.\n   */\n  setProps: (patch: Partial<P>, options?: { group?: string }) => void\n  /**\n   * What the frame shows: a loading mark over the content, an error, or an\n   * empty notice. Loading and failing to load `props.source` come first.\n   */\n  status: Readonly<Ref<DashboardWidgetStatus>>\n  setStatus: (state: DashboardWidgetState, options?: Omit<DashboardWidgetStatus, 'state'>) => void\n  /**\n   * The data of the source named in `props.source`, loaded with the filters\n   * in effect. While new data loads, the last data stays.\n   */\n  data: Readonly<Ref<D | undefined>>\n  /** Why the source failed to load, if it did. */\n  error: Readonly<Ref<unknown>>\n  /** The filters in effect for this widget: all of them but those it set itself. */\n  filters: ComputedRef<DashboardFilters>\n  /**\n   * Sets a filter for the other widgets, e.g. when a bar of a chart is\n   * clicked; an empty value (`undefined`, `null`, `''`, `[]`) clears it.\n   * The widget itself keeps showing everything, and its title bar shows\n   * the filter with a button to clear it.\n   */\n  setFilter: (key: string, value: unknown, options?: DashboardSetFilterOptions) => void\n  /** The filters this widget set itself and that are still in effect, e.g. to mark the picked bar. */\n  ownFilters: ComputedRef<DashboardFilters>\n  /** Loads the widget's source again. */\n  refresh: () => void\n  /** The names of the dashboard's sources, e.g. to pick one in a settings form. */\n  sources: ComputedRef<string[]>\n  /**\n   * Gives the dashboard the widget's content as a workbook, read when it is\n   * exported with one of the dashboard's `exporters`; a sheet without a\n   * name takes the widget's title. Returning `undefined` fails the export\n   * with \"no data to export\"; `null` takes the export menu away, such as\n   * while the widget isn't set up. A widget that never calls it has no\n   * export menu. Undone when the widget goes.\n   */\n  setWorkbook: (get: (() => SheetWorkbook | undefined) | null) => void\n}\n\nexport const widgetContextKey: InjectionKey<DashboardWidgetContext<any, any>> =\n  Symbol('dou-dashboard-widget')\n\n/** The widget a component is drawn in, for widget types' `component` and `settings`. */\nexport function useDashboardWidget<\n  P extends object = Record<string, unknown>,\n  D = unknown,\n>(): DashboardWidgetContext<P, D> {\n  const context = inject(widgetContextKey, null)\n  if (!context)\n    throw new Error(\n      '[@dou-ui/dashboard] useDashboardWidget() must be called inside a dashboard widget',\n    )\n  return context as DashboardWidgetContext<P, D>\n}\n\ninterface ContextSource {\n  widget: () => DashboardWidget\n  editing: () => boolean\n  fullscreen: () => boolean\n  size: { width: Ref<number>; height: Ref<number> }\n  setProps: (id: string, patch: Record<string, unknown>, options?: { group?: string }) => void\n  setWorkbook?: (id: string, get: () => SheetWorkbook | undefined) => () => void\n}\n\nconst NONE: DashboardFilters = Object.freeze({}) as DashboardFilters\n\n/** Makes the context of one widget and provides it to the components below. */\nexport function provideWidgetContext(source: ContextSource): DashboardWidgetContext {\n  const data = inject(dataContextKey, null)\n  const own = shallowRef<DashboardWidgetStatus>({ state: 'ready' })\n  const widget = computed(source.widget)\n  const id = computed(() => widget.value.id)\n\n  const filters = computed(() =>\n    data ? pickFilters(data.filters(), undefined, data.emitted(id.value)) : NONE,\n  )\n  const ownFilters = computed(() => {\n    const result: DashboardFilters = {}\n    for (const link of data?.linked(id.value) ?? []) result[link.key] = link.value\n    return result\n  })\n  const sourceName = computed(() => {\n    const name = widget.value.props?.source\n    return typeof name === 'string' && name ? name : undefined\n  })\n\n  // the widget shows the entry of its source and filters; another widget\n  // with the same source and filters shows the same entry\n  const entry = shallowRef<SourceEntry>()\n  let release: (() => void) | undefined\n  const key = computed(() =>\n    data && sourceName.value ? data.store.keyOf(sourceName.value, filters.value).key : '',\n  )\n  watch(\n    key,\n    () => {\n      const next =\n        data && sourceName.value ? data.store.use(sourceName.value, filters.value) : undefined\n      release?.()\n      release = next?.release\n      entry.value = next?.entry\n    },\n    { immediate: true },\n  )\n  onScopeDispose(() => release?.())\n\n  const state = computed(() => entry.value?.state.value)\n  /** The last data loaded, kept while other data loads. */\n  const held = shallowRef<unknown>()\n  watch(\n    state,\n    (next) => {\n      if (!entry.value) held.value = undefined\n      else if (next?.status === 'ready') held.value = next.data\n    },\n    { immediate: true },\n  )\n  const error = computed(() => (state.value?.status === 'error' ? state.value.error : undefined))\n  const refresh = () => entry.value && data?.store.retry(entry.value)\n\n  const status = computed<DashboardWidgetStatus>(() => {\n    const current = state.value\n    if (current?.status === 'loading' || current?.status === 'idle') return { state: 'loading' }\n    if (current?.status === 'error') return { state: 'error', retry: refresh }\n    return own.value\n  })\n\n  const context: DashboardWidgetContext = {\n    widget,\n    props: computed(() => widget.value.props ?? {}),\n    editing: computed(source.editing),\n    fullscreen: computed(source.fullscreen),\n    size: source.size,\n    setProps: (patch, options) => source.setProps(id.value, patch, options),\n    status,\n    setStatus: (next, options) => (own.value = { state: next, ...options }),\n    data: held,\n    error,\n    filters,\n    setFilter: (name, value, options) => data?.setFilter(id.value, name, value, options),\n    ownFilters,\n    refresh,\n    sources: computed(() => data?.sourceNames() ?? []),\n    setWorkbook: (get) => {\n      undoWorkbook?.()\n      undoWorkbook = get ? source.setWorkbook?.(id.value, get) : undefined\n    },\n  }\n  let undoWorkbook: (() => void) | undefined\n  onScopeDispose(() => undoWorkbook?.())\n  provide(widgetContextKey, context)\n  return context\n}\n"],"mappings":"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"}

package/dist/widget/define.js

@@ -0,0 +1,32 @@
+import { cloneJson } from "../core/transaction.js";
+// src/widget/define.ts
+/**
+* Declares a kind of widget. Returns the definition as given, typed; pass
+* it in the dashboard's `widgets` list.
+*
+* ```ts
+* const stat = defineDashboardWidget({
+*   type: 'stat',
+*   label: '统计数字',
+*   size: { w: 3, h: 2, minW: 2 },
+*   defaultProps: { value: 0 },
+*   component: StatWidget,
+* })
+* ```
+*/
+function defineDashboardWidget(type) {
+	return type;
+}
+var DEFAULT_WIDGET_SIZE = {
+	w: 4,
+	h: 3
+};
+/** A copy of a type's default props for a new widget. */
+function defaultPropsOf(type) {
+	const value = type?.defaultProps;
+	const props = typeof value === "function" ? value() : value;
+	return props ? cloneJson(props) : void 0;
+}
+export { DEFAULT_WIDGET_SIZE, defaultPropsOf, defineDashboardWidget };
+
+//# sourceMappingURL=define.js.map

package/dist/widget/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","names":[],"sources":["../../src/widget/define.ts"],"sourcesContent":["import { cloneJson } from '../core/transaction'\nimport type { Component } from 'vue'\n\n/** A new widget's size, and the limits a resize keeps to, in columns and rows. */\nexport interface DashboardWidgetSize {\n  w: number\n  h: number\n  minW?: number\n  maxW?: number\n  minH?: number\n  maxH?: number\n}\n\n/** A kind of widget a dashboard can hold, made with `defineDashboardWidget`. */\nexport interface DashboardWidgetType<P extends object = Record<string, unknown>> {\n  /** Stored in each widget's `type`. */\n  type: string\n  /** Its name in the list of widgets to add, and the title of a widget without one. */\n  label: string\n  /** Shown next to the label in the list of widgets to add. */\n  icon?: Component\n  /** The size a new widget gets, and its limits. Defaults to 4 × 3. */\n  size?: DashboardWidgetSize\n  /** The `props` a new widget starts with. */\n  defaultProps?: P | (() => P)\n  /** Draws the widget; it reads its settings and size with `useDashboardWidget()`. */\n  component: Component\n  /**\n   * The settings form, shown in a drawer while editing. Bound with\n   * `v-model` to the widget's `props`; it also gets the `widget`.\n   */\n  settings?: Component\n  /** Whether the widget can be viewed full screen. Defaults to `true`. */\n  fullscreen?: boolean\n}\n\n/**\n * Declares a kind of widget. Returns the definition as given, typed; pass\n * it in the dashboard's `widgets` list.\n *\n * ```ts\n * const stat = defineDashboardWidget({\n *   type: 'stat',\n *   label: '统计数字',\n *   size: { w: 3, h: 2, minW: 2 },\n *   defaultProps: { value: 0 },\n *   component: StatWidget,\n * })\n * ```\n */\nexport function defineDashboardWidget<P extends object = Record<string, unknown>>(\n  type: DashboardWidgetType<P>,\n): DashboardWidgetType<P> {\n  return type\n}\n\nexport const DEFAULT_WIDGET_SIZE: DashboardWidgetSize = { w: 4, h: 3 }\n\n/** A copy of a type's default props for a new widget. */\nexport function defaultPropsOf(type: DashboardWidgetType<any> | undefined) {\n  const value = type?.defaultProps\n  const props = typeof value === 'function' ? value() : value\n  return props ? (cloneJson(props) as Record<string, unknown>) : undefined\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAkDA,SAAgB,sBACd,MACwB;CACxB,OAAO;AACT;AAEA,IAAa,sBAA2C;CAAE,GAAG;CAAG,GAAG;AAAE;;AAGrE,SAAgB,eAAe,MAA4C;CACzE,MAAM,QAAQ,MAAM;CACpB,MAAM,QAAQ,OAAO,UAAU,aAAa,MAAM,IAAI;CACtD,OAAO,QAAS,UAAU,KAAK,IAAgC,KAAA;AACjE"}

package/dist/widgets/field-select.js

@@ -0,0 +1,6 @@
+import field_select_vue_vue_type_script_setup_true_lang_default from "./field-select.vue_vue_type_script_setup_true_lang.js";
+// src/widgets/field-select.vue
+var field_select_default = field_select_vue_vue_type_script_setup_true_lang_default;
+export { field_select_default as default };
+
+//# sourceMappingURL=field-select.js.map

package/dist/widgets/field-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-select.js","names":["_sfc_main"],"sources":["../../src/widgets/field-select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouSelect } from 'dou-ui'\nimport { computed } from 'vue'\nimport SettingsField from './settings-field.vue'\n\ndefineOptions({ name: 'DouDashboardFieldSelect' })\n\nconst model = defineModel<string | string[] | undefined>()\nconst props = defineProps<{\n  label: string\n  hint?: string\n  /** The fields of the data; a value not among them stays selectable. */\n  fields: string[]\n  multiple?: boolean\n}>()\n\nconst options = computed(() => {\n  const list = [...props.fields]\n  const current = Array.isArray(model.value) ? model.value : model.value ? [model.value] : []\n  for (const field of current) if (!list.includes(field)) list.push(field)\n  return list\n})\n</script>\n\n<template>\n  <SettingsField :label=\"label\" :hint=\"hint\">\n    <DouSelect\n      :model-value=\"model ?? (multiple ? [] : null)\"\n      :options=\"options\"\n      :multiple=\"multiple\"\n      :aria-label=\"label\"\n      filterable\n      creatable\n      clearable\n      @update:model-value=\"(value) => (model = (value as any) ?? undefined)\"\n    />\n  </SettingsField>\n</template>\n"],"mappings":""}

package/dist/widgets/field-select.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,54 @@
+import settings_field_default from "./settings-field.js";
+import { DouSelect } from "dou-ui";
+import { computed, createBlock, createVNode, defineComponent, mergeModels, openBlock, unref, useModel, withCtx } from "vue";
+// src/widgets/field-select.vue?vue&type=script&setup=true&lang.ts
+var field_select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouDashboardFieldSelect",
+	__name: "field-select",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		hint: {},
+		fields: {},
+		multiple: { type: Boolean }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const props = __props;
+		const options = computed(() => {
+			const list = [...props.fields];
+			const current = Array.isArray(model.value) ? model.value : model.value ? [model.value] : [];
+			for (const field of current) if (!list.includes(field)) list.push(field);
+			return list;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(settings_field_default, {
+				label: __props.label,
+				hint: __props.hint
+			}, {
+				default: withCtx(() => [createVNode(unref(DouSelect), {
+					"model-value": model.value ?? (__props.multiple ? [] : null),
+					options: options.value,
+					multiple: __props.multiple,
+					"aria-label": __props.label,
+					filterable: "",
+					creatable: "",
+					clearable: "",
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => model.value = value ?? void 0)
+				}, null, 8, [
+					"model-value",
+					"options",
+					"multiple",
+					"aria-label"
+				])]),
+				_: 1
+			}, 8, ["label", "hint"]);
+		};
+	}
+});
+export { field_select_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=field-select.vue_vue_type_script_setup_true_lang.js.map

package/dist/widgets/field-select.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-select.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","SettingsField","_withCtx","_createVNode","_unref"],"sources":["../../src/widgets/field-select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DouSelect } from 'dou-ui'\nimport { computed } from 'vue'\nimport SettingsField from './settings-field.vue'\n\ndefineOptions({ name: 'DouDashboardFieldSelect' })\n\nconst model = defineModel<string | string[] | undefined>()\nconst props = defineProps<{\n  label: string\n  hint?: string\n  /** The fields of the data; a value not among them stays selectable. */\n  fields: string[]\n  multiple?: boolean\n}>()\n\nconst options = computed(() => {\n  const list = [...props.fields]\n  const current = Array.isArray(model.value) ? model.value : model.value ? [model.value] : []\n  for (const field of current) if (!list.includes(field)) list.push(field)\n  return list\n})\n</script>\n\n<template>\n  <SettingsField :label=\"label\" :hint=\"hint\">\n    <DouSelect\n      :model-value=\"model ?? (multiple ? [] : null)\"\n      :options=\"options\"\n      :multiple=\"multiple\"\n      :aria-label=\"label\"\n      filterable\n      creatable\n      clearable\n      @update:model-value=\"(value) => (model = (value as any) ?? undefined)\"\n    />\n  </SettingsField>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQA,SAA0C,SAAA,YAAC;EACzD,MAAM,QAAQ;EAQd,MAAM,UAAU,eAAe;GAC7B,MAAM,OAAO,CAAC,GAAG,MAAM,MAAM;GAC7B,MAAM,UAAU,MAAM,QAAQ,MAAM,KAAK,IAAI,MAAM,QAAQ,MAAM,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC;GAC1F,KAAK,MAAM,SAAS,SAAS,IAAI,CAAC,KAAK,SAAS,KAAK,GAAG,KAAK,KAAK,KAAK;GACvE,OAAO;EACT,CAAC;;GAIC,OAAAC,UAAA,GAAAC,YAWgBC,wBAAA;IAXA,OAAO,QAAA;IAAQ,MAAM,QAAA;;IACnC,SAAAC,cASE,CATFC,YASEC,MAAA,SAAA,GAAA;KARC,eAAa,MAAA,UAAU,QAAA,WAAQ,CAAA,IAAA;KAC/B,SAAS,QAAA;KACT,UAAU,QAAA;KACV,cAAY,QAAA;KACb,YAAA;KACA,WAAA;KACA,WAAA;KACC,uBAAkB,OAAA,OAAA,OAAA,MAAG,UAAW,MAAA,QAAS,SAAiB,KAAA"}

package/dist/widgets/index.js

@@ -0,0 +1,74 @@
+import { defineDashboardWidget } from "../widget/define.js";
+import { fieldsOf, filterValueOf, numberFieldsOf, rowsOf, valueAt } from "./shared.js";
+import stat_default from "./stat.js";
+import stat_settings_default from "./stat-settings.js";
+import table_default from "./table.js";
+import table_settings_default from "./table-settings.js";
+import text_default from "./text.js";
+import text_settings_default from "./text-settings.js";
+import { HashIcon, TableIcon, TypeIcon } from "@dou-ui/icons";
+// src/widgets/index.ts
+/**
+* A number, read from a source or given, with its change since the last
+* period and a sparkline under it.
+*/
+function statWidget(overrides = {}) {
+	return defineDashboardWidget({
+		type: "stat",
+		label: "统计数字",
+		icon: HashIcon,
+		size: {
+			w: 3,
+			h: 2,
+			minW: 2,
+			minH: 2
+		},
+		defaultProps: { value: 0 },
+		component: stat_default,
+		settings: stat_settings_default,
+		fullscreen: false,
+		...overrides
+	});
+}
+/** A note: plain text in three sizes, its line breaks kept. */
+function textWidget(overrides = {}) {
+	return defineDashboardWidget({
+		type: "text",
+		label: "文字",
+		icon: TypeIcon,
+		size: {
+			w: 4,
+			h: 2,
+			minW: 2,
+			minH: 1
+		},
+		defaultProps: {
+			text: "",
+			size: "md"
+		},
+		component: text_default,
+		settings: text_settings_default,
+		fullscreen: false,
+		...overrides
+	});
+}
+/** A source's rows in a table, with the columns picked in its settings. */
+function tableWidget(overrides = {}) {
+	return defineDashboardWidget({
+		type: "table",
+		label: "表格",
+		icon: TableIcon,
+		size: {
+			w: 6,
+			h: 4,
+			minW: 3,
+			minH: 3
+		},
+		component: table_default,
+		settings: table_settings_default,
+		...overrides
+	});
+}
+export { fieldsOf, filterValueOf, numberFieldsOf, rowsOf, statWidget, tableWidget, textWidget, valueAt };
+
+//# sourceMappingURL=index.js.map

package/dist/widgets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Stat","StatSettings","Text","TextSettings","Table","TableSettings"],"sources":["../../src/widgets/index.ts"],"sourcesContent":["import { HashIcon, TableIcon, TypeIcon } from '@dou-ui/icons'\nimport { defineDashboardWidget } from '../widget/define'\nimport type { DashboardWidgetType } from '../widget/define'\nimport Stat from './stat.vue'\nimport StatSettings from './stat-settings.vue'\nimport Table from './table.vue'\nimport TableSettings from './table-settings.vue'\nimport Text from './text.vue'\nimport TextSettings from './text-settings.vue'\nimport type { StatWidgetProps, TableWidgetProps, TextWidgetProps } from './types'\n\nexport type { StatWidgetProps, TableWidgetColumn, TableWidgetProps, TextWidgetProps } from './types'\nexport { fieldsOf, filterValueOf, numberFieldsOf, rowsOf, valueAt } from './shared'\n\n/** What a built-in widget's definition can change: its type, label, icon, size and more. */\nexport type WidgetOverrides<P extends object> = Partial<Omit<DashboardWidgetType<P>, 'component'>>\n\n/**\n * A number, read from a source or given, with its change since the last\n * period and a sparkline under it.\n */\nexport function statWidget(overrides: WidgetOverrides<StatWidgetProps> = {}) {\n  return defineDashboardWidget<StatWidgetProps>({\n    type: 'stat',\n    label: '统计数字',\n    icon: HashIcon,\n    size: { w: 3, h: 2, minW: 2, minH: 2 },\n    defaultProps: { value: 0 },\n    component: Stat,\n    settings: StatSettings,\n    fullscreen: false,\n    ...overrides,\n  })\n}\n\n/** A note: plain text in three sizes, its line breaks kept. */\nexport function textWidget(overrides: WidgetOverrides<TextWidgetProps> = {}) {\n  return defineDashboardWidget<TextWidgetProps>({\n    type: 'text',\n    label: '文字',\n    icon: TypeIcon,\n    size: { w: 4, h: 2, minW: 2, minH: 1 },\n    defaultProps: { text: '', size: 'md' },\n    component: Text,\n    settings: TextSettings,\n    fullscreen: false,\n    ...overrides,\n  })\n}\n\n/** A source's rows in a table, with the columns picked in its settings. */\nexport function tableWidget(overrides: WidgetOverrides<TableWidgetProps> = {}) {\n  return defineDashboardWidget<TableWidgetProps>({\n    type: 'table',\n    label: '表格',\n    icon: TableIcon,\n    size: { w: 6, h: 4, minW: 3, minH: 3 },\n    component: Table,\n    settings: TableSettings,\n    ...overrides,\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;AAqBA,SAAgB,WAAW,YAA8C,CAAC,GAAG;CAC3E,OAAO,sBAAuC;EAC5C,MAAM;EACN,OAAO;EACP,MAAM;EACN,MAAM;GAAE,GAAG;GAAG,GAAG;GAAG,MAAM;GAAG,MAAM;EAAE;EACrC,cAAc,EAAE,OAAO,EAAE;EACzB,WAAWA;EACX,UAAUC;EACV,YAAY;EACZ,GAAG;CACL,CAAC;AACH;;AAGA,SAAgB,WAAW,YAA8C,CAAC,GAAG;CAC3E,OAAO,sBAAuC;EAC5C,MAAM;EACN,OAAO;EACP,MAAM;EACN,MAAM;GAAE,GAAG;GAAG,GAAG;GAAG,MAAM;GAAG,MAAM;EAAE;EACrC,cAAc;GAAE,MAAM;GAAI,MAAM;EAAK;EACrC,WAAWC;EACX,UAAUC;EACV,YAAY;EACZ,GAAG;CACL,CAAC;AACH;;AAGA,SAAgB,YAAY,YAA+C,CAAC,GAAG;CAC7E,OAAO,sBAAwC;EAC7C,MAAM;EACN,OAAO;EACP,MAAM;EACN,MAAM;GAAE,GAAG;GAAG,GAAG;GAAG,MAAM;GAAG,MAAM;EAAE;EACrC,WAAWC;EACX,UAAUC;EACV,GAAG;CACL,CAAC;AACH"}

package/dist/widgets/settings-field.js

@@ -0,0 +1,6 @@
+import settings_field_vue_vue_type_script_setup_true_lang_default from "./settings-field.vue_vue_type_script_setup_true_lang.js";
+// src/widgets/settings-field.vue
+var settings_field_default = settings_field_vue_vue_type_script_setup_true_lang_default;
+export { settings_field_default as default };
+
+//# sourceMappingURL=settings-field.js.map

package/dist/widgets/settings-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-field.js","names":["_sfc_main"],"sources":["../../src/widgets/settings-field.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefineOptions({ name: 'DouDashboardSettingsField' })\n\ndefineProps<{ label: string; hint?: string }>()\n</script>\n\n<template>\n  <div class=\"dou-dashboard__field\">\n    <span class=\"dou-dashboard__field-label\">{{ label }}</span>\n    <slot />\n    <span v-if=\"hint\" class=\"dou-dashboard__field-hint\">{{ hint }}</span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/widgets/settings-field.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,28 @@
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
+// src/widgets/settings-field.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "dou-dashboard__field" };
+var _hoisted_2 = { class: "dou-dashboard__field-label" };
+var _hoisted_3 = {
+	key: 0,
+	class: "dou-dashboard__field-hint"
+};
+var settings_field_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouDashboardSettingsField",
+	__name: "settings-field",
+	props: {
+		label: {},
+		hint: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("span", _hoisted_2, toDisplayString(__props.label), 1),
+				renderSlot(_ctx.$slots, "default"),
+				__props.hint ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+export { settings_field_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=settings-field.vue_vue_type_script_setup_true_lang.js.map

package/dist/widgets/settings-field.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-field.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_renderSlot","_createCommentVNode"],"sources":["../../src/widgets/settings-field.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefineOptions({ name: 'DouDashboardSettingsField' })\n\ndefineProps<{ label: string; hint?: string }>()\n</script>\n\n<template>\n  <div class=\"dou-dashboard__field\">\n    <span class=\"dou-dashboard__field-label\">{{ label }}</span>\n    <slot />\n    <span v-if=\"hint\" class=\"dou-dashboard__field-hint\">{{ hint }}</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;GAOE,OAAAA,UAAA,GAAAC,mBAIM,OAJN,YAIM;IAHJC,mBAA2D,QAA3D,YAA2DC,gBAAf,QAAA,KAAK,GAAA,CAAA;IACjDC,WAAQ,KAAA,QAAA,SAAA;IACI,QAAA,QAAZJ,UAAA,GAAAC,mBAAqE,QAArE,YAAqEE,gBAAd,QAAA,IAAI,GAAA,CAAA,K"}