@nutui/nutui 4.3.7 → 4.3.9

package/dist/packages/tabbaritem/TabbarItem.js

@@ -17,12 +17,12 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, normalizeProps, guardReactiveProps, withCtx, createElementVNode, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, unref, toDisplayString } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
 import { r as renderIcon } from "../renderIcon-BfOvhG7i.js";
 import { u as useRouter } from "../index-aiGQ-EiA.js";
 import { u as useParent } from "../useParent-D6DiuxZZ.js";
 import { T as TABBAR_KEY } from "../types-MuhxzCWc.js";
-import NutBadge from "../badge/Badge.js";
+import { Badge as _sfc_main$1 } from "../badge/Badge.js";
 import { w as withInstall } from "../with-install-Ch3FF0uS.js";
 const _hoisted_1 = { class: "nut-tabbar-item_icon-box" };
 const _hoisted_2 = {
@@ -76,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         }),
         onClick: change
       }, [
-        createVNode(NutBadge, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        createVNode(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
           default: withCtx(() => [
             createElementVNode("view", _hoisted_1, [
               _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [

package/dist/packages/timeselect/TimeSelect.js

@@ -1,6 +1,6 @@
 import { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, createElementBlock, toDisplayString, renderSlot } from "vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
-import { N as NutPopup } from "../index-uHBD4dfS.js";
+import { N as NutPopup } from "../index-wLaOjIn1.js";
 import { u as useLocale } from "../index-CFigyH92.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("time-select");

package/dist/packages/watermark/Watermark.js

@@ -17,198 +17,108 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { reactive, watch, computed, toRefs, openBlock, createElementBlock, normalizeClass, normalizeStyle } from "vue";
-import { c as createComponent } from "../component-DQf3CENX.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const { componentName, create } = createComponent("watermark");
-const _sfc_main = create({
+import { defineComponent, ref, computed, watchEffect, openBlock, createElementBlock, normalizeClass, normalizeStyle } from "vue";
+import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutWatermark"
+}), {
+  __name: "watermark",
   props: {
-    name: {
-      type: String,
-      default: ""
-    },
-    gapY: {
-      type: Number,
-      default: 48
-    },
-    gapX: {
-      type: Number,
-      default: 24
-    },
-    zIndex: {
-      type: Number,
-      default: 2e3
-    },
-    width: {
-      type: Number,
-      default: 120
-    },
-    height: {
-      type: Number,
-      default: 64
-    },
-    rotate: {
-      type: Number,
-      default: -22
-    },
-    image: {
-      type: String,
-      default: ""
-    },
-    imageWidth: {
-      type: Number,
-      default: 120
-    },
-    imageHeight: {
-      type: Number,
-      default: 64
-    },
-    content: {
-      type: [String, Array],
-      default: ""
-    },
-    fontColor: {
-      type: String,
-      default: "rgba(0,0,0,.15)"
-    },
-    fontStyle: {
-      type: String,
-      default: "normal"
-    },
-    fontFamily: {
-      type: String,
-      default: "PingFang SC"
-    },
-    fontWeight: {
-      type: String,
-      default: "normal"
-    },
-    fontSize: {
-      type: [String, Number],
-      default: 14
-    },
-    fullPage: {
-      type: Boolean,
-      default: ""
-    }
+    gapX: { default: 24 },
+    gapY: { default: 48 },
+    zIndex: { default: 2e3 },
+    width: { default: 120 },
+    height: { default: 64 },
+    rotate: { default: -22 },
+    image: {},
+    imageWidth: { default: 120 },
+    imageHeight: { default: 64 },
+    content: { default: "" },
+    fontColor: { default: "rgba(0,0,0,.15)" },
+    fontStyle: { default: "normal" },
+    fontFamily: { default: "PingFang SC" },
+    fontWeight: { default: "normal" },
+    fontSize: { default: 14 },
+    fullPage: { type: Boolean, default: true }
   },
-  emits: ["click"],
-  setup(props) {
-    const state = reactive({
-      base64Url: ""
+  setup(__props) {
+    const props = __props;
+    const base64Url = ref("");
+    const classes = computed(() => {
+      const prefixCls = "nut-watermark";
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}-full-page`]: props.fullPage
+      };
     });
-    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;
+      const canvasWidth = `${(props.gapX + props.width) * ratio}px`;
+      const canvasHeight = `${(props.gapY + props.height) * ratio}px`;
+      const markWidth = props.width * ratio;
+      const markHeight = props.height * ratio;
       canvas.setAttribute("width", canvasWidth);
       canvas.setAttribute("height", canvasHeight);
       if (ctx) {
-        if (image) {
+        if (props.image) {
           ctx.translate(markWidth / 2, markHeight / 2);
-          ctx.rotate(Math.PI / 180 * Number(rotate));
+          ctx.rotate(Math.PI / 180 * Number(props.rotate));
           const img = new Image();
           img.crossOrigin = "anonymous";
           img.referrerPolicy = "no-referrer";
-          img.src = image;
+          img.src = props.image;
           img.onload = () => {
             ctx.drawImage(
               img,
-              -imageWidth * ratio / 2,
-              -imageHeight * ratio / 2,
-              imageWidth * ratio,
-              imageHeight * ratio
+              -props.imageWidth * ratio / 2,
+              -props.imageHeight * ratio / 2,
+              props.imageWidth * ratio,
+              props.imageHeight * ratio
             );
             ctx.restore();
-            state.base64Url = canvas.toDataURL();
+            base64Url.value = canvas.toDataURL();
           };
-        } else if (content) {
+        } else if (props.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;
-          if (Array.isArray(content)) {
-            content.map((item, index2) => {
-              ctx.fillText(item, 0, (index2 - 1) * markSize);
+          ctx.rotate(Math.PI / 180 * Number(props.rotate));
+          const markSize = Number(props.fontSize) * ratio;
+          ctx.font = `${props.fontStyle} normal ${props.fontWeight} ${markSize}px/${markHeight}px ${props.fontFamily}`;
+          ctx.fillStyle = props.fontColor;
+          if (Array.isArray(props.content)) {
+            props.content.map((item, index) => {
+              ctx.fillText(item, 0, (index - 1) * markSize);
             });
           } else {
-            ctx.fillText(content, 0, 0);
+            ctx.fillText(props.content, 0, 0);
           }
           ctx.restore();
-          state.base64Url = canvas.toDataURL();
+          base64Url.value = canvas.toDataURL();
         }
       } else {
         throw new Error("当前环境不支持Canvas");
       }
     };
-    init();
-    watch(
-      () => [
-        zIndex,
-        gapX,
-        gapY,
-        width,
-        height,
-        rotate,
-        image,
-        imageWidth,
-        imageHeight,
-        content,
-        fontStyle,
-        fontWeight,
-        fontColor,
-        fontSize,
-        fontFamily
-      ],
-      () => {
-        init();
-      }
-    );
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}-full-page`]: props.fullPage
-      };
+    watchEffect(() => {
+      init();
     });
-    return __spreadProps(__spreadValues({}, toRefs(state)), { classes });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("view", {
+        class: normalizeClass(classes.value),
+        style: normalizeStyle({
+          zIndex: _ctx.zIndex,
+          backgroundSize: `${_ctx.gapX + _ctx.width}px`,
+          backgroundImage: `url('${base64Url.value}')`
+        })
+      }, null, 6);
+    };
   }
-});
-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}')`
-    })
-  }, null, 6);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as Watermark,
+  _sfc_main as default
 };

package/dist/smartips/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "NutUI",
-  "version": "4.3.7",
+  "version": "4.3.9",
   "contributions": {
     "html": {
       "tags": [
@@ -7684,10 +7684,10 @@
             },
             {
               "name": "font-family",
-              "default": "`true`",
+              "default": "`PingFang SC`",
               "description": "水印文字字体",
               "value": {
-                "type": "boolean",
+                "type": "string",
                 "kind": "expression"
               }
             }