@aplus-frontend/ui 7.0.0-beta.0 → 7.0.0-beta.2

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
 };

package/es/src/business/ap-view/components/menu-list-content.vue2.mjs

@@ -1,38 +1,39 @@
-import { defineComponent as R, ref as k, watch as $, createElementBlock as l, openBlock as c, normalizeClass as y, unref as e, createElementVNode as a, createCommentVNode as w, toDisplayString as m, createVNode as i, withModifiers as I, withCtx as r } from "vue";
+import { defineComponent as R, ref as y, watch as $, createElementBlock as l, openBlock as c, normalizeClass as C, unref as e, createElementVNode as a, createCommentVNode as w, toDisplayString as m, createVNode as i, withModifiers as T, withCtx as r } from "vue";
 import "../../../config-provider/index.mjs";
-import { useViewInject as T } from "../hooks/use-view-provide.mjs";
-import { SYSTEM_VIEW_KEY as C } from "../utils/enum.mjs";
-import { Space as V, Popconfirm as B } from "@aplus-frontend/antdv";
-import F from "../icons/line-delete.vue.mjs";
+import { useViewInject as B } from "../hooks/use-view-provide.mjs";
+import { SYSTEM_VIEW_KEY as V } from "../utils/enum.mjs";
+import { Space as h, Popconfirm as F } from "@aplus-frontend/antdv";
+import L from "../icons/line-delete.vue.mjs";
 import "../../../ap-tag/index.mjs";
 import "../../../ap-form/ap-form.vue.mjs";
-import { ApField as L } from "../../../ap-field/index.mjs";
-import { useNamespace as Y } from "../../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as j } from "../../../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as A } from "../../../config-provider/hooks/use-global-config.mjs";
-import G from "../../../ap-tag/ap-tag.vue.mjs";
+import { ApField as Y } from "../../../ap-field/index.mjs";
+import j from "../style/index.mjs";
+import { useNamespace as A } from "../../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as G } from "../../../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as O } from "../../../config-provider/hooks/use-global-config.mjs";
+import P from "../../../ap-tag/ap-tag.vue.mjs";
 import x from "../../../ap-form/ap-form.vue2.mjs";
-const O = { class: "menu-list-content-name" }, P = ["title"], U = {
+const U = { class: "menu-list-content-name" }, W = ["title"], q = {
   key: 0,
   class: "menu-list-content-default"
-}, W = { class: "menu-list-content-action-delete" }, q = { class: "menu-list-content-edit" }, me = /* @__PURE__ */ R({
+}, H = { class: "menu-list-content-action-delete" }, J = { class: "menu-list-content-edit" }, ve = /* @__PURE__ */ R({
   __name: "menu-list-content",
   props: {
     view: {}
   },
   setup(N) {
-    const { b: u } = Y("ap-view"), { t: n } = j(), t = N, h = {
+    const { b: u } = A("ap-view"), d = j("ap-view"), { t: n } = G(), t = N, K = {
       aplus: "#2ed1a3",
       admin: "#34b77c"
-    }, K = A("uiMode"), {
-      currentViewKey: D,
+    }, D = O("uiMode"), {
+      currentViewKey: S,
       changeCurrentViewKey: g,
       viewListCRUD: p,
       tableKey: f,
-      menuOpen: d
-    } = T(), s = k(!1), _ = k(), S = () => {
-      g(t.view.viewKey), d.value = !1;
-    }, E = () => {
+      menuOpen: _
+    } = B(), s = y(!1), k = y(), E = () => {
+      g(t.view.viewKey), _.value = !1;
+    }, I = () => {
       p?.changeView?.({
         ...t.view,
         tableKey: f,
@@ -44,7 +45,7 @@ const O = { class: "menu-list-content-name" }, P = ["title"], U = {
         viewKey: t.view.viewKey
       });
     }, b = async () => {
-      const v = await _.value?.validate?.();
+      const v = await k.value?.validate?.();
       p?.changeView?.({
         ...t.view,
         tableKey: f,
@@ -52,37 +53,38 @@ const O = { class: "menu-list-content-name" }, P = ["title"], U = {
       }), s.value = !1;
     };
     return $(
-      () => d.value,
+      () => _.value,
       (v) => {
         v && (s.value = !1);
       }
     ), (v, o) => s.value === !1 ? (c(), l("div", {
       key: 0,
-      class: y({
+      class: C({
         [e(u)("menu-list-content")]: !0,
-        [e(u)("menu-list-content-active")]: t.view?.viewKey === e(D)
+        [e(u)("menu-list-content-active")]: t.view?.viewKey === e(S),
+        hashId: e(d)
       }),
-      onClick: S
+      onClick: E
     }, [
-      a("div", O, [
+      a("div", U, [
         a("span", {
           title: t.view?.viewName
-        }, m(t.view?.viewName), 9, P)
+        }, m(t.view?.viewName), 9, W)
       ]),
-      t.view?.viewKey !== e(C) && t.view?.isDefault ? (c(), l("div", U, [
-        i(e(G), {
+      t.view?.viewKey !== e(V) && t.view?.isDefault ? (c(), l("div", q, [
+        i(e(P), {
           text: e(n)("ap.apView.default"),
           size: "small",
-          color: h[e(K) ?? "aplus"]
+          color: K[e(D) ?? "aplus"]
         }, null, 8, ["text", "color"])
       ])) : w("", !0),
-      t.view?.viewKey !== e(C) ? (c(), l("div", {
+      t.view?.viewKey !== e(V) ? (c(), l("div", {
         key: 1,
         class: "menu-list-content-action",
-        onClick: o[1] || (o[1] = I(() => {
+        onClick: o[1] || (o[1] = T(() => {
         }, ["stop"]))
       }, [
-        i(e(V), { size: 8 }, {
+        i(e(h), { size: 8 }, {
           default: r(() => [
             a("div", {
               class: "menu-list-content-action-text",
@@ -91,16 +93,16 @@ const O = { class: "menu-list-content-name" }, P = ["title"], U = {
             t.view?.isDefault ? w("", !0) : (c(), l("div", {
               key: 0,
               class: "menu-list-content-action-text",
-              onClick: E
+              onClick: I
             }, m(e(n)("ap.apView.setDefault")), 1)),
-            a("div", W, [
-              i(e(B), {
+            a("div", H, [
+              i(e(F), {
                 title: e(n)("ap.apView.deleteTip"),
                 "ok-text": e(n)("ap.apView.ok"),
                 onConfirm: M
               }, {
                 default: r(() => [
-                  i(F)
+                  i(L)
                 ]),
                 _: 1
               }, 8, ["title", "ok-text"])
@@ -111,22 +113,22 @@ const O = { class: "menu-list-content-name" }, P = ["title"], U = {
       ])) : w("", !0)
     ], 2)) : (c(), l("div", {
       key: 1,
-      class: y([e(u)("menu-list-content"), e(u)("menu-list-content-edit")])
+      class: C([e(u)("menu-list-content"), e(u)("menu-list-content-edit"), e(d)])
     }, [
       i(x, {
         ref_key: "formRef",
-        ref: _,
+        ref: k,
         "initial-values": {
           viewName: t.view?.viewName
         }
       }, {
         default: r(() => [
-          a("div", q, [
-            i(e(V), { size: 8 }, {
+          a("div", J, [
+            i(e(h), { size: 8 }, {
               default: r(() => [
                 i(x.FormItem, { name: "viewName" }, {
                   default: r(() => [
-                    i(e(L).Text, { maxlength: 20 })
+                    i(e(Y).Text, { maxlength: 20 })
                   ]),
                   _: 1
                 }),
@@ -149,5 +151,5 @@ const O = { class: "menu-list-content-name" }, P = ["title"], U = {
   }
 });
 export {
-  me as default
+  ve as default
 };

package/es/src/business/ap-view/style/index.d.ts

@@ -0,0 +1,5 @@
+import { BaseToken, GenStyleFunc } from '../../../design-token/interface';
+import { Ref } from 'vue';
+export declare const genProCardStyle: GenStyleFunc<BaseToken>;
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/es/src/business/ap-view/style/index.mjs

@@ -0,0 +1,145 @@
+import { genComponentStyleHook as n } from "../../../utils/cssinjs/index.mjs";
+const o = (e) => {
+  const { componentCls: t } = e;
+  return {
+    [t]: {
+      ".ant-btn-default:has(&-main-content-disabled)": {
+        borderColor: "var(--ap-border-color-base) !important"
+      },
+      "& > .ant-btn": {
+        padding: 0
+      },
+      "& > .ant-dropdown-trigger": {
+        color: "var(--ap-text-color-3)"
+      },
+      [`${t}-main-content`]: {
+        padding: "4px 8px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        "&-disabled": {
+          color: "var(--ap-text-color-4)",
+          cursor: "not-allowed"
+        }
+      },
+      [`${t}-icon`]: {
+        width: "100%",
+        height: "100%",
+        fontSize: "14px",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      }
+    },
+    [`${t}-main-content-popover`]: {
+      width: "340px",
+      "&-title-content": {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        marginBottom: "8px",
+        "&-title": {
+          ontSize: "14px",
+          fontWeight: 500,
+          lineHeight: "22px"
+        },
+        ".ant-form-item": {
+          marginBottom: 0
+        }
+      },
+      "&-btn": {
+        marginBottom: 0,
+        ".ant-form-item-control-input-content": {
+          display: "flex",
+          justifyContent: "flex-end"
+        }
+      }
+    },
+    [`${t}-overlay`]: {
+      ".ant-dropdown-menu": {
+        padding: "8px",
+        "&-item": {
+          padding: "0 !important",
+          "&:hover": {
+            backgroundColor: "transparent !important"
+          }
+        }
+      },
+      [`${t}-menu-list-content`]: {
+        width: "250px",
+        display: "flex",
+        padding: "6px 8px",
+        alignItems: "center",
+        height: "32px",
+        ".menu-list-content-name": {
+          overflow: "hidden",
+          display: "block",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap",
+          fontSize: "12px",
+          marginRight: "8px"
+        },
+        ".menu-list-content-default": {
+          marginRight: "8px",
+          flexShrink: 0
+        },
+        ".menu-list-content-action": {
+          cursor: "default",
+          display: "none",
+          flexShrink: 0,
+          marginLeft: "auto",
+          userSelect: "none",
+          "&-text": {
+            cursor: "pointer",
+            fontSize: "12px",
+            display: "flex",
+            alignItems: "center",
+            color: "var(--ap-color-primary)"
+          },
+          "&-delete": {
+            cursor: "pointer",
+            display: "flex",
+            alignItems: "center",
+            color: "var(--ap-text-color-3)",
+            svg: {
+              outline: "none",
+              boxShadow: "none"
+            }
+          }
+        },
+        ".menu-list-content-edit": {
+          display: "flex",
+          alignItems: "center",
+          ".ant-form-item": {
+            marginBottom: 0
+          },
+          ".ant-space-item:has(.menu-list-content-action-text)": {
+            flexShrink: 0
+          }
+        },
+        "&-edit": {
+          background: "transparent !important",
+          padding: "0 8px",
+          cursor: "default"
+        },
+        "&:hover": {
+          background: "var(--ap-color-bg-1)",
+          ".menu-list-content-action": {
+            display: "block"
+          }
+        }
+      },
+      [`${t}-menu-list-content-active`]: {
+        ".menu-list-content-name": {
+          color: "var(--ap-color-primary)"
+        }
+      }
+    }
+  };
+}, a = n("ApView", (e) => [
+  o(e)
+]);
+export {
+  a as default,
+  o as genProCardStyle
+};

package/es/src/business/batch-input-group/index.vue.d.ts

@@ -51,9 +51,8 @@ declare const _default: DefineComponent<BatchInputGroupProps, {}, {}, {}, {}, Co
             readonly autofocus?: boolean | undefined;
             readonly 'onUpdate:value'?: (((val: string) => void) & ((...args: any[]) => any)) | undefined;
             readonly bordered?: boolean | undefined;
-            readonly suffix?: any;
-            readonly focused?: boolean | undefined;
             readonly id?: string | undefined;
+            readonly focused?: boolean | undefined;
             readonly readonly?: boolean | undefined;
             readonly autocomplete?: string | undefined;
             readonly placeholder?: string | number | undefined;
@@ -72,6 +71,7 @@ declare const _default: DefineComponent<BatchInputGroupProps, {}, {}, {}, {}, Co
             readonly addonBefore?: any;
             readonly addonAfter?: any;
             readonly prefix?: any;
+            readonly suffix?: any;
             readonly clearIcon?: any;
             readonly allowClear?: boolean | undefined;
             readonly emptyText?: string | undefined;