@aplus-frontend/ui 0.0.1-beta.2 → 0.0.1-beta.20

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

@@ -1,4 +1,4 @@
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from '@vue/runtime-core';
 import { default as __DTS_DEFAULT_0__ } from 'ant-design-vue/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from 'ant-design-vue/es/table/interface';
 import { CSPConfig } from 'ant-design-vue/es/config-provider';
@@ -8,7 +8,7 @@ import { ValidateMessages } from 'ant-design-vue/es/form/interface';
 import { RequiredMark } from 'ant-design-vue/es/form/Form';
 import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
 import { LocaleType } from '..';
-import { ApiType, TableDefaultConfig } from './constants';
+import { ApiType, TableDefaultConfig, ScrollbarGlobalConfig } from './constants';
 export * from './config-provider-props';
 export * from './constants';
 export * from './hooks/use-global-config';
@@ -143,6 +143,16 @@ export declare const APConfigProvider: {
         table: {
             type: PropType<TableDefaultConfig>;
         };
+        scrollbar: {
+            type: PropType<ScrollbarGlobalConfig>;
+            default: () => {
+                native: boolean;
+            };
+        };
+        uiMode: {
+            type: PropType<"aplus" | "admin">;
+            default: string;
+        };
     }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         iconPrefixCls: StringConstructor;
         getTargetContainer: {
@@ -270,7 +280,19 @@ export declare const APConfigProvider: {
         table: {
             type: PropType<TableDefaultConfig>;
         };
+        scrollbar: {
+            type: PropType<ScrollbarGlobalConfig>;
+            default: () => {
+                native: boolean;
+            };
+        };
+        uiMode: {
+            type: PropType<"aplus" | "admin">;
+            default: string;
+        };
     }>>, {
+        theme: ThemeConfig;
+        direction: "ltr" | "rtl";
         input: {
             autocomplete?: string | undefined;
         };
@@ -289,7 +311,6 @@ export declare const APConfigProvider: {
             ghost?: boolean | undefined;
         };
         componentDisabled: boolean;
-        direction: "ltr" | "rtl";
         space: {
             size?: number | ButtonSize;
         };
@@ -298,12 +319,13 @@ export declare const APConfigProvider: {
         pagination: {
             showSizeChanger?: boolean | undefined;
         };
-        theme: ThemeConfig;
         wave: {
             disabled?: boolean | undefined;
         };
         namespace: string;
         api: ApiType;
+        scrollbar: ScrollbarGlobalConfig;
+        uiMode: "aplus" | "admin";
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -438,7 +460,19 @@ export declare const APConfigProvider: {
         table: {
             type: PropType<TableDefaultConfig>;
         };
+        scrollbar: {
+            type: PropType<ScrollbarGlobalConfig>;
+            default: () => {
+                native: boolean;
+            };
+        };
+        uiMode: {
+            type: PropType<"aplus" | "admin">;
+            default: string;
+        };
     }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        theme: ThemeConfig;
+        direction: "ltr" | "rtl";
         input: {
             autocomplete?: string | undefined;
         };
@@ -457,7 +491,6 @@ export declare const APConfigProvider: {
             ghost?: boolean | undefined;
         };
         componentDisabled: boolean;
-        direction: "ltr" | "rtl";
         space: {
             size?: number | ButtonSize;
         };
@@ -466,12 +499,13 @@ export declare const APConfigProvider: {
         pagination: {
             showSizeChanger?: boolean | undefined;
         };
-        theme: ThemeConfig;
         wave: {
             disabled?: boolean | undefined;
         };
         namespace: string;
         api: ApiType;
+        scrollbar: ScrollbarGlobalConfig;
+        uiMode: "aplus" | "admin";
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -603,7 +637,19 @@ export declare const APConfigProvider: {
     table: {
         type: PropType<TableDefaultConfig>;
     };
+    scrollbar: {
+        type: PropType<ScrollbarGlobalConfig>;
+        default: () => {
+            native: boolean;
+        };
+    };
+    uiMode: {
+        type: PropType<"aplus" | "admin">;
+        default: string;
+    };
 }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    theme: ThemeConfig;
+    direction: "ltr" | "rtl";
     input: {
         autocomplete?: string | undefined;
     };
@@ -622,7 +668,6 @@ export declare const APConfigProvider: {
         ghost?: boolean | undefined;
     };
     componentDisabled: boolean;
-    direction: "ltr" | "rtl";
     space: {
         size?: number | ButtonSize;
     };
@@ -631,12 +676,13 @@ export declare const APConfigProvider: {
     pagination: {
         showSizeChanger?: boolean | undefined;
     };
-    theme: ThemeConfig;
     wave: {
         disabled?: boolean | undefined;
     };
     namespace: string;
     api: ApiType;
+    scrollbar: ScrollbarGlobalConfig;
+    uiMode: "aplus" | "admin";
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {
     $props: {
         onClick?: (() => void) | undefined;

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

@@ -1,14 +1,28 @@
-import { withInstall as o } from "@aplus-frontend/utils";
-import { ConfigProvider as r } from "./config-provider.mjs";
-import { keysOf as n, provideGlobalConfig as a, useGlobalConfig as s } from "./hooks/use-global-config.mjs";
-import "vue";
-import "lodash-unified";
-const l = o(r);
+import { withInstall as e } from "@aplus-frontend/utils";
+import { ConfigProvider as o } from "./config-provider.mjs";
+import { configProviderProps as l } from "./config-provider-props.mjs";
+import { configProviderContextKey as s, tableDefaultConfig as p } from "./constants.mjs";
+import { keysOf as c, provideGlobalConfig as d, useGlobalConfig as x } from "./hooks/use-global-config.mjs";
+import { buildLocaleContext as C, buildTranslator as g, localeContextKey as v, translate as P, useLocale as b } from "./hooks/use-locale.mjs";
+import { defaultNamespace as G, namespaceContextKey as K, useGetDerivedNamespace as N, useNamespace as D } from "./hooks/use-namespace.mjs";
+const a = e(o);
 export {
-  l as APConfigProvider,
-  r as ConfigProvider,
-  l as default,
-  n as keysOf,
-  a as provideGlobalConfig,
-  s as useGlobalConfig
+  a as APConfigProvider,
+  o as ConfigProvider,
+  C as buildLocaleContext,
+  g as buildTranslator,
+  s as configProviderContextKey,
+  l as configProviderProps,
+  a as default,
+  G as defaultNamespace,
+  c as keysOf,
+  v as localeContextKey,
+  K as namespaceContextKey,
+  d as provideGlobalConfig,
+  p as tableDefaultConfig,
+  P as translate,
+  N as useGetDerivedNamespace,
+  x as useGlobalConfig,
+  b as useLocale,
+  D as useNamespace
 };

package/es/src/container/collapse/header.vue.mjs

@@ -1,51 +1,4 @@
-import { defineComponent as c, createVNode as n } from "vue";
-import "../../config-provider/index.mjs";
-import { BasicTitle as l, BasicArrow as p } from "../../basic/index.mjs";
-import "./style/header.css";
-import { useNamespace as d } from "../../config-provider/hooks/use-namespace.mjs";
-const s = {
-  title: String,
-  show: Boolean,
-  canExpand: Boolean,
-  helpMessage: {
-    type: [Array, String],
-    default: ""
-  }
-}, g = /* @__PURE__ */ c({
-  name: "ApCollapseHeader",
-  inheritAttrs: !1,
-  props: s,
-  emits: ["expand"],
-  setup(e, {
-    slots: a,
-    attrs: o,
-    emit: t
-  }) {
-    const {
-      e: r
-    } = d("collapse-container-header");
-    return () => n("div", {
-      class: [r("header"), o.class]
-    }, [n(l, {
-      helpMessage: e.helpMessage,
-      normal: !0
-    }, {
-      default: () => {
-        var i;
-        return [((i = a.title) == null ? void 0 : i.call(a)) || e.title];
-      }
-    }), n("div", {
-      class: r("action")
-    }, [a.action ? a.action({
-      expand: e.show,
-      onClick: () => t("expand")
-    }) : e.canExpand && n(p, {
-      up: !0,
-      expand: e.show,
-      onClick: () => t("expand")
-    }, null)])]);
-  }
-});
+import f from "./header.vue2.mjs";
 export {
-  g as default
+  f as default
 };

package/es/src/container/collapse/header.vue2.mjs

@@ -1,4 +1,51 @@
-import f from "./header.vue.mjs";
+import { defineComponent as c, createVNode as n } from "vue";
+import "../../config-provider/index.mjs";
+import { BasicTitle as l, BasicArrow as p } from "../../basic/index.mjs";
+import "./style/header.css";
+import { useNamespace as d } from "../../config-provider/hooks/use-namespace.mjs";
+const s = {
+  title: String,
+  show: Boolean,
+  canExpand: Boolean,
+  helpMessage: {
+    type: [Array, String],
+    default: ""
+  }
+}, g = /* @__PURE__ */ c({
+  name: "ApCollapseHeader",
+  inheritAttrs: !1,
+  props: s,
+  emits: ["expand"],
+  setup(e, {
+    slots: a,
+    attrs: o,
+    emit: t
+  }) {
+    const {
+      e: r
+    } = d("collapse-container-header");
+    return () => n("div", {
+      class: [r("header"), o.class]
+    }, [n(l, {
+      helpMessage: e.helpMessage,
+      normal: !0
+    }, {
+      default: () => {
+        var i;
+        return [((i = a.title) == null ? void 0 : i.call(a)) || e.title];
+      }
+    }), n("div", {
+      class: r("action")
+    }, [a.action ? a.action({
+      expand: e.show,
+      onClick: () => t("expand")
+    }) : e.canExpand && n(p, {
+      up: !0,
+      expand: e.show,
+      onClick: () => t("expand")
+    }, null)])]);
+  }
+});
 export {
-  f as default
+  g as default
 };

package/es/src/container/collapse/index.vue.d.ts

@@ -111,8 +111,8 @@ declare const _default: DefineComponent<{
         default: number;
     };
 }>>, {
-    title: string;
     loading: boolean;
+    title: string;
     helpMessage: string | string[];
     canExpand: boolean;
     triggerWindowResize: boolean;

package/es/src/container/collapse/index.vue.mjs

@@ -1,87 +1,4 @@
-import { defineComponent as p, ref as f, createVNode as t, unref as d, mergeProps as u, withDirectives as c, vShow as s } from "vue";
-import "../../transition/index.mjs";
-import { useTimeoutFn as g } from "@vueuse/core";
-import { triggerWindowResize as v } from "@aplus-frontend/utils";
-import { Skeleton as w } from "ant-design-vue";
-import { isNil as y } from "lodash-unified";
-import "../../config-provider/index.mjs";
-import h from "./header.vue.mjs";
-import "./style/index.css";
-import _ from "../../transition/collapse-transition.vue.mjs";
-import { useNamespace as x } from "../../config-provider/hooks/use-namespace.mjs";
-const z = {
-  title: {
-    type: String,
-    default: ""
-  },
-  loading: {
-    type: Boolean
-  },
-  /**
-   *  Can it be expanded
-   */
-  canExpand: {
-    type: Boolean,
-    default: !0
-  },
-  /**
-   * Warm reminder on the right side of the title
-   */
-  helpMessage: {
-    type: [Array, String],
-    default: ""
-  },
-  /**
-   * Whether to trigger window.resize when expanding and contracting,
-   * Can adapt to tables and forms, when the form shrinks, the form triggers resize to adapt to the height
-   */
-  triggerWindowResize: {
-    type: Boolean
-  },
-  /**
-   * Delayed loading time
-   */
-  lazyTime: {
-    type: Number,
-    default: 0
-  }
-}, $ = /* @__PURE__ */ p({
-  name: "ApCollapseContainer",
-  props: z,
-  setup(i, {
-    expose: l,
-    slots: e
-  }) {
-    const {
-      b: m,
-      e: n
-    } = x("collapse-container"), r = f(!0), a = (o) => {
-      r.value = y(o) ? !r.value : o, i.triggerWindowResize && g(v, 200);
-    };
-    return l({
-      handleExpand: a
-    }), () => t("div", {
-      class: d(m())
-    }, [t(h, u(i, {
-      onExpand: a,
-      show: r.value
-    }), {
-      title: e.title,
-      action: e.action
-    }), t("div", {
-      class: n("content-wrapper")
-    }, [t(_, null, {
-      default: () => {
-        var o;
-        return [i.loading ? t(w, {
-          active: i.loading
-        }, null) : c(t("div", null, [(o = e.default) == null ? void 0 : o.call(e)]), [[s, r.value]])];
-      }
-    })]), e.footer && t("div", {
-      class: n("footer")
-    }, [e.footer()])]);
-  }
-});
+import f from "./index.vue2.mjs";
 export {
-  $ as default
+  f as default
 };

package/es/src/container/collapse/index.vue2.mjs

@@ -1,4 +1,88 @@
-import f from "./index.vue.mjs";
+import { defineComponent as p, ref as f, createVNode as t, unref as d, mergeProps as u, withDirectives as c, vShow as s } from "vue";
+import "../../transition/index.mjs";
+import { useTimeoutFn as g } from "@vueuse/core";
+import { triggerWindowResize as v } from "@aplus-frontend/utils";
+import { Skeleton as w } from "ant-design-vue";
+import { isNil as y } from "lodash-unified";
+import "../../config-provider/index.mjs";
+import "./header.vue.mjs";
+import "./style/index.css";
+import { useNamespace as h } from "../../config-provider/hooks/use-namespace.mjs";
+import _ from "./header.vue2.mjs";
+import x from "../../transition/collapse-transition.vue.mjs";
+const z = {
+  title: {
+    type: String,
+    default: ""
+  },
+  loading: {
+    type: Boolean
+  },
+  /**
+   *  Can it be expanded
+   */
+  canExpand: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * Warm reminder on the right side of the title
+   */
+  helpMessage: {
+    type: [Array, String],
+    default: ""
+  },
+  /**
+   * Whether to trigger window.resize when expanding and contracting,
+   * Can adapt to tables and forms, when the form shrinks, the form triggers resize to adapt to the height
+   */
+  triggerWindowResize: {
+    type: Boolean
+  },
+  /**
+   * Delayed loading time
+   */
+  lazyTime: {
+    type: Number,
+    default: 0
+  }
+}, k = /* @__PURE__ */ p({
+  name: "ApCollapseContainer",
+  props: z,
+  setup(i, {
+    expose: l,
+    slots: e
+  }) {
+    const {
+      b: m,
+      e: n
+    } = h("collapse-container"), r = f(!0), a = (o) => {
+      r.value = y(o) ? !r.value : o, i.triggerWindowResize && g(v, 200);
+    };
+    return l({
+      handleExpand: a
+    }), () => t("div", {
+      class: d(m())
+    }, [t(_, u(i, {
+      onExpand: a,
+      show: r.value
+    }), {
+      title: e.title,
+      action: e.action
+    }), t("div", {
+      class: n("content-wrapper")
+    }, [t(x, null, {
+      default: () => {
+        var o;
+        return [i.loading ? t(w, {
+          active: i.loading
+        }, null) : c(t("div", null, [(o = e.default) == null ? void 0 : o.call(e)]), [[s, r.value]])];
+      }
+    })]), e.footer && t("div", {
+      class: n("footer")
+    }, [e.footer()])]);
+  }
+});
 export {
-  f as default
+  k as default
 };

package/es/src/container/collapse/style/header.css

@@ -3,7 +3,7 @@
   align-items: center;
   justify-content: space-between;
   height: 32px;
-  border-bottom: 1px solid #eee;
+  border-bottom: 1px solid #dee4ed;
   padding-inline: 0.5rem;
   padding-block: 1.25rem;
 }

package/es/src/container/collapse/style/index.css

@@ -7,5 +7,5 @@
   padding: 0.5rem;
 }
 .aplus-collapse-container__footer {
-  border-top: 1px solid #eee;
+  border-top: 1px solid #dee4ed;
 }

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

@@ -1,4 +1,4 @@
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from '@vue/runtime-core';
 export * from './interface';
 export declare const ScrollContainer: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
@@ -94,8 +94,8 @@ export declare const CollapseContainer: {
             default: number;
         };
     }>>, {
-        title: string;
         loading: boolean;
+        title: string;
         helpMessage: string | string[];
         canExpand: boolean;
         triggerWindowResize: boolean;
@@ -131,8 +131,8 @@ export declare const CollapseContainer: {
             default: number;
         };
     }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-        title: string;
         loading: boolean;
+        title: string;
         helpMessage: string | string[];
         canExpand: boolean;
         triggerWindowResize: boolean;
@@ -165,8 +165,8 @@ export declare const CollapseContainer: {
         default: number;
     };
 }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    title: string;
     loading: boolean;
+    title: string;
     helpMessage: string | string[];
     canExpand: boolean;
     triggerWindowResize: boolean;

package/es/src/container/index.mjs

@@ -1,8 +1,11 @@
-import r from "./scroll-container.vue.mjs";
-import t from "./collapse/index.vue.mjs";
+import "./scroll-container.vue.mjs";
+import "./collapse/index.vue.mjs";
 import { withInstall as o } from "@aplus-frontend/utils";
-const a = o(r), l = o(t);
+import "./interface.mjs";
+import r from "./scroll-container.vue2.mjs";
+import t from "./collapse/index.vue2.mjs";
+const s = o(r), c = o(t);
 export {
-  l as CollapseContainer,
-  a as ScrollContainer
+  c as CollapseContainer,
+  s as ScrollContainer
 };

package/es/src/container/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/container/scroll-container.vue.mjs

@@ -1,62 +1,4 @@
-import { defineComponent as m, ref as g, openBlock as h, createBlock as _, unref as o, mergeProps as H, withCtx as b, renderSlot as d, nextTick as c } from "vue";
-import { Scrollbar as S } from "../scroll-bar/index.mjs";
-import { useScrollTo as n } from "@aplus-frontend/hooks";
-import "../config-provider/index.mjs";
-import "./style/scroll-container.css";
-import { useNamespace as k } from "../config-provider/hooks/use-namespace.mjs";
-const y = /* @__PURE__ */ m({
-  name: "ApScrollContainer",
-  __name: "scroll-container",
-  props: {
-    scrollHeight: {}
-  },
-  setup(w, { expose: a }) {
-    const { b: i } = k("scroll-container"), l = g(null);
-    function s() {
-      const r = o(l);
-      return r ? r.wrap : null;
-    }
-    function p(r, t = 500) {
-      const e = o(s());
-      c(() => {
-        if (!e)
-          return;
-        const { start: u } = n({
-          el: e,
-          to: r,
-          duration: t
-        });
-        u();
-      });
-    }
-    function f() {
-      const r = o(s());
-      c(() => {
-        if (!r)
-          return;
-        const t = r.scrollHeight, { start: e } = n({
-          el: r,
-          to: t
-        });
-        e();
-      });
-    }
-    return a({
-      scrollTo: p,
-      scrollBottom: f
-    }), (r, t) => (h(), _(o(S), H({
-      ref_key: "scrollbarRef",
-      ref: l,
-      class: o(i)(),
-      scrollHeight: r.scrollHeight
-    }, r.$attrs), {
-      default: b(() => [
-        d(r.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["class", "scrollHeight"]));
-  }
-});
+import f from "./scroll-container.vue2.mjs";
 export {
-  y as default
+  f as default
 };