tanxin-ui 0.5.8 → 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",
@@ -15763,7 +15761,7 @@ notification["close"] = (messageId) => {
   return listInstance[container].removeMsg(messageId);
 };
 const TNotification = withInstallFunction(notification, "$notification");
-let scrollBarWidth$1;
+let scrollBarWidth;
 function originHasScroll(container) {
   if (container.tagName == "BODY")
     return container.scrollHeight > (window.innerHeight || document.documentElement.clientHeight);
@@ -15771,10 +15769,10 @@ function originHasScroll(container) {
     return container.scrollHeight > container.clientHeight;
   }
 }
-function getScrollbarWidth$1() {
+function getScrollbarWidth() {
   var _a;
-  if (scrollBarWidth$1 !== void 0)
-    return scrollBarWidth$1;
+  if (scrollBarWidth !== void 0)
+    return scrollBarWidth;
   const outer = document.createElement("div");
   outer.style.visibility = "hidden";
   outer.style.position = "absolute";
@@ -15788,14 +15786,14 @@ function getScrollbarWidth$1() {
   outer.appendChild(inner);
   const filledWidth = inner.offsetWidth;
   (_a = outer.parentNode) == null ? void 0 : _a.removeChild(outer);
-  scrollBarWidth$1 = emptyWidth - filledWidth;
-  return scrollBarWidth$1;
+  scrollBarWidth = emptyWidth - filledWidth;
+  return scrollBarWidth;
 }
 function handleAboutScrollbar(container, existsScroll, toShowScrollBar) {
   var _a;
   if (!existsScroll)
     return;
-  const paddingRight = getScrollbarWidth$1();
+  const paddingRight = getScrollbarWidth();
   const preStyle = (_a = container.getAttribute("style")) != null ? _a : "";
   const preStyleArr = preStyle.split(";");
   const styles = {};
@@ -15919,7 +15917,10 @@ var Modal = defineComponent({
       return style;
     });
     const containerStyles = computed(() => {
-      const style = {};
+      const configContext = injectConfig();
+      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%";
@@ -16512,27 +16513,6 @@ messageBox["confirm"] = (options) => {
   return newMessage("confirm", options);
 };
 const TMessageBox = withInstallFunction(messageBox, "$messageBox");
-let scrollBarWidth;
-function getScrollbarWidth() {
-  var _a;
-  if (scrollBarWidth !== void 0)
-    return scrollBarWidth;
-  const outer = document.createElement("div");
-  outer.style.visibility = "hidden";
-  outer.style.position = "absolute";
-  outer.style.width = "100px";
-  outer.style.top = "-9999px";
-  document.body.appendChild(outer);
-  const emptyWidth = outer.offsetWidth;
-  outer.style.overflow = "scroll";
-  const inner = document.createElement("div");
-  inner.style.width = "100%";
-  outer.appendChild(inner);
-  const filledWidth = inner.offsetWidth;
-  (_a = outer.parentNode) == null ? void 0 : _a.removeChild(outer);
-  scrollBarWidth = emptyWidth - filledWidth;
-  return scrollBarWidth;
-}
 function _isSlot$c(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
@@ -16634,7 +16614,10 @@ var Drawer = defineComponent({
       return style;
     });
     const containerStyles = computed(() => {
-      const style = {};
+      const configContext = injectConfig();
+      let style = cloneDeep(configContext.customStyles.value);
+      if (style == void 0)
+        style = {};
       if (props.width && !fullscreen.value)
         ;
       return style;
@@ -22179,7 +22162,7 @@ function _isSlot$4(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 function usePop(props, selectedPath, prefixCls, byOptions, menuList, popperFuns) {
-  var _a;
+  var _a, _b;
   const slots = useSlots();
   const classes = computed(() => [[`${prefixCls.value}`], [`is-pop`], {
     [`is-collapsed`]: props.collapsed,
@@ -22226,7 +22209,7 @@ function usePop(props, selectedPath, prefixCls, byOptions, menuList, popperFuns)
       default: () => [item.icon]
     }) : null]), createVNode("div", {
       "class": `${prefixCls.value}-item-title-words`
-    }, [props.firstShort ? item.label : item.label]), item.children && item.children.length > 0 && props.collapsable ? createVNode(resolveComponent("t-icon"), {
+    }, [props.firstShort ? item.labelShort : item.label]), item.children && item.children.length > 0 && props.collapsable ? createVNode(resolveComponent("t-icon"), {
       "class": `${prefixCls.value}-item-title-arrow-pop`
     }, {
       default: () => [createVNode(ChevronForward, null, null)]
@@ -22308,12 +22291,12 @@ function usePop(props, selectedPath, prefixCls, byOptions, menuList, popperFuns)
       "class": getItemClasses(item)
     }, [item.children && item.children.length > 0 ? getChildren(item, level) : getItemRow(item, level)]);
   };
-  return createVNode("ul", {
+  return createVNode(Fragment, null, [(_a = slots.header) == null ? void 0 : _a.call(slots), createVNode("ul", {
     "class": [...classes.value, `is-pop`],
     "style": styles.value
   }, [byOptions ? menuList.value.map((item) => {
     return renderItem(item, 1);
-  }) : (_a = slots.default) == null ? void 0 : _a.call(slots)]);
+  }) : (_b = slots.default) == null ? void 0 : _b.call(slots)])]);
 }
 var Menu = defineComponent({
   name: "TMenu",
@@ -22464,19 +22447,14 @@ var Menu = defineComponent({
       var _a, _b;
       if (!byOptions)
         return;
-      console.log("props.options=", props.options);
       menuList.value = initOptions(props.options, (_b = (_a = props.options[0]) == null ? void 0 : _a.keyPath) != null ? _b : ["top"]);
-      console.log("initDatainitData menuList=", menuList.value);
       if (props.showIcon) {
         calculateNoIcon(menuList.value);
         calculateParentNoIcon(menuList.value);
       }
     };
     const updateRightMenu = () => {
-      console.log("updateRightMenu");
       if (props.type == "seperate") {
-        console.log("updateRightMenu11 menuList=", menuList.value);
-        console.log("updateRightMenu selectedPath.value=", selectedPath.value);
         let firstSelectedItem = null;
         if (selectedPath.value.length > 0) {
           firstSelectedItem = menuList.value.find((item) => item.itemKey == selectedPath.value[0]);
@@ -22484,12 +22462,10 @@ var Menu = defineComponent({
           firstSelectedItem = menuList.value.length > 0 ? menuList.value[0] : null;
         if (firstSelectedItem)
           rightMenuList.value = firstSelectedItem.children;
-        console.log("rightMenuList.value=", rightMenuList.value);
       }
     };
     onMounted(() => {
       initData();
-      console.log("onMounted", menuList.value);
       setSelectedPath(props.selectedPath);
       updateRightMenu();
     });