@aplus-frontend/ui 0.1.38 → 0.1.39

package/es/src/ap-descriptions/formatter/index.mjs

@@ -1,9 +1,9 @@
 import { createVNode as l } from "vue";
 import { getTimeFormatToZone as g } from "@aplus-frontend/utils";
-import { merge as p, get as f } from "lodash-unified";
+import { merge as p, get as f, debounce as Y } from "lodash-unified";
 import { formatString as h } from "./utils.mjs";
-import { toDecimalMark as Y } from "@fruits-chain/utils";
-function A(t) {
+import { toDecimalMark as A } from "@fruits-chain/utils";
+function b(t) {
   return t.value;
 }
 function M({
@@ -37,9 +37,9 @@ function y({
     fieldList: n,
     templateString: o = "{0}",
     formatter: m
-  } = e, s = (n == null ? void 0 : n.map((a, i) => {
-    const c = f(r, a);
-    return m ? m(c, i) : c;
+  } = e, s = (n == null ? void 0 : n.map((a, c) => {
+    const i = f(r, a);
+    return m ? m(i, c) : i;
   })) || [];
   return s.length === 0 && s.push(t), h(o, s);
 }
@@ -59,18 +59,18 @@ function S({
   }, {
     fieldList: n,
     templateString: `{0} ${m} {1}`,
-    formatter(i, c) {
+    formatter(c, i) {
       return u({
-        value: i,
+        value: c,
         record: r
       }, {
-        format: a[c],
+        format: a[i],
         zoneAlias: s
       });
     }
   });
 }
-function b({
+function D({
   record: t
 }, r) {
   const {
@@ -79,16 +79,16 @@ function b({
     style: o,
     downloadFile: m,
     className: s
-  } = r, a = f(t, n), i = f(t, e);
+  } = r, a = f(t, n), c = f(t, e), i = Y(() => {
+    m == null || m(c, a);
+  }, 500);
   return l("span", {
     style: o,
     class: [s, "ap-descriptions-item-content__link "],
-    onClick: () => {
-      m == null || m(i, a);
-    }
+    onClick: i
   }, [a]);
 }
-function k({
+function j({
   value: t
 }, r) {
   const {
@@ -97,7 +97,7 @@ function k({
   } = r;
   let o = "";
   try {
-    o = Y(t, n);
+    o = A(t, n);
   } catch {
     o = t;
   }
@@ -106,22 +106,22 @@ function k({
     class: "ap-descriptions-item-content__number"
   }, [o]);
 }
-const z = {
-  text: A,
+const L = {
+  text: b,
   array: M,
   date: u,
   dateRange: S,
   template: y,
-  number: k,
-  attachment: b
+  number: j,
+  attachment: D
 };
 export {
   M as array,
-  b as attachment,
+  D as attachment,
   u as date,
   S as dateRange,
-  z as formatterMap,
-  k as number,
+  L as formatterMap,
+  j as number,
   y as template,
-  A as text
+  b as text
 };

package/es/src/ap-form/interface.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps, ColProps, FormItemProps, FormProps, ModalProps, RowProps } from 'ant-design-vue';
+import { ButtonProps, ColProps, DrawerProps, FormItemProps, FormProps, ModalProps, RowProps } from 'ant-design-vue';
 import { FormItemExpose } from 'ant-design-vue/es/form/FormItem';
 import { InternalNamePath, NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
 import { Recordable } from '../type';
@@ -149,6 +149,34 @@ export type ApFormModalFormProps = Omit<ApFormProps, 'onFinish'> & {
     onFinish?: (values: any) => Promise<boolean>;
     submitter?: false | ApFormSubmitterConfig;
     showCancel?: boolean;
+    /**
+     * 提交超时时间
+     */
+    submitTimeout?: number;
+};
+export type CustomizeResizeType = {
+    onResize?: () => void;
+    maxWidth?: DrawerProps['width'];
+    minWidth?: DrawerProps['width'];
+    resizeOnOpen?: boolean;
+};
+export type ApFormDrawerFormProps = Omit<ApFormProps, 'onFinish'> & {
+    open?: boolean;
+    'onUpdate:open'?: (open: boolean) => void;
+    drawerProps?: Omit<DrawerProps, 'open' | 'onUpdate:open'>;
+    title?: DrawerProps['title'];
+    width?: DrawerProps['width'];
+    onFinish?: (values: any) => Promise<boolean>;
+    submitter?: false | ApFormSubmitterConfig;
+    showCancel?: boolean;
+    /**
+     * 提交超时时间
+     */
+    submitTimeout?: number;
+    /**
+     * 可拖动改变drawer的尺寸
+     */
+    resize?: CustomizeResizeType | boolean;
 };
 export type ApFormModalFormExpose = ApFormExpose;
 /**

package/es/src/ap-form/modal-form/index.vue.mjs

@@ -1,21 +1,21 @@
-import { isVNode as $, defineComponent as q, useSlots as D, ref as h, watch as L, cloneVNode as A, computed as G, createVNode as u, mergeProps as p, unref as n, openBlock as F, createElementBlock as I, Fragment as W, withCtx as y, renderSlot as x, createTextVNode as H, toDisplayString as J, createElementVNode as K, normalizeClass as Q, createBlock as T, resolveDynamicComponent as N, createCommentVNode as X } from "vue";
-import { Button as V, Flex as Y, Space as Z, Modal as ee } from "ant-design-vue";
+import { isVNode as q, defineComponent as D, useSlots as L, ref as h, watch as A, cloneVNode as G, computed as I, createVNode as u, mergeProps as p, unref as n, openBlock as F, createElementBlock as W, Fragment as H, withCtx as y, renderSlot as w, createTextVNode as J, toDisplayString as K, createElementVNode as Q, normalizeClass as X, createBlock as x, resolveDynamicComponent as N, createCommentVNode as Y } from "vue";
+import { Button as V, Flex as Z, Space as ee, Modal as te } from "ant-design-vue";
 import "../ap-form.vue.mjs";
 import "../../hooks/index.mjs";
-import { getSingleVNode as te } from "../../utils/slot.mjs";
+import { getSingleVNode as le } from "../../utils/slot.mjs";
 import "../../config-provider/index.mjs";
-import { omit as le } from "lodash-unified";
+import { omit as ae } from "lodash-unified";
 import "../style/modal-form.css";
-import { convertReactiveToRaw as ae } from "../../utils/index.mjs";
-import { useControllableValue as oe } from "../../hooks/useControllableValue.mjs";
+import { convertReactiveToRaw as oe } from "../../utils/index.mjs";
+import { useControllableValue as ie } from "../../hooks/useControllableValue.mjs";
 import { useLocale as ne } from "../../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as ie } from "../../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as se } from "../../config-provider/hooks/use-namespace.mjs";
-import re from "../ap-form.vue2.mjs";
+import { useGlobalConfig as se } from "../../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as re } from "../../config-provider/hooks/use-namespace.mjs";
+import ue from "../ap-form.vue2.mjs";
 function P(d) {
-  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !$(d);
+  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !q(d);
 }
-const Re = /* @__PURE__ */ q({
+const je = /* @__PURE__ */ D({
   __name: "index",
   props: {
     layout: {
@@ -82,72 +82,73 @@ const Re = /* @__PURE__ */ q({
     showCancel: {
       type: Boolean,
       default: !0
-    }
+    },
+    submitTimeout: {}
   },
   emits: ["update:open"],
   setup(d, {
     expose: S,
     emit: _
   }) {
-    const a = d, b = D(), R = _, o = h(), c = h(), r = h(!1), {
+    const a = d, b = L(), R = _, o = h(), c = h(), s = h(!1), {
       value: M,
       updateValue: m
-    } = oe(a, R, {
+    } = ie(a, R, {
       valuePropName: "open",
       defaultValue: !1
     }), {
       t: v
-    } = ne(), g = ie("uiMode", "aplus"), {
+    } = ne(), g = se("uiMode", "aplus"), {
       b: j,
       e: C
-    } = se("ap-form-modal-form");
-    L(() => o.value, (e) => {
+    } = re("ap-form-modal-form");
+    A(() => o.value, (e) => {
       var t;
       e && c.value && ((t = e.setFieldsValue) == null || t.call(e, c.value), c.value = void 0);
     });
-    const B = te(b.trigger), k = B ? A(B, {
+    const B = le(b.trigger), T = B ? G(B, {
       onClick: () => {
         m(!0);
       }
-    }) : null, O = G(() => {
-      var t, l, s, f;
+    }) : null, O = I(() => {
+      var t, l, r, f;
       const e = [];
       if (a.submitter === !1)
         return null;
       if (a.showCancel) {
         let i;
         e.push(u(V, {
-          onClick: w,
-          disabled: r.value
+          onClick: k,
+          disabled: s.value
         }, P(i = v("ap.common.cancelText")) ? i : {
           default: () => [i]
         }));
       }
       return ((t = a.submitter) == null ? void 0 : t.resetButtonProps) !== !1 && e.push(u(V, p(((l = a.submitter) == null ? void 0 : l.resetButtonProps) || {}, {
         key: "submit",
-        disabled: r.value,
+        disabled: s.value,
         onClick: z
       }), {
         default: () => {
           var i;
           return [((i = a.submitter) == null ? void 0 : i.resetText) || v("ap.common.resetText")];
         }
-      })), ((s = a.submitter) == null ? void 0 : s.submitButtonProps) !== !1 && e.push(u(V, p({
+      })), ((r = a.submitter) == null ? void 0 : r.submitButtonProps) !== !1 && e.push(u(V, p({
         type: "primary",
         key: "submit"
       }, ((f = a.submitter) == null ? void 0 : f.submitButtonProps) || {}, {
-        loading: r.value,
+        loading: s.value,
         onClick: E
       }), {
         default: () => {
           var i;
           return [((i = a.submitter) == null ? void 0 : i.submitText) || v("ap.common.okText")];
         }
-      })), u(Y, {
+      })), u(Z, {
         justify: "flex-end",
         class: C(n(g) === "admin" ? "footer-admin" : "footer")
       }, {
-        default: () => [b.submitter ? b.submitter(e) : u(Z, null, P(e) ? e : {
+        default: () => [b.submitter ? b.submitter(e) : u(ee, null, P(e) ? e : {
           default: () => [e]
         })]
       });
@@ -157,20 +158,28 @@ const Re = /* @__PURE__ */ q({
       a.submitter !== !1 && ((e = o.value) == null || e.resetFields(), (l = (t = a.submitter) == null ? void 0 : t.onReset) == null || l.call(t));
     }
     async function E() {
-      var e, t, l, s;
+      var e, t, l, r;
       if (a.submitter !== !1)
         try {
           const f = await ((e = o.value) == null ? void 0 : e.validateFields());
-          (l = (t = a.submitter) == null ? void 0 : t.onSubmit) == null || l.call(t), r.value = !0, await ((s = a.onFinish) == null ? void 0 : s.call(a, ae(f))) && m(!1);
+          (l = (t = a.submitter) == null ? void 0 : t.onSubmit) == null || l.call(t), s.value = !0;
+          const i = (r = a.onFinish) == null ? void 0 : r.call(a, oe(f));
+          if (a.submitTimeout && i instanceof Promise) {
+            const $ = setTimeout(() => s.value = !1, a.submitTimeout);
+            i.finally(() => {
+              clearTimeout($), s.value = !1;
+            });
+          }
+          await i && m(!1);
         } finally {
-          r.value = !1;
+          s.value = !1;
         }
     }
-    function w() {
-      n(r) || m(!1);
+    function k() {
+      n(s) || m(!1);
     }
     function U(e) {
-      !e && n(r) || m(e);
+      !e && n(s) || m(e);
     }
     return S({
       resetFields: () => {
@@ -198,8 +207,8 @@ const Re = /* @__PURE__ */ q({
         (l = o.value) == null || l.scrollToField(e, t);
       },
       setFieldValue: (e, t) => {
-        var l, s;
-        (s = (l = o.value) == null ? void 0 : l.setFieldValue) == null || s.call(l, e, t);
+        var l, r;
+        (r = (l = o.value) == null ? void 0 : l.setFieldValue) == null || r.call(l, e, t);
       },
       setFieldsValue: (e) => {
         var t, l;
@@ -213,10 +222,10 @@ const Re = /* @__PURE__ */ q({
         var t;
         return (t = o.value) == null ? void 0 : t.getInternalInstance(e);
       }
-    }), (e, t) => (F(), I(W, null, [u(n(ee), p(e.modalProps, {
+    }), (e, t) => (F(), W(H, null, [u(n(te), p(e.modalProps, {
       open: n(M),
       "onUpdate:open": U,
-      onCancel: w,
+      onCancel: k,
       footer: null,
       width: e.width,
       class: n(j)(),
@@ -226,22 +235,22 @@ const Re = /* @__PURE__ */ q({
         // 使用ModalForm你可能无法再自定义body的样式
       }
     }), {
-      title: y(() => [x(e.$slots, "title", {}, () => [H(J(a.title), 1)])]),
-      default: y(() => [K("div", {
-        class: Q(n(C)(n(g) === "admin" ? "content-admin" : "content"))
-      }, [u(re, p({
+      title: y(() => [w(e.$slots, "title", {}, () => [J(K(a.title), 1)])]),
+      default: y(() => [Q("div", {
+        class: X(n(C)(n(g) === "admin" ? "content-admin" : "content"))
+      }, [u(ue, p({
         ref_key: "formRef",
         ref: o
-      }, n(le)(a, ["modalProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
-        default: y(() => [x(e.$slots, "default")]),
+      }, n(ae)(a, ["modalProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
+        default: y(() => [w(e.$slots, "default")]),
         _: 3
-      }, 16)], 2), (F(), T(N(O.value)))]),
+      }, 16)], 2), (F(), x(N(O.value)))]),
       _: 3
-    }, 16, ["open", "width", "class", "body-style"]), n(k) ? (F(), T(N(n(k)), {
+    }, 16, ["open", "width", "class", "body-style"]), n(T) ? (F(), x(N(n(T)), {
       key: 0
-    })) : X("", !0)], 64));
+    })) : Y("", !0)], 64));
   }
 });
 export {
-  Re as default
+  je as default
 };

package/es/src/ap-form/style/drawer-form.css

@@ -0,0 +1,10 @@
+.aplus-ap-form-drawer-form__resize-bar {
+  width: 4px;
+  cursor: ew-resize;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 100;
+  background-color: transparent;
+}

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

@@ -1,4 +1,4 @@
-import { defineComponent as Ce, useSlots as Te, ref as P, computed as s, unref as r, createVNode as p, Fragment as U, watchEffect as Fe, watch as G, openBlock as f, createElementBlock as T, normalizeClass as m, normalizeStyle as M, mergeProps as h, createSlots as J, withCtx as w, renderList as Q, createBlock as X, resolveDynamicComponent as Be, renderSlot as b, createCommentVNode as Y, createElementVNode as I, h as xe, normalizeProps as ke, guardReactiveProps as ze } from "vue";
+import { defineComponent as Ce, useSlots as Te, ref as P, computed as s, unref as t, createVNode as f, Fragment as U, watchEffect as Fe, watch as G, openBlock as m, createElementBlock as T, normalizeClass as c, normalizeStyle as M, mergeProps as h, createSlots as J, withCtx as w, renderList as Q, createBlock as X, resolveDynamicComponent as Be, renderSlot as b, createCommentVNode as Y, createElementVNode as I, h as xe, normalizeProps as ke, guardReactiveProps as ze } from "vue";
 import { Typography as Pe, Divider as Ie, Button as Ne, Table as Le } from "ant-design-vue";
 import { useToken as Ee } from "ant-design-vue/es/theme/internal";
 import { ApForm as Ke } from "../ap-form/index.mjs";
@@ -170,16 +170,16 @@ const Fa = /* @__PURE__ */ Ce({
       }
     });
     const se = () => {
-      var t;
-      let e = ((t = a.columns) == null ? void 0 : t.filter((l) => !l.hideInTable)) || [];
+      var r;
+      let e = ((r = a.columns) == null ? void 0 : r.filter((l) => !l.hideInTable)) || [];
       function o(l, d) {
         return l.map((n) => ({
           resizable: Ye(n.resizable) ? n.resizable : a.columnResizable,
           ..._(je(n), ["ellipsis"]),
           fixed: d ? d.fixed : n.fixed,
-          title: Ae(n, L("table-header", "title"), S.headerCell, r(te).colorPrimary),
+          title: Ae(n, L("table-header", "title"), S.headerCell, t(te).colorPrimary),
           customRender({
-            value: c,
+            value: p,
             ...y
           }) {
             var H, q;
@@ -187,18 +187,18 @@ const Fa = /* @__PURE__ */ Ce({
               ...n,
               valueType: $
             }, {
-              value: c,
+              value: p,
               ...y
-            }), Re = De($, Se, y.record, r(E)), D = ((H = n.renderText) == null ? void 0 : H.call(n, {
-              value: c,
+            }), Re = De($, Se, y.record, t(E)), D = ((H = n.renderText) == null ? void 0 : H.call(n, {
+              value: p,
               ...y
-            })) || c, ve = n.renderText ? p(U, null, [(q = n.renderText) == null ? void 0 : q.call(n, {
-              value: c,
+            })) || p, ve = n.renderText ? f(U, null, [(q = n.renderText) == null ? void 0 : q.call(n, {
+              value: p,
               ...y
             })]) : Re;
             let z = ye(n, D, ve);
             return n.customRender && (z = n.customRender({
-              value: c,
+              value: p,
               ...y,
               column: n,
               originalNode: z,
@@ -215,11 +215,11 @@ const Fa = /* @__PURE__ */ Ce({
       u.value = e, K.value = e;
     });
     const O = s(() => {
-      var e, o, t;
-      return N++, ((t = (o = (e = a.columns) == null ? void 0 : e.filter((l) => !l.hideInSearch && l.dataIndex && (l.valueType || l.customRenderFormItem) && !Z.includes(l.valueType))) == null ? void 0 : o.sort((l, d) => {
+      var e, o, r;
+      return N++, ((r = (o = (e = a.columns) == null ? void 0 : e.filter((l) => !l.hideInSearch && l.dataIndex && (l.valueType || l.customRenderFormItem) && !Z.includes(l.valueType))) == null ? void 0 : o.sort((l, d) => {
         let n = ee(l.order);
         return ee(d.order) - n;
-      })) == null ? void 0 : t.map((l) => {
+      })) == null ? void 0 : r.map((l) => {
         const d = He(l, qe(l.fieldProps, {})), n = {
           ...l,
           fieldProps: {
@@ -232,9 +232,9 @@ const Fa = /* @__PURE__ */ Ce({
           },
           renderNode: void 0
         };
-        return n.renderNode = Ge(n, r(E)), n;
+        return n.renderNode = Ge(n, t(E)), n;
       })) || [];
-    }), de = s(() => r(u).filter((e) => e.sorter === !0).map((e) => e.dataIndex).filter(Boolean)), ue = s(() => r(u).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex).filter(Boolean)), ie = s(() => g(a.dataSource) ? C.value.records : a.dataSource), {
+    }), de = s(() => t(u).filter((e) => e.sorter === !0).map((e) => e.dataIndex).filter(Boolean)), ue = s(() => t(u).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex).filter(Boolean)), ie = s(() => g(a.dataSource) ? C.value.records : a.dataSource), {
       rowSelection: R,
       selectedRows: x,
       ...v
@@ -252,13 +252,13 @@ const Fa = /* @__PURE__ */ Ce({
       setDataSource: pe
     } = Oe({
       async request(e) {
-        var t, l;
+        var r, l;
         if (!R.value.preserveSelectedRowKeys && g(a.dataSource) && v.clearAll(), !g(a.dataSource))
           return {
             data: a.dataSource || [],
             total: a.dataSource.length || 0
           };
-        const o = await ((t = a.request) == null ? void 0 : t.call(a, e));
+        const o = await ((r = a.request) == null ? void 0 : r.call(a, e));
         return (l = a.onLoad) == null || l.call(a, (o == null ? void 0 : o.data) || []), {
           data: (o == null ? void 0 : o.data) || [],
           total: (o == null ? void 0 : o.total) || 0
@@ -275,11 +275,11 @@ const Fa = /* @__PURE__ */ Ce({
       showLessItems: a.pagination ? a.pagination.showLessItems : void 0,
       showTotal: a.pagination ? a.pagination.showTotal : void 0
     }), fe = s(() => {
-      var o, t;
+      var o, r;
       if (a.adaptive && (C.value.total > 0 || ((o = a.dataSource) == null ? void 0 : o.length)))
         return {
-          y: r(le),
-          x: ((t = a.scroll) == null ? void 0 : t.x) || "100%"
+          y: t(le),
+          x: ((r = a.scroll) == null ? void 0 : r.x) || "100%"
         };
       if (a.scroll)
         return a.scroll;
@@ -290,26 +290,26 @@ const Fa = /* @__PURE__ */ Ce({
       if ((e = a.columns) != null && e.some((o) => o.ellipsis))
         return "fixed";
     }), W = s(() => {
-      var t;
-      const e = r(A), o = r(R);
+      var r;
+      const e = t(A), o = t(R);
       return {
         ...a,
         ...e,
-        rowSelection: a.rowSelection === !0 || ((t = a.rowSelection) == null ? void 0 : t.mode) === "internal" ? {
+        rowSelection: a.rowSelection === !0 || ((r = a.rowSelection) == null ? void 0 : r.mode) === "internal" ? {
           ...o,
           // tips 如果是前端分页，则默认会走缓存
           preserveSelectedRowKeys: g(a.dataSource) ? o.preserveSelectedRowKeys : !0
         } : a.rowSelection,
         loading: g(a.loading) ? e.loading : a.loading,
         pagination: a.pagination === !1 ? !1 : e.pagination,
-        scroll: r(fe)
+        scroll: t(fe)
       };
     }), ge = s(() => [i(), a.card ? null : i("wrapper"), a.adaptive ? i("adaptive") : null].filter(Boolean));
-    function ye(e, o, t) {
+    function ye(e, o, r) {
       if (Z.includes(e.valueType))
-        return t;
+        return r;
       const l = Me(o);
-      return e.copyable || e.ellipsis ? p(Pe.Paragraph, {
+      return e.copyable || e.ellipsis ? f(Pe.Paragraph, {
         copyable: e.copyable ? {
           text: l,
           tooltip: !1
@@ -320,10 +320,10 @@ const Fa = /* @__PURE__ */ Ce({
           ...e.ellipsis,
           tooltip: l
         } : !1,
-        content: e.ellipsis ? Qe(e, o) : t
-      }, null) : t;
+        content: e.ellipsis ? Qe(e, o) : r
+      }, null) : r;
     }
-    G(() => r(C).loading, (e) => {
+    G(() => t(C).loading, (e) => {
       var o;
       (o = a.onLoadingChange) == null || o.call(a, e);
     }), G(() => a.dataSource, (e) => {
@@ -332,15 +332,15 @@ const Fa = /* @__PURE__ */ Ce({
       immediate: !0
     });
     function he(e) {
-      var o, t, l;
-      (l = (t = (o = k.value) == null ? void 0 : o.apForm) == null ? void 0 : t.setFieldsValue) == null || l.call(t, e);
+      var o, r, l;
+      (l = (r = (o = k.value) == null ? void 0 : o.apForm) == null ? void 0 : r.setFieldsValue) == null || l.call(r, e);
     }
     function we() {
-      var e, o, t;
-      return (t = (o = (e = k.value) == null ? void 0 : e.apForm) == null ? void 0 : o.getFieldsValue) == null ? void 0 : t.call(o, !0);
+      var e, o, r;
+      return (r = (o = (e = k.value) == null ? void 0 : e.apForm) == null ? void 0 : o.getFieldsValue) == null ? void 0 : r.call(o, !0);
     }
     function be() {
-      return r(u);
+      return t(u);
     }
     return oe({
       submit: () => V(),
@@ -349,30 +349,30 @@ const Fa = /* @__PURE__ */ Ce({
       setSearchFormValues: he,
       getSearchFormValues: we,
       getShownColumns: be,
-      dataSource: s(() => r(C).records),
+      dataSource: s(() => t(C).records),
       rowSelection: {
-        selectedRows: s(() => r(x)),
+        selectedRows: s(() => t(x)),
         ...v
       }
-    }), (e, o) => (f(), T("div", {
-      class: m(ge.value)
-    }, [r(g)(e.dataSource) && e.searchForm !== !1 && O.value.length > 0 ? (f(), T("div", {
+    }), (e, o) => (m(), T("div", {
+      class: c(ge.value)
+    }, [t(g)(e.dataSource) && e.searchForm !== !1 && O.value.length > 0 ? (m(), T("div", {
       key: 0,
-      class: m(e.card ? r(F)("search-wrapper") : null),
+      class: c(e.card ? t(F)("search-wrapper") : null),
       style: M(e.searchFormWrapperStyle)
-    }, [p(r(Ke).SearchForm, h(e.searchForm || {}, {
+    }, [f(t(Ke).SearchForm, h(e.searchForm || {}, {
       ref_key: "formRef",
       ref: k,
       "custom-reset": "",
-      onSubmit: r(V),
-      onReset: r(j),
-      "submit-loading": r(A).loading
+      onSubmit: t(V),
+      onReset: t(j),
+      "submit-loading": t(A).loading
     }), J({
-      default: w(() => [(f(!0), T(U, null, Q(O.value, (t) => (f(), X(Be(t.renderNode), h({
-        key: t.dataIndex,
+      default: w(() => [(m(!0), T(U, null, Q(O.value, (r) => (m(), X(Be(r.renderNode), h({
+        key: r.dataIndex,
         ref_for: !0
-      }, t.fieldProps || {}, {
-        span: t.span
+      }, r.fieldProps || {}, {
+        span: r.span
       }), null, 16, ["span"]))), 128))]),
       _: 2
     }, [S.searchFormExtra ? {
@@ -382,48 +382,49 @@ const Fa = /* @__PURE__ */ Ce({
     } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : Y("", !0), I("div", {
       ref_key: "contentRef",
       ref: ne,
-      class: m([r(F)("table-wrapper"), e.card ? r(F)("table-wrapper-card") : null]),
+      class: c([t(F)("table-wrapper"), e.card ? t(F)("table-wrapper-card") : null]),
       style: M(e.tableWrapperStyle)
     }, [I("div", {
-      class: m(r(i)("header-wrapper"))
-    }, [e.settings ? (f(), T("div", {
+      class: c(t(i)("header-wrapper"))
+    }, [e.settings ? (m(), T("div", {
       key: 0,
-      class: m(r(i)("header"))
+      class: c(t(i)("header"))
     }, [I("div", {
-      class: m(r(L)("header", "title"))
+      class: c(t(L)("header", "title"))
     }, [b(e.$slots, "title", h({
-      selectedRows: r(x),
-      selectedRowKeys: r(R).selectedRowKeys,
+      selectedRows: t(x),
+      selectedRowKeys: t(R).selectedRowKeys,
       shownColumns: u.value
-    }, v))], 2), S.title ? (f(), X(r(Ie), {
+    }, v))], 2), S.title ? (m(), X(t(Ie), {
       key: 0,
       type: "vertical"
-    })) : Y("", !0), p(ta, {
+    })) : Y("", !0), f(ta, {
       config: e.settings === !0 ? {} : e.settings
     }, {
-      trigger: w(() => [p(r(Ne), {
-        icon: xe(r(Ze))
-      }, null, 8, ["icon"])]),
+      trigger: w(() => [f(t(Ne), {
+        class: c(t(i)("setting-trigger-button")),
+        icon: xe(t(Ze))
+      }, null, 8, ["class", "icon"])]),
       _: 1
     }, 8, ["config"])], 2)) : b(e.$slots, "title", h({
       key: 1,
-      selectedRows: r(x),
-      selectedRowKeys: r(R).selectedRowKeys,
+      selectedRows: t(x),
+      selectedRowKeys: t(R).selectedRowKeys,
       shownColumns: u.value
-    }, v))], 2), p(r(Le), h({
-      class: r(i)("table")
+    }, v))], 2), f(t(Le), h({
+      class: t(i)("table")
     }, W.value, {
       size: B.value,
       "table-layout": me.value,
       columns: u.value,
-      onResizeColumn: o[0] || (o[0] = (t, l) => l.width = t)
+      onResizeColumn: o[0] || (o[0] = (r, l) => l.width = r)
     }), J({
       summary: w(() => [b(e.$slots, "summary", {
         columns: u.value,
         records: W.value.dataSource
       })]),
       _: 2
-    }, [Q(r(_)(S, ["title", "searchFormExtra", "headerCell", "summary"]), (t, l) => ({
+    }, [Q(t(_)(S, ["title", "searchFormExtra", "headerCell", "summary"]), (r, l) => ({
       name: l,
       fn: w((d) => [b(e.$slots, l, ke(ze(d || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 2));

package/es/src/ap-table/components/setting/modal/index.vue2.mjs

@@ -47,7 +47,7 @@ const ne = {
       }
     }) : null;
     function I() {
-      V(B(w));
+      V(B(e(w)));
     }
     function O() {
       var t, o;

package/es/src/ap-table/hooks/use-table-column-state.d.ts

@@ -1,5 +1,5 @@
 import { ApColumnState, ApTableSettingType } from '../interface';
-import { Ref, ComputedRef } from 'vue';
+import { Ref, ComputedRef, ShallowRef } from 'vue';
 export declare const useTableColumnState: (columnSetting: ApTableSettingType, initialColumnState: ApColumnState[]) => {
     columnState: Ref<{
         key: string | number;
@@ -16,7 +16,7 @@ export declare const useTableColumnState: (columnSetting: ApTableSettingType, in
     setColumnState: (nextColumnState: ApColumnState[]) => void;
     isAllSelected: ComputedRef<boolean>;
     toggleSelectAll: () => void;
-    columnStateBackup: ApColumnState[];
+    columnStateBackup: ShallowRef<ApColumnState[]>;
     setColumnStateBackup: (nextBackup: ApColumnState[]) => void;
     cacheColumnStateIfNeeded: (nextColumnState: ApColumnState[]) => void;
 };

package/es/src/ap-table/hooks/use-table-column-state.mjs

@@ -1,50 +1,50 @@
-import { ref as _, unref as i, computed as j, watchEffect as z } from "vue";
+import { ref as R, shallowRef as _, unref as i, computed as j, watchEffect as z } from "vue";
 import { isDef as D } from "../../utils/index.mjs";
-import G, { customCloneColumnStates as k, getColumnStateString as R } from "../components/setting/utils.mjs";
-import { useInjectApTable as W } from "../context.mjs";
-import { isObject as v, mergeWith as E, isBoolean as X, omit as q, isNumber as N } from "lodash-unified";
-function f(r, o) {
+import G, { customCloneColumnStates as A, getColumnStateString as W } from "../components/setting/utils.mjs";
+import { useInjectApTable as X } from "../context.mjs";
+import { isObject as k, mergeWith as E, isBoolean as q, omit as H, isNumber as N } from "lodash-unified";
+function u(r, n) {
   r.forEach((t) => {
     var c;
-    o(t), (c = t.children) != null && c.length && f(t.children, o);
+    n(t), (c = t.children) != null && c.length && u(t.children, n);
   });
 }
-function H(r, o) {
-  if (!o)
+function L(r, n) {
+  if (!n)
     return {};
-  const t = r.getItem(o);
+  const t = r.getItem(n);
   return t ? JSON.parse(t) : {};
 }
-function I(r, o) {
-  if (v(r) && v(o))
-    return E({}, r, o, I);
+function I(r, n) {
+  if (k(r) && k(n))
+    return E({}, r, n, I);
 }
-const B = Number.MAX_SAFE_INTEGER, Z = (r, o) => {
-  const t = _(o);
-  let c = k(o);
-  const { columnsBackup: h, updateColumns: u } = W(), T = r.persistenceType || "localStorage", S = window[T];
+const B = Number.MAX_SAFE_INTEGER, $ = (r, n) => {
+  const t = R(n), c = _(
+    A(n)
+  ), { columnsBackup: h, updateColumns: f } = X(), T = r.persistenceType || "localStorage", S = window[T];
   function F() {
-    const e = H(
+    const e = L(
       S,
       r.persistenceKey
-    ), n = E(
+    ), o = E(
       {},
       r.defaultValue || {},
       e,
       I
     ), l = i(h);
-    function b(M, d, x) {
+    function v(M, d, b) {
       return M.map((s) => {
-        var A;
+        var x;
         const a = (d == null ? void 0 : d[s.key]) || {}, m = {
           key: s.key,
           label: s.title,
           show: !0,
-          fixed: x ? x.fixed : X(s.fixed) ? s.fixed ? "left" : void 0 : s.fixed,
+          fixed: b ? b.fixed : q(s.fixed) ? s.fixed ? "left" : void 0 : s.fixed,
           disabled: !1,
-          ...q(a, "children")
+          ...H(a, "children")
         };
-        return m.children = (A = s.children) != null && A.length ? b(
+        return m.children = (x = s.children) != null && x.length ? v(
           s.children,
           a.children,
           m
@@ -53,49 +53,49 @@ const B = Number.MAX_SAFE_INTEGER, Z = (r, o) => {
         (s, a) => (N(s.order) ? s.order : B) - (N(a.order) ? a.order : B)
       );
     }
-    return b(l || [], n);
+    return v(l || [], o);
   }
   const g = j(() => i(t).every((e) => e.show));
   function p() {
     const e = i(t);
-    f(e, (n) => {
-      !n.disabled && (n.show = !0);
+    u(e, (o) => {
+      !o.disabled && (o.show = !0);
     });
   }
   function C() {
     const e = i(t);
-    f(e, (n) => {
-      !n.disabled && (n.show = !1);
+    u(e, (o) => {
+      !o.disabled && (o.show = !1);
     });
   }
   function O() {
     i(g) ? C() : p();
   }
-  function K(e, n) {
-    f(i(t), (l) => {
-      l.key === e && (l.show = D(n) ? n : !l.show);
+  function K(e, o) {
+    u(i(t), (l) => {
+      l.key === e && (l.show = D(o) ? o : !l.show);
     });
   }
   function w(e) {
     t.value = e;
   }
   function J(e) {
-    c = e;
+    c.value = e;
   }
   function y(e) {
     if (r.persistenceKey) {
-      const n = R(e);
-      S.setItem(r.persistenceKey, JSON.stringify(n));
+      const o = W(e);
+      S.setItem(r.persistenceKey, JSON.stringify(o));
     }
   }
   return z(() => {
     const e = F();
-    w(e), u == null || u(
+    w(e), f == null || f(
       G(
         i(h),
         i(e)
       )
-    ), c = k(e), y(e);
+    ), c.value = A(e), y(e);
   }), {
     columnState: t,
     selectAll: p,
@@ -110,5 +110,5 @@ const B = Number.MAX_SAFE_INTEGER, Z = (r, o) => {
   };
 };
 export {
-  Z as useTableColumnState
+  $ as useTableColumnState
 };

package/es/src/ap-table/style/ap-table.css

@@ -126,3 +126,9 @@
   word-break: break-all;
   flex: 1;
 }
+.aplus-ap-table-setting-trigger-button {
+  color: var(--ap-table-setting-button-color, #8896B0);
+}
+.aplus-ap-table-setting-trigger-button:hover {
+  color: unset;
+}

package/es/src/business/ap-card/ApCard.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as r, openBlock as t, createElementBlock as s, normalizeClass as C, unref as x, normalizeStyle as h, createBlock as a, mergeProps as S, createSlots as B, withCtx as P, isVNode as p, resolveDynamicComponent as y, toDisplayString as _, createCommentVNode as N, renderSlot as $ } from "vue";
+import { defineComponent as g, computed as r, openBlock as t, createElementBlock as s, normalizeClass as C, unref as u, normalizeStyle as h, createBlock as a, mergeProps as S, createSlots as B, withCtx as x, isVNode as P, resolveDynamicComponent as y, toDisplayString as _, createCommentVNode as N, renderSlot as $ } from "vue";
 import "./index.css";
 import "../ap-title/ApTitle.vue.mjs";
 import { omit as b } from "lodash-unified";
@@ -12,44 +12,42 @@ const V = { key: 1 }, j = { key: 1 }, H = /* @__PURE__ */ g({
     padding: {}
   },
   setup(k) {
-    const e = k, { b: f } = z("ap-card"), m = r(
+    const e = k, { b: f } = z("ap-card"), v = r(
       () => b((e == null ? void 0 : e.titleProps) || {}, ["prefix", "suffix"])
-    ), c = r(
-      () => {
-        var n;
-        return (n = Object.keys(m.value || {})) == null ? void 0 : n.length;
-      }
-    ), v = r(() => e.padding ?? (c.value ? "14px 24px 24px" : "24px"));
+    ), m = r(() => {
+      var n;
+      return (n = Object.keys((e == null ? void 0 : e.titleProps) || {})) == null ? void 0 : n.length;
+    }), p = r(() => e.padding ?? (m.value ? "14px 24px 24px" : "24px"));
     return (n, w) => {
-      var d, u;
+      var c, d;
       return t(), s("div", {
-        class: C([x(f)()]),
+        class: C([u(f)()]),
         style: h({
-          padding: v.value
+          padding: p.value
         })
       }, [
-        c.value ? (t(), a(D, S({
+        m.value ? (t(), a(D, S({
           key: 0,
-          class: [`${x(f)()}-title`]
+          class: [`${u(f)()}-title`]
         }, {
-          ...m.value
+          ...v.value
         }), B({ _: 2 }, [
-          (d = e == null ? void 0 : e.titleProps) != null && d.suffix ? {
+          (c = e == null ? void 0 : e.titleProps) != null && c.suffix ? {
             name: "suffix",
-            fn: P(() => {
+            fn: x(() => {
               var i, o, l;
               return [
-                p((i = e == null ? void 0 : e.titleProps) == null ? void 0 : i.suffix) ? (t(), a(y((o = e == null ? void 0 : e.titleProps) == null ? void 0 : o.suffix), { key: 0 })) : (t(), s("div", V, _((l = e == null ? void 0 : e.titleProps) == null ? void 0 : l.suffix), 1))
+                P((i = e == null ? void 0 : e.titleProps) == null ? void 0 : i.suffix) ? (t(), a(y((o = e == null ? void 0 : e.titleProps) == null ? void 0 : o.suffix), { key: 0 })) : (t(), s("div", V, _((l = e == null ? void 0 : e.titleProps) == null ? void 0 : l.suffix), 1))
               ];
             }),
             key: "0"
           } : void 0,
-          (u = e == null ? void 0 : e.titleProps) != null && u.prefix ? {
+          (d = e == null ? void 0 : e.titleProps) != null && d.prefix ? {
             name: "prefix",
-            fn: P(() => {
+            fn: x(() => {
               var i, o, l;
               return [
-                p((i = e == null ? void 0 : e.titleProps) == null ? void 0 : i.prefix) ? (t(), a(y((o = e == null ? void 0 : e.titleProps) == null ? void 0 : o.prefix), { key: 0 })) : (t(), s("div", j, _((l = e == null ? void 0 : e.titleProps) == null ? void 0 : l.prefix), 1))
+                P((i = e == null ? void 0 : e.titleProps) == null ? void 0 : i.prefix) ? (t(), a(y((o = e == null ? void 0 : e.titleProps) == null ? void 0 : o.prefix), { key: 0 })) : (t(), s("div", j, _((l = e == null ? void 0 : e.titleProps) == null ? void 0 : l.prefix), 1))
               ];
             }),
             key: "1"

package/es/src/theme/ap-form/drawer-form.css

@@ -0,0 +1,10 @@
+.aplus-ap-form-drawer-form__resize-bar {
+  width: 4px;
+  cursor: ew-resize;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 100;
+  background-color: transparent;
+}

package/es/src/theme/ap-table/ap-table.css

@@ -126,3 +126,9 @@
   word-break: break-all;
   flex: 1;
 }
+.aplus-ap-table-setting-trigger-button {
+  color: var(--ap-table-setting-button-color, #8896B0);
+}
+.aplus-ap-table-setting-trigger-button:hover {
+  color: unset;
+}

package/es/src/theme/css-var/index.mjs

@@ -47,6 +47,11 @@ const F = {
           color: "#182948"
         }
       }
+    },
+    setting: {
+      button: {
+        color: "#8896B0"
+      }
     }
   },
   "ap-batch-action": {
@@ -118,6 +123,11 @@ const F = {
           color: "#333333"
         }
       }
+    },
+    setting: {
+      button: {
+        color: "#999999"
+      }
     }
   },
   "ap-batch-action": {

package/lib/src/ap-descriptions/formatter/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("vue"),M=require("@aplus-frontend/utils"),u=require("lodash-unified"),S=require("./utils.js"),Y=require("@fruits-chain/utils");function g(t){return t.value}function y({value:t},n){var e;const{joinSymbol:o}=u.merge({joinSymbol:" "},n);return(e=t==null?void 0:t.join)==null?void 0:e.call(t,o)}function l({value:t},n){const{zoneAlias:o,format:e}=u.merge({zoneAlias:"LA",format:"YYYY-MM-DD HH:mm:ss"},n);return M.getTimeFormatToZone(t,o,e)}function f({value:t,record:n},o){const{fieldList:e,templateString:r="{0}",formatter:a}=o,s=(e==null?void 0:e.map((i,m)=>{const c=u.get(n,i);return a?a(c,m):c}))||[];return s.length===0&&s.push(t),S.formatString(r,s)}function d({value:t,record:n},o){const{fieldList:e,format:r="YYYY-MM-DD HH:mm:ss",joinSymbol:a="~",zoneAlias:s="LA"}=o,i=Array.isArray(r)?r:[r,r];return f({value:t,record:n},{fieldList:e,templateString:`{0} ${a} {1}`,formatter(m,c){return l({value:m,record:n},{format:i[c],zoneAlias:s})}})}function h({record:t},n){const{urlPath:o="url",namePath:e="name",style:r,downloadFile:a,className:s}=n,i=u.get(t,e),m=u.get(t,o),c=()=>{a==null||a(m,i)};return p.createVNode("span",{style:r,class:[s,"ap-descriptions-item-content__link "],onClick:c},[i])}function b({value:t},n){const{style:o={},precision:e}=n;let r="";try{r=Y.toDecimalMark(t,e)}catch{r=t}return p.createVNode("span",{style:o,class:"ap-descriptions-item-content__number"},[r])}const A={text:g,array:y,date:l,dateRange:d,template:f,number:b,attachment:h};exports.array=y;exports.attachment=h;exports.date=l;exports.dateRange=d;exports.formatterMap=A;exports.number=b;exports.template=f;exports.text=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("vue"),M=require("@aplus-frontend/utils"),m=require("lodash-unified"),S=require("./utils.js"),Y=require("@fruits-chain/utils");function g(t){return t.value}function y({value:t},n){var e;const{joinSymbol:o}=m.merge({joinSymbol:" "},n);return(e=t==null?void 0:t.join)==null?void 0:e.call(t,o)}function l({value:t},n){const{zoneAlias:o,format:e}=m.merge({zoneAlias:"LA",format:"YYYY-MM-DD HH:mm:ss"},n);return M.getTimeFormatToZone(t,o,e)}function f({value:t,record:n},o){const{fieldList:e,templateString:r="{0}",formatter:a}=o,s=(e==null?void 0:e.map((i,u)=>{const c=m.get(n,i);return a?a(c,u):c}))||[];return s.length===0&&s.push(t),S.formatString(r,s)}function d({value:t,record:n},o){const{fieldList:e,format:r="YYYY-MM-DD HH:mm:ss",joinSymbol:a="~",zoneAlias:s="LA"}=o,i=Array.isArray(r)?r:[r,r];return f({value:t,record:n},{fieldList:e,templateString:`{0} ${a} {1}`,formatter(u,c){return l({value:u,record:n},{format:i[c],zoneAlias:s})}})}function b({record:t},n){const{urlPath:o="url",namePath:e="name",style:r,downloadFile:a,className:s}=n,i=m.get(t,e),u=m.get(t,o),c=m.debounce(()=>{a==null||a(u,i)},500);return p.createVNode("span",{style:r,class:[s,"ap-descriptions-item-content__link "],onClick:c},[i])}function h({value:t},n){const{style:o={},precision:e}=n;let r="";try{r=Y.toDecimalMark(t,e)}catch{r=t}return p.createVNode("span",{style:o,class:"ap-descriptions-item-content__number"},[r])}const A={text:g,array:y,date:l,dateRange:d,template:f,number:h,attachment:b};exports.array=y;exports.attachment=b;exports.date=l;exports.dateRange=d;exports.formatterMap=A;exports.number=h;exports.template=f;exports.text=g;

package/lib/src/ap-form/interface.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps, ColProps, FormItemProps, FormProps, ModalProps, RowProps } from 'ant-design-vue';
+import { ButtonProps, ColProps, DrawerProps, FormItemProps, FormProps, ModalProps, RowProps } from 'ant-design-vue';
 import { FormItemExpose } from 'ant-design-vue/es/form/FormItem';
 import { InternalNamePath, NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
 import { Recordable } from '../type';
@@ -149,6 +149,34 @@ export type ApFormModalFormProps = Omit<ApFormProps, 'onFinish'> & {
     onFinish?: (values: any) => Promise<boolean>;
     submitter?: false | ApFormSubmitterConfig;
     showCancel?: boolean;
+    /**
+     * 提交超时时间
+     */
+    submitTimeout?: number;
+};
+export type CustomizeResizeType = {
+    onResize?: () => void;
+    maxWidth?: DrawerProps['width'];
+    minWidth?: DrawerProps['width'];
+    resizeOnOpen?: boolean;
+};
+export type ApFormDrawerFormProps = Omit<ApFormProps, 'onFinish'> & {
+    open?: boolean;
+    'onUpdate:open'?: (open: boolean) => void;
+    drawerProps?: Omit<DrawerProps, 'open' | 'onUpdate:open'>;
+    title?: DrawerProps['title'];
+    width?: DrawerProps['width'];
+    onFinish?: (values: any) => Promise<boolean>;
+    submitter?: false | ApFormSubmitterConfig;
+    showCancel?: boolean;
+    /**
+     * 提交超时时间
+     */
+    submitTimeout?: number;
+    /**
+     * 可拖动改变drawer的尺寸
+     */
+    resize?: CustomizeResizeType | boolean;
 };
 export type ApFormModalFormExpose = ApFormExpose;
 /**

package/lib/src/ap-form/modal-form/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue");require("../ap-form.vue.js");require("../../hooks/index.js");const S=require("../../utils/slot.js");require("../../config-provider/index.js");const T=require("lodash-unified");require("../style/modal-form.css");const M=require("../../utils/index.js"),R=require("../../hooks/useControllableValue.js"),j=require("../../config-provider/hooks/use-locale.js"),O=require("../../config-provider/hooks/use-global-config.js"),D=require("../../config-provider/hooks/use-namespace.js"),U=require("../ap-form.vue2.js");function y(d){return typeof d=="function"||Object.prototype.toString.call(d)==="[object Object]"&&!e.isVNode(d)}const z=e.defineComponent({__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinishFailed:{},onValidate:{},initialValues:{},open:{type:Boolean,default:void 0},"onUpdate:open":{},modalProps:{default:()=>({})},title:{},width:{default:800},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0}},emits:["update:open"],setup(d,{expose:C,emit:B}){const o=d,m=e.useSlots(),k=B,n=e.ref(),c=e.ref(),u=e.ref(!1),{value:N,updateValue:f}=R.useControllableValue(o,k,{valuePropName:"open",defaultValue:!1}),{t:v}=j.useLocale(),b=O.useGlobalConfig("uiMode","aplus"),{b:q,e:g}=D.useNamespace("ap-form-modal-form");e.watch(()=>n.value,t=>{var l;t&&c.value&&((l=t.setFieldsValue)==null||l.call(t,c.value),c.value=void 0)});const V=S.getSingleVNode(m.trigger),h=V?e.cloneVNode(V,{onClick:()=>{f(!0)}}):null,_=e.computed(()=>{var l,a,r,p;const t=[];if(o.submitter===!1)return null;if(o.showCancel){let s;t.push(e.createVNode(i.Button,{onClick:F,disabled:u.value},y(s=v("ap.common.cancelText"))?s:{default:()=>[s]}))}return((l=o.submitter)==null?void 0:l.resetButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps(((a=o.submitter)==null?void 0:a.resetButtonProps)||{},{key:"submit",disabled:u.value,onClick:w}),{default:()=>{var s;return[((s=o.submitter)==null?void 0:s.resetText)||v("ap.common.resetText")]}})),((r=o.submitter)==null?void 0:r.submitButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps({type:"primary",key:"submit"},((p=o.submitter)==null?void 0:p.submitButtonProps)||{},{loading:u.value,onClick:x}),{default:()=>{var s;return[((s=o.submitter)==null?void 0:s.submitText)||v("ap.common.okText")]}})),e.createVNode(i.Flex,{justify:"flex-end",class:g(e.unref(b)==="admin"?"footer-admin":"footer")},{default:()=>[m.submitter?m.submitter(t):e.createVNode(i.Space,null,y(t)?t:{default:()=>[t]})]})});function w(){var t,l,a;o.submitter!==!1&&((t=n.value)==null||t.resetFields(),(a=(l=o.submitter)==null?void 0:l.onReset)==null||a.call(l))}async function x(){var t,l,a,r;if(o.submitter!==!1)try{const p=await((t=n.value)==null?void 0:t.validateFields());(a=(l=o.submitter)==null?void 0:l.onSubmit)==null||a.call(l),u.value=!0,await((r=o.onFinish)==null?void 0:r.call(o,M.convertReactiveToRaw(p)))&&f(!1)}finally{u.value=!1}}function F(){e.unref(u)||f(!1)}function P(t){!t&&e.unref(u)||f(t)}return C({resetFields:()=>{var t;(t=n.value)==null||t.resetFields()},clearValidate:t=>{var l;(l=n.value)==null||l.clearValidate(t)},validateFields:(t,l)=>{var a;return(a=n.value)==null?void 0:a.validateFields(t,l)},getFieldsValue:t=>{var l;return(l=n.value)==null?void 0:l.getFieldsValue(t)},validate:(t,l)=>{var a;return(a=n.value)==null?void 0:a.validate(t,l)},scrollToField:(t,l={})=>{var a;(a=n.value)==null||a.scrollToField(t,l)},setFieldValue:(t,l)=>{var a,r;(r=(a=n.value)==null?void 0:a.setFieldValue)==null||r.call(a,t,l)},setFieldsValue:t=>{var l,a;if(!n.value){c.value=t;return}(a=(l=n.value)==null?void 0:l.setFieldsValue)==null||a.call(l,t)},getInternalInstance:t=>{var l;return(l=n.value)==null?void 0:l.getInternalInstance(t)}}),(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(i.Modal),e.mergeProps(t.modalProps,{open:e.unref(N),"onUpdate:open":P,onCancel:F,footer:null,width:t.width,class:e.unref(q)(),"body-style":{padding:e.unref(b)==="admin"?"0px !important":"20px !important"}}),{title:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g)(e.unref(b)==="admin"?"content-admin":"content"))},[e.createVNode(U.default,e.mergeProps({ref_key:"formRef",ref:n},e.unref(T.omit)(o,["modalProps","open","onUpdate:open","title","width","onFinish","submitter"])),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)],2),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(_.value)))]),_:3},16,["open","width","class","body-style"]),e.unref(h)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(h)),{key:0})):e.createCommentVNode("",!0)],64))}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue");require("../ap-form.vue.js");require("../../hooks/index.js");const S=require("../../utils/slot.js");require("../../config-provider/index.js");const M=require("lodash-unified");require("../style/modal-form.css");const R=require("../../utils/index.js"),j=require("../../hooks/useControllableValue.js"),O=require("../../config-provider/hooks/use-locale.js"),D=require("../../config-provider/hooks/use-global-config.js"),U=require("../../config-provider/hooks/use-namespace.js"),z=require("../ap-form.vue2.js");function F(d){return typeof d=="function"||Object.prototype.toString.call(d)==="[object Object]"&&!e.isVNode(d)}const E=e.defineComponent({__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinishFailed:{},onValidate:{},initialValues:{},open:{type:Boolean,default:void 0},"onUpdate:open":{},modalProps:{default:()=>({})},title:{},width:{default:800},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0},submitTimeout:{}},emits:["update:open"],setup(d,{expose:C,emit:B}){const o=d,p=e.useSlots(),k=B,n=e.ref(),c=e.ref(),u=e.ref(!1),{value:N,updateValue:f}=j.useControllableValue(o,k,{valuePropName:"open",defaultValue:!1}),{t:b}=O.useLocale(),v=D.useGlobalConfig("uiMode","aplus"),{b:T,e:g}=U.useNamespace("ap-form-modal-form");e.watch(()=>n.value,t=>{var l;t&&c.value&&((l=t.setFieldsValue)==null||l.call(t,c.value),c.value=void 0)});const V=S.getSingleVNode(p.trigger),h=V?e.cloneVNode(V,{onClick:()=>{f(!0)}}):null,q=e.computed(()=>{var l,a,r,m;const t=[];if(o.submitter===!1)return null;if(o.showCancel){let s;t.push(e.createVNode(i.Button,{onClick:y,disabled:u.value},F(s=b("ap.common.cancelText"))?s:{default:()=>[s]}))}return((l=o.submitter)==null?void 0:l.resetButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps(((a=o.submitter)==null?void 0:a.resetButtonProps)||{},{key:"submit",disabled:u.value,onClick:_}),{default:()=>{var s;return[((s=o.submitter)==null?void 0:s.resetText)||b("ap.common.resetText")]}})),((r=o.submitter)==null?void 0:r.submitButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps({type:"primary",key:"submit"},((m=o.submitter)==null?void 0:m.submitButtonProps)||{},{loading:u.value,onClick:w}),{default:()=>{var s;return[((s=o.submitter)==null?void 0:s.submitText)||b("ap.common.okText")]}})),e.createVNode(i.Flex,{justify:"flex-end",class:g(e.unref(v)==="admin"?"footer-admin":"footer")},{default:()=>[p.submitter?p.submitter(t):e.createVNode(i.Space,null,F(t)?t:{default:()=>[t]})]})});function _(){var t,l,a;o.submitter!==!1&&((t=n.value)==null||t.resetFields(),(a=(l=o.submitter)==null?void 0:l.onReset)==null||a.call(l))}async function w(){var t,l,a,r;if(o.submitter!==!1)try{const m=await((t=n.value)==null?void 0:t.validateFields());(a=(l=o.submitter)==null?void 0:l.onSubmit)==null||a.call(l),u.value=!0;const s=(r=o.onFinish)==null?void 0:r.call(o,R.convertReactiveToRaw(m));if(o.submitTimeout&&s instanceof Promise){const x=setTimeout(()=>u.value=!1,o.submitTimeout);s.finally(()=>{clearTimeout(x),u.value=!1})}await s&&f(!1)}finally{u.value=!1}}function y(){e.unref(u)||f(!1)}function P(t){!t&&e.unref(u)||f(t)}return C({resetFields:()=>{var t;(t=n.value)==null||t.resetFields()},clearValidate:t=>{var l;(l=n.value)==null||l.clearValidate(t)},validateFields:(t,l)=>{var a;return(a=n.value)==null?void 0:a.validateFields(t,l)},getFieldsValue:t=>{var l;return(l=n.value)==null?void 0:l.getFieldsValue(t)},validate:(t,l)=>{var a;return(a=n.value)==null?void 0:a.validate(t,l)},scrollToField:(t,l={})=>{var a;(a=n.value)==null||a.scrollToField(t,l)},setFieldValue:(t,l)=>{var a,r;(r=(a=n.value)==null?void 0:a.setFieldValue)==null||r.call(a,t,l)},setFieldsValue:t=>{var l,a;if(!n.value){c.value=t;return}(a=(l=n.value)==null?void 0:l.setFieldsValue)==null||a.call(l,t)},getInternalInstance:t=>{var l;return(l=n.value)==null?void 0:l.getInternalInstance(t)}}),(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(i.Modal),e.mergeProps(t.modalProps,{open:e.unref(N),"onUpdate:open":P,onCancel:y,footer:null,width:t.width,class:e.unref(T)(),"body-style":{padding:e.unref(v)==="admin"?"0px !important":"20px !important"}}),{title:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g)(e.unref(v)==="admin"?"content-admin":"content"))},[e.createVNode(z.default,e.mergeProps({ref_key:"formRef",ref:n},e.unref(M.omit)(o,["modalProps","open","onUpdate:open","title","width","onFinish","submitter"])),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)],2),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(q.value)))]),_:3},16,["open","width","class","body-style"]),e.unref(h)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(h)),{key:0})):e.createCommentVNode("",!0)],64))}});exports.default=E;

package/lib/src/ap-form/style/drawer-form.css

@@ -0,0 +1,10 @@
+.aplus-ap-form-drawer-form__resize-bar {
+  width: 4px;
+  cursor: ew-resize;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 100;
+  background-color: transparent;
+}

package/lib/src/ap-table/ap-table.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("ant-design-vue"),le=require("ant-design-vue/es/theme/internal"),se=require("../ap-form/index.js"),O=require("./constants.js");require("../config-provider/index.js");const ue=require("./hooks/use-table-paging.js"),i=require("lodash-unified");require("./style/ap-table.css");const u=require("./utils.js"),de=require("./hooks/use-table-content-height.js"),ie=require("../editable-table/utils.js"),ce=require("./hooks/use-table-row-selection.js"),fe=require("../utils/index.js"),pe=require("@ant-design/icons-vue");require("./components/setting/modal/index.vue.js");const me=require("./context.js"),ge=require("../config-provider/hooks/use-locale.js"),ye=require("../config-provider/hooks/use-namespace.js"),he=require("../config-provider/hooks/use-global-config.js"),we=require("./components/setting/modal/index.vue2.js"),Se=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1},columnResizable:{type:Boolean,default:!1},settings:{type:[Boolean,Object],default:void 0}},setup(K,{expose:j}){const t=K;let B=0;const m=e.useSlots(),[,A]=le.useToken(),{t:U}=ge.useLocale(),{e:S,b:c,be:T}=ye.useNamespace("ap-table"),F=he.useGlobalConfig("valueTypeMap"),{height:_,contentRef:$}=de.default(),b=e.ref(t.size),d=e.ref([]),x=e.ref([]);me.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>x.value),size:e.computed(()=>b.value),updateColumns(r){d.value=r},updateSize(r){b.value=r}});const D=()=>{var a;let r=((a=t.columns)==null?void 0:a.filter(n=>!n.hideInTable))||[];function o(n,s){return n.map(l=>({resizable:fe.isDef(l.resizable)?l.resizable:t.columnResizable,...i.omit(u.apColumnToColumn(l),["ellipsis"]),fixed:s?s.fixed:l.fixed,title:u.getTableTitle(l,T("table-header","title"),m.headerCell,e.unref(A).colorPrimary),customRender({value:f,...p}){var E,L;const V=u.getTableRenderType(l),oe=u.getTableRenderProps({...l,valueType:V},{value:f,...p}),ae=u.getTableCellRenderNode(V,oe,p.record,e.unref(F)),I=((E=l.renderText)==null?void 0:E.call(l,{value:f,...p}))||f,ne=l.renderText?e.createVNode(e.Fragment,null,[(L=l.renderText)==null?void 0:L.call(l,{value:f,...p})]):ae;let R=Z(l,I,ne);return l.customRender&&(R=l.customRender({value:f,...p,column:l,originalNode:R,originalText:I})),R},children:o(l.children||[],s||l)}))}return o(r)};e.watchEffect(()=>{const r=D();d.value=r,x.value=r});const k=e.computed(()=>{var r,o,a;return B++,((a=(o=(r=t.columns)==null?void 0:r.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!O.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:o.sort((n,s)=>{let l=u.getColumnOrder(n.order);return u.getColumnOrder(s.order)-l}))==null?void 0:a.map(n=>{const s=u.updateFormProps(n,u.getFieldProps(n.fieldProps,{})),l={...n,fieldProps:{label:n.title,name:n.dataIndex,...s||{},placeholder:u.getPlaceholder(U,n.valueType,s==null?void 0:s.placeholder),_signal:B},renderNode:void 0};return l.renderNode=u.getSearchFormItemRenderNode(l,e.unref(F)),l}))||[]}),W=e.computed(()=>e.unref(d).filter(r=>r.sorter===!0).map(r=>r.dataIndex).filter(Boolean)),H=e.computed(()=>e.unref(d).filter(r=>r.filters&&!r.onFilter).map(r=>r.dataIndex).filter(Boolean)),M=e.computed(()=>i.isUndefined(t.dataSource)?h.value.records:t.dataSource),{rowSelection:g,selectedRows:C,...y}=ce.default({...t.rowSelection===!0?{}:t.rowSelection,rowKey:t.rowKey,dataSource:M}),{formRef:v,submit:z,reset:P,tableProps:q,refresh:G,data:h,setDataSource:J}=ue.useTablePaging({async request(r){var a,n;if(!g.value.preserveSelectedRowKeys&&i.isUndefined(t.dataSource)&&y.clearAll(),!i.isUndefined(t.dataSource))return{data:t.dataSource||[],total:t.dataSource.length||0};const o=await((a=t.request)==null?void 0:a.call(t,r));return(n=t.onLoad)==null||n.call(t,(o==null?void 0:o.data)||[]),{data:(o==null?void 0:o.data)||[],total:(o==null?void 0:o.total)||0}},filterFields:H,sortFields:W,defaultParams:t.params,defaultData:t.defaultData,manual:t.manual,defaultCurrent:t.pagination?t.pagination.defaultCurrent:void 0,defaultPageSize:t.pagination?t.pagination.defaultPageSize:void 0,formatParams:t.beforeSearchSubmit,showLessItems:t.pagination?t.pagination.showLessItems:void 0,showTotal:t.pagination?t.pagination.showTotal:void 0}),Q=e.computed(()=>{var o,a;if(t.adaptive&&(h.value.total>0||((o=t.dataSource)==null?void 0:o.length)))return{y:e.unref(_),x:((a=t.scroll)==null?void 0:a.x)||"100%"};if(t.scroll)return t.scroll}),X=e.computed(()=>{var r;if(t.tableLayout)return t.tableLayout;if((r=t.columns)!=null&&r.some(o=>o.ellipsis))return"fixed"}),N=e.computed(()=>{var a;const r=e.unref(q),o=e.unref(g);return{...t,...r,rowSelection:t.rowSelection===!0||((a=t.rowSelection)==null?void 0:a.mode)==="internal"?{...o,preserveSelectedRowKeys:i.isUndefined(t.dataSource)?o.preserveSelectedRowKeys:!0}:t.rowSelection,loading:i.isUndefined(t.loading)?r.loading:t.loading,pagination:t.pagination===!1?!1:r.pagination,scroll:e.unref(Q)}}),Y=e.computed(()=>[c(),t.card?null:c("wrapper"),t.adaptive?c("adaptive"):null].filter(Boolean));function Z(r,o,a){if(O.noRenderAsFormItemValueList.includes(r.valueType))return a;const n=u.objectToString(o);return r.copyable||r.ellipsis?e.createVNode(w.Typography.Paragraph,{copyable:r.copyable?{text:n,tooltip:!1}:!1,ellipsis:r.ellipsis?i.isBoolean(r.ellipsis)?{tooltip:n}:{...r.ellipsis,tooltip:n}:!1,content:r.ellipsis?ie.getRawDisplayValue(r,o):a},null):a}e.watch(()=>e.unref(h).loading,r=>{var o;(o=t.onLoadingChange)==null||o.call(t,r)}),e.watch(()=>t.dataSource,r=>{r!=null&&r.length&&J(r)},{immediate:!0});function ee(r){var o,a,n;(n=(a=(o=v.value)==null?void 0:o.apForm)==null?void 0:a.setFieldsValue)==null||n.call(a,r)}function re(){var r,o,a;return(a=(o=(r=v.value)==null?void 0:r.apForm)==null?void 0:o.getFieldsValue)==null?void 0:a.call(o,!0)}function te(){return e.unref(d)}return j({submit:()=>z(),reset:()=>P(),refresh:()=>G(),setSearchFormValues:ee,getSearchFormValues:re,getShownColumns:te,dataSource:e.computed(()=>e.unref(h).records),rowSelection:{selectedRows:e.computed(()=>e.unref(C)),...y}}),(r,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(Y.value)},[e.unref(i.isUndefined)(r.dataSource)&&r.searchForm!==!1&&k.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(S)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(se.ApForm).SearchForm,e.mergeProps(r.searchForm||{},{ref_key:"formRef",ref:v,"custom-reset":"",onSubmit:e.unref(z),onReset:e.unref(P),"submit-loading":e.unref(q).loading}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,a=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.renderNode),e.mergeProps({key:a.dataIndex,ref_for:!0},a.fieldProps||{},{span:a.span}),null,16,["span"]))),128))]),_:2},[m.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["onSubmit","onReset","submit-loading"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:$,class:e.normalizeClass([e.unref(S)("table-wrapper"),r.card?e.unref(S)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("header-wrapper"))},[r.settings?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(c)("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(T)("header","title"))},[e.renderSlot(r.$slots,"title",e.mergeProps({selectedRows:e.unref(C),selectedRowKeys:e.unref(g).selectedRowKeys,shownColumns:d.value},y))],2),m.title?(e.openBlock(),e.createBlock(e.unref(w.Divider),{key:0,type:"vertical"})):e.createCommentVNode("",!0),e.createVNode(we.default,{config:r.settings===!0?{}:r.settings},{trigger:e.withCtx(()=>[e.createVNode(e.unref(w.Button),{icon:e.h(e.unref(pe.SettingOutlined))},null,8,["icon"])]),_:1},8,["config"])],2)):e.renderSlot(r.$slots,"title",e.mergeProps({key:1,selectedRows:e.unref(C),selectedRowKeys:e.unref(g).selectedRowKeys,shownColumns:d.value},y))],2),e.createVNode(e.unref(w.Table),e.mergeProps({class:e.unref(c)("table")},N.value,{size:b.value,"table-layout":X.value,columns:d.value,onResizeColumn:o[0]||(o[0]=(a,n)=>n.width=a)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(r.$slots,"summary",{columns:d.value,records:N.value.dataSource})]),_:2},[e.renderList(e.unref(i.omit)(m,["title","searchFormExtra","headerCell","summary"]),(a,n)=>({name:n,fn:e.withCtx(s=>[e.renderSlot(r.$slots,n,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["class","size","table-layout","columns"])],6)],2))}});exports.default=Se;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("ant-design-vue"),le=require("ant-design-vue/es/theme/internal"),se=require("../ap-form/index.js"),O=require("./constants.js");require("../config-provider/index.js");const ue=require("./hooks/use-table-paging.js"),i=require("lodash-unified");require("./style/ap-table.css");const u=require("./utils.js"),de=require("./hooks/use-table-content-height.js"),ie=require("../editable-table/utils.js"),ce=require("./hooks/use-table-row-selection.js"),fe=require("../utils/index.js"),pe=require("@ant-design/icons-vue");require("./components/setting/modal/index.vue.js");const me=require("./context.js"),ge=require("../config-provider/hooks/use-locale.js"),ye=require("../config-provider/hooks/use-namespace.js"),he=require("../config-provider/hooks/use-global-config.js"),we=require("./components/setting/modal/index.vue2.js"),be=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!0},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1},columnResizable:{type:Boolean,default:!1},settings:{type:[Boolean,Object],default:void 0}},setup(K,{expose:j}){const r=K;let B=0;const m=e.useSlots(),[,A]=le.useToken(),{t:U}=ge.useLocale(),{e:b,b:c,be:T}=ye.useNamespace("ap-table"),F=he.useGlobalConfig("valueTypeMap"),{height:_,contentRef:$}=de.default(),S=e.ref(r.size),d=e.ref([]),x=e.ref([]);me.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>x.value),size:e.computed(()=>S.value),updateColumns(t){d.value=t},updateSize(t){S.value=t}});const D=()=>{var n;let t=((n=r.columns)==null?void 0:n.filter(o=>!o.hideInTable))||[];function a(o,s){return o.map(l=>({resizable:fe.isDef(l.resizable)?l.resizable:r.columnResizable,...i.omit(u.apColumnToColumn(l),["ellipsis"]),fixed:s?s.fixed:l.fixed,title:u.getTableTitle(l,T("table-header","title"),m.headerCell,e.unref(A).colorPrimary),customRender({value:f,...p}){var E,L;const V=u.getTableRenderType(l),ae=u.getTableRenderProps({...l,valueType:V},{value:f,...p}),ne=u.getTableCellRenderNode(V,ae,p.record,e.unref(F)),I=((E=l.renderText)==null?void 0:E.call(l,{value:f,...p}))||f,oe=l.renderText?e.createVNode(e.Fragment,null,[(L=l.renderText)==null?void 0:L.call(l,{value:f,...p})]):ne;let R=Z(l,I,oe);return l.customRender&&(R=l.customRender({value:f,...p,column:l,originalNode:R,originalText:I})),R},children:a(l.children||[],s||l)}))}return a(t)};e.watchEffect(()=>{const t=D();d.value=t,x.value=t});const k=e.computed(()=>{var t,a,n;return B++,((n=(a=(t=r.columns)==null?void 0:t.filter(o=>!o.hideInSearch&&o.dataIndex&&(o.valueType||o.customRenderFormItem)&&!O.noRenderAsFormItemValueList.includes(o.valueType)))==null?void 0:a.sort((o,s)=>{let l=u.getColumnOrder(o.order);return u.getColumnOrder(s.order)-l}))==null?void 0:n.map(o=>{const s=u.updateFormProps(o,u.getFieldProps(o.fieldProps,{})),l={...o,fieldProps:{label:o.title,name:o.dataIndex,...s||{},placeholder:u.getPlaceholder(U,o.valueType,s==null?void 0:s.placeholder),_signal:B},renderNode:void 0};return l.renderNode=u.getSearchFormItemRenderNode(l,e.unref(F)),l}))||[]}),W=e.computed(()=>e.unref(d).filter(t=>t.sorter===!0).map(t=>t.dataIndex).filter(Boolean)),H=e.computed(()=>e.unref(d).filter(t=>t.filters&&!t.onFilter).map(t=>t.dataIndex).filter(Boolean)),M=e.computed(()=>i.isUndefined(r.dataSource)?h.value.records:r.dataSource),{rowSelection:g,selectedRows:C,...y}=ce.default({...r.rowSelection===!0?{}:r.rowSelection,rowKey:r.rowKey,dataSource:M}),{formRef:v,submit:z,reset:P,tableProps:q,refresh:G,data:h,setDataSource:J}=ue.useTablePaging({async request(t){var n,o;if(!g.value.preserveSelectedRowKeys&&i.isUndefined(r.dataSource)&&y.clearAll(),!i.isUndefined(r.dataSource))return{data:r.dataSource||[],total:r.dataSource.length||0};const a=await((n=r.request)==null?void 0:n.call(r,t));return(o=r.onLoad)==null||o.call(r,(a==null?void 0:a.data)||[]),{data:(a==null?void 0:a.data)||[],total:(a==null?void 0:a.total)||0}},filterFields:H,sortFields:W,defaultParams:r.params,defaultData:r.defaultData,manual:r.manual,defaultCurrent:r.pagination?r.pagination.defaultCurrent:void 0,defaultPageSize:r.pagination?r.pagination.defaultPageSize:void 0,formatParams:r.beforeSearchSubmit,showLessItems:r.pagination?r.pagination.showLessItems:void 0,showTotal:r.pagination?r.pagination.showTotal:void 0}),Q=e.computed(()=>{var a,n;if(r.adaptive&&(h.value.total>0||((a=r.dataSource)==null?void 0:a.length)))return{y:e.unref(_),x:((n=r.scroll)==null?void 0:n.x)||"100%"};if(r.scroll)return r.scroll}),X=e.computed(()=>{var t;if(r.tableLayout)return r.tableLayout;if((t=r.columns)!=null&&t.some(a=>a.ellipsis))return"fixed"}),N=e.computed(()=>{var n;const t=e.unref(q),a=e.unref(g);return{...r,...t,rowSelection:r.rowSelection===!0||((n=r.rowSelection)==null?void 0:n.mode)==="internal"?{...a,preserveSelectedRowKeys:i.isUndefined(r.dataSource)?a.preserveSelectedRowKeys:!0}:r.rowSelection,loading:i.isUndefined(r.loading)?t.loading:r.loading,pagination:r.pagination===!1?!1:t.pagination,scroll:e.unref(Q)}}),Y=e.computed(()=>[c(),r.card?null:c("wrapper"),r.adaptive?c("adaptive"):null].filter(Boolean));function Z(t,a,n){if(O.noRenderAsFormItemValueList.includes(t.valueType))return n;const o=u.objectToString(a);return t.copyable||t.ellipsis?e.createVNode(w.Typography.Paragraph,{copyable:t.copyable?{text:o,tooltip:!1}:!1,ellipsis:t.ellipsis?i.isBoolean(t.ellipsis)?{tooltip:o}:{...t.ellipsis,tooltip:o}:!1,content:t.ellipsis?ie.getRawDisplayValue(t,a):n},null):n}e.watch(()=>e.unref(h).loading,t=>{var a;(a=r.onLoadingChange)==null||a.call(r,t)}),e.watch(()=>r.dataSource,t=>{t!=null&&t.length&&J(t)},{immediate:!0});function ee(t){var a,n,o;(o=(n=(a=v.value)==null?void 0:a.apForm)==null?void 0:n.setFieldsValue)==null||o.call(n,t)}function te(){var t,a,n;return(n=(a=(t=v.value)==null?void 0:t.apForm)==null?void 0:a.getFieldsValue)==null?void 0:n.call(a,!0)}function re(){return e.unref(d)}return j({submit:()=>z(),reset:()=>P(),refresh:()=>G(),setSearchFormValues:ee,getSearchFormValues:te,getShownColumns:re,dataSource:e.computed(()=>e.unref(h).records),rowSelection:{selectedRows:e.computed(()=>e.unref(C)),...y}}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(Y.value)},[e.unref(i.isUndefined)(t.dataSource)&&t.searchForm!==!1&&k.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.card?e.unref(b)("search-wrapper"):null),style:e.normalizeStyle(t.searchFormWrapperStyle)},[e.createVNode(e.unref(se.ApForm).SearchForm,e.mergeProps(t.searchForm||{},{ref_key:"formRef",ref:v,"custom-reset":"",onSubmit:e.unref(z),onReset:e.unref(P),"submit-loading":e.unref(q).loading}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,n=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.renderNode),e.mergeProps({key:n.dataIndex,ref_for:!0},n.fieldProps||{},{span:n.span}),null,16,["span"]))),128))]),_:2},[m.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["onSubmit","onReset","submit-loading"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:$,class:e.normalizeClass([e.unref(b)("table-wrapper"),t.card?e.unref(b)("table-wrapper-card"):null]),style:e.normalizeStyle(t.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c)("header-wrapper"))},[t.settings?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(c)("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(T)("header","title"))},[e.renderSlot(t.$slots,"title",e.mergeProps({selectedRows:e.unref(C),selectedRowKeys:e.unref(g).selectedRowKeys,shownColumns:d.value},y))],2),m.title?(e.openBlock(),e.createBlock(e.unref(w.Divider),{key:0,type:"vertical"})):e.createCommentVNode("",!0),e.createVNode(we.default,{config:t.settings===!0?{}:t.settings},{trigger:e.withCtx(()=>[e.createVNode(e.unref(w.Button),{class:e.normalizeClass(e.unref(c)("setting-trigger-button")),icon:e.h(e.unref(pe.SettingOutlined))},null,8,["class","icon"])]),_:1},8,["config"])],2)):e.renderSlot(t.$slots,"title",e.mergeProps({key:1,selectedRows:e.unref(C),selectedRowKeys:e.unref(g).selectedRowKeys,shownColumns:d.value},y))],2),e.createVNode(e.unref(w.Table),e.mergeProps({class:e.unref(c)("table")},N.value,{size:S.value,"table-layout":X.value,columns:d.value,onResizeColumn:a[0]||(a[0]=(n,o)=>o.width=n)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(t.$slots,"summary",{columns:d.value,records:N.value.dataSource})]),_:2},[e.renderList(e.unref(i.omit)(m,["title","searchFormExtra","headerCell","summary"]),(n,o)=>({name:o,fn:e.withCtx(s=>[e.renderSlot(t.$slots,o,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["class","size","table-layout","columns"])],6)],2))}});exports.default=be;

package/lib/src/ap-table/components/setting/modal/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("ant-design-vue"),B=require("../../../../utils/slot.js"),z=require("../../../context.js");require("../tree-select/index.vue.js");const D=require("../../../hooks/use-table-column-state.js");require("../../../../config-provider/index.js");require("../sorter/index.vue.js");require("../../style/setting/modal.css");const p=require("../utils.js"),w=require("../../../../config-provider/hooks/use-locale.js"),E=require("../../../../config-provider/hooks/use-namespace.js"),A=require("../tree-select/index.vue2.js"),R=require("../sorter/index.vue2.js"),M={style:{lineHeight:"22px",color:"#8896B0"}},O=e.defineComponent({__name:"index",props:{config:{}},setup(C){const f=C,{columnsBackup:N,size:_,updateSize:s,updateColumns:i}=z.useInjectApTable(),c=e.ref(e.unref(_)),{columnState:a,setColumnState:S,isAllSelected:V,toggleSelectAll:x,columnStateBackup:y,setColumnStateBackup:b,cacheColumnStateIfNeeded:h}=D.useTableColumnState(f.config,[]),{t:o}=w.useLocale(),{b:d,be:m}=E.useNamespace("ap-column-setting"),r=e.ref(!1),k=e.useSlots(),g=B.getSingleVNode(k.trigger),v=g?e.cloneVNode(g,{onClick:()=>{r.value=!0}}):null;function q(){S(p.customCloneColumnStates(y))}function T(){var t,n;i==null||i(p.default(e.unref(N),e.unref(a))),s==null||s(e.unref(c)),r.value=!1;const u=p.customCloneColumnStates(a.value);b(u),h(u),(n=(t=f.config)==null?void 0:t.onChange)==null||n.call(t,u)}return(u,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(v)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(v)),{key:0})):e.createCommentVNode("",!0),e.createVNode(e.unref(l.Modal),{title:e.unref(o)("ap.apTable.setting.title"),open:r.value,"onUpdate:open":t[2]||(t[2]=n=>r.value=n),width:900,onOk:T,"body-style":{padding:"0px !important",height:"450px"}},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("wrapper"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("left"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(m)("left","header"))},[e.createElementVNode("div",null,[e.createElementVNode("span",M,e.toDisplayString(e.unref(o)("ap.apTable.setting.selectAllTip")),1),e.createVNode(e.unref(l.Button),{type:"link",size:"small",onClick:e.unref(x)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(V)?e.unref(o)("ap.apTable.setting.unSelectAll"):e.unref(o)("ap.apTable.setting.selectAll")),1)]),_:1},8,["onClick"])]),e.createVNode(e.unref(l.RadioGroup),{value:c.value,"onUpdate:value":t[0]||(t[0]=n=>c.value=n)},{default:e.withCtx(()=>[e.createVNode(e.unref(l.RadioButton),{value:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("ap.apTable.setting.sizeSmall")),1)]),_:1}),e.createVNode(e.unref(l.RadioButton),{value:"middle"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("ap.apTable.setting.sizeNormal")),1)]),_:1})]),_:1},8,["value"])],2),e.createVNode(e.unref(l.Divider),{dashed:"",style:{margin:"0px"}}),e.createVNode(A.default,{class:e.normalizeClass(e.unref(m)("left","content")),value:e.unref(a)},null,8,["class","value"])],2),e.createVNode(e.unref(l.Divider),{type:"vertical",style:{height:"100%",margin:"0px"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("right"))},[e.createVNode(R.default,{value:e.unref(a),"onUpdate:value":t[1]||(t[1]=n=>e.isRef(a)?a.value=n:null),onReset:q},null,8,["value"])],2)],2)]),_:1},8,["title","open"])],64))}});exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("ant-design-vue"),B=require("../../../../utils/slot.js"),z=require("../../../context.js");require("../tree-select/index.vue.js");const D=require("../../../hooks/use-table-column-state.js");require("../../../../config-provider/index.js");require("../sorter/index.vue.js");require("../../style/setting/modal.css");const p=require("../utils.js"),w=require("../../../../config-provider/hooks/use-locale.js"),E=require("../../../../config-provider/hooks/use-namespace.js"),A=require("../tree-select/index.vue2.js"),R=require("../sorter/index.vue2.js"),M={style:{lineHeight:"22px",color:"#8896B0"}},O=e.defineComponent({__name:"index",props:{config:{}},setup(C){const f=C,{columnsBackup:N,size:_,updateSize:s,updateColumns:i}=z.useInjectApTable(),c=e.ref(e.unref(_)),{columnState:a,setColumnState:S,isAllSelected:V,toggleSelectAll:x,columnStateBackup:y,setColumnStateBackup:b,cacheColumnStateIfNeeded:h}=D.useTableColumnState(f.config,[]),{t:o}=w.useLocale(),{b:d,be:m}=E.useNamespace("ap-column-setting"),r=e.ref(!1),k=e.useSlots(),g=B.getSingleVNode(k.trigger),v=g?e.cloneVNode(g,{onClick:()=>{r.value=!0}}):null;function q(){S(p.customCloneColumnStates(e.unref(y)))}function T(){var t,n;i==null||i(p.default(e.unref(N),e.unref(a))),s==null||s(e.unref(c)),r.value=!1;const u=p.customCloneColumnStates(a.value);b(u),h(u),(n=(t=f.config)==null?void 0:t.onChange)==null||n.call(t,u)}return(u,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(v)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(v)),{key:0})):e.createCommentVNode("",!0),e.createVNode(e.unref(l.Modal),{title:e.unref(o)("ap.apTable.setting.title"),open:r.value,"onUpdate:open":t[2]||(t[2]=n=>r.value=n),width:900,onOk:T,"body-style":{padding:"0px !important",height:"450px"}},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("wrapper"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("left"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(m)("left","header"))},[e.createElementVNode("div",null,[e.createElementVNode("span",M,e.toDisplayString(e.unref(o)("ap.apTable.setting.selectAllTip")),1),e.createVNode(e.unref(l.Button),{type:"link",size:"small",onClick:e.unref(x)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(V)?e.unref(o)("ap.apTable.setting.unSelectAll"):e.unref(o)("ap.apTable.setting.selectAll")),1)]),_:1},8,["onClick"])]),e.createVNode(e.unref(l.RadioGroup),{value:c.value,"onUpdate:value":t[0]||(t[0]=n=>c.value=n)},{default:e.withCtx(()=>[e.createVNode(e.unref(l.RadioButton),{value:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("ap.apTable.setting.sizeSmall")),1)]),_:1}),e.createVNode(e.unref(l.RadioButton),{value:"middle"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("ap.apTable.setting.sizeNormal")),1)]),_:1})]),_:1},8,["value"])],2),e.createVNode(e.unref(l.Divider),{dashed:"",style:{margin:"0px"}}),e.createVNode(A.default,{class:e.normalizeClass(e.unref(m)("left","content")),value:e.unref(a)},null,8,["class","value"])],2),e.createVNode(e.unref(l.Divider),{type:"vertical",style:{height:"100%",margin:"0px"}}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("right"))},[e.createVNode(R.default,{value:e.unref(a),"onUpdate:value":t[1]||(t[1]=n=>e.isRef(a)?a.value=n:null),onReset:q},null,8,["value"])],2)],2)]),_:1},8,["title","open"])],64))}});exports.default=O;

package/lib/src/ap-table/hooks/use-table-column-state.d.ts

@@ -1,5 +1,5 @@
 import { ApColumnState, ApTableSettingType } from '../interface';
-import { Ref, ComputedRef } from 'vue';
+import { Ref, ComputedRef, ShallowRef } from 'vue';
 export declare const useTableColumnState: (columnSetting: ApTableSettingType, initialColumnState: ApColumnState[]) => {
     columnState: Ref<{
         key: string | number;
@@ -16,7 +16,7 @@ export declare const useTableColumnState: (columnSetting: ApTableSettingType, in
     setColumnState: (nextColumnState: ApColumnState[]) => void;
     isAllSelected: ComputedRef<boolean>;
     toggleSelectAll: () => void;
-    columnStateBackup: ApColumnState[];
+    columnStateBackup: ShallowRef<ApColumnState[]>;
     setColumnStateBackup: (nextBackup: ApColumnState[]) => void;
     cacheColumnStateIfNeeded: (nextColumnState: ApColumnState[]) => void;
 };

package/lib/src/ap-table/hooks/use-table-column-state.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),j=require("../../utils/index.js"),f=require("../components/setting/utils.js"),K=require("../context.js"),i=require("lodash-unified");function d(r,o){r.forEach(t=>{var c;o(t),(c=t.children)!=null&&c.length&&d(t.children,o)})}function M(r,o){if(!o)return{};const t=r.getItem(o);return t?JSON.parse(t):{}}function k(r,o){if(i.isObject(r)&&i.isObject(o))return i.mergeWith({},r,o,k)}const T=Number.MAX_SAFE_INTEGER,J=(r,o)=>{const t=u.ref(o);let c=f.customCloneColumnStates(o);const{columnsBackup:C,updateColumns:S}=K.useInjectApTable(),O=r.persistenceType||"localStorage",m=window[O];function q(){const e=M(m,r.persistenceKey),n=i.mergeWith({},r.defaultValue||{},e,k),l=u.unref(C);function x(F,h,A){return F.map(s=>{var N;const a=(h==null?void 0:h[s.key])||{},g={key:s.key,label:s.title,show:!0,fixed:A?A.fixed:i.isBoolean(s.fixed)?s.fixed?"left":void 0:s.fixed,disabled:!1,...i.omit(a,"children")};return g.children=(N=s.children)!=null&&N.length?x(s.children,a.children,g):void 0,g}).sort((s,a)=>(i.isNumber(s.order)?s.order:T)-(i.isNumber(a.order)?a.order:T))}return x(l||[],n)}const b=u.computed(()=>u.unref(t).every(e=>e.show));function p(){const e=u.unref(t);d(e,n=>{!n.disabled&&(n.show=!0)})}function y(){const e=u.unref(t);d(e,n=>{!n.disabled&&(n.show=!1)})}function E(){u.unref(b)?y():p()}function I(e,n){d(u.unref(t),l=>{l.key===e&&(l.show=j.isDef(n)?n:!l.show)})}function w(e){t.value=e}function B(e){c=e}function v(e){if(r.persistenceKey){const n=f.getColumnStateString(e);m.setItem(r.persistenceKey,JSON.stringify(n))}}return u.watchEffect(()=>{const e=q();w(e),S==null||S(f.default(u.unref(C),u.unref(e))),c=f.customCloneColumnStates(e),v(e)}),{columnState:t,selectAll:p,unSelectAll:y,toggleSelect:I,setColumnState:w,isAllSelected:b,toggleSelectAll:E,columnStateBackup:c,setColumnStateBackup:B,cacheColumnStateIfNeeded:v}};exports.useTableColumnState=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),j=require("../../utils/index.js"),f=require("../components/setting/utils.js"),K=require("../context.js"),i=require("lodash-unified");function d(r,s){r.forEach(t=>{var c;s(t),(c=t.children)!=null&&c.length&&d(t.children,s)})}function M(r,s){if(!s)return{};const t=r.getItem(s);return t?JSON.parse(t):{}}function k(r,s){if(i.isObject(r)&&i.isObject(s))return i.mergeWith({},r,s,k)}const T=Number.MAX_SAFE_INTEGER,J=(r,s)=>{const t=o.ref(s),c=o.shallowRef(f.customCloneColumnStates(s)),{columnsBackup:C,updateColumns:h}=K.useInjectApTable(),O=r.persistenceType||"localStorage",m=window[O];function q(){const e=M(m,r.persistenceKey),n=i.mergeWith({},r.defaultValue||{},e,k),l=o.unref(C);function x(F,S,A){return F.map(u=>{var N;const a=(S==null?void 0:S[u.key])||{},g={key:u.key,label:u.title,show:!0,fixed:A?A.fixed:i.isBoolean(u.fixed)?u.fixed?"left":void 0:u.fixed,disabled:!1,...i.omit(a,"children")};return g.children=(N=u.children)!=null&&N.length?x(u.children,a.children,g):void 0,g}).sort((u,a)=>(i.isNumber(u.order)?u.order:T)-(i.isNumber(a.order)?a.order:T))}return x(l||[],n)}const b=o.computed(()=>o.unref(t).every(e=>e.show));function p(){const e=o.unref(t);d(e,n=>{!n.disabled&&(n.show=!0)})}function w(){const e=o.unref(t);d(e,n=>{!n.disabled&&(n.show=!1)})}function E(){o.unref(b)?w():p()}function I(e,n){d(o.unref(t),l=>{l.key===e&&(l.show=j.isDef(n)?n:!l.show)})}function y(e){t.value=e}function B(e){c.value=e}function v(e){if(r.persistenceKey){const n=f.getColumnStateString(e);m.setItem(r.persistenceKey,JSON.stringify(n))}}return o.watchEffect(()=>{const e=q();y(e),h==null||h(f.default(o.unref(C),o.unref(e))),c.value=f.customCloneColumnStates(e),v(e)}),{columnState:t,selectAll:p,unSelectAll:w,toggleSelect:I,setColumnState:y,isAllSelected:b,toggleSelectAll:E,columnStateBackup:c,setColumnStateBackup:B,cacheColumnStateIfNeeded:v}};exports.useTableColumnState=J;

package/lib/src/ap-table/style/ap-table.css

@@ -126,3 +126,9 @@
   word-break: break-all;
   flex: 1;
 }
+.aplus-ap-table-setting-trigger-button {
+  color: var(--ap-table-setting-button-color, #8896B0);
+}
+.aplus-ap-table-setting-trigger-button:hover {
+  color: unset;
+}

package/lib/src/business/ap-card/ApCard.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./index.css");require("../ap-title/ApTitle.vue.js");const m=require("lodash-unified");require("../../config-provider/index.js");const k=require("../../config-provider/hooks/use-namespace.js"),p=require("../ap-title/ApTitle.vue2.js"),_={key:1},x={key:1},v=e.defineComponent({__name:"ApCard",props:{titleProps:{},padding:{}},setup(d){const t=d,{b:r}=k.useNamespace("ap-card"),c=e.computed(()=>m.omit((t==null?void 0:t.titleProps)||{},["prefix","suffix"])),s=e.computed(()=>{var n;return(n=Object.keys(c.value||{}))==null?void 0:n.length}),f=e.computed(()=>t.padding??(s.value?"14px 24px 24px":"24px"));return(n,y)=>{var a,u;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r)()]),style:e.normalizeStyle({padding:f.value})},[s.value?(e.openBlock(),e.createBlock(p.default,e.mergeProps({key:0,class:[`${e.unref(r)()}-title`]},{...c.value}),e.createSlots({_:2},[(a=t==null?void 0:t.titleProps)!=null&&a.suffix?{name:"suffix",fn:e.withCtx(()=>{var i,l,o;return[e.isVNode((i=t==null?void 0:t.titleProps)==null?void 0:i.suffix)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent((l=t==null?void 0:t.titleProps)==null?void 0:l.suffix),{key:0})):(e.openBlock(),e.createElementBlock("div",_,e.toDisplayString((o=t==null?void 0:t.titleProps)==null?void 0:o.suffix),1))]}),key:"0"}:void 0,(u=t==null?void 0:t.titleProps)!=null&&u.prefix?{name:"prefix",fn:e.withCtx(()=>{var i,l,o;return[e.isVNode((i=t==null?void 0:t.titleProps)==null?void 0:i.prefix)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent((l=t==null?void 0:t.titleProps)==null?void 0:l.prefix),{key:0})):(e.openBlock(),e.createElementBlock("div",x,e.toDisplayString((o=t==null?void 0:t.titleProps)==null?void 0:o.prefix),1))]}),key:"1"}:void 0]),1040,["class"])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default")],6)}}});exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./index.css");require("../ap-title/ApTitle.vue.js");const m=require("lodash-unified");require("../../config-provider/index.js");const k=require("../../config-provider/hooks/use-namespace.js"),_=require("../ap-title/ApTitle.vue2.js"),x={key:1},p={key:1},v=e.defineComponent({__name:"ApCard",props:{titleProps:{},padding:{}},setup(u){const t=u,{b:r}=k.useNamespace("ap-card"),d=e.computed(()=>m.omit((t==null?void 0:t.titleProps)||{},["prefix","suffix"])),c=e.computed(()=>{var n;return(n=Object.keys((t==null?void 0:t.titleProps)||{}))==null?void 0:n.length}),f=e.computed(()=>t.padding??(c.value?"14px 24px 24px":"24px"));return(n,y)=>{var s,a;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r)()]),style:e.normalizeStyle({padding:f.value})},[c.value?(e.openBlock(),e.createBlock(_.default,e.mergeProps({key:0,class:[`${e.unref(r)()}-title`]},{...d.value}),e.createSlots({_:2},[(s=t==null?void 0:t.titleProps)!=null&&s.suffix?{name:"suffix",fn:e.withCtx(()=>{var i,l,o;return[e.isVNode((i=t==null?void 0:t.titleProps)==null?void 0:i.suffix)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent((l=t==null?void 0:t.titleProps)==null?void 0:l.suffix),{key:0})):(e.openBlock(),e.createElementBlock("div",x,e.toDisplayString((o=t==null?void 0:t.titleProps)==null?void 0:o.suffix),1))]}),key:"0"}:void 0,(a=t==null?void 0:t.titleProps)!=null&&a.prefix?{name:"prefix",fn:e.withCtx(()=>{var i,l,o;return[e.isVNode((i=t==null?void 0:t.titleProps)==null?void 0:i.prefix)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent((l=t==null?void 0:t.titleProps)==null?void 0:l.prefix),{key:0})):(e.openBlock(),e.createElementBlock("div",p,e.toDisplayString((o=t==null?void 0:t.titleProps)==null?void 0:o.prefix),1))]}),key:"1"}:void 0]),1040,["class"])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default")],6)}}});exports.default=v;

package/lib/src/theme/ap-form/drawer-form.css

@@ -0,0 +1,10 @@
+.aplus-ap-form-drawer-form__resize-bar {
+  width: 4px;
+  cursor: ew-resize;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 100;
+  background-color: transparent;
+}

package/lib/src/theme/ap-table/ap-table.css

@@ -126,3 +126,9 @@
   word-break: break-all;
   flex: 1;
 }
+.aplus-ap-table-setting-trigger-button {
+  color: var(--ap-table-setting-button-color, #8896B0);
+}
+.aplus-ap-table-setting-trigger-button:hover {
+  color: unset;
+}

package/lib/src/theme/css-var/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F={"ap-form":{bordered:{"border-color":{base:"#DEE4ED",hover:"#66A9FF",active:"#66A9FF"},"shadow-color":"rgba(5, 155, 255, 0.1)"}},"ap-action":{color:{primary:{base:"#0070FF",hover:"#66A9FF"},success:"#2ED1A3",error:"#FF4D4F",warn:"#FFA940"}},"check-card":{outline:{color:"#E9EDF3"},hover:{outline:{color:"#0070FF"}},checked:{outline:{color:"#0070FF"},bg:"#0070FF"}},"ap-table":{header:{bg:"#F2F6F9"},pagination:{total:{color:"#526A90",count:{color:"#182948"}}}},"ap-batch-action":{color:{font:"#8896B0",active:"#0070FF"}},basic:{color:{primary:"#0070ff"}},"ap-descriptions":{item:{"padding-bottom":"24px","label-width":"auto"},"last-row-item":{"padding-bottom":"0px"}}},b={"ap-form":{bordered:{"border-color":{base:"#D9D9D9",hover:"#85D4B0",active:"#85D4B0"},"shadow-color":"rgba(11, 166, 66, 0.09)"}},"ap-action":{color:{primary:{base:"#1890FF",hover:"#5EB1FF"},success:"#52C41A",error:"#FF4D4F",warn:"#FAAD14"}},"check-card":{outline:{color:"#D9D9D9"},hover:{outline:{color:"#34B77C"}},checked:{outline:{color:"#34B77C"},bg:"#34B77C"}},"ap-table":{header:{bg:"#FAFAFA"},pagination:{total:{color:"#666666",count:{color:"#333333"}}}},"ap-batch-action":{color:{font:"#999999",active:"#34B77C"}},basic:{color:{primary:"#34b77c"}},"ap-descriptions":{item:{"padding-bottom":"24px","label-width":"auto"},"last-row-item":{"padding-bottom":"0px"}}};function i(r){const o={};function e(a,n){const l=Object.keys(a);for(const c of l){const t=a[c],s=[...n,c];t!==null&&typeof t=="object"?e(t,s):o[`--${s.join("-")}`]=t}}return e(r,[]),o}const d=i(F),p=i(b);function u(r){Object.entries(r).forEach(([o,e])=>{document.documentElement.style.setProperty(o,e)})}exports.adminCssVar=p;exports.aplusCssVar=d;exports.setCSSVariables=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b={"ap-form":{bordered:{"border-color":{base:"#DEE4ED",hover:"#66A9FF",active:"#66A9FF"},"shadow-color":"rgba(5, 155, 255, 0.1)"}},"ap-action":{color:{primary:{base:"#0070FF",hover:"#66A9FF"},success:"#2ED1A3",error:"#FF4D4F",warn:"#FFA940"}},"check-card":{outline:{color:"#E9EDF3"},hover:{outline:{color:"#0070FF"}},checked:{outline:{color:"#0070FF"},bg:"#0070FF"}},"ap-table":{header:{bg:"#F2F6F9"},pagination:{total:{color:"#526A90",count:{color:"#182948"}}},setting:{button:{color:"#8896B0"}}},"ap-batch-action":{color:{font:"#8896B0",active:"#0070FF"}},basic:{color:{primary:"#0070ff"}},"ap-descriptions":{item:{"padding-bottom":"24px","label-width":"auto"},"last-row-item":{"padding-bottom":"0px"}}},F={"ap-form":{bordered:{"border-color":{base:"#D9D9D9",hover:"#85D4B0",active:"#85D4B0"},"shadow-color":"rgba(11, 166, 66, 0.09)"}},"ap-action":{color:{primary:{base:"#1890FF",hover:"#5EB1FF"},success:"#52C41A",error:"#FF4D4F",warn:"#FAAD14"}},"check-card":{outline:{color:"#D9D9D9"},hover:{outline:{color:"#34B77C"}},checked:{outline:{color:"#34B77C"},bg:"#34B77C"}},"ap-table":{header:{bg:"#FAFAFA"},pagination:{total:{color:"#666666",count:{color:"#333333"}}},setting:{button:{color:"#999999"}}},"ap-batch-action":{color:{font:"#999999",active:"#34B77C"}},basic:{color:{primary:"#34b77c"}},"ap-descriptions":{item:{"padding-bottom":"24px","label-width":"auto"},"last-row-item":{"padding-bottom":"0px"}}};function n(r){const o={};function t(a,i){const l=Object.keys(a);for(const c of l){const e=a[c],s=[...i,c];e!==null&&typeof e=="object"?t(e,s):o[`--${s.join("-")}`]=e}}return t(r,[]),o}const d=n(b),p=n(F);function u(r){Object.entries(r).forEach(([o,t])=>{document.documentElement.style.setProperty(o,t)})}exports.adminCssVar=p;exports.aplusCssVar=d;exports.setCSSVariables=u;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.1.38",
+  "version": "0.1.39",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [