vant 3.6.12 → 3.6.13

package/lib/sidebar/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -24,10 +28,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   Sidebar: () => Sidebar,
-  default: () => stdin_default
+  default: () => stdin_default,
+  sidebarProps: () => import_Sidebar2.sidebarProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Sidebar = __toESM(require("./Sidebar"));
+var import_Sidebar2 = require("./Sidebar");
 const Sidebar = (0, import_utils.withInstall)(import_Sidebar.default);
 var stdin_default = Sidebar;

package/lib/sidebar/types.d.ts

@@ -0,0 +1,3 @@
+export type SidebarThemeVars = {
+    sidebarWidth?: string;
+};

package/lib/sidebar/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/sidebar-item/SidebarItem.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { type BadgeProps } from '../badge';
-declare const sidebarItemProps: {
+export declare const sidebarItemProps: {
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
@@ -11,8 +11,8 @@ declare const sidebarItemProps: {
     disabled: BooleanConstructor;
     badgeProps: PropType<Partial<BadgeProps>>;
 };
-export declare type SidebarItemProps = ExtractPropTypes<typeof sidebarItemProps>;
-declare const _default: import("vue").DefineComponent<{
+export type SidebarItemProps = ExtractPropTypes<typeof sidebarItemProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     badge: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     badgeProps: PropType<Partial<BadgeProps>>;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
@@ -32,11 +32,11 @@ declare const _default: import("vue").DefineComponent<{
     badge: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     badgeProps: PropType<Partial<BadgeProps>>;
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     replace: boolean;
     dot: boolean;
     disabled: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/sidebar-item/SidebarItem.js

@@ -17,11 +17,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  sidebarItemProps: () => sidebarItemProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_Sidebar = require("../sidebar/Sidebar");
 var import_use = require("@vant/use");
@@ -35,7 +35,7 @@ const sidebarItemProps = (0, import_utils.extend)({}, import_use_route.routeProp
   disabled: Boolean,
   badgeProps: Object
 });
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: sidebarItemProps,
   emits: ["click"],

package/lib/sidebar-item/index.css

@@ -1 +1 @@
-:root{--van-sidebar-font-size: var(--van-font-size-md);--van-sidebar-line-height: var(--van-line-height-md);--van-sidebar-text-color: var(--van-text-color);--van-sidebar-disabled-text-color: var(--van-text-color-3);--van-sidebar-padding: 20px var(--van-padding-sm);--van-sidebar-active-color: var(--van-active-color);--van-sidebar-background-color: var(--van-background-color);--van-sidebar-selected-font-weight: var(--van-font-weight-bold);--van-sidebar-selected-text-color: var(--van-text-color);--van-sidebar-selected-border-width: 4px;--van-sidebar-selected-border-height: 16px;--van-sidebar-selected-border-color: var(--van-danger-color);--van-sidebar-selected-background-color: var(--van-background-color-light)}.van-sidebar-item{position:relative;display:block;box-sizing:border-box;padding:var(--van-sidebar-padding);overflow:hidden;color:var(--van-sidebar-text-color);font-size:var(--van-sidebar-font-size);line-height:var(--van-sidebar-line-height);background:var(--van-sidebar-background-color);cursor:pointer;-webkit-user-select:none;user-select:none}.van-sidebar-item:active{background-color:var(--van-sidebar-active-color)}.van-sidebar-item:not(:last-child):after{border-bottom-width:1px}.van-sidebar-item__text{word-break:break-all}.van-sidebar-item--select{color:var(--van-sidebar-selected-text-color);font-weight:var(--van-sidebar-selected-font-weight)}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:var(--van-sidebar-selected-background-color)}.van-sidebar-item--select:before{position:absolute;top:50%;left:0;width:var(--van-sidebar-selected-border-width);height:var(--van-sidebar-selected-border-height);background-color:var(--van-sidebar-selected-border-color);transform:translateY(-50%);content:""}.van-sidebar-item--disabled{color:var(--van-sidebar-disabled-text-color);cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:var(--van-sidebar-background-color)}
+:root,:host{--van-sidebar-font-size: var(--van-font-size-md);--van-sidebar-line-height: var(--van-line-height-md);--van-sidebar-text-color: var(--van-text-color);--van-sidebar-disabled-text-color: var(--van-text-color-3);--van-sidebar-padding: 20px var(--van-padding-sm);--van-sidebar-active-color: var(--van-active-color);--van-sidebar-background: var(--van-background);--van-sidebar-selected-font-weight: var(--van-font-bold);--van-sidebar-selected-text-color: var(--van-text-color);--van-sidebar-selected-border-width: 4px;--van-sidebar-selected-border-height: 16px;--van-sidebar-selected-border-color: var(--van-primary-color);--van-sidebar-selected-background: var(--van-background-2)}.van-sidebar-item{position:relative;display:block;box-sizing:border-box;padding:var(--van-sidebar-padding);overflow:hidden;color:var(--van-sidebar-text-color);font-size:var(--van-sidebar-font-size);line-height:var(--van-sidebar-line-height);background:var(--van-sidebar-background);cursor:pointer;-webkit-user-select:none;user-select:none}.van-sidebar-item:active{background-color:var(--van-sidebar-active-color)}.van-sidebar-item:not(:last-child):after{border-bottom-width:1px}.van-sidebar-item__text{word-break:break-all}.van-sidebar-item--select{color:var(--van-sidebar-selected-text-color);font-weight:var(--van-sidebar-selected-font-weight)}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:var(--van-sidebar-selected-background)}.van-sidebar-item--select:before{position:absolute;top:50%;left:0;width:var(--van-sidebar-selected-border-width);height:var(--van-sidebar-selected-border-height);background-color:var(--van-sidebar-selected-border-color);transform:translateY(-50%);content:""}.van-sidebar-item--disabled{color:var(--van-sidebar-disabled-text-color);cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:var(--van-sidebar-background)}

package/lib/sidebar-item/index.d.ts

@@ -1,4 +1,4 @@
-export declare const SidebarItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const SidebarItem: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
@@ -8,7 +8,7 @@ export declare const SidebarItem: import("../utils").WithInstall<import("vue").D
     badge: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
@@ -18,15 +18,17 @@ export declare const SidebarItem: import("../utils").WithInstall<import("vue").D
     badge: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     replace: boolean;
     dot: boolean;
     disabled: boolean;
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default SidebarItem;
+export { sidebarItemProps } from './SidebarItem';
 export type { SidebarItemProps } from './SidebarItem';
+export type { SidebarItemThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanSidebarItem: typeof SidebarItem;

package/lib/sidebar-item/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -24,10 +28,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   SidebarItem: () => SidebarItem,
-  default: () => stdin_default
+  default: () => stdin_default,
+  sidebarItemProps: () => import_SidebarItem2.sidebarItemProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_SidebarItem = __toESM(require("./SidebarItem"));
+var import_SidebarItem2 = require("./SidebarItem");
 const SidebarItem = (0, import_utils.withInstall)(import_SidebarItem.default);
 var stdin_default = SidebarItem;

package/lib/sidebar-item/types.d.ts

@@ -0,0 +1,15 @@
+export type SidebarItemThemeVars = {
+    sidebarFontSize?: string;
+    sidebarLineHeight?: number | string;
+    sidebarTextColor?: string;
+    sidebarDisabledTextColor?: string;
+    sidebarPadding?: string;
+    sidebarActiveColor?: string;
+    sidebarBackground?: string;
+    sidebarSelectedFontWeight?: string;
+    sidebarSelectedTextColor?: string;
+    sidebarSelectedBorderWidth?: string;
+    sidebarSelectedBorderHeight?: string;
+    sidebarSelectedBorderColor?: string;
+    sidebarSelectedBackground?: string;
+};

package/lib/sidebar-item/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/signature/Signature.d.ts

@@ -0,0 +1,76 @@
+import { type ExtractPropTypes } from 'vue';
+export declare const signatureProps: {
+    tips: StringConstructor;
+    type: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    penColor: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    lineWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    clearButtonText: StringConstructor;
+    backgroundColor: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    confirmButtonText: StringConstructor;
+};
+export type SignatureProps = ExtractPropTypes<typeof signatureProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    tips: StringConstructor;
+    type: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    penColor: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    lineWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    clearButtonText: StringConstructor;
+    backgroundColor: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    confirmButtonText: StringConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "clear" | "start" | "end" | "signing")[], "submit" | "clear" | "start" | "end" | "signing", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    tips: StringConstructor;
+    type: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    penColor: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    lineWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    clearButtonText: StringConstructor;
+    backgroundColor: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    confirmButtonText: StringConstructor;
+}>> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onStart?: ((...args: any[]) => any) | undefined;
+    onEnd?: ((...args: any[]) => any) | undefined;
+    onSigning?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: string;
+    backgroundColor: string;
+    lineWidth: number;
+    penColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/signature/Signature.js

@@ -0,0 +1,179 @@
+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,
+  signatureProps: () => signatureProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_utils = require("../utils");
+var import_use = require("@vant/use");
+var import_use_expose = require("../composables/use-expose");
+var import_button = require("../button");
+const [name, bem, t] = (0, import_utils.createNamespace)("signature");
+const signatureProps = {
+  tips: String,
+  type: (0, import_utils.makeStringProp)("png"),
+  penColor: (0, import_utils.makeStringProp)("#000"),
+  lineWidth: (0, import_utils.makeNumberProp)(3),
+  clearButtonText: String,
+  backgroundColor: (0, import_utils.makeStringProp)(""),
+  confirmButtonText: String
+};
+const hasCanvasSupport = () => {
+  var _a;
+  const canvas = document.createElement("canvas");
+  return !!((_a = canvas.getContext) == null ? void 0 : _a.call(canvas, "2d"));
+};
+var stdin_default = (0, import_vue.defineComponent)({
+  name,
+  props: signatureProps,
+  emits: ["submit", "clear", "start", "end", "signing"],
+  setup(props, {
+    emit
+  }) {
+    const canvasRef = (0, import_vue.ref)();
+    const wrapRef = (0, import_vue.ref)();
+    const ctx = (0, import_vue.computed)(() => {
+      if (!canvasRef.value) return null;
+      return canvasRef.value.getContext("2d");
+    });
+    const isRenderCanvas = import_utils.inBrowser ? hasCanvasSupport() : true;
+    let canvasWidth = 0;
+    let canvasHeight = 0;
+    let canvasRect;
+    const touchStart = () => {
+      if (!ctx.value) {
+        return false;
+      }
+      ctx.value.beginPath();
+      ctx.value.lineWidth = props.lineWidth;
+      ctx.value.strokeStyle = props.penColor;
+      canvasRect = (0, import_use.useRect)(canvasRef);
+      emit("start");
+    };
+    const touchMove = (event) => {
+      if (!ctx.value) {
+        return false;
+      }
+      (0, import_utils.preventDefault)(event);
+      const touch = event.touches[0];
+      const mouseX = touch.clientX - ((canvasRect == null ? void 0 : canvasRect.left) || 0);
+      const mouseY = touch.clientY - ((canvasRect == null ? void 0 : canvasRect.top) || 0);
+      ctx.value.lineCap = "round";
+      ctx.value.lineJoin = "round";
+      ctx.value.lineTo(mouseX, mouseY);
+      ctx.value.stroke();
+      emit("signing", event);
+    };
+    const touchEnd = (event) => {
+      (0, import_utils.preventDefault)(event);
+      emit("end");
+    };
+    const isCanvasEmpty = (canvas) => {
+      const empty = document.createElement("canvas");
+      empty.width = canvas.width;
+      empty.height = canvas.height;
+      if (props.backgroundColor) {
+        const emptyCtx = empty.getContext("2d");
+        setCanvasBgColor(emptyCtx);
+      }
+      return canvas.toDataURL() === empty.toDataURL();
+    };
+    const setCanvasBgColor = (ctx2) => {
+      if (ctx2 && props.backgroundColor) {
+        ctx2.fillStyle = props.backgroundColor;
+        ctx2.fillRect(0, 0, canvasWidth, canvasHeight);
+      }
+    };
+    const submit = () => {
+      var _a, _b;
+      const canvas = canvasRef.value;
+      if (!canvas) {
+        return;
+      }
+      const isEmpty = isCanvasEmpty(canvas);
+      const image = isEmpty ? "" : ((_b = (_a = {
+        jpg: () => canvas.toDataURL("image/jpeg", 0.8),
+        jpeg: () => canvas.toDataURL("image/jpeg", 0.8)
+      })[props.type]) == null ? void 0 : _b.call(_a)) || canvas.toDataURL(`image/${props.type}`);
+      emit("submit", {
+        image,
+        canvas
+      });
+    };
+    const clear = () => {
+      if (ctx.value) {
+        ctx.value.clearRect(0, 0, canvasWidth, canvasHeight);
+        ctx.value.closePath();
+        setCanvasBgColor(ctx.value);
+      }
+      emit("clear");
+    };
+    const initialize = () => {
+      var _a, _b, _c;
+      if (isRenderCanvas && canvasRef.value) {
+        const canvas = canvasRef.value;
+        const dpr = import_utils.inBrowser ? window.devicePixelRatio : 1;
+        canvasWidth = canvas.width = (((_a = wrapRef.value) == null ? void 0 : _a.offsetWidth) || 0) * dpr;
+        canvasHeight = canvas.height = (((_b = wrapRef.value) == null ? void 0 : _b.offsetHeight) || 0) * dpr;
+        (_c = ctx.value) == null ? void 0 : _c.scale(dpr, dpr);
+        setCanvasBgColor(ctx.value);
+      }
+    };
+    const resize = () => {
+      if (ctx.value) {
+        const data = ctx.value.getImageData(0, 0, canvasWidth, canvasHeight);
+        initialize();
+        ctx.value.putImageData(data, 0, 0);
+      }
+    };
+    (0, import_vue.watch)(import_utils.windowWidth, resize);
+    (0, import_vue.onMounted)(initialize);
+    (0, import_use_expose.useExpose)({
+      resize,
+      clear,
+      submit
+    });
+    return () => (0, import_vue.createVNode)("div", {
+      "class": bem()
+    }, [(0, import_vue.createVNode)("div", {
+      "class": bem("content"),
+      "ref": wrapRef
+    }, [isRenderCanvas ? (0, import_vue.createVNode)("canvas", {
+      "ref": canvasRef,
+      "onTouchstartPassive": touchStart,
+      "onTouchmove": touchMove,
+      "onTouchend": touchEnd
+    }, null) : (0, import_vue.createVNode)("p", null, [props.tips])]), (0, import_vue.createVNode)("div", {
+      "class": bem("footer")
+    }, [(0, import_vue.createVNode)(import_button.Button, {
+      "size": "small",
+      "onClick": clear
+    }, {
+      default: () => [props.clearButtonText || t("clear")]
+    }), (0, import_vue.createVNode)(import_button.Button, {
+      "type": "primary",
+      "size": "small",
+      "onClick": submit
+    }, {
+      default: () => [props.confirmButtonText || t("confirm")]
+    })])]);
+  }
+});

package/lib/signature/index.css

@@ -0,0 +1 @@
+:root,:host{--van-signature-padding: var(--van-padding-xs);--van-signature-content-height: 200px;--van-signature-content-background: var(--van-background-2);--van-signature-content-border: 1px dotted #dadada}.van-signature{padding:var(--van-signature-padding)}.van-signature__content{display:flex;justify-content:center;align-items:center;height:var(--van-signature-content-height);background-color:var(--van-signature-content-background);border:var(--van-signature-content-border);border-radius:var(--van-radius-lg);overflow:hidden}.van-signature__content canvas{width:100%;height:100%}.van-signature__footer{display:flex;justify-content:flex-end}.van-signature__footer .van-button{padding:0 var(--van-padding-md);margin-top:var(--van-padding-xs);margin-left:var(--van-padding-xs)}

package/lib/signature/index.d.ts

@@ -0,0 +1,60 @@
+export declare const Signature: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tips: StringConstructor;
+    type: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    penColor: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    lineWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    clearButtonText: StringConstructor;
+    backgroundColor: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    confirmButtonText: StringConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "clear" | "start" | "end" | "signing")[], "submit" | "clear" | "start" | "end" | "signing", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tips: StringConstructor;
+    type: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    penColor: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    lineWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    clearButtonText: StringConstructor;
+    backgroundColor: {
+        type: import("vue").PropType<T>;
+        default: string;
+    };
+    confirmButtonText: StringConstructor;
+}>> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onStart?: ((...args: any[]) => any) | undefined;
+    onEnd?: ((...args: any[]) => any) | undefined;
+    onSigning?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: string;
+    backgroundColor: string;
+    lineWidth: number;
+    penColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default Signature;
+export type { SignatureProps } from './Signature';
+export type { SignatureInstance, SignatureThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        Signature: typeof Signature;
+    }
+}

package/lib/signature/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, {
+  Signature: () => Signature,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Signature = __toESM(require("./Signature"));
+const Signature = (0, import_utils.withInstall)(import_Signature.default);
+var stdin_default = Signature;

package/lib/signature/style/index.js

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

package/lib/signature/types.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { SignatureProps } from './Signature';
+export type SignatureExpose = {
+    resize: () => void;
+    clear: () => void;
+    submit: () => void;
+};
+export type SignatureInstance = ComponentPublicInstance<SignatureProps, SignatureExpose>;
+export type SignatureThemeVars = {
+    signaturePadding?: string;
+    signatureContentHeight?: string;
+    signatureContentBackground?: string;
+    signatureContentBorder?: string;
+};

package/lib/signature/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 = {};
+module.exports = __toCommonJS(stdin_exports);