@aplus-frontend/ui 0.5.0 → 0.5.2

package/es/src/ap-grid/hooks/use-load-vxe.d.ts

@@ -0,0 +1 @@
+export declare const useLoadVxe: () => void;

package/es/src/ap-grid/hooks/use-load-vxe.mjs

@@ -0,0 +1,32 @@
+import t from "vxe-pc-ui";
+import "vxe-table/lib/style.css";
+import "vxe-pc-ui/lib/style.css";
+import m from "vxe-table/lib/locale/lang/zh-CN";
+import _ from "vxe-table/lib/locale/lang/en-US";
+import { getCurrentInstance as s, watch as i, unref as c } from "vue";
+import "../../config-provider/index.mjs";
+import { useLocale as g } from "../../config-provider/hooks/use-locale.mjs";
+t.setI18n("zh-CN", m);
+t.setI18n("en-US", _);
+const u = {
+  "zh-cn": "zh-CN",
+  en: "en-US"
+}, x = () => {
+  var n;
+  const e = (n = s()) == null ? void 0 : n.appContext.app;
+  e && !e.__VXE_PC_UI_INSTALLED__ && (e.use(t), e.__VXE_PC_UI_INSTALLED__ = !0);
+  const { lang: r } = g();
+  i(
+    () => c(r),
+    (a) => {
+      const p = t.getLanguage(), o = u[a];
+      p !== o && t.setLanguage(o);
+    },
+    {
+      immediate: !0
+    }
+  );
+};
+export {
+  x as useLoadVxe
+};

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

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

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

@@ -22,13 +22,13 @@ export type ApGridColumnType<RecordType = any, ExtraValueType = 'text', ValueTyp
     tooltip?: string;
     /**
      * 是否可以复制
-     * @deprecated 暂未实现
      */
     copyable?: boolean;
     /**
      * 配置溢出隐藏的方式
+     * @description 如果传递数字，则表示需要满足溢出隐藏的行数，此时默认会显示tooltip
      */
-    ellipsis?: VxeTablePropTypes.ShowOverflow;
+    ellipsis?: VxeTablePropTypes.ShowOverflow | number;
     /**
      * 是否搜索表单中隐藏
      */