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

package/es/src/basic/help.vue.mjs

@@ -1,98 +1,4 @@
-import { defineComponent as d, computed as i, createVNode as o, unref as l } from "vue";
-import { Tooltip as a } from "ant-design-vue";
-import { InfoCircleOutlined as y } from "@ant-design/icons-vue";
-import { getPopupContainer as S } from "../utils/index.mjs";
-import { isType as g, isArray as x } from "@fruits-chain/utils";
-import { getSlot as h } from "../utils/slot.mjs";
-import "../config-provider/index.mjs";
-import "./style/help.css";
-import { useNamespace as v } from "../config-provider/hooks/use-namespace.mjs";
-const w = {
-  /**
-   * Help text max-width
-   * @default: 600px
-   */
-  maxWidth: {
-    type: String,
-    default: "600px"
-  },
-  /**
-   * Whether to display the serial number
-   * @default: false
-   */
-  showIndex: {
-    type: Boolean
-  },
-  /**
-   * Help text font color
-   * @default: #ffffff
-   */
-  color: {
-    type: String,
-    default: "#ffffff"
-  },
-  /**
-   * Help text font size
-   * @default: 14px
-   */
-  fontSize: {
-    type: String,
-    default: "14px"
-  },
-  /**
-   * Help text list
-   */
-  placement: {
-    type: String,
-    default: "right"
-  },
-  /**
-   * Help text list
-   */
-  text: {
-    type: [Array, String, Object]
-  }
-}, j = /* @__PURE__ */ d({
-  name: "ApBasicHelp",
-  components: {
-    Tooltip: a
-  },
-  props: w,
-  setup(t, {
-    slots: p
-  }) {
-    const {
-      b: f,
-      be: r
-    } = v("basic-help"), m = i(() => ({
-      color: t.color,
-      fontSize: t.fontSize
-    })), c = i(() => ({
-      maxWidth: t.maxWidth
-    }));
-    function u() {
-      const e = t.text;
-      return g("String")(e) ? e : x(e) ? e.map((n, s) => o("p", {
-        key: n,
-        class: r("content", "row")
-      }, [t.showIndex ? `${s + 1}. ` : "", n])) : e;
-    }
-    return () => o(a, {
-      overlayClassName: `${r("wrap")}`,
-      title: o("div", {
-        style: l(m)
-      }, [u()]),
-      autoAdjustOverflow: !0,
-      overlayStyle: l(c),
-      placement: t.placement,
-      getPopupContainer: () => S()
-    }, {
-      default: () => [o("span", {
-        class: f()
-      }, [h(p) || o(y, null, null)])]
-    });
-  }
-});
+import f from "./help.vue2.mjs";
 export {
-  j as default
+  f as default
 };

package/es/src/basic/help.vue2.mjs

@@ -1,4 +1,98 @@
-import f from "./help.vue.mjs";
+import { defineComponent as d, computed as i, createVNode as o, unref as l } from "vue";
+import { Tooltip as a } from "ant-design-vue";
+import { InfoCircleOutlined as y } from "@ant-design/icons-vue";
+import { getPopupContainer as S } from "../utils/index.mjs";
+import { isType as g, isArray as x } from "@fruits-chain/utils";
+import { getSlot as h } from "../utils/slot.mjs";
+import "../config-provider/index.mjs";
+import "./style/help.css";
+import { useNamespace as v } from "../config-provider/hooks/use-namespace.mjs";
+const w = {
+  /**
+   * Help text max-width
+   * @default: 600px
+   */
+  maxWidth: {
+    type: String,
+    default: "600px"
+  },
+  /**
+   * Whether to display the serial number
+   * @default: false
+   */
+  showIndex: {
+    type: Boolean
+  },
+  /**
+   * Help text font color
+   * @default: #ffffff
+   */
+  color: {
+    type: String,
+    default: "#ffffff"
+  },
+  /**
+   * Help text font size
+   * @default: 14px
+   */
+  fontSize: {
+    type: String,
+    default: "14px"
+  },
+  /**
+   * Help text list
+   */
+  placement: {
+    type: String,
+    default: "right"
+  },
+  /**
+   * Help text list
+   */
+  text: {
+    type: [Array, String, Object]
+  }
+}, j = /* @__PURE__ */ d({
+  name: "ApBasicHelp",
+  components: {
+    Tooltip: a
+  },
+  props: w,
+  setup(t, {
+    slots: p
+  }) {
+    const {
+      b: f,
+      be: r
+    } = v("basic-help"), m = i(() => ({
+      color: t.color,
+      fontSize: t.fontSize
+    })), c = i(() => ({
+      maxWidth: t.maxWidth
+    }));
+    function u() {
+      const e = t.text;
+      return g("String")(e) ? e : x(e) ? e.map((n, s) => o("p", {
+        key: n,
+        class: r("content", "row")
+      }, [t.showIndex ? `${s + 1}. ` : "", n])) : e;
+    }
+    return () => o(a, {
+      overlayClassName: `${r("wrap")}`,
+      title: o("div", {
+        style: l(m)
+      }, [u()]),
+      autoAdjustOverflow: !0,
+      overlayStyle: l(c),
+      placement: t.placement,
+      getPopupContainer: () => S()
+    }, {
+      default: () => [o("span", {
+        class: f()
+      }, [h(p) || o(y, null, null)])]
+    });
+  }
+});
 export {
-  f as default
+  j as default
 };

package/es/src/basic/index.mjs

@@ -1,10 +1,14 @@
-import i from "./help.vue.mjs";
-import m from "./title.vue.mjs";
-import r from "./arrow.vue.mjs";
+import "./help.vue.mjs";
+import "./title.vue.mjs";
+import "./arrow.vue.mjs";
 import { withInstall as o } from "@aplus-frontend/utils";
-const f = o(i), n = o(m), p = o(r);
+import "./interface.mjs";
+import i from "./help.vue2.mjs";
+import m from "./title.vue2.mjs";
+import r from "./arrow.vue2.mjs";
+const l = o(i), e = o(m), B = o(r);
 export {
-  p as BasicArrow,
-  f as BasicHelp,
-  n as BasicTitle
+  B as BasicArrow,
+  l as BasicHelp,
+  e as BasicTitle
 };

package/es/src/basic/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/basic/title.vue.mjs

@@ -1,34 +1,4 @@
-import { defineComponent as r, useSlots as m, computed as c, openBlock as o, createElementBlock as i, normalizeClass as a, renderSlot as u, createBlock as f, unref as d, createCommentVNode as h } from "vue";
-import B from "./help.vue.mjs";
-import "../config-provider/index.mjs";
-import "./style/title.css";
-import { useNamespace as _ } from "../config-provider/hooks/use-namespace.mjs";
-const b = /* @__PURE__ */ r({
-  name: "ApBasicTitle",
-  __name: "title",
-  props: {
-    helpMessage: { default: "" },
-    span: { type: Boolean },
-    normal: { type: Boolean }
-  },
-  setup(l) {
-    const t = l, { b: e } = _("basic-title"), n = m(), p = c(() => [
-      e(),
-      { [`${e("show-span")}`]: t.span && n.default },
-      { [`${e("normal")}`]: t.normal }
-    ]);
-    return (s, g) => (o(), i("span", {
-      class: a(p.value)
-    }, [
-      u(s.$slots, "default"),
-      s.helpMessage ? (o(), f(B, {
-        key: 0,
-        class: a(d(e)("help")),
-        text: s.helpMessage
-      }, null, 8, ["class", "text"])) : h("", !0)
-    ], 2));
-  }
-});
+import f from "./title.vue2.mjs";
 export {
-  b as default
+  f as default
 };

package/es/src/basic/title.vue2.mjs

@@ -1,4 +1,35 @@
-import f from "./title.vue.mjs";
+import { defineComponent as r, useSlots as m, computed as c, openBlock as o, createElementBlock as i, normalizeClass as a, renderSlot as u, createBlock as f, unref as d, createCommentVNode as h } from "vue";
+import "./help.vue.mjs";
+import "../config-provider/index.mjs";
+import "./style/title.css";
+import { useNamespace as B } from "../config-provider/hooks/use-namespace.mjs";
+import _ from "./help.vue2.mjs";
+const N = /* @__PURE__ */ r({
+  name: "ApBasicTitle",
+  __name: "title",
+  props: {
+    helpMessage: { default: "" },
+    span: { type: Boolean },
+    normal: { type: Boolean }
+  },
+  setup(l) {
+    const t = l, { b: e } = B("basic-title"), n = m(), p = c(() => [
+      e(),
+      { [`${e("show-span")}`]: t.span && n.default },
+      { [`${e("normal")}`]: t.normal }
+    ]);
+    return (s, g) => (o(), i("span", {
+      class: a(p.value)
+    }, [
+      u(s.$slots, "default"),
+      s.helpMessage ? (o(), f(_, {
+        key: 0,
+        class: a(d(e)("help")),
+        text: s.helpMessage
+      }, null, 8, ["class", "text"])) : h("", !0)
+    ], 2));
+  }
+});
 export {
-  f as default
+  N as default
 };

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

@@ -1,6 +1,6 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import { LocaleType } from '../locale/interface';
-import { ApiType, TableDefaultConfig } from './constants';
+import { ApiType, ScrollbarGlobalConfig, TableDefaultConfig } from './constants';
 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, SizeType, ThemeConfig } from 'ant-design-vue/es/config-provider/context';
@@ -138,5 +138,15 @@ export declare const configProviderProps: () => {
     table: {
         type: PropType<TableDefaultConfig>;
     };
+    scrollbar: {
+        type: PropType<ScrollbarGlobalConfig>;
+        default: () => {
+            native: boolean;
+        };
+    };
+    uiMode: {
+        type: PropType<"aplus" | "admin">;
+        default: string;
+    };
 };
 export type ConfigProviderProps = Partial<ExtractPropTypes<ReturnType<typeof configProviderProps>>>;

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

@@ -1,6 +1,6 @@
 import { definePropType as e } from "@aplus-frontend/utils";
-import { configProviderProps as o } from "/Users/mac/www/aplus-ui/node_modules/.pnpm/ant-design-vue@4.2.1_vue@3.4.27_typescript@4.9.5_/node_modules/ant-design-vue/es/config-provider/context.js";
-const t = () => ({
+import { configProviderProps as t } from "ant-design-vue/es/config-provider/context";
+const r = () => ({
   /**
    * @description aplus-ui的locale
    */
@@ -18,8 +18,16 @@ const t = () => ({
   table: {
     type: Object
   },
-  ...o()
+  scrollbar: {
+    type: Object,
+    default: () => ({ native: !1 })
+  },
+  uiMode: {
+    type: String,
+    default: "aplus"
+  },
+  ...t()
 });
 export {
-  t as configProviderProps
+  r as configProviderProps
 };

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

@@ -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 declare const ConfigProvider: DefineComponent<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
@@ -136,6 +136,16 @@ export declare const ConfigProvider: DefineComponent<{
     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, PublicProps, Readonly< ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
@@ -263,7 +273,19 @@ export declare const ConfigProvider: DefineComponent<{
     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;
     };
@@ -282,7 +304,6 @@ export declare const ConfigProvider: DefineComponent<{
         ghost?: boolean | undefined;
     };
     componentDisabled: boolean;
-    direction: "ltr" | "rtl";
     space: {
         size?: number | ButtonSize;
     };
@@ -291,11 +312,12 @@ export declare const ConfigProvider: DefineComponent<{
     pagination: {
         showSizeChanger?: boolean | undefined;
     };
-    theme: ThemeConfig;
     wave: {
         disabled?: boolean | undefined;
     };
     namespace: string;
     api: ApiType;
+    scrollbar: ScrollbarGlobalConfig;
+    uiMode: "aplus" | "admin";
 }, {}>;
 export type ConfigProviderInstance = InstanceType<typeof ConfigProvider>;

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

@@ -1,35 +1,40 @@
-import { defineComponent as l, createVNode as d, renderSlot as m, isVNode as a } from "vue";
-import { ConfigProvider as u } from "ant-design-vue";
-import { provideGlobalConfig as c } from "./hooks/use-global-config.mjs";
-import { configProviderProps as g } from "./config-provider-props.mjs";
-import { tableDefaultConfig as s } from "./constants.mjs";
-function v(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !a(o);
+import { isVNode as d, defineComponent as a, createVNode as u, renderSlot as c } from "vue";
+import { ConfigProvider as g } from "ant-design-vue";
+import { provideGlobalConfig as s } from "./hooks/use-global-config.mjs";
+import { configProviderProps as v } from "./config-provider-props.mjs";
+import { tableDefaultConfig as C } from "./constants.mjs";
+import { mergeAntdProvideConfig as P } from "../utils/config-provider-preset.mjs";
+function b(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !d(o);
 }
-const y = /* @__PURE__ */ l({
+const V = /* @__PURE__ */ a({
   name: "AplusConfigProvider",
-  props: g(),
+  props: v(),
   setup({
     namespace: o,
     aplusLocale: t,
     api: i,
     table: n,
-    ...f
+    scrollbar: f,
+    uiMode: p,
+    ...l
   }, {
-    slots: p
+    slots: m
   }) {
-    const r = c({
+    const r = s({
       namespace: o,
       aplusLocale: t,
       api: i,
       table: {
-        ...s,
+        ...C,
         ...n || {}
-      }
+      },
+      scrollbar: f,
+      uiMode: p
     });
     return () => {
       let e;
-      return d(u, f, v(e = m(p, "default", {
+      return u(g, P(l), b(e = c(m, "default", {
         config: r == null ? void 0 : r.value
       })) ? e : {
         default: () => [e]
@@ -38,5 +43,5 @@ const y = /* @__PURE__ */ l({
   }
 });
 export {
-  y as ConfigProvider
+  V as ConfigProvider
 };

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

@@ -21,6 +21,9 @@ export type TableDefaultConfig = {
     defaultFilterFn?: Fn;
     permissionValidator?: (role?: string | string[]) => boolean;
 };
+export type ScrollbarGlobalConfig = {
+    native?: boolean;
+};
 export declare const tableDefaultConfig: TableDefaultConfig;
 export type ApiType = {
     radioGroup?: (args?: any) => Promise<CommonOptionItem[]>;

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

@@ -1,6 +1,6 @@
 import { MaybeRef } from '@aplus-frontend/utils';
 import { App, Ref, ComputedRef, ExtractPropTypes, PropType } from 'vue';
-import { ConfigProviderContext, ApiType, TableDefaultConfig } from '../constants';
+import { ConfigProviderContext, ApiType, TableDefaultConfig, ScrollbarGlobalConfig } from '../constants';
 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';
@@ -141,4 +141,14 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
     table: {
         type: PropType<TableDefaultConfig>;
     };
+    scrollbar: {
+        type: PropType<ScrollbarGlobalConfig>;
+        default: () => {
+            native: boolean;
+        };
+    };
+    uiMode: {
+        type: PropType<"aplus" | "admin">;
+        default: string;
+    };
 }>>>> | undefined;

package/es/src/config-provider/hooks/use-locale.mjs

@@ -1,5 +1,6 @@
 import { unref as o, computed as c, isRef as l, ref as s, inject as a } from "vue";
 import { get as m } from "lodash-unified";
+import "../../locale/index.mjs";
 import u from "../../locale/lang/zh-cn.mjs";
 const f = (e) => (t, r) => i(t, r, o(e)), i = (e, t, r) => m(r, e, e).replace(
   /\{(\w+)\}/g,

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
 };