@aplus-frontend/ui 6.42.1 → 7.0.0-beta.1

package/es/src/business/ap-view/ap-view.vue2.mjs

@@ -1,19 +1,20 @@
-import { defineComponent as $, computed as C, ref as p, createVNode as K, watch as U, createBlock as Y, openBlock as z, unref as y, mergeProps as M, withCtx as R, createElementVNode as q, normalizeClass as H } from "vue";
+import { defineComponent as U, computed as F, ref as y, createVNode as K, watch as Y, createBlock as z, openBlock as M, unref as u, mergeProps as R, withCtx as q, createElementVNode as H, normalizeClass as J } from "vue";
 import "../../config-provider/index.mjs";
-import J from "./icons/line-down.vue.mjs";
-import { ApBatchActionGroup as Q } from "../ap-batch-action-group/index.mjs";
+import Q from "./icons/line-down.vue.mjs";
+import { ApBatchActionGroup as X } from "../ap-batch-action-group/index.mjs";
 import "./components/main-button-content.vue.mjs";
 import "./components/menu-list-content.vue.mjs";
-import { useViewProvide as X } from "./hooks/use-view-provide.mjs";
-import { useInjectApTable as Z } from "../../ap-table/context.mjs";
-import { SYSTEM_VIEW_KEY as u } from "./utils/enum.mjs";
-import { isValid as ee } from "@aplus-frontend/utils";
-import { useGlobalConfig as te } from "../../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as ae } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as ie } from "../../config-provider/hooks/use-locale.mjs";
-import se from "./components/main-button-content.vue2.mjs";
-import oe from "./components/menu-list-content.vue2.mjs";
-const Ke = /* @__PURE__ */ $({
+import { useViewProvide as Z } from "./hooks/use-view-provide.mjs";
+import { useInjectApTable as ee } from "../../ap-table/context.mjs";
+import { SYSTEM_VIEW_KEY as c } from "./utils/enum.mjs";
+import { isValid as te } from "@aplus-frontend/utils";
+import ae from "./style/index.mjs";
+import { useGlobalConfig as ie } from "../../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as se } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as oe } from "../../config-provider/hooks/use-locale.mjs";
+import re from "./components/main-button-content.vue2.mjs";
+import ne from "./components/menu-list-content.vue2.mjs";
+const De = /* @__PURE__ */ U({
   name: "ApView",
   __name: "ap-view",
   props: {
@@ -37,71 +38,71 @@ const Ke = /* @__PURE__ */ $({
     },
     emptyData: {}
   },
-  setup(F, {
+  setup(I, {
     expose: N
   }) {
-    const s = F, _ = te("viewCacheOption"), {
-      b: V
-    } = ae("ap-view"), {
-      t: I
-    } = ie(), d = C(() => ({
-      viewKey: u,
-      viewName: I("ap.apView.systemView")
+    const s = I, _ = ie("viewCacheOption"), {
+      b: d
+    } = se("ap-view"), {
+      t: O
+    } = oe(), b = ae("ap-view"), V = F(() => ({
+      viewKey: c,
+      viewName: O("ap.apView.systemView")
     })), {
-      getSearchFormValues: O,
-      setSearchFormValues: L,
-      submit: x,
-      reset: B,
-      submitWith: E,
-      getSearchFormSorterItems: k,
-      setSearchFormSorterItems: A,
-      resetSearchFormSorterItems: P
-    } = Z(), T = p(!1), S = p(!1), w = p("");
-    let c = !1, b = !1;
-    const W = {
+      getSearchFormValues: L,
+      setSearchFormValues: x,
+      submit: B,
+      reset: E,
+      submitWith: k,
+      getSearchFormSorterItems: A,
+      setSearchFormSorterItems: P,
+      resetSearchFormSorterItems: T
+    } = ee(), W = y(!1), S = y(!1), v = y("");
+    let f = !1, g = !1;
+    const j = {
       dropdownType: "dropdown",
-      content: K(se, {
+      content: K(re, {
         maxViewNum: s.maxViewNum
       }, null)
-    }, i = p([d.value]), j = C(() => i.value.map((t) => ({
+    }, i = y([V.value]), G = F(() => i.value.map((t) => ({
       id: t.viewKey,
-      content: K(oe, {
+      content: K(ne, {
         view: t
       }, null)
     }))), r = {
-      getSearchFormValues: O,
-      setSearchFormValues: L,
-      submit: x,
-      reset: B,
-      submitWith: E,
-      getSearchFormSorterItems: k,
-      setSearchFormSorterItems: A,
-      resetSearchFormSorterItems: P,
+      getSearchFormValues: L,
+      setSearchFormValues: x,
+      submit: B,
+      reset: E,
+      submitWith: k,
+      getSearchFormSorterItems: A,
+      setSearchFormSorterItems: P,
+      resetSearchFormSorterItems: T,
       ...s.saveDataSource
-    }, v = {
+    }, p = {
       ..._.value,
       ...s.viewCacheOption
-    }, g = () => s.isDefaultSystemView ? u : (s.isFirstDefaultSystemView || b) && c ? u : i.value.find((a) => a.isDefault)?.viewKey ?? u, l = (t) => {
-      w.value = t;
-      const a = i.value.find((e) => e.viewKey === w.value);
+    }, D = () => s.isDefaultSystemView ? c : (s.isFirstDefaultSystemView || g) && f ? c : i.value.find((a) => a.isDefault)?.viewKey ?? c, l = (t) => {
+      v.value = t;
+      const a = i.value.find((e) => e.viewKey === v.value);
       a && setTimeout(() => {
-        a.viewKey === u ? c ? s.manual || r?.submitWith?.() : s.manual || (r?.resetSearchFormSorterItems?.(), r?.reset?.()) : (r?.setSearchFormValues?.({
+        a.viewKey === c ? f ? s.manual || r?.submitWith?.() : s.manual || (r?.resetSearchFormSorterItems?.(), r?.reset?.()) : (r?.setSearchFormValues?.({
           ...Object.fromEntries(Object.keys(r?.getSearchFormValues?.() ?? {}).map((e) => [e, void 0])) ?? {},
           ...s?.emptyData ?? {},
           ...r?.getSearchFormSorterItems?.()?.reduce((e, o) => (a.viewConfig?.searchForm?.[o.name] && (e[o.name] = a.viewConfig?.searchForm?.[o.name]), e), {}) ?? {}
-        }), r?.setSearchFormSorterItems?.(a.viewConfig?.sorterItems ?? []), c ? s.manual || r?.submitWith?.() : r?.submit?.()), c = !1;
+        }), r?.setSearchFormSorterItems?.(a.viewConfig?.sorterItems ?? []), f ? s.manual || r?.submitWith?.() : r?.submit?.()), f = !1;
       });
-    }, D = {
+    }, C = {
       getViewList: async (t) => {
         try {
           const {
             tableKey: a
-          } = t, e = await v?.getViewList?.({
+          } = t, e = await p?.getViewList?.({
             tableKey: a
           });
-          return i.value = [d.value, ...e ?? []], l(g()), i.value;
+          return i.value = [V.value, ...e ?? []], l(D()), i.value;
         } catch {
-          return i.value = [d.value], l(u), i.value;
+          return i.value = [V.value], l(c), i.value;
         }
       },
       addView: async (t) => {
@@ -110,14 +111,14 @@ const Ke = /* @__PURE__ */ $({
           viewKey: e,
           viewName: o,
           isDefault: n,
-          viewConfig: f
+          viewConfig: w
         } = t;
-        await v?.addView?.({
+        await p?.addView?.({
           tableKey: a,
           viewKey: e,
           viewName: o,
           isDefault: n,
-          viewConfig: f
+          viewConfig: w
         }), n && (i.value = i.value.map((m) => ({
           ...m,
           isDefault: !1
@@ -125,7 +126,7 @@ const Ke = /* @__PURE__ */ $({
           viewKey: e,
           viewName: o,
           isDefault: n,
-          viewConfig: f
+          viewConfig: w
         }], l(e);
       },
       changeView: async (t) => {
@@ -134,70 +135,70 @@ const Ke = /* @__PURE__ */ $({
           viewKey: e,
           viewName: o,
           isDefault: n,
-          viewConfig: f
+          viewConfig: w
         } = t;
-        await v?.changeView?.({
+        await p?.changeView?.({
           tableKey: a,
           viewKey: e,
           viewName: o,
           isDefault: n,
-          viewConfig: f
+          viewConfig: w
         }), n && (i.value = i.value.map((h) => ({
           ...h,
           isDefault: !1
         })));
         const m = i.value.find((h) => h.viewKey === e);
-        m && (m.viewName = o, m.isDefault = n, m.viewConfig = f), l(e);
+        m && (m.viewName = o, m.isDefault = n, m.viewConfig = w), l(e);
       },
       removeView: async (t) => {
         const {
           tableKey: a,
           viewKey: e
         } = t;
-        await v?.removeView?.({
+        await p?.removeView?.({
           tableKey: a,
           viewKey: e
-        }), i.value = i.value.filter((o) => o.viewKey !== e), e === w.value && l(g());
+        }), i.value = i.value.filter((o) => o.viewKey !== e), e === v.value && l(D());
       }
-    }, G = {
+    }, $ = {
       tableKey: s.tableKey,
-      currentViewKey: w,
+      currentViewKey: v,
       changeCurrentViewKey: l,
-      popoverOpen: T,
+      popoverOpen: W,
       menuOpen: S,
       viewList: i,
-      viewListCRUD: D,
+      viewListCRUD: C,
       saveDataSource: r
     };
-    return X(G), U(() => s.tableKey, (t) => {
-      ee(t) && (c = !0, D?.getViewList?.({
+    return Z($), Y(() => s.tableKey, (t) => {
+      te(t) && (f = !0, C?.getViewList?.({
         tableKey: t
       }));
     }, {
       immediate: !0
     }), N({
       setFirstDefaultSystemView: (t) => {
-        b = t;
+        g = t;
       }
-    }), (t, a) => (z(), Y(y(Q), M({
+    }), (t, a) => (M(), z(u(X), R({
       ...t.$attrs
     }, {
       open: S.value,
       "onUpdate:open": a[0] || (a[0] = (e) => S.value = e),
-      class: [y(V)()],
-      "button-props": W,
-      "menu-list": j.value,
-      "overlay-class-name": [y(V)("overlay")],
+      class: [u(d)(), u(b)],
+      "button-props": j,
+      "menu-list": G.value,
+      "overlay-class-name": [u(d)("overlay"), u(b)],
       trigger: "click",
       placement: "bottom"
     }), {
-      icon: R(() => [q("div", {
-        class: H([y(V)("icon")])
-      }, [K(J)], 2)]),
+      icon: q(() => [H("div", {
+        class: J([u(d)("icon")])
+      }, [K(Q)], 2)]),
       _: 1
     }, 16, ["open", "class", "menu-list", "overlay-class-name"]));
   }
 });
 export {
-  Ke as default
+  De as default
 };

package/es/src/business/ap-view/components/main-button-content.vue2.mjs

@@ -1,57 +1,58 @@
-import { defineComponent as I, ref as T, computed as z, watch as $, createBlock as L, openBlock as Y, unref as e, withCtx as t, createElementVNode as c, normalizeClass as r, createVNode as a, createSlots as E, toDisplayString as m, createTextVNode as v } from "vue";
-import { Popover as K, Tooltip as R, Space as h, Checkbox as U } from "@aplus-frontend/antdv";
+import { defineComponent as T, ref as z, computed as $, watch as L, createBlock as Y, openBlock as E, unref as e, withCtx as t, createElementVNode as u, normalizeClass as r, createVNode as a, createSlots as K, toDisplayString as s, createTextVNode as d } from "vue";
+import { Popover as R, Tooltip as U, Space as y, Checkbox as j } from "@aplus-frontend/antdv";
 import "../../../config-provider/index.mjs";
-import j from "../icons/line-eye.vue.mjs";
+import q from "../icons/line-eye.vue.mjs";
 import "../../../ap-form/ap-form.vue.mjs";
-import { ApField as q } from "../../../ap-field/index.mjs";
+import { ApField as B } from "../../../ap-field/index.mjs";
 import "../../../ap-button/index.mjs";
-import B from "dayjs";
-import { useViewInject as M } from "../hooks/use-view-provide.mjs";
-import { generateUniqueKey as O } from "../utils/uuid.mjs";
+import M from "dayjs";
+import { useViewInject as O } from "../hooks/use-view-provide.mjs";
+import { generateUniqueKey as A } from "../utils/uuid.mjs";
 import { cloneDeep as g } from "lodash-unified";
-import { useLocale as A } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as P } from "../../../config-provider/hooks/use-namespace.mjs";
-import d from "../../../ap-form/ap-form.vue2.mjs";
-import y from "../../../ap-button/ap-button.vue.mjs";
-const me = /* @__PURE__ */ I({
+import P from "../style/index.mjs";
+import { useLocale as G } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as H } from "../../../config-provider/hooks/use-namespace.mjs";
+import w from "../../../ap-form/ap-form.vue2.mjs";
+import x from "../../../ap-button/ap-button.vue.mjs";
+const ce = /* @__PURE__ */ T({
   __name: "main-button-content",
   props: {
     maxViewNum: {}
   },
-  setup(x) {
-    const u = x, { t: o } = A(), { b: n } = P("ap-view"), w = T(), { tableKey: N, popoverOpen: s, viewList: p, saveDataSource: V, viewListCRUD: F } = M(), _ = z({
-      get: () => s.value && p.value.length < u.maxViewNum + 1,
+  setup(N) {
+    const f = N, { t: o } = G(), { b: n } = H("ap-view"), m = P("ap-view"), V = z(), { tableKey: F, popoverOpen: p, viewList: c, saveDataSource: h, viewListCRUD: b } = O(), _ = $({
+      get: () => p.value && c.value.length < f.maxViewNum + 1,
       set: (l) => {
-        p.value.length < u.maxViewNum + 1 && (s.value = l);
+        c.value.length < f.maxViewNum + 1 && (p.value = l);
       }
     });
-    $(s, (l) => {
-      l && (w.value?.resetFields(), setTimeout(() => {
-        w.value?.setFieldsValue({
-          isDefault: !p.value.some((i) => i.isDefault)
+    L(p, (l) => {
+      l && (V.value?.resetFields(), setTimeout(() => {
+        V.value?.setFieldsValue({
+          isDefault: !c.value.some((i) => i.isDefault)
         });
       }));
     });
-    const b = async (l) => {
-      const { viewName: i, isDefault: f } = l, D = O(), k = g(
-        V?.getSearchFormValues?.(
-          !!V?.searchFormTransform
+    const D = async (l) => {
+      const { viewName: i, isDefault: v } = l, S = A(), k = g(
+        h?.getSearchFormValues?.(
+          !!h?.searchFormTransform
         )
-      ), C = g(V?.getSearchFormSorterItems?.()), S = {
+      ), C = g(h?.getSearchFormSorterItems?.()), I = {
         searchForm: k,
         sorterItems: C
       };
-      await F.addView?.({
-        tableKey: N,
-        viewKey: D,
+      await b.addView?.({
+        tableKey: F,
+        viewKey: S,
         viewName: i,
-        isDefault: f,
-        viewConfig: S
-      }), s.value = !1;
+        isDefault: v,
+        viewConfig: I
+      }), p.value = !1;
     };
-    return (l, i) => (Y(), L(e(K), {
+    return (l, i) => (E(), Y(e(R), {
       open: _.value,
-      "onUpdate:open": i[1] || (i[1] = (f) => _.value = f),
+      "onUpdate:open": i[1] || (i[1] = (v) => _.value = v),
       placement: "bottom",
       trigger: "click",
       arrow: !1,
@@ -60,33 +61,33 @@ const me = /* @__PURE__ */ I({
       }
     }, {
       content: t(() => [
-        c("div", {
-          class: r([e(n)("main-content-popover")])
+        u("div", {
+          class: r([e(n)("main-content-popover"), e(m)])
         }, [
-          a(d, {
+          a(w, {
             ref_key: "formRef",
-            ref: w,
+            ref: V,
             layout: "vertical",
             "initial-values": {
-              viewName: `${e(o)("ap.apView.newView")} ${e(B)().format("YYYY-MM-DD").toString()}`
+              viewName: `${e(o)("ap.apView.newView")} ${e(M)().format("YYYY-MM-DD").toString()}`
             },
-            onFinish: b
+            onFinish: D
           }, {
             default: t(() => [
-              c("div", {
-                class: r([e(n)("main-content-popover-title-content")])
+              u("div", {
+                class: r([e(n)("main-content-popover-title-content"), e(m)])
               }, [
-                c("div", {
+                u("div", {
                   class: r([e(n)("main-content-popover-title-content-title")])
-                }, m(e(o)("ap.apView.saveNewView")), 3),
-                a(d.FormItem, {
+                }, s(e(o)("ap.apView.saveNewView")), 3),
+                a(w.FormItem, {
                   name: "isDefault",
                   "value-prop-name": "checked"
                 }, {
                   default: t(() => [
-                    a(e(U), null, {
+                    a(e(j), null, {
                       default: t(() => [
-                        v(m(e(o)("ap.apView.setDefault")), 1)
+                        d(s(e(o)("ap.apView.setDefault")), 1)
                       ]),
                       _: 1
                     })
@@ -94,13 +95,13 @@ const me = /* @__PURE__ */ I({
                   _: 1
                 })
               ], 2),
-              a(d.FormItem, {
+              a(w.FormItem, {
                 label: e(o)("ap.apView.viewName"),
                 name: "viewName",
                 rules: [{ required: !0, message: e(o)("ap.apView.notEmpty") }]
               }, {
                 default: t(() => [
-                  a(e(q).Text, {
+                  a(e(B).Text, {
                     placeholder: e(o)("ap.apView.viewName"),
                     maxlength: 20,
                     "show-count": ""
@@ -108,28 +109,28 @@ const me = /* @__PURE__ */ I({
                 ]),
                 _: 1
               }, 8, ["label", "rules"]),
-              a(d.FormItem, {
-                class: r([e(n)("main-content-popover-btn")])
+              a(w.FormItem, {
+                class: r([e(n)("main-content-popover-btn"), e(m)])
               }, {
                 default: t(() => [
-                  a(e(h), { size: 8 }, {
+                  a(e(y), { size: 8 }, {
                     default: t(() => [
-                      a(e(y), {
+                      a(e(x), {
                         size: "small",
-                        onClick: i[0] || (i[0] = (f) => s.value = !1)
+                        onClick: i[0] || (i[0] = (v) => p.value = !1)
                       }, {
                         default: t(() => [
-                          v(m(e(o)("ap.apView.cancel")), 1)
+                          d(s(e(o)("ap.apView.cancel")), 1)
                         ]),
                         _: 1
                       }),
-                      a(e(y), {
+                      a(e(x), {
                         type: "primary",
                         size: "small",
                         "html-type": "submit"
                       }, {
                         default: t(() => [
-                          v(m(e(o)("ap.apView.save")), 1)
+                          d(s(e(o)("ap.apView.save")), 1)
                         ]),
                         _: 1
                       })
@@ -145,30 +146,31 @@ const me = /* @__PURE__ */ I({
         ], 2)
       ]),
       default: t(() => [
-        c("div", {
+        u("div", {
           class: r({
             [e(n)("main-content")]: !0,
-            [e(n)("main-content-disabled")]: e(p).length >= u.maxViewNum + 1
+            [e(n)("main-content-disabled")]: e(c).length >= f.maxViewNum + 1,
+            hashId: e(m)
           })
         }, [
-          a(e(R), { placement: "bottom" }, E({
+          a(e(U), { placement: "bottom" }, K({
             default: t(() => [
-              a(e(h), { size: 4 }, {
+              a(e(y), { size: 4 }, {
                 default: t(() => [
-                  a(j, {
-                    class: r([e(n)("icon")])
+                  a(q, {
+                    class: r([e(n)("icon"), e(m)])
                   }, null, 8, ["class"]),
-                  c("div", null, m(e(o)("ap.apView.saveView")), 1)
+                  u("div", null, s(e(o)("ap.apView.saveView")), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 2
           }, [
-            e(p).length >= u.maxViewNum + 1 ? {
+            e(c).length >= f.maxViewNum + 1 ? {
               name: "title",
               fn: t(() => [
-                v(m(e(o)("ap.apView.maxTip")), 1)
+                d(s(e(o)("ap.apView.maxTip")), 1)
               ]),
               key: "0"
             } : void 0
@@ -180,5 +182,5 @@ const me = /* @__PURE__ */ I({
   }
 });
 export {
-  me as default
+  ce as default
 };