@dazhicheng/ui 1.5.243 → 1.5.245

package/dist/hooks/usePanelSelectSchemas.d.ts

@@ -0,0 +1,98 @@
+import { TtFormSchema } from '../components/tt-form';
+import { Recordable } from '../../../utils/src';
+import { MaybeRef, Ref } from 'vue';
+import { BasicDataCode, BasicDataOption, PanelSelectGroupBy } from './basicDataCodes';
+import { BasicDataOptionsMap } from './useBasicDataOptions';
+type FieldComponentProps = Recordable | ((values: Recordable, actions: any, options: BasicDataOption[]) => Recordable);
+export interface PanelSelectFieldOnChangeContext {
+    values: Recordable;
+    actions: any;
+    fieldName: string;
+    code: BasicDataCode;
+    options: BasicDataOption[];
+    currentOption: BasicDataOption[] | BasicDataOption | undefined;
+}
+export interface PanelSelectExcludeConfig {
+    /** 排除字段名 */
+    fieldName: string;
+    /** 排除字段标签，默认取 CODE_REGISTRY.defaultExcludeLabel */
+    label?: string;
+    /** 返回解构 key，默认 exclude + Pascal(主字段 key) */
+    key?: string;
+    /** 排除字段是否展示「全部」，默认 false */
+    showAll?: boolean;
+    showAllField?: string | number;
+    multiple?: boolean;
+    componentProps?: FieldComponentProps;
+    dependencies?: TtFormSchema["dependencies"];
+    onChange?: (value: unknown, context: PanelSelectFieldOnChangeContext) => void;
+    rules?: TtFormSchema["rules"];
+}
+export interface PanelSelectFieldConfig {
+    code: BasicDataCode;
+    /**
+     * 返回解构名。
+     * 默认：唯一 code 用 code；同 code 多字段时用 fieldName（缺省则用 registry 默认 fieldName）。
+     */
+    key?: string;
+    fieldName?: string;
+    label?: string;
+    multiple?: boolean;
+    showAll?: boolean;
+    showAllField?: string | number;
+    componentProps?: FieldComponentProps;
+    dependencies?: TtFormSchema["dependencies"];
+    onChange?: (value: unknown, context: PanelSelectFieldOnChangeContext) => void;
+    rules?: TtFormSchema["rules"];
+    /** 与另一字段互斥：填对方的 fieldName */
+    mutexWith?: string;
+    /** 同 code 数据源的排除字段联动 */
+    exclude?: PanelSelectExcludeConfig;
+    /**
+     * 分组方式。
+     * - 机场默认 `country`（按国家）
+     * - 可传 `continent` / `region` / `country` / `pinyin`
+     * - 也可用 `GROUP_BY.CONTINENT` 等常量
+     */
+    groupBy?: PanelSelectGroupBy;
+    /** 自定义过滤完整 options（过滤在分组前执行，入参为扁平 options） */
+    customOptions?: (values: Recordable, options: BasicDataOption[]) => BasicDataOption[];
+}
+export interface UsePanelSelectSchemasOptions {
+    dataSource?: MaybeRef<BasicDataOptionsMap | undefined>;
+}
+/**
+ * 基础数据 PanelSelect schema hooks。
+ *
+ * - 按 CODES 拉取 options；接口失败时兜底空数组，不影响 schema 生成
+ * - 默认组件 TtPanelSelect
+ * - 支持 exclude 排除联动、mutexWith 互斥过滤
+ * - 同 code 多字段时自动用 fieldName 作为返回解构名，避免互相覆盖
+ *
+ * @example
+ * ```ts
+ * const { airline, excludeAirline, depAirport, arrAirport } = usePanelSelectSchemas([
+ *   {
+ *     code: CODES.AIRLINE,
+ *     fieldName: 'airlineCodes',
+ *     exclude: { fieldName: 'excludeAirlineCodes', label: '排除航司' },
+ *   },
+ *   {
+ *     code: CODES.AIRPORT,
+ *     fieldName: 'depAirport',
+ *     label: '出发',
+ *     mutexWith: 'arrAirport',
+ *   },
+ *   {
+ *     code: CODES.AIRPORT,
+ *     fieldName: 'arrAirport',
+ *     label: '到达',
+ *     mutexWith: 'depAirport',
+ *   },
+ * ]);
+ * ```
+ */
+export declare function usePanelSelectSchemas(fields: PanelSelectFieldConfig[], options?: UsePanelSelectSchemasOptions): Record<string, TtFormSchema> & {
+    dataSource: Ref<Record<BasicDataCode, BasicDataOption[]>>;
+};
+export {};

package/dist/hooks/usePanelSelectSchemas.js

@@ -0,0 +1,211 @@
+import "axios";
+import "element-plus";
+import { isFunction as j } from "../packages/utils/src/is.js";
+import "vue";
+import "xe-utils";
+import "dayjs";
+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 { omit as L } from "lodash-es";
+import { CODE_REGISTRY as C, resolveDefaultGroupBy as ee, GROUP_BY as te, groupBasicDataOptions as U } from "./basicDataCodes.js";
+import { useBasicDataOptions as ne } from "./useBasicDataOptions.js";
+const N = "all";
+function d(t) {
+  return Array.isArray(t) ? t : t == null || t === "" ? [] : [t];
+}
+function oe(t, n = N) {
+  return t === n ? !0 : typeof t == "string" && typeof n == "string" && t.toLowerCase() === String(n).toLowerCase();
+}
+function re(t, n = N) {
+  return d(t).some((r) => oe(r, n));
+}
+function se(t) {
+  return t.replace(/[-_]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").split(/\s+/).filter(Boolean).map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join("");
+}
+function W(t, n, r, s) {
+  return t ? j(t) ? t(n, r, s) : t : {};
+}
+function Y(t, n, r, s) {
+  const p = new Set(r.map((e) => e.value)), l = t[n];
+  if (s) {
+    const e = d(l).filter((u) => p.has(u)), c = d(l);
+    (e.length !== c.length || e.some((u, S) => u !== c[S])) && (t[n] = e);
+    return;
+  }
+  l == null || l === "" || p.has(l) || (t[n] = void 0);
+}
+function $(t, n, r, s, p, l) {
+  const e = l ? p.filter((c) => d(r[n]).includes(c.value)) : p.find((c) => c.value === r[n]);
+  return {
+    values: r,
+    actions: s,
+    fieldName: n,
+    code: t,
+    options: p,
+    currentOption: e
+  };
+}
+function z(t, n, r) {
+  const s = d(t);
+  if (!s.length) return [];
+  if (re(t, r)) return n;
+  const p = new Set(s);
+  return n.filter((l) => p.has(l.value));
+}
+function K(t, n) {
+  const r = new Set(d(t));
+  return r.size ? n.filter((s) => !r.has(s.value)) : n;
+}
+function V(t, n) {
+  var s;
+  const r = (s = t.value) == null ? void 0 : s[n];
+  return Array.isArray(r) ? r : [];
+}
+function ge(t, n = {}) {
+  const r = [...new Set(t.map((e) => e.code))], s = t.reduce(
+    (e, c) => (e[c.code] = (e[c.code] || 0) + 1, e),
+    {}
+  ), { dataSource: p } = ne({
+    codes: r,
+    dataSource: n.dataSource
+  }), l = {};
+  return t.forEach((e) => {
+    var G;
+    const c = C[e.code], u = e.fieldName || c.defaultFieldName, S = e.key || ((s[e.code] || 0) > 1 ? u : e.code), T = e.label || c.defaultLabel, _ = e.multiple ?? c.defaultMultiple, q = e.showAll ?? c.defaultShowAll, b = e.showAllField ?? N, m = e.mutexWith, E = ee(e.code, e.groupBy), F = E !== te.PINYIN, Z = [
+      ...m ? [m] : [],
+      ...((G = e.dependencies) == null ? void 0 : G.triggerFields) || []
+    ], k = [...new Set(Z)], H = L(e.dependencies || {}, ["triggerFields"]), J = k.length ? {
+      ...H,
+      triggerFields: k
+    } : e.dependencies, M = {
+      component: "TtPanelSelect",
+      fieldName: u,
+      label: T,
+      rules: e.rules,
+      dependencies: J,
+      componentProps: (o, x) => {
+        const A = V(p, e.code);
+        let a = m ? K(o[m], A) : A;
+        j(e.customOptions) && (a = e.customOptions(o, a) || []);
+        const O = F ? U(a, E) : a, B = W(e.componentProps, o, x, a), { onChange: I, ...P } = B;
+        return {
+          multiple: _,
+          showAll: q,
+          showAllField: b,
+          showNav: !1,
+          showOriginMode: !1,
+          showPinyinMode: !F,
+          ...P,
+          options: O,
+          onChange(w) {
+            var y;
+            if (m) {
+              const i = Array.isArray(o[m]), h = K(w, A);
+              Y(o, m, h, i);
+            }
+            if (e.exclude) {
+              const i = e.exclude.fieldName, h = e.exclude.multiple ?? !0, D = z(w, A, b);
+              d(w).length ? Y(o, i, D, h) : o[i] = h ? [] : void 0;
+            }
+            (y = e.onChange) == null || y.call(
+              e,
+              w,
+              $(e.code, u, o, x, a, _)
+            );
+          }
+        };
+      }
+    };
+    if (l[S] = {
+      ...M,
+      ...L(e, [
+        "code",
+        "key",
+        "fieldName",
+        "label",
+        "multiple",
+        "showAll",
+        "showAllField",
+        "componentProps",
+        "dependencies",
+        "onChange",
+        "rules",
+        "mutexWith",
+        "exclude",
+        "groupBy",
+        "customOptions"
+      ]),
+      fieldName: u,
+      label: T,
+      rules: e.rules,
+      dependencies: M.dependencies,
+      componentProps: M.componentProps,
+      component: "TtPanelSelect"
+    }, e.exclude) {
+      const o = e.exclude, x = o.fieldName, A = o.key || `exclude${se(S)}`, a = o.label || c.defaultExcludeLabel, O = o.multiple ?? !0, B = o.showAll ?? !1, I = o.showAllField ?? N, P = o.dependencies || {}, w = {
+        ...P,
+        triggerFields: P.triggerFields ?? [u],
+        if: P.if ?? ((i) => d(i[u]).length > 0)
+      }, y = {
+        component: "TtPanelSelect",
+        fieldName: x,
+        label: a,
+        rules: o.rules,
+        dependencies: w,
+        componentProps: (i, h) => {
+          const D = V(p, e.code), g = z(i[u], D, b), Q = F ? U(g, E) : g, X = W(o.componentProps, i, h, g), { onChange: ce, ...v } = X;
+          return {
+            multiple: O,
+            showAll: B,
+            showAllField: I,
+            showNav: !1,
+            showOriginMode: !1,
+            showPinyinMode: !F,
+            ...v,
+            options: Q,
+            onChange(f) {
+              var R;
+              (R = o.onChange) == null || R.call(
+                o,
+                f,
+                $(e.code, x, i, h, g, O)
+              );
+            }
+          };
+        }
+      };
+      l[A] = {
+        ...y,
+        ...L(o, [
+          "fieldName",
+          "label",
+          "key",
+          "showAll",
+          "showAllField",
+          "multiple",
+          "componentProps",
+          "dependencies",
+          "onChange",
+          "rules"
+        ]),
+        fieldName: x,
+        label: a,
+        rules: o.rules,
+        dependencies: y.dependencies,
+        componentProps: y.componentProps,
+        component: "TtPanelSelect"
+      };
+    }
+  }), {
+    ...l,
+    dataSource: p
+  };
+}
+export {
+  ge as usePanelSelectSchemas
+};

package/dist/index.d.ts

@@ -24,6 +24,9 @@ export * from './components/tt-panel-select';
 export * from './components/tt-radio-group';
 export { useFormSchemasLink } from './hooks/useFormSchemasLink';
 export { useDataPermissionOptions } from './hooks/useDataPermissionOptions';
+export { useBasicDataOptions } from './hooks/useBasicDataOptions';
+export { usePanelSelectSchemas, type PanelSelectFieldConfig, type PanelSelectExcludeConfig, } from './hooks/usePanelSelectSchemas';
+export { CODES, GROUP_BY, type BasicDataCode, type PanelSelectGroupBy } from './hooks/basicDataCodes';
 export { useFormat } from './hooks/useFormat';
 export { useLoading } from './hooks/useLoading';
 export { useScreenshotOss, type ScreenshotOssComponentOptions, type ScreenshotOssDataUrlResult, type ScreenshotOssOptions, type ScreenshotOssResult, } from './hooks/useScreenshotOss';

package/dist/index.js

@@ -1,10 +1,10 @@
-import { TtButton as f } from "./components/tt-button/index.js";
-import { TtAddButton as fr } from "./components/tt-button/index.js";
-import { TtCheckbox as a } from "./components/tt-checkbox/index.js";
+import { TtButton as a } from "./components/tt-button/index.js";
+import { TtAddButton as ar } from "./components/tt-button/index.js";
+import { TtCheckbox as f } from "./components/tt-checkbox/index.js";
 import { TtEmpty as p } from "./components/tt-empty/index.js";
-import { addComponent as d, setConfig as i } from "./components/tt-form/index.js";
-import { TtFormItemErrorTooltip as s } from "./components/tt-form-item-error-tooltip/index.js";
-import { TtIcon as T, TtAddIcon as x, TtSubIcon as u } from "./components/tt-icon/index.js";
+import { addComponent as s, setConfig as i } from "./components/tt-form/index.js";
+import { TtFormItemErrorTooltip as d } from "./components/tt-form-item-error-tooltip/index.js";
+import { TtIcon as x, TtAddIcon as T, TtSubIcon as u } from "./components/tt-icon/index.js";
 import { TtImage as l } from "./components/tt-image/index.js";
 import { RenderDrawer as n } from "./components/tt-drawer/index.js";
 import { RenderModal as c } from "./components/tt-modal/index.js";
@@ -12,81 +12,84 @@ import { TtModal as pr } from "./components/tt-modal/index.js";
 import { TtSelect as b } from "./components/tt-select/index.js";
 import { TtText as w } from "./components/tt-text/index.js";
 import { TtUpload as R } from "./components/tt-upload/index.js";
-import { TtNavAnchor as g } from "./components/tt-nav-anchor/index.js";
-import { TtApiComponent as h } from "./components/tt-api-component/index.js";
+import { TtNavAnchor as h } from "./components/tt-nav-anchor/index.js";
+import { TtApiComponent as g } from "./components/tt-api-component/index.js";
 import * as e from "./directives/index.js";
 import { setup as M } from "./hooks/useSetup.js";
-import { TtLog as A } from "./components/tt-log/index.js";
-import { TtPanelSelect as C } from "./components/tt-panel-select/index.js";
-import { TtRadioGroup as F } from "./components/tt-radio-group/index.js";
+import { TtLog as S } from "./components/tt-log/index.js";
+import { TtPanelSelect as A } from "./components/tt-panel-select/index.js";
+import { TtRadioGroup as C } from "./components/tt-radio-group/index.js";
 import { setXHR as ir } from "./utils/xhr.js";
 /* empty css                     */
 /* empty css                             */
 /* empty css          */
 /* empty css                     */
-import { default as Tr } from "./components/tt-area/TtArea.vue.js";
+import { default as xr } from "./components/tt-area/TtArea.vue.js";
 import { useModalForm as ur } from "./components/tt-modal-form/useModalForm.js";
 import { TtLoading as nr } from "./components/tt-loading/index.js";
 import { TtTable as br, TtTableAction as wr, TtTableButton as Rr } from "./components/tt-table/index.js";
-import { useFormSchemasLink as hr } from "./hooks/useFormSchemasLink.js";
-import { useDataPermissionOptions as Ar } from "./hooks/useDataPermissionOptions.js";
-import { useFormat as Fr } from "./hooks/useFormat.js";
-import { useLoading as Lr } from "./hooks/useLoading.js";
-import { useScreenshotOss as Ir } from "./hooks/useScreenshotOss.js";
+import { useFormSchemasLink as gr } from "./hooks/useFormSchemasLink.js";
+import { useDataPermissionOptions as Sr } from "./hooks/useDataPermissionOptions.js";
+import { useBasicDataOptions as Cr } from "./hooks/useBasicDataOptions.js";
+import { usePanelSelectSchemas as Fr } from "./hooks/usePanelSelectSchemas.js";
+import { CODES as Pr, GROUP_BY as Lr } from "./hooks/basicDataCodes.js";
+import { useFormat as Ir } from "./hooks/useFormat.js";
+import { useLoading as vr } from "./hooks/useLoading.js";
+import { useScreenshotOss as Nr } from "./hooks/useScreenshotOss.js";
 import { setupDrawer as D } from "./components/tt-drawer/src/index.js";
-import { useShowDrawer as Er } from "./components/tt-drawer/src/index.js";
-import { setupModal as L } from "./components/tt-modal/src/index.js";
-import { useShowModal as vr } from "./components/tt-modal/src/index.js";
-import { default as Nr } from "./directives/disabled-tip/index.js";
-import { default as kr } from "./directives/auto-tip/index.js";
-import { showTtDrawer as Ur, useDrawerRender as $r } from "./components/tt-drawer/src/hooks/useDrawerRender.js";
-import { useDrawerResizable as yr } from "./components/tt-drawer/src/hooks/useResizable.js";
-import { showTtModal as Vr, useModalRender as Xr } from "./components/tt-modal/src/hooks/useModalRender.js";
-import { default as _r } from "./directives/dialog-resize/index.js";
+import { useShowDrawer as Ur } from "./components/tt-drawer/src/index.js";
+import { setupModal as F } from "./components/tt-modal/src/index.js";
+import { useShowModal as _r } from "./components/tt-modal/src/index.js";
+import { default as jr } from "./directives/disabled-tip/index.js";
+import { default as Hr } from "./directives/auto-tip/index.js";
+import { showTtDrawer as Xr, useDrawerRender as Yr } from "./components/tt-drawer/src/hooks/useDrawerRender.js";
+import { useDrawerResizable as qr } from "./components/tt-drawer/src/hooks/useResizable.js";
+import { showTtModal as Kr, useModalRender as Qr } from "./components/tt-modal/src/hooks/useModalRender.js";
+import { default as ro } from "./directives/dialog-resize/index.js";
 import * as rr from "zod";
-import { useGroupForm as Jr } from "./components/tt-form/src/group-form/useGroupForm.js";
-import { COMPONENT_MAP as Qr } from "./components/tt-form/src/config.js";
-import { useForm as Yr } from "./components/tt-form/src/useForm.js";
-import { TtImageViewer as oo } from "./components/tt-image/src/components/ImageViewer.js";
-import { vTtLoading as to } from "./components/tt-loading/src/directive.js";
-import { Loading as fo } from "./components/tt-loading/src/service.js";
-import { useTableContext as po, useTableFormContext as io } from "./components/tt-table/src/hooks/useTableContext.js";
-import { useTableFormRender as To, useTableRender as xo } from "./components/tt-table/src/hooks/useTableRender.js";
-import { ttUploadProps as lo } from "./components/tt-upload/src/typing.js";
-const S = [
-  f,
+import { useGroupForm as eo } from "./components/tt-form/src/group-form/useGroupForm.js";
+import { COMPONENT_MAP as mo } from "./components/tt-form/src/config.js";
+import { useForm as fo } from "./components/tt-form/src/useForm.js";
+import { TtImageViewer as so } from "./components/tt-image/src/components/ImageViewer.js";
+import { vTtLoading as xo } from "./components/tt-loading/src/directive.js";
+import { Loading as uo } from "./components/tt-loading/src/service.js";
+import { useTableContext as no, useTableFormContext as co } from "./components/tt-table/src/hooks/useTableContext.js";
+import { useTableFormRender as wo, useTableRender as Ro } from "./components/tt-table/src/hooks/useTableRender.js";
+import { ttUploadProps as go } from "./components/tt-upload/src/typing.js";
+const O = [
+  a,
   n,
   c,
-  T,
+  x,
   b,
   p,
   w,
-  a,
-  s,
+  f,
+  d,
   l,
   R,
-  g,
-  x,
-  u,
   h,
+  T,
+  u,
+  g,
+  S,
   A,
-  C,
-  F
-], I = (r) => {
-  S.forEach((o) => r.use(o)), Object.keys(e).forEach((o) => {
+  C
+], P = (r) => {
+  O.forEach((o) => r.use(o)), Object.keys(e).forEach((o) => {
     const t = e[o], m = o.replace(/([A-Z])/g, "-$1").toLowerCase();
     r.directive(m, t);
-  }), D(r), L(r);
+  }), D(r), F(r);
 };
 function or(r) {
-  d(r == null ? void 0 : r.components), i(r == null ? void 0 : r.defineRules, r == null ? void 0 : r.modelPropNameMap);
+  s(r == null ? void 0 : r.components), i(r == null ? void 0 : r.defineRules, r == null ? void 0 : r.modelPropNameMap);
 }
 const er = {
   /**
    * 安装组件
    * @param app Vue 应用实例
    */
-  install: I,
+  install: P,
   /**
    * 全局参数设置
    * @param options 全局参数
@@ -95,26 +98,28 @@ const er = {
   setup: M
 };
 export {
-  Qr as COMPONENT_MAP,
-  fo as Loading,
+  Pr as CODES,
+  mo as COMPONENT_MAP,
+  Lr as GROUP_BY,
+  uo as Loading,
   n as RenderDrawer,
   c as RenderModal,
-  fr as TtAddButton,
-  x as TtAddIcon,
-  h as TtApiComponent,
-  Tr as TtArea,
-  f as TtButton,
-  a as TtCheckbox,
+  ar as TtAddButton,
+  T as TtAddIcon,
+  g as TtApiComponent,
+  xr as TtArea,
+  a as TtButton,
+  f as TtCheckbox,
   p as TtEmpty,
-  T as TtIcon,
+  x as TtIcon,
   l as TtImage,
-  oo as TtImageViewer,
+  so as TtImageViewer,
   nr as TtLoading,
-  A as TtLog,
+  S as TtLog,
   pr as TtModal,
-  g as TtNavAnchor,
-  C as TtPanelSelect,
-  F as TtRadioGroup,
+  h as TtNavAnchor,
+  A as TtPanelSelect,
+  C as TtRadioGroup,
   b as TtSelect,
   u as TtSubIcon,
   br as TtTable,
@@ -122,36 +127,38 @@ export {
   Rr as TtTableButton,
   w as TtText,
   R as TtUpload,
-  d as addComponent,
-  kr as autoTip,
+  s as addComponent,
+  Hr as autoTip,
   er as default,
-  _r as dialogResize,
-  Nr as disabledTip,
+  ro as dialogResize,
+  jr as disabledTip,
   or as formAdapter,
   i as setConfig,
   ir as setXHR,
   D as setupDrawer,
-  L as setupModal,
-  Ur as showTtDrawer,
-  Vr as showTtModal,
-  lo as ttUploadProps,
-  Ar as useDataPermissionOptions,
-  $r as useDrawerRender,
-  yr as useDrawerResizable,
-  Yr as useForm,
-  hr as useFormSchemasLink,
-  Fr as useFormat,
-  Jr as useGroupForm,
-  Lr as useLoading,
+  F as setupModal,
+  Xr as showTtDrawer,
+  Kr as showTtModal,
+  go as ttUploadProps,
+  Cr as useBasicDataOptions,
+  Sr as useDataPermissionOptions,
+  Yr as useDrawerRender,
+  qr as useDrawerResizable,
+  fo as useForm,
+  gr as useFormSchemasLink,
+  Ir as useFormat,
+  eo as useGroupForm,
+  vr as useLoading,
   ur as useModalForm,
-  Xr as useModalRender,
-  Ir as useScreenshotOss,
-  Er as useShowDrawer,
-  vr as useShowModal,
-  po as useTableContext,
-  io as useTableFormContext,
-  To as useTableFormRender,
-  xo as useTableRender,
-  to as vTtLoading,
+  Qr as useModalRender,
+  Fr as usePanelSelectSchemas,
+  Nr as useScreenshotOss,
+  Ur as useShowDrawer,
+  _r as useShowModal,
+  no as useTableContext,
+  co as useTableFormContext,
+  wo as useTableFormRender,
+  Ro as useTableRender,
+  xo as vTtLoading,
   rr as z
 };