persagy-vant 0.0.39 → 0.0.41

package/lib/cell/index.css

@@ -1 +1 @@
-:root{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background-color: var(--van-background-color-light);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: 2px;--van-cell-title-value-gap: var(--van-padding-xs);--van-cell-description-color: var(--van-text-color-2);--van-cell-description-font-size: var(--van-font-size-sm);--van-cell-description-line-height: var(--van-line-height-sm);--van-cell-description-margin-top: 2px;--van-cell-value-color: var(--van-text-color-2);--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-description-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: 16px;--van-cell-blue-mark-width: 2px}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background-color)}.van-cell: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-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell-error-border: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-field-input-error-text-color);transform:scaleY(.5)}.van-cell-error-border:last-child:after{display:inline-block}.van-cell__label{display:flex;align-items:center;margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__label--clickable{color:var(--van-primary-color);font-weight:var(--van-font-weight-bold);cursor:pointer}.van-cell__label-icon{flex:none;width:12px;height:12px;margin-right:2px;color:inherit;font-size:12px;line-height:12px}.van-cell__description{margin-top:var(--van-cell-description-margin-top);color:var(--van-cell-description-color);font-size:var(--van-cell-description-font-size);line-height:var(--van-cell-description-line-height)}.van-cell__description--clickable{color:var(--van-primary-color);cursor:pointer}.van-cell__multi-line-notes{margin-top:var(--van-padding-base);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__multi-line-note+.van-cell__multi-line-note{margin-top:2px}.van-cell__title{flex:1;min-width:0}.van-cell__title-row{display:flex;align-items:center;min-width:0}.van-cell__title-row--collapsible{cursor:pointer}.van-cell__title-collapse-icon{flex:none;width:var(--van-cell-icon-size);height:var(--van-cell-line-height);margin-right:var(--van-padding-base);color:var(--van-text-color-2);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);transition:transform var(--van-animation-duration-fast)}.van-cell__title-collapse-icon--collapsed{transform:rotate(-90deg)}.van-cell__value{flex:none;min-width:0;margin-left:var(--van-cell-title-value-gap);position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{margin-left:0;color:var(--van-text-color);text-align:left}.van-cell__left-icon,.van-cell__right-icon,.van-cell__left-select,.van-cell__right-select,.van-cell__title-icon{flex:none;height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);display:flex!important;align-items:center;justify-content:center}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell__left-select{display:flex;flex:none;align-items:center;align-self:center;margin-right:var(--van-padding-base)}.van-cell__right-select{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__left-avatar,.van-cell__right-avatar{flex:none;width:var(--van-cell-line-height);height:var(--van-cell-line-height);-o-object-fit:cover;object-fit:cover;border:var(--van-border-width-base) solid var(--van-gray-1);border-radius:var(--van-border-radius-md)}.van-cell__left-avatar{margin-right:var(--van-padding-base)}.van-cell__right-avatar{margin-left:var(--van-padding-base)}.van-cell__blue-mark{flex:none;align-self:center;width:var(--van-cell-blue-mark-width);height:var(--van-font-size-sm);margin-right:var(--van-padding-base);background:var(--van-primary-color)}.van-cell__tags{display:flex;flex:none;gap:var(--van-padding-base);margin-left:var(--van-padding-base)}.van-cell__tag{padding:0 var(--van-padding-base);color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-sm);background:var(--van-gray-2);border-radius:var(--van-border-radius-sm)}.van-cell__wrap-tags{display:flex;flex-wrap:wrap;gap:var(--van-padding-base);margin-top:var(--van-padding-base)}.van-cell__title-icon{margin-left:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-icon--clickable{display:inline-flex;align-items:center;padding:0;color:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__title-tag{display:flex;flex:none;margin-left:var(--van-padding-base)}.van-cell__note{align-self:flex-start;flex:none;margin-left:var(--van-padding-base);color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-cell-line-height);white-space:nowrap}.van-cell__note--bold{font-weight:var(--van-font-weight-bold)}.van-cell__note--clickable{padding:0;color:var(--van-primary-color);font-family:inherit;font-size:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__badge{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__badge>.van-badge{position:static;transform:none}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__description{font-size:var(--van-cell-large-description-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}.van-cell--title-bold .van-cell__title{font-weight:var(--van-font-weight-bold)}
+:root{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background-color: var(--van-background-color-light);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: 2px;--van-cell-title-value-gap: var(--van-padding-xs);--van-cell-description-color: var(--van-text-color-2);--van-cell-description-font-size: var(--van-font-size-sm);--van-cell-description-line-height: var(--van-line-height-sm);--van-cell-description-margin-top: 2px;--van-cell-value-color: var(--van-text-color-2);--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-description-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: 16px;--van-cell-blue-mark-width: 2px}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background-color)}.van-cell: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-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell-error-border: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-field-input-error-text-color);transform:scaleY(.5)}.van-cell-error-border:last-child:after{display:inline-block}.van-cell__label{display:flex;align-items:center;margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__label--clickable{color:var(--van-primary-color);font-weight:var(--van-font-weight-bold);cursor:pointer}.van-cell__label-icon{flex:none;width:12px;height:12px;margin-right:2px;color:inherit;font-size:12px;line-height:12px}.van-cell__description{margin-top:var(--van-cell-description-margin-top);color:var(--van-cell-description-color);font-size:var(--van-cell-description-font-size);line-height:var(--van-cell-description-line-height)}.van-cell__description--clickable{color:var(--van-primary-color);cursor:pointer}.van-cell__multi-line-notes{margin-top:var(--van-padding-base);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__multi-line-note+.van-cell__multi-line-note{margin-top:2px}.van-cell__title{flex:1;min-width:0}.van-cell__title-row{display:flex;align-items:center;min-width:0}.van-cell__title-row--collapsible{cursor:pointer}.van-cell__title-collapse-action,.van-cell__right-icon-action{align-self:flex-start;display:flex;flex:none;height:var(--van-cell-line-height);align-items:center}.van-cell__title-collapse-action{width:var(--van-cell-icon-size);margin-right:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-collapse-icon{width:var(--van-cell-icon-size);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);transition:transform var(--van-animation-duration-fast)}.van-cell__title-collapse-icon--collapsed{transform:rotate(-90deg)}.van-cell__value{flex:none;min-width:0;margin-left:var(--van-cell-title-value-gap);position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{margin-left:0;color:var(--van-text-color);text-align:left}.van-cell__left-icon,.van-cell__right-icon,.van-cell__left-select,.van-cell__right-select,.van-cell__title-icon{flex:none;height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height);display:flex!important;align-items:center;justify-content:center}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{color:var(--van-cell-right-icon-color)}.van-cell__right-icon-action{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--multi-line-notes{align-items:flex-start}.van-cell--multi-line-notes .van-cell__left-select,.van-cell--multi-line-notes .van-cell__right-select{align-self:flex-start}.van-cell__left-select{display:flex;flex:none;align-items:center;align-self:center;margin-right:var(--van-padding-base)}.van-cell__right-select{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__left-avatar,.van-cell__right-avatar{flex:none;width:var(--van-cell-line-height);height:var(--van-cell-line-height);-o-object-fit:cover;object-fit:cover;border:var(--van-border-width-base) solid var(--van-gray-1);border-radius:var(--van-border-radius-md)}.van-cell__left-avatar{margin-right:var(--van-padding-base)}.van-cell__right-avatar{margin-left:var(--van-padding-base)}.van-cell__blue-mark{flex:none;align-self:center;width:var(--van-cell-blue-mark-width);height:var(--van-font-size-sm);margin-right:var(--van-padding-base);background:var(--van-primary-color)}.van-cell__tags{display:flex;flex:none;gap:var(--van-padding-base);margin-left:var(--van-padding-base)}.van-cell__tag{padding:0 var(--van-padding-base);color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-sm);background:var(--van-gray-2);border-radius:var(--van-border-radius-sm)}.van-cell__wrap-tags{display:flex;flex-wrap:wrap;gap:var(--van-padding-base);margin-top:var(--van-padding-base)}.van-cell__title-icon{margin-left:var(--van-padding-base);color:var(--van-text-color-2)}.van-cell__title-icon--clickable{display:inline-flex;align-items:center;padding:0;color:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__title-tag{display:flex;flex:none;margin-left:var(--van-padding-base)}.van-cell__note{align-self:flex-start;flex:none;margin-left:var(--van-padding-base);color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-cell-line-height);white-space:nowrap}.van-cell__note--bold{font-weight:var(--van-font-weight-bold)}.van-cell__note--clickable{padding:0;color:var(--van-primary-color);font-family:inherit;font-size:inherit;line-height:inherit;background:transparent;border:0;cursor:pointer}.van-cell__badge{display:flex;flex:none;align-items:center;align-self:center;margin-left:var(--van-padding-base)}.van-cell__badge>.van-badge{position:static;transform:none}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__description{font-size:var(--van-cell-large-description-font-size);margin-top:var(--van-padding-base)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}.van-cell--title-bold .van-cell__title{font-weight:var(--van-font-weight-bold)}

package/lib/cell/index.less

@@ -121,12 +121,23 @@
     }
   }
 
-  &__title-collapse-icon {
+  &__title-collapse-action,
+  &__right-icon-action {
+    align-self: flex-start;
+    display: flex;
     flex: none;
-    width: var(--van-cell-icon-size);
     height: var(--van-cell-line-height);
+    align-items: center;
+  }
+
+  &__title-collapse-action {
+    width: var(--van-cell-icon-size);
     margin-right: var(--van-padding-base);
     color: var(--van-text-color-2);
+  }
+
+  &__title-collapse-icon {
+    width: var(--van-cell-icon-size);
     font-size: var(--van-cell-icon-size);
     line-height: var(--van-cell-line-height);
     transition: transform var(--van-animation-duration-fast);
@@ -173,10 +184,23 @@
   }
 
   &__right-icon {
+    color: var(--van-cell-right-icon-color);
+  }
+
+  &__right-icon-action {
     margin-left: var(--van-padding-base);
     color: var(--van-cell-right-icon-color);
   }
 
+  &--multi-line-notes {
+    align-items: flex-start;
+
+    .van-cell__left-select,
+    .van-cell__right-select {
+      align-self: flex-start;
+    }
+  }
+
   &__left-select {
     display: flex;
     flex: none;

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

@@ -12,6 +12,17 @@ declare const checkboxPanelProps: {
         default: () => never[];
     };
     modelValue: PropType<string[]>;
+    searchable: BooleanConstructor;
+    searchPlaceholder: StringConstructor;
+    filterable: BooleanConstructor;
+    filterActive: BooleanConstructor;
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    error: BooleanConstructor;
+    lazy: BooleanConstructor;
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    errorText: StringConstructor;
     confirmText: {
         type: PropType<string>;
         default: string;
@@ -34,6 +45,17 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
     modelValue: PropType<string[]>;
+    searchable: BooleanConstructor;
+    searchPlaceholder: StringConstructor;
+    filterable: BooleanConstructor;
+    filterActive: BooleanConstructor;
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    error: BooleanConstructor;
+    lazy: BooleanConstructor;
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    errorText: StringConstructor;
     confirmText: {
         type: PropType<string>;
         default: string;
@@ -46,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:show" | "confirm")[], "update:modelValue" | "update:show" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => 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<{
     show: BooleanConstructor;
     title: StringConstructor;
     options: {
@@ -54,6 +76,17 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
     modelValue: PropType<string[]>;
+    searchable: BooleanConstructor;
+    searchPlaceholder: StringConstructor;
+    filterable: BooleanConstructor;
+    filterActive: BooleanConstructor;
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    error: BooleanConstructor;
+    lazy: BooleanConstructor;
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    errorText: StringConstructor;
     confirmText: {
         type: PropType<string>;
         default: string;
@@ -67,13 +100,25 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
+    onLoad?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:error"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+    onFilter?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
+    error: boolean;
+    loading: boolean;
     options: CheckboxPanelOption[];
     confirmText: string;
+    finished: boolean;
+    searchable: boolean;
+    filterable: boolean;
+    filterActive: boolean;
+    lazy: boolean;
     selectAllText: string;
     cancelSelectAllText: string;
 }>;

package/lib/checkbox-panel/CheckboxPanel.js

@@ -25,16 +25,32 @@ var import_utils = require("../utils");
 var import_action_sheet = require("../action-sheet");
 var import_nav_bar = require("../nav-bar");
 var import_icon = require("../icon");
+var import_badge = require("../badge");
 var import_cell = require("../cell");
+var import_empty = require("../empty");
+var import_list = require("../list");
 var import_checkbox = require("../checkbox");
 var import_checkbox_group = require("../checkbox-group");
-var import_button = require("../button");
+var import_bottom_action_bar = require("../bottom-action-bar");
+var import_search = require("../search");
 const [name, bem] = (0, import_utils.createNamespace)("checkbox-panel");
+const escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 const checkboxPanelProps = {
   show: Boolean,
   title: String,
   options: (0, import_utils.makeArrayProp)(),
   modelValue: Array,
+  searchable: Boolean,
+  searchPlaceholder: String,
+  filterable: Boolean,
+  filterActive: Boolean,
+  loading: Boolean,
+  finished: Boolean,
+  error: Boolean,
+  lazy: Boolean,
+  loadingText: String,
+  finishedText: String,
+  errorText: String,
   confirmText: (0, import_utils.makeStringProp)("\u786E\u5B9A"),
   selectAllText: (0, import_utils.makeStringProp)("\u5168\u9009"),
   cancelSelectAllText: (0, import_utils.makeStringProp)("\u53D6\u6D88\u5168\u9009")
@@ -42,12 +58,20 @@ const checkboxPanelProps = {
 var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: checkboxPanelProps,
-  emits: ["update:show", "update:modelValue", "confirm"],
+  emits: ["update:show", "update:modelValue", "update:loading", "update:error", "confirm", "search", "filter", "load"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
+    const keyword = (0, import_vue.ref)("");
     const selectedValues = (0, import_vue.computed)(() => props.modelValue || []);
-    const selectableOptions = (0, import_vue.computed)(() => props.options.filter((option) => !option.disabled));
+    const filteredOptions = (0, import_vue.computed)(() => {
+      const query = keyword.value.trim().toLocaleLowerCase();
+      if (!query)
+        return props.options;
+      return props.options.filter((option) => option.label.toLocaleLowerCase().includes(query));
+    });
+    const selectableOptions = (0, import_vue.computed)(() => filteredOptions.value.filter((option) => !option.disabled));
     const isAllSelected = (0, import_vue.computed)(() => selectableOptions.value.length > 0 && selectableOptions.value.every((option) => selectedValues.value.includes(option.value)));
     const close = () => emit("update:show", false);
     const toggleOption = (option) => {
@@ -58,11 +82,51 @@ var stdin_default = (0, import_vue.defineComponent)({
       index === -1 ? values.push(option.value) : values.splice(index, 1);
       emit("update:modelValue", values);
     };
-    const toggleAll = () => emit("update:modelValue", isAllSelected.value ? [] : selectableOptions.value.map((option) => option.value));
+    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);
+    };
     const confirm = () => {
       emit("confirm", selectedValues.value);
       close();
     };
+    const renderOptionLabel = (label) => {
+      const query = keyword.value.trim();
+      if (!query)
+        return label;
+      const normalizedQuery = query.toLocaleLowerCase();
+      return label.split(new RegExp(`(${escapeRegExp(query)})`, "ig")).map((part) => part.toLocaleLowerCase() === normalizedQuery ? (0, import_vue.createVNode)("span", {
+        "class": bem("match")
+      }, [part]) : part);
+    };
+    const renderOptions = () => {
+      if (!filteredOptions.value.length) {
+        return (0, import_vue.createVNode)(import_empty.Empty, {
+          "imageSize": 60,
+          "description": "\u6682\u65E0\u5339\u914D\u9009\u9879"
+        }, null);
+      }
+      return (0, import_vue.createVNode)(import_checkbox_group.CheckboxGroup, {
+        "modelValue": selectedValues.value,
+        "class": bem("card"),
+        "onUpdate:modelValue": (value) => emit("update:modelValue", value)
+      }, {
+        default: () => [filteredOptions.value.map((option) => (0, import_vue.createVNode)(import_cell.Cell, {
+          "key": option.value,
+          "clickable": !option.disabled,
+          "title": option.label,
+          "onClick": () => toggleOption(option)
+        }, {
+          title: () => renderOptionLabel(option.label),
+          "right-icon": () => (0, import_vue.createVNode)(import_checkbox.Checkbox, {
+            "name": option.value,
+            "disabled": option.disabled,
+            "onClick": (event) => event.stopPropagation()
+          }, null)
+        }))]
+      });
+    };
     return () => (0, import_vue.createVNode)(import_action_sheet.ActionSheet, {
       "show": props.show,
       "class": bem(),
@@ -82,38 +146,60 @@ var stdin_default = (0, import_vue.defineComponent)({
           "size": "22",
           "onClick": close
         }, null),
-        right: () => (0, import_vue.createVNode)("span", {
-          "class": bem("select-all"),
-          "onClick": toggleAll
-        }, [isAllSelected.value ? props.cancelSelectAllText : props.selectAllText])
-      })]), (0, import_vue.createVNode)("div", {
+        right: () => {
+          if (slots.filter)
+            return slots.filter();
+          if (!props.filterable)
+            return;
+          return (0, import_vue.createVNode)("button", {
+            "type": "button",
+            "class": bem("filter"),
+            "aria-label": "\u7B5B\u9009",
+            "onClick": () => emit("filter")
+          }, [(0, import_vue.createVNode)(import_badge.Badge, {
+            "dot": props.filterActive
+          }, {
+            default: () => [(0, import_vue.createVNode)(import_icon.Icon, {
+              "name": "filter-o",
+              "size": "22"
+            }, null)]
+          })]);
+        }
+      })]), props.searchable && (0, import_vue.createVNode)(import_search.Search, {
+        "modelValue": keyword.value,
+        "class": bem("search"),
+        "shape": "round",
+        "inputAlign": "left",
+        "placeholder": props.searchPlaceholder || "\u8BF7\u8F93\u5165\u641C\u7D22\u5173\u952E\u8BCD",
+        "maxlength": 200,
+        "onUpdate:modelValue": (value) => {
+          keyword.value = value;
+          emit("search", value);
+        },
+        "onSearch": (value) => emit("search", value)
+      }, null), (0, import_vue.createVNode)("div", {
         "class": bem("body")
-      }, [(0, import_vue.createVNode)(import_checkbox_group.CheckboxGroup, {
-        "modelValue": selectedValues.value,
-        "class": bem("card"),
-        "onUpdate:modelValue": (value) => emit("update:modelValue", value)
+      }, [props.lazy ? (0, import_vue.createVNode)(import_list.List, {
+        "loading": props.loading,
+        "finished": props.finished,
+        "error": props.error,
+        "loadingText": props.loadingText,
+        "finishedText": props.finishedText,
+        "errorText": props.errorText,
+        "onUpdate:loading": (value) => emit("update:loading", value),
+        "onUpdate:error": (value) => emit("update:error", value),
+        "onLoad": () => emit("load")
       }, {
-        default: () => [props.options.map((option) => (0, import_vue.createVNode)(import_cell.Cell, {
-          "key": option.value,
-          "clickable": !option.disabled,
-          "title": option.label,
-          "onClick": () => toggleOption(option)
-        }, {
-          "right-icon": () => (0, import_vue.createVNode)(import_checkbox.Checkbox, {
-            "name": option.value,
-            "disabled": option.disabled,
-            "onClick": (event) => event.stopPropagation()
-          }, null)
-        }))]
-      })]), (0, import_vue.createVNode)("div", {
+        default: () => [renderOptions()]
+      }) : renderOptions()]), (0, import_vue.createVNode)("div", {
         "class": bem("footer")
-      }, [(0, import_vue.createVNode)(import_button.Button, {
-        "block": true,
-        "type": "primary",
-        "onClick": confirm
-      }, {
-        default: () => [props.confirmText]
-      })])])]
+      }, [(0, import_vue.createVNode)(import_bottom_action_bar.BottomActionBar, {
+        "fixed": false,
+        "secondaryText": isAllSelected.value ? props.cancelSelectAllText : props.selectAllText,
+        "confirmText": props.confirmText,
+        "onSecondary": toggleAll,
+        "onConfirm": confirm
+      }, null)])])]
     });
   }
 });

package/lib/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__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;padding:var(--van-padding-xs) 12px;background:var(--van-white);box-shadow:0 3px 12px rgba(27,33,41,.12),0 .5px 3px rgba(27,33,41,.08)}.van-checkbox-panel__select-all{color:var(--van-primary-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-font-size-md)}.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{flex:none}.van-checkbox-panel .van-cell{min-height:44px}.van-checkbox-panel .van-checkbox{margin:0}

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

@@ -6,6 +6,17 @@ export declare const CheckboxPanel: import("../utils").WithInstall<import("vue")
         default: () => never[];
     };
     modelValue: import("vue").PropType<string[]>;
+    searchable: BooleanConstructor;
+    searchPlaceholder: StringConstructor;
+    filterable: BooleanConstructor;
+    filterActive: BooleanConstructor;
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    error: BooleanConstructor;
+    lazy: BooleanConstructor;
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    errorText: StringConstructor;
     confirmText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -18,7 +29,7 @@ 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, ("update:modelValue" | "update:show" | "confirm")[], "update:modelValue" | "update:show" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => 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<{
     show: BooleanConstructor;
     title: StringConstructor;
     options: {
@@ -26,6 +37,17 @@ export declare const CheckboxPanel: import("../utils").WithInstall<import("vue")
         default: () => never[];
     };
     modelValue: import("vue").PropType<string[]>;
+    searchable: BooleanConstructor;
+    searchPlaceholder: StringConstructor;
+    filterable: BooleanConstructor;
+    filterActive: BooleanConstructor;
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    error: BooleanConstructor;
+    lazy: BooleanConstructor;
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    errorText: StringConstructor;
     confirmText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -39,13 +61,25 @@ export declare const CheckboxPanel: import("../utils").WithInstall<import("vue")
         default: string;
     };
 }>> & {
+    onLoad?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:error"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+    onFilter?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
+    error: boolean;
+    loading: boolean;
     options: import("./CheckboxPanel").CheckboxPanelOption[];
     confirmText: string;
+    finished: boolean;
+    searchable: boolean;
+    filterable: boolean;
+    filterActive: boolean;
+    lazy: boolean;
     selectAllText: string;
     cancelSelectAllText: string;
 }>>;

package/lib/checkbox-panel/index.less

@@ -17,10 +17,16 @@
     .van-nav-bar__left--slot { left: var(--van-padding-md); }
     .van-nav-bar__right--slot { right: var(--van-padding-md); }
   }
+  &__filter { display: flex; align-items: center; justify-content: center; width: 34px; height: 46px; padding: 0; color: inherit; background: transparent; border: 0; }
+  &__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);
+  }
+  &__match { color: var(--van-primary-color); }
   &__body { flex: 1; min-height: 0; padding: 0 var(--van-padding-md); overflow-y: auto; }
   &__card { overflow: hidden; background: var(--van-white); border-radius: var(--van-border-radius-lg); }
-  &__footer { flex: none; padding: var(--van-padding-xs) 12px; background: var(--van-white); box-shadow: 0 3px 12px rgba(27, 33, 41, 0.12), 0 0.5px 3px rgba(27, 33, 41, 0.08); }
-  &__select-all { color: var(--van-primary-color); font-weight: var(--van-font-weight-bold); font-size: var(--van-font-size-md); }
+  &__footer { flex: none; }
   .van-cell { min-height: 44px; }
   .van-checkbox { margin: 0; }
 }

package/lib/checkbox-panel/style/index.js

@@ -3,6 +3,7 @@ require("../../badge/index.css");
 require("../../icon/index.css");
 require("../../tag/index.css");
 require("../../loading/index.css");
+require("../../list/index.css");
 require("../../button/index.css");
 require("../../overlay/index.css");
 require("../../popup/index.css");
@@ -11,7 +12,11 @@ require("../../nav-bar/index.css");
 require("../../action-sheet/index.css");
 require("../../checkbox-group/index.css");
 require("../../checkbox/index.css");
+require("../../bottom-action-bar/index.css");
 require("../../radio-group/index.css");
 require("../../radio/index.css");
 require("../../cell/index.css");
+require("../../field/index.css");
+require("../../search/index.css");
+require("../../empty/index.css");
 require("../index.css");

package/lib/checkbox-panel/style/less.js

@@ -3,6 +3,7 @@ require("../../badge/index.less");
 require("../../icon/index.less");
 require("../../tag/index.less");
 require("../../loading/index.less");
+require("../../list/index.less");
 require("../../button/index.less");
 require("../../overlay/index.less");
 require("../../popup/index.less");
@@ -11,7 +12,11 @@ require("../../nav-bar/index.less");
 require("../../action-sheet/index.less");
 require("../../checkbox-group/index.less");
 require("../../checkbox/index.less");
+require("../../bottom-action-bar/index.less");
 require("../../radio-group/index.less");
 require("../../radio/index.less");
 require("../../cell/index.less");
+require("../../field/index.less");
+require("../../search/index.less");
+require("../../empty/index.less");
 require("../index.less");

package/lib/field/Field.d.ts

@@ -225,6 +225,11 @@ declare const fieldProps: {
     labelClass: PropType<unknown>;
     labelAlign: PropType<FieldTextAlign>;
     labelPosition: PropType<FieldLabelPosition>;
+    unit: (NumberConstructor | StringConstructor)[];
+    showUnit: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
     colon: {
@@ -418,6 +423,11 @@ declare const _default: import("vue").DefineComponent<{
     labelClass: PropType<unknown>;
     labelAlign: PropType<FieldTextAlign>;
     labelPosition: PropType<FieldLabelPosition>;
+    unit: (NumberConstructor | StringConstructor)[];
+    showUnit: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
     colon: {
@@ -428,7 +438,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon")[], "update:modelValue" | "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-title-icon" | "update:modelValue" | "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon")[], "click-title-icon" | "update:modelValue" | "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     icon: StringConstructor;
     size: PropType<CellSize>;
     background: StringConstructor;
@@ -609,6 +619,11 @@ declare const _default: import("vue").DefineComponent<{
     labelClass: PropType<unknown>;
     labelAlign: PropType<FieldTextAlign>;
     labelPosition: PropType<FieldLabelPosition>;
+    unit: (NumberConstructor | StringConstructor)[];
+    showUnit: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
     colon: {
@@ -623,6 +638,7 @@ declare const _default: import("vue").DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onKeypress?: ((...args: any[]) => any) | undefined;
+    "onClick-title-icon"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
     "onClick-input"?: ((...args: any[]) => any) | undefined;
@@ -677,6 +693,7 @@ declare const _default: import("vue").DefineComponent<{
     formatTrigger: FieldFormatTrigger;
     error: boolean;
     readonly: boolean;
+    showUnit: boolean | undefined;
     showWordLimit: boolean;
     colon: boolean;
 }>;

package/lib/field/Field.js

@@ -72,6 +72,11 @@ const fieldProps = (0, import_utils.extend)({}, import_Cell.cellSharedProps, fie
   labelClass: import_utils.unknownProp,
   labelAlign: String,
   labelPosition: String,
+  unit: import_utils.numericProp,
+  showUnit: {
+    type: Boolean,
+    default: void 0
+  },
   showWordLimit: Boolean,
   errorMessageAlign: String,
   colon: {
@@ -86,7 +91,7 @@ const fieldProps = (0, import_utils.extend)({}, import_Cell.cellSharedProps, fie
 var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: fieldProps,
-  emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "update:modelValue"],
+  emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "click-title-icon", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -419,6 +424,16 @@ var stdin_default = (0, import_vue.defineComponent)({
         }, null)]);
       }
     };
+    const renderUnit = () => {
+      var _a;
+      const showUnit = (_a = props.showUnit) != null ? _a : (0, import_utils.isDef)(props.unit);
+      if (!showUnit || !(0, import_utils.isDef)(props.unit)) {
+        return;
+      }
+      return (0, import_vue.createVNode)("span", {
+        "class": bem("unit")
+      }, [props.unit]);
+    };
     const renderWordLimit = () => {
       if (props.showWordLimit && props.maxlength) {
         const count = (0, import_utils2.getStringLength)(getModelValue());
@@ -458,7 +473,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     };
     const renderFieldBody = () => [(0, import_vue.createVNode)("div", {
       "class": bem("body")
-    }, [renderInput(), showClear.value && (0, import_vue.createVNode)(import_icon.Icon, {
+    }, [renderInput(), renderUnit(), showClear.value && (0, import_vue.createVNode)(import_icon.Icon, {
       "ref": clearIconRef,
       "name": props.clearIcon,
       "class": bem("clear")
@@ -513,6 +528,10 @@ var stdin_default = (0, import_vue.defineComponent)({
         "errorBorder": props.errorBorder,
         "isLink": props.isLink,
         "clickable": props.clickable,
+        "titleIcon": props.titleIcon,
+        "titleIconClickable": props.titleIconClickable,
+        "showTitleIcon": props.showTitleIcon,
+        "onClick-title-icon": (event) => emit("click-title-icon", event),
         "titleStyle": labelStyle.value,
         "valueClass": bem("value"),
         "titleClass": [bem("label", [labelAlign, {