persagy-vant 0.0.37 → 0.0.39

package/lib/location-select/style/index.js

@@ -2,6 +2,7 @@ require("../../style/base.css");
 require("../../action-bar/index.css");
 require("../../badge/index.css");
 require("../../icon/index.css");
+require("../../tag/index.css");
 require("../../loading/index.css");
 require("../../button/index.css");
 require("../../action-bar-button/index.css");

package/lib/location-select/style/less.js

@@ -2,6 +2,7 @@ require("../../style/base.less");
 require("../../action-bar/index.less");
 require("../../badge/index.less");
 require("../../icon/index.less");
+require("../../tag/index.less");
 require("../../loading/index.less");
 require("../../button/index.less");
 require("../../action-bar-button/index.less");

package/lib/material-action-bar/MaterialActionBar.d.ts

@@ -22,6 +22,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     keyword: {
         type: StringConstructor;
         default: string;
@@ -49,6 +53,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     keyword: {
         type: StringConstructor;
         default: string;
@@ -71,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDetail?: ((...args: any[]) => any) | undefined;
 }, {
+    max: string | number;
     selected: boolean;
     warning: string;
     keyword: string;

package/lib/material-action-bar/MaterialActionBar.js

@@ -39,6 +39,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       type: Number,
       required: true
     },
+    max: (0, import_utils.makeNumericProp)(Infinity),
     keyword: {
       type: String,
       default: ""
@@ -72,7 +73,8 @@ var stdin_default = (0, import_vue.defineComponent)({
     const confirmInputValue = () => {
       const value = Number(inputValue.value);
       if (!Number.isNaN(value)) {
-        emit("update:modelValue", Math.max(0, value));
+        const max = Number(props.max);
+        emit("update:modelValue", Math.min(Number.isNaN(max) ? Infinity : max, Math.max(0, value)));
       }
     };
     const clearDetailLongPress = () => {
@@ -146,6 +148,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         "class": bem("stepper"),
         "modelValue": props.modelValue,
         "min": 0,
+        "max": props.max,
         "theme": "round",
         "buttonSize": 18,
         "disableInput": true,

package/lib/material-action-bar/index.css

@@ -1 +1 @@
-.van-material-action-bar{position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{flex:none;width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:2px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__keyword{color:var(--van-primary-color)}
+.van-material-action-bar{--van-material-action-bar-title-font-weight: var(--van-font-weight-bold);position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);font-weight:var(--van-material-action-bar-title-font-weight);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{flex:none;width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:2px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__keyword{color:var(--van-primary-color)}

package/lib/material-action-bar/index.d.ts

@@ -7,6 +7,10 @@ export declare const MaterialActionList: import("../utils").WithInstall<import("
         type: NumberConstructor;
         required: true;
     };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     keyword: {
         type: StringConstructor;
         default: string;
@@ -34,6 +38,10 @@ export declare const MaterialActionList: import("../utils").WithInstall<import("
         type: NumberConstructor;
         required: true;
     };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     keyword: {
         type: StringConstructor;
         default: string;
@@ -56,6 +64,7 @@ export declare const MaterialActionList: import("../utils").WithInstall<import("
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDetail?: ((...args: any[]) => any) | undefined;
 }, {
+    max: string | number;
     selected: boolean;
     warning: string;
     keyword: string;
@@ -72,6 +81,10 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
         type: NumberConstructor;
         required: true;
     };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     keyword: {
         type: StringConstructor;
         default: string;
@@ -99,6 +112,10 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
         type: NumberConstructor;
         required: true;
     };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     keyword: {
         type: StringConstructor;
         default: string;
@@ -121,6 +138,7 @@ export declare const MaterialActionBar: import("../utils").WithInstall<import("v
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDetail?: ((...args: any[]) => any) | undefined;
 }, {
+    max: string | number;
     selected: boolean;
     warning: string;
     keyword: string;

package/lib/material-action-bar/index.less

@@ -1,4 +1,6 @@
 .van-material-action-bar {
+  --van-material-action-bar-title-font-weight: var(--van-font-weight-bold);
+
   position: relative;
   padding: 10px var(--van-padding-md);
   &--selected {
@@ -21,7 +23,7 @@
   }
 
   &__main { display: flex; align-items: center; min-height: 22px; }
-  &__detail { display: inline-flex; flex: 1 1 0; gap: 2px; align-items: center; min-width: 0; padding: 0; overflow: hidden; color: var(--van-gray-9); font: inherit; font-size: var(--van-font-size-md); line-height: var(--van-line-height-lg); text-align: left; background: transparent; border: 0; cursor: pointer; transition: opacity var(--van-animation-duration-fast); &:active { opacity: var(--van-active-opacity); } > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
+  &__detail { display: inline-flex; flex: 1 1 0; gap: 2px; align-items: center; min-width: 0; padding: 0; overflow: hidden; color: var(--van-gray-9); font: inherit; font-size: var(--van-font-size-md); font-weight: var(--van-material-action-bar-title-font-weight); line-height: var(--van-line-height-lg); text-align: left; background: transparent; border: 0; cursor: pointer; transition: opacity var(--van-animation-duration-fast); &:active { opacity: var(--van-active-opacity); } > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
   &__stepper-prefix { flex: none; margin: 0 4px 0 8px; color: var(--van-text-color-2); font-size: var(--van-font-size-md); line-height: var(--van-line-height-lg); }
   &__stepper-wrapper { position: relative; flex: none; margin-left: 4px; }
   &__kind-tag { flex: none; margin-left: 4px; }

package/lib/material-add/MaterialAdd.js

@@ -214,76 +214,112 @@ const defaultCategories = [{
   text: "\u7EF4\u4FEE\u7269\u8D44",
   kind: "material",
   categories: [{
-    value: "air-conditioner",
-    text: "\u7A7A\u8C03\u8BBE\u5907"
+    id: "air-conditioner-node",
+    text: "\u7A7A\u8C03\u8BBE\u5907",
+    children: [{
+      value: "air-conditioner",
+      text: "\u5236\u51B7\u914D\u4EF6"
+    }]
   }, {
-    value: "pipe",
-    text: "\u7BA1\u6750\u914D\u4EF6"
+    id: "pipe-node",
+    text: "\u7BA1\u6750\u914D\u4EF6",
+    children: [{
+      value: "pipe",
+      text: "\u94DC\u7BA1\u914D\u4EF6"
+    }]
   }]
 }, {
   id: "safety-root",
   text: "\u5B89\u5168\u7269\u8D44",
   kind: "material",
   categories: [{
-    value: "safety-protection",
-    text: "\u52B3\u52A8\u9632\u62A4"
-  }, {
-    value: "safety-signage",
-    text: "\u5B89\u5168\u6807\u8BC6"
+    id: "protection-node",
+    text: "\u4F5C\u4E1A\u9632\u62A4",
+    children: [{
+      value: "safety-protection",
+      text: "\u4E2A\u4EBA\u9632\u62A4"
+    }, {
+      value: "safety-signage",
+      text: "\u73B0\u573A\u6807\u8BC6"
+    }]
   }]
 }, {
   id: "office-root",
   text: "\u529E\u516C\u7269\u8D44",
   kind: "material",
   categories: [{
-    value: "office-supply",
-    text: "\u529E\u516C\u8017\u6750"
-  }, {
-    value: "office-records",
-    text: "\u8BB0\u5F55\u7528\u54C1"
+    id: "office-node",
+    text: "\u529E\u516C\u652F\u6301",
+    children: [{
+      value: "office-supply",
+      text: "\u65E5\u5E38\u8017\u6750"
+    }, {
+      value: "office-records",
+      text: "\u5DE1\u68C0\u8BB0\u5F55"
+    }]
   }]
 }, {
   id: "other-root",
   text: "\u5176\u4ED6\u7269\u8D44",
   kind: "material",
   categories: [{
-    value: "other-cleaning",
-    text: "\u6E05\u6D01\u7528\u54C1"
-  }, {
-    value: "other-consumables",
-    text: "\u901A\u7528\u8017\u6750"
+    id: "other-node",
+    text: "\u7EFC\u5408\u4FDD\u969C",
+    children: [{
+      value: "other-cleaning",
+      text: "\u6E05\u6D01\u7528\u54C1"
+    }, {
+      value: "other-consumables",
+      text: "\u901A\u7528\u8017\u6750"
+    }]
   }]
 }, {
   id: "tool-root",
   text: "\u7EF4\u4FEE\u5DE5\u5177",
   kind: "tool",
   categories: [{
-    value: "hand-tool",
-    text: "\u624B\u52A8\u5DE5\u5177"
+    id: "hand-tool-node",
+    text: "\u624B\u52A8\u4F5C\u4E1A",
+    children: [{
+      value: "hand-tool",
+      text: "\u5E38\u7528\u5DE5\u5177"
+    }]
   }]
 }, {
   id: "meter-root",
   text: "\u6D4B\u91CF\u5DE5\u5177",
   kind: "tool",
   categories: [{
-    value: "meter",
-    text: "\u6D4B\u91CF\u4EEA\u8868"
+    id: "meter-node",
+    text: "\u68C0\u6D4B\u4EEA\u8868",
+    children: [{
+      value: "meter",
+      text: "\u7535\u6C14\u6D4B\u91CF"
+    }]
   }]
 }, {
   id: "installation-root",
   text: "\u5B89\u88C5\u5DE5\u5177",
   kind: "tool",
   categories: [{
-    value: "installation",
-    text: "\u5B89\u88C5\u5DE5\u5177"
+    id: "installation-node",
+    text: "\u5B89\u88C5\u65BD\u5DE5",
+    children: [{
+      value: "installation",
+      text: "\u767B\u9AD8\u5DE5\u5177"
+    }]
   }]
 }, {
   id: "cleaning-tool-root",
   text: "\u6E05\u6D01\u5DE5\u5177",
   kind: "tool",
   categories: [{
-    value: "cleaning-tool",
-    text: "\u6E05\u6D01\u5DE5\u5177"
+    id: "cleaning-tool-node",
+    text: "\u4FDD\u6D01\u4F5C\u4E1A",
+    children: [{
+      value: "cleaning-tool",
+      text: "\u6E05\u6D01\u8BBE\u5907"
+    }]
   }]
 }];
 const materialAddProps = {
@@ -339,20 +375,90 @@ var stdin_default = (0, import_vue.defineComponent)({
     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"]);
+    const expandedKeys = (0, import_vue.ref)([]);
     const expandedSelected = (0, import_vue.ref)(false);
     const detailItem = (0, import_vue.ref)();
     const detailInfoExpanded = (0, import_vue.ref)(true);
     const detailUsageExpanded = (0, import_vue.ref)(true);
     const detailNoticeExpanded = (0, import_vue.ref)(true);
     const detailBannerIndex = (0, import_vue.ref)(0);
+    const collectCategoryValues = (categories) => categories.flatMap((category) => [...category.value ? [category.value] : [], ...category.children ? collectCategoryValues(category.children) : []]);
+    const findCategoryPath = (categories, value, path = []) => {
+      for (const category of categories) {
+        const nextPath = [...path, category.text];
+        if (category.value === value)
+          return nextPath;
+        const match = category.children && findCategoryPath(category.children, value, nextPath);
+        if (match)
+          return match;
+      }
+      return void 0;
+    };
+    const getCatalogGroups = () => {
+      const rootGroups = props.categories.filter((category) => !activeKind.value || category.kind === activeKind.value);
+      const configuredValues = new Set(rootGroups.flatMap((group) => collectCategoryValues(group.categories)));
+      const ungroupedCategories = [...new Set(props.items.filter((item) => (!activeKind.value || item.kind === activeKind.value) && !configuredValues.has(item.category)).map((item) => item.category))];
+      return ungroupedCategories.length ? [...rootGroups, {
+        id: `${activeKind.value || "all"}-other`,
+        text: "\u672A\u5206\u7C7B",
+        kind: activeKind.value || "material",
+        categories: ungroupedCategories.map((value) => ({
+          value,
+          text: value
+        }))
+      }] : rootGroups;
+    };
+    const getCatalogItems = () => {
+      const materials = props.items.filter((item) => !activeKind.value || item.kind === activeKind.value);
+      const createCategoryNode = (category, rootId, path) => {
+        var _a, _b;
+        const id = (_a = category.id) != null ? _a : `${rootId}-${[...path, category.value || category.text].join("-")}`;
+        const childCategories = ((_b = category.children) == null ? void 0 : _b.map((child, index) => createCategoryNode(child, rootId, [...path, index]))) || [];
+        const materialLeaves = category.value ? materials.filter((material) => material.category === category.value).map((material) => ({
+          id: material.id,
+          text: material.name,
+          selectable: false,
+          material
+        })) : [];
+        return {
+          id,
+          text: category.text,
+          selectable: false,
+          children: [...childCategories, ...materialLeaves]
+        };
+      };
+      return getCatalogGroups().map((root) => ({
+        id: root.id,
+        text: root.text,
+        selectable: false,
+        children: root.categories.map((category, index) => createCategoryNode(category, root.id, [index]))
+      }));
+    };
+    const getDefaultExpandedKeys = () => {
+      const catalogItems = getCatalogItems();
+      const countMaterials = (items) => items.reduce((count, item) => count + (item.material ? 1 : countMaterials(item.children || [])), 0);
+      if (countMaterials(catalogItems) !== 1)
+        return [];
+      const findSingleMaterialPath = (items, path = []) => {
+        for (const item of items) {
+          const nextPath = [...path, item.id];
+          if (item.material)
+            return nextPath.slice(0, -1);
+          const match = findSingleMaterialPath(item.children || [], nextPath);
+          if (match)
+            return match;
+        }
+        return void 0;
+      };
+      return findSingleMaterialPath(catalogItems) || [];
+    };
     (0, import_vue.watch)(() => props.show, (show) => {
       if (show) {
         activeTab.value = getDefaultTab();
         activeKind.value = getDefaultKind();
         keyword.value = "";
         searching.value = false;
-        expandedKeys.value = ["material-root", "tool-root"];
+        expandedKeys.value = getDefaultExpandedKeys();
         expandedSelected.value = false;
         detailItem.value = void 0;
         detailInfoExpanded.value = true;
@@ -363,6 +469,17 @@ var stdin_default = (0, import_vue.defineComponent)({
     }, {
       immediate: true
     });
+    (0, import_vue.watch)([activeTab, activeKind], ([tab]) => {
+      if (tab === "all") {
+        expandedKeys.value = getDefaultExpandedKeys();
+      }
+    });
+    const setActiveTab = (tab) => {
+      activeTab.value = tab;
+      if (tab === "all") {
+        expandedKeys.value = getDefaultExpandedKeys();
+      }
+    };
     (0, import_vue.watch)(() => [props.showCommonTab, props.showAllTab], () => {
       if (activeTab.value === "common" && !props.showCommonTab || activeTab.value === "all" && !props.showAllTab) {
         activeTab.value = getDefaultTab();
@@ -427,35 +544,14 @@ 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) => !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) => (!activeKind.value || item.kind === activeKind.value) && !configuredValues.has(item.category)).map((item) => item.category))];
-      const groups = ungroupedCategories.length ? [...rootGroups, {
-        id: `${activeKind.value || "all"}-other`,
-        text: "\u672A\u5206\u7C7B",
-        kind: activeKind.value || "material",
-        categories: ungroupedCategories.map((value) => ({
-          value,
-          text: value
-        }))
-      }] : rootGroups;
-      const items = groups.map((root) => ({
-        id: root.id,
-        text: root.text,
-        selectable: false,
-        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,
-          material
-        }))
-      }));
+      const catalogItems = getCatalogItems();
+      const defaultExpandedKeys = getDefaultExpandedKeys();
       return (0, import_vue.createVNode)("div", {
         "class": bem("tree-card")
       }, [(0, import_vue.createVNode)(import_tree_select.default, {
-        "items": items,
+        "items": catalogItems,
         "modelValue": [],
-        "expandedKeys": expandedKeys.value,
+        "expandedKeys": expandedKeys.value.length ? expandedKeys.value : defaultExpandedKeys,
         "onUpdate:expandedKeys": (keys) => {
           expandedKeys.value = keys;
         }
@@ -466,10 +562,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         }) => {
           const material = item.material;
           return (0, import_vue.createVNode)("div", {
-            "class": bem("catalog-leaf"),
-            "style": {
-              marginLeft: `${level * 16}px`
-            }
+            "class": bem("catalog-leaf")
           }, [renderMaterialCell(material, props.items.indexOf(material))]);
         }
       })]);
@@ -477,9 +570,9 @@ var stdin_default = (0, import_vue.defineComponent)({
     const renderDetail = () => {
       const item = detailItem.value;
       const [brand = "-", specification = "-", warehouse = "-"] = item.detail.split("\uFF5C");
-      const categoryGroup = props.categories.find((group) => group.categories.some((category2) => category2.value === item.category));
-      const category = categoryGroup == null ? void 0 : categoryGroup.categories.find((entry) => entry.value === item.category);
-      const infoRows = [["\u7269\u6599\u540D\u79F0", item.name], ["\u53EF\u7533\u8BF7", String(item.available || 0)], ["\u5F85\u5165\u5E93", "12"], ["\u6240\u5C5E\u5206\u7C7B", category && categoryGroup ? `${categoryGroup.text}/${category.text}` : item.category], ["\u54C1\u724C", brand], ["\u89C4\u683C", specification], ["\u5355\u4F4D", item.unit], ["\u4F9B\u5E94\u5546", "\u6DF1\u5733\u96C6\u5B89"], ["\u4ED3\u5E93\u540D\u79F0", warehouse], ["\u4ED3\u5E93\u4F4D\u7F6E", "A\u5EA7/B3/\u505C\u8F66\u573A\u5E93\u623F"], ["\u5E93\u7BA1\u5458", "\u674E\u590D\u6052 13880588688\n\u674E\u5175 16885885868"]];
+      const categoryGroup = props.categories.find((group) => findCategoryPath(group.categories, item.category));
+      const categoryPath = categoryGroup && findCategoryPath(categoryGroup.categories, item.category);
+      const infoRows = [["\u7269\u6599\u540D\u79F0", item.name], ["\u53EF\u7533\u8BF7", String(item.available || 0)], ["\u5F85\u5165\u5E93", "12"], ["\u6240\u5C5E\u5206\u7C7B", categoryPath && categoryGroup ? `${categoryGroup.text}/${categoryPath.join("/")}` : item.category], ["\u54C1\u724C", brand], ["\u89C4\u683C", specification], ["\u5355\u4F4D", item.unit], ["\u4F9B\u5E94\u5546", "\u6DF1\u5733\u96C6\u5B89"], ["\u4ED3\u5E93\u540D\u79F0", warehouse], ["\u4ED3\u5E93\u4F4D\u7F6E", "A\u5EA7/B3/\u505C\u8F66\u573A\u5E93\u623F"], ["\u5E93\u7BA1\u5458", "\u674E\u590D\u6052 13880588688\n\u674E\u5175 16885885868"]];
       return (0, import_vue.createVNode)("div", {
         "class": bem("detail-page")
       }, [(0, import_vue.createVNode)("div", {
@@ -635,9 +728,9 @@ var stdin_default = (0, import_vue.defineComponent)({
         }, null)
       }), (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
+        "shrink": true,
+        "onUpdate:active": setActiveTab
       }, {
         default: () => [props.showCommonTab && (0, import_vue.createVNode)(import_tab.Tab, {
           "name": "common",
@@ -652,6 +745,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         "selected": activeKind.value === "material",
         "onClick": () => {
           activeKind.value = "material";
+          expandedKeys.value = getDefaultExpandedKeys();
         }
       }, {
         default: () => [props.materialTabText]
@@ -659,6 +753,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         "selected": activeKind.value === "tool",
         "onClick": () => {
           activeKind.value = "tool";
+          expandedKeys.value = getDefaultExpandedKeys();
         }
       }, {
         default: () => [props.toolTabText]

package/lib/material-add/index.css

@@ -1 +1 @@
-.van-material-action-bar{position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{flex:none;width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:2px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__keyword{color:var(--van-primary-color)}.van-material-add{position:relative;display:flex;flex-direction:column;height:calc(100vh - 96px);max-height:calc(100vh - 96px);bottom:56px;overflow:hidden;background:var(--van-gray-2)}.van-material-add>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.van-material-add__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-material-add__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-material-add__nav .van-nav-bar__right--slot{right:var(--van-padding-md)}.van-material-add__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-material-add__search .van-search__field{padding-left:0}.van-material-add__tabs{flex:none;padding-left:8px;--van-tabs-line-height: 44px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-bottom-bar-width: 40px;--van-tabs-nav-background-color: transparent}.van-material-add__filter-tags{display:flex;flex:none;gap:6px;padding:12px var(--van-padding-md)}.van-material-add__filter-tags .van-filter-tag{min-width:56px;--van-filter-tag-background-color: var(--van-gray-4)}.van-material-add__body{flex:1;min-height:0;padding:0 var(--van-padding-md) 12px;overflow-y:auto}.van-material-add__tree-card{margin-bottom:12px;overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__catalog-leaf{overflow:hidden}.van-material-add__catalog-leaf .van-material-action-bar:after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);display:block;height:1px;content:"";background:var(--van-border-color);transform:scaleY(.5)}.van-tree-select__children>.van-tree-select__node:last-child>.van-material-add__catalog-leaf .van-material-action-bar:after{display:none}.van-material-add__material-list{overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__empty{padding:32px 16px;color:var(--van-text-color-3);font-size:var(--van-font-size-md);text-align:center}.van-material-add__footer{position:relative;z-index:2;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__footer .van-bottom-action-bar{box-shadow:none}.van-material-add__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:340px;overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__selected-header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-material-add__clear,.van-material-add__collapse{padding:0;background:transparent;border:0}.van-material-add__clear{color:var(--van-primary-color);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__collapse{display:inline-flex;gap:2px;align-items:center;color:var(--van-gray-6);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__selected-list{display:flex;flex-direction:column;gap:6px;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto}.van-material-add__detail-page{position:fixed;z-index:3000;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--van-gray-2)}.van-material-add__detail-banner{position:absolute;top:0;right:0;left:0;height:320px;overflow:hidden;background:var(--van-gray-8)}.van-material-add__detail-swipe{height:320px;touch-action:pan-y}.van-material-add__detail-image{width:100%;height:310px;background-position:center;background-size:cover}.van-material-add__detail-image--motor{background-image:url(/dog1.jpg)}.van-material-add__detail-image--blower{background-image:url(/dog2.jpg)}.van-material-add__detail-image--coil{background-image:url(/dog3.jpg)}.van-material-add__detail-dots{position:absolute;z-index:2;top:226px;left:50%;display:flex;gap:6px;transform:translate(-50%)}.van-material-add__detail-dots>i{width:6px;height:6px;background:rgba(255,255,255,.55);border-radius:50%}.van-material-add__detail-dot--active{background:var(--van-white)!important}.van-material-add__detail-close{position:absolute;z-index:1;top:56px;left:var(--van-padding-md);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--van-gray-9);background:var(--van-gray-3);border:0;border-radius:50%;box-shadow:0 2px 5px rgba(27,33,41,.1)}.van-material-add__detail-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;min-height:0;margin-top:246px;overflow:hidden;background:var(--van-white);border-radius:16px 16px 0 0}.van-material-add__detail-body{flex:1;min-height:0;padding:16px var(--van-padding-md) 24px;overflow-y:auto}.van-material-add__detail-section+.van-material-add__detail-section{margin-top:24px}.van-material-add__detail-section .van-blue-mark-header{margin-bottom:8px;padding:0}.van-material-add__detail-card{padding:8px 12px;color:var(--van-gray-9);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:linear-gradient(90deg,var(--van-gray-2),rgba(241,244,246,.2));border-radius:8px}.van-material-add__detail-info-rows{display:flex;flex-direction:column;gap:8px}.van-material-add__detail-row{display:flex;gap:16px;justify-content:space-between;min-height:22px}.van-material-add__detail-row>span{flex:none;width:56px;color:var(--van-gray-6)}.van-material-add__detail-row>strong{flex:1;color:var(--van-gray-9);font-weight:400;text-align:right;white-space:pre-line}.van-material-add__detail-link{color:var(--van-primary-color)!important;font-weight:var(--van-font-weight-bold)!important}.van-material-add-detail-enter-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter);will-change:transform}.van-material-add-detail-leave-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-leave);will-change:transform}.van-material-add-detail-enter-from,.van-material-add-detail-leave-to{transform:translateY(100%)}.van-material-add-detail-section-enter-active,.van-material-add-detail-section-leave-active{overflow:hidden;transition:max-height .2s ease,opacity .2s ease}.van-material-add-detail-section-enter-from,.van-material-add-detail-section-leave-to{max-height:0;opacity:0}.van-material-add-detail-section-enter-to,.van-material-add-detail-section-leave-from{max-height:480px;opacity:1}.van-material-add-item{position:relative;padding:10px var(--van-padding-md);cursor:pointer;transition:background-color .2s ease}.van-material-add-item:active{background-color:var(--van-active-color)}.van-material-add-item--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-add-item--selected:after{display:none}.van-material-add-item:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-add-item__main{display:flex;align-items:center;min-height:22px}.van-material-add-item__detail{display:inline-flex;flex:1;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0}.van-material-add-item__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__kind-tag{flex:none;margin-left:4px}.van-material-add-item__stepper{flex:none;margin-left:8px;--van-stepper-input-width: 32px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-add-item__unit{width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__desc{margin:4px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__keyword{color:var(--van-primary-color)}
+.van-material-action-bar{--van-material-action-bar-title-font-weight: var(--van-font-weight-bold);position:relative;padding:10px var(--van-padding-md)}.van-material-action-bar--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-action-bar--selected:after{display:none}.van-material-action-bar:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-action-bar__main{display:flex;align-items:center;min-height:22px}.van-material-action-bar__detail{display:inline-flex;flex:1 1 0;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);font-weight:var(--van-material-action-bar-title-font-weight);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-material-action-bar__detail:active{opacity:var(--van-active-opacity)}.van-material-action-bar__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__stepper-prefix{flex:none;margin:0 4px 0 8px;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg)}.van-material-action-bar__stepper-wrapper{position:relative;flex:none;margin-left:4px}.van-material-action-bar__kind-tag{flex:none;margin-left:4px}.van-material-action-bar__stepper{flex:none;margin-left:0;--van-stepper-input-width: 24px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-action-bar__number-trigger{position:absolute;z-index:1;top:0;left:18px;width:24px;height:18px;padding:0;background:transparent;border:0;cursor:pointer}.van-material-action-bar__unit{flex:none;width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__desc{margin:2px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-action-bar__warning{margin:2px 0 0;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-outbound{display:flex;gap:4px;margin:2px 0 0;color:var(--van-text-color);font-size:var(--van-font-size-sm);line-height:20px}.van-material-action-bar__picking-label{color:var(--van-gray-6)}.van-material-action-bar__picking-value{font-weight:600}.van-material-action-bar__keyword{color:var(--van-primary-color)}.van-material-add{position:relative;display:flex;flex-direction:column;height:calc(100vh - 96px);max-height:calc(100vh - 96px);bottom:56px;overflow:hidden;background:var(--van-gray-2)}.van-material-add>.van-action-sheet__content{display:flex;flex:1;flex-direction:column;min-height:0;gap:0;padding:0;overflow:hidden}.van-material-add__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-2)}.van-material-add__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-material-add__nav .van-nav-bar__right--slot{right:var(--van-padding-md)}.van-material-add__search{flex:none;padding:8px var(--van-padding-md);--van-search-padding: 0;--van-search-background-color: var(--van-gray-2);--van-search-content-background-color: var(--van-white)}.van-material-add__search .van-search__field{padding-left:0}.van-material-add__tabs{flex:none;padding-left:8px;--van-tabs-line-height: 44px;--van-tab-font-size: var(--van-font-size-md);--van-tabs-bottom-bar-width: 40px;--van-tabs-nav-background-color: transparent}.van-material-add__filter-tags{display:flex;flex:none;gap:6px;padding:12px var(--van-padding-md)}.van-material-add__filter-tags .van-filter-tag{min-width:56px;--van-filter-tag-background-color: var(--van-gray-4)}.van-material-add__body{flex:1;min-height:0;padding:0 var(--van-padding-md) 12px;overflow-y:auto}.van-material-add__tree-card{margin-bottom:12px;overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__catalog-leaf{overflow:hidden}.van-material-add__material-list{overflow:hidden;background:var(--van-white);border-radius:8px}.van-material-add__empty{padding:32px 16px;color:var(--van-text-color-3);font-size:var(--van-font-size-md);text-align:center}.van-material-add__footer{position:relative;z-index:2;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__footer .van-bottom-action-bar{box-shadow:none}.van-material-add__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:340px;overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-material-add__selected-header{display:flex;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-material-add__clear,.van-material-add__collapse{padding:0;background:transparent;border:0}.van-material-add__clear{color:var(--van-primary-color);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__collapse{display:inline-flex;gap:2px;align-items:center;color:var(--van-gray-6);font:inherit;font-size:var(--van-font-size-md)}.van-material-add__selected-list{display:flex;flex-direction:column;gap:6px;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto}.van-material-add__detail-page{position:fixed;z-index:3000;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--van-gray-2)}.van-material-add__detail-banner{position:absolute;top:0;right:0;left:0;height:320px;overflow:hidden;background:var(--van-gray-8)}.van-material-add__detail-swipe{height:320px;touch-action:pan-y}.van-material-add__detail-image{width:100%;height:310px;background-position:center;background-size:cover}.van-material-add__detail-image--motor{background-image:url(/dog1.jpg)}.van-material-add__detail-image--blower{background-image:url(/dog2.jpg)}.van-material-add__detail-image--coil{background-image:url(/dog3.jpg)}.van-material-add__detail-dots{position:absolute;z-index:2;top:226px;left:50%;display:flex;gap:6px;transform:translate(-50%)}.van-material-add__detail-dots>i{width:6px;height:6px;background:rgba(255,255,255,.55);border-radius:50%}.van-material-add__detail-dot--active{background:var(--van-white)!important}.van-material-add__detail-close{position:absolute;z-index:1;top:56px;left:var(--van-padding-md);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--van-gray-9);background:var(--van-gray-3);border:0;border-radius:50%;box-shadow:0 2px 5px rgba(27,33,41,.1)}.van-material-add__detail-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;min-height:0;margin-top:246px;overflow:hidden;background:var(--van-white);border-radius:16px 16px 0 0}.van-material-add__detail-body{flex:1;min-height:0;padding:16px var(--van-padding-md) 24px;overflow-y:auto}.van-material-add__detail-section+.van-material-add__detail-section{margin-top:24px}.van-material-add__detail-section .van-blue-mark-header{margin-bottom:8px;padding:0}.van-material-add__detail-card{padding:8px 12px;color:var(--van-gray-9);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:linear-gradient(90deg,var(--van-gray-2),rgba(241,244,246,.2));border-radius:8px}.van-material-add__detail-info-rows{display:flex;flex-direction:column;gap:8px}.van-material-add__detail-row{display:flex;gap:16px;justify-content:space-between;min-height:22px}.van-material-add__detail-row>span{flex:none;width:56px;color:var(--van-gray-6)}.van-material-add__detail-row>strong{flex:1;color:var(--van-gray-9);font-weight:400;text-align:right;white-space:pre-line}.van-material-add__detail-link{color:var(--van-primary-color)!important;font-weight:var(--van-font-weight-bold)!important}.van-material-add-detail-enter-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter);will-change:transform}.van-material-add-detail-leave-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-leave);will-change:transform}.van-material-add-detail-enter-from,.van-material-add-detail-leave-to{transform:translateY(100%)}.van-material-add-detail-section-enter-active,.van-material-add-detail-section-leave-active{overflow:hidden;transition:max-height .2s ease,opacity .2s ease}.van-material-add-detail-section-enter-from,.van-material-add-detail-section-leave-to{max-height:0;opacity:0}.van-material-add-detail-section-enter-to,.van-material-add-detail-section-leave-from{max-height:480px;opacity:1}.van-material-add-item{position:relative;padding:10px var(--van-padding-md);cursor:pointer;transition:background-color .2s ease}.van-material-add-item:active{background-color:var(--van-active-color)}.van-material-add-item--selected{padding:10px var(--van-padding-md);background:var(--van-gray-2);border-radius:8px}.van-material-add-item--selected:after{display:none}.van-material-add-item:not(:last-child):after{position:absolute;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);height:1px;background:var(--van-border-color);transform:scaleY(.5);content:""}.van-material-add-item__main{display:flex;align-items:center;min-height:22px}.van-material-add-item__detail{display:inline-flex;flex:1;gap:2px;align-items:center;min-width:0;padding:0;overflow:hidden;color:var(--van-gray-9);font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-align:left;background:transparent;border:0}.van-material-add-item__detail>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__kind-tag{flex:none;margin-left:4px}.van-material-add-item__stepper{flex:none;margin-left:8px;--van-stepper-input-width: 32px;--van-stepper-input-height: 18px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: var(--van-line-height-lg)}.van-material-add-item__unit{width:32px;margin-left:8px;overflow:hidden;color:var(--van-text-color-2);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__desc{margin:4px 0 0;overflow:hidden;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:20px;text-overflow:ellipsis;white-space:nowrap}.van-material-add-item__keyword{color:var(--van-primary-color)}

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

@@ -129,7 +129,7 @@ export declare const MaterialAdd: import("../utils").WithInstall<import("vue").D
 }>>;
 export default MaterialAdd;
 export type { MaterialAddProps } from './MaterialAdd';
-export type { MaterialAddCategory, MaterialAddItem } from './types';
+export type { MaterialAddCategory, MaterialAddCategoryNode, MaterialAddItem } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanMaterialAdd: typeof MaterialAdd;

package/lib/material-add/index.less

@@ -12,7 +12,7 @@
   overflow: hidden;
   background: var(--van-gray-2);
 
-  > .van-action-sheet__content { display: flex; flex: 1; flex-direction: column; min-height: 0; overflow: hidden; }
+  > .van-action-sheet__content { display: flex; flex: 1; flex-direction: column; min-height: 0; gap: 0; padding: 0; overflow: hidden; }
   &__nav { flex: none; --van-nav-bar-background-color: var(--van-gray-2); }
   &__nav .van-nav-bar__left--slot { left: var(--van-padding-md); }
   &__nav .van-nav-bar__right--slot { right: var(--van-padding-md); }
@@ -22,20 +22,6 @@
   &__body { flex: 1; min-height: 0; padding: 0 var(--van-padding-md) 12px; overflow-y: auto; }
   &__tree-card { margin-bottom: 12px; overflow: hidden; background: var(--van-white); border-radius: 8px; }
   &__catalog-leaf { overflow: hidden; }
-  // Tree leaf nodes each sit inside their own wrapper, so restore the list
-  // divider here instead of relying on the item sibling selector.
-  &__catalog-leaf .van-material-action-bar::after {
-    position: absolute;
-    right: var(--van-padding-md);
-    bottom: 0;
-    left: var(--van-padding-md);
-    display: block;
-    height: 1px;
-    content: '';
-    background: var(--van-border-color);
-    transform: scaleY(.5);
-  }
-  .van-tree-select__children > .van-tree-select__node:last-child > &__catalog-leaf .van-material-action-bar::after { display: none; }
   &__material-list { overflow: hidden; background: var(--van-white); border-radius: 8px; }
   &__empty { padding: 32px 16px; color: var(--van-text-color-3); font-size: var(--van-font-size-md); text-align: center; }
   &__footer { position: relative; z-index: 2; flex: none; background: var(--van-white); box-shadow: 0 -2px 5px rgb(27 33 41 / 10%); .van-bottom-action-bar { box-shadow: none; } }

package/lib/material-add/style/index.js

@@ -11,9 +11,9 @@ require("../../button/index.css");
 require("../../action-bar-button/index.css");
 require("../../overlay/index.css");
 require("../../popup/index.css");
+require("../../toast/index.css");
 require("../../popover/index.css");
 require("../../nav-bar/index.css");
-require("../../toast/index.css");
 require("../../action-sheet/index.css");
 require("../../checkbox-group/index.css");
 require("../../checkbox/index.css");

package/lib/material-add/style/less.js

@@ -11,9 +11,9 @@ require("../../button/index.less");
 require("../../action-bar-button/index.less");
 require("../../overlay/index.less");
 require("../../popup/index.less");
+require("../../toast/index.less");
 require("../../popover/index.less");
 require("../../nav-bar/index.less");
-require("../../toast/index.less");
 require("../../action-sheet/index.less");
 require("../../checkbox-group/index.less");
 require("../../checkbox/index.less");

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

@@ -12,8 +12,11 @@ export declare type MaterialAddCategory = {
     id: Numeric;
     text: string;
     kind: 'material' | 'tool';
-    categories: Array<{
-        value: string;
-        text: string;
-    }>;
+    categories: MaterialAddCategoryNode[];
+};
+export declare type MaterialAddCategoryNode = {
+    id?: Numeric;
+    value?: string;
+    text: string;
+    children?: MaterialAddCategoryNode[];
 };