persagy-vant 0.0.41 → 0.0.43

package/es/action-sheet/ActionSheet.d.ts

@@ -50,6 +50,7 @@ declare const actionSheetProps: {
     };
     cancelText: StringConstructor;
     description: StringConstructor;
+    contentAdaptive: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
         default: true;
@@ -102,6 +103,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     cancelText: StringConstructor;
     description: StringConstructor;
+    contentAdaptive: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
         default: true;
@@ -152,6 +154,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     cancelText: StringConstructor;
     description: StringConstructor;
+    contentAdaptive: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
         default: true;
@@ -178,5 +181,6 @@ declare const _default: import("vue").DefineComponent<{
     closeOnPopstate: boolean;
     actions: ActionSheetAction[];
     closeOnClickAction: boolean;
+    contentAdaptive: boolean;
 }>;
 export default _default;

package/es/action-sheet/ActionSheet.mjs

@@ -13,6 +13,7 @@ const actionSheetProps = extend({}, popupSharedProps, {
   closeable: truthProp,
   cancelText: String,
   description: String,
+  contentAdaptive: Boolean,
   closeOnPopstate: truthProp,
   closeOnClickAction: Boolean,
   safeAreaInsetBottom: truthProp
@@ -121,7 +122,9 @@ var stdin_default = defineComponent({
       }
     };
     return () => _createVNode(Popup, _mergeProps({
-      "class": bem(),
+      "class": bem({
+        "content-adaptive": props.contentAdaptive
+      }),
       "position": "bottom",
       "onUpdate:show": updateShow
     }, pick(props, popupInheritKeys)), {

package/es/action-sheet/index.css

@@ -1 +1 @@
-:root{--van-action-sheet-max-height:calc(100% - 96px);--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-color-light);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background-color);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color);background:var(--van-gray-2)}.van-action-sheet__content{flex:1 auto;display:flex;flex-direction:column;gap:0;padding:0 var(--van-padding-md) var(--van-padding-md);overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__action-card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-action-sheet__item,.van-action-sheet__cancel{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:transparent;border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{position:relative;line-height:var(--van-action-sheet-item-line-height);text-align:left}.van-action-sheet__item--selected{font-weight:var(--van-font-weight-bold)}.van-action-sheet__item:not(:last-child):after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;background:transparent}.van-action-sheet__nav-left{display:flex;align-items:center;height:var(--van-nav-bar-height);padding:0 6px 0 var(--van-padding-md)}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}
+:root{--van-action-sheet-max-height:calc(100% - 96px);--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-color-light);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background-color);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color);background:var(--van-gray-2)}.van-action-sheet--content-adaptive{height:auto}.van-action-sheet__content{flex:1 auto;display:flex;flex-direction:column;gap:0;padding:0 var(--van-padding-md) var(--van-padding-md);overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__action-card{overflow:hidden;background:var(--van-white);border-radius:8px}.van-action-sheet__item,.van-action-sheet__cancel{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:transparent;border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{position:relative;line-height:var(--van-action-sheet-item-line-height);text-align:left}.van-action-sheet__item--selected{font-weight:var(--van-font-weight-bold)}.van-action-sheet__item:not(:last-child):after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;background:transparent}.van-action-sheet__nav-left{display:flex;align-items:center;height:var(--van-nav-bar-height);padding:0 6px 0 var(--van-padding-md)}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}

package/es/action-sheet/index.d.ts

@@ -39,6 +39,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     };
     cancelText: StringConstructor;
     description: StringConstructor;
+    contentAdaptive: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
         default: true;
@@ -89,6 +90,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     };
     cancelText: StringConstructor;
     description: StringConstructor;
+    contentAdaptive: BooleanConstructor;
     closeOnPopstate: {
         type: BooleanConstructor;
         default: true;
@@ -115,6 +117,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
     closeOnPopstate: boolean;
     actions: import("./ActionSheet").ActionSheetAction[];
     closeOnClickAction: boolean;
+    contentAdaptive: boolean;
 }>>;
 export default ActionSheet;
 export type { ActionSheetProps, ActionSheetAction } from './ActionSheet';

package/es/action-sheet/index.less

@@ -31,6 +31,10 @@
   color: var(--van-action-sheet-item-text-color);
   background: var(--van-gray-2);
 
+  &--content-adaptive {
+    height: auto;
+  }
+
   &__content {
     flex: 1 auto;
     display: flex;

package/es/blue-mark/BlueMarkHeader.d.ts

@@ -9,6 +9,10 @@ declare const blueMarkHeaderProps: {
     required: BooleanConstructor;
     actionText: StringConstructor;
     expandable: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     modelValue: BooleanConstructor;
     expandText: StringConstructor;
     collapseText: StringConstructor;
@@ -23,6 +27,10 @@ declare const _default: import("vue").DefineComponent<{
     required: BooleanConstructor;
     actionText: StringConstructor;
     expandable: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     modelValue: BooleanConstructor;
     expandText: StringConstructor;
     collapseText: StringConstructor;
@@ -35,6 +43,10 @@ declare const _default: import("vue").DefineComponent<{
     required: BooleanConstructor;
     actionText: StringConstructor;
     expandable: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     modelValue: BooleanConstructor;
     expandText: StringConstructor;
     collapseText: StringConstructor;
@@ -47,5 +59,6 @@ declare const _default: import("vue").DefineComponent<{
     size: BlueMarkSize;
     modelValue: boolean;
     expandable: boolean;
+    showExpandIcon: boolean;
 }>;
 export default _default;

package/es/blue-mark/BlueMarkHeader.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
-import { createNamespace, numericProp } from "../utils/index.mjs";
+import { createNamespace, numericProp, truthProp } from "../utils/index.mjs";
 import BlueMark from "./BlueMark.mjs";
 import CollapseToggle from "./CollapseToggle.mjs";
 const [name, bem] = createNamespace("blue-mark-header");
@@ -12,6 +12,7 @@ const blueMarkHeaderProps = {
   required: Boolean,
   actionText: String,
   expandable: Boolean,
+  showExpandIcon: truthProp,
   modelValue: Boolean,
   expandText: String,
   collapseText: String
@@ -73,6 +74,7 @@ var stdin_default = defineComponent({
         "modelValue": props.modelValue,
         "expandText": props.expandText,
         "collapseText": props.collapseText,
+        "showIcon": props.showExpandIcon,
         "onUpdate:modelValue": onChange
       }, null)]);
     };

package/es/blue-mark/CollapseToggle.d.ts

@@ -2,6 +2,10 @@ import { type ExtractPropTypes } from 'vue';
 declare const collapseToggleProps: {
     modelValue: BooleanConstructor;
     divider: BooleanConstructor;
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     expandText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -15,6 +19,10 @@ export declare type CollapseToggleProps = ExtractPropTypes<typeof collapseToggle
 declare const _default: import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
     divider: BooleanConstructor;
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     expandText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -26,6 +34,10 @@ declare const _default: import("vue").DefineComponent<{
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     modelValue: BooleanConstructor;
     divider: BooleanConstructor;
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     expandText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -38,6 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    showIcon: boolean;
     modelValue: boolean;
     divider: boolean;
     expandText: string;

package/es/blue-mark/CollapseToggle.mjs

@@ -6,6 +6,10 @@ const [name, bem] = createNamespace("collapse-toggle");
 const collapseToggleProps = {
   modelValue: Boolean,
   divider: Boolean,
+  showIcon: {
+    type: Boolean,
+    default: true
+  },
   expandText: makeStringProp("\u5C55\u5F00"),
   collapseText: makeStringProp("\u6536\u8D77")
 };
@@ -37,7 +41,7 @@ var stdin_default = defineComponent({
       }, [_createVNode("span", null, [((_a = slots.default) == null ? void 0 : _a.call(slots, {
         expanded,
         text
-      })) || text]), _createVNode(Icon, {
+      })) || text]), props.showIcon && _createVNode(Icon, {
         "name": "arrow-down",
         "class": bem("icon")
       }, null)]);

package/es/blue-mark/index.d.ts

@@ -37,6 +37,10 @@ export declare const BlueMarkHeader: import("../utils").WithInstall<import("vue"
     required: BooleanConstructor;
     actionText: StringConstructor;
     expandable: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     modelValue: BooleanConstructor;
     expandText: StringConstructor;
     collapseText: StringConstructor;
@@ -49,6 +53,10 @@ export declare const BlueMarkHeader: import("../utils").WithInstall<import("vue"
     required: BooleanConstructor;
     actionText: StringConstructor;
     expandable: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     modelValue: BooleanConstructor;
     expandText: StringConstructor;
     collapseText: StringConstructor;
@@ -61,10 +69,15 @@ export declare const BlueMarkHeader: import("../utils").WithInstall<import("vue"
     size: import("./BlueMark").BlueMarkSize;
     modelValue: boolean;
     expandable: boolean;
+    showExpandIcon: boolean;
 }>>;
 export declare const CollapseToggle: import("../utils").WithInstall<import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
     divider: BooleanConstructor;
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     expandText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -76,6 +89,10 @@ export declare const CollapseToggle: import("../utils").WithInstall<import("vue"
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: BooleanConstructor;
     divider: BooleanConstructor;
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     expandText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -88,6 +105,7 @@ export declare const CollapseToggle: import("../utils").WithInstall<import("vue"
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    showIcon: boolean;
     modelValue: boolean;
     divider: boolean;
     expandText: string;

package/es/checkbox-panel/CheckboxPanel.d.ts

@@ -35,6 +35,18 @@ declare const checkboxPanelProps: {
         type: PropType<string>;
         default: string;
     };
+    selectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    collapseSelectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    clearSelectedText: {
+        type: PropType<string>;
+        default: string;
+    };
 };
 export declare type CheckboxPanelProps = ExtractPropTypes<typeof checkboxPanelProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -68,7 +80,19 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "load" | "update:show" | "confirm" | "filter" | "update:error" | "update:loading")[], "search" | "filter" | "update:modelValue" | "load" | "update:show" | "confirm" | "update:error" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    selectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    collapseSelectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    clearSelectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "load" | "update:show" | "confirm" | "filter" | "update:error" | "update:loading" | "show-selected")[], "search" | "filter" | "update:modelValue" | "load" | "update:show" | "confirm" | "update:error" | "update:loading" | "show-selected", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     options: {
@@ -99,6 +123,18 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
+    selectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    collapseSelectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    clearSelectedText: {
+        type: PropType<string>;
+        default: string;
+    };
 }>> & {
     onLoad?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -108,6 +144,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
     onFilter?: ((...args: any[]) => any) | undefined;
+    "onShow-selected"?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
     error: boolean;
@@ -121,5 +158,8 @@ declare const _default: import("vue").DefineComponent<{
     lazy: boolean;
     selectAllText: string;
     cancelSelectAllText: string;
+    selectedText: string;
+    collapseSelectedText: string;
+    clearSelectedText: string;
 }>;
 export default _default;

package/es/checkbox-panel/CheckboxPanel.mjs

@@ -1,4 +1,4 @@
-import { computed, defineComponent, ref, createVNode as _createVNode } from "vue";
+import { computed, defineComponent, ref, watch, createVNode as _createVNode } from "vue";
 import { createNamespace, makeArrayProp, makeStringProp } from "../utils/index.mjs";
 import { ActionSheet } from "../action-sheet/index.mjs";
 import { NavBar } from "../nav-bar/index.mjs";
@@ -31,18 +31,23 @@ const checkboxPanelProps = {
   errorText: String,
   confirmText: makeStringProp("\u786E\u5B9A"),
   selectAllText: makeStringProp("\u5168\u9009"),
-  cancelSelectAllText: makeStringProp("\u53D6\u6D88\u5168\u9009")
+  cancelSelectAllText: makeStringProp("\u53D6\u6D88\u5168\u9009"),
+  selectedText: makeStringProp("\u5C55\u5F00\u5DF2\u9009"),
+  collapseSelectedText: makeStringProp("\u6536\u8D77\u5DF2\u9009"),
+  clearSelectedText: makeStringProp("\u6E05\u7A7A\u5DF2\u9009")
 };
 var stdin_default = defineComponent({
   name,
   props: checkboxPanelProps,
-  emits: ["update:show", "update:modelValue", "update:loading", "update:error", "confirm", "search", "filter", "load"],
+  emits: ["update:show", "update:modelValue", "update:loading", "update:error", "confirm", "search", "filter", "load", "show-selected"],
   setup(props, {
     emit,
     slots
   }) {
     const keyword = ref("");
+    const expandedSelected = ref(false);
     const selectedValues = computed(() => props.modelValue || []);
+    const selectedOptions = computed(() => props.options.filter((option) => selectedValues.value.includes(option.value)));
     const filteredOptions = computed(() => {
       const query = keyword.value.trim().toLocaleLowerCase();
       if (!query)
@@ -52,23 +57,51 @@ var stdin_default = defineComponent({
     const selectableOptions = computed(() => filteredOptions.value.filter((option) => !option.disabled));
     const isAllSelected = computed(() => selectableOptions.value.length > 0 && selectableOptions.value.every((option) => selectedValues.value.includes(option.value)));
     const close = () => emit("update:show", false);
+    const updateSelectedValues = (values) => {
+      if (!values.length)
+        expandedSelected.value = false;
+      emit("update:modelValue", values);
+    };
     const toggleOption = (option) => {
       if (option.disabled)
         return;
       const values = [...selectedValues.value];
       const index = values.indexOf(option.value);
       index === -1 ? values.push(option.value) : values.splice(index, 1);
-      emit("update:modelValue", values);
+      updateSelectedValues(values);
     };
     const toggleAll = () => {
       const selectableValues = selectableOptions.value.map((option) => option.value);
       const values = isAllSelected.value ? selectedValues.value.filter((value) => !selectableValues.includes(value)) : [.../* @__PURE__ */ new Set([...selectedValues.value, ...selectableValues])];
-      emit("update:modelValue", values);
+      updateSelectedValues(values);
     };
+    const removeSelected = (option) => {
+      updateSelectedValues(selectedValues.value.filter((value) => value !== option.value));
+    };
+    const clearSelected = () => updateSelectedValues([]);
     const confirm = () => {
       emit("confirm", selectedValues.value);
       close();
     };
+    const renderFilterAction = () => {
+      if (slots.filter)
+        return slots.filter();
+      if (!props.filterable)
+        return;
+      return _createVNode("button", {
+        "type": "button",
+        "class": bem("filter"),
+        "aria-label": "\u7B5B\u9009",
+        "onClick": () => emit("filter")
+      }, [_createVNode(Badge, {
+        "dot": props.filterActive
+      }, {
+        default: () => [_createVNode(Icon, {
+          "name": "filter-o",
+          "size": "22"
+        }, null)]
+      })]);
+    };
     const renderOptionLabel = (label) => {
       const query = keyword.value.trim();
       if (!query)
@@ -105,6 +138,10 @@ var stdin_default = defineComponent({
         }))]
       });
     };
+    watch(selectedValues, (values) => {
+      if (!values.length)
+        expandedSelected.value = false;
+    });
     return () => _createVNode(ActionSheet, {
       "show": props.show,
       "class": bem(),
@@ -124,25 +161,7 @@ var stdin_default = defineComponent({
           "size": "22",
           "onClick": close
         }, null),
-        right: () => {
-          if (slots.filter)
-            return slots.filter();
-          if (!props.filterable)
-            return;
-          return _createVNode("button", {
-            "type": "button",
-            "class": bem("filter"),
-            "aria-label": "\u7B5B\u9009",
-            "onClick": () => emit("filter")
-          }, [_createVNode(Badge, {
-            "dot": props.filterActive
-          }, {
-            default: () => [_createVNode(Icon, {
-              "name": "filter-o",
-              "size": "22"
-            }, null)]
-          })]);
-        }
+        right: renderFilterAction
       })]), props.searchable && _createVNode(Search, {
         "modelValue": keyword.value,
         "class": bem("search"),
@@ -173,11 +192,54 @@ var stdin_default = defineComponent({
         "class": bem("footer")
       }, [_createVNode(BottomActionBar, {
         "fixed": false,
+        "moreIcon": "passed",
+        "moreText": expandedSelected.value ? props.collapseSelectedText : props.selectedText,
+        "moreBadge": selectedValues.value.length,
+        "moreBadgeMax": 99,
         "secondaryText": isAllSelected.value ? props.cancelSelectAllText : props.selectAllText,
+        "secondaryDisabled": !selectableOptions.value.length,
         "confirmText": props.confirmText,
+        "moreDisabled": !selectedValues.value.length,
+        "confirmDisabled": !selectedValues.value.length,
         "onSecondary": toggleAll,
+        "onMore": () => {
+          expandedSelected.value = !expandedSelected.value;
+          emit("show-selected", selectedValues.value);
+        },
         "onConfirm": confirm
-      }, null)])])]
+      }, null), expandedSelected.value && _createVNode("div", {
+        "class": bem("selected-panel")
+      }, [_createVNode("div", {
+        "class": bem("selected-header")
+      }, [_createVNode("button", {
+        "type": "button",
+        "class": bem("clear"),
+        "onClick": clearSelected
+      }, [props.clearSelectedText]), _createVNode("button", {
+        "type": "button",
+        "class": bem("collapse"),
+        "onClick": () => {
+          expandedSelected.value = false;
+        }
+      }, [props.collapseSelectedText, _createVNode(Icon, {
+        "name": "arrow-down"
+      }, null)])]), _createVNode("div", {
+        "class": bem("selected-list")
+      }, [selectedOptions.value.map((option) => _createVNode(Cell, {
+        "key": option.value,
+        "title": option.label,
+        "class": bem("selected-item"),
+        "border": false
+      }, {
+        "right-icon": () => _createVNode("button", {
+          "type": "button",
+          "class": bem("remove"),
+          "aria-label": `\u79FB\u9664${option.label}`,
+          "onClick": () => removeSelected(option)
+        }, [_createVNode(Icon, {
+          "name": "cross"
+        }, null)])
+      }))])])])])]
     });
   }
 });

package/es/checkbox-panel/index.css

@@ -1 +1 @@
-.van-checkbox-panel{box-sizing:border-box;display:flex;height:calc(100% - 96px);max-height:calc(100% - 96px);overflow:hidden;background:var(--van-gray-1)}.van-checkbox-panel .van-action-sheet__content{display:flex;flex:1;min-height:0;gap:0;padding:0;overflow:hidden}.van-checkbox-panel__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;background:var(--van-gray-1)}.van-checkbox-panel__nav-wrapper{flex:none;width:100%;min-width:0;max-width:100%;overflow:hidden}.van-checkbox-panel__nav{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden;--van-nav-bar-background-color: var(--van-gray-1)}.van-checkbox-panel__nav .van-nav-bar__content{box-sizing:border-box;width:100%;overflow:hidden}.van-checkbox-panel__nav .van-nav-bar__left--slot,.van-checkbox-panel__nav .van-nav-bar__right--slot{padding:0}.van-checkbox-panel__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-checkbox-panel__nav .van-nav-bar__right--slot{right:var(--van-padding-md)}.van-checkbox-panel__filter{display:flex;align-items:center;justify-content:center;width:34px;height:46px;padding:0;color:inherit;background:transparent;border:0}.van-checkbox-panel__search{--van-search-padding: 8px var(--van-padding-md);--van-search-background-color: var(--van-gray-1);--van-search-content-background-color: var(--van-white)}.van-checkbox-panel__match{color:var(--van-primary-color)}.van-checkbox-panel__body{flex:1;min-height:0;padding:0 var(--van-padding-md);overflow-y:auto}.van-checkbox-panel__card{overflow:hidden;background:var(--van-white);border-radius:var(--van-border-radius-lg)}.van-checkbox-panel__footer{flex:none}.van-checkbox-panel .van-cell{min-height:44px}.van-checkbox-panel .van-checkbox{margin:0}
+.van-checkbox-panel{box-sizing:border-box;display:flex;height:calc(100% - 96px);max-height:calc(100% - 96px);overflow:hidden;background:var(--van-gray-1)}.van-checkbox-panel .van-action-sheet__content{display:flex;flex:1;min-height:0;gap:0;padding:0;overflow:hidden}.van-checkbox-panel__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;background:var(--van-gray-1)}.van-checkbox-panel__nav-wrapper{flex:none;width:100%;min-width:0;max-width:100%;overflow:hidden}.van-checkbox-panel__nav{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden;--van-nav-bar-background-color: var(--van-gray-1)}.van-checkbox-panel__nav .van-nav-bar__content{box-sizing:border-box;width:100%;overflow:hidden}.van-checkbox-panel__nav .van-nav-bar__left--slot,.van-checkbox-panel__nav .van-nav-bar__right--slot{padding:0}.van-checkbox-panel__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-checkbox-panel__nav .van-nav-bar__right--slot{right:var(--van-padding-md)}.van-checkbox-panel__filter{display:flex;align-items:center;justify-content:center;width:34px;height:46px;padding:0;color:inherit;background:transparent;border:0}.van-checkbox-panel__search{--van-search-padding: 8px var(--van-padding-md);--van-search-background-color: var(--van-gray-1);--van-search-content-background-color: var(--van-white)}.van-checkbox-panel__match{color:var(--van-primary-color)}.van-checkbox-panel__body{flex:1;min-height:0;padding:0 var(--van-padding-md);overflow-y:auto}.van-checkbox-panel__card{overflow:hidden;background:var(--van-white);border-radius:var(--van-border-radius-lg)}.van-checkbox-panel__footer{position:relative;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-checkbox-panel__footer .van-bottom-action-bar{box-shadow:none}.van-checkbox-panel__footer .van-bottom-action-bar__secondary{flex:0 0 auto;width:auto;padding:0 var(--van-padding-md)}.van-checkbox-panel__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:min(340px,calc(100vh - 156px));overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-checkbox-panel__selected-header{display:flex;flex:none;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-checkbox-panel__clear,.van-checkbox-panel__collapse{display:inline-flex;align-items:center;padding:0;font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:transparent;border:0}.van-checkbox-panel__clear{color:var(--van-primary-color)}.van-checkbox-panel__collapse,.van-checkbox-panel__remove,.van-checkbox-panel__collapse .van-icon,.van-checkbox-panel__remove .van-icon{color:var(--van-gray-6)}.van-checkbox-panel__collapse{gap:2px}.van-checkbox-panel__selected-list{display:flex;flex:0 1 auto;flex-direction:column;gap:6px;min-height:0;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto;overscroll-behavior:contain}.van-checkbox-panel__selected-item{flex:none;min-height:44px;padding:11px var(--van-padding-md);background:var(--van-gray-1);border-radius:8px}.van-checkbox-panel__remove{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:0}.van-checkbox-panel .van-cell{min-height:44px}.van-checkbox-panel .van-checkbox{margin:0}

package/es/checkbox-panel/index.d.ts

@@ -29,7 +29,19 @@ export declare const CheckboxPanel: import("../utils").WithInstall<import("vue")
         type: import("vue").PropType<string>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "load" | "update:show" | "confirm" | "filter" | "update:error" | "update:loading")[], "search" | "filter" | "update:modelValue" | "load" | "update:show" | "confirm" | "update:error" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    selectedText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseSelectedText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    clearSelectedText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "load" | "update:show" | "confirm" | "filter" | "update:error" | "update:loading" | "show-selected")[], "search" | "filter" | "update:modelValue" | "load" | "update:show" | "confirm" | "update:error" | "update:loading" | "show-selected", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     options: {
@@ -60,6 +72,18 @@ export declare const CheckboxPanel: import("../utils").WithInstall<import("vue")
         type: import("vue").PropType<string>;
         default: string;
     };
+    selectedText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseSelectedText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    clearSelectedText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onLoad?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -69,6 +93,7 @@ export declare const CheckboxPanel: import("../utils").WithInstall<import("vue")
     "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
     onFilter?: ((...args: any[]) => any) | undefined;
+    "onShow-selected"?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
     error: boolean;
@@ -82,6 +107,9 @@ export declare const CheckboxPanel: import("../utils").WithInstall<import("vue")
     lazy: boolean;
     selectAllText: string;
     cancelSelectAllText: string;
+    selectedText: string;
+    collapseSelectedText: string;
+    clearSelectedText: string;
 }>>;
 export default CheckboxPanel;
 export type { CheckboxPanelProps, CheckboxPanelOption } from './CheckboxPanel';