@aplus-frontend/ui 0.0.39 → 0.1.0

package/es/src/business/ap-status/ApStatusGroup.vue2.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as l, computed as p, openBlock as a, createElementBlock as r, normalizeClass as d, unref as c, normalizeStyle as i, Fragment as m, renderList as f, createBlock as g, createCommentVNode as y } from "vue";
+import { defineComponent as p, computed as d, openBlock as a, createElementBlock as r, normalizeClass as c, unref as i, normalizeStyle as o, Fragment as m, renderList as f, createBlock as g, createCommentVNode as y } from "vue";
 import "../../config-provider/index.mjs";
 import "./ApStatus.vue.mjs";
 import { useNamespace as _ } from "../../config-provider/hooks/use-namespace.mjs";
 import x from "./ApStatus.vue2.mjs";
-const w = /* @__PURE__ */ l({
+const w = /* @__PURE__ */ p({
   name: "ApStatusGroup",
   __name: "ApStatusGroup",
   props: {
@@ -13,24 +13,25 @@ const w = /* @__PURE__ */ l({
     style: {},
     show: { type: Boolean, default: !0 }
   },
-  setup(o) {
-    const t = o, n = p(() => ({
+  setup(s) {
+    const t = s, l = d(() => ({
       "padding-left": t.padding + "px",
       "padding-right": t.padding + "px",
       ...t.style
-    })), { b: s } = _("ap-status-group");
+    })), { b: n } = _("ap-status-group");
     return (u, h) => t.statusList ? (a(), r("div", {
       key: 0,
-      class: d([c(s)()]),
-      style: i(n.value)
+      class: c([i(n)()]),
+      style: o(l.value)
     }, [
       (a(!0), r(m, null, f(t.statusList, (e) => (a(), g(x, {
         key: e.value,
         show: e.value === u.currentValue,
         color: e.color,
         text: e.text,
-        padding: t.padding
-      }, null, 8, ["show", "color", "text", "padding"]))), 128))
+        padding: t.padding,
+        style: o(t.style)
+      }, null, 8, ["show", "color", "text", "padding", "style"]))), 128))
     ], 6)) : y("", !0);
   }
 });

package/es/src/business/index.d.ts

@@ -958,3 +958,108 @@ export declare const ApSelectLayout: (<T extends ApSelectItem>(__VLS_props: {
         onClick?: (() => void) | undefined;
     };
 });
+export declare const ApExportGroup: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        selectedRowKeys: {
+            type: PropType<any[]>;
+        };
+        disabled: {
+            type: PropType<boolean>;
+        };
+        auth: {
+            type: PropType<string>;
+        };
+        ifShow: {
+            type: PropType<() => boolean>;
+        };
+        text: {
+            type: PropType<string>;
+        };
+        request: {
+            type: PropType<(key: any) => Promise<any>>;
+        };
+        getRequestParams: {
+            type: PropType<() => Record<string, any>>;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        selectedRowKeys: {
+            type: PropType<any[]>;
+        };
+        disabled: {
+            type: PropType<boolean>;
+        };
+        auth: {
+            type: PropType<string>;
+        };
+        ifShow: {
+            type: PropType<() => boolean>;
+        };
+        text: {
+            type: PropType<string>;
+        };
+        request: {
+            type: PropType<(key: any) => Promise<any>>;
+        };
+        getRequestParams: {
+            type: PropType<() => Record<string, any>>;
+        };
+    }>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        selectedRowKeys: {
+            type: PropType<any[]>;
+        };
+        disabled: {
+            type: PropType<boolean>;
+        };
+        auth: {
+            type: PropType<string>;
+        };
+        ifShow: {
+            type: PropType<() => boolean>;
+        };
+        text: {
+            type: PropType<string>;
+        };
+        request: {
+            type: PropType<(key: any) => Promise<any>>;
+        };
+        getRequestParams: {
+            type: PropType<() => Record<string, any>>;
+        };
+    }>>, {}, {}, {}, {}, {}>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    selectedRowKeys: {
+        type: PropType<any[]>;
+    };
+    disabled: {
+        type: PropType<boolean>;
+    };
+    auth: {
+        type: PropType<string>;
+    };
+    ifShow: {
+        type: PropType<() => boolean>;
+    };
+    text: {
+        type: PropType<string>;
+    };
+    request: {
+        type: PropType<(key: any) => Promise<any>>;
+    };
+    getRequestParams: {
+        type: PropType<() => Record<string, any>>;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin & (new (...args: any[]) => {
+    $props: {
+        onClick?: (() => void) | undefined;
+    };
+});

package/es/src/business/index.mjs

@@ -1,22 +1,25 @@
-import { withInstall as t } from "@aplus-frontend/utils";
+import { withInstall as o } from "@aplus-frontend/utils";
 import "./title/ApTitle.vue.mjs";
 import "./expandAlert/ApExpandAlert.vue.mjs";
 import "./ap-label/ApLabel.vue.mjs";
 import "./ap-status/ApStatus.vue.mjs";
 import "./ap-status/ApStatusGroup.vue.mjs";
 import "./ap-select-layout/select-layout.vue.mjs";
-import o from "./title/ApTitle.vue2.mjs";
+import "./ap-export-group/ApExportGroup.vue.mjs";
+import t from "./title/ApTitle.vue2.mjs";
 import m from "./expandAlert/ApExpandAlert.vue2.mjs";
 import r from "./ap-label/ApLabel.vue2.mjs";
 import p from "./ap-status/ApStatus.vue2.mjs";
 import i from "./ap-status/ApStatusGroup.vue2.mjs";
 import s from "./ap-select-layout/select-layout.vue2.mjs";
-const b = t(o), d = m, h = t(r), w = t(p), y = t(i), E = t(s);
+import n from "./ap-export-group/ApExportGroup.vue2.mjs";
+const d = o(t), h = m, w = o(r), y = o(p), I = o(i), T = o(s), g = o(n);
 export {
-  d as ApExpandAlert,
-  h as ApLabel,
-  E as ApSelectLayout,
-  w as ApStatus,
-  y as ApStatusGroup,
-  b as ApTitle
+  h as ApExpandAlert,
+  g as ApExportGroup,
+  w as ApLabel,
+  T as ApSelectLayout,
+  y as ApStatus,
+  I as ApStatusGroup,
+  d as ApTitle
 };

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

@@ -1,15 +1,14 @@
-import { defineComponent as I, computed as i, unref as l, createVNode as m, watch as U, watchEffect as W, openBlock as c, createElementBlock as N, normalizeStyle as j, normalizeClass as P, withModifiers as G, createBlock as f, renderSlot as O, resolveDynamicComponent as V, createCommentVNode as v, createElementVNode as $ } from "vue";
-import { Skeleton as q } from "ant-design-vue";
+import { defineComponent as F, computed as s, unref as l, createVNode as m, watch as I, watchEffect as j, openBlock as i, createElementBlock as B, normalizeStyle as D, normalizeClass as N, withModifiers as M, createBlock as f, renderSlot as O, resolveDynamicComponent as P, createCommentVNode as v, createElementVNode as U } from "vue";
+import { Skeleton as W } from "ant-design-vue";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
-import { isFunction as z } from "lodash-unified";
-import { useInjectCheckCard as A } from "./context.mjs";
+import { isFunction as V } from "lodash-unified";
+import { useInjectCheckCard as $ } from "./context.mjs";
 import "./style/index.css";
-import H from "./checked.svg.mjs";
-import { useNamespace as J } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as K } from "../config-provider/hooks/use-global-config.mjs";
-import { useControllableValue as L } from "../hooks/useControllableValue.mjs";
-const Q = ["src"], re = /* @__PURE__ */ I({
+import q from "./checked.svg.mjs";
+import { useNamespace as A } from "../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as G } from "../hooks/useControllableValue.mjs";
+const H = ["src"], oe = /* @__PURE__ */ F({
   name: "CheckCard",
   __name: "index",
   props: {
@@ -48,43 +47,40 @@ const Q = ["src"], re = /* @__PURE__ */ I({
     content: {}
   },
   emits: ["update:checked"],
-  setup(S, {
-    emit: _
+  setup(z, {
+    emit: S
   }) {
-    const o = S, {
+    const o = z, {
       b: g,
-      m: s,
+      m: c,
       e: p,
-      bm: w,
+      bm: J,
       em: k
-    } = J("check-card"), h = K("uiMode", "aplus"), D = _, n = A(), {
+    } = A("check-card"), _ = S, n = $(), {
       value: r,
-      updateValue: b
-    } = L(o, D, {
+      updateValue: h
+    } = G(o, _, {
       valuePropName: "checked",
       defaultValuePropName: "defaultChecked"
-    }), a = i(() => {
+    }), a = s(() => {
       const e = {
         ...o
       }, t = l(n);
       return t && (e.disabled = e.disabled || t.disabled, e.bordered = e.bordered || t.bordered, e.loading = e.loading || t.loading, e.size = e.size || t.size, e.stopPropagation = e.stopPropagation || t.stopPropagation), e;
-    }), E = i(() => {
-      const e = l(h), t = l(a);
-      return [g(), ...t.disabled ? [] : [g(e), l(r) ? w(e, "checked") : null], s(t.size), t.bordered ? s("bordered") : null, t.disabled ? s("disabled") : null];
-    }), M = i(() => ({
-      ...o.style,
-      "--check-card-border-color": h.value === "admin" ? "#D9D9D9" : "#E9EDF3"
-    })), y = i(() => {
+    }), w = s(() => {
+      const e = l(a);
+      return [g(), ...e.disabled ? [] : [g(), l(r) ? c("checked") : null], c(e.size), e.bordered ? c("bordered") : null, e.disabled ? c("disabled") : null];
+    }), b = s(() => {
       if (!o.title)
         return;
-      const e = z(o.title) ? o.title(l(r)) : m("span", null, [o.title]);
+      const e = V(o.title) ? o.title(l(r)) : m("span", null, [o.title]);
       return m("div", {
         class: [p("title"), a.value.disabled ? k("title", "disabled") : null]
       }, [e]);
-    }), C = i(() => {
+    }), y = s(() => {
       if (!o.content)
         return;
-      const e = z(o.content) ? o.content(l(r)) : o.content;
+      const e = V(o.content) ? o.content(l(r)) : o.content;
       return m("div", {
         class: [p("content"), a.value.disabled ? k("content", "disabled") : null]
       }, [e]);
@@ -93,45 +89,45 @@ const Q = ["src"], re = /* @__PURE__ */ I({
       const t = l(a).stopPropagation;
       return t ? t === !0 ? e.target !== e.currentTarget : t(e) : !1;
     }
-    function F(e) {
+    function E(e) {
       var t, d;
-      T(e) || a.value.loading || a.value.disabled || (n.value ? (d = (t = n.value) == null ? void 0 : t.toggleOption) == null || d.call(t, o.value) : b(!l(r)));
+      T(e) || a.value.loading || a.value.disabled || (n.value ? (d = (t = n.value) == null ? void 0 : t.toggleOption) == null || d.call(t, o.value) : h(!l(r)));
     }
-    return U(() => n.value, (e) => {
+    return I(() => n.value, (e) => {
       if (!e)
         return;
       const t = e.multiple ? (e.value || []).includes(o.value) : e.value === o.value;
-      b(t);
+      h(t);
     }, {
       immediate: !0
-    }), W((e) => {
+    }), j((e) => {
       var t, d;
       (d = (t = n.value) == null ? void 0 : t.registerValue) == null || d.call(t, o.value), e(() => {
-        var u, B;
-        return (B = (u = n.value) == null ? void 0 : u.cancelValue) == null ? void 0 : B.call(u, o.value);
+        var u, C;
+        return (C = (u = n.value) == null ? void 0 : u.cancelValue) == null ? void 0 : C.call(u, o.value);
       });
-    }), (e, t) => (c(), N("div", {
-      style: j(M.value),
-      class: P(E.value),
-      onClick: G(F, ["stop"])
-    }, [a.value.loading ? (c(), f(l(q), {
+    }), (e, t) => (i(), B("div", {
+      style: D(e.style),
+      class: N(w.value),
+      onClick: M(E, ["stop"])
+    }, [a.value.loading ? (i(), f(l(W), {
       key: 0,
       active: ""
     })) : O(e.$slots, "default", {
       key: 1,
       checked: l(r)
-    }, () => [y.value ? (c(), f(V(y.value), {
+    }, () => [b.value ? (i(), f(P(b.value), {
       key: 0
-    })) : v("", !0), C.value ? (c(), f(V(C.value), {
+    })) : v("", !0), y.value ? (i(), f(P(y.value), {
       key: 1
-    })) : v("", !0)]), l(r) ? (c(), N("div", {
+    })) : v("", !0)]), l(r) ? (i(), B("div", {
       key: 2,
-      class: P(l(p)("checked-icon"))
-    }, [$("img", {
-      src: l(H)
-    }, null, 8, Q)], 2)) : v("", !0)], 6));
+      class: N(l(p)("checked-icon"))
+    }, [U("img", {
+      src: l(q)
+    }, null, 8, H)], 2)) : v("", !0)], 6));
   }
 });
 export {
-  re as default
+  oe as default
 };

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

@@ -7,13 +7,13 @@
   cursor: not-allowed;
 }
 .aplus-check-card--bordered {
-  outline: 1px solid var(--check-card-border-color);
+  outline: 1px solid var(--check-card-outline-color);
 }
-.aplus-check-card-aplus:hover {
+.aplus-check-card:hover {
   cursor: pointer;
-  outline: 1px solid #0070ff;
+  outline: 1px solid var(--check-card-hover-outline-color);
 }
-.aplus-check-card-aplus::after {
+.aplus-check-card::after {
   content: '';
   position: absolute;
   width: 0;
@@ -25,47 +25,15 @@
   border-block-end: 16px solid transparent;
   border-radius: 4px;
 }
-.aplus-check-card-aplus--checked {
-  outline: 2px solid #0070ff;
+.aplus-check-card--checked {
+  outline: 2px solid var(--check-card-checked-outline-color);
 }
-.aplus-check-card-aplus--checked:hover {
-  outline: 2px solid #0070ff;
+.aplus-check-card--checked:hover {
+  outline: 2px solid var(--check-card-checked-outline-color);
 }
-.aplus-check-card-aplus--checked::after {
+.aplus-check-card--checked::after {
   opacity: 1;
-  border: 16px solid #0070ff;
-  border-inline-start: 16px solid transparent;
-  border-block-end: 16px solid transparent;
-  inset-block-start: -2px;
-  inset-inline-end: -2px;
-  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.aplus-check-card-admin:hover {
-  cursor: pointer;
-  outline: 1px solid #34b77c;
-}
-.aplus-check-card-admin::after {
-  content: '';
-  position: absolute;
-  width: 0px;
-  height: 0px;
-  opacity: 0;
-  inset-block-start: -2px;
-  inset-inline-end: -2px;
-  border-inline-start: 16px solid transparent;
-  border-block-end: 16px solid transparent;
-  border-radius: 4px;
-}
-.aplus-check-card-admin--checked {
-  outline: 2px solid #34b77c;
-}
-.aplus-check-card-admin--checked:hover {
-  outline: 2px solid #34b77c;
-}
-.aplus-check-card-admin--checked::after {
-  content: '';
-  opacity: 1;
-  border: 16px solid #34b77c;
+  border: 16px solid var(--check-card-checked-bg);
   border-inline-start: 16px solid transparent;
   border-block-end: 16px solid transparent;
   inset-block-start: -2px;

package/es/src/config-provider/config-provider.mjs

@@ -1,39 +1,44 @@
-import { isVNode as n, ref as l, defineComponent as c, computed as f, watch as d, createVNode as m, renderSlot as u } from "vue";
-import { ConfigProvider as p } from "ant-design-vue";
-import { provideGlobalConfig as g } from "./hooks/use-global-config.mjs";
-import { configProviderProps as s } from "./config-provider-props.mjs";
-import { tableDefaultConfig as b } from "./constants.mjs";
-import { mergeAntdProvideConfig as v } from "../utils/config-provider-preset.mjs";
-function C(e) {
+import { isVNode as n, ref as d, defineComponent as f, computed as m, watch as r, createVNode as c, renderSlot as u } from "vue";
+import { ConfigProvider as s } from "ant-design-vue";
+import { provideGlobalConfig as p } from "./hooks/use-global-config.mjs";
+import { configProviderProps as g } from "./config-provider-props.mjs";
+import { tableDefaultConfig as C } from "./constants.mjs";
+import { mergeAntdProvideConfig as b } from "../utils/config-provider-preset.mjs";
+import { setCSSVariables as v, aplusCssVar as P, adminCssVar as S } from "../theme/css-var/index.mjs";
+function V(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !n(e);
 }
-const r = l({}), A = /* @__PURE__ */ c({
+const a = d({}), N = /* @__PURE__ */ f({
   name: "AplusConfigProvider",
-  props: s(),
+  props: g(),
   setup(e, {
     slots: i
   }) {
-    const a = f(() => ({
+    const l = m(() => ({
       namespace: e.namespace,
       aplusLocale: e.aplusLocale,
       api: e.api,
       table: {
-        ...b,
+        ...C,
         ...e.table || {}
       },
       scrollbar: e.scrollbar,
       uiMode: e.uiMode,
       apUpload: e.apUpload,
       apDescriptions: e.apDescriptions
-    })), t = g(a);
-    return d(() => e, (o) => {
-      r.value = v(o);
+    })), t = p(l);
+    return r(() => e, (o) => {
+      a.value = b(o);
     }, {
       deep: !0,
       immediate: !0
+    }), r(() => e.uiMode, (o) => {
+      v(o === "aplus" ? P : S);
+    }, {
+      immediate: !0
     }), () => {
       let o;
-      return m(p, r.value, C(o = u(i, "default", {
+      return c(s, a.value, V(o = u(i, "default", {
         config: t == null ? void 0 : t.value
       })) ? o : {
         default: () => [o]
@@ -42,6 +47,6 @@ const r = l({}), A = /* @__PURE__ */ c({
   }
 });
 export {
-  A as ConfigProvider,
-  r as globalConfigCached
+  N as ConfigProvider,
+  a as globalConfigCached
 };

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

@@ -30,7 +30,8 @@ const o = {
   colorBgLayout: "#F2F6F9",
   colorBgSpotlight: "#000000cc",
   controlItemBgActive: "#F5F9FF",
-  controlItemBgActiveHover: "#EAF2FF"
+  controlItemBgActiveHover: "#EAF2FF",
+  colorBorderSecondary: "#E9EDF3"
 }, c = {
   ...o,
   // 主色
@@ -61,7 +62,8 @@ const o = {
   colorBgLayout: "#FAFAFA",
   colorBgSpotlight: "#000000cc",
   controlItemBgActive: "#f3fbf7",
-  controlItemBgActiveHover: "#e6f6ef"
+  controlItemBgActiveHover: "#e6f6ef",
+  colorBorderSecondary: "#E9E9E9"
 };
 export {
   c as adminToken,

package/es/src/editable-table/form-item.vue.d.ts

@@ -1,4 +1,5 @@
 import { EditableColumnType } from './interface';
+import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-needed';
 import { ExtractPropTypes, PropType, VNode, RendererNode, RendererElement, CSSProperties, HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, ShallowUnwrapRef } from 'vue';
 import { SpinSize } from 'ant-design-vue/es/spin/Spin';
 import { VueTypeValidableDef, VueTypeDef } from '../../node_modules/vue-types';
@@ -325,6 +326,7 @@ declare const _default: <RecordType = any>(__VLS_props: {
     getRowsData: () => UnwrapRefSimple<RecordType>[];
     setRowData: (index: number, payload: any) => void;
     addMultiple: (list: number | Partial<RecordType>[], insetIn?: 'prefix' | 'suffix') => void;
+    scrollTo: (index: number | 'end', options?: StandardBehaviorOptions) => void;
 }>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         loading?: boolean | Partial< ExtractPropTypes<{
@@ -600,6 +602,7 @@ declare const _default: <RecordType = any>(__VLS_props: {
         getRowsData: () => UnwrapRefSimple<RecordType>[];
         setRowData: (index: number, payload: any) => void;
         addMultiple: (list: number | Partial<RecordType>[], insetIn?: 'prefix' | 'suffix') => void;
+        scrollTo: (index: number | 'end', options?: StandardBehaviorOptions) => void;
     }>): void;
     attrs: any;
     slots: Readonly<{
@@ -912,6 +915,7 @@ declare const _default: <RecordType = any>(__VLS_props: {
             getRowsData: () => UnwrapRefSimple<RecordType>[];
             setRowData: (index: number, payload: any) => void;
             addMultiple: (list: number | Partial<RecordType>[], insetIn?: 'prefix' | 'suffix') => void;
+            scrollTo: (index: number | 'end', options?: StandardBehaviorOptions) => void;
         }>): void;
         attrs: any;
         slots: Readonly<{