@timus-networks/filter
v1.0.41
Published
A customizable filter component for Vue.js 2 applications.
Downloads
1
Readme
Timus Filter - Nuxt Module
TnFilter
Vue bileşeni, kullanıcılara gelişmiş bir filtreleme arayüzü sağlar. Bu bileşen, belirli kurallara göre bir veri kümesini filtrelemek için kullanılabilir ve JQL (Jira Query Language) formatında bir çıktı üretir.
Installation
First install package
npm i @timus-networks/table
Add package to
module
property innuxt.config.js
file
{
"modules": ["@nuxtjs/axios", ["@timus-networks/filter", { "client": false, "typescript": false }]]
}
- You can manually set the
client
andtypescript
support properties. - If you render this component on the client side, set the value to
true
. - If you prefer to use
typescript
during development, settypescript
totrue
. - You can also set the
namespace
to define the module path's position within the .nuxt folder.
Kullanım
TnFilter
bileşeni, kullanıcının belirttiği filtreleme kurallarına göre JQL formatında bir sorgu string'i üretir.
Props:
fields
: Filtrelenen alanların listesi.filters
: Filtreleme kurallarının listesi.
Örnek Kullanım:
<template>
<div>
<TnFilter :fields="['name', 'age', 'city']" :filters="filters" @emit="handleEmit" />
<!-- Filtrelenen sonuçları JQL formatında göstermek için -->
<pre>{{ jqlQuery }}</pre>
</div>
</template>
<script>
export default {
data() {
return {
jqlQuery: '',
};
},
methods: {
// Bu fonksiyon JQL formatında bir string alır.
handleEmit(jql) {
this.jqlQuery = jql;
},
},
};
</script>
Katkıda Bulunanlar
Bu projeye katkıda bulunmak için lütfen CONTRIBUTING.md dosyasına başvurun.
Lisans
Bu proje MIT lisansı altında lisanslanmıştır. Daha fazla bilgi için LICENCE.md dosyasına başvurun.