@aplus-frontend/ui 0.1.40 → 0.2.0-beta.0

package/es/src/business/index.mjs

@@ -1,58 +1,37 @@
-import { withInstall as o } from "@aplus-frontend/utils";
+import { default as t } from "./ap-table-modal/index.mjs";
+import { ApAttachment as A } from "./ap-attachment/index.mjs";
+import { ApBatchAction as m } from "./ap-batch-action/index.mjs";
+import { ApBatchActionGroup as x } from "./ap-batch-action-group/index.mjs";
+import { ApButtonGroup as l } from "./ap-button-group/index.mjs";
+import { ApCard as n } from "./ap-card/index.mjs";
+import { ApExpandAlert as i } from "./ap-expand-alert/index.mjs";
+import { ApExportGroup as s } from "./ap-export-group/index.mjs";
+import { ApImage as b } from "./ap-image/index.mjs";
+import { ApInputRadio as B } from "./ap-input-radio/index.mjs";
+import { ApLabel as T, ApLabelGroup as E } from "./ap-label/index.mjs";
+import { ApLadder as g } from "./ap-ladder/index.mjs";
+import { ApSelectLayout as C } from "./ap-select-layout/index.mjs";
+import { ApStatus as H, ApStatusGroup as M } from "./ap-status/index.mjs";
+import { ApTitle as j } from "./ap-title/index.mjs";
 import "./hooks/index.mjs";
-import "./ap-title/ApTitle.vue.mjs";
-import "./ap-expand-alert/ApExpandAlert.vue.mjs";
-import t from "./ap-label/ApLabel.mjs";
-import r from "./ap-label/ApLabelGroup.mjs";
-import "./ap-status/ApStatus.vue.mjs";
-import "./ap-status/ApStatusGroup.vue.mjs";
-import "./ap-select-layout/select-layout.vue.mjs";
-import "./ap-export-group/ApExportGroup.vue.mjs";
-import "./ap-input-radio/ApInputRadio.vue.mjs";
-import "./ap-batch-action/ApBatchAction.vue.mjs";
-import "./ap-batch-action-group/ApBatchActionGroup.vue.mjs";
-import "./ap-image/ApImage.vue.mjs";
-import "./ap-ladder/ApLadder.vue.mjs";
-import m from "./ap-attachment/ApAttachment.mjs";
-import "./ap-card/ApCard.vue.mjs";
-import { ApTransformDataHelper as lo } from "../utils/ap-trans-data/index.mjs";
-import "./ap-button-group/ApButtonGroup.vue.mjs";
-import "./ap-batch-action-group/interface.mjs";
-import { handleExportDownload as $o } from "./ap-export-group/handleExportDownload.mjs";
-import "./ap-button-group/interface.mjs";
-import { default as bo } from "./ap-table-modal/index.mjs";
-import p from "./ap-title/ApTitle.vue2.mjs";
-import i from "./ap-expand-alert/ApExpandAlert.vue2.mjs";
-import a from "./ap-status/ApStatus.vue2.mjs";
-import n from "./ap-status/ApStatusGroup.vue2.mjs";
-import c from "./ap-select-layout/select-layout.vue2.mjs";
-import f from "./ap-export-group/ApExportGroup.vue2.mjs";
-import s from "./ap-input-radio/ApInputRadio.vue2.mjs";
-import _ from "./ap-batch-action/ApBatchAction.vue2.mjs";
-import A from "./ap-batch-action-group/ApBatchActionGroup.vue2.mjs";
-import e from "./ap-image/ApImage.vue2.mjs";
-import l from "./ap-ladder/ApLadder.vue2.mjs";
-import u from "./ap-card/ApCard.vue2.mjs";
-import $ from "./ap-button-group/ApButtonGroup.vue2.mjs";
-const W = o(p), X = i, Y = o(t), Z = o(a), oo = o(n), to = o(c), ro = o(f), mo = s, po = _, io = r, ao = A, no = e, co = o(l), fo = m, so = o(u), _o = o($);
+import { ApTransformDataHelper as q } from "../utils/ap-trans-data/index.mjs";
 export {
-  fo as ApAttachment,
-  po as ApBatchAction,
-  ao as ApBatchActionGroup,
-  _o as ApButtonGroup,
-  so as ApCard,
-  X as ApExpandAlert,
-  ro as ApExportGroup,
-  no as ApImage,
-  mo as ApInputRadio,
-  Y as ApLabel,
-  io as ApLabelGroup,
-  co as ApLadder,
-  to as ApSelectLayout,
-  Z as ApStatus,
-  oo as ApStatusGroup,
-  bo as ApTableModal,
-  W as ApTitle,
-  lo as ApTransformDataHelper,
-  $o as handleExportDownload
+  A as ApAttachment,
+  m as ApBatchAction,
+  x as ApBatchActionGroup,
+  l as ApButtonGroup,
+  n as ApCard,
+  i as ApExpandAlert,
+  s as ApExportGroup,
+  b as ApImage,
+  B as ApInputRadio,
+  T as ApLabel,
+  E as ApLabelGroup,
+  g as ApLadder,
+  C as ApSelectLayout,
+  H as ApStatus,
+  M as ApStatusGroup,
+  t as ApTableModal,
+  j as ApTitle,
+  q as ApTransformDataHelper
 };

package/es/src/check-card/group/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/es/src/check-card/group/style/css.js

@@ -0,0 +1 @@
+export {};

package/es/src/check-card/group/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/src/check-card/group/style/index.js

@@ -0,0 +1 @@
+export {};

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

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

package/es/src/check-card/index.vue2.mjs

@@ -4,11 +4,10 @@ import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
 import { isFunction as N } from "lodash-unified";
 import { useInjectCheckCard as q } from "./context.mjs";
-import "./style/index.css";
 import A from "./checked.svg.mjs";
 import { useNamespace as G } from "../config-provider/hooks/use-namespace.mjs";
 import { useControllableValue as H } from "../hooks/useControllableValue.mjs";
-const J = ["src"], oe = /* @__PURE__ */ I({
+const J = ["src"], te = /* @__PURE__ */ I({
   name: "CheckCard",
   __name: "index",
   props: {
@@ -138,5 +137,5 @@ const J = ["src"], oe = /* @__PURE__ */ I({
   }
 });
 export {
-  oe as default
+  te as default
 };

package/es/src/check-card/style/css.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui-theme/dist/check-card/index.css';

package/es/src/check-card/style/index.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui-theme/src/check-card/index.less';

package/es/src/components.d.ts

@@ -2,42 +2,23 @@ import * as components from './index';
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    ApButton: typeof components.Button;
-    ApIcon: typeof components.Icon;
-    ApSvgIcon: typeof components.SvgIcon;
-    ApConfigProvider: typeof components.APConfigProvider;
-    ApScrollbar: typeof components.ScrollBar;
-    ApScrollContainer: typeof components.ScrollContainer;
-    ApCollapseContainer: typeof components.CollapseContainer;
-    ApIconPicker: typeof components.IconPicker;
-    ApBasicHelp: typeof components.BasicHelp;
-    ApBasicTitle: typeof components.BasicTitle;
-    ApBasicArrow: typeof components.BasicArrow;
-    ApFadeTransition: typeof components.FadeTransition;
-    ApScaleTransition: typeof components.ScaleTransition;
-    ApSlideYTransition: typeof components.SlideYTransition;
-    ApScrollYTransition: typeof components.ScrollYTransition;
-    ApSlideYReverseTransition: typeof components.SlideYReverseTransition;
-    ApScrollYReverseTransition: typeof components.ScrollYReverseTransition;
-    ApScrollXTransition: typeof components.ScrollXTransition;
-    ApSlideXReverseTransition: typeof components.SlideXReverseTransition;
-    ApScrollXReverseTransition: typeof components.ScrollXReverseTransition;
-    ApScaleRotateTransition: typeof components.ScaleRotateTransition;
-    ApExpandXTransition: typeof components.ExpandXTransition;
-    ApExpandTransition: typeof components.ExpandTransition;
-    ApDescription: typeof components.Description;
-    ApBaseButton: typeof components.BaseButton;
-    ApStrengthMeter: typeof components.StrengthMeter;
-    ApBaseModal: typeof components.BaseModal;
-    ApCropperImage: typeof components.CropperImage;
-    ApCropperAvatar: typeof components.CropperAvatar;
-    ApCountdownButton: typeof components.CountdownButton;
-    ApCountdownInput: typeof components.CountdownInput;
-    ApDropdown: typeof components.Dropdown;
-    ProTableForm: typeof components.ProTableForm;
-    ProTableFormInner: typeof components.ProTableFormInner;
-    ApTitle: typeof components.ApTitle;
+    ApAttachment: typeof components.ApAttachment;
+    ApBatchAction: typeof components.ApBatchAction;
+    ApBatchActionGroup: typeof components.ApBatchActionGroup;
+    ApButtonGroup: typeof components.ApButtonGroup;
+    ApCard: typeof components.ApCard;
+    ApExpandAlert: typeof components.ApExpandAlert;
+    ApExportGroup: typeof components.ApExportGroup;
+    ApImage: typeof components.ApImage;
+    ApInputRadio: typeof components.ApInputRadio;
+    ApLabel: typeof components.ApLabel;
+    ApLabelGroup: typeof components.ApLabelGroup;
     ApLadder: typeof components.ApLadder;
+    ApSelectLayout: typeof components.ApSelectLayout;
+    ApStatus: typeof components.ApStatus;
+    ApStatusGroup: typeof components.ApStatusGroup;
+    ApTableModal: typeof components.ApTableModal;
+    ApTitle: typeof components.ApTitle;
   }
 }
 

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

@@ -1,6 +1,7 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import { LocaleType } from '../locale/interface';
-import { ApiType, ScrollbarGlobalConfig, TableDefaultConfig, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig } from './constants';
+import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig } from './constants';
+import { CssVarType } from './css-var';
 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';
@@ -136,15 +137,6 @@ export declare const configProviderProps: () => {
         type: PropType<ApiType>;
         default: () => {};
     };
-    table: {
-        type: PropType<TableDefaultConfig>;
-    };
-    scrollbar: {
-        type: PropType<ScrollbarGlobalConfig>;
-        default: () => {
-            native: boolean;
-        };
-    };
     uiMode: {
         type: PropType<"aplus" | "admin">;
         default: string;
@@ -165,5 +157,9 @@ export declare const configProviderProps: () => {
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
+    cssVar: {
+        type: PropType<CssVarType>;
+        default: () => {};
+    };
 };
 export type ConfigProviderProps = Partial<ExtractPropTypes<ReturnType<typeof configProviderProps>>>;

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

@@ -1,5 +1,5 @@
 import { configProviderProps as e } from "ant-design-vue/es/config-provider/context";
-const a = () => ({
+const p = () => ({
   /**
    * @description aplus-ui的locale
    */
@@ -14,13 +14,6 @@ const a = () => ({
     type: Object,
     default: () => ({})
   },
-  table: {
-    type: Object
-  },
-  scrollbar: {
-    type: Object,
-    default: () => ({ native: !1 })
-  },
   uiMode: {
     type: String,
     default: "aplus"
@@ -41,8 +34,12 @@ const a = () => ({
     type: Object,
     default: () => ({})
   },
+  cssVar: {
+    type: Object,
+    default: () => ({})
+  },
   ...e()
 });
 export {
-  a as configProviderProps
+  p as configProviderProps
 };

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

@@ -1,5 +1,6 @@
 import { Ref, DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 import { ConfigProviderProps } from './config-provider-props';
+import { CssVarType } from './css-var';
 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,8 +9,9 @@ import { ButtonSize } from 'ant-design-vue/es/button';
 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, ScrollbarGlobalConfig, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig } from './constants';
+import { LocaleType } from '../locale';
+import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig } from './constants';
+import { RecursivePartial } from '../type';
 export declare const globalConfigCached: Ref<ConfigProviderProps>;
 export declare const ConfigProvider: DefineComponent<{
     iconPrefixCls: StringConstructor;
@@ -135,15 +137,6 @@ export declare const ConfigProvider: DefineComponent<{
         type: PropType<ApiType>;
         default: () => {};
     };
-    table: {
-        type: PropType<TableDefaultConfig>;
-    };
-    scrollbar: {
-        type: PropType<ScrollbarGlobalConfig>;
-        default: () => {
-            native: boolean;
-        };
-    };
     uiMode: {
         type: PropType<"aplus" | "admin">;
         default: string;
@@ -164,6 +157,10 @@ export declare const ConfigProvider: DefineComponent<{
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
+    cssVar: {
+        type: PropType<CssVarType>;
+        default: () => {};
+    };
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
@@ -288,15 +285,6 @@ export declare const ConfigProvider: DefineComponent<{
         type: PropType<ApiType>;
         default: () => {};
     };
-    table: {
-        type: PropType<TableDefaultConfig>;
-    };
-    scrollbar: {
-        type: PropType<ScrollbarGlobalConfig>;
-        default: () => {
-            native: boolean;
-        };
-    };
     uiMode: {
         type: PropType<"aplus" | "admin">;
         default: string;
@@ -317,6 +305,10 @@ export declare const ConfigProvider: DefineComponent<{
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
+    cssVar: {
+        type: PropType<CssVarType>;
+        default: () => {};
+    };
 }>>, {
     input: {
         autocomplete?: string;
@@ -332,8 +324,10 @@ export declare const ConfigProvider: DefineComponent<{
     space: {
         size?: ButtonSize | number;
     };
-    scrollbar: ScrollbarGlobalConfig;
     direction: "ltr" | "rtl";
+    pagination: {
+        showSizeChanger?: boolean;
+    };
     csp: CSPConfig;
     autoInsertSpaceInButton: boolean;
     locale: Locale;
@@ -343,9 +337,6 @@ export declare const ConfigProvider: DefineComponent<{
     componentDisabled: boolean;
     virtual: boolean;
     dropdownMatchSelectWidth: number | boolean;
-    pagination: {
-        showSizeChanger?: boolean;
-    };
     theme: ThemeConfig;
     wave: {
         disabled?: boolean;
@@ -357,5 +348,82 @@ export declare const ConfigProvider: DefineComponent<{
     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;
+            };
+        };
+        basic: {
+            color: {
+                primary: string;
+            };
+        };
+        'ap-descriptions': {
+            item: {
+                'padding-bottom': string;
+                'label-width': string;
+            };
+            'last-row-item': {
+                'padding-bottom': string;
+            };
+        };
+    }>;
 }, {}>;
 export type ConfigProviderInstance = InstanceType<typeof ConfigProvider>;

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

@@ -1,46 +1,44 @@
-import { isVNode as l, ref as d, defineComponent as f, computed as u, watch as i, createVNode as m, renderSlot as c } from "vue";
-import { ConfigProvider as g } from "ant-design-vue";
-import { provideGlobalConfig as p } from "./hooks/use-global-config.mjs";
-import { configProviderProps as s } from "./config-provider-props.mjs";
-import { tableDefaultConfig as C } from "./constants.mjs";
-import { mergeAntdProvideConfig as v } from "../utils/config-provider-preset.mjs";
-import { setCSSVariables as b, aplusCssVar as P, adminCssVar as w } from "../theme/css-var/index.mjs";
-function y(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
+import { isVNode as s, ref as u, defineComponent as c, computed as m, watch as a, createVNode as p, renderSlot as g } from "vue";
+import { ConfigProvider as C } from "ant-design-vue";
+import { provideGlobalConfig as v } from "./hooks/use-global-config.mjs";
+import { configProviderProps as V } from "./config-provider-props.mjs";
+import { mergeAntdProvideConfig as P } from "../utils/config-provider-preset.mjs";
+import { generateCssVar as b, aplusCssVar as w, adminCssVar as y, setCSSVariables as M } from "./css-var.mjs";
+function S(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !s(e);
 }
-const a = d({}), A = /* @__PURE__ */ f({
+const i = u({}), N = /* @__PURE__ */ c({
   name: "AplusConfigProvider",
-  props: s(),
+  props: V(),
   setup(e, {
     slots: r
   }) {
-    const n = u(() => ({
+    const n = m(() => ({
       namespace: e.namespace,
       aplusLocale: e.aplusLocale,
       api: e.api,
-      table: {
-        ...C,
-        ...e.table || {}
-      },
-      scrollbar: e.scrollbar,
       uiMode: e.uiMode,
       apUpload: e.apUpload,
       apDescriptions: e.apDescriptions,
       valueTypeMap: e.valueTypeMap,
       downloadCenterTriggerConfig: e.downloadCenterTriggerConfig
-    })), t = p(n);
-    return i(() => e, (o) => {
-      a.value = v(o);
+    })), t = v(n);
+    return a(() => e, (o) => {
+      i.value = P(o);
     }, {
       deep: !0,
       immediate: !0
-    }), typeof window < "u" && i(() => e.uiMode, (o) => {
-      b(o === "aplus" ? P : w);
+    }), typeof window < "u" && a(() => [e.uiMode, e.cssVar], ([o, d]) => {
+      const l = b(d), f = {
+        ...o === "aplus" ? w : y,
+        ...l
+      };
+      M(f);
     }, {
       immediate: !0
     }), () => {
       let o;
-      return m(g, a.value, y(o = c(r, "default", {
+      return p(C, i.value, S(o = g(r, "default", {
         config: t == null ? void 0 : t.value
       })) ? o : {
         default: () => [o]
@@ -49,6 +47,6 @@ const a = d({}), A = /* @__PURE__ */ f({
   }
 });
 export {
-  A as ConfigProvider,
-  a as globalConfigCached
+  N as ConfigProvider,
+  i as globalConfigCached
 };

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

@@ -1,30 +1,17 @@
 import { ConfigProviderProps } from './config-provider-props';
 import { InjectionKey, Ref, VNode } from 'vue';
-import { SizeType, SorterResult } from '../pro-table/types/table';
-import { Fn, Recordable } from '../type';
-import { CommonOptionItem, ApiSelectOption } from '../pro-form/components/interface';
+import { Recordable } from '../type';
 import { client } from '@aplus-frontend/oss';
+import { DefaultOptionType } from 'ant-design-vue/es/select';
 export type ConfigProviderContext = Partial<ConfigProviderProps>;
 export declare const configProviderContextKey: InjectionKey<Ref<ConfigProviderContext>>;
-type TableFetchSetting = {
-    pageField: string;
-    sizeField: string;
-    listField: string;
-    totalField: string;
+type CommonOptionItem = {
+    label?: string;
+    value?: string | number | boolean;
+    disabled?: boolean;
+    [key: string]: any;
 };
-export type TableDefaultConfig = {
-    fetchSetting?: TableFetchSetting;
-    pageSizeOptions?: string[];
-    defaultPageSize?: number;
-    defaultSize?: SizeType;
-    defaultSortFn?: (sortInfo: SorterResult) => any;
-    defaultFilterFn?: Fn;
-    permissionValidator?: (role?: string | string[]) => boolean;
-};
-export type ScrollbarGlobalConfig = {
-    native?: boolean;
-};
-export declare const tableDefaultConfig: TableDefaultConfig;
+type ApiSelectOption = Omit<DefaultOptionType, 'children'>;
 export type ApiType = {
     radioGroup?: (args?: any) => Promise<CommonOptionItem[]>;
     select?: (args?: any) => Promise<ApiSelectOption[]>;

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

@@ -1,24 +1,4 @@
-const l = Symbol(), r = {
-  fetchSetting: {
-    pageField: "page",
-    sizeField: "pageSize",
-    listField: "records",
-    totalField: "total"
-  },
-  pageSizeOptions: ["10", "50", "80", "100"],
-  defaultPageSize: 10,
-  defaultSize: "middle",
-  defaultSortFn: (e) => {
-    const { field: t, order: i } = e;
-    return t && i ? {
-      field: t,
-      order: i
-    } : {};
-  },
-  defaultFilterFn: (e) => e,
-  permissionValidator: () => !0
-};
+const o = Symbol();
 export {
-  l as configProviderContextKey,
-  r as tableDefaultConfig
+  o as configProviderContextKey
 };