@moneko/core 2.0.1 → 2.0.2-1.1

package/lib/styles/normalize.css

@@ -1,21 +1,18 @@
-@import url('tailwindcss/base');
-@import url('tailwindcss/components');
 @import url('tailwindcss/utilities');
-@import url('./animation.css');
 @import url('./variables.css');
 
 html,
 body {
-  width: 100vw;
-  height: 100vh;
-  padding: 0;
   overflow: hidden;
   margin: 0;
-  color: var(--text-color);
-  font-size: var(--font-size-base);
+  padding: 0;
+  width: 100vw;
+  height: 100vh;
+  font-size: var(--font-size);
   font-family: var(--font-family);
-  line-height: 1.8;
+  color: var(--text-color);
   background-color: var(--body-background);
+  line-height: 1.8;
   transition-duration: var(--transition-duration);
   transition-property: background-color, color;
   transition-timing-function: var(--transition-timing-function);
@@ -34,36 +31,36 @@ main {
 }
 
 #root > main {
-  flex: 1;
-  width: 100%;
   overflow-y: auto;
+  width: 100%;
+  flex: 1;
   animation: route-in var(--transition-duration);
 }
 
 input,
 textarea {
-  caret-color: plum;
+  caret-color: var(--primary-color-bg);;
 }
 
 h1 {
-  font-size: 2em;
   margin: 0.67em 0;
+  font-size: 2em;
 }
 
 hr {
-  box-sizing: content-box;
-  height: 0;
   overflow: visible;
+  height: 0;
+  box-sizing: content-box;
 }
 
 pre {
-  font-family: monospace;
   font-size: 1em;
+  font-family: monospace;
 }
 
 a {
-  background-color: transparent;
   text-decoration: none;
+  background-color: transparent;
   cursor: pointer;
 }
 
@@ -81,8 +78,8 @@ strong {
 code,
 kbd,
 samp {
-  font-family: monospace;
   font-size: 1em;
+  font-family: monospace;
 }
 
 small {
@@ -91,9 +88,9 @@ small {
 
 sub,
 sup {
+  position: relative;
   font-size: 75%;
   line-height: 0;
-  position: relative;
   vertical-align: baseline;
 }
 
@@ -119,10 +116,10 @@ input,
 optgroup,
 select,
 textarea {
-  font-family: inherit;
+  margin: 0;
   font-size: 100%;
+  font-family: inherit;
   line-height: 1.15;
-  margin: 0;
 }
 
 button,
@@ -162,12 +159,12 @@ fieldset {
 }
 
 legend {
-  box-sizing: border-box;
-  color: inherit;
   display: table;
-  max-width: 100%;
   padding: 0;
+  max-width: 100%;
   white-space: normal;
+  color: inherit;
+  box-sizing: border-box;
 }
 
 progress {
@@ -219,45 +216,54 @@ template {
   font: inherit;
 }
 
-:-webkit-autofill,
-:-webkit-autofill:hover,
-:-webkit-autofill:focus {
-  font-weight: 400;
-  border: none;
-  border-radius: 5px;
-  box-shadow: 0 0 0 1000px transparent inset;
-  transition: background-color var(--transition-duration) var(--transition-timing-function);
-  -webkit-text-fill-color: var(--text-color);
-  caret-color: transparent;
-}
-
 ::-webkit-scrollbar {
   width: 4px;
   height: 4px;
-  opacity: 0;
-}
-
-::-webkit-scrollbar-track {
-  background-color: transparent;
 }
 
+::-webkit-scrollbar-track,
 ::-webkit-scrollbar-thumb {
-  background-color: transparent;
   border-radius: 5px;
+  background-color: transparent;
 }
 
 :hover::-webkit-scrollbar-thumb {
-  background-color: rgba(78, 78, 78, 0.15);
+  background-color: var(--primary-color-bg);
 }
 
 ::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(176, 139, 227, 0.5);
+  background-color: var(--primary-color-hover);
 }
 
 ::-webkit-scrollbar-thumb:active {
-  background-color: rgba(247, 138, 224, 0.5);
+  background-color: var(--primary-color-active);
 }
 
 ::-webkit-scrollbar-button {
   display: none;
 }
+
+@keyframes route-in {
+  from {
+    transform: translate3d(0, 16px, 0);
+    opacity: 0;
+  }
+
+  to {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes route-out {
+  from {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+
+  to {
+    z-index: -1;
+    transform: translate3d(0, 1rem, 0);
+    opacity: 0;
+  }
+}

package/lib/styles/variables.css

@@ -1,40 +1,35 @@
 :root {
-    --text-shadow-color: rgba(0, 0, 0, 0.1);
-    --font-size-base: 14px;
-    --border-color-base: #d9d9d9;
-    --border-radius-base: 8px;
-    --body-background: #f8f8f8;
-    --component-background: rgba(255, 255, 255, 0.8);
-    --table-header-bg: rgba(0, 0, 0, 0.02);
-    --text-color: rgba(0, 0, 0, 0.65);
-    --text-color-secondary: rgba(0, 0, 0, 0.45);
-    --heading-color: rgba(0, 0, 0, 0.85);
-    --text-selection-bg: var(--primary-color-deprecated-bg);
-    --box-shadow-small: 0 0 12px rgba(0, 0, 0, 0.1);
-    --box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
-        0 9px 28px 8px rgba(0, 0, 0, 0.05);
-    --font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial',
-        'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-        'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans';
-    --transition-duration: 0.3s;
-    --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);
-    --antd-wave-shadow-color: var(--primary-color-outline);
-    --disable-color: rgba(0, 0, 0, 0.25);
-    --btn-disable-bg: var(--disable-color);
-    --btn-disable-border: var(--disable-color);
-    --menu-dark-item-active-bg: #0e3ab3;
+  --font-size: 14px;
+  --font-size-sm: 12px;
+  --font-size-xs: 10px;
+  --font-size-lg: 16px;
+  --border-base: 1px solid var(--border-color);
+  --border-color: rgb(5 5 5 / 6%);
+  --border-radius: 8px;
+  --body-background: #f8f8f8;
+  --component-background: rgb(255 255 255 / 80%);
+  --table-header-bg: rgb(0 0 0 / 2%);
+  --text-color: rgb(0 0 0 / 65%);
+  --text-secondary: #4e4e4e;
+  --text-heading: #1b1b1b;
+  --text-selection-bg: var(--primary-color-bg);
+  --text-shadow-color: rgb(0 0 0 / 10%);
+  --box-shadow-base: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%),
+    0 9px 28px 8px rgb(0 0 0 / 5%);
+  --font-family: -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue',
+    'Arial', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+    'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans';
+  --transition-duration: 0.3s;
+  --transition-timing-function: cubic-bezier(0.94, -0.1, 0.1, 1.2);
 }
 
 [data-theme='dark'] {
-    --text-selection-bg: var(--primary-color-deprecated-bg);
-    --text-color-secondary: rgba(255, 255, 255, 0.25);
-    --text-shadow-color: rgba(255, 255, 255, 0.1);
-    --header-shadow: rgba(255, 255, 255, 0.05);
-    --body-background: #000;
-    --component-background: rgba(20, 20, 20, 0.8);
-    --header-bg: rgba(20, 20, 20, 0.9);
-    --text-color: #ffffffd9;
-    --border-color-base: #303030;
-    --heading-color: rgba(255, 255, 255, 0.85);
-    --disabled-color: rgba(255, 255, 255, 0.3);
+  --text-color: #ffffffd9;
+  --text-secondary: #cdcdcd;
+  --text-heading: rgb(255 255 255 / 85%);
+  --text-shadow-color: rgb(255 255 255 / 10%);
+  --body-background: #000;
+  --component-background: rgb(20 20 20 / 80%);
+  --header-bg: rgb(20 20 20 / 90%);
+  --border-color: #303030;
 }

package/lib/utils/index.d.ts

@@ -8,5 +8,6 @@ export type WatermarkParamsType = {
     angle?: number;
     opacity?: number;
     color?: string;
+    fontFamily?: string;
 };
-export declare const watermark: ({ text, x, y, width, height, fontSize, angle, opacity, color, }: WatermarkParamsType) => string;
+export declare const watermark: ({ text, x, y, width, height, fontSize, angle, opacity, color, fontFamily, }: WatermarkParamsType) => string;

package/lib/utils/index.js

@@ -1,2 +1 @@
-export var watermark=function(param){var text=param.text,_param_x=param.x,x=_param_x===void 0?19.5:_param_x,_param_y=param.y,y=_param_y===void 0?55:_param_y,_param_width=param.width,width=_param_width===void 0?100:_param_width,_param_height=param.height,height=_param_height===void 0?100:_param_height,_param_fontSize=param.fontSize,fontSize=_param_fontSize===void 0?14:_param_fontSize,_param_angle=param.angle,angle=_param_angle===void 0?-45:_param_angle,_param_opacity=param.opacity,opacity=_param_opacity===void 0?.1:_param_opacity,_param_color=param.color,color=_param_color===void 0?"#000":_param_color;var svgStr='<svg xmlns="http://www.w3.org/2000/svg" width="'+width+'" height="'+height+'"><g><title>Layer 1</title><text x="'+x+'" y="'+y+'" textAnchor="middle" dominantBaseline="middle" stroke-opacity="'+opacity+'" stroke="'+color+'" fill="none" transform="rotate('+angle+" "+width/2+","+height/2+')" font-size="'+fontSize+'" font-family="-apple-system, BlinkMacSystemFont, '+"'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans'"+'">'+text+"</text></g></svg>";return"data:image/svg+xml;base64,"+window.btoa(decodeURIComponent(encodeURIComponent(svgStr)))};
-//# sourceMappingURL=index.js.map
+import{stringToBase64Url as o}from"@moneko/common";export var watermark=function(t){var e=t.text,i=t.x,n=t.y,a=t.width,r=void 0===a?100:a,l=t.height,m=void 0===l?100:l,s=t.fontSize,d=t.angle,v=t.opacity,g=t.color,y=t.fontFamily;return"data:image/svg+xml;base64,"+o('<svg xmlns="http://www.w3.org/2000/svg" width="'+r+'" height="'+m+'">\n      <g>\n        <title>Layer 1</title>\n        <text x="'+(void 0===i?50:i)+'" y="'+(void 0===n?50:n)+'" text-anchor="middle" dominant-baseline="middle"\n          stroke-opacity="'+(void 0===v?.1:v)+'" stroke="'+(void 0===g?"#000":g)+'" fill="none"\n          transform="rotate('+(void 0===d?-45:d)+" "+r/2+" "+m/2+')"\n          font-size="'+(void 0===s?14:s)+'" font-family="'+(void 0===y?"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', 'Helvetica', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans'":y)+'">\n          '+e+"\n        </text>\n      </g>\n    </svg>")};

package/lib/utils/refresh-rem.js

@@ -1,2 +1 @@
-(function(doc,win){var refreshRem=function refreshRem(){var docEl=doc.documentElement;var clientWidth=docEl.clientWidth||doc.body.clientWidth;var _designSize=clientWidth<=375?375:programInfo.designSize;var unitSize=clientWidth;if(clientWidth<=375){unitSize=clientWidth}else if(clientWidth<=programInfo.designSize){unitSize=_designSize}else{unitSize=clientWidth}var rootSize=16/_designSize*unitSize+"px";if(rootSize!==docEl.style.fontSize){docEl.style.fontSize=rootSize}};refreshRem();if("addEventListener"in doc){var resizeEvt="orientationchange"in win?"orientationchange":"resize";win.addEventListener(resizeEvt,refreshRem,false)}if(!window.scrollTo){window.scrollTo=function(option){window.scrollLeft=option.left;window.scrollTop=option.top}}if(!document.body.scrollTo){Element.prototype.scrollTo=function(option){this.scrollLeft=option.left;this.scrollTop=option.top}}})(document,window);
-//# sourceMappingURL=refresh-rem.js.map
+!function(o,n){var t=function(){var n=o.documentElement,t=n.clientWidth||o.body.clientWidth,e=t<=375?375:programInfo.designSize,i=t;i=t<=375?t:t<=programInfo.designSize?e:t;var l=16/e*i+"px";l!==n.style.fontSize&&(n.style.fontSize=l)};t(),"addEventListener"in o&&n.addEventListener("orientationchange"in n?"orientationchange":"resize",t,!1),window.scrollTo||(window.scrollTo=function(o){window.scrollLeft=o.left,window.scrollTop=o.top}),document.body.scrollTo||(Element.prototype.scrollTo=function(o){this.scrollLeft=o.left,this.scrollTop=o.top})}(document,window);

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@moneko/core",
-  "version": "2.0.1",
+  "version": "2.0.21.1",
   "description": "core",
   "main": "lib/index.js",
   "scripts": {
     "build": "npm run build-conf && npm run build-src && npm run build:types",
-    "build-conf": "swc config -d build -C module.type=commonjs -C minify=true --copy-files",
-    "build-src": "swc src -d lib -C module.type=es6 -C minify=true -s --copy-files",
+    "build-conf": "swc config -d build -C module.type=commonjs -C jsc.target=es5 -C jsc.loose=true -C jsc.minify.mangle=true -C jsc.minify.compress=true -C minify=true --copy-files",
+    "build-src": "swc src -d lib -C module.type=es6 -C jsc.loose=true -C jsc.minify.mangle=true -C jsc.minify.compress=true -C minify=true --copy-files",
     "build:types": "tsc && tsc --project cli.json",
     "postbuild": "node ./copy.js ./prefix ./lib",
     "prebuild": "rm -rf ./build && rm -rf ./lib"
@@ -15,50 +15,46 @@
   "author": "moneko",
   "license": "MIT",
   "dependencies": {
-    "@emotion/css": "11.10.5",
+    "@emotion/css": "11.10.6",
     "@mapbox/rehype-prism": "0.8.0",
-    "@mdx-js/loader": "2.2.1",
-    "@moneko/common": "1.0.7",
+    "@mdx-js/loader": "2.3.0",
+    "@moneko/common": "1.0.15",
     "@parcel/css": "1.14.0",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
     "@soda/friendly-errors-webpack-plugin": "1.8.1",
-    "@swc/core": "1.3.34",
+    "@swc/core": "1.3.37",
     "@swc/helpers": "0.4.14",
-    "@swc/plugin-transform-imports": "1.5.41",
     "add-asset-html-webpack-plugin": "5.0.2",
-    "core-js": "3.27.2",
+    "core-js": "3.29.1",
     "cross-env": "7.0.3",
     "css-loader": "6.7.3",
     "css-minimizer-webpack-plugin": "4.2.2",
     "css-unicode-loader": "1.0.3",
     "external-remotes-plugin": "1.0.0",
-    "fastclick": "1.0.6",
     "html-webpack-plugin": "5.5.0",
-    "i18n-hooks": "1.0.16",
     "less": "4.1.3",
     "less-loader": "11.1.0",
-    "mini-css-extract-plugin": "2.6.1",
-    "mini-idc": "1.0.17",
+    "mini-css-extract-plugin": "2.7.3",
     "mini-svg-data-uri": "1.4.4",
     "path-to-regexp": "6.2.1",
     "portfinder": "1.0.32",
     "react-activation": "0.12.2",
     "react-refresh": "0.14.0",
-    "react-refresh-typescript": "2.0.7",
-    "react-router": "6.4.2",
-    "react-router-dom": "6.4.2",
+    "react-refresh-typescript": "2.0.8",
+    "react-router": "6.9.0",
+    "react-router-dom": "6.9.0",
     "rehype-accessible-emojis": "0.3.2",
     "rehype-figure": "1.0.1",
+    "shared-store-object": "1.0.1",
     "style-loader": "3.3.1",
     "style-resources-loader": "1.5.0",
     "swc-loader": "0.2.3",
-    "tinycolor2": "1.6.0",
+    "swc-plugin-another-transform-imports": "0.2.1",
     "ts-import-plugin": "2.0.0",
     "ts-loader": "9.4.2",
     "typescript": "4.9.5",
-    "webfontloader": "1.6.28",
-    "webpack": "5.75.0",
-    "webpack-bundle-analyzer": "4.7.0",
+    "webpack": "5.76.1",
+    "webpack-bundle-analyzer": "4.8.0",
     "webpack-cli": "5.0.1",
     "webpack-dev-server": "4.11.1",
     "webpack-merge": "5.8.0",
@@ -66,21 +62,19 @@
     "xml2js": "0.4.23"
   },
   "devDependencies": {
-    "@swc/cli": "0.1.61",
+    "@swc/cli": "0.1.62",
     "@types/mini-css-extract-plugin": "^2.5.1",
-    "@types/react": "^18.0.20",
-    "@types/react-dom": "^18.0.6",
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
     "@types/react-router-dom": "^5.3.3",
     "@types/shelljs": "^0.8.11",
-    "@types/tinycolor2": "^1.4.3",
-    "@types/webfontloader": "^1.6.34",
     "@types/webpack-bundle-analyzer": "^4.6.0",
     "@types/webpack-env": "^1.18.0",
-    "antd": "4.20.2",
-    "eslint-config-neko": "^1.0.15",
+    "antd": "5.3.1",
+    "eslint-config-neko": "^1.0.20",
     "react": "^18.2.0",
     "shelljs": "^0.8.5",
-    "stylelint-config-moneko": "^1.0.4"
+    "stylelint-config-moneko": "^1.0.9"
   },
   "files": [
     "lib",