@aplus-frontend/ui 0.6.0-beta.4 → 0.6.0-beta.5

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

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

package/es/src/business/ap-view/hooks/use-view-provide.d.ts

@@ -3,6 +3,7 @@ import { SaveDataSource, ViewCacheOption, ViewListModel } from '../interface';
 type DataModel = {
     tableKey: string;
     currentViewKey: Ref<string>;
+    changeCurrentViewKey: (key: string) => void;
     popoverOpen: Ref<boolean>;
     menuOpen: Ref<boolean>;
     viewList: Ref<ViewListModel[]>;

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

@@ -3,12 +3,12 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
 declare const _default: DefineComponent<ApFormItemBatchInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFormItemBatchInputProps> & Readonly<{}>, {
     trim: boolean;
     disabled: boolean;
-    bordered: boolean;
     hasFeedback: boolean;
     colon: boolean;
     autoLink: boolean;
     required: boolean;
     validateFirst: boolean;
+    bordered: boolean;
     field: Omit< BatchInputGroupProps, "value" | "onUpdate:value">;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -43,12 +43,12 @@ declare const _default: DefineComponent<BatchInputGroupProps, {}, {}, {}, {}, Co
             readonly onMousedown?: MouseEventHandler | undefined;
             readonly value?: string | number | undefined;
             readonly disabled?: boolean | undefined;
-            readonly bordered?: boolean | undefined;
             readonly prefixCls?: string | undefined;
             readonly name?: string | undefined;
             readonly loading?: boolean | undefined;
             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 placeholder?: string | number | undefined;

package/es/src/check-card/group.vue.d.ts

@@ -19,8 +19,8 @@ declare const __VLS_component: DefineComponent<CheckCardGroupProps, {}, {}, {},
     value: CheckCardValueType | CheckCardValueType[];
     multiple: boolean;
     disabled: boolean;
-    bordered: boolean;
     loading: boolean;
+    bordered: boolean;
     defaultValue: CheckCardValueType | CheckCardValueType[];
     stopPropagation: boolean | ((event: MouseEvent) => boolean);
     indicatorSize: number;

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

@@ -1,7 +1,6 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import { LocaleType } from '../locale/interface';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField } from './constants';
-import { CssVarType } from './css-var';
 import { ViewCacheOption } from '../business';
 import { default as __DTS_DEFAULT_0__ } from '@aplus-frontend/antdv/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from '@aplus-frontend/antdv/es/table/interface';
@@ -156,10 +155,6 @@ export declare const configProviderProps: () => {
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
-    cssVar: {
-        type: PropType<CssVarType>;
-        default: () => {};
-    };
     exportField: {
         type: PropType<ExportField>;
         default: boolean;

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

@@ -32,10 +32,6 @@ const p = () => ({
     type: Object,
     default: () => ({})
   },
-  cssVar: {
-    type: Object,
-    default: () => ({})
-  },
   exportField: {
     type: [Object, Boolean],
     default: !1

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

@@ -1,6 +1,5 @@
 import { Ref, DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { ConfigProviderProps } from './config-provider-props';
-import { CssVarType } from './css-var';
 import { default as __DTS_DEFAULT_0__ } from '@aplus-frontend/antdv/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from '@aplus-frontend/antdv/es/table/interface';
 import { CSPConfig } from '@aplus-frontend/antdv/es/config-provider';
@@ -12,7 +11,6 @@ import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { LocaleType } from '../locale';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField } from './constants';
 import { ViewCacheOption } from '..';
-import { RecursivePartial } from '../type';
 export declare const globalConfigCached: Ref<ConfigProviderProps>;
 export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
@@ -156,10 +154,6 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
-    cssVar: {
-        type: PropType<CssVarType>;
-        default: () => {};
-    };
     exportField: {
         type: PropType<ExportField>;
         default: boolean;
@@ -313,10 +307,6 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
-    cssVar: {
-        type: PropType<CssVarType>;
-        default: () => {};
-    };
     exportField: {
         type: PropType<ExportField>;
         default: boolean;
@@ -365,134 +355,6 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     apDescriptions: ApDescriptionsConfig;
     valueTypeMap: Record<string, ValueTypeRenderConfig>;
     downloadCenterTriggerConfig: downloadCenterTriggerConfig;
-    cssVar: RecursivePartial<{
-        'ap-form': {
-            bordered: {
-                'border-color': {
-                    base: string;
-                    hover: string;
-                    active: string;
-                };
-                'shadow-color': string;
-            };
-        };
-        'ap-action': {
-            color: {
-                primary: {
-                    base: string;
-                    hover: string;
-                };
-                success: string;
-                error: string;
-                warn: string;
-            };
-        };
-        'check-card': {
-            outline: {
-                color: string;
-            };
-            hover: {
-                outline: {
-                    color: string;
-                };
-            };
-            checked: {
-                outline: {
-                    color: string;
-                };
-                bg: string;
-            };
-        };
-        'ap-table': {
-            header: {
-                bg: string;
-            };
-            pagination: {
-                total: {
-                    color: string;
-                    count: {
-                        color: string;
-                    };
-                };
-            };
-            setting: {
-                button: {
-                    color: string;
-                };
-            };
-        };
-        'ap-batch-action': {
-            color: {
-                font: string;
-                active: string;
-                border: string;
-            };
-        };
-        basic: {
-            color: {
-                primary: string;
-            };
-        };
-        'ap-descriptions': {
-            item: {
-                'padding-bottom': string;
-                'label-width': string;
-            };
-            'last-row-item': {
-                'padding-bottom': string;
-            };
-        };
-        'ap-appendix': {
-            area: {
-                color: {
-                    border: string;
-                    font: string;
-                    'font-hover': string;
-                    'font-disabled': string;
-                    icon: string;
-                };
-            };
-        };
-        'ap-upload-single': {
-            color: {
-                main: string;
-                sub: string;
-                border: string;
-                primary: string;
-            };
-        };
-        'batch-input-group': {
-            trigger: {
-                color: string;
-                'color-disabled': string;
-            };
-        };
-        'ap-text': {
-            label: {
-                color: string;
-            };
-            content: {
-                color: {
-                    major: string;
-                    minor: string;
-                };
-            };
-        };
-        'ap-view': {
-            icon: {
-                color: string;
-            };
-            bg: {
-                color: string;
-            };
-            message: {
-                color: string;
-            };
-            border: {
-                color: string;
-            };
-        };
-    }>;
     exportField: ExportField;
     viewCacheOption: ViewCacheOption;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

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

@@ -1,24 +1,23 @@
-import { isVNode as v, ref as P, defineComponent as V, computed as i, unref as r, watch as u, createVNode as M, renderSlot as b } from "vue";
-import { ConfigProvider as w } from "@aplus-frontend/antdv";
-import { useGlobalConfig as d, provideGlobalConfig as A } from "./hooks/use-global-config.mjs";
-import { configProviderProps as D } from "./config-provider-props.mjs";
-import { mergeAntdProviderConfigWithCache as N, mergeAntdProvideConfig as U } from "../utils/config-provider-preset.mjs";
-import { generateCssVar as h, aplusCssVar as S, adminCssVar as T, setCSSVariables as y } from "./css-var.mjs";
-import { DEFAULT_NAMESPACE as E, DEFAULT_UIMODE as O } from "./constants.mjs";
-function F(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !v(e);
+import { isVNode as p, ref as C, defineComponent as s, computed as i, unref as t, watch as c, createVNode as v, renderSlot as M } from "vue";
+import { ConfigProvider as P } from "@aplus-frontend/antdv";
+import { useGlobalConfig as l, provideGlobalConfig as U } from "./hooks/use-global-config.mjs";
+import { configProviderProps as w } from "./config-provider-props.mjs";
+import { mergeAntdProviderConfigWithCache as A, mergeAntdProvideConfig as D } from "../utils/config-provider-preset.mjs";
+import { DEFAULT_NAMESPACE as N, DEFAULT_UIMODE as b } from "./constants.mjs";
+function h(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !p(e);
 }
-const n = P({}), W = /* @__PURE__ */ V({
+const n = C({}), S = /* @__PURE__ */ s({
   name: "AplusConfigProvider",
-  props: D(),
+  props: w(),
   setup(e, {
     slots: f
   }) {
-    const a = d("namespace"), c = d("uiMode"), m = i(() => e.namespace ? e.namespace : r(a) ? r(a) : E), l = i(() => e.uiMode ? e.uiMode : r(c) ? r(c) : O), s = i(() => ({
-      namespace: r(m),
+    const a = l("namespace"), d = l("uiMode"), m = i(() => e.namespace ? e.namespace : t(a) ? t(a) : N), u = i(() => e.uiMode ? e.uiMode : t(d) ? t(d) : b), g = i(() => ({
+      namespace: t(m),
       aplusLocale: e.aplusLocale,
       api: e.api,
-      uiMode: r(l),
+      uiMode: t(u),
       apUpload: e.apUpload,
       apDescriptions: e.apDescriptions,
       valueTypeMap: e.valueTypeMap,
@@ -26,24 +25,20 @@ const n = P({}), W = /* @__PURE__ */ V({
       exportField: e.exportField,
       scrollYDomName: e.scrollYDomName,
       viewCacheOption: e.viewCacheOption
-    })), t = A(s);
-    return u(() => e, (o) => {
-      n.value = N(U(o), n.value);
+    })), r = U(g);
+    return c(() => e, (o) => {
+      n.value = A(D(o), n.value);
     }, {
       deep: !0,
       immediate: !0
-    }), typeof window < "u" && u(() => [r(l), e.cssVar], ([o, C]) => {
-      const g = h(C), p = {
-        ...o === "aplus" ? S : T,
-        ...g
-      };
-      y(p);
+    }), typeof window < "u" && c(() => t(u), (o) => {
+      document.documentElement.dataset.aplusUiMode = o;
     }, {
       immediate: !0
     }), () => {
       let o;
-      return M(w, n.value, F(o = b(f, "default", {
-        config: t == null ? void 0 : t.value
+      return v(P, n.value, h(o = M(f, "default", {
+        config: r == null ? void 0 : r.value
       })) ? o : {
         default: () => [o]
       });
@@ -51,6 +46,6 @@ const n = P({}), W = /* @__PURE__ */ V({
   }
 });
 export {
-  W as ConfigProvider,
+  S as ConfigProvider,
   n as globalConfigCached
 };

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

@@ -11,7 +11,6 @@ import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { LocaleType } from '../../locale';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField } from '..';
-import { CssVarType } from '../css-var';
 import { ViewCacheOption } from '../..';
 export declare const keysOf: <T extends Record<string, any>>(arr: T) => Array<keyof T>;
 export declare function useGlobalConfig<K extends keyof ConfigProviderContext, D extends ConfigProviderContext[K]>(key: K, defaultValue?: D): Ref<Exclude<ConfigProviderContext[K], undefined> | D>;
@@ -158,10 +157,6 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
-    cssVar: {
-        type: PropType<CssVarType>;
-        default: () => {};
-    };
     exportField: {
         type: PropType<ExportField>;
         default: boolean;