@aplus-frontend/ui 0.0.40 → 0.1.0

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

@@ -1,23 +1,22 @@
-import { defineComponent as ne, useSlots as se, computed as s, createVNode as d, mergeProps as p, unref as r, watch as de, openBlock as c, createElementBlock as g, normalizeClass as T, normalizeStyle as x, createSlots as K, withCtx as f, Fragment as ue, renderList as V, createBlock as ie, resolveDynamicComponent as pe, renderSlot as v, createCommentVNode as z, createElementVNode as D, toDisplayString as ce, normalizeProps as fe, guardReactiveProps as me } from "vue";
-import { Typography as ye, Table as ge, Tooltip as be } from "ant-design-vue";
+import { defineComponent as le, useSlots as ne, computed as s, createVNode as d, mergeProps as i, unref as l, watch as se, openBlock as p, createElementBlock as g, normalizeClass as T, normalizeStyle as x, createSlots as K, withCtx as c, Fragment as de, renderList as V, createBlock as ue, resolveDynamicComponent as ie, renderSlot as v, createCommentVNode as z, createElementVNode as D, toDisplayString as pe, normalizeProps as ce, guardReactiveProps as fe } from "vue";
+import { Typography as me, Table as ye, Tooltip as ge } from "ant-design-vue";
 import { useToken as Se } from "ant-design-vue/es/theme/internal";
-import { ApForm as he } from "../ap-form/index.mjs";
-import { apTableRenderItemMap as we, noRenderAsFormItemValueList as N, apTableFormItemMap as Re } from "./constants.mjs";
+import { ApForm as be } from "../ap-form/index.mjs";
+import { apTableRenderItemMap as he, noRenderAsFormItemValueList as N, apTableFormItemMap as we } from "./constants.mjs";
 import "../config-provider/index.mjs";
-import { useTablePaging as Ce } from "./hooks/use-table-paging.mjs";
-import { omit as j, isUndefined as u, isBoolean as Fe } from "lodash-unified";
+import { useTablePaging as Re } from "./hooks/use-table-paging.mjs";
+import { omit as j, isUndefined as u, isBoolean as Ce } from "lodash-unified";
 import "./style/ap-table.css";
-import { QuestionCircleOutlined as Te } from "@ant-design/icons-vue";
-import { apColumnToColumn as xe, getTableRenderType as ve, getTableRenderProps as Be, getColumnOrder as W, updateFormProps as Pe, getFieldProps as Ie, getPlaceholder as ke } from "./utils.mjs";
-import Le from "./hooks/use-table-content-height.mjs";
-import { getRawDisplayValue as Ee } from "../editable-table/utils.mjs";
-import Oe from "./hooks/use-table-row-selection.mjs";
-import { useLocale as Ke } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as Ve } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as ze } from "../config-provider/hooks/use-global-config.mjs";
-const De = {
+import { QuestionCircleOutlined as Fe } from "@ant-design/icons-vue";
+import { apColumnToColumn as Te, getTableRenderType as xe, getTableRenderProps as ve, getColumnOrder as W, updateFormProps as Be, getFieldProps as Pe, getPlaceholder as Ie } from "./utils.mjs";
+import ke from "./hooks/use-table-content-height.mjs";
+import { getRawDisplayValue as Le } from "../editable-table/utils.mjs";
+import Ee from "./hooks/use-table-row-selection.mjs";
+import { useLocale as Oe } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as Ke } from "../config-provider/hooks/use-namespace.mjs";
+const Ve = {
   key: 0
-}, aa = /* @__PURE__ */ ne({
+}, Ye = /* @__PURE__ */ le({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -138,223 +137,223 @@ const De = {
   }) {
     const a = _;
     let B = 0;
-    const P = se(), [, M] = Se(), {
-      t: q
-    } = Ke(), {
-      e: b,
-      b: i
-    } = Ve("ap-table"), H = ze("uiMode", "aplus"), {
+    const P = ne(), [, q] = Se(), {
+      t: H
+    } = Oe(), {
+      e: S,
+      b: f
+    } = Ke("ap-table"), {
       height: $,
-      contentRef: G
-    } = Le(), S = s(() => {
-      var t;
-      let e = ((t = a.columns) == null ? void 0 : t.filter((o) => !o.hideInTable)) || [];
-      return e = e.map((o) => ({
-        ...j(xe(o), ["ellipsis"]),
+      contentRef: M
+    } = ke(), b = s(() => {
+      var o;
+      let e = ((o = a.columns) == null ? void 0 : o.filter((t) => !t.hideInTable)) || [];
+      return e = e.map((t) => ({
+        ...j(Te(t), ["ellipsis"]),
         customRender({
-          value: l,
+          value: r,
           ...n
         }) {
-          const C = ve(o), O = we[C], le = Be(o, {
-            value: l,
+          const C = xe(t), O = he[C], re = ve(t, {
+            value: r,
             ...n
           });
-          let F = oe(o, l, d(O, p(le, {
+          let F = ae(t, r, d(O, i(re, {
             mode: "read"
           }), null));
-          return o.customRender && (F = o.customRender({
-            value: l,
+          return t.customRender && (F = t.customRender({
+            value: r,
             ...n,
-            column: o,
+            column: t,
             originalNode: F
           })), F;
         }
       })), e;
     }), I = s(() => {
-      var e, t, o;
-      return B++, ((o = (t = (e = a.columns) == null ? void 0 : e.filter((l) => !l.hideInSearch && l.dataIndex && (l.valueType || l.customRenderFormItem) && !N.includes(l.valueType))) == null ? void 0 : t.sort((l, n) => {
-        let C = W(l.order);
+      var e, o, t;
+      return B++, ((t = (o = (e = a.columns) == null ? void 0 : e.filter((r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !N.includes(r.valueType))) == null ? void 0 : o.sort((r, n) => {
+        let C = W(r.order);
         return W(n.order) - C;
-      })) == null ? void 0 : o.map((l) => {
-        const n = Pe(l, Ie(l.fieldProps, {}));
+      })) == null ? void 0 : t.map((r) => {
+        const n = Be(r, Pe(r.fieldProps, {}));
         return {
-          ...l,
+          ...r,
           fieldProps: {
-            label: l.title,
-            name: l.dataIndex,
+            label: r.title,
+            name: r.dataIndex,
             ...n || {},
             // 格式化placeholder
-            placeholder: ke(q, l.valueType, n == null ? void 0 : n.placeholder),
+            placeholder: Ie(H, r.valueType, n == null ? void 0 : n.placeholder),
             _signal: B
           }
         };
       })) || [];
-    }), Q = s(() => r(S).filter((e) => e.sorter === !0).map((e) => e.dataIndex)), U = s(() => r(S).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex)), J = s(() => u(a.dataSource) ? y.value.records : a.dataSource), {
+    }), Q = s(() => l(b).filter((e) => e.sorter === !0).map((e) => e.dataIndex)), U = s(() => l(b).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex)), G = s(() => u(a.dataSource) ? y.value.records : a.dataSource), {
       rowSelection: h,
       selectedRows: k,
       ...w
-    } = Oe({
+    } = Ee({
       ...a.rowSelection === !0 ? {} : a.rowSelection,
       rowKey: a.rowKey,
-      dataSource: J
+      dataSource: G
     }), {
       formRef: R,
       submit: L,
       reset: E,
       tableProps: m,
-      handleTableChange: X,
+      handleTableChange: J,
       data: y
-    } = Ce({
+    } = Re({
       async request(e) {
-        var o, l;
+        var t, r;
         !h.value.preserveSelectedRowKeys && u(a.dataSource) && w.clearAll();
-        const t = await ((o = a.request) == null ? void 0 : o.call(a, e));
-        return (l = a.onLoad) == null || l.call(a, (t == null ? void 0 : t.data) || []), {
-          data: (t == null ? void 0 : t.data) || [],
-          total: (t == null ? void 0 : t.total) || 0
+        const o = await ((t = a.request) == null ? void 0 : t.call(a, e));
+        return (r = a.onLoad) == null || r.call(a, (o == null ? void 0 : o.data) || []), {
+          data: (o == null ? void 0 : o.data) || [],
+          total: (o == null ? void 0 : o.total) || 0
         };
       },
-      filterFields: r(U),
-      sortFields: r(Q),
+      filterFields: l(U),
+      sortFields: l(Q),
       defaultParams: a.params,
       defaultData: a.defaultData,
       manual: a.manual,
       defaultCurrent: a.pagination ? a.pagination.defaultCurrent : void 0,
       defaultPageSize: a.pagination ? a.pagination.defaultPageSize : void 0,
       formatParams: a.beforeSearchSubmit
-    }), Y = s(() => {
+    }), X = s(() => {
       var e;
       return a.scroll ? a.scroll : a.adaptive && (y.value.total > 0 || (e = a.dataSource) != null && e.length) ? {
-        y: r($),
+        y: l($),
         x: "100%"
       } : {
         x: !0
       };
-    }), Z = s(() => {
+    }), Y = s(() => {
       var e;
       if (a.tableLayout)
         return a.tableLayout;
-      if ((e = a.columns) != null && e.some((t) => t.ellipsis))
+      if ((e = a.columns) != null && e.some((o) => o.ellipsis))
         return "fixed";
-    }), ee = s(() => {
-      var l;
-      const e = r(m), t = u(a.dataSource) ? e : {
+    }), Z = s(() => {
+      var r;
+      const e = l(m), o = u(a.dataSource) ? e : {
         ...e,
         dataSource: a.dataSource,
         onChange: a.onChange
-      }, o = r(h);
+      }, t = l(h);
       return {
         ...a,
-        ...t,
-        rowSelection: a.rowSelection === !0 || ((l = a.rowSelection) == null ? void 0 : l.mode) === "internal" ? {
-          ...o,
+        ...o,
+        rowSelection: a.rowSelection === !0 || ((r = a.rowSelection) == null ? void 0 : r.mode) === "internal" ? {
+          ...t,
           // tips 如果是前端分页，则默认会走缓存
-          preserveSelectedRowKeys: u(a.dataSource) ? o.preserveSelectedRowKeys : !0
+          preserveSelectedRowKeys: u(a.dataSource) ? t.preserveSelectedRowKeys : !0
         } : a.rowSelection,
-        loading: u(a.loading) ? r(m).loading : a.loading,
-        pagination: a.pagination === !1 ? !1 : r(m).pagination,
-        scroll: r(Y)
+        loading: u(a.loading) ? l(m).loading : a.loading,
+        pagination: a.pagination === !1 ? !1 : l(m).pagination,
+        scroll: l(X)
       };
-    }), ae = s(() => [i(), a.card ? null : i("wrapper"), a.adaptive ? i("adaptive") : null].filter(Boolean));
-    function oe(e, t, o) {
-      return N.includes(e.valueType) ? o : e.copyable || e.ellipsis ? d(ye.Paragraph, {
+    }), ee = s(() => [f(), a.card ? null : f("wrapper"), a.adaptive ? f("adaptive") : null].filter(Boolean));
+    function ae(e, o, t) {
+      return N.includes(e.valueType) ? t : e.copyable || e.ellipsis ? d(me.Paragraph, {
         copyable: e.copyable ? {
-          text: t,
+          text: o,
           tooltip: !1
         } : !1,
-        ellipsis: e.ellipsis ? Fe(e.ellipsis) ? {
-          tooltip: t
+        ellipsis: e.ellipsis ? Ce(e.ellipsis) ? {
+          tooltip: o
         } : {
           ...e.ellipsis,
-          tooltip: t
+          tooltip: o
         } : !1,
-        content: e.ellipsis ? Ee(e, t) : o
-      }, null) : o;
+        content: e.ellipsis ? Le(e, o) : t
+      }, null) : t;
     }
-    de(() => r(y).loading, (e) => {
-      var t;
-      (t = a.onLoadingChange) == null || t.call(a, e);
+    se(() => l(y).loading, (e) => {
+      var o;
+      (o = a.onLoadingChange) == null || o.call(a, e);
     });
     function te(e) {
-      var t, o, l;
-      (l = (o = (t = R.value) == null ? void 0 : t.apForm) == null ? void 0 : o.setFieldsValue) == null || l.call(o, e);
+      var o, t, r;
+      (r = (t = (o = R.value) == null ? void 0 : o.apForm) == null ? void 0 : t.setFieldsValue) == null || r.call(t, e);
     }
-    function re() {
-      var e, t, o;
-      return (o = (t = (e = R.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValue) == null ? void 0 : o.call(t, !0);
+    function oe() {
+      var e, o, t;
+      return (t = (o = (e = R.value) == null ? void 0 : e.apForm) == null ? void 0 : o.getFieldsValue) == null ? void 0 : t.call(o, !0);
     }
     return A({
       submit: () => L(),
       reset: () => E(),
       setSearchFormValues: te,
-      getSearchFormValues: re,
-      dataSource: s(() => r(y).records),
+      getSearchFormValues: oe,
+      dataSource: s(() => l(y).records),
       rowSelection: {
-        selectedRows: s(() => r(k)),
+        selectedRows: s(() => l(k)),
         ...w
       }
-    }), (e, t) => (c(), g("div", {
-      class: T(ae.value)
-    }, [r(u)(e.dataSource) && e.searchForm !== !1 && I.value.length > 0 ? (c(), g("div", {
+    }), (e, o) => (p(), g("div", {
+      class: T(ee.value)
+    }, [l(u)(e.dataSource) && e.searchForm !== !1 && I.value.length > 0 ? (p(), g("div", {
       key: 0,
-      class: T(e.card ? r(b)("search-wrapper") : null),
+      class: T(e.card ? l(S)("search-wrapper") : null),
       style: x(e.searchFormWrapperStyle)
-    }, [d(r(he).SearchForm, p(e.searchForm || {}, {
+    }, [d(l(be).SearchForm, i(e.searchForm || {}, {
       ref_key: "formRef",
       ref: R,
       "custom-reset": "",
-      onSubmit: r(L),
-      onReset: r(E),
-      "submit-loading": r(m).loading
+      onSubmit: l(L),
+      onReset: l(E),
+      "submit-loading": l(m).loading
     }), K({
-      default: f(() => [(c(!0), g(ue, null, V(I.value, (o) => (c(), ie(pe(o.customRenderFormItem ? o.customRenderFormItem(o) : r(Re)[o.valueType || "text"]), p({
-        key: o.dataIndex,
+      default: c(() => [(p(!0), g(de, null, V(I.value, (t) => (p(), ue(ie(t.customRenderFormItem ? t.customRenderFormItem(t) : l(we)[t.valueType || "text"]), i({
+        key: t.dataIndex,
         ref_for: !0
-      }, o.fieldProps || {}, {
-        span: o.span
+      }, t.fieldProps || {}, {
+        span: t.span
       }), null, 16, ["span"]))), 128))]),
       _: 2
     }, [P.searchFormExtra ? {
       name: "extra",
-      fn: f(() => [v(e.$slots, "searchFormExtra")]),
+      fn: c(() => [v(e.$slots, "searchFormExtra")]),
       key: "0"
     } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : z("", !0), D("div", {
       ref_key: "contentRef",
-      ref: G,
-      class: T([r(b)("table-wrapper"), e.card ? r(b)("table-wrapper-card") : null]),
+      ref: M,
+      class: T([l(S)("table-wrapper"), e.card ? l(S)("table-wrapper-card") : null]),
       style: x(e.tableWrapperStyle)
-    }, [v(e.$slots, "title", p({
-      selectedRows: r(k),
-      selectedRowKeys: r(h).selectedRowKeys
-    }, w)), d(r(ge), p({
-      class: r(H) === "admin" ? r(i)("table-admin") : r(i)("table")
-    }, ee.value, {
-      "table-layout": Z.value,
-      onChange: r(X),
-      columns: S.value
+    }, [v(e.$slots, "title", i({
+      selectedRows: l(k),
+      selectedRowKeys: l(h).selectedRowKeys
+    }, w)), d(l(ye), i({
+      class: l(f)("table")
+    }, Z.value, {
+      "table-layout": Y.value,
+      onChange: l(J),
+      columns: b.value
     }), K({
-      headerCell: f(({
-        column: o,
-        title: l
-      }) => [o.tooltip ? (c(), g("span", De, [D("span", null, ce(l), 1), d(r(be), {
-        title: o.tooltip,
+      headerCell: c(({
+        column: t,
+        title: r
+      }) => [t.tooltip ? (p(), g("span", Ve, [D("span", null, pe(r), 1), d(l(ge), {
+        title: t.tooltip,
         placement: "bottom"
       }, {
-        default: f(() => [d(r(Te), {
+        default: c(() => [d(l(Fe), {
           style: x({
             paddingLeft: "4px",
-            color: r(M).colorPrimary
+            color: l(q).colorPrimary
           })
         }, null, 8, ["style"])]),
         _: 2
       }, 1032, ["title"])])) : z("", !0)]),
       _: 2
-    }, [V(r(j)(P, ["title", "searchFormExtra"]), (o, l) => ({
-      name: l,
-      fn: f((n) => [v(e.$slots, l, fe(me(n || {})))])
+    }, [V(l(j)(P, ["title", "searchFormExtra"]), (t, r) => ({
+      name: r,
+      fn: c((n) => [v(e.$slots, r, ce(fe(n || {})))])
     }))]), 1040, ["class", "table-layout", "onChange", "columns"])], 6)], 2));
   }
 });
 export {
-  aa as default
+  Ye as default
 };

package/es/src/ap-table/constants.d.ts

@@ -11802,6 +11802,10 @@ export declare const apTableRenderItemMap: {
         options: {
             type: PropType<(string | number | RadioGroupChildOption)[]>;
         };
+        vertical: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
         'onUpdate:value': {
             type: PropType<(val: any) => void>;
         };
@@ -11858,6 +11862,10 @@ export declare const apTableRenderItemMap: {
         options: {
             type: PropType<(string | number | RadioGroupChildOption)[]>;
         };
+        vertical: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
         'onUpdate:value': {
             type: PropType<(val: any) => void>;
         };
@@ -11878,6 +11886,7 @@ export declare const apTableRenderItemMap: {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     }, {
         mode: FieldMode;
+        vertical: boolean;
         emptyText: string;
     }, {}>;
     select: {
@@ -16284,6 +16293,9 @@ export declare const apTableRenderItemMap: {
             type: PropType<(string | number | CheckboxOptionType)[]>;
             default: () => never[];
         };
+        vertical: {
+            type: PropType<boolean>;
+        };
         defaultValue: {
             type: PropType< CheckboxValueType[]>;
         };
@@ -16332,6 +16344,9 @@ export declare const apTableRenderItemMap: {
             type: PropType<(string | number | CheckboxOptionType)[]>;
             default: () => never[];
         };
+        vertical: {
+            type: PropType<boolean>;
+        };
         defaultValue: {
             type: PropType< CheckboxValueType[]>;
         };

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

@@ -48,31 +48,11 @@
   flex: 1;
 }
 .aplus-ap-table-table tr > th.ant-table-cell {
-  background-color: #F2F6F9;
-  border-bottom-color: #E9EDF3;
+  background-color: var(--ap-table-header-bg);
 }
 .aplus-ap-table-table tr > th.ant-table-cell::before {
   display: none;
 }
-.aplus-ap-table-table tr > td.ant-table-cell {
-  border-top-color: #E9EDF3;
-}
-.aplus-ap-table-table-admin .ant-pagination {
-  margin-bottom: 0 !important;
-}
-.aplus-ap-table-table-admin .ant-pagination .ant-pagination-total-text {
-  flex: 1;
-}
-.aplus-ap-table-table-admin tr > th.ant-table-cell {
-  background-color: #FAFAFA;
-  border-bottom-color: #E9E9E9;
-}
-.aplus-ap-table-table-admin tr > th.ant-table-cell::before {
-  display: none;
-}
-.aplus-ap-table-table-admin tr > td.ant-table-cell {
-  border-top-color: #E9E9E9;
-}
 .aplus-ap-table .ant-table.ant-table-middle .ant-table-row .ant-table-cell {
   padding: 12px 16px;
 }

package/es/src/business/ap-status/ApStatusGroup.vue2.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as l, computed as p, openBlock as a, createElementBlock as r, normalizeClass as d, unref as c, normalizeStyle as i, Fragment as m, renderList as f, createBlock as g, createCommentVNode as y } from "vue";
+import { defineComponent as p, computed as d, openBlock as a, createElementBlock as r, normalizeClass as c, unref as i, normalizeStyle as o, Fragment as m, renderList as f, createBlock as g, createCommentVNode as y } from "vue";
 import "../../config-provider/index.mjs";
 import "./ApStatus.vue.mjs";
 import { useNamespace as _ } from "../../config-provider/hooks/use-namespace.mjs";
 import x from "./ApStatus.vue2.mjs";
-const w = /* @__PURE__ */ l({
+const w = /* @__PURE__ */ p({
   name: "ApStatusGroup",
   __name: "ApStatusGroup",
   props: {
@@ -13,24 +13,25 @@ const w = /* @__PURE__ */ l({
     style: {},
     show: { type: Boolean, default: !0 }
   },
-  setup(o) {
-    const t = o, n = p(() => ({
+  setup(s) {
+    const t = s, l = d(() => ({
       "padding-left": t.padding + "px",
       "padding-right": t.padding + "px",
       ...t.style
-    })), { b: s } = _("ap-status-group");
+    })), { b: n } = _("ap-status-group");
     return (u, h) => t.statusList ? (a(), r("div", {
       key: 0,
-      class: d([c(s)()]),
-      style: i(n.value)
+      class: c([i(n)()]),
+      style: o(l.value)
     }, [
       (a(!0), r(m, null, f(t.statusList, (e) => (a(), g(x, {
         key: e.value,
         show: e.value === u.currentValue,
         color: e.color,
         text: e.text,
-        padding: t.padding
-      }, null, 8, ["show", "color", "text", "padding"]))), 128))
+        padding: t.padding,
+        style: o(t.style)
+      }, null, 8, ["show", "color", "text", "padding", "style"]))), 128))
     ], 6)) : y("", !0);
   }
 });