persagy-vant 0.0.33 → 0.0.35

package/lib/sidebar-item/index.less

@@ -18,51 +18,77 @@
 
 .van-sidebar-item {
   position: relative;
-  display: block;
+  display: flex;
   box-sizing: border-box;
+  min-height: 60px;
   padding: var(--van-sidebar-padding);
   overflow: hidden;
   color: var(--van-sidebar-text-color);
   font-size: var(--van-sidebar-font-size);
   line-height: var(--van-sidebar-line-height);
+  text-align: center;
   background: var(--van-sidebar-background-color);
   cursor: pointer;
   user-select: none;
 
   &:active {
-    background-color: var(--van-sidebar-active-color);
-  }
-
-  &:not(:last-child)::after {
-    border-bottom-width: 1px;
+    background-color: var(--van-sidebar-background-color);
   }
 
   &__text {
-    // https://github.com/vant-ui/vant/issues/7455
-    word-break: break-all;
+    position: static;
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+    min-width: 0;
+    overflow-wrap: anywhere;
+    word-break: break-word;
   }
 
   &--select {
+    padding: 4px;
     color: var(--van-sidebar-selected-text-color);
     font-weight: var(--van-sidebar-selected-font-weight);
 
     &,
     &:active {
+      background-color: var(--van-sidebar-background-color);
+    }
+
+    .van-sidebar-item__text {
+      min-height: 52px;
+      padding: 0 4px;
       background-color: var(--van-sidebar-selected-background-color);
+      border-radius: var(--van-border-radius-lg);
     }
 
     &::before {
       position: absolute;
-      top: 50%;
-      left: 0;
+      top: 24px;
+      left: 8px;
       width: var(--van-sidebar-selected-border-width);
       height: var(--van-sidebar-selected-border-height);
       background-color: var(--van-sidebar-selected-border-color);
-      transform: translateY(-50%);
+      border-radius: var(--van-border-radius-md);
       content: '';
     }
   }
 
+  .van-badge--fixed {
+    top: 10px;
+    right: 10px;
+    transform: none;
+  }
+
+  .van-badge--dot {
+    top: 20px;
+    right: 14px;
+    width: 6px;
+    height: 6px;
+    background-color: var(--van-red);
+  }
+
   &--disabled {
     color: var(--van-sidebar-disabled-text-color);
     cursor: not-allowed;

package/lib/sidebar-item/var.less

@@ -1,15 +1,15 @@
 @import '../style/var.less';
 
 @sidebar-font-size: var(--van-font-size-md);
-@sidebar-line-height: var(--van-line-height-md);
+@sidebar-line-height: var(--van-line-height-lg);
 @sidebar-text-color: var(--van-text-color);
 @sidebar-disabled-text-color: var(--van-text-color-3);
-@sidebar-padding: 20px var(--van-padding-sm);
+@sidebar-padding: 20px var(--van-padding-xs);
 @sidebar-active-color: var(--van-active-color);
-@sidebar-background-color: var(--van-background-color);
-@sidebar-selected-font-weight: var(--van-font-weight-bold);
-@sidebar-selected-text-color: var(--van-text-color);
-@sidebar-selected-border-width: 4px;
-@sidebar-selected-border-height: 16px;
+@sidebar-background-color: var(--van-gray-2);
+@sidebar-selected-font-weight: 600;
+@sidebar-selected-text-color: var(--van-blue);
+@sidebar-selected-border-width: 3px;
+@sidebar-selected-border-height: 12px;
 @sidebar-selected-border-color: var(--van-primary-color);
 @sidebar-selected-background-color: var(--van-background-color-light);

package/lib/space/Space.d.ts

@@ -40,8 +40,8 @@ declare const _default: import("vue").DefineComponent<{
     wrap: BooleanConstructor;
     fill: BooleanConstructor;
 }>>, {
-    fill: boolean;
     size: string | number | [SpaceSize, SpaceSize];
+    fill: boolean;
     direction: "horizontal" | "vertical";
     wrap: boolean;
 }>;

package/lib/space/index.d.ts

@@ -23,8 +23,8 @@ export declare const Space: import("../utils").WithInstall<import("vue").DefineC
     wrap: BooleanConstructor;
     fill: BooleanConstructor;
 }>>, {
-    fill: boolean;
     size: string | number | [import("./Space").SpaceSize, import("./Space").SpaceSize];
+    fill: boolean;
     direction: "horizontal" | "vertical";
     wrap: boolean;
 }>>;

package/lib/tag/Tag.d.ts

@@ -65,8 +65,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     type: TagType;
     mark: boolean;
-    round: boolean;
     size: TagSize;
+    round: boolean;
     show: boolean;
     plain: boolean;
     closeable: boolean;

package/lib/tag/index.d.ts

@@ -41,8 +41,8 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
 }, {
     type: import("./Tag").TagType;
     mark: boolean;
-    round: boolean;
     size: import("./Tag").TagSize;
+    round: boolean;
     show: boolean;
     plain: boolean;
     closeable: boolean;

package/lib/vant.cjs.js

@@ -512,6 +512,7 @@ const badgeProps = {
   offset: Array,
   content: numericProp,
   showZero: truthProp,
+  size: makeStringProp("default"),
   position: makeStringProp("top-right")
 };
 var stdin_default$25 = vue.defineComponent({
@@ -571,6 +572,7 @@ var stdin_default$25 = vue.defineComponent({
         return vue.createVNode("div", {
           "class": bem$1S([props2.position, {
             dot: props2.dot,
+            mini: props2.size === "mini",
             fixed: !!slots.default
           }]),
           "style": style.value
@@ -710,30 +712,27 @@ const CircularIcon = vue.createVNode("svg", {
 }, null)]);
 const IllustrationIcon = vue.createVNode("svg", {
   "class": bem$1P("illustration"),
-  "viewBox": "0 0 120 120",
-  "role": "img",
-  "aria-label": "Loading"
+  "viewBox": "0 0 100 100",
+  "fill": "none",
+  "aria-hidden": "true"
 }, [vue.createVNode("rect", {
-  "x": "16",
-  "y": "42",
-  "width": "88",
-  "height": "62",
-  "rx": "8",
-  "fill": "currentColor",
-  "opacity": "0.12"
-}, null), vue.createVNode("path", {
-  "d": "M28 42h64v62H28z",
+  "x": "18",
+  "y": "36",
+  "width": "64",
+  "height": "48",
+  "rx": "6",
   "fill": "currentColor",
-  "opacity": "0.24"
+  "opacity": "0.14"
 }, null), vue.createVNode("path", {
-  "d": "M38 54h12v12H38zm18 0h12v12H56zm18 0h12v12H74zM38 74h12v18H38zm18 0h12v18H56zm18 0h12v18H74z",
-  "fill": "currentColor",
-  "opacity": "0.78"
+  "d": "M28 84V46h44v38M39 84V62h22v22M38 51h4m16 0h4M38 57h4m16 0h4",
+  "stroke": "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
 }, null), vue.createVNode("path", {
-  "d": "M48 42V27c0-7 5-12 12-12s12 5 12 12v15",
-  "fill": "none",
+  "d": "M50 18v12m-16-4 8 8m24-8-8 8",
   "stroke": "currentColor",
-  "stroke-width": "8",
+  "stroke-width": "4",
   "stroke-linecap": "round"
 }, null)]);
 const loadingProps = {
@@ -3308,7 +3307,7 @@ const fieldSharedProps = {
   formatter: Function,
   clearIcon: makeStringProp("clear"),
   modelValue: makeNumericProp(""),
-  inputAlign: makeStringProp("left"),
+  inputAlign: String,
   placeholder: String,
   autocomplete: String,
   errorMessage: String,
@@ -3381,6 +3380,7 @@ var stdin_default$1M = vue.defineComponent({
         return form.props[key];
       }
     };
+    const inputAlign = vue.computed(() => getProp("inputAlign") || (props2.labelPosition === "top" ? "left" : "right"));
     const showClear = vue.computed(() => {
       const readonly = getProp("readonly");
       if (props2.clearable && !readonly) {
@@ -3622,7 +3622,7 @@ var stdin_default$1M = vue.defineComponent({
     const getInputId = () => props2.id || `${id}-input`;
     const getValidationStatus = () => state.status;
     const renderInput = () => {
-      const controlClass = bem$1z("control", [getProp("inputAlign"), {
+      const controlClass = bem$1z("control", [inputAlign.value, {
         error: showError.value,
         custom: !!slots.input,
         "min-height": props2.type === "textarea" && !props2.autosize
@@ -12379,6 +12379,7 @@ const searchProps = extend({}, fieldSharedProps, {
   label: String,
   shape: makeStringProp("round"),
   variant: makeStringProp("default"),
+  inputAlign: makeStringProp("left"),
   leftIcon: makeStringProp("search"),
   clearable: truthProp,
   actionText: String,
@@ -13319,6 +13320,7 @@ var stdin_default$C = vue.defineComponent({
     const usageExpanded = vue.ref(true);
     const noticeExpanded = vue.ref(true);
     const bannerIndex = vue.ref(0);
+    const swipeRef = vue.ref();
     const item = vue.computed(() => props2.item);
     const close = () => emit("update:show", false);
     const infoRows = vue.computed(() => {
@@ -13375,14 +13377,18 @@ var stdin_default$C = vue.defineComponent({
     });
     const displayImages = vue.computed(() => props2.images.length ? props2.images : defaultImages);
     return () => vue.createVNode(vue.Transition, {
-      "name": "van-material-detail"
+      "name": "van-material-detail",
+      "onAfterEnter": () => {
+        var _a;
+        return (_a = swipeRef.value) == null ? void 0 : _a.resize();
+      }
     }, {
       default: () => [props2.show && item.value ? vue.createVNode("div", {
         "class": bem$w()
       }, [vue.createVNode("div", {
         "class": bem$w("banner")
       }, [vue.createVNode(Swipe, {
-        "loop": false,
+        "ref": swipeRef,
         "showIndicators": false,
         "class": bem$w("swipe"),
         "onChange": (index) => {
@@ -14217,6 +14223,7 @@ var stdin_default$y = vue.defineComponent({
         return;
       return vue.createVNode(Label, {
         "key": `${field.label}-${index}`,
+        "class": bem$t("field"),
         "size": "mini",
         "label": field.label,
         "showLabel": field.showLabel,
@@ -14283,7 +14290,8 @@ var stdin_default$y = vue.defineComponent({
     }) : renderBar();
   }
 });
-const MaterialDisplayBar = withInstall(stdin_default$y);
+const MaterialPreview = withInstall(stdin_default$y);
+const MaterialDisplayBar = MaterialPreview;
 const [name$s, bem$s] = createNamespace("multi-person-select");
 const defaultGroups$1 = [{
   id: "air-conditioning-a",
@@ -20214,7 +20222,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.33";
+const version = "0.0.35";
 function install(app) {
   const components = [
     ActionBar,
@@ -20407,6 +20415,7 @@ exports.MaterialActionBar = MaterialActionBar;
 exports.MaterialAdd = MaterialAdd;
 exports.MaterialDetail = MaterialDetail;
 exports.MaterialDisplayBar = MaterialDisplayBar;
+exports.MaterialPreview = MaterialPreview;
 exports.MultiPersonSelect = MultiPersonSelect;
 exports.NavBar = NavBar;
 exports.NoticeBar = NoticeBar;

package/lib/vant.es.js

@@ -510,6 +510,7 @@ const badgeProps = {
   offset: Array,
   content: numericProp,
   showZero: truthProp,
+  size: makeStringProp("default"),
   position: makeStringProp("top-right")
 };
 var stdin_default$25 = defineComponent({
@@ -569,6 +570,7 @@ var stdin_default$25 = defineComponent({
         return createVNode("div", {
           "class": bem$1S([props2.position, {
             dot: props2.dot,
+            mini: props2.size === "mini",
             fixed: !!slots.default
           }]),
           "style": style.value
@@ -708,30 +710,27 @@ const CircularIcon = createVNode("svg", {
 }, null)]);
 const IllustrationIcon = createVNode("svg", {
   "class": bem$1P("illustration"),
-  "viewBox": "0 0 120 120",
-  "role": "img",
-  "aria-label": "Loading"
+  "viewBox": "0 0 100 100",
+  "fill": "none",
+  "aria-hidden": "true"
 }, [createVNode("rect", {
-  "x": "16",
-  "y": "42",
-  "width": "88",
-  "height": "62",
-  "rx": "8",
-  "fill": "currentColor",
-  "opacity": "0.12"
-}, null), createVNode("path", {
-  "d": "M28 42h64v62H28z",
+  "x": "18",
+  "y": "36",
+  "width": "64",
+  "height": "48",
+  "rx": "6",
   "fill": "currentColor",
-  "opacity": "0.24"
+  "opacity": "0.14"
 }, null), createVNode("path", {
-  "d": "M38 54h12v12H38zm18 0h12v12H56zm18 0h12v12H74zM38 74h12v18H38zm18 0h12v18H56zm18 0h12v18H74z",
-  "fill": "currentColor",
-  "opacity": "0.78"
+  "d": "M28 84V46h44v38M39 84V62h22v22M38 51h4m16 0h4M38 57h4m16 0h4",
+  "stroke": "currentColor",
+  "stroke-width": "4",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
 }, null), createVNode("path", {
-  "d": "M48 42V27c0-7 5-12 12-12s12 5 12 12v15",
-  "fill": "none",
+  "d": "M50 18v12m-16-4 8 8m24-8-8 8",
   "stroke": "currentColor",
-  "stroke-width": "8",
+  "stroke-width": "4",
   "stroke-linecap": "round"
 }, null)]);
 const loadingProps = {
@@ -3306,7 +3305,7 @@ const fieldSharedProps = {
   formatter: Function,
   clearIcon: makeStringProp("clear"),
   modelValue: makeNumericProp(""),
-  inputAlign: makeStringProp("left"),
+  inputAlign: String,
   placeholder: String,
   autocomplete: String,
   errorMessage: String,
@@ -3379,6 +3378,7 @@ var stdin_default$1M = defineComponent({
         return form.props[key];
       }
     };
+    const inputAlign = computed(() => getProp("inputAlign") || (props2.labelPosition === "top" ? "left" : "right"));
     const showClear = computed(() => {
       const readonly = getProp("readonly");
       if (props2.clearable && !readonly) {
@@ -3620,7 +3620,7 @@ var stdin_default$1M = defineComponent({
     const getInputId = () => props2.id || `${id}-input`;
     const getValidationStatus = () => state.status;
     const renderInput = () => {
-      const controlClass = bem$1z("control", [getProp("inputAlign"), {
+      const controlClass = bem$1z("control", [inputAlign.value, {
         error: showError.value,
         custom: !!slots.input,
         "min-height": props2.type === "textarea" && !props2.autosize
@@ -12377,6 +12377,7 @@ const searchProps = extend({}, fieldSharedProps, {
   label: String,
   shape: makeStringProp("round"),
   variant: makeStringProp("default"),
+  inputAlign: makeStringProp("left"),
   leftIcon: makeStringProp("search"),
   clearable: truthProp,
   actionText: String,
@@ -13317,6 +13318,7 @@ var stdin_default$C = defineComponent({
     const usageExpanded = ref(true);
     const noticeExpanded = ref(true);
     const bannerIndex = ref(0);
+    const swipeRef = ref();
     const item = computed(() => props2.item);
     const close = () => emit("update:show", false);
     const infoRows = computed(() => {
@@ -13373,14 +13375,18 @@ var stdin_default$C = defineComponent({
     });
     const displayImages = computed(() => props2.images.length ? props2.images : defaultImages);
     return () => createVNode(Transition, {
-      "name": "van-material-detail"
+      "name": "van-material-detail",
+      "onAfterEnter": () => {
+        var _a;
+        return (_a = swipeRef.value) == null ? void 0 : _a.resize();
+      }
     }, {
       default: () => [props2.show && item.value ? createVNode("div", {
         "class": bem$w()
       }, [createVNode("div", {
         "class": bem$w("banner")
       }, [createVNode(Swipe, {
-        "loop": false,
+        "ref": swipeRef,
         "showIndicators": false,
         "class": bem$w("swipe"),
         "onChange": (index) => {
@@ -14215,6 +14221,7 @@ var stdin_default$y = defineComponent({
         return;
       return createVNode(Label, {
         "key": `${field.label}-${index}`,
+        "class": bem$t("field"),
         "size": "mini",
         "label": field.label,
         "showLabel": field.showLabel,
@@ -14281,7 +14288,8 @@ var stdin_default$y = defineComponent({
     }) : renderBar();
   }
 });
-const MaterialDisplayBar = withInstall(stdin_default$y);
+const MaterialPreview = withInstall(stdin_default$y);
+const MaterialDisplayBar = MaterialPreview;
 const [name$s, bem$s] = createNamespace("multi-person-select");
 const defaultGroups$1 = [{
   id: "air-conditioning-a",
@@ -20212,7 +20220,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.33";
+const version = "0.0.35";
 function install(app) {
   const components = [
     ActionBar,
@@ -20406,6 +20414,7 @@ export {
   MaterialAdd,
   MaterialDetail,
   MaterialDisplayBar,
+  MaterialPreview,
   MultiPersonSelect,
   NavBar,
   NoticeBar,

package/lib/vant.js

@@ -867,6 +867,7 @@
     offset: Array,
     content: numericProp,
     showZero: truthProp,
+    size: makeStringProp("default"),
     position: makeStringProp("top-right")
   };
   var stdin_default$25 = vue.defineComponent({
@@ -926,6 +927,7 @@
           return vue.createVNode("div", {
             "class": bem$1S([props2.position, {
               dot: props2.dot,
+              mini: props2.size === "mini",
               fixed: !!slots.default
             }]),
             "style": style.value
@@ -1065,30 +1067,27 @@
   }, null)]);
   const IllustrationIcon = vue.createVNode("svg", {
     "class": bem$1P("illustration"),
-    "viewBox": "0 0 120 120",
-    "role": "img",
-    "aria-label": "Loading"
+    "viewBox": "0 0 100 100",
+    "fill": "none",
+    "aria-hidden": "true"
   }, [vue.createVNode("rect", {
-    "x": "16",
-    "y": "42",
-    "width": "88",
-    "height": "62",
-    "rx": "8",
-    "fill": "currentColor",
-    "opacity": "0.12"
-  }, null), vue.createVNode("path", {
-    "d": "M28 42h64v62H28z",
+    "x": "18",
+    "y": "36",
+    "width": "64",
+    "height": "48",
+    "rx": "6",
     "fill": "currentColor",
-    "opacity": "0.24"
+    "opacity": "0.14"
   }, null), vue.createVNode("path", {
-    "d": "M38 54h12v12H38zm18 0h12v12H56zm18 0h12v12H74zM38 74h12v18H38zm18 0h12v18H56zm18 0h12v18H74z",
-    "fill": "currentColor",
-    "opacity": "0.78"
+    "d": "M28 84V46h44v38M39 84V62h22v22M38 51h4m16 0h4M38 57h4m16 0h4",
+    "stroke": "currentColor",
+    "stroke-width": "4",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
   }, null), vue.createVNode("path", {
-    "d": "M48 42V27c0-7 5-12 12-12s12 5 12 12v15",
-    "fill": "none",
+    "d": "M50 18v12m-16-4 8 8m24-8-8 8",
     "stroke": "currentColor",
-    "stroke-width": "8",
+    "stroke-width": "4",
     "stroke-linecap": "round"
   }, null)]);
   const loadingProps = {
@@ -3652,7 +3651,7 @@
     formatter: Function,
     clearIcon: makeStringProp("clear"),
     modelValue: makeNumericProp(""),
-    inputAlign: makeStringProp("left"),
+    inputAlign: String,
     placeholder: String,
     autocomplete: String,
     errorMessage: String,
@@ -3725,6 +3724,7 @@
           return form.props[key];
         }
       };
+      const inputAlign = vue.computed(() => getProp("inputAlign") || (props2.labelPosition === "top" ? "left" : "right"));
       const showClear = vue.computed(() => {
         const readonly = getProp("readonly");
         if (props2.clearable && !readonly) {
@@ -3966,7 +3966,7 @@
       const getInputId = () => props2.id || `${id}-input`;
       const getValidationStatus = () => state.status;
       const renderInput = () => {
-        const controlClass = bem$1z("control", [getProp("inputAlign"), {
+        const controlClass = bem$1z("control", [inputAlign.value, {
           error: showError.value,
           custom: !!slots.input,
           "min-height": props2.type === "textarea" && !props2.autosize
@@ -13572,6 +13572,7 @@
     label: String,
     shape: makeStringProp("round"),
     variant: makeStringProp("default"),
+    inputAlign: makeStringProp("left"),
     leftIcon: makeStringProp("search"),
     clearable: truthProp,
     actionText: String,
@@ -14512,6 +14513,7 @@
       const usageExpanded = vue.ref(true);
       const noticeExpanded = vue.ref(true);
       const bannerIndex = vue.ref(0);
+      const swipeRef = vue.ref();
       const item = vue.computed(() => props2.item);
       const close = () => emit("update:show", false);
       const infoRows = vue.computed(() => {
@@ -14568,14 +14570,18 @@
       });
       const displayImages = vue.computed(() => props2.images.length ? props2.images : defaultImages);
       return () => vue.createVNode(vue.Transition, {
-        "name": "van-material-detail"
+        "name": "van-material-detail",
+        "onAfterEnter": () => {
+          var _a;
+          return (_a = swipeRef.value) == null ? void 0 : _a.resize();
+        }
       }, {
         default: () => [props2.show && item.value ? vue.createVNode("div", {
           "class": bem$w()
         }, [vue.createVNode("div", {
           "class": bem$w("banner")
         }, [vue.createVNode(Swipe, {
-          "loop": false,
+          "ref": swipeRef,
           "showIndicators": false,
           "class": bem$w("swipe"),
           "onChange": (index) => {
@@ -15410,6 +15416,7 @@
           return;
         return vue.createVNode(Label, {
           "key": `${field.label}-${index}`,
+          "class": bem$t("field"),
           "size": "mini",
           "label": field.label,
           "showLabel": field.showLabel,
@@ -15476,7 +15483,8 @@
       }) : renderBar();
     }
   });
-  const MaterialDisplayBar = withInstall(stdin_default$y);
+  const MaterialPreview = withInstall(stdin_default$y);
+  const MaterialDisplayBar = MaterialPreview;
   const [name$s, bem$s] = createNamespace("multi-person-select");
   const defaultGroups$1 = [{
     id: "air-conditioning-a",
@@ -23801,7 +23809,7 @@
       });
     }
   };
-  const version = "0.0.33";
+  const version = "0.0.35";
   function install(app) {
     const components = [
       ActionBar,
@@ -23994,6 +24002,7 @@
   exports2.MaterialAdd = MaterialAdd;
   exports2.MaterialDetail = MaterialDetail;
   exports2.MaterialDisplayBar = MaterialDisplayBar;
+  exports2.MaterialPreview = MaterialPreview;
   exports2.MultiPersonSelect = MultiPersonSelect;
   exports2.NavBar = NavBar;
   exports2.NoticeBar = NoticeBar;