{"remainingRequest":"D:\\workspace\\car_web\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\workspace\\car_web\\src\\components\\DictTag\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\workspace\\car_web\\src\\components\\DictTag\\index.vue","mtime":1708672711874},{"path":"D:\\workspace\\car_web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\workspace\\car_web\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"D:\\workspace\\car_web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\workspace\\car_web\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICJEaWN0VGFnIiwNCiAgcHJvcHM6IHsNCiAgICBvcHRpb25zOiB7DQogICAgICB0eXBlOiBBcnJheSwNCiAgICAgIGRlZmF1bHQ6IG51bGwsDQogICAgfSwNCiAgICB2YWx1ZTogW051bWJlciwgU3RyaW5nLCBBcnJheV0sDQogICAgLy8g5b2T5pyq5om+5Yiw5Yy56YWN55qE5pWw5o2u5pe277yM5pi+56S6dmFsdWUNCiAgICBzaG93VmFsdWU6IHsNCiAgICAgIHR5cGU6IEJvb2xlYW4sDQogICAgICBkZWZhdWx0OiB0cnVlLA0KICAgIH0NCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgdW5tYXRjaEFycmF5OiBbXSwgLy8g6K6w5b2V5pyq5Yy56YWN55qE6aG5DQogICAgfQ0KICB9LA0KICBjb21wdXRlZDogew0KICAgIHZhbHVlcygpIHsNCiAgICAgIGlmICh0aGlzLnZhbHVlICE9PSBudWxsICYmIHR5cGVvZiB0aGlzLnZhbHVlICE9PSAidW5kZWZpbmVkIikgew0KICAgICAgICByZXR1cm4gQXJyYXkuaXNBcnJheSh0aGlzLnZhbHVlKSA/IHRoaXMudmFsdWUgOiBbU3RyaW5nKHRoaXMudmFsdWUpXTsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHJldHVybiBbXTsNCiAgICAgIH0NCiAgICB9LA0KICAgIHVubWF0Y2goKSB7DQogICAgICB0aGlzLnVubWF0Y2hBcnJheSA9IFtdOw0KICAgICAgaWYgKHRoaXMudmFsdWUgIT09IG51bGwgJiYgdHlwZW9mIHRoaXMudmFsdWUgIT09ICJ1bmRlZmluZWQiKSB7DQogICAgICAgIC8vIOS8oOWFpeWAvOS4uumdnuaVsOe7hA0KICAgICAgICBpZiAoIUFycmF5LmlzQXJyYXkodGhpcy52YWx1ZSkpIHsNCiAgICAgICAgICBpZiAodGhpcy5vcHRpb25zLnNvbWUoKHYpID0+IHYudmFsdWUgPT0gdGhpcy52YWx1ZSkpIHJldHVybiBmYWxzZTsNCiAgICAgICAgICB0aGlzLnVubWF0Y2hBcnJheS5wdXNoKHRoaXMudmFsdWUpOw0KICAgICAgICAgIHJldHVybiB0cnVlOw0KICAgICAgICB9DQogICAgICAgIC8vIOS8oOWFpeWAvOS4ukFycmF5DQogICAgICAgIHRoaXMudmFsdWUuZm9yRWFjaCgoaXRlbSkgPT4gew0KICAgICAgICAgIGlmICghdGhpcy5vcHRpb25zLnNvbWUoKHYpID0+IHYudmFsdWUgPT0gaXRlbSkpDQogICAgICAgICAgICB0aGlzLnVubWF0Y2hBcnJheS5wdXNoKGl0ZW0pOw0KICAgICAgICB9KTsNCiAgICAgICAgcmV0dXJuIHRydWU7DQogICAgICB9DQogICAgICAvLyDmsqHmnIl2YWx1ZeS4jeaYvuekug0KICAgICAgcmV0dXJuIGZhbHNlOw0KICAgIH0sDQogIH0sDQogIGZpbHRlcnM6IHsNCiAgICBoYW5kbGVBcnJheShhcnJheSkgew0KICAgICAgaWYgKGFycmF5Lmxlbmd0aCA9PT0gMCkgcmV0dXJuICIiOw0KICAgICAgcmV0dXJuIGFycmF5LnJlZHVjZSgocHJlLCBjdXIpID0+IHsNCiAgICAgICAgcmV0dXJuIHByZSArICIgIiArIGN1cjsNCiAgICAgIH0pDQogICAgfQ0KICB9DQp9Ow0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/DictTag","sourcesContent":["<template>\r\n  <div>\r\n    <template v-for=\"(item, index) in options\">\r\n      <template v-if=\"values.includes(item.value)\">\r\n        <span\r\n          v-if=\"(item.raw.listClass == 'default' || item.raw.listClass == '') && (item.raw.cssClass == '' || item.raw.cssClass == null)\"\r\n          :key=\"item.value\"\r\n          :index=\"index\"\r\n          :class=\"item.raw.cssClass\"\r\n          >{{ item.label + \" \" }}</span\r\n        >\r\n        <el-tag\r\n          v-else\r\n          :disable-transitions=\"true\"\r\n          :key=\"item.value\"\r\n          :index=\"index\"\r\n          :type=\"item.raw.listClass == 'primary' ? '' : item.raw.listClass\"\r\n          :class=\"item.raw.cssClass\"\r\n        >\r\n          {{ item.label + \" \" }}\r\n        </el-tag>\r\n      </template>\r\n    </template>\r\n    <template v-if=\"unmatch && showValue\">\r\n      {{ unmatchArray | handleArray }}\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"DictTag\",\r\n  props: {\r\n    options: {\r\n      type: Array,\r\n      default: null,\r\n    },\r\n    value: [Number, String, Array],\r\n    // 当未找到匹配的数据时，显示value\r\n    showValue: {\r\n      type: Boolean,\r\n      default: true,\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      unmatchArray: [], // 记录未匹配的项\r\n    }\r\n  },\r\n  computed: {\r\n    values() {\r\n      if (this.value !== null && typeof this.value !== \"undefined\") {\r\n        return Array.isArray(this.value) ? this.value : [String(this.value)];\r\n      } else {\r\n        return [];\r\n      }\r\n    },\r\n    unmatch() {\r\n      this.unmatchArray = [];\r\n      if (this.value !== null && typeof this.value !== \"undefined\") {\r\n        // 传入值为非数组\r\n        if (!Array.isArray(this.value)) {\r\n          if (this.options.some((v) => v.value == this.value)) return false;\r\n          this.unmatchArray.push(this.value);\r\n          return true;\r\n        }\r\n        // 传入值为Array\r\n        this.value.forEach((item) => {\r\n          if (!this.options.some((v) => v.value == item))\r\n            this.unmatchArray.push(item);\r\n        });\r\n        return true;\r\n      }\r\n      // 没有value不显示\r\n      return false;\r\n    },\r\n  },\r\n  filters: {\r\n    handleArray(array) {\r\n      if (array.length === 0) return \"\";\r\n      return array.reduce((pre, cur) => {\r\n        return pre + \" \" + cur;\r\n      })\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style scoped>\r\n.el-tag + .el-tag {\r\n  margin-left: 10px;\r\n}\r\n</style>\r\n"]}]}