@dazhicheng/ui 1.6.6 → 1.6.8

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;
+};

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

@@ -0,0 +1,63 @@
+import { shallowRef as g } from "vue";
+import { changeVisactorCellValue as C, deleteVisactorRecords as h, updateVisactorRecords as I, addVisactorRecords as P, setVisactorRecords as b } from "./record-adapter.js";
+function x(u) {
+  const a = g();
+  let n = !1;
+  a.value = u;
+  function o() {
+    return n ? void 0 : a.value;
+  }
+  function l(e) {
+    n || (a.value = e);
+  }
+  function r(e) {
+    a.value && b(a.value, e);
+  }
+  function i(e, t) {
+    a.value && P(a.value, e, t);
+  }
+  function c(e, t) {
+    a.value && I(a.value, e, t);
+  }
+  function s(e) {
+    a.value && h(a.value, e);
+  }
+  function d(e, t, m) {
+    return a.value ? C(a.value, e, t, m) : !1;
+  }
+  function f(e) {
+    return a.value ? a.value.updateOption(e) : Promise.resolve();
+  }
+  function v(e) {
+    var t;
+    (t = a.value) == null || t.updateColumns(e);
+  }
+  function p(e) {
+    var t;
+    (t = a.value) == null || t.updatePagination(e);
+  }
+  function R() {
+    var e;
+    (e = a.value) == null || e.renderWithRecreateCells();
+  }
+  function V() {
+    n || (n = !0, a.value = void 0);
+  }
+  return {
+    getInstance: o,
+    setInstance: l,
+    setRecords: r,
+    addRecords: i,
+    updateRecords: c,
+    deleteRecords: s,
+    changeCellValue: d,
+    updateOptions: f,
+    updateColumns: v,
+    updatePagination: p,
+    recalculate: R,
+    release: V
+  };
+}
+export {
+  x as createVisactorTableEngine
+};

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

@@ -0,0 +1,37 @@
+import { TYPES } from '@visactor/vtable';
+import { TtVTableApi, TtVTableColumn, TtVTableRendererSlots, TtVTableRowKey } from '../../public';
+/** 创建正文 Vue DOM 布局所需上下文。 */
+export interface CreateVueCellLayoutOptions<Row extends Record<string, unknown>, Key extends TtVTableRowKey = TtVTableRowKey> {
+    /** 当前语义列。 */
+    column: TtVTableColumn<Row, Key>;
+    /** 当前稳定公共 API。 */
+    tableApi: TtVTableApi<Row, Key>;
+    /** 当前组件可用的命名插槽。 */
+    rendererSlots: TtVTableRendererSlots<Row, Key>;
+    /** 从记录读取业务主键。 */
+    getRowKey: (record: Row) => Key;
+}
+/** 创建表头 Vue DOM 布局所需上下文。 */
+export interface CreateVueHeaderLayoutOptions<Row extends Record<string, unknown>, Key extends TtVTableRowKey = TtVTableRowKey> {
+    /** 当前语义列。 */
+    column: TtVTableColumn<Row, Key>;
+    /** 当前稳定公共 API。 */
+    tableApi: TtVTableApi<Row, Key>;
+    /** 当前组件可用的命名插槽。 */
+    rendererSlots: TtVTableRendererSlots<Row, Key>;
+}
+/** 官方 customLayout 返回值。 */
+type VisactorCustomLayout = TYPES.ICustomLayoutFuc;
+/**
+ * 创建正文 Vue DOM customLayout。
+ * @param options renderer、API、插槽与主键读取配置
+ * @returns 原生 VTable customLayout
+ */
+export declare function createVueCellLayout<Row extends Record<string, unknown>, Key extends TtVTableRowKey>(options: CreateVueCellLayoutOptions<Row, Key>): VisactorCustomLayout;
+/**
+ * 创建表头 Vue DOM headerCustomLayout。
+ * @param options renderer、API 与插槽配置
+ * @returns 原生 VTable headerCustomLayout
+ */
+export declare function createVueHeaderLayout<Row extends Record<string, unknown>, Key extends TtVTableRowKey>(options: CreateVueHeaderLayoutOptions<Row, Key>): VisactorCustomLayout;
+export {};