@web-utils/component 1.2.2 → 1.2.3

package/dist/components/watermark/index.js

@@ -1 +1 @@
-import{n as o}from"../../chunks/6499de3a.js";const s={name:"Watermark",functional:!0,props:{text:{type:String,default:""}},render(a,{props:e}){const l=e.text,n=document.createElement("canvas"),t=n.getContext("2d");return t.rotate(-30*Math.PI/180),t.font="15px Verdana",t.fillStyle="rgba(0,0,0,0.15)",t.textAlign="left",t.textBaseline="middle",t.fillText(l,0,n.height),a("div",{class:"watermark",style:{background:`url(${n.toDataURL("image/png")}) left top repeat`}})}};let _,c;const r={};var u=o(s,_,c,!1,i,null,null,null);function i(a){for(let e in r)this[e]=r[e]}var d=function(){return u.exports}();export{d as default};
+import{n as c}from"../../chunks/6499de3a.js";const i={name:"Watermark",functional:!0,props:{text:{type:String,default:""},width:{type:Number,default:200},height:{type:Number,default:150},rotate:{type:Number,default:-30},color:{type:String,default:"rgba(0,0,0,0.15)"},backgroundColor:{type:String,default:"rgba(0,0,0,0)"}},render(a,{props:{width:t,height:n,text:o,backgroundColor:u,rotate:s,color:_}}){const r=document.createElement("canvas");r.width=t,r.height=n;const e=r.getContext("2d");return e.font="15px Verdana",e.fillStyle=u,e.fillRect(0,0,t,n),e.translate(t/2,n/2),e.rotate(s*Math.PI/180),e.fillStyle=_,e.textAlign="center",e.textBaseline="middle",e.fillText(o,0,0),a("div",{class:"watermark",style:{background:`url(${r.toDataURL("image/png")}) left top repeat`}})}};let p,d;const l={};var f=c(i,p,d,!1,m,null,null,null);function m(a){for(let t in l)this[t]=l[t]}var g=function(){return f.exports}();export{g as default};

package/dist/index.es.js

@@ -12150,13 +12150,35 @@ const __vue2_script$1 = {
     text: {
       type: String,
       default: ""
+    },
+    width: {
+      type: Number,
+      default: 200
+    },
+    height: {
+      type: Number,
+      default: 150
+    },
+    rotate: {
+      type: Number,
+      default: -30
+    },
+    color: {
+      type: String,
+      default: "rgba(0,0,0,0.15)"
+    },
+    backgroundColor: {
+      type: String,
+      default: "rgba(0,0,0,0)"
     }
   },
-  render(e, { props: t }) {
-    const s = t.text, r = document.createElement("canvas"), i = r.getContext("2d");
-    return i.rotate(-30 * Math.PI / 180), i.font = "15px Verdana", i.fillStyle = "rgba(0,0,0,0.15)", i.textAlign = "left", i.textBaseline = "middle", i.fillText(s, 0, r.height), e("div", {
+  render(e, { props: { width: t, height: s, text: r, backgroundColor: i, rotate: n, color: o } }) {
+    const a = document.createElement("canvas");
+    a.width = t, a.height = s;
+    const l = a.getContext("2d");
+    return l.font = "15px Verdana", l.fillStyle = i, l.fillRect(0, 0, t, s), l.translate(t / 2, s / 2), l.rotate(n * Math.PI / 180), l.fillStyle = o, l.textAlign = "center", l.textBaseline = "middle", l.fillText(r, 0, 0), e("div", {
       class: "watermark",
-      style: { background: `url(${r.toDataURL("image/png")}) left top repeat` }
+      style: { background: `url(${a.toDataURL("image/png")}) left top repeat` }
     });
   }
 };
@@ -12328,7 +12350,7 @@ function __vue2_injectStyles(e) {
 var XDialog = /* @__PURE__ */ function() {
   return __component__.exports;
 }();
-const version = "1.2.2";
+const version = "1.2.3";
 function index(e) {
   e.component(AddressInput.name, AddressInput), e.component(AsideMenu.name, AsideMenu), e.component(AwesomeButton.name, AwesomeButton), e.component(CapsuleTab.name, CapsuleTab), e.component(ChunkFileUploader.name, ChunkFileUploader), e.component(ChunkFileUploaderButton.name, ChunkFileUploaderButton), e.component(ChunkFileUploaderDrop.name, ChunkFileUploaderDrop), e.component(ChunkFileUploaderFile.name, ChunkFileUploaderFile), e.component(ChunkFileUploaderFiles.name, ChunkFileUploaderFiles), e.component(ChunkFileUploaderList.name, ChunkFileUploaderList), e.component(ChunkFileUploaderUnSupport.name, ChunkFileUploaderUnSupport), e.component(CodeMirrorEditor.name, CodeMirrorEditor), e.component(ColorPicker.name, ColorPicker), e.component(Confirmable.name, Confirmable), e.component(ConfirmButton.name, ConfirmButton), e.component(ContextMenu.name, ContextMenu), e.component(CustomScrollbar.name, CustomScrollbar), e.component(DataTablePicker.name, DataTablePicker), e.component(DynamicTable.name, DynamicTable), e.component(ECharts.name, ECharts), e.component(EditableProgress.name, EditableProgress), e.component(EditableTree.name, EditableTree), e.component(EgdCollapse.name, EgdCollapse), e.component(EgdCollapseItem.name, EgdCollapseItem), e.component(ElColorPickerDropdown.name, ElColorPickerDropdown), e.component(ElementDialog.name, ElementDialog), e.component(EmptyView.name, EmptyView), e.component(ErrorView.name, ErrorView), e.component(FlexColumn.name, FlexColumn), e.component(FlexItem.name, FlexItem), e.component(FlexRow.name, FlexRow), e.component(FlexScroller.name, FlexScroller), e.component(FormButton.name, FormButton), e.component(FormCascader.name, FormCascader), e.component(FormCheckboxGroup.name, FormCheckboxGroup), e.component(FormDatePicker.name, FormDatePicker), e.component(FormHolder.name, FormHolder), e.component(FormInput.name, FormInput), e.component(FormInputEmail.name, FormInputEmail), e.component(FormInputIdCard.name, FormInputIdCard), e.component(FormInputNumber.name, FormInputNumber), e.component(FormInputPhoneNumber.name, FormInputPhoneNumber), e.component(FormInputTime.name, FormInputTime), e.component(FormItem.name, FormItem), e.component(FormItemConfigProvider.name, FormItemConfigProvider), e.component(FormItemGroup.name, FormItemGroup), e.component(FormRadioGroup.name, FormRadioGroup), e.component(FormSelect.name, FormSelect), e.component(FormSwitch.name, FormSwitch), e.component(FormTextarea.name, FormTextarea), e.component(FormView.name, FormView), e.component(GuideSteps.name, GuideSteps), e.component(IconCard.name, IconCard), e.component(IframeWindow.name, IframeWindow), e.component(InputNumber.name, InputNumber), e.component(InputNumberRange.name, InputNumberRange), e.component(JSXComponent.name, JSXComponent), e.component(KeepViewAlive.name, KeepViewAlive), e.component(LoadingView.name, LoadingView), e.component(NavBar.name, NavBar), e.component(NotImplement.name, NotImplement), e.component(Page.name, Page), e.component(PageableTable.name, PageableTable), e.component(PageableView.name, PageableView), e.component(PageHeader.name, PageHeader), e.component(PageIndex.name, PageIndex), e.component(PageIndexTop.name, PageIndexTop), e.component(PageSkeleton.name, PageSkeleton), e.component(PageSkeletonNew.name, PageSkeletonNew), e.component(PhotoSwipe.name, PhotoSwipe), e.component(ResizeObserver.name, ResizeObserver), e.component(SearchPopover.name, SearchPopover), e.component(SignPanel.name, SignPanel), e.component(SplitPane.name, SplitPane), e.component(Stateful.name, Stateful), e.component(StaticPageableTable.name, StaticPageableTable), e.component(Swiper.name, Swiper), e.component(Tab.name, Tab), e.component(TabItem.name, TabItem), e.component(TableColumn.name, TableColumn), e.component(TableView.name, TableView), e.component(TagRender.name, TagRender), e.component(TinymceEditor.name, TinymceEditor), e.component(TinymceWrapper.name, TinymceWrapper), e.component(Toolbar.name, Toolbar), e.component(ToolbarButton.name, ToolbarButton), e.component(Trigger.name, Trigger), e.component(VueTagsInput.name, VueTagsInput), e.component(Watermark.name, Watermark), e.component(XDialog.name, XDialog);
 }

package/package.json

@@ -1,162 +1,162 @@
-{
-  "name": "@web-utils/component",
-  "version": "1.2.2",
-  "private": false,
-  "license": "MIT",
-  "main": "./dist/index.es.js",
-  "module": "./dist/index.es.js",
-  "exports": {
-    ".": {
-      "require": "./dist/index.es.js",
-      "import": "./dist/index.es.js"
-    },
-    "./*": "./*"
-  },
-  "files": [
-    "dist",
-    "web-types.json"
-  ],
-  "web-types": "web-types.json",
-  "scripts": {
-    "dev": "vite --host",
-    "serve": "vite preview",
-    "build": "vite build",
-    "build:lib": "node scripts/build.js",
-    "release": "npm run build:lib && npm publish --access public",
-    "lint": "eslint src/**/*.{js,jsx,ts,vue} --fix",
-    "stylelint": "stylelint src/**/*.{scss,css,vue} --fix"
-  },
-  "dependencies": {
-    "@web-utils/core": "^1.4.12",
-    "codemirror": "^5.65.3",
-    "echarts": "^5.3.2",
-    "element-ui": "2.15.6",
-    "tinymce": "4.5.12",
-    "@tinymce/tinymce-vue": "3.2.8",
-    "simple-uploader.js": "^0.6.0",
-    "lodash": "^4.17.21",
-    "overlayscrollbars": "^1.13.1",
-    "photoswipe": "^4.1.3",
-    "resize-detector": "^0.3.0"
-  },
-  "devDependencies": {
-    "@babel/preset-env": "^7.17.10",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@types/lodash": "^4.14.182",
-    "@types/node": "^12.20.37",
-    "@types/qrcode": "^1.4.2",
-    "@types/uuid": "^8.3.4",
-    "@typescript-eslint/eslint-plugin": "^5.22.0",
-    "@typescript-eslint/parser": "^5.22.0",
-    "@vue/babel-preset-jsx": "^1.2.4",
-    "@vue/eslint-config-typescript": "^10.0.0",
-    "@web-utils/stylelint-config-scss": "^1.0.1",
-    "chalk": "^4.1.2",
-    "eslint": "^8.15.0",
-    "eslint-plugin-vue": "^8.7.1",
-    "execa": "^5.0.0",
-    "globby": "^11.1.0",
-    "sass": "^1.51.0",
-    "slash": "^3.0.0",
-    "stylelint": "^14.8.2",
-    "typescript": "^4.6.4",
-    "vite": "^2.9.8",
-    "vite-plugin-inspect": "^0.5.0",
-    "vite-plugin-style-import": "^1.4.1",
-    "vite-plugin-vue2": "^2.0.0",
-    "vue": "^2.6.14",
-    "vue-docgen-api": "^4.46.0",
-    "vue-router": "^3.5.3",
-    "vue-template-compiler": "^2.6.14"
-  },
-  "stylelint": {
-    "extends": [
-      "@web-utils/stylelint-config-scss"
-    ],
-    "rules": {
-      "max-nesting-depth": 6,
-      "at-rule-no-unknown": [
-        true,
-        {
-          "ignoreAtRules": [
-            "function",
-            "if",
-            "return",
-            "include",
-            "extend",
-            "mixin",
-            "else",
-            "while",
-            "for",
-            "use",
-            "each"
-          ]
-        }
-      ]
-    }
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "vue/setup-compiler-macros": true
-    },
-    "globals": {},
-    "parser": "vue-eslint-parser",
-    "parserOptions": {
-      "parser": "@typescript-eslint/parser",
-      "sourceType": "module",
-      "ecmaVersion": 2020,
-      "ecmaFeatures": {
-        "jsx": true
-      }
-    },
-    "extends": [
-      "@vue/typescript",
-      "plugin:vue/recommended"
-    ],
-    "rules": {
-      "semi": [
-        "error",
-        "never"
-      ],
-      "quotes": [
-        "error",
-        "single"
-      ],
-      "vue/no-deprecated-dollar-listeners-api": "off",
-      "vue/multi-word-component-names": "off",
-      "vue/no-v-html": "off",
-      "vue/require-default-prop": "off",
-      "vue/no-deprecated-destroyed-lifecycle": "off",
-      "vue/html-closing-bracket-newline": [
-        "error",
-        {
-          "singleline": "never",
-          "multiline": "never"
-        }
-      ],
-      "vue/max-attributes-per-line": [
-        "error",
-        {
-          "singleline": 1000,
-          "multiline": 1
-        }
-      ],
-      "vue/first-attribute-linebreak": [
-        "error",
-        {
-          "singleline": "ignore",
-          "multiline": "beside"
-        }
-      ],
-      "vue/html-closing-bracket-spacing": [
-        "error",
-        {
-          "startTag": "never",
-          "endTag": "never",
-          "selfClosingTag": "never"
-        }
-      ]
-    }
-  }
-}
+{
+  "name": "@web-utils/component",
+  "version": "1.2.3",
+  "private": false,
+  "license": "MIT",
+  "main": "./dist/index.es.js",
+  "module": "./dist/index.es.js",
+  "exports": {
+    ".": {
+      "require": "./dist/index.es.js",
+      "import": "./dist/index.es.js"
+    },
+    "./*": "./*"
+  },
+  "files": [
+    "dist",
+    "web-types.json"
+  ],
+  "web-types": "web-types.json",
+  "scripts": {
+    "dev": "vite --host",
+    "serve": "vite preview",
+    "build": "vite build",
+    "build:lib": "node scripts/build.js",
+    "release": "npm run build:lib && npm publish --access public",
+    "lint": "eslint src/**/*.{js,jsx,ts,vue} --fix",
+    "stylelint": "stylelint src/**/*.{scss,css,vue} --fix"
+  },
+  "dependencies": {
+    "@web-utils/core": "^1.4.12",
+    "codemirror": "^5.65.3",
+    "echarts": "^5.3.2",
+    "element-ui": "2.15.6",
+    "tinymce": "4.5.12",
+    "@tinymce/tinymce-vue": "3.2.8",
+    "simple-uploader.js": "^0.6.0",
+    "lodash": "^4.17.21",
+    "overlayscrollbars": "^1.13.1",
+    "photoswipe": "^4.1.3",
+    "resize-detector": "^0.3.0"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.17.10",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@types/lodash": "^4.14.182",
+    "@types/node": "^12.20.37",
+    "@types/qrcode": "^1.4.2",
+    "@types/uuid": "^8.3.4",
+    "@typescript-eslint/eslint-plugin": "^5.22.0",
+    "@typescript-eslint/parser": "^5.22.0",
+    "@vue/babel-preset-jsx": "^1.2.4",
+    "@vue/eslint-config-typescript": "^10.0.0",
+    "@web-utils/stylelint-config-scss": "^1.0.1",
+    "chalk": "^4.1.2",
+    "eslint": "^8.15.0",
+    "eslint-plugin-vue": "^8.7.1",
+    "execa": "^5.0.0",
+    "globby": "^11.1.0",
+    "sass": "^1.51.0",
+    "slash": "^3.0.0",
+    "stylelint": "^14.8.2",
+    "typescript": "^4.6.4",
+    "vite": "^2.9.8",
+    "vite-plugin-inspect": "^0.5.0",
+    "vite-plugin-style-import": "^1.4.1",
+    "vite-plugin-vue2": "^2.0.0",
+    "vue": "^2.6.14",
+    "vue-docgen-api": "^4.46.0",
+    "vue-router": "^3.5.3",
+    "vue-template-compiler": "^2.6.14"
+  },
+  "stylelint": {
+    "extends": [
+      "@web-utils/stylelint-config-scss"
+    ],
+    "rules": {
+      "max-nesting-depth": 6,
+      "at-rule-no-unknown": [
+        true,
+        {
+          "ignoreAtRules": [
+            "function",
+            "if",
+            "return",
+            "include",
+            "extend",
+            "mixin",
+            "else",
+            "while",
+            "for",
+            "use",
+            "each"
+          ]
+        }
+      ]
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "vue/setup-compiler-macros": true
+    },
+    "globals": {},
+    "parser": "vue-eslint-parser",
+    "parserOptions": {
+      "parser": "@typescript-eslint/parser",
+      "sourceType": "module",
+      "ecmaVersion": 2020,
+      "ecmaFeatures": {
+        "jsx": true
+      }
+    },
+    "extends": [
+      "@vue/typescript",
+      "plugin:vue/recommended"
+    ],
+    "rules": {
+      "semi": [
+        "error",
+        "never"
+      ],
+      "quotes": [
+        "error",
+        "single"
+      ],
+      "vue/no-deprecated-dollar-listeners-api": "off",
+      "vue/multi-word-component-names": "off",
+      "vue/no-v-html": "off",
+      "vue/require-default-prop": "off",
+      "vue/no-deprecated-destroyed-lifecycle": "off",
+      "vue/html-closing-bracket-newline": [
+        "error",
+        {
+          "singleline": "never",
+          "multiline": "never"
+        }
+      ],
+      "vue/max-attributes-per-line": [
+        "error",
+        {
+          "singleline": 1000,
+          "multiline": 1
+        }
+      ],
+      "vue/first-attribute-linebreak": [
+        "error",
+        {
+          "singleline": "ignore",
+          "multiline": "beside"
+        }
+      ],
+      "vue/html-closing-bracket-spacing": [
+        "error",
+        {
+          "startTag": "never",
+          "endTag": "never",
+          "selfClosingTag": "never"
+        }
+      ]
+    }
+  }
+}

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -9610,6 +9610,51 @@
                 "type": "string"
               },
               "default": "''"
+            },
+            {
+              "name": "width",
+              "description": "宽度",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "200"
+            },
+            {
+              "name": "height",
+              "description": "高度",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "150"
+            },
+            {
+              "name": "rotate",
+              "description": "旋转角度 0 到 360",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "-30"
+            },
+            {
+              "name": "color",
+              "description": "文字颜色",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "'rgba(0,0,0,0.15)'"
+            },
+            {
+              "name": "backgroundColor",
+              "description": "背景颜色",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "'rgba(0,0,0,0)'"
             }
           ]
         },