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

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

@@ -0,0 +1,88 @@
+import { RecursivePartial } from '../type';
+declare const aplusCssVarObj: {
+    '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 CssVarType = RecursivePartial<typeof aplusCssVarObj>;
+export declare function generateCssVar(cssVarRawObj: CssVarType): Record<string, any>;
+export declare const aplusCssVar: Record<string, any>;
+export declare const adminCssVar: Record<string, any>;
+/**
+ * 多次设置css变量（这种方式如果css变量过多可能会有性能问题）
+ * @param variables
+ */
+export declare function setCSSVariables(variables: Record<string, any>): void;
+export {};

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

@@ -0,0 +1,176 @@
+const F = {
+  "ap-form": {
+    bordered: {
+      "border-color": {
+        base: "#DEE4ED",
+        hover: "#66A9FF",
+        active: "#66A9FF"
+      },
+      "shadow-color": "rgba(5, 155, 255, 0.1)"
+    }
+  },
+  "ap-action": {
+    color: {
+      primary: {
+        base: "#0070FF",
+        hover: "#66A9FF"
+      },
+      success: "#2ED1A3",
+      error: "#FF4D4F",
+      warn: "#FFA940"
+    }
+  },
+  "check-card": {
+    outline: {
+      color: "#E9EDF3"
+    },
+    hover: {
+      outline: {
+        color: "#0070FF"
+      }
+    },
+    checked: {
+      outline: {
+        color: "#0070FF"
+      },
+      bg: "#0070FF"
+    }
+  },
+  "ap-table": {
+    header: {
+      bg: "#F2F6F9"
+    },
+    pagination: {
+      total: {
+        color: "#526A90",
+        count: {
+          color: "#182948"
+        }
+      }
+    },
+    setting: {
+      button: {
+        color: "#8896B0"
+      }
+    }
+  },
+  "ap-batch-action": {
+    color: {
+      font: "#8896B0",
+      active: "#0070FF"
+    }
+  },
+  basic: {
+    color: {
+      primary: "#0070ff"
+    }
+  },
+  "ap-descriptions": {
+    item: {
+      "padding-bottom": "24px",
+      "label-width": "auto"
+    },
+    "last-row-item": {
+      "padding-bottom": "0px"
+    }
+  }
+}, b = {
+  "ap-form": {
+    bordered: {
+      "border-color": {
+        base: "#D9D9D9",
+        hover: "#85D4B0",
+        active: "#85D4B0"
+      },
+      "shadow-color": "rgba(11, 166, 66, 0.09)"
+    }
+  },
+  "ap-action": {
+    color: {
+      primary: {
+        base: "#1890FF",
+        hover: "#5EB1FF"
+      },
+      success: "#52C41A",
+      error: "#FF4D4F",
+      warn: "#FAAD14"
+    }
+  },
+  "check-card": {
+    outline: {
+      color: "#D9D9D9"
+    },
+    hover: {
+      outline: {
+        color: "#34B77C"
+      }
+    },
+    checked: {
+      outline: {
+        color: "#34B77C"
+      },
+      bg: "#34B77C"
+    }
+  },
+  "ap-table": {
+    header: {
+      bg: "#FAFAFA"
+    },
+    pagination: {
+      total: {
+        color: "#666666",
+        count: {
+          color: "#333333"
+        }
+      }
+    },
+    setting: {
+      button: {
+        color: "#999999"
+      }
+    }
+  },
+  "ap-batch-action": {
+    color: {
+      font: "#999999",
+      active: "#34B77C"
+    }
+  },
+  basic: {
+    color: {
+      primary: "#34b77c"
+    }
+  },
+  "ap-descriptions": {
+    item: {
+      "padding-bottom": "24px",
+      "label-width": "auto"
+    },
+    "last-row-item": {
+      "padding-bottom": "0px"
+    }
+  }
+};
+function s(e) {
+  const o = {};
+  function t(a, i) {
+    const l = Object.keys(a);
+    for (const c of l) {
+      const r = a[c], n = [...i, c];
+      r !== null && typeof r == "object" ? t(r, n) : o[`--${n.join("-")}`] = r;
+    }
+  }
+  return t(e, []), o;
+}
+const p = s(F), d = s(b);
+function u(e) {
+  Object.entries(e).forEach(([o, t]) => {
+    document.documentElement.style.setProperty(o, t);
+  });
+}
+export {
+  d as adminCssVar,
+  p as aplusCssVar,
+  s as generateCssVar,
+  u as setCSSVariables
+};

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

@@ -9,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 '..';
+import { LocaleType } from '../../locale';
+import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig } from '..';
+import { CssVarType } from '../css-var';
 export declare const keysOf: <T extends Record<string, any>>(arr: T) => Array<keyof T>;
 export declare function useGlobalConfig<K extends keyof ConfigProviderContext, D extends ConfigProviderContext[K]>(key: K, defaultValue?: D): Ref<Exclude<ConfigProviderContext[K], undefined> | D>;
 export declare function useGlobalConfig(): Ref<ConfigProviderContext>;
@@ -138,15 +139,6 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
         type: PropType<ApiType>;
         default: () => {};
     };
-    table: {
-        type: PropType<TableDefaultConfig>;
-    };
-    scrollbar: {
-        type: PropType<ScrollbarGlobalConfig>;
-        default: () => {
-            native: boolean;
-        };
-    };
     uiMode: {
         type: PropType<"aplus" | "admin">;
         default: string;
@@ -167,4 +159,8 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
+    cssVar: {
+        type: PropType<CssVarType>;
+        default: () => {};
+    };
 }>>>> | undefined;