@nutui/nutui 3.1.21-beta.0 → 3.1.21-beta.1

package/dist/packages/_es/Signature.js

@@ -0,0 +1,185 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+/*!
+* @nutui/nutui v3.1.21-beta.0 Fri Apr 29 2022 13:06:00 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { ref, computed, reactive, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, withCtx, createTextVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
+const { componentName, create, translate } = createComponent("signature");
+const _sfc_main = create({
+  props: {
+    customClass: {
+      type: String,
+      default: ""
+    },
+    lineWidth: {
+      type: Number,
+      default: 2
+    },
+    strokeStyle: {
+      type: String,
+      default: "#000"
+    },
+    type: {
+      type: String,
+      default: "png"
+    },
+    unSupportTpl: {
+      type: String,
+      default: ""
+    }
+  },
+  components: {},
+  emits: ["confirm", "clear"],
+  setup(props, { emit }) {
+    const canvas = ref(null);
+    const wrap = ref(null);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`${props.customClass}`]: props.customClass
+      };
+    });
+    const state = reactive({
+      canvasHeight: 0,
+      canvasWidth: 0,
+      ctx: null,
+      isSupportTouch: "ontouchstart" in window,
+      events: "ontouchstart" in window ? ["touchstart", "touchmove", "touchend", "touchleave"] : ["mousedown", "mousemove", "mouseup", "mouseleave"]
+    });
+    const isCanvasSupported = () => {
+      let elem = document.createElement("canvas");
+      return !!(elem.getContext && elem.getContext("2d"));
+    };
+    const addEvent = () => {
+      canvas.value.addEventListener(state.events[0], startEventHandler, false);
+    };
+    const startEventHandler = (event) => {
+      event.preventDefault();
+      state.ctx.beginPath();
+      state.ctx.lineWidth = props.lineWidth;
+      state.ctx.strokeStyle = props.strokeStyle;
+      canvas.value.addEventListener(state.events[1], moveEventHandler, false);
+      canvas.value.addEventListener(state.events[2], endEventHandler, false);
+      canvas.value.addEventListener(state.events[3], leaveEventHandler, false);
+    };
+    const moveEventHandler = (event) => {
+      event.preventDefault();
+      let evt = state.isSupportTouch ? event.touches[0] : event;
+      let coverPos = canvas.value.getBoundingClientRect();
+      let mouseX = evt.clientX - coverPos.left;
+      let mouseY = evt.clientY - coverPos.top;
+      state.ctx.lineTo(mouseX, mouseY);
+      state.ctx.stroke();
+    };
+    const endEventHandler = (event) => {
+      event.preventDefault();
+      canvas.value.removeEventListener(state.events[1], moveEventHandler, false);
+      canvas.value.removeEventListener(state.events[2], endEventHandler, false);
+    };
+    const leaveEventHandler = (event) => {
+      event.preventDefault();
+      canvas.value.removeEventListener(state.events[1], moveEventHandler, false);
+      canvas.value.removeEventListener(state.events[2], endEventHandler, false);
+    };
+    const clear = () => {
+      canvas.value.addEventListener(state.events[2], endEventHandler, false);
+      state.ctx.clearRect(0, 0, state.canvasWidth, state.canvasHeight);
+      state.ctx.closePath();
+      emit("clear");
+    };
+    const confirm = () => {
+      onSave(canvas.value);
+    };
+    const onSave = (canvas2) => {
+      let dataurl;
+      switch (props.type) {
+        case "png":
+          dataurl = canvas2.toDataURL("image/png");
+          break;
+        case "jpg":
+          dataurl = canvas2.toDataURL("image/jpeg", 0.8);
+          break;
+      }
+      clear();
+      emit("confirm", canvas2, dataurl);
+    };
+    onMounted(() => {
+      if (isCanvasSupported()) {
+        state.ctx = canvas.value.getContext("2d");
+        state.canvasWidth = wrap.value.offsetWidth;
+        state.canvasHeight = wrap.value.offsetHeight;
+        addEvent();
+      }
+    });
+    return __spreadProps(__spreadValues({}, toRefs(state)), { canvas, wrap, isCanvasSupported, confirm, clear, classes, translate });
+  }
+});
+const _hoisted_1 = {
+  class: "nut-signature-inner",
+  ref: "wrap"
+};
+const _hoisted_2 = ["height", "width"];
+const _hoisted_3 = {
+  key: 1,
+  class: "nut-signature-unsopport"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_button = resolveComponent("nut-button");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      (() => _ctx.isCanvasSupported()) ? (openBlock(), createElementBlock("canvas", {
+        key: 0,
+        ref: "canvas",
+        height: _ctx.canvasHeight,
+        width: _ctx.canvasWidth
+      }, null, 8, _hoisted_2)) : (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.unSupportTpl || _ctx.translate("unSupportTpl")), 1))
+    ], 512),
+    createVNode(_component_nut_button, {
+      class: "nut-signature-btn",
+      type: "default",
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.clear())
+    }, {
+      default: withCtx(() => [
+        createTextVNode(toDisplayString(_ctx.translate("reSign")), 1)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_nut_button, {
+      class: "nut-signature-btn",
+      type: "primary",
+      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
+    }, {
+      default: withCtx(() => [
+        createTextVNode(toDisplayString(_ctx.translate("confirm")), 1)
+      ]),
+      _: 1
+    })
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Skeleton.js

@@ -0,0 +1,141 @@
+/*!
+* @nutui/nutui v3.1.21-beta.0 Fri Apr 29 2022 13:06:00 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { c as createComponent } from "./component.js";
+import { toRefs, computed, onMounted, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, createBlock, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
+const component = {
+  props: {
+    width: {
+      type: String,
+      default: "100px"
+    },
+    height: {
+      type: String,
+      default: "100px"
+    },
+    animated: {
+      type: Boolean,
+      default: false
+    },
+    avatar: {
+      type: Boolean,
+      default: false
+    },
+    avatarShape: {
+      type: String,
+      default: "round"
+    },
+    avatarSize: {
+      type: String,
+      default: "50px"
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    },
+    round: {
+      type: Boolean,
+      default: false
+    },
+    row: {
+      type: String,
+      default: "1"
+    },
+    title: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const { avatarShape, round, avatarSize } = toRefs(props);
+    const avatarClass = computed(() => {
+      const prefixCls = "avatarClass";
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--${avatarShape.value}`]: avatarShape.value
+      };
+    });
+    const blockClass = computed(() => {
+      const prefixCls = "blockClass";
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--round`]: round.value
+      };
+    });
+    const getStyle = () => {
+      if (avatarSize.value) {
+        return {
+          width: avatarSize.value,
+          height: avatarSize.value
+        };
+      }
+      return {
+        width: "50px",
+        height: "50px"
+      };
+    };
+    onMounted(() => {
+    });
+    return {
+      avatarShape,
+      avatarClass,
+      blockClass,
+      getStyle
+    };
+  }
+};
+const { create } = createComponent("skeleton");
+const _sfc_main = create(component);
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = {
+  key: 1,
+  class: "skeleton"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "skeleton-animation"
+};
+const _hoisted_4 = { class: "content" };
+const _hoisted_5 = { class: "content-line" };
+const _hoisted_6 = {
+  key: 0,
+  class: "title"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_avatar = resolveComponent("nut-avatar");
+  return !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default")
+  ])) : (openBlock(), createElementBlock("view", _hoisted_2, [
+    _ctx.animated ? (openBlock(), createElementBlock("view", _hoisted_3)) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_4, [
+      _ctx.avatar ? (openBlock(), createBlock(_component_nut_avatar, {
+        key: 0,
+        class: normalizeClass(_ctx.avatarClass),
+        shape: _ctx.avatarShape,
+        style: normalizeStyle(_ctx.getStyle()),
+        "bg-color": "rgb(239, 239, 239)"
+      }, null, 8, ["class", "shape", "style"])) : createCommentVNode("", true),
+      Number(_ctx.row) == 1 ? (openBlock(), createElementBlock("view", {
+        key: 1,
+        class: normalizeClass(_ctx.blockClass),
+        style: normalizeStyle({ width: _ctx.width, height: _ctx.height })
+      }, null, 6)) : createCommentVNode("", true),
+      createElementVNode("view", _hoisted_5, [
+        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_6)) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(Number(_ctx.row), (item, index2) => {
+          return openBlock(), createElementBlock("view", {
+            key: index2,
+            class: normalizeClass(_ctx.blockClass),
+            style: normalizeStyle({ width: _ctx.width, height: _ctx.height })
+          }, null, 6);
+        }), 128))
+      ])
+    ])
+  ]));
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };