plugin-ui-for-kzt 0.0.60 → 0.0.62

package/dist/store/modal.d.ts

@@ -36,7 +36,7 @@ export declare const useModalStore: import("pinia").StoreDefinition<"modal", {
                 template?: string | object | undefined;
                 render?: Function | undefined;
                 components?: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
-                directives?: Record<string, import("vue").Directive<any, any, string, string>> | undefined;
+                directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
                 inheritAttrs?: boolean | undefined;
                 emits?: any;
                 slots?: {} | undefined;
@@ -113,18 +113,18 @@ export declare const useModalStore: import("pinia").StoreDefinition<"modal", {
                 filters?: Record<string, Function> | undefined;
                 mixins?: any[] | undefined;
                 extends?: any;
-                beforeCreate?: (() => void) | undefined;
-                created?: (() => void) | undefined;
-                beforeMount?: (() => void) | undefined;
-                mounted?: (() => void) | undefined;
-                beforeUpdate?: (() => void) | undefined;
-                updated?: (() => void) | undefined;
-                activated?: (() => void) | undefined;
-                deactivated?: (() => void) | undefined;
-                beforeDestroy?: (() => void) | undefined;
-                beforeUnmount?: (() => void) | undefined;
-                destroyed?: (() => void) | undefined;
-                unmounted?: (() => void) | undefined;
+                beforeCreate?: (() => any) | undefined;
+                created?: (() => any) | undefined;
+                beforeMount?: (() => any) | undefined;
+                mounted?: (() => any) | undefined;
+                beforeUpdate?: (() => any) | undefined;
+                updated?: (() => any) | undefined;
+                activated?: (() => any) | undefined;
+                deactivated?: (() => any) | undefined;
+                beforeDestroy?: (() => any) | undefined;
+                beforeUnmount?: (() => any) | undefined;
+                destroyed?: (() => any) | undefined;
+                unmounted?: (() => any) | undefined;
                 renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
                 renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
                 errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plugin-ui-for-kzt",
-  "version": "0.0.60",
+  "version": "0.0.62",
   "description": "plugin-ui for kazaktelekom",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/BaseSelect/BaseSelect.vue

@@ -71,7 +71,20 @@
               @input="handleInputChange"
           >
             <template #left-icon>
+              <div
+                  v-if="actualOption?.icon && $slots.iconItem"
+                  class="base-select__header_prefix_icon"
+              >
+                <slot name="iconItem" :item="actualOption"/>
+              </div>
+              <div
+                  v-else-if="$slots.headerIcon"
+                  class="base-select__header_prefix_icon"
+              >
+                <slot name="headerIcon"/>
+              </div>
               <base-icon
+                  v-else
                   name="search"
                   :size="size"
               />
@@ -153,6 +166,7 @@ const props = withDefaults( defineProps<ICoreSelectProps & {
   options: () => [] as ICoreSelectOption[],
   size: 'medium',
   searchable: false,
+  clearOnSelect: false,
 } );
 
 const emit = defineEmits<{
@@ -186,13 +200,19 @@ watch( () => props.modelValue, ( val ) => {
   }
 }, { immediate: true } );
 
-function handleInput( value: TSelectValue ) {
+function handleInput( value: TSelectValue, isOptionSelection = false ) {
   if ( props.readonly || props.disabled ) {
     return;
   }
   actualValue.value = value;
   emit( 'update:modelValue', value );
   emit( 'change', value );
+
+  if ( props.clearOnSelect && isOptionSelection ) {
+    actualValue.value = '';
+    emit( 'update:modelValue', '' );
+  }
+
   dropdownVisible.value = false;
   searchQuery.value = '';
 }
@@ -213,7 +233,7 @@ function handleInputChange( event: Event ) {
     );
 
     if ( exactMatch ) {
-      handleInput( exactMatch.id );
+      handleInput( exactMatch.id, true );
       return;
     }
 
@@ -282,7 +302,7 @@ const listItemAttrs = computed( () => ( item: ICoreSelectOption ) => ({
   style: item.style,
   disabled: item.disabled,
   class: 'base-select__item',
-  onClick: () => handleInput( item.id ),
+  onClick: () => handleInput( item.id, true ),
 }) );
 
 const classList = computed( () => [
@@ -565,4 +585,4 @@ defineSlots<{
     }
   }
 }
-</style>
+</style>

package/src/components/BaseSelect/README.md

@@ -30,6 +30,7 @@
     v-model="selectedEmployee"
     :options="employeeOptions"
     searchable
+    clear-on-select
     placeholder="Найти сотрудника..."
     label="Выберите сотрудника"
     :error="employeeError"
@@ -158,6 +159,9 @@ const handleSearchError = () => {
 - `searchable?: boolean`  
   **Включает режим поиска. При `true` заменяет обычный заголовок на поле ввода для поиска. Идеально подходит для server-side поиска больших наборов данных.
 
+- `clearOnSelect?: boolean`  
+  Очищает текущее значение после выбора опции. При этом событие `change` получает выбранный `id`, а `v-model` возвращается в пустое значение.
+
 - `multiple?: boolean`  
   Поддержка множественного выбора (не реализовано в текущем компоненте, зарезервировано).
 

package/src/types/input.d.ts

@@ -65,6 +65,7 @@ export interface ICoreSelectBaseProps {
   label?: string
   hint?: string
   searchable?: boolean
+  clearOnSelect?: boolean
   variant?: 'variant-blue'
 }
 

package/.claude/settings.local.json

@@ -1,7 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(npm run build:*)"
-    ]
-  }
-}