@aplus-frontend/ui 0.0.1 → 0.0.3

package/es/src/ap-form/items/select/index.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as b, ref as h, openBlock as B, createBlock as v, normalizeProps as s, guardReactiveProps as p, unref as l, withCtx as i, createVNode as y, mergeProps as g, createSlots as P, renderList as C, renderSlot as S } from "vue";
+import { defineComponent as c, ref as m, computed as b, openBlock as h, createBlock as v, normalizeProps as r, guardReactiveProps as a, unref as s, withCtx as n, createVNode as B, createSlots as _, renderList as x, renderSlot as y } from "vue";
 import "../../ap-form-item.vue2.mjs";
 import "../../../ap-field/index.mjs";
-import { omit as f } from "lodash-unified";
-import _ from "../../ap-form-item.vue.mjs";
-import k from "../../../ap-field/select/index.vue.mjs";
-const z = /* @__PURE__ */ b({
+import { isUndefined as g, omit as S } from "lodash-unified";
+import C from "../../ap-form-item.vue.mjs";
+import F from "../../../ap-field/select/index.vue.mjs";
+const q = /* @__PURE__ */ c({
   name: "ApFormItemSelect",
   __name: "index",
   props: {
@@ -48,42 +48,42 @@ const z = /* @__PURE__ */ b({
     placeholder: {},
     disabled: { type: Boolean, default: !1 }
   },
-  setup(n, { expose: u }) {
-    const m = n, o = h();
-    return u({
+  setup(p, { expose: i }) {
+    const o = p, t = m();
+    i({
       focus: () => {
         var e;
-        (e = o.value) == null || e.focus();
+        (e = t.value) == null || e.focus();
       },
       blur: () => {
         var e;
-        (e = o.value) == null || e.blur();
+        (e = t.value) == null || e.blur();
       }
-    }), (e, $) => (B(), v(_, s(p(l(f)(m, ["field", "placeholder", "disabled"]))), {
-      default: i(() => {
-        var r, a, d;
-        return [
-          y(l(k), g(l(f)(e.field, ["fieldProps"]), {
-            "field-props": {
-              placeholder: e.placeholder,
-              disabled: e.disabled,
-              ...((r = e.field) == null ? void 0 : r.fieldProps) || {},
-              bordered: e.bordered ? !1 : ((d = (a = e.field) == null ? void 0 : a.fieldProps) == null ? void 0 : d.bordered) || !1
-            }
-          }), P({ _: 2 }, [
-            C(e.$slots, (w, t) => ({
-              name: t,
-              fn: i((c) => [
-                S(e.$slots, t, s(p(c || {})))
-              ])
-            }))
-          ]), 1040, ["field-props"])
-        ];
-      }),
+    });
+    const f = b(() => {
+      var e, l;
+      return {
+        placeholder: o.placeholder,
+        disabled: o.disabled,
+        ...o.field || {},
+        bordered: o.bordered ? !1 : g((e = o.field) == null ? void 0 : e.bordered) ? !0 : (l = o.field) == null ? void 0 : l.bordered
+      };
+    });
+    return (e, l) => (h(), v(C, r(a(s(S)(o, ["field", "placeholder", "disabled"]))), {
+      default: n(() => [
+        B(s(F), r(a(f.value)), _({ _: 2 }, [
+          x(e.$slots, ($, d) => ({
+            name: d,
+            fn: n((u) => [
+              y(e.$slots, d, r(a(u || {})))
+            ])
+          }))
+        ]), 1040)
+      ]),
       _: 3
     }, 16));
   }
 });
 export {
-  z as default
+  q as default
 };

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

@@ -23,6 +23,11 @@ type ApTableSlots = {
     customFilterIcon?: any;
     customFilterDropdown?: any;
 };
+/**
+ * 设置查询表单值
+ * @param fields
+ */
+declare function setSearchFormValues(fields: any): void;
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableProps<any, any, "text">>, {
     bordered: boolean;
     childrenColumnName: string;
@@ -44,6 +49,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
 }>, {
     submit: () => void;
     reset: () => void;
+    setSearchFormValues: typeof setSearchFormValues;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTableProps<any, any, "text">>, {
     bordered: boolean;
     childrenColumnName: string;
@@ -139,13 +145,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         builtinPlacements: {
             type: PropType<BuildInPlacements>;
             default: BuildInPlacements;
-        }; /**
-         * 获取需要在查询表单中显示的字段
-         * 1. 在搜索表单中未隐藏
-         * 2. 有dataIndex（映射到value）
-         * 3. 有valueType 指定渲染的表单
-         * 4. 没有在非表单组件名单中
-         */
+        };
         children: ArrayConstructor;
         onVisibleChange: PropType<(vis: boolean) => void>;
         'onUpdate:visible': PropType<(vis: boolean) => void>;

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

@@ -1,17 +1,19 @@
-import { defineComponent as K, computed as d, createVNode as r, mergeProps as u, unref as t, openBlock as s, createElementBlock as f, normalizeClass as g, normalizeStyle as R, withCtx as c, Fragment as $, renderList as F, createBlock as H, resolveDynamicComponent as G, createCommentVNode as T, createElementVNode as B, renderSlot as P, createSlots as Q, toDisplayString as U, normalizeProps as J, guardReactiveProps as X } from "vue";
-import { Typography as Y, Table as Z, Tooltip as ee } from "ant-design-vue";
-import { ApForm as ae } from "../ap-form/index.mjs";
-import { apTableRenderItemMap as te, noRenderAsFormItemValueList as I, apTableFormItemMap as oe } from "./constants.mjs";
+import { defineComponent as U, computed as u, createVNode as d, mergeProps as f, unref as n, watch as J, openBlock as i, createElementBlock as m, normalizeClass as b, normalizeStyle as T, withCtx as y, Fragment as X, renderList as B, createBlock as Y, resolveDynamicComponent as Z, createCommentVNode as I, createElementVNode as v, renderSlot as P, createSlots as ee, toDisplayString as ae, normalizeProps as te, guardReactiveProps as oe } from "vue";
+import { Typography as ne, Table as le, Tooltip as re } from "ant-design-vue";
+import { ApForm as de } from "../ap-form/index.mjs";
+import { apTableRenderItemMap as se, noRenderAsFormItemValueList as k, apTableFormItemMap as ue } from "./constants.mjs";
 import "../config-provider/index.mjs";
-import { useTablePaging as ne } from "./hooks/use-table-paging.mjs";
-import { omit as v, isUndefined as le } from "lodash-unified";
+import { useTablePaging as ie } from "./hooks/use-table-paging.mjs";
+import { omit as O, isUndefined as pe } from "lodash-unified";
 import "./style/ap-table.css";
-import { QuestionCircleOutlined as re } from "@ant-design/icons-vue";
-import { useNamespace as de } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as se } from "../config-provider/hooks/use-global-config.mjs";
-const ie = {
+import { QuestionCircleOutlined as ce } from "@ant-design/icons-vue";
+import { getFieldProps as z, getColumnOrder as E, getPlaceholder as fe } from "./utils.mjs";
+import { useLocale as me } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ye } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ge } from "../config-provider/hooks/use-global-config.mjs";
+const he = {
   key: 0
-}, we = /* @__PURE__ */ K({
+}, Oe = /* @__PURE__ */ U({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -120,148 +122,170 @@ const ie = {
       default: "middle"
     }
   },
-  setup(k, {
-    expose: z
+  setup(L, {
+    expose: N
   }) {
-    const o = k, {
-      e: h,
-      b: m
-    } = de("ap-table"), E = se("uiMode"), y = d(() => {
-      var n;
-      let a = ((n = o.columns) == null ? void 0 : n.filter((e) => !e.hideInTable)) || [];
-      return a = a.map((e) => ({
-        ...e,
+    const l = L, {
+      t: D
+    } = me(), {
+      e: C,
+      b: g
+    } = ye("ap-table"), V = ge("uiMode"), h = u(() => {
+      var o;
+      let e = ((o = l.columns) == null ? void 0 : o.filter((a) => !a.hideInTable)) || [];
+      return e = e.map((a) => ({
+        ...a,
         customRender({
-          value: l,
-          ...p
+          value: t,
+          ...r
         }) {
-          var x;
-          let b;
-          if (e.customRender)
-            b = e.customRender({
-              value: l,
-              ...p,
-              column: e
+          let s;
+          if (a.customRender)
+            s = a.customRender({
+              value: t,
+              ...r,
+              column: a
             });
           else {
-            const q = te[e.valueType || "text"], A = ((x = e.fieldProps) == null ? void 0 : x.field) || e.fieldProps || {}, M = e.valueType === "switch", V = e.valueType === "index", _ = M ? {
-              checked: l
+            const R = se[a.valueType || "text"], c = z(a.fieldProps, {
+              value: t,
+              ...r
+            }), $ = (c == null ? void 0 : c.field) || c || {}, H = a.valueType === "switch", G = a.valueType === "index", Q = H ? {
+              checked: t
             } : {
-              value: V ? p.index + 1 : l
+              value: G ? r.index + 1 : t
             };
-            b = r(q, u(v(A, ["request"]), _, {
+            s = d(R, f(O($, ["request"]), Q, {
               mode: "read"
             }), null);
           }
-          return W(e, l, b);
+          return _(a, t, s);
         }
-      })), a;
-    }), C = d(() => {
-      var a, n;
-      return ((n = (a = o.columns) == null ? void 0 : a.filter((e) => !e.hideInSearch && e.dataIndex && e.valueType && !I.includes(e.valueType))) == null ? void 0 : n.map((e) => ({
-        ...e,
-        fieldProps: {
-          ...e.fieldProps || {},
-          label: e.title,
-          name: e.dataIndex
-        }
-      }))) || [];
-    }), N = d(() => t(y).filter((a) => a.sorter === !0).map((a) => a.dataIndex)), D = d(() => t(y).filter((a) => a.filters && !a.onFilter).map((a) => a.dataIndex)), {
-      formRef: L,
-      submit: S,
-      reset: w,
-      tableProps: i,
-      handleTableChange: O
-    } = ne({
-      async request(a) {
-        var e, l;
-        const n = await ((e = o.request) == null ? void 0 : e.call(o, a));
-        return (l = o.onLoad) == null || l.call(o, (n == null ? void 0 : n.data) || []), {
-          data: (n == null ? void 0 : n.data) || [],
-          total: (n == null ? void 0 : n.total) || 0
+      })), e;
+    }), S = u(() => {
+      var e, o, a;
+      return ((a = (o = (e = l.columns) == null ? void 0 : e.filter((t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !k.includes(t.valueType))) == null ? void 0 : o.sort((t, r) => {
+        let s = E(t.order);
+        return E(r.order) - s;
+      })) == null ? void 0 : a.map((t) => {
+        const r = z(t.fieldProps);
+        return {
+          ...t,
+          fieldProps: {
+            ...r || {},
+            label: t.title,
+            name: t.dataIndex,
+            // 格式化placeholder
+            placeholder: fe(D, t.valueType, r == null ? void 0 : r.placeholder)
+          }
+        };
+      })) || [];
+    }), j = u(() => n(h).filter((e) => e.sorter === !0).map((e) => e.dataIndex)), W = u(() => n(h).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex)), {
+      formRef: w,
+      submit: x,
+      reset: F,
+      tableProps: p,
+      handleTableChange: q,
+      data: A
+    } = ie({
+      async request(e) {
+        var a, t;
+        const o = await ((a = l.request) == null ? void 0 : a.call(l, e));
+        return (t = l.onLoad) == null || t.call(l, (o == null ? void 0 : o.data) || []), {
+          data: (o == null ? void 0 : o.data) || [],
+          total: (o == null ? void 0 : o.total) || 0
         };
       },
-      filterFields: t(D),
-      sortFields: t(N),
-      defaultParams: o.params,
-      defaultData: o.defaultData,
-      manual: o.manual,
-      defaultCurrent: o.pagination ? o.pagination.defaultCurrent : void 0,
-      defaultPageSize: o.pagination ? o.pagination.defaultPageSize : void 0,
-      formatParams: o.beforeSearchSubmit
-    }), j = d(() => ({
-      ...o,
-      ...t(i),
-      loading: le(o.loading) ? t(i).loading : o.loading,
-      pagination: o.pagination === !1 ? !1 : t(i).pagination
+      filterFields: n(W),
+      sortFields: n(j),
+      defaultParams: l.params,
+      defaultData: l.defaultData,
+      manual: l.manual,
+      defaultCurrent: l.pagination ? l.pagination.defaultCurrent : void 0,
+      defaultPageSize: l.pagination ? l.pagination.defaultPageSize : void 0,
+      formatParams: l.beforeSearchSubmit
+    }), M = u(() => ({
+      ...l,
+      ...n(p),
+      loading: pe(l.loading) ? n(p).loading : l.loading,
+      pagination: l.pagination === !1 ? !1 : n(p).pagination
     }));
-    function W(a, n, e) {
-      return I.includes(a.valueType) ? e : a.copyable || a.ellipsis ? r(Y.Text, {
-        copyable: a.copyable ? {
-          text: n,
+    function _(e, o, a) {
+      return k.includes(e.valueType) ? a : e.copyable || e.ellipsis ? d(ne.Text, {
+        copyable: e.copyable ? {
+          text: o,
           tooltip: !1
         } : !1,
-        ellipsis: a.ellipsis ? {
-          tooltip: n
+        ellipsis: e.ellipsis ? {
+          tooltip: o
         } : !1,
-        content: e
-      }, null) : e;
+        content: a
+      }, null) : a;
+    }
+    J(() => n(A).loading, (e) => {
+      var o;
+      (o = l.onLoadingChange) == null || o.call(l, e);
+    });
+    function K(e) {
+      var o, a, t;
+      (t = (a = (o = w.value) == null ? void 0 : o.apForm) == null ? void 0 : a.setFieldsValue) == null || t.call(a, e);
     }
-    return z({
-      submit: () => S(),
-      reset: () => w()
-    }), (a, n) => (s(), f("div", {
-      class: g(a.card ? null : t(m)("wrapper"))
-    }, [a.searchForm !== !1 && C.value.length > 0 ? (s(), f("div", {
+    return N({
+      submit: () => x(),
+      reset: () => F(),
+      setSearchFormValues: K
+    }), (e, o) => (i(), m("div", {
+      class: b(e.card ? null : n(g)("wrapper"))
+    }, [e.searchForm !== !1 && S.value.length > 0 ? (i(), m("div", {
       key: 0,
-      class: g(a.card ? t(h)("search-wrapper") : null),
-      style: R(a.searchFormWrapperStyle)
-    }, [r(t(ae).SearchForm, u(a.searchForm || {}, {
+      class: b(e.card ? n(C)("search-wrapper") : null),
+      style: T(e.searchFormWrapperStyle)
+    }, [d(n(de).SearchForm, f(e.searchForm || {}, {
       ref_key: "formRef",
-      ref: L,
+      ref: w,
       "custom-reset": "",
-      onSubmit: t(S),
-      onReset: t(w),
-      "submit-loading": t(i).loading
+      onSubmit: n(x),
+      onReset: n(F),
+      "submit-loading": n(p).loading
     }), {
-      default: c(() => [(s(!0), f($, null, F(C.value, (e) => (s(), H(G(e.customRenderFormItem ? e.customRenderFormItem(e) : t(oe)[e.valueType || "text"]), u({
-        key: e.dataIndex,
+      default: y(() => [(i(!0), m(X, null, B(S.value, (a) => (i(), Y(Z(a.customRenderFormItem ? a.customRenderFormItem(a) : n(ue)[a.valueType || "text"]), f({
+        key: a.dataIndex,
         ref_for: !0
-      }, e.fieldProps || {}, {
-        span: e.span
+      }, a.fieldProps || {}, {
+        span: a.span
       }), null, 16, ["span"]))), 128))]),
       _: 1
-    }, 16, ["onSubmit", "onReset", "submit-loading"])], 6)) : T("", !0), B("div", {
-      class: g(a.card ? t(h)("table-wrapper") : null),
-      style: R(a.tableWrapperStyle)
-    }, [P(a.$slots, "title"), r(t(Z), u({
-      class: t(E) === "admin" ? t(m)("table-admin") : t(m)("table")
-    }, j.value, {
-      onChange: t(O),
-      columns: y.value
-    }), Q({
-      headerCell: c(({
-        column: e,
-        title: l
-      }) => [e.tooltip ? (s(), f("span", ie, [B("span", null, U(l), 1), r(t(ee), {
-        title: e.tooltip,
+    }, 16, ["onSubmit", "onReset", "submit-loading"])], 6)) : I("", !0), v("div", {
+      class: b(e.card ? n(C)("table-wrapper") : null),
+      style: T(e.tableWrapperStyle)
+    }, [P(e.$slots, "title"), d(n(le), f({
+      class: n(V) === "admin" ? n(g)("table-admin") : n(g)("table")
+    }, M.value, {
+      onChange: n(q),
+      columns: h.value
+    }), ee({
+      headerCell: y(({
+        column: a,
+        title: t
+      }) => [a.tooltip ? (i(), m("span", he, [v("span", null, ae(t), 1), d(n(re), {
+        title: a.tooltip,
         placement: "bottom"
       }, {
-        default: c(() => [r(t(re), {
+        default: y(() => [d(n(ce), {
           style: {
             color: "#0070ff",
             "padding-left": "4px"
           }
         })]),
         _: 2
-      }, 1032, ["title"])])) : T("", !0)]),
+      }, 1032, ["title"])])) : I("", !0)]),
       _: 2
-    }, [F(t(v)(a.$slots, "title"), (e, l) => ({
-      name: l,
-      fn: c((p) => [P(a.$slots, l, J(X(p || {})))])
+    }, [B(n(O)(e.$slots, "title"), (a, t) => ({
+      name: t,
+      fn: y((r) => [P(e.$slots, t, te(oe(r || {})))])
     }))]), 1040, ["class", "onChange", "columns"])], 6)], 2));
   }
 });
 export {
-  we as default
+  Oe as default
 };