@dazhicheng/ui 1.6.7 → 1.6.8

package/dist/components/tt-vtable/src/components/VTableSelectionAlert.vue.d.ts

@@ -0,0 +1,35 @@
+import { VNodeChild } from 'vue';
+/** VTable 选择提示属性。 */
+interface VTableSelectionAlertProps {
+    /** 已选主键总数。 */
+    selectedCount: number;
+    /** 当前已加载的已选记录数。 */
+    loadedCount: number;
+    /** 当前未加载的已选主键数。 */
+    missingCount: number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** 自定义选择摘要。 */
+        default?: (scope: VTableSelectionAlertProps) => VNodeChild;
+    }> & {
+        /** 自定义选择摘要。 */
+        default?: (scope: VTableSelectionAlertProps) => VNodeChild;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<VTableSelectionAlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => any;
+}, string, import('vue').PublicProps, Readonly<VTableSelectionAlertProps> & Readonly<{
+    onClear?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tt-vtable/src/components/VTableSelectionAlert.vue.js

@@ -0,0 +1,50 @@
+import { defineComponent as p, createElementBlock as n, createCommentVNode as l, openBlock as r, createVNode as a, renderSlot as C, unref as s, normalizeProps as f, guardReactiveProps as _, createElementVNode as k, toDisplayString as t, withCtx as v, createTextVNode as V } from "vue";
+import { TtButton as b } from "../../../tt-button/index.js";
+import { TtIcon as g } from "../../../tt-icon/index.js";
+const y = {
+  key: 0,
+  class: "tt-vtable-selection-alert",
+  role: "status",
+  "aria-live": "polite"
+}, T = {
+  key: 0,
+  class: "tt-vtable-selection-alert__secondary"
+}, h = /* @__PURE__ */ p({
+  name: "VTableSelectionAlert",
+  __name: "VTableSelectionAlert",
+  props: {
+    selectedCount: {},
+    loadedCount: {},
+    missingCount: {}
+  },
+  emits: ["clear"],
+  setup(i, { emit: c }) {
+    const e = i, m = c;
+    function u() {
+      m("clear");
+    }
+    return (d, o) => e.selectedCount > 0 ? (r(), n("div", y, [
+      a(s(g), {
+        icon: "mdi:check-circle-outline",
+        color: "var(--el-color-primary)"
+      }),
+      C(d.$slots, "default", f(_(e)), () => [
+        k("span", null, "已选择 " + t(e.selectedCount) + " 项", 1),
+        e.missingCount > 0 ? (r(), n("span", T, " 当前加载 " + t(e.loadedCount) + " 项，跨页保留 " + t(e.missingCount) + " 项 ", 1)) : l("", !0)
+      ]),
+      a(s(b), {
+        text: "",
+        "aria-label": "清空表格选择",
+        onClick: u
+      }, {
+        default: v(() => [...o[0] || (o[0] = [
+          V("清空", -1)
+        ])]),
+        _: 1
+      })
+    ])) : l("", !0);
+  }
+});
+export {
+  h as default
+};

package/dist/components/tt-vtable/src/components/VTableSelectionAlert.vue2.js

@@ -0,0 +1,4 @@
+import f from "./VTableSelectionAlert.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-vtable/src/components/VTableToolbar.vue.d.ts

@@ -0,0 +1,63 @@
+import { VNodeChild } from 'vue';
+/** 工具栏展示的一列设置。 */
+interface VTableToolbarColumn {
+    /** 稳定语义列主键。 */
+    key: string;
+    /** 工具栏展示标题。 */
+    title: string;
+    /** 当前是否可见。 */
+    visible: boolean;
+    /** 列树嵌套深度。 */
+    depth?: number;
+    /** 是否禁止修改可见性。 */
+    disabled?: boolean;
+}
+/** VTable 工具栏属性。 */
+interface VTableToolbarProps {
+    /** 是否显示刷新命令。 */
+    showRefresh?: boolean;
+    /** 是否显示列设置命令。 */
+    showColumnPreferences?: boolean;
+    /** 是否正在刷新。 */
+    refreshing?: boolean;
+    /** 可配置列集合。 */
+    columns?: readonly VTableToolbarColumn[];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** 工具栏左侧业务内容。 */
+        left?: () => VNodeChild;
+        /** 工具栏右侧业务内容。 */
+        right?: () => VNodeChild;
+    }> & {
+        /** 工具栏左侧业务内容。 */
+        left?: () => VNodeChild;
+        /** 工具栏右侧业务内容。 */
+        right?: () => VNodeChild;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<VTableToolbarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    refresh: () => any;
+    "column-visibility-change": (key: string, visible: boolean) => any;
+    "reset-columns": () => any;
+}, string, import('vue').PublicProps, Readonly<VTableToolbarProps> & Readonly<{
+    onRefresh?: (() => any) | undefined;
+    "onColumn-visibility-change"?: ((key: string, visible: boolean) => any) | undefined;
+    "onReset-columns"?: (() => any) | undefined;
+}>, {
+    columns: readonly VTableToolbarColumn[];
+    showRefresh: boolean;
+    showColumnPreferences: boolean;
+    refreshing: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tt-vtable/src/components/VTableToolbar.vue.js

@@ -0,0 +1,126 @@
+import { defineComponent as k, createElementBlock as d, openBlock as n, createElementVNode as o, renderSlot as f, createBlock as p, createCommentVNode as b, unref as t, withCtx as l, createVNode as r, Fragment as x, renderList as w, normalizeStyle as B, createTextVNode as T, toDisplayString as V } from "vue";
+import { TtButton as u } from "../../../tt-button/index.js";
+import { TtIcon as c } from "../../../tt-icon/index.js";
+import "axios";
+import { ElPopover as E, ElScrollbar as N, ElCheckbox as R } from "element-plus";
+import { isBoolean as S } from "../../../../packages/utils/src/is.js";
+import "dayjs";
+import "numeral";
+import "xe-utils";
+import "dayjs/plugin/utc";
+import "dayjs/plugin/timezone";
+import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/aes.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
+import "lodash-es";
+const P = {
+  class: "tt-vtable-toolbar",
+  role: "toolbar",
+  "aria-label": "表格工具栏"
+}, $ = { class: "tt-vtable-toolbar__section tt-vtable-toolbar__section--left" }, L = { class: "tt-vtable-toolbar__section tt-vtable-toolbar__section--right" }, z = { class: "tt-vtable-column-menu" }, D = { class: "tt-vtable-column-menu__footer" }, ee = /* @__PURE__ */ k({
+  name: "VTableToolbar",
+  __name: "VTableToolbar",
+  props: {
+    showRefresh: { type: Boolean, default: !0 },
+    showColumnPreferences: { type: Boolean, default: !1 },
+    refreshing: { type: Boolean, default: !1 },
+    columns: { default: () => [] }
+  },
+  emits: ["refresh", "column-visibility-change", "reset-columns"],
+  setup(_, { emit: h }) {
+    const a = _, m = h;
+    function v() {
+      m("refresh");
+    }
+    function g(s, e) {
+      S(e) && m("column-visibility-change", s, e);
+    }
+    function y() {
+      m("reset-columns");
+    }
+    return (s, e) => (n(), d("div", P, [
+      o("div", $, [
+        f(s.$slots, "left")
+      ]),
+      o("div", L, [
+        f(s.$slots, "right"),
+        a.showRefresh ? (n(), p(t(u), {
+          key: 0,
+          text: "",
+          loading: a.refreshing,
+          "aria-label": "刷新表格",
+          onClick: v
+        }, {
+          default: l(() => [
+            r(t(c), { icon: "mdi:refresh" }),
+            e[0] || (e[0] = o("span", null, "刷新", -1))
+          ]),
+          _: 1
+        }, 8, ["loading"])) : b("", !0),
+        a.showColumnPreferences ? (n(), p(t(E), {
+          key: 1,
+          placement: "bottom-end",
+          width: 280,
+          trigger: "click"
+        }, {
+          reference: l(() => [
+            r(t(u), {
+              text: "",
+              "aria-label": "打开列设置"
+            }, {
+              default: l(() => [
+                r(t(c), { icon: "mdi:view-column-outline" }),
+                e[1] || (e[1] = o("span", null, "列设置", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          default: l(() => [
+            o("div", z, [
+              r(t(N), { "max-height": "320px" }, {
+                default: l(() => [
+                  (n(!0), d(x, null, w(a.columns, (i) => (n(), d("div", {
+                    key: i.key,
+                    class: "tt-vtable-column-menu__row",
+                    style: B({ paddingLeft: `${12 + (i.depth ?? 0) * 16}px` })
+                  }, [
+                    r(t(R), {
+                      disabled: i.disabled,
+                      "model-value": i.visible,
+                      onChange: (C) => g(i.key, C)
+                    }, {
+                      default: l(() => [
+                        T(V(i.title), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["disabled", "model-value", "onChange"])
+                  ], 4))), 128))
+                ]),
+                _: 1
+              }),
+              o("div", D, [
+                r(t(u), {
+                  text: "",
+                  "aria-label": "恢复默认列设置",
+                  onClick: y
+                }, {
+                  default: l(() => [
+                    r(t(c), { icon: "mdi:restore" }),
+                    e[2] || (e[2] = o("span", null, "恢复默认", -1))
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          _: 1
+        })) : b("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  ee as default
+};

package/dist/components/tt-vtable/src/components/VTableToolbar.vue2.js

@@ -0,0 +1,4 @@
+import f from "./VTableToolbar.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-vtable/src/components/VTableViewport.vue.js

@@ -0,0 +1,133 @@
+import { defineComponent as F, getCurrentInstance as I, shallowRef as l, computed as B, watch as f, nextTick as b, onMounted as k, onBeforeUnmount as L, createElementBlock as K, openBlock as y, normalizeStyle as D, createBlock as M, createCommentVNode as U, unref as Z } from "vue";
+import "axios";
+import "element-plus";
+import { isNumber as m, isClient as $, isError as q } from "../../../../packages/utils/src/is.js";
+import "dayjs";
+import "numeral";
+import "xe-utils";
+import "dayjs/plugin/utc";
+import "dayjs/plugin/timezone";
+import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/aes.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
+import "lodash-es";
+import { ListTable as H } from "@visactor/vue-vtable";
+import "../engine/visactor/createVueCellLayout.js";
+import { createTtVTableError as T } from "../public/table-errors.js";
+import { toFrozenColumnOrder as W, toColumnDefinitions as j, getFrozenColumnCounts as G } from "../engine/visactor/toColumnDefinitions.js";
+import { toListTableOptions as J } from "../engine/visactor/toListTableOptions.js";
+const ve = /* @__PURE__ */ F({
+  name: "VTableViewport",
+  __name: "VTableViewport",
+  props: {
+    columns: {},
+    tableApi: {},
+    rendererSlots: {},
+    getRowKey: {},
+    nativeOptions: {},
+    rendering: {},
+    width: { default: "100%" },
+    height: { default: "auto" }
+  },
+  emits: ["ready", "release", "resize", "error"],
+  setup(_, { emit: E }) {
+    const e = _, s = E, c = I(), u = l(), i = l(), A = l(0), z = l(0), v = l(!1);
+    let a, n = 0;
+    const O = B(() => ({
+      width: m(e.width) ? `${e.width}px` : e.width,
+      height: m(e.height) ? `${e.height}px` : e.height
+    }));
+    function h() {
+      return J({
+        columns: e.columns,
+        tableApi: e.tableApi,
+        rendererSlots: e.rendererSlots,
+        getRowKey: e.getRowKey,
+        nativeOptions: e.nativeOptions,
+        rendering: e.rendering,
+        getVueUserAppContext: () => c == null ? void 0 : c.appContext
+      });
+    }
+    const d = l(h());
+    function w(t) {
+      const o = q(t) ? t : new Error(String(t));
+      s("error", o);
+    }
+    function g() {
+      if (m(e.width) && e.width <= 0)
+        throw T("TT_VTABLE_CONTAINER_SIZE_INVALID", "表格 width 必须大于 0。", {
+          width: e.width
+        });
+      if (m(e.height) && e.height <= 0)
+        throw T("TT_VTABLE_CONTAINER_SIZE_INVALID", "表格 height 必须大于 0。", {
+          height: e.height
+        });
+    }
+    function p() {
+      const t = u.value;
+      if (!t) return;
+      const o = t.getBoundingClientRect();
+      A.value = o.width, z.value = o.height, s("resize", o.width, o.height), o.width > 0 && o.height > 0 && (v.value = !0), !(!i.value || o.width <= 0 || o.height <= 0) && (n && cancelAnimationFrame(n), n = requestAnimationFrame(() => {
+        var r;
+        n = 0, (r = i.value) == null || r.resize();
+      }));
+    }
+    function V(t) {
+      i.value = t, s("ready", t), b(p);
+    }
+    function R(t) {
+      w(t);
+    }
+    function S(t) {
+      const o = W(t), r = i.value;
+      if (!r) {
+        d.value = h();
+        return;
+      }
+      const x = j(o, {
+        tableApi: e.tableApi,
+        rendererSlots: e.rendererSlots,
+        getRowKey: e.getRowKey
+      }), C = G(o);
+      r.updateColumns(x), r.setFrozenColCount(C.frozenColCount), r.rightFrozenColCount = C.rightFrozenColCount;
+    }
+    async function N() {
+      const t = h(), o = i.value;
+      if (!o) {
+        d.value = t;
+        return;
+      }
+      try {
+        await o.updateOption(t);
+      } catch (r) {
+        w(r);
+      }
+    }
+    return f(() => e.columns, S), f([() => e.nativeOptions, () => e.rendering], () => void N()), f([() => e.width, () => e.height], () => {
+      g(), b(p);
+    }), k(() => {
+      g(), $ && (a = new ResizeObserver(p), u.value && a.observe(u.value), p());
+    }), L(() => {
+      a == null || a.disconnect(), a = void 0, n && cancelAnimationFrame(n), n = 0, i.value && s("release", i.value), i.value = void 0;
+    }), (t, o) => (y(), K("div", {
+      ref_key: "viewportElement",
+      ref: u,
+      class: "tt-vtable__viewport",
+      style: D(O.value)
+    }, [
+      v.value ? (y(), M(Z(H), {
+        key: 0,
+        options: d.value,
+        width: "100%",
+        height: "100%",
+        "on-ready": V,
+        "on-error": R
+      }, null, 8, ["options"])) : U("", !0)
+    ], 4));
+  }
+});
+export {
+  ve as default
+};

package/dist/components/tt-vtable/src/components/VTableViewport.vue2.js

@@ -0,0 +1,4 @@
+import f from "./VTableViewport.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-vtable/src/composables/useVTable.d.ts

@@ -0,0 +1,41 @@
+import { MaybeRefOrGetter, Ref } from 'vue';
+import { TtVTableColumn, TtVTableFeatureOptions, TtVTableFetchRecords, TtVTableMutationMode, TtVTableNativeEvents, TtVTableNativeOptions, TtVTableRenderingOptions, TtVTableRowKey, TtVTableRowKeySource } from '../public';
+import { createVTableController } from '../runtime/createVTableController';
+/** useVTable 接受的 maybe-reactive 配置。 */
+export interface UseVTableOptions<Row extends Record<string, unknown>, Key extends TtVTableRowKey = TtVTableRowKey, QueryParams extends Record<string, unknown> = Record<string, unknown>> {
+    /** maybe-reactive 本地记录根快照。 */
+    records?: MaybeRefOrGetter<readonly Row[]>;
+    /** 远程记录请求函数，作为回调保持普通函数语义。 */
+    fetchRecords?: TtVTableFetchRecords<Row, QueryParams>;
+    /** maybe-reactive 语义列根。 */
+    columns: MaybeRefOrGetter<readonly TtVTableColumn<Row, Key>[]>;
+    /** 业务主键读取配置，函数值不会被 toValue 执行。 */
+    rowKey: TtVTableRowKeySource<Row, Key>;
+    /** maybe-reactive 查询参数根。 */
+    queryParams?: MaybeRefOrGetter<QueryParams>;
+    /** 可写选择主键 ref。 */
+    selectedRowKeys?: Ref<Key[]>;
+    /** maybe-reactive feature 配置根。 */
+    features?: MaybeRefOrGetter<TtVTableFeatureOptions<Row, Key> | undefined>;
+    /** 记录所有权策略。 */
+    mutationMode?: TtVTableMutationMode;
+    /** maybe-reactive Vue DOM 渲染配置。 */
+    rendering?: MaybeRefOrGetter<TtVTableRenderingOptions | undefined>;
+    /** maybe-reactive 原生 options 根。 */
+    nativeOptions?: MaybeRefOrGetter<TtVTableNativeOptions | undefined>;
+    /** maybe-reactive原生事件根。 */
+    nativeEvents?: MaybeRefOrGetter<TtVTableNativeEvents | undefined>;
+    /** maybe-reactive 表格宽度。 */
+    width?: MaybeRefOrGetter<number | string | undefined>;
+    /** maybe-reactive 表格高度。 */
+    height?: MaybeRefOrGetter<number | string | undefined>;
+}
+/** useVTable 返回的标准绑定结果。 */
+export interface UseVTableResult<Row extends Record<string, unknown>, Key extends TtVTableRowKey = TtVTableRowKey> {
+    /** 可直接传给 TtVTable 的响应式绑定。 */
+    tableBindings: Record<string, unknown>;
+    /** 从 setup 开始保持引用稳定的公共 API。 */
+    tableApi: ReturnType<typeof createVTableController<Row, Key>>["tableApi"];
+}
+/** 创建 maybe-reactive 表格绑定和稳定 tableApi。 */
+export declare function useVTable<Row extends Record<string, unknown>, Key extends TtVTableRowKey = TtVTableRowKey, QueryParams extends Record<string, unknown> = Record<string, unknown>>(options: UseVTableOptions<Row, Key, QueryParams>): UseVTableResult<Row, Key>;

package/dist/components/tt-vtable/src/composables/useVTable.js

@@ -0,0 +1,25 @@
+import { markRaw as d, shallowRef as n, computed as r, toValue as t, reactive as i, isRef as u } from "vue";
+import { createVTableController as f } from "../runtime/createVTableController.js";
+function w(e) {
+  const l = d(f()), a = e.selectedRowKeys ?? n([]), c = {
+    rowKey: e.rowKey,
+    mutationMode: e.mutationMode,
+    controller: l,
+    columns: r(() => t(e.columns)),
+    queryParams: r(() => t(e.queryParams) ?? {}),
+    features: r(() => t(e.features)),
+    rendering: r(() => t(e.rendering)),
+    nativeOptions: r(() => t(e.nativeOptions)),
+    nativeEvents: r(() => t(e.nativeEvents)),
+    width: r(() => t(e.width)),
+    height: r(() => t(e.height)),
+    selectedRowKeys: a,
+    "onUpdate:selectedRowKeys": (s) => {
+      u(a) && (a.value = s);
+    }
+  };
+  return e.fetchRecords ? c.fetchRecords = e.fetchRecords : c.records = r(() => t(e.records) ?? []), { tableBindings: i(c), tableApi: l.tableApi };
+}
+export {
+  w as useVTable
+};

package/dist/components/tt-vtable/src/composables/useVTableFormRender.d.ts

@@ -0,0 +1,13 @@
+import { DefineSetupFnComponent, SlotsType } from 'vue';
+import { TtVTableFormApi, TtVTableFormProps } from '../features/form-integration/useVTableForm';
+import { TtVTableRowKey } from '../public';
+/** 表单表格渲染组件允许的插槽集合。 */
+type VTableFormRenderSlots = Record<string, (slotScope: Record<string, unknown>) => unknown>;
+/** useVTableFormRender 返回值。 */
+export type UseVTableFormRenderResult<Row extends Record<string, unknown>, Key extends TtVTableRowKey = TtVTableRowKey, FormValues extends Record<string, unknown> = Record<string, unknown>> = [
+    DefineSetupFnComponent<Partial<TtVTableFormProps<Row, Key, FormValues>>, Record<string, (...eventArguments: unknown[]) => unknown>, SlotsType<VTableFormRenderSlots>>,
+    TtVTableFormApi<Row, Key>
+];
+/** 创建带查询表单的动态表格组件与稳定组合 API。 */
+export declare function useVTableFormRender<Row extends Record<string, unknown>, Key extends TtVTableRowKey = TtVTableRowKey, FormValues extends Record<string, unknown> = Record<string, unknown>>(options: TtVTableFormProps<Row, Key, FormValues>): UseVTableFormRenderResult<Row, Key, FormValues>;
+export {};

package/dist/components/tt-vtable/src/composables/useVTableFormRender.js

@@ -0,0 +1,92 @@
+import "axios";
+import "element-plus";
+import { isFunction as T } from "../../../../packages/utils/src/is.js";
+import { shallowRef as f, defineComponent as g, h as c } from "vue";
+import "dayjs";
+import "numeral";
+import "xe-utils";
+import "dayjs/plugin/utc";
+import "dayjs/plugin/timezone";
+import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/aes.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
+import "lodash-es";
+import "../../../tt-select/index.js";
+import "../../../tt-checkbox/index.js";
+import "../../../tt-radio-group/index.js";
+import "../../../tt-panel-select/index.js";
+import "../../../tt-upload/index.js";
+import "../../../tt-api-component/index.js";
+import "vee-validate";
+import "../../../../utils/uppercaseInput.js";
+import { useForm as v } from "../../../tt-form/src/useForm.js";
+import "zod";
+import "@vee-validate/zod";
+import "@tanstack/vue-store";
+import "es-toolkit/compat";
+import "../../../tt-form/src/shared/zod-defaults.js";
+import "../../../tt-nav-anchor/index.js";
+import "../../../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.21_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
+import "vue-router";
+import "../../../tt-icon/index.js";
+import "../../../tt-form/src/components/Slot.js";
+import "../../../tt-form-item-error-tooltip/index.js";
+import "@vueuse/core";
+/* empty css                                            */
+import "../../../tt-form/src/form/RenderContent.vue.js";
+import "../../../tt-form/src/form-render/FormFieldContact.js";
+/* empty css                                               */
+/* empty css                                            */
+import { useVTableRender as y } from "./useVTableRender.js";
+function dt(t) {
+  const i = f({ ...t.table.queryParams ?? {} }), b = f([...t.table.selectedRowKeys ?? []]), a = t.form.handleSubmit, n = t.form.handleReset, l = {
+    columns: t.table.columns,
+    rowKey: t.table.rowKey,
+    queryParams: i,
+    selectedRowKeys: b,
+    features: t.table.features,
+    mutationMode: t.table.mutationMode,
+    rendering: t.table.rendering,
+    nativeOptions: t.table.nativeOptions,
+    nativeEvents: t.table.nativeEvents,
+    width: t.table.width,
+    height: t.table.height
+  };
+  T(t.table.fetchRecords) ? l.fetchRecords = t.table.fetchRecords : l.records = t.table.records ?? [];
+  const [d, p] = y(l);
+  async function h(e) {
+    await (a == null ? void 0 : a(e)), i.value = { ...e }, p.pagination.reset();
+  }
+  async function u(e) {
+    await (n == null ? void 0 : n(e)), i.value = { ...e }, p.pagination.reset();
+  }
+  const [R, w] = v({
+    ...t.form,
+    handleSubmit: h,
+    handleReset: u
+  });
+  function F(e) {
+    const o = {}, m = {};
+    return Object.entries(e).forEach(([r, s]) => {
+      r.startsWith("form-") ? o[r.slice(5)] = s : m[r] = s;
+    }), { formSlots: o, tableSlots: m };
+  }
+  return [g(
+    (e, { attrs: o, slots: m }) => () => {
+      const r = F(m);
+      return c("div", { class: "tt-vtable-form" }, [
+        c(R, {}, r.formSlots),
+        c(d, o, r.tableSlots)
+      ]);
+    },
+    { name: "TtVTableFormRender", inheritAttrs: !1 }
+  ), {
+    form: w,
+    table: p
+  }];
+}
+export {
+  dt as useVTableFormRender
+};

package/dist/components/tt-vtable/src/composables/useVTableRender.d.ts

@@ -0,0 +1,13 @@
+import { DefineSetupFnComponent, SlotsType } from 'vue';
+import { TtVTableProps, TtVTableRowKey, TtVTableSlots } from '../public';
+import { useVTable, UseVTableOptions } from './useVTable';
+/** 动态渲染组件允许的宽松事件签名。 */
+type VTableRenderEmits = Record<string, (...eventArguments: unknown[]) => unknown>;
+/** useVTableRender 返回值。 */
+export type UseVTableRenderResult<Row extends Record<string, unknown>, Key extends TtVTableRowKey = TtVTableRowKey, QueryParams extends Record<string, unknown> = Record<string, unknown>> = [
+    DefineSetupFnComponent<Partial<TtVTableProps<Row, Key, QueryParams>>, VTableRenderEmits, SlotsType<TtVTableSlots<Row, Key>>>,
+    ReturnType<typeof useVTable<Row, Key, QueryParams>>["tableApi"]
+];
+/** 创建可直接渲染的 TtVTable 组件和稳定 tableApi。 */
+export declare function useVTableRender<Row extends Record<string, unknown>, Key extends TtVTableRowKey = TtVTableRowKey, QueryParams extends Record<string, unknown> = Record<string, unknown>>(options: UseVTableOptions<Row, Key, QueryParams>): UseVTableRenderResult<Row, Key, QueryParams>;
+export {};

package/dist/components/tt-vtable/src/composables/useVTableRender.js

@@ -0,0 +1,13 @@
+import { defineComponent as a, h as m } from "vue";
+import l from "../components/TtVTable.vue.js";
+import { useVTable as s } from "./useVTable.js";
+function T(e) {
+  const { tableBindings: n, tableApi: r } = s(e);
+  return [a(
+    (t, { attrs: o, slots: i }) => () => m(l, { ...n, ...t, ...o }, i),
+    { name: "TtVTableRender", inheritAttrs: !1 }
+  ), r];
+}
+export {
+  T as useVTableRender
+};

package/dist/components/tt-vtable/src/engine/visactor/createListTable.d.ts

@@ -0,0 +1,10 @@
+import { ListTable } from '@visactor/vtable';
+import { VisactorTableEngine } from './types';
+/**
+ * 创建只持有浅层原生实例引用的 VisActor 适配器。
+ * @param initialInstance 已经由官方 Vue ListTable 创建的实例
+ * @returns 可供 runtime 使用的稳定适配器
+ */
+export declare function createVisactorTableEngine<Row extends Record<string, unknown>>(initialInstance?: ListTable): VisactorTableEngine<Row> & {
+    setInstance: (instance?: ListTable) => void;
+};