persagy-vant 0.0.37 → 0.0.39

package/lib/title-bar/index.d.ts

@@ -64,13 +64,13 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
     title: string;
     size: import("./TitleBar").TitleBarSize;
     description: string;
+    showIcon: boolean;
     modelValue: boolean;
+    showArrow: boolean;
     actionText: string;
     expandable: boolean;
-    showArrow: boolean;
     showAction: boolean;
     showDescription: boolean;
-    showIcon: boolean;
 }>>;
 export default TitleBar;
 export type { TitleBarProps, TitleBarSize } from './TitleBar';

package/lib/toast/Toast.d.ts

@@ -101,8 +101,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     type: ToastType;
     position: ToastPosition;
-    overlay: boolean;
     show: boolean;
+    overlay: boolean;
     duration: number;
     closeOnClickOverlay: boolean;
     transition: string;

package/lib/tree-select/TreeSelect.js

@@ -61,6 +61,10 @@ var stdin_default = (0, import_vue.defineComponent)({
     const expandedKeys = (0, import_vue.computed)(() => props.expandedKeys);
     const isExpanded = (id) => expandedKeys.value.includes(id);
     const isSelected = (id) => selectedKeys.value.includes(id);
+    const getNodeStyle = (level) => ({
+      paddingLeft: `calc(var(--van-padding-md) + ${level * 16}px)`,
+      "--van-tree-select-divider-left": `calc(var(--van-padding-md) + ${level * 16}px)`
+    });
     const getDescendantIds = (item) => {
       var _a;
       return ((_a = item.children) == null ? void 0 : _a.flatMap((child) => [child.id, ...getDescendantIds(child)])) || [];
@@ -123,7 +127,10 @@ var stdin_default = (0, import_vue.defineComponent)({
       if (!hasChildren && slots.leaf) {
         return (0, import_vue.createVNode)("div", {
           "key": item.id,
-          "class": bem("node")
+          "class": [bem("node"), bem("leaf", {
+            divider: props.showDivider
+          })],
+          "style": getNodeStyle(level)
         }, [slots.leaf({
           item,
           level
@@ -140,9 +147,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         }),
         "title": item.text,
         "border": props.showDivider,
-        "style": {
-          paddingLeft: `calc(var(--van-padding-md) + ${level * 16}px)`
-        },
+        "style": getNodeStyle(level),
         "rightSelect": selectable && selectionState !== "indeterminate" ? selectionState === "checked" : void 0,
         "selectType": props.multiple ? "checkbox" : "radio",
         "onUpdate:rightSelect": (value) => updateSelected(item, value)

package/lib/tree-select/index.css

@@ -1 +1 @@
-:root{--van-tree-select-indent: var(--van-padding-md);--van-tree-select-arrow-size: 16px;--van-tree-select-animation-duration: .24s}.van-tree-select{overflow:hidden;color:var(--van-cell-text-color);background:var(--van-white)}.van-tree-select__node{overflow:hidden}.van-tree-select__cell{min-height:44px;padding:10px var(--van-padding-md)}.van-tree-select__cell .van-cell__title-row{align-items:center}.van-tree-select__cell .van-cell__title{font-size:var(--van-font-size-md);line-height:22px}.van-tree-select__node:not(:last-child)>.van-tree-select__cell:not(.van-cell--borderless):after{display:block}.van-tree-select__arrow{flex:none;margin-right:var(--van-padding-base);color:var(--van-gray-5);font-size:var(--van-tree-select-arrow-size);transition:transform var(--van-tree-select-animation-duration) ease}.van-tree-select__arrow--expanded{transform:rotate(0)}.van-tree-select__arrow:not(.van-tree-select__arrow--expanded){transform:rotate(-90deg)}.van-tree-select__expand-control{display:inline-flex;align-items:center;padding:0;color:inherit;font:inherit;line-height:inherit;text-align:left;background:transparent;border:0}.van-tree-select__expand-control:not(:disabled){cursor:pointer}.van-tree-select__expand-control:disabled{color:var(--van-text-color-3);cursor:not-allowed}.van-tree-select__children{overflow:hidden}.van-tree-select__indeterminate{position:relative;display:block;width:14px;height:14px;padding:0;background:var(--van-primary-color);border:0;border-radius:50%}.van-tree-select__indeterminate:after{position:absolute;top:calc(50% - 1px);right:25%;left:25%;height:2px;content:"";background:var(--van-white);border-radius:1px}.van-tree-select-expand-enter-active,.van-tree-select-expand-leave-active{overflow:hidden;transition:max-height var(--van-tree-select-animation-duration) ease,opacity var(--van-tree-select-animation-duration) ease}.van-tree-select-expand-enter-from,.van-tree-select-expand-leave-to{max-height:0;opacity:0}.van-tree-select-expand-enter-to,.van-tree-select-expand-leave-from{max-height:1000px;opacity:1}
+:root{--van-tree-select-indent: var(--van-padding-md);--van-tree-select-arrow-size: 16px;--van-tree-select-animation-duration: .24s;--van-tree-select-divider-left: var(--van-padding-md)}.van-tree-select{overflow:hidden;color:var(--van-cell-text-color);background:var(--van-white)}.van-tree-select__node{overflow:hidden}.van-tree-select__leaf{position:relative;box-sizing:border-box}.van-tree-select__leaf--divider:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-tree-select-divider-left);height:1px;background:var(--van-border-color);content:"";transform:scaleY(.5)}.van-tree-select__cell{min-height:44px;padding:10px var(--van-padding-md)}.van-tree-select__cell .van-cell__title-row{align-items:center}.van-tree-select__cell .van-cell__title{font-size:var(--van-font-size-md);line-height:22px}.van-tree-select__node:not(:last-child)>.van-tree-select__cell:not(.van-cell--borderless):after{display:block;left:var(--van-tree-select-divider-left)}.van-tree-select__cell--branch:not(.van-cell--borderless):after{display:block;left:var(--van-tree-select-divider-left)}.van-tree-select__arrow{flex:none;margin-right:var(--van-padding-base);color:var(--van-gray-5);font-size:var(--van-tree-select-arrow-size);transition:transform var(--van-tree-select-animation-duration) ease}.van-tree-select__arrow--expanded{transform:rotate(0)}.van-tree-select__arrow:not(.van-tree-select__arrow--expanded){transform:rotate(-90deg)}.van-tree-select__expand-control{display:inline-flex;align-items:center;padding:0;color:inherit;font:inherit;line-height:inherit;text-align:left;background:transparent;border:0}.van-tree-select__expand-control:not(:disabled){cursor:pointer}.van-tree-select__expand-control:disabled{color:var(--van-text-color-3);cursor:not-allowed}.van-tree-select__children{overflow:hidden}.van-tree-select__indeterminate{position:relative;display:block;width:14px;height:14px;padding:0;background:var(--van-primary-color);border:0;border-radius:50%}.van-tree-select__indeterminate:after{position:absolute;top:calc(50% - 1px);right:25%;left:25%;height:2px;content:"";background:var(--van-white);border-radius:1px}.van-tree-select-expand-enter-active,.van-tree-select-expand-leave-active{overflow:hidden;transition:max-height var(--van-tree-select-animation-duration) ease,opacity var(--van-tree-select-animation-duration) ease}.van-tree-select-expand-enter-from,.van-tree-select-expand-leave-to{max-height:0;opacity:0}.van-tree-select-expand-enter-to,.van-tree-select-expand-leave-from{max-height:1000px;opacity:1}

package/lib/tree-select/index.less

@@ -4,6 +4,7 @@
   --van-tree-select-indent: @tree-select-indent;
   --van-tree-select-arrow-size: @tree-select-arrow-size;
   --van-tree-select-animation-duration: @tree-select-animation-duration;
+  --van-tree-select-divider-left: var(--van-padding-md);
 }
 
 .van-tree-select {
@@ -13,6 +14,26 @@
 
   &__node { overflow: hidden; }
 
+  // Slot content keeps the same left hierarchy as regular tree nodes. Embedded
+  // components retain their own right padding to avoid doubling the edge gap.
+  &__leaf {
+    position: relative;
+    box-sizing: border-box;
+
+    // Leaf-slot items are wrapped by separate tree nodes, so restore the
+    // divider between adjacent leaves just as we do for regular Cell nodes.
+    &--divider:not(:last-child)::after {
+      position: absolute;
+      right: var(--van-padding-md);
+      bottom: 0;
+      left: var(--van-tree-select-divider-left);
+      height: 1px;
+      background: var(--van-border-color);
+      content: '';
+      transform: scaleY(.5);
+    }
+  }
+
   &__cell {
     min-height: 44px;
     padding: 10px var(--van-padding-md);
@@ -22,9 +43,16 @@
   }
 
   // Each Cell is wrapped by a tree node, so Cell's :last-child rule would
-  // otherwise hide every divider. Restore it between sibling tree nodes.
+  // otherwise hide every divider. Branches retain a divider even when they
+  // are the only sibling, separating the parent from its indented children.
   &__node:not(:last-child) > &__cell:not(.van-cell--borderless)::after {
     display: block;
+    left: var(--van-tree-select-divider-left);
+  }
+
+  &__cell--branch:not(.van-cell--borderless)::after {
+    display: block;
+    left: var(--van-tree-select-divider-left);
   }
 
   &__arrow {

package/lib/tree-select/style/index.js

@@ -1,6 +1,7 @@
 require("../../style/base.css");
 require("../../badge/index.css");
 require("../../icon/index.css");
+require("../../tag/index.css");
 require("../../checkbox-group/index.css");
 require("../../checkbox/index.css");
 require("../../radio-group/index.css");

package/lib/tree-select/style/less.js

@@ -1,6 +1,7 @@
 require("../../style/base.less");
 require("../../badge/index.less");
 require("../../icon/index.less");
+require("../../tag/index.less");
 require("../../checkbox-group/index.less");
 require("../../checkbox/index.less");
 require("../../radio-group/index.less");