@aplus-frontend/ui 0.1.39 → 0.1.40

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

@@ -0,0 +1,288 @@
+import { isVNode as H, defineComponent as J, useSlots as K, ref as h, computed as O, watch as R, unref as s, cloneVNode as Q, createVNode as d, mergeProps as v, openBlock as b, createElementBlock as P, Fragment as Y, withCtx as g, renderSlot as M, createTextVNode as Z, toDisplayString as ee, createBlock as N, resolveDynamicComponent as S, normalizeClass as te, withModifiers as ie, createCommentVNode as _ } from "vue";
+import { Button as V, Flex as ne, Space as oe, Drawer as le } from "ant-design-vue";
+import "../ap-form.vue.mjs";
+import "../../hooks/index.mjs";
+import { getSingleVNode as ae } from "../../utils/slot.mjs";
+import "../../config-provider/index.mjs";
+import { isBoolean as se, isUndefined as re, omit as ue } from "lodash-unified";
+import "../style/drawer-form.css";
+import { convertReactiveToRaw as de } from "../../utils/index.mjs";
+import { useControllableValue as ce } from "../../hooks/useControllableValue.mjs";
+import { useLocale as me } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as fe } from "../../config-provider/hooks/use-namespace.mjs";
+import pe from "../ap-form.vue2.mjs";
+function L(c) {
+  return typeof c == "function" || Object.prototype.toString.call(c) === "[object Object]" && !H(c);
+}
+const je = /* @__PURE__ */ J({
+  __name: "drawer",
+  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": {},
+    drawerProps: {
+      default: () => ({})
+    },
+    title: {},
+    width: {
+      default: 378
+    },
+    onFinish: {},
+    submitter: {
+      type: [Boolean, Object],
+      default: () => ({
+        resetButtonProps: !1
+      })
+    },
+    showCancel: {
+      type: Boolean,
+      default: !0
+    },
+    submitTimeout: {},
+    resize: {
+      type: [Object, Boolean],
+      default: !1
+    }
+  },
+  emits: ["update:open"],
+  setup(c, {
+    expose: j,
+    emit: E
+  }) {
+    const n = c, F = K(), U = E, l = h(), m = h(), u = h(!1), {
+      value: z,
+      updateValue: f
+    } = ce(n, U, {
+      valuePropName: "open",
+      defaultValue: !1
+    }), p = O(() => {
+      var t, i, a, r;
+      const e = {
+        onResize: () => {
+        },
+        minWidth: 300,
+        maxWidth: window.innerWidth * 0.8,
+        resizeOnOpen: !0
+      };
+      return se(n.resize) ? n.resize ? e : {} : {
+        minWidth: ((t = n.resize) == null ? void 0 : t.minWidth) ?? e.minWidth,
+        maxWidth: ((i = n.resize) == null ? void 0 : i.maxWidth) ?? e.maxWidth,
+        onResize: ((a = n.resize) == null ? void 0 : a.onResize) ?? e.onResize,
+        resizeOnOpen: re((r = n.resize) == null ? void 0 : r.resizeOnOpen) ? e.onResize : n.resize.resizeOnOpen
+      };
+    }), y = h(C()), {
+      t: w
+    } = me(), {
+      e: D
+    } = fe("ap-form-drawer-form");
+    R(() => l.value, (e) => {
+      var t;
+      e && m.value && ((t = e.setFieldsValue) == null || t.call(e, m.value), m.value = void 0);
+    }), R(() => s(z), (e) => {
+      var t;
+      e && (t = s(p)) != null && t.resizeOnOpen && (y.value = C());
+    });
+    function C() {
+      var t;
+      const e = (t = s(p)) == null ? void 0 : t.minWidth;
+      return !e || e && e < n.width ? n.width : e;
+    }
+    const W = ae(F.trigger), B = W ? Q(W, {
+      onClick: () => {
+        f(!0);
+      }
+    }) : null, $ = O(() => {
+      var t, i, a, r;
+      const e = [];
+      if (n.submitter === !1)
+        return null;
+      if (n.showCancel) {
+        let o;
+        e.push(d(V, {
+          onClick: x,
+          disabled: u.value
+        }, L(o = w("ap.common.cancelText")) ? o : {
+          default: () => [o]
+        }));
+      }
+      return ((t = n.submitter) == null ? void 0 : t.resetButtonProps) !== !1 && e.push(d(V, v(((i = n.submitter) == null ? void 0 : i.resetButtonProps) || {}, {
+        key: "submit",
+        disabled: u.value,
+        onClick: I
+      }), {
+        default: () => {
+          var o;
+          return [((o = n.submitter) == null ? void 0 : o.resetText) || w("ap.common.resetText")];
+        }
+      })), ((a = n.submitter) == null ? void 0 : a.submitButtonProps) !== !1 && e.push(d(V, v({
+        type: "primary",
+        key: "submit"
+      }, ((r = n.submitter) == null ? void 0 : r.submitButtonProps) || {}, {
+        loading: u.value,
+        onClick: A
+      }), {
+        default: () => {
+          var o;
+          return [((o = n.submitter) == null ? void 0 : o.submitText) || w("ap.common.okText")];
+        }
+      })), d(ne, {
+        justify: "flex-end"
+      }, {
+        default: () => [F.submitter ? F.submitter(e) : d(oe, null, L(e) ? e : {
+          default: () => [e]
+        })]
+      });
+    });
+    function q() {
+      var e, t;
+      (t = (e = p.value) == null ? void 0 : e.onResize) == null || t.call(e), document.addEventListener("mousemove", k), document.addEventListener("mouseup", T);
+    }
+    function k(e) {
+      const t = s(p), i = (document.body.offsetWidth || 1e3) - (e.clientX - document.body.offsetLeft), a = (t == null ? void 0 : t.minWidth) ?? (n.width || 800), r = (t == null ? void 0 : t.maxWidth) ?? window.innerWidth * 0.8;
+      let o = i;
+      i < a && (o = a), i > r && (o = r), y.value = o;
+    }
+    function T() {
+      document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", T);
+    }
+    function I() {
+      var e, t, i;
+      n.submitter !== !1 && ((e = l.value) == null || e.resetFields(), (i = (t = n.submitter) == null ? void 0 : t.onReset) == null || i.call(t));
+    }
+    async function A() {
+      var e, t, i, a;
+      if (n.submitter !== !1)
+        try {
+          const r = await ((e = l.value) == null ? void 0 : e.validateFields());
+          (i = (t = n.submitter) == null ? void 0 : t.onSubmit) == null || i.call(t), u.value = !0;
+          const o = (a = n.onFinish) == null ? void 0 : a.call(n, de(r));
+          if (n.submitTimeout && o instanceof Promise) {
+            const G = setTimeout(() => u.value = !1, n.submitTimeout);
+            o.finally(() => {
+              clearTimeout(G), u.value = !1;
+            });
+          }
+          await o && f(!1);
+        } finally {
+          u.value = !1;
+        }
+    }
+    function x() {
+      s(u) || f(!1);
+    }
+    function X(e) {
+      !e && s(u) || f(e);
+    }
+    return j({
+      resetFields: () => {
+        var e;
+        (e = l.value) == null || e.resetFields();
+      },
+      clearValidate: (e) => {
+        var t;
+        (t = l.value) == null || t.clearValidate(e);
+      },
+      validateFields: (e, t) => {
+        var i;
+        return (i = l.value) == null ? void 0 : i.validateFields(e, t);
+      },
+      getFieldsValue: (e) => {
+        var t;
+        return (t = l.value) == null ? void 0 : t.getFieldsValue(e);
+      },
+      validate: (e, t) => {
+        var i;
+        return (i = l.value) == null ? void 0 : i.validate(e, t);
+      },
+      scrollToField: (e, t = {}) => {
+        var i;
+        (i = l.value) == null || i.scrollToField(e, t);
+      },
+      setFieldValue: (e, t) => {
+        var i, a;
+        (a = (i = l.value) == null ? void 0 : i.setFieldValue) == null || a.call(i, e, t);
+      },
+      setFieldsValue: (e) => {
+        var t, i;
+        if (!l.value) {
+          m.value = e;
+          return;
+        }
+        (i = (t = l.value) == null ? void 0 : t.setFieldsValue) == null || i.call(t, e);
+      },
+      getInternalInstance: (e) => {
+        var t;
+        return (t = l.value) == null ? void 0 : t.getInternalInstance(e);
+      }
+    }), (e, t) => (b(), P(Y, null, [d(s(le), v(e.drawerProps, {
+      open: s(z),
+      "onUpdate:open": X,
+      onCancel: x,
+      width: y.value
+    }), {
+      title: g(() => [M(e.$slots, "title", {}, () => [Z(ee(n.title), 1)])]),
+      footer: g(() => [(b(), N(S($.value)))]),
+      default: g(() => [d(pe, v({
+        ref_key: "formRef",
+        ref: l
+      }, s(ue)(n, ["drawerProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
+        default: g(() => [M(e.$slots, "default")]),
+        _: 3
+      }, 16), e.resize ? (b(), P("div", {
+        key: 0,
+        class: te(s(D)("resize-bar")),
+        onMousedown: ie(q, ["stop", "prevent"])
+      }, null, 34)) : _("", !0)]),
+      _: 3
+    }, 16, ["open", "width"]), s(B) ? (b(), N(S(s(B)), {
+      key: 0
+    })) : _("", !0)], 64));
+  }
+});
+export {
+  je as default
+};

package/es/src/ap-form/modal-form/drawer.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./drawer.vue.mjs";
+export {
+  f as default
+};

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 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 { 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 xe, renderSlot as S, createCommentVNode as Y, createElementVNode as I, h as Be, 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";
@@ -7,7 +7,7 @@ import "../config-provider/index.mjs";
 import { useTablePaging as Oe } from "./hooks/use-table-paging.mjs";
 import { omit as _, isUndefined as g, isBoolean as Ve } from "lodash-unified";
 import "./style/ap-table.css";
-import { apColumnToColumn as je, getTableTitle as Ae, getTableRenderType as We, getTableRenderProps as $e, getTableCellRenderNode as De, getColumnOrder as ee, updateFormProps as He, getFieldProps as qe, getPlaceholder as Ue, getSearchFormItemRenderNode as Ge, objectToString as Me } from "./utils.mjs";
+import { apColumnToColumn as De, getTableTitle as je, getTableRenderType as Ae, getTableRenderProps as We, getTableCellRenderNode as $e, getColumnOrder as ee, updateFormProps as He, getFieldProps as qe, getPlaceholder as Ue, getSearchFormItemRenderNode as Ge, objectToString as Me } from "./utils.mjs";
 import Je from "./hooks/use-table-content-height.mjs";
 import { getRawDisplayValue as Qe } from "../editable-table/utils.mjs";
 import Xe from "./hooks/use-table-row-selection.mjs";
@@ -148,7 +148,7 @@ const Fa = /* @__PURE__ */ Ce({
   }) {
     const a = ae;
     let N = 0;
-    const S = Te(), [, te] = Ee(), {
+    const b = Te(), [, te] = Ee(), {
       t: re
     } = ea(), {
       e: F,
@@ -157,16 +157,16 @@ const Fa = /* @__PURE__ */ Ce({
     } = aa("ap-table"), E = oa("valueTypeMap"), {
       height: le,
       contentRef: ne
-    } = Je(), B = P(a.size), u = P([]), K = P([]);
+    } = Je(), x = P(a.size), u = P([]), K = P([]);
     _e({
       columns: s(() => u.value),
       columnsBackup: s(() => K.value),
-      size: s(() => B.value),
+      size: s(() => x.value),
       updateColumns(e) {
         u.value = e;
       },
       updateSize(e) {
-        B.value = e;
+        x.value = e;
       }
     });
     const se = () => {
@@ -175,34 +175,34 @@ const Fa = /* @__PURE__ */ Ce({
       function o(l, d) {
         return l.map((n) => ({
           resizable: Ye(n.resizable) ? n.resizable : a.columnResizable,
-          ..._(je(n), ["ellipsis"]),
+          ..._(De(n), ["ellipsis"]),
           fixed: d ? d.fixed : n.fixed,
-          title: Ae(n, L("table-header", "title"), S.headerCell, t(te).colorPrimary),
+          title: je(n, L("table-header", "title"), b.headerCell, t(te).colorPrimary),
           customRender({
             value: p,
             ...y
           }) {
             var H, q;
-            const $ = We(n), Se = $e({
+            const W = Ae(n), be = We({
               ...n,
-              valueType: $
+              valueType: W
             }, {
               value: p,
               ...y
-            }), Re = De($, Se, y.record, t(E)), D = ((H = n.renderText) == null ? void 0 : H.call(n, {
+            }), Re = $e(W, be, y.record, t(E)), $ = ((H = n.renderText) == null ? void 0 : H.call(n, {
               value: p,
               ...y
             })) || 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);
+            let z = ye(n, $, ve);
             return n.customRender && (z = n.customRender({
               value: p,
               ...y,
               column: n,
               originalNode: z,
-              originalText: D
+              originalText: $
             })), z;
           },
           children: o(n.children || [], d || n)
@@ -236,7 +236,7 @@ const Fa = /* @__PURE__ */ Ce({
       })) || [];
     }), 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,
+      selectedRows: B,
       ...v
     } = Xe({
       ...a.rowSelection === !0 ? {} : a.rowSelection,
@@ -245,8 +245,8 @@ const Fa = /* @__PURE__ */ Ce({
     }), {
       formRef: k,
       submit: V,
-      reset: j,
-      tableProps: A,
+      reset: D,
+      tableProps: j,
       refresh: ce,
       data: C,
       setDataSource: pe
@@ -289,9 +289,9 @@ const Fa = /* @__PURE__ */ Ce({
         return a.tableLayout;
       if ((e = a.columns) != null && e.some((o) => o.ellipsis))
         return "fixed";
-    }), W = s(() => {
+    }), A = s(() => {
       var r;
-      const e = t(A), o = t(R);
+      const e = t(j), o = t(R);
       return {
         ...a,
         ...e,
@@ -327,7 +327,7 @@ const Fa = /* @__PURE__ */ Ce({
       var o;
       (o = a.onLoadingChange) == null || o.call(a, e);
     }), G(() => a.dataSource, (e) => {
-      e != null && e.length && pe(e);
+      pe(e);
     }, {
       immediate: !0
     });
@@ -339,19 +339,19 @@ const Fa = /* @__PURE__ */ Ce({
       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() {
+    function Se() {
       return t(u);
     }
     return oe({
       submit: () => V(),
-      reset: () => j(),
+      reset: () => D(),
       refresh: () => ce(),
       setSearchFormValues: he,
       getSearchFormValues: we,
-      getShownColumns: be,
+      getShownColumns: Se,
       dataSource: s(() => t(C).records),
       rowSelection: {
-        selectedRows: s(() => t(x)),
+        selectedRows: s(() => t(B)),
         ...v
       }
     }), (e, o) => (m(), T("div", {
@@ -365,19 +365,19 @@ const Fa = /* @__PURE__ */ Ce({
       ref: k,
       "custom-reset": "",
       onSubmit: t(V),
-      onReset: t(j),
-      "submit-loading": t(A).loading
+      onReset: t(D),
+      "submit-loading": t(j).loading
     }), J({
-      default: w(() => [(m(!0), T(U, null, Q(O.value, (r) => (m(), X(Be(r.renderNode), h({
+      default: w(() => [(m(!0), T(U, null, Q(O.value, (r) => (m(), X(xe(r.renderNode), h({
         key: r.dataIndex,
         ref_for: !0
       }, r.fieldProps || {}, {
         span: r.span
       }), null, 16, ["span"]))), 128))]),
       _: 2
-    }, [S.searchFormExtra ? {
+    }, [b.searchFormExtra ? {
       name: "extra",
-      fn: w(() => [b(e.$slots, "searchFormExtra")]),
+      fn: w(() => [S(e.$slots, "searchFormExtra")]),
       key: "0"
     } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : Y("", !0), I("div", {
       ref_key: "contentRef",
@@ -391,11 +391,11 @@ const Fa = /* @__PURE__ */ Ce({
       class: c(t(i)("header"))
     }, [I("div", {
       class: c(t(L)("header", "title"))
-    }, [b(e.$slots, "title", h({
-      selectedRows: t(x),
+    }, [S(e.$slots, "title", h({
+      selectedRows: t(B),
       selectedRowKeys: t(R).selectedRowKeys,
       shownColumns: u.value
-    }, v))], 2), S.title ? (m(), X(t(Ie), {
+    }, v))], 2), b.title ? (m(), X(t(Ie), {
       key: 0,
       type: "vertical"
     })) : Y("", !0), f(ta, {
@@ -403,30 +403,30 @@ const Fa = /* @__PURE__ */ Ce({
     }, {
       trigger: w(() => [f(t(Ne), {
         class: c(t(i)("setting-trigger-button")),
-        icon: xe(t(Ze))
+        icon: Be(t(Ze))
       }, null, 8, ["class", "icon"])]),
       _: 1
-    }, 8, ["config"])], 2)) : b(e.$slots, "title", h({
+    }, 8, ["config"])], 2)) : S(e.$slots, "title", h({
       key: 1,
-      selectedRows: t(x),
+      selectedRows: t(B),
       selectedRowKeys: t(R).selectedRowKeys,
       shownColumns: u.value
     }, v))], 2), f(t(Le), h({
       class: t(i)("table")
-    }, W.value, {
-      size: B.value,
+    }, A.value, {
+      size: x.value,
       "table-layout": me.value,
       columns: u.value,
       onResizeColumn: o[0] || (o[0] = (r, l) => l.width = r)
     }), J({
-      summary: w(() => [b(e.$slots, "summary", {
+      summary: w(() => [S(e.$slots, "summary", {
         columns: u.value,
-        records: W.value.dataSource
+        records: A.value.dataSource
       })]),
       _: 2
-    }, [Q(t(_)(S, ["title", "searchFormExtra", "headerCell", "summary"]), (r, l) => ({
+    }, [Q(t(_)(b, ["title", "searchFormExtra", "headerCell", "summary"]), (r, l) => ({
       name: l,
-      fn: w((d) => [b(e.$slots, l, ke(ze(d || {})))])
+      fn: w((d) => [S(e.$slots, l, ke(ze(d || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 2));
   }
 });

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

@@ -91,5 +91,5 @@ export declare const useTablePaging: <DataType = any, ParamsType = Record<string
         dataSource: DataType[];
     }>;
     dataSource: ComputedRef<DataType[]>;
-    setDataSource: (dataSource: DataType[]) => void;
+    setDataSource: (dataSource?: DataType[]) => void;
 };