persagy-vant 0.0.40 → 0.0.41

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

@@ -11,8 +11,17 @@ declare const titleBarProps: {
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -41,8 +50,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -69,8 +87,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -96,12 +123,15 @@ declare const _default: import("vue").DefineComponent<{
     title: string;
     size: TitleBarSize;
     description: string;
+    rightIcon: string;
     showIcon: boolean;
+    showRightIcon: boolean;
     modelValue: boolean;
     showArrow: boolean;
     actionText: string;
     expandable: boolean;
     showAction: boolean;
     showDescription: boolean;
+    showExpandIcon: boolean;
 }>;
 export default _default;

package/lib/title-bar/TitleBar.js

@@ -30,8 +30,11 @@ const titleBarProps = {
   description: (0, import_utils.makeStringProp)(""),
   icon: String,
   showIcon: Boolean,
+  rightIcon: (0, import_utils.makeStringProp)("cross"),
+  showRightIcon: Boolean,
   showDescription: Boolean,
   showArrow: Boolean,
+  showExpandIcon: import_utils.truthProp,
   actionText: (0, import_utils.makeStringProp)("\u64CD\u4F5C"),
   showAction: Boolean,
   size: (0, import_utils.makeStringProp)("default"),
@@ -102,11 +105,14 @@ var stdin_default = (0, import_vue.defineComponent)({
         "onClick": onActionClick
       }, null)])]), props.size !== "mini" && props.showDescription && props.description && (0, import_vue.createVNode)("span", {
         "class": bem("description")
-      }, [((_b = slots.description) == null ? void 0 : _b.call(slots)) || props.description])]), (props.showArrow || props.expandable) && (0, import_vue.createVNode)(import_icon.Icon, {
+      }, [((_b = slots.description) == null ? void 0 : _b.call(slots)) || props.description])]), (props.showArrow || props.expandable && props.showExpandIcon) && (0, import_vue.createVNode)(import_icon.Icon, {
         "name": "arrow-up",
         "class": bem("arrow", {
           expanded: props.expandable && props.modelValue
         })
+      }, null), props.showRightIcon && (0, import_vue.createVNode)(import_icon.Icon, {
+        "name": props.rightIcon,
+        "class": bem("right-icon")
       }, null)]), (!props.expandable || props.modelValue) && ((_c = slots.default) == null ? void 0 : _c.call(slots))]);
     };
   }

package/lib/title-bar/index.css

@@ -1 +1 @@
-:root{--van-title-bar-padding: 12px var(--van-padding-md) 4px;--van-title-bar-gap: 4px;--van-title-bar-title-color: var(--van-gray-8);--van-title-bar-description-color: var(--van-gray-6);--van-title-bar-required-color: var(--van-danger-color);--van-title-bar-action-divider-before-gap: 8px;--van-title-bar-action-divider-after-gap: 2px;--van-title-bar-action-divider-color: var(--van-gray-4);--van-title-bar-action-divider-height: 12px;--van-title-bar-action-padding: 0 8px}.van-title-bar{color:var(--van-title-bar-title-color)}.van-title-bar__header{display:flex;align-items:flex-start;width:100%;padding:var(--van-title-bar-padding);color:inherit;font:inherit;text-align:left;background:transparent;border:0}.van-title-bar--required .van-title-bar__header{position:relative;overflow:visible}.van-title-bar--required .van-title-bar__header:before{position:absolute;top:12px;left:var(--van-padding-xs);color:var(--van-title-bar-required-color);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);content:"*"}.van-title-bar--expandable .van-title-bar__header{cursor:pointer}.van-title-bar--expandable .van-title-bar__header:active{background:var(--van-active-color)}.van-title-bar__icon{flex:none;margin:3px 4px 0 0;font-size:16px}.van-title-bar__text{display:flex;flex:1;flex-direction:column;min-width:0}.van-title-bar__title-row{display:flex;align-items:center;min-width:0}.van-title-bar__text strong{flex:0 1 auto;min-width:0;overflow:hidden;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__description{overflow:hidden;color:var(--van-title-bar-description-color);font-size:var(--van-font-size-sm);font-weight:400;line-height:var(--van-line-height-md);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__action{display:flex;flex:none;align-items:center;margin-left:var(--van-title-bar-action-divider-before-gap)}.van-title-bar__action-divider{width:1px;height:var(--van-title-bar-action-divider-height);margin-right:var(--van-title-bar-action-divider-after-gap);background:var(--van-title-bar-action-divider-color)}.van-title-bar__action .van-button{flex:none;height:var(--van-line-height-lg);padding:var(--van-title-bar-action-padding);font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg)}.van-title-bar__arrow{flex:none;margin:4px 0 0 8px;color:var(--van-gray-6);font-size:14px;transition:transform var(--van-animation-duration-fast);transform:rotate(180deg)}.van-title-bar__arrow--expanded{transform:rotate(0)}.van-title-bar--mini .van-title-bar__header{padding-top:12px;padding-bottom:4px}.van-title-bar--mini .van-title-bar__text strong{font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-title-bar--mini .van-title-bar__icon{margin-top:3px;font-size:14px}.van-title-bar--mini .van-title-bar__arrow{margin-top:3px}.van-title-bar--mini .van-title-bar__action .van-button{height:var(--van-line-height-md);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}
+:root{--van-title-bar-padding: 12px var(--van-padding-md) 4px;--van-title-bar-gap: 4px;--van-title-bar-title-color: var(--van-gray-8);--van-title-bar-description-color: var(--van-gray-6);--van-title-bar-required-color: var(--van-danger-color);--van-title-bar-action-divider-before-gap: 8px;--van-title-bar-action-divider-after-gap: 2px;--van-title-bar-action-divider-color: var(--van-gray-4);--van-title-bar-action-divider-height: 12px;--van-title-bar-action-padding: 0 8px}.van-title-bar{color:var(--van-title-bar-title-color)}.van-title-bar__header{display:flex;box-sizing:border-box;align-items:flex-start;width:100%;padding:var(--van-title-bar-padding);color:inherit;font:inherit;text-align:left;background:transparent;border:0}.van-title-bar--required .van-title-bar__header{position:relative;overflow:visible}.van-title-bar--required .van-title-bar__header:before{position:absolute;top:12px;left:var(--van-padding-xs);color:var(--van-title-bar-required-color);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);content:"*"}.van-title-bar--expandable .van-title-bar__header{cursor:pointer}.van-title-bar--expandable .van-title-bar__header:active{background:var(--van-active-color)}.van-title-bar__icon{flex:none;margin:3px 4px 0 0;font-size:16px}.van-title-bar__text{display:flex;flex:1;flex-direction:column;min-width:0}.van-title-bar__title-row{display:flex;align-items:center;min-width:0}.van-title-bar__text strong{flex:0 1 auto;min-width:0;overflow:hidden;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__description{overflow:hidden;color:var(--van-title-bar-description-color);font-size:var(--van-font-size-sm);font-weight:400;line-height:var(--van-line-height-md);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__action{display:flex;flex:none;align-items:center;margin-left:var(--van-title-bar-action-divider-before-gap)}.van-title-bar__action-divider{width:1px;height:var(--van-title-bar-action-divider-height);margin-right:var(--van-title-bar-action-divider-after-gap);background:var(--van-title-bar-action-divider-color)}.van-title-bar__action .van-button{flex:none;height:var(--van-line-height-lg);padding:var(--van-title-bar-action-padding);font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg)}.van-title-bar__arrow{flex:none;margin:4px 8px 0 0;color:var(--van-gray-6);font-size:14px;transition:transform var(--van-animation-duration-fast);transform:rotate(180deg)}.van-title-bar__arrow--expanded{transform:rotate(0)}.van-title-bar__right-icon{flex:none;width:16px;height:16px;margin:3px 0 0 8px;color:var(--van-gray-7);font-size:16px;line-height:16px}.van-title-bar--mini .van-title-bar__header{padding-top:12px;padding-bottom:4px}.van-title-bar--mini .van-title-bar__text strong{font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-title-bar--mini .van-title-bar__icon{margin-top:3px;font-size:14px}.van-title-bar--mini .van-title-bar__arrow{margin-top:3px}.van-title-bar--mini .van-title-bar__right-icon{width:12px;height:12px;margin-top:3px;font-size:12px;line-height:12px}.van-title-bar--mini .van-title-bar__action .van-button{height:var(--van-line-height-md);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}

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

@@ -9,8 +9,17 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -37,8 +46,17 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -64,13 +82,16 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
     title: string;
     size: import("./TitleBar").TitleBarSize;
     description: string;
+    rightIcon: string;
     showIcon: boolean;
+    showRightIcon: boolean;
     modelValue: boolean;
     showArrow: boolean;
     actionText: string;
     expandable: boolean;
     showAction: boolean;
     showDescription: boolean;
+    showExpandIcon: boolean;
 }>>;
 export default TitleBar;
 export type { TitleBarProps, TitleBarSize } from './TitleBar';

package/lib/title-bar/index.less

@@ -16,7 +16,7 @@
 .van-title-bar {
   color: var(--van-title-bar-title-color);
 
-  &__header { display: flex; align-items: flex-start; width: 100%; padding: var(--van-title-bar-padding); color: inherit; font: inherit; text-align: left; background: transparent; border: 0; }
+  &__header { display: flex; box-sizing: border-box; align-items: flex-start; width: 100%; padding: var(--van-title-bar-padding); color: inherit; font: inherit; text-align: left; background: transparent; border: 0; }
   &--required &__header { position: relative; overflow: visible; }
   &--required &__header::before { position: absolute; top: 12px; left: var(--van-padding-xs); color: var(--van-title-bar-required-color); font-size: var(--van-font-size-md); line-height: var(--van-line-height-lg); content: '*'; }
   &--expandable &__header { cursor: pointer; &:active { background: var(--van-active-color); } }
@@ -28,11 +28,13 @@
   &__action { display: flex; flex: none; align-items: center; margin-left: var(--van-title-bar-action-divider-before-gap); }
   &__action-divider { width: 1px; height: var(--van-title-bar-action-divider-height); margin-right: var(--van-title-bar-action-divider-after-gap); background: var(--van-title-bar-action-divider-color); }
   &__action .van-button { flex: none; height: var(--van-line-height-lg); padding: var(--van-title-bar-action-padding); font-size: var(--van-font-size-md); font-weight: var(--van-font-weight-bold); line-height: var(--van-line-height-lg); }
-  &__arrow { flex: none; margin: 4px 0 0 8px; color: var(--van-gray-6); font-size: 14px; transition: transform var(--van-animation-duration-fast); transform: rotate(180deg); }
+  &__arrow { flex: none; margin: 4px 8px 0 0; color: var(--van-gray-6); font-size: 14px; transition: transform var(--van-animation-duration-fast); transform: rotate(180deg); }
   &__arrow--expanded { transform: rotate(0); }
+  &__right-icon { flex: none; width: 16px; height: 16px; margin: 3px 0 0 8px; color: var(--van-gray-7); font-size: 16px; line-height: 16px; }
   &--mini &__header { padding-top: 12px; padding-bottom: 4px; }
   &--mini &__text strong { font-size: var(--van-font-size-sm); line-height: var(--van-line-height-md); }
   &--mini &__icon { margin-top: 3px; font-size: 14px; }
   &--mini &__arrow { margin-top: 3px; }
+  &--mini &__right-icon { width: 12px; height: 12px; margin-top: 3px; font-size: 12px; line-height: 12px; }
   &--mini &__action .van-button { height: var(--van-line-height-md); font-size: var(--van-font-size-sm); line-height: var(--van-line-height-md); }
 }