@nutui/nutui 3.2.5-beta.1 → 3.2.6-beta.1

package/dist/packages/_es/WaterMark.js

@@ -1,10 +1,11 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, watch, computed, toRefs, openBlock, createElementBlock, normalizeClass, normalizeStyle } from "vue";
 import { c as createComponent } from "./component.js";
+import Taro from "@tarojs/taro";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("watermark");
@@ -101,21 +102,28 @@ const _sfc_main = create({
       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 init = async () => {
+      let ratio = 1;
+      Taro.getSystemInfo({
+        success(res) {
+          ratio = res.pixelRatio;
+        }
+      });
+      const canvasWidth = `${(gapX + width) * ratio}`;
+      const canvasHeight = `${(gapY + height) * ratio}`;
       const markWidth = width * ratio;
       const markHeight = height * ratio;
-      canvas.setAttribute("width", canvasWidth);
-      canvas.setAttribute("height", canvasHeight);
+      const canvas = Taro.createOffscreenCanvas({
+        type: "2d",
+        width: Number(canvasWidth),
+        height: Number(canvasHeight)
+      });
+      const ctx = canvas.getContext("2d");
       if (ctx) {
         if (image) {
           ctx.translate(markWidth / 2, markHeight / 2);
           ctx.rotate(Math.PI / 180 * Number(rotate));
-          const img = new Image();
+          const img = canvas.createImage();
           img.crossOrigin = "anonymous";
           img.referrerPolicy = "no-referrer";
           img.src = image;
@@ -128,7 +136,7 @@ const _sfc_main = create({
               imageHeight * ratio
             );
             ctx.restore();
-            state.base64Url = canvas.toDataURL();
+            state.base64Url = ctx.canvas.toDataURL();
           };
         } else if (content) {
           ctx.textBaseline = "middle";
@@ -140,7 +148,7 @@ const _sfc_main = create({
           ctx.fillStyle = fontColor;
           ctx.fillText(content, 0, 0);
           ctx.restore();
-          state.base64Url = canvas.toDataURL();
+          state.base64Url = ctx.canvas.toDataURL();
         }
       } else {
         throw new Error("\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301Canvas");
@@ -189,5 +197,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, null, 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/common.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/component.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index.js

@@ -1,11 +1,49 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { getCurrentInstance } from "vue";
-function useRouter() {
-  const proxy = getCurrentInstance().proxy;
-  return proxy.$router || null;
+import { unref } from "vue";
+function isWindow(val) {
+  return val === window;
 }
-export { useRouter as u };
+const useTaroRect = (elementRef, Taro) => {
+  let element = unref(elementRef);
+  return new Promise((resolve) => {
+    if (Taro.getEnv() === "WEB") {
+      if (element && element.$el) {
+        element = element.$el;
+      }
+      if (isWindow(element)) {
+        const width = element.innerWidth;
+        const height = element.innerHeight;
+        resolve({
+          top: 0,
+          left: 0,
+          right: width,
+          bottom: height,
+          width,
+          height
+        });
+      }
+      if (element && element.getBoundingClientRect) {
+        resolve(element.getBoundingClientRect());
+      }
+      resolve({
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        width: 0,
+        height: 0
+      });
+    } else {
+      const query = Taro.createSelectorQuery();
+      query.select(`#${element.id}`) && query.select(`#${element.id}`).boundingClientRect();
+      query.exec(function(res) {
+        resolve(res[0]);
+      });
+    }
+  });
+};
+export { useTaroRect as u };