@bagelink/vue 1.9.79 → 1.9.81

package/dist/utils/queryFilter.d.ts

@@ -27,7 +27,7 @@ type DeepKeyOf<T> = T extends Primitive ? never : {
 /**
  * SCIM 2.0 comparison operators
  */
-export type ComparisonOperator = 'eq' | 'ne' | 'gt' | 'ge' | 'lt' | 'le' | 'co' | 'sw' | 'ew' | 'pr';
+export type ComparisonOperator = 'eq' | 'ne' | 'gt' | 'ge' | 'lt' | 'le' | 'co' | 'sw' | 'ew' | 'pr' | 'in' | 'nin';
 /**
  * SCIM 2.0 logical operators
  */
@@ -38,7 +38,7 @@ export type LogicalOperator = 'and' | 'or';
 export interface FilterCondition<T extends Record<string, any> = Record<string, any>> {
     field: DeepKeyOf<T> | string;
     op: ComparisonOperator;
-    value?: Primitive;
+    value?: Primitive | Primitive[];
     connector?: LogicalOperator;
 }
 /**

package/dist/utils/queryFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"queryFilter.d.ts","sourceRoot":"","sources":["../../src/utils/queryFilter.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"queryFilter.d.ts","sourceRoot":"","sources":["../../src/utils/queryFilter.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.9.79",
+  "version": "1.9.81",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",

package/src/components/Filter.vue

@@ -2,7 +2,7 @@
 import type { Option } from '@bagelink/vue'
 import type { ComparisonOperator, LogicalOperator, QueryConditions } from '../utils/queryFilter'
 import { Btn, DateInput, Dropdown, Icon, SelectInput, TextInput, useI18n, useDebounceFn } from '@bagelink/vue'
-import { computed, ref, useAttrs } from 'vue'
+import { computed, getCurrentInstance, ref } from 'vue'
 
 type OptionsSource = Option[] | ((query: string) => Promise<Option[]>)
 
@@ -10,7 +10,7 @@ interface UICondition {
 	id: string
 	field: string
 	operator: ComparisonOperator
-	value: string
+	value: string | string[]
 	connector: LogicalOperator | ''
 }
 
@@ -20,6 +20,7 @@ const props = defineProps<{
 		value: string
 		type?: 'string' | 'number' | 'boolean' | 'date'
 		options?: OptionsSource
+		multiple?: boolean
 	}>
 }>()
 
@@ -34,11 +35,14 @@ const model = defineModel<QueryConditions<T>>({ default: () => [] })
 const internalModel = ref<QueryConditions<T>>([...model.value] as QueryConditions<T>)
 
 const { $t } = useI18n()
-const attrs = useAttrs()
-const hasSaveListener = computed(() => !!attrs.onSave)
-
-function isComplete(c: { field: string, op: ComparisonOperator, value: any }) {
-	return c.field && c.op && (c.op === 'pr' || (c.value !== '' && c.value !== null && c.value !== undefined))
+const instance = getCurrentInstance()
+const hasSaveListener = computed(() => !!instance?.vnode.props?.onSave)
+
+function isComplete(c: { field: string, op: ComparisonOperator, value?: any }) {
+	if (!c.field || !c.op) return false
+	if (c.op === 'pr') return true
+	if (c.op === 'in' || c.op === 'nin') return Array.isArray(c.value) && c.value.length > 0
+	return c.value !== '' && c.value !== null && c.value !== undefined
 }
 
 const debouncedFlush = useDebounceFn(() => {
@@ -72,6 +76,8 @@ const currentTexts = computed(() => ({
 		sw: $t('filter.operators.sw'),
 		ew: $t('filter.operators.ew'),
 		pr: $t('filter.operators.pr'),
+		in: $t('filter.operators.in'),
+		nin: $t('filter.operators.nin'),
 	},
 	placeholders: {
 		selectField: $t('filter.placeholders.selectField'),
@@ -105,7 +111,9 @@ const conditions = computed(() => {
 			id,
 			field: cond.field as string,
 			operator: cond.op,
-			value: cond.value === null ? 'null' : cond.value === undefined ? '' : String(cond.value),
+			value: Array.isArray(cond.value)
+				? cond.value.map(String)
+				: (cond.value === null ? 'null' : cond.value === undefined ? '' : String(cond.value)),
 			connector: index > 0 ? (cond.connector || 'and') : '',
 		}
 		return uiCond
@@ -123,9 +131,14 @@ const allOperatorOptions = computed(() => [
 	{ label: currentTexts.value.operators.sw, value: 'sw' as ComparisonOperator },
 	{ label: currentTexts.value.operators.ew, value: 'ew' as ComparisonOperator },
 	{ label: currentTexts.value.operators.pr, value: 'pr' as ComparisonOperator },
+	{ label: currentTexts.value.operators.in, value: 'in' as ComparisonOperator },
+	{ label: currentTexts.value.operators.nin, value: 'nin' as ComparisonOperator },
 ])
 
-function getOperatorsForType(fieldType: string, hasOptions: boolean) {
+function getOperatorsForType(fieldType: string, hasOptions: boolean, isMultiple: boolean) {
+	if (isMultiple && hasOptions) {
+		return allOperatorOptions.value.filter(o => ['in', 'nin', 'pr'].includes(o.value))
+	}
 	if (hasOptions) {
 		return allOperatorOptions.value.filter(o => ['eq', 'ne', 'pr'].includes(o.value))
 	}
@@ -140,8 +153,17 @@ function getOperatorsForType(fieldType: string, hasOptions: boolean) {
 	}
 }
 
+function getFieldDef(fieldValue: string) {
+	return props.fields.find(f => f.value === fieldValue)
+}
+
 function getFieldOptions(fieldValue: string): OptionsSource | undefined {
-	return props.fields.find(f => f.value === fieldValue)?.options
+	return getFieldDef(fieldValue)?.options
+}
+
+function isMultipleField(fieldValue: string): boolean {
+	const def = getFieldDef(fieldValue)
+	return !!(def?.multiple && def?.options)
 }
 
 const booleanOptions = computed(() => [
@@ -158,7 +180,7 @@ function parseValue(value: string | number | boolean | null): string | number |
 	return value
 }
 
-function updateConditionAtIndex(index: number, updates: Partial<{ field: string, op: ComparisonOperator, value: string | number | boolean | null, connector: LogicalOperator }>) {
+function updateConditionAtIndex(index: number, updates: Partial<{ field: string, op: ComparisonOperator, value: string | number | boolean | null | string[], connector: LogicalOperator }>) {
 	const newModel = [...internalModel.value]
 	const existing = newModel[index]
 	if (!existing) return
@@ -166,7 +188,7 @@ function updateConditionAtIndex(index: number, updates: Partial<{ field: string,
 	const updated = { ...existing }
 	if (updates.field !== undefined) updated.field = updates.field
 	if (updates.op !== undefined) updated.op = updates.op
-	if (updates.value !== undefined) updated.value = parseValue(updates.value)
+	if (updates.value !== undefined) updated.value = Array.isArray(updates.value) ? updates.value : parseValue(updates.value)
 	if (updates.connector !== undefined) updated.connector = updates.connector
 
 	newModel[index] = updated
@@ -176,10 +198,11 @@ function updateConditionAtIndex(index: number, updates: Partial<{ field: string,
 
 function addCondition() {
 	const field = props.fields[0]?.value || 'field'
+	const multi = isMultipleField(field)
 	const newCondition = {
 		field,
-		op: 'eq' as ComparisonOperator,
-		value: '' as any,
+		op: (multi ? 'in' : 'eq') as ComparisonOperator,
+		value: (multi ? [] : '') as any,
 		connector: model.value.length > 0 ? 'and' as LogicalOperator : undefined,
 	}
 	const newModel = [...internalModel.value, newCondition]
@@ -214,6 +237,10 @@ function needsValue(operator: ComparisonOperator): boolean {
 	return operator !== 'pr'
 }
 
+function isMultiOperator(operator: ComparisonOperator): boolean {
+	return operator === 'in' || operator === 'nin'
+}
+
 const activeFiltersCount = computed(() => {
 	return conditions.value.filter((c: UICondition) => Boolean(c.field) && (c.operator === 'pr' || Boolean(c.value))).length
 })
@@ -229,10 +256,17 @@ function onFieldChange(id: string, newField: string) {
 
 function onOperatorChange(id: string, operator: ComparisonOperator) {
 	const index = getConditionIndex(id)
-	if (index >= 0) updateConditionAtIndex(index, { op: operator })
+	if (index < 0) return
+	const current = conditions.value[index]
+	const wasMulti = current?.operator === 'in' || current?.operator === 'nin'
+	const isMulti = operator === 'in' || operator === 'nin'
+	const updates: Parameters<typeof updateConditionAtIndex>[1] = { op: operator }
+	if (wasMulti && !isMulti) updates.value = ''
+	else if (!wasMulti && isMulti) updates.value = []
+	updateConditionAtIndex(index, updates)
 }
 
-function onValueChange(id: string, value: string) {
+function onValueChange(id: string, value: string | string[]) {
 	const index = getConditionIndex(id)
 	if (index >= 0) updateConditionAtIndex(index, { value })
 }
@@ -258,7 +292,6 @@ function onConnectorChange(id: string, connector: LogicalOperator) {
 						{{ currentTexts.noActiveFilters }}
 					</div>
 				</div>
-
 				<TransitionGroup name="condition">
 					<div
 						v-for="(condition, index) in conditions" :key="condition.id"
@@ -291,7 +324,7 @@ function onConnectorChange(id: string, connector: LogicalOperator) {
 						<!-- Operator selector -->
 						<SelectInput
 							:model-value="condition.operator"
-							:options="getOperatorsForType(getFieldType(condition.field), !!getFieldOptions(condition.field))"
+							:options="getOperatorsForType(getFieldType(condition.field), !!getFieldOptions(condition.field), isMultipleField(condition.field))"
 							class="m-0 light-input borderHover"
 							@update:model-value="(v: ComparisonOperator) => onOperatorChange(condition.id, v)"
 						/>
@@ -299,7 +332,15 @@ function onConnectorChange(id: string, connector: LogicalOperator) {
 						<!-- Value input - type-specific -->
 						<template v-if="needsValue(condition.operator)">
 							<SelectInput
-								v-if="getFieldOptions(condition.field)" :model-value="condition.value"
+								v-if="getFieldOptions(condition.field) && isMultiOperator(condition.operator)"
+								:model-value="Array.isArray(condition.value) ? condition.value : []"
+								:options="getFieldOptions(condition.field)!"
+								:placeholder="currentTexts.placeholders.selectOption"
+								class="m-0 light-input borderHover" searchable multiselect
+								@update:model-value="(v: string[]) => onValueChange(condition.id, v)"
+							/>
+							<SelectInput
+								v-else-if="getFieldOptions(condition.field)" :model-value="condition.value"
 								:options="getFieldOptions(condition.field)!"
 								:placeholder="currentTexts.placeholders.selectOption"
 								class="m-0 light-input borderHover" searchable
@@ -314,18 +355,18 @@ function onConnectorChange(id: string, connector: LogicalOperator) {
 							/>
 							<DateInput
 								v-else-if="getFieldType(condition.field) === 'date'"
-								:model-value="condition.value" :placeholder="currentTexts.placeholders.selectDate"
+								:model-value="(condition.value as string)" :placeholder="currentTexts.placeholders.selectDate"
 								class="m-0 light-input borderHover"
 								@update:model-value="(v: any) => onValueChange(condition.id, String(v))"
 							/>
 							<TextInput
 								v-else-if="getFieldType(condition.field) === 'number'"
-								:model-value="condition.value" placeholder="0" type="number"
+								:model-value="(condition.value as string)" placeholder="0" type="number"
 								class="m-0 light-input borderHover"
 								@update:model-value="(v: string) => onValueChange(condition.id, v)"
 							/>
 							<TextInput
-								v-else :model-value="condition.value"
+								v-else :model-value="(condition.value as string)"
 								:placeholder="currentTexts.placeholders.enterValue" class="m-0 light-input borderHover"
 								@update:model-value="(v: string) => onValueChange(condition.id, v)"
 							/>
@@ -349,7 +390,8 @@ function onConnectorChange(id: string, connector: LogicalOperator) {
 						:value="currentTexts.buttons.clearAll" @click="clearAll"
 					/>
 					<Btn
-						v-if="hasSaveListener" icon="save" thin color="primary" :value="$t('filter.buttons.save')"
+						v-if="hasSaveListener" :disabled="conditions.length === 0" class="color-green" icon="save" thin
+						color="green-light" :value="$t('filter.buttons.save')"
 						@click="emit('save', internalModel.filter(isComplete))"
 					/>
 				</div>

package/src/i18n/locales/en.json

@@ -72,7 +72,9 @@
       "co": "Contains",
       "sw": "Starts with",
       "ew": "Ends with",
-      "pr": "Present"
+      "pr": "Present",
+      "in": "In list",
+      "nin": "Not in list"
     },
     "placeholders": {
       "selectField": "Select field",
@@ -82,7 +84,8 @@
     },
     "buttons": {
       "addCondition": "Add condition",
-      "clearAll": "Clear all"
+      "clearAll": "Clear all",
+      "save": "Save"
     }
   },
   "multiStep": {

package/src/i18n/locales/es.json

@@ -72,7 +72,9 @@
       "co": "Contiene",
       "sw": "Empieza con",
       "ew": "Termina con",
-      "pr": "Presente"
+      "pr": "Presente",
+      "in": "En lista",
+      "nin": "No en lista"
     },
     "placeholders": {
       "selectField": "Seleccionar campo",
@@ -82,7 +84,8 @@
     },
     "buttons": {
       "addCondition": "Añadir condición",
-      "clearAll": "Limpiar todo"
+      "clearAll": "Limpiar todo",
+      "save": "Guardar"
     }
   },
   "multiStep": {

package/src/i18n/locales/fr.json

@@ -72,7 +72,9 @@
       "co": "Contient",
       "sw": "Commence par",
       "ew": "Se termine par",
-      "pr": "Présent"
+      "pr": "Présent",
+      "in": "Dans la liste",
+      "nin": "Pas dans la liste"
     },
     "placeholders": {
       "selectField": "Sélectionner un champ",
@@ -82,7 +84,8 @@
     },
     "buttons": {
       "addCondition": "Ajouter une condition",
-      "clearAll": "Tout effacer"
+      "clearAll": "Tout effacer",
+      "save": "Enregistrer"
     }
   },
   "multiStep": {

package/src/i18n/locales/he.json

@@ -72,7 +72,9 @@
       "co": "מכיל",
       "sw": "מתחיל ב",
       "ew": "מסתיים ב",
-      "pr": "קיים"
+      "pr": "קיים",
+      "in": "ברשימה",
+      "nin": "לא ברשימה"
     },
     "placeholders": {
       "selectField": "בחר שדה",
@@ -82,7 +84,8 @@
     },
     "buttons": {
       "addCondition": "הוספת תנאי",
-      "clearAll": "נקה הכל"
+      "clearAll": "נקה הכל",
+      "save": "שמירה"
     }
   },
   "multiStep": {

package/src/i18n/locales/it.json

@@ -72,7 +72,9 @@
       "co": "Contiene",
       "sw": "Inizia con",
       "ew": "Finisce con",
-      "pr": "Presente"
+      "pr": "Presente",
+      "in": "Nella lista",
+      "nin": "Non nella lista"
     },
     "placeholders": {
       "selectField": "Seleziona campo",
@@ -82,7 +84,8 @@
     },
     "buttons": {
       "addCondition": "Aggiungi condizione",
-      "clearAll": "Cancella tutto"
+      "clearAll": "Cancella tutto",
+      "save": "Salva"
     }
   },
   "multiStep": {

package/src/i18n/locales/ru.json

@@ -72,7 +72,9 @@
       "co": "Содержит",
       "sw": "Начинается с",
       "ew": "Заканчивается на",
-      "pr": "Присутствует"
+      "pr": "Присутствует",
+      "in": "В списке",
+      "nin": "Не в списке"
     },
     "placeholders": {
       "selectField": "Выберите поле",
@@ -82,7 +84,8 @@
     },
     "buttons": {
       "addCondition": "Добавить условие",
-      "clearAll": "Очистить всё"
+      "clearAll": "Очистить всё",
+      "save": "Сохранить"
     }
   },
   "multiStep": {

package/src/utils/queryFilter.ts

@@ -43,6 +43,8 @@ export type ComparisonOperator
 		| 'sw' // starts with
 		| 'ew' // ends with
 		| 'pr' // present (has value)
+		| 'in' // in list — expands to (field eq "a" or field eq "b" …)
+		| 'nin' // not in list — expands to (field ne "a" and field ne "b" …)
 
 /**
  * SCIM 2.0 logical operators
@@ -55,7 +57,7 @@ export type LogicalOperator = 'and' | 'or'
 export interface FilterCondition<T extends Record<string, any> = Record<string, any>> {
 	field: DeepKeyOf<T> | string
 	op: ComparisonOperator
-	value?: Primitive // optional for 'pr' operator
+	value?: Primitive | Primitive[] // array only used with 'in'/'nin'
 	connector?: LogicalOperator // before this condition, ignored for first
 }
 
@@ -107,8 +109,15 @@ export function buildQuery<T extends Record<string, any>>(
 		// Build the condition
 		if (op === 'pr') {
 			parts.push(`${field} pr`)
+		} else if (op === 'in' || op === 'nin') {
+			const values = Array.isArray(value) ? value : (value != null ? [value] : [])
+			if (values.length === 0) continue
+			const innerOp = op === 'in' ? 'eq' : 'ne'
+			const innerConn = op === 'in' ? 'or' : 'and'
+			const inner = values.map(v => `${field} ${innerOp} ${formatValue(v)}`).join(` ${innerConn} `)
+			parts.push(values.length > 1 ? `(${inner})` : inner)
 		} else {
-			parts.push(`${field} ${op} ${formatValue(value ?? null)}`)
+			parts.push(`${field} ${op} ${formatValue(value as Primitive ?? null)}`)
 		}
 	}
 
@@ -373,7 +382,7 @@ export function search<T extends Record<string, any>>(
 	return buildQuery(conditions)
 }
 
-const OPERATORS: ComparisonOperator[] = ['eq', 'ne', 'gt', 'ge', 'lt', 'le', 'co', 'sw', 'ew', 'pr']
+const OPERATORS: ComparisonOperator[] = ['eq', 'ne', 'gt', 'ge', 'lt', 'le', 'co', 'sw', 'ew', 'pr', 'in', 'nin']
 const CONNECTORS: LogicalOperator[] = ['and', 'or']
 
 /**