persagy-vant 0.0.26 → 0.0.28

package/lib/material-add/MaterialAdd.js

@@ -297,7 +297,27 @@ const materialAddProps = {
     default: () => defaultCategories
   },
   title: (0, import_utils.makeStringProp)("\u6DFB\u52A0\u7269\u6599"),
-  confirmText: (0, import_utils.makeStringProp)("\u786E\u5B9A")
+  confirmText: (0, import_utils.makeStringProp)("\u786E\u5B9A"),
+  showCommonTab: {
+    type: Boolean,
+    default: true
+  },
+  showAllTab: {
+    type: Boolean,
+    default: true
+  },
+  showMaterialTab: {
+    type: Boolean,
+    default: true
+  },
+  showToolTab: {
+    type: Boolean,
+    default: true
+  },
+  commonTabText: (0, import_utils.makeStringProp)("\u5E38\u7528\u7269\u6599"),
+  allTabText: (0, import_utils.makeStringProp)("\u5168\u90E8\u7269\u6599"),
+  materialTabText: (0, import_utils.makeStringProp)("\u7269\u8D44"),
+  toolTabText: (0, import_utils.makeStringProp)("\u5DE5\u5177")
 };
 var stdin_default = (0, import_vue.defineComponent)({
   name,
@@ -306,8 +326,16 @@ var stdin_default = (0, import_vue.defineComponent)({
   setup(props, {
     emit
   }) {
-    const activeTab = (0, import_vue.ref)(0);
-    const activeKind = (0, import_vue.ref)("material");
+    const getDefaultTab = () => props.showCommonTab || !props.showAllTab ? "common" : "all";
+    const getDefaultKind = () => {
+      if (props.showMaterialTab || !props.showToolTab)
+        return "material";
+      if (props.showToolTab)
+        return "tool";
+      return void 0;
+    };
+    const activeTab = (0, import_vue.ref)(getDefaultTab());
+    const activeKind = (0, import_vue.ref)(getDefaultKind());
     const keyword = (0, import_vue.ref)("");
     const searching = (0, import_vue.ref)(false);
     const expandedKeys = (0, import_vue.ref)(["material-root", "tool-root"]);
@@ -319,8 +347,8 @@ var stdin_default = (0, import_vue.defineComponent)({
     const detailBannerIndex = (0, import_vue.ref)(0);
     (0, import_vue.watch)(() => props.show, (show) => {
       if (show) {
-        activeTab.value = 0;
-        activeKind.value = "material";
+        activeTab.value = getDefaultTab();
+        activeKind.value = getDefaultKind();
         keyword.value = "";
         searching.value = false;
         expandedKeys.value = ["material-root", "tool-root"];
@@ -334,6 +362,16 @@ var stdin_default = (0, import_vue.defineComponent)({
     }, {
       immediate: true
     });
+    (0, import_vue.watch)(() => [props.showCommonTab, props.showAllTab], () => {
+      if (activeTab.value === "common" && !props.showCommonTab || activeTab.value === "all" && !props.showAllTab) {
+        activeTab.value = getDefaultTab();
+      }
+    });
+    (0, import_vue.watch)(() => [props.showMaterialTab, props.showToolTab], () => {
+      if (activeKind.value === "material" && !props.showMaterialTab || activeKind.value === "tool" && !props.showToolTab) {
+        activeKind.value = getDefaultKind();
+      }
+    });
     const quantities = (0, import_vue.computed)(() => props.items.map((_, index) => Math.max(Number(props.modelValue[index] || 0), 0)));
     const total = (0, import_vue.computed)(() => quantities.value.reduce((sum, value) => sum + value, 0));
     const selectedItems = (0, import_vue.computed)(() => props.items.map((item, index) => ({
@@ -346,8 +384,8 @@ var stdin_default = (0, import_vue.defineComponent)({
     const visibleItems = (0, import_vue.computed)(() => {
       const query = keyword.value.trim().toLowerCase();
       return props.items.filter((item) => {
-        const matchesKind = searching.value || item.kind === activeKind.value;
-        const matchesCategory = searching.value || activeTab.value === 0;
+        const matchesKind = searching.value || !activeKind.value || item.kind === activeKind.value;
+        const matchesCategory = searching.value || activeTab.value === "common";
         const matchesSearch = !query || `${item.name}${item.detail}`.toLowerCase().includes(query);
         return matchesKind && matchesCategory && matchesSearch;
       });
@@ -388,13 +426,13 @@ var stdin_default = (0, import_vue.defineComponent)({
       "class": bem("empty")
     }, [(0, import_vue.createTextVNode)("\u6682\u65E0\u5339\u914D\u7269\u6599")])]);
     const renderCatalog = () => {
-      const rootGroups = props.categories.filter((category) => category.kind === activeKind.value);
+      const rootGroups = props.categories.filter((category) => !activeKind.value || category.kind === activeKind.value);
       const configuredValues = new Set(rootGroups.flatMap((group) => group.categories.map((category) => category.value)));
-      const ungroupedCategories = [...new Set(props.items.filter((item) => item.kind === activeKind.value && !configuredValues.has(item.category)).map((item) => item.category))];
+      const ungroupedCategories = [...new Set(props.items.filter((item) => (!activeKind.value || item.kind === activeKind.value) && !configuredValues.has(item.category)).map((item) => item.category))];
       const groups = ungroupedCategories.length ? [...rootGroups, {
-        id: `${activeKind.value}-other`,
+        id: `${activeKind.value || "all"}-other`,
         text: "\u672A\u5206\u7C7B",
-        kind: activeKind.value,
+        kind: activeKind.value || "material",
         categories: ungroupedCategories.map((value) => ({
           value,
           text: value
@@ -404,7 +442,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         id: root.id,
         text: root.text,
         selectable: false,
-        children: props.items.filter((item) => item.kind === activeKind.value && root.categories.some((category) => category.value === item.category)).map((material) => ({
+        children: props.items.filter((item) => (!activeKind.value || item.kind === activeKind.value) && root.categories.some((category) => category.value === item.category)).map((material) => ({
           id: material.id,
           text: material.name,
           selectable: false,
@@ -595,36 +633,38 @@ var stdin_default = (0, import_vue.defineComponent)({
             searching.value = true;
           }
         }, null)
-      }), (0, import_vue.createVNode)(import_tabs.Tabs, {
+      }), (props.showCommonTab || props.showAllTab) && (0, import_vue.createVNode)(import_tabs.Tabs, {
         "active": activeTab.value,
         "onUpdate:active": ($event) => activeTab.value = $event,
         "class": bem("tabs"),
         "shrink": true
       }, {
-        default: () => [(0, import_vue.createVNode)(import_tab.Tab, {
-          "title": "\u5E38\u7528\u7269\u6599"
-        }, null), (0, import_vue.createVNode)(import_tab.Tab, {
-          "title": "\u5168\u90E8\u7269\u6599"
+        default: () => [props.showCommonTab && (0, import_vue.createVNode)(import_tab.Tab, {
+          "name": "common",
+          "title": props.commonTabText
+        }, null), props.showAllTab && (0, import_vue.createVNode)(import_tab.Tab, {
+          "name": "all",
+          "title": props.allTabText
         }, null)]
-      }), (0, import_vue.createVNode)("div", {
+      }), (props.showMaterialTab || props.showToolTab) && (0, import_vue.createVNode)("div", {
         "class": bem("filter-tags")
-      }, [(0, import_vue.createVNode)(import_filter_tag.FilterTag, {
+      }, [props.showMaterialTab && (0, import_vue.createVNode)(import_filter_tag.FilterTag, {
         "selected": activeKind.value === "material",
         "onClick": () => {
           activeKind.value = "material";
         }
       }, {
-        default: () => [(0, import_vue.createTextVNode)("\u7269\u8D44")]
-      }), (0, import_vue.createVNode)(import_filter_tag.FilterTag, {
+        default: () => [props.materialTabText]
+      }), props.showToolTab && (0, import_vue.createVNode)(import_filter_tag.FilterTag, {
         "selected": activeKind.value === "tool",
         "onClick": () => {
           activeKind.value = "tool";
         }
       }, {
-        default: () => [(0, import_vue.createTextVNode)("\u5DE5\u5177")]
+        default: () => [props.toolTabText]
       })])]), (0, import_vue.createVNode)("div", {
         "class": bem("body")
-      }, [searching.value && !keyword.value.trim() ? null : searching.value || activeTab.value === 0 ? renderList() : renderCatalog()]), (0, import_vue.createVNode)("div", {
+      }, [searching.value && !keyword.value.trim() ? null : searching.value || activeTab.value === "common" ? renderList() : renderCatalog()]), (0, import_vue.createVNode)("div", {
         "class": bem("footer")
       }, [renderSelectPanel(), (0, import_vue.createVNode)(import_bottom_action_bar.BottomActionBar, {
         "fixed": false,

package/lib/material-add/index.d.ts

@@ -20,6 +20,38 @@ export declare const MaterialAdd: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<string>;
         default: string;
     };
+    showCommonTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAllTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMaterialTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showToolTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    commonTabText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allTabText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    materialTabText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    toolTabText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show" | "confirm")[], "change" | "update:modelValue" | "update:show" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     modelValue: {
@@ -42,6 +74,38 @@ export declare const MaterialAdd: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<string>;
         default: string;
     };
+    showCommonTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAllTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMaterialTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showToolTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    commonTabText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allTabText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    materialTabText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    toolTabText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -54,6 +118,14 @@ export declare const MaterialAdd: import("../utils").WithInstall<import("vue").D
     confirmText: string;
     items: import("./types").MaterialAddItem[];
     categories: import("./types").MaterialAddCategory[];
+    showCommonTab: boolean;
+    showAllTab: boolean;
+    showMaterialTab: boolean;
+    showToolTab: boolean;
+    commonTabText: string;
+    allTabText: string;
+    materialTabText: string;
+    toolTabText: string;
 }>>;
 export default MaterialAdd;
 export type { MaterialAddProps } from './MaterialAdd';

package/lib/radio-panel/RadioPanel.d.ts

@@ -12,6 +12,17 @@ declare const radioPanelProps: {
         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;
 };
 export declare type RadioPanelProps = ExtractPropTypes<typeof radioPanelProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -22,7 +33,18 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
     modelValue: PropType<string>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "update:show")[], "select" | "update:modelValue" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    searchable: BooleanConstructor;
+    searchPlaceholder: StringConstructor;
+    filterable: BooleanConstructor;
+    filterActive: BooleanConstructor;
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    error: BooleanConstructor;
+    lazy: BooleanConstructor;
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    errorText: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "select" | "update:modelValue" | "load" | "update:show" | "filter" | "update:error" | "update:loading")[], "search" | "select" | "filter" | "update:modelValue" | "load" | "update:show" | "update:error" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     options: {
@@ -30,12 +52,35 @@ 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;
 }>> & {
+    onLoad?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...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;
 }, {
+    error: boolean;
+    loading: boolean;
     show: boolean;
     options: RadioPanelOption[];
+    finished: boolean;
+    searchable: boolean;
+    filterable: boolean;
+    filterActive: boolean;
+    lazy: boolean;
 }>;
 export default _default;

package/lib/radio-panel/RadioPanel.js

@@ -25,23 +25,47 @@ 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_radio = require("../radio");
 var import_radio_group = require("../radio-group");
+var import_search = require("../search");
 const [name, bem] = (0, import_utils.createNamespace)("radio-panel");
+const escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 const radioPanelProps = {
   show: Boolean,
   title: String,
   options: (0, import_utils.makeArrayProp)(),
-  modelValue: String
+  modelValue: String,
+  searchable: Boolean,
+  searchPlaceholder: String,
+  filterable: Boolean,
+  filterActive: Boolean,
+  loading: Boolean,
+  finished: Boolean,
+  error: Boolean,
+  lazy: Boolean,
+  loadingText: String,
+  finishedText: String,
+  errorText: String
 };
 var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: radioPanelProps,
-  emits: ["update:show", "update:modelValue", "select"],
+  emits: ["update:show", "update:modelValue", "update:loading", "update:error", "select", "search", "filter", "load"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
+    const keyword = (0, import_vue.ref)("");
+    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 close = () => emit("update:show", false);
     const select = (option) => {
       if (option.disabled)
@@ -50,6 +74,48 @@ var stdin_default = (0, import_vue.defineComponent)({
       emit("select", option.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_radio_group.RadioGroup, {
+        "modelValue": props.modelValue,
+        "onUpdate:modelValue": (value) => {
+          const option = props.options.find((item) => item.value === value);
+          if (option)
+            select(option);
+        }
+      }, {
+        default: () => [filteredOptions.value.map((option) => (0, import_vue.createVNode)(import_cell.Cell, {
+          "key": option.value,
+          "clickable": !option.disabled,
+          "title": option.label,
+          "titleStyle": {
+            color: props.modelValue === option.value ? "var(--van-primary-color)" : void 0
+          },
+          "onClick": () => select(option)
+        }, {
+          title: () => renderOptionLabel(option.label),
+          "right-icon": () => (0, import_vue.createVNode)(import_radio.Radio, {
+            "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(),
@@ -68,35 +134,55 @@ var stdin_default = (0, import_vue.defineComponent)({
           "name": "cross",
           "size": "22",
           "onClick": close
-        }, null)
-      })]), (0, import_vue.createVNode)("div", {
+        }, null),
+        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)("div", {
         "class": bem("card")
-      }, [(0, import_vue.createVNode)(import_radio_group.RadioGroup, {
-        "modelValue": props.modelValue,
-        "onUpdate:modelValue": (value) => {
-          const option = props.options.find((item) => item.value === value);
-          if (option)
-            select(option);
-        }
+      }, [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,
-          "titleStyle": {
-            color: props.modelValue === option.value ? "var(--van-primary-color)" : void 0
-          },
-          "onClick": () => select(option)
-        }, {
-          "right-icon": () => (0, import_vue.createVNode)(import_radio.Radio, {
-            "name": option.value,
-            "disabled": option.disabled,
-            "onClick": (event) => event.stopPropagation()
-          }, null)
-        }))]
-      })])])])]
+        default: () => [renderOptions()]
+      }) : renderOptions()])])])]
     });
   }
 });

package/lib/radio-panel/index.css

@@ -1 +1 @@
-.van-radio-panel{box-sizing:border-box;display:flex;height:calc(100% - 96px);max-height:calc(100% - 96px);overflow:hidden;background:var(--van-gray-1)}.van-radio-panel .van-action-sheet__content{display:flex;flex:1;min-height:0;overflow:hidden}.van-radio-panel__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;background:var(--van-gray-1)}.van-radio-panel__nav-wrapper{flex:none;width:100%;min-width:0;max-width:100%;overflow:hidden}.van-radio-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-radio-panel__nav .van-nav-bar__content{box-sizing:border-box;width:100%;overflow:hidden}.van-radio-panel__nav .van-nav-bar__left--slot,.van-radio-panel__nav .van-nav-bar__right--slot{padding:0}.van-radio-panel__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-radio-panel__nav .van-nav-bar__right--slot{right:var(--van-padding-md)}.van-radio-panel__body{flex:1;min-height:0;padding:0 var(--van-padding-md);overflow-y:auto}.van-radio-panel__card{overflow:hidden;background:var(--van-white);border-radius:var(--van-border-radius-lg)}.van-radio-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-radio-panel__select-all{color:var(--van-primary-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-font-size-md)}.van-radio-panel .van-cell{min-height:44px}.van-radio-panel .van-checkbox{margin:0}
+.van-radio-panel{box-sizing:border-box;display:flex;height:calc(100% - 96px);max-height:calc(100% - 96px);overflow:hidden;background:var(--van-gray-1)}.van-radio-panel .van-action-sheet__content{display:flex;flex:1;min-height:0;overflow:hidden}.van-radio-panel__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;background:var(--van-gray-1)}.van-radio-panel__nav-wrapper{flex:none;width:100%;min-width:0;max-width:100%;overflow:hidden}.van-radio-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-radio-panel__nav .van-nav-bar__content{box-sizing:border-box;width:100%;overflow:hidden}.van-radio-panel__nav .van-nav-bar__left--slot,.van-radio-panel__nav .van-nav-bar__right--slot{padding:0}.van-radio-panel__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-radio-panel__nav .van-nav-bar__right--slot{right:var(--van-padding-md)}.van-radio-panel__filter{display:flex;align-items:center;justify-content:center;width:34px;height:46px;padding:0;color:inherit;background:transparent;border:0}.van-radio-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-radio-panel__match{color:var(--van-primary-color)}.van-radio-panel__body{flex:1;min-height:0;padding:0 var(--van-padding-md);overflow-y:auto}.van-radio-panel__card{overflow:hidden;background:var(--van-white);border-radius:var(--van-border-radius-lg)}.van-radio-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-radio-panel__select-all{color:var(--van-primary-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-font-size-md)}.van-radio-panel .van-cell{min-height:44px}.van-radio-panel .van-checkbox{margin:0}

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

@@ -6,7 +6,18 @@ export declare const RadioPanel: import("../utils").WithInstall<import("vue").De
         default: () => never[];
     };
     modelValue: import("vue").PropType<string>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "update:show")[], "select" | "update:modelValue" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    searchable: BooleanConstructor;
+    searchPlaceholder: StringConstructor;
+    filterable: BooleanConstructor;
+    filterActive: BooleanConstructor;
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    error: BooleanConstructor;
+    lazy: BooleanConstructor;
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    errorText: StringConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "select" | "update:modelValue" | "load" | "update:show" | "filter" | "update:error" | "update:loading")[], "search" | "select" | "filter" | "update:modelValue" | "load" | "update:show" | "update:error" | "update:loading", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     options: {
@@ -14,13 +25,36 @@ export declare const RadioPanel: import("../utils").WithInstall<import("vue").De
         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;
 }>> & {
+    onLoad?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...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;
 }, {
+    error: boolean;
+    loading: boolean;
     show: boolean;
     options: import("./RadioPanel").RadioPanelOption[];
+    finished: boolean;
+    searchable: boolean;
+    filterable: boolean;
+    filterActive: boolean;
+    lazy: boolean;
 }>>;
 export default RadioPanel;
 export type { RadioPanelProps, RadioPanelOption } from './RadioPanel';

package/lib/radio-panel/index.less

@@ -17,6 +17,23 @@
     .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); }

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

@@ -2,6 +2,7 @@ require("../../style/base.css");
 require("../../badge/index.css");
 require("../../icon/index.css");
 require("../../loading/index.css");
+require("../../list/index.css");
 require("../../overlay/index.css");
 require("../../popup/index.css");
 require("../../popover/index.css");
@@ -12,4 +13,7 @@ require("../../checkbox/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/radio-panel/style/less.js

@@ -2,6 +2,7 @@ require("../../style/base.less");
 require("../../badge/index.less");
 require("../../icon/index.less");
 require("../../loading/index.less");
+require("../../list/index.less");
 require("../../overlay/index.less");
 require("../../popup/index.less");
 require("../../popover/index.less");
@@ -12,4 +13,7 @@ require("../../checkbox/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/tabs/TabsTitle.js

@@ -88,6 +88,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       }, null), Text]);
       if (props.dot || (0, import_utils.isDef)(props.badge) && props.badge !== "") {
         return (0, import_vue.createVNode)(import_badge.Badge, {
+          "class": bem("badge"),
           "dot": props.dot,
           "content": props.badge,
           "showZero": props.showZeroBadge