persagy-vant 0.0.21

package/es/material-add/MaterialAdd.mjs

@@ -0,0 +1,581 @@
+const import_meta = {};
+import { Transition, Teleport, computed, defineComponent, ref, watch, createVNode as _createVNode, createTextVNode as _createTextVNode, Fragment as _Fragment } from "vue";
+import { ActionSheet } from "../action-sheet/index.mjs";
+import { BlueMarkHeader } from "../blue-mark/index.mjs";
+import { BottomActionBar } from "../bottom-action-bar/index.mjs";
+import { FilterTag } from "../filter-tag/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { NavBar } from "../nav-bar/index.mjs";
+import { Search } from "../search/index.mjs";
+import { Swipe } from "../swipe/index.mjs";
+import { SwipeItem } from "../swipe-item/index.mjs";
+import { Tab } from "../tab/index.mjs";
+import { Tabs } from "../tabs/index.mjs";
+import TreeSelect from "../tree-select/index.mjs";
+import { createNamespace, makeArrayProp, makeStringProp } from "../utils/index.mjs";
+import MaterialAddItemComponent from "./MaterialAddItem.mjs";
+const [name, bem] = createNamespace("material-add");
+const detailBanners = [new URL("./assets/material-banner-motor.png", import_meta.url).href, new URL("./assets/material-banner-blower.png", import_meta.url).href, new URL("./assets/material-banner-coil.png", import_meta.url).href];
+const defaultItems = [{
+  id: "refrigerant",
+  name: "\u5236\u51B7\u5242",
+  detail: "\u970D\u5C3C\u97E6\u5C14\uFF5C300ml/\u7F50\uFF5C\u4E00\u53F7\u5E93\u623F",
+  unit: "\u7F50",
+  available: 4,
+  category: "air-conditioner",
+  kind: "material"
+}, {
+  id: "refrigerant-oil",
+  name: "\u51B7\u51BB\u673A\u6CB9",
+  detail: "\u5927\u91D1DTE Oil\uFF5CPOE\u916F\u7C7B\u6CB9\uFF5C\u4E00\u53F7\u5E93\u623F",
+  unit: "\u6876",
+  available: 6,
+  category: "air-conditioner",
+  kind: "material"
+}, {
+  id: "insulation",
+  name: "\u4FDD\u6E29\u68C9",
+  detail: "\u963F\u4E50\u65AF\uFF5CClassic\u7CFB\u5217\uFF5C\u4E00\u53F7\u5E93\u623F",
+  unit: "\u5377",
+  available: 12,
+  category: "air-conditioner",
+  kind: "material"
+}, {
+  id: "copper-pipe",
+  name: "\u94DC\u7BA1",
+  detail: "\u7D2B\u94DC\u7BA1\uFF5C6m/\u6839\uFF5C\u4E8C\u53F7\u5E93\u623F",
+  unit: "\u6839",
+  available: 18,
+  category: "pipe",
+  kind: "material"
+}, {
+  id: "pipe-insulation",
+  name: "\u4FDD\u6E29\u80F6\u5E26",
+  detail: "3M\uFF5C50mm\xD715m\uFF5C\u4E8C\u53F7\u5E93\u623F",
+  unit: "\u5377",
+  available: 24,
+  category: "pipe",
+  kind: "material"
+}, {
+  id: "pipe-elbow",
+  name: "\u94DC\u7BA1\u5F2F\u5934",
+  detail: "\u7D2B\u94DC\uFF5CDN20\uFF5C\u4E8C\u53F7\u5E93\u623F",
+  unit: "\u4E2A",
+  available: 36,
+  category: "pipe",
+  kind: "material"
+}, {
+  id: "helmet",
+  name: "\u5B89\u5168\u5E3D",
+  detail: "\u970D\u5C3C\u97E6\u5C14\uFF5C\u9EC4\u8272\uFF5C\u5B89\u5168\u7269\u8D44\u5E93",
+  unit: "\u9876",
+  available: 30,
+  category: "safety-protection",
+  kind: "material"
+}, {
+  id: "gloves",
+  name: "\u9632\u5272\u624B\u5957",
+  detail: "\u4EE3\u5C14\u5854\uFF5CL\u7801\uFF5C\u5B89\u5168\u7269\u8D44\u5E93",
+  unit: "\u526F",
+  available: 50,
+  category: "safety-protection",
+  kind: "material"
+}, {
+  id: "vest",
+  name: "\u53CD\u5149\u80CC\u5FC3",
+  detail: "\u8367\u5149\u9EC4\uFF5C\u5747\u7801\uFF5C\u5B89\u5168\u7269\u8D44\u5E93",
+  unit: "\u4EF6",
+  available: 20,
+  category: "safety-signage",
+  kind: "material"
+}, {
+  id: "marker",
+  name: "\u6CB9\u6027\u8BB0\u53F7\u7B14",
+  detail: "\u5F97\u529B\uFF5C\u9ED1\u8272\uFF5C\u529E\u516C\u7269\u8D44\u5E93",
+  unit: "\u652F",
+  available: 40,
+  category: "office-supply",
+  kind: "material"
+}, {
+  id: "notebook",
+  name: "\u5DE1\u68C0\u8BB0\u5F55\u672C",
+  detail: "A5\uFF5C100\u9875\uFF5C\u529E\u516C\u7269\u8D44\u5E93",
+  unit: "\u672C",
+  available: 60,
+  category: "office-records",
+  kind: "material"
+}, {
+  id: "cleaning-cloth",
+  name: "\u65E0\u5C18\u64E6\u62ED\u5E03",
+  detail: "100\u7247/\u5305\uFF5C\u7EFC\u5408\u7269\u8D44\u5E93",
+  unit: "\u5305",
+  available: 16,
+  category: "other-cleaning",
+  kind: "material"
+}, {
+  id: "trash-bag",
+  name: "\u52A0\u539A\u5783\u573E\u888B",
+  detail: "45L\uFF5C30\u53EA/\u5377\uFF5C\u7EFC\u5408\u7269\u8D44\u5E93",
+  unit: "\u5377",
+  available: 22,
+  category: "other-consumables",
+  kind: "material"
+}, {
+  id: "screwdriver",
+  name: "\u5341\u5B57\u87BA\u4E1D\u5200",
+  detail: "\u4E16\u8FBE\uFF5CPH2\uFF5C\u5DE5\u5177\u5E93\u623F",
+  unit: "\u628A",
+  available: 8,
+  category: "hand-tool",
+  kind: "tool"
+}, {
+  id: "wrench",
+  name: "\u6D3B\u52A8\u6273\u624B",
+  detail: "\u4E16\u8FBE\uFF5C10\u82F1\u5BF8\uFF5C\u5DE5\u5177\u5E93\u623F",
+  unit: "\u628A",
+  available: 10,
+  category: "hand-tool",
+  kind: "tool"
+}, {
+  id: "hammer",
+  name: "\u7F8A\u89D2\u9524",
+  detail: "\u4E16\u8FBE\uFF5C0.5\u78C5\uFF5C\u5DE5\u5177\u5E93\u623F",
+  unit: "\u628A",
+  available: 6,
+  category: "hand-tool",
+  kind: "tool"
+}, {
+  id: "multimeter",
+  name: "\u4E07\u7528\u8868",
+  detail: "\u798F\u7984\u514B\uFF5C\u6570\u5B57\u4E07\u7528\u8868\uFF5C\u5DE5\u5177\u5E93\u623F",
+  unit: "\u4E2A",
+  available: 3,
+  category: "meter",
+  kind: "tool"
+}, {
+  id: "laser-level",
+  name: "\u6FC0\u5149\u6D4B\u8DDD\u4EEA",
+  detail: "\u535A\u4E16\uFF5C40m\uFF5C\u5DE5\u5177\u5E93\u623F",
+  unit: "\u53F0",
+  available: 4,
+  category: "meter",
+  kind: "tool"
+}, {
+  id: "ladder",
+  name: "\u4EBA\u5B57\u68AF",
+  detail: "\u94DD\u5408\u91D1\uFF5C2m\uFF5C\u5DE5\u5177\u5E93\u623F",
+  unit: "\u628A",
+  available: 5,
+  category: "installation",
+  kind: "tool"
+}, {
+  id: "vacuum-cleaner",
+  name: "\u5DE5\u4E1A\u5438\u5C18\u5668",
+  detail: "\u5361\u8D6B\uFF5C30L\uFF5C\u5DE5\u5177\u5E93\u623F",
+  unit: "\u53F0",
+  available: 2,
+  category: "cleaning-tool",
+  kind: "tool"
+}];
+const materialAddProps = {
+  show: Boolean,
+  modelValue: makeArrayProp(),
+  items: {
+    type: Array,
+    default: () => defaultItems
+  },
+  title: makeStringProp("\u6DFB\u52A0\u7269\u6599"),
+  confirmText: makeStringProp("\u786E\u5B9A")
+};
+var stdin_default = defineComponent({
+  name,
+  props: materialAddProps,
+  emits: ["update:show", "update:modelValue", "change", "confirm"],
+  setup(props, {
+    emit
+  }) {
+    const activeTab = ref(0);
+    const activeKind = ref("material");
+    const keyword = ref("");
+    const searching = ref(false);
+    const expandedKeys = ref(["material-root", "tool-root"]);
+    const expandedSelected = ref(false);
+    const detailItem = ref();
+    const detailInfoExpanded = ref(true);
+    const detailUsageExpanded = ref(true);
+    const detailNoticeExpanded = ref(true);
+    const detailBannerIndex = ref(0);
+    watch(() => props.show, (show) => {
+      if (show) {
+        activeTab.value = 0;
+        activeKind.value = "material";
+        keyword.value = "";
+        searching.value = false;
+        expandedKeys.value = ["material-root", "tool-root"];
+        expandedSelected.value = false;
+        detailItem.value = void 0;
+        detailInfoExpanded.value = true;
+        detailUsageExpanded.value = true;
+        detailNoticeExpanded.value = true;
+        detailBannerIndex.value = 0;
+      }
+    }, {
+      immediate: true
+    });
+    const quantities = computed(() => props.items.map((_, index) => Math.max(Number(props.modelValue[index] || 0), 0)));
+    const total = computed(() => quantities.value.reduce((sum, value) => sum + value, 0));
+    const selectedItems = computed(() => props.items.map((item, index) => ({
+      item,
+      index,
+      quantity: quantities.value[index]
+    })).filter(({
+      quantity
+    }) => quantity > 0));
+    const visibleItems = computed(() => {
+      const query = keyword.value.trim().toLowerCase();
+      return props.items.filter((item) => {
+        const matchesKind = searching.value || item.kind === activeKind.value;
+        const matchesCategory = searching.value || activeTab.value === 0;
+        const matchesSearch = !query || `${item.name}${item.detail}`.toLowerCase().includes(query);
+        return matchesKind && matchesCategory && matchesSearch;
+      });
+    });
+    const updateQuantities = (values) => {
+      emit("update:modelValue", values);
+      emit("change", values);
+    };
+    const updateQuantity = (index, value) => {
+      const values = quantities.value.slice();
+      values[index] = Math.max(0, value);
+      updateQuantities(values);
+    };
+    const close = () => emit("update:show", false);
+    const clearSelected = () => {
+      updateQuantities(props.items.map(() => 0));
+      expandedSelected.value = false;
+    };
+    const openDetail = (material) => {
+      detailInfoExpanded.value = true;
+      detailUsageExpanded.value = true;
+      detailNoticeExpanded.value = true;
+      detailBannerIndex.value = 0;
+      detailItem.value = material;
+    };
+    const renderMaterialCell = (item, index, selected = false) => _createVNode(MaterialAddItemComponent, {
+      "key": item.id,
+      "item": item,
+      "modelValue": quantities.value[index],
+      "keyword": searching.value ? keyword.value : "",
+      "selected": selected,
+      "onDetail": openDetail,
+      "onUpdate:modelValue": (value) => updateQuantity(index, value)
+    }, null);
+    const renderList = () => _createVNode("div", {
+      "class": bem("material-list")
+    }, [visibleItems.value.length ? visibleItems.value.map((item) => renderMaterialCell(item, props.items.indexOf(item))) : _createVNode("div", {
+      "class": bem("empty")
+    }, [_createTextVNode("\u6682\u65E0\u5339\u914D\u7269\u6599")])]);
+    const renderCatalog = () => {
+      const rootGroups = activeKind.value === "material" ? [{
+        id: "material-root",
+        text: "\u7EF4\u4FEE\u7269\u8D44",
+        categories: ["air-conditioner", "pipe"]
+      }, {
+        id: "safety-root",
+        text: "\u5B89\u5168\u7269\u8D44",
+        categories: ["safety-protection", "safety-signage"]
+      }, {
+        id: "office-root",
+        text: "\u529E\u516C\u7269\u8D44",
+        categories: ["office-supply", "office-records"]
+      }, {
+        id: "other-root",
+        text: "\u5176\u4ED6\u7269\u8D44",
+        categories: ["other-cleaning", "other-consumables"]
+      }] : [{
+        id: "tool-root",
+        text: "\u7EF4\u4FEE\u5DE5\u5177",
+        categories: ["hand-tool"]
+      }, {
+        id: "meter-root",
+        text: "\u6D4B\u91CF\u5DE5\u5177",
+        categories: ["meter"]
+      }, {
+        id: "installation-root",
+        text: "\u5B89\u88C5\u5DE5\u5177",
+        categories: ["installation"]
+      }, {
+        id: "cleaning-tool-root",
+        text: "\u6E05\u6D01\u5DE5\u5177",
+        categories: ["cleaning-tool"]
+      }];
+      const items = rootGroups.map((root) => ({
+        id: root.id,
+        text: root.text,
+        selectable: false,
+        children: props.items.filter((item) => root.categories.includes(item.category)).map((material) => ({
+          id: material.id,
+          text: material.name,
+          selectable: false,
+          material
+        }))
+      }));
+      return _createVNode("div", {
+        "class": bem("tree-card")
+      }, [_createVNode(TreeSelect, {
+        "items": items,
+        "modelValue": [],
+        "expandedKeys": expandedKeys.value,
+        "onUpdate:expandedKeys": (keys) => {
+          expandedKeys.value = keys;
+        }
+      }, {
+        leaf: ({
+          item,
+          level
+        }) => {
+          const material = item.material;
+          return _createVNode("div", {
+            "class": bem("catalog-leaf"),
+            "style": {
+              marginLeft: `${level * 16}px`
+            }
+          }, [renderMaterialCell(material, props.items.indexOf(material))]);
+        }
+      })]);
+    };
+    const renderDetail = () => {
+      const item = detailItem.value;
+      const [brand = "-", specification = "-", warehouse = "-"] = item.detail.split("\uFF5C");
+      const categoryNames = {
+        "air-conditioner": "\u7EF4\u4FEE\u8017\u6750/\u7A7A\u8C03\u8BBE\u5907",
+        pipe: "\u7EF4\u4FEE\u8017\u6750/\u7BA1\u6750\u914D\u4EF6",
+        "safety-protection": "\u5B89\u5168\u7269\u8D44/\u52B3\u52A8\u9632\u62A4",
+        "safety-signage": "\u5B89\u5168\u7269\u8D44/\u5B89\u5168\u6807\u8BC6",
+        "office-supply": "\u529E\u516C\u7269\u8D44/\u529E\u516C\u8017\u6750",
+        "office-records": "\u529E\u516C\u7269\u8D44/\u8BB0\u5F55\u7528\u54C1",
+        "other-cleaning": "\u5176\u4ED6\u7269\u8D44/\u6E05\u6D01\u7528\u54C1",
+        "other-consumables": "\u5176\u4ED6\u7269\u8D44/\u901A\u7528\u8017\u6750",
+        "hand-tool": "\u7EF4\u4FEE\u5DE5\u5177",
+        meter: "\u6D4B\u91CF\u5DE5\u5177",
+        installation: "\u5B89\u88C5\u5DE5\u5177",
+        "cleaning-tool": "\u6E05\u6D01\u5DE5\u5177"
+      };
+      const infoRows = [["\u7269\u6599\u540D\u79F0", item.name], ["\u53EF\u7533\u8BF7", String(item.available || 0)], ["\u5F85\u5165\u5E93", "12"], ["\u6240\u5C5E\u5206\u7C7B", categoryNames[item.category] || (item.kind === "material" ? "\u7EF4\u4FEE\u7269\u8D44" : "\u7EF4\u4FEE\u5DE5\u5177")], ["\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", {
+        "class": bem("detail-banner")
+      }, [_createVNode(Swipe, {
+        "loop": false,
+        "showIndicators": false,
+        "class": bem("detail-swipe"),
+        "onChange": (index) => {
+          detailBannerIndex.value = index;
+        }
+      }, {
+        default: () => [detailBanners.map((src, index) => _createVNode(SwipeItem, {
+          "key": src
+        }, {
+          default: () => [_createVNode("img", {
+            "src": src,
+            "alt": `${item.name}\u56FE\u7247${index + 1}`,
+            "draggable": false,
+            "onDragstart": (event) => event.preventDefault()
+          }, null)]
+        }))]
+      })]), _createVNode("div", {
+        "class": bem("detail-dots"),
+        "aria-label": `\u7B2C ${detailBannerIndex.value + 1} \u5F20\uFF0C\u5171 ${detailBanners.length} \u5F20`
+      }, [detailBanners.map((_, index) => _createVNode("i", {
+        "key": index,
+        "class": {
+          "van-material-add__detail-dot--active": detailBannerIndex.value === index
+        }
+      }, null))]), _createVNode("button", {
+        "type": "button",
+        "class": bem("detail-close"),
+        "aria-label": "\u5173\u95ED\u7269\u6599\u8BE6\u60C5",
+        "onClick": () => {
+          detailItem.value = void 0;
+        }
+      }, [_createVNode(Icon, {
+        "name": "cross",
+        "size": "16"
+      }, null)]), _createVNode("div", {
+        "class": bem("detail-content")
+      }, [_createVNode("div", {
+        "class": bem("detail-body")
+      }, [_createVNode("section", {
+        "class": bem("detail-section")
+      }, [_createVNode(BlueMarkHeader, {
+        "title": "\u57FA\u672C\u4FE1\u606F",
+        "expandable": true,
+        "modelValue": detailInfoExpanded.value,
+        "onUpdate:modelValue": (value) => {
+          detailInfoExpanded.value = value;
+        }
+      }, null), _createVNode(Transition, {
+        "name": "van-material-add-detail-section"
+      }, {
+        default: () => [detailInfoExpanded.value && _createVNode("div", {
+          "class": bem("detail-card")
+        }, [_createVNode("div", {
+          "class": bem("detail-info-rows")
+        }, [infoRows.map(([label, value]) => _createVNode("div", {
+          "class": bem("detail-row"),
+          "key": label
+        }, [_createVNode("span", null, [label]), _createVNode("strong", {
+          "class": label === "\u4ED3\u5E93\u4F4D\u7F6E" || label === "\u5E93\u7BA1\u5458" ? bem("detail-link") : ""
+        }, [value])]))])])]
+      })]), _createVNode("section", {
+        "class": bem("detail-section")
+      }, [_createVNode(BlueMarkHeader, {
+        "title": "\u4F7F\u7528\u8BF4\u660E",
+        "expandable": true,
+        "modelValue": detailUsageExpanded.value,
+        "onUpdate:modelValue": (value) => {
+          detailUsageExpanded.value = value;
+        }
+      }, null), _createVNode(Transition, {
+        "name": "van-material-add-detail-section"
+      }, {
+        default: () => [detailUsageExpanded.value && _createVNode("div", {
+          "class": bem("detail-card")
+        }, [_createTextVNode("\u9002\u7528\u4E8E\u8D85\u5E02\u548C\u5546\u4E1A\u5EFA\u7B51\u7684\u98CE\u51B7\u548C\u6C34\u51B7\u5F0F\u51B7\u6C34\u673A\u7EC4\uFF0C\u4EE5\u53CA\u5176\u4ED6\u4E2D\u6E29\u5E94\u7528\u3002\u5B89\u88C5\u65F6\u8981\u786E\u4FDD\u7CFB\u7EDF\u7684\u5BC6\u5C01\u6027\u826F\u597D\uFF0C\u9632\u6B62\u5236\u51B7\u5242\u6CC4\u6F0F\uFF0C\u5E76\u6309\u7167\u76F8\u5173\u8BBE\u5907\u7684\u5B89\u88C5\u624B\u518C\u8FDB\u884C\u7BA1\u9053\u8FDE\u63A5\u3001\u5145\u6CE8\u7B49\u64CD\u4F5C\u3002")])]
+      })]), _createVNode("section", {
+        "class": bem("detail-section")
+      }, [_createVNode(BlueMarkHeader, {
+        "title": "\u6CE8\u610F\u4E8B\u9879",
+        "expandable": true,
+        "modelValue": detailNoticeExpanded.value,
+        "onUpdate:modelValue": (value) => {
+          detailNoticeExpanded.value = value;
+        }
+      }, null), _createVNode(Transition, {
+        "name": "van-material-add-detail-section"
+      }, {
+        default: () => [detailNoticeExpanded.value && _createVNode("div", {
+          "class": bem("detail-card")
+        }, [_createTextVNode("\u4F7F\u7528\u8FC7\u7A0B\u4E2D\u8981\u5B9A\u671F\u68C0\u67E5\u7CFB\u7EDF\u7684\u538B\u529B\u3001\u6E29\u5EA6\u7B49\u53C2\u6570\uFF0C\u786E\u4FDD\u7CFB\u7EDF\u6B63\u5E38\u8FD0\u884C\u3002\u5982\u51FA\u73B0\u6CC4\u6F0F\u7B49\u95EE\u9898\uFF0C\u8BF7\u53CA\u65F6\u8FDB\u884C\u7EF4\u4FEE\u5904\u7406\u3002")])]
+      })])])])]);
+    };
+    const renderSelectPanel = () => expandedSelected.value && _createVNode("div", {
+      "class": bem("selected-panel")
+    }, [_createVNode("div", {
+      "class": bem("selected-header")
+    }, [_createVNode("button", {
+      "type": "button",
+      "class": bem("clear"),
+      "onClick": clearSelected
+    }, [_createTextVNode("\u6E05\u7A7A\u5DF2\u9009")]), _createVNode("button", {
+      "type": "button",
+      "class": bem("collapse"),
+      "onClick": () => {
+        expandedSelected.value = false;
+      }
+    }, [_createTextVNode("\u6536\u8D77\u5DF2\u9009"), _createVNode(Icon, {
+      "name": "arrow-down"
+    }, null)])]), _createVNode("div", {
+      "class": bem("selected-list")
+    }, [selectedItems.value.map(({
+      item,
+      index
+    }) => renderMaterialCell(item, index, true))])]);
+    return () => _createVNode(ActionSheet, {
+      "show": props.show,
+      "class": bem(),
+      "closeOnClickOverlay": false,
+      "onUpdate:show": (show) => emit("update:show", show)
+    }, {
+      default: () => [_createVNode(_Fragment, null, [searching.value ? _createVNode(Search, {
+        "modelValue": keyword.value,
+        "onUpdate:modelValue": ($event) => keyword.value = $event,
+        "class": bem("search"),
+        "shape": "round",
+        "inputAlign": "left",
+        "autofocus": true,
+        "showAction": true,
+        "placeholder": "\u641C\u7D22\u7269\u8D44/\u5DE5\u5177\u540D\u79F0",
+        "onCancel": () => {
+          searching.value = false;
+          keyword.value = "";
+        }
+      }, null) : _createVNode(_Fragment, null, [_createVNode(NavBar, {
+        "title": props.title,
+        "class": bem("nav")
+      }, {
+        left: () => _createVNode(Icon, {
+          "name": "cross",
+          "size": "22",
+          "onClick": close
+        }, null),
+        right: () => _createVNode(Icon, {
+          "name": "search",
+          "size": "22",
+          "onClick": () => {
+            searching.value = true;
+          }
+        }, null)
+      }), _createVNode(Tabs, {
+        "active": activeTab.value,
+        "onUpdate:active": ($event) => activeTab.value = $event,
+        "class": bem("tabs"),
+        "shrink": true
+      }, {
+        default: () => [_createVNode(Tab, {
+          "title": "\u5E38\u7528\u7269\u6599"
+        }, null), _createVNode(Tab, {
+          "title": "\u5168\u90E8\u7269\u6599"
+        }, null)]
+      }), _createVNode("div", {
+        "class": bem("filter-tags")
+      }, [_createVNode(FilterTag, {
+        "selected": activeKind.value === "material",
+        "onClick": () => {
+          activeKind.value = "material";
+        }
+      }, {
+        default: () => [_createTextVNode("\u7269\u8D44")]
+      }), _createVNode(FilterTag, {
+        "selected": activeKind.value === "tool",
+        "onClick": () => {
+          activeKind.value = "tool";
+        }
+      }, {
+        default: () => [_createTextVNode("\u5DE5\u5177")]
+      })])]), _createVNode("div", {
+        "class": bem("body")
+      }, [searching.value && !keyword.value.trim() ? null : searching.value || activeTab.value === 0 ? renderList() : renderCatalog()]), _createVNode("div", {
+        "class": bem("footer")
+      }, [renderSelectPanel(), _createVNode(BottomActionBar, {
+        "fixed": false,
+        "moreIcon": "passed",
+        "moreText": expandedSelected.value ? "\u6536\u8D77\u5DF2\u9009" : "\u5C55\u5F00\u5DF2\u9009",
+        "moreBadge": total.value,
+        "moreBadgeMax": 99,
+        "moreDisabled": !total.value,
+        "confirmText": props.confirmText,
+        "confirmDisabled": !total.value,
+        "onMore": () => {
+          expandedSelected.value = !expandedSelected.value;
+        },
+        "onConfirm": () => {
+          emit("confirm", quantities.value);
+          close();
+        }
+      }, null)]), _createVNode(Teleport, {
+        "to": "body"
+      }, {
+        default: () => [_createVNode(Transition, {
+          "name": "van-material-add-detail"
+        }, {
+          default: () => [detailItem.value && renderDetail()]
+        })]
+      })])]
+    });
+  }
+});
+export {
+  stdin_default as default
+};

package/es/material-add/MaterialAddItem.d.ts

@@ -0,0 +1,38 @@
+import { type PropType } from 'vue';
+import type { MaterialAddItem } from './types';
+declare const _default: import("vue").DefineComponent<{
+    item: {
+        type: PropType<MaterialAddItem>;
+        required: true;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        required: true;
+    };
+    keyword: {
+        type: StringConstructor;
+        default: string;
+    };
+    selected: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "detail")[], "update:modelValue" | "detail", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<MaterialAddItem>;
+        required: true;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        required: true;
+    };
+    keyword: {
+        type: StringConstructor;
+        default: string;
+    };
+    selected: BooleanConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onDetail?: ((...args: any[]) => any) | undefined;
+}, {
+    selected: boolean;
+    keyword: string;
+}>;
+export default _default;