@taole/dev-helper 0.0.4 → 0.0.6

package/Tdiv/index.svelte

@@ -12,7 +12,7 @@
      * @type {boolean}
      * 默认false， 传入true表示直接使用px单位，一般使用场景比如pc
      */
-    export let usePx = false;
+    export let usePx = null;
 
     /**
      * @type {string}
@@ -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.4",
+  "version": "0.0.6",
   "type": "module",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"