@fecp/designer 5.5.114 → 5.5.116

package/lib/node_modules/vant/es/signature/Signature.js

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const index_esm = require("../../../@vant/use/dist/index.esm.js");
+const useExpose = require("../composables/use-expose.js");
+const index = require("../button/index.js");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const basic = require("../utils/basic.js");
+const dom = require("../utils/dom.js");
+const [name, bem, t] = create.createNamespace("signature");
+const signatureProps = {
+  tips: String,
+  type: props.makeStringProp("png"),
+  penColor: props.makeStringProp("#000"),
+  lineWidth: props.makeNumberProp(3),
+  clearButtonText: String,
+  backgroundColor: props.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 = Vue.defineComponent({
+  name,
+  props: signatureProps,
+  emits: ["submit", "clear", "start", "end", "signing"],
+  setup(props2, {
+    emit
+  }) {
+    const canvasRef = Vue.ref();
+    const wrapRef = Vue.ref();
+    const ctx = Vue.computed(() => {
+      if (!canvasRef.value) return null;
+      return canvasRef.value.getContext("2d");
+    });
+    const isRenderCanvas = basic.inBrowser ? hasCanvasSupport() : true;
+    let canvasWidth = 0;
+    let canvasHeight = 0;
+    let canvasRect;
+    const touchStart = () => {
+      if (!ctx.value) {
+        return false;
+      }
+      ctx.value.beginPath();
+      ctx.value.lineWidth = props2.lineWidth;
+      ctx.value.strokeStyle = props2.penColor;
+      canvasRect = index_esm.useRect(canvasRef);
+      emit("start");
+    };
+    const touchMove = (event) => {
+      if (!ctx.value) {
+        return false;
+      }
+      dom.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) => {
+      dom.preventDefault(event);
+      emit("end");
+    };
+    const isCanvasEmpty = (canvas) => {
+      const empty = document.createElement("canvas");
+      empty.width = canvas.width;
+      empty.height = canvas.height;
+      if (props2.backgroundColor) {
+        const emptyCtx = empty.getContext("2d");
+        setCanvasBgColor(emptyCtx);
+      }
+      return canvas.toDataURL() === empty.toDataURL();
+    };
+    const setCanvasBgColor = (ctx2) => {
+      if (ctx2 && props2.backgroundColor) {
+        ctx2.fillStyle = props2.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)
+      })[props2.type]) == null ? void 0 : _b.call(_a)) || canvas.toDataURL(`image/${props2.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 = basic.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);
+      }
+    };
+    Vue.watch(dom.windowWidth, resize);
+    Vue.onMounted(initialize);
+    useExpose.useExpose({
+      resize,
+      clear,
+      submit
+    });
+    return () => Vue.createVNode("div", {
+      "class": bem()
+    }, [Vue.createVNode("div", {
+      "class": bem("content"),
+      "ref": wrapRef
+    }, [isRenderCanvas ? Vue.createVNode("canvas", {
+      "ref": canvasRef,
+      "onTouchstartPassive": touchStart,
+      "onTouchmove": touchMove,
+      "onTouchend": touchEnd
+    }, null) : Vue.createVNode("p", null, [props2.tips])]), Vue.createVNode("div", {
+      "class": bem("footer")
+    }, [Vue.createVNode(index.Button, {
+      "size": "small",
+      "onClick": clear
+    }, {
+      default: () => [props2.clearButtonText || t("clear")]
+    }), Vue.createVNode(index.Button, {
+      "type": "primary",
+      "size": "small",
+      "onClick": submit
+    }, {
+      default: () => [props2.confirmButtonText || t("confirm")]
+    })])]);
+  }
+});
+exports.default = stdin_default;
+exports.signatureProps = signatureProps;

package/lib/node_modules/vant/es/signature/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Signature$1 = require("./Signature.js");
+const withInstall = require("../utils/with-install.js");
+const Signature = withInstall.withInstall(Signature$1.default);
+exports.Signature = Signature;

package/lib/node_modules/vant/es/skeleton/Skeleton.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const index$1 = require("../skeleton-title/index.js");
+const index = require("../skeleton-avatar/index.js");
+const index$2 = require("../skeleton-paragraph/index.js");
+const SkeletonParagraph = require("../skeleton-paragraph/SkeletonParagraph.js");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const format = require("../utils/format.js");
+const [name, bem] = create.createNamespace("skeleton");
+const DEFAULT_LAST_ROW_WIDTH = "60%";
+const skeletonProps = {
+  row: props.makeNumericProp(0),
+  round: Boolean,
+  title: Boolean,
+  titleWidth: props.numericProp,
+  avatar: Boolean,
+  avatarSize: props.numericProp,
+  avatarShape: props.makeStringProp("round"),
+  loading: props.truthProp,
+  animate: props.truthProp,
+  rowWidth: {
+    type: [Number, String, Array],
+    default: SkeletonParagraph.DEFAULT_ROW_WIDTH
+  }
+};
+var stdin_default = Vue.defineComponent({
+  name,
+  inheritAttrs: false,
+  props: skeletonProps,
+  setup(props2, {
+    slots,
+    attrs
+  }) {
+    const renderAvatar = () => {
+      if (props2.avatar) {
+        return Vue.createVNode(index.default, {
+          "avatarShape": props2.avatarShape,
+          "avatarSize": props2.avatarSize
+        }, null);
+      }
+    };
+    const renderTitle = () => {
+      if (props2.title) {
+        return Vue.createVNode(index$1.default, {
+          "round": props2.round,
+          "titleWidth": props2.titleWidth
+        }, null);
+      }
+    };
+    const getRowWidth = (index2) => {
+      const {
+        rowWidth
+      } = props2;
+      if (rowWidth === SkeletonParagraph.DEFAULT_ROW_WIDTH && index2 === +props2.row - 1) {
+        return DEFAULT_LAST_ROW_WIDTH;
+      }
+      if (Array.isArray(rowWidth)) {
+        return rowWidth[index2];
+      }
+      return rowWidth;
+    };
+    const renderRows = () => Array(+props2.row).fill("").map((_, i) => Vue.createVNode(index$2.default, {
+      "key": i,
+      "round": props2.round,
+      "rowWidth": format.addUnit(getRowWidth(i))
+    }, null));
+    const renderContents = () => {
+      if (slots.template) {
+        return slots.template();
+      }
+      return Vue.createVNode(Vue.Fragment, null, [renderAvatar(), Vue.createVNode("div", {
+        "class": bem("content")
+      }, [renderTitle(), renderRows()])]);
+    };
+    return () => {
+      var _a;
+      if (!props2.loading) {
+        return (_a = slots.default) == null ? void 0 : _a.call(slots);
+      }
+      return Vue.createVNode("div", Vue.mergeProps({
+        "class": bem({
+          animate: props2.animate,
+          round: props2.round
+        })
+      }, attrs), [renderContents()]);
+    };
+  }
+});
+exports.default = stdin_default;
+exports.skeletonProps = skeletonProps;

package/lib/node_modules/vant/es/skeleton/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Skeleton$1 = require("./Skeleton.js");
+const withInstall = require("../utils/with-install.js");
+const Skeleton = withInstall.withInstall(Skeleton$1.default);
+exports.skeletonProps = Skeleton$1.skeletonProps;
+exports.Skeleton = Skeleton;

package/lib/node_modules/vant/es/skeleton-avatar/SkeletonAvatar.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const format = require("../utils/format.js");
+const [name, bem] = create.createNamespace("skeleton-avatar");
+const skeletonAvatarProps = {
+  avatarSize: props.numericProp,
+  avatarShape: props.makeStringProp("round")
+};
+var stdin_default = Vue.defineComponent({
+  name,
+  props: skeletonAvatarProps,
+  setup(props2) {
+    return () => Vue.createVNode("div", {
+      "class": bem([props2.avatarShape]),
+      "style": format.getSizeStyle(props2.avatarSize)
+    }, null);
+  }
+});
+exports.default = stdin_default;
+exports.skeletonAvatarProps = skeletonAvatarProps;

package/lib/node_modules/vant/es/skeleton-avatar/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const SkeletonAvatar$1 = require("./SkeletonAvatar.js");
+const withInstall = require("../utils/with-install.js");
+const SkeletonAvatar = withInstall.withInstall(SkeletonAvatar$1.default);
+var stdin_default = SkeletonAvatar;
+exports.skeletonAvatarProps = SkeletonAvatar$1.skeletonAvatarProps;
+exports.SkeletonAvatar = SkeletonAvatar;
+exports.default = stdin_default;

package/lib/node_modules/vant/es/skeleton-image/SkeletonImage.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const index = require("../icon/index.js");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const format = require("../utils/format.js");
+const [name, bem] = create.createNamespace("skeleton-image");
+const skeletonImageProps = {
+  imageSize: props.numericProp,
+  imageShape: props.makeStringProp("square")
+};
+var stdin_default = Vue.defineComponent({
+  name,
+  props: skeletonImageProps,
+  setup(props2) {
+    return () => Vue.createVNode("div", {
+      "class": bem([props2.imageShape]),
+      "style": format.getSizeStyle(props2.imageSize)
+    }, [Vue.createVNode(index.Icon, {
+      "name": "photo",
+      "class": bem("icon")
+    }, null)]);
+  }
+});
+exports.default = stdin_default;
+exports.skeletonImageProps = skeletonImageProps;

package/lib/node_modules/vant/es/skeleton-image/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const SkeletonImage$1 = require("./SkeletonImage.js");
+const withInstall = require("../utils/with-install.js");
+const SkeletonImage = withInstall.withInstall(SkeletonImage$1.default);
+exports.skeletonImageProps = SkeletonImage$1.skeletonImageProps;
+exports.SkeletonImage = SkeletonImage;

package/lib/node_modules/vant/es/skeleton-paragraph/SkeletonParagraph.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const DEFAULT_ROW_WIDTH = "100%";
+const skeletonParagraphProps = {
+  round: Boolean,
+  rowWidth: {
+    type: props.numericProp,
+    default: DEFAULT_ROW_WIDTH
+  }
+};
+const [name, bem] = create.createNamespace("skeleton-paragraph");
+var stdin_default = Vue.defineComponent({
+  name,
+  props: skeletonParagraphProps,
+  setup(props2) {
+    return () => Vue.createVNode("div", {
+      "class": bem([{
+        round: props2.round
+      }]),
+      "style": {
+        width: props2.rowWidth
+      }
+    }, null);
+  }
+});
+exports.DEFAULT_ROW_WIDTH = DEFAULT_ROW_WIDTH;
+exports.default = stdin_default;
+exports.skeletonParagraphProps = skeletonParagraphProps;

package/lib/node_modules/vant/es/skeleton-paragraph/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const SkeletonParagraph$1 = require("./SkeletonParagraph.js");
+const withInstall = require("../utils/with-install.js");
+const SkeletonParagraph = withInstall.withInstall(SkeletonParagraph$1.default);
+var stdin_default = SkeletonParagraph;
+exports.DEFAULT_ROW_WIDTH = SkeletonParagraph$1.DEFAULT_ROW_WIDTH;
+exports.skeletonParagraphProps = SkeletonParagraph$1.skeletonParagraphProps;
+exports.SkeletonParagraph = SkeletonParagraph;
+exports.default = stdin_default;

package/lib/node_modules/vant/es/skeleton-title/SkeletonTitle.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const format = require("../utils/format.js");
+const [name, bem] = create.createNamespace("skeleton-title");
+const skeletonTitleProps = {
+  round: Boolean,
+  titleWidth: props.numericProp
+};
+var stdin_default = Vue.defineComponent({
+  name,
+  props: skeletonTitleProps,
+  setup(props2) {
+    return () => Vue.createVNode("h3", {
+      "class": bem([{
+        round: props2.round
+      }]),
+      "style": {
+        width: format.addUnit(props2.titleWidth)
+      }
+    }, null);
+  }
+});
+exports.default = stdin_default;
+exports.skeletonTitleProps = skeletonTitleProps;

package/lib/node_modules/vant/es/skeleton-title/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const SkeletonTitle$1 = require("./SkeletonTitle.js");
+const withInstall = require("../utils/with-install.js");
+const SkeletonTitle = withInstall.withInstall(SkeletonTitle$1.default);
+var stdin_default = SkeletonTitle;
+exports.skeletonTitleProps = SkeletonTitle$1.skeletonTitleProps;
+exports.SkeletonTitle = SkeletonTitle;
+exports.default = stdin_default;