@nutui/nutui 4.0.10-beta.1 → 4.0.10

package/dist/packages/_es/SideNavbar.js

@@ -1,28 +1,20 @@
-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";
+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],
@@ -30,76 +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) => {
-      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);
-          }
-        }
+    }), 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));
       }
-      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));
     };
-    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();
+    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
       });
-      state.observer.observe(list.value, {
-        attributes: false,
-        childList: true,
-        characterData: false,
-        subtree: true
-      });
-    });
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
-      list,
-      classes
+    }), m(p({}, C(e)), {
+      list: t,
+      classes: i
     });
   }
-});
-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,30 +1,22 @@
-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";
+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,
@@ -36,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,
@@ -56,154 +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;
-      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 __spreadProps(__spreadValues({}, 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
 };