@aplus-frontend/ui 0.0.1-beta.8 → 0.0.1

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

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

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

@@ -17,7 +17,7 @@ export declare function useGlobalConfig(): Ref<ConfigProviderContext>;
 export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: App, global?: boolean) => ComputedRef<Partial<Partial< ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
-        type: PropType<() => Window | HTMLElement>;
+        type: PropType<() => HTMLElement | Window>;
     };
     getPopupContainer: {
         type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;
@@ -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/index.d.ts

@@ -19,7 +19,7 @@ export declare const APConfigProvider: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         iconPrefixCls: StringConstructor;
         getTargetContainer: {
-            type: PropType<() => Window | HTMLElement>;
+            type: PropType<() => HTMLElement | Window>;
         };
         getPopupContainer: {
             type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;
@@ -149,10 +149,14 @@ 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: {
-            type: PropType<() => Window | HTMLElement>;
+            type: PropType<() => HTMLElement | Window>;
         };
         getPopupContainer: {
             type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;
@@ -282,21 +286,17 @@ export declare const APConfigProvider: {
                 native: boolean;
             };
         };
+        uiMode: {
+            type: PropType<"aplus" | "admin">;
+            default: string;
+        };
     }>>, {
         theme: ThemeConfig;
         direction: "ltr" | "rtl";
+        csp: CSPConfig;
         input: {
             autocomplete?: string | undefined;
         };
-        select: {
-            showSearch?: boolean | undefined;
-        };
-        form: {
-            validateMessages?: ValidateMessages | undefined;
-            requiredMark?: RequiredMark | undefined;
-            colon?: boolean | undefined;
-        };
-        csp: CSPConfig;
         autoInsertSpaceInButton: boolean;
         locale: Locale;
         pageHeader: {
@@ -308,15 +308,24 @@ export declare const APConfigProvider: {
         };
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
+        form: {
+            validateMessages?: ValidateMessages | undefined;
+            requiredMark?: RequiredMark | undefined;
+            colon?: boolean | undefined;
+        };
         pagination: {
             showSizeChanger?: boolean | undefined;
         };
+        select: {
+            showSearch?: boolean | undefined;
+        };
         wave: {
             disabled?: boolean | undefined;
         };
         namespace: string;
         api: ApiType;
         scrollbar: ScrollbarGlobalConfig;
+        uiMode: "aplus" | "admin";
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -327,7 +336,7 @@ export declare const APConfigProvider: {
     }, Readonly< ExtractPropTypes<{
         iconPrefixCls: StringConstructor;
         getTargetContainer: {
-            type: PropType<() => Window | HTMLElement>;
+            type: PropType<() => HTMLElement | Window>;
         };
         getPopupContainer: {
             type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;
@@ -457,21 +466,17 @@ export declare const APConfigProvider: {
                 native: boolean;
             };
         };
+        uiMode: {
+            type: PropType<"aplus" | "admin">;
+            default: string;
+        };
     }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         theme: ThemeConfig;
         direction: "ltr" | "rtl";
+        csp: CSPConfig;
         input: {
             autocomplete?: string | undefined;
         };
-        select: {
-            showSearch?: boolean | undefined;
-        };
-        form: {
-            validateMessages?: ValidateMessages | undefined;
-            requiredMark?: RequiredMark | undefined;
-            colon?: boolean | undefined;
-        };
-        csp: CSPConfig;
         autoInsertSpaceInButton: boolean;
         locale: Locale;
         pageHeader: {
@@ -483,15 +488,24 @@ export declare const APConfigProvider: {
         };
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
+        form: {
+            validateMessages?: ValidateMessages | undefined;
+            requiredMark?: RequiredMark | undefined;
+            colon?: boolean | undefined;
+        };
         pagination: {
             showSizeChanger?: boolean | undefined;
         };
+        select: {
+            showSearch?: boolean | undefined;
+        };
         wave: {
             disabled?: boolean | undefined;
         };
         namespace: string;
         api: ApiType;
         scrollbar: ScrollbarGlobalConfig;
+        uiMode: "aplus" | "admin";
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -499,7 +513,7 @@ export declare const APConfigProvider: {
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
-        type: PropType<() => Window | HTMLElement>;
+        type: PropType<() => HTMLElement | Window>;
     };
     getPopupContainer: {
         type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;
@@ -629,21 +643,17 @@ 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";
+    csp: CSPConfig;
     input: {
         autocomplete?: string | undefined;
     };
-    select: {
-        showSearch?: boolean | undefined;
-    };
-    form: {
-        validateMessages?: ValidateMessages | undefined;
-        requiredMark?: RequiredMark | undefined;
-        colon?: boolean | undefined;
-    };
-    csp: CSPConfig;
     autoInsertSpaceInButton: boolean;
     locale: Locale;
     pageHeader: {
@@ -655,15 +665,24 @@ export declare const APConfigProvider: {
     };
     virtual: boolean;
     dropdownMatchSelectWidth: number | boolean;
+    form: {
+        validateMessages?: ValidateMessages | undefined;
+        requiredMark?: RequiredMark | undefined;
+        colon?: boolean | undefined;
+    };
     pagination: {
         showSizeChanger?: boolean | undefined;
     };
+    select: {
+        showSearch?: boolean | undefined;
+    };
     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/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/cropper/style/avatar.css

@@ -4,7 +4,7 @@
 }
 .aplus-cropper-avatar-image-wrapper {
   overflow: hidden;
-  border: 1px solid #eee;
+  border: 1px solid #dee4ed;
   border-radius: 50%;
   background: #fff;
   cursor: pointer;

package/es/src/cropper/style/modal.css

@@ -30,7 +30,7 @@
   height: 220px;
   margin: 0 auto;
   overflow: hidden;
-  border: 1px solid #eee;
+  border: 1px solid #dee4ed;
   border-radius: 50%;
 }
 .aplus-cropper-am-preview img {
@@ -43,5 +43,5 @@
   justify-content: space-around;
   margin-top: 8px;
   padding-top: 8px;
-  border-top: 1px solid #eee;
+  border-top: 1px solid #dee4ed;
 }

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

@@ -11,6 +11,8 @@ const o = {
   colorText: "#182948",
   colorTextSecondary: "#526A90",
   colorTextTertiary: "#8896B0",
+  // 各组件 placeholder color
+  colorTextPlaceholder: "#BFBFBF",
   // 边框颜色
   colorBorder: "#DEE4ED",
   // 分割线颜色
@@ -25,7 +27,8 @@ const o = {
   colorWarning: "#FFA940",
   colorBgContainerDisabled: "#F9F9FA",
   wireframe: !1,
-  colorBgLayout: "#F2F6F9"
+  colorBgLayout: "#F2F6F9",
+  colorBgSpotlight: "#000000cc"
 }, c = {
   ...o,
   // 主色
@@ -37,6 +40,8 @@ const o = {
   colorText: "#333333",
   colorTextSecondary: "#666666",
   colorTextTertiary: "#999999",
+  // 各组件 placeholder color
+  colorTextPlaceholder: "#ABB7CC",
   // 边框颜色
   colorBorder: "#D9D9D9",
   // 分割线颜色
@@ -51,7 +56,8 @@ const o = {
   colorWarning: "#FAAD14",
   colorLink: "#1890FF",
   wireframe: !1,
-  colorBgLayout: "#FAFAFA"
+  colorBgLayout: "#FAFAFA",
+  colorBgSpotlight: "#000000cc"
 };
 export {
   c as adminToken,

package/es/src/hooks/useControllableValue.mjs

@@ -1,24 +1,21 @@
-import { ref as v, watch as c } from "vue";
-function t(a, f, e) {
-  const d = (e == null ? void 0 : e.defaultValuePropName) || "defaultValue", u = (e == null ? void 0 : e.valuePropName) || "value", r = v(
-    a[d] || (e == null ? void 0 : e.defaultValue)
+import { ref as c, watch as m } from "vue";
+function N(a, r, e) {
+  const d = (e == null ? void 0 : e.defaultValuePropName) || "defaultValue", u = (e == null ? void 0 : e.valuePropName) || "value", f = c(
+    a[u] || a[d] || (e == null ? void 0 : e.defaultValue)
   );
-  function m(l) {
-    a[u] === void 0 && (r.value = l), f(`update:${u}`, l);
+  function v(l) {
+    a[u] === void 0 && (f.value = l), r(`update:${u}`, l);
   }
-  return c(
+  return m(
     () => a[u],
     (l) => {
-      a[u] !== void 0 && (r.value = l);
-    },
-    {
-      immediate: !0
+      f.value = l;
     }
   ), {
-    value: r,
-    updateValue: m
+    value: f,
+    updateValue: v
   };
 }
 export {
-  t as useControllableValue
+  N as useControllableValue
 };

package/es/src/icon-picker/icon-picker.vue.d.ts

@@ -27,9 +27,9 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     mode: "svg" | "iconify";
     width: string;
     value: string;
-    readonly: boolean;
     copy: boolean;
     allowClear: boolean;
+    readonly: boolean;
     pageSize: number;
 }, {}>;
 export default _default;

package/es/src/icon-picker/index.d.ts

@@ -14,15 +14,15 @@ export declare const IconPicker: {
             type: PropType<string>;
             default: string;
         };
-        readonly: {
+        copy: {
             type: PropType<boolean>;
             default: boolean;
         };
-        copy: {
+        allowClear: {
             type: PropType<boolean>;
             default: boolean;
         };
-        allowClear: {
+        readonly: {
             type: PropType<boolean>;
             default: boolean;
         };
@@ -52,15 +52,15 @@ export declare const IconPicker: {
             type: PropType<string>;
             default: string;
         };
-        readonly: {
+        copy: {
             type: PropType<boolean>;
             default: boolean;
         };
-        copy: {
+        allowClear: {
             type: PropType<boolean>;
             default: boolean;
         };
-        allowClear: {
+        readonly: {
             type: PropType<boolean>;
             default: boolean;
         };
@@ -78,9 +78,9 @@ export declare const IconPicker: {
         mode: "svg" | "iconify";
         width: string;
         value: string;
-        readonly: boolean;
         copy: boolean;
         allowClear: boolean;
+        readonly: boolean;
         pageSize: number;
     }, true, {}, {}, {
         P: {};
@@ -102,15 +102,15 @@ export declare const IconPicker: {
             type: PropType<string>;
             default: string;
         };
-        readonly: {
+        copy: {
             type: PropType<boolean>;
             default: boolean;
         };
-        copy: {
+        allowClear: {
             type: PropType<boolean>;
             default: boolean;
         };
-        allowClear: {
+        readonly: {
             type: PropType<boolean>;
             default: boolean;
         };
@@ -128,9 +128,9 @@ export declare const IconPicker: {
         mode: "svg" | "iconify";
         width: string;
         value: string;
-        readonly: boolean;
         copy: boolean;
         allowClear: boolean;
+        readonly: boolean;
         pageSize: number;
     }>;
     __isFragment?: undefined;
@@ -149,15 +149,15 @@ export declare const IconPicker: {
         type: PropType<string>;
         default: string;
     };
-    readonly: {
+    copy: {
         type: PropType<boolean>;
         default: boolean;
     };
-    copy: {
+    allowClear: {
         type: PropType<boolean>;
         default: boolean;
     };
-    allowClear: {
+    readonly: {
         type: PropType<boolean>;
         default: boolean;
     };
@@ -178,9 +178,9 @@ export declare const IconPicker: {
     mode: "svg" | "iconify";
     width: string;
     value: string;
-    readonly: boolean;
     copy: boolean;
     allowClear: boolean;
+    readonly: boolean;
     pageSize: number;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {
     $props: {

package/es/src/index.d.ts

@@ -20,3 +20,10 @@ export * from './ap-form';
 export * from './ap-field';
 export * from './design-token';
 export * from './ap-action';
+export * from './ap-custom-column';
+export * from './work-order-modal';
+export * from './ap-tag';
+export * from './ap-layout';
+export * from './ap-upload';
+export * from './ap-download';
+export * from './ap-table';