@ozdao/martyrs 0.2.548 → 0.2.550

package/dist/martyrs/src/modules/core/views/components/blocks/BlockMultiselect.vue.cjs

@@ -0,0 +1,308 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Feed = require("../../../../../components/Feed/Feed.vue.cjs");
+const BlockSearch = require("./BlockSearch.vue.cjs");
+const Card = require("./Card.vue.cjs");
+const clickOutside = require("../../../../../components/FieldPhone/click-outside.cjs");
+;/* empty css                        */
+const _pluginVue_exportHelper = require("../../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = { class: "pos-relative" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mn-b-thin"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "flex flex-wrap gap-thin mn-b-thin"
+};
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = {
+  key: 1,
+  class: "pd-thin text-center text-muted"
+};
+const _sfc_main = {
+  __name: "BlockMultiselect",
+  props: {
+    // Model value - single item or array of items
+    modelValue: {
+      type: [Object, Array],
+      default: null
+    },
+    // Mode
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    // Search
+    placeholder: {
+      type: String,
+      default: "Search..."
+    },
+    showOnFocus: {
+      type: Boolean,
+      default: false
+    },
+    // Allow selecting already selected items in search
+    allowReselect: {
+      type: Boolean,
+      default: false
+    },
+    // Transform function to modify item before saving
+    transform: {
+      type: Function,
+      default: null
+    },
+    // Feed configuration
+    store: {
+      type: Object,
+      required: true
+    },
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    states: {
+      type: Object,
+      default: () => ({
+        empty: {
+          title: "No items found",
+          description: "Try different search terms"
+        }
+      })
+    },
+    skeleton: {
+      type: Object,
+      default: () => ({
+        hide: false,
+        horizontal: true,
+        structure: [
+          { block: "text", size: "large" }
+        ]
+      })
+    },
+    // Item configuration
+    key: {
+      type: [String, Function],
+      default: "_id"
+    },
+    label: {
+      type: [String, Function],
+      default: "name"
+    },
+    // Card fields mapping
+    labels: {
+      type: Object,
+      default: () => ({
+        photo: "profile.photo",
+        title: "profile.name",
+        subtitle: "profile.description"
+      })
+    },
+    // Styling
+    classSearch: {
+      type: String,
+      default: "bg-white"
+    },
+    classSelected: {
+      type: String,
+      default: "bg-white pd-thin radius-medium"
+    },
+    classDropdown: {
+      type: String,
+      default: "bg-light pd-small radius-small"
+    },
+    classItem: {
+      type: String,
+      default: "bg-white pd-thin radius-medium mn-b-thin"
+    },
+    classFeed: {
+      type: String,
+      default: "h-max-20r o-scroll"
+    }
+  },
+  emits: ["update:modelValue", "select", "remove", "clear"],
+  setup(__props, { emit: __emit }) {
+    const vClickOutside = clickOutside.default;
+    const props = __props;
+    const emit = __emit;
+    const searchQuery = vue.ref("");
+    const showDropdown = vue.ref(false);
+    const single = vue.computed(() => !props.multiple);
+    const getItemKey = (item) => {
+      if (!item) return null;
+      if (typeof props.key === "function") {
+        return props.key(item);
+      }
+      return item[props.key] || item._id || null;
+    };
+    const getItemLabel = (item) => {
+      if (!item) return "";
+      if (typeof props.label === "function") {
+        return props.label(item);
+      }
+      return item[props.label] || "";
+    };
+    const getCardField = (item, fieldType) => {
+      const path = props.labels[fieldType];
+      if (!path) return null;
+      return path.split(".").reduce((obj, key) => obj?.[key], item);
+    };
+    const transformItem = (item) => {
+      if (props.transform && typeof props.transform === "function") {
+        return props.transform(item);
+      }
+      return item;
+    };
+    const isItemSelected = (item) => {
+      if (!item) return false;
+      const itemKey = getItemKey(item);
+      if (props.multiple) {
+        if (!props.modelValue || !Array.isArray(props.modelValue)) return false;
+        return props.modelValue.some((selectedItem) => {
+          if (!selectedItem) return false;
+          const selectedKey = getItemKey(selectedItem);
+          return selectedKey === itemKey;
+        });
+      } else {
+        if (!props.modelValue) return false;
+        const selectedKey = getItemKey(props.modelValue);
+        return selectedKey === itemKey;
+      }
+    };
+    const filteredItems = (items) => {
+      if (!items) return [];
+      const validItems = items.filter((item) => item != null);
+      if (searchQuery.value && props.allowReselect) {
+        return validItems;
+      }
+      if (searchQuery.value) {
+        return validItems;
+      }
+      return validItems.filter((item) => !isItemSelected(item));
+    };
+    const selectItem = (item) => {
+      if (isItemSelected(item) && !props.allowReselect) {
+        return;
+      }
+      const transformedItem = transformItem(item);
+      if (props.multiple) {
+        if (isItemSelected(item)) {
+          return;
+        }
+        const newValue = props.modelValue ? [...props.modelValue, transformedItem] : [transformedItem];
+        emit("update:modelValue", newValue);
+      } else {
+        emit("update:modelValue", transformedItem);
+        closeDropdown();
+      }
+      emit("select", transformedItem);
+      searchQuery.value = "";
+    };
+    const removeItem = (index) => {
+      if (!props.multiple || !props.modelValue) return;
+      const newValue = [...props.modelValue];
+      const removed = newValue.splice(index, 1)[0];
+      emit("update:modelValue", newValue);
+      emit("remove", removed);
+    };
+    const clearSelection = () => {
+      emit("update:modelValue", props.multiple ? [] : null);
+      emit("clear");
+      searchQuery.value = "";
+    };
+    const closeDropdown = () => {
+      showDropdown.value = false;
+    };
+    vue.watch(searchQuery, (val) => {
+      showDropdown.value = true;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        single.value && __props.modelValue ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createElementVNode("div", {
+            onClick: clearSelection,
+            class: vue.normalizeClass(["cursor-pointer", __props.classSelected])
+          }, [
+            vue.renderSlot(_ctx.$slots, "selected", {
+              item: __props.modelValue,
+              clear: clearSelection
+            }, () => [
+              vue.createTextVNode(vue.toDisplayString(getItemLabel(__props.modelValue)), 1)
+            ], true)
+          ], 2)
+        ])) : vue.createCommentVNode("", true),
+        __props.multiple && __props.modelValue?.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.modelValue, (item, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: getItemKey(item),
+              onClick: () => removeItem(index),
+              class: vue.normalizeClass(["cursor-pointer", __props.classSelected])
+            }, [
+              vue.renderSlot(_ctx.$slots, "selected", {
+                item,
+                clear: () => removeItem(index)
+              }, () => [
+                vue.createTextVNode(vue.toDisplayString(getItemLabel(item)), 1)
+              ], true)
+            ], 10, _hoisted_4);
+          }), 128))
+        ])) : vue.createCommentVNode("", true),
+        vue.withDirectives(vue.createVNode(BlockSearch.default, {
+          modelValue: searchQuery.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+          placeholder: __props.placeholder,
+          class: vue.normalizeClass(__props.classSearch),
+          onFocus: _cache[1] || (_cache[1] = ($event) => showDropdown.value = true)
+        }, null, 8, ["modelValue", "placeholder", "class"]), [
+          [vue.unref(vClickOutside), closeDropdown]
+        ]),
+        showDropdown.value && (searchQuery.value || __props.showOnFocus) ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 2,
+          class: vue.normalizeClass(["mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3", __props.classDropdown])
+        }, [
+          vue.createVNode(Feed.default, {
+            states: __props.states,
+            store: __props.store,
+            skeleton: __props.skeleton,
+            options: {
+              ...__props.options,
+              search: searchQuery.value
+            },
+            showLoadMore: false,
+            class: vue.normalizeClass(__props.classFeed)
+          }, {
+            default: vue.withCtx(({ items }) => [
+              filteredItems(items).length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(filteredItems(items), (item) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: getItemKey(item),
+                  onClick: ($event) => selectItem(item),
+                  class: vue.normalizeClass(["cursor-pointer", [
+                    __props.classItem,
+                    isItemSelected(item) ? "opacity-50" : ""
+                  ]])
+                }, [
+                  vue.renderSlot(_ctx.$slots, "item", {
+                    item,
+                    selected: isItemSelected(item)
+                  }, () => [
+                    vue.createVNode(Card.default, {
+                      photo: getCardField(item, "photo"),
+                      title: getCardField(item, "title"),
+                      subtitle: getCardField(item, "subtitle")
+                    }, null, 8, ["photo", "title", "subtitle"])
+                  ], true)
+                ], 10, _hoisted_5);
+              }), 128)) : items?.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, " Все найденные элементы уже выбраны ")) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["states", "store", "skeleton", "options", "class"])
+        ], 2)) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const BlockMultiselect = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a5eb77c9"]]);
+exports.default = BlockMultiselect;
+//# sourceMappingURL=BlockMultiselect.vue.cjs.map

package/dist/martyrs/src/modules/core/views/components/blocks/BlockMultiselect.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockMultiselect.vue.cjs","sources":["../../../../../../../../src/modules/core/views/components/blocks/BlockMultiselect.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <!-- Single selected item -->\n    <div\n      v-if=\"single && modelValue\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        @click=\"clearSelection\"\n        class=\"cursor-pointer\"\n        :class=\"classSelected\"\n      >\n        <slot \n          name=\"selected\" \n          :item=\"modelValue\"\n          :clear=\"clearSelection\"\n        >\n          {{ getItemLabel(modelValue) }}\n        </slot>\n      </div>\n    </div>\n\n    <!-- Multiple selected items -->\n    <div \n      v-if=\"multiple && modelValue?.length > 0\"\n      class=\"flex flex-wrap gap-thin mn-b-thin\"\n    >\n      <div\n        v-for=\"(item, index) in modelValue\"\n        :key=\"getItemKey(item)\"\n        @click=\"() => removeItem(index)\"\n        class=\"cursor-pointer\"\n        :class=\"classSelected\"\n      >\n        <slot \n          name=\"selected\" \n          :item=\"item\"\n          :clear=\"() => removeItem(index)\"\n        >\n          {{ getItemLabel(item) }}\n        </slot>\n      </div>\n    </div>\n\n    <!-- Search always visible -->\n    <BlockSearch \n      v-click-outside=\"closeDropdown\" \n      v-model=\"searchQuery\"\n      :placeholder=\"placeholder\"\n      :class=\"classSearch\"\n      @focus=\"showDropdown = true\"\n    />\n    \n    <!-- Dropdown -->\n    <div \n      v-if=\"showDropdown && (searchQuery || showOnFocus)\" \n      class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3\"\n      :class=\"classDropdown\"\n    >\n      <Feed\n        :states=\"states\"\n        :store=\"store\"\n        :skeleton=\"skeleton\"\n        :options=\"{\n          ...options,\n          search: searchQuery\n        }\"\n        :showLoadMore=\"false\"\n        v-slot=\"{ items }\"\n        :class=\"classFeed\"\n      >\n        <!-- Показываем все результаты если есть поиск, иначе фильтруем -->\n        <template v-if=\"filteredItems(items).length > 0\">\n          <div\n            v-for=\"item in filteredItems(items)\"\n            :key=\"getItemKey(item)\"\n            @click=\"selectItem(item)\"\n            class=\"cursor-pointer\"\n            :class=\"[\n              classItem,\n              isItemSelected(item) ? 'opacity-50' : ''\n            ]\"\n          >\n            <slot \n              name=\"item\" \n              :item=\"item\"\n              :selected=\"isItemSelected(item)\"\n            >\n              <Card\n                :photo=\"getCardField(item, 'photo')\"\n                :title=\"getCardField(item, 'title')\"\n                :subtitle=\"getCardField(item, 'subtitle')\"\n              />\n            </slot>\n          </div>\n        </template>\n        <!-- Если все результаты отфильтрованы, показываем сообщение -->\n        <div v-else-if=\"items?.length > 0\" class=\"pd-thin text-center text-muted\">\n          Все найденные элементы уже выбраны\n        </div>\n      </Feed>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport BlockSearch from '@martyrs/src/modules/core/views/components/blocks/BlockSearch.vue'\nimport Card from '@martyrs/src/modules/core/views/components/blocks/Card.vue'\nimport clickOutside from '@martyrs/src/components/FieldPhone/click-outside.js'\n\n// Directives\nconst vClickOutside = clickOutside\n\n// Props\nconst props = defineProps({\n  // Model value - single item or array of items\n  modelValue: {\n    type: [Object, Array],\n    default: null\n  },\n  // Mode\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  // Search\n  placeholder: {\n    type: String,\n    default: 'Search...'\n  },\n  showOnFocus: {\n    type: Boolean,\n    default: false\n  },\n  // Allow selecting already selected items in search\n  allowReselect: {\n    type: Boolean,\n    default: false\n  },\n  // Transform function to modify item before saving\n  transform: {\n    type: Function,\n    default: null\n  },\n  // Feed configuration\n  store: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({})\n  },\n  states: {\n    type: Object,\n    default: () => ({\n      empty: {\n        title: 'No items found',\n        description: 'Try different search terms'\n      }\n    })\n  },\n  skeleton: {\n    type: Object,\n    default: () => ({\n      hide: false,\n      horizontal: true,\n      structure: [\n        { block: 'text', size: 'large' }\n      ]\n    })\n  },\n  // Item configuration\n  key: {\n    type: [String, Function],\n    default: '_id'\n  },\n  label: {\n    type: [String, Function],\n    default: 'name'\n  },\n  // Card fields mapping\n  labels: {\n    type: Object,\n    default: () => ({\n      photo: 'profile.photo',\n      title: 'profile.name',\n      subtitle: 'profile.description'\n    })\n  },\n  // Styling\n  classSearch: {\n    type: String,\n    default: 'bg-white'\n  },\n  classSelected: {\n    type: String,\n    default: 'bg-white pd-thin radius-medium'\n  },\n  classDropdown: {\n    type: String,\n    default: 'bg-light pd-small radius-small'\n  },\n  classItem: {\n    type: String,\n    default: 'bg-white pd-thin radius-medium mn-b-thin'\n  },\n  classFeed: {\n    type: String,\n    default: 'h-max-20r o-scroll'\n  }\n})\n\n// Emits\nconst emit = defineEmits(['update:modelValue', 'select', 'remove', 'clear'])\n\n// State\nconst searchQuery = ref('')\nconst showDropdown = ref(false)\n\n// Computed\nconst single = computed(() => !props.multiple)\n\n// Methods\nconst getItemKey = (item) => {\n  if (!item) return null\n\n  if (typeof props.key === 'function') {\n    return props.key(item)\n  }\n  // Убедитесь, что item[props.key] существует\n  return item[props.key] || item._id || null\n}\n\nconst getItemLabel = (item) => {\n  if (!item) return ''\n  if (typeof props.label === 'function') {\n    return props.label(item)\n  }\n  return item[props.label] || ''\n}\n\n// Get nested field value from item using dot notation\nconst getCardField = (item, fieldType) => {\n  const path = props.labels[fieldType]\n  if (!path) return null\n  \n  return path.split('.').reduce((obj, key) => obj?.[key], item)\n}\n\n// Transform item if transform function is provided\nconst transformItem = (item) => {\n  if (props.transform && typeof props.transform === 'function') {\n    return props.transform(item)\n  }\n  return item\n}\n\n// Check if item is already selected\nconst isItemSelected = (item) => {\n  if (!item) return false\n    \n  const itemKey = getItemKey(item)\n  \n  if (props.multiple) {\n    // Для множественного выбора\n    if (!props.modelValue || !Array.isArray(props.modelValue)) return false\n    \n    return props.modelValue.some(selectedItem => {\n      if (!selectedItem) return false\n      const selectedKey = getItemKey(selectedItem)\n      return selectedKey === itemKey\n    })\n  } else {\n    // Для одиночного выбора\n    if (!props.modelValue) return false\n    const selectedKey = getItemKey(props.modelValue)\n    return selectedKey === itemKey\n  }\n}\n\n// Filter items - более гибкая логика\nconst filteredItems = (items) => {\n  if (!items) return []\n  \n  // Фильтруем undefined элементы\n  const validItems = items.filter(item => item != null)\n  \n  // Если есть активный поиск и allowReselect = true, показываем все результаты\n  if (searchQuery.value && props.allowReselect) {\n    return validItems\n  }\n  \n  // Если есть активный поиск, показываем все результаты, но помечаем выбранные\n  if (searchQuery.value) {\n    return validItems\n  }\n  \n  // Если нет поиска, исключаем уже выбранные элементы\n  return validItems.filter(item => !isItemSelected(item))\n}\n\nconst selectItem = (item) => {\n  // Проверяем, не выбран ли уже этот элемент\n  if (isItemSelected(item) && !props.allowReselect) {\n    return\n  }\n  \n  // Трансформируем элемент перед добавлением\n  const transformedItem = transformItem(item)\n  \n  if (props.multiple) {\n    // Если элемент уже выбран и allowReselect = false, не добавляем его снова\n    if (isItemSelected(item)) {\n      return\n    }\n    const newValue = props.modelValue ? [...props.modelValue, transformedItem] : [transformedItem]\n    emit('update:modelValue', newValue)\n  } else {\n    emit('update:modelValue', transformedItem)\n    closeDropdown()\n  }\n  emit('select', transformedItem)\n  searchQuery.value = ''\n}\n\nconst removeItem = (index) => {\n  if (!props.multiple || !props.modelValue) return\n  \n  const newValue = [...props.modelValue]\n  const removed = newValue.splice(index, 1)[0]\n  emit('update:modelValue', newValue)\n  emit('remove', removed)\n}\n\nconst clearSelection = () => {\n  emit('update:modelValue', props.multiple ? [] : null)\n  emit('clear')\n  searchQuery.value = ''\n}\n\nconst closeDropdown = () => {\n  showDropdown.value = false\n}\n\n// Reset dropdown when search changes\nwatch(searchQuery, (val) => {\n  showDropdown.value = true\n})\n</script>\n\n<style scoped>\n.opacity-50 {\n  opacity: 0.5;\n}\n.text-center {\n  text-align: center;\n}\n.text-muted {\n  color: #6c757d;\n}\n</style>"],"names":["clickOutside","ref","computed","watch"],"mappings":"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"}

package/dist/martyrs/src/modules/core/views/components/blocks/BlockMultiselect.vue.js

@@ -0,0 +1,308 @@
+import { ref, computed, watch, createElementBlock, openBlock, createCommentVNode, withDirectives, createElementVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createVNode, unref, withCtx } from "vue";
+import _sfc_main$2 from "../../../../../components/Feed/Feed.vue.js";
+import _sfc_main$1 from "./BlockSearch.vue.js";
+import _sfc_main$3 from "./Card.vue.js";
+import clickOutside from "../../../../../components/FieldPhone/click-outside.js";
+/* empty css                      */
+import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "pos-relative" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mn-b-thin"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "flex flex-wrap gap-thin mn-b-thin"
+};
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = {
+  key: 1,
+  class: "pd-thin text-center text-muted"
+};
+const _sfc_main = {
+  __name: "BlockMultiselect",
+  props: {
+    // Model value - single item or array of items
+    modelValue: {
+      type: [Object, Array],
+      default: null
+    },
+    // Mode
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    // Search
+    placeholder: {
+      type: String,
+      default: "Search..."
+    },
+    showOnFocus: {
+      type: Boolean,
+      default: false
+    },
+    // Allow selecting already selected items in search
+    allowReselect: {
+      type: Boolean,
+      default: false
+    },
+    // Transform function to modify item before saving
+    transform: {
+      type: Function,
+      default: null
+    },
+    // Feed configuration
+    store: {
+      type: Object,
+      required: true
+    },
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    states: {
+      type: Object,
+      default: () => ({
+        empty: {
+          title: "No items found",
+          description: "Try different search terms"
+        }
+      })
+    },
+    skeleton: {
+      type: Object,
+      default: () => ({
+        hide: false,
+        horizontal: true,
+        structure: [
+          { block: "text", size: "large" }
+        ]
+      })
+    },
+    // Item configuration
+    key: {
+      type: [String, Function],
+      default: "_id"
+    },
+    label: {
+      type: [String, Function],
+      default: "name"
+    },
+    // Card fields mapping
+    labels: {
+      type: Object,
+      default: () => ({
+        photo: "profile.photo",
+        title: "profile.name",
+        subtitle: "profile.description"
+      })
+    },
+    // Styling
+    classSearch: {
+      type: String,
+      default: "bg-white"
+    },
+    classSelected: {
+      type: String,
+      default: "bg-white pd-thin radius-medium"
+    },
+    classDropdown: {
+      type: String,
+      default: "bg-light pd-small radius-small"
+    },
+    classItem: {
+      type: String,
+      default: "bg-white pd-thin radius-medium mn-b-thin"
+    },
+    classFeed: {
+      type: String,
+      default: "h-max-20r o-scroll"
+    }
+  },
+  emits: ["update:modelValue", "select", "remove", "clear"],
+  setup(__props, { emit: __emit }) {
+    const vClickOutside = clickOutside;
+    const props = __props;
+    const emit = __emit;
+    const searchQuery = ref("");
+    const showDropdown = ref(false);
+    const single = computed(() => !props.multiple);
+    const getItemKey = (item) => {
+      if (!item) return null;
+      if (typeof props.key === "function") {
+        return props.key(item);
+      }
+      return item[props.key] || item._id || null;
+    };
+    const getItemLabel = (item) => {
+      if (!item) return "";
+      if (typeof props.label === "function") {
+        return props.label(item);
+      }
+      return item[props.label] || "";
+    };
+    const getCardField = (item, fieldType) => {
+      const path = props.labels[fieldType];
+      if (!path) return null;
+      return path.split(".").reduce((obj, key) => obj?.[key], item);
+    };
+    const transformItem = (item) => {
+      if (props.transform && typeof props.transform === "function") {
+        return props.transform(item);
+      }
+      return item;
+    };
+    const isItemSelected = (item) => {
+      if (!item) return false;
+      const itemKey = getItemKey(item);
+      if (props.multiple) {
+        if (!props.modelValue || !Array.isArray(props.modelValue)) return false;
+        return props.modelValue.some((selectedItem) => {
+          if (!selectedItem) return false;
+          const selectedKey = getItemKey(selectedItem);
+          return selectedKey === itemKey;
+        });
+      } else {
+        if (!props.modelValue) return false;
+        const selectedKey = getItemKey(props.modelValue);
+        return selectedKey === itemKey;
+      }
+    };
+    const filteredItems = (items) => {
+      if (!items) return [];
+      const validItems = items.filter((item) => item != null);
+      if (searchQuery.value && props.allowReselect) {
+        return validItems;
+      }
+      if (searchQuery.value) {
+        return validItems;
+      }
+      return validItems.filter((item) => !isItemSelected(item));
+    };
+    const selectItem = (item) => {
+      if (isItemSelected(item) && !props.allowReselect) {
+        return;
+      }
+      const transformedItem = transformItem(item);
+      if (props.multiple) {
+        if (isItemSelected(item)) {
+          return;
+        }
+        const newValue = props.modelValue ? [...props.modelValue, transformedItem] : [transformedItem];
+        emit("update:modelValue", newValue);
+      } else {
+        emit("update:modelValue", transformedItem);
+        closeDropdown();
+      }
+      emit("select", transformedItem);
+      searchQuery.value = "";
+    };
+    const removeItem = (index) => {
+      if (!props.multiple || !props.modelValue) return;
+      const newValue = [...props.modelValue];
+      const removed = newValue.splice(index, 1)[0];
+      emit("update:modelValue", newValue);
+      emit("remove", removed);
+    };
+    const clearSelection = () => {
+      emit("update:modelValue", props.multiple ? [] : null);
+      emit("clear");
+      searchQuery.value = "";
+    };
+    const closeDropdown = () => {
+      showDropdown.value = false;
+    };
+    watch(searchQuery, (val) => {
+      showDropdown.value = true;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        single.value && __props.modelValue ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("div", {
+            onClick: clearSelection,
+            class: normalizeClass(["cursor-pointer", __props.classSelected])
+          }, [
+            renderSlot(_ctx.$slots, "selected", {
+              item: __props.modelValue,
+              clear: clearSelection
+            }, () => [
+              createTextVNode(toDisplayString(getItemLabel(__props.modelValue)), 1)
+            ], true)
+          ], 2)
+        ])) : createCommentVNode("", true),
+        __props.multiple && __props.modelValue?.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.modelValue, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: getItemKey(item),
+              onClick: () => removeItem(index),
+              class: normalizeClass(["cursor-pointer", __props.classSelected])
+            }, [
+              renderSlot(_ctx.$slots, "selected", {
+                item,
+                clear: () => removeItem(index)
+              }, () => [
+                createTextVNode(toDisplayString(getItemLabel(item)), 1)
+              ], true)
+            ], 10, _hoisted_4);
+          }), 128))
+        ])) : createCommentVNode("", true),
+        withDirectives(createVNode(_sfc_main$1, {
+          modelValue: searchQuery.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+          placeholder: __props.placeholder,
+          class: normalizeClass(__props.classSearch),
+          onFocus: _cache[1] || (_cache[1] = ($event) => showDropdown.value = true)
+        }, null, 8, ["modelValue", "placeholder", "class"]), [
+          [unref(vClickOutside), closeDropdown]
+        ]),
+        showDropdown.value && (searchQuery.value || __props.showOnFocus) ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: normalizeClass(["mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3", __props.classDropdown])
+        }, [
+          createVNode(_sfc_main$2, {
+            states: __props.states,
+            store: __props.store,
+            skeleton: __props.skeleton,
+            options: {
+              ...__props.options,
+              search: searchQuery.value
+            },
+            showLoadMore: false,
+            class: normalizeClass(__props.classFeed)
+          }, {
+            default: withCtx(({ items }) => [
+              filteredItems(items).length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(filteredItems(items), (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: getItemKey(item),
+                  onClick: ($event) => selectItem(item),
+                  class: normalizeClass(["cursor-pointer", [
+                    __props.classItem,
+                    isItemSelected(item) ? "opacity-50" : ""
+                  ]])
+                }, [
+                  renderSlot(_ctx.$slots, "item", {
+                    item,
+                    selected: isItemSelected(item)
+                  }, () => [
+                    createVNode(_sfc_main$3, {
+                      photo: getCardField(item, "photo"),
+                      title: getCardField(item, "title"),
+                      subtitle: getCardField(item, "subtitle")
+                    }, null, 8, ["photo", "title", "subtitle"])
+                  ], true)
+                ], 10, _hoisted_5);
+              }), 128)) : items?.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, " Все найденные элементы уже выбраны ")) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["states", "store", "skeleton", "options", "class"])
+        ], 2)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const BlockMultiselect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a5eb77c9"]]);
+export {
+  BlockMultiselect as default
+};
+//# sourceMappingURL=BlockMultiselect.vue.js.map

package/dist/martyrs/src/modules/core/views/components/blocks/BlockMultiselect.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockMultiselect.vue.js","sources":["../../../../../../../../src/modules/core/views/components/blocks/BlockMultiselect.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <!-- Single selected item -->\n    <div\n      v-if=\"single && modelValue\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        @click=\"clearSelection\"\n        class=\"cursor-pointer\"\n        :class=\"classSelected\"\n      >\n        <slot \n          name=\"selected\" \n          :item=\"modelValue\"\n          :clear=\"clearSelection\"\n        >\n          {{ getItemLabel(modelValue) }}\n        </slot>\n      </div>\n    </div>\n\n    <!-- Multiple selected items -->\n    <div \n      v-if=\"multiple && modelValue?.length > 0\"\n      class=\"flex flex-wrap gap-thin mn-b-thin\"\n    >\n      <div\n        v-for=\"(item, index) in modelValue\"\n        :key=\"getItemKey(item)\"\n        @click=\"() => removeItem(index)\"\n        class=\"cursor-pointer\"\n        :class=\"classSelected\"\n      >\n        <slot \n          name=\"selected\" \n          :item=\"item\"\n          :clear=\"() => removeItem(index)\"\n        >\n          {{ getItemLabel(item) }}\n        </slot>\n      </div>\n    </div>\n\n    <!-- Search always visible -->\n    <BlockSearch \n      v-click-outside=\"closeDropdown\" \n      v-model=\"searchQuery\"\n      :placeholder=\"placeholder\"\n      :class=\"classSearch\"\n      @focus=\"showDropdown = true\"\n    />\n    \n    <!-- Dropdown -->\n    <div \n      v-if=\"showDropdown && (searchQuery || showOnFocus)\" \n      class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3\"\n      :class=\"classDropdown\"\n    >\n      <Feed\n        :states=\"states\"\n        :store=\"store\"\n        :skeleton=\"skeleton\"\n        :options=\"{\n          ...options,\n          search: searchQuery\n        }\"\n        :showLoadMore=\"false\"\n        v-slot=\"{ items }\"\n        :class=\"classFeed\"\n      >\n        <!-- Показываем все результаты если есть поиск, иначе фильтруем -->\n        <template v-if=\"filteredItems(items).length > 0\">\n          <div\n            v-for=\"item in filteredItems(items)\"\n            :key=\"getItemKey(item)\"\n            @click=\"selectItem(item)\"\n            class=\"cursor-pointer\"\n            :class=\"[\n              classItem,\n              isItemSelected(item) ? 'opacity-50' : ''\n            ]\"\n          >\n            <slot \n              name=\"item\" \n              :item=\"item\"\n              :selected=\"isItemSelected(item)\"\n            >\n              <Card\n                :photo=\"getCardField(item, 'photo')\"\n                :title=\"getCardField(item, 'title')\"\n                :subtitle=\"getCardField(item, 'subtitle')\"\n              />\n            </slot>\n          </div>\n        </template>\n        <!-- Если все результаты отфильтрованы, показываем сообщение -->\n        <div v-else-if=\"items?.length > 0\" class=\"pd-thin text-center text-muted\">\n          Все найденные элементы уже выбраны\n        </div>\n      </Feed>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue'\nimport Feed from '@martyrs/src/components/Feed/Feed.vue'\nimport BlockSearch from '@martyrs/src/modules/core/views/components/blocks/BlockSearch.vue'\nimport Card from '@martyrs/src/modules/core/views/components/blocks/Card.vue'\nimport clickOutside from '@martyrs/src/components/FieldPhone/click-outside.js'\n\n// Directives\nconst vClickOutside = clickOutside\n\n// Props\nconst props = defineProps({\n  // Model value - single item or array of items\n  modelValue: {\n    type: [Object, Array],\n    default: null\n  },\n  // Mode\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  // Search\n  placeholder: {\n    type: String,\n    default: 'Search...'\n  },\n  showOnFocus: {\n    type: Boolean,\n    default: false\n  },\n  // Allow selecting already selected items in search\n  allowReselect: {\n    type: Boolean,\n    default: false\n  },\n  // Transform function to modify item before saving\n  transform: {\n    type: Function,\n    default: null\n  },\n  // Feed configuration\n  store: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({})\n  },\n  states: {\n    type: Object,\n    default: () => ({\n      empty: {\n        title: 'No items found',\n        description: 'Try different search terms'\n      }\n    })\n  },\n  skeleton: {\n    type: Object,\n    default: () => ({\n      hide: false,\n      horizontal: true,\n      structure: [\n        { block: 'text', size: 'large' }\n      ]\n    })\n  },\n  // Item configuration\n  key: {\n    type: [String, Function],\n    default: '_id'\n  },\n  label: {\n    type: [String, Function],\n    default: 'name'\n  },\n  // Card fields mapping\n  labels: {\n    type: Object,\n    default: () => ({\n      photo: 'profile.photo',\n      title: 'profile.name',\n      subtitle: 'profile.description'\n    })\n  },\n  // Styling\n  classSearch: {\n    type: String,\n    default: 'bg-white'\n  },\n  classSelected: {\n    type: String,\n    default: 'bg-white pd-thin radius-medium'\n  },\n  classDropdown: {\n    type: String,\n    default: 'bg-light pd-small radius-small'\n  },\n  classItem: {\n    type: String,\n    default: 'bg-white pd-thin radius-medium mn-b-thin'\n  },\n  classFeed: {\n    type: String,\n    default: 'h-max-20r o-scroll'\n  }\n})\n\n// Emits\nconst emit = defineEmits(['update:modelValue', 'select', 'remove', 'clear'])\n\n// State\nconst searchQuery = ref('')\nconst showDropdown = ref(false)\n\n// Computed\nconst single = computed(() => !props.multiple)\n\n// Methods\nconst getItemKey = (item) => {\n  if (!item) return null\n\n  if (typeof props.key === 'function') {\n    return props.key(item)\n  }\n  // Убедитесь, что item[props.key] существует\n  return item[props.key] || item._id || null\n}\n\nconst getItemLabel = (item) => {\n  if (!item) return ''\n  if (typeof props.label === 'function') {\n    return props.label(item)\n  }\n  return item[props.label] || ''\n}\n\n// Get nested field value from item using dot notation\nconst getCardField = (item, fieldType) => {\n  const path = props.labels[fieldType]\n  if (!path) return null\n  \n  return path.split('.').reduce((obj, key) => obj?.[key], item)\n}\n\n// Transform item if transform function is provided\nconst transformItem = (item) => {\n  if (props.transform && typeof props.transform === 'function') {\n    return props.transform(item)\n  }\n  return item\n}\n\n// Check if item is already selected\nconst isItemSelected = (item) => {\n  if (!item) return false\n    \n  const itemKey = getItemKey(item)\n  \n  if (props.multiple) {\n    // Для множественного выбора\n    if (!props.modelValue || !Array.isArray(props.modelValue)) return false\n    \n    return props.modelValue.some(selectedItem => {\n      if (!selectedItem) return false\n      const selectedKey = getItemKey(selectedItem)\n      return selectedKey === itemKey\n    })\n  } else {\n    // Для одиночного выбора\n    if (!props.modelValue) return false\n    const selectedKey = getItemKey(props.modelValue)\n    return selectedKey === itemKey\n  }\n}\n\n// Filter items - более гибкая логика\nconst filteredItems = (items) => {\n  if (!items) return []\n  \n  // Фильтруем undefined элементы\n  const validItems = items.filter(item => item != null)\n  \n  // Если есть активный поиск и allowReselect = true, показываем все результаты\n  if (searchQuery.value && props.allowReselect) {\n    return validItems\n  }\n  \n  // Если есть активный поиск, показываем все результаты, но помечаем выбранные\n  if (searchQuery.value) {\n    return validItems\n  }\n  \n  // Если нет поиска, исключаем уже выбранные элементы\n  return validItems.filter(item => !isItemSelected(item))\n}\n\nconst selectItem = (item) => {\n  // Проверяем, не выбран ли уже этот элемент\n  if (isItemSelected(item) && !props.allowReselect) {\n    return\n  }\n  \n  // Трансформируем элемент перед добавлением\n  const transformedItem = transformItem(item)\n  \n  if (props.multiple) {\n    // Если элемент уже выбран и allowReselect = false, не добавляем его снова\n    if (isItemSelected(item)) {\n      return\n    }\n    const newValue = props.modelValue ? [...props.modelValue, transformedItem] : [transformedItem]\n    emit('update:modelValue', newValue)\n  } else {\n    emit('update:modelValue', transformedItem)\n    closeDropdown()\n  }\n  emit('select', transformedItem)\n  searchQuery.value = ''\n}\n\nconst removeItem = (index) => {\n  if (!props.multiple || !props.modelValue) return\n  \n  const newValue = [...props.modelValue]\n  const removed = newValue.splice(index, 1)[0]\n  emit('update:modelValue', newValue)\n  emit('remove', removed)\n}\n\nconst clearSelection = () => {\n  emit('update:modelValue', props.multiple ? [] : null)\n  emit('clear')\n  searchQuery.value = ''\n}\n\nconst closeDropdown = () => {\n  showDropdown.value = false\n}\n\n// Reset dropdown when search changes\nwatch(searchQuery, (val) => {\n  showDropdown.value = true\n})\n</script>\n\n<style scoped>\n.opacity-50 {\n  opacity: 0.5;\n}\n.text-center {\n  text-align: center;\n}\n.text-muted {\n  color: #6c757d;\n}\n</style>"],"names":[],"mappings":"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"}