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

package/es/src/config-provider/index.d.ts

@@ -5,10 +5,9 @@ import { CSPConfig } from '@aplus-frontend/antdv/es/config-provider';
 import { Locale } from '@aplus-frontend/antdv/es/locale';
 import { ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { ThemeConfig, InputConfig, PaginationConfig, FormConfig, SelectConfig, CascaderConfig, DatePickerConfig, RangePickerConfig, TreeSelectConfig, TextAreaConfig, InputNumberConfig, MentionsConfig, TimePickerConfig, CardConfig } from '@aplus-frontend/antdv/es/config-provider/context';
-import { ApGridRowSelection, AgGridRowSelection, ViewCacheOption } from '..';
+import { ApGridRowSelection, AgGridRowSelection, FullToken, ViewCacheOption } from '..';
 import { LocaleType } from '../locale';
 import { RecursivePartial } from '../type';
-import { FullToken } from '../design-token/interface';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
 export * from './config-provider-props';
 export * from './constants';

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

@@ -1,7 +1,2 @@
-import { BaseToken, FullToken } from './interface';
+import { BaseToken } from './interface';
 export declare const defaultToken: BaseToken;
-export declare const aplusUIAdminBaseToken: BaseToken;
-/**
- * 预设全量的APlus-UI admin端的token
- */
-export declare const aplusUITokenAdminPreset: FullToken;

package/es/src/design-token/constants.mjs

@@ -1,4 +1,4 @@
-const e = {
+const o = {
   borderColorBase: "#dee4ed",
   hoverColorBase: "#66a9ff",
   activeColorBase: "#66a9ff",
@@ -43,105 +43,7 @@ const e = {
   scrollbarTrackColorHover: "#f2f6f9",
   tableHeaderBg: "#f2f6f9",
   lineClamp: 2
-}, o = {
-  borderColorBase: "#d9d9d9",
-  hoverColorBase: "#85d4b0",
-  activeColorBase: "#85d4b0",
-  colorPrimary: "#34b77c",
-  colorPrimaryDisabled: "#d6f1e5",
-  colorLink: "#1890ff",
-  colorLinkHover: "#5eb1ff",
-  colorLinkDisabled: "#cce2ff",
-  colorSuccess: "#34b77c",
-  colorSuccessDisabled: "#d6f1e5",
-  colorError: "#ff4d4f",
-  colorErrorDisabled: "#ffdbdc",
-  colorWarn: "#faad14",
-  colorWarnDisabled: "#ffeed9",
-  textColor1: "#666",
-  textColor2: "#333",
-  textColor3: "#999",
-  textColor4: "#bfbfbf",
-  colorBg1: "#e9e9e9",
-  colorBg2: "#f6f9fa",
-  colorBg3: "#f5f5f5",
-  colorBgDisabled: "#f5f5f5",
-  fontSizeSM: 10,
-  fontSize: 12,
-  fontSizeLG: 14,
-  fontSizeXL: 16,
-  lineHeightSM: 16,
-  lineHeight: 18,
-  lineHeightLG: 22,
-  borderRadiusXS: 1,
-  borderRadius: 4,
-  spaceXXS: 2,
-  spaceXS: 4,
-  spaceSM: 6,
-  space: 8,
-  spaceMD: 10,
-  spaceLG: 12,
-  spaceXL: 16,
-  spaceXXL: 24,
-  scrollbarThumbColorBase: "#bfbfbf",
-  scrollbarThumbColorHover: "#787878",
-  scrollbarTrackColorHover: "#f7f7f7",
-  tableHeaderBg: "#f7f7f7",
-  lineClamp: 2
-}, r = {
-  apProCardHeaderPadding: "8px 16px 0",
-  apProCardHeaderPaddingBottom: "8px",
-  apProCardBorderRadius: "4px",
-  apProCardColorBgContainer: "transparent",
-  apProCardBodyPadding: "8px 16px",
-  apProCardActionsPadding: "12px 16px",
-  apProCardBorderLineWidth: "1px",
-  apProCardBorderLineType: "solid",
-  apProCardBorderColorSplit: "#e9e9e9",
-  apProCardBoxShadow: "3px 10px 30px -2px rgba(123, 121, 140, 0.15)",
-  apProCardTooltipColor: "#999",
-  apProCardHeaderTitleFontSize: "12px",
-  apProCardHeaderTitleFontColor: "#333",
-  apProCardAreaColor: "#eff9f5",
-  apProCardSplitLineHeight: "100%",
-  apProCardDividerLineHeight: "60%"
-}, a = {
-  ...o,
-  components: {
-    ApAction: {
-      loadingOpacity: 0.35
-    },
-    CheckCard: {
-      checkCardDisabledBg: "#F9F9FA",
-      checkCardDisabledOutlineColor: "#E9EDF3",
-      checkCardIndicatorSize: 14,
-      checkCardOutlineWidth: 2,
-      checkCardIndicatorOffset: -2
-    },
-    ApForm: { apFormBorderedShadowColor: "rgba(5, 155, 255, 0.1)" },
-    ApList: {
-      apListSpinnigOpacity: 0.5
-    },
-    Scrollbar: {
-      scrollBarBarColor: "#c7c8cc",
-      scrollBarTrackColor: "#F2F2F2",
-      scrollBarTrackDisabledColor: "#FAFAFA",
-      scrollBarBarWidth: 8,
-      scrollBarTrackWidth: 10
-    },
-    Mask: { maskAnimationDuration: "0.25s", maskOpacity: 0.45 },
-    Splitter: {
-      splitterBarSize: 2,
-      splitterTriggerSize: 6,
-      splitterResizeSpinnerSize: 20,
-      splitterSplitBarDraggableSize: 20
-    },
-    ProCard: r,
-    StatisticsCard: r
-  }
 };
 export {
-  o as aplusUIAdminBaseToken,
-  a as aplusUITokenAdminPreset,
-  e as defaultToken
+  o as defaultToken
 };

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

@@ -1,4 +1,4 @@
 import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
-export { aplusUITokenAdminPreset } from './constants';
+export * from './interface';
 export declare const aplusToken: ThemeConfig['token'];
 export declare const adminToken: ThemeConfig['token'];

package/es/src/design-token/index.mjs

@@ -1,4 +1,4 @@
-import { aplusUITokenAdminPreset as t } from "./constants.mjs";
+import "./interface.mjs";
 const o = {
   borderRadius: 4,
   fontSize: 12,
@@ -7,7 +7,7 @@ const o = {
   lineHeightSM: 1.6,
   wireframe: !1,
   sizeUnit: 3
-}, r = {
+}, e = {
   ...o,
   // 主色
   colorPrimary: "#0070FF",
@@ -40,7 +40,7 @@ const o = {
   controlItemBgActive: "#F5F9FF",
   controlItemBgActiveHover: "#EAF2FF",
   colorBorderSecondary: "#E9EDF3"
-}, e = {
+}, c = {
   ...o,
   // 主色
   colorPrimary: "#34B77C",
@@ -76,7 +76,6 @@ const o = {
   colorBorderSecondary: "#E9E9E9"
 };
 export {
-  e as adminToken,
-  r as aplusToken,
-  t as aplusUITokenAdminPreset
+  c as adminToken,
+  e as aplusToken
 };

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

@@ -8,6 +8,10 @@ import { ScrollbarToken } from '../scroll-bar/style';
 import { MaskToken } from '../mask/style';
 import { SplitterToken } from '../splitter/style';
 import { ProCardToken } from '../ap-pro-card/style/token';
+import { AgGridToken } from '../ag-grid/style';
+import { BatchInputGroupToken } from '../business/batch-input-group/style';
+import { ApRadioGroupToken } from '../business/ap-radio-group/style';
+import { ApGridToken } from '../ap-grid/style';
 export type BaseToken = {
     /**
      * 基础边框色
@@ -134,6 +138,10 @@ export type FullToken = BaseToken & {
         Splitter: SplitterToken;
         ProCard: ProCardToken;
         StatisticsCard: ProCardToken;
+        AgGrid: AgGridToken;
+        BatchInputGroup: BatchInputGroupToken;
+        ApRadioGroup: ApRadioGroupToken;
+        ApGrid: ApGridToken;
     };
 };
 export type TokenWithComponentCls<Token> = Token & {
@@ -145,4 +153,4 @@ export type CssVarToken<Token = Recordable> = {
 };
 export type GenStyleFunc<Token = object> = (token: TokenWithComponentCls<Token & BaseToken>) => CSSInterpolation;
 export type StyleMixin<Token = object> = (token: TokenWithComponentCls<Token & BaseToken>) => CSSObject;
-export type GenStyleCallback<Token> = (token: TokenWithComponentCls<Token>) => CSSInterpolation[];
+export type GenStyleCallback<Token> = (token: TokenWithComponentCls<Token>, rawToken: TokenWithComponentCls<Token>) => CSSInterpolation[];

package/es/src/design-token/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/full-screen/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as h, ref as f, watch as E, unref as a, computed as n, createBlock as m, openBlock as d, withCtx as v, resolveDynamicComponent as S, mergeProps as z, renderSlot as C, createElementVNode as F, normalizeClass as I } from "vue";
+import { defineComponent as h, ref as f, watch as E, unref as l, computed as n, createBlock as d, openBlock as v, withCtx as w, resolveDynamicComponent as S, mergeProps as z, renderSlot as C, createElementVNode as F, normalizeClass as I } from "vue";
 import "../hooks/index.mjs";
 import "../portal/index.mjs";
 import "../config-provider/index.mjs";
@@ -15,65 +15,66 @@ const O = /* @__PURE__ */ h({
     zIndex: { default: 2147483647 },
     to: { default: "body" }
   },
-  setup(M, { expose: w }) {
+  setup(M, { expose: b }) {
     const {
       target: i,
-      full: b,
-      enter: y,
-      exit: _
-    } = B(), { b: g, bm: k, be: x } = L("full-screen"), R = $("full-screen"), t = f(!1), l = f(), p = N(document.body), u = f();
+      full: y,
+      enter: _,
+      exit: g
+    } = B(), { b: p, bm: k, be: x } = L("full-screen"), R = $("full-screen"), t = f(!1), a = f(), c = N(document.body), u = f();
     E(
-      () => a(b),
+      () => l(y),
       (e) => {
-        e || (t.value = !1, l.value = void 0);
+        e || (t.value = !1, a.value = void 0);
       }
     );
     async function r(e, o = !1) {
-      await s(), t.value = !0, l.value = e, e === "browser" ? y(o) : p.value = !0;
+      await s(), t.value = !0, a.value = e, e === "browser" ? _(o) : c.value = !0;
     }
     async function s(e = !1) {
-      t.value = !1, l.value === "browser" ? await _(e) : p.value = !1, l.value = void 0;
+      t.value = !1, a.value === "browser" ? await g(e) : c.value = !1, a.value = void 0;
     }
-    async function c(e, o = !1) {
-      t.value ? l.value !== e ? await r(e, o) : await s(o) : await r(e, o);
+    async function m(e, o = !1) {
+      t.value ? a.value !== e ? await r(e, o) : await s(o) : await r(e, o);
     }
-    return w({
-      target: n(() => a(i)),
-      portalRoot: n(() => a(u)),
-      full: n(() => a(t)),
-      mode: n(() => a(l)),
+    return b({
+      target: n(() => l(i)),
+      portalRoot: n(() => l(u)),
+      full: n(() => l(t)),
+      mode: n(() => l(a)),
       enter: r,
       exit: s,
-      toggle: c
-    }), (e, o) => (d(), m(a(D), {
+      toggle: m
+    }), (e, o) => (v(), d(l(D), {
       to: e.to,
-      disabled: l.value !== "window"
+      disabled: a.value !== "window"
     }, {
-      default: v(() => [
-        (d(), m(S(e.wrapperElementName), z({
+      default: w(() => [
+        (v(), d(S(e.wrapperElementName), z({
           ref_key: "target",
           ref: i
         }, e.$attrs, {
           class: [
-            a(g)("wrapper"),
-            t.value && l.value === "window" ? a(k)("wrapper", "full") : null,
-            a(R)
+            l(p)(),
+            l(p)("wrapper"),
+            t.value && a.value === "window" ? l(k)("wrapper", "full") : null,
+            l(R)
           ],
-          style: { zIndex: t.value && l.value === "window" ? e.zIndex : "unset" }
+          style: { zIndex: t.value && a.value === "window" ? e.zIndex : "unset" }
         }), {
-          default: v(() => [
+          default: w(() => [
             C(e.$slots, "default", {
               full: t.value,
               enter: r,
               exit: s,
-              toggle: c,
-              mode: l.value,
+              toggle: m,
+              mode: a.value,
               portalRoot: u.value
             }),
             F("div", {
               ref_key: "portalRootRef",
               ref: u,
-              class: I(a(x)("wrapper", "portal-root"))
+              class: I(l(x)("wrapper", "portal-root"))
             }, null, 2)
           ]),
           _: 3