@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/SideNavbar.js

@@ -1,9 +1,20 @@
-import { ref, reactive, computed, onMounted, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+var v = Object.defineProperty, h = Object.defineProperties;
+var b = Object.getOwnPropertyDescriptors;
+var u = Object.getOwnPropertySymbols;
+var N = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
+var f = (s, t, e) => t in s ? v(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, p = (s, t) => {
+  for (var e in t || (t = {}))
+    N.call(t, e) && f(s, e, t[e]);
+  if (u)
+    for (var e of u(t))
+      g.call(t, e) && f(s, e, t[e]);
+  return s;
+}, m = (s, t) => h(s, b(t));
+import { ref as x, reactive as y, computed as $, onMounted as w, toRefs as C, openBlock as S, createElementBlock as k, normalizeClass as A, createElementVNode as _, renderSlot as B } from "vue";
+import { c as E } from "./component-234624bc.js";
+import { _ as L } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("side-navbar");
-const _sfc_main = create({
+const { componentName: M, create: z } = E("side-navbar"), D = z({
   props: {
     offset: {
       type: [String, Number],
@@ -11,74 +22,53 @@ const _sfc_main = create({
     }
   },
   emits: [],
-  setup: (props) => {
-    const list = ref(null);
-    const state = reactive({
+  setup: (s) => {
+    const t = x(null), e = y({
       count: 1,
       observer: null
-    });
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
-    const setPaddingLeft = (nodeList, level = 1) => {
-      for (let i = 0; i < nodeList.length; i++) {
-        let item = nodeList[i];
-        item.children[0].style.paddingLeft = +props.offset * level + "px";
-        if (!item.className.includes("nut-side-navbar-item")) {
-          setPaddingLeft(Array.from(item.children[1].children), ++state.count);
-        }
-      }
-      state.count--;
-    };
-    const handleSlots = () => {
-      let childNodes = list.value.childNodes;
-      if (childNodes.length) {
-        childNodes = Array.from(childNodes).filter((item) => item.nodeType !== 3).map((item) => {
-          return item;
-        });
-        setPaddingLeft(childNodes);
+    }), i = $(() => ({
+      [M]: !0
+    })), a = (r, o = 1) => {
+      var d;
+      for (let l = 0; l < r.length; l++) {
+        let n = r[l];
+        (d = n == null ? void 0 : n.children) != null && d[0] && (n.children[0].style.paddingLeft = +s.offset * o + "px", n.className.includes("nut-side-navbar-item") || a(Array.from(n.children[1].children), ++e.count));
       }
+      e.count--;
+    }, c = () => {
+      let r = t.value.childNodes;
+      r.length && (r = Array.from(r).filter((o) => o.nodeType !== 3).map((o) => o), a(r));
     };
-    onMounted(() => {
-      handleSlots();
-      state.observer = new MutationObserver(function() {
-        state.count = 1;
-        handleSlots();
-      });
-      state.observer.observe(list.value, {
-        attributes: false,
-        childList: true,
-        characterData: false,
-        subtree: false
+    return w(() => {
+      c(), e.observer = new MutationObserver(function() {
+        e.count = 1, c();
+      }), e.observer.observe(t.value, {
+        attributes: !1,
+        childList: !0,
+        characterData: !1,
+        subtree: !0
       });
+    }), m(p({}, C(e)), {
+      list: t,
+      classes: i
     });
-    return {
-      ...toRefs(state),
-      list,
-      classes
-    };
   }
-});
-const _hoisted_1 = { class: "nut-side-navbar__content" };
-const _hoisted_2 = {
+}), O = { class: "nut-side-navbar__content" }, P = {
   class: "nut-side-navbar__content__list",
   ref: "list"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
+function R(s, t, e, i, a, c) {
+  return S(), k("view", {
+    class: A(s.classes)
   }, [
-    createElementVNode("view", _hoisted_1, [
-      createElementVNode("view", _hoisted_2, [
-        renderSlot(_ctx.$slots, "default")
+    _("view", O, [
+      _("view", P, [
+        B(s.$slots, "default")
       ], 512)
     ])
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const G = /* @__PURE__ */ L(D, [["render", R]]);
 export {
-  index as default
+  G as default
 };

package/dist/packages/_es/SideNavbarItem.js

@@ -1,9 +1,8 @@
-import { computed, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { computed as r, openBlock as l, createElementBlock as a, normalizeClass as c, withModifiers as p, createElementVNode as m, toDisplayString as d } from "vue";
+import { c as f } from "./component-234624bc.js";
+import { _ as k } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("side-navbar-item");
-const _sfc_main = create({
+const { componentName: u, create: C } = f("side-navbar-item"), _ = C({
   props: {
     title: {
       type: String,
@@ -15,34 +14,25 @@ const _sfc_main = create({
     }
   },
   emits: ["click"],
-  setup: (props, context) => {
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
-    const handleClick = () => {
-      context.emit("click");
-    };
-    return {
-      classes,
-      handleClick
-    };
-  }
-});
-const _hoisted_1 = ["ikey"];
-const _hoisted_2 = { class: "nut-side-navbar-item__title" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
-    ikey: _ctx.ikey
+  setup: (e, t) => ({
+    classes: r(() => ({
+      [u]: !0
+    })),
+    handleClick: () => {
+      t.emit("click");
+    }
+  })
+}), y = ["ikey"], h = { class: "nut-side-navbar-item__title" };
+function $(e, t, s, i, o, g) {
+  return l(), a("view", {
+    class: c(e.classes),
+    onClick: t[0] || (t[0] = p((...n) => e.handleClick && e.handleClick(...n), ["stop"])),
+    ikey: e.ikey
   }, [
-    createElementVNode("span", _hoisted_2, toDisplayString(_ctx.title), 1)
-  ], 10, _hoisted_1);
+    m("span", h, d(e.title), 1)
+  ], 10, y);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const B = /* @__PURE__ */ k(_, [["render", $]]);
 export {
-  index as default
+  B as default
 };

package/dist/packages/_es/Signature.js

@@ -1,11 +1,22 @@
-import { ref, computed, reactive, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, vShow, toDisplayString, createCommentVNode, createVNode, withCtx, createTextVNode } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import Button from "./Button.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+var $ = Object.defineProperty, B = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
+var h = Object.getOwnPropertySymbols;
+var U = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
+var g = (e, s, n) => s in e ? $(e, s, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[s] = n, C = (e, s) => {
+  for (var n in s || (s = {}))
+    U.call(s, n) && g(e, n, s[n]);
+  if (h)
+    for (var n of h(s))
+      V.call(s, n) && g(e, n, s[n]);
+  return e;
+}, y = (e, s) => B(e, P(s));
+import { ref as E, computed as j, reactive as X, onMounted as Y, toRefs as z, resolveComponent as M, openBlock as S, createElementBlock as w, normalizeClass as O, createElementVNode as k, withDirectives as q, vShow as A, toDisplayString as p, createCommentVNode as F, createVNode as L, withCtx as b, createTextVNode as D } from "vue";
+import { c as G } from "./component-234624bc.js";
+import x from "./Button.js";
+import { _ as I } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
 import "@nutui/icons-vue";
-const { componentName, create, translate } = createComponent("signature");
-const _sfc_main = create({
+const { componentName: J, create: K, translate: Q } = G("signature"), Z = K({
   props: {
     customClass: {
       type: String,
@@ -17,15 +28,7 @@ const _sfc_main = create({
     },
     strokeStyle: {
       type: String,
-      default: () => {
-        let bodyDom = document.getElementsByTagName("body");
-        let clsName = bodyDom[0]["className"];
-        if (clsName.indexOf("nut-theme-dark") == -1) {
-          return "#000";
-        } else {
-          return "#fff";
-        }
-      }
+      default: () => document.getElementsByTagName("body")[0].className.indexOf("nut-theme-dark") == -1 ? "#000" : "#fff"
     },
     type: {
       type: String,
@@ -37,155 +40,107 @@ const _sfc_main = create({
     }
   },
   components: {
-    [Button.name]: Button
+    [x.name]: x
   },
   emits: ["start", "end", "signing", "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({
+  setup(e, { emit: s }) {
+    const n = E(null), l = E(null), m = j(() => ({
+      [J]: !0,
+      [`${e.customClass}`]: e.customClass
+    })), a = X({
       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;
-      emit("start");
-      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;
-      emit("signing", evt);
-      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();
-      emit("end");
-      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 isCanvasBlank = (canvas2) => {
-      if (!canvas2) {
-        return true;
-      }
-      var blank = document.createElement("canvas");
-      blank.width = canvas2.width;
-      blank.height = canvas2.height;
-      return (canvas2 == null ? void 0 : canvas2.toDataURL()) == blank.toDataURL();
-    };
-    const onSave = (canvas2) => {
-      let dataurl;
-      switch (props.type) {
+    }), r = () => {
+      let t = document.createElement("canvas");
+      return !!(t.getContext && t.getContext("2d"));
+    }, c = () => {
+      n.value.addEventListener(a.events[0], N, !1);
+    }, N = (t) => {
+      t.preventDefault(), a.ctx.beginPath(), a.ctx.lineWidth = e.lineWidth, a.ctx.strokeStyle = e.strokeStyle, s("start"), n.value.addEventListener(a.events[1], d, !1), n.value.addEventListener(a.events[2], i, !1), n.value.addEventListener(a.events[3], H, !1);
+    }, d = (t) => {
+      t.preventDefault();
+      let o = a.isSupportTouch ? t.touches[0] : t;
+      s("signing", o);
+      let u = n.value.getBoundingClientRect(), v = o.clientX - u.left, _ = o.clientY - u.top;
+      a.ctx.lineTo(v, _), a.ctx.stroke();
+    }, i = (t) => {
+      t.preventDefault(), s("end"), n.value.removeEventListener(a.events[1], d, !1), n.value.removeEventListener(a.events[2], i, !1);
+    }, H = (t) => {
+      t.preventDefault(), n.value.removeEventListener(a.events[1], d, !1), n.value.removeEventListener(a.events[2], i, !1);
+    }, T = () => {
+      n.value.addEventListener(a.events[2], i, !1), a.ctx.clearRect(0, 0, a.canvasWidth, a.canvasHeight), a.ctx.closePath(), s("clear");
+    }, W = () => {
+      R(n.value);
+    }, f = (t) => {
+      if (!t)
+        return !0;
+      var o = document.createElement("canvas");
+      return o.width = t.width, o.height = t.height, (t == null ? void 0 : t.toDataURL()) == o.toDataURL();
+    }, R = (t) => {
+      let o;
+      switch (e.type) {
         case "png":
-          dataurl = canvas2.toDataURL("image/png");
+          o = t.toDataURL("image/png");
           break;
         case "jpg":
-          dataurl = canvas2.toDataURL("image/jpeg", 0.8);
+          o = t.toDataURL("image/jpeg", 0.8);
           break;
       }
-      const _canvas = isCanvasBlank(canvas2) ? "请绘制签名" : canvas2;
-      const _filePath = isCanvasBlank(canvas2) ? "" : dataurl;
-      clear();
-      emit("confirm", _canvas, _filePath);
+      const u = f(t) ? "请绘制签名" : t, v = f(t) ? "" : o;
+      s("confirm", u, v);
     };
-    onMounted(() => {
-      if (isCanvasSupported()) {
-        state.ctx = canvas.value.getContext("2d");
-        state.canvasWidth = wrap.value.offsetWidth;
-        state.canvasHeight = wrap.value.offsetHeight;
-        addEvent();
-      }
-    });
-    return { ...toRefs(state), canvas, wrap, isCanvasSupported, confirm, clear, classes, translate };
+    return Y(() => {
+      r() && (a.ctx = n.value.getContext("2d"), a.canvasWidth = l.value.offsetWidth, a.canvasHeight = l.value.offsetHeight, c());
+    }), y(C({}, z(a)), { canvas: n, wrap: l, isCanvasSupported: r, confirm: W, clear: T, classes: m, translate: Q });
   }
-});
-const _hoisted_1 = {
+}), ee = {
   class: "nut-signature-inner",
   ref: "wrap"
-};
-const _hoisted_2 = ["height", "width"];
-const _hoisted_3 = {
+}, te = ["height", "width"], ne = {
   key: 0,
   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)
+function se(e, s, n, l, m, a) {
+  const r = M("nut-button");
+  return S(), w("div", {
+    class: O(e.classes)
   }, [
-    createElementVNode("div", _hoisted_1, [
-      withDirectives(createElementVNode("canvas", {
+    k("div", ee, [
+      q(k("canvas", {
         ref: "canvas",
-        height: _ctx.canvasHeight,
-        width: _ctx.canvasWidth
-      }, null, 8, _hoisted_2), [
-        [vShow, _ctx.isCanvasSupported()]
+        height: e.canvasHeight,
+        width: e.canvasWidth
+      }, null, 8, te), [
+        [A, e.isCanvasSupported()]
       ]),
-      !_ctx.isCanvasSupported() ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.unSupportTpl || _ctx.translate("unSupportTpl")), 1)) : createCommentVNode("", true)
+      e.isCanvasSupported() ? F("", !0) : (S(), w("p", ne, p(e.unSupportTpl || e.translate("unSupportTpl")), 1))
     ], 512),
-    createVNode(_component_nut_button, {
+    L(r, {
       class: "nut-signature-btn",
       type: "default",
-      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.clear())
+      onClick: s[0] || (s[0] = (c) => e.clear())
     }, {
-      default: withCtx(() => [
-        createTextVNode(toDisplayString(_ctx.translate("reSign")), 1)
+      default: b(() => [
+        D(p(e.translate("reSign")), 1)
       ]),
       _: 1
     }),
-    createVNode(_component_nut_button, {
+    L(r, {
       class: "nut-signature-btn",
       type: "primary",
-      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
+      onClick: s[1] || (s[1] = (c) => e.confirm())
     }, {
-      default: withCtx(() => [
-        createTextVNode(toDisplayString(_ctx.translate("confirm")), 1)
+      default: b(() => [
+        D(p(e.translate("confirm")), 1)
       ]),
       _: 1
     })
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const de = /* @__PURE__ */ I(Z, [["render", se]]);
 export {
-  index as default
+  de as default
 };