persagy-vant 0.0.28 → 0.0.30

package/lib/label/index.less

@@ -12,6 +12,11 @@
   --van-label-media-gap: @label-media-gap;
   --van-label-media-size: @label-media-size;
   --van-label-media-radius: @label-media-radius;
+  --van-label-location-color: @label-location-color;
+  --van-label-location-font-size: @label-location-font-size;
+  --van-label-location-line-height: @label-location-line-height;
+  --van-label-location-icon-size: @label-location-icon-size;
+  --van-label-location-gap: @label-location-gap;
 }
 
 .van-label {
@@ -43,6 +48,36 @@
     display: block;
   }
 
+  &--location .van-label__value {
+    display: flex;
+    flex-direction: column;
+    gap: var(--van-label-location-gap);
+    width: 100%;
+  }
+
+  &--location .van-label__link {
+    align-self: flex-start;
+    text-align: left;
+  }
+
+  &__location {
+    display: inline-flex;
+    gap: var(--van-label-location-gap);
+    align-items: center;
+    width: fit-content;
+    max-width: 100%;
+    color: var(--van-label-location-color);
+    font-size: var(--van-label-location-font-size);
+    font-weight: normal;
+    line-height: var(--van-label-location-line-height);
+    overflow-wrap: anywhere;
+
+    .van-icon {
+      flex: none;
+      font-size: var(--van-label-location-icon-size);
+    }
+  }
+
   &--bold .van-label__value {
     color: var(--van-label-bold-color);
     font-weight: var(--van-font-weight-bold);

package/lib/label/var.less

@@ -9,3 +9,8 @@
 @label-media-gap: 6px;
 @label-media-size: 64px;
 @label-media-radius: 4px;
+@label-location-color: var(--van-gray-7);
+@label-location-font-size: var(--van-font-size-sm);
+@label-location-line-height: var(--van-line-height-md);
+@label-location-icon-size: 12px;
+@label-location-gap: 2px;

package/lib/loading/Loading.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-export declare type LoadingType = 'circular' | 'spinner';
+export declare type LoadingType = 'circular' | 'spinner' | 'illustration';
 declare const loadingProps: {
     size: (NumberConstructor | StringConstructor)[];
     type: {

package/lib/loading/Loading.js

@@ -35,6 +35,37 @@ const CircularIcon = (0, import_vue.createVNode)("svg", {
   "r": "20",
   "fill": "none"
 }, null)]);
+const IllustrationIcon = (0, import_vue.createVNode)("svg", {
+  "class": bem("illustration"),
+  "viewBox": "0 0 120 120",
+  "fill": "none",
+  "aria-hidden": "true"
+}, [(0, import_vue.createVNode)("rect", {
+  "x": "18",
+  "y": "24",
+  "width": "84",
+  "height": "78",
+  "rx": "12",
+  "fill": "currentColor",
+  "opacity": "0.16"
+}, null), (0, import_vue.createVNode)("path", {
+  "d": "M35 98V48c0-5.5 4.5-10 10-10h30c5.5 0 10 4.5 10 10v50",
+  "fill": "currentColor",
+  "opacity": "0.72"
+}, null), (0, import_vue.createVNode)("path", {
+  "d": "M48 54h8v11h-8zm16 0h8v11h-8zm-16 22h8v11h-8zm16 0h8v11h-8z",
+  "fill": "white"
+}, null), (0, import_vue.createVNode)("path", {
+  "d": "M56 98V78h8v20",
+  "fill": "white",
+  "opacity": "0.92"
+}, null), (0, import_vue.createVNode)("circle", {
+  "cx": "94",
+  "cy": "31",
+  "r": "9",
+  "fill": "currentColor",
+  "opacity": "0.9"
+}, null)]);
 const loadingProps = {
   size: import_utils.numericProp,
   type: (0, import_utils.makeStringProp)("circular"),
@@ -49,9 +80,13 @@ var stdin_default = (0, import_vue.defineComponent)({
   setup(props, {
     slots
   }) {
-    const spinnerStyle = (0, import_vue.computed)(() => (0, import_utils.extend)({
-      color: props.color
-    }, (0, import_utils.getSizeStyle)(props.size)));
+    const spinnerStyle = (0, import_vue.computed)(() => {
+      var _a;
+      const size = (_a = props.size) != null ? _a : props.type === "illustration" ? 100 : void 0;
+      return (0, import_utils.extend)({
+        color: props.color
+      }, (0, import_utils.getSizeStyle)(size));
+    });
     const renderText = () => {
       var _a;
       if (slots.default) {
@@ -69,6 +104,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         type,
         vertical
       } = props;
+      const isIllustration = type === "illustration";
       return (0, import_vue.createVNode)("div", {
         "class": bem([type, {
           vertical
@@ -78,7 +114,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       }, [(0, import_vue.createVNode)("span", {
         "class": bem("spinner", type),
         "style": spinnerStyle.value
-      }, [type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
+      }, [isIllustration ? IllustrationIcon : type === "spinner" ? SpinIcon : CircularIcon]), renderText()]);
     };
   }
 });

package/lib/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__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}@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: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}

package/lib/loading/index.less

@@ -33,6 +33,14 @@
     &--circular {
       animation-duration: 2s;
     }
+
+    &--illustration { animation: none; }
+  }
+
+  &__illustration {
+    display: block;
+    width: 100%;
+    height: 100%;
   }
 
   &__line {
@@ -83,6 +91,12 @@
       margin: var(--van-padding-xs) 0 0;
     }
   }
+
+  &--vertical&--illustration {
+    .van-loading__text {
+      margin-top: var(--van-padding-xs);
+    }
+  }
 }
 
 @keyframes van-circular {

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

@@ -2,7 +2,6 @@ require("../../style/base.css");
 require("../../badge/index.css");
 require("../../icon/index.css");
 require("../../filter-tag/index.css");
-require("../../blue-mark/index.css");
 require("../../tag/index.css");
 require("../../loading/index.css");
 require("../../button/index.css");
@@ -20,6 +19,8 @@ require("../../cell/index.css");
 require("../../tree-select/index.css");
 require("../../field/index.css");
 require("../../search/index.css");
+require("../../divider/index.css");
+require("../../blue-mark/index.css");
 require("../../sticky/index.css");
 require("../../swipe/index.css");
 require("../../swipe-item/index.css");

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

@@ -2,7 +2,6 @@ require("../../style/base.less");
 require("../../badge/index.less");
 require("../../icon/index.less");
 require("../../filter-tag/index.less");
-require("../../blue-mark/index.less");
 require("../../tag/index.less");
 require("../../loading/index.less");
 require("../../button/index.less");
@@ -20,6 +19,8 @@ require("../../cell/index.less");
 require("../../tree-select/index.less");
 require("../../field/index.less");
 require("../../search/index.less");
+require("../../divider/index.less");
+require("../../blue-mark/index.less");
 require("../../sticky/index.less");
 require("../../swipe/index.less");
 require("../../swipe-item/index.less");

package/lib/multi-person-select/style/index.js

@@ -1,7 +1,6 @@
 require("../../style/base.css");
 require("../../badge/index.css");
 require("../../icon/index.css");
-require("../../blue-mark/index.css");
 require("../../loading/index.css");
 require("../../button/index.css");
 require("../../overlay/index.css");
@@ -17,4 +16,6 @@ require("../../radio/index.css");
 require("../../cell/index.css");
 require("../../field/index.css");
 require("../../search/index.css");
+require("../../divider/index.css");
+require("../../blue-mark/index.css");
 require("../index.css");

package/lib/multi-person-select/style/less.js

@@ -1,7 +1,6 @@
 require("../../style/base.less");
 require("../../badge/index.less");
 require("../../icon/index.less");
-require("../../blue-mark/index.less");
 require("../../loading/index.less");
 require("../../button/index.less");
 require("../../overlay/index.less");
@@ -17,4 +16,6 @@ require("../../radio/index.less");
 require("../../cell/index.less");
 require("../../field/index.less");
 require("../../search/index.less");
+require("../../divider/index.less");
+require("../../blue-mark/index.less");
 require("../index.less");

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

@@ -2,7 +2,6 @@ require("../../style/base.css");
 require("../../badge/index.css");
 require("../../icon/index.css");
 require("../../filter-tag/index.css");
-require("../../blue-mark/index.css");
 require("../../loading/index.css");
 require("../../button/index.css");
 require("../../overlay/index.css");
@@ -19,6 +18,8 @@ require("../../cell/index.css");
 require("../../tree-select/index.css");
 require("../../field/index.css");
 require("../../search/index.css");
+require("../../divider/index.css");
+require("../../blue-mark/index.css");
 require("../../sticky/index.css");
 require("../../swipe/index.css");
 require("../../swipe-item/index.css");

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

@@ -2,7 +2,6 @@ require("../../style/base.less");
 require("../../badge/index.less");
 require("../../icon/index.less");
 require("../../filter-tag/index.less");
-require("../../blue-mark/index.less");
 require("../../loading/index.less");
 require("../../button/index.less");
 require("../../overlay/index.less");
@@ -19,6 +18,8 @@ require("../../cell/index.less");
 require("../../tree-select/index.less");
 require("../../field/index.less");
 require("../../search/index.less");
+require("../../divider/index.less");
+require("../../blue-mark/index.less");
 require("../../sticky/index.less");
 require("../../swipe/index.less");
 require("../../swipe-item/index.less");

package/lib/single-person-select/style/index.js

@@ -1,7 +1,6 @@
 require("../../style/base.css");
 require("../../badge/index.css");
 require("../../icon/index.css");
-require("../../blue-mark/index.css");
 require("../../loading/index.css");
 require("../../overlay/index.css");
 require("../../popup/index.css");
@@ -15,4 +14,6 @@ require("../../radio/index.css");
 require("../../cell/index.css");
 require("../../field/index.css");
 require("../../search/index.css");
+require("../../divider/index.css");
+require("../../blue-mark/index.css");
 require("../index.css");

package/lib/single-person-select/style/less.js

@@ -1,7 +1,6 @@
 require("../../style/base.less");
 require("../../badge/index.less");
 require("../../icon/index.less");
-require("../../blue-mark/index.less");
 require("../../loading/index.less");
 require("../../overlay/index.less");
 require("../../popup/index.less");
@@ -15,4 +14,6 @@ require("../../radio/index.less");
 require("../../cell/index.less");
 require("../../field/index.less");
 require("../../search/index.less");
+require("../../divider/index.less");
+require("../../blue-mark/index.less");
 require("../index.less");

package/lib/tag/Tag.js

@@ -28,7 +28,7 @@ const tagProps = {
   size: (0, import_utils.makeStringProp)("medium"),
   mark: Boolean,
   show: import_utils.truthProp,
-  type: (0, import_utils.makeStringProp)("default"),
+  type: (0, import_utils.makeStringProp)("gray"),
   color: String,
   plain: Boolean,
   round: Boolean,