@aplus-frontend/ui 0.5.37 → 0.6.0-beta.0

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

@@ -1,15 +1,15 @@
-import { defineComponent as ke, useSlots as Be, getCurrentInstance as Fe, ref as k, computed as n, unref as o, watch as B, createElementBlock as F, openBlock as s, normalizeStyle as z, normalizeClass as g, createCommentVNode as S, createElementVNode as I, createVNode as U, mergeProps as h, createSlots as G, withCtx as v, Fragment as X, renderList as _, createBlock as p, resolveDynamicComponent as A, renderSlot as V, normalizeProps as Ie, guardReactiveProps as Ee } from "vue";
-import { VxeTable as Pe, VxeColumn as J } from "vxe-table";
+import { defineComponent as ke, useSlots as Be, getCurrentInstance as Fe, ref as k, computed as n, unref as o, watch as B, createElementBlock as F, openBlock as s, normalizeStyle as A, normalizeClass as g, createCommentVNode as S, createElementVNode as I, createVNode as X, mergeProps as h, createSlots as J, withCtx as v, Fragment as Q, renderList as V, createBlock as p, resolveDynamicComponent as L, renderSlot as D, normalizeProps as Ie, guardReactiveProps as Ee } from "vue";
+import { VxeTable as Pe, VxeColumn as Y } from "vxe-table";
 import "vxe-table/es/style.css";
 import "vxe-pc-ui/es/style.css";
-import { VxeUI as Q } from "vxe-pc-ui";
+import { VxeUI as Z } from "vxe-pc-ui";
 import { isUndefined as b, omit as Ne } from "lodash-unified";
 import { ApForm as Te } from "../ap-form/index.mjs";
 import "../config-provider/index.mjs";
 import { noRenderAsFormItemValueList as ze } from "../ap-table/constants.mjs";
-import { getColumnOrder as Y, updateFormProps as _e, getFieldProps as Ae, getSearchFormItemRenderNode as Ve, recursionApColumns as Z } from "../ap-table/utils.mjs";
+import { getColumnOrder as ee, updateFormProps as _e, getFieldProps as Ae, getSearchFormItemRenderNode as Ve, recursionApColumns as oe } from "../ap-table/utils.mjs";
 import { useTablePaging as Le } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import { Empty as ee, Pagination as De } from "@aplus-frontend/antdv";
+import { Empty as ae, Pagination as De } from "@aplus-frontend/antdv";
 import { useInnerParams as Oe } from "./hooks/use-inner-params.mjs";
 import { toVxeProps as $e, getRowExpandProps as Ke, getRowSelectionProps as We } from "./utils/table.mjs";
 import je from "../ap-table/hooks/use-table-row-selection.mjs";
@@ -110,28 +110,28 @@ const Bo = /* @__PURE__ */ ke({
     expandable: {},
     value: {}
   },
-  setup(oe, { expose: ae }) {
-    var q;
-    const L = Be(), a = oe, w = (q = Fe()) == null ? void 0 : q.appContext.app;
-    w && !w.__VXE_PC_UI_INSTALLED__ && (w.use(Q), w.__VXE_PC_UI_INSTALLED__ = !0);
-    const { e: E, b: c, be: re } = Je("ap-grid"), te = Qe("valueTypeMap"), d = k([]), D = k([]), m = k(), C = k(a.size), [, i] = Xe(), { t: le } = Ye();
-    Q.setConfig({
-      i18n: (e, r) => le(`ap.${e}`, r)
+  setup(re, { expose: te }) {
+    var G;
+    const O = Be(), a = re, w = (G = Fe()) == null ? void 0 : G.appContext.app;
+    w && !w.__VXE_PC_UI_INSTALLED__ && (w.use(Z), w.__VXE_PC_UI_INSTALLED__ = !0);
+    const { e: E, b: c, be: le } = Je("ap-grid"), ne = Qe("valueTypeMap"), d = k([]), $ = k([]), m = k(), C = k(a.size), [, i] = Xe(), { t: se } = Ye();
+    Z.setConfig({
+      i18n: (e, r) => se(`ap.${e}`, r)
     });
-    const { renderConfig: ne, updateSignal: se } = Ge(d);
-    let O = 0;
-    const de = n(() => {
+    const { renderConfig: de, updateSignal: ie } = Ge(d);
+    let K = 0;
+    const ce = n(() => {
       if (m.value)
         return m.value.$el.querySelector(
           ".vxe-table--header-inner-wrapper"
         );
-    }), $ = n(() => {
+    }), W = n(() => {
       var e, r, l;
-      return O++, ((l = (r = (e = a.columns) == null ? void 0 : e.filter(
+      return K++, ((l = (r = (e = a.columns) == null ? void 0 : e.filter(
         (t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !ze.includes(t.valueType)
       )) == null ? void 0 : r.sort((t, u) => {
-        let y = Y(t.order);
-        return Y(u.order) - y;
+        let y = ee(t.order);
+        return ee(u.order) - y;
       })) == null ? void 0 : l.map((t) => {
         const u = _e(
           t,
@@ -142,39 +142,39 @@ const Bo = /* @__PURE__ */ ke({
             label: t.title,
             name: t.dataIndex,
             ...u || {},
-            _signal: O
+            _signal: K
           },
           renderNode: void 0
         };
         return y.renderNode = Ve(
           y,
-          o(te)
+          o(ne)
         ), y;
       })) || [];
-    }), ie = n(() => [
+    }), ue = n(() => [
       c(),
       a.card ? null : c("wrapper"),
       a.adaptive ? c("adaptive") : null,
       a.sticky ? c("sticky") : null
-    ].filter(Boolean)), K = n(() => Z(o(d), (e) => {
+    ].filter(Boolean)), j = n(() => oe(o(d), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), W = n(() => Z(o(d), (e) => {
+    }).filter(Boolean)), H = n(() => oe(o(d), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || e.dataIndex;
     }).filter(Boolean)), {
       formRef: P,
-      submit: j,
-      reset: H,
-      refresh: ce,
+      submit: N,
+      reset: T,
+      refresh: pe,
       data: f,
       tableProps: M,
-      setDataSource: ue,
-      handleTableChange: pe
+      setDataSource: me,
+      handleTableChange: fe
     } = Le({
       async request(e) {
         var l;
-        if (!R.value.preserveSelectedRowKeys && b(a.dataSource) && T(), !b(a.dataSource)) {
+        if (!R.value.preserveSelectedRowKeys && b(a.dataSource) && _(), !b(a.dataSource)) {
           const t = e.pageSize * (e.current - 1);
           return {
             data: (a.pagination === !1 ? a.dataSource : a.dataSource.slice(t, t + e.pageSize)) || [],
@@ -188,17 +188,17 @@ const Bo = /* @__PURE__ */ ke({
         };
       },
       namespace: "ap-grid",
-      filterFields: W,
-      sortFields: K,
+      filterFields: H,
+      sortFields: j,
       defaultParams: a.params,
       defaultData: a.defaultData,
       manual: a.manual,
       formatParams: a.beforeSearchSubmit,
       pagination: a.pagination
-    }), { sortChangeEvent: me, filterChangeEvent: fe, paginationChangeEvent: ge } = Oe(pe);
+    }), { sortChangeEvent: ge, filterChangeEvent: he, paginationChangeEvent: ve } = Oe(fe);
     He({
       columns: n(() => d.value),
-      columnsBackup: n(() => D.value),
+      columnsBackup: n(() => $.value),
       size: n(() => C.value ? qe[C.value] : "middle"),
       updateColumns(e) {
         var r;
@@ -208,48 +208,52 @@ const Bo = /* @__PURE__ */ ke({
         C.value = Me[e];
       },
       renderConfig: n(() => ({
-        className: re("table-header", "title"),
+        className: le("table-header", "title"),
         color: i.value.colorPrimary
       })),
-      dataSource: n(() => o(f).records)
+      dataSource: n(() => o(f).records),
+      getSearchFormValues: U,
+      setSearchFormValues: q,
+      submit: N,
+      reset: T
     });
-    const he = n(
+    const Ce = n(
       () => d.value.some(
         (e) => e.fixed === "left" || e.fixed === !0
       ) ? "left" : void 0
-    ), ve = n(
+    ), ye = n(
       () => b(a.loading) ? f.loading : a.loading
-    ), Ce = n(
+    ), Se = n(
       () => b(a.dataSource) ? f.records : a.dataSource
-    ), { selectedRows: x, rowSelection: R, ...ye } = je({
+    ), { selectedRows: x, rowSelection: R, ...be } = je({
       ...a.rowSelection === !0 ? {} : a.rowSelection,
-      dataSource: Ce,
+      dataSource: Se,
       rowKey: a.rowKey
-    }), N = () => {
+    }), z = () => {
       const e = m.value;
       e && (x.value = [
         ...e.getCheckboxReserveRecords(),
         ...e.getCheckboxRecords()
       ]);
-    }, Se = () => {
+    }, we = () => {
       const e = m.value;
       e && (x.value = [e.getRadioRecord()]);
     };
-    function be() {
+    function xe() {
       var e;
       return ((e = a.columns) == null ? void 0 : e.filter((r) => !r.hideInTable)) || [];
     }
-    function we(e) {
+    function q(e) {
       var r, l, t;
       (t = (l = (r = P.value) == null ? void 0 : r.apForm) == null ? void 0 : l.setFieldsValue) == null || t.call(l, e);
     }
-    function xe(e = !1) {
+    function U(e = !1) {
       var l, t, u;
       const r = e ? "getFieldsValueTransformed" : "getFieldsValue";
       return (u = (t = (l = P.value) == null ? void 0 : l.apForm) == null ? void 0 : t[r]) == null ? void 0 : u.call(t, !0);
     }
-    function T() {
-      ye.clearAll();
+    function _() {
+      be.clearAll();
       const e = m.value;
       e && (R.value.type === "radio" ? (e.clearRadioRow(), e.clearRadioReserve()) : (e.clearCheckboxRow(), e.clearCheckboxReserve()));
     }
@@ -263,8 +267,8 @@ const Bo = /* @__PURE__ */ ke({
       () => [a.columnResizable, a.columns],
       () => {
         var r;
-        const e = be();
-        d.value = e, (r = a.onShownColumnsChange) == null || r.call(a, e), D.value = e;
+        const e = xe();
+        d.value = e, (r = a.onShownColumnsChange) == null || r.call(a, e), $.value = e;
       },
       {
         deep: !0,
@@ -273,7 +277,7 @@ const Bo = /* @__PURE__ */ ke({
     ), B(
       () => a.dataSource,
       (e) => {
-        ue(e);
+        me(e);
       },
       { immediate: !0, deep: !0 }
     ), B(
@@ -287,38 +291,38 @@ const Bo = /* @__PURE__ */ ke({
       (e) => {
         C.value = e;
       }
-    ), ae({
-      submit: j,
-      reset: H,
-      refresh: ce,
-      setSearchFormValues: we,
-      getSearchFormValues: xe,
+    ), te({
+      submit: N,
+      reset: T,
+      refresh: pe,
+      setSearchFormValues: q,
+      getSearchFormValues: U,
       getShowColumns: () => o(d),
       rowSelection: {
         selectedRows: n(() => x.value),
-        clearAll: T
+        clearAll: _
       },
       scrollToRow: Re,
       getDataSource: () => o(f.records)
     }), (e, r) => (s(), F("div", {
-      class: g(ie.value),
-      style: z(e.wrapperStyle)
+      class: g(ue.value),
+      style: A(e.wrapperStyle)
     }, [
-      o(b)(e.dataSource) && e.searchForm !== !1 && $.value.length > 0 ? (s(), F("div", {
+      o(b)(e.dataSource) && e.searchForm !== !1 && W.value.length > 0 ? (s(), F("div", {
         key: 0,
         class: g(e.card ? o(E)("search-wrapper") : null),
-        style: z(e.searchFormWrapperStyle)
+        style: A(e.searchFormWrapperStyle)
       }, [
-        U(o(Te).SearchForm, h(e.searchForm || {}, {
+        X(o(Te).SearchForm, h(e.searchForm || {}, {
           ref_key: "formRef",
           ref: P,
           "custom-reset": "",
           "submit-loading": o(M).loading,
-          onSubmit: o(j),
-          onReset: o(H)
-        }), G({
+          onSubmit: o(N),
+          onReset: o(T)
+        }), J({
           default: v(() => [
-            (s(!0), F(X, null, _($.value, (l) => (s(), p(A(l.renderNode.Comp), h({
+            (s(!0), F(Q, null, V(W.value, (l) => (s(), p(L(l.renderNode.Comp), h({
               key: l.dataIndex,
               item: l,
               ref_for: !0
@@ -329,10 +333,10 @@ const Bo = /* @__PURE__ */ ke({
           ]),
           _: 2
         }, [
-          L.searchFormExtra ? {
+          O.searchFormExtra ? {
             name: "extra",
             fn: v(() => [
-              V(e.$slots, "searchFormExtra")
+              D(e.$slots, "searchFormExtra")
             ]),
             key: "0"
           } : void 0
@@ -340,16 +344,16 @@ const Bo = /* @__PURE__ */ ke({
       ], 6)) : S("", !0),
       I("div", {
         class: g([o(E)("table-wrapper"), e.card ? o(E)("table-wrapper-card") : null]),
-        style: z(e.tableWrapperStyle)
+        style: A(e.tableWrapperStyle)
       }, [
         I("div", {
           class: g(o(c)("header-wrapper"))
         }, [
-          V(e.$slots, "title", {
+          D(e.$slots, "title", {
             selectedRows: o(x),
             selectedRowKeys: o(R).selectedRowKeys,
             shownColumns: d.value,
-            clearAll: T
+            clearAll: _
           })
         ], 2),
         I("div", {
@@ -358,11 +362,11 @@ const Bo = /* @__PURE__ */ ke({
           (s(), p(o(Pe), h(o($e)(a), {
             ref_key: "tableRef",
             ref: m,
-            key: o(se),
+            key: o(ie),
             data: o(f).records,
-            "sort-config": { remote: K.value.length > 0 },
-            "filter-config": { remote: W.value.length > 0 },
-            loading: ve.value,
+            "sort-config": { remote: j.value.length > 0 },
+            "filter-config": { remote: H.value.length > 0 },
+            loading: ye.value,
             style: {
               "--vxe-ui-table-row-checkbox-checked-background-color": o(i).controlItemBgActive,
               "--vxe-ui-table-row-hover-checkbox-checked-background-color": o(i).controlItemBgActiveHover,
@@ -377,36 +381,36 @@ const Bo = /* @__PURE__ */ ke({
               "--vxe-ui-table-header-font-color": o(i).colorTextBase
             },
             size: C.value,
-            onSortChange: o(me),
-            onFilterChange: o(fe),
-            onCheckboxChange: N,
-            onCheckboxRangeChange: N,
-            onCheckboxAll: N,
-            onRadioChange: Se
-          }), G({
+            onSortChange: o(ge),
+            onFilterChange: o(he),
+            onCheckboxChange: z,
+            onCheckboxRangeChange: z,
+            onCheckboxAll: z,
+            onRadioChange: we
+          }), J({
             empty: v(() => [
-              U(o(ee), {
-                image: o(ee).PRESENTED_IMAGE_SIMPLE
+              X(o(ae), {
+                image: o(ae).PRESENTED_IMAGE_SIMPLE
               }, null, 8, ["image"])
             ]),
             default: v(() => [
-              a.expandable ? (s(), p(o(J), h({ key: 0 }, o(Ke)(e.expandable), { fixed: he.value }), {
+              a.expandable ? (s(), p(o(Y), h({ key: 0 }, o(Ke)(e.expandable), { fixed: Ce.value }), {
                 content: v((l) => [
-                  (s(), p(A(a.expandable.renderContent(l))))
+                  (s(), p(L(a.expandable.renderContent(l))))
                 ]),
                 _: 1
               }, 16, ["fixed"])) : S("", !0),
-              a.rowSelection ? (s(), p(o(J), h({ key: 1 }, o(We)(o(R), d.value), { field: o(Ue) }), null, 16, ["field"])) : S("", !0),
-              (s(!0), F(X, null, _(o(ne), (l) => (s(), p(A(l), {
+              a.rowSelection ? (s(), p(o(Y), h({ key: 1 }, o(We)(o(R), d.value), { field: o(Ue) }), null, 16, ["field"])) : S("", !0),
+              (s(!0), F(Q, null, V(o(de), (l) => (s(), p(L(l), {
                 key: l.props.colId
               }))), 128))
             ]),
             _: 2
           }, [
-            _(o(Ne)(L, ["searchFormExtra"]), (l, t) => ({
+            V(o(Ne)(O, ["searchFormExtra"]), (l, t) => ({
               name: t,
               fn: v((u) => [
-                V(e.$slots, t, Ie(Ee(u || {})))
+                D(e.$slots, t, Ie(Ee(u || {})))
               ])
             }))
           ]), 1040, ["data", "sort-config", "filter-config", "loading", "style", "size", "onSortChange", "onFilterChange"]))
@@ -417,13 +421,13 @@ const Bo = /* @__PURE__ */ ke({
           e.sticky ? (s(), p(o(Ze), {
             key: 0,
             direction: "horizontal",
-            "scroll-container": de.value,
+            "scroll-container": ce.value,
             "extra-size": -4.2
           }, null, 8, ["scroll-container"])) : S("", !0),
           e.pagination !== !1 ? (s(), p(o(De), h({
             key: 1,
             class: o(c)("pagination")
-          }, o(M).pagination, { onChange: o(ge) }), null, 16, ["class", "onChange"])) : S("", !0)
+          }, o(M).pagination, { onChange: o(ve) }), null, 16, ["class", "onChange"])) : S("", !0)
         ], 2)
       ], 6)
     ], 6));

package/es/src/ap-info-layout/ApInfoLayout.vue.mjs

@@ -1,11 +1,12 @@
-import { defineComponent as a, computed as n, createBlock as p, openBlock as s, resolveDynamicComponent as i, normalizeProps as l, guardReactiveProps as m, createSlots as c, renderList as u, withCtx as d, renderSlot as f } from "vue";
+import { defineComponent as n, computed as s, onMounted as a, createBlock as i, openBlock as p, resolveDynamicComponent as m, normalizeProps as l, guardReactiveProps as c, createSlots as d, renderList as u, withCtx as f, renderSlot as _ } from "vue";
 import "./ap-info-layout-aplus/ap-info-layout.vue.mjs";
 import "./ap-info-layout-admin/ApInfoLayoutAdmin.vue.mjs";
 import "../config-provider/index.mjs";
-import { useGlobalConfig as _ } from "../config-provider/hooks/use-global-config.mjs";
+import { isProdMode as b } from "@aplus-frontend/utils";
+import { useGlobalConfig as v } from "../config-provider/hooks/use-global-config.mjs";
 import y from "./ap-info-layout-admin/ApInfoLayoutAdmin.vue2.mjs";
-import b from "./ap-info-layout-aplus/ap-info-layout.vue2.mjs";
-const D = /* @__PURE__ */ a({
+import h from "./ap-info-layout-aplus/ap-info-layout.vue2.mjs";
+const g = /* @__PURE__ */ n({
   __name: "ApInfoLayout",
   props: {
     headerStyle: {},
@@ -13,29 +14,33 @@ const D = /* @__PURE__ */ a({
     toEl: {},
     telDisabled: { type: Boolean }
   },
-  setup($) {
-    const r = _("uiMode", "aplus"), t = n(() => {
-      let e;
+  setup(C) {
+    const r = v("uiMode", "aplus"), t = s(() => {
+      let o;
       switch (r.value) {
         case "aplus":
-          e = b;
+          o = h;
           break;
         case "admin":
-          e = y;
+          o = y;
           break;
       }
-      return e;
+      return o;
     });
-    return (e, h) => (s(), p(i(t.value), l(m(e.$props)), c({ _: 2 }, [
-      u(e.$slots, (k, o) => ({
-        name: o,
-        fn: d(() => [
-          f(e.$slots, o)
+    return a(() => {
+      b() || console.warn(
+        "[DEPRECATED] This component is deprecated and will be removed in next minor version. "
+      );
+    }), (o, $) => (p(), i(m(t.value), l(c(o.$props)), d({ _: 2 }, [
+      u(o.$slots, (k, e) => ({
+        name: e,
+        fn: f(() => [
+          _(o.$slots, e)
         ])
       }))
     ]), 1040));
   }
 });
 export {
-  D as default
+  g as default
 };