@aplus-frontend/ui 7.0.0 → 7.0.1

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

@@ -1,105 +1,102 @@
-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 { defineComponent as T, ref as y, watch as $, createElementBlock as l, openBlock as m, normalizeClass as V, unref as e, createElementVNode as o, createCommentVNode as f, toDisplayString as c, createVNode as i, withModifiers as b, withCtx as r } from "vue";
 import "../../../config-provider/index.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 { SYSTEM_VIEW_KEY as h } from "../utils/enum.mjs";
+import { Space as C, 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 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 { ApField as M } from "../../../ap-field/index.mjs";
+import P from "../style/index.mjs";
+import { useToken as Y } from "../../../config-provider/hooks/use-token.mjs";
+import { useNamespace as j } from "../../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as A } from "../../../config-provider/hooks/use-locale.mjs";
+import O from "../../../ap-tag/ap-tag.vue.mjs";
 import x from "../../../ap-form/ap-form.vue2.mjs";
 const U = { class: "menu-list-content-name" }, W = ["title"], q = {
   key: 0,
   class: "menu-list-content-default"
-}, H = { class: "menu-list-content-action-delete" }, J = { class: "menu-list-content-edit" }, ve = /* @__PURE__ */ R({
+}, G = { class: "menu-list-content-action-delete" }, H = { class: "menu-list-content-edit" }, ve = /* @__PURE__ */ T({
   __name: "menu-list-content",
   props: {
     view: {}
   },
   setup(N) {
-    const { b: u } = A("ap-view"), d = j("ap-view"), { t: n } = G(), t = N, K = {
-      aplus: "#2ed1a3",
-      admin: "#34b77c"
-    }, D = O("uiMode"), {
-      currentViewKey: S,
-      changeCurrentViewKey: g,
+    const { b: v } = j("ap-view"), d = P("ap-view"), { token: K } = Y(), { t: n } = A(), t = N, {
+      currentViewKey: D,
+      changeCurrentViewKey: S,
       viewListCRUD: p,
-      tableKey: f,
+      tableKey: w,
       menuOpen: _
-    } = B(), s = y(!1), k = y(), E = () => {
-      g(t.view.viewKey), _.value = !1;
-    }, I = () => {
+    } = B(), s = y(!1), k = y(), g = () => {
+      S(t.view.viewKey), _.value = !1;
+    }, E = () => {
       p?.changeView?.({
         ...t.view,
-        tableKey: f,
+        tableKey: w,
         isDefault: !0
       });
-    }, M = () => {
+    }, I = () => {
       p?.removeView?.({
-        tableKey: f,
+        tableKey: w,
         viewKey: t.view.viewKey
       });
-    }, b = async () => {
-      const v = await k.value?.validate?.();
+    }, z = async () => {
+      const u = await k.value?.validate?.();
       p?.changeView?.({
         ...t.view,
-        tableKey: f,
-        viewName: v?.viewName || t.view.viewName
+        tableKey: w,
+        viewName: u?.viewName || t.view.viewName
       }), s.value = !1;
     };
     return $(
       () => _.value,
-      (v) => {
-        v && (s.value = !1);
+      (u) => {
+        u && (s.value = !1);
       }
-    ), (v, o) => s.value === !1 ? (c(), l("div", {
+    ), (u, a) => s.value === !1 ? (m(), l("div", {
       key: 0,
-      class: C({
-        [e(u)("menu-list-content")]: !0,
-        [e(u)("menu-list-content-active")]: t.view?.viewKey === e(S),
+      class: V({
+        [e(v)("menu-list-content")]: !0,
+        [e(v)("menu-list-content-active")]: t.view?.viewKey === e(D),
         hashId: e(d)
       }),
-      onClick: E
+      onClick: g
     }, [
-      a("div", U, [
-        a("span", {
+      o("div", U, [
+        o("span", {
           title: t.view?.viewName
-        }, m(t.view?.viewName), 9, W)
+        }, c(t.view?.viewName), 9, W)
       ]),
-      t.view?.viewKey !== e(V) && t.view?.isDefault ? (c(), l("div", q, [
-        i(e(P), {
+      t.view?.viewKey !== e(h) && t.view?.isDefault ? (m(), l("div", q, [
+        i(e(O), {
           text: e(n)("ap.apView.default"),
           size: "small",
-          color: K[e(D) ?? "aplus"]
+          color: e(K).colorPrimary
         }, null, 8, ["text", "color"])
-      ])) : w("", !0),
-      t.view?.viewKey !== e(V) ? (c(), l("div", {
+      ])) : f("", !0),
+      t.view?.viewKey !== e(h) ? (m(), l("div", {
         key: 1,
         class: "menu-list-content-action",
-        onClick: o[1] || (o[1] = T(() => {
+        onClick: a[1] || (a[1] = b(() => {
         }, ["stop"]))
       }, [
-        i(e(h), { size: 8 }, {
+        i(e(C), { size: 8 }, {
           default: r(() => [
-            a("div", {
+            o("div", {
               class: "menu-list-content-action-text",
-              onClick: o[0] || (o[0] = (z) => s.value = !0)
-            }, m(e(n)("ap.apView.rename")), 1),
-            t.view?.isDefault ? w("", !0) : (c(), l("div", {
+              onClick: a[0] || (a[0] = (R) => s.value = !0)
+            }, c(e(n)("ap.apView.rename")), 1),
+            t.view?.isDefault ? f("", !0) : (m(), l("div", {
               key: 0,
               class: "menu-list-content-action-text",
-              onClick: I
-            }, m(e(n)("ap.apView.setDefault")), 1)),
-            a("div", H, [
+              onClick: E
+            }, c(e(n)("ap.apView.setDefault")), 1)),
+            o("div", G, [
               i(e(F), {
                 title: e(n)("ap.apView.deleteTip"),
                 "ok-text": e(n)("ap.apView.ok"),
-                onConfirm: M
+                onConfirm: I
               }, {
                 default: r(() => [
                   i(L)
@@ -110,10 +107,10 @@ const U = { class: "menu-list-content-name" }, W = ["title"], q = {
           ]),
           _: 1
         })
-      ])) : w("", !0)
-    ], 2)) : (c(), l("div", {
+      ])) : f("", !0)
+    ], 2)) : (m(), l("div", {
       key: 1,
-      class: C([e(u)("menu-list-content"), e(u)("menu-list-content-edit"), e(d)])
+      class: V([e(v)("menu-list-content"), e(v)("menu-list-content-edit"), e(d)])
     }, [
       i(x, {
         ref_key: "formRef",
@@ -123,23 +120,23 @@ const U = { class: "menu-list-content-name" }, W = ["title"], q = {
         }
       }, {
         default: r(() => [
-          a("div", J, [
-            i(e(h), { size: 8 }, {
+          o("div", H, [
+            i(e(C), { size: 8 }, {
               default: r(() => [
                 i(x.FormItem, { name: "viewName" }, {
                   default: r(() => [
-                    i(e(Y).Text, { maxlength: 20 })
+                    i(e(M).Text, { maxlength: 20 })
                   ]),
                   _: 1
                 }),
-                a("div", {
+                o("div", {
                   class: "menu-list-content-action-text",
-                  onClick: b
-                }, m(e(n)("ap.apView.save")), 1),
-                a("div", {
+                  onClick: z
+                }, c(e(n)("ap.apView.save")), 1),
+                o("div", {
                   class: "menu-list-content-action-text",
-                  onClick: o[2] || (o[2] = (z) => s.value = !1)
-                }, m(e(n)("ap.apView.cancel")), 1)
+                  onClick: a[2] || (a[2] = (R) => s.value = !1)
+                }, c(e(n)("ap.apView.cancel")), 1)
               ]),
               _: 1
             })

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

@@ -120,7 +120,7 @@ const o = (t) => {
           cursor: "default"
         },
         "&:hover": {
-          background: t.colorBg1,
+          background: t.colorBg3,
           ".menu-list-content-action": {
             display: "block"
           }

package/es/src/check-card/style/index.mjs

@@ -1,87 +1,82 @@
-import { resetComponent as t } from "../../style/index.mjs";
-import { genComponentStyleHook as a } from "../../utils/cssinjs/index.mjs";
-const c = (r) => {
+import { resetComponent as c } from "../../style/index.mjs";
+import { genComponentStyleHook as l } from "../../utils/cssinjs/index.mjs";
+const a = (e) => {
   const {
-    componentCls: o,
-    checkCardDisabledOutlineColor: l,
-    checkCardIndicatorSize: e,
-    checkCardOutlineWidth: d,
-    checkCardIndicatorOffset: i
-  } = r;
+    componentCls: r,
+    checkCardDisabledOutlineColor: d,
+    checkCardIndicatorSize: i,
+    checkCardOutlineWidth: o,
+    checkCardIndicatorOffset: t
+  } = e;
   return {
-    [`${o}`]: {
-      ...t(r),
-      borderRadius: r.borderRadius,
+    [`${r}`]: {
+      ...c(e),
+      borderRadius: e.borderRadius,
       position: "relative",
       "&--disabled": {
-        backgroundColor: r.checkCardDisabledBg,
+        backgroundColor: e.checkCardDisabledBg,
         cursor: "not-allowed !important"
       },
       "&--bordered": {
-        outline: `1px solid ${r.borderColorBase}`
+        outline: `1px solid ${e.borderColorBase}`
       },
-      [`&:hover:not(${o}--disabled)`]: {
+      [`&:hover:not(${r}--disabled)`]: {
         cursor: "pointer",
-        outline: `1px solid ${r.colorPrimary}`
+        outline: `1px solid ${e.colorPrimary}`
       },
       "&::after": {
         content: '""',
         position: "absolute",
         width: 0,
         height: 0,
-        opacity: 0,
-        insetBlockStart: i,
-        insetInlineEnd: i,
-        borderInlineStart: e,
-        borderBlockEnd: e,
-        borderRadius: r.borderRadius
+        insetBlockStart: 0,
+        insetInlineEnd: 0,
+        clipPath: "polygon(100% 0, 100% 100%, 0 0)",
+        background: e.colorPrimary,
+        borderRadius: `calc(${e.borderRadius} + 2px)`
       },
       "&--checked": {
-        outline: `${d} solid ${r.colorPrimary}`,
-        [`&:hover:not(${o}--disabled)`]: {
-          outline: `${d} solid ${r.colorPrimary}`
+        outline: `${o} solid ${e.colorPrimary}`,
+        [`&:hover:not(${r}--disabled)`]: {
+          outline: `${o} solid ${e.colorPrimary}`
         },
         "&::after": {
-          opacity: 1,
-          border: `${e} solid ${r.colorPrimary}`,
-          borderInlineStart: `${e} solid transparent`,
-          borderBlockEnd: `${e} solid transparent`,
-          insetBlockStart: i,
-          insetInlineEnd: i,
-          transition: "all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)"
+          width: `calc(${i} * 2)`,
+          height: `calc(${i} * 2)`,
+          insetBlockStart: t,
+          insetInlineEnd: t,
+          transition: "width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), inset 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)"
         },
-        [`&${o}--disabled`]: {
-          outlineColor: l,
+        [`&${r}--disabled`]: {
+          outlineColor: d,
           "&::after": {
-            border: `${e} solid ${l}`,
-            borderInlineStart: `${e} solid transparent`,
-            borderBlockEnd: `${e} solid transparent`
+            backgroundColor: d
           }
         }
       },
       "&--middle": {
-        padding: r.spaceLG
+        padding: e.spaceLG
       },
       "&--small": {
-        padding: `${r.spaceSM} ${r.spaceLG}`
+        padding: `${e.spaceSM} ${e.spaceLG}`
       },
-      [`${o}__title`]: {
-        ...t(r),
-        marginBottom: r.spaceXS,
+      [`${r}__title`]: {
+        ...c(e),
+        marginBottom: e.spaceXS,
         color: "#333",
         fontWeight: "bold",
         "&--disabled": {
-          color: r.textColor4
+          color: e.textColor4
         }
       },
-      [`${o}__content`]: {
-        ...t(r),
+      [`${r}__content`]: {
+        ...c(e),
         color: "#333",
         "&--disabled": {
-          color: r.textColor4
+          color: e.textColor4
         }
       },
-      [`${o}__checked-icon`]: {
+      [`${r}__checked-icon`]: {
         position: "absolute",
         top: 0,
         right: 0,
@@ -89,15 +84,15 @@ const c = (r) => {
         lineHeight: 1,
         userSelect: "none",
         "& > img": {
-          width: `calc(${e} - ${d})`,
+          width: `calc(${i} - ${o})`,
           verticalAlign: "top"
         }
       }
     }
   };
-}, b = a(
+}, h = l(
   "CheckCard",
-  (r) => [c(r)],
+  (e) => [a(e)],
   {
     checkCardDisabledBg: "#F9F9FA",
     checkCardDisabledOutlineColor: "#E9EDF3",
@@ -107,5 +102,5 @@ const c = (r) => {
   }
 );
 export {
-  b as default
+  h as default
 };

package/es/src/config-provider/hooks/use-token.d.ts

@@ -1,7 +1,7 @@
 import { InjectionKey, Ref } from 'vue';
-import { FullToken } from '../../design-token/interface';
+import { ContextToken } from '../../design-token/interface';
 type DesignTokenContextType = {
-    token: Ref<Partial<FullToken>>;
+    token: Ref<ContextToken>;
     rootCls: Ref<string | undefined>;
 };
 export declare const designTokenContextKey: InjectionKey<DesignTokenContextType>;

package/es/src/design-token/interface.d.ts

@@ -1,5 +1,5 @@
 import { ActionToken } from '../ap-action/style';
-import { Recordable } from '../type';
+import { Recordable, RecursivePartial } from '../type';
 import { CSSInterpolation, CSSObject } from '@emotion/serialize';
 import { CheckCardToken } from '../check-card/style';
 import { ApFormToken } from '../ap-form/style/token';
@@ -127,6 +127,9 @@ export type BaseToken = {
      */
     lineClamp: number;
 };
+/**
+ * 全量token
+ */
 export type FullToken = BaseToken & {
     components: {
         ApAction: ActionToken;
@@ -144,6 +147,26 @@ export type FullToken = BaseToken & {
         ApGrid: ApGridToken;
     };
 };
+/**
+ * 上下文token（基础token+部分组件token）
+ */
+export type ContextToken = BaseToken & RecursivePartial<{
+    components: {
+        ApAction: ActionToken;
+        CheckCard: CheckCardToken;
+        ApForm: ApFormToken;
+        ApList: ApListToken;
+        Scrollbar: ScrollbarToken;
+        Mask: MaskToken;
+        Splitter: SplitterToken;
+        ProCard: ProCardToken;
+        StatisticsCard: ProCardToken;
+        AgGrid: AgGridToken;
+        BatchInputGroup: BatchInputGroupToken;
+        ApRadioGroup: ApRadioGroupToken;
+        ApGrid: ApGridToken;
+    };
+}>;
 export type TokenWithComponentCls<Token> = Token & {
     componentCls: string;
     namespace: string;