{"version":3,"file":"SearchFilter-BTmoOTEk.js","names":[],"sources":["../../../app/javascript/Shared/SearchFilter.vue"],"sourcesContent":["<template>\n  <div class=\"flex items-center\">\n    <div class=\"flex w-full rounded-sm bg-white shadow-sm\">\n      <dropdown\n        class=\"rounded-l border-r px-4 hover:bg-gray-100 focus:z-10 focus:border-white md:px-6\"\n        placement=\"bottom-start\"\n        aria-label=\"筛选\"\n        :auto-close=\"false\"\n      >\n        <template #default>\n          <div class=\"flex items-baseline\">\n            <span class=\"hidden text-gray-800 md:inline\">筛选</span>\n            <svg\n              class=\"h-2 w-2 fill-gray-700 md:ml-2\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 961.243 599.998\"\n            >\n              <path\n                d=\"M239.998 239.999L0 0h961.243L721.246 240c-131.999 132-240.28 240-240.624 239.999-.345-.001-108.625-108.001-240.624-240z\"\n              />\n            </svg>\n          </div>\n        </template>\n        <template #dropdown>\n          <div\n            class=\"mt-2 w-screen rounded-sm bg-white px-4 py-6 shadow-xl\"\n            :style=\"{ maxWidth: `${maxWidth}px` }\"\n          >\n            <slot />\n          </div>\n        </template>\n      </dropdown>\n      <input\n        class=\"w-full rounded-r px-6 py-3\"\n        aria-label=\"搜索\"\n        autocomplete=\"off\"\n        type=\"text\"\n        name=\"search\"\n        placeholder=\"搜索…\"\n        :value=\"modelValue\"\n        @input=\"$emit('update:modelValue', $event.target.value)\"\n      >\n    </div>\n    <button\n      class=\"ml-3 text-sm text-gray-700 hover:text-gray-700 focus:text-indigo-500\"\n      type=\"button\"\n      @click=\"$emit('reset')\"\n    >\n      重置\n    </button>\n  </div>\n</template>\n\n<script>\nimport Dropdown from '@/Shared/Dropdown.vue';\n\nexport default {\n  components: {\n    Dropdown,\n  },\n  props: {\n    modelValue: String,\n    maxWidth: {\n      type: Number,\n      default: 300,\n    },\n  },\n  emits: ['update:modelValue', 'reset'],\n};\n</script>\n"],"mappings":"gNAwDA,IAAK,EAAU,CACb,WAAY,CACV,SAAA,EACD,CACD,MAAO,CACL,WAAY,OACZ,SAAU,CACR,KAAM,OACN,QAAS,IACV,CACF,CACD,MAAO,CAAC,oBAAqB,QAAQ,CACtC,IAnEM,MAAM,oBAAmB,IACvB,MAAM,4CAA2C,oEADxD,EAiDM,MAjDN,EAiDM,CAhDJ,EAwCM,MAxCN,EAwCM,CAvCJ,EA4BW,EAAA,CA3BT,MAAM,kFACN,UAAU,eACV,aAAW,KACV,aAAY,KAEF,QAAO,MAYV,CAAA,GAAA,AAAA,EAAA,KAAA,CAXN,EAWM,MAAA,CAXD,MAAM,sBAAqB,CAAA,CAC9B,EAAsD,OAAA,CAAhD,MAAM,iCAAgC,CAAC,KAAE,CAC/C,EAQM,MAAA,CAPJ,MAAM,gCACN,MAAM,6BACN,QAAQ,wBAER,EAEE,OAAA,CADA,EAAE,0HAAyH,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAKxH,SAAQ,MAMX,CALN,EAKM,MAAA,CAJJ,MAAM,wDACL,MAAK,EAAA,CAAA,SAAA,GAAiB,EAAA,SAAQ,IAAA,CAAA,GAE/B,EAAQ,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,CAAA,CAAA,OAId,EASC,QAAA,CARC,MAAM,6BACN,aAAW,KACX,aAAa,MACb,KAAK,OACL,KAAK,SACL,YAAY,MACX,MAAO,EAAA,WACP,QAAK,AAAA,EAAA,KAAA,GAAE,EAAA,MAAK,oBAAsB,EAAO,OAAO,MAAK,eAG1D,EAMS,SAAA,CALP,MAAM,uEACN,KAAK,SACJ,QAAK,AAAA,EAAA,KAAA,GAAE,EAAA,MAAK,QAAA,EACd,OAED,CAAA,CAAA"}