fix(gui): bind color & scene size

editor/core/components/panel/view/InspectorView.vue

@@ -49,28 +49,28 @@ const formData = ref({
   },
   colorHex: '#0099ff',
   colorRgba: {
-    r: 0,
+    r: 255,
     g: 0,
     b: 0,
-    a: 0,
+    a: 1,
   },
   colorHsla: {
-    h: 0,
-    s: 0,
-    l: 0,
-    a: 0,
+    h: 119,
+    s: 100,
+    l: 18,
+    a: 1,
   },
   colorHsva: {
-    h: 0,
-    s: 0,
-    v: 0,
-    a: 0,
+    h: 76,
+    s: 99,
+    v: 79,
+    a: 1,
   },
   colorRgbScale: {
-    r: 0,
+    r: 1,
     g: 0,
     b: 0,
-    a: 0,
+    a: 1,
   },
   file: '',
 })

packages/gui/client/components/AGUIColorPicker.vue

@@ -26,9 +26,9 @@ const value = computed(() => {
   const rawValue = props.modelValue as RgbaColor
   if (props.rgbScale !== 255 && typeof rawValue === 'object') {
     const rgba = {
-      r: rawValue.r / 255 * props.rgbScale,
-      g: rawValue.g / 255 * props.rgbScale,
-      b: rawValue.b / 255 * props.rgbScale,
+      r: rawValue.r * 255 / props.rgbScale,
+      g: rawValue.g * 255 / props.rgbScale,
+      b: rawValue.b * 255 / props.rgbScale,
       a: rawValue.a,
     }
     return colord(rgba).toHex()

packages/gui/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@advjs/gui",
   "type": "module",
-  "version": "0.0.4-beta.12",
+  "version": "0.0.4",
   "repository": {
     "url": "https://github.com/YunYouJun/advjs/tree/main/packages/gui",
     "type": "git"
@@ -52,7 +52,7 @@
   "devDependencies": {
     "unbuild": "^2.0.0",
     "vite-plugin-css-injected-by-js": "^3.3.1",
-    "vite-plugin-dts": "^3.7.1",
+    "vite-plugin-dts": "^3.7.2",
     "vue-tsc": "^1.8.27"
   }
 }