@taole/dev-helper 0.0.3 → 0.0.5

package/Tdiv/index.svelte

@@ -121,8 +121,8 @@
     export let debug = false;
 
     // 留个口子
-    export let viewportWidth;
-    export let viewportUnit;
+    export let viewportWidth = undefined;
+    export let viewportUnit = undefined;
 
     const dispatch = createEventDispatcher();
 
@@ -140,12 +140,16 @@
         if(viewportUnit){
             vUnit = viewportUnit;
         }
+        let localUsePx = setting.usePx;
+        if(typeof usePx === 'boolean'){
+            localUsePx = usePx;
+        }
         // @ts-ignore
         if (typeof value === "string" && !isNaN(value)) {
             value = Number(value);
         }
         if (typeof value === "number") {
-            if (usePx) {
+            if (localUsePx) {
                 return value + "px";
             }
             let val = ((value / vWidth) * 100).toFixed(4); // 4?

package/Tdiv/index.vue

@@ -11,7 +11,7 @@ export default {
   name: 'Tdiv',
   props: {
     _class: { type: String, default: '' },
-    usePx: { type: Boolean, default: false },
+    usePx: { type: Boolean, default: null },
     style: { type: String, default: '' },
     src: { type: String, default: '' },
     width: { type: [Number, String], default: null },
@@ -44,11 +44,15 @@ export default {
       if (this.viewportUnit) {
         vUnit = this.viewportUnit;
       }
+      let localUsePx = setting.usePx;
+      if(typeof this.usePx === 'boolean'){
+        localUsePx = this.usePx;
+      }
       const calc = (value) => {
 
         if (typeof value === 'string' && !isNaN(value)) value = Number(value);
         if (typeof value === 'number') {
-          if (this.usePx) return value + 'px';
+          if (localUsePx) return value + 'px';
           let val = ((value / vWidth) * 100).toFixed(4);
           return `${val}${vUnit}`;
         }

package/Tdiv/setting.js

@@ -1,14 +1,31 @@
 const config = {
     viewportWidth: 750,
     viewportUnit: "vw",
+    usePx: false,
 }
 
+/**
+ * 设置视口宽度
+ * @param {number} width 
+ */
 export function setViewportWidth(width) {
     config.viewportWidth = width;
 }
 
+/**
+ * 设置视口单位
+ * @param {string} unit 
+ */
 export function setViewportUnit(unit) {
     config.viewportUnit = unit;
 }
 
+/**
+ * 设置是否使用px
+ * @param {boolean} use 
+ */
+export function setUsePx(use) {
+    config.usePx = use;
+}
+
 export default config;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taole/dev-helper",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"