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

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;

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

@@ -1,20 +1,21 @@
-import { defineComponent as _, ref as y, computed as u, unref as t, createElementBlock as z, openBlock as h, normalizeStyle as g, normalizeClass as T, createVNode as c, withCtx as B, createBlock as $, createCommentVNode as K, mergeProps as M } from "vue";
+import { defineComponent as T, ref as h, computed as u, unref as t, createElementBlock as $, openBlock as g, normalizeStyle as B, normalizeClass as b, createVNode as c, withCtx as A, createBlock as K, createCommentVNode as M, mergeProps as D } from "vue";
 import "../../ap-field/index.mjs";
-import { Space as D } from "@aplus-frontend/antdv";
+import { Space as G } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { isNumber as G, omit as q } from "lodash-unified";
+import { isNumber as q, omit as H } from "lodash-unified";
 import "./popover-input/index.vue.mjs";
 import "../../hooks/index.mjs";
-import { isDef as H } from "../../utils/index.mjs";
-import { useDefaultPlaceholder as Y } from "../../ap-field/hooks/use-default-placeholder.mjs";
-import { splitValue as J } from "./utils.mjs";
-import { useControllableValue as Q } from "../../hooks/useControllableValue.mjs";
-import { useLocale as W } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as X } from "../../config-provider/hooks/use-namespace.mjs";
-import Z from "../../ap-field/select/index.vue.mjs";
-import { ApFieldText as ee } from "../../ap-field/text/index.mjs";
-import te from "./popover-input/index.vue2.mjs";
-const m = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ _({
+import { isDef as Y } from "../../utils/index.mjs";
+import { useDefaultPlaceholder as J } from "../../ap-field/hooks/use-default-placeholder.mjs";
+import { splitValue as Q } from "./utils.mjs";
+import W from "./style/index.mjs";
+import { useControllableValue as X } from "../../hooks/useControllableValue.mjs";
+import { useLocale as Z } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ee } from "../../config-provider/hooks/use-namespace.mjs";
+import te from "../../ap-field/select/index.vue.mjs";
+import { ApFieldText as oe } from "../../ap-field/text/index.mjs";
+import ne from "./popover-input/index.vue2.mjs";
+const m = "GROUP_SEARCH_ALL", Ae = /* @__PURE__ */ T({
   name: "BatchInputGroup",
   __name: "index",
   props: {
@@ -75,41 +76,41 @@ const m = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ _({
     beforeInput: {}
   },
   emits: ["update:value"],
-  setup(b, { emit: A }) {
-    const o = b, V = Y("Text", o), x = A, { value: a, updateValue: r } = Q(
+  setup(V, { emit: x }) {
+    const o = V, C = J("Text", o), S = x, { value: a, updateValue: r } = X(
       o,
-      x
-    ), s = y(), f = y(), { t: C } = W(), { b: S, cssVar: k } = X("batch-input-group"), I = u(() => {
+      S
+    ), s = h(), f = h(), { t: I } = Z(), { b: k, cssVar: U } = ee("batch-input-group"), d = W("batch-input-group"), w = u(() => {
       const e = o.popoverPlacement;
       return {
-        "popover-left": G(e) ? `${e}px` : e === "left" ? "0px" : "unset",
+        "popover-left": q(e) ? `${e}px` : e === "left" ? "0px" : "unset",
         "popover-right": e === "right" ? "0px" : "unset"
       };
-    }), U = u(() => o.options ? o.options.length > 1 && o.hasAll ? [
-      { value: m, label: C("ap.common.all") },
+    }), P = u(() => o.options ? o.options.length > 1 && o.hasAll ? [
+      { value: m, label: I("ap.common.all") },
       ...o.options
-    ] : o.options : []), w = u(() => o.options ? o.options.map((e) => e.value) : []), P = u(() => t(a)?.value?.length ? t(a).value.join(",") : ""), R = u(() => t(a)?.value?.length ? t(a).value.join(`
-`) : ""), N = u(() => {
+    ] : o.options : []), R = u(() => o.options ? o.options.map((e) => e.value) : []), N = u(() => t(a)?.value?.length ? t(a).value.join(",") : ""), j = u(() => t(a)?.value?.length ? t(a).value.join(`
+`) : ""), E = u(() => {
       const e = t(a)?.key;
       if (e?.length)
         return e.length === 1 || !o.hasAll ? e[0] : m;
-    }), j = u(() => {
+    }), F = u(() => {
       const e = t(a)?.key;
-      return !e || e?.length <= 1 ? t(V) : (o.options || []).filter((n) => e.includes(n.value)).map((n) => n.label).join("/");
+      return !e || e?.length <= 1 ? t(C) : (o.options || []).filter((n) => e.includes(n.value)).map((n) => n.label).join("/");
     });
-    function E(e) {
-      const l = t(a) || {}, n = e === m ? t(w) : H(e) ? [e] : [];
+    function L(e) {
+      const l = t(a) || {}, n = e === m ? t(R) : Y(e) ? [e] : [];
       r({
         ...l,
         key: n
       });
     }
-    function F(e) {
+    function O(e) {
       const l = t(a) || {}, n = e.target.value || "";
-      let i = J(n, ",", ",", o.maxNum);
+      let i = Q(n, ",", ",", o.maxNum);
       if (n !== i) {
-        const v = f.value?.$el?.querySelector("input");
-        v && (v.value = i);
+        const y = f.value?.$el?.querySelector("input");
+        y && (y.value = i);
       }
       let p = i.split(",");
       p.length === 1 && p[0] === "" && (p = []), r({
@@ -117,7 +118,7 @@ const m = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ _({
         value: p
       });
     }
-    function L(e) {
+    function _(e) {
       const l = t(a) || {};
       let n = e.split(/,|\n/);
       r({
@@ -125,41 +126,41 @@ const m = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ _({
         value: n
       });
     }
-    function d() {
+    function v() {
       const e = t(a) || {}, l = e.value?.filter(Boolean);
       r({
         ...e,
         value: l
       });
     }
-    function O(e) {
-      d(), o.onBlur?.(e);
+    function z(e) {
+      v(), o.onBlur?.(e);
     }
-    return (e, l) => (h(), z("div", {
+    return (e, l) => (g(), $("div", {
       ref_key: "containerRef",
       ref: s,
-      class: T(t(S)()),
-      style: g(t(k)(I.value)),
+      class: b([t(k)(), t(d)]),
+      style: B(t(U)(w.value)),
       onFocus: l[0] || (l[0] = //@ts-ignore
       (...n) => e.onFocus && e.onFocus(...n)),
       onBlur: l[1] || (l[1] = //@ts-ignore
       (...n) => e.onBlur && e.onBlur(...n))
     }, [
-      c(t(D).Compact, { block: "" }, {
-        default: B(() => [
-          e.options?.length ? (h(), $(t(Z), {
+      c(t(G).Compact, { block: "" }, {
+        default: A(() => [
+          e.options?.length ? (g(), K(t(te), {
             key: 0,
-            style: g(e.style),
-            options: U.value,
-            value: N.value,
+            style: B(e.style),
+            options: P.value,
+            value: E.value,
             "allow-clear": !1,
             "dropdown-match-select-width": !1,
             disabled: e.disabled,
             "get-popup-container": () => s.value,
-            "onUpdate:value": E
-          }, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) : K("", !0),
-          c(t(ee), M(
-            t(q)(o, [
+            "onUpdate:value": L
+          }, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) : M("", !0),
+          c(t(oe), D(
+            t(H)(o, [
               "style",
               "value",
               "onUpdate:value",
@@ -172,22 +173,23 @@ const m = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ _({
               ref_key: "inputRef",
               ref: f,
               style: e.inputStyle,
-              value: P.value,
-              placeholder: j.value,
-              onInput: F,
-              onBlur: O
+              value: N.value,
+              placeholder: F.value,
+              onInput: O,
+              onBlur: z
             }
           ), {
-            suffix: B(() => [
-              c(te, {
+            suffix: A(() => [
+              c(ne, {
                 _parent: s.value,
-                value: R.value,
+                value: j.value,
                 disabled: e.disabled,
                 placement: o.popoverPlacement,
                 "max-num": e.maxNum,
-                "onUpdate:value": L,
-                onClose: d
-              }, null, 8, ["_parent", "value", "disabled", "placement", "max-num"])
+                class: b(t(d)),
+                "onUpdate:value": _,
+                onClose: v
+              }, null, 8, ["_parent", "value", "disabled", "placement", "max-num", "class"])
             ]),
             _: 1
           }, 16, ["style", "value", "placeholder"])
@@ -198,5 +200,5 @@ const m = "GROUP_SEARCH_ALL", ge = /* @__PURE__ */ _({
   }
 });
 export {
-  ge as default
+  Ae as default
 };

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

@@ -279,5 +279,5 @@ declare const _default: DefineComponent<BatchInputGroupPopoverInputProps, {}, {}
         autosize: any;
         autoSize: any;
     }> | null;
-}, HTMLDivElement>;
+}, any>;
 export default _default;