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

package/dist/packages/_es/Watermark.js

@@ -1,9 +1,20 @@
-import { reactive, watch, computed, toRefs, openBlock, createElementBlock, normalizeClass, normalizeStyle } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+var B = Object.defineProperty, H = Object.defineProperties;
+var R = Object.getOwnPropertyDescriptors;
+var k = Object.getOwnPropertySymbols;
+var _ = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
+var I = (e, a, t) => a in e ? B(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, v = (e, a) => {
+  for (var t in a || (a = {}))
+    _.call(a, t) && I(e, t, a[t]);
+  if (k)
+    for (var t of k(a))
+      A.call(a, t) && I(e, t, a[t]);
+  return e;
+}, C = (e, a) => H(e, R(a));
+import { reactive as E, watch as F, computed as X, toRefs as D, openBlock as L, createElementBlock as M, normalizeClass as Y, normalizeStyle as O } from "vue";
+import { c as T } from "./component-234624bc.js";
+import { _ as j } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("watermark");
-const _sfc_main = create({
+const { componentName: q, create: G } = T("watermark"), J = G({
   props: {
     name: {
       type: String,
@@ -75,116 +86,91 @@ const _sfc_main = create({
     }
   },
   emits: ["click"],
-  setup(props, { emit }) {
-    const state = reactive({
+  setup(e, { emit: a }) {
+    const t = E({
       base64Url: ""
-    });
-    const {
-      zIndex,
-      gapX,
-      gapY,
-      width,
-      height,
-      rotate,
-      image,
-      imageWidth,
-      imageHeight,
-      content,
-      fontStyle,
-      fontWeight,
-      fontColor,
-      fontSize,
-      fontFamily
-    } = props;
-    const init = () => {
-      const canvas = document.createElement("canvas");
-      const ratio = window.devicePixelRatio;
-      const ctx = canvas.getContext("2d");
-      const canvasWidth = `${(gapX + width) * ratio}px`;
-      const canvasHeight = `${(gapY + height) * ratio}px`;
-      const markWidth = width * ratio;
-      const markHeight = height * ratio;
-      canvas.setAttribute("width", canvasWidth);
-      canvas.setAttribute("height", canvasHeight);
-      if (ctx) {
-        if (image) {
-          ctx.translate(markWidth / 2, markHeight / 2);
-          ctx.rotate(Math.PI / 180 * Number(rotate));
-          const img = new Image();
-          img.crossOrigin = "anonymous";
-          img.referrerPolicy = "no-referrer";
-          img.src = image;
-          img.onload = () => {
-            ctx.drawImage(
-              img,
-              -imageWidth * ratio / 2,
-              -imageHeight * ratio / 2,
-              imageWidth * ratio,
-              imageHeight * ratio
-            );
-            ctx.restore();
-            state.base64Url = canvas.toDataURL();
+    }), {
+      zIndex: h,
+      gapX: l,
+      gapY: s,
+      width: m,
+      height: c,
+      rotate: u,
+      image: f,
+      imageWidth: d,
+      imageHeight: p,
+      content: g,
+      fontStyle: b,
+      fontWeight: S,
+      fontColor: x,
+      fontSize: $,
+      fontFamily: w
+    } = e, N = () => {
+      const o = document.createElement("canvas"), n = window.devicePixelRatio, r = o.getContext("2d"), U = `${(l + m) * n}px`, W = `${(s + c) * n}px`, z = m * n, y = c * n;
+      if (o.setAttribute("width", U), o.setAttribute("height", W), r) {
+        if (f) {
+          r.translate(z / 2, y / 2), r.rotate(Math.PI / 180 * Number(u));
+          const i = new Image();
+          i.crossOrigin = "anonymous", i.referrerPolicy = "no-referrer", i.src = f, i.onload = () => {
+            r.drawImage(
+              i,
+              -d * n / 2,
+              -p * n / 2,
+              d * n,
+              p * n
+            ), r.restore(), t.base64Url = o.toDataURL();
           };
-        } else if (content) {
-          ctx.textBaseline = "middle";
-          ctx.textAlign = "center";
-          ctx.translate(markWidth / 2, markHeight / 2);
-          ctx.rotate(Math.PI / 180 * Number(rotate));
-          const markSize = Number(fontSize) * ratio;
-          ctx.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
-          ctx.fillStyle = fontColor;
-          ctx.fillText(content, 0, 0);
-          ctx.restore();
-          state.base64Url = canvas.toDataURL();
+        } else if (g) {
+          r.textBaseline = "middle", r.textAlign = "center", r.translate(z / 2, y / 2), r.rotate(Math.PI / 180 * Number(u));
+          const i = Number($) * n;
+          r.font = `${b} normal ${S} ${i}px/${y}px ${w}`, r.fillStyle = x, r.fillText(g, 0, 0), r.restore(), t.base64Url = o.toDataURL();
         }
-      } else {
+      } else
         throw new Error("当前环境不支持Canvas");
-      }
     };
-    init();
-    watch(
+    N(), F(
       () => [
-        zIndex,
-        gapX,
-        gapY,
-        width,
-        height,
-        rotate,
-        image,
-        imageWidth,
-        imageHeight,
-        content,
-        fontStyle,
-        fontWeight,
-        fontColor,
-        fontSize,
-        fontFamily
+        h,
+        l,
+        s,
+        m,
+        c,
+        u,
+        f,
+        d,
+        p,
+        g,
+        b,
+        S,
+        x,
+        $,
+        w
       ],
       () => {
-        init();
+        N();
       }
     );
-    const classes = computed(() => {
-      const prefixCls = componentName;
+    const P = X(() => {
+      const o = q;
       return {
-        [prefixCls]: true,
-        [`${prefixCls}-full-page`]: props.fullPage
+        [o]: !0,
+        [`${o}-full-page`]: e.fullPage
       };
     });
-    return { ...toRefs(state), classes };
+    return C(v({}, D(t)), { classes: P });
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    style: normalizeStyle({
-      zIndex: _ctx.zIndex,
-      backgroundSize: `${_ctx.gapX + _ctx.width}px`,
-      backgroundImage: `url('${_ctx.base64Url}')`
+function K(e, a, t, h, l, s) {
+  return L(), M("view", {
+    class: Y(e.classes),
+    style: O({
+      zIndex: e.zIndex,
+      backgroundSize: `${e.gapX + e.width}px`,
+      backgroundImage: `url('${e.base64Url}')`
     })
   }, null, 6);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const ae = /* @__PURE__ */ j(J, [["render", K]]);
 export {
-  index as default
+  ae as default
 };

package/dist/packages/_es/_plugin-vue_export-helper-dad06003.js

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};

package/dist/packages/_es/common-d218746f.js

@@ -0,0 +1,116 @@
+import { shallowReactive as p, getCurrentInstance as d, provide as l, markRaw as i, isVNode as m, computed as c, h as y } from "vue";
+import { c as g } from "./component-234624bc.js";
+import { p as v } from "./pxCheck-38173291.js";
+function b(n, o) {
+  const t = [], u = (e) => {
+    Array.isArray(e) && e.forEach((r) => {
+      var a;
+      if (m(r)) {
+        if (o) {
+          if (r.type && r.type.name === o) {
+            t.push(r);
+            return;
+          }
+        } else
+          t.push(r);
+        (a = r.component) != null && a.subTree && u(r.component.subTree.children), r.children && u(r.children);
+      }
+    });
+  };
+  return u(n), t;
+}
+function x(n, o, t) {
+  const u = b(n.subTree.children, t);
+  o.sort((e, r) => u.indexOf(e.vnode) - u.indexOf(r.vnode));
+}
+function C(n, o) {
+  const t = p([]), u = d(), e = (s) => {
+    s.proxy && (t.push(i(s)), x(u, t, o));
+  }, r = (s) => {
+    t.splice(t.indexOf(i(s)), 1);
+  }, a = Object.assign;
+  return (s) => (l(
+    n,
+    a(
+      {
+        add: e,
+        remove: r,
+        internalChildren: t
+      },
+      s
+    )
+  ), {
+    internalChildren: t
+  });
+}
+const { componentName: f } = g("grid"), B = Symbol("grid"), N = {
+  // 列数
+  columnNum: {
+    type: [Number, String],
+    default: 4
+  },
+  // 是否显示边框
+  border: {
+    type: Boolean,
+    default: !0
+  },
+  // 格子之间间隔距离
+  gutter: {
+    type: [Number, String],
+    default: 0
+  },
+  // 是否内容居中
+  center: {
+    type: Boolean,
+    default: !0
+  },
+  // 是否固定正方形
+  square: {
+    type: Boolean,
+    default: !1
+  },
+  // 内容与文字翻转
+  reverse: {
+    type: Boolean,
+    default: !1
+  },
+  // 内容排列方向
+  direction: {
+    type: String
+  },
+  // 是否开启点击反馈
+  clickable: {
+    type: Boolean,
+    default: !1
+  }
+}, w = {
+  props: N,
+  setup(n, { slots: o }) {
+    C(B, `${f}-item`)({ props: n });
+    const t = c(() => {
+      const e = f;
+      return {
+        [e]: !0,
+        [`${e}--border`]: n.border && !n.gutter
+      };
+    }), u = c(() => {
+      const e = {};
+      return n.gutter && (e.paddingLeft = v(n.gutter)), e;
+    });
+    return () => {
+      var e;
+      return y(
+        "view",
+        {
+          class: t.value,
+          style: u.value
+        },
+        (e = o.default) == null ? void 0 : e.call(o)
+      );
+    };
+  }
+};
+export {
+  B as G,
+  w as c
+};

package/dist/packages/_es/component-234624bc.js

@@ -0,0 +1,89 @@
+import { defineComponent as i } from "vue";
+import l from "../locale/lang";
+const f = (t) => {
+  if (t === null)
+    return "null";
+  const e = typeof t;
+  if (e === "undefined" || e === "string")
+    return e;
+  switch (toString.call(t)) {
+    case "[object Array]":
+      return "array";
+    case "[object Date]":
+      return "date";
+    case "[object Boolean]":
+      return "boolean";
+    case "[object Number]":
+      return "number";
+    case "[object Function]":
+      return "function";
+    case "[object RegExp]":
+      return "regexp";
+    case "[object Object]":
+      return t.nodeType !== void 0 ? t.nodeType == 3 ? /\S/.test(t.nodeValue) ? "textnode" : "whitespace" : "element" : "object";
+    default:
+      return "unknow";
+  }
+}, j = Array.isArray, h = (t) => t instanceof Date, s = (t) => typeof t == "function", y = (t) => typeof t == "string", p = (t) => t !== null && typeof t == "object", m = (t) => p(t) && s(t.then) && s(t.catch), b = document, w = b.body, u = (t, e) => {
+  try {
+    return e.split(".").reduce((r, o) => r[o], t);
+  } catch (r) {
+    return "";
+  }
+}, x = (t, e, r) => {
+  let o = Object.assign({}, t), c = Object.assign({}, r);
+  return Object.keys(e).length > 0 ? (Object.keys(o).forEach((n) => {
+    if (c.hasOwnProperty(n)) {
+      const a = f(c[n]);
+      a == "function" && (o[n] = c[n](e)), a == "string" && (o[n] = e[c[n]]);
+    } else
+      e[n] && (o[n] = e[n]);
+  }), o) : t;
+};
+function F(t, e = 2) {
+  return Object.is(parseFloat(t), NaN) ? console.log(`传入的值：${t}不是一个数字`) : (t = parseFloat(t), (Math.round((t + Number.EPSILON) * Math.pow(10, e)) / Math.pow(10, e)).toFixed(e));
+}
+function N(t, e) {
+  (typeof t.cancelable != "boolean" || t.cancelable) && t.preventDefault(), e && t.stopPropagation();
+}
+const O = (t, e = 2) => {
+  for (t += ""; t.length < e; )
+    t = "0" + t;
+  return t.toString();
+}, S = (t, e, r) => Math.min(Math.max(t, e), r), D = () => window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+function T(t) {
+  const e = "nut-" + t;
+  return {
+    componentName: e,
+    translate(r, ...o) {
+      const c = l.languages(), n = u(c, `${t.replace("-", "")}.${r}`) || u(c, r);
+      return s(n) ? n(...o) : n;
+    },
+    create: function(r) {
+      return r.baseName = t, r.name = e, r.install = (o) => {
+        o.component(r.name, r);
+      }, i(r);
+    },
+    createDemo: function(r) {
+      return r.baseName = t, r.name = "demo-" + t, i(r);
+    }
+  };
+}
+export {
+  f as T,
+  h as a,
+  w as b,
+  T as c,
+  N as d,
+  S as e,
+  m as f,
+  p as g,
+  u as h,
+  j as i,
+  y as j,
+  s as k,
+  D as l,
+  F as m,
+  x as n,
+  O as p
+};