v-nuxt-ui 0.1.35 → 0.2.0

package/dist/runtime/components/flow/FlowToolbar.vue.d.ts

@@ -1,13 +1,49 @@
+import type { FlowEdgeStrokeType, FlowEdgePathType, FlowArrowType } from '#v/constants';
+import type { FlowColorMode } from '#v/composables/flow/useFlowStyles';
 type __VLS_Props = {
     onAddNode?: () => void;
+    /** 是否有 API 操作正在进行，用于禁用交互 */
+    loading?: boolean;
     edgeStrokeWidth?: number;
-    edgeMarkerStart?: boolean;
-    edgeMarkerEnd?: boolean;
+    edgeStrokeType?: FlowEdgeStrokeType;
+    edgePathType?: FlowEdgePathType;
+    edgeMarkerStart?: FlowArrowType;
+    edgeMarkerEnd?: FlowArrowType;
+    edgeAnimated?: boolean;
+    edgeColor?: string;
+    edgeLabelColor?: string;
     nodeBorderWidth?: number;
-    onEdgeStrokeWidthChange?: (width: number) => void;
-    onToggleEdgeMarkerStart?: () => void;
-    onToggleEdgeMarkerEnd?: () => void;
+    nodeBorderRadius?: number;
+    nodeBorderColor?: string;
+    nodeBgColor?: string;
+    nodeFontColor?: string;
+    nodeFontSize?: number;
+    nodeHandleSize?: number;
+    nodeHandleColor?: string;
+    /** 颜色模式 */
+    colorMode?: FlowColorMode;
+    /** 统一颜色名称 */
+    unifiedColor?: string;
+    /** 是否统一模式 */
+    isUnifiedMode?: boolean;
+    onEdgeStrokeWidthChange: (width: number) => void;
+    onEdgeStrokeTypeChange?: (type: FlowEdgeStrokeType) => void;
+    onEdgePathTypeChange?: (type: FlowEdgePathType) => void;
+    onEdgeMarkerStartChange?: (type: FlowArrowType) => void;
+    onEdgeMarkerEndChange?: (type: FlowArrowType) => void;
+    onToggleEdgeAnimated?: () => void;
+    onEdgeColorChange?: (color: string) => void;
+    onEdgeLabelColorChange?: (color: string) => void;
     onNodeBorderWidthChange?: (width: number) => void;
+    onNodeBorderRadiusChange?: (radius: number) => void;
+    onNodeBorderColorChange?: (color: string) => void;
+    onNodeBgColorChange?: (color: string) => void;
+    onNodeFontColorChange?: (color: string) => void;
+    onNodeFontSizeChange?: (size: number) => void;
+    onNodeHandleSizeChange?: (size: number) => void;
+    onNodeHandleColorChange?: (color: string) => void;
+    onColorModeChange?: (mode: FlowColorMode) => void;
+    onUnifiedColorChange?: (name: string) => void;
 };
 declare const __VLS_export: 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 _default: typeof __VLS_export;

package/dist/runtime/components/flow/FlowToolbarItemWrapper.d.vue.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    label: string;
+    description?: 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/runtime/components/flow/FlowToolbarItemWrapper.vue

@@ -0,0 +1,16 @@
+<script setup>
+defineProps({
+  label: { type: String, required: true },
+  description: { type: String, required: false }
+});
+</script>
+
+<template>
+  <div class="flex items-center gap-12 justify-between min-h-4">
+    <div class="flex flex-col flex-1">
+      <span class="font-bold text-sm">{{ label }}</span>
+      <span v-if="description" class="text-xs text-muted">{{ description }}</span>
+    </div>
+    <slot name="default" />
+  </div>
+</template>

package/dist/runtime/components/flow/FlowToolbarItemWrapper.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    label: string;
+    description?: 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/runtime/components/form/field/DatePicker.vue

@@ -71,7 +71,7 @@ const dateStrInputFocus = () => {
           <DatePickerInput
             ref="dateStrValueInput"
             v-model:value="dateStrValue"
-            placeholder="YYYY/MM/DD 日期"
+            placeholder="YYYY-MM-DD 日期"
           />
           <UCalendar
             :model-value="dateValue"

package/dist/runtime/components/sys/flow/CreateModal.d.vue.ts

@@ -0,0 +1,13 @@
+import type { Flow } from '#v/types';
+type __VLS_Props = {
+    model: Flow;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (args_0: boolean) => any;
+    save: (args_0: Flow) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: Flow) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/sys/flow/CreateModal.vue

@@ -0,0 +1,32 @@
+<script setup>
+import * as z from "zod";
+import FormCreateModalTemplate from "#v/components/form/create-modal-template/index.vue";
+import { useFlowApi, useFormSubmission, useFormValues } from "#v/composables";
+import { toRef } from "vue";
+const props = defineProps({
+  model: { type: Object, required: true }
+});
+const emit = defineEmits(["close", "save"]);
+const { oldValues, newValues } = useFormValues(toRef(props.model), { id: 0 });
+const { onSubmit } = useFormSubmission(
+  toRef(oldValues),
+  toRef(newValues),
+  (close) => emit("close", close),
+  (model) => emit("save", model),
+  useFlowApi
+);
+</script>
+
+<template>
+  <FormCreateModalTemplate
+    title="流程信息"
+    :on-close="(ok) => emit('close', ok)"
+    :fields="[
+  { name: 'name', type: 'input', label: '\u6D41\u7A0B\u540D\u79F0', colSpan: '24', zodType: z.string().min(2, '\u540D\u79F0\u5B57\u6570\u4E0D\u8DB3') },
+  { name: 'description', type: 'textarea', label: '\u6D41\u7A0B\u63CF\u8FF0', colSpan: '24' }
+]"
+    :model-value="newValues"
+    @update-model-value="(newVal) => newValues = { ...newValues, ...newVal }"
+    @submit="onSubmit"
+  />
+</template>

package/dist/runtime/components/sys/flow/CreateModal.vue.d.ts

@@ -0,0 +1,13 @@
+import type { Flow } from '#v/types';
+type __VLS_Props = {
+    model: Flow;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (args_0: boolean) => any;
+    save: (args_0: Flow) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: Flow) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/sys/flow/EditNodeModal.d.vue.ts

@@ -0,0 +1,13 @@
+import type { FlowNode } from '#v/types';
+type __VLS_Props = {
+    model: FlowNode;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (args_0: boolean) => any;
+    save: (args_0: FlowNode) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: FlowNode) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/sys/flow/EditNodeModal.vue

@@ -0,0 +1,30 @@
+<script setup>
+import * as z from "zod";
+import FormCreateModalTemplate from "#v/components/form/create-modal-template/index.vue";
+import { useFormValues } from "#v/composables";
+import { toRef } from "vue";
+const props = defineProps({
+  model: { type: Object, required: true }
+});
+const emit = defineEmits(["close", "save"]);
+const { newValues } = useFormValues(toRef(props.model), {
+  id: 0,
+  name: ""
+});
+</script>
+
+<template>
+  <FormCreateModalTemplate
+    title="编辑节点"
+    :on-close="(ok) => emit('close', ok)"
+    :fields="[
+  { name: 'name', type: 'input', label: '\u8282\u70B9\u540D\u79F0', colSpan: '24', zodType: z.string().min(1, '\u8BF7\u8F93\u5165\u8282\u70B9\u540D\u79F0') }
+]"
+    :model-value="newValues"
+    @update-model-value="(newVal) => newValues = { ...props.model, ...newVal }"
+    @submit="async () => {
+  emit('save', newValues);
+  emit('close', true);
+}"
+  />
+</template>

package/dist/runtime/components/sys/flow/EditNodeModal.vue.d.ts

@@ -0,0 +1,13 @@
+import type { FlowNode } from '#v/types';
+type __VLS_Props = {
+    model: FlowNode;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (args_0: boolean) => any;
+    save: (args_0: FlowNode) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: FlowNode) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/sys/flow/Table.d.vue.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/runtime/components/sys/flow/Table.vue

@@ -0,0 +1,103 @@
+<script setup>
+import { h, ref } from "vue";
+import { useOverlay } from "@nuxt/ui/composables";
+import { getCreateAtColumn } from "#v/constants";
+import { useFlowApi, useFlowNodeApi, useFlowEdgeApi } from "#v/composables";
+import TablePage from "#v/components/table/Page.vue";
+import FlowEditor from "#v/components/flow/FlowEditor.client.vue";
+import CreateModal from "./CreateModal.vue";
+import EditNodeModal from "./EditNodeModal.vue";
+const overlay = useOverlay();
+const createModal = overlay.create(CreateModal);
+const editNodeModal = overlay.create(EditNodeModal);
+const tablePageRef = ref(null);
+const columns = [
+  {
+    accessorKey: "name",
+    header: "\u6D41\u7A0B\u540D\u79F0",
+    sortOption: true,
+    filterOption: {
+      type: "input",
+      initHide: false
+    }
+  },
+  {
+    accessorKey: "description",
+    header: "\u6D41\u7A0B\u63CF\u8FF0",
+    cell: ({ row }) => row.original.description || "\u2014"
+  },
+  {
+    accessorKey: "nodes",
+    header: "\u8282\u70B9\u6570",
+    cell: ({ row }) => `${row.original.nodes?.length ?? 0}\u4E2A`
+  },
+  {
+    accessorKey: "edges",
+    header: "\u8FDE\u63A5\u6570",
+    cell: ({ row }) => `${row.original.edges?.length ?? 0}\u4E2A`
+  },
+  getCreateAtColumn()
+];
+const flowNodeApi = useFlowNodeApi();
+const flowEdgeApi = useFlowEdgeApi();
+const flowEditorApi = {
+  createNode: flowNodeApi.create,
+  updateNode: flowNodeApi.update,
+  deleteNode: flowNodeApi.deleteById,
+  createEdge: flowEdgeApi.create,
+  updateEdge: flowEdgeApi.update,
+  deleteEdge: flowEdgeApi.deleteById
+};
+function updateExpandedFlow(row, updatedFlow) {
+  tablePageRef.value?.updateRow(updatedFlow);
+  Object.assign(row, updatedFlow);
+}
+function updateNodeInFlow(row, updatedNode) {
+  const currentNodes = row.nodes ?? [];
+  const nodes = currentNodes.map((node) => node.id === updatedNode.id ? { ...node, ...updatedNode } : node);
+  const updatedFlow = { ...row, nodes };
+  updateExpandedFlow(row, updatedFlow);
+}
+async function handleEditNode(row, node) {
+  const updatedNode = await new Promise((resolve, reject) => {
+    editNodeModal.open({ model: node }).result.then((result) => {
+      if (!result || typeof result === "boolean") {
+        resolve(null);
+        return;
+      }
+      resolve(result);
+    }).catch(reject);
+  });
+  if (!updatedNode) return;
+  const { data } = await flowNodeApi.update(updatedNode);
+  if (data.value.data) {
+    updateNodeInFlow(row, data.value.data);
+  }
+}
+function getExpandVNode(row) {
+  return h("div", {
+    class: "w-full h-150 border border-default rounded bg-default"
+  }, [
+    h(FlowEditor, {
+      "modelValue": row,
+      "api": flowEditorApi,
+      "showStats": false,
+      "onUpdate:modelValue": (updatedModel) => updateExpandedFlow(row, updatedModel),
+      "onEditNode": (node) => handleEditNode(row, node)
+    })
+  ]);
+}
+</script>
+
+<template>
+  <TablePage
+    ref="tablePageRef"
+    name="sys-flow"
+    cn-name="流程列表"
+    :use-api-group="useFlowApi"
+    :biz-columns="columns"
+    expandable
+    :expand-v-node="getExpandVNode"
+    @edit-row-from-modal="async (row) => Boolean(await createModal.open({ model: { ...row } }).result)"
+  />
+</template>

package/dist/runtime/components/sys/flow/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/runtime/components/sys/table/CreateModal.vue

@@ -1,145 +1,15 @@
 <script setup>
 import * as z from "zod";
-import { useOverlay } from "@nuxt/ui/composables";
 import FormCreateModalTemplate from "#v/components/form/create-modal-template/index.vue";
-import ProSimpleTable from "#v/components/simple-table/index.vue";
-import TableColumnModal from "./TableColumnModal.vue";
-import { useFormSubmission, useFormValues, useTableApi, useTableColumnApi } from "#v/composables";
-import { computed, ref, toRef, onMounted } from "vue";
+import TableColumnList from "./TableColumnList.vue";
+import { useFormSubmission, useFormValues, useTableApi } from "#v/composables";
+import { computed, ref, toRef } from "vue";
 const props = defineProps({
   model: { type: Object, required: true }
 });
 const emit = defineEmits(["close", "save"]);
-const overlay = useOverlay();
-const columnModal = overlay.create(TableColumnModal);
 const { oldValues, newValues } = useFormValues(toRef(props.model), { id: 0 });
-const tableColumnApi = useTableColumnApi();
-const columns = ref([]);
-const deletedColumnIds = ref([]);
-const loading = ref(false);
-async function fetchColumns() {
-  if (props.model.id === 0) return;
-  loading.value = true;
-  const { data } = await tableColumnApi.list({
-    pagination: { pageNum: 0, pageSize: 0 },
-    orderQuery: [{ field: "order", order: "asc" }],
-    whereQuery: {
-      items: [{ field: "tableId", value: props.model.id, opr: "eq" }]
-    }
-  });
-  if (data.value.data) {
-    columns.value = data.value.data.list.map((col) => ({
-      id: col.id,
-      columnKey: col.columnKey,
-      label: col.label,
-      order: col.order,
-      width: col.width,
-      fixed: col.fixed,
-      visible: col.visible
-    }));
-  }
-  loading.value = false;
-}
-onMounted(fetchColumns);
-function addColumn() {
-  const maxOrder = columns.value.reduce((max, col) => Math.max(max, col.order ?? 0), 0);
-  columns.value.push({
-    id: 0,
-    columnKey: "",
-    label: "",
-    order: maxOrder + 1,
-    width: 100,
-    fixed: "",
-    visible: true,
-    _isDirty: true
-  });
-}
-function removeColumn(index) {
-  const col = columns.value[index];
-  if (col.id !== 0) {
-    deletedColumnIds.value.push(col.id);
-  }
-  columns.value.splice(index, 1);
-}
-async function editColumn(index) {
-  const col = columns.value[index];
-  const isNew = col.id === 0;
-  if (isNew) {
-    return;
-  }
-  const result = await columnModal.open({ table: props.model, column: col }).result;
-  if (result) {
-    const updatedCol = result;
-    columns.value[index] = { ...updatedCol, _isDirty: true };
-  }
-}
-const tableColumns = [
-  {
-    accessorKey: "columnKey",
-    header: "\u5217\u6807\u8BC6",
-    size: 120
-  },
-  {
-    accessorKey: "label",
-    header: "\u663E\u793A\u540D",
-    size: 120
-  },
-  {
-    accessorKey: "order",
-    header: "\u987A\u5E8F",
-    size: 80
-  },
-  {
-    accessorKey: "width",
-    header: "\u5BBD\u5EA6",
-    size: 80
-  },
-  {
-    accessorKey: "fixed",
-    header: "\u56FA\u5B9A",
-    size: 80,
-    cell: ({ row }) => {
-      const fixedMap = { "": "\u5426", left: "\u5DE6", right: "\u53F3" };
-      return fixedMap[row.fixed] ?? "\u5426";
-    }
-  },
-  {
-    accessorKey: "visible",
-    header: "\u663E\u793A",
-    size: 60,
-    cell: ({ row }) => row.visible ? "\u662F" : "\u5426"
-  },
-  {
-    accessorKey: "actions",
-    header: "\u64CD\u4F5C",
-    size: 100,
-    cell: ({ row, index }) => {
-      return {
-        type: "div",
-        class: "flex gap-1",
-        children: [
-          {
-            type: "button",
-            label: "\u7F16\u8F91",
-            icon: "i-lucide-edit",
-            variant: "ghost",
-            size: "xs",
-            onClick: () => editColumn(index)
-          },
-          {
-            type: "button",
-            label: "\u5220\u9664",
-            icon: "i-lucide-trash-2",
-            color: "error",
-            variant: "ghost",
-            size: "xs",
-            onClick: () => removeColumn(index)
-          }
-        ]
-      };
-    }
-  }
-];
+const columnListRef = ref();
 const { onSubmit } = useFormSubmission(
   toRef(oldValues),
   toRef(newValues),
@@ -149,38 +19,12 @@ const { onSubmit } = useFormSubmission(
     if (model.id === 0) {
       const { data } = await tableApi.create(model);
       const newTable = data.value?.data;
-      if (newTable && columns.value.length > 0) {
-        for (const col of columns.value) {
-          await tableColumnApi.create({
-            ...col,
-            tableId: newTable.id
-          });
-        }
+      if (newTable && columnListRef.value?.columns.length) {
+        await columnListRef.value.createAllColumns(newTable.id);
       }
       emit("save", newTable);
     } else {
-      for (const col of columns.value) {
-        if (col._isDirty) {
-          const colData = {
-            id: col.id,
-            tableId: props.model.id,
-            columnKey: col.columnKey,
-            label: col.label,
-            order: col.order,
-            width: col.width,
-            fixed: col.fixed,
-            visible: col.visible
-          };
-          if (col.id === 0) {
-            await tableColumnApi.create(tableColumnApi.prune(colData));
-          } else {
-            await tableColumnApi.update(tableColumnApi.prune(colData));
-          }
-        }
-      }
-      for (const id of deletedColumnIds.value) {
-        await tableColumnApi.deleteById(id);
-      }
+      await columnListRef.value?.saveDirtyColumns(props.model.id);
       emit("save", model);
     }
   },
@@ -188,8 +32,7 @@ const { onSubmit } = useFormSubmission(
 );
 const fields = computed(() => [
   { name: "tblName", type: "input", label: "\u8868\u540D", colSpan: "12", zodType: z.string().min(1, "\u8868\u540D\u4E0D\u80FD\u4E3A\u7A7A") },
-  { name: "label", type: "input", label: "\u663E\u793A\u540D", colSpan: "12", zodType: z.string().min(1, "\u663E\u793A\u540D\u4E0D\u80FD\u4E3A\u7A7A") },
-  { name: "labelI18nKey", type: "input", label: "i18n Key", colSpan: "24", zodType: z.string().optional().nullable() }
+  { name: "label", type: "input", label: "\u663E\u793A\u540D", colSpan: "12", zodType: z.string().min(1, "\u663E\u793A\u540D\u4E0D\u80FD\u4E3A\u7A7A") }
 ]);
 function updateModelValue(newVal) {
   newValues.value = { id: 0, ...newVal };
@@ -206,34 +49,7 @@ function updateModelValue(newVal) {
     @submit="onSubmit"
   >
     <template #after-form>
-      <div class="border-t pt-4 mt-4">
-        <div class="flex items-center justify-between mb-2">
-          <div>
-            <div class="font-semibold">列配置</div>
-            <div class="text-sm text-dimmed">配置 Table 的列信息</div>
-          </div>
-          <UButton
-            label="添加列"
-            icon="i-lucide-plus"
-            variant="soft"
-            size="sm"
-            @click="addColumn"
-          />
-        </div>
-
-        <div v-if="loading" class="py-8 text-center text-dimmed">
-          加载中...
-        </div>
-        <div v-else-if="columns.length === 0" class="py-8 text-center text-dimmed">
-          暂无列配置，点击"添加列"创建
-        </div>
-        <ProSimpleTable
-          v-else
-          :data="columns"
-          :biz-columns="tableColumns"
-          class="max-h-64 overflow-y-auto"
-        />
-      </div>
+      <TableColumnList ref="columnListRef" :initial-columns="model.columns" />
     </template>
   </FormCreateModalTemplate>
 </template>

package/dist/runtime/components/sys/table/Table.vue

@@ -47,20 +47,22 @@ async function fetchTableMeta(tables) {
   await Promise.all(
     tables.map(async (table) => {
       const [columnResult, permissionResult] = await Promise.all([
-        tableColumnApi.count({
+        tableColumnApi.list({
+          pagination: { pageNum: 1, pageSize: 1 },
           whereQuery: {
             items: [{ field: "tableId", value: table.id, opr: "eq" }]
           }
         }),
-        tablePermissionApi.count({
+        tablePermissionApi.list({
+          pagination: { pageNum: 1, pageSize: 1 },
           whereQuery: {
             items: [{ field: "tableId", value: table.id, opr: "eq" }]
           }
         })
       ]);
       newMeta[table.id] = {
-        columnCount: columnResult.data.value?.data ?? 0,
-        permissionCount: permissionResult.data.value?.data ?? 0
+        columnCount: columnResult.data.value?.data?.total ?? 0,
+        permissionCount: permissionResult.data.value?.data?.total ?? 0
       };
     })
   );
@@ -77,16 +79,6 @@ function getExpandVNode(row) {
     h("div", {}, `\u66F4\u65B0\u65F6\u95F4: ${row.updatedAt ? new Date(row.updatedAt).toLocaleString() : "-"}`)
   ]);
 }
-const extraRowActions = [
-  {
-    label: "\u7F16\u8F91",
-    icon: "i-lucide-edit",
-    fnWithModal: async (row) => {
-      const result = await createModal.open({ model: { ...row } }).result;
-      return result;
-    }
-  }
-];
 watch(
   () => tablePageRef.value?.data,
   async (newData) => {
@@ -107,7 +99,6 @@ watch(
     :biz-columns="columns"
     :expandable="true"
     :expand-v-node="getExpandVNode"
-    :extra-row-actions="extraRowActions"
     @edit-row-from-modal="async (row) => {
   const result = await createModal.open({ model: { ...row } }).result;
   return result === true;