v-nuxt-ui 0.2.15 → 0.2.17

package/dist/module.json

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

package/dist/runtime/components/GlowBorder.d.vue.ts

@@ -0,0 +1,49 @@
+/**
+ * GlowBorder
+ * 通用流光边框容器：旋转 conic-gradient + blur 模拟边框流光。
+ * 参考 inspira-ui GradientButton 实现思路。
+ *
+ * - 始终保留 padding 空间，切换 active 时内容尺寸稳定不抖动。
+ * - active=false 时只是不渲染流光，结构与样式不变。
+ */
+type __VLS_Props = {
+    /** 是否启用流光效果 */
+    active?: boolean;
+    /** 流光颜色数组（conic-gradient 顺序） */
+    colors?: string[];
+    /** 边框宽度 px */
+    borderWidth?: number;
+    /** 外圆角 px */
+    borderRadius?: number;
+    /** 内层圆角 px，默认 borderRadius - borderWidth */
+    innerBorderRadius?: number;
+    /** 旋转一圈耗时 s */
+    duration?: number;
+    /** 流光模糊度 px */
+    blur?: number;
+    /** 选中时的缩放系数 */
+    scale?: number;
+    /** 选中时的投影 */
+    shadow?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    scale: number;
+    borderWidth: number;
+    borderRadius: number;
+    blur: number;
+    duration: number;
+    colors: string[];
+    shadow: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/GlowBorder.vue

@@ -0,0 +1,49 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  active: { type: Boolean, required: false },
+  colors: { type: Array, required: false, default: () => [
+    "#ef4444",
+    "#f97316",
+    "#fbbf24",
+    "#84cc16",
+    "#06b6d4",
+    "#6366f1",
+    "#ec4899",
+    "#ef4444"
+  ] },
+  borderWidth: { type: Number, required: false, default: 2 },
+  borderRadius: { type: Number, required: false, default: 10 },
+  innerBorderRadius: { type: Number, required: false },
+  duration: { type: Number, required: false, default: 3 },
+  blur: { type: Number, required: false, default: 10 },
+  scale: { type: Number, required: false, default: 1.02 },
+  shadow: { type: String, required: false, default: "0 9px 9px rgba(0, 0, 0, 0.35)" }
+});
+const styleVars = computed(() => ({
+  "--gb-radius": `${props.borderRadius}px`,
+  "--gb-inner-radius": `${props.innerBorderRadius ?? Math.max(0, props.borderRadius - props.borderWidth)}px`,
+  "--gb-padding": `${props.borderWidth}px`,
+  "--gb-duration": `${props.duration}s`,
+  "--gb-blur": `${props.blur}px`,
+  "--gb-gradient": `conic-gradient(${props.colors.join(",")})`,
+  "--gb-scale": props.scale,
+  "--gb-shadow": props.shadow
+}));
+</script>
+
+<template>
+  <div
+    class="glow-border relative"
+    :class="{ 'glow-border--active': active }"
+    :style="styleVars"
+  >
+    <div class="glow-border__inner relative size-full">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.glow-border{border-radius:var(--gb-radius);isolation:isolate;overflow:hidden;padding:var(--gb-padding)}.glow-border:before{animation:glow-border-rotate var(--gb-duration) linear infinite;animation-play-state:paused;background:var(--gb-gradient);content:"";filter:blur(var(--gb-blur));inset:-200%;opacity:0;pointer-events:none;position:absolute;transform:rotate(0deg);transition:opacity .2s ease-in-out;z-index:0}.glow-border__inner{background:var(--ui-bg);border-radius:var(--gb-inner-radius);position:relative;z-index:1}.glow-border--active:before{animation-play-state:running;opacity:1}@keyframes glow-border-rotate{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.glow-border,.glow-border:before{animation:none;transition:opacity .2s ease-in-out}}
+</style>

package/dist/runtime/components/GlowBorder.vue.d.ts

@@ -0,0 +1,49 @@
+/**
+ * GlowBorder
+ * 通用流光边框容器：旋转 conic-gradient + blur 模拟边框流光。
+ * 参考 inspira-ui GradientButton 实现思路。
+ *
+ * - 始终保留 padding 空间，切换 active 时内容尺寸稳定不抖动。
+ * - active=false 时只是不渲染流光，结构与样式不变。
+ */
+type __VLS_Props = {
+    /** 是否启用流光效果 */
+    active?: boolean;
+    /** 流光颜色数组（conic-gradient 顺序） */
+    colors?: string[];
+    /** 边框宽度 px */
+    borderWidth?: number;
+    /** 外圆角 px */
+    borderRadius?: number;
+    /** 内层圆角 px，默认 borderRadius - borderWidth */
+    innerBorderRadius?: number;
+    /** 旋转一圈耗时 s */
+    duration?: number;
+    /** 流光模糊度 px */
+    blur?: number;
+    /** 选中时的缩放系数 */
+    scale?: number;
+    /** 选中时的投影 */
+    shadow?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    scale: number;
+    borderWidth: number;
+    borderRadius: number;
+    blur: number;
+    duration: number;
+    colors: string[];
+    shadow: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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.15",
+  "version": "0.2.17",
   "description": "Veken UI Component Library - Reusable Nuxt UI components, composables, and utilities for enterprise applications",
   "type": "module",
   "style": "./dist/runtime/index.css",