v-nuxt-ui 0.1.35 → 0.2.0

package/dist/runtime/constants/flow.js

@@ -1,4 +1,6 @@
 import { Position } from "@vue-flow/core";
+export const GRID_SIZE = 20;
+export const FLOW_MOUSE_POSITION_KEY = Symbol("flow-mouse-position");
 export const FLOW_HANDLES = [
   // 4个角 - 可以双向调整
   { id: "tl", position: Position.Top, offsetPercent: { x: 0 } },
@@ -22,3 +24,172 @@ export const FLOW_HANDLES = [
   { id: "l2", position: Position.Left, offsetPercent: { y: 50 } },
   { id: "l3", position: Position.Left, offsetPercent: { y: 75 } }
 ];
+export const FLOW_HANDLE_TIER_THRESHOLDS = {
+  small: { maxWidth: 80, maxHeight: 40 },
+  medium: { maxWidth: 120, maxHeight: 80 }
+};
+export const FLOW_EDGE_STROKE_TYPES = [
+  { type: "solid", label: "\u5B9E\u7EBF", dasharray: "" },
+  { type: "dashed", label: "\u865A\u7EBF", dasharray: "8 4" },
+  { type: "dotted", label: "\u70B9\u7EBF", dasharray: "2 4" },
+  { type: "dashdot", label: "\u70B9\u5212\u7EBF", dasharray: "8 4 2 4" }
+];
+export const FLOW_EDGE_PATH_TYPES = [
+  { type: "smoothstep", label: "\u5E73\u6ED1" },
+  { type: "bezier", label: "\u66F2\u7EBF" },
+  { type: "step", label: "\u76F4\u89D2" },
+  { type: "straight", label: "\u76F4\u7EBF" }
+];
+const FLOW_COLOR_NAMES = [
+  "red",
+  "orange",
+  "amber",
+  "yellow",
+  "lime",
+  "green",
+  "emerald",
+  "teal",
+  "cyan",
+  "sky",
+  "blue",
+  "indigo",
+  "violet",
+  "purple",
+  "fuchsia",
+  "pink",
+  "rose"
+];
+export const FLOW_COLORS = [
+  { color: "primary", chip: "primary" },
+  ...FLOW_COLOR_NAMES.map((name) => ({ color: name, chip: name }))
+];
+export const FLOW_SHADE_MAP = {
+  bg: { light: 50, dark: 950 },
+  border: { light: 500, dark: 400 },
+  font: { light: 600, dark: 400 }
+};
+export function resolveFlowColor(name, role, isDark) {
+  if (!name) return "";
+  const shade = FLOW_SHADE_MAP[role][isDark ? "dark" : "light"];
+  if (name === "primary") {
+    return `var(--ui-color-${name}-${shade})`;
+  }
+  return `var(--color-${name}-${shade})`;
+}
+export const FLOW_ARROW_TYPES = [
+  { type: "none", label: "\u65E0" },
+  { type: "arrow", label: "\u4E09\u89D2\u5B9E\u5FC3" },
+  { type: "diamond", label: "\u83F1\u5F62\u5B9E\u5FC3" },
+  { type: "diamond-open", label: "\u83F1\u5F62\u7A7A\u5FC3" },
+  { type: "circle", label: "\u5706\u5F62\u5B9E\u5FC3" },
+  { type: "circle-open", label: "\u5706\u5F62\u7A7A\u5FC3" }
+];
+export const FLOW_WIDTH_ITEMS = [
+  { label: "1", value: 1 },
+  { label: "2", value: 2 },
+  { label: "3", value: 3 },
+  { label: "4", value: 4 },
+  { label: "5", value: 5 }
+];
+export const FLOW_STROKE_TYPE_ITEMS = FLOW_EDGE_STROKE_TYPES.map((o) => ({
+  label: o.label,
+  value: o.type,
+  dasharray: o.dasharray
+}));
+export const FLOW_PATH_TYPE_ITEMS = FLOW_EDGE_PATH_TYPES.map((o) => ({
+  label: o.label,
+  value: o.type
+}));
+export const FLOW_ARROW_TYPE_ITEMS = FLOW_ARROW_TYPES.map((o) => ({
+  label: o.label,
+  value: o.type
+}));
+export const FLOW_BORDER_RADIUS_ITEMS = [
+  { label: "0", value: 0 },
+  { label: "2", value: 2 },
+  { label: "4", value: 4 },
+  { label: "6", value: 6 },
+  { label: "8", value: 8 }
+];
+export const FLOW_FONT_SIZE_ITEMS = [
+  { label: "xs", value: 12, twClass: "text-xs" },
+  { label: "sm", value: 14, twClass: "text-sm" },
+  { label: "base", value: 16, twClass: "text-base" },
+  { label: "lg", value: 18, twClass: "text-lg" },
+  { label: "xl", value: 20, twClass: "text-xl" }
+];
+export const FLOW_HANDLE_SIZE_ITEMS = [
+  { label: "4", value: 4 },
+  { label: "6", value: 6 },
+  { label: "8", value: 8 },
+  { label: "10", value: 10 }
+];
+export const FLOW_PATH_PREVIEW = {
+  smoothstep: { shape: "path", d: "M 0 12 L 6 12 Q 10 12 10 7 Q 10 2 14 2 L 20 2" },
+  bezier: { shape: "path", d: "M 0 12 C 10 12, 10 2, 20 2" },
+  step: { shape: "path", d: "M 0 12 L 10 12 L 10 2 L 20 2" },
+  straight: { shape: "line", x1: 0, y1: 12, x2: 20, y2: 2 }
+};
+export const FLOW_ARROW_PREVIEW_START = {
+  "none": [
+    { tag: "line", attrs: { "x1": 0, "y1": 5, "x2": 20, "y2": 5, "stroke": "currentColor", "stroke-width": 2 } }
+  ],
+  "arrow": [
+    { tag: "polygon", attrs: { points: "10,1 2,5 10,9", fill: "currentColor" } },
+    { tag: "line", attrs: { "x1": 8, "y1": 5, "x2": 20, "y2": 5, "stroke": "currentColor", "stroke-width": 2 } }
+  ],
+  "diamond": [
+    { tag: "polygon", attrs: { points: "2,5 7,1 12,5 7,9", fill: "currentColor" } },
+    { tag: "line", attrs: { "x1": 12, "y1": 5, "x2": 20, "y2": 5, "stroke": "currentColor", "stroke-width": 2 } }
+  ],
+  "diamond-open": [
+    { tag: "polygon", attrs: { "points": "2,5 7,1 12,5 7,9", "fill": "none", "stroke": "currentColor", "stroke-width": 1.5 } },
+    { tag: "line", attrs: { "x1": 12, "y1": 5, "x2": 20, "y2": 5, "stroke": "currentColor", "stroke-width": 2 } }
+  ],
+  "circle": [
+    { tag: "circle", attrs: { cx: 6, cy: 5, r: 4, fill: "currentColor" } },
+    { tag: "line", attrs: { "x1": 10, "y1": 5, "x2": 20, "y2": 5, "stroke": "currentColor", "stroke-width": 2 } }
+  ],
+  "circle-open": [
+    { tag: "circle", attrs: { "cx": 6, "cy": 5, "r": 3.5, "fill": "none", "stroke": "currentColor", "stroke-width": 1.5 } },
+    { tag: "line", attrs: { "x1": 10, "y1": 5, "x2": 20, "y2": 5, "stroke": "currentColor", "stroke-width": 2 } }
+  ]
+};
+export const FLOW_ARROW_PREVIEW_END = {
+  "none": [
+    { tag: "line", attrs: { "x1": 0, "y1": 5, "x2": 20, "y2": 5, "stroke": "currentColor", "stroke-width": 2 } }
+  ],
+  "arrow": [
+    { tag: "line", attrs: { "x1": 0, "y1": 5, "x2": 12, "y2": 5, "stroke": "currentColor", "stroke-width": 2 } },
+    { tag: "polygon", attrs: { points: "10,1 18,5 10,9", fill: "currentColor" } }
+  ],
+  "diamond": [
+    { tag: "line", attrs: { "x1": 0, "y1": 5, "x2": 8, "y2": 5, "stroke": "currentColor", "stroke-width": 2 } },
+    { tag: "polygon", attrs: { points: "8,5 13,1 18,5 13,9", fill: "currentColor" } }
+  ],
+  "diamond-open": [
+    { tag: "line", attrs: { "x1": 0, "y1": 5, "x2": 8, "y2": 5, "stroke": "currentColor", "stroke-width": 2 } },
+    { tag: "polygon", attrs: { "points": "8,5 13,1 18,5 13,9", "fill": "none", "stroke": "currentColor", "stroke-width": 1.5 } }
+  ],
+  "circle": [
+    { tag: "line", attrs: { "x1": 0, "y1": 5, "x2": 10, "y2": 5, "stroke": "currentColor", "stroke-width": 2 } },
+    { tag: "circle", attrs: { cx: 14, cy: 5, r: 4, fill: "currentColor" } }
+  ],
+  "circle-open": [
+    { tag: "line", attrs: { "x1": 0, "y1": 5, "x2": 10, "y2": 5, "stroke": "currentColor", "stroke-width": 2 } },
+    { tag: "circle", attrs: { "cx": 14, "cy": 5, "r": 3.5, "fill": "none", "stroke": "currentColor", "stroke-width": 1.5 } }
+  ]
+};
+export const FLOW_NODE_PROXIMITY_THRESHOLD = 50;
+export const FLOW_RESIZE_HANDLES = [
+  // 4 边 (z-index: 5)
+  { edge: "top", class: "top-[-4px] left-[12px] right-[12px] h-[12px]", cursor: "ns-resize", zIndex: 5 },
+  { edge: "bottom", class: "bottom-[-4px] left-[12px] right-[12px] h-[12px]", cursor: "ns-resize", zIndex: 5 },
+  { edge: "left", class: "left-[-4px] top-[12px] bottom-[12px] w-[12px]", cursor: "ew-resize", zIndex: 5 },
+  { edge: "right", class: "right-[-4px] top-[12px] bottom-[12px] w-[12px]", cursor: "ew-resize", zIndex: 5 },
+  // 4 角 (z-index: 6, 优先于边)
+  { edge: "top-left", class: "top-[-4px] left-[-4px] w-[12px] h-[12px]", cursor: "nwse-resize", zIndex: 6 },
+  { edge: "top-right", class: "top-[-4px] right-[-4px] w-[12px] h-[12px]", cursor: "nesw-resize", zIndex: 6 },
+  { edge: "bottom-left", class: "bottom-[-4px] left-[-4px] w-[12px] h-[12px]", cursor: "nesw-resize", zIndex: 6 },
+  { edge: "bottom-right", class: "bottom-[-4px] right-[-4px] w-[12px] h-[12px]", cursor: "nwse-resize", zIndex: 6 }
+];

package/dist/runtime/constants/index.d.ts

@@ -5,3 +5,4 @@ export * from './time.js';
 export * from './menu.js';
 export * from './user.js';
 export * from './calendar.js';
+export * from './table.js';

package/dist/runtime/constants/index.js

@@ -5,3 +5,4 @@ export * from "./time.js";
 export * from "./menu.js";
 export * from "./user.js";
 export * from "./calendar.js";
+export * from "./table.js";

package/dist/runtime/constants/options.js

@@ -9,7 +9,6 @@ export var Gender = /* @__PURE__ */ ((Gender2) => {
   return Gender2;
 })(Gender || {});
 export const genderOptions = [
-  { label: "Male", value: 1 /* MALE */ },
-  { label: "Female", value: 2 /* FEMALE */ },
-  { label: "Unknown", value: 0 /* UNKNOWN */ }
+  { label: "\u7537", value: 1 /* MALE */ },
+  { label: "\u5973", value: 2 /* FEMALE */ }
 ];

package/dist/runtime/constants/table.d.ts

@@ -0,0 +1,2 @@
+import type { WhereQueryColumnOption } from '#v/types';
+export declare const tableWhereQueryItemIconMap: Map<WhereQueryColumnOption<any>['type'], string>;

package/dist/runtime/constants/table.js

@@ -0,0 +1,8 @@
+export const tableWhereQueryItemIconMap = /* @__PURE__ */ new Map([
+  ["async-select", "i-lucide-list-check"],
+  ["date-picker", "i-lucide-calendar-cog"],
+  ["input", "i-lucide-text-cursor-input"],
+  ["input-number", "i-lucide-text-cursor-input"],
+  ["select", "i-lucide-list-check"],
+  ["unknown", "i-lucide-circle-question-mark"]
+]);

package/dist/runtime/index.css

@@ -1 +1 @@
-@source "./components";@source "./composables";@source "./utils";#__nuxt,body,html{height:100%}
+@source "./components";@source "./composables";@source "./constants";@source "./utils";#__nuxt,body,html{height:100%}

package/dist/runtime/types/components/table/column.d.ts

@@ -1,6 +1,6 @@
 import type { OrderQueryOpr, WhereQueryOpr, QueryTemplate, WhereQueryItem } from '../../query.js';
 import type { PageResult, RequestResult } from '../../request.js';
-import type { TableColumn, BadgeProps, SelectProps } from '@nuxt/ui';
+import type { TableColumn, BadgeProps, InputMenuProps } from '@nuxt/ui';
 import type { SelectOption } from '../../index.js';
 import type { Ref } from 'vue';
 export type WhereQueryType = 'input' | 'input-number' | 'date-picker' | 'select' | 'async-select' | 'unknown';
@@ -23,8 +23,8 @@ export type WhereQueryColumnAsyncSelectProps<T> = {
     enableEmptyOption?: boolean;
     disableOprSelector?: boolean;
     multiple?: boolean;
-    placeholder?: string;
-    size?: SelectProps['size'];
+    placeholder?: InputMenuProps['placeholder'];
+    size?: InputMenuProps['size'];
 };
 export type WhereQueryColumnOption<T> = {
     defaultOpr?: WhereQueryOpr;
@@ -43,6 +43,7 @@ export type WhereQueryColumnOption<T> = {
     variant?: BadgeProps['variant'];
     items: SelectOption[];
     empty?: BadgeProps;
+    placeholder?: InputMenuProps['placeholder'];
 } | {
     type: 'async-select';
 } & WhereQueryColumnAsyncSelectProps<T> | {

package/dist/runtime/types/components/table/query/where.d.ts

@@ -1,4 +1,4 @@
-import type { VColumn, WhereQuery, WhereQueryColumnOption, WhereQueryItem, WhereQueryItemGroup } from '../../../index.js';
+import type { VColumn, WhereQuery, WhereQueryColumnOption, WhereQueryItemGroup } from '../../../index.js';
 export type WhereQueryOption<T> = {
     field: string & keyof T | string;
     label: string;
@@ -16,10 +16,6 @@ export type WhereQueryProps<T> = {
     bizColumns?: VColumn<T>[];
     hideQueryButton?: boolean;
 };
-export type WhereSimpleQueryProps<T> = {
-    items?: WhereQueryItem<T>[];
-    onUpdateItems: (items: WhereQueryItem<T>[] | undefined) => void;
-} & Pick<WhereQueryProps<T>, 'whereOptions' | 'fetching' | 'triggerFetching' | 'bizColumns'>;
 export type WhereAdvancedQueryProps<T> = {
     group?: WhereQueryItemGroup<T>;
     onUpdateGroup?: (items: WhereQueryItemGroup<T>) => void;

package/dist/runtime/types/models/flow.d.ts

@@ -0,0 +1,61 @@
+import type { ApiGroup } from '../components/index.js';
+import type { BaseModel } from './base.js';
+export type Flow = {
+    name?: string;
+    description?: string;
+    nodes?: FlowNode[];
+    edges?: FlowEdge[];
+} & BaseModel;
+export type FlowNode = {
+    flowId?: number;
+    name?: string;
+    positionX?: number;
+    positionY?: number;
+    width?: number;
+    height?: number;
+    parentEdges?: FlowEdge[];
+    childEdges?: FlowEdge[];
+} & BaseModel;
+export type FlowEdge = {
+    flowId?: number;
+    parentId?: number;
+    parentHandlePos?: string;
+    childId?: number;
+    childHandlePos?: string;
+    label?: string;
+    condition?: string;
+    order?: number;
+} & BaseModel;
+/**
+ * 鼠标位置类型
+ */
+export interface FlowMousePosition {
+    x: number;
+    y: number;
+}
+/**
+ * Resize 尺寸类型
+ */
+export interface UseFlowResizeDimensions {
+    width: number;
+    height: number;
+}
+/**
+ * Flow CRUD API 接口
+ * 由使用者传入，在节点/边的增删改操作时调用
+ * 所有方法都是可选的，未提供时执行纯本地操作
+ */
+export interface FlowApi {
+    /** 创建节点，返回创建后的节点（含服务端生成的 id 等字段） */
+    createNode?: ApiGroup<FlowNode>['create'];
+    /** 更新节点（位置、尺寸、名称等） */
+    updateNode?: ApiGroup<FlowNode>['update'];
+    /** 删除节点 */
+    deleteNode?: ApiGroup<FlowNode>['deleteById'];
+    /** 创建边/连接，返回创建后的边 */
+    createEdge?: ApiGroup<FlowEdge>['create'];
+    /** 更新边（label 等） */
+    updateEdge?: ApiGroup<FlowEdge>['update'];
+    /** 删除边 */
+    deleteEdge?: ApiGroup<FlowEdge>['deleteById'];
+}

package/dist/runtime/types/models/index.d.ts

@@ -1,3 +1,4 @@
 export * from './base.js';
 export * from './sys.js';
 export * from './table.js';
+export * from './flow.js';

package/dist/runtime/types/models/index.js

@@ -1,3 +1,4 @@
 export * from "./base.js";
 export * from "./sys.js";
 export * from "./table.js";
+export * from "./flow.js";

package/dist/runtime/types/models/table.d.ts

@@ -3,6 +3,7 @@ export interface Table extends BaseModel {
     tblName?: string;
     label?: string;
     labelI18nKey?: string;
+    columns?: TableColumn[];
 }
 export interface TableColumn extends BaseModel {
     tableId?: number;

package/dist/runtime/types/storage.d.ts

@@ -3,10 +3,9 @@ export declare enum StorageKey {
     ACCESS_TOKEN = "ac_t",
     REFRESH_TOKEN = "rf_t",
     LOGIN_TYPE = "login_type",
-    FLOW_EDGE_STROKE_WIDTH = "flow_edge_stroke_width",
-    FLOW_EDGE_MARKER_START = "flow_edge_marker_start",
-    FLOW_EDGE_MARKER_END = "flow_edge_marker_end",
-    FLOW_NODE_BORDER_WIDTH = "flow_node_border_width",
+    FLOW_EDGE_STYLES = "flow_edge_styles",
+    FLOW_NODE_STYLES = "flow_node_styles",
+    FLOW_COLOR_MODE = "flow_color_mode",
     ECHART_ROTATE_X_AXIS_LABEL = "echart_rotate_x_axis_label"
 }
 export type Column = {

package/dist/runtime/types/storage.js

@@ -3,10 +3,9 @@ export var StorageKey = /* @__PURE__ */ ((StorageKey2) => {
   StorageKey2["ACCESS_TOKEN"] = "ac_t";
   StorageKey2["REFRESH_TOKEN"] = "rf_t";
   StorageKey2["LOGIN_TYPE"] = "login_type";
-  StorageKey2["FLOW_EDGE_STROKE_WIDTH"] = "flow_edge_stroke_width";
-  StorageKey2["FLOW_EDGE_MARKER_START"] = "flow_edge_marker_start";
-  StorageKey2["FLOW_EDGE_MARKER_END"] = "flow_edge_marker_end";
-  StorageKey2["FLOW_NODE_BORDER_WIDTH"] = "flow_node_border_width";
+  StorageKey2["FLOW_EDGE_STYLES"] = "flow_edge_styles";
+  StorageKey2["FLOW_NODE_STYLES"] = "flow_node_styles";
+  StorageKey2["FLOW_COLOR_MODE"] = "flow_color_mode";
   StorageKey2["ECHART_ROTATE_X_AXIS_LABEL"] = "echart_rotate_x_axis_label";
   return StorageKey2;
 })(StorageKey || {});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-nuxt-ui",
-  "version": "0.1.35",
+  "version": "0.2.0",
   "description": "Veken UI Component Library - Reusable Nuxt UI components, composables, and utilities for enterprise applications",
   "type": "module",
   "style": "./dist/runtime/index.css",
@@ -54,7 +54,6 @@
     }
   },
   "optionalDependencies": {
-    "@vue-flow/core": "^1.42.2",
     "cronstrue": "^3.12.0",
     "echarts": "^6.0.0",
     "exceljs": "^4.4.0",
@@ -65,6 +64,8 @@
     "vue-echarts": "^8.0.1"
   },
   "devDependencies": {
+    "@vue-flow/core": "^1.42.2",
+    "@vue-flow/background": "^1.3.2",
     "@iconify-json/lucide": "^1.2.94",
     "@internationalized/date": "^3.12.0",
     "@nuxt/content": "^3.12.0",

package/dist/runtime/components/table/query/where/simple/index.d.vue.ts

@@ -1,21 +0,0 @@
-import type { WhereSimpleQueryProps } from '#v/types';
-declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<WhereSimpleQueryProps<T>> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: import("vue").ShallowUnwrapRef<{
-        focusItem: (field: string) => boolean;
-    }>) => void;
-    attrs: any;
-    slots: {};
-    emit: {};
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = (T extends any ? {
-    [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};

package/dist/runtime/components/table/query/where/simple/index.vue

@@ -1,52 +0,0 @@
-<script setup>
-import { ref } from "vue";
-import TableQueryWhereSimpleItem from "#v/components/table/query/where/simple/item/index.vue";
-const props = defineProps({
-  items: { type: Array, required: false },
-  onUpdateItems: { type: Function, required: true },
-  whereOptions: { type: Array, required: true },
-  fetching: { type: Boolean, required: false },
-  triggerFetching: { type: Function, required: true },
-  bizColumns: { type: Array, required: false }
-});
-const onRemoveFilter = (field) => {
-  props.onUpdateItems(props.items?.filter((query) => query.field !== field) ?? []);
-};
-const itemRefMap = ref(/* @__PURE__ */ new Map());
-function setItemRef(field, el) {
-  if (el && "focus" in el && typeof el.focus === "function") {
-    itemRefMap.value.set(field, el);
-  }
-}
-defineExpose({
-  focusItem: (field) => {
-    const item = itemRefMap.value.get(field);
-    if (item) {
-      item.focus();
-      return true;
-    }
-    return false;
-  }
-});
-</script>
-
-<template>
-  <div class="flex flex-wrap gap-2.5">
-    <!-- key如果是field，那么field修改后，不能聚焦后面的组件，所以这里的key用idx代替 -->
-    <TableQueryWhereSimpleItem
-      v-for="(item, idx) in items"
-      :ref="(el) => setItemRef(item.field, el)"
-      :key="idx"
-      :where-query-item="item"
-      :options="whereOptions"
-      :fetching="fetching"
-      :trigger-fetching="() => triggerFetching(true)"
-      @remove="onRemoveFilter"
-      @update:where-query-item="(newWhereQueryItem) => {
-  const updatedItems = [...props.items ?? []];
-  updatedItems[idx] = newWhereQueryItem;
-  props.onUpdateItems(updatedItems);
-}"
-    />
-  </div>
-</template>

package/dist/runtime/components/table/query/where/simple/index.vue.d.ts

@@ -1,21 +0,0 @@
-import type { WhereSimpleQueryProps } from '#v/types';
-declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<WhereSimpleQueryProps<T>> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: import("vue").ShallowUnwrapRef<{
-        focusItem: (field: string) => boolean;
-    }>) => void;
-    attrs: any;
-    slots: {};
-    emit: {};
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_PrettifyLocal<T> = (T extends any ? {
-    [K in keyof T]: T[K];
-} : {
-    [K in keyof T as K]: T[K];
-}) & {};