v-nuxt-ui 0.2.16 → 0.2.18

package/dist/module.json

@@ -7,7 +7,7 @@
   "dependencies": [
     "@nuxt/ui"
   ],
-  "version": "0.2.16",
+  "version": "0.2.18",
   "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/sys/user/Table.vue

@@ -191,6 +191,11 @@ const columns = [
     :extra-order-query-options="[
   { field: 'createdAt', label: '\u521B\u5EFA\u65F6\u95F4', defaultOpr: 'desc' }
 ]"
+    :extra-where-query-init-values="{
+  items: [
+    { field: 'isAdmin', opr: 'eq', value: false }
+  ]
+}"
     @edit-row-from-modal="async (row) => await createModal.open({ model: row }).result"
   />
 </template>

package/dist/runtime/components/table/query/where/index.vue

@@ -66,6 +66,14 @@ const isWhereQueryEmpty = computed(() => {
   return !props.whereQuery || Object.keys(props.whereQuery ?? {}).length === 0 || // 仅检查有对应option的item的值是否为空
   (props.whereQuery?.items?.filter((query) => props.whereOptions.find((option) => option.field === query.field)).length ?? 0) === 0 && (props.whereQuery?.groups?.length ?? 0) === 0;
 });
+const whereQueryWithoutDefault = computed(() => {
+  if (!props.whereQuery) return [];
+  const defaultKeys = props.defaultWhereQuery?.items?.map((query) => query.field) ?? [];
+  return props.whereQuery.items?.filter((query) => {
+    const field = query.field;
+    return !defaultKeys.includes(field);
+  }) ?? [];
+});
 const focusField = (field) => {
   const item = itemRefMap.value.get(field);
   if (item) {
@@ -84,7 +92,7 @@ defineExpose({ focusField });
       <!-- key如果是field，那么field修改后，不能聚焦后面的组件，所以这里的key用idx代替 -->
       <template v-if="!isWhereQueryEmpty">
         <TableQueryWhereSimpleItem
-          v-for="(item, idx) in whereQuery?.items"
+          v-for="(item, idx) in whereQueryWithoutDefault"
           :ref="(el) => setItemRef(item.field, el)"
           :key="idx"
           :where-query-item="item"
@@ -93,8 +101,11 @@ defineExpose({ focusField });
           :trigger-fetching="() => triggerFetching(true)"
           @remove="onRemoveFilter"
           @update:where-query-item="(newWhereQueryItem) => {
-  const updatedItems = [...props.whereQuery?.items ?? []];
-  updatedItems[idx] = newWhereQueryItem;
+  const items = props.whereQuery?.items ?? [];
+  const realIdx = items.findIndex((q) => q.field === item.field);
+  if (realIdx === -1) return;
+  const updatedItems = [...items];
+  updatedItems[realIdx] = newWhereQueryItem;
   onUpdateWhereQuery({
     ...whereQuery,
     items: updatedItems

package/dist/runtime/components/table/query/where/simple/item/index.vue

@@ -12,9 +12,10 @@ const props = defineProps({
 const whereQueryItem = defineModel("whereQueryItem", { type: Object, ...{ required: true } });
 const option = computed(() => props.options.find((option2) => option2.field === whereQueryItem.value.field));
 watch(
-  () => whereQueryItem.value.custom,
-  () => {
-    whereQueryItem.value = { ...whereQueryItem.value, custom: option.value?.custom };
+  () => option.value?.custom,
+  (newCustom) => {
+    if (whereQueryItem.value.custom === newCustom) return;
+    whereQueryItem.value = { ...whereQueryItem.value, custom: newCustom };
   },
   { immediate: true }
 );

package/dist/runtime/components/table/query/where/simple/item/opr/index.vue

@@ -13,9 +13,10 @@ const props = defineProps({
 const whereQueryItem = defineModel("whereQueryItem", { type: Object, ...{ required: true } });
 const option = computed(() => props.options.find((option2) => option2.field === whereQueryItem.value.field) ?? { type: "unknown", field: "unknown", label: "\u672A\u77E5\u5B57\u6BB5" });
 watch(
-  () => whereQueryItem.value.custom,
-  () => {
-    whereQueryItem.value = { ...whereQueryItem.value, custom: option.value?.custom };
+  () => option.value?.custom,
+  (newCustom) => {
+    if (whereQueryItem.value.custom === newCustom) return;
+    whereQueryItem.value = { ...whereQueryItem.value, custom: newCustom };
   },
   { immediate: true }
 );

package/dist/runtime/composables/table/useTableQuery.js

@@ -72,7 +72,8 @@ export function useTableQuery(props) {
     if (itemsWithOprNoValues.length > 0) {
       return false;
     }
-    return !items.filter((item) => !noValueOprList.includes(item.opr)).some((item) => item.value !== null && item.value !== void 0 && item.value !== "");
+    const defaultKeys = whereQueryInitValues.value.items?.map((query) => query.field) ?? [];
+    return !items.filter((item) => !defaultKeys.includes(item.field)).filter((item) => !noValueOprList.includes(item.opr)).some((item) => item.value !== null && item.value !== void 0 && item.value !== "");
   };
   const checkIfWhereQueryGroupsValueEmpty = (groups) => {
     for (const group of groups) {

package/package.json

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