@aplus-frontend/ui 0.0.1-beta.7 → 0.0.1-beta.9

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

@@ -144,5 +144,9 @@ export declare const configProviderProps: () => {
             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 t } from "ant-design-vue/es/config-provider/context";
-const p = () => ({
+const r = () => ({
   /**
    * @description aplus-ui的locale
    */
@@ -22,8 +22,12 @@ const p = () => ({
     type: Object,
     default: () => ({ native: !1 })
   },
+  uiMode: {
+    type: String,
+    default: "aplus"
+  },
   ...t()
 });
 export {
-  p as configProviderProps
+  r as configProviderProps
 };

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

@@ -142,6 +142,10 @@ export declare const ConfigProvider: DefineComponent<{
             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: {
@@ -275,6 +279,10 @@ export declare const ConfigProvider: DefineComponent<{
             native: boolean;
         };
     };
+    uiMode: {
+        type: PropType<"aplus" | "admin">;
+        default: string;
+    };
 }>>, {
     theme: ThemeConfig;
     direction: "ltr" | "rtl";
@@ -310,5 +318,6 @@ export declare const ConfigProvider: DefineComponent<{
     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,39 @@
-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 m, 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";
+function b(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !m(o);
 }
-const y = /* @__PURE__ */ l({
+const O = /* @__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: d
   }) {
-    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, l, b(e = c(d, "default", {
         config: r == null ? void 0 : r.value
       })) ? e : {
         default: () => [e]
@@ -38,5 +42,5 @@ const y = /* @__PURE__ */ l({
   }
 });
 export {
-  y as ConfigProvider
+  O as ConfigProvider
 };

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

@@ -147,4 +147,8 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
             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.d.ts

@@ -149,6 +149,10 @@ export declare const APConfigProvider: {
                 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: {
@@ -282,6 +286,10 @@ export declare const APConfigProvider: {
                 native: boolean;
             };
         };
+        uiMode: {
+            type: PropType<"aplus" | "admin">;
+            default: string;
+        };
     }>>, {
         theme: ThemeConfig;
         direction: "ltr" | "rtl";
@@ -317,6 +325,7 @@ export declare const APConfigProvider: {
         namespace: string;
         api: ApiType;
         scrollbar: ScrollbarGlobalConfig;
+        uiMode: "aplus" | "admin";
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -457,6 +466,10 @@ export declare const APConfigProvider: {
                 native: boolean;
             };
         };
+        uiMode: {
+            type: PropType<"aplus" | "admin">;
+            default: string;
+        };
     }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         theme: ThemeConfig;
         direction: "ltr" | "rtl";
@@ -492,6 +505,7 @@ export declare const APConfigProvider: {
         namespace: string;
         api: ApiType;
         scrollbar: ScrollbarGlobalConfig;
+        uiMode: "aplus" | "admin";
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -629,6 +643,10 @@ export declare const APConfigProvider: {
             native: boolean;
         };
     };
+    uiMode: {
+        type: PropType<"aplus" | "admin">;
+        default: string;
+    };
 }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     theme: ThemeConfig;
     direction: "ltr" | "rtl";
@@ -664,6 +682,7 @@ export declare const APConfigProvider: {
     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,15 +1,28 @@
-import { withInstall as o } from "@aplus-frontend/utils";
-import { ConfigProvider as r } from "./config-provider.mjs";
-import "ant-design-vue/es/config-provider/context";
-import { keysOf as a, provideGlobalConfig as s, useGlobalConfig as d } from "./hooks/use-global-config.mjs";
-import "vue";
-import "lodash-unified";
-const p = 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 {
-  p as APConfigProvider,
-  r as ConfigProvider,
-  p as default,
-  a as keysOf,
-  s as provideGlobalConfig,
-  d 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.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
 };