persagy-vant 0.0.28 → 0.0.30

package/es/blue-mark/CollapseToggle.d.ts

@@ -1,6 +1,7 @@
 import { type ExtractPropTypes } from 'vue';
 declare const collapseToggleProps: {
     modelValue: BooleanConstructor;
+    divider: BooleanConstructor;
     expandText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -13,6 +14,7 @@ declare const collapseToggleProps: {
 export declare type CollapseToggleProps = ExtractPropTypes<typeof collapseToggleProps>;
 declare const _default: import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
+    divider: BooleanConstructor;
     expandText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -23,6 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     modelValue: BooleanConstructor;
+    divider: BooleanConstructor;
     expandText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -36,6 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: boolean;
+    divider: boolean;
     expandText: string;
     collapseText: string;
 }>;

package/es/blue-mark/CollapseToggle.mjs

@@ -1,9 +1,11 @@
 import { defineComponent, createVNode as _createVNode } from "vue";
 import { createNamespace, makeStringProp } from "../utils/index.mjs";
+import { Divider } from "../divider/index.mjs";
 import { Icon } from "../icon/index.mjs";
 const [name, bem] = createNamespace("collapse-toggle");
 const collapseToggleProps = {
   modelValue: Boolean,
+  divider: Boolean,
   expandText: makeStringProp("\u5C55\u5F00"),
   collapseText: makeStringProp("\u6536\u8D77")
 };
@@ -21,7 +23,7 @@ var stdin_default = defineComponent({
       emit("update:modelValue", value);
       emit("change", value);
     };
-    return () => {
+    const renderToggle = () => {
       var _a;
       const expanded = props.modelValue;
       const text = expanded ? props.collapseText : props.expandText;
@@ -40,6 +42,14 @@ var stdin_default = defineComponent({
         "class": bem("icon")
       }, null)]);
     };
+    return () => {
+      if (props.divider) {
+        return _createVNode("div", {
+          "class": bem("divider")
+        }, [_createVNode(Divider, null, null), renderToggle(), _createVNode(Divider, null, null)]);
+      }
+      return renderToggle();
+    };
   }
 });
 export {

package/es/blue-mark/index.css

@@ -1 +1 @@
-:root{--van-blue-mark-color: var(--van-primary-color);--van-blue-mark-text-color: var(--van-text-color);--van-blue-mark-width: 2px;--van-blue-mark-gap: 6px;--van-blue-mark-small-font-size: var(--van-font-size-sm);--van-blue-mark-small-line-height: var(--van-line-height-md);--van-blue-mark-small-height: 10px;--van-blue-mark-font-size: var(--van-font-size-md);--van-blue-mark-line-height: var(--van-line-height-lg);--van-blue-mark-height: 14px;--van-blue-mark-large-font-size: var(--van-font-size-lg);--van-blue-mark-large-line-height: 24px;--van-blue-mark-large-height: 14px;--van-blue-mark-header-padding: var(--van-padding-md) var(--van-padding-lg) 6px;--van-blue-mark-header-gap: var(--van-padding-xs);--van-collapse-toggle-color: var(--van-text-color-2);--van-collapse-toggle-expanded-color: var(--van-gray-7);--van-collapse-toggle-font-size: var(--van-font-size-md);--van-collapse-toggle-line-height: var(--van-line-height-lg);--van-collapse-toggle-gap: 2px;--van-collapse-toggle-icon-size: var(--van-font-size-md)}.van-blue-mark{display:inline-flex;align-items:center;gap:2px;color:var(--van-blue-mark-text-color);font-size:var(--van-blue-mark-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-blue-mark-line-height)}.van-blue-mark__main{display:inline-flex;align-items:center;gap:var(--van-blue-mark-current-gap, var(--van-blue-mark-gap))}.van-blue-mark__mark{display:block;flex:none;width:var(--van-blue-mark-current-width, var(--van-blue-mark-width));height:var(--van-blue-mark-current-height, var(--van-blue-mark-height));background:var(--van-blue-mark-current-color, var(--van-blue-mark-color));content:""}.van-blue-mark--small{font-size:var(--van-blue-mark-small-font-size);line-height:var(--van-blue-mark-small-line-height)}.van-blue-mark--small .van-blue-mark__mark{height:var(--van-blue-mark-small-height)}.van-blue-mark--large{font-size:var(--van-blue-mark-large-font-size);line-height:var(--van-blue-mark-large-line-height)}.van-blue-mark--large .van-blue-mark__main{gap:var(--van-blue-mark-current-gap, var(--van-padding-xs))}.van-blue-mark--large .van-blue-mark__mark{height:var(--van-blue-mark-large-height)}.van-blue-mark__arrow{flex:none;color:var(--van-text-color-2);font-size:var(--van-font-size-lg)}.van-blue-mark--small .van-blue-mark__arrow{font-size:var(--van-font-size-md)}.van-blue-mark--link{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark--link:active{opacity:var(--van-active-opacity)}.van-collapse-toggle{display:inline-flex;align-items:center;gap:var(--van-collapse-toggle-gap);padding:0;color:var(--van-collapse-toggle-color);font:inherit;font-size:var(--van-collapse-toggle-font-size);line-height:var(--van-collapse-toggle-line-height);background:transparent;border:0;cursor:pointer}.van-collapse-toggle__icon{flex:none;font-size:var(--van-collapse-toggle-icon-size);transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter)}.van-collapse-toggle--expanded{color:var(--van-collapse-toggle-expanded-color)}.van-collapse-toggle--expanded .van-collapse-toggle__icon{transform:rotate(180deg)}.van-blue-mark-header{display:flex;align-items:center;min-width:0;padding:var(--van-blue-mark-header-padding)}.van-blue-mark-header__main{display:flex;flex:1;align-items:center;min-width:0;gap:0}.van-blue-mark-header__title{min-width:0}.van-blue-mark-header__required{flex:none;margin-left:var(--van-padding-base);color:var(--van-danger-color);font-size:var(--van-blue-mark-large-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-blue-mark-large-line-height)}.van-blue-mark-header__action{flex:none;margin-left:var(--van-blue-mark-header-gap);padding:0;color:var(--van-primary-color);font:inherit;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);background:transparent;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark-header__action:active{opacity:var(--van-active-opacity)}.van-blue-mark-header>.van-collapse-toggle{flex:none;margin-left:var(--van-padding-xs)}.van-blue-mark-header--expandable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark-header--expandable:active{opacity:var(--van-active-opacity)}
+:root{--van-blue-mark-color: var(--van-primary-color);--van-blue-mark-text-color: var(--van-text-color);--van-blue-mark-width: 2px;--van-blue-mark-gap: 6px;--van-blue-mark-small-font-size: var(--van-font-size-sm);--van-blue-mark-small-line-height: var(--van-line-height-md);--van-blue-mark-small-height: 10px;--van-blue-mark-font-size: var(--van-font-size-md);--van-blue-mark-line-height: var(--van-line-height-lg);--van-blue-mark-height: 14px;--van-blue-mark-large-font-size: var(--van-font-size-lg);--van-blue-mark-large-line-height: 24px;--van-blue-mark-large-height: 14px;--van-blue-mark-header-padding: var(--van-padding-md) var(--van-padding-lg) 6px;--van-blue-mark-header-gap: var(--van-padding-xs);--van-collapse-toggle-color: var(--van-text-color-2);--van-collapse-toggle-expanded-color: var(--van-gray-7);--van-collapse-toggle-font-size: var(--van-font-size-md);--van-collapse-toggle-line-height: var(--van-line-height-lg);--van-collapse-toggle-gap: 2px;--van-collapse-toggle-icon-size: var(--van-font-size-md)}.van-blue-mark{display:inline-flex;align-items:center;gap:2px;color:var(--van-blue-mark-text-color);font-size:var(--van-blue-mark-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-blue-mark-line-height)}.van-blue-mark__main{display:inline-flex;align-items:center;gap:var(--van-blue-mark-current-gap, var(--van-blue-mark-gap))}.van-blue-mark__mark{display:block;flex:none;width:var(--van-blue-mark-current-width, var(--van-blue-mark-width));height:var(--van-blue-mark-current-height, var(--van-blue-mark-height));background:var(--van-blue-mark-current-color, var(--van-blue-mark-color));content:""}.van-blue-mark--small{font-size:var(--van-blue-mark-small-font-size);line-height:var(--van-blue-mark-small-line-height)}.van-blue-mark--small .van-blue-mark__mark{height:var(--van-blue-mark-small-height)}.van-blue-mark--large{font-size:var(--van-blue-mark-large-font-size);line-height:var(--van-blue-mark-large-line-height)}.van-blue-mark--large .van-blue-mark__main{gap:var(--van-blue-mark-current-gap, var(--van-padding-xs))}.van-blue-mark--large .van-blue-mark__mark{height:var(--van-blue-mark-large-height)}.van-blue-mark__arrow{flex:none;color:var(--van-text-color-2);font-size:var(--van-font-size-lg)}.van-blue-mark--small .van-blue-mark__arrow{font-size:var(--van-font-size-md)}.van-blue-mark--link{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark--link:active{opacity:var(--van-active-opacity)}.van-collapse-toggle{display:inline-flex;align-items:center;gap:var(--van-collapse-toggle-gap);padding:0;color:var(--van-collapse-toggle-color);font:inherit;font-size:var(--van-collapse-toggle-font-size);line-height:var(--van-collapse-toggle-line-height);background:transparent;border:0;cursor:pointer}.van-collapse-toggle__icon{flex:none;font-size:var(--van-collapse-toggle-icon-size);transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter)}.van-collapse-toggle--expanded{color:var(--van-collapse-toggle-expanded-color)}.van-collapse-toggle--expanded .van-collapse-toggle__icon{transform:rotate(180deg)}.van-collapse-toggle__divider{display:flex;gap:12px;align-items:center;padding:2px 0}.van-collapse-toggle__divider .van-divider{flex:1;min-width:0;margin:0}.van-collapse-toggle__divider .van-collapse-toggle{flex:none;min-height:20px;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-collapse-toggle__divider .van-collapse-toggle:active{opacity:var(--van-active-opacity)}.van-collapse-toggle__divider .van-collapse-toggle .van-collapse-toggle__icon{font-size:12px}.van-blue-mark-header{display:flex;align-items:center;min-width:0;padding:var(--van-blue-mark-header-padding)}.van-blue-mark-header__main{display:flex;flex:1;align-items:center;min-width:0;gap:0}.van-blue-mark-header__title{min-width:0}.van-blue-mark-header__required{flex:none;margin-left:var(--van-padding-base);color:var(--van-danger-color);font-size:var(--van-blue-mark-large-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-blue-mark-large-line-height)}.van-blue-mark-header__action{flex:none;margin-left:var(--van-blue-mark-header-gap);padding:0;color:var(--van-primary-color);font:inherit;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);background:transparent;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark-header__action:active{opacity:var(--van-active-opacity)}.van-blue-mark-header>.van-collapse-toggle{flex:none;margin-left:var(--van-padding-xs)}.van-blue-mark-header--expandable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark-header--expandable:active{opacity:var(--van-active-opacity)}

package/es/blue-mark/index.d.ts

@@ -64,6 +64,7 @@ export declare const BlueMarkHeader: import("../utils").WithInstall<import("vue"
 }>>;
 export declare const CollapseToggle: import("../utils").WithInstall<import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
+    divider: BooleanConstructor;
     expandText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -74,6 +75,7 @@ export declare const CollapseToggle: import("../utils").WithInstall<import("vue"
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: BooleanConstructor;
+    divider: BooleanConstructor;
     expandText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -87,6 +89,7 @@ export declare const CollapseToggle: import("../utils").WithInstall<import("vue"
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: boolean;
+    divider: boolean;
     expandText: string;
     collapseText: string;
 }>>;

package/es/blue-mark/index.less

@@ -122,6 +122,31 @@
   }
 }
 
+.van-collapse-toggle__divider {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  padding: 2px 0;
+
+  .van-divider {
+    flex: 1;
+    min-width: 0;
+    margin: 0;
+  }
+
+  .van-collapse-toggle {
+    flex: none;
+    min-height: 20px;
+    color: var(--van-gray-6);
+    font-size: var(--van-font-size-sm);
+    line-height: var(--van-line-height-md);
+
+    &:active { opacity: var(--van-active-opacity); }
+
+    .van-collapse-toggle__icon { font-size: 12px; }
+  }
+}
+
 .van-blue-mark-header {
   display: flex;
   align-items: center;

package/es/blue-mark/style/index.mjs

@@ -1,4 +1,5 @@
 import "../../style/base.css";
 import "../../badge/index.css";
 import "../../icon/index.css";
+import "../../divider/index.css";
 import "../index.css";

package/es/blue-mark/style/less.mjs

@@ -1,4 +1,5 @@
 import "../../style/base.less";
 import "../../badge/index.less";
 import "../../icon/index.less";
+import "../../divider/index.less";
 import "../index.less";

package/es/collapse-toggle/index.css

@@ -0,0 +1 @@
+:root{--van-blue-mark-color: var(--van-primary-color);--van-blue-mark-text-color: var(--van-text-color);--van-blue-mark-width: 2px;--van-blue-mark-gap: 6px;--van-blue-mark-small-font-size: var(--van-font-size-sm);--van-blue-mark-small-line-height: var(--van-line-height-md);--van-blue-mark-small-height: 10px;--van-blue-mark-font-size: var(--van-font-size-md);--van-blue-mark-line-height: var(--van-line-height-lg);--van-blue-mark-height: 14px;--van-blue-mark-large-font-size: var(--van-font-size-lg);--van-blue-mark-large-line-height: 24px;--van-blue-mark-large-height: 14px;--van-blue-mark-header-padding: var(--van-padding-md) var(--van-padding-lg) 6px;--van-blue-mark-header-gap: var(--van-padding-xs);--van-collapse-toggle-color: var(--van-text-color-2);--van-collapse-toggle-expanded-color: var(--van-gray-7);--van-collapse-toggle-font-size: var(--van-font-size-md);--van-collapse-toggle-line-height: var(--van-line-height-lg);--van-collapse-toggle-gap: 2px;--van-collapse-toggle-icon-size: var(--van-font-size-md)}.van-blue-mark{display:inline-flex;align-items:center;gap:2px;color:var(--van-blue-mark-text-color);font-size:var(--van-blue-mark-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-blue-mark-line-height)}.van-blue-mark__main{display:inline-flex;align-items:center;gap:var(--van-blue-mark-current-gap, var(--van-blue-mark-gap))}.van-blue-mark__mark{display:block;flex:none;width:var(--van-blue-mark-current-width, var(--van-blue-mark-width));height:var(--van-blue-mark-current-height, var(--van-blue-mark-height));background:var(--van-blue-mark-current-color, var(--van-blue-mark-color));content:""}.van-blue-mark--small{font-size:var(--van-blue-mark-small-font-size);line-height:var(--van-blue-mark-small-line-height)}.van-blue-mark--small .van-blue-mark__mark{height:var(--van-blue-mark-small-height)}.van-blue-mark--large{font-size:var(--van-blue-mark-large-font-size);line-height:var(--van-blue-mark-large-line-height)}.van-blue-mark--large .van-blue-mark__main{gap:var(--van-blue-mark-current-gap, var(--van-padding-xs))}.van-blue-mark--large .van-blue-mark__mark{height:var(--van-blue-mark-large-height)}.van-blue-mark__arrow{flex:none;color:var(--van-text-color-2);font-size:var(--van-font-size-lg)}.van-blue-mark--small .van-blue-mark__arrow{font-size:var(--van-font-size-md)}.van-blue-mark--link{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark--link:active{opacity:var(--van-active-opacity)}.van-collapse-toggle{display:inline-flex;align-items:center;gap:var(--van-collapse-toggle-gap);padding:0;color:var(--van-collapse-toggle-color);font:inherit;font-size:var(--van-collapse-toggle-font-size);line-height:var(--van-collapse-toggle-line-height);background:transparent;border:0;cursor:pointer}.van-collapse-toggle__icon{flex:none;font-size:var(--van-collapse-toggle-icon-size);transition:transform var(--van-animation-duration-fast) var(--van-animation-timing-function-enter)}.van-collapse-toggle--expanded{color:var(--van-collapse-toggle-expanded-color)}.van-collapse-toggle--expanded .van-collapse-toggle__icon{transform:rotate(180deg)}.van-collapse-toggle__divider{display:flex;gap:12px;align-items:center;padding:2px 0}.van-collapse-toggle__divider .van-divider{flex:1;min-width:0;margin:0}.van-collapse-toggle__divider .van-collapse-toggle{flex:none;min-height:20px;color:var(--van-gray-6);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-collapse-toggle__divider .van-collapse-toggle:active{opacity:var(--van-active-opacity)}.van-collapse-toggle__divider .van-collapse-toggle .van-collapse-toggle__icon{font-size:12px}.van-blue-mark-header{display:flex;align-items:center;min-width:0;padding:var(--van-blue-mark-header-padding)}.van-blue-mark-header__main{display:flex;flex:1;align-items:center;min-width:0;gap:0}.van-blue-mark-header__title{min-width:0}.van-blue-mark-header__required{flex:none;margin-left:var(--van-padding-base);color:var(--van-danger-color);font-size:var(--van-blue-mark-large-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-blue-mark-large-line-height)}.van-blue-mark-header__action{flex:none;margin-left:var(--van-blue-mark-header-gap);padding:0;color:var(--van-primary-color);font:inherit;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);background:transparent;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark-header__action:active{opacity:var(--van-active-opacity)}.van-blue-mark-header>.van-collapse-toggle{flex:none;margin-left:var(--van-padding-xs)}.van-blue-mark-header--expandable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--van-animation-duration-fast)}.van-blue-mark-header--expandable:active{opacity:var(--van-active-opacity)}

package/es/collapse-toggle/index.d.ts

@@ -0,0 +1,2 @@
+export { CollapseToggle as default } from '../blue-mark';
+export type { CollapseToggleProps } from '../blue-mark/CollapseToggle';

package/es/collapse-toggle/index.less

@@ -0,0 +1 @@
+@import '../blue-mark/index.less';

package/es/collapse-toggle/index.mjs

@@ -0,0 +1,4 @@
+import { CollapseToggle } from "../blue-mark/index.mjs";
+export {
+  CollapseToggle as default
+};

package/es/index.d.ts

@@ -49,6 +49,7 @@ export * from "./image";
 export * from "./image-preview";
 export * from "./index-anchor";
 export * from "./index-bar";
+export * from "./info-card";
 export * from "./label";
 export * from "./lazyload";
 export * from "./list";
@@ -110,4 +111,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "0.0.28";
+export const version: "0.0.30";

package/es/index.mjs

@@ -49,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 { InfoCard } from "./info-card/index.mjs";
 import { Label } from "./label/index.mjs";
 import { List } from "./list/index.mjs";
 import { Loading } from "./loading/index.mjs";
@@ -103,7 +104,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.28";
+const version = "0.0.30";
 function install(app) {
   const components = [
     ActionBar,
@@ -157,6 +158,7 @@ function install(app) {
     ImagePreview,
     IndexAnchor,
     IndexBar,
+    InfoCard,
     Label,
     List,
     Loading,
@@ -271,6 +273,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 "./info-card/index.mjs";
 export * from "./label/index.mjs";
 export * from "./lazyload/index.mjs";
 export * from "./list/index.mjs";

package/es/info-card/InfoCard.d.ts

@@ -0,0 +1,128 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+import { type LabelMedia, type LabelType } from '../label';
+export declare type InfoCardField = {
+    label: string;
+    content?: string;
+    type?: LabelType;
+    vertical?: boolean;
+    href?: string;
+    tags?: string[];
+    media?: LabelMedia[];
+    visible?: boolean;
+};
+declare const infoCardProps: {
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    fields: {
+        type: PropType<InfoCardField[]>;
+        default: () => never[];
+    };
+    extraFields: {
+        type: PropType<InfoCardField[]>;
+        default: () => never[];
+    };
+    modelValue: BooleanConstructor;
+    collapsible: BooleanConstructor;
+    showCollapse: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    divider: BooleanConstructor;
+    expandText: {
+        type: PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export declare type InfoCardProps = ExtractPropTypes<typeof infoCardProps>;
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    fields: {
+        type: PropType<InfoCardField[]>;
+        default: () => never[];
+    };
+    extraFields: {
+        type: PropType<InfoCardField[]>;
+        default: () => never[];
+    };
+    modelValue: BooleanConstructor;
+    collapsible: BooleanConstructor;
+    showCollapse: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    divider: BooleanConstructor;
+    expandText: {
+        type: PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "change" | "update:modelValue" | "click-media")[], "click" | "change" | "update:modelValue" | "click-media", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    fields: {
+        type: PropType<InfoCardField[]>;
+        default: () => never[];
+    };
+    extraFields: {
+        type: PropType<InfoCardField[]>;
+        default: () => never[];
+    };
+    modelValue: BooleanConstructor;
+    collapsible: BooleanConstructor;
+    showCollapse: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    divider: BooleanConstructor;
+    expandText: {
+        type: PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: PropType<string>;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onClick-media"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    modelValue: boolean;
+    fields: InfoCardField[];
+    divider: boolean;
+    expandText: string;
+    collapseText: string;
+    showTitle: boolean;
+    extraFields: InfoCardField[];
+    collapsible: boolean;
+    showCollapse: boolean;
+}>;
+export default _default;

package/es/info-card/InfoCard.mjs

@@ -0,0 +1,84 @@
+import { Transition, computed, defineComponent, createVNode as _createVNode } from "vue";
+import { createNamespace, makeStringProp, truthProp } from "../utils/index.mjs";
+import CollapseToggle from "../collapse-toggle/index.mjs";
+import { Divider } from "../divider/index.mjs";
+import { Label } from "../label/index.mjs";
+const [name, bem] = createNamespace("info-card");
+const infoCardProps = {
+  title: makeStringProp(""),
+  showTitle: truthProp,
+  fields: {
+    type: Array,
+    default: () => []
+  },
+  extraFields: {
+    type: Array,
+    default: () => []
+  },
+  modelValue: Boolean,
+  collapsible: Boolean,
+  showCollapse: truthProp,
+  divider: Boolean,
+  expandText: makeStringProp("\u67E5\u770B\u66F4\u591A"),
+  collapseText: makeStringProp("\u6536\u8D77")
+};
+var stdin_default = defineComponent({
+  name,
+  props: infoCardProps,
+  emits: ["update:modelValue", "change", "click", "click-media"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const visibleFields = computed(() => props.fields.filter((field) => field.visible !== false));
+    const visibleExtraFields = computed(() => props.extraFields.filter((field) => field.visible !== false));
+    const hasExtra = computed(() => visibleExtraFields.value.length > 0 || !!slots.extra);
+    const showCollapse = computed(() => props.collapsible && props.showCollapse);
+    const showExtra = computed(() => !showCollapse.value || props.modelValue);
+    const renderField = (field, index) => _createVNode(Label, {
+      "key": `${field.label}-${index}`,
+      "label": field.label,
+      "content": field.content,
+      "type": field.type,
+      "vertical": field.vertical,
+      "href": field.href,
+      "tags": field.tags,
+      "media": field.media,
+      "onClick": (event) => emit("click", field, index, event),
+      "onClick-media": (item, mediaIndex, event) => emit("click-media", item, mediaIndex, field, index, event)
+    }, null);
+    const renderExtra = () => {
+      var _a;
+      if (!hasExtra.value)
+        return;
+      const extraSlot = (_a = slots.extra) == null ? void 0 : _a.call(slots);
+      return _createVNode(Transition, {
+        "name": "van-info-card-expand"
+      }, {
+        default: () => [showExtra.value && _createVNode("div", {
+          "class": bem("extra")
+        }, [visibleExtraFields.value.map(renderField), extraSlot])]
+      });
+    };
+    return () => {
+      var _a, _b;
+      return _createVNode("section", {
+        "class": bem()
+      }, [props.showTitle && (slots.title || props.title) && _createVNode("div", {
+        "class": bem("title")
+      }, [((_a = slots.title) == null ? void 0 : _a.call(slots)) || props.title]), visibleFields.value.map(renderField), (_b = slots.default) == null ? void 0 : _b.call(slots), hasExtra.value && showCollapse.value && _createVNode(CollapseToggle, {
+        "modelValue": props.modelValue,
+        "divider": true,
+        "expandText": props.expandText,
+        "collapseText": props.collapseText,
+        "onUpdate:modelValue": (value) => emit("update:modelValue", value),
+        "onChange": (value) => emit("change", value)
+      }, null), hasExtra.value && !showCollapse.value && props.divider && _createVNode(Divider, {
+        "class": bem("divider")
+      }, null), renderExtra()]);
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/info-card/index.css

@@ -0,0 +1 @@
+:root{--van-info-card-padding: 12px var(--van-padding-md);--van-info-card-radius: var(--van-border-radius-lg);--van-info-card-gap: 4px;--van-info-card-title-color: var(--van-gray-8);--van-info-card-title-font-size: var(--van-font-size-md);--van-info-card-title-line-height: var(--van-line-height-lg);--van-info-card-divider-margin: 10px 0}.van-info-card{display:flex;flex-direction:column;gap:var(--van-info-card-gap);padding:var(--van-info-card-padding);overflow:hidden;background:var(--van-white);border-radius:var(--van-info-card-radius)}.van-info-card__title{color:var(--van-info-card-title-color);font-size:var(--van-info-card-title-font-size);font-weight:var(--van-font-weight-bold);line-height:var(--van-info-card-title-line-height);overflow-wrap:anywhere}.van-info-card__extra{display:flex;flex-direction:column;gap:var(--van-info-card-gap)}.van-info-card__divider.van-divider{width:100%;margin:var(--van-info-card-divider-margin)}.van-info-card-expand-enter-active,.van-info-card-expand-leave-active{overflow:hidden;transition:max-height var(--van-animation-duration-fast) var(--van-animation-timing-function-enter),opacity var(--van-animation-duration-fast) ease}.van-info-card-expand-enter-from,.van-info-card-expand-leave-to{max-height:0;opacity:0}.van-info-card-expand-enter-to,.van-info-card-expand-leave-from{max-height:480px;opacity:1}

package/es/info-card/index.d.ts

@@ -0,0 +1,88 @@
+export declare const InfoCard: import("../utils").WithInstall<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    fields: {
+        type: import("vue").PropType<import("./InfoCard").InfoCardField[]>;
+        default: () => never[];
+    };
+    extraFields: {
+        type: import("vue").PropType<import("./InfoCard").InfoCardField[]>;
+        default: () => never[];
+    };
+    modelValue: BooleanConstructor;
+    collapsible: BooleanConstructor;
+    showCollapse: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    divider: BooleanConstructor;
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "change" | "update:modelValue" | "click-media")[], "click" | "change" | "update:modelValue" | "click-media", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    fields: {
+        type: import("vue").PropType<import("./InfoCard").InfoCardField[]>;
+        default: () => never[];
+    };
+    extraFields: {
+        type: import("vue").PropType<import("./InfoCard").InfoCardField[]>;
+        default: () => never[];
+    };
+    modelValue: BooleanConstructor;
+    collapsible: BooleanConstructor;
+    showCollapse: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    divider: BooleanConstructor;
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onClick-media"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    modelValue: boolean;
+    fields: import("./InfoCard").InfoCardField[];
+    divider: boolean;
+    expandText: string;
+    collapseText: string;
+    showTitle: boolean;
+    extraFields: import("./InfoCard").InfoCardField[];
+    collapsible: boolean;
+    showCollapse: boolean;
+}>>;
+export default InfoCard;
+export type { InfoCardField, InfoCardProps } from './InfoCard';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanInfoCard: typeof InfoCard;
+    }
+}

package/es/info-card/index.less

@@ -0,0 +1,60 @@
+@import './var.less';
+
+:root {
+  --van-info-card-padding: @info-card-padding;
+  --van-info-card-radius: @info-card-radius;
+  --van-info-card-gap: @info-card-gap;
+  --van-info-card-title-color: @info-card-title-color;
+  --van-info-card-title-font-size: @info-card-title-font-size;
+  --van-info-card-title-line-height: @info-card-title-line-height;
+  --van-info-card-divider-margin: @info-card-divider-margin;
+}
+
+.van-info-card {
+  display: flex;
+  flex-direction: column;
+  gap: var(--van-info-card-gap);
+  padding: var(--van-info-card-padding);
+  overflow: hidden;
+  background: var(--van-white);
+  border-radius: var(--van-info-card-radius);
+
+  &__title {
+    color: var(--van-info-card-title-color);
+    font-size: var(--van-info-card-title-font-size);
+    font-weight: var(--van-font-weight-bold);
+    line-height: var(--van-info-card-title-line-height);
+    overflow-wrap: anywhere;
+  }
+
+  &__extra {
+    display: flex;
+    flex-direction: column;
+    gap: var(--van-info-card-gap);
+  }
+
+  &__divider.van-divider {
+    width: 100%;
+    margin: var(--van-info-card-divider-margin);
+  }
+}
+
+.van-info-card-expand-enter-active,
+.van-info-card-expand-leave-active {
+  overflow: hidden;
+  transition: max-height var(--van-animation-duration-fast)
+      var(--van-animation-timing-function-enter),
+    opacity var(--van-animation-duration-fast) ease;
+}
+
+.van-info-card-expand-enter-from,
+.van-info-card-expand-leave-to {
+  max-height: 0;
+  opacity: 0;
+}
+
+.van-info-card-expand-enter-to,
+.van-info-card-expand-leave-from {
+  max-height: 480px;
+  opacity: 1;
+}

package/es/info-card/index.mjs

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

package/es/info-card/style/index.mjs

@@ -0,0 +1,8 @@
+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 "../index.css";

package/es/info-card/style/less.mjs

@@ -0,0 +1,8 @@
+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 "../index.less";

package/es/info-card/var.less

@@ -0,0 +1,7 @@
+@info-card-padding: 12px var(--van-padding-md);
+@info-card-radius: var(--van-border-radius-lg);
+@info-card-gap: 4px;
+@info-card-title-color: var(--van-gray-8);
+@info-card-title-font-size: var(--van-font-size-md);
+@info-card-title-line-height: var(--van-line-height-lg);
+@info-card-divider-margin: 10px 0;

package/es/label/Label.d.ts

@@ -22,6 +22,7 @@ declare const labelProps: {
     };
     vertical: BooleanConstructor;
     href: StringConstructor;
+    location: StringConstructor;
     tags: {
         type: PropType<string[]>;
         default: () => never[];
@@ -47,6 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     vertical: BooleanConstructor;
     href: StringConstructor;
+    location: StringConstructor;
     tags: {
         type: PropType<string[]>;
         default: () => never[];
@@ -70,6 +72,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     vertical: BooleanConstructor;
     href: StringConstructor;
+    location: StringConstructor;
     tags: {
         type: PropType<string[]>;
         default: () => never[];