zartui 3.0.1 → 3.0.3

package/lib/signature/Signature.d.ts

@@ -0,0 +1,109 @@
+import { ExtractPropTypes } from 'vue';
+import { SignatureResultType } from './types';
+export declare const signatureProps: {
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    lineWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    strokeStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    backgroundStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    imageType: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    resultTypes: {
+        type: import("vue").PropType<SignatureResultType[]>;
+        default: () => SignatureResultType[];
+    };
+    unSupportTpl: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allowPortrait: BooleanConstructor;
+};
+export declare type SignatureProps = ExtractPropTypes<typeof signatureProps>;
+declare const _default: import("vue").DefineComponent<{
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    lineWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    strokeStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    backgroundStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    imageType: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    resultTypes: {
+        type: import("vue").PropType<SignatureResultType[]>;
+        default: () => SignatureResultType[];
+    };
+    unSupportTpl: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allowPortrait: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "cancel" | "confirm")[], "clear" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    lineWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    strokeStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    backgroundStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    imageType: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    resultTypes: {
+        type: import("vue").PropType<SignatureResultType[]>;
+        default: () => SignatureResultType[];
+    };
+    unSupportTpl: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allowPortrait: BooleanConstructor;
+}>> & {
+    onClear?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {
+    lineWidth: string | number;
+    customClass: string;
+    strokeStyle: string;
+    backgroundStyle: string;
+    imageType: string;
+    resultTypes: SignatureResultType[];
+    unSupportTpl: string;
+    allowPortrait: boolean;
+}>;
+export default _default;

package/lib/signature/Signature.js

@@ -0,0 +1,257 @@
+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 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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  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, {
+  default: () => stdin_default,
+  signatureProps: () => signatureProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_force_landscape = require("./force-landscape");
+var import_toast = require("../toast");
+var import_media_util = require("../media-picker/util/media-util");
+var import_button = __toESM(require("../button"));
+var import_parse = require("../utils/parse");
+const [name, bem] = (0, import_utils.createNamespace)("signature");
+const signatureProps = {
+  customClass: (0, import_utils.makeStringProp)(""),
+  lineWidth: (0, import_utils.makeNumericProp)(2),
+  strokeStyle: (0, import_utils.makeStringProp)("#000"),
+  backgroundStyle: (0, import_utils.makeStringProp)("#fff"),
+  imageType: (0, import_utils.makeStringProp)("png"),
+  resultTypes: (0, import_utils.makeArrayProp)(["file", "dataUrl"]),
+  unSupportTpl: (0, import_utils.makeStringProp)("\u5BF9\u4E0D\u8D77\uFF0C\u5F53\u524D\u6D4F\u89C8\u5668\u4E0D\u652F\u6301Canvas\uFF0C\u65E0\u6CD5\u4F7F\u7528\u7B7E\u540D\u7EC4\u4EF6"),
+  allowPortrait: Boolean
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: signatureProps,
+  emits: ["clear", "cancel", "confirm"],
+  setup(props, {
+    emit
+  }) {
+    const containerRef = (0, import_vue2.ref)();
+    const canvasRef = (0, import_vue2.ref)();
+    const canvasWidth = (0, import_vue2.ref)(0);
+    const canvasHeight = (0, import_vue2.ref)(0);
+    const ctx = (0, import_vue2.ref)();
+    const events = (0, import_vue2.ref)("ontouchstart" in window ? ["touchstart", "touchmove", "touchend", "touchleave"] : ["mousedown", "mousemove", "mouseup", "mouseleave"]);
+    const isCompleteButtonDisabled = (0, import_vue2.ref)(true);
+    const isHintHidden = (0, import_vue2.ref)(false);
+    const isSupportTouch = (0, import_vue2.ref)("ontouchstart" in window);
+    const isCanvasSupported = (0, import_vue2.computed)(() => {
+      const elem = document.createElement("canvas");
+      return !!(elem.getContext && elem.getContext("2d"));
+    });
+    const reset = () => {
+      var _a, _b;
+      if (!containerRef.value) {
+        console.error("container is empty");
+        return;
+      }
+      const style = (0, import_force_landscape.getForceLandscapeStyle)(((_a = containerRef.value) == null ? void 0 : _a.offsetLeft) || 0, ((_b = containerRef.value) == null ? void 0 : _b.offsetTop) || 0, !props.allowPortrait);
+      containerRef.value.style.transform = style.transform;
+      containerRef.value.style.width = style.width;
+      containerRef.value.style.height = style.height;
+      containerRef.value.style.transformOrigin = style.transformOrigin;
+      canvasWidth.value = (0, import_parse.parseNumber)(style.width);
+      canvasHeight.value = (0, import_parse.parseNumber)(style.height);
+    };
+    const setupBackground = () => {
+      var _a, _b, _c, _d;
+      if (props.imageType === "jpg") {
+        let backgroundColor = props.backgroundStyle;
+        if (backgroundColor === "transparent") {
+          backgroundColor = "#fff";
+        }
+        if (ctx.value) {
+          ctx.value.fillStyle = backgroundColor;
+          ctx.value.fillRect(0, 0, ((_a = canvasRef.value) == null ? void 0 : _a.width) || 0, ((_b = canvasRef.value) == null ? void 0 : _b.height) || 0);
+        }
+      } else {
+        const backgroundColor = props.backgroundStyle;
+        if (backgroundColor !== "transparent" && ctx.value) {
+          ctx.value.fillStyle = backgroundColor;
+          ctx.value.fillRect(0, 0, ((_c = canvasRef.value) == null ? void 0 : _c.width) || 0, ((_d = canvasRef.value) == null ? void 0 : _d.height) || 0);
+        }
+      }
+    };
+    const moveEventHandler = (event) => {
+      var _a, _b;
+      event.preventDefault();
+      isHintHidden.value = true;
+      isCompleteButtonDisabled.value = false;
+      const evt = isSupportTouch.value ? event.touches[0] : event;
+      if (canvasRef.value) {
+        const position = (0, import_force_landscape.getForceLandscapeEventPosition)(evt, canvasRef.value, !props.allowPortrait);
+        (_a = ctx.value) == null ? void 0 : _a.lineTo(position.x, position.y);
+        (_b = ctx.value) == null ? void 0 : _b.stroke();
+      }
+    };
+    const endEventHandler = (event) => {
+      var _a, _b;
+      event.preventDefault();
+      (_a = canvasRef.value) == null ? void 0 : _a.removeEventListener(events.value[1], moveEventHandler, false);
+      (_b = canvasRef.value) == null ? void 0 : _b.removeEventListener(events.value[2], endEventHandler, false);
+    };
+    const leaveEventHandler = (event) => {
+      var _a, _b;
+      event.preventDefault();
+      (_a = canvasRef.value) == null ? void 0 : _a.removeEventListener(events.value[1], moveEventHandler, false);
+      (_b = canvasRef.value) == null ? void 0 : _b.removeEventListener(events.value[2], endEventHandler, false);
+    };
+    const startEventHandler = (event) => {
+      var _a, _b, _c;
+      event.preventDefault();
+      if (ctx.value) {
+        ctx.value.beginPath();
+        ctx.value.lineWidth = +props.lineWidth;
+        ctx.value.strokeStyle = props.strokeStyle;
+      }
+      (_a = canvasRef.value) == null ? void 0 : _a.addEventListener(events.value[1], moveEventHandler, false);
+      (_b = canvasRef.value) == null ? void 0 : _b.addEventListener(events.value[2], endEventHandler, false);
+      (_c = canvasRef.value) == null ? void 0 : _c.addEventListener(events.value[3], leaveEventHandler, false);
+    };
+    const clear = (isUnEmit = false) => {
+      var _a, _b, _c, _d, _e;
+      (_a = canvasRef.value) == null ? void 0 : _a.addEventListener(events.value[2], endEventHandler, false);
+      (_d = ctx.value) == null ? void 0 : _d.clearRect(0, 0, ((_b = canvasRef.value) == null ? void 0 : _b.width) || 0, ((_c = canvasRef.value) == null ? void 0 : _c.height) || 0);
+      (_e = ctx.value) == null ? void 0 : _e.closePath();
+      setupBackground();
+      isHintHidden.value = false;
+      isCompleteButtonDisabled.value = true;
+      if (!isUnEmit) {
+        emit("clear");
+      }
+    };
+    const onSave = (canvas) => {
+      Promise.all(props.resultTypes.map((resultType) => {
+        if (resultType.trim() === "dataUrl") {
+          let dataURL;
+          if (props.imageType === "png") {
+            dataURL = canvas.toDataURL("image/png");
+          } else {
+            dataURL = canvas.toDataURL("image/jpeg", 0.8);
+          }
+          return Promise.resolve(dataURL);
+        } else if (resultType.trim() === "file") {
+          const timestamp = new Date().getTime();
+          if (props.imageType === "png") {
+            const exportFilename2 = timestamp + ".png";
+            return (0, import_media_util.canvas2File)(canvas, exportFilename2, timestamp, "image/png");
+          }
+          const exportFilename = timestamp + ".jpg";
+          return (0, import_media_util.canvas2File)(canvas, exportFilename, timestamp);
+        }
+        return Promise.resolve(null);
+      })).then((results) => {
+        clear(true);
+        emit("confirm", results);
+      });
+    };
+    const confirm = () => {
+      if (canvasRef.value) {
+        onSave(canvasRef.value);
+      }
+    };
+    const cancel = () => {
+      clear(true);
+      emit("cancel");
+    };
+    const addEvent = () => {
+      var _a;
+      (_a = canvasRef.value) == null ? void 0 : _a.addEventListener(events.value[0], startEventHandler, false);
+      if (isCanvasSupported.value) {
+        window.addEventListener("resize", () => {
+          setTimeout(() => {
+            reset();
+            if (!isCompleteButtonDisabled.value) {
+              (0, import_toast.showToast)("\u65CB\u8F6C\u5C4F\u5E55\u6216\u8005\u6539\u53D8\u5C4F\u5E55\u5927\u5C0F\u89E6\u53D1\u91CD\u65B0\u7ED8\u5236");
+              clear(true);
+            }
+          }, 100);
+        });
+      }
+    };
+    const onAppear = () => {
+      var _a;
+      if (!isCanvasSupported.value) {
+        return;
+      }
+      ctx.value = (_a = canvasRef.value) == null ? void 0 : _a.getContext("2d");
+      reset();
+      addEvent();
+      setTimeout(() => {
+        setupBackground();
+      }, 50);
+    };
+    return () => (0, import_vue.createVNode)(import_vue2.Transition, {
+      "appear": true,
+      "onAfterEnter": onAppear
+    }, {
+      default: () => [(0, import_vue.createVNode)("div", {
+        "class": [bem(""), props.customClass ? props.customClass : ""],
+        "ref": containerRef
+      }, [(0, import_vue.withDirectives)((0, import_vue.createVNode)("label", {
+        "class": bem("placeholder")
+      }, [isCanvasSupported.value ? "\u8BF7\u5728\u6B64\u7B7E\u540D" : props.unSupportTpl]), [[import_vue.vShow, !isHintHidden.value]]), (0, import_vue.createVNode)("div", {
+        "class": bem("canvasWrapper"),
+        "ref": "canvasWrapper"
+      }, [(0, import_vue.withDirectives)((0, import_vue.createVNode)("canvas", {
+        "class": bem("canvas"),
+        "ref": canvasRef,
+        "width": canvasWidth.value,
+        "height": canvasHeight.value
+      }, null), [[import_vue.vShow, isCanvasSupported.value]])]), (0, import_vue.createVNode)("div", {
+        "class": bem("actions")
+      }, [(0, import_vue.createVNode)(import_button.default, {
+        "plain": true,
+        "type": "warning",
+        "onClick": () => clear(),
+        "style": {
+          "background-color": "#fff"
+        }
+      }, {
+        default: () => [(0, import_vue.createTextVNode)("\u91CD\u7B7E")]
+      }), (0, import_vue.createVNode)(import_button.default, {
+        "type": "default",
+        "onClick": cancel,
+        "style": {
+          "background-color": "#fff"
+        }
+      }, {
+        default: () => [(0, import_vue.createTextVNode)("\u53D6\u6D88")]
+      }), (0, import_vue.createVNode)(import_button.default, {
+        "block": true,
+        "type": "primary",
+        "disabled": isCompleteButtonDisabled.value,
+        "onClick": confirm
+      }, {
+        default: () => [(0, import_vue.createTextVNode)("\u5B8C\u6210")]
+      })])])]
+    });
+  }
+});

package/lib/signature/force-landscape.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 判断是否竖直的
+ */
+export declare const isPortrait: () => boolean;
+export interface ForceLandscapeStyle {
+    transform: string;
+    width: string;
+    height: string;
+    transformOrigin: string;
+}
+export declare const getForceLandscapeStyle: (offsetLeft: number, offsetTop: number, forceLandscape: boolean) => ForceLandscapeStyle;
+export interface EventPosition {
+    x: number;
+    y: number;
+}
+export declare const getForceLandscapeEventPosition: (evt: MouseEvent | Touch, canvas: HTMLCanvasElement, forceLandscape: boolean) => EventPosition;

package/lib/signature/force-landscape.js

@@ -0,0 +1,91 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  getForceLandscapeEventPosition: () => getForceLandscapeEventPosition,
+  getForceLandscapeStyle: () => getForceLandscapeStyle,
+  isPortrait: () => isPortrait
+});
+module.exports = __toCommonJS(stdin_exports);
+const isPortrait = () => window.orientation == null || window.orientation === 180 || window.orientation === 0;
+const getForceLandscapeStyle = (offsetLeft, offsetTop, forceLandscape) => {
+  const resultStyle = {
+    width: "",
+    height: "",
+    transform: "",
+    transformOrigin: ""
+  };
+  const { clientWidth } = document.documentElement;
+  const leftOffset = offsetLeft;
+  const { clientHeight } = document.documentElement;
+  const topOffset = offsetTop;
+  const width = clientWidth - leftOffset;
+  const height = clientHeight - topOffset;
+  const longSide = Math.max(width, height);
+  const shortSide = Math.min(width, height);
+  if (isPortrait()) {
+    if (width < height) {
+      if (forceLandscape) {
+        console.debug("\u7AD6\u5C4F\u6253\u5F00\uFF0C\u5F3A\u5236\u6A2A\u5C4F");
+        resultStyle.transform = `rotate(90deg)`;
+        resultStyle.width = `${longSide}px`;
+        resultStyle.height = `${shortSide}px`;
+        resultStyle.transformOrigin = `${shortSide / 2}px center`;
+      } else {
+        console.debug("\u7AD6\u5C4F\u6253\u5F00\uFF0C\u4FDD\u6301\u7AD6\u5C4F");
+        resultStyle.transform = `rotate(0deg)`;
+        resultStyle.width = `${shortSide}px`;
+        resultStyle.height = `${longSide}px`;
+      }
+    } else if (forceLandscape) {
+      console.debug("\u6A2A\u5C4F\u65CB\u8F6C\u5230\u5F3A\u5236\u6A2A\u5C4F");
+      resultStyle.transform = `rotate(90deg)`;
+      resultStyle.width = `${longSide}px`;
+      resultStyle.height = `${shortSide}px`;
+      resultStyle.transformOrigin = `${shortSide / 2}px center`;
+    } else {
+      console.debug("\u6A2A\u5C4F\u65CB\u8F6C\u5230\u7AD6\u5C4F");
+      resultStyle.transform = `rotate(0deg)`;
+      resultStyle.width = `${shortSide}px`;
+      resultStyle.height = `${longSide}px`;
+    }
+  } else {
+    if (width > height) {
+      console.debug("\u6A2A\u5C4F\u6253\u5F00");
+    } else {
+      console.debug("\u7AD6\u5C4F\u65CB\u8F6C\u5230\u6A2A\u5C4F");
+    }
+    resultStyle.transform = `rotate(0deg)`;
+    resultStyle.width = `${longSide}px`;
+    resultStyle.height = `${shortSide}px`;
+  }
+  return resultStyle;
+};
+const getForceLandscapeEventPosition = (evt, canvas, forceLandscape) => {
+  const coverPos = canvas.getBoundingClientRect();
+  const mouseX = evt.clientX - coverPos.left;
+  const mouseY = evt.clientY - coverPos.top;
+  const isReverseXY = forceLandscape && (window.orientation == null || window.orientation === 180 || window.orientation === 0);
+  if (isReverseXY) {
+    const { clientWidth } = document.documentElement;
+    const leftOffset = 0;
+    const width = clientWidth - leftOffset;
+    return { x: mouseY, y: width - mouseX };
+  }
+  return { x: mouseX, y: mouseY };
+};

package/lib/signature/index.css

@@ -0,0 +1 @@
+:root{--zt-signature-canvas-z-index: 1;--zt-signature-hint-z-index: 2;--zt-signature-actions-z-index: 2}.zt-signature{background-color:var(--zt-background);width:100%;height:100%;position:relative}.zt-signature__placeholder{z-index:var(--zt-signature-hint-z-index);pointer-events:none;position:absolute;left:0;top:calc(50% - 12px);font-size:16px;height:24px;width:100%;color:var(--zt-gray-a2);text-align:center}.zt-signature__canvasWrapper{z-index:var(--zt-signature-canvas-z-index);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--zt-white)}.zt-signature__actions{z-index:var(--zt-signature-actions-z-index);position:absolute;right:0;bottom:16px;width:320px;float:right}.zt-signature__actions button{float:left;width:96px;margin-right:8px}

package/lib/signature/index.d.ts

@@ -0,0 +1,83 @@
+export declare const Signature: import("../utils").WithInstall<import("vue").DefineComponent<{
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    lineWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    strokeStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    backgroundStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    imageType: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    resultTypes: {
+        type: import("vue").PropType<import("./types").SignatureResultType[]>;
+        default: () => import("./types").SignatureResultType[];
+    };
+    unSupportTpl: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allowPortrait: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "cancel" | "confirm")[], "clear" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    customClass: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    lineWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    strokeStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    backgroundStyle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    imageType: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    resultTypes: {
+        type: import("vue").PropType<import("./types").SignatureResultType[]>;
+        default: () => import("./types").SignatureResultType[];
+    };
+    unSupportTpl: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allowPortrait: BooleanConstructor;
+}>> & {
+    onClear?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {
+    lineWidth: string | number;
+    customClass: string;
+    strokeStyle: string;
+    backgroundStyle: string;
+    imageType: string;
+    resultTypes: import("./types").SignatureResultType[];
+    unSupportTpl: string;
+    allowPortrait: boolean;
+}>>;
+export default Signature;
+export { signatureProps } from './Signature';
+export type { SignatureProps } from './Signature';
+export type { SignatureResultType } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtSignature: typeof Signature;
+    }
+}

package/lib/signature/index.js

@@ -0,0 +1,35 @@
+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(
+  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,
+  signatureProps: () => import_Signature2.signatureProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Signature = __toESM(require("./Signature"));
+var import_Signature2 = require("./Signature");
+const Signature = (0, import_utils.withInstall)(import_Signature.default);
+var stdin_default = Signature;

package/lib/signature/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/signature/style/index.js

@@ -0,0 +1,10 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../overlay/index.css");
+require("../../popup/index.css");
+require("../../loading/index.css");
+require("../../toast/index.css");
+require("../../button/index.css");
+require("../../media-picker/index.css");
+require("../index.css");

package/lib/signature/types.d.ts

@@ -0,0 +1 @@
+export declare type SignatureResultType = 'file' | 'dataUrl';

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);