appsnbcbweicheng 1.2.16 → 1.2.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "appsnbcbweicheng",
-  "version": "1.2.16",
+  "version": "1.2.18",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -8,4 +8,4 @@
   "author": "",
   "license": "ISC",
   "description": ""
-}
+}

package/public/App.vue

@@ -0,0 +1,122 @@
+<template>
+  <div class="drag-select-element">
+    <!-- 已选择区域 -->
+    <div class="section">
+      <h4>已选择：</h4>
+      <draggable
+          v-model="selectedList"
+          class="tag-container"
+          :group="{ name: 'tags', pull: true, put: true }"
+          :animation="200"
+      >
+        <el-tag
+            v-for="item in selectedList"
+            :key="item.id"
+            closable
+            type="success"
+            @close="removeItem(item)"
+        >
+          {{ item.name }}
+        </el-tag>
+      </draggable>
+    </div>
+
+    <!-- 待选区域 -->
+    <div class="section">
+      <h4>待选：</h4>
+      <draggable
+          v-model="optionList"
+          class="tag-container"
+          :group="{ name: 'tags', pull: true, put: true }"
+          :animation="200"
+      >
+        <el-tag
+            v-for="item in optionList"
+            :key="item.id"
+            type="info"
+            @click="selectItem(item)"
+        >
+          {{ item.name }}
+        </el-tag>
+      </draggable>
+    </div>
+  </div>
+</template>
+
+<script>
+import draggable from "vuedraggable";
+
+export default {
+  name: "ElementDragSelect",
+  components: { draggable },
+  data() {
+    return {
+      selectedList: [
+        { id: 1, name: "已选 A" },
+        { id: 2, name: "已选 B" },
+      ],
+      optionList: [
+        { id: 3, name: "选项 C" },
+        { id: 4, name: "选项 D" },
+        { id: 5, name: "选项 E" },
+        { id: 6, name: "选项 F" },
+        { id: 7, name: "选项 G" },
+        { id: 8, name: "选项 H" },
+        { id: 9, name: "选项 I" },
+        { id: 10, name: "选项 J" },
+        { id: 11, name: "选项 K" },
+        { id: 12, name: "选项 L" },
+        { id: 13, name: "选项 M" },
+        { id: 14, name: "选项 N" },
+        { id: 15, name: "选项 O" },
+        { id: 16, name: "选项 P" },
+        { id: 17, name: "选项 Q" },
+        { id: 18, name: "选项 R" },
+        { id: 19, name: "选项 S" },
+        { id: 20, name: "选项 T" },
+        { id: 21, name: "选项 U" },
+        { id: 22, name: "选项 V" },
+
+
+      ],
+    };
+  },
+  methods: {
+    selectItem(item) {
+      this.optionList = this.optionList.filter((o) => o.id !== item.id);
+      this.selectedList.push(item);
+    },
+    removeItem(item) {
+      this.selectedList = this.selectedList.filter((s) => s.id !== item.id);
+      this.optionList.push(item);
+    },
+  },
+};
+</script>
+
+<style scoped>
+.drag-select-element {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  max-width: 600px; /* 整个组件最大宽度 */
+}
+
+.section {
+  display: flex;
+  flex-direction: column;
+}
+
+.tag-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 8px;
+  border: 1px solid #dcdfe6;
+  border-radius: 6px;
+  min-height: 50px;
+  max-width: 100%;
+  background-color: #fafafa;
+  box-sizing: border-box;
+}
+</style>

package/readme.md

@@ -1,3 +1,5 @@
+1.2.18 标签拖动
+1.2.17 done,close icon
 1.2.16 replac$post
 1.2.15 replac '/addd/cddd'
 1.2.14 vuetools6.6

package/public/replacePost.js

@@ -1,48 +0,0 @@
-const fs = require("fs")
-const path = require("path")
-
-// 匹配 this.$post(函数名, 参数)
-const regex = /this\.\$post\s*\(\s*([a-zA-Z_$][\w$]*)\s*,/g
-
-// 需要处理的文件类型
-const exts = [".js", ".ts", ".vue"]
-
-/**
- * 处理单个文件
- * @param {string} filePath - 文件路径
- */
-function processFile(filePath) {
-  if (!exts.includes(path.extname(filePath))) return
-
-  let code = fs.readFileSync(filePath, "utf8")
-  if (regex.test(code)) {
-    const newCode = code.replace(regex, "$1(")
-    fs.writeFileSync(filePath, newCode, "utf8")
-    console.log("✅ 已处理文件:", filePath)
-  }
-}
-
-/**
- * 递归处理目录
- * @param {string} dirPath - 目录路径
- */
-function processDir(dirPath) {
-  const files = fs.readdirSync(dirPath)
-  for (const file of files) {
-    const fullPath = path.join(dirPath, file)
-    const stat = fs.statSync(fullPath)
-
-    if (stat.isDirectory()) {
-      processDir(fullPath) // 递归子目录
-    } else {
-      processFile(fullPath)
-    }
-  }
-}
-
-// ========== 使用示例 ==========
-// 处理单个文件
-processFile(path.resolve(__dirname, "test.js"))
-
-// 处理整个目录
-// processDir(path.resolve(__dirname, "src"))