@aplus-frontend/ui 0.1.15 → 0.1.17

package/es/src/business/index.mjs

@@ -9,25 +9,34 @@ import "./ap-select-layout/select-layout.vue.mjs";
 import "./ap-export-group/ApExportGroup.vue.mjs";
 import "./ap-input-radio/ApInputRadio.vue.mjs";
 import "./ap-batch-action/ApBatchAction.vue.mjs";
+import "./ap-batch-action-group/ApBatchActionGroup.vue.mjs";
+import "./ap-image/ApImage.vue.mjs";
+import { ApTransformDataHelper as Y } from "../utils/ap-trans-data/index.mjs";
+import "./ap-batch-action-group/interface.mjs";
 import m from "./title/ApTitle.vue2.mjs";
-import p from "./expandAlert/ApExpandAlert.vue2.mjs";
-import r from "./ap-label/ApLabel.vue2.mjs";
+import r from "./expandAlert/ApExpandAlert.vue2.mjs";
+import p from "./ap-label/ApLabel.vue2.mjs";
 import i from "./ap-status/ApStatus.vue2.mjs";
 import n from "./ap-status/ApStatusGroup.vue2.mjs";
 import c from "./ap-select-layout/select-layout.vue2.mjs";
-import s from "./ap-export-group/ApExportGroup.vue2.mjs";
-import f from "./ap-input-radio/ApInputRadio.vue2.mjs";
-import a from "./ap-batch-action/ApBatchAction.vue2.mjs";
-const g = o(m), j = p, k = o(r), q = o(i), v = o(n), z = o(c), C = o(s), D = f, F = a, H = t;
+import a from "./ap-export-group/ApExportGroup.vue2.mjs";
+import s from "./ap-input-radio/ApInputRadio.vue2.mjs";
+import f from "./ap-batch-action/ApBatchAction.vue2.mjs";
+import _ from "./ap-batch-action-group/ApBatchActionGroup.vue2.mjs";
+import A from "./ap-image/ApImage.vue2.mjs";
+const z = o(m), C = r, F = o(p), J = o(i), K = o(n), M = o(c), N = o(a), O = s, P = f, Q = t, U = _, V = A;
 export {
-  F as ApBatchAction,
-  j as ApExpandAlert,
-  C as ApExportGroup,
-  D as ApInputRadio,
-  k as ApLabel,
-  H as ApLabelGroup,
-  z as ApSelectLayout,
-  q as ApStatus,
-  v as ApStatusGroup,
-  g as ApTitle
+  P as ApBatchAction,
+  U as ApBatchActionGroup,
+  C as ApExpandAlert,
+  N as ApExportGroup,
+  V as ApImage,
+  O as ApInputRadio,
+  F as ApLabel,
+  Q as ApLabelGroup,
+  M as ApSelectLayout,
+  J as ApStatus,
+  K as ApStatusGroup,
+  z as ApTitle,
+  Y as ApTransformDataHelper
 };

package/es/src/config-provider/config-provider-props.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import { LocaleType } from '../locale/interface';
-import { ApiType, ScrollbarGlobalConfig, TableDefaultConfig, ApUploadConfig, ApDescriptionsConfig } from './constants';
+import { ApiType, ScrollbarGlobalConfig, TableDefaultConfig, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig } from './constants';
 import { default as __DTS_DEFAULT_0__ } from 'ant-design-vue/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from 'ant-design-vue/es/table/interface';
 import { CSPConfig, SizeType, ThemeConfig } from 'ant-design-vue/es/config-provider/context';
@@ -155,5 +155,9 @@ export declare const configProviderProps: () => {
         type: PropType<ApDescriptionsConfig>;
         default: () => {};
     };
+    valueTypeMap: {
+        type: PropType<Record<string, ValueTypeRenderConfig>>;
+        default: () => {};
+    };
 };
 export type ConfigProviderProps = Partial<ExtractPropTypes<ReturnType<typeof configProviderProps>>>;

package/es/src/config-provider/config-provider-props.mjs

@@ -33,6 +33,10 @@ const p = () => ({
     type: Object,
     default: () => ({})
   },
+  valueTypeMap: {
+    type: Object,
+    default: () => ({})
+  },
   ...e()
 });
 export {

package/es/src/config-provider/config-provider.d.ts

@@ -9,7 +9,7 @@ import { ValidateMessages } from 'ant-design-vue/es/form/interface';
 import { RequiredMark } from 'ant-design-vue/es/form/Form';
 import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
 import { LocaleType } from '..';
-import { ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig, ApDescriptionsConfig } from './constants';
+import { ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig } from './constants';
 export declare const globalConfigCached: Ref<ConfigProviderProps>;
 export declare const ConfigProvider: DefineComponent<{
     iconPrefixCls: StringConstructor;
@@ -156,6 +156,10 @@ export declare const ConfigProvider: DefineComponent<{
         type: PropType<ApDescriptionsConfig>;
         default: () => {};
     };
+    valueTypeMap: {
+        type: PropType<Record<string, ValueTypeRenderConfig>>;
+        default: () => {};
+    };
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
@@ -301,6 +305,10 @@ export declare const ConfigProvider: DefineComponent<{
         type: PropType<ApDescriptionsConfig>;
         default: () => {};
     };
+    valueTypeMap: {
+        type: PropType<Record<string, ValueTypeRenderConfig>>;
+        default: () => {};
+    };
 }>>, {
     input: {
         autocomplete?: string;
@@ -339,5 +347,6 @@ export declare const ConfigProvider: DefineComponent<{
     uiMode: "aplus" | "admin";
     apUpload: ApUploadConfig;
     apDescriptions: ApDescriptionsConfig;
+    valueTypeMap: Record<string, ValueTypeRenderConfig>;
 }, {}>;
 export type ConfigProviderInstance = InstanceType<typeof ConfigProvider>;

package/es/src/config-provider/config-provider.mjs

@@ -1,20 +1,20 @@
-import { isVNode as n, ref as d, defineComponent as f, computed as m, watch as r, createVNode as c, renderSlot as u } from "vue";
-import { ConfigProvider as s } from "ant-design-vue";
-import { provideGlobalConfig as p } from "./hooks/use-global-config.mjs";
+import { isVNode as n, ref as u, defineComponent as d, computed as f, watch as a, createVNode as m, renderSlot as c } from "vue";
+import { ConfigProvider as p } from "ant-design-vue";
+import { provideGlobalConfig as s } from "./hooks/use-global-config.mjs";
 import { configProviderProps as g } from "./config-provider-props.mjs";
 import { tableDefaultConfig as C } from "./constants.mjs";
-import { mergeAntdProvideConfig as b } from "../utils/config-provider-preset.mjs";
-import { setCSSVariables as v, aplusCssVar as P, adminCssVar as S } from "../theme/css-var/index.mjs";
-function V(e) {
+import { mergeAntdProvideConfig as v } from "../utils/config-provider-preset.mjs";
+import { setCSSVariables as b, aplusCssVar as P, adminCssVar as M } from "../theme/css-var/index.mjs";
+function S(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !n(e);
 }
-const a = d({}), N = /* @__PURE__ */ f({
+const i = u({}), N = /* @__PURE__ */ d({
   name: "AplusConfigProvider",
   props: g(),
   setup(e, {
-    slots: i
+    slots: r
   }) {
-    const l = m(() => ({
+    const l = f(() => ({
       namespace: e.namespace,
       aplusLocale: e.aplusLocale,
       api: e.api,
@@ -25,20 +25,21 @@ const a = d({}), N = /* @__PURE__ */ f({
       scrollbar: e.scrollbar,
       uiMode: e.uiMode,
       apUpload: e.apUpload,
-      apDescriptions: e.apDescriptions
-    })), t = p(l);
-    return r(() => e, (o) => {
-      a.value = b(o);
+      apDescriptions: e.apDescriptions,
+      valueTypeMap: e.valueTypeMap
+    })), t = s(l);
+    return a(() => e, (o) => {
+      i.value = v(o);
     }, {
       deep: !0,
       immediate: !0
-    }), r(() => e.uiMode, (o) => {
-      v(o === "aplus" ? P : S);
+    }), a(() => e.uiMode, (o) => {
+      b(o === "aplus" ? P : M);
     }, {
       immediate: !0
     }), () => {
       let o;
-      return c(s, a.value, V(o = u(i, "default", {
+      return m(p, i.value, S(o = c(r, "default", {
         config: t == null ? void 0 : t.value
       })) ? o : {
         default: () => [o]
@@ -48,5 +49,5 @@ const a = d({}), N = /* @__PURE__ */ f({
 });
 export {
   N as ConfigProvider,
-  a as globalConfigCached
+  i as globalConfigCached
 };

package/es/src/config-provider/constants.d.ts

@@ -1,7 +1,7 @@
 import { ConfigProviderProps } from './config-provider-props';
-import { InjectionKey, Ref } from 'vue';
+import { InjectionKey, Ref, VNode } from 'vue';
 import { SizeType, SorterResult } from '../pro-table/types/table';
-import { Fn } from '../type';
+import { Fn, Recordable } from '../type';
 import { CommonOptionItem, ApiSelectOption } from '../pro-form/components/interface';
 import { client } from '@aplus-frontend/oss';
 export type ConfigProviderContext = Partial<ConfigProviderProps>;
@@ -38,6 +38,10 @@ export type ApUploadConfig = {
     };
     accept?: string;
 };
+export type ValueTypeRenderConfig = {
+    render?: (text: any, record: Recordable, renderProps: Recordable) => VNode;
+    renderFormItem?: (fieldProps: Recordable) => VNode;
+};
 export type ApDescriptionsConfig = {
     downloadFile?: (url: string, name: string) => void;
 };

package/es/src/config-provider/hooks/use-global-config.d.ts

@@ -1,6 +1,6 @@
 import { MaybeRef } from '@aplus-frontend/utils';
 import { App, Ref, ComputedRef, ExtractPropTypes, PropType } from 'vue';
-import { ConfigProviderContext, ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig, ApDescriptionsConfig } from '../constants';
+import { ConfigProviderContext, ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig } from '../constants';
 import { default as __DTS_DEFAULT_0__ } from 'ant-design-vue/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from 'ant-design-vue/es/table/interface';
 import { CSPConfig } from 'ant-design-vue/es/config-provider';
@@ -158,4 +158,8 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
         type: PropType<ApDescriptionsConfig>;
         default: () => {};
     };
+    valueTypeMap: {
+        type: PropType<Record<string, ValueTypeRenderConfig>>;
+        default: () => {};
+    };
 }>>>> | undefined;

package/es/src/config-provider/index.d.ts

@@ -8,7 +8,7 @@ import { ValidateMessages } from 'ant-design-vue/es/form/interface';
 import { RequiredMark } from 'ant-design-vue/es/form/Form';
 import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
 import { LocaleType } from '..';
-import { ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig, ApDescriptionsConfig } from './constants';
+import { ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig } from './constants';
 export * from './config-provider-props';
 export * from './constants';
 export * from './hooks/use-global-config';
@@ -161,6 +161,10 @@ export declare const APConfigProvider: {
             type: PropType<ApDescriptionsConfig>;
             default: () => {};
         };
+        valueTypeMap: {
+            type: PropType<Record<string, ValueTypeRenderConfig>>;
+            default: () => {};
+        };
     }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         iconPrefixCls: StringConstructor;
         getTargetContainer: {
@@ -306,6 +310,10 @@ export declare const APConfigProvider: {
             type: PropType<ApDescriptionsConfig>;
             default: () => {};
         };
+        valueTypeMap: {
+            type: PropType<Record<string, ValueTypeRenderConfig>>;
+            default: () => {};
+        };
     }>>, {
         input: {
             autocomplete?: string;
@@ -344,6 +352,7 @@ export declare const APConfigProvider: {
         uiMode: "aplus" | "admin";
         apUpload: ApUploadConfig;
         apDescriptions: ApDescriptionsConfig;
+        valueTypeMap: Record<string, ValueTypeRenderConfig>;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -496,6 +505,10 @@ export declare const APConfigProvider: {
             type: PropType<ApDescriptionsConfig>;
             default: () => {};
         };
+        valueTypeMap: {
+            type: PropType<Record<string, ValueTypeRenderConfig>>;
+            default: () => {};
+        };
     }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         input: {
             autocomplete?: string;
@@ -534,6 +547,7 @@ export declare const APConfigProvider: {
         uiMode: "aplus" | "admin";
         apUpload: ApUploadConfig;
         apDescriptions: ApDescriptionsConfig;
+        valueTypeMap: Record<string, ValueTypeRenderConfig>;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -683,6 +697,10 @@ export declare const APConfigProvider: {
         type: PropType<ApDescriptionsConfig>;
         default: () => {};
     };
+    valueTypeMap: {
+        type: PropType<Record<string, ValueTypeRenderConfig>>;
+        default: () => {};
+    };
 }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     input: {
         autocomplete?: string;
@@ -721,6 +739,7 @@ export declare const APConfigProvider: {
     uiMode: "aplus" | "admin";
     apUpload: ApUploadConfig;
     apDescriptions: ApDescriptionsConfig;
+    valueTypeMap: Record<string, ValueTypeRenderConfig>;
 }, {}, string, {}> & ( VNodeProps & ( AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: () => void;

package/es/src/editable-table/form-item.vue.mjs

@@ -1,15 +1,18 @@
-import { defineComponent as V, ref as x, unref as t, useSlots as A, watch as O, openBlock as C, createBlock as K, mergeProps as w, withCtx as u, createVNode as q, createSlots as H, createElementBlock as I, Fragment as W, createElementVNode as b, normalizeClass as $, toDisplayString as G, createCommentVNode as M, renderList as U, renderSlot as J, normalizeProps as Q, guardReactiveProps as X } from "vue";
-import { Table as Y } from "ant-design-vue";
-import { ApForm as y } from "../ap-form/index.mjs";
-import { isNumber as m, cloneDeep as f, omit as Z } from "lodash-unified";
+import { defineComponent as q, ref as y, unref as o, useSlots as G, watch as H, openBlock as d, createBlock as C, mergeProps as b, withCtx as m, createVNode as w, createSlots as I, createElementBlock as M, normalizeClass as W, createCommentVNode as R, createElementVNode as $, toDisplayString as Q, normalizeStyle as U, renderList as J, renderSlot as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
+import { Table as ee, Tooltip as oe } from "ant-design-vue";
+import { ApForm as B } from "../ap-form/index.mjs";
+import { isNumber as i, cloneDeep as f, omit as te } from "lodash-unified";
 import "../config-provider/index.mjs";
-import { useInjectForm as ee } from "../ap-form/context.mjs";
+import { useInjectForm as ae } from "../ap-form/context.mjs";
 import "./style/index.css";
-import { isDef as c } from "../utils/index.mjs";
-import oe from "./hooks/use-get-columns.mjs";
-import { scrollToRowIndex as te, getColumnIsRequired as ae } from "./utils.mjs";
-import { useNamespace as ne } from "../config-provider/hooks/use-namespace.mjs";
-const ge = /* @__PURE__ */ V({
+import { isDef as p } from "../utils/index.mjs";
+import le from "./hooks/use-get-columns.mjs";
+import { scrollToRowIndex as ne, getColumnIsRequired as re } from "./utils.mjs";
+import { QuestionCircleOutlined as se } from "@ant-design/icons-vue";
+import { useToken as ue } from "ant-design-vue/es/theme/internal";
+import { useNamespace as me } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as de } from "../config-provider/hooks/use-global-config.mjs";
+const ve = /* @__PURE__ */ q({
   name: "EditableTableInner",
   __name: "form-item",
   props: {
@@ -109,103 +112,114 @@ const ge = /* @__PURE__ */ V({
       default: () => ({})
     }
   },
-  setup(R, {
-    expose: B
+  setup(k, {
+    expose: v
   }) {
-    var p;
-    const n = R, {
-      internalInstance: l,
+    var h;
+    const l = k, {
+      internalInstance: n,
       model: D
-    } = ee(), r = x(((p = t(D)) == null ? void 0 : p[n.name]) || []), v = A(), F = y.useWatch(n.name);
-    O(() => F.value, (e) => {
-      var o;
-      r.value = e, (o = n.onChange) == null || o.call(n, e);
+    } = ae(), r = y(((h = o(D)) == null ? void 0 : h[l.name]) || []), L = G(), T = B.useWatch(l.name);
+    H(() => T.value, (e) => {
+      var t;
+      r.value = e, (t = l.onChange) == null || t.call(l, e);
     }, {
       deep: !0
     });
     const {
       b: E,
-      em: L
-    } = ne("editable-table"), i = x(), N = oe(n);
-    function k(e, o) {
-      var d;
-      const a = ((d = t(r)) == null ? void 0 : d.length) || 0;
-      if (c(n.maxLength) && a >= n.maxLength)
+      em: F
+    } = me("editable-table"), c = y(), N = de("valueTypeMap"), [, S] = ue(), _ = le(l, N);
+    function z(e, t) {
+      var u;
+      const a = ((u = o(r)) == null ? void 0 : u.length) || 0;
+      if (p(l.maxLength) && a >= l.maxLength)
         return;
-      const s = [...t(r) || []];
-      c(o) ? s.splice(o, 0, {
+      const s = [...o(r) || []];
+      p(t) ? s.splice(t, 0, {
         ...e || {}
       }) : s.push({
         ...e || {}
-      }), l == null || l.setFieldValue(n.name, [...t(r) || [], e || {}]);
+      }), n == null || n.setFieldValue(l.name, [...o(r) || [], e || {}]);
     }
-    function S(e, o = "suffix") {
+    function P(e, t = "suffix") {
       var g;
-      const a = ((g = t(r)) == null ? void 0 : g.length) || 0, s = m(e) ? e : e.length;
-      if (c(n.maxLength) && a + s > n.maxLength)
+      const a = ((g = o(r)) == null ? void 0 : g.length) || 0, s = i(e) ? e : e.length;
+      if (p(l.maxLength) && a + s > l.maxLength)
         return;
-      const d = [...t(r) || []], h = m(e) ? new Array(e).fill({}) : f(e);
-      o === "suffix" ? d.push(...h) : d.unshift(...h), l == null || l.setFieldValue(n.name, d);
+      const u = [...o(r) || []], x = i(e) ? new Array(e).fill({}) : f(e);
+      t === "suffix" ? u.push(...x) : u.unshift(...x), n == null || n.setFieldValue(l.name, u);
     }
-    function _(e) {
-      let o = f(t(r) || []);
-      const a = m(e) ? [e] : e;
-      o = o.filter((s, d) => !a.includes(d)), l == null || l.setFieldValue(n.name, o);
+    function V(e) {
+      let t = f(o(r) || []);
+      const a = i(e) ? [e] : e;
+      t = t.filter((s, u) => !a.includes(u)), n == null || n.setFieldValue(l.name, t);
     }
-    function T() {
-      return t(r);
+    function j() {
+      return o(r);
     }
-    function j(e) {
-      var o;
-      return (o = t(r)) == null ? void 0 : o[e];
+    function O(e) {
+      var t;
+      return (t = o(r)) == null ? void 0 : t[e];
     }
-    function z(e, o) {
-      const a = f(t(r));
+    function A(e, t) {
+      const a = f(o(r));
       a[e] && (a[e] = {
         ...a[e],
-        ...o
-      }, l == null || l.setFieldValue(n.name, [...a]));
+        ...t
+      }, n == null || n.setFieldValue(l.name, [...a]));
     }
-    function P(e, o) {
+    function K(e, t) {
       var s;
       const a = e === "end" ? r.value.length - 1 : e;
-      te(a, (s = i.value) == null ? void 0 : s.$el, o);
+      ne(a, (s = c.value) == null ? void 0 : s.$el, t);
     }
-    return B({
-      add: k,
-      remove: _,
-      getRowData: j,
-      getRowsData: T,
-      setRowData: z,
-      addMultiple: S,
-      scrollTo: P
-    }), (e, o) => (C(), K(t(y).FormItem, w(e.formItem, {
+    return v({
+      add: z,
+      remove: V,
+      getRowData: O,
+      getRowsData: j,
+      setRowData: A,
+      addMultiple: P,
+      scrollTo: K
+    }), (e, t) => (d(), C(o(B).FormItem, b(e.formItem, {
       name: e.name,
       label: e.label
     }), {
-      default: u(() => [q(t(Y), w(t(Z)(n, ["name", "maxLength", "onChange"]), {
-        class: t(E)(),
-        columns: t(N),
+      default: m(() => [w(o(ee), b(o(te)(l, ["name", "maxLength", "onChange"]), {
+        class: o(E)(),
+        columns: o(_),
         "data-source": r.value,
         ref_key: "tableRef",
-        ref: i
-      }), H({
-        headerCell: u(({
+        ref: c
+      }), I({
+        headerCell: m(({
           column: a
-        }) => [t(ae)(a) ? (C(), I(W, {
-          key: 0
-        }, [b("span", {
-          class: $(t(L)("header-cell", "required"))
-        }, "*", 2), b("span", null, G(a.title), 1)], 64)) : M("", !0)]),
+        }) => [o(re)(a) ? (d(), M("span", {
+          key: 0,
+          class: W(o(F)("header-cell", "required"))
+        }, "*", 2)) : R("", !0), $("span", null, Q(a.title), 1), a.tooltip ? (d(), C(o(oe), {
+          key: 1,
+          title: a.tooltip,
+          placement: "bottom"
+        }, {
+          default: m(() => [w(o(se), {
+            style: U({
+              paddingLeft: "4px",
+              color: o(S).colorPrimary
+            })
+          }, null, 8, ["style"])]),
+          _: 2
+        }, 1032, ["title"])) : R("", !0)]),
         _: 2
-      }, [U(v, (a, s) => ({
+      }, [J(L, (a, s) => ({
         name: s,
-        fn: u((d) => [J(e.$slots, s, Q(X(d || {})))])
+        fn: m((u) => [X(e.$slots, s, Y(Z(u || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));
   }
 });
 export {
-  ge as default
+  ve as default
 };

package/es/src/editable-table/hooks/use-get-columns.d.ts

@@ -1,5 +1,6 @@
-import { ComputedRef } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 import { EditableTableFormItemProps, EditableTableProps } from '../interface';
+import { ValueTypeRenderConfig } from '../../config-provider';
 import { ColumnType } from 'ant-design-vue/es/table';
-declare const useGetColumns: (props: EditableTableProps | EditableTableFormItemProps) => ComputedRef<ColumnType<any>[]>;
+declare const useGetColumns: (props: EditableTableProps | EditableTableFormItemProps, extraValueTypes: Ref<Record<string, ValueTypeRenderConfig> | undefined>) => ComputedRef<ColumnType<any>[]>;
 export default useGetColumns;

package/es/src/editable-table/hooks/use-get-columns.mjs

@@ -1,57 +1,57 @@
-import { computed as f } from "vue";
-import { omit as g, isFunction as F } from "lodash-unified";
-import { mergeClass as b, getFinalNode as x } from "../utils.mjs";
-import { updateFormProps as R, getFieldProps as h, getPlaceholder as C, getTableRenderProps as I } from "../../ap-table/utils.mjs";
+import { computed as g, unref as F } from "vue";
+import { omit as b, isFunction as x } from "lodash-unified";
+import { mergeClass as R, getFinalNode as h } from "../utils.mjs";
+import { updateFormProps as C, getFieldProps as I, getPlaceholder as y, getTableRenderProps as T } from "../../ap-table/utils.mjs";
 import "../../config-provider/index.mjs";
-import { useLocale as y } from "../../config-provider/hooks/use-locale.mjs";
-const $ = (o) => {
+import { useLocale as N } from "../../config-provider/hooks/use-locale.mjs";
+const k = (o, i) => {
   const {
-    t: i
-  } = y();
-  return f(() => {
+    t: s
+  } = N();
+  return g(() => {
     let d = o.columns;
     return d ? (d = d.map((e) => ({
-      ...g(e, ["ellipsis"]),
+      ...b(e, ["ellipsis"]),
       customRender({
-        value: t,
-        ...l
+        value: a,
+        ...n
       }) {
-        const a = F(e.editable) ? e.editable(l.text, l.record, l.index) : !!e.editable;
+        const t = x(e.editable) ? e.editable(n.text, n.record, n.index) : !!e.editable;
         if (!e.valueType && !e.customRender && !e.customRenderFormItem)
           return console.warn("can not render table cell because no `valueType` / `customRender` / `customRenderFormItem`"), null;
         let c;
-        if (a) {
-          const n = R(e, h(e.fieldProps, {
-            value: t,
-            ...l
+        if (t) {
+          const l = C(e, I(e.fieldProps, {
+            value: a,
+            ...n
           })), u = {};
-          o.onFieldChange && (u[`onUpdate:${n.valuePropName || "value"}`] = (s) => {
+          o.onFieldChange && (u[`onUpdate:${l.valuePropName || "value"}`] = (f) => {
             var m;
-            return (m = o.onFieldChange) == null ? void 0 : m.call(o, l.index, e.dataIndex, s);
+            return (m = o.onFieldChange) == null ? void 0 : m.call(o, n.index, e.dataIndex, f);
           }), c = {
-            name: [o.name, l.index, e.dataIndex],
-            ...n || {},
+            name: [o.name, n.index, e.dataIndex],
+            ...l || {},
             // 格式化placeholder
-            placeholder: C(i, e.valueType, n == null ? void 0 : n.placeholder),
+            placeholder: y(s, e.valueType, l == null ? void 0 : l.placeholder),
             field: {
               style: "width: 100%",
-              ...(n == null ? void 0 : n.field) || {},
+              ...(l == null ? void 0 : l.field) || {},
               ...u,
-              class: b("is-editable", n.class)
+              class: R("is-editable", l.class)
             }
           };
         } else
           c = {
-            field: I(e, {
-              value: t,
-              ...l
+            field: T(e, {
+              value: a,
+              ...n
             })
           };
-        const r = x(e, a, c, t);
+        const r = h(e, t, c, a, n.record, F(i));
         return e.customRender ? e.customRender({
-          value: t,
-          ...l,
-          editable: a,
+          value: a,
+          ...n,
+          editable: t,
           originalNode: r
         }) : r;
       }
@@ -59,5 +59,5 @@ const $ = (o) => {
   });
 };
 export {
-  $ as default
+  k as default
 };