tanxin-ui 0.5.8 → 0.5.9

package/dist/tanxin-ui.es.js

@@ -15763,7 +15763,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 +15771,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 +15788,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 +15919,8 @@ var Modal = defineComponent({
       return style;
     });
     const containerStyles = computed(() => {
-      const style = {};
+      const configContext = injectConfig();
+      const style = cloneDeep(configContext.customStyles.value);
       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,8 @@ var Drawer = defineComponent({
       return style;
     });
     const containerStyles = computed(() => {
-      const style = {};
+      const configContext = injectConfig();
+      const style = cloneDeep(configContext.customStyles.value);
       if (props.width && !fullscreen.value)
         ;
       return style;
@@ -22179,7 +22160,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 +22207,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 +22289,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 +22445,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 +22460,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();
     });