v-nuxt-ui 0.1.35 → 0.2.0

package/dist/runtime/components/table/query/where/simple/item/opr/DatePicker.vue

@@ -1,10 +1,10 @@
 <script setup>
 import { computed, useTemplateRef, nextTick, ref } from "vue";
-import { now, startOfWeek, endOfWeek, startOfMonth, endOfMonth } from "@internationalized/date";
+import { now } from "@internationalized/date";
 import dayjs from "dayjs";
 import { useDate } from "#v/composables/useDate";
 import { useApp } from "#v/composables/useApp";
-import { dateFormat, TIME_ZONE } from "#v/constants";
+import { TIME_ZONE } from "#v/constants";
 import DatePickerInput from "#v/components/date-picker/Input.vue";
 defineProps({
   disabled: { type: Boolean, required: false }
@@ -55,177 +55,183 @@ const calendarValue = computed({
     whereQueryItem.value = { ...whereQueryItem.value, value: updatedValue };
   }
 });
-const createDateStrComputed = (getValue, setValue) => computed({
-  get: getValue,
+const displayDateFormat = "YYYY-MM-DD";
+const startDateStrValueInput = useTemplateRef("startDateStrValueInput");
+const endDateStrValueInput = useTemplateRef("endDateStrValueInput");
+const startDateStrValue = computed({
+  get() {
+    return useDate().dateValueToDayjs(calendarValue.value?.start)?.format(displayDateFormat) ?? void 0;
+  },
   set(newValue) {
     if (!newValue) {
-      setValue(void 0);
+      calendarValue.value = { ...calendarValue.value, start: void 0 };
       return;
     }
-    const formattedDayjs = dayjs(newValue, dateFormat, true);
+    const formattedDayjs = dayjs(newValue, displayDateFormat, true);
     if (formattedDayjs.isValid()) {
-      setValue(useDate().dayjsToDateValue(formattedDayjs));
+      calendarValue.value = {
+        ...calendarValue.value,
+        start: useDate().dayjsToDateValue(formattedDayjs)
+      };
     }
   }
 });
-const startDateStrValueInput = useTemplateRef("startDateStrValueInput");
-const startDateStrValue = createDateStrComputed(
-  () => useDate().dateValueToDayjs(calendarValue.value?.start)?.format(dateFormat) ?? void 0,
-  (start) => {
-    calendarValue.value = { ...calendarValue.value, start };
-  }
-);
-const endDateStrValue = createDateStrComputed(
-  () => useDate().dateValueToDayjs(calendarValue.value?.end)?.format(dateFormat) ?? void 0,
-  (end) => {
-    calendarValue.value = { ...calendarValue.value, end };
+const endDateStrValue = computed({
+  get() {
+    return useDate().dateValueToDayjs(calendarValue.value?.end)?.format(displayDateFormat) ?? void 0;
+  },
+  set(newValue) {
+    if (!newValue) {
+      calendarValue.value = { ...calendarValue.value, end: void 0 };
+      return;
+    }
+    const formattedDayjs = dayjs(newValue, displayDateFormat, true);
+    if (formattedDayjs.isValid()) {
+      calendarValue.value = {
+        ...calendarValue.value,
+        end: useDate().dayjsToDateValue(formattedDayjs)
+      };
+    }
   }
-);
+});
 const singleDateStrValueInput = useTemplateRef("singleDateStrValueInput");
-const singleDateStrValue = createDateStrComputed(
-  () => useDate().dateValueToDayjs(calendarValue.value)?.format(dateFormat) || void 0,
-  (date) => {
-    calendarValue.value = date;
+const singleDateStrValue = computed({
+  get() {
+    return useDate().dateValueToDayjs(calendarValue.value)?.format(displayDateFormat) || void 0;
+  },
+  set(newValue) {
+    if (!newValue) {
+      calendarValue.value = null;
+      return;
+    }
+    const formattedDayjs = dayjs(newValue, displayDateFormat, true);
+    if (formattedDayjs.isValid()) {
+      calendarValue.value = useDate().dayjsToDateValue(formattedDayjs);
+    }
   }
-);
-const dateStrInputFocus = () => {
+});
+const popoverOpen = ref(false);
+const onOpenCalendar = () => {
+  popoverOpen.value = true;
+};
+const onCloseCalendar = () => {
+  popoverOpen.value = false;
+};
+const focusStartInput = () => {
   nextTick(() => {
-    const input = isRangeOpr.value ? startDateStrValueInput : singleDateStrValueInput;
-    input.value?.focus();
+    if (isRangeOpr.value) {
+      startDateStrValueInput.value?.focus();
+    } else {
+      singleDateStrValueInput.value?.focus();
+    }
   });
 };
-const popoverOpen = ref(false);
 defineExpose({
   focus: () => {
-    popoverOpen.value = true;
-    dateStrInputFocus();
+    focusStartInput();
   }
 });
+const date = useDate();
 const dateRangeShortcuts = [
-  {
-    label: "\u672C\u5468",
-    dateFn: () => {
-      const today = now(TIME_ZONE);
-      return {
-        start: startOfWeek(today, "zh-CN", "mon"),
-        end: endOfWeek(today, "zh-CN", "mon")
-      };
-    }
-  },
-  {
-    label: "\u672C\u6708",
-    dateFn: () => {
-      const today = now(TIME_ZONE);
-      return {
-        start: startOfMonth(today),
-        end: endOfMonth(today)
-      };
-    }
-  },
-  {
-    label: "\u4E0A\u5468",
-    dateFn: () => {
-      const today = now(TIME_ZONE);
-      const lastWeek = today.subtract({ weeks: 1 });
-      return {
-        start: startOfWeek(lastWeek, "zh-CN", "mon"),
-        end: endOfWeek(lastWeek, "zh-CN", "mon")
-      };
-    }
-  },
-  {
-    label: "\u4E0A\u6708",
-    dateFn: () => {
-      const today = now(TIME_ZONE);
-      const lastMonth = today.subtract({ months: 1 });
-      return {
-        start: startOfMonth(lastMonth),
-        end: endOfMonth(lastMonth)
-      };
-    }
-  }
+  date.lastWeekDateShortcut,
+  date.lastMonthDateShortcut,
+  date.currentWeekDateShortcut,
+  date.currentMonthDateShortcut
 ];
-const isValueEmpty = computed(() => {
-  if (isNoCalendarOpr.value) return false;
-  const value = whereQueryItem.value.value;
-  if (isRangeOpr.value) {
-    return value === null || value?.start === null && value?.end === null;
-  }
-  return value === null || value === "";
-});
-const displayValue = computed(() => {
-  if (isValueEmpty.value) return "";
-  if (isRangeOpr.value) {
-    const range = calendarValue.value;
-    const start = useDate().dateValueToDayjs(range?.start)?.format(dateFormat) || "";
-    const end = useDate().dateValueToDayjs(range?.end)?.format(dateFormat) || "";
-    return `${start} ~ ${end}`;
-  }
-  return useDate().dateValueToDayjs(calendarValue.value)?.format(dateFormat) || "";
-});
 </script>
 
 <template>
   <UPopover
     v-model:open="popoverOpen"
+    :dismissible="false"
     :content="{
   align: 'start',
-  onCloseAutoFocus: (e) => e.preventDefault()
+  onCloseAutoFocus: (e) => e.preventDefault(),
+  onOpenAutoFocus: (e) => e.preventDefault()
 }"
   >
-    <UButton size="sm" color="neutral" variant="outline">
-      {{ isValueEmpty ? "--" : displayValue }}
-    </UButton>
+    <!-- 输入框直接暴露 -->
+    <template v-if="isNoCalendarOpr" />
 
-    <template #content>
-      <div class="p-3 flex flex-col gap-2">
-        <UFieldGroup v-if="isRangeOpr" :orientation="app.isMobile.value ? 'vertical' : 'horizontal'">
-          <DatePickerInput
-            ref="startDateStrValueInput"
-            v-model:value="startDateStrValue"
-            placeholder="YYYY/MM/DD 开始日期"
-            :disabled="disabled"
-          />
-          <DatePickerInput
-            ref="endDateStrValueInput"
-            v-model:value="endDateStrValue"
-            placeholder="YYYY/MM/DD 结束日期"
-            :disabled="disabled"
-          />
-        </UFieldGroup>
+    <template v-else-if="isRangeOpr">
+      <!-- 必须加这个div，不然第一个输入框无法正确渲染 -->
+      <div />
+      <DatePickerInput
+        ref="startDateStrValueInput"
+        v-model:value="startDateStrValue"
+        icon=""
+        input-class="w-32"
+        placeholder="YYYY-MM-DD"
+        @focus="onOpenCalendar"
+        @blur="onCloseCalendar"
+      />
+      <UBadge variant="outline" color="neutral">
+        ~
+      </UBadge>
+      <DatePickerInput
+        ref="endDateStrValueInput"
+        v-model:value="endDateStrValue"
+        icon=""
+        input-class="w-32"
+        placeholder="YYYY-MM-DD"
+        @focus="onOpenCalendar"
+        @blur="onCloseCalendar"
+      />
+    </template>
 
-        <DatePickerInput
-          v-else
-          ref="singleDateStrValueInput"
-          v-model:value="singleDateStrValue"
-          placeholder="YYYY/MM/DD 日期"
-          :disabled="disabled"
-        />
+    <template v-else>
+      <div />
+      <DatePickerInput
+        ref="singleDateStrValueInput"
+        v-model:value="singleDateStrValue"
+        icon=""
+        input-class="w-32"
+        placeholder="YYYY-MM-DD"
+        @focus="onOpenCalendar"
+        @blur="onCloseCalendar"
+      />
+    </template>
 
+    <template #content>
+      <div
+        class="p-3 flex flex-col gap-2"
+        @mousedown.prevent
+      >
         <UCalendar
           v-if="!isNoCalendarOpr"
           :model-value="calendarValue"
           :range="isRangeOpr"
           size="sm"
+          variant="subtle"
           :disabled="disabled"
           :number-of-months="app.isMobile.value || !isRangeOpr ? 1 : 2"
           @update:model-value="(newValue) => calendarValue = newValue ?? null"
         />
 
-        <div v-if="isRangeOpr" class="ml-auto">
-          <UFieldGroup>
-            <UButton
-              v-for="shortcut in dateRangeShortcuts"
-              :key="shortcut.label"
-              :label="shortcut.label"
-              size="xs"
-              color="neutral"
-              variant="outline"
-              :disabled="disabled"
-              @click="calendarValue = shortcut.dateFn()"
-            />
-          </UFieldGroup>
-        </div>
+        <UFieldGroup class="ml-auto">
+          <UButton
+            v-for="shortcut in isRangeOpr ? dateRangeShortcuts : []"
+            :key="shortcut.label"
+            :label="shortcut.label"
+            size="xs"
+            color="neutral"
+            variant="outline"
+            :disabled="disabled"
+            :tabindex="-1"
+            @click="calendarValue = shortcut.dateFn()"
+          />
+          <UButton
+            v-if="!isRangeOpr"
+            label="今天"
+            size="xs"
+            color="neutral"
+            variant="outline"
+            :tabindex="-1"
+            @click="() => {
+  calendarValue = now(TIME_ZONE);
+}"
+          />
+        </UFieldGroup>
       </div>
     </template>
   </UPopover>

package/dist/runtime/components/table/query/where/simple/item/opr/Select.d.vue.ts

@@ -1,8 +1,10 @@
-import type { SelectOption, WhereQueryItem } from '#v/types';
+import type { WhereQueryItem } from '#v/types';
+import type { InputMenuItem, InputMenuProps } from '@nuxt/ui';
 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<({
         disabled?: boolean;
-        items: SelectOption[];
+        items: InputMenuItem[];
+        placeholder?: InputMenuProps["placeholder"];
     } & {
         whereQueryItem: WhereQueryItem<T>;
     }) & {

package/dist/runtime/components/table/query/where/simple/item/opr/Select.vue

@@ -1,12 +1,12 @@
 <script setup>
-import { computed, useTemplateRef } from "vue";
-import ButtonDropdown from "#v/components/button/Dropdown.vue";
+import { computed, ref, useTemplateRef } from "vue";
 const props = defineProps({
   disabled: { type: Boolean, required: false },
-  items: { type: Array, required: true }
+  items: { type: Array, required: true },
+  placeholder: { type: String, required: false }
 });
 const whereQueryItem = defineModel("whereQueryItem", { type: Object, ...{ required: true } });
-const queryValue = computed({
+const inputMenuValue = computed({
   get() {
     return whereQueryItem.value.value;
   },
@@ -14,49 +14,49 @@ const queryValue = computed({
     whereQueryItem.value = { ...whereQueryItem.value, value: newValue };
   }
 });
-const groups = computed(() => [
-  {
-    id: "fields",
-    items: props.items,
-    ignoreFilter: true
+const searchTerm = ref("");
+const filteredItems = computed(() => {
+  if (!searchTerm.value) {
+    return props.items;
   }
-]);
-const ref = useTemplateRef("dropdownBtn");
+  return props.items.filter((item) => item?.label.toLowerCase().includes(searchTerm.value.toLowerCase()));
+});
+const inputMenuRef = useTemplateRef("inputMenu");
 defineExpose({
   focus: () => {
-    ref.value?.focus();
+    inputMenuRef.value?.inputRef.focus();
   }
 });
 </script>
 
 <template>
-  <ButtonDropdown
-    ref="dropdownBtn"
-    v-model="queryValue"
-    :groups="groups"
+  <UInputMenu
+    ref="inputMenu"
+    v-model:search-term="searchTerm"
+    v-model="inputMenuValue"
+    :items="filteredItems"
+    :placeholder="placeholder"
     multiple
-    enable-footer-toolbar
-  >
-    <UButton
-      size="sm"
-      color="neutral"
-      variant="outline"
-    >
-      <div v-if="!queryValue || queryValue.length === 0">
-        --
-      </div>
-      <div v-else-if="queryValue.length <= 2" class="flex items-center gap-1">
-        {{ queryValue.map((value2) => items.find((item) => item.value === value2)?.label || value2).join(", ") }}
-      </div>
-      <div v-else>
-        <!-- 打印前两项，后面+1代替 -->
-        <div class="flex items-center gap-1">
-          <div v-for="value in queryValue.slice(0, 2)" :key="value">
-            {{ items.find((item) => item.value === value)?.label || value }}
-          </div>
-          <span>+{{ queryValue.length - 2 }}</span>
-        </div>
-      </div>
-    </UButton>
-  </ButtonDropdown>
+    color="neutral"
+    delete-icon="i-lucide-trash"
+    value-key="value"
+    clear
+    clear-icon="i-lucide-circle-x"
+    icon=""
+    :disabled="disabled"
+    open-on-focus
+    trailing
+    :ui="{
+  root: 'rounded-none min-w-32',
+  // TODO: 不然有rounded，这个应该是个bug
+  content: 'min-w-fit',
+  tagsInput: 'min-w-4 w-0'
+}"
+    :content="{
+  align: 'start'
+}"
+    @update:model-value="() => {
+  inputMenuRef?.inputRef.focus();
+}"
+  />
 </template>

package/dist/runtime/components/table/query/where/simple/item/opr/Select.vue.d.ts

@@ -1,8 +1,10 @@
-import type { SelectOption, WhereQueryItem } from '#v/types';
+import type { WhereQueryItem } from '#v/types';
+import type { InputMenuItem, InputMenuProps } from '@nuxt/ui';
 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<({
         disabled?: boolean;
-        items: SelectOption[];
+        items: InputMenuItem[];
+        placeholder?: InputMenuProps["placeholder"];
     } & {
         whereQueryItem: WhereQueryItem<T>;
     }) & {

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

@@ -48,6 +48,7 @@ defineExpose({
     v-model:where-query-item="whereQueryItem"
     :disabled="fetching"
     :items="option.items || []"
+    :placeholder="option.placeholder"
   />
   <TableQueryWhereSimpleItemOprDatePicker
     v-else-if="option.type === 'date-picker'"
@@ -68,5 +69,6 @@ defineExpose({
     :label-field="option.labelField"
     :value-field="option.valueField"
     :multiple="option.multiple"
+    :placeholder="option.placeholder"
   />
 </template>

package/dist/runtime/components/table/settings/TableSettings.d.vue.ts

@@ -1,3 +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;
-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>;

package/dist/runtime/components/table/settings/TableSettings.vue

@@ -2,9 +2,6 @@
 import { useTableColumnPermission } from "#v/composables/table/useTableColumnPermission";
 import UserTableColumnModal from "./UserTableColumnModal.vue";
 import { ref, h, onMounted } from "vue";
-</script>
-
-<script>
 const { tables, fetchTables, fetchMergedColumns, saveUserColumns } = useTableColumnPermission();
 const selectedTable = ref(null);
 const mergedColumns = ref([]);

package/dist/runtime/components/table/settings/TableSettings.vue.d.ts

@@ -1,3 +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;
-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>;

package/dist/runtime/composables/api/sys/index.d.ts

@@ -12,3 +12,6 @@ export * from './useUserApi.js';
 export * from '../useTableApi.js';
 export * from '../useTableColumnApi.js';
 export * from '../useTablePermissionApi.js';
+export * from './useFlowApi.js';
+export * from './useFlowNodeApi.js';
+export * from './useFlowEdgeApi.js';

package/dist/runtime/composables/api/sys/index.js

@@ -12,3 +12,6 @@ export * from "./useUserApi.js";
 export * from "../useTableApi.js";
 export * from "../useTableColumnApi.js";
 export * from "../useTablePermissionApi.js";
+export * from "./useFlowApi.js";
+export * from "./useFlowNodeApi.js";
+export * from "./useFlowEdgeApi.js";

package/dist/runtime/composables/api/sys/useFlowApi.d.ts

@@ -0,0 +1,2 @@
+import type { ApiGroup, Flow } from '#v/types';
+export declare const useFlowApi: () => ApiGroup<Flow>;

package/dist/runtime/composables/api/sys/useFlowApi.js

@@ -0,0 +1,5 @@
+import { createSharedComposable } from "@vueuse/core";
+import { useApi } from "../useApi.js";
+export const useFlowApi = createSharedComposable(() => ({
+  ...useApi("/flows")
+}));

package/dist/runtime/composables/api/sys/useFlowEdgeApi.d.ts

@@ -0,0 +1,2 @@
+import type { FlowEdge } from '#v/types';
+export declare const useFlowEdgeApi: () => import("#v/types").ApiGroup<FlowEdge>;

package/dist/runtime/composables/api/sys/useFlowEdgeApi.js

@@ -0,0 +1,3 @@
+import { createSharedComposable } from "@vueuse/core";
+import { useApi } from "../useApi.js";
+export const useFlowEdgeApi = createSharedComposable(() => useApi("/flows/edges"));

package/dist/runtime/composables/api/sys/useFlowNodeApi.d.ts

@@ -0,0 +1,2 @@
+import type { FlowNode } from '#v/types';
+export declare const useFlowNodeApi: () => import("#v/types").ApiGroup<FlowNode>;

package/dist/runtime/composables/api/sys/useFlowNodeApi.js

@@ -0,0 +1,3 @@
+import { createSharedComposable } from "@vueuse/core";
+import { useApi } from "../useApi.js";
+export const useFlowNodeApi = createSharedComposable(() => useApi("/flows/nodes"));

package/dist/runtime/composables/api/sys/useRoleApi.js

@@ -7,6 +7,7 @@ export const useRoleApi = createSharedComposable(() => ({
   prune: (model) => {
     const cloned = cloneJson(model);
     cloned.menus = useBizModel().extractIds(cloned.menus);
+    cloned.tablePermissions = useBizModel().extractIds(cloned.tablePermissions);
     return cloned;
   },
   copy: (model) => ({
@@ -15,6 +16,7 @@ export const useRoleApi = createSharedComposable(() => ({
     permission: model.permission,
     disabled: model.disabled,
     remark: model.remark,
-    menus: model.menus
+    menus: model.menus,
+    tablePermissions: model.tablePermissions
   })
 }));

package/dist/runtime/composables/api/sys/useUserApi.js

@@ -13,6 +13,7 @@ export const useUserApi = createSharedComposable(() => ({
     const bizModel = useBizModel();
     cloned.roles = bizModel.extractIds(cloned.roles);
     cloned.menus = bizModel.extractIds(cloned.menus);
+    cloned.tablePermissions = bizModel.extractIds(cloned.tablePermissions);
     return cloned;
   },
   copy: (model) => ({
@@ -28,7 +29,8 @@ export const useUserApi = createSharedComposable(() => ({
     entryDate: model.entryDate,
     resignDate: model.resignDate,
     gender: model.gender,
-    loginType: model.loginType
+    loginType: model.loginType,
+    tablePermissions: model.tablePermissions
   }),
   changePwd: (payload, customOptions = {}) => {
     return usePutFetch(`/users/pwd/change`, payload, customOptions);

package/dist/runtime/composables/flow/index.d.ts

@@ -1 +1,4 @@
+export * from './useFlow.js';
+export * from './useFlowNode.js';
+export * from './useFlowResize.js';
 export * from './useFlowStyles.js';

package/dist/runtime/composables/flow/index.js

@@ -1 +1,4 @@
+export * from "./useFlow.js";
+export * from "./useFlowNode.js";
+export * from "./useFlowResize.js";
 export * from "./useFlowStyles.js";

package/dist/runtime/composables/flow/useFlow.d.ts

@@ -0,0 +1,33 @@
+import type { Node, Edge, Connection } from '@vue-flow/core';
+import type { ComputedRef, ShallowRef, Ref } from 'vue';
+import type { Flow, FlowNode, FlowApi, UseFlowResizeDimensions } from '#v/types';
+export interface UseFlowOptions {
+    flow: ComputedRef<Flow | undefined>;
+    onUpdateModel?: ComputedRef<((model: Flow) => void) | undefined>;
+    /** CRUD API 回调，在节点/边增删改时调用 */
+    api?: ComputedRef<FlowApi | undefined>;
+}
+export interface UseFlowReturn {
+    nodes: ShallowRef<Node[]>;
+    edges: ShallowRef<Edge[]>;
+    GRID_SIZE: number;
+    /** 是否有 API 操作正在进行 */
+    loading: Ref<boolean>;
+    deleteNode: (nodeId: string) => Promise<void>;
+    deleteEdge: (edgeId: string) => Promise<void>;
+    createEdge: (params: Connection) => Promise<void>;
+    /** 重连边：乐观更新，立即移动到新位置（带 opacity），API 完成后恢复 */
+    reconnectEdge: (oldEdgeId: string, connection: Connection) => Promise<void>;
+    updateNodePosition: (nodeId: string, x: number, y: number) => Promise<void>;
+    updateNodeDimensions: (nodeId: string, dimensions: UseFlowResizeDimensions) => Promise<void>;
+    updateNode: (updatedNode: FlowNode) => Promise<void>;
+    createNode: () => Promise<void>;
+    syncNodes: (createHandlers: (nodeId: string) => Record<string, any>) => void;
+    updateEdgeLabel: (edgeId: string, label: string) => Promise<void>;
+    syncEdges: (createHandlers: (edgeId: string) => Record<string, any>) => void;
+}
+/**
+ * Flow 业务逻辑 Composable
+ * 管理节点和边的 CRUD 操作，并同步到外部数据模型
+ */
+export declare function useFlow(options: UseFlowOptions): UseFlowReturn;