persagy-vant 0.0.40 → 0.0.41

package/es/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/es/checkbox-panel/CheckboxPanel.mjs

@@ -1,18 +1,34 @@
-import { computed, defineComponent, createVNode as _createVNode } from "vue";
+import { computed, defineComponent, ref, 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";
 import { Icon } from "../icon/index.mjs";
+import { Badge } from "../badge/index.mjs";
 import { Cell } from "../cell/index.mjs";
+import { Empty } from "../empty/index.mjs";
+import { List } from "../list/index.mjs";
 import { Checkbox } from "../checkbox/index.mjs";
 import { CheckboxGroup } from "../checkbox-group/index.mjs";
-import { Button } from "../button/index.mjs";
+import { BottomActionBar } from "../bottom-action-bar/index.mjs";
+import { Search } from "../search/index.mjs";
 const [name, bem] = createNamespace("checkbox-panel");
+const escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 const checkboxPanelProps = {
   show: Boolean,
   title: String,
   options: 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: makeStringProp("\u786E\u5B9A"),
   selectAllText: makeStringProp("\u5168\u9009"),
   cancelSelectAllText: makeStringProp("\u53D6\u6D88\u5168\u9009")
@@ -20,12 +36,20 @@ const checkboxPanelProps = {
 var stdin_default = 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 = ref("");
     const selectedValues = computed(() => props.modelValue || []);
-    const selectableOptions = computed(() => props.options.filter((option) => !option.disabled));
+    const filteredOptions = computed(() => {
+      const query = keyword.value.trim().toLocaleLowerCase();
+      if (!query)
+        return props.options;
+      return props.options.filter((option) => option.label.toLocaleLowerCase().includes(query));
+    });
+    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 toggleOption = (option) => {
@@ -36,11 +60,51 @@ var stdin_default = 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 ? _createVNode("span", {
+        "class": bem("match")
+      }, [part]) : part);
+    };
+    const renderOptions = () => {
+      if (!filteredOptions.value.length) {
+        return _createVNode(Empty, {
+          "imageSize": 60,
+          "description": "\u6682\u65E0\u5339\u914D\u9009\u9879"
+        }, null);
+      }
+      return _createVNode(CheckboxGroup, {
+        "modelValue": selectedValues.value,
+        "class": bem("card"),
+        "onUpdate:modelValue": (value) => emit("update:modelValue", value)
+      }, {
+        default: () => [filteredOptions.value.map((option) => _createVNode(Cell, {
+          "key": option.value,
+          "clickable": !option.disabled,
+          "title": option.label,
+          "onClick": () => toggleOption(option)
+        }, {
+          title: () => renderOptionLabel(option.label),
+          "right-icon": () => _createVNode(Checkbox, {
+            "name": option.value,
+            "disabled": option.disabled,
+            "onClick": (event) => event.stopPropagation()
+          }, null)
+        }))]
+      });
+    };
     return () => _createVNode(ActionSheet, {
       "show": props.show,
       "class": bem(),
@@ -60,38 +124,60 @@ var stdin_default = defineComponent({
           "size": "22",
           "onClick": close
         }, null),
-        right: () => _createVNode("span", {
-          "class": bem("select-all"),
-          "onClick": toggleAll
-        }, [isAllSelected.value ? props.cancelSelectAllText : props.selectAllText])
-      })]), _createVNode("div", {
+        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)]
+          })]);
+        }
+      })]), props.searchable && _createVNode(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), _createVNode("div", {
         "class": bem("body")
-      }, [_createVNode(CheckboxGroup, {
-        "modelValue": selectedValues.value,
-        "class": bem("card"),
-        "onUpdate:modelValue": (value) => emit("update:modelValue", value)
+      }, [props.lazy ? _createVNode(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) => _createVNode(Cell, {
-          "key": option.value,
-          "clickable": !option.disabled,
-          "title": option.label,
-          "onClick": () => toggleOption(option)
-        }, {
-          "right-icon": () => _createVNode(Checkbox, {
-            "name": option.value,
-            "disabled": option.disabled,
-            "onClick": (event) => event.stopPropagation()
-          }, null)
-        }))]
-      })]), _createVNode("div", {
+        default: () => [renderOptions()]
+      }) : renderOptions()]), _createVNode("div", {
         "class": bem("footer")
-      }, [_createVNode(Button, {
-        "block": true,
-        "type": "primary",
-        "onClick": confirm
-      }, {
-        default: () => [props.confirmText]
-      })])])]
+      }, [_createVNode(BottomActionBar, {
+        "fixed": false,
+        "secondaryText": isAllSelected.value ? props.cancelSelectAllText : props.selectAllText,
+        "confirmText": props.confirmText,
+        "onSecondary": toggleAll,
+        "onConfirm": confirm
+      }, 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__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/es/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/es/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/es/checkbox-panel/style/index.mjs

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

package/es/checkbox-panel/style/less.mjs

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

package/es/index.d.ts

@@ -116,4 +116,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "0.0.40";
+export const version: "0.0.41";

package/es/index.mjs

@@ -109,7 +109,7 @@ import { Uploader } from "./uploader/index.mjs";
 import { VideoPreview } from "./video-preview/index.mjs";
 import { WorkOrderCard } from "./work-order-card/index.mjs";
 import { WorkOrderFilter } from "./work-order-filter/index.mjs";
-const version = "0.0.40";
+const version = "0.0.41";
 function install(app) {
   const components = [
     ActionBar,

package/es/label/Label.d.ts

@@ -35,6 +35,10 @@ declare const labelProps: {
         type: PropType<string>;
         default: string;
     };
+    contentList: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
     type: {
         type: PropType<LabelType>;
         default: LabelType;
@@ -88,6 +92,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
+    contentList: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
     type: {
         type: PropType<LabelType>;
         default: LabelType;
@@ -139,6 +147,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
+    contentList: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
     type: {
         type: PropType<LabelType>;
         default: LabelType;
@@ -186,6 +198,7 @@ declare const _default: import("vue").DefineComponent<{
     showLabel: boolean;
     showContent: boolean;
     showColon: boolean | undefined;
+    contentList: string[];
     contentAlign: LabelContentAlign;
     showLeftIcon: boolean;
     sameColor: boolean;

package/es/label/Label.mjs

@@ -13,6 +13,10 @@ const labelProps = {
     default: void 0
   },
   content: makeStringProp(""),
+  contentList: {
+    type: Array,
+    default: () => []
+  },
   type: makeStringProp("default"),
   size: makeStringProp("default"),
   contentAlign: makeStringProp("follow"),
@@ -42,7 +46,9 @@ var stdin_default = defineComponent({
   }) {
     let longPressTimer;
     const vertical = computed(() => props.vertical || props.type === "media");
-    const ellipsis = computed(() => props.ellipsis && !vertical.value && !["tag", "media"].includes(props.type));
+    const hasContentList = computed(() => props.contentList.length > 0);
+    const displayContent = computed(() => hasContentList.value ? props.contentList.join("\u3001") : props.content);
+    const ellipsis = computed(() => props.ellipsis && !hasContentList.value && !vertical.value && !["tag", "media"].includes(props.type));
     const displayLabel = computed(() => {
       var _a;
       const showColon = (_a = props.showColon) != null ? _a : !vertical.value && props.contentAlign !== "right";
@@ -74,7 +80,7 @@ var stdin_default = defineComponent({
     };
     const renderText = () => {
       var _a;
-      const content = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || props.content;
+      const content = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || displayContent.value;
       if (props.type === "link") {
         return props.href ? _createVNode("a", {
           "class": bem("link"),
@@ -127,7 +133,8 @@ var stdin_default = defineComponent({
         ellipsis: ellipsis.value,
         location: showLocation.value,
         "content-right": props.contentAlign === "right",
-        "same-color": props.sameColor
+        "same-color": props.sameColor,
+        "multiple-content": hasContentList.value
       }])
     }, [showLeftIcon.value && _createVNode("div", {
       "class": bem("left-icon")
@@ -142,7 +149,7 @@ var stdin_default = defineComponent({
       "onPointerleave": clearLongPress
     }, [displayLabel.value]), props.showContent && _createVNode("div", {
       "class": bem("value"),
-      "onPointerdown": () => startLongPress("content", props.content),
+      "onPointerdown": () => startLongPress("content", displayContent.value),
       "onPointerup": clearLongPress,
       "onPointercancel": clearLongPress,
       "onPointerleave": clearLongPress

package/es/label/index.css

@@ -1 +1 @@
-:root{--van-label-font-size: var(--van-font-size-md);--van-label-line-height: var(--van-line-height-lg);--van-label-mini-font-size: var(--van-font-size-sm);--van-label-mini-line-height: var(--van-line-height-md);--van-label-label-color: var(--van-gray-6);--van-label-value-color: var(--van-black);--van-label-bold-color: var(--van-gray-8);--van-label-link-color: var(--van-primary-color);--van-label-same-color: var(--van-gray-7);--van-label-gap: 2px;--van-label-left-icon-gap: 4px;--van-label-tags-gap: 4px;--van-label-media-gap: 6px;--van-label-media-size: 64px;--van-label-mini-media-size: 48px;--van-label-media-radius: 4px;--van-label-location-color: var(--van-gray-7);--van-label-location-font-size: var(--van-font-size-sm);--van-label-location-line-height: var(--van-line-height-md);--van-label-location-icon-size: 12px;--van-label-location-gap: 2px;--van-label-ellipsis-label-max-width: 120px}.van-label{display:flex;align-items:flex-start;gap:var(--van-label-gap);color:var(--van-label-value-color);font-size:var(--van-label-font-size);line-height:var(--van-label-line-height)}.van-label--vertical{flex-direction:column}.van-label--content-right .van-label__value{text-align:right}.van-label--mini{--van-label-font-size: var(--van-label-mini-font-size);--van-label-line-height: var(--van-label-mini-line-height);--van-label-media-size: var(--van-label-mini-media-size)}.van-label--ellipsis .van-label__label{flex:0 1 var(--van-label-ellipsis-label-max-width);max-width:var(--van-label-ellipsis-label-max-width);overflow:hidden;text-overflow:ellipsis}.van-label--ellipsis .van-label__value{overflow:hidden}.van-label--ellipsis .van-label__text,.van-label--ellipsis .van-label__link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-label__label{flex:none;color:var(--van-label-label-color);white-space:nowrap}.van-label__left-icon{display:flex;flex:none;align-items:center;justify-content:center;width:12px;height:var(--van-label-line-height);margin-right:calc(var(--van-label-left-icon-gap) - var(--van-label-gap));color:var(--van-label-label-color)}.van-label__left-icon .van-icon{width:12px;height:12px;font-size:12px;line-height:12px}.van-label__value{flex:1;min-width:0;color:inherit;overflow-wrap:anywhere}.van-label__text{display:block}.van-label--location .van-label__value{display:flex;flex-direction:column;gap:var(--van-label-location-gap);width:100%}.van-label--location .van-label__link{align-self:flex-start;text-align:left}.van-label__location{display:inline-flex;gap:var(--van-label-location-gap);align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--van-label-location-color);font-size:var(--van-label-location-font-size);font-weight:400;line-height:var(--van-label-location-line-height);overflow-wrap:anywhere}.van-label__location .van-icon{flex:none;font-size:var(--van-label-location-icon-size)}.van-label--bold .van-label__value{color:var(--van-label-bold-color);font-weight:var(--van-font-weight-bold)}.van-label--same-color .van-label__left-icon,.van-label--same-color .van-label__label,.van-label--same-color .van-label__value,.van-label--same-color .van-label__link{color:var(--van-label-same-color)}.van-label__link{display:inline;padding:0;color:var(--van-label-link-color);font:inherit;font-weight:var(--van-font-weight-bold);text-decoration:none;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__link:active{opacity:var(--van-active-opacity)}.van-label__tags,.van-label__media{display:flex;flex-wrap:wrap;align-items:flex-start}.van-label__tags{gap:var(--van-label-tags-gap);min-height:var(--van-label-line-height);align-items:center}.van-label__media{gap:var(--van-label-media-gap);width:100%}.van-label__media-item{position:relative;flex:none;width:var(--van-label-media-size);height:var(--van-label-media-size);padding:0;overflow:hidden;background:transparent;border:0;border-radius:var(--van-label-media-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__media-item:active{opacity:var(--van-active-opacity)}.van-label__media-item .van-image{display:block;width:100%;height:100%}.van-label__play{position:absolute;top:50%;left:50%;color:var(--van-white);font-size:24px;transform:translate(-50%,-50%);text-shadow:0 1px 2px rgba(0,0,0,.45)}
+:root{--van-label-font-size: var(--van-font-size-md);--van-label-line-height: var(--van-line-height-lg);--van-label-mini-font-size: var(--van-font-size-sm);--van-label-mini-line-height: var(--van-line-height-md);--van-label-label-color: var(--van-gray-6);--van-label-value-color: var(--van-black);--van-label-bold-color: var(--van-gray-8);--van-label-link-color: var(--van-primary-color);--van-label-same-color: var(--van-gray-7);--van-label-gap: 2px;--van-label-left-icon-gap: 4px;--van-label-tags-gap: 4px;--van-label-media-gap: 6px;--van-label-media-size: 64px;--van-label-mini-media-size: 48px;--van-label-media-radius: 4px;--van-label-location-color: var(--van-gray-7);--van-label-location-font-size: var(--van-font-size-sm);--van-label-location-line-height: var(--van-line-height-md);--van-label-location-icon-size: 12px;--van-label-location-gap: 2px;--van-label-ellipsis-label-max-width: 120px}.van-label{display:flex;align-items:flex-start;gap:var(--van-label-gap);color:var(--van-label-value-color);font-size:var(--van-label-font-size);line-height:var(--van-label-line-height)}.van-label--vertical{flex-direction:column}.van-label--content-right .van-label__value{text-align:right}.van-label--mini{--van-label-font-size: var(--van-label-mini-font-size);--van-label-line-height: var(--van-label-mini-line-height);--van-label-media-size: var(--van-label-mini-media-size)}.van-label--ellipsis .van-label__label{flex:0 1 var(--van-label-ellipsis-label-max-width);max-width:var(--van-label-ellipsis-label-max-width);overflow:hidden;text-overflow:ellipsis}.van-label--ellipsis .van-label__value{overflow:hidden}.van-label--ellipsis .van-label__text,.van-label--ellipsis .van-label__link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-label__label{flex:none;color:var(--van-label-label-color);white-space:nowrap}.van-label__left-icon{display:flex;flex:none;align-items:center;justify-content:center;width:12px;height:var(--van-label-line-height);margin-right:calc(var(--van-label-left-icon-gap) - var(--van-label-gap));color:var(--van-label-label-color)}.van-label__left-icon .van-icon{width:12px;height:12px;font-size:12px;line-height:12px}.van-label__value{flex:1;min-width:0;color:inherit;overflow-wrap:anywhere}.van-label__text{display:block}.van-label--multiple-content .van-label__text{overflow-wrap:anywhere;white-space:normal}.van-label--location .van-label__value{display:flex;flex-direction:column;gap:var(--van-label-location-gap);width:100%}.van-label--location .van-label__link{align-self:flex-start;text-align:left}.van-label__location{display:inline-flex;gap:var(--van-label-location-gap);align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--van-label-location-color);font-size:var(--van-label-location-font-size);font-weight:400;line-height:var(--van-label-location-line-height);overflow-wrap:anywhere}.van-label__location .van-icon{flex:none;font-size:var(--van-label-location-icon-size)}.van-label--bold .van-label__value{color:var(--van-label-bold-color);font-weight:var(--van-font-weight-bold)}.van-label--same-color .van-label__left-icon,.van-label--same-color .van-label__label,.van-label--same-color .van-label__value,.van-label--same-color .van-label__link{color:var(--van-label-same-color)}.van-label__link{display:inline;padding:0;color:var(--van-label-link-color);font:inherit;font-weight:var(--van-font-weight-bold);text-decoration:none;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__link:active{opacity:var(--van-active-opacity)}.van-label__tags,.van-label__media{display:flex;flex-wrap:wrap;align-items:flex-start}.van-label__tags{gap:var(--van-label-tags-gap);min-height:var(--van-label-line-height);align-items:center}.van-label__media{gap:var(--van-label-media-gap);width:100%}.van-label__media-item{position:relative;flex:none;width:var(--van-label-media-size);height:var(--van-label-media-size);padding:0;overflow:hidden;background:transparent;border:0;border-radius:var(--van-label-media-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__media-item:active{opacity:var(--van-active-opacity)}.van-label__media-item .van-image{display:block;width:100%;height:100%}.van-label__play{position:absolute;top:50%;left:50%;color:var(--van-white);font-size:24px;transform:translate(-50%,-50%);text-shadow:0 1px 2px rgba(0,0,0,.45)}

package/es/label/index.d.ts

@@ -19,6 +19,10 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<string>;
         default: string;
     };
+    contentList: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
     type: {
         type: import("vue").PropType<import("./Label").LabelType>;
         default: import("./Label").LabelType;
@@ -70,6 +74,10 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<string>;
         default: string;
     };
+    contentList: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
     type: {
         type: import("vue").PropType<import("./Label").LabelType>;
         default: import("./Label").LabelType;
@@ -117,6 +125,7 @@ export declare const Label: import("../utils").WithInstall<import("vue").DefineC
     showLabel: boolean;
     showContent: boolean;
     showColon: boolean | undefined;
+    contentList: string[];
     contentAlign: import("./Label").LabelContentAlign;
     showLeftIcon: boolean;
     sameColor: boolean;

package/es/label/index.less

@@ -105,6 +105,11 @@
     display: block;
   }
 
+  &--multiple-content .van-label__text {
+    overflow-wrap: anywhere;
+    white-space: normal;
+  }
+
   &--location .van-label__value {
     display: flex;
     flex-direction: column;

package/es/location-select/style/index.mjs

@@ -18,8 +18,8 @@ import "../../radio/index.css";
 import "../../cell/index.css";
 import "../../tree-select/index.css";
 import "../../field/index.css";
-import "../../search/index.css";
 import "../../dialog/index.css";
+import "../../search/index.css";
 import "../../sticky/index.css";
 import "../../swipe/index.css";
 import "../../swipe-item/index.css";

package/es/location-select/style/less.mjs

@@ -18,8 +18,8 @@ import "../../radio/index.less";
 import "../../cell/index.less";
 import "../../tree-select/index.less";
 import "../../field/index.less";
-import "../../search/index.less";
 import "../../dialog/index.less";
+import "../../search/index.less";
 import "../../sticky/index.less";
 import "../../swipe/index.less";
 import "../../swipe-item/index.less";