@nutui/nutui 3.1.21 → 3.1.22-beta.5

package/dist/packages/_es/Signature.js

@@ -1,185 +1,47 @@
-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 Mon May 30 2022 20:20:01 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 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 { ref as e, computed as t, reactive as n, onMounted as a, toRefs as s, resolveComponent as r, openBlock as l, createElementBlock as o, normalizeClass as u, createElementVNode as i, toDisplayString as c, createVNode as v, withCtx as p, createTextVNode as d } from "vue";
+import { c as m } from "./component.js";
+import { _ as g } 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: ""
+const { componentName: h, create: f, translate: y } = m("signature"), S = f({ 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(r2, { emit: l2 }) {
+  const o2 = e(null), u2 = e(null), i2 = t(() => ({ [h]: true, [`${r2.customClass}`]: r2.customClass })), c2 = n({ canvasHeight: 0, canvasWidth: 0, ctx: null, isSupportTouch: "ontouchstart" in window, events: "ontouchstart" in window ? ["touchstart", "touchmove", "touchend", "touchleave"] : ["mousedown", "mousemove", "mouseup", "mouseleave"] }), v2 = () => {
+    let e2 = document.createElement("canvas");
+    return !(!e2.getContext || !e2.getContext("2d"));
+  }, p2 = (e2) => {
+    e2.preventDefault(), c2.ctx.beginPath(), c2.ctx.lineWidth = r2.lineWidth, c2.ctx.strokeStyle = r2.strokeStyle, o2.value.addEventListener(c2.events[1], d2, false), o2.value.addEventListener(c2.events[2], m2, false), o2.value.addEventListener(c2.events[3], g2, false);
+  }, d2 = (e2) => {
+    e2.preventDefault();
+    let t2 = c2.isSupportTouch ? e2.touches[0] : e2, n2 = o2.value.getBoundingClientRect(), a2 = t2.clientX - n2.left, s2 = t2.clientY - n2.top;
+    c2.ctx.lineTo(a2, s2), c2.ctx.stroke();
+  }, m2 = (e2) => {
+    e2.preventDefault(), o2.value.removeEventListener(c2.events[1], d2, false), o2.value.removeEventListener(c2.events[2], m2, false);
+  }, g2 = (e2) => {
+    e2.preventDefault(), o2.value.removeEventListener(c2.events[1], d2, false), o2.value.removeEventListener(c2.events[2], m2, false);
+  }, f2 = () => {
+    o2.value.addEventListener(c2.events[2], m2, false), c2.ctx.clearRect(0, 0, c2.canvasWidth, c2.canvasHeight), c2.ctx.closePath(), l2("clear");
+  }, S2 = (e2) => {
+    let t2;
+    switch (r2.type) {
+      case "png":
+        t2 = e2.toDataURL("image/png");
+        break;
+      case "jpg":
+        t2 = e2.toDataURL("image/jpeg", 0.8);
     }
-  },
-  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 };
+    f2(), l2("confirm", e2, t2);
+  };
+  return a(() => {
+    v2() && (c2.ctx = o2.value.getContext("2d"), c2.canvasWidth = u2.value.offsetWidth, c2.canvasHeight = u2.value.offsetHeight, o2.value.addEventListener(c2.events[0], p2, false));
+  }), { ...s(c2), canvas: o2, wrap: u2, isCanvasSupported: v2, confirm: () => {
+    S2(o2.value);
+  }, clear: f2, classes: i2, translate: y };
+} }), x = { class: "nut-signature-inner", ref: "wrap" }, C = ["height", "width"], L = { key: 1, class: "nut-signature-unsopport" };
+var w = g(S, [["render", function(e2, t2, n2, a2, s2, m2) {
+  const g2 = r("nut-button");
+  return l(), o("div", { class: u(e2.classes) }, [i("div", x, [() => e2.isCanvasSupported() ? (l(), o("canvas", { key: 0, ref: "canvas", height: e2.canvasHeight, width: e2.canvasWidth }, null, 8, C)) : (l(), o("p", L, c(e2.unSupportTpl || e2.translate("unSupportTpl")), 1))], 512), v(g2, { class: "nut-signature-btn", type: "default", onClick: t2[0] || (t2[0] = (t3) => e2.clear()) }, { default: p(() => [d(c(e2.translate("reSign")), 1)]), _: 1 }), v(g2, { class: "nut-signature-btn", type: "primary", onClick: t2[1] || (t2[1] = (t3) => e2.confirm()) }, { default: p(() => [d(c(e2.translate("confirm")), 1)]), _: 1 })], 2);
+}]]);
+export { w as default };

package/dist/packages/_es/Skeleton.js

@@ -1,141 +1,25 @@
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 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 { c as e } from "./component.js";
+import { toRefs as a, computed as t, onMounted as l, resolveComponent as s, openBlock as o, createElementBlock as r, renderSlot as n, createCommentVNode as i, createElementVNode as u, createBlock as p, normalizeClass as v, normalizeStyle as d, Fragment as h, renderList as c } from "vue";
+import { _ as y } 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 };
+const g = { 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(e2) {
+  const { avatarShape: s2, round: o2, avatarSize: r2 } = a(e2), n2 = t(() => {
+    const e3 = "avatarClass";
+    return { [e3]: true, [`avatarClass--${s2.value}`]: s2.value };
+  }), i2 = t(() => {
+    const e3 = "blockClass";
+    return { [e3]: true, "blockClass--round": o2.value };
+  });
+  return l(() => {
+  }), { avatarShape: s2, avatarClass: n2, blockClass: i2, getStyle: () => r2.value ? { width: r2.value, height: r2.value } : { width: "50px", height: "50px" } };
+} }, { create: w } = e("skeleton"), f = w(g), k = { key: 0 }, m = { key: 1, class: "skeleton" }, S = { key: 0, class: "skeleton-animation" }, b = { class: "content" }, C = { class: "content-line" }, x = { key: 0, class: "title" };
+var B = y(f, [["render", function(e2, a2, t2, l2, y2, g2) {
+  const w2 = s("nut-avatar");
+  return e2.loading ? (o(), r("view", m, [e2.animated ? (o(), r("view", S)) : i("", true), u("view", b, [e2.avatar ? (o(), p(w2, { key: 0, class: v(e2.avatarClass), shape: e2.avatarShape, style: d(e2.getStyle()), "bg-color": "rgb(239, 239, 239)" }, null, 8, ["class", "shape", "style"])) : i("", true), Number(e2.row) == 1 ? (o(), r("view", { key: 1, class: v(e2.blockClass), style: d({ width: e2.width, height: e2.height }) }, null, 6)) : i("", true), u("view", C, [e2.title ? (o(), r("view", x)) : i("", true), (o(true), r(h, null, c(Number(e2.row), (a3, t3) => (o(), r("view", { key: t3, class: v(e2.blockClass), style: d({ width: e2.width, height: e2.height }) }, null, 6))), 128))])])])) : (o(), r("view", k, [n(e2.$slots, "default")]));
+}]]);
+export { B as default };