persagy-vant 0.0.36 → 0.0.38

package/es/loading/Loading.mjs

@@ -1,5 +1,6 @@
 import { computed, defineComponent, createVNode as _createVNode } from "vue";
 import { extend, addUnit, numericProp, getSizeStyle, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
 const [name, bem] = createNamespace("loading");
 const SpinIcon = Array(12).fill(null).map((_, index) => _createVNode("i", {
   "class": bem("line", String(index + 1))
@@ -13,31 +14,6 @@ const CircularIcon = _createVNode("svg", {
   "r": "20",
   "fill": "none"
 }, null)]);
-const IllustrationIcon = _createVNode("svg", {
-  "class": bem("illustration"),
-  "viewBox": "0 0 100 100",
-  "fill": "none",
-  "aria-hidden": "true"
-}, [_createVNode("rect", {
-  "x": "18",
-  "y": "36",
-  "width": "64",
-  "height": "48",
-  "rx": "6",
-  "fill": "currentColor",
-  "opacity": "0.14"
-}, null), _createVNode("path", {
-  "d": "M28 84V46h44v38M39 84V62h22v22M38 51h4m16 0h4M38 57h4m16 0h4",
-  "stroke": "currentColor",
-  "stroke-width": "4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, null), _createVNode("path", {
-  "d": "M50 18v12m-16-4 8 8m24-8-8 8",
-  "stroke": "currentColor",
-  "stroke-width": "4",
-  "stroke-linecap": "round"
-}, null)]);
 const loadingProps = {
   size: numericProp,
   type: makeStringProp("circular"),
@@ -72,6 +48,7 @@ var stdin_default = defineComponent({
       }
     };
     return () => {
+      var _a;
       const {
         type,
         vertical
@@ -86,7 +63,12 @@ var stdin_default = defineComponent({
       }, [_createVNode("span", {
         "class": bem("spinner", type),
         "style": spinnerStyle.value
-      }, [isIllustration ? IllustrationIcon : type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
+      }, [isIllustration ? _createVNode(Icon, {
+        "class": bem("illustration"),
+        "name": "loading-building",
+        "size": (_a = props.size) != null ? _a : 100,
+        "aria-hidden": "true"
+      }, null) : type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
     };
   }
 });

package/es/loading/index.css

@@ -1 +1 @@
-:root{--van-loading-text-color: var(--van-text-color-2);--van-loading-text-font-size: var(--van-font-size-md);--van-loading-spinner-color: var(--van-gray-5);--van-loading-spinner-size: 30px;--van-loading-spinner-animation-duration: .8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-animation-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__spinner--illustration{animation:none}.van-loading__illustration{display:block;width:100%;height:100%}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}.van-loading--vertical.van-loading--illustration .van-loading__text{margin-top:var(--van-padding-xs)}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}
+:root{--van-loading-text-color: var(--van-text-color-2);--van-loading-text-font-size: var(--van-font-size-md);--van-loading-spinner-color: var(--van-gray-5);--van-loading-spinner-size: 30px;--van-loading-spinner-animation-duration: .8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-animation-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__spinner--illustration{animation:none}.van-loading__illustration{display:block;width:100%;height:100%}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}.van-loading--vertical.van-loading--illustration .van-loading__text{margin-top:0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}

package/es/loading/index.less

@@ -94,7 +94,7 @@
 
   &--vertical&--illustration {
     .van-loading__text {
-      margin-top: var(--van-padding-xs);
+      margin-top: 0;
     }
   }
 }

package/es/loading/style/index.mjs

@@ -1,2 +1,4 @@
 import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
 import "../index.css";

package/es/loading/style/less.mjs

@@ -1,2 +1,4 @@
 import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
 import "../index.less";

package/es/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/es/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/es/material-add/MaterialAdd.mjs

@@ -182,76 +182,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 = {
@@ -307,20 +343,90 @@ var stdin_default = defineComponent({
     const activeKind = ref(getDefaultKind());
     const keyword = ref("");
     const searching = ref(false);
-    const expandedKeys = ref(["material-root", "tool-root"]);
+    const expandedKeys = ref([]);
     const expandedSelected = ref(false);
     const detailItem = ref();
     const detailInfoExpanded = ref(true);
     const detailUsageExpanded = ref(true);
     const detailNoticeExpanded = ref(true);
     const detailBannerIndex = 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) || [];
+    };
     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;
@@ -331,6 +437,17 @@ var stdin_default = defineComponent({
     }, {
       immediate: true
     });
+    watch([activeTab, activeKind], ([tab]) => {
+      if (tab === "all") {
+        expandedKeys.value = getDefaultExpandedKeys();
+      }
+    });
+    const setActiveTab = (tab) => {
+      activeTab.value = tab;
+      if (tab === "all") {
+        expandedKeys.value = getDefaultExpandedKeys();
+      }
+    };
     watch(() => [props.showCommonTab, props.showAllTab], () => {
       if (activeTab.value === "common" && !props.showCommonTab || activeTab.value === "all" && !props.showAllTab) {
         activeTab.value = getDefaultTab();
@@ -395,35 +512,14 @@ var stdin_default = defineComponent({
       "class": bem("empty")
     }, [_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 _createVNode("div", {
         "class": bem("tree-card")
       }, [_createVNode(TreeSelect, {
-        "items": items,
+        "items": catalogItems,
         "modelValue": [],
-        "expandedKeys": expandedKeys.value,
+        "expandedKeys": expandedKeys.value.length ? expandedKeys.value : defaultExpandedKeys,
         "onUpdate:expandedKeys": (keys) => {
           expandedKeys.value = keys;
         }
@@ -434,10 +530,7 @@ var stdin_default = defineComponent({
         }) => {
           const material = item.material;
           return _createVNode("div", {
-            "class": bem("catalog-leaf"),
-            "style": {
-              marginLeft: `${level * 16}px`
-            }
+            "class": bem("catalog-leaf")
           }, [renderMaterialCell(material, props.items.indexOf(material))]);
         }
       })]);
@@ -445,9 +538,9 @@ var stdin_default = 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 _createVNode("div", {
         "class": bem("detail-page")
       }, [_createVNode("div", {
@@ -603,9 +696,9 @@ var stdin_default = defineComponent({
         }, null)
       }), (props.showCommonTab || props.showAllTab) && _createVNode(Tabs, {
         "active": activeTab.value,
-        "onUpdate:active": ($event) => activeTab.value = $event,
         "class": bem("tabs"),
-        "shrink": true
+        "shrink": true,
+        "onUpdate:active": setActiveTab
       }, {
         default: () => [props.showCommonTab && _createVNode(Tab, {
           "name": "common",
@@ -620,6 +713,7 @@ var stdin_default = defineComponent({
         "selected": activeKind.value === "material",
         "onClick": () => {
           activeKind.value = "material";
+          expandedKeys.value = getDefaultExpandedKeys();
         }
       }, {
         default: () => [props.materialTabText]
@@ -627,6 +721,7 @@ var stdin_default = defineComponent({
         "selected": activeKind.value === "tool",
         "onClick": () => {
           activeKind.value = "tool";
+          expandedKeys.value = getDefaultExpandedKeys();
         }
       }, {
         default: () => [props.toolTabText]

package/es/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;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/es/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/es/material-add/index.less

@@ -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/es/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[];
 };

package/es/material-detail/MaterialDetail.mjs

@@ -30,6 +30,17 @@ var stdin_default = defineComponent({
     const swipeRef = ref();
     const item = computed(() => props.item);
     const close = () => emit("update:show", false);
+    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 infoRows = computed(() => {
       if (props.fields.length) {
         return props.fields;
@@ -37,14 +48,8 @@ var stdin_default = defineComponent({
       if (!item.value)
         return [];
       const [brand = "-", specification = "-", warehouse = "-"] = item.value.detail.split("\uFF5C");
-      const group = props.categories.find((entry) => entry.categories.some((category2) => {
-        var _a;
-        return category2.value === ((_a = item.value) == null ? void 0 : _a.category);
-      }));
-      const category = group == null ? void 0 : group.categories.find((entry) => {
-        var _a;
-        return entry.value === ((_a = item.value) == null ? void 0 : _a.category);
-      });
+      const group = props.categories.find((entry) => findCategoryPath(entry.categories, item.value.category));
+      const categoryPath = group && findCategoryPath(group.categories, item.value.category);
       return [{
         label: "\u7269\u6599\u540D\u79F0",
         content: item.value.name
@@ -56,7 +61,7 @@ var stdin_default = defineComponent({
         content: "12"
       }, {
         label: "\u6240\u5C5E\u5206\u7C7B",
-        content: category && group ? `${group.text}/${category.text}` : item.value.category
+        content: categoryPath && group ? `${group.text}/${categoryPath.join("/")}` : item.value.category
       }, {
         label: "\u54C1\u724C",
         content: brand

package/es/material-display-bar/index.css

@@ -1 +1 @@
-:root{--van-material-display-bar-padding: 10px var(--van-padding-md);--van-material-display-bar-radius: var(--van-border-radius-lg);--van-material-display-bar-gap: 4px;--van-material-display-bar-fields-gap: 0;--van-material-display-bar-field-label-max-width: 120px;--van-material-display-bar-title-color: var(--van-gray-8);--van-material-display-bar-title-font-size: var(--van-font-size-md);--van-material-display-bar-title-line-height: var(--van-line-height-lg);--van-material-display-bar-title-gap: 2px;--van-material-display-bar-title-icon-size: 12px;--van-material-display-bar-quantity-color: var(--van-orange-700);--van-material-display-bar-quantity-gap: 4px;--van-material-display-bar-quantity-label-gap: 4px}.van-material-display-bar{overflow:hidden;background:var(--van-white)}.van-material-display-bar--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__body{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap);padding:var(--van-material-display-bar-padding)}.van-material-display-bar__header,.van-material-display-bar__quantity,.van-material-display-bar__title{display:flex;align-items:center}.van-material-display-bar__header{justify-content:space-between;gap:var(--van-material-display-bar-gap);min-width:0}.van-material-display-bar__title{flex:1 1 0;min-width:0;gap:var(--van-material-display-bar-title-gap);padding:0;overflow:hidden;color:var(--van-material-display-bar-title-color);font:inherit;font-size:var(--van-material-display-bar-title-font-size);font-weight:400;line-height:var(--van-material-display-bar-title-line-height);text-align:left;background:transparent;border:0;cursor:pointer}.van-material-display-bar__title:active{opacity:var(--van-active-opacity)}.van-material-display-bar__title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__title-arrow{flex:none;color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-icon-size)}.van-material-display-bar__quantity{flex:none;gap:var(--van-material-display-bar-quantity-gap);color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-font-size);line-height:var(--van-material-display-bar-title-line-height);white-space:nowrap}.van-material-display-bar__quantity strong{color:var(--van-material-display-bar-quantity-color);font-weight:var(--van-font-weight-bold)}.van-material-display-bar__quantity-label{margin-right:var(--van-material-display-bar-quantity-label-gap)}.van-material-display-bar__stock-insufficient{flex:none;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md);white-space:nowrap}.van-material-display-bar__fields{display:flex;flex-direction:column;gap:var(--van-material-display-bar-fields-gap);width:100%}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media){min-width:0}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__label{max-width:var(--van-material-display-bar-field-label-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__value,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__text,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__text,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__link{display:block}.van-material-display-bar__divider.van-divider{margin:0 var(--van-padding-md)}.van-material-display-bar__bottom{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap)}.van-material-display-bar__swipe-cell{overflow:hidden;background:var(--van-gray-2)}.van-material-display-bar__swipe-cell--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__delete{width:calc(100% - 8px);height:100%;margin:0 4px;border:0;border-radius:8px}
+:root{--van-material-display-bar-padding: 10px var(--van-padding-md);--van-material-display-bar-radius: var(--van-border-radius-lg);--van-material-display-bar-gap: 4px;--van-material-display-bar-fields-gap: 0;--van-material-display-bar-field-label-max-width: 120px;--van-material-display-bar-title-color: var(--van-gray-8);--van-material-display-bar-title-font-size: var(--van-font-size-md);--van-material-display-bar-title-font-weight: var(--van-font-weight-bold);--van-material-display-bar-title-line-height: var(--van-line-height-lg);--van-material-display-bar-title-gap: 2px;--van-material-display-bar-title-icon-size: 12px;--van-material-display-bar-quantity-color: var(--van-orange-700);--van-material-display-bar-quantity-gap: 4px;--van-material-display-bar-quantity-label-gap: 4px}.van-material-display-bar{overflow:hidden;background:var(--van-white)}.van-material-display-bar--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__body{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap);padding:var(--van-material-display-bar-padding)}.van-material-display-bar__header,.van-material-display-bar__quantity,.van-material-display-bar__title{display:flex;align-items:center}.van-material-display-bar__header{justify-content:space-between;gap:var(--van-material-display-bar-gap);min-width:0}.van-material-display-bar__title{flex:1 1 0;min-width:0;gap:var(--van-material-display-bar-title-gap);padding:0;overflow:hidden;color:var(--van-material-display-bar-title-color);font:inherit;font-size:var(--van-material-display-bar-title-font-size);font-weight:var(--van-material-display-bar-title-font-weight);line-height:var(--van-material-display-bar-title-line-height);text-align:left;background:transparent;border:0;cursor:pointer}.van-material-display-bar__title:active{opacity:var(--van-active-opacity)}.van-material-display-bar__title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__title-arrow{flex:none;color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-icon-size)}.van-material-display-bar__quantity{flex:none;gap:var(--van-material-display-bar-quantity-gap);color:var(--van-material-display-bar-title-color);font-size:var(--van-material-display-bar-title-font-size);line-height:var(--van-material-display-bar-title-line-height);white-space:nowrap}.van-material-display-bar__quantity strong{color:var(--van-material-display-bar-quantity-color);font-weight:var(--van-font-weight-bold)}.van-material-display-bar__quantity-label{margin-right:var(--van-material-display-bar-quantity-label-gap)}.van-material-display-bar__stock-insufficient{flex:none;color:var(--van-red-500);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md);white-space:nowrap}.van-material-display-bar__fields{display:flex;flex-direction:column;gap:var(--van-material-display-bar-fields-gap);width:100%}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media){min-width:0}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__label{max-width:var(--van-material-display-bar-field-label-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__value,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__text,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__text,.van-material-display-bar__field.van-label:not(.van-label--vertical):not(.van-label--tag):not(.van-label--media) .van-label__link{display:block}.van-material-display-bar__divider.van-divider{margin:0 var(--van-padding-md)}.van-material-display-bar__bottom{display:flex;flex-direction:column;gap:var(--van-material-display-bar-gap)}.van-material-display-bar__swipe-cell{overflow:hidden;background:var(--van-gray-2)}.van-material-display-bar__swipe-cell--rounded{border-radius:var(--van-material-display-bar-radius)}.van-material-display-bar__delete{width:calc(100% - 8px);height:100%;margin:0 4px;border:0;border-radius:8px}