@aplus-frontend/ui 0.1.43 → 0.1.44

package/es/src/ap-field/hooks/use-default-placeholder.mjs

@@ -1,25 +1,25 @@
-import { computed as r } from "vue";
+import { computed as o } from "vue";
 import "../../config-provider/index.mjs";
-import { isDef as c } from "../../utils/index.mjs";
-import { useLocale as n } from "../../config-provider/hooks/use-locale.mjs";
-const s = ["Select", "Date"], i = [
+import { isDef as n } from "../../utils/index.mjs";
+import { useLocale as i } from "../../config-provider/hooks/use-locale.mjs";
+const c = ["Select", "Date"], a = [
   "Text",
   "TextArea",
   "Number",
   "TextPassword"
-], p = (o, t) => {
-  const { t: e } = n();
-  return r(() => {
-    if (c(t.placeholder))
-      return t.placeholder;
-    if (o === "DateRange")
-      return [e("ap.common.chooseText"), e("ap.common.chooseText")];
-    if (s.includes(o))
+], d = (t, r) => {
+  const { t: e } = i();
+  return o(() => {
+    if (n(r.placeholder))
+      return r.placeholder;
+    if (t === "DateRange")
+      return [e("ap.field.startDateText"), e("ap.field.endDateText")];
+    if (c.includes(t))
       return e("ap.common.chooseText");
-    if (i.includes(o))
+    if (a.includes(t))
       return e("ap.common.inputText");
   });
 };
 export {
-  p as useDefaultPlaceholder
+  d as useDefaultPlaceholder
 };

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

@@ -1,25 +1,24 @@
-import { defineComponent as Ce, useSlots as Te, ref as P, computed as s, unref as t, createVNode as f, Fragment as U, watchEffect as Fe, watch as G, openBlock as m, createElementBlock as T, normalizeClass as c, normalizeStyle as M, mergeProps as h, createSlots as J, withCtx as w, renderList as Q, createBlock as X, resolveDynamicComponent as xe, renderSlot as S, createCommentVNode as Y, createElementVNode as I, h as Be, normalizeProps as ke, guardReactiveProps as ze } from "vue";
-import { Typography as Pe, Divider as Ie, Button as Ne, Table as Le } from "ant-design-vue";
+import { defineComponent as Ce, useSlots as ve, ref as z, computed as s, unref as t, createVNode as f, Fragment as U, watchEffect as Te, watch as G, openBlock as m, createElementBlock as T, normalizeClass as c, normalizeStyle as M, mergeProps as h, createSlots as J, withCtx as w, renderList as Q, createBlock as X, resolveDynamicComponent as Fe, renderSlot as S, createCommentVNode as Y, createElementVNode as I, h as xe, normalizeProps as Be, guardReactiveProps as Pe } from "vue";
+import { Typography as ke, Divider as ze, Button as Ie, Table as Ne } from "ant-design-vue";
 import { useToken as Ee } from "ant-design-vue/es/theme/internal";
 import { ApForm as Ke } from "../ap-form/index.mjs";
 import { noRenderAsFormItemValueList as Z } from "./constants.mjs";
 import "../config-provider/index.mjs";
-import { useTablePaging as Oe } from "./hooks/use-table-paging.mjs";
-import { omit as _, isUndefined as g, isBoolean as Ve } from "lodash-unified";
+import { useTablePaging as Le } from "./hooks/use-table-paging.mjs";
+import { omit as _, isUndefined as g, isBoolean as Oe } from "lodash-unified";
 import "./style/ap-table.css";
-import { apColumnToColumn as De, getTableTitle as je, getTableRenderType as Ae, getTableRenderProps as We, getTableCellRenderNode as $e, getColumnOrder as ee, updateFormProps as He, getFieldProps as qe, getPlaceholder as Ue, getSearchFormItemRenderNode as Ge, objectToString as Me } from "./utils.mjs";
-import Je from "./hooks/use-table-content-height.mjs";
-import { getRawDisplayValue as Qe } from "../editable-table/utils.mjs";
-import Xe from "./hooks/use-table-row-selection.mjs";
-import { isDef as Ye } from "../utils/index.mjs";
-import { SettingOutlined as Ze } from "@ant-design/icons-vue";
+import { apColumnToColumn as Ve, getTableTitle as De, getTableRenderType as je, getTableRenderProps as Ae, getTableCellRenderNode as We, getColumnOrder as ee, updateFormProps as $e, getFieldProps as He, getSearchFormItemRenderNode as qe, objectToString as Ue } from "./utils.mjs";
+import Ge from "./hooks/use-table-content-height.mjs";
+import { getRawDisplayValue as Me } from "../editable-table/utils.mjs";
+import Je from "./hooks/use-table-row-selection.mjs";
+import { isDef as Qe } from "../utils/index.mjs";
+import { SettingOutlined as Xe } from "@ant-design/icons-vue";
 import "./components/setting/modal/index.vue.mjs";
-import { useProvideApTable as _e } from "./context.mjs";
-import { useLocale as ea } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as aa } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as oa } from "../config-provider/hooks/use-global-config.mjs";
-import ta from "./components/setting/modal/index.vue2.mjs";
-const Fa = /* @__PURE__ */ Ce({
+import { useProvideApTable as Ye } from "./context.mjs";
+import { useNamespace as Ze } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as _e } from "../config-provider/hooks/use-global-config.mjs";
+import ea from "./components/setting/modal/index.vue2.mjs";
+const Ra = /* @__PURE__ */ Ce({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -148,112 +147,108 @@ const Fa = /* @__PURE__ */ Ce({
   }) {
     const a = ae;
     let N = 0;
-    const b = Te(), [, te] = Ee(), {
-      t: re
-    } = ea(), {
+    const b = ve(), [, te] = Ee(), {
       e: F,
       b: i,
-      be: L
-    } = aa("ap-table"), E = oa("valueTypeMap"), {
-      height: le,
-      contentRef: ne
-    } = Je(), x = P(a.size), u = P([]), K = P([]);
-    _e({
-      columns: s(() => u.value),
-      columnsBackup: s(() => K.value),
+      be: E
+    } = Ze("ap-table"), K = _e("valueTypeMap"), {
+      height: re,
+      contentRef: le
+    } = Ge(), x = z(a.size), d = z([]), L = z([]);
+    Ye({
+      columns: s(() => d.value),
+      columnsBackup: s(() => L.value),
       size: s(() => x.value),
       updateColumns(e) {
-        u.value = e;
+        d.value = e;
       },
       updateSize(e) {
         x.value = e;
       }
     });
-    const se = () => {
+    const ne = () => {
       var r;
       let e = ((r = a.columns) == null ? void 0 : r.filter((l) => !l.hideInTable)) || [];
-      function o(l, d) {
+      function o(l, u) {
         return l.map((n) => ({
-          resizable: Ye(n.resizable) ? n.resizable : a.columnResizable,
-          ..._(De(n), ["ellipsis"]),
-          fixed: d ? d.fixed : n.fixed,
-          title: je(n, L("table-header", "title"), b.headerCell, t(te).colorPrimary),
+          resizable: Qe(n.resizable) ? n.resizable : a.columnResizable,
+          ..._(Ve(n), ["ellipsis"]),
+          fixed: u ? u.fixed : n.fixed,
+          title: De(n, E("table-header", "title"), b.headerCell, t(te).colorPrimary),
           customRender({
             value: p,
             ...y
           }) {
             var H, q;
-            const W = Ae(n), be = We({
+            const W = je(n), Se = Ae({
               ...n,
               valueType: W
             }, {
               value: p,
               ...y
-            }), Re = $e(W, be, y.record, t(E)), $ = ((H = n.renderText) == null ? void 0 : H.call(n, {
+            }), be = We(W, Se, y.record, t(K)), $ = ((H = n.renderText) == null ? void 0 : H.call(n, {
               value: p,
               ...y
-            })) || p, ve = n.renderText ? f(U, null, [(q = n.renderText) == null ? void 0 : q.call(n, {
+            })) || p, Re = n.renderText ? f(U, null, [(q = n.renderText) == null ? void 0 : q.call(n, {
               value: p,
               ...y
-            })]) : Re;
-            let z = ye(n, $, ve);
-            return n.customRender && (z = n.customRender({
+            })]) : be;
+            let k = ge(n, $, Re);
+            return n.customRender && (k = n.customRender({
               value: p,
               ...y,
               column: n,
-              originalNode: z,
+              originalNode: k,
               originalText: $
-            })), z;
+            })), k;
           },
-          children: o(n.children || [], d || n)
+          children: o(n.children || [], u || n)
         }));
       }
       return o(e);
     };
-    Fe(() => {
-      const e = se();
-      u.value = e, K.value = e;
+    Te(() => {
+      const e = ne();
+      d.value = e, L.value = e;
     });
     const O = s(() => {
       var e, o, r;
-      return N++, ((r = (o = (e = a.columns) == null ? void 0 : e.filter((l) => !l.hideInSearch && l.dataIndex && (l.valueType || l.customRenderFormItem) && !Z.includes(l.valueType))) == null ? void 0 : o.sort((l, d) => {
+      return N++, ((r = (o = (e = a.columns) == null ? void 0 : e.filter((l) => !l.hideInSearch && l.dataIndex && (l.valueType || l.customRenderFormItem) && !Z.includes(l.valueType))) == null ? void 0 : o.sort((l, u) => {
         let n = ee(l.order);
-        return ee(d.order) - n;
+        return ee(u.order) - n;
       })) == null ? void 0 : r.map((l) => {
-        const d = He(l, qe(l.fieldProps, {})), n = {
+        const u = $e(l, He(l.fieldProps, {})), n = {
           ...l,
           fieldProps: {
             label: l.title,
             name: l.dataIndex,
-            ...d || {},
-            // 格式化placeholder
-            placeholder: Ue(re, l.valueType, d == null ? void 0 : d.placeholder),
+            ...u || {},
             _signal: N
           },
           renderNode: void 0
         };
-        return n.renderNode = Ge(n, t(E)), n;
+        return n.renderNode = qe(n, t(K)), n;
       })) || [];
-    }), de = s(() => t(u).filter((e) => e.sorter === !0).map((e) => e.dataIndex).filter(Boolean)), ue = s(() => t(u).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex).filter(Boolean)), ie = s(() => g(a.dataSource) ? C.value.records : a.dataSource), {
+    }), se = s(() => t(d).filter((e) => e.sorter === !0).map((e) => e.dataIndex).filter(Boolean)), de = s(() => t(d).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex).filter(Boolean)), ue = s(() => g(a.dataSource) ? v.value.records : a.dataSource), {
       rowSelection: R,
       selectedRows: B,
-      ...v
-    } = Xe({
+      ...C
+    } = Je({
       ...a.rowSelection === !0 ? {} : a.rowSelection,
       rowKey: a.rowKey,
-      dataSource: ie
+      dataSource: ue
     }), {
-      formRef: k,
+      formRef: P,
       submit: V,
       reset: D,
       tableProps: j,
-      refresh: ce,
-      data: C,
-      setDataSource: pe
-    } = Oe({
+      refresh: ie,
+      data: v,
+      setDataSource: ce
+    } = Le({
       async request(e) {
         var r, l;
-        if (!R.value.preserveSelectedRowKeys && g(a.dataSource) && v.clearAll(), !g(a.dataSource))
+        if (!R.value.preserveSelectedRowKeys && g(a.dataSource) && C.clearAll(), !g(a.dataSource))
           return {
             data: a.dataSource || [],
             total: a.dataSource.length || 0
@@ -264,8 +259,8 @@ const Fa = /* @__PURE__ */ Ce({
           total: (o == null ? void 0 : o.total) || 0
         };
       },
-      filterFields: ue,
-      sortFields: de,
+      filterFields: de,
+      sortFields: se,
       defaultParams: a.params,
       defaultData: a.defaultData,
       manual: a.manual,
@@ -274,16 +269,16 @@ const Fa = /* @__PURE__ */ Ce({
       formatParams: a.beforeSearchSubmit,
       showLessItems: a.pagination ? a.pagination.showLessItems : void 0,
       showTotal: a.pagination ? a.pagination.showTotal : void 0
-    }), fe = s(() => {
+    }), pe = s(() => {
       var o, r;
-      if (a.adaptive && (C.value.total > 0 || ((o = a.dataSource) == null ? void 0 : o.length)))
+      if (a.adaptive && (v.value.total > 0 || ((o = a.dataSource) == null ? void 0 : o.length)))
         return {
-          y: t(le),
+          y: t(re),
           x: ((r = a.scroll) == null ? void 0 : r.x) || "100%"
         };
       if (a.scroll)
         return a.scroll;
-    }), me = s(() => {
+    }), fe = s(() => {
       var e;
       if (a.tableLayout)
         return a.tableLayout;
@@ -302,73 +297,73 @@ const Fa = /* @__PURE__ */ Ce({
         } : a.rowSelection,
         loading: g(a.loading) ? e.loading : a.loading,
         pagination: a.pagination === !1 ? !1 : e.pagination,
-        scroll: t(fe)
+        scroll: t(pe)
       };
-    }), ge = s(() => [i(), a.card ? null : i("wrapper"), a.adaptive ? i("adaptive") : null].filter(Boolean));
-    function ye(e, o, r) {
+    }), me = s(() => [i(), a.card ? null : i("wrapper"), a.adaptive ? i("adaptive") : null].filter(Boolean));
+    function ge(e, o, r) {
       if (Z.includes(e.valueType))
         return r;
-      const l = Me(o);
-      return e.copyable || e.ellipsis ? f(Pe.Paragraph, {
+      const l = Ue(o);
+      return e.copyable || e.ellipsis ? f(ke.Paragraph, {
         copyable: e.copyable ? {
           text: l,
           tooltip: !1
         } : !1,
-        ellipsis: e.ellipsis ? Ve(e.ellipsis) ? {
+        ellipsis: e.ellipsis ? Oe(e.ellipsis) ? {
           tooltip: l
         } : {
           ...e.ellipsis,
           tooltip: l
         } : !1,
-        content: e.ellipsis ? Qe(e, o) : r
+        content: e.ellipsis ? Me(e, o) : r
       }, null) : r;
     }
-    G(() => t(C).loading, (e) => {
+    G(() => t(v).loading, (e) => {
       var o;
       (o = a.onLoadingChange) == null || o.call(a, e);
     }), G(() => a.dataSource, (e) => {
-      pe(e);
+      ce(e);
     }, {
       immediate: !0
     });
-    function he(e) {
+    function ye(e) {
       var o, r, l;
-      (l = (r = (o = k.value) == null ? void 0 : o.apForm) == null ? void 0 : r.setFieldsValue) == null || l.call(r, e);
+      (l = (r = (o = P.value) == null ? void 0 : o.apForm) == null ? void 0 : r.setFieldsValue) == null || l.call(r, e);
     }
-    function we() {
+    function he() {
       var e, o, r;
-      return (r = (o = (e = k.value) == null ? void 0 : e.apForm) == null ? void 0 : o.getFieldsValue) == null ? void 0 : r.call(o, !0);
+      return (r = (o = (e = P.value) == null ? void 0 : e.apForm) == null ? void 0 : o.getFieldsValue) == null ? void 0 : r.call(o, !0);
     }
-    function Se() {
-      return t(u);
+    function we() {
+      return t(d);
     }
     return oe({
       submit: () => V(),
       reset: () => D(),
-      refresh: () => ce(),
-      setSearchFormValues: he,
-      getSearchFormValues: we,
-      getShownColumns: Se,
-      dataSource: s(() => t(C).records),
+      refresh: () => ie(),
+      setSearchFormValues: ye,
+      getSearchFormValues: he,
+      getShownColumns: we,
+      dataSource: s(() => t(v).records),
       rowSelection: {
         selectedRows: s(() => t(B)),
-        ...v
+        ...C
       }
     }), (e, o) => (m(), T("div", {
-      class: c(ge.value)
+      class: c(me.value)
     }, [t(g)(e.dataSource) && e.searchForm !== !1 && O.value.length > 0 ? (m(), T("div", {
       key: 0,
       class: c(e.card ? t(F)("search-wrapper") : null),
       style: M(e.searchFormWrapperStyle)
     }, [f(t(Ke).SearchForm, h(e.searchForm || {}, {
       ref_key: "formRef",
-      ref: k,
+      ref: P,
       "custom-reset": "",
       onSubmit: t(V),
       onReset: t(D),
       "submit-loading": t(j).loading
     }), J({
-      default: w(() => [(m(!0), T(U, null, Q(O.value, (r) => (m(), X(xe(r.renderNode), h({
+      default: w(() => [(m(!0), T(U, null, Q(O.value, (r) => (m(), X(Fe(r.renderNode), h({
         key: r.dataIndex,
         ref_for: !0
       }, r.fieldProps || {}, {
@@ -381,7 +376,7 @@ const Fa = /* @__PURE__ */ Ce({
       key: "0"
     } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : Y("", !0), I("div", {
       ref_key: "contentRef",
-      ref: ne,
+      ref: le,
       class: c([t(F)("table-wrapper"), e.card ? t(F)("table-wrapper-card") : null]),
       style: M(e.tableWrapperStyle)
     }, [I("div", {
@@ -390,46 +385,46 @@ const Fa = /* @__PURE__ */ Ce({
       key: 0,
       class: c(t(i)("header"))
     }, [I("div", {
-      class: c(t(L)("header", "title"))
+      class: c(t(E)("header", "title"))
     }, [S(e.$slots, "title", h({
       selectedRows: t(B),
       selectedRowKeys: t(R).selectedRowKeys,
-      shownColumns: u.value
-    }, v))], 2), b.title ? (m(), X(t(Ie), {
+      shownColumns: d.value
+    }, C))], 2), b.title ? (m(), X(t(ze), {
       key: 0,
       type: "vertical"
-    })) : Y("", !0), f(ta, {
+    })) : Y("", !0), f(ea, {
       config: e.settings === !0 ? {} : e.settings
     }, {
-      trigger: w(() => [f(t(Ne), {
+      trigger: w(() => [f(t(Ie), {
         class: c(t(i)("setting-trigger-button")),
-        icon: Be(t(Ze))
+        icon: xe(t(Xe))
       }, null, 8, ["class", "icon"])]),
       _: 1
     }, 8, ["config"])], 2)) : S(e.$slots, "title", h({
       key: 1,
       selectedRows: t(B),
       selectedRowKeys: t(R).selectedRowKeys,
-      shownColumns: u.value
-    }, v))], 2), f(t(Le), h({
+      shownColumns: d.value
+    }, C))], 2), f(t(Ne), h({
       class: t(i)("table")
     }, A.value, {
       size: x.value,
-      "table-layout": me.value,
-      columns: u.value,
+      "table-layout": fe.value,
+      columns: d.value,
       onResizeColumn: o[0] || (o[0] = (r, l) => l.width = r)
     }), J({
       summary: w(() => [S(e.$slots, "summary", {
-        columns: u.value,
+        columns: d.value,
         records: A.value.dataSource
       })]),
       _: 2
     }, [Q(t(_)(b, ["title", "searchFormExtra", "headerCell", "summary"]), (r, l) => ({
       name: l,
-      fn: w((d) => [S(e.$slots, l, ke(ze(d || {})))])
+      fn: w((u) => [S(e.$slots, l, Be(Pe(u || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 2));
   }
 });
 export {
-  Fa as default
+  Ra as default
 };