@abi-software/scaffoldvuer 0.4.0-vue3.0 → 0.4.0-vue3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/scaffoldvuer",
-  "version": "0.4.0-vue3.0",
+  "version": "0.4.0-vue3.2",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -42,24 +42,22 @@
     "@abi-software/flatmapvuer": "^0.6.0-vue3.2",
     "@abi-software/svg-sprite": "^0.4.0-vue3-beta.0",
     "@element-plus/icons-vue": "^2.3.1",
-    "@vue/compat": "^3.3.13",
+    "@vue/compat": "^3.4.15",
     "axios": "^0.21.2",
     "core-js": "^3.22.5",
     "current-script-polyfill": "^1.0.0",
     "element-plus": "^2.4.4",
-    "google-spreadsheet": "^3.3.0",
     "minisearch": "^6.0.1",
     "query-string": "^6.11.1",
     "simple-dropzone": "^0.8.3",
     "unplugin-vue-components": "^0.26.0",
-    "vue": "^3.3.13",
+    "vue": "^3.4.15",
     "vue-router": "^4.2.5",
     "vue3-component-svg-sprite": "^0.0.1",
-    "zincjs": "^1.3.1"
+    "zincjs": "^1.3.2"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.6.2",
-    "@vue/compiler-sfc": "^3.3.13",
     "auto-changelog": "^2.4.0",
     "babel-eslint": "^10.1.0",
     "babel-plugin-component": "^1.1.1",
@@ -68,8 +66,7 @@
     "eslint-plugin-vue": "^9.19.2",
     "sass": "^1.69.5",
     "vite": "^5.0.10",
-    "vue-cli-plugin-styleguidist": "^4.32.2",
-    "vue-styleguidist": "^4.44.22",
+    "vue-styleguidist": "^4.72.4",
     "webpack-node-externals": "^2.5.2"
   },
   "eslintConfig": {

package/src/App.vue

@@ -464,14 +464,6 @@ export default {
 </script>
 
 <style lang="scss">
-@use "element-plus/theme-chalk/src/button";
-@use "element-plus/theme-chalk/src/col";
-@use "element-plus/theme-chalk/src/icon";
-@use "element-plus/theme-chalk/src/input";
-@use "element-plus/theme-chalk/src/input-number";
-@use "element-plus/theme-chalk/src/switch";
-@use "element-plus/theme-chalk/src/popover";
-@use "element-plus/theme-chalk/src/row";
 
 #app {
   font-family: "Asap", sans-serif;

package/src/app/ModelsInformation.js

@@ -1,5 +1,5 @@
-//import { GoogleSpreadsheet } from 'google-spreadsheet';
-//import { JWT } from 'google-auth-library';
+//import { google } from 'googleapis';
+//const sheets = google.sheets('v4');
 
 /* eslint-disable no-alert, no-console */
 export default {

package/src/components/OpacityControls.vue

@@ -70,9 +70,6 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="scss">
-@use "element-plus/theme-chalk/src/container";
-@use "element-plus/theme-chalk/src/slider";
-
 .header {
   color: #606266;
   line-height: 1;

package/src/components/PrimitiveControls.vue

@@ -94,10 +94,6 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="scss">
-@use "element-plus/theme-chalk/src/container";
-@use "element-plus/theme-chalk/src/drawer";
-@use "element-plus/theme-chalk/src/slider";
-
 .primitive-controls {
   text-align: left;
   width:350px;

package/src/components/ScaffoldTooltip.vue

@@ -126,7 +126,6 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="scss">
-@use "element-plus/theme-chalk/src/popover";
 
 .region-tooltip {
   position: absolute;

package/src/components/ScaffoldVuer.vue

@@ -346,7 +346,7 @@
 
 <script>
 /* eslint-disable no-alert, no-console */
-import { reactive, toRef, shallowRef } from 'vue'
+import { toRef, shallowRef } from 'vue'
 import {
   WarningFilled as ElIconWarningFilled,
   ArrowDown as ElIconArrowDown,
@@ -1655,16 +1655,6 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="scss">
-@use "element-plus/theme-chalk/src/button";
-@use "element-plus/theme-chalk/src/col";
-@use "element-plus/theme-chalk/src/loading";
-@use "element-plus/theme-chalk/src/option";
-@use "element-plus/theme-chalk/src/popover";
-@use "element-plus/theme-chalk/src/row";
-@use "element-plus/theme-chalk/src/select";
-@use "element-plus/theme-chalk/src/slider";
-@use "element-plus/theme-chalk/src/tabs";
-@use "element-plus/theme-chalk/src/tab-pane";
 
 .message-icon {
   position: absolute;
@@ -1713,12 +1703,6 @@ export default {
   }
 }
 
-.scaffold-container {
-  height: 100%;
-  width: 100%;
-  position: relative;
-}
-
 .time-slider-container {
   text-align: left;
   position: absolute;
@@ -1991,6 +1975,7 @@ export default {
   border: 1px solid $app-primary-color;
   white-space: nowrap;
   min-width: unset;
+  width: unset!important;;
   pointer-events: none;
 
   .el-popper__arrow {
@@ -2080,6 +2065,11 @@ export default {
 </style>
 
 <style lang="scss">
+
+.scaffold-container {
+  --el-color-primary: #8300BF;
+}
+
 .time-slider-tooltip {
   padding: 6px 4px !important;
   font-family: "Asap", sans-serif;

package/src/components/TextureSlidesControls.vue

@@ -157,12 +157,6 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="scss">
-@use "element-plus/theme-chalk/src/col";
-@use "element-plus/theme-chalk/src/container";
-@use "element-plus/theme-chalk/src/input-number";
-@use "element-plus/theme-chalk/src/slider";
-@use "element-plus/theme-chalk/src/row";
-
 .header {
   color: #606266;
   line-height: 1;

package/src/components/TreeControls.vue

@@ -41,7 +41,6 @@
                 size="small"
                 :popper-class="myPopperClass"
                 @change="setColour(data, $event)"
-                :teleported="false"
               />
               <span>{{ node.label }}</span>
               <span v-if="data.isTextureSlides" class="node-options">
@@ -469,12 +468,6 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="scss">
-@use "element-plus/theme-chalk/src/checkbox";
-@use "element-plus/theme-chalk/src/color-picker";
-@use "element-plus/theme-chalk/src/loading";
-@use "element-plus/theme-chalk/src/row";
-@use "element-plus/theme-chalk/src/tree";
-
 
 :deep(.el-loading-spinner) {
   .path {