@aplus-frontend/ui 0.1.15 → 0.1.16

package/es/src/ap-table/utils.mjs

@@ -1,110 +1,166 @@
-import { isObject as s, isArray as c, isUndefined as f, isFunction as l, omit as d, isBoolean as p } from "lodash-unified";
-const m = (e, t, n) => {
-  let o = {};
-  return s(e) ? Object.keys(e).forEach((u) => {
-    s(e[u]) ? o[u] = m(e[u], t[u], n) : o[u] = n(e[u], t);
-  }) : o = n(e, t), o;
-}, h = (e, t) => {
-  switch (e) {
+import { isVNode as m, createVNode as c, mergeProps as i, cloneVNode as p } from "vue";
+import { isObject as s, isArray as l, isUndefined as d, isFunction as b, omit as T, isBoolean as y } from "lodash-unified";
+import { apTableRenderItemMap as j, apTableFormItemMap as h } from "./constants.mjs";
+import { isType as g } from "@fruits-chain/utils";
+import "../ap-form/index.mjs";
+import E from "../ap-form/ap-form-item.vue.mjs";
+function F(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !m(t);
+}
+const O = (t, e, n) => {
+  let r = {};
+  return s(t) ? Object.keys(t).forEach((o) => {
+    s(t[o]) ? r[o] = O(t[o], e[o], n) : r[o] = n(t[o], e);
+  }) : r = n(t, e), r;
+}, _ = (t, e) => {
+  switch (t) {
     case "dayjs":
-      return t.valueOf();
+      return e.valueOf();
     case "dayjsRange":
-      return t.map((n) => n.valueOf());
+      return e.map((n) => n.valueOf());
     case "dayjsDayRange": {
-      const [n, o] = t;
-      return [n.startOf("day").valueOf(), o.endOf("day").valueOf()];
+      const [n, r] = e;
+      return [n.startOf("day").valueOf(), r.endOf("day").valueOf()];
     }
     case "multiple":
     case "multipleNumber":
-      return c(t) ? t : [t];
+      return l(e) ? e : [e];
     case "boolean":
-      return t;
+      return e;
     case "object":
-      return t;
+      return e;
     default:
-      return t;
+      return e;
   }
 };
-function y(e) {
-  return c(e) ? e.join(".") : e;
+function C(t) {
+  return l(t) ? t.join(".") : t;
 }
-function x(e) {
-  const t = Object.prototype.toString.call(e).match(/^\[object (.*)\]$/)[1].toLowerCase();
-  return t === "string" && typeof e == "object" ? "object" : e === null ? "null" : e === void 0 ? "undefined" : t;
+function N(t) {
+  const e = Object.prototype.toString.call(t).match(/^\[object (.*)\]$/)[1].toLowerCase();
+  return e === "string" && typeof t == "object" ? "object" : t === null ? "null" : t === void 0 ? "undefined" : e;
 }
-const T = (e) => x(e) === "map" ? e : new Map(Object.entries(e || {})), a = (e) => {
-  const t = [], n = T(e);
-  return n.forEach((o, u) => {
-    const r = n.get(u) || n.get(`${u}`);
-    if (r) {
-      if (typeof r == "object" && (r != null && r.text)) {
-        t.push({
-          text: r == null ? void 0 : r.text,
-          value: u,
-          label: r == null ? void 0 : r.text,
-          disabled: r.disabled
+const S = (t) => N(t) === "map" ? t : new Map(Object.entries(t || {})), f = (t) => {
+  const e = [], n = S(t);
+  return n.forEach((r, o) => {
+    const u = n.get(o) || n.get(`${o}`);
+    if (u) {
+      if (typeof u == "object" && (u != null && u.text)) {
+        e.push({
+          text: u == null ? void 0 : u.text,
+          value: o,
+          label: u == null ? void 0 : u.text,
+          disabled: u.disabled
         });
         return;
       }
-      t.push({
-        text: r,
-        label: r,
-        value: u
+      e.push({
+        text: u,
+        label: u,
+        value: o
       });
     }
-  }), t;
-}, E = (e) => f(e) || e < 0 ? 0 : e, j = (e, t, n) => {
+  }), e;
+}, R = (t) => d(t) || t < 0 ? 0 : t, $ = (t, e, n) => {
   if (n)
     return n;
-  const o = ["select", "date"], u = [
-    "text",
-    "textArea",
-    "number"
-  ];
-  if (t === "dateRange")
-    return [e("ap.common.chooseText"), e("ap.common.chooseText")];
-  if (o.includes(t))
-    return e("ap.common.chooseText");
-  if (u.includes(t))
-    return e("ap.common.inputText");
+  const r = ["select", "date"], o = ["text", "textArea", "number"];
+  if (e === "dateRange")
+    return [t("ap.common.chooseText"), t("ap.common.chooseText")];
+  if (r.includes(e))
+    return t("ap.common.chooseText");
+  if (o.includes(e))
+    return t("ap.common.inputText");
 };
-function b(e, t) {
-  return !e || !l(e) ? e : e(t);
+function x(t, e) {
+  return !t || !b(t) ? t : t(e);
+}
+function q(t) {
+  let e = t.valueType || "text";
+  return t.valueEnum && (e = "status"), e;
 }
-function O(e) {
-  let t = e.valueType || "text";
-  return e.valueEnum && (t = "status"), t;
+function B(t, e, n) {
+  var u;
+  const r = j[t];
+  if (r)
+    return c(r, i(e, {
+      mode: "read"
+    }), null);
+  const o = n == null ? void 0 : n[t];
+  return ((u = o == null ? void 0 : o.render) == null ? void 0 : u.call(o, e.value, e)) || e.value;
 }
-function F(e, t) {
-  const n = b(e.fieldProps, t), o = (n == null ? void 0 : n.field) || n || {}, u = e.valueType === "switch", r = e.valueType === "index", i = u ? { checked: t.value } : { value: r ? t.index + 1 : t.value };
-  return e.valueEnum && (o.valueEnum = e.valueEnum), {
-    ...d(o, ["request"]),
-    ...i
+function D(t, e) {
+  if (t.customRenderFormItem)
+    return () => {
+      const o = t.customRenderFormItem(t);
+      return p(o, {
+        ...t.fieldProps,
+        span: t.span,
+        ...o.props || {}
+      });
+    };
+  const n = h[t.valueType];
+  if (n)
+    return n;
+  const r = e == null ? void 0 : e[t.valueType];
+  return () => {
+    var u;
+    const o = (u = r == null ? void 0 : r.renderFormItem) == null ? void 0 : u.call(r, t.fieldProps.field);
+    return o ? c(E, i(t.fieldProps, {
+      span: t.span
+    }), F(o) ? o : {
+      default: () => [o]
+    }) : null;
   };
 }
-function v(e) {
-  const t = { ...e };
-  return p(e.filters) && e.filters && e.valueEnum && (t.filters = a(e.valueEnum)), t;
+function J(t, e) {
+  const n = x(t.fieldProps, e), r = (n == null ? void 0 : n.field) || n || {}, o = t.valueType === "switch", u = t.valueType === "index", a = o ? {
+    checked: e.value
+  } : {
+    value: u ? e.index + 1 : e.value
+  };
+  return t.valueEnum && (r.valueEnum = t.valueEnum), {
+    ...T(r, ["request"]),
+    ...a
+  };
+}
+function L(t) {
+  const e = {
+    ...t
+  };
+  return y(t.filters) && t.filters && t.valueEnum && (e.filters = f(t.valueEnum)), e;
 }
-function w(e, t) {
-  var o;
-  const n = t || {};
-  return e.valueEnum && !((o = n.field) != null && o.options) && (n.field = {
+function U(t, e) {
+  var r;
+  const n = e || {};
+  return t.valueEnum && !((r = n.field) != null && r.options) && (n.field = {
     ...n.field,
-    options: a(e.valueEnum)
+    options: f(t.valueEnum)
   }), n;
 }
+function z(t) {
+  if (!g("Object")(t))
+    return t;
+  try {
+    return JSON.stringify(t);
+  } catch {
+    return t;
+  }
+}
 export {
-  v as apColumnToColumn,
-  y as dataIndexToStr,
-  m as formatParamsValueType,
-  E as getColumnOrder,
-  b as getFieldProps,
-  j as getPlaceholder,
-  F as getTableRenderProps,
-  O as getTableRenderType,
-  T as objectToMap,
-  h as parseFieldValue,
-  w as updateFormProps,
-  a as valueEnumToArray
+  L as apColumnToColumn,
+  C as dataIndexToStr,
+  O as formatParamsValueType,
+  R as getColumnOrder,
+  x as getFieldProps,
+  $ as getPlaceholder,
+  D as getSearchFormItemRenderNode,
+  B as getTableCellRenderNode,
+  J as getTableRenderProps,
+  q as getTableRenderType,
+  S as objectToMap,
+  z as objectToString,
+  _ as parseFieldValue,
+  U as updateFormProps,
+  f as valueEnumToArray
 };

package/es/src/business/index.d.ts

@@ -1,3 +1,4 @@
+import { ApTransformDataHelper } from '../utils/ap-trans-data';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin, CSSProperties, PublicProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement, DefineComponent } from 'vue';
 import { TooltipPlacement } from 'ant-design-vue/es/tooltip';
 import { LiteralUnion } from 'ant-design-vue/es/_util/type';
@@ -1311,3 +1312,4 @@ export declare const ApLabelGroup: DefineComponent<{
     record: any;
     tagValue: string | number | undefined;
 }, {}>;
+export { ApTransformDataHelper };

package/es/src/business/index.mjs

@@ -9,25 +9,27 @@ 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 m from "./title/ApTitle.vue2.mjs";
-import p from "./expandAlert/ApExpandAlert.vue2.mjs";
-import r from "./ap-label/ApLabel.vue2.mjs";
+import { ApTransformDataHelper as M } from "../utils/ap-trans-data/index.mjs";
+import r from "./title/ApTitle.vue2.mjs";
+import m 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 s from "./ap-select-layout/select-layout.vue2.mjs";
+import a from "./ap-export-group/ApExportGroup.vue2.mjs";
+import c from "./ap-input-radio/ApInputRadio.vue2.mjs";
+import f from "./ap-batch-action/ApBatchAction.vue2.mjs";
+const H = o(r), R = m, g = o(p), j = o(i), k = o(n), q = o(s), v = o(a), z = c, C = f, F = t;
 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
+  C as ApBatchAction,
+  R as ApExpandAlert,
+  v as ApExportGroup,
+  z as ApInputRadio,
+  g as ApLabel,
+  F as ApLabelGroup,
+  q as ApSelectLayout,
+  j as ApStatus,
+  k as ApStatusGroup,
+  H as ApTitle,
+  M 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, 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;