pro-design-vue 1.2.5 → 1.2.7

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.2.5 */
+/*! Pro Design Vue v1.2.7 */
 
 import { Modal, theme as theme$1, ConfigProvider, App, Button as Button$1, Tooltip, Popconfirm, Dropdown, Menu, Slider, Drawer, Input, InputNumber, Form as Form$1, Space, Textarea, Select, TreeSelect, Checkbox as Checkbox$1, CheckboxGroup, RadioGroup, Radio as Radio$1, Cascader, Switch, Rate, DatePicker, RangePicker, TimePicker, TimeRangePicker, Upload, FormItemRest, Spin, message, Row as Row$1, Col, FormItem as FormItem$3, Steps, Popover, MenuItem, SubMenu, Empty, Badge, Tag, Pagination, InputSearch, Tree, Card, Tabs, TabPane } from 'ant-design-vue';
 import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, isVNode, Fragment, cloneVNode, provide, watch, computed, renderSlot, createPropsRestProxy, createBlock, openBlock, unref, mergeProps, withCtx, normalizeProps, guardReactiveProps, shallowRef, shallowReadonly, toValue, getCurrentScope, onScopeDispose, onMounted, hasInjectionContext, isRef, toRefs as toRefs$1, customRef, toRef as toRef$1, readonly, watchEffect, toRaw, createElementBlock, createCommentVNode, resolveDynamicComponent, createElementVNode, normalizeStyle, toDisplayString, normalizeClass, createSlots, useAttrs, useTemplateRef, defineAsyncComponent, Teleport, onUnmounted, Comment as Comment$1, useSlots, useModel, withModifiers, mergeModels, renderList, camelize, isReactive, onActivated, onDeactivated, onBeforeUnmount, triggerRef, resolveDirective, withDirectives, vShow, render as render$1, resolveComponent, createTextVNode, vModelText } from 'vue';
@@ -30,7 +30,7 @@ const SCROLL_FIXED_CLASS = `_scroll__fixed_`;
 const DEFAULT_NAMESPACE = "pro";
 const DEFAULT_LOCALE = "zh-CN";
 
-const version$1 = "1.2.5";
+const version$1 = "1.2.7";
 
 const makeInstaller = (components = []) => {
   const install = (app) => {
@@ -3364,7 +3364,20 @@ function getColors(color, variants = _variants) {
   return colors;
 }
 
-function generatorColorVariables(colorItems, namespace) {
+const darkColorKeyMap = {
+  50: "950",
+  100: "900",
+  200: "800",
+  300: "700",
+  400: "600",
+  500: "500",
+  600: "400",
+  700: "300",
+  800: "200",
+  900: "100",
+  950: "50"
+};
+function generatorColorVariables(colorItems, dark, namespace) {
   const colorVariables = {};
   colorItems.forEach(({ alias, color, name }) => {
     if (color) {
@@ -3372,7 +3385,7 @@ function generatorColorVariables(colorItems, namespace) {
       let mainColor = colorsMap["500"];
       const colorKeys = Object.keys(colorsMap);
       colorKeys.forEach((key) => {
-        const colorValue = colorsMap[key];
+        const colorValue = !dark ? colorsMap[key] : colorsMap[darkColorKeyMap[key]];
         if (colorValue) {
           const hslColor = convertToHslCssVar(colorValue);
           colorVariables[`--${namespace}-${name}-${key}`] = hslColor;
@@ -8305,6 +8318,7 @@ function useCssVariables(isDark) {
           const oldColor = (oldToken == null ? void 0 : oldToken[item.key]) || defaultColor;
           return newToken[item.key] !== defaultColor || newToken[item.key] === defaultColor && oldColor !== defaultColor;
         }),
+        dark,
         DEFAULT_NAMESPACE
       );
       const colorMappings = {

package/es/packages/components/config-provider/src/useCssVariables.mjs

@@ -22,6 +22,7 @@ function useCssVariables(isDark) {
           const oldColor = (oldToken == null ? void 0 : oldToken[item.key]) || defaultColor;
           return newToken[item.key] !== defaultColor || newToken[item.key] === defaultColor && oldColor !== defaultColor;
         }),
+        dark,
         DEFAULT_NAMESPACE
       );
       const colorMappings = {

package/es/packages/components/config-provider/src/useCssVariables.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCssVariables.mjs","sources":["../../../../../../../packages/components/config-provider/src/useCssVariables.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-06-06 09:26:03\n * @LastEditors: shen\n * @LastEditTime: 2025-10-13 15:21:09\n * @Description:\n */\nimport { theme } from 'ant-design-vue'\nimport { watch, type ComputedRef } from 'vue'\nimport { DEFAULT_NAMESPACE } from '@pro-design-vue/constants'\nimport { generatorColorVariables } from '@pro-design-vue/utils'\nimport { updateCSSVariables } from './update-css-variables'\nimport { defaultDarkToken, defaultToken } from './defaultToken'\n\nexport function useCssVariables(isDark: ComputedRef<boolean>) {\n  const { useToken } = theme\n  const { token } = useToken()\n\n  watch(\n    [token, isDark],\n    ([newToken, dark], [oldToken]) => {\n      const colorVariables = generatorColorVariables(\n        [\n          { color: newToken.colorPrimary, name: 'primary', key: 'colorPrimary' },\n          { alias: 'warning', color: newToken.colorWarning, name: 'yellow', key: 'colorWarning' },\n          { alias: 'success', color: newToken.colorSuccess, name: 'green', key: 'colorSuccess' },\n          { alias: 'error', color: newToken.colorError, name: 'red', key: 'colorError' },\n        ].filter((item) => {\n          const defaultColor = dark ? defaultDarkToken[item.key] : defaultToken[item.key]\n          const oldColor = oldToken?.[item.key] || defaultColor\n          return (\n            newToken[item.key] !== defaultColor ||\n            (newToken[item.key] === defaultColor && oldColor !== defaultColor)\n          )\n        }),\n        DEFAULT_NAMESPACE,\n      )\n\n      // 要设置的 CSS 变量映射\n      const colorMappings = {\n        [`--${DEFAULT_NAMESPACE}-green-500`]: `--${DEFAULT_NAMESPACE}-success`,\n        [`--${DEFAULT_NAMESPACE}-primary-500`]: `--${DEFAULT_NAMESPACE}-primary`,\n        [`--${DEFAULT_NAMESPACE}-red-500`]: `--${DEFAULT_NAMESPACE}-error`,\n        [`--${DEFAULT_NAMESPACE}-yellow-500`]: `--${DEFAULT_NAMESPACE}-warning`,\n      }\n\n      Object.entries(colorMappings).forEach(([sourceVar, targetVar]) => {\n        const colorValue = colorVariables[sourceVar]\n        if (colorValue) {\n          document.documentElement.style.setProperty(targetVar, colorValue)\n        }\n      })\n\n      updateCSSVariables(colorVariables)\n\n      if (defaultToken.borderRadius !== newToken.borderRadius) {\n        document.documentElement.style.setProperty(\n          `--${DEFAULT_NAMESPACE}-radius`,\n          `${newToken.borderRadius}px`,\n        )\n      }\n    },\n    {\n      immediate: true,\n    },\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAcO,SAAS,gBAAgB,MAAA,EAA8B;AAC5D,EAAA,MAAM,EAAE,UAAS,GAAI,KAAA;AACrB,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,QAAA,EAAS;AAE3B,EAAA,KAAA;AAAA,IACE,CAAC,OAAO,MAAM,CAAA;AAAA,IACd,CAAC,CAAC,QAAA,EAAU,IAAI,CAAA,EAAG,CAAC,QAAQ,CAAA,KAAM;AAChC,MAAA,MAAM,cAAA,GAAiB,uBAAA;AAAA,QACrB;AAAA,UACE,EAAE,KAAA,EAAO,QAAA,CAAS,cAAc,IAAA,EAAM,SAAA,EAAW,KAAK,cAAA,EAAe;AAAA,UACrE,EAAE,OAAO,SAAA,EAAW,KAAA,EAAO,SAAS,YAAA,EAAc,IAAA,EAAM,QAAA,EAAU,GAAA,EAAK,cAAA,EAAe;AAAA,UACtF,EAAE,OAAO,SAAA,EAAW,KAAA,EAAO,SAAS,YAAA,EAAc,IAAA,EAAM,OAAA,EAAS,GAAA,EAAK,cAAA,EAAe;AAAA,UACrF,EAAE,OAAO,OAAA,EAAS,KAAA,EAAO,SAAS,UAAA,EAAY,IAAA,EAAM,KAAA,EAAO,GAAA,EAAK,YAAA;AAAa,SAC/E,CAAE,MAAA,CAAO,CAAC,IAAA,KAAS;AACjB,UAAA,MAAM,YAAA,GAAe,OAAO,gBAAA,CAAiB,IAAA,CAAK,GAAG,CAAA,GAAI,YAAA,CAAa,KAAK,GAAG,CAAA;AAC9E,UAAA,MAAM,QAAA,GAAA,CAAW,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,IAAA,CAAK,GAAA,CAAA,KAAQ,YAAA;AACzC,UAAA,OACE,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA,KAAM,YAAA,IACtB,SAAS,IAAA,CAAK,GAAG,CAAA,KAAM,YAAA,IAAgB,QAAA,KAAa,YAAA;AAAA,QAEzD,CAAC,CAAA;AAAA,QACD;AAAA,OACF;AAGA,MAAA,MAAM,aAAA,GAAgB;AAAA,QACpB,CAAC,CAAA,EAAA,EAAK,iBAAiB,CAAA,UAAA,CAAY,GAAG,KAAK,iBAAiB,CAAA,QAAA,CAAA;AAAA,QAC5D,CAAC,CAAA,EAAA,EAAK,iBAAiB,CAAA,YAAA,CAAc,GAAG,KAAK,iBAAiB,CAAA,QAAA,CAAA;AAAA,QAC9D,CAAC,CAAA,EAAA,EAAK,iBAAiB,CAAA,QAAA,CAAU,GAAG,KAAK,iBAAiB,CAAA,MAAA,CAAA;AAAA,QAC1D,CAAC,CAAA,EAAA,EAAK,iBAAiB,CAAA,WAAA,CAAa,GAAG,KAAK,iBAAiB,CAAA,QAAA;AAAA,OAC/D;AAEA,MAAA,MAAA,CAAO,OAAA,CAAQ,aAAa,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,SAAA,EAAW,SAAS,CAAA,KAAM;AAChE,QAAA,MAAM,UAAA,GAAa,eAAe,SAAS,CAAA;AAC3C,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,QAAA,CAAS,eAAA,CAAgB,KAAA,CAAM,WAAA,CAAY,SAAA,EAAW,UAAU,CAAA;AAAA,QAClE;AAAA,MACF,CAAC,CAAA;AAED,MAAA,kBAAA,CAAmB,cAAc,CAAA;AAEjC,MAAA,IAAI,YAAA,CAAa,YAAA,KAAiB,QAAA,CAAS,YAAA,EAAc;AACvD,QAAA,QAAA,CAAS,gBAAgB,KAAA,CAAM,WAAA;AAAA,UAC7B,KAAK,iBAAiB,CAAA,OAAA,CAAA;AAAA,UACtB,CAAA,EAAG,SAAS,YAAY,CAAA,EAAA;AAAA,SAC1B;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,SAAA,EAAW;AAAA;AACb,GACF;AACF;;;;"}
+{"version":3,"file":"useCssVariables.mjs","sources":["../../../../../../../packages/components/config-provider/src/useCssVariables.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-06-06 09:26:03\n * @LastEditors: shen\n * @LastEditTime: 2025-10-15 15:44:09\n * @Description:\n */\nimport { theme } from 'ant-design-vue'\nimport { watch, type ComputedRef } from 'vue'\nimport { DEFAULT_NAMESPACE } from '@pro-design-vue/constants'\nimport { generatorColorVariables } from '@pro-design-vue/utils'\nimport { updateCSSVariables } from './update-css-variables'\nimport { defaultDarkToken, defaultToken } from './defaultToken'\n\nexport function useCssVariables(isDark: ComputedRef<boolean>) {\n  const { useToken } = theme\n  const { token } = useToken()\n\n  watch(\n    [token, isDark],\n    ([newToken, dark], [oldToken]) => {\n      const colorVariables = generatorColorVariables(\n        [\n          { color: newToken.colorPrimary, name: 'primary', key: 'colorPrimary' },\n          { alias: 'warning', color: newToken.colorWarning, name: 'yellow', key: 'colorWarning' },\n          { alias: 'success', color: newToken.colorSuccess, name: 'green', key: 'colorSuccess' },\n          { alias: 'error', color: newToken.colorError, name: 'red', key: 'colorError' },\n        ].filter((item) => {\n          const defaultColor = dark ? defaultDarkToken[item.key] : defaultToken[item.key]\n          const oldColor = oldToken?.[item.key] || defaultColor\n          return (\n            newToken[item.key] !== defaultColor ||\n            (newToken[item.key] === defaultColor && oldColor !== defaultColor)\n          )\n        }),\n        dark,\n        DEFAULT_NAMESPACE,\n      )\n      // 要设置的 CSS 变量映射\n      const colorMappings = {\n        [`--${DEFAULT_NAMESPACE}-green-500`]: `--${DEFAULT_NAMESPACE}-success`,\n        [`--${DEFAULT_NAMESPACE}-primary-500`]: `--${DEFAULT_NAMESPACE}-primary`,\n        [`--${DEFAULT_NAMESPACE}-red-500`]: `--${DEFAULT_NAMESPACE}-error`,\n        [`--${DEFAULT_NAMESPACE}-yellow-500`]: `--${DEFAULT_NAMESPACE}-warning`,\n      }\n\n      Object.entries(colorMappings).forEach(([sourceVar, targetVar]) => {\n        const colorValue = colorVariables[sourceVar]\n        if (colorValue) {\n          document.documentElement.style.setProperty(targetVar, colorValue)\n        }\n      })\n\n      updateCSSVariables(colorVariables)\n\n      if (defaultToken.borderRadius !== newToken.borderRadius) {\n        document.documentElement.style.setProperty(\n          `--${DEFAULT_NAMESPACE}-radius`,\n          `${newToken.borderRadius}px`,\n        )\n      }\n    },\n    {\n      immediate: true,\n    },\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAcO,SAAS,gBAAgB,MAAA,EAA8B;AAC5D,EAAA,MAAM,EAAE,UAAS,GAAI,KAAA;AACrB,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,QAAA,EAAS;AAE3B,EAAA,KAAA;AAAA,IACE,CAAC,OAAO,MAAM,CAAA;AAAA,IACd,CAAC,CAAC,QAAA,EAAU,IAAI,CAAA,EAAG,CAAC,QAAQ,CAAA,KAAM;AAChC,MAAA,MAAM,cAAA,GAAiB,uBAAA;AAAA,QACrB;AAAA,UACE,EAAE,KAAA,EAAO,QAAA,CAAS,cAAc,IAAA,EAAM,SAAA,EAAW,KAAK,cAAA,EAAe;AAAA,UACrE,EAAE,OAAO,SAAA,EAAW,KAAA,EAAO,SAAS,YAAA,EAAc,IAAA,EAAM,QAAA,EAAU,GAAA,EAAK,cAAA,EAAe;AAAA,UACtF,EAAE,OAAO,SAAA,EAAW,KAAA,EAAO,SAAS,YAAA,EAAc,IAAA,EAAM,OAAA,EAAS,GAAA,EAAK,cAAA,EAAe;AAAA,UACrF,EAAE,OAAO,OAAA,EAAS,KAAA,EAAO,SAAS,UAAA,EAAY,IAAA,EAAM,KAAA,EAAO,GAAA,EAAK,YAAA;AAAa,SAC/E,CAAE,MAAA,CAAO,CAAC,IAAA,KAAS;AACjB,UAAA,MAAM,YAAA,GAAe,OAAO,gBAAA,CAAiB,IAAA,CAAK,GAAG,CAAA,GAAI,YAAA,CAAa,KAAK,GAAG,CAAA;AAC9E,UAAA,MAAM,QAAA,GAAA,CAAW,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,IAAA,CAAK,GAAA,CAAA,KAAQ,YAAA;AACzC,UAAA,OACE,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA,KAAM,YAAA,IACtB,SAAS,IAAA,CAAK,GAAG,CAAA,KAAM,YAAA,IAAgB,QAAA,KAAa,YAAA;AAAA,QAEzD,CAAC,CAAA;AAAA,QACD,IAAA;AAAA,QACA;AAAA,OACF;AAEA,MAAA,MAAM,aAAA,GAAgB;AAAA,QACpB,CAAC,CAAA,EAAA,EAAK,iBAAiB,CAAA,UAAA,CAAY,GAAG,KAAK,iBAAiB,CAAA,QAAA,CAAA;AAAA,QAC5D,CAAC,CAAA,EAAA,EAAK,iBAAiB,CAAA,YAAA,CAAc,GAAG,KAAK,iBAAiB,CAAA,QAAA,CAAA;AAAA,QAC9D,CAAC,CAAA,EAAA,EAAK,iBAAiB,CAAA,QAAA,CAAU,GAAG,KAAK,iBAAiB,CAAA,MAAA,CAAA;AAAA,QAC1D,CAAC,CAAA,EAAA,EAAK,iBAAiB,CAAA,WAAA,CAAa,GAAG,KAAK,iBAAiB,CAAA,QAAA;AAAA,OAC/D;AAEA,MAAA,MAAA,CAAO,OAAA,CAAQ,aAAa,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,SAAA,EAAW,SAAS,CAAA,KAAM;AAChE,QAAA,MAAM,UAAA,GAAa,eAAe,SAAS,CAAA;AAC3C,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,QAAA,CAAS,eAAA,CAAgB,KAAA,CAAM,WAAA,CAAY,SAAA,EAAW,UAAU,CAAA;AAAA,QAClE;AAAA,MACF,CAAC,CAAA;AAED,MAAA,kBAAA,CAAmB,cAAc,CAAA;AAEjC,MAAA,IAAI,YAAA,CAAa,YAAA,KAAiB,QAAA,CAAS,YAAA,EAAc;AACvD,QAAA,QAAA,CAAS,gBAAgB,KAAA,CAAM,WAAA;AAAA,UAC7B,KAAK,iBAAiB,CAAA,OAAA,CAAA;AAAA,UACtB,CAAA,EAAG,SAAS,YAAY,CAAA,EAAA;AAAA,SAC1B;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,SAAA,EAAW;AAAA;AACb,GACF;AACF;;;;"}

package/es/packages/utils/color/generator.mjs

@@ -2,7 +2,20 @@ import { getColors } from '../../../node_modules/.pnpm/theme-colors@0.1.0/node_m
 import { convertToHslCssVar } from './convert.mjs';
 import { TinyColor } from '../../../node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/module/index.mjs';
 
-function generatorColorVariables(colorItems, namespace) {
+const darkColorKeyMap = {
+  50: "950",
+  100: "900",
+  200: "800",
+  300: "700",
+  400: "600",
+  500: "500",
+  600: "400",
+  700: "300",
+  800: "200",
+  900: "100",
+  950: "50"
+};
+function generatorColorVariables(colorItems, dark, namespace) {
   const colorVariables = {};
   colorItems.forEach(({ alias, color, name }) => {
     if (color) {
@@ -10,7 +23,7 @@ function generatorColorVariables(colorItems, namespace) {
       let mainColor = colorsMap["500"];
       const colorKeys = Object.keys(colorsMap);
       colorKeys.forEach((key) => {
-        const colorValue = colorsMap[key];
+        const colorValue = !dark ? colorsMap[key] : colorsMap[darkColorKeyMap[key]];
         if (colorValue) {
           const hslColor = convertToHslCssVar(colorValue);
           colorVariables[`--${namespace}-${name}-${key}`] = hslColor;

package/es/packages/utils/color/generator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"generator.mjs","sources":["../../../../../../packages/utils/color/generator.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-05-10 22:33:31\n * @LastEditors: shen\n * @LastEditTime: 2025-10-12 11:04:00\n * @Description:\n */\nimport { getColors } from 'theme-colors'\n\nimport { convertToHslCssVar, TinyColor } from './convert'\n\ninterface ColorItem {\n  alias?: string\n  color: string\n  name: string\n  key: string\n}\n\nfunction generatorColorVariables(colorItems: ColorItem[], namespace?: string) {\n  const colorVariables: Record<string, string> = {}\n\n  colorItems.forEach(({ alias, color, name }) => {\n    if (color) {\n      const colorsMap = getColors(new TinyColor(color).toHexString())\n\n      let mainColor = colorsMap['500']\n\n      const colorKeys = Object.keys(colorsMap)\n\n      colorKeys.forEach((key) => {\n        const colorValue = colorsMap[key]\n\n        if (colorValue) {\n          const hslColor = convertToHslCssVar(colorValue)\n          colorVariables[`--${namespace}-${name}-${key}`] = hslColor\n          if (alias) {\n            colorVariables[`--${namespace}-${alias}-${key}`] = hslColor\n          }\n\n          if (key === '500') {\n            mainColor = hslColor\n          }\n        }\n      })\n      if (alias && mainColor) {\n        colorVariables[`--${namespace}-${alias}`] = mainColor\n      }\n    }\n  })\n  return colorVariables\n}\n\nexport { generatorColorVariables }\n"],"names":[],"mappings":";;;;AAkBA,SAAS,uBAAA,CAAwB,YAAyB,SAAA,EAAoB;AAC5E,EAAA,MAAM,iBAAyC,EAAC;AAEhD,EAAA,UAAA,CAAW,QAAQ,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,MAAK,KAAM;AAC7C,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,MAAM,YAAY,SAAA,CAAU,IAAI,UAAU,KAAK,CAAA,CAAE,aAAa,CAAA;AAE9D,MAAA,IAAI,SAAA,GAAY,UAAU,KAAK,CAAA;AAE/B,MAAA,MAAM,SAAA,GAAY,MAAA,CAAO,IAAA,CAAK,SAAS,CAAA;AAEvC,MAAA,SAAA,CAAU,OAAA,CAAQ,CAAC,GAAA,KAAQ;AACzB,QAAA,MAAM,UAAA,GAAa,UAAU,GAAG,CAAA;AAEhC,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,MAAM,QAAA,GAAW,mBAAmB,UAAU,CAAA;AAC9C,UAAA,cAAA,CAAe,KAAK,SAAS,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,GAAG,EAAE,CAAA,GAAI,QAAA;AAClD,UAAA,IAAI,KAAA,EAAO;AACT,YAAA,cAAA,CAAe,KAAK,SAAS,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,EAAI,GAAG,EAAE,CAAA,GAAI,QAAA;AAAA,UACrD;AAEA,UAAA,IAAI,QAAQ,KAAA,EAAO;AACjB,YAAA,SAAA,GAAY,QAAA;AAAA,UACd;AAAA,QACF;AAAA,MACF,CAAC,CAAA;AACD,MAAA,IAAI,SAAS,SAAA,EAAW;AACtB,QAAA,cAAA,CAAe,CAAA,EAAA,EAAK,SAAS,CAAA,CAAA,EAAI,KAAK,EAAE,CAAA,GAAI,SAAA;AAAA,MAC9C;AAAA,IACF;AAAA,EACF,CAAC,CAAA;AACD,EAAA,OAAO,cAAA;AACT;;;;"}
+{"version":3,"file":"generator.mjs","sources":["../../../../../../packages/utils/color/generator.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-05-10 22:33:31\n * @LastEditors: shen\n * @LastEditTime: 2025-10-15 15:42:18\n * @Description:\n */\nimport { getColors } from 'theme-colors'\n\nimport { convertToHslCssVar, TinyColor } from './convert'\n\ninterface ColorItem {\n  alias?: string\n  color: string\n  name: string\n  key: string\n}\n\nconst darkColorKeyMap = {\n  50: '950',\n  100: '900',\n  200: '800',\n  300: '700',\n  400: '600',\n  500: '500',\n  600: '400',\n  700: '300',\n  800: '200',\n  900: '100',\n  950: '50',\n}\n\nfunction generatorColorVariables(colorItems: ColorItem[], dark: boolean, namespace?: string) {\n  const colorVariables: Record<string, string> = {}\n\n  colorItems.forEach(({ alias, color, name }) => {\n    if (color) {\n      const colorsMap = getColors(new TinyColor(color).toHexString())\n\n      let mainColor = colorsMap['500']\n\n      const colorKeys = Object.keys(colorsMap)\n      colorKeys.forEach((key) => {\n        const colorValue = !dark ? colorsMap[key] : colorsMap[darkColorKeyMap[key]]\n\n        if (colorValue) {\n          const hslColor = convertToHslCssVar(colorValue)\n          colorVariables[`--${namespace}-${name}-${key}`] = hslColor\n          if (alias) {\n            colorVariables[`--${namespace}-${alias}-${key}`] = hslColor\n          }\n\n          if (key === '500') {\n            mainColor = hslColor\n          }\n        }\n      })\n      if (alias && mainColor) {\n        colorVariables[`--${namespace}-${alias}`] = mainColor\n      }\n    }\n  })\n  return colorVariables\n}\n\nexport { generatorColorVariables }\n"],"names":[],"mappings":";;;;AAkBA,MAAM,eAAA,GAAkB;AAAA,EACtB,EAAA,EAAI,KAAA;AAAA,EACJ,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK;AACP,CAAA;AAEA,SAAS,uBAAA,CAAwB,UAAA,EAAyB,IAAA,EAAe,SAAA,EAAoB;AAC3F,EAAA,MAAM,iBAAyC,EAAC;AAEhD,EAAA,UAAA,CAAW,QAAQ,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,MAAK,KAAM;AAC7C,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,MAAM,YAAY,SAAA,CAAU,IAAI,UAAU,KAAK,CAAA,CAAE,aAAa,CAAA;AAE9D,MAAA,IAAI,SAAA,GAAY,UAAU,KAAK,CAAA;AAE/B,MAAA,MAAM,SAAA,GAAY,MAAA,CAAO,IAAA,CAAK,SAAS,CAAA;AACvC,MAAA,SAAA,CAAU,OAAA,CAAQ,CAAC,GAAA,KAAQ;AACzB,QAAA,MAAM,UAAA,GAAa,CAAC,IAAA,GAAO,SAAA,CAAU,GAAG,CAAA,GAAI,SAAA,CAAU,eAAA,CAAgB,GAAG,CAAC,CAAA;AAE1E,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,MAAM,QAAA,GAAW,mBAAmB,UAAU,CAAA;AAC9C,UAAA,cAAA,CAAe,KAAK,SAAS,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,GAAG,EAAE,CAAA,GAAI,QAAA;AAClD,UAAA,IAAI,KAAA,EAAO;AACT,YAAA,cAAA,CAAe,KAAK,SAAS,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,EAAI,GAAG,EAAE,CAAA,GAAI,QAAA;AAAA,UACrD;AAEA,UAAA,IAAI,QAAQ,KAAA,EAAO;AACjB,YAAA,SAAA,GAAY,QAAA;AAAA,UACd;AAAA,QACF;AAAA,MACF,CAAC,CAAA;AACD,MAAA,IAAI,SAAS,SAAA,EAAW;AACtB,QAAA,cAAA,CAAe,CAAA,EAAA,EAAK,SAAS,CAAA,CAAA,EAAI,KAAK,EAAE,CAAA,GAAI,SAAA;AAAA,MAC9C;AAAA,IACF;AAAA,EACF,CAAC,CAAA;AACD,EAAA,OAAO,cAAA;AACT;;;;"}

package/es/utils/color/generator.d.ts

@@ -4,5 +4,5 @@ interface ColorItem {
     name: string;
     key: string;
 }
-declare function generatorColorVariables(colorItems: ColorItem[], namespace?: string): Record<string, string>;
+declare function generatorColorVariables(colorItems: ColorItem[], dark: boolean, namespace?: string): Record<string, string>;
 export { generatorColorVariables };

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.2.5";
+export declare const version = "1.2.7";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "1.2.5";
+const version = "1.2.7";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../packages/pro-design-vue/version.ts"],"sourcesContent":["export const version = '1.2.5'\n"],"names":[],"mappings":"AAAO,MAAM,OAAA,GAAU;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/pro-design-vue/version.ts"],"sourcesContent":["export const version = '1.2.7'\n"],"names":[],"mappings":"AAAO,MAAM,OAAA,GAAU;;;;"}

package/lib/packages/components/config-provider/src/useCssVariables.js

@@ -24,6 +24,7 @@ function useCssVariables(isDark) {
           const oldColor = (oldToken == null ? void 0 : oldToken[item.key]) || defaultColor;
           return newToken[item.key] !== defaultColor || newToken[item.key] === defaultColor && oldColor !== defaultColor;
         }),
+        dark,
         globals.DEFAULT_NAMESPACE
       );
       const colorMappings = {

package/lib/packages/components/config-provider/src/useCssVariables.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCssVariables.js","sources":["../../../../../../../packages/components/config-provider/src/useCssVariables.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-06-06 09:26:03\n * @LastEditors: shen\n * @LastEditTime: 2025-10-13 15:21:09\n * @Description:\n */\nimport { theme } from 'ant-design-vue'\nimport { watch, type ComputedRef } from 'vue'\nimport { DEFAULT_NAMESPACE } from '@pro-design-vue/constants'\nimport { generatorColorVariables } from '@pro-design-vue/utils'\nimport { updateCSSVariables } from './update-css-variables'\nimport { defaultDarkToken, defaultToken } from './defaultToken'\n\nexport function useCssVariables(isDark: ComputedRef<boolean>) {\n  const { useToken } = theme\n  const { token } = useToken()\n\n  watch(\n    [token, isDark],\n    ([newToken, dark], [oldToken]) => {\n      const colorVariables = generatorColorVariables(\n        [\n          { color: newToken.colorPrimary, name: 'primary', key: 'colorPrimary' },\n          { alias: 'warning', color: newToken.colorWarning, name: 'yellow', key: 'colorWarning' },\n          { alias: 'success', color: newToken.colorSuccess, name: 'green', key: 'colorSuccess' },\n          { alias: 'error', color: newToken.colorError, name: 'red', key: 'colorError' },\n        ].filter((item) => {\n          const defaultColor = dark ? defaultDarkToken[item.key] : defaultToken[item.key]\n          const oldColor = oldToken?.[item.key] || defaultColor\n          return (\n            newToken[item.key] !== defaultColor ||\n            (newToken[item.key] === defaultColor && oldColor !== defaultColor)\n          )\n        }),\n        DEFAULT_NAMESPACE,\n      )\n\n      // 要设置的 CSS 变量映射\n      const colorMappings = {\n        [`--${DEFAULT_NAMESPACE}-green-500`]: `--${DEFAULT_NAMESPACE}-success`,\n        [`--${DEFAULT_NAMESPACE}-primary-500`]: `--${DEFAULT_NAMESPACE}-primary`,\n        [`--${DEFAULT_NAMESPACE}-red-500`]: `--${DEFAULT_NAMESPACE}-error`,\n        [`--${DEFAULT_NAMESPACE}-yellow-500`]: `--${DEFAULT_NAMESPACE}-warning`,\n      }\n\n      Object.entries(colorMappings).forEach(([sourceVar, targetVar]) => {\n        const colorValue = colorVariables[sourceVar]\n        if (colorValue) {\n          document.documentElement.style.setProperty(targetVar, colorValue)\n        }\n      })\n\n      updateCSSVariables(colorVariables)\n\n      if (defaultToken.borderRadius !== newToken.borderRadius) {\n        document.documentElement.style.setProperty(\n          `--${DEFAULT_NAMESPACE}-radius`,\n          `${newToken.borderRadius}px`,\n        )\n      }\n    },\n    {\n      immediate: true,\n    },\n  )\n}\n"],"names":["theme","watch","generatorColorVariables","defaultDarkToken","defaultToken","DEFAULT_NAMESPACE","updateCSSVariables"],"mappings":";;;;;;;;;AAcO,SAAS,gBAAgB,MAAA,EAA8B;AAC5D,EAAA,MAAM,EAAE,UAAS,GAAIA,kBAAA;AACrB,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,QAAA,EAAS;AAE3B,EAAAC,SAAA;AAAA,IACE,CAAC,OAAO,MAAM,CAAA;AAAA,IACd,CAAC,CAAC,QAAA,EAAU,IAAI,CAAA,EAAG,CAAC,QAAQ,CAAA,KAAM;AAChC,MAAA,MAAM,cAAA,GAAiBC,iCAAA;AAAA,QACrB;AAAA,UACE,EAAE,KAAA,EAAO,QAAA,CAAS,cAAc,IAAA,EAAM,SAAA,EAAW,KAAK,cAAA,EAAe;AAAA,UACrE,EAAE,OAAO,SAAA,EAAW,KAAA,EAAO,SAAS,YAAA,EAAc,IAAA,EAAM,QAAA,EAAU,GAAA,EAAK,cAAA,EAAe;AAAA,UACtF,EAAE,OAAO,SAAA,EAAW,KAAA,EAAO,SAAS,YAAA,EAAc,IAAA,EAAM,OAAA,EAAS,GAAA,EAAK,cAAA,EAAe;AAAA,UACrF,EAAE,OAAO,OAAA,EAAS,KAAA,EAAO,SAAS,UAAA,EAAY,IAAA,EAAM,KAAA,EAAO,GAAA,EAAK,YAAA;AAAa,SAC/E,CAAE,MAAA,CAAO,CAAC,IAAA,KAAS;AACjB,UAAA,MAAM,YAAA,GAAe,OAAOC,6BAAA,CAAiB,IAAA,CAAK,GAAG,CAAA,GAAIC,yBAAA,CAAa,KAAK,GAAG,CAAA;AAC9E,UAAA,MAAM,QAAA,GAAA,CAAW,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,IAAA,CAAK,GAAA,CAAA,KAAQ,YAAA;AACzC,UAAA,OACE,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA,KAAM,YAAA,IACtB,SAAS,IAAA,CAAK,GAAG,CAAA,KAAM,YAAA,IAAgB,QAAA,KAAa,YAAA;AAAA,QAEzD,CAAC,CAAA;AAAA,QACDC;AAAA,OACF;AAGA,MAAA,MAAM,aAAA,GAAgB;AAAA,QACpB,CAAC,CAAA,EAAA,EAAKA,yBAAiB,CAAA,UAAA,CAAY,GAAG,KAAKA,yBAAiB,CAAA,QAAA,CAAA;AAAA,QAC5D,CAAC,CAAA,EAAA,EAAKA,yBAAiB,CAAA,YAAA,CAAc,GAAG,KAAKA,yBAAiB,CAAA,QAAA,CAAA;AAAA,QAC9D,CAAC,CAAA,EAAA,EAAKA,yBAAiB,CAAA,QAAA,CAAU,GAAG,KAAKA,yBAAiB,CAAA,MAAA,CAAA;AAAA,QAC1D,CAAC,CAAA,EAAA,EAAKA,yBAAiB,CAAA,WAAA,CAAa,GAAG,KAAKA,yBAAiB,CAAA,QAAA;AAAA,OAC/D;AAEA,MAAA,MAAA,CAAO,OAAA,CAAQ,aAAa,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,SAAA,EAAW,SAAS,CAAA,KAAM;AAChE,QAAA,MAAM,UAAA,GAAa,eAAe,SAAS,CAAA;AAC3C,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,QAAA,CAAS,eAAA,CAAgB,KAAA,CAAM,WAAA,CAAY,SAAA,EAAW,UAAU,CAAA;AAAA,QAClE;AAAA,MACF,CAAC,CAAA;AAED,MAAAC,qCAAA,CAAmB,cAAc,CAAA;AAEjC,MAAA,IAAIF,yBAAA,CAAa,YAAA,KAAiB,QAAA,CAAS,YAAA,EAAc;AACvD,QAAA,QAAA,CAAS,gBAAgB,KAAA,CAAM,WAAA;AAAA,UAC7B,KAAKC,yBAAiB,CAAA,OAAA,CAAA;AAAA,UACtB,CAAA,EAAG,SAAS,YAAY,CAAA,EAAA;AAAA,SAC1B;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,SAAA,EAAW;AAAA;AACb,GACF;AACF;;;;"}
+{"version":3,"file":"useCssVariables.js","sources":["../../../../../../../packages/components/config-provider/src/useCssVariables.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-06-06 09:26:03\n * @LastEditors: shen\n * @LastEditTime: 2025-10-15 15:44:09\n * @Description:\n */\nimport { theme } from 'ant-design-vue'\nimport { watch, type ComputedRef } from 'vue'\nimport { DEFAULT_NAMESPACE } from '@pro-design-vue/constants'\nimport { generatorColorVariables } from '@pro-design-vue/utils'\nimport { updateCSSVariables } from './update-css-variables'\nimport { defaultDarkToken, defaultToken } from './defaultToken'\n\nexport function useCssVariables(isDark: ComputedRef<boolean>) {\n  const { useToken } = theme\n  const { token } = useToken()\n\n  watch(\n    [token, isDark],\n    ([newToken, dark], [oldToken]) => {\n      const colorVariables = generatorColorVariables(\n        [\n          { color: newToken.colorPrimary, name: 'primary', key: 'colorPrimary' },\n          { alias: 'warning', color: newToken.colorWarning, name: 'yellow', key: 'colorWarning' },\n          { alias: 'success', color: newToken.colorSuccess, name: 'green', key: 'colorSuccess' },\n          { alias: 'error', color: newToken.colorError, name: 'red', key: 'colorError' },\n        ].filter((item) => {\n          const defaultColor = dark ? defaultDarkToken[item.key] : defaultToken[item.key]\n          const oldColor = oldToken?.[item.key] || defaultColor\n          return (\n            newToken[item.key] !== defaultColor ||\n            (newToken[item.key] === defaultColor && oldColor !== defaultColor)\n          )\n        }),\n        dark,\n        DEFAULT_NAMESPACE,\n      )\n      // 要设置的 CSS 变量映射\n      const colorMappings = {\n        [`--${DEFAULT_NAMESPACE}-green-500`]: `--${DEFAULT_NAMESPACE}-success`,\n        [`--${DEFAULT_NAMESPACE}-primary-500`]: `--${DEFAULT_NAMESPACE}-primary`,\n        [`--${DEFAULT_NAMESPACE}-red-500`]: `--${DEFAULT_NAMESPACE}-error`,\n        [`--${DEFAULT_NAMESPACE}-yellow-500`]: `--${DEFAULT_NAMESPACE}-warning`,\n      }\n\n      Object.entries(colorMappings).forEach(([sourceVar, targetVar]) => {\n        const colorValue = colorVariables[sourceVar]\n        if (colorValue) {\n          document.documentElement.style.setProperty(targetVar, colorValue)\n        }\n      })\n\n      updateCSSVariables(colorVariables)\n\n      if (defaultToken.borderRadius !== newToken.borderRadius) {\n        document.documentElement.style.setProperty(\n          `--${DEFAULT_NAMESPACE}-radius`,\n          `${newToken.borderRadius}px`,\n        )\n      }\n    },\n    {\n      immediate: true,\n    },\n  )\n}\n"],"names":["theme","watch","generatorColorVariables","defaultDarkToken","defaultToken","DEFAULT_NAMESPACE","updateCSSVariables"],"mappings":";;;;;;;;;AAcO,SAAS,gBAAgB,MAAA,EAA8B;AAC5D,EAAA,MAAM,EAAE,UAAS,GAAIA,kBAAA;AACrB,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,QAAA,EAAS;AAE3B,EAAAC,SAAA;AAAA,IACE,CAAC,OAAO,MAAM,CAAA;AAAA,IACd,CAAC,CAAC,QAAA,EAAU,IAAI,CAAA,EAAG,CAAC,QAAQ,CAAA,KAAM;AAChC,MAAA,MAAM,cAAA,GAAiBC,iCAAA;AAAA,QACrB;AAAA,UACE,EAAE,KAAA,EAAO,QAAA,CAAS,cAAc,IAAA,EAAM,SAAA,EAAW,KAAK,cAAA,EAAe;AAAA,UACrE,EAAE,OAAO,SAAA,EAAW,KAAA,EAAO,SAAS,YAAA,EAAc,IAAA,EAAM,QAAA,EAAU,GAAA,EAAK,cAAA,EAAe;AAAA,UACtF,EAAE,OAAO,SAAA,EAAW,KAAA,EAAO,SAAS,YAAA,EAAc,IAAA,EAAM,OAAA,EAAS,GAAA,EAAK,cAAA,EAAe;AAAA,UACrF,EAAE,OAAO,OAAA,EAAS,KAAA,EAAO,SAAS,UAAA,EAAY,IAAA,EAAM,KAAA,EAAO,GAAA,EAAK,YAAA;AAAa,SAC/E,CAAE,MAAA,CAAO,CAAC,IAAA,KAAS;AACjB,UAAA,MAAM,YAAA,GAAe,OAAOC,6BAAA,CAAiB,IAAA,CAAK,GAAG,CAAA,GAAIC,yBAAA,CAAa,KAAK,GAAG,CAAA;AAC9E,UAAA,MAAM,QAAA,GAAA,CAAW,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,IAAA,CAAK,GAAA,CAAA,KAAQ,YAAA;AACzC,UAAA,OACE,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA,KAAM,YAAA,IACtB,SAAS,IAAA,CAAK,GAAG,CAAA,KAAM,YAAA,IAAgB,QAAA,KAAa,YAAA;AAAA,QAEzD,CAAC,CAAA;AAAA,QACD,IAAA;AAAA,QACAC;AAAA,OACF;AAEA,MAAA,MAAM,aAAA,GAAgB;AAAA,QACpB,CAAC,CAAA,EAAA,EAAKA,yBAAiB,CAAA,UAAA,CAAY,GAAG,KAAKA,yBAAiB,CAAA,QAAA,CAAA;AAAA,QAC5D,CAAC,CAAA,EAAA,EAAKA,yBAAiB,CAAA,YAAA,CAAc,GAAG,KAAKA,yBAAiB,CAAA,QAAA,CAAA;AAAA,QAC9D,CAAC,CAAA,EAAA,EAAKA,yBAAiB,CAAA,QAAA,CAAU,GAAG,KAAKA,yBAAiB,CAAA,MAAA,CAAA;AAAA,QAC1D,CAAC,CAAA,EAAA,EAAKA,yBAAiB,CAAA,WAAA,CAAa,GAAG,KAAKA,yBAAiB,CAAA,QAAA;AAAA,OAC/D;AAEA,MAAA,MAAA,CAAO,OAAA,CAAQ,aAAa,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,SAAA,EAAW,SAAS,CAAA,KAAM;AAChE,QAAA,MAAM,UAAA,GAAa,eAAe,SAAS,CAAA;AAC3C,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,QAAA,CAAS,eAAA,CAAgB,KAAA,CAAM,WAAA,CAAY,SAAA,EAAW,UAAU,CAAA;AAAA,QAClE;AAAA,MACF,CAAC,CAAA;AAED,MAAAC,qCAAA,CAAmB,cAAc,CAAA;AAEjC,MAAA,IAAIF,yBAAA,CAAa,YAAA,KAAiB,QAAA,CAAS,YAAA,EAAc;AACvD,QAAA,QAAA,CAAS,gBAAgB,KAAA,CAAM,WAAA;AAAA,UAC7B,KAAKC,yBAAiB,CAAA,OAAA,CAAA;AAAA,UACtB,CAAA,EAAG,SAAS,YAAY,CAAA,EAAA;AAAA,SAC1B;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,SAAA,EAAW;AAAA;AACb,GACF;AACF;;;;"}

package/lib/packages/utils/color/generator.js

@@ -4,7 +4,20 @@ var index = require('../../../node_modules/.pnpm/theme-colors@0.1.0/node_modules
 var convert = require('./convert.js');
 var index$1 = require('../../../node_modules/.pnpm/@ctrl_tinycolor@4.2.0/node_modules/@ctrl/tinycolor/dist/module/index.js');
 
-function generatorColorVariables(colorItems, namespace) {
+const darkColorKeyMap = {
+  50: "950",
+  100: "900",
+  200: "800",
+  300: "700",
+  400: "600",
+  500: "500",
+  600: "400",
+  700: "300",
+  800: "200",
+  900: "100",
+  950: "50"
+};
+function generatorColorVariables(colorItems, dark, namespace) {
   const colorVariables = {};
   colorItems.forEach(({ alias, color, name }) => {
     if (color) {
@@ -12,7 +25,7 @@ function generatorColorVariables(colorItems, namespace) {
       let mainColor = colorsMap["500"];
       const colorKeys = Object.keys(colorsMap);
       colorKeys.forEach((key) => {
-        const colorValue = colorsMap[key];
+        const colorValue = !dark ? colorsMap[key] : colorsMap[darkColorKeyMap[key]];
         if (colorValue) {
           const hslColor = convert.convertToHslCssVar(colorValue);
           colorVariables[`--${namespace}-${name}-${key}`] = hslColor;

package/lib/packages/utils/color/generator.js.map

@@ -1 +1 @@
-{"version":3,"file":"generator.js","sources":["../../../../../../packages/utils/color/generator.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-05-10 22:33:31\n * @LastEditors: shen\n * @LastEditTime: 2025-10-12 11:04:00\n * @Description:\n */\nimport { getColors } from 'theme-colors'\n\nimport { convertToHslCssVar, TinyColor } from './convert'\n\ninterface ColorItem {\n  alias?: string\n  color: string\n  name: string\n  key: string\n}\n\nfunction generatorColorVariables(colorItems: ColorItem[], namespace?: string) {\n  const colorVariables: Record<string, string> = {}\n\n  colorItems.forEach(({ alias, color, name }) => {\n    if (color) {\n      const colorsMap = getColors(new TinyColor(color).toHexString())\n\n      let mainColor = colorsMap['500']\n\n      const colorKeys = Object.keys(colorsMap)\n\n      colorKeys.forEach((key) => {\n        const colorValue = colorsMap[key]\n\n        if (colorValue) {\n          const hslColor = convertToHslCssVar(colorValue)\n          colorVariables[`--${namespace}-${name}-${key}`] = hslColor\n          if (alias) {\n            colorVariables[`--${namespace}-${alias}-${key}`] = hslColor\n          }\n\n          if (key === '500') {\n            mainColor = hslColor\n          }\n        }\n      })\n      if (alias && mainColor) {\n        colorVariables[`--${namespace}-${alias}`] = mainColor\n      }\n    }\n  })\n  return colorVariables\n}\n\nexport { generatorColorVariables }\n"],"names":["getColors","TinyColor","convertToHslCssVar"],"mappings":";;;;;;AAkBA,SAAS,uBAAA,CAAwB,YAAyB,SAAA,EAAoB;AAC5E,EAAA,MAAM,iBAAyC,EAAC;AAEhD,EAAA,UAAA,CAAW,QAAQ,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,MAAK,KAAM;AAC7C,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,MAAM,YAAYA,eAAA,CAAU,IAAIC,kBAAU,KAAK,CAAA,CAAE,aAAa,CAAA;AAE9D,MAAA,IAAI,SAAA,GAAY,UAAU,KAAK,CAAA;AAE/B,MAAA,MAAM,SAAA,GAAY,MAAA,CAAO,IAAA,CAAK,SAAS,CAAA;AAEvC,MAAA,SAAA,CAAU,OAAA,CAAQ,CAAC,GAAA,KAAQ;AACzB,QAAA,MAAM,UAAA,GAAa,UAAU,GAAG,CAAA;AAEhC,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,MAAM,QAAA,GAAWC,2BAAmB,UAAU,CAAA;AAC9C,UAAA,cAAA,CAAe,KAAK,SAAS,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,GAAG,EAAE,CAAA,GAAI,QAAA;AAClD,UAAA,IAAI,KAAA,EAAO;AACT,YAAA,cAAA,CAAe,KAAK,SAAS,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,EAAI,GAAG,EAAE,CAAA,GAAI,QAAA;AAAA,UACrD;AAEA,UAAA,IAAI,QAAQ,KAAA,EAAO;AACjB,YAAA,SAAA,GAAY,QAAA;AAAA,UACd;AAAA,QACF;AAAA,MACF,CAAC,CAAA;AACD,MAAA,IAAI,SAAS,SAAA,EAAW;AACtB,QAAA,cAAA,CAAe,CAAA,EAAA,EAAK,SAAS,CAAA,CAAA,EAAI,KAAK,EAAE,CAAA,GAAI,SAAA;AAAA,MAC9C;AAAA,IACF;AAAA,EACF,CAAC,CAAA;AACD,EAAA,OAAO,cAAA;AACT;;;;"}
+{"version":3,"file":"generator.js","sources":["../../../../../../packages/utils/color/generator.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-05-10 22:33:31\n * @LastEditors: shen\n * @LastEditTime: 2025-10-15 15:42:18\n * @Description:\n */\nimport { getColors } from 'theme-colors'\n\nimport { convertToHslCssVar, TinyColor } from './convert'\n\ninterface ColorItem {\n  alias?: string\n  color: string\n  name: string\n  key: string\n}\n\nconst darkColorKeyMap = {\n  50: '950',\n  100: '900',\n  200: '800',\n  300: '700',\n  400: '600',\n  500: '500',\n  600: '400',\n  700: '300',\n  800: '200',\n  900: '100',\n  950: '50',\n}\n\nfunction generatorColorVariables(colorItems: ColorItem[], dark: boolean, namespace?: string) {\n  const colorVariables: Record<string, string> = {}\n\n  colorItems.forEach(({ alias, color, name }) => {\n    if (color) {\n      const colorsMap = getColors(new TinyColor(color).toHexString())\n\n      let mainColor = colorsMap['500']\n\n      const colorKeys = Object.keys(colorsMap)\n      colorKeys.forEach((key) => {\n        const colorValue = !dark ? colorsMap[key] : colorsMap[darkColorKeyMap[key]]\n\n        if (colorValue) {\n          const hslColor = convertToHslCssVar(colorValue)\n          colorVariables[`--${namespace}-${name}-${key}`] = hslColor\n          if (alias) {\n            colorVariables[`--${namespace}-${alias}-${key}`] = hslColor\n          }\n\n          if (key === '500') {\n            mainColor = hslColor\n          }\n        }\n      })\n      if (alias && mainColor) {\n        colorVariables[`--${namespace}-${alias}`] = mainColor\n      }\n    }\n  })\n  return colorVariables\n}\n\nexport { generatorColorVariables }\n"],"names":["getColors","TinyColor","convertToHslCssVar"],"mappings":";;;;;;AAkBA,MAAM,eAAA,GAAkB;AAAA,EACtB,EAAA,EAAI,KAAA;AAAA,EACJ,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK;AACP,CAAA;AAEA,SAAS,uBAAA,CAAwB,UAAA,EAAyB,IAAA,EAAe,SAAA,EAAoB;AAC3F,EAAA,MAAM,iBAAyC,EAAC;AAEhD,EAAA,UAAA,CAAW,QAAQ,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,MAAK,KAAM;AAC7C,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,MAAM,YAAYA,eAAA,CAAU,IAAIC,kBAAU,KAAK,CAAA,CAAE,aAAa,CAAA;AAE9D,MAAA,IAAI,SAAA,GAAY,UAAU,KAAK,CAAA;AAE/B,MAAA,MAAM,SAAA,GAAY,MAAA,CAAO,IAAA,CAAK,SAAS,CAAA;AACvC,MAAA,SAAA,CAAU,OAAA,CAAQ,CAAC,GAAA,KAAQ;AACzB,QAAA,MAAM,UAAA,GAAa,CAAC,IAAA,GAAO,SAAA,CAAU,GAAG,CAAA,GAAI,SAAA,CAAU,eAAA,CAAgB,GAAG,CAAC,CAAA;AAE1E,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,MAAM,QAAA,GAAWC,2BAAmB,UAAU,CAAA;AAC9C,UAAA,cAAA,CAAe,KAAK,SAAS,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,GAAG,EAAE,CAAA,GAAI,QAAA;AAClD,UAAA,IAAI,KAAA,EAAO;AACT,YAAA,cAAA,CAAe,KAAK,SAAS,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,EAAI,GAAG,EAAE,CAAA,GAAI,QAAA;AAAA,UACrD;AAEA,UAAA,IAAI,QAAQ,KAAA,EAAO;AACjB,YAAA,SAAA,GAAY,QAAA;AAAA,UACd;AAAA,QACF;AAAA,MACF,CAAC,CAAA;AACD,MAAA,IAAI,SAAS,SAAA,EAAW;AACtB,QAAA,cAAA,CAAe,CAAA,EAAA,EAAK,SAAS,CAAA,CAAA,EAAI,KAAK,EAAE,CAAA,GAAI,SAAA;AAAA,MAC9C;AAAA,IACF;AAAA,EACF,CAAC,CAAA;AACD,EAAA,OAAO,cAAA;AACT;;;;"}

package/lib/utils/color/generator.d.ts

@@ -4,5 +4,5 @@ interface ColorItem {
     name: string;
     key: string;
 }
-declare function generatorColorVariables(colorItems: ColorItem[], namespace?: string): Record<string, string>;
+declare function generatorColorVariables(colorItems: ColorItem[], dark: boolean, namespace?: string): Record<string, string>;
 export { generatorColorVariables };

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.2.5";
+export declare const version = "1.2.7";

package/lib/version.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const version = "1.2.5";
+const version = "1.2.7";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../packages/pro-design-vue/version.ts"],"sourcesContent":["export const version = '1.2.5'\n"],"names":[],"mappings":";;AAAO,MAAM,OAAA,GAAU;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/pro-design-vue/version.ts"],"sourcesContent":["export const version = '1.2.7'\n"],"names":[],"mappings":";;AAAO,MAAM,OAAA,GAAU;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pro-design-vue",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "pro design",

package/theme-chalk/css-var.css

@@ -1 +1 @@
-:root{--pro-popup-z-index:2000;--pro-font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--pro-background:0 0% 100%;--pro-background-deep:216 20.11% 95.47%;--pro-foreground:210 6% 21%;--pro-card:0 0% 100%;--pro-card-foreground:222.2 84% 4.9%;--pro-popover:0 0% 100%;--pro-popover-foreground:222.2 84% 4.9%;--pro-muted:240 4.8% 95.9%;--pro-muted-foreground:240 3.8% 46.1%;--pro-primary:212 100% 45%;--pro-primary-foreground:0 0% 98%;--pro-primary-50:210 86% 97%;--pro-primary-100:214 85% 95%;--pro-primary-200:212 83% 86%;--pro-primary-300:212 82% 78%;--pro-primary-400:212 83% 62%;--pro-primary-500:212 100% 45%;--pro-primary-600:212 100% 41%;--pro-primary-700:212 100% 27%;--pro-primary-800:212 100% 20%;--pro-primary-900:212 100% 14%;--pro-primary-950:213 100% 9%;--pro-error:359.33 100% 65.1%;--pro-error-foreground:0 0% 98%;--pro-red-50:348 100% 98%;--pro-error-50:348 100% 98%;--pro-red-100:348 100% 96%;--pro-error-100:348 100% 96%;--pro-red-200:348 100% 90%;--pro-error-200:348 100% 90%;--pro-red-300:348 100% 84%;--pro-error-300:348 100% 84%;--pro-red-400:348 100% 73%;--pro-error-400:348 100% 73%;--pro-red-500:348 100% 61%;--pro-error-500:348 100% 61%;--pro-red-600:348 78% 55%;--pro-error-600:348 78% 55%;--pro-red-700:348 64% 37%;--pro-error-700:348 64% 37%;--pro-red-800:348 64% 27%;--pro-error-800:348 64% 27%;--pro-red-900:348 64% 18%;--pro-error-900:348 64% 18%;--pro-red-950:348 65% 12%;--pro-error-950:348 65% 12%;--pro-info:240,5%,96%;--pro-info-foreground:220,4%,58%;--pro-success:144 57% 58%;--pro-success-foreground:0 0% 98%;--pro-green-50:140 60% 98%;--pro-success-50:140 60% 98%;--pro-green-100:145 55% 96%;--pro-success-100:145 55% 96%;--pro-green-200:143 58% 90%;--pro-success-200:143 58% 90%;--pro-green-300:143 58% 83%;--pro-success-300:143 58% 83%;--pro-green-400:144 57% 71%;--pro-success-400:144 57% 71%;--pro-green-500:144 57% 58%;--pro-success-500:144 57% 58%;--pro-green-600:144 45% 52%;--pro-success-600:144 45% 52%;--pro-green-700:145 41% 35%;--pro-success-700:145 41% 35%;--pro-green-800:144 41% 26%;--pro-success-800:144 41% 26%;--pro-green-900:144 42% 17%;--pro-success-900:144 42% 17%;--pro-green-950:144 42% 12%;--pro-success-950:144 42% 12%;--pro-warning:42 84% 61%;--pro-warning-foreground:0 0% 98%;--pro-yellow-50:45 80% 98%;--pro-warning-50:45 80% 98%;--pro-yellow-100:41 80% 96%;--pro-warning-100:41 80% 96%;--pro-yellow-200:43 84% 90%;--pro-warning-200:43 84% 90%;--pro-yellow-300:42 85% 85%;--pro-warning-300:42 85% 85%;--pro-yellow-400:42 84% 73%;--pro-warning-400:42 84% 73%;--pro-yellow-500:42 84% 61%;--pro-warning-500:42 84% 61%;--pro-yellow-600:42 65% 55%;--pro-warning-600:42 65% 55%;--pro-yellow-700:42 54% 36%;--pro-warning-700:42 54% 36%;--pro-yellow-800:42 54% 27%;--pro-warning-800:42 54% 27%;--pro-yellow-900:42 53% 18%;--pro-warning-900:42 53% 18%;--pro-yellow-950:42 55% 12%;--pro-warning-950:42 55% 12%;--pro-secondary:240 5% 96%;--pro-secondary-foreground:240 6% 10%;--pro-accent:240 5% 96%;--pro-accent-dark:216 14% 93%;--pro-accent-darker:216 11% 91%;--pro-accent-lighter:240 0% 98%;--pro-accent-hover:200deg 10% 90%;--pro-accent-foreground:240 6% 10%;--pro-heavy:192deg 9.43% 89.61%;--pro-heavy-foreground:var(--pro-accent-foreground);--pro-border:240 5.9% 90%;--pro-input:240deg 5.88% 90%;--pro-input-placeholder:217 10.6% 65%;--pro-input-background:0 0% 100%;--pro-ring:222.2 84% 4.9%;--pro-radius:6px;--pro-overlay:0 0% 0%/45%;--pro-overlay-content:0 0% 95%/45%;--pro-font-size-base:16px;--pro-sidebar:0 0% 100%;--pro-sidebar-deep:0 0% 100%;--pro-menu:var(--pro-sidebar);--pro-header:0 0% 100%;--pro-shadow:0deg 0% 1.96%/6%;--pro-table-header:0deg 0% 98.04%;--pro-table-header-sort-active-bg:0deg 0% 94.9%;--pro-table-header-filter-active-bg:0deg 0% 0%/4%;--pro-table-header-cell-split-color:0deg 0% 0%/6%;--pro-table-row-insert-bg:4deg 100% 97.06%;--pro-table-footer-bg:0deg 0% 98.04%;accent-color:var(--pro-primary);color-scheme:light}.dark,.dark[data-theme=custom],.dark[data-theme=default]{--pro-background:0deg 0% 7.84%;--pro-background-deep:220deg 13.06% 9%;--pro-foreground:0 0% 95%;--pro-card:222.34deg 10.43% 12.27%;--pro-card-foreground:210 40% 98%;--pro-popover:0 0% 14.2%;--pro-popover-foreground:210 40% 98%;--pro-muted:240 3.7% 15.9%;--pro-muted-foreground:240 5% 64.9%;--pro-primary:215 82% 47%;--pro-primary-foreground:0 0% 98%;--pro-primary-50:216 71% 97%;--pro-primary-100:216 77% 95%;--pro-primary-200:216 73% 87%;--pro-primary-300:215 74% 79%;--pro-primary-400:215 74% 63%;--pro-primary-500:215 82% 47%;--pro-primary-600:215 82% 43%;--pro-primary-700:215 82% 28%;--pro-primary-800:215 82% 21%;--pro-primary-900:216 81% 14%;--pro-primary-950:215 83% 9%;--pro-error-foreground:0 0% 98%;--pro-red-50:0 64% 98%;--pro-error-50:0 64% 98%;--pro-red-100:356 73% 96%;--pro-error-100:356 73% 96%;--pro-red-200:358 68% 89%;--pro-error-200:358 68% 89%;--pro-red-300:359 69% 83%;--pro-error-300:359 69% 83%;--pro-red-400:359 69% 70%;--pro-error-400:359 69% 70%;--pro-red-500:359 68% 56%;--pro-error-500:359 68% 56%;--pro-red-600:359 55% 51%;--pro-error-600:359 55% 51%;--pro-red-700:359 53% 34%;--pro-error-700:359 53% 34%;--pro-red-800:359 52% 25%;--pro-error-800:359 52% 25%;--pro-red-900:359 53% 17%;--pro-error-900:359 53% 17%;--pro-red-950:0 52% 11%;--pro-error-950:0 52% 11%;--pro-error:359 68% 56%;--pro-info:180,1.54%,12.75%;--pro-info-foreground:220,4%,58%;--pro-green-50:103 47% 97%;--pro-success-50:103 47% 97%;--pro-green-100:100 48% 94%;--pro-success-100:100 48% 94%;--pro-green-200:100 46% 85%;--pro-success-200:100 46% 85%;--pro-green-300:100 46% 75%;--pro-success-300:100 46% 75%;--pro-green-400:100 46% 57%;--pro-success-400:100 46% 57%;--pro-green-500:100 74% 38%;--pro-success-500:100 74% 38%;--pro-green-600:100 74% 35%;--pro-success-600:100 74% 35%;--pro-green-700:100 74% 23%;--pro-success-700:100 74% 23%;--pro-green-800:100 75% 17%;--pro-success-800:100 75% 17%;--pro-green-900:100 73% 12%;--pro-success-900:100 73% 12%;--pro-green-950:99 74% 8%;--pro-success-950:99 74% 8%;--pro-success:100 74% 38%;--pro-warning:40 83% 46%;--pro-yellow-50:42 71% 97%;--pro-warning-50:42 71% 97%;--pro-yellow-100:41 70% 95%;--pro-warning-100:41 70% 95%;--pro-yellow-200:40 71% 86%;--pro-warning-200:40 71% 86%;--pro-yellow-300:40 71% 78%;--pro-warning-300:40 71% 78%;--pro-yellow-400:40 72% 63%;--pro-warning-400:40 72% 63%;--pro-yellow-500:40 83% 46%;--pro-warning-500:40 83% 46%;--pro-yellow-600:40 83% 42%;--pro-warning-600:40 83% 42%;--pro-yellow-700:40 83% 28%;--pro-warning-700:40 83% 28%;--pro-yellow-800:40 83% 21%;--pro-warning-800:40 83% 21%;--pro-yellow-900:40 83% 14%;--pro-warning-900:40 83% 14%;--pro-yellow-950:40 83% 9%;--pro-warning-950:40 83% 9%;--pro-secondary:240 5% 17%;--pro-secondary-foreground:0 0% 98%;--pro-accent:216 5% 19%;--pro-accent-dark:240 0% 22%;--pro-accent-darker:240 0% 26%;--pro-accent-lighter:216 5% 12%;--pro-accent-hover:216 5% 24%;--pro-accent-foreground:0 0% 98%;--pro-heavy:216 5% 24%;--pro-heavy-foreground:var(--pro-accent-foreground);--pro-border:240 3.7% 22%;--pro-input:0deg 0% 100%/10%;--pro-input-placeholder:218deg 11% 65%;--pro-input-background:0deg 0% 100%/5%;--pro-ring:222.2 84% 4.9%;--pro-radius:6px;--pro-overlay:0deg 0% 0%/40%;--pro-overlay-content:0deg 0% 0%/40%;--pro-font-size-base:16px;--pro-sidebar:222.34deg 10.43% 12.27%;--pro-sidebar-deep:220deg 13.06% 9%;--pro-menu:var(--pro-sidebar);--pro-header:222.34deg 10.43% 12.27%;--pro-shadow:0deg 0% 0%/45%;--pro-table-header:0deg 0% 11.37%;--pro-table-header-sort-active-bg:0deg 0% 18.82%;--pro-table-header-filter-active-bg:0deg 0% 26.27%;--pro-table-row-insert-bg:0deg 0% 26.27%;--pro-table-footer-bg:0deg 0% 11.37%;color-scheme:dark}
+:root{--pro-popup-z-index:2000;--pro-font-family:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--pro-background:0 0% 100%;--pro-background-deep:216 20.11% 95.47%;--pro-foreground:210 6% 21%;--pro-card:0 0% 100%;--pro-card-foreground:222.2 84% 4.9%;--pro-popover:0 0% 100%;--pro-popover-foreground:222.2 84% 4.9%;--pro-muted:240 4.8% 95.9%;--pro-muted-foreground:240 3.8% 46.1%;--pro-primary:212 100% 45%;--pro-primary-foreground:0 0% 98%;--pro-primary-50:210 86% 97%;--pro-primary-100:214 85% 95%;--pro-primary-200:212 83% 86%;--pro-primary-300:212 82% 78%;--pro-primary-400:212 83% 62%;--pro-primary-500:212 100% 45%;--pro-primary-600:212 100% 41%;--pro-primary-700:212 100% 27%;--pro-primary-800:212 100% 20%;--pro-primary-900:212 100% 14%;--pro-primary-950:213 100% 9%;--pro-error:359.33 100% 65.1%;--pro-error-foreground:0 0% 98%;--pro-red-50:348 100% 98%;--pro-error-50:348 100% 98%;--pro-red-100:348 100% 96%;--pro-error-100:348 100% 96%;--pro-red-200:348 100% 90%;--pro-error-200:348 100% 90%;--pro-red-300:348 100% 84%;--pro-error-300:348 100% 84%;--pro-red-400:348 100% 73%;--pro-error-400:348 100% 73%;--pro-red-500:348 100% 61%;--pro-error-500:348 100% 61%;--pro-red-600:348 78% 55%;--pro-error-600:348 78% 55%;--pro-red-700:348 64% 37%;--pro-error-700:348 64% 37%;--pro-red-800:348 64% 27%;--pro-error-800:348 64% 27%;--pro-red-900:348 64% 18%;--pro-error-900:348 64% 18%;--pro-red-950:348 65% 12%;--pro-error-950:348 65% 12%;--pro-info:240,5%,96%;--pro-info-foreground:220,4%,58%;--pro-success:144 57% 58%;--pro-success-foreground:0 0% 98%;--pro-green-50:140 60% 98%;--pro-success-50:140 60% 98%;--pro-green-100:145 55% 96%;--pro-success-100:145 55% 96%;--pro-green-200:143 58% 90%;--pro-success-200:143 58% 90%;--pro-green-300:143 58% 83%;--pro-success-300:143 58% 83%;--pro-green-400:144 57% 71%;--pro-success-400:144 57% 71%;--pro-green-500:144 57% 58%;--pro-success-500:144 57% 58%;--pro-green-600:144 45% 52%;--pro-success-600:144 45% 52%;--pro-green-700:145 41% 35%;--pro-success-700:145 41% 35%;--pro-green-800:144 41% 26%;--pro-success-800:144 41% 26%;--pro-green-900:144 42% 17%;--pro-success-900:144 42% 17%;--pro-green-950:144 42% 12%;--pro-success-950:144 42% 12%;--pro-warning:42 84% 61%;--pro-warning-foreground:0 0% 98%;--pro-yellow-50:45 80% 98%;--pro-warning-50:45 80% 98%;--pro-yellow-100:41 80% 96%;--pro-warning-100:41 80% 96%;--pro-yellow-200:43 84% 90%;--pro-warning-200:43 84% 90%;--pro-yellow-300:42 85% 85%;--pro-warning-300:42 85% 85%;--pro-yellow-400:42 84% 73%;--pro-warning-400:42 84% 73%;--pro-yellow-500:42 84% 61%;--pro-warning-500:42 84% 61%;--pro-yellow-600:42 65% 55%;--pro-warning-600:42 65% 55%;--pro-yellow-700:42 54% 36%;--pro-warning-700:42 54% 36%;--pro-yellow-800:42 54% 27%;--pro-warning-800:42 54% 27%;--pro-yellow-900:42 53% 18%;--pro-warning-900:42 53% 18%;--pro-yellow-950:42 55% 12%;--pro-warning-950:42 55% 12%;--pro-secondary:240 5% 96%;--pro-secondary-foreground:240 6% 10%;--pro-accent:240 5% 96%;--pro-accent-dark:216 14% 93%;--pro-accent-darker:216 11% 91%;--pro-accent-lighter:240 0% 98%;--pro-accent-hover:200deg 10% 90%;--pro-accent-foreground:240 6% 10%;--pro-heavy:192deg 9.43% 89.61%;--pro-heavy-foreground:var(--pro-accent-foreground);--pro-border:240 5.9% 90%;--pro-input:240deg 5.88% 90%;--pro-input-placeholder:217 10.6% 65%;--pro-input-background:0 0% 100%;--pro-ring:222.2 84% 4.9%;--pro-radius:6px;--pro-overlay:0 0% 0%/45%;--pro-overlay-content:0 0% 95%/45%;--pro-font-size-base:16px;--pro-sidebar:0 0% 100%;--pro-sidebar-deep:0 0% 100%;--pro-menu:var(--pro-sidebar);--pro-header:0 0% 100%;--pro-shadow:0deg 0% 1.96%/6%;--pro-table-header:0deg 0% 98.04%;--pro-table-header-sort-active-bg:0deg 0% 94.9%;--pro-table-header-filter-active-bg:0deg 0% 0%/4%;--pro-table-header-cell-split-color:0deg 0% 0%/6%;--pro-table-row-insert-bg:4deg 100% 97.06%;--pro-table-footer-bg:0deg 0% 98.04%;accent-color:var(--pro-primary);color-scheme:light}.dark,.dark[data-theme=custom],.dark[data-theme=default]{--pro-background:0deg 0% 7.84%;--pro-background-deep:220deg 13.06% 9%;--pro-foreground:0 0% 95%;--pro-card:222.34deg 10.43% 12.27%;--pro-card-foreground:210 40% 98%;--pro-popover:0 0% 14.2%;--pro-popover-foreground:210 40% 98%;--pro-muted:240 3.7% 15.9%;--pro-muted-foreground:240 5% 64.9%;--pro-primary:215 82% 47%;--pro-primary-foreground:0 0% 98%;--pro-primary-50:215 83% 9%;--pro-primary-100:216 81% 14%;--pro-primary-200:215 82% 21%;--pro-primary-300:215 82% 28%;--pro-primary-400:215 82% 43%;--pro-primary-500:215 82% 47%;--pro-primary-600:215 74% 63%;--pro-primary-700:215 74% 79%;--pro-primary-800:216 73% 87%;--pro-primary-900:216 77% 95%;--pro-primary-950:216 71% 97%;--pro-error:359 68% 56%;--pro-error-foreground:0 0% 98%;--pro-red-50:0 52% 11%;--pro-red-100:359 53% 17%;--pro-red-200:359 52% 25%;--pro-red-300:359 53% 34%;--pro-red-400:359 55% 51%;--pro-red-500:359 68% 56%;--pro-red-600:359 69% 70%;--pro-red-700:359 69% 83%;--pro-red-800:358 68% 89%;--pro-red-900:356 73% 96%;--pro-red-950:0 64% 98%;--pro-error-50:0 52% 11%;--pro-error-100:359 53% 17%;--pro-error-200:359 52% 25%;--pro-error-300:359 53% 34%;--pro-error-400:359 55% 51%;--pro-error-500:359 68% 56%;--pro-error-600:359 69% 70%;--pro-error-700:359 69% 83%;--pro-error-800:358 68% 89%;--pro-error-900:356 73% 96%;--pro-error-950:0 64% 98%;--pro-info:180,1.54%,12.75%;--pro-info-foreground:220,4%,58%;--pro-success:100 74% 38%;--pro-green-50:99 74% 8%;--pro-green-100:100 73% 12%;--pro-green-200:100 75% 17%;--pro-green-300:100 74% 23%;--pro-green-400:100 74% 35%;--pro-green-500:100 74% 38%;--pro-green-600:100 46% 57%;--pro-green-700:100 46% 75%;--pro-green-800:100 46% 85%;--pro-green-900:100 48% 94%;--pro-green-950:103 47% 97%;--pro-success-50:99 74% 8%;--pro-success-100:100 73% 12%;--pro-success-200:100 75% 17%;--pro-success-300:100 74% 23%;--pro-success-400:100 74% 35%;--pro-success-500:100 74% 38%;--pro-success-600:100 46% 57%;--pro-success-700:100 46% 75%;--pro-success-800:100 46% 85%;--pro-success-900:100 48% 94%;--pro-success-950:103 47% 97%;--pro-warning:40 83% 46%;--pro-yellow-50:40 83% 9%;--pro-yellow-100:40 83% 14%;--pro-yellow-200:40 83% 21%;--pro-yellow-300:40 83% 28%;--pro-yellow-400:40 83% 42%;--pro-yellow-500:40 83% 46%;--pro-yellow-600:40 72% 63%;--pro-yellow-700:40 71% 78%;--pro-yellow-800:40 71% 86%;--pro-yellow-900:41 70% 95%;--pro-yellow-950:42 71% 97%;--pro-warning-50:40 83% 9%;--pro-warning-100:40 83% 14%;--pro-warning-200:40 83% 21%;--pro-warning-300:40 83% 28%;--pro-warning-400:40 83% 42%;--pro-warning-500:40 83% 46%;--pro-warning-600:40 72% 63%;--pro-warning-700:40 71% 78%;--pro-warning-800:40 71% 86%;--pro-warning-900:41 70% 95%;--pro-warning-950:42 71% 97%;--pro-secondary:240 5% 17%;--pro-secondary-foreground:0 0% 98%;--pro-accent:216 5% 19%;--pro-accent-dark:240 0% 22%;--pro-accent-darker:240 0% 26%;--pro-accent-lighter:216 5% 12%;--pro-accent-hover:216 5% 24%;--pro-accent-foreground:0 0% 98%;--pro-heavy:216 5% 24%;--pro-heavy-foreground:var(--pro-accent-foreground);--pro-border:240 3.7% 22%;--pro-input:0deg 0% 100%/10%;--pro-input-placeholder:218deg 11% 65%;--pro-input-background:0deg 0% 100%/5%;--pro-ring:222.2 84% 4.9%;--pro-radius:6px;--pro-overlay:0deg 0% 0%/40%;--pro-overlay-content:0deg 0% 0%/40%;--pro-font-size-base:16px;--pro-sidebar:222.34deg 10.43% 12.27%;--pro-sidebar-deep:220deg 13.06% 9%;--pro-menu:var(--pro-sidebar);--pro-header:222.34deg 10.43% 12.27%;--pro-shadow:0deg 0% 0%/45%;--pro-table-header:0deg 0% 11.37%;--pro-table-header-sort-active-bg:0deg 0% 18.82%;--pro-table-header-filter-active-bg:0deg 0% 26.27%;--pro-table-row-insert-bg:0deg 0% 26.27%;--pro-table-footer-bg:0deg 0% 11.37%;color-scheme:dark}