persagy-vant 0.0.26 → 0.0.28

package/lib/index.d.ts

@@ -49,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";
@@ -109,4 +110,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "0.0.26";
+export const version: "0.0.28";

package/lib/index.js

@@ -74,6 +74,7 @@ var import_image = require("./image");
 var import_image_preview = require("./image-preview");
 var import_index_anchor = require("./index-anchor");
 var import_index_bar = require("./index-bar");
+var import_label = require("./label");
 var import_list = require("./list");
 var import_loading = require("./loading");
 var import_locale = require("./locale");
@@ -178,6 +179,7 @@ __reExport(stdin_exports, require("./image"), module.exports);
 __reExport(stdin_exports, require("./image-preview"), module.exports);
 __reExport(stdin_exports, require("./index-anchor"), module.exports);
 __reExport(stdin_exports, require("./index-bar"), module.exports);
+__reExport(stdin_exports, require("./label"), module.exports);
 __reExport(stdin_exports, require("./lazyload"), module.exports);
 __reExport(stdin_exports, require("./list"), module.exports);
 __reExport(stdin_exports, require("./loading"), module.exports);
@@ -232,7 +234,7 @@ __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./video-preview"), module.exports);
 __reExport(stdin_exports, require("./work-order-card"), module.exports);
 __reExport(stdin_exports, require("./work-order-filter"), module.exports);
-const version = "0.0.26";
+const version = "0.0.28";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,
@@ -286,6 +288,7 @@ function install(app) {
     import_image_preview.ImagePreview,
     import_index_anchor.IndexAnchor,
     import_index_bar.IndexBar,
+    import_label.Label,
     import_list.List,
     import_loading.Loading,
     import_locale.Locale,

package/lib/index.less

@@ -7,6 +7,7 @@
 @import "./filter-tag/index.less";
 @import "./blue-mark/index.less";
 @import "./tag/index.less";
+@import "./label/index.less";
 @import "./card/index.less";
 @import "./action-bar-icon/index.less";
 @import "./loading/index.less";
@@ -40,7 +41,6 @@
 @import "./cell/index.less";
 @import "./work-order-filter/index.less";
 @import "./rate/index.less";
-@import "./radio-panel/index.less";
 @import "./quantity-input/index.less";
 @import "./tree-select/index.less";
 @import "./coupon-cell/index.less";
@@ -73,6 +73,7 @@
 @import "./col/index.less";
 @import "./count-down/index.less";
 @import "./empty/index.less";
+@import "./radio-panel/index.less";
 @import "./coupon-list/index.less";
 @import "./divider/index.less";
 @import "./work-order-card/index.less";

package/lib/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/lib/label/Label.js

@@ -0,0 +1,114 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_utils = require("../utils");
+var import_image = require("../image");
+var import_icon = require("../icon");
+var import_tag = require("../tag");
+const [name, bem] = (0, import_utils.createNamespace)("label");
+const labelProps = {
+  label: (0, import_utils.makeStringProp)(""),
+  content: (0, import_utils.makeStringProp)(""),
+  type: (0, import_utils.makeStringProp)("default"),
+  vertical: Boolean,
+  href: String,
+  tags: {
+    type: Array,
+    default: () => []
+  },
+  media: {
+    type: Array,
+    default: () => []
+  }
+};
+var stdin_default = (0, import_vue.defineComponent)({
+  name,
+  props: labelProps,
+  emits: ["click", "click-media"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const vertical = (0, import_vue.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 ? (0, import_vue.createVNode)("a", {
+          "class": bem("link"),
+          "href": props.href,
+          "onClick": (event) => emit("click", event)
+        }, [content]) : (0, import_vue.createVNode)("button", {
+          "class": bem("link"),
+          "type": "button",
+          "onClick": (event) => emit("click", event)
+        }, [content]);
+      }
+      return (0, import_vue.createVNode)("span", {
+        "class": bem("text")
+      }, [content]);
+    };
+    const renderTags = () => (0, import_vue.createVNode)("div", {
+      "class": bem("tags")
+    }, [props.tags.map((tag) => (0, import_vue.createVNode)(import_tag.Tag, {
+      "key": tag,
+      "type": "gray"
+    }, {
+      default: () => [tag]
+    }))]);
+    const renderMedia = () => (0, import_vue.createVNode)("div", {
+      "class": bem("media")
+    }, [props.media.map((item, index) => (0, import_vue.createVNode)("button", {
+      "key": `${item.url}-${index}`,
+      "class": bem("media-item"),
+      "type": "button",
+      "onClick": (event) => emit("click-media", item, index, event)
+    }, [(0, import_vue.createVNode)(import_image.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" && (0, import_vue.createVNode)(import_icon.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 () => (0, import_vue.createVNode)("div", {
+      "class": bem([props.type, {
+        vertical: vertical.value
+      }])
+    }, [(0, import_vue.createVNode)("span", {
+      "class": bem("label")
+    }, [props.label]), (0, import_vue.createVNode)("div", {
+      "class": bem("value")
+    }, [renderContent()])]);
+  }
+});

package/lib/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/lib/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/lib/label/index.js

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Label: () => Label,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Label = __toESM(require("./Label"));
+const Label = (0, import_utils.withInstall)(import_Label.default);
+var stdin_default = Label;

package/lib/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/lib/label/style/index.js

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

package/lib/label/style/less.js

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

package/lib/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/lib/material-add/MaterialAdd.d.ts

@@ -22,6 +22,38 @@ declare const materialAddProps: {
         type: PropType<string>;
         default: string;
     };
+    showCommonTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAllTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMaterialTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showToolTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    commonTabText: {
+        type: PropType<string>;
+        default: string;
+    };
+    allTabText: {
+        type: PropType<string>;
+        default: string;
+    };
+    materialTabText: {
+        type: PropType<string>;
+        default: string;
+    };
+    toolTabText: {
+        type: PropType<string>;
+        default: string;
+    };
 };
 export declare type MaterialAddProps = ExtractPropTypes<typeof materialAddProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -46,6 +78,38 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
+    showCommonTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAllTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMaterialTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showToolTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    commonTabText: {
+        type: PropType<string>;
+        default: string;
+    };
+    allTabText: {
+        type: PropType<string>;
+        default: string;
+    };
+    materialTabText: {
+        type: PropType<string>;
+        default: string;
+    };
+    toolTabText: {
+        type: PropType<string>;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:show" | "confirm")[], "change" | "update:modelValue" | "update:show" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     modelValue: {
@@ -68,6 +132,38 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
+    showCommonTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showAllTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMaterialTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showToolTab: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    commonTabText: {
+        type: PropType<string>;
+        default: string;
+    };
+    allTabText: {
+        type: PropType<string>;
+        default: string;
+    };
+    materialTabText: {
+        type: PropType<string>;
+        default: string;
+    };
+    toolTabText: {
+        type: PropType<string>;
+        default: string;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -80,5 +176,13 @@ declare const _default: import("vue").DefineComponent<{
     confirmText: string;
     items: MaterialAddItem[];
     categories: MaterialAddCategory[];
+    showCommonTab: boolean;
+    showAllTab: boolean;
+    showMaterialTab: boolean;
+    showToolTab: boolean;
+    commonTabText: string;
+    allTabText: string;
+    materialTabText: string;
+    toolTabText: string;
 }>;
 export default _default;