@moneko/core 2.0.24-beta.1 → 2.0.24-beta.3

package/lib/localizable.d.ts

@@ -21,21 +21,21 @@ export declare const localizable: {
     /** 获取本地化文本 */
     t: Record<string, string>;
     /** 本地化支持列表 */
-    locales: Pick<Locale, "language" | "icon" | "title">[];
+    locales: Pick<Locale, "title" | "language" | "icon">[];
 } & (<K extends "language" | "t" | "locales">(key: K, updater: (val: {
     /** 使用的语言 */
     language: LocaleName;
     /** 获取本地化文本 */
     t: Record<string, string>;
     /** 本地化支持列表 */
-    locales: Pick<Locale, "language" | "icon" | "title">[];
+    locales: Pick<Locale, "title" | "language" | "icon">[];
 }[K]) => {
     /** 使用的语言 */
     language: LocaleName;
     /** 获取本地化文本 */
     t: Record<string, string>;
     /** 本地化支持列表 */
-    locales: Pick<Locale, "language" | "icon" | "title">[];
+    locales: Pick<Locale, "title" | "language" | "icon">[];
 }[K]) => void);
 /** 设置使用的语言
  * @param {LocaleName} lang 语言

package/lib/packages/back-stage/app.js

@@ -1 +1 @@
-function e(){return(e=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e}).apply(this,arguments)}function r(){var e,o,t=(e=["\n  :root {\n    --watermark: url(",");\n  }\n  body::after {\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 99999999999;\n    width: 100vw;\n    height: 100vh;\n    content: '';\n    pointer-events: none;\n    background-image: var(--watermark);\n  }\n"],o||(o=e.slice(0)),e.raw=o,e);return r=function(){return t},t}import o from"react";import{css as t,injectGlobal as n}from"@emotion/css";import{ConfigProvider as a}from"antd";import i from"antd/es/locale/en_US";import l from"antd/es/locale/zh_CN";import m from"dayjs";import p from"dayjs/plugin/relativeTime";import{RouterProvider as f}from"react-router-dom";import{createRouter as c,prefixRouter as s,routerData as u,RouterFragment as d}from"../../components/app-router";import g from"../../components/fallback";import{localizable as v}from"../../localizable";import{onlyLoginRouter as h}from"../../router";import"dayjs/locale/zh.js";import"dayjs/locale/en.js";import{watermark as b}from"../../utils";import{global as w}from"@/store";var C={zh_CN:l,en_US:i};m.extend(p),a.config({prefixCls:providerConfig.prefixCls,iconPrefixCls:providerConfig.iconPrefixCls,theme:providerConfig.theme});var j=b(projectName),y=t(r(),j);n([y]);export default function(){var r=w.isLogin,t=v.language,n=v.t;return o.createElement(d,null,o.createElement(a,e({},providerConfig,{locale:C[t]||l,form:{validateMessages:{required:""+n["ph:please-fill"]+"${label}!",types:{email:"${label}"+n["wrong-format"]},pattern:{mismatch:""+n["ph:fill-correct"]+"${label}!"}}}}),o.createElement(f,{router:c(r?u:s(h,o.createElement(g,null)),{basename:programInfo.routeBaseName,window:window}),fallbackElement:o.createElement(g,null)})))};
+function e(){return(e=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e}).apply(this,arguments)}import r,{useEffect as o}from"react";import{ConfigProvider as t}from"antd";import a from"antd/es/locale/en_US";import l from"antd/es/locale/zh_CN";import i from"dayjs";import n from"dayjs/plugin/relativeTime";import{RouterProvider as m}from"react-router-dom";import{createRouter as p,prefixRouter as f,routerData as c,RouterFragment as s}from"../../components/app-router";import u from"../../components/fallback";import{localizable as d}from"../../localizable";import{onlyLoginRouter as g}from"../../router";import"dayjs/locale/zh.js";import"dayjs/locale/en.js";import{updateWatermark as h}from"../../utils";import{global as v}from"@/store";var C={zh_CN:l,en_US:a};i.extend(n),t.config({prefixCls:providerConfig.prefixCls,iconPrefixCls:providerConfig.iconPrefixCls,theme:providerConfig.theme});export default function(){var a=v.isLogin,i=d.language,n=d.t;return o(function(){h(projectName)},[]),r.createElement(s,null,r.createElement(t,e({},providerConfig,{locale:C[i]||l,form:{validateMessages:{required:""+n["ph:please-fill"]+"${label}!",types:{email:"${label}"+n["wrong-format"]},pattern:{mismatch:""+n["ph:fill-correct"]+"${label}!"}}}}),r.createElement(m,{router:p(a?c:f(g,r.createElement(u,null)),{basename:programInfo.routeBaseName,window:window}),fallbackElement:r.createElement(u,null)})))};

package/lib/styles/normalize.css

@@ -18,6 +18,18 @@ body {
   transition-timing-function: var(--transition-timing-function);
 }
 
+html::after {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 99999999999;
+  width: 100vw;
+  height: 100vh;
+  content: '';
+  pointer-events: none;
+  background-image: var(--watermark);
+}
+
 #root {
   display: flex;
   flex-direction: column;

package/lib/utils/index.d.ts

@@ -1,12 +1,43 @@
 export type WatermarkParamsType = {
+    /** 水印文字X轴位置
+     * @default 50 */
     x?: number;
+    /** 水印文字Y轴位置
+     * @default 50 */
     y?: number;
+    /** 水印宽度
+     * @default 100 */
     width?: number;
+    /** 水印高度
+     * @default 100 */
     height?: number;
+    /** 水印文字大小
+     * @default 14 */
     fontSize?: number;
+    /** 水印文字旋转角度
+     * @default -45 */
     angle?: number;
+    /** 水印文字透明度
+     * @default 0.05 */
     opacity?: number;
+    /** 水印文字颜色
+     * @default '#000' */
     color?: string;
+    /** 水印文字字体
+     * @default 'PingFangSC-Ultralight,sans-serif' */
     fontFamily?: string;
 };
+/**
+ * 生成水印背景图的base64 url
+ * @param {string} text - 水印文字
+ * @param {WatermarkParamsType} [c] - 水印参数
+ * @returns {string} - 水印背景图的base64 url
+ */
 export declare const watermark: (text: string, c?: WatermarkParamsType) => string;
+/**
+ * 更新水印，如果当前页面不存在样式表则创建一个
+ * @param {string} text - 水印文字
+ * @param {WatermarkParamsType} [opt] - 水印参数
+ * @returns {void}
+ */
+export declare function updateWatermark(text: string, opt?: WatermarkParamsType): void;

package/lib/utils/index.js

@@ -1 +1 @@
-import{stringToBase64Url as o}from"@moneko/common";export var watermark=function(t,i){var e=i||{},n=e.x,a=e.y,r=e.width,d=void 0===r?100:r,m=e.height,v=void 0===m?100:m,s=e.fontSize,l=e.angle,g=e.opacity,f=e.color,h=e.fontFamily;return"data:image/svg+xml;base64,"+o('<svg xmlns="http://www.w3.org/2000/svg" width="'+d+'" height="'+v+'"><text text-anchor="middle" dominant-baseline="middle" fill="none" stroke-opacity="'+(void 0===g?.05:g)+'" stroke="'+(void 0===f?"#000":f)+'" x="'+(void 0===n?50:n)+'" y="'+(void 0===a?50:a)+'" font-size="'+(void 0===s?14:s)+'" font-family="'+(void 0===h?"PingFangSC-Ultralight,sans-serif":h)+'" \n    transform="rotate('+(void 0===l?-45:l)+" "+d/2+" "+v/2+')">'+t+"</text></svg>")};
+import{stringToBase64Url as e}from"@moneko/common";export var watermark=function(t,o){var r=o||{},a=r.x,s=r.y,n=r.width,i=void 0===n?100:n,l=r.height,m=void 0===l?100:l,d=r.fontSize,c=r.angle,u=r.opacity,v=r.color,g=r.fontFamily;return"data:image/svg+xml;base64,"+e('<svg xmlns="http://www.w3.org/2000/svg" width="'+i+'" height="'+m+'"><text text-anchor="middle" dominant-baseline="middle" fill="none" stroke-opacity="'+(void 0===u?.05:u)+'" stroke="'+(void 0===v?"#000":v)+'" x="'+(void 0===a?50:a)+'" y="'+(void 0===s?50:s)+'" font-size="'+(void 0===d?14:d)+'" font-family="'+(void 0===g?"PingFangSC-Ultralight,sans-serif":g)+'" \n    transform="rotate('+(void 0===c?-45:c)+" "+i/2+" "+m/2+')">'+t+"</text></svg>")};export function updateWatermark(e,t){var o,r=getComputedStyle(document.documentElement).getPropertyValue("--watermark"),a=document.styleSheets.length;if(0===a){var s=document.createElement("style");document.head.appendChild(s),a=1}for(var n=document.styleSheets.item(0),i=0;i<a;i++){n=document.styleSheets.item(i);for(var l=0,m=n.cssRules.length;l<m;l++){var d=n.cssRules[l];if(":root"===d.selectorText&&d.style.getPropertyValue("--watermark")===r){o=d;break}}}o||(n.insertRule(":root {}",n.cssRules.length),o=n.cssRules[n.cssRules.length-1]),o.style.setProperty("--watermark","url("+watermark(e,t)+")")}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moneko/core",
-  "version": "2.0.24-beta.1",
+  "version": "2.0.24-beta.3",
   "description": "core",
   "main": "lib/index.js",
   "scripts": {