persagy-vant 0.0.27 → 0.0.28

package/es/cascader/Cascader.d.ts

@@ -90,7 +90,7 @@ declare const _default: import("vue").DefineComponent<{
     closeIcon: string;
     closeable: boolean;
     options: CascaderOption[];
-    showHeader: boolean;
     swipeable: boolean;
+    showHeader: boolean;
 }>;
 export default _default;

package/es/cascader/index.d.ts

@@ -60,8 +60,8 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     closeIcon: string;
     closeable: boolean;
     options: import("./types").CascaderOption[];
-    showHeader: boolean;
     swipeable: boolean;
+    showHeader: boolean;
 }>>;
 export default Cascader;
 export type { CascaderProps } from './Cascader';

package/es/coupon-list/style/index.mjs

@@ -13,10 +13,10 @@ import "../../radio-group/index.css";
 import "../../radio/index.css";
 import "../../cell/index.css";
 import "../../field/index.css";
-import "../../empty/index.css";
 import "../../sticky/index.css";
 import "../../swipe/index.css";
 import "../../swipe-item/index.css";
 import "../../tabs/index.css";
 import "../../tab/index.css";
+import "../../empty/index.css";
 import "../index.css";

package/es/coupon-list/style/less.mjs

@@ -13,10 +13,10 @@ import "../../radio-group/index.less";
 import "../../radio/index.less";
 import "../../cell/index.less";
 import "../../field/index.less";
-import "../../empty/index.less";
 import "../../sticky/index.less";
 import "../../swipe/index.less";
 import "../../swipe-item/index.less";
 import "../../tabs/index.less";
 import "../../tab/index.less";
+import "../../empty/index.less";
 import "../index.less";

package/es/index.d.ts

@@ -8,7 +8,6 @@ export * from "./area";
 export * from "./background";
 export * from "./badge";
 export * from "./blue-mark";
-export * from "./bot-mobile";
 export * from "./bottom-action-bar";
 export * from "./button";
 export * from "./calendar";
@@ -50,6 +49,7 @@ export * from "./image";
 export * from "./image-preview";
 export * from "./index-anchor";
 export * from "./index-bar";
+export * from "./label";
 export * from "./lazyload";
 export * from "./list";
 export * from "./loading";
@@ -110,4 +110,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "0.0.27";
+export const version: "0.0.28";

package/es/index.mjs

@@ -8,7 +8,6 @@ import { Area } from "./area/index.mjs";
 import { Background } from "./background/index.mjs";
 import { Badge } from "./badge/index.mjs";
 import { BlueMark } from "./blue-mark/index.mjs";
-import { BotMobile } from "./bot-mobile/index.mjs";
 import { BottomActionBar } from "./bottom-action-bar/index.mjs";
 import { Button } from "./button/index.mjs";
 import { Calendar } from "./calendar/index.mjs";
@@ -50,6 +49,7 @@ import { Image } from "./image/index.mjs";
 import { ImagePreview } from "./image-preview/index.mjs";
 import { IndexAnchor } from "./index-anchor/index.mjs";
 import { IndexBar } from "./index-bar/index.mjs";
+import { Label } from "./label/index.mjs";
 import { List } from "./list/index.mjs";
 import { Loading } from "./loading/index.mjs";
 import { Locale } from "./locale/index.mjs";
@@ -103,7 +103,7 @@ import { Uploader } from "./uploader/index.mjs";
 import { VideoPreview } from "./video-preview/index.mjs";
 import { WorkOrderCard } from "./work-order-card/index.mjs";
 import { WorkOrderFilter } from "./work-order-filter/index.mjs";
-const version = "0.0.27";
+const version = "0.0.28";
 function install(app) {
   const components = [
     ActionBar,
@@ -116,7 +116,6 @@ function install(app) {
     Background,
     Badge,
     BlueMark,
-    BotMobile,
     BottomActionBar,
     Button,
     Calendar,
@@ -158,6 +157,7 @@ function install(app) {
     ImagePreview,
     IndexAnchor,
     IndexBar,
+    Label,
     List,
     Loading,
     Locale,
@@ -230,7 +230,6 @@ export * from "./area/index.mjs";
 export * from "./background/index.mjs";
 export * from "./badge/index.mjs";
 export * from "./blue-mark/index.mjs";
-export * from "./bot-mobile/index.mjs";
 export * from "./bottom-action-bar/index.mjs";
 export * from "./button/index.mjs";
 export * from "./calendar/index.mjs";
@@ -272,6 +271,7 @@ export * from "./image/index.mjs";
 export * from "./image-preview/index.mjs";
 export * from "./index-anchor/index.mjs";
 export * from "./index-bar/index.mjs";
+export * from "./label/index.mjs";
 export * from "./lazyload/index.mjs";
 export * from "./list/index.mjs";
 export * from "./loading/index.mjs";

package/es/label/Label.d.ts

@@ -0,0 +1,92 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+export declare type LabelType = 'default' | 'bold' | 'link' | 'tag' | 'media';
+export declare type LabelMediaType = 'image' | 'video';
+export declare type LabelMedia = {
+    url: string;
+    type?: LabelMediaType;
+    poster?: string;
+    alt?: string;
+};
+declare const labelProps: {
+    label: {
+        type: PropType<string>;
+        default: string;
+    };
+    content: {
+        type: PropType<string>;
+        default: string;
+    };
+    type: {
+        type: PropType<LabelType>;
+        default: LabelType;
+    };
+    vertical: BooleanConstructor;
+    href: StringConstructor;
+    tags: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    media: {
+        type: PropType<LabelMedia[]>;
+        default: () => never[];
+    };
+};
+export declare type LabelProps = ExtractPropTypes<typeof labelProps>;
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: PropType<string>;
+        default: string;
+    };
+    content: {
+        type: PropType<string>;
+        default: string;
+    };
+    type: {
+        type: PropType<LabelType>;
+        default: LabelType;
+    };
+    vertical: BooleanConstructor;
+    href: StringConstructor;
+    tags: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    media: {
+        type: PropType<LabelMedia[]>;
+        default: () => never[];
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-media")[], "click" | "click-media", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    label: {
+        type: PropType<string>;
+        default: string;
+    };
+    content: {
+        type: PropType<string>;
+        default: string;
+    };
+    type: {
+        type: PropType<LabelType>;
+        default: LabelType;
+    };
+    vertical: BooleanConstructor;
+    href: StringConstructor;
+    tags: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    media: {
+        type: PropType<LabelMedia[]>;
+        default: () => never[];
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onClick-media"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: LabelType;
+    label: string;
+    content: string;
+    tags: string[];
+    media: LabelMedia[];
+    vertical: boolean;
+}>;
+export default _default;

package/es/label/Label.mjs

@@ -0,0 +1,95 @@
+import { computed, defineComponent, createVNode as _createVNode } from "vue";
+import { createNamespace, makeStringProp } from "../utils/index.mjs";
+import { Image } from "../image/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Tag } from "../tag/index.mjs";
+const [name, bem] = createNamespace("label");
+const labelProps = {
+  label: makeStringProp(""),
+  content: makeStringProp(""),
+  type: makeStringProp("default"),
+  vertical: Boolean,
+  href: String,
+  tags: {
+    type: Array,
+    default: () => []
+  },
+  media: {
+    type: Array,
+    default: () => []
+  }
+};
+var stdin_default = defineComponent({
+  name,
+  props: labelProps,
+  emits: ["click", "click-media"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const vertical = computed(() => props.vertical || props.type === "media");
+    const renderText = () => {
+      var _a;
+      const content = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || props.content;
+      if (props.type === "link") {
+        return props.href ? _createVNode("a", {
+          "class": bem("link"),
+          "href": props.href,
+          "onClick": (event) => emit("click", event)
+        }, [content]) : _createVNode("button", {
+          "class": bem("link"),
+          "type": "button",
+          "onClick": (event) => emit("click", event)
+        }, [content]);
+      }
+      return _createVNode("span", {
+        "class": bem("text")
+      }, [content]);
+    };
+    const renderTags = () => _createVNode("div", {
+      "class": bem("tags")
+    }, [props.tags.map((tag) => _createVNode(Tag, {
+      "key": tag,
+      "type": "gray"
+    }, {
+      default: () => [tag]
+    }))]);
+    const renderMedia = () => _createVNode("div", {
+      "class": bem("media")
+    }, [props.media.map((item, index) => _createVNode("button", {
+      "key": `${item.url}-${index}`,
+      "class": bem("media-item"),
+      "type": "button",
+      "onClick": (event) => emit("click-media", item, index, event)
+    }, [_createVNode(Image, {
+      "src": item.type === "video" ? item.poster || item.url : item.url,
+      "alt": item.alt,
+      "width": "64",
+      "height": "64",
+      "radius": "4",
+      "fit": "cover"
+    }, null), item.type === "video" && _createVNode(Icon, {
+      "name": "play-circle-o",
+      "class": bem("play")
+    }, null)]))]);
+    const renderContent = () => {
+      if (props.type === "tag")
+        return renderTags();
+      if (props.type === "media")
+        return renderMedia();
+      return renderText();
+    };
+    return () => _createVNode("div", {
+      "class": bem([props.type, {
+        vertical: vertical.value
+      }])
+    }, [_createVNode("span", {
+      "class": bem("label")
+    }, [props.label]), _createVNode("div", {
+      "class": bem("value")
+    }, [renderContent()])]);
+  }
+});
+export {
+  stdin_default as default
+};

package/es/label/index.css

@@ -0,0 +1 @@
+:root{--van-label-font-size: var(--van-font-size-md);--van-label-line-height: var(--van-line-height-lg);--van-label-label-color: var(--van-gray-7);--van-label-value-color: var(--van-black);--van-label-bold-color: var(--van-gray-8);--van-label-link-color: var(--van-primary-color);--van-label-gap: 2px;--van-label-tags-gap: 4px;--van-label-media-gap: 6px;--van-label-media-size: 64px;--van-label-media-radius: 4px}.van-label{display:flex;align-items:flex-start;gap:var(--van-label-gap);color:var(--van-label-value-color);font-size:var(--van-label-font-size);line-height:var(--van-label-line-height)}.van-label--vertical{flex-direction:column}.van-label__label{flex:none;color:var(--van-label-label-color);white-space:nowrap}.van-label__value{flex:1;min-width:0;color:inherit;overflow-wrap:anywhere}.van-label__text{display:block}.van-label--bold .van-label__value{color:var(--van-label-bold-color);font-weight:var(--van-font-weight-bold)}.van-label__link{display:inline;padding:0;color:var(--van-label-link-color);font:inherit;font-weight:var(--van-font-weight-bold);text-decoration:none;background:transparent;border:0;cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__link:active{opacity:var(--van-active-opacity)}.van-label__tags,.van-label__media{display:flex;flex-wrap:wrap;align-items:flex-start}.van-label__tags{gap:var(--van-label-tags-gap);min-height:var(--van-label-line-height);align-items:center}.van-label__media{gap:var(--van-label-media-gap);width:100%}.van-label__media-item{position:relative;flex:none;width:var(--van-label-media-size);height:var(--van-label-media-size);padding:0;overflow:hidden;background:transparent;border:0;border-radius:var(--van-label-media-radius);cursor:pointer;transition:opacity var(--van-animation-duration-fast)}.van-label__media-item:active{opacity:var(--van-active-opacity)}.van-label__play{position:absolute;top:50%;left:50%;color:var(--van-white);font-size:24px;transform:translate(-50%,-50%);text-shadow:0 1px 2px rgba(0,0,0,.45)}

package/es/label/index.d.ts

@@ -0,0 +1,64 @@
+export declare const Label: import("../utils").WithInstall<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    type: {
+        type: import("vue").PropType<import("./Label").LabelType>;
+        default: import("./Label").LabelType;
+    };
+    vertical: BooleanConstructor;
+    href: StringConstructor;
+    tags: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    media: {
+        type: import("vue").PropType<import("./Label").LabelMedia[]>;
+        default: () => never[];
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "click-media")[], "click" | "click-media", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    type: {
+        type: import("vue").PropType<import("./Label").LabelType>;
+        default: import("./Label").LabelType;
+    };
+    vertical: BooleanConstructor;
+    href: StringConstructor;
+    tags: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    media: {
+        type: import("vue").PropType<import("./Label").LabelMedia[]>;
+        default: () => never[];
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onClick-media"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: import("./Label").LabelType;
+    label: string;
+    content: string;
+    tags: string[];
+    media: import("./Label").LabelMedia[];
+    vertical: boolean;
+}>>;
+export default Label;
+export type { LabelMedia, LabelMediaType, LabelProps, LabelType } from './Label';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanLabel: typeof Label;
+    }
+}

package/es/label/index.less

@@ -0,0 +1,113 @@
+@import './var.less';
+
+:root {
+  --van-label-font-size: @label-font-size;
+  --van-label-line-height: @label-line-height;
+  --van-label-label-color: @label-label-color;
+  --van-label-value-color: @label-value-color;
+  --van-label-bold-color: @label-bold-color;
+  --van-label-link-color: @label-link-color;
+  --van-label-gap: @label-gap;
+  --van-label-tags-gap: @label-tags-gap;
+  --van-label-media-gap: @label-media-gap;
+  --van-label-media-size: @label-media-size;
+  --van-label-media-radius: @label-media-radius;
+}
+
+.van-label {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--van-label-gap);
+  color: var(--van-label-value-color);
+  font-size: var(--van-label-font-size);
+  line-height: var(--van-label-line-height);
+
+  &--vertical {
+    flex-direction: column;
+  }
+
+  &__label {
+    flex: none;
+    color: var(--van-label-label-color);
+    white-space: nowrap;
+  }
+
+  &__value {
+    flex: 1;
+    min-width: 0;
+    color: inherit;
+    overflow-wrap: anywhere;
+  }
+
+  &__text {
+    display: block;
+  }
+
+  &--bold .van-label__value {
+    color: var(--van-label-bold-color);
+    font-weight: var(--van-font-weight-bold);
+  }
+
+  &__link {
+    display: inline;
+    padding: 0;
+    color: var(--van-label-link-color);
+    font: inherit;
+    font-weight: var(--van-font-weight-bold);
+    text-decoration: none;
+    background: transparent;
+    border: 0;
+    cursor: pointer;
+    transition: opacity var(--van-animation-duration-fast);
+
+    &:active {
+      opacity: var(--van-active-opacity);
+    }
+  }
+
+  &__tags,
+  &__media {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+  }
+
+  &__tags {
+    gap: var(--van-label-tags-gap);
+    min-height: var(--van-label-line-height);
+    align-items: center;
+  }
+
+  &__media {
+    gap: var(--van-label-media-gap);
+    width: 100%;
+  }
+
+  &__media-item {
+    position: relative;
+    flex: none;
+    width: var(--van-label-media-size);
+    height: var(--van-label-media-size);
+    padding: 0;
+    overflow: hidden;
+    background: transparent;
+    border: 0;
+    border-radius: var(--van-label-media-radius);
+    cursor: pointer;
+    transition: opacity var(--van-animation-duration-fast);
+
+    &:active {
+      opacity: var(--van-active-opacity);
+    }
+  }
+
+  &__play {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    color: var(--van-white);
+    font-size: 24px;
+    transform: translate(-50%, -50%);
+    text-shadow: 0 1px 2px rgb(0 0 0 / 45%);
+  }
+}

package/es/label/index.mjs

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

package/es/label/style/index.mjs

@@ -0,0 +1,6 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../image/index.css";
+import "../../tag/index.css";
+import "../index.css";

package/es/label/style/less.mjs

@@ -0,0 +1,6 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../image/index.less";
+import "../../tag/index.less";
+import "../index.less";

package/es/label/var.less

@@ -0,0 +1,11 @@
+@label-font-size: var(--van-font-size-md);
+@label-line-height: var(--van-line-height-lg);
+@label-label-color: var(--van-gray-7);
+@label-value-color: var(--van-black);
+@label-bold-color: var(--van-gray-8);
+@label-link-color: var(--van-primary-color);
+@label-gap: 2px;
+@label-tags-gap: 4px;
+@label-media-gap: 6px;
+@label-media-size: 64px;
+@label-media-radius: 4px;

package/es/location-select/style/index.mjs

@@ -17,8 +17,8 @@ import "../../radio/index.css";
 import "../../cell/index.css";
 import "../../tree-select/index.css";
 import "../../field/index.css";
-import "../../dialog/index.css";
 import "../../search/index.css";
+import "../../dialog/index.css";
 import "../../sticky/index.css";
 import "../../swipe/index.css";
 import "../../swipe-item/index.css";

package/es/location-select/style/less.mjs

@@ -17,8 +17,8 @@ import "../../radio/index.less";
 import "../../cell/index.less";
 import "../../tree-select/index.less";
 import "../../field/index.less";
-import "../../dialog/index.less";
 import "../../search/index.less";
+import "../../dialog/index.less";
 import "../../sticky/index.less";
 import "../../swipe/index.less";
 import "../../swipe-item/index.less";