tanxin-ui 0.5.9 → 0.6.0

package/dist/tanxin-ui.es.js

@@ -1485,6 +1485,20 @@ function colorHsl(color, index2) {
     v: getValue$2(hsv[2], i2, isLight2)
   }).toHslString().replace(/hsl\((.*)\)/, "$1");
 }
+function updateColor(style, hexColor, colorName) {
+  for (let i2 = 1; i2 <= 10; i2++) {
+    style["--" + colorName + "-" + i2] = colorPalette(hexColor, i2);
+    style["--" + colorName + "-" + i2 + "-hsl"] = colorHsl(hexColor, i2);
+  }
+  if (colorName == "primary") {
+    style["--border-color-hover"] = "var(--primary-6)";
+    style["--bg-color-selected"] = "var(--primary-6)";
+    style["--bg-color-selected-light"] = "hsla(var(--primary-6-hsl) , 14%)";
+    style["--primary-color"] = "var(--primary-6)";
+    style["--primary-color-shadow"] = "hsla(var(--primary-6-hsl) , 20%)";
+    style["--primary-color-shadow-secondary"] = "hsla(var(--primary-6-hsl) , 15%)";
+  }
+}
 const configProviderProps = {
   rootPrefixCls: PropTypes.string.def("t"),
   theme: PropTypes.string.def("light"),
@@ -1503,7 +1517,7 @@ var ConfigProvider = defineComponent({
       if (props.colors != void 0) {
         for (const key in props.colors) {
           if (props.colors[key]) {
-            updateColor(style, key);
+            updateColor(style, props.colors[key], key);
           }
         }
       }
@@ -1514,21 +1528,6 @@ var ConfigProvider = defineComponent({
         [`theme-${props.theme}`]: props.theme != "light"
       }];
     });
-    const updateColor = (style, colorName) => {
-      const hexColor = props.colors[colorName];
-      for (let i2 = 1; i2 <= 10; i2++) {
-        style["--" + colorName + "-" + i2] = colorPalette(hexColor, i2);
-        style["--" + colorName + "-" + i2 + "-hsl"] = colorHsl(hexColor, i2);
-      }
-      if (colorName == "primary") {
-        style["--border-color-hover"] = "var(--primary-6)";
-        style["--bg-color-selected"] = "var(--primary-6)";
-        style["--bg-color-selected-light"] = "hsla(var(--primary-6-hsl) , 14%)";
-        style["--primary-color"] = "var(--primary-6)";
-        style["--primary-color-shadow"] = "hsla(var(--primary-6-hsl) , 20%)";
-        style["--primary-color-shadow-secondary"] = "hsla(var(--primary-6-hsl) , 15%)";
-      }
-    };
     const configProvider = {
       rootPrefixCls: computed(() => props.rootPrefixCls),
       customStyles: computed(() => styles.value)
@@ -11876,8 +11875,7 @@ var MessageList = defineComponent({
     const messageArr = reactive([]);
     const render = () => {
       let _slot;
-      const transitionProps = getTransitionGroupProps("move-up");
-      console.log("transitionProps=", transitionProps);
+      getTransitionGroupProps("move-up");
       return createVNode(Fragment, null, [createVNode(resolveComponent("transition-group"), {
         "tag": "div",
         "name": "message-animation",
@@ -15920,7 +15918,9 @@ var Modal = defineComponent({
     });
     const containerStyles = computed(() => {
       const configContext = injectConfig();
-      const style = cloneDeep(configContext.customStyles.value);
+      let style = cloneDeep(configContext.customStyles.value);
+      if (style == void 0)
+        style = {};
       if (props.width && !fullscreen.value) {
         style[`width`] = dialogPosition.value ? "100%" : getLength(props.width);
         style[`max-width`] = dialogPosition.value ? "100%" : "94%";
@@ -16615,7 +16615,9 @@ var Drawer = defineComponent({
     });
     const containerStyles = computed(() => {
       const configContext = injectConfig();
-      const style = cloneDeep(configContext.customStyles.value);
+      let style = cloneDeep(configContext.customStyles.value);
+      if (style == void 0)
+        style = {};
       if (props.width && !fullscreen.value)
         ;
       return style;