@varlet/ui 3.10.8 → 3.10.9

package/es/action-sheet/style/index.mjs

@@ -3,5 +3,5 @@ import '../../icon/icon.css'
 import '../../ripple/ripple.css'
 import '../../popup/popup.css'
 import '../actionSheet.css'
-import '../ActionItemSfc.css'
 import '../ActionSheetSfc.css'
+import '../ActionItemSfc.css'

package/es/index.bundle.mjs

@@ -283,7 +283,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.10.8'
+const version = '3.10.9'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -188,7 +188,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.10.8'
+const version = '3.10.9'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/snackbar/style/index.mjs

@@ -1,7 +1,7 @@
 import '../../styles/common.css'
+import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
-import '../SnackbarSfc.css'

package/es/themes/convert.d.ts

@@ -0,0 +1,3 @@
+import { Themes } from '../../types'
+
+declare const convert: Themes['convert']

package/es/themes/convert.mjs

@@ -0,0 +1,9 @@
+function convert(theme, converter) {
+  return Object.entries(theme).reduce((target, [key, value]) => {
+    target[key] = value.includes("px") ? value.replace(/(\d+(\.\d+)?)px/g, (_, p1) => converter(p1)) : value;
+    return target;
+  }, {});
+}
+export {
+  convert
+};

package/es/themes/index.mjs

@@ -1,8 +1,10 @@
+import { convert } from "./convert.mjs";
 import dark from "./dark/index.mjs";
 import md3Dark from "./md3-dark/index.mjs";
 import md3Light from "./md3-light/index.mjs";
+import { toRem } from "./toRem.mjs";
 import { toViewport } from "./toViewport.mjs";
-const Themes = { dark, md3Light, md3Dark, toViewport };
+const Themes = { dark, md3Light, md3Dark, toViewport, toRem, convert };
 const _ThemesComponent = null;
 var stdin_default = Themes;
 export {

package/es/themes/toRem.d.ts

@@ -0,0 +1,3 @@
+import { Themes } from '../../types'
+
+declare const toRem: Themes['toRem']

package/es/themes/toRem.mjs

@@ -0,0 +1,8 @@
+import { convert } from "./convert.mjs";
+function toRem(theme, options = {}) {
+  const { rootFontSize = 16, unitPrecision = 6 } = options;
+  return convert(theme, (value) => `${Number((value / rootFontSize).toFixed(unitPrecision))}rem`);
+}
+export {
+  toRem
+};

package/es/themes/toViewport.mjs

@@ -1,12 +1,7 @@
+import { convert } from "./convert.mjs";
 function toViewport(theme, options = {}) {
   const { viewportWidth = 375, viewportUnit = "vmin", unitPrecision = 6 } = options;
-  return Object.entries(theme).reduce((target, [key, value]) => {
-    target[key] = value.includes("px") ? value.replace(
-      /(\d+(\.\d+)?)px/g,
-      (_, p1) => `${Number((p1 / viewportWidth * 100).toFixed(unitPrecision))}${viewportUnit}`
-    ) : value;
-    return target;
-  }, {});
+  return convert(theme, (value) => `${Number((value / viewportWidth * 100).toFixed(unitPrecision))}${viewportUnit}`);
 }
 export {
   toViewport