Подготовить HY2XS к production-сборке

2026-04-25 23:13:12 +05:00
commit 84a4e94567
277 changed files with 26513 additions and 0 deletions
@@ -0,0 +1,77 @@
+<template>
+  <draggable class="flex gap-2" :list="tags" item-key="id" animation="200">
+    <template #item="{ element }">
+      <el-tag closable @close="handleClose(element)" size="large">
+        {{ element }}
+      </el-tag>
+    </template>
+    <template #footer>
+      <el-input
+        v-if="inputVisible"
+        ref="inputRef"
+        v-model="tag"
+        class="w-50"
+        @keyup.enter="handleConfirm"
+        @blur="handleConfirm"
+      />
+      <el-button v-else @click="showInput">+</el-button>
+    </template>
+  </draggable>
+</template>
+
+<script setup lang="ts">
+import draggable from "vuedraggable";
+import { ElInput } from "element-plus";
+import { PropType } from "vue";
+
+const props = defineProps({
+  tags: {
+    required: false,
+    type: Array as PropType<string[]>,
+    default: () => [],
+  },
+});
+
+const emit = defineEmits<{
+  (event: "update:tags", value: string[]): void;
+}>();
+
+const tags = useVModel(props, "tags", emit);
+
+const inputRef = ref(ElInput);
+
+const state = reactive({
+  tag: "",
+  inputVisible: false,
+});
+
+const { tag, inputVisible } = toRefs(state);
+
+const showInput = () => {
+  state.inputVisible = true;
+  nextTick(() => {
+    inputRef.value!.input!.focus();
+  });
+};
+const handleConfirm = (): void => {
+  const newTag = state.tag.trim();
+  if (newTag && !tags.value?.includes(newTag)) {
+    tags.value?.push(newTag);
+    state.tag = "";
+  }
+  state.inputVisible = false;
+};
+
+const handleClose = (tag: string): void => {
+  const index = tags.value?.indexOf(tag.trim());
+  if (index !== -1) {
+    tags.value?.splice(index, 1);
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.flex.gap-2 {
+  flex-wrap: wrap;
+}
+</style>