v-nuxt-ui 0.2.14 → 0.2.16

package/dist/module.json

@@ -7,7 +7,7 @@
   "dependencies": [
     "@nuxt/ui"
   ],
-  "version": "0.2.14",
+  "version": "0.2.16",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/EChart.client.vue

@@ -13,7 +13,7 @@ import {
 import VChart from "vue-echarts";
 import { useTheme, useApp, useEChart } from "#v/composables";
 import { useColorMode, useLocalStorage } from "@vueuse/core";
-import { ref, useTemplateRef, watch } from "vue";
+import { nextTick, ref, useTemplateRef, watch } from "vue";
 import { StorageKey } from "#v/types";
 const props = defineProps({
   option: { type: null, required: true },
@@ -69,7 +69,7 @@ const chartRef = useTemplateRef("v-chart");
 watch(
   [
     () => props.option,
-    colorMode,
+    () => colorMode.value,
     () => props.enableXAxis,
     () => props.enableYAxis,
     () => theme.primary.value,
@@ -77,10 +77,11 @@ watch(
     () => app.appConfig.value.radius,
     () => rotateXAxisLabel.value
   ],
-  () => setTimeout(() => {
+  async () => {
+    await nextTick();
     updateOption();
-  }, 1),
-  { immediate: true, deep: true }
+  },
+  { immediate: true, deep: true, flush: "post" }
 );
 defineExpose({
   downloadImage: (filenamePrefix) => {

package/dist/runtime/components/flow/FlowEditor.client.d.vue.ts

@@ -22,6 +22,8 @@ type __VLS_Props = {
     draggable?: boolean;
     /** 是否可编辑（false 时：工具栏新增按钮禁用、edge 不能增删改、node handles 不显示） */
     editable?: boolean;
+    /** 是否允许点击选中节点（默认跟随 editable） */
+    nodeSelectable?: boolean;
     /** 是否自动适配填满容器并居中 */
     fitView?: boolean;
     fitViewPadding?: number;
@@ -35,7 +37,10 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_63) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    selectedNode: import("vue").ComputedRef<FlowNodeType | null>;
+    selectedNodes: import("vue").ComputedRef<FlowNodeType[]>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: Flow) => any;
     "edit-node": (node: FlowNodeType) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/runtime/components/flow/FlowEditor.client.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   zoomable: { type: Boolean, required: false, default: true },
   draggable: { type: Boolean, required: false, default: true },
   editable: { type: Boolean, required: false, default: true },
+  nodeSelectable: { type: Boolean, required: false },
   fitView: { type: Boolean, required: false, default: false },
   fitViewPadding: { type: Number, required: false, default: 0.01 },
   noFlowNodeBorder: { type: Boolean, required: false }
@@ -90,6 +91,15 @@ const {
   handleMouseMove,
   handleMouseUp
 } = resizeLogic;
+const isNodeSelectable = computed(() => props.nodeSelectable ?? props.editable);
+const selectedNodes = computed(() => {
+  return getSelectedNodes.value.map((node) => props.modelValue?.nodes?.find((item) => String(item.id) === node.id)).filter((node) => Boolean(node));
+});
+const selectedNode = computed(() => selectedNodes.value[0] ?? null);
+defineExpose({
+  selectedNode,
+  selectedNodes
+});
 const mousePosition = ref({ x: 0, y: 0 });
 provide(FLOW_MOUSE_POSITION_KEY, mousePosition);
 provide(FLOW_EDITABLE_KEY, toRef(props, "editable"));
@@ -156,11 +166,11 @@ const handleKeyDown = async (event) => {
   event.preventDefault();
   event.stopPropagation();
   event.stopImmediatePropagation();
-  const selectedNodes = getSelectedNodes.value;
+  const selectedNodes2 = getSelectedNodes.value;
   const selectedEdges = getSelectedEdges.value;
-  if (selectedNodes.length === 0 && selectedEdges.length === 0) return;
+  if (selectedNodes2.length === 0 && selectedEdges.length === 0) return;
   await Promise.all([
-    ...selectedNodes.map((node) => deleteNode(node.id)),
+    ...selectedNodes2.map((node) => deleteNode(node.id)),
     ...selectedEdges.map((edge) => deleteEdge(edge.id))
   ]);
 };
@@ -268,7 +278,7 @@ const isValidConnection = () => true;
     :pan-on-scroll="false"
     :nodes-draggable="draggable"
     :nodes-connectable="editable"
-    :elements-selectable="editable"
+    :elements-selectable="isNodeSelectable"
     :class="{ 'flow-fit-view': fitView }"
   >
     <Background

package/dist/runtime/components/flow/FlowEditor.client.vue.d.ts

@@ -22,6 +22,8 @@ type __VLS_Props = {
     draggable?: boolean;
     /** 是否可编辑（false 时：工具栏新增按钮禁用、edge 不能增删改、node handles 不显示） */
     editable?: boolean;
+    /** 是否允许点击选中节点（默认跟随 editable） */
+    nodeSelectable?: boolean;
     /** 是否自动适配填满容器并居中 */
     fitView?: boolean;
     fitViewPadding?: number;
@@ -35,7 +37,10 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_63) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    selectedNode: import("vue").ComputedRef<FlowNodeType | null>;
+    selectedNodes: import("vue").ComputedRef<FlowNodeType[]>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: Flow) => any;
     "edit-node": (node: FlowNodeType) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/runtime/composables/useEChart.js

@@ -214,6 +214,28 @@ const _useEChart = () => {
       return merged;
     });
   };
+  const getCommonRadarOption = () => ({
+    radar: {
+      axisName: {
+        color: getNormedUiTextColor()
+      },
+      axisLine: {
+        lineStyle: {
+          color: getNormedUiBorderColor()
+        }
+      },
+      splitLine: {
+        lineStyle: {
+          color: getNormedUiBorderColor()
+        }
+      },
+      splitArea: {
+        areaStyle: {
+          color: ["transparent"]
+        }
+      }
+    }
+  });
   const mergeOption = (option, config = {}) => {
     const {
       enableXAxis = true,
@@ -234,6 +256,14 @@ const _useEChart = () => {
       const yAxisDefaults = getCommonYAxisOption(enableYAxis).yAxis;
       merged.yAxis = merged.yAxis.map((axis) => defu(axis, yAxisDefaults));
     }
+    if (merged.radar) {
+      const radarDefaults = getCommonRadarOption().radar;
+      if (Array.isArray(merged.radar)) {
+        merged.radar = merged.radar.map((r) => defu(r, radarDefaults));
+      } else {
+        merged.radar = defu(merged.radar, radarDefaults);
+      }
+    }
     if (merged.series && Array.isArray(merged.series)) {
       merged.series = mergeSeries(merged.series);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-nuxt-ui",
-  "version": "0.2.14",
+  "version": "0.2.16",
   "description": "Veken UI Component Library - Reusable Nuxt UI components, composables, and utilities for enterprise applications",
   "type": "module",
   "style": "./dist/runtime/index.css",