persagy-vant 0.0.30 → 0.0.32

package/es/material-detail/MaterialDetail.mjs

@@ -0,0 +1,192 @@
+import { Transition, computed, defineComponent, ref, createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
+import { BlueMarkHeader } from "../blue-mark/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Label } from "../label/index.mjs";
+import { Swipe } from "../swipe/index.mjs";
+import { SwipeItem } from "../swipe-item/index.mjs";
+import { createNamespace, makeArrayProp } from "../utils/index.mjs";
+import { Image } from "../image/index.mjs";
+const [name, bem] = createNamespace("material-detail");
+const defaultImages = ["/dog1.jpg", "/dog2.jpg", "/dog3.jpg"];
+const materialDetailProps = {
+  show: Boolean,
+  item: Object,
+  categories: makeArrayProp(),
+  fields: makeArrayProp(),
+  images: makeArrayProp()
+};
+var stdin_default = defineComponent({
+  name,
+  props: materialDetailProps,
+  emits: ["update:show"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const infoExpanded = ref(true);
+    const usageExpanded = ref(true);
+    const noticeExpanded = ref(true);
+    const bannerIndex = ref(0);
+    const item = computed(() => props.item);
+    const close = () => emit("update:show", false);
+    const infoRows = computed(() => {
+      if (props.fields.length) {
+        return props.fields;
+      }
+      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);
+      });
+      return [{
+        label: "\u7269\u6599\u540D\u79F0",
+        content: item.value.name
+      }, {
+        label: "\u53EF\u7533\u8BF7",
+        content: item.value.available || 0
+      }, {
+        label: "\u5F85\u5165\u5E93",
+        content: "12"
+      }, {
+        label: "\u6240\u5C5E\u5206\u7C7B",
+        content: category && group ? `${group.text}/${category.text}` : item.value.category
+      }, {
+        label: "\u54C1\u724C",
+        content: brand
+      }, {
+        label: "\u89C4\u683C",
+        content: specification
+      }, {
+        label: "\u5355\u4F4D",
+        content: item.value.unit
+      }, {
+        label: "\u4F9B\u5E94\u5546",
+        content: "\u6DF1\u5733\u96C6\u5B89"
+      }, {
+        label: "\u4ED3\u5E93\u540D\u79F0",
+        content: warehouse
+      }, {
+        label: "\u4ED3\u5E93\u4F4D\u7F6E",
+        content: "A\u5EA7/B3/\u505C\u8F66\u573A\u5E93\u623F",
+        type: "link"
+      }, {
+        label: "\u5E93\u7BA1\u5458",
+        content: "\u674E\u590D\u6052 13880588688",
+        type: "link"
+      }];
+    });
+    const displayImages = computed(() => props.images.length ? props.images : defaultImages);
+    return () => _createVNode(Transition, {
+      "name": "van-material-detail"
+    }, {
+      default: () => [props.show && item.value ? _createVNode("div", {
+        "class": bem()
+      }, [_createVNode("div", {
+        "class": bem("banner")
+      }, [_createVNode(Swipe, {
+        "loop": false,
+        "showIndicators": false,
+        "class": bem("swipe"),
+        "onChange": (index) => {
+          bannerIndex.value = index;
+        }
+      }, {
+        default: () => [displayImages.value.map((image, index) => _createVNode(SwipeItem, {
+          "key": `${image}-${index}`
+        }, {
+          default: () => [_createVNode(Image, {
+            "class": bem("image"),
+            "src": image,
+            "fit": "cover",
+            "alt": `${item.value.name}\u56FE\u7247${index + 1}`
+          }, null)]
+        }))]
+      })]), _createVNode("div", {
+        "class": bem("dots"),
+        "aria-label": `\u7B2C ${bannerIndex.value + 1} \u5F20\uFF0C\u5171 ${displayImages.value.length} \u5F20`
+      }, [displayImages.value.map((_, index) => _createVNode("i", {
+        "key": index,
+        "class": {
+          "van-material-detail__dot--active": bannerIndex.value === index
+        }
+      }, null))]), _createVNode("button", {
+        "type": "button",
+        "class": bem("close"),
+        "aria-label": "\u5173\u95ED\u7269\u6599\u8BE6\u60C5",
+        "onClick": close
+      }, [_createVNode(Icon, {
+        "name": "cross",
+        "size": "16"
+      }, null)]), _createVNode("div", {
+        "class": bem("content")
+      }, [_createVNode("div", {
+        "class": bem("body")
+      }, [_createVNode("section", {
+        "class": bem("section")
+      }, [_createVNode(BlueMarkHeader, {
+        "title": "\u57FA\u672C\u4FE1\u606F",
+        "expandable": true,
+        "modelValue": infoExpanded.value,
+        "onUpdate:modelValue": (value) => {
+          infoExpanded.value = value;
+        }
+      }, null), _createVNode(Transition, {
+        "name": "van-material-detail-section"
+      }, {
+        default: () => {
+          var _a;
+          return [infoExpanded.value && _createVNode("div", {
+            "class": bem("card")
+          }, [((_a = slots["basic-info"]) == null ? void 0 : _a.call(slots)) || _createVNode("div", {
+            "class": bem("info-rows")
+          }, [infoRows.value.map((field) => _createVNode(Label, {
+            "key": field.label,
+            "label": field.label,
+            "content": String(field.content),
+            "contentAlign": "right",
+            "type": field.type || "default"
+          }, null))])])];
+        }
+      })]), _createVNode("section", {
+        "class": bem("section")
+      }, [_createVNode(BlueMarkHeader, {
+        "title": "\u4F7F\u7528\u8BF4\u660E",
+        "expandable": true,
+        "modelValue": usageExpanded.value,
+        "onUpdate:modelValue": (value) => {
+          usageExpanded.value = value;
+        }
+      }, null), _createVNode(Transition, {
+        "name": "van-material-detail-section"
+      }, {
+        default: () => [usageExpanded.value && _createVNode("div", {
+          "class": bem("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("section")
+      }, [_createVNode(BlueMarkHeader, {
+        "title": "\u6CE8\u610F\u4E8B\u9879",
+        "expandable": true,
+        "modelValue": noticeExpanded.value,
+        "onUpdate:modelValue": (value) => {
+          noticeExpanded.value = value;
+        }
+      }, null), _createVNode(Transition, {
+        "name": "van-material-detail-section"
+      }, {
+        default: () => [noticeExpanded.value && _createVNode("div", {
+          "class": bem("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")])]
+      })])])])]) : null]
+    });
+  }
+});
+export {
+  stdin_default as default
+};

package/es/material-detail/index.css

@@ -0,0 +1 @@
+.van-material-detail{position:fixed;z-index:3000;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--van-gray-2)}.van-material-detail__banner{position:absolute;top:0;right:0;left:0;height:320px;overflow:hidden;background:var(--van-gray-8)}.van-material-detail__swipe{height:320px;touch-action:pan-y}.van-material-detail__image{width:100%;height:310px}.van-material-detail__dots{position:absolute;z-index:2;top:226px;left:50%;display:flex;gap:6px;transform:translate(-50%)}.van-material-detail__dots>i{width:6px;height:6px;background:rgba(255,255,255,.55);border-radius:50%}.van-material-detail__dot--active{background:var(--van-white)!important}.van-material-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-detail__content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;box-sizing:border-box;min-height:0;margin-top:246px;padding-top:var(--van-padding-sm);overflow:hidden;background:var(--van-white);border-radius:16px 16px 0 0}.van-material-detail__body{flex:1;min-height:0;padding:var(--van-padding-md) var(--van-padding-md) 24px;overflow-y:auto}.van-material-detail__section+.van-material-detail__section{margin-top:24px}.van-material-detail__section .van-blue-mark-header{margin-bottom:8px;padding:0}.van-material-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-detail__info-rows{display:flex;flex-direction:column;gap:8px}.van-material-detail-enter-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter);will-change:transform}.van-material-detail-leave-active{transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-leave);will-change:transform}.van-material-detail-enter-from,.van-material-detail-leave-to{transform:translateY(100%)}.van-material-detail-section-enter-active,.van-material-detail-section-leave-active{overflow:hidden;transition:max-height .2s ease,opacity .2s ease}.van-material-detail-section-enter-from,.van-material-detail-section-leave-to{max-height:0;opacity:0}.van-material-detail-section-enter-to,.van-material-detail-section-leave-from{max-height:480px;opacity:1}

package/es/material-detail/index.d.ts

@@ -0,0 +1,40 @@
+export declare const MaterialDetail: import("../utils").WithInstall<import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    item: import("vue").PropType<import("..").MaterialAddItem>;
+    categories: {
+        type: import("vue").PropType<import("..").MaterialAddCategory[]>;
+        default: () => never[];
+    };
+    fields: {
+        type: import("vue").PropType<import("./MaterialDetail").MaterialDetailField[]>;
+        default: () => never[];
+    };
+    images: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: BooleanConstructor;
+    item: import("vue").PropType<import("..").MaterialAddItem>;
+    categories: {
+        type: import("vue").PropType<import("..").MaterialAddCategory[]>;
+        default: () => never[];
+    };
+    fields: {
+        type: import("vue").PropType<import("./MaterialDetail").MaterialDetailField[]>;
+        default: () => never[];
+    };
+    images: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+}>> & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+    fields: import("./MaterialDetail").MaterialDetailField[];
+    images: string[];
+    categories: import("..").MaterialAddCategory[];
+}>>;
+export default MaterialDetail;
+export type { MaterialDetailProps } from './MaterialDetail';

package/es/material-detail/index.less

@@ -0,0 +1,20 @@
+.van-material-detail { position: fixed; z-index: 3000; inset: 0; display: flex; flex-direction: column; overflow: hidden; background: var(--van-gray-2); }
+.van-material-detail__banner { position: absolute; top: 0; right: 0; left: 0; height: 320px; overflow: hidden; background: var(--van-gray-8); }
+.van-material-detail__swipe { height: 320px; touch-action: pan-y; }
+.van-material-detail__image { width: 100%; height: 310px; }
+.van-material-detail__dots { position: absolute; z-index: 2; top: 226px; left: 50%; display: flex; gap: 6px; transform: translateX(-50%); }
+.van-material-detail__dots > i { width: 6px; height: 6px; background: rgb(255 255 255 / 55%); border-radius: 50%; }
+.van-material-detail__dot--active { background: var(--van-white) !important; }
+.van-material-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 rgb(27 33 41 / 10%); }
+.van-material-detail__content { position: relative; z-index: 1; display: flex; flex: 1; flex-direction: column; box-sizing: border-box; min-height: 0; margin-top: 246px; padding-top: var(--van-padding-sm); overflow: hidden; background: var(--van-white); border-radius: 16px 16px 0 0; }
+.van-material-detail__body { flex: 1; min-height: 0; padding: var(--van-padding-md) var(--van-padding-md) 24px; overflow-y: auto; }
+.van-material-detail__section + .van-material-detail__section { margin-top: 24px; }
+.van-material-detail__section .van-blue-mark-header { margin-bottom: 8px; padding: 0; }
+.van-material-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), rgb(241 244 246 / 20%)); border-radius: 8px; }
+.van-material-detail__info-rows { display: flex; flex-direction: column; gap: 8px; }
+.van-material-detail-enter-active { transition: transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter); will-change: transform; }
+.van-material-detail-leave-active { transition: transform var(--van-animation-duration-fast) var(--van-animation-timing-function-leave); will-change: transform; }
+.van-material-detail-enter-from, .van-material-detail-leave-to { transform: translateY(100%); }
+.van-material-detail-section-enter-active, .van-material-detail-section-leave-active { overflow: hidden; transition: max-height .2s ease, opacity .2s ease; }
+.van-material-detail-section-enter-from, .van-material-detail-section-leave-to { max-height: 0; opacity: 0; }
+.van-material-detail-section-enter-to, .van-material-detail-section-leave-from { max-height: 480px; opacity: 1; }

package/es/material-detail/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _MaterialDetail from "./MaterialDetail.mjs";
+const MaterialDetail = withInstall(_MaterialDetail);
+var stdin_default = MaterialDetail;
+export {
+  MaterialDetail,
+  stdin_default as default
+};

package/es/material-detail/style/index.mjs

@@ -0,0 +1,11 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../image/index.css";
+import "../../tag/index.css";
+import "../../label/index.css";
+import "../../divider/index.css";
+import "../../blue-mark/index.css";
+import "../../swipe/index.css";
+import "../../swipe-item/index.css";
+import "../index.css";

package/es/material-detail/style/less.mjs

@@ -0,0 +1,11 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../image/index.less";
+import "../../tag/index.less";
+import "../../label/index.less";
+import "../../divider/index.less";
+import "../../blue-mark/index.less";
+import "../../swipe/index.less";
+import "../../swipe-item/index.less";
+import "../index.less";

package/es/material-display-bar/MaterialDisplayBar.d.ts

@@ -0,0 +1,159 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+import { type LabelMedia, type LabelType } from '../label';
+export declare type MaterialDisplayBarField = {
+    label: string;
+    showLabel?: boolean;
+    showContent?: boolean;
+    content?: string;
+    type?: LabelType;
+    vertical?: boolean;
+    href?: string;
+    tags?: string[];
+    media?: LabelMedia[];
+    visible?: boolean;
+};
+declare const materialDisplayBarProps: {
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    quantity: (NumberConstructor | StringConstructor)[];
+    quantityLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    unit: {
+        type: PropType<string>;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    rounded: BooleanConstructor;
+    stockInsufficient: BooleanConstructor;
+    stockInsufficientText: {
+        type: PropType<string>;
+        default: string;
+    };
+    swipeDelete: BooleanConstructor;
+    deleteText: {
+        type: PropType<string>;
+        default: string;
+    };
+    fields: {
+        type: PropType<MaterialDisplayBarField[]>;
+        default: () => never[];
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+};
+export declare type MaterialDisplayBarProps = ExtractPropTypes<typeof materialDisplayBarProps>;
+declare const _default: import("vue").DefineComponent<{
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    quantity: (NumberConstructor | StringConstructor)[];
+    quantityLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    unit: {
+        type: PropType<string>;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    rounded: BooleanConstructor;
+    stockInsufficient: BooleanConstructor;
+    stockInsufficientText: {
+        type: PropType<string>;
+        default: string;
+    };
+    swipeDelete: BooleanConstructor;
+    deleteText: {
+        type: PropType<string>;
+        default: string;
+    };
+    fields: {
+        type: PropType<MaterialDisplayBarField[]>;
+        default: () => never[];
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "click-title" | "click-media" | "click-field")[], "delete" | "click-title" | "click-media" | "click-field", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    quantity: (NumberConstructor | StringConstructor)[];
+    quantityLabel: {
+        type: PropType<string>;
+        default: string;
+    };
+    unit: {
+        type: PropType<string>;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    rounded: BooleanConstructor;
+    stockInsufficient: BooleanConstructor;
+    stockInsufficientText: {
+        type: PropType<string>;
+        default: string;
+    };
+    swipeDelete: BooleanConstructor;
+    deleteText: {
+        type: PropType<string>;
+        default: string;
+    };
+    fields: {
+        type: PropType<MaterialDisplayBarField[]>;
+        default: () => never[];
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+}>> & {
+    onDelete?: ((...args: any[]) => any) | undefined;
+    "onClick-title"?: ((...args: any[]) => any) | undefined;
+    "onClick-media"?: ((...args: any[]) => any) | undefined;
+    "onClick-field"?: ((...args: any[]) => any) | undefined;
+}, {
+    replace: boolean;
+    name: string;
+    fields: MaterialDisplayBarField[];
+    divider: boolean;
+    showArrow: boolean;
+    unit: string;
+    quantityLabel: string;
+    rounded: boolean;
+    stockInsufficient: boolean;
+    stockInsufficientText: string;
+    swipeDelete: boolean;
+    deleteText: string;
+}>;
+export default _default;

package/es/material-display-bar/MaterialDisplayBar.mjs

@@ -0,0 +1,109 @@
+import { defineComponent, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { Icon } from "../icon/index.mjs";
+import { Divider } from "../divider/index.mjs";
+import { Button } from "../button/index.mjs";
+import { SwipeCell } from "../swipe-cell/index.mjs";
+import { Label } from "../label/index.mjs";
+import { useRoute, routeProps } from "../composables/use-route.mjs";
+import { createNamespace, extend, makeStringProp, numericProp, truthProp } from "../utils/index.mjs";
+const [name, bem] = createNamespace("material-display-bar");
+const materialDisplayBarProps = extend({}, {
+  name: makeStringProp(""),
+  quantity: numericProp,
+  quantityLabel: makeStringProp(""),
+  unit: makeStringProp(""),
+  showArrow: truthProp,
+  rounded: Boolean,
+  stockInsufficient: Boolean,
+  stockInsufficientText: makeStringProp("\u5E93\u5B58\u4E0D\u8DB3\u8BF7\u5DE6\u6ED1\u79FB\u9664"),
+  swipeDelete: Boolean,
+  deleteText: makeStringProp("\u5220\u9664"),
+  fields: {
+    type: Array,
+    default: () => []
+  },
+  divider: truthProp
+}, routeProps);
+var stdin_default = defineComponent({
+  name,
+  props: materialDisplayBarProps,
+  emits: ["click-title", "click-field", "click-media", "delete"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const route = useRoute();
+    const renderField = (field, index) => {
+      if (field.visible === false)
+        return;
+      return _createVNode(Label, {
+        "key": `${field.label}-${index}`,
+        "size": "mini",
+        "label": field.label,
+        "showLabel": field.showLabel,
+        "showContent": field.showContent,
+        "content": field.content,
+        "type": field.type,
+        "vertical": field.vertical,
+        "href": field.href,
+        "tags": field.tags,
+        "media": field.media,
+        "onClick": (event) => emit("click-field", field, index, event),
+        "onClick-media": (item, mediaIndex, event) => emit("click-media", item, mediaIndex, field, index, event)
+      }, null);
+    };
+    const onTitleClick = (event) => {
+      emit("click-title", event);
+      route();
+    };
+    const renderBar = () => {
+      var _a, _b, _c;
+      return _createVNode("section", {
+        "class": bem({
+          rounded: props.rounded
+        })
+      }, [_createVNode("div", {
+        "class": bem("body")
+      }, [_createVNode("div", {
+        "class": bem("header")
+      }, [_createVNode("button", {
+        "type": "button",
+        "class": bem("title"),
+        "onClick": onTitleClick
+      }, [((_a = slots.title) == null ? void 0 : _a.call(slots)) || _createVNode("span", null, [props.name]), props.showArrow && _createVNode(Icon, {
+        "name": "arrow",
+        "class": bem("title-arrow")
+      }, null)]), props.stockInsufficient ? _createVNode("span", {
+        "class": bem("stock-insufficient")
+      }, [props.stockInsufficientText]) : (slots.quantity || props.quantity !== void 0) && _createVNode("div", {
+        "class": bem("quantity")
+      }, [((_b = slots.quantity) == null ? void 0 : _b.call(slots)) || _createVNode(_Fragment, null, [props.quantityLabel && _createVNode("span", {
+        "class": bem("quantity-label")
+      }, [props.quantityLabel]), _createVNode("strong", null, [props.quantity]), props.unit && _createVNode("span", null, [props.unit])])])]), props.fields.filter((field) => field.visible !== false).length > 0 && _createVNode("div", {
+        "class": bem("fields")
+      }, [props.fields.map(renderField)])]), props.divider && _createVNode(Divider, {
+        "hairline": true,
+        "class": bem("divider")
+      }, null), ((_c = slots.default) == null ? void 0 : _c.call(slots)) && _createVNode("div", {
+        "class": bem("bottom")
+      }, [slots.default()])]);
+    };
+    return () => props.swipeDelete ? _createVNode(SwipeCell, {
+      "rightWidth": 76,
+      "class": bem("swipe-cell", {
+        rounded: props.rounded
+      })
+    }, {
+      default: renderBar,
+      right: () => _createVNode(Button, {
+        "type": "danger",
+        "text": props.deleteText,
+        "class": bem("delete"),
+        "onClick": (event) => emit("delete", event)
+      }, null)
+    }) : renderBar();
+  }
+});
+export {
+  stdin_default as default
+};

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

@@ -0,0 +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-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: 2px;--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-padding-sm);min-width:0}.van-material-display-bar__title{min-width:0;gap:var(--van-material-display-bar-title-gap);padding:0;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-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__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}

package/es/material-display-bar/index.d.ts

@@ -0,0 +1,103 @@
+export declare const MaterialDisplayBar: import("../utils").WithInstall<import("vue").DefineComponent<{
+    name: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    quantity: (NumberConstructor | StringConstructor)[];
+    quantityLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    unit: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    rounded: BooleanConstructor;
+    stockInsufficient: BooleanConstructor;
+    stockInsufficientText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    swipeDelete: BooleanConstructor;
+    deleteText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    fields: {
+        type: import("vue").PropType<import("./MaterialDisplayBar").MaterialDisplayBarField[]>;
+        default: () => never[];
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "click-title" | "click-media" | "click-field")[], "delete" | "click-title" | "click-media" | "click-field", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    quantity: (NumberConstructor | StringConstructor)[];
+    quantityLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    unit: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showArrow: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    rounded: BooleanConstructor;
+    stockInsufficient: BooleanConstructor;
+    stockInsufficientText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    swipeDelete: BooleanConstructor;
+    deleteText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    fields: {
+        type: import("vue").PropType<import("./MaterialDisplayBar").MaterialDisplayBarField[]>;
+        default: () => never[];
+    };
+    divider: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+}>> & {
+    onDelete?: ((...args: any[]) => any) | undefined;
+    "onClick-title"?: ((...args: any[]) => any) | undefined;
+    "onClick-media"?: ((...args: any[]) => any) | undefined;
+    "onClick-field"?: ((...args: any[]) => any) | undefined;
+}, {
+    replace: boolean;
+    name: string;
+    fields: import("./MaterialDisplayBar").MaterialDisplayBarField[];
+    divider: boolean;
+    showArrow: boolean;
+    unit: string;
+    quantityLabel: string;
+    rounded: boolean;
+    stockInsufficient: boolean;
+    stockInsufficientText: string;
+    swipeDelete: boolean;
+    deleteText: string;
+}>>;
+export default MaterialDisplayBar;
+export type { MaterialDisplayBarField, MaterialDisplayBarProps } from './MaterialDisplayBar';