@aplus-frontend/ui 0.1.35 → 0.1.37

package/es/src/business/index.mjs

@@ -15,10 +15,12 @@ import "./ap-image/ApImage.vue.mjs";
 import "./ap-ladder/ApLadder.vue.mjs";
 import m from "./ap-attachment/ApAttachment.mjs";
 import "./ap-card/ApCard.vue.mjs";
-import { ApTransformDataHelper as fo } from "../utils/ap-trans-data/index.mjs";
+import { ApTransformDataHelper as lo } from "../utils/ap-trans-data/index.mjs";
+import "./ap-button-group/ApButtonGroup.vue.mjs";
 import "./ap-batch-action-group/interface.mjs";
-import { handleExportDownload as _o } from "./ap-export-group/handleExportDownload.mjs";
-import { default as eo } from "./ap-table-modal/index.mjs";
+import { handleExportDownload as $o } from "./ap-export-group/handleExportDownload.mjs";
+import "./ap-button-group/interface.mjs";
+import { default as bo } from "./ap-table-modal/index.mjs";
 import p from "./ap-title/ApTitle.vue2.mjs";
 import i from "./ap-expand-alert/ApExpandAlert.vue2.mjs";
 import a from "./ap-status/ApStatus.vue2.mjs";
@@ -30,25 +32,27 @@ import _ from "./ap-batch-action/ApBatchAction.vue2.mjs";
 import A from "./ap-batch-action-group/ApBatchActionGroup.vue2.mjs";
 import e from "./ap-image/ApImage.vue2.mjs";
 import l from "./ap-ladder/ApLadder.vue2.mjs";
-import $ from "./ap-card/ApCard.vue2.mjs";
-const P = o(p), Q = i, U = o(t), V = o(a), W = o(n), X = o(c), Y = o(f), Z = s, oo = _, to = r, ro = A, mo = e, po = o(l), io = m, ao = o($);
+import u from "./ap-card/ApCard.vue2.mjs";
+import $ from "./ap-button-group/ApButtonGroup.vue2.mjs";
+const W = o(p), X = i, Y = o(t), Z = o(a), oo = o(n), to = o(c), ro = o(f), mo = s, po = _, io = r, ao = A, no = e, co = o(l), fo = m, so = o(u), _o = o($);
 export {
-  io as ApAttachment,
-  oo as ApBatchAction,
-  ro as ApBatchActionGroup,
-  ao as ApCard,
-  Q as ApExpandAlert,
-  Y as ApExportGroup,
-  mo as ApImage,
-  Z as ApInputRadio,
-  U as ApLabel,
-  to as ApLabelGroup,
-  po as ApLadder,
-  X as ApSelectLayout,
-  V as ApStatus,
-  W as ApStatusGroup,
-  eo as ApTableModal,
-  P as ApTitle,
-  fo as ApTransformDataHelper,
-  _o as handleExportDownload
+  fo as ApAttachment,
+  po as ApBatchAction,
+  ao as ApBatchActionGroup,
+  _o as ApButtonGroup,
+  so as ApCard,
+  X as ApExpandAlert,
+  ro as ApExportGroup,
+  no as ApImage,
+  mo as ApInputRadio,
+  Y as ApLabel,
+  io as ApLabelGroup,
+  co as ApLadder,
+  to as ApSelectLayout,
+  Z as ApStatus,
+  oo as ApStatusGroup,
+  bo as ApTableModal,
+  W as ApTitle,
+  lo as ApTransformDataHelper,
+  $o as handleExportDownload
 };

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

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

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

@@ -1,71 +1,77 @@
-import { computed as h, unref as I } from "vue";
-import { omit as R, isFunction as C, isArray as s } from "lodash-unified";
-import { mergeClass as y, getFinalNode as N } from "../utils.mjs";
-import { updateFormProps as T, getFieldProps as v, getPlaceholder as w, getTableRenderProps as A } from "../../ap-table/utils.mjs";
+import { useSlots as y, computed as N, unref as m } from "vue";
+import { omit as k, isFunction as v, isArray as f } from "lodash-unified";
+import { getEditableTableTitle as w, mergeClass as A, getFinalNode as q } from "../utils.mjs";
+import { updateFormProps as E, getFieldProps as G, getPlaceholder as L, getTableRenderProps as S } from "../../ap-table/utils.mjs";
 import "../../config-provider/index.mjs";
-import { useLocale as G } from "../../config-provider/hooks/use-locale.mjs";
-const D = (d, f) => {
+import { useToken as U } from "ant-design-vue/es/theme/internal";
+import { useLocale as $ } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as j } from "../../config-provider/hooks/use-namespace.mjs";
+const W = (a, b) => {
   const {
-    t: x
-  } = G();
-  return h(() => {
-    const t = d.columns;
-    if (!t)
+    t: g
+  } = $(), {
+    em: h,
+    be: x
+  } = j("editable-table"), F = y(), [, I] = U();
+  return N(() => {
+    const d = a.columns;
+    if (!d)
       return [];
-    function c(g) {
-      return g.map((e) => ({
-        ...R(e, ["ellipsis"]),
+    function c(R) {
+      return R.map((e) => ({
+        ...k(e, ["ellipsis"]),
         children: c(e.children || []),
+        title: w(e, x("table-header", "title"), h("header-cell", "required"), F.headerCell, m(I).colorPrimary),
         customRender({
-          value: l,
+          value: o,
           ...n
         }) {
-          const o = C(e.editable) ? e.editable(n.text, n.record, n.index) : !!e.editable;
+          const t = v(e.editable) ? e.editable(n.text, n.record, n.index) : !!e.editable;
           if (!e.valueType && !e.customRender && !e.customRenderFormItem)
             return console.warn("can not render table cell because no `valueType` / `customRender` / `customRenderFormItem`"), null;
           let r;
-          if (o) {
-            const a = T(e, v(e.fieldProps, {
-              value: l,
+          if (t) {
+            const l = E(e, G(e.fieldProps, {
+              value: o,
               ...n
             })), i = {};
-            d.onFieldChange && (i[`onUpdate:${a.valuePropName || "value"}`] = (b) => {
-              var m;
-              return (m = d.onFieldChange) == null ? void 0 : m.call(d, n.index, e.dataIndex, b);
+            a.onFieldChange && (i[`onUpdate:${l.valuePropName || "value"}`] = (T) => {
+              var s;
+              return (s = a.onFieldChange) == null ? void 0 : s.call(a, n.index, e.dataIndex, T);
             });
-            const F = s(e.dataIndex) ? e.dataIndex : [e.dataIndex];
+            const C = f(e.dataIndex) ? e.dataIndex : [e.dataIndex];
             r = {
-              name: [...s(d.name) ? d.name : [d.name], n.index, ...F],
-              ...a || {},
+              name: [...f(a.name) ? a.name : [a.name], n.index, ...C],
+              ...l || {},
               // 格式化placeholder
-              placeholder: w(x, e.valueType, a == null ? void 0 : a.placeholder),
+              placeholder: L(g, e.valueType, l == null ? void 0 : l.placeholder),
               field: {
                 style: "width: 100%",
-                ...(a == null ? void 0 : a.field) || {},
+                ...(l == null ? void 0 : l.field) || {},
                 ...i,
-                class: y("is-editable", a.class)
+                class: A("is-editable", l.class)
               }
             };
           } else
             r = {
-              field: A(e, {
-                value: l,
+              field: S(e, {
+                value: o,
                 ...n
               })
             };
-          const u = N(e, o, r, l, n.record, I(f));
+          const u = q(e, t, r, o, n.record, m(b));
           return e.customRender ? e.customRender({
-            value: l,
+            value: o,
             ...n,
-            editable: o,
+            editable: t,
             originalNode: u
           }) : u;
         }
       }));
     }
-    return c(t);
+    return c(d);
   });
 };
 export {
-  D as default
+  W as default
 };