@aplus-frontend/ui 0.0.1 → 0.0.2

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;
@@ -134,18 +140,16 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         };
         align: {
             type: PropType<AlignType>;
-            default: AlignType;
+            default: AlignType; /**
+             * tips
+             * 通常情况下，表格渲染是不需要请求网络数据的，因此这里删掉request，
+             * 如果需要做映射，可以在外部发起一次网络请求，然后使用valueEnum设置匹配枚举。
+             */
         };
         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,17 @@
-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 H, computed as d, createVNode as r, mergeProps as p, unref as o, watch as G, openBlock as s, createElementBlock as f, normalizeClass as b, normalizeStyle as R, withCtx as c, Fragment as Q, renderList as T, createBlock as U, resolveDynamicComponent as J, createCommentVNode as B, createElementVNode as I, renderSlot as P, createSlots as X, toDisplayString as Y, normalizeProps as Z, guardReactiveProps as ee } from "vue";
+import { Typography as ae, Table as te, Tooltip as oe } from "ant-design-vue";
+import { ApForm as ne } from "../ap-form/index.mjs";
+import { apTableRenderItemMap as le, noRenderAsFormItemValueList as v, apTableFormItemMap as re } 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 de } from "./hooks/use-table-paging.mjs";
+import { omit as k, isUndefined as se } 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 ie } from "@ant-design/icons-vue";
+import { useNamespace as ue } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as pe } from "../config-provider/hooks/use-global-config.mjs";
+const fe = {
   key: 0
-}, we = /* @__PURE__ */ K({
+}, Re = /* @__PURE__ */ H({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -120,45 +120,45 @@ const ie = {
       default: "middle"
     }
   },
-  setup(k, {
-    expose: z
+  setup(z, {
+    expose: E
   }) {
-    const o = k, {
+    const n = z, {
       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)) || [];
+    } = ue("ap-table"), L = pe("uiMode"), y = d(() => {
+      var t;
+      let a = ((t = n.columns) == null ? void 0 : t.filter((e) => !e.hideInTable)) || [];
       return a = a.map((e) => ({
         ...e,
         customRender({
           value: l,
-          ...p
+          ...u
         }) {
-          var x;
-          let b;
+          var F;
+          let g;
           if (e.customRender)
-            b = e.customRender({
+            g = e.customRender({
               value: l,
-              ...p,
+              ...u,
               column: e
             });
           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 ? {
+            const A = le[e.valueType || "text"], M = ((F = e.fieldProps) == null ? void 0 : F.field) || e.fieldProps || {}, _ = e.valueType === "switch", K = e.valueType === "index", $ = _ ? {
               checked: l
             } : {
-              value: V ? p.index + 1 : l
+              value: K ? u.index + 1 : l
             };
-            b = r(q, u(v(A, ["request"]), _, {
+            g = r(A, p(k(M, ["request"]), $, {
               mode: "read"
             }), null);
           }
-          return W(e, l, b);
+          return W(e, l, g);
         }
       })), 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) => ({
+      var a, t;
+      return ((t = (a = n.columns) == null ? void 0 : a.filter((e) => !e.hideInSearch && e.dataIndex && (e.valueType || e.customRenderFormItem) && !v.includes(e.valueType))) == null ? void 0 : t.map((e) => ({
         ...e,
         fieldProps: {
           ...e.fieldProps || {},
@@ -166,102 +166,112 @@ const ie = {
           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,
+    }), N = d(() => o(y).filter((a) => a.sorter === !0).map((a) => a.dataIndex)), D = d(() => o(y).filter((a) => a.filters && !a.onFilter).map((a) => a.dataIndex)), {
+      formRef: S,
+      submit: w,
+      reset: x,
       tableProps: i,
-      handleTableChange: O
-    } = ne({
+      handleTableChange: O,
+      data: V
+    } = de({
       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
+        const t = await ((e = n.request) == null ? void 0 : e.call(n, a));
+        return (l = n.onLoad) == null || l.call(n, (t == null ? void 0 : t.data) || []), {
+          data: (t == null ? void 0 : t.data) || [],
+          total: (t == null ? void 0 : t.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
+      filterFields: o(D),
+      sortFields: o(N),
+      defaultParams: n.params,
+      defaultData: n.defaultData,
+      manual: n.manual,
+      defaultCurrent: n.pagination ? n.pagination.defaultCurrent : void 0,
+      defaultPageSize: n.pagination ? n.pagination.defaultPageSize : void 0,
+      formatParams: n.beforeSearchSubmit
     }), j = d(() => ({
-      ...o,
-      ...t(i),
-      loading: le(o.loading) ? t(i).loading : o.loading,
-      pagination: o.pagination === !1 ? !1 : t(i).pagination
+      ...n,
+      ...o(i),
+      loading: se(n.loading) ? o(i).loading : n.loading,
+      pagination: n.pagination === !1 ? !1 : o(i).pagination
     }));
-    function W(a, n, e) {
-      return I.includes(a.valueType) ? e : a.copyable || a.ellipsis ? r(Y.Text, {
+    function W(a, t, e) {
+      return v.includes(a.valueType) ? e : a.copyable || a.ellipsis ? r(ae.Text, {
         copyable: a.copyable ? {
-          text: n,
+          text: t,
           tooltip: !1
         } : !1,
         ellipsis: a.ellipsis ? {
-          tooltip: n
+          tooltip: t
         } : !1,
         content: e
       }, null) : e;
     }
-    return z({
-      submit: () => S(),
-      reset: () => w()
-    }), (a, n) => (s(), f("div", {
-      class: g(a.card ? null : t(m)("wrapper"))
+    G(() => o(V).loading, (a) => {
+      var t;
+      (t = n.onLoadingChange) == null || t.call(n, a);
+    });
+    function q(a) {
+      var t, e, l;
+      (l = (e = (t = S.value) == null ? void 0 : t.apForm) == null ? void 0 : e.setFieldsValue) == null || l.call(e, a);
+    }
+    return E({
+      submit: () => w(),
+      reset: () => x(),
+      setSearchFormValues: q
+    }), (a, t) => (s(), f("div", {
+      class: b(a.card ? null : o(m)("wrapper"))
     }, [a.searchForm !== !1 && C.value.length > 0 ? (s(), f("div", {
       key: 0,
-      class: g(a.card ? t(h)("search-wrapper") : null),
+      class: b(a.card ? o(h)("search-wrapper") : null),
       style: R(a.searchFormWrapperStyle)
-    }, [r(t(ae).SearchForm, u(a.searchForm || {}, {
+    }, [r(o(ne).SearchForm, p(a.searchForm || {}, {
       ref_key: "formRef",
-      ref: L,
+      ref: S,
       "custom-reset": "",
-      onSubmit: t(S),
-      onReset: t(w),
-      "submit-loading": t(i).loading
+      onSubmit: o(w),
+      onReset: o(x),
+      "submit-loading": o(i).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({
+      default: c(() => [(s(!0), f(Q, null, T(C.value, (e) => (s(), U(J(e.customRenderFormItem ? e.customRenderFormItem(e) : o(re)[e.valueType || "text"]), p({
         key: e.dataIndex,
         ref_for: !0
       }, e.fieldProps || {}, {
         span: e.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),
+    }, 16, ["onSubmit", "onReset", "submit-loading"])], 6)) : B("", !0), I("div", {
+      class: b(a.card ? o(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")
+    }, [P(a.$slots, "title"), r(o(te), p({
+      class: o(L) === "admin" ? o(m)("table-admin") : o(m)("table")
     }, j.value, {
-      onChange: t(O),
+      onChange: o(O),
       columns: y.value
-    }), Q({
+    }), X({
       headerCell: c(({
         column: e,
         title: l
-      }) => [e.tooltip ? (s(), f("span", ie, [B("span", null, U(l), 1), r(t(ee), {
+      }) => [e.tooltip ? (s(), f("span", fe, [I("span", null, Y(l), 1), r(o(oe), {
         title: e.tooltip,
         placement: "bottom"
       }, {
-        default: c(() => [r(t(re), {
+        default: c(() => [r(o(ie), {
           style: {
             color: "#0070ff",
             "padding-left": "4px"
           }
         })]),
         _: 2
-      }, 1032, ["title"])])) : T("", !0)]),
+      }, 1032, ["title"])])) : B("", !0)]),
       _: 2
-    }, [F(t(v)(a.$slots, "title"), (e, l) => ({
+    }, [T(o(k)(a.$slots, "title"), (e, l) => ({
       name: l,
-      fn: c((p) => [P(a.$slots, l, J(X(p || {})))])
+      fn: c((u) => [P(a.$slots, l, Z(ee(u || {})))])
     }))]), 1040, ["class", "onChange", "columns"])], 6)], 2));
   }
 });
 export {
-  we as default
+  Re as default
 };