@vc-shell/framework 1.1.99-alpha.1 → 1.1.99-alpha.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.1.99-alpha.1",
+  "version": "1.1.99-alpha.11",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -90,9 +90,9 @@
     "@fullhuman/postcss-purgecss": "^7.0.2",
     "@laynezh/vite-plugin-lib-assets": "v1.1.0",
     "@types/dompurify": "^3.0.5",
-    "@vc-shell/api-client-generator": "1.1.99-alpha.1",
-    "@vc-shell/config-generator": "1.1.99-alpha.1",
-    "@vc-shell/ts-config": "1.1.99-alpha.1",
+    "@vc-shell/api-client-generator": "1.1.99-alpha.11",
+    "@vc-shell/config-generator": "1.1.99-alpha.11",
+    "@vc-shell/ts-config": "1.1.99-alpha.11",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/test-utils": "^2.4.5",
     "cypress-signalr-mock": "^1.5.0",
@@ -114,5 +114,5 @@
   },
   "stableVersion": "1.1.90",
   "npmTag": "alpha",
-  "gitHead": "104a5b740c2b93da7702cd073a2d39d17977c83e"
+  "gitHead": "14de623a495743c914adbd3e455c028bbc203270"
 }

package/ui/components/organisms/vc-table/_internal/vc-table-desktop-view/_internal/vc-table-columns-header/vc-table-columns-header.vue

@@ -34,11 +34,7 @@
           },
           item.align ? tableAlignment[item.align] : '',
         ]"
-        :style="
-          item.width
-            ? { maxWidth: item.width, width: item.width, flex: '0 1 auto', minWidth: '60px' }
-            : { flex: '1 1 0', minWidth: '60px' }
-        "
+        :style="colsWithPixels(item.width)"
         @mousedown="reorderableColumns && onColumnHeaderMouseDown($event)"
         @dragstart="reorderableColumns && onColumnHeaderDragStart($event, item)"
         @dragover="reorderableColumns && onColumnHeaderDragOver($event)"
@@ -121,6 +117,7 @@ import VcTableColumnSwitcher from "../../../vc-table-column-switcher/vc-table-co
 import type { TableItem, TableColPartial } from "../../../../types";
 import { useTableColumnReorder } from "../../../../composables/useTableColumnReorder";
 import { useTableColumnResize } from "../../../../composables/useTableColumnResize";
+import { useTableModifications } from "../../../../composables/useTableModifications";
 import { ITableColumns } from "../../../../../../../../core/types";
 
 const props = defineProps<{
@@ -179,6 +176,8 @@ const { resizer, handleMouseDown, columnResizing } = useTableColumnResize(
   headerRef,
 );
 
+const { colsWithPixels } = useTableModifications();
+
 // Additional flag to prevent clicks during resize
 const isResizing = ref(false);
 let resizeTimeout: NodeJS.Timeout;

package/ui/components/organisms/vc-table/_internal/vc-table-desktop-view/_internal/vc-table-row/vc-table-row.vue

@@ -43,11 +43,7 @@
       :key="`${(item && typeof item === 'object' && 'id' in item && item.id) || index}_${cell.id}`"
       class="vc-table-row__cell"
       :class="[cell.class, { 'vc-table-row__cell--fixed-width': !!cell.width }]"
-      :style="
-        cell.width
-          ? { maxWidth: cell.width, width: cell.width, flex: '0 1 auto', minWidth: '60px' }
-          : { flex: '1 1 0', minWidth: '60px' }
-      "
+      :style="colsWithPixels(cell.width)"
     >
       <div class="vc-table-row__cell-content">
         <slot
@@ -112,6 +108,7 @@ import VcTableCell from "../../../vc-table-cell/vc-table-cell.vue";
 import type { TableItem, TableColPartial } from "../../../../types";
 import type { IActionBuilderResult, ITableColumns } from "../../../../../../../../core/types";
 import { MaybeRef } from "vue";
+import { useTableModifications } from "../../../../composables/useTableModifications";
 defineProps<{
   item: T;
   index: number;
@@ -144,6 +141,8 @@ defineEmits<{
   (e: "onEditComplete", args: { event: { field: string; value: string | number }; index: number }): void;
   (e: "onCellBlur", args: { row: number | undefined; field: string }): void;
 }>();
+
+const { colsWithPixels } = useTableModifications();
 </script>
 
 <style lang="scss">

package/ui/components/organisms/vc-table/composables/useTableModifications.ts

@@ -0,0 +1,25 @@
+export const useTableModifications = () => {
+  const colsWithPixels = (_value: number | string | undefined) => {
+    let internalValue;
+    if (typeof _value === "number") {
+      internalValue = `${_value}px`;
+    }
+    internalValue = _value;
+
+    if (internalValue) {
+      return {
+        maxWidth: internalValue,
+        width: internalValue,
+        flex: "0 1 auto",
+        minWidth: "60px",
+      };
+    } else {
+      return {
+        flex: "1 1 0",
+        minWidth: "60px",
+      };
+    }
+  };
+
+  return { colsWithPixels };
+};

package/dist/vendor-tiptap-extension-placeholder-9tURDKy-.js

@@ -1 +0,0 @@
-import "./vendor-tiptap-extensions-CU-D7bfm.js";

package/dist/vendor-tiptap-extension-table-cell-C0tEP_0i.js

@@ -1 +0,0 @@
-import "./vendor-tiptap-extension-table-DQwPaR7v.js";

package/dist/vendor-tiptap-extension-table-header-C0tEP_0i.js

@@ -1 +0,0 @@
-import "./vendor-tiptap-extension-table-DQwPaR7v.js";

package/dist/vendor-tiptap-extension-table-row-C0tEP_0i.js

@@ -1 +0,0 @@
-import "./vendor-tiptap-extension-table-DQwPaR7v.js";

package/dist/vendor-tiptap-pm-d91nGny8.js

@@ -1 +0,0 @@
-import "./vendor-prosemirror-tables-mYok4vGT.js";