@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/SideNavbar.js

@@ -1,20 +1,28 @@
-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";
+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));
+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";
 import "../locale/lang";
-const { componentName: M, create: z } = E("side-navbar"), D = z({
+const { componentName, create } = createComponent("side-navbar");
+const _sfc_main = create({
   props: {
     offset: {
       type: [String, Number],
@@ -22,53 +30,76 @@ const { componentName: M, create: z } = E("side-navbar"), D = z({
     }
   },
   emits: [],
-  setup: (s) => {
-    const t = x(null), e = y({
+  setup: (props) => {
+    const list = ref(null);
+    const state = reactive({
       count: 1,
       observer: null
-    }), 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));
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const setPaddingLeft = (nodeList, level = 1) => {
+      var _a;
+      for (let i = 0; i < nodeList.length; i++) {
+        let item = nodeList[i];
+        if ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a[0]) {
+          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);
+          }
+        }
       }
-      e.count--;
-    }, c = () => {
-      let r = t.value.childNodes;
-      r.length && (r = Array.from(r).filter((o) => o.nodeType !== 3).map((o) => o), a(r));
+      state.count--;
     };
-    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
+    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);
+      }
+    };
+    onMounted(() => {
+      handleSlots();
+      state.observer = new MutationObserver(function() {
+        state.count = 1;
+        handleSlots();
       });
-    }), m(p({}, C(e)), {
-      list: t,
-      classes: i
+      state.observer.observe(list.value, {
+        attributes: false,
+        childList: true,
+        characterData: false,
+        subtree: true
+      });
+    });
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
+      list,
+      classes
     });
   }
-}), O = { class: "nut-side-navbar__content" }, P = {
+});
+const _hoisted_1 = { class: "nut-side-navbar__content" };
+const _hoisted_2 = {
   class: "nut-side-navbar__content__list",
   ref: "list"
 };
-function R(s, t, e, i, a, c) {
-  return S(), k("view", {
-    class: A(s.classes)
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
   }, [
-    _("view", O, [
-      _("view", P, [
-        B(s.$slots, "default")
+    createElementVNode("view", _hoisted_1, [
+      createElementVNode("view", _hoisted_2, [
+        renderSlot(_ctx.$slots, "default")
       ], 512)
     ])
   ], 2);
 }
-const G = /* @__PURE__ */ L(D, [["render", R]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  G as default
+  index as default
 };

package/dist/packages/_es/SideNavbarItem.js

@@ -1,8 +1,9 @@
-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 { 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 "../locale/lang";
-const { componentName: u, create: C } = f("side-navbar-item"), _ = C({
+const { componentName, create } = createComponent("side-navbar-item");
+const _sfc_main = create({
   props: {
     title: {
       type: String,
@@ -14,25 +15,34 @@ const { componentName: u, create: C } = f("side-navbar-item"), _ = C({
     }
   },
   emits: ["click"],
-  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
+  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
   }, [
-    m("span", h, d(e.title), 1)
-  ], 10, y);
+    createElementVNode("span", _hoisted_2, toDisplayString(_ctx.title), 1)
+  ], 10, _hoisted_1);
 }
-const B = /* @__PURE__ */ k(_, [["render", $]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  B as default
+  index as default
 };

package/dist/packages/_es/Signature.js

@@ -1,22 +1,30 @@
-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";
+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));
+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";
 import "../locale/lang";
 import "@nutui/icons-vue";
-const { componentName: J, create: K, translate: Q } = G("signature"), Z = K({
+const { componentName, create, translate } = createComponent("signature");
+const _sfc_main = create({
   props: {
     customClass: {
       type: String,
@@ -28,7 +36,15 @@ const { componentName: J, create: K, translate: Q } = G("signature"), Z = K({
     },
     strokeStyle: {
       type: String,
-      default: () => document.getElementsByTagName("body")[0].className.indexOf("nut-theme-dark") == -1 ? "#000" : "#fff"
+      default: () => {
+        let bodyDom = document.getElementsByTagName("body");
+        let clsName = bodyDom[0]["className"];
+        if (clsName.indexOf("nut-theme-dark") == -1) {
+          return "#000";
+        } else {
+          return "#fff";
+        }
+      }
     },
     type: {
       type: String,
@@ -40,107 +56,154 @@ const { componentName: J, create: K, translate: Q } = G("signature"), Z = K({
     }
   },
   components: {
-    [x.name]: x
+    [Button.name]: Button
   },
   emits: ["start", "end", "signing", "confirm", "clear"],
-  setup(e, { emit: s }) {
-    const n = E(null), l = E(null), m = j(() => ({
-      [J]: !0,
-      [`${e.customClass}`]: e.customClass
-    })), a = X({
+  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"]
-    }), 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) {
+    });
+    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) {
         case "png":
-          o = t.toDataURL("image/png");
+          dataurl = canvas2.toDataURL("image/png");
           break;
         case "jpg":
-          o = t.toDataURL("image/jpeg", 0.8);
+          dataurl = canvas2.toDataURL("image/jpeg", 0.8);
           break;
       }
-      const u = f(t) ? "请绘制签名" : t, v = f(t) ? "" : o;
-      s("confirm", u, v);
+      const _canvas = isCanvasBlank(canvas2) ? "请绘制签名" : canvas2;
+      const _filePath = isCanvasBlank(canvas2) ? "" : dataurl;
+      emit("confirm", _canvas, _filePath);
     };
-    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 });
+    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 });
   }
-}), ee = {
+});
+const _hoisted_1 = {
   class: "nut-signature-inner",
   ref: "wrap"
-}, te = ["height", "width"], ne = {
+};
+const _hoisted_2 = ["height", "width"];
+const _hoisted_3 = {
   key: 0,
   class: "nut-signature-unsopport"
 };
-function se(e, s, n, l, m, a) {
-  const r = M("nut-button");
-  return S(), w("div", {
-    class: O(e.classes)
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_button = resolveComponent("nut-button");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.classes)
   }, [
-    k("div", ee, [
-      q(k("canvas", {
+    createElementVNode("div", _hoisted_1, [
+      withDirectives(createElementVNode("canvas", {
         ref: "canvas",
-        height: e.canvasHeight,
-        width: e.canvasWidth
-      }, null, 8, te), [
-        [A, e.isCanvasSupported()]
+        height: _ctx.canvasHeight,
+        width: _ctx.canvasWidth
+      }, null, 8, _hoisted_2), [
+        [vShow, _ctx.isCanvasSupported()]
       ]),
-      e.isCanvasSupported() ? F("", !0) : (S(), w("p", ne, p(e.unSupportTpl || e.translate("unSupportTpl")), 1))
+      !_ctx.isCanvasSupported() ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(_ctx.unSupportTpl || _ctx.translate("unSupportTpl")), 1)) : createCommentVNode("", true)
     ], 512),
-    L(r, {
+    createVNode(_component_nut_button, {
       class: "nut-signature-btn",
       type: "default",
-      onClick: s[0] || (s[0] = (c) => e.clear())
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.clear())
     }, {
-      default: b(() => [
-        D(p(e.translate("reSign")), 1)
+      default: withCtx(() => [
+        createTextVNode(toDisplayString(_ctx.translate("reSign")), 1)
       ]),
       _: 1
     }),
-    L(r, {
+    createVNode(_component_nut_button, {
       class: "nut-signature-btn",
       type: "primary",
-      onClick: s[1] || (s[1] = (c) => e.confirm())
+      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
     }, {
-      default: b(() => [
-        D(p(e.translate("confirm")), 1)
+      default: withCtx(() => [
+        createTextVNode(toDisplayString(_ctx.translate("confirm")), 1)
       ]),
       _: 1
     })
   ], 2);
 }
-const de = /* @__PURE__ */ I(Z, [["render", se]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  de as default
+  index as default
 };