pro-design-vue 1.2.8 → 1.2.10

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.2.8 */
+/*! Pro Design Vue v1.2.10 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ant-design-vue'), require('vue'), require('ant-design-vue/es/locale/zh_CN.js')) :
@@ -32,7 +32,7 @@
   const DEFAULT_NAMESPACE = "pro";
   const DEFAULT_LOCALE = "zh-CN";
 
-  const version$1 = "1.2.8";
+  const version$1 = "1.2.10";
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -3391,7 +3391,7 @@
           if (colorValue) {
             const hslColor = convertToHslCssVar(colorValue);
             colorVariables[`--${namespace}-${name}-${key}`] = hslColor;
-            if (alias) {
+            if (alias && alias !== name) {
               colorVariables[`--${namespace}-${alias}-${key}`] = hslColor;
             }
             if (key === "500") {
@@ -8309,18 +8309,24 @@
     vue.watch(
       [token, isDark],
       ([newToken, dark], [oldToken]) => {
+        const changedColorVariables = [
+          { alias: "primary", color: newToken.colorPrimary, name: "primary", key: "colorPrimary" },
+          { alias: "warning", color: newToken.colorWarning, name: "yellow", key: "colorWarning" },
+          { alias: "success", color: newToken.colorSuccess, name: "green", key: "colorSuccess" },
+          { alias: "error", color: newToken.colorError, name: "red", key: "colorError" }
+        ].filter((item) => {
+          const defaultColor = dark ? defaultDarkToken[item.key] : defaultToken[item.key];
+          const oldColor = (oldToken == null ? void 0 : oldToken[item.key]) || defaultColor;
+          return newToken[item.key] !== defaultColor || newToken[item.key] === defaultColor && oldColor !== defaultColor;
+        });
         const colorVariables = generatorColorVariables(
-          [
-            { color: newToken.colorPrimary, name: "primary", key: "colorPrimary" },
-            { alias: "warning", color: newToken.colorWarning, name: "yellow", key: "colorWarning" },
-            { alias: "success", color: newToken.colorSuccess, name: "green", key: "colorSuccess" },
-            { alias: "error", color: newToken.colorError, name: "red", key: "colorError" }
-          ].filter((item) => {
-            const defaultColor = dark ? defaultDarkToken[item.key] : defaultToken[item.key];
-            const oldColor = (oldToken == null ? void 0 : oldToken[item.key]) || defaultColor;
-            return newToken[item.key] !== defaultColor || newToken[item.key] === defaultColor && oldColor !== defaultColor;
-          }),
-          dark,
+          changedColorVariables,
+          false,
+          DEFAULT_NAMESPACE
+        );
+        const darkColorVariables = generatorColorVariables(
+          changedColorVariables,
+          true,
           DEFAULT_NAMESPACE
         );
         const colorMappings = {
@@ -8335,9 +8341,11 @@
             document.documentElement.style.setProperty(targetVar, colorValue);
           }
         });
+        updateCSSVariables(colorVariables);
         updateCSSVariables(
-          colorVariables,
-          dark ? ".dark, .dark[data-theme='custom'], .dark[data-theme='default']" : ":root"
+          darkColorVariables,
+          ".dark, .dark[data-theme='custom'], .dark[data-theme='default']",
+          "__pro-dark-styles__"
         );
         if (defaultToken.borderRadius !== newToken.borderRadius) {
           document.documentElement.style.setProperty(
@@ -8480,13 +8488,19 @@
             algorithm.push((_d = __props.theme) == null ? void 0 : _d.algorithm);
           }
         }
+        const mergeToken = {
+          ...defaultToken,
+          ...(_e = __props.theme) == null ? void 0 : _e.token,
+          ...__props.token
+        };
         return {
           ...__props.theme,
           algorithm,
           token: {
-            ...defaultToken,
-            ...(_e = __props.theme) == null ? void 0 : _e.token,
-            ...__props.token
+            ...mergeToken,
+            colorLink: mergeToken.colorPrimary,
+            colorLinkActive: "hsl(var(--pro-primary-600))",
+            colorLinkHover: "hsl(var(--pro-primary-400))"
           }
         };
       });