@aplus-frontend/ui 0.5.0-beta.2 → 0.5.1

package/es/src/ap-action/item-popconfirm/index.vue.d.ts

@@ -316,6 +316,19 @@ declare const __VLS_component: DefineComponent<ApActionItemPopconfirmProps, {},
         'onUpdate:visible': PropType<(vis: boolean) => void>;
         onOpenChange: PropType<(vis: boolean) => void>;
         'onUpdate:open': PropType<(vis: boolean) => void>;
+        mask: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maskStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        maskTransitionName: StringConstructor;
+        maskClosable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>>;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1,9 +1,9 @@
 export declare const sizeMap: {
-    readonly mini: undefined;
+    readonly mini: "small";
     readonly small: "small";
-    readonly medium: "middle";
+    readonly medium: "small";
 };
 export declare const sizeReverseMap: {
-    readonly small: "small";
-    readonly middle: "medium";
+    readonly small: "medium";
+    readonly middle: undefined;
 };

package/es/src/ap-grid/constants.mjs

@@ -1,12 +1,12 @@
-const m = {
-  mini: void 0,
+const l = {
+  mini: "small",
   small: "small",
-  medium: "middle"
-}, e = {
-  small: "small",
-  middle: "medium"
+  medium: "small"
+}, m = {
+  small: "medium",
+  middle: void 0
 };
 export {
-  m as sizeMap,
-  e as sizeReverseMap
+  l as sizeMap,
+  m as sizeReverseMap
 };

package/es/src/ap-grid/index.vue.mjs

@@ -1,27 +1,27 @@
-import { defineComponent as ve, getCurrentInstance as Se, useSlots as we, ref as b, computed as n, unref as a, watchEffect as be, watch as H, createElementBlock as R, openBlock as s, normalizeClass as f, createCommentVNode as h, createElementVNode as x, normalizeStyle as q, createVNode as Re, mergeProps as m, createSlots as U, withCtx as C, Fragment as M, renderList as E, createBlock as c, resolveDynamicComponent as N, renderSlot as z, normalizeProps as xe, guardReactiveProps as ke } from "vue";
-import { VxeTable as Fe, VxeColumn as G } from "vxe-table";
-import Be from "vxe-pc-ui";
+import { defineComponent as Se, getCurrentInstance as we, useSlots as xe, ref as R, computed as n, unref as o, watchEffect as Re, watch as M, createElementBlock as k, openBlock as s, normalizeClass as f, createCommentVNode as y, createElementVNode as F, normalizeStyle as q, createVNode as U, mergeProps as g, createSlots as G, withCtx as h, Fragment as X, renderList as N, createBlock as u, resolveDynamicComponent as _, renderSlot as z, normalizeProps as ke, guardReactiveProps as Fe } from "vue";
+import { VxeTable as Be, VxeColumn as J } from "vxe-table";
+import Ie from "vxe-pc-ui";
 import "vxe-table/lib/style.css";
 import "vxe-pc-ui/lib/style.css";
-import { isUndefined as k, omit as Ie } from "lodash-unified";
+import { isUndefined as B, omit as Ee } from "lodash-unified";
 import { ApForm as Pe } from "../ap-form/index.mjs";
 import "../config-provider/index.mjs";
-import { noRenderAsFormItemValueList as Ee } from "../ap-table/constants.mjs";
-import { getColumnOrder as X, updateFormProps as Ne, getFieldProps as ze, getSearchFormItemRenderNode as _e, recursionApColumns as J } from "../ap-table/utils.mjs";
+import { noRenderAsFormItemValueList as Ne } from "../ap-table/constants.mjs";
+import { getColumnOrder as Q, updateFormProps as _e, getFieldProps as ze, getSearchFormItemRenderNode as Ae, recursionApColumns as Y } from "../ap-table/utils.mjs";
 import { useTablePaging as Te } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import { Pagination as Ve } from "@aplus-frontend/antdv";
-import { useInnerParams as Ae } from "./hooks/use-inner-params.mjs";
-import { toVxeProps as Oe, getRowExpandProps as Le, getRowSelectionProps as De } from "./utils/table.mjs";
-import Ke from "../ap-table/hooks/use-table-row-selection.mjs";
-import { useProvideApTable as $e } from "../ap-table/context.mjs";
-import { sizeReverseMap as je, sizeMap as We } from "./constants.mjs";
-import { useRenderColumns as He } from "./hooks/use-render-columns.mjs";
+import { Empty as Z, Pagination as Ve } from "@aplus-frontend/antdv";
+import { useInnerParams as Le } from "./hooks/use-inner-params.mjs";
+import { toVxeProps as Oe, getRowExpandProps as De, getRowSelectionProps as Ke } from "./utils/table.mjs";
+import $e from "../ap-table/hooks/use-table-row-selection.mjs";
+import { useProvideApTable as je } from "../ap-table/context.mjs";
+import { sizeReverseMap as He, sizeMap as We } from "./constants.mjs";
+import { useRenderColumns as Me } from "./hooks/use-render-columns.mjs";
 import { useToken as qe } from "@aplus-frontend/antdv/es/theme/internal";
 import "../scroll-bar/index.mjs";
 import { useNamespace as Ue } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as Me } from "../config-provider/hooks/use-global-config.mjs";
-import Ge from "../scroll-bar/index.vue.mjs";
-const va = /* @__PURE__ */ ve({
+import { useGlobalConfig as Ge } from "../config-provider/hooks/use-global-config.mjs";
+import Xe from "../scroll-bar/index.vue.mjs";
+const So = /* @__PURE__ */ Se({
   name: "ApGrid",
   __name: "index",
   props: {
@@ -95,7 +95,7 @@ const va = /* @__PURE__ */ ve({
     searchFormWrapperStyle: {},
     tableWrapperStyle: {},
     manual: { type: Boolean, default: !1 },
-    size: { default: "medium" },
+    size: { default: void 0 },
     adaptive: { type: Boolean, default: !1 },
     columnResizable: { type: [Boolean, Object], default: !1 },
     rowKey: { default: "key" },
@@ -103,185 +103,185 @@ const va = /* @__PURE__ */ ve({
     virtual: { type: [Boolean, Object], default: void 0 },
     expandable: {}
   },
-  setup(Q, { expose: Y }) {
+  setup(ee, { expose: oe }) {
     var W;
-    const y = (W = Se()) == null ? void 0 : W.appContext.app;
-    y && !y.__VXE_PC_UI_INSTALLED__ && (y.use(Be), y.__VXE_PC_UI_INSTALLED__ = !0);
-    const _ = we(), o = Q, { e: F, b: i, be: Z } = Ue("ap-grid"), ee = Me("valueTypeMap"), d = b([]), T = b([]), p = b(), B = b(o.size), [, ae] = qe(), { renderConfig: oe, updateSignal: re } = He(d);
+    const C = (W = we()) == null ? void 0 : W.appContext.app;
+    C && !C.__VXE_PC_UI_INSTALLED__ && (C.use(Ie), C.__VXE_PC_UI_INSTALLED__ = !0);
+    const A = xe(), a = ee, { e: I, b: i, be: ae } = Ue("ap-grid"), re = Ge("valueTypeMap"), d = R([]), T = R([]), p = R(), b = R(a.size), [, m] = qe(), { renderConfig: te, updateSignal: le } = Me(d);
     let V = 0;
-    const te = n(() => {
+    const ne = n(() => {
       if (p.value)
         return p.value.$el.querySelector(
           ".vxe-table--header-inner-wrapper"
         );
-    }), A = n(() => {
+    }), L = n(() => {
       var e, l, t;
-      return V++, ((t = (l = (e = o.columns) == null ? void 0 : e.filter(
-        (r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !Ee.includes(r.valueType)
-      )) == null ? void 0 : l.sort((r, u) => {
-        let g = X(r.order);
-        return X(u.order) - g;
+      return V++, ((t = (l = (e = a.columns) == null ? void 0 : e.filter(
+        (r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !Ne.includes(r.valueType)
+      )) == null ? void 0 : l.sort((r, c) => {
+        let v = Q(r.order);
+        return Q(c.order) - v;
       })) == null ? void 0 : t.map((r) => {
-        const u = Ne(
+        const c = _e(
           r,
           ze(r.fieldProps, {})
-        ), g = {
+        ), v = {
           ...r,
           fieldProps: {
             label: r.title,
             name: r.dataIndex,
-            ...u || {},
+            ...c || {},
             _signal: V
           },
           renderNode: void 0
         };
-        return g.renderNode = _e(
-          g,
-          a(ee)
-        ), g;
+        return v.renderNode = Ae(
+          v,
+          o(re)
+        ), v;
       })) || [];
-    }), le = n(() => [
+    }), se = n(() => [
       i(),
-      o.card ? null : i("wrapper"),
-      o.adaptive ? i("adaptive") : null,
-      o.sticky ? i("sticky") : null
-    ].filter(Boolean)), O = n(() => J(a(d), (e) => {
+      a.card ? null : i("wrapper"),
+      a.adaptive ? i("adaptive") : null,
+      a.sticky ? i("sticky") : null
+    ].filter(Boolean)), O = n(() => Y(o(d), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), L = n(() => J(a(d), (e) => {
+    }).filter(Boolean)), D = n(() => Y(o(d), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || e.dataIndex;
     }).filter(Boolean)), {
-      formRef: I,
-      submit: D,
-      reset: K,
-      refresh: ne,
-      data: v,
-      tableProps: se,
-      setDataSource: de,
-      handleTableChange: ie
+      formRef: E,
+      submit: K,
+      reset: $,
+      refresh: de,
+      data: S,
+      tableProps: ie,
+      setDataSource: ce,
+      handleTableChange: ue
     } = Te({
       async request(e) {
         var t;
-        if (!w.value.preserveSelectedRowKeys && k(o.dataSource) && P(), !k(o.dataSource)) {
+        if (!x.value.preserveSelectedRowKeys && B(a.dataSource) && P(), !B(a.dataSource)) {
           const r = e.pageSize * (e.current - 1);
           return {
-            data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(r, r + e.pageSize)) || [],
-            total: o.dataSource.length || 0
+            data: (a.pagination === !1 ? a.dataSource : a.dataSource.slice(r, r + e.pageSize)) || [],
+            total: a.dataSource.length || 0
           };
         }
-        const l = await ((t = o.request) == null ? void 0 : t.call(o, e));
+        const l = await ((t = a.request) == null ? void 0 : t.call(a, e));
         return {
           data: (l == null ? void 0 : l.data) || [],
           total: (l == null ? void 0 : l.total) || 0
         };
       },
       namespace: "ap-grid",
-      filterFields: L,
+      filterFields: D,
       sortFields: O,
-      defaultParams: o.params,
-      defaultData: o.defaultData,
-      manual: o.manual,
-      formatParams: o.beforeSearchSubmit,
-      pagination: o.pagination
-    }), { sortChangeEvent: ue, filterChangeEvent: ce, paginationChangeEvent: pe } = Ae(ie);
-    $e({
+      defaultParams: a.params,
+      defaultData: a.defaultData,
+      manual: a.manual,
+      formatParams: a.beforeSearchSubmit,
+      pagination: a.pagination
+    }), { sortChangeEvent: pe, filterChangeEvent: me, paginationChangeEvent: fe } = Le(ue);
+    je({
       columns: n(() => d.value),
       columnsBackup: n(() => T.value),
-      size: n(() => We[B.value]),
+      size: n(() => b.value ? We[b.value] : "middle"),
       updateColumns(e) {
         d.value = e;
       },
       updateSize(e) {
-        B.value = je[e];
+        b.value = He[e];
       },
       renderConfig: n(() => ({
-        className: Z("table-header", "title"),
-        color: ae.value.colorPrimary
+        className: ae("table-header", "title"),
+        color: m.value.colorPrimary
       }))
     });
-    const $ = n(
+    const j = n(
       () => d.value.some(
         (e) => e.fixed === "left" || e.fixed === !0
       ) ? "left" : void 0
-    ), fe = n(
-      () => k(o.dataSource) ? v.records : o.dataSource
-    ), { selectedRows: S, rowSelection: w, ...me } = Ke({
-      ...o.rowSelection === !0 ? {} : o.rowSelection,
-      dataSource: fe,
-      rowKey: o.rowKey
-    }), j = () => {
+    ), ge = n(
+      () => B(a.dataSource) ? S.records : a.dataSource
+    ), { selectedRows: w, rowSelection: x, ...he } = $e({
+      ...a.rowSelection === !0 ? {} : a.rowSelection,
+      dataSource: ge,
+      rowKey: a.rowKey
+    }), H = () => {
       const e = p.value;
-      e && (S.value = [
+      e && (w.value = [
         ...e.getCheckboxReserveRecords(),
         ...e.getCheckboxRecords()
       ]);
-    }, ge = () => {
+    }, ve = () => {
       const e = p.value;
-      e && (S.value = [e.getRadioRecord()]);
+      e && (w.value = [e.getRadioRecord()]);
     };
-    function he() {
+    function ye() {
       var e;
-      return ((e = o.columns) == null ? void 0 : e.filter((l) => !l.hideInTable)) || [];
+      return ((e = a.columns) == null ? void 0 : e.filter((l) => !l.hideInTable)) || [];
     }
     function Ce(e) {
       var l, t, r;
-      (r = (t = (l = I.value) == null ? void 0 : l.apForm) == null ? void 0 : t.setFieldsValue) == null || r.call(t, e);
+      (r = (t = (l = E.value) == null ? void 0 : l.apForm) == null ? void 0 : t.setFieldsValue) == null || r.call(t, e);
     }
-    function ye(e = !1) {
-      var t, r, u;
+    function be(e = !1) {
+      var t, r, c;
       const l = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return (u = (r = (t = I.value) == null ? void 0 : t.apForm) == null ? void 0 : r[l]) == null ? void 0 : u.call(r, !0);
+      return (c = (r = (t = E.value) == null ? void 0 : t.apForm) == null ? void 0 : r[l]) == null ? void 0 : c.call(r, !0);
     }
     function P() {
-      me.clearAll();
+      he.clearAll();
       const e = p.value;
-      e && (w.value.type === "radio" ? (e.clearRadioRow(), e.clearRadioReserve()) : (e.clearCheckboxRow(), e.clearCheckboxReserve()));
+      e && (x.value.type === "radio" ? (e.clearRadioRow(), e.clearRadioReserve()) : (e.clearCheckboxRow(), e.clearCheckboxReserve()));
     }
-    return be(() => {
-      const e = he();
+    return Re(() => {
+      const e = ye();
       d.value = e, T.value = e;
-    }), H(
-      () => o.dataSource,
+    }), M(
+      () => a.dataSource,
       (e) => {
-        de(e);
+        ce(e);
       },
       { immediate: !0 }
-    ), H(
-      () => a(v).loading,
+    ), M(
+      () => o(S).loading,
       (e) => {
         var l;
-        (l = o.onLoadingChange) == null || l.call(o, e);
+        (l = a.onLoadingChange) == null || l.call(a, e);
       }
-    ), Y({
-      submit: D,
-      reset: K,
-      refresh: ne,
+    ), oe({
+      submit: K,
+      reset: $,
+      refresh: de,
       setSearchFormValues: Ce,
-      getSearchFormValues: ye,
-      getShowColumns: () => a(d),
+      getSearchFormValues: be,
+      getShowColumns: () => o(d),
       rowSelection: {
-        selectedRows: n(() => S.value),
+        selectedRows: n(() => w.value),
         clearAll: P
       }
-    }), (e, l) => (s(), R("div", {
-      class: f(le.value)
+    }), (e, l) => (s(), k("div", {
+      class: f(se.value)
     }, [
-      a(k)(e.dataSource) && e.searchForm !== !1 && A.value.length > 0 ? (s(), R("div", {
+      o(B)(e.dataSource) && e.searchForm !== !1 && L.value.length > 0 ? (s(), k("div", {
         key: 0,
-        class: f(e.card ? a(F)("search-wrapper") : null),
+        class: f(e.card ? o(I)("search-wrapper") : null),
         style: q(e.searchFormWrapperStyle)
       }, [
-        Re(a(Pe).SearchForm, m(e.searchForm || {}, {
+        U(o(Pe).SearchForm, g(e.searchForm || {}, {
           ref_key: "formRef",
-          ref: I,
+          ref: E,
           "custom-reset": "",
           "submit-loading": !1,
-          onSubmit: a(D),
-          onReset: a(K)
-        }), U({
-          default: C(() => [
-            (s(!0), R(M, null, E(A.value, (t) => (s(), c(N(t.renderNode.Comp), m({
+          onSubmit: o(K),
+          onReset: o($)
+        }), G({
+          default: h(() => [
+            (s(!0), k(X, null, N(L.value, (t) => (s(), u(_(t.renderNode.Comp), g({
               key: t.dataIndex,
               item: t,
               ref_for: !0
@@ -292,90 +292,105 @@ const va = /* @__PURE__ */ ve({
           ]),
           _: 2
         }, [
-          _.searchFormExtra ? {
+          A.searchFormExtra ? {
             name: "extra",
-            fn: C(() => [
+            fn: h(() => [
               z(e.$slots, "searchFormExtra")
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["onSubmit", "onReset"])
-      ], 6)) : h("", !0),
-      x("div", {
-        class: f([a(F)("table-wrapper"), e.card ? a(F)("table-wrapper-card") : null]),
+      ], 6)) : y("", !0),
+      F("div", {
+        class: f([o(I)("table-wrapper"), e.card ? o(I)("table-wrapper-card") : null]),
         style: q(e.tableWrapperStyle)
       }, [
-        x("div", {
-          class: f(a(i)("header-wrapper"))
+        F("div", {
+          class: f(o(i)("header-wrapper"))
         }, [
           z(e.$slots, "title", {
-            selectedRows: a(S),
-            selectedRowKeys: a(w).selectedRowKeys,
+            selectedRows: o(w),
+            selectedRowKeys: o(x).selectedRowKeys,
             shownColumns: d.value,
             clearAll: P
           })
         ], 2),
-        x("div", {
-          class: f(a(i)("vxe-wrapper"))
+        F("div", {
+          class: f(o(i)("vxe-wrapper"))
         }, [
-          (s(), c(a(Fe), m(a(Oe)(o), {
+          (s(), u(o(Be), g(o(Oe)(a), {
             ref_key: "tableRef",
             ref: p,
-            key: a(re),
-            data: a(v).records,
+            key: o(le),
+            data: o(S).records,
             "sort-config": { remote: O.value.length > 0 },
-            "filter-config": { remote: L.value.length > 0 },
-            loading: a(v).loading,
+            "filter-config": { remote: D.value.length > 0 },
+            loading: o(S).loading,
             "row-config": {
               isHover: !0,
-              keyField: o.rowKey
+              keyField: a.rowKey
             },
-            size: B.value,
-            onSortChange: a(ue),
-            onFilterChange: a(ce),
-            onCheckboxChange: j,
-            onCheckboxAll: j,
-            onRadioChange: ge
-          }), U({
-            default: C(() => [
-              o.expandable ? (s(), c(a(G), m({ key: 0 }, a(Le)(e.expandable), { fixed: $.value }), {
-                content: C((t) => [
-                  (s(), c(N(o.expandable.renderContent(t))))
+            style: {
+              "--vxe-ui-table-row-checkbox-checked-background-color": o(m).controlItemBgActive,
+              "--vxe-ui-table-row-hover-checkbox-checked-background-color": o(m).controlItemBgActiveHover,
+              "--vxe-ui-font-primary-color": o(m).colorPrimary,
+              "--vxe-ui-table-header-background-color": "var(--ap-table-header-bg)",
+              "--vxe-ui-table-cell-padding-default": "12px",
+              "--vxe-ui-table-cell-padding-medium": "9px",
+              "--vxe-ui-table-row-radio-checked-background-color": o(m).controlItemBgActive,
+              "--vxe-ui-table-row-hover-radio-checked-background-color": o(m).controlItemBgActiveHover
+            },
+            size: b.value,
+            onSortChange: o(pe),
+            onFilterChange: o(me),
+            onCheckboxChange: H,
+            onCheckboxAll: H,
+            onRadioChange: ve
+          }), G({
+            empty: h(() => [
+              U(o(Z), {
+                image: o(Z).PRESENTED_IMAGE_SIMPLE
+              }, null, 8, ["image"])
+            ]),
+            default: h(() => [
+              a.expandable ? (s(), u(o(J), g({ key: 0 }, o(De)(e.expandable), { fixed: j.value }), {
+                content: h((t) => [
+                  (s(), u(_(a.expandable.renderContent(t))))
                 ]),
                 _: 1
-              }, 16, ["fixed"])) : h("", !0),
-              o.rowSelection ? (s(), c(a(G), m({ key: 1 }, a(De)(a(w)), { fixed: $.value }), null, 16, ["fixed"])) : h("", !0),
-              (s(!0), R(M, null, E(a(oe), (t) => (s(), c(N(t), {
+              }, 16, ["fixed"])) : y("", !0),
+              a.rowSelection ? (s(), u(o(J), g({ key: 1 }, o(Ke)(o(x)), { fixed: j.value }), null, 16, ["fixed"])) : y("", !0),
+              (s(!0), k(X, null, N(o(te), (t) => (s(), u(_(t), {
                 key: t.props.colId
               }))), 128))
             ]),
             _: 2
           }, [
-            E(a(Ie)(_, ["searchFormExtra"]), (t, r) => ({
+            N(o(Ee)(A, ["searchFormExtra"]), (t, r) => ({
               name: r,
-              fn: C((u) => [
-                z(e.$slots, r, xe(ke(u || {})))
+              fn: h((c) => [
+                z(e.$slots, r, ke(Fe(c || {})))
               ])
             }))
-          ]), 1040, ["data", "sort-config", "filter-config", "loading", "row-config", "size", "onSortChange", "onFilterChange"]))
+          ]), 1040, ["data", "sort-config", "filter-config", "loading", "row-config", "style", "size", "onSortChange", "onFilterChange"]))
         ], 2),
-        x("div", {
-          class: f(a(i)("pagination-wrapper"))
+        F("div", {
+          class: f(o(i)("pagination-wrapper"))
         }, [
-          e.sticky ? (s(), c(a(Ge), {
+          e.sticky ? (s(), u(o(Xe), {
             key: 0,
             direction: "horizontal",
-            "scroll-container": te.value
-          }, null, 8, ["scroll-container"])) : h("", !0),
-          e.pagination !== !1 ? (s(), c(a(Ve), m({
+            "scroll-container": ne.value
+          }, null, 8, ["scroll-container"])) : y("", !0),
+          e.pagination !== !1 ? (s(), u(o(Ve), g({
             key: 1,
-            class: a(i)("pagination")
-          }, a(se).pagination, { onChange: a(pe) }), null, 16, ["class", "onChange"])) : h("", !0)
+            class: o(i)("pagination")
+          }, o(ie).pagination, { onChange: o(fe) }), null, 16, ["class", "onChange"])) : y("", !0)
         ], 2)
       ], 6)
     ], 2));
   }
 });
 export {
-  va as default
+  So as default
 };