| Category: Vue.js / Miscellaneous |
| Watchers: 14 |
| Star: 623 |
| Fork: 156 |
| Last update: May 29, 2023 |
Vue Query Builder is a user interface that makes it easy for your users to create queries of any kind. It's useful if you need an interface for generating reports, filtering data, and more.
A simple change to allow for custom components which provides the user with ultimate flexibility.
The component should implement the "v-model" interface.
Example:
{
type: {
props: ['value'],
render (h) {
return <MyTaggingComponent onChange={value => this.$emit('input', value)}></MyTaggingComponent>;
}
},
id: 'tags',
label: 'Tags',
operators: ['Has Tag']
}
Hey, thanks for the great library. I am running across the following error:
Uncaught ReferenceError: deepClone is not defined
at deepClone (eval at <anonymous> (app-c97455196b.js:1519), <anonymous>:14:21)
at VueComponent.mounted (eval at <anonymous> (app-c97455196b.js:1471), <anonymous>:125:85)
at callHook (eval at <anonymous> (app-c97455196b.js:756), <anonymous>:2758:19)
at Object.insert (eval at <anonymous> (app-c97455196b.js:756), <anonymous>:1769:5)
at invokeInsertHook (eval at <anonymous> (app-c97455196b.js:756), <anonymous>:4472:28)
at Vue$3.patch [as __patch__] (eval at <anonymous> (app-c97455196b.js:756), <anonymous>:4636:5)
at Vue$3.Vue._update (eval at <anonymous> (app-c97455196b.js:756), <anonymous>:2639:19)
at Vue$3.updateComponent (eval at <anonymous> (app-c97455196b.js:756), <anonymous>:2613:10)
at Watcher.get (eval at <anonymous> (app-c97455196b.js:756), <anonymous>:2936:27)
at new Watcher (eval at <anonymous> (app-c97455196b.js:756), <anonymous>:2928:12)
Any advice on how to fix it? Thanks
HI, I have used vue-query-builder . and getting an issue for load rules for existing query . i have added record with se of rules so query was generated and saved to data base. while trying to retrieve and display the record query bulder does not set or load the rules based on teh existing query . Could you please help me to load exsiting rules based the query generated during add record. thanks in Asvance
Both Select and checkbox values were being set to the 1st choice in 'rules' and ignored any values passed in by 'initailQuery'. Added logic to check for 'query.value' to be null. Only then, 'updated_query.value' is changed to 1st choice provided in 'rule'.
This is probably more to do with incorrect syntax/code on my side, but I cannot catch the emit event from the component.
Usually I would just do:
<my-component @emit_event="function"></my-component>
To catch the emitted event, but when I update the query and try to catch with @update:query nothing happens.
<vue-query-builder :rules="rules" :initial-query="initialQuery" @update:query="updateQuery"></vue-query-builder>
Instead I am using v-model on the query builder, which is actually working but I think the intention is to be using the event?
This may be more of a stack overflow issue, but hopefully you are able to help!
Great component, thanks.
I have added a select input because for my use case I wanted to specify a list of options that was too long to use the checkbox or radio options.
objects be like rules
[{
"id":"id",
"label":"id",
"type":"numeric",
"table":"companies"
}]
query
{
"logicalOperator":"all",
"children": [{
"type":"query-builder-rule",
"query": {
"rule":"id",
"selectedOperator":"<",
"selectedOperand":"id",
"value":"30",
"table":"companies"
}
}]
}
I have this rules:
rules: [
{
type: "text",
id: "url_regex",
label: "Url Regex",
},
{
type: "custom",
id: "page_source",
label: "Page Source ",
},
{
type: "custom-component",
id: "page_dom_element",
label: "Page Dom Element",
operators: [],
component : PageDomElement,
},
],
Here, on the last rule you can see that I am using custom-component type as the component is PageDomElement. In this PageDomElement I have entered 3 input fields.
Now my question is how can I get this 3 input fields to query?
Bumps terser from 4.6.2 to 4.8.1.
Sourced from terser's changelog.
v4.8.1 (backport)
- Security fix for RegExps that should not be evaluated (regexp DDOS)
v4.8.0
- Support for numeric separators (
million = 1_000_000) was added.- Assigning properties to a class is now assumed to be pure.
- Fixed bug where
yieldwasn't considered a valid property key in generators.v4.7.0
- A bug was fixed where an arrow function would have the wrong size
argumentsobject is now considered safe to retrieve properties from (useful forlength, or0) even whenpure_gettersis not set.- Fixed erroneous
constdeclarations without value (which is invalid) in some corner cases when usingcollapse_vars.v4.6.13
- Fixed issue where ES5 object properties were being turned into ES6 object properties due to more lax unicode rules.
- Fixed parsing of BigInt with lowercase
ein them.v4.6.12
- Fixed subtree comparison code, making it see that
[1,[2, 3]]is different from[1, 2, [3]]- Printing of unicode identifiers has been improved
v4.6.11
- Read unused classes' properties and method keys, to figure out if they use other variables.
- Prevent inlining into block scopes when there are name collisions
- Functions are no longer inlined into parameter defaults, because they live in their own special scope.
- When inlining identity functions, take into account the fact they may be used to drop
thisin function calls.- Nullish coalescing operator (
x ?? y), plus basic optimization for it.- Template literals in binary expressions such as
+have been further optimizedv4.6.10
- Do not use reduce_vars when classes are present
v4.6.9
- Check if block scopes actually exist in blocks
v4.6.8
- Take into account "executed bits" of classes like static properties or computed keys, when checking if a class evaluation might throw or have side effects.
v4.6.7
- Some new performance gains through a
AST_Node.size()method which measures a node's source code length without printing it to a string first.
... (truncated)
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase will rebase this PR@dependabot recreate will recreate this PR, overwriting any edits that have been made to it@dependabot merge will merge this PR after your CI passes on it@dependabot squash and merge will squash and merge this PR after your CI passes on it@dependabot cancel merge will cancel a previously requested merge and block automerging@dependabot reopen will reopen this PR if it is closed@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
Bumps thenify from 3.3.0 to 3.3.1.
1d054b4 Release 3.3.10d94a24 fix: remove eval (#30)Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase will rebase this PR@dependabot recreate will recreate this PR, overwriting any edits that have been made to it@dependabot merge will merge this PR after your CI passes on it@dependabot squash and merge will squash and merge this PR after your CI passes on it@dependabot cancel merge will cancel a previously requested merge and block automerging@dependabot reopen will reopen this PR if it is closed@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
It would be nice to provide a way to specify options associated with operators. For instance if a user wants to test string equality, they may also want an option to specify whether the test should be case sensitive or not.
Bumps eventsource from 1.0.7 to 1.1.1.
Sourced from eventsource's changelog.
1.1.1
- Do not include authorization and cookie headers on redirect to different origin (#273 Espen Hovlandsdal)
1.1.0
- Improve performance for large messages across many chunks (#130 Trent Willis)
- Add
createConnectionoption for http or https requests (#120 Vasily Lavrov)- Support HTTP 302 redirects (#116 Ryan Bonte)
- Prevent sequential errors from attempting multiple reconnections (#125 David Patty)
- Add
newto correct test (#111 Stéphane Alnet)- Fix reconnections attempts now happen more than once (#136 Icy Fish)
aa7a408 1.1.156d489e chore: rebuild polyfill4a951e5 docs: update history for 1.1.1f9f6416 fix: strip sensitive headers on redirect to different origin9dd0687 1.1.049497ba Update history for 1.1.0 (#146)3a38537 Update history for #13646fe04e Merge pull request #136 from icy-fish/master9a4190f Fix issue: reconnection only happends for 1 time after connection drops61e1b19 test: destroy both proxied request and response on closeDependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase will rebase this PR@dependabot recreate will recreate this PR, overwriting any edits that have been made to it@dependabot merge will merge this PR after your CI passes on it@dependabot squash and merge will squash and merge this PR after your CI passes on it@dependabot cancel merge will cancel a previously requested merge and block automerging@dependabot reopen will reopen this PR if it is closed@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
This release was a major refactor, and a big step toward a stable release. The biggest new feature is the ability to completely replace the template of the query builder, to provide better support for folks who need to integrate with other CSS frameworks or just want more control over the display of the query builder.
Breaking changes:
selectedOperator and selectedOperand in the query input/output were changed to operator and operand.styled prop was removedSee the documentation for more information on providing a custom template.
A couple of minor breaking changes:
Rather than just 2 match types, you can now add as many as you want and specify the label and key. The key will be used for the raw output. The matchTypeAny and matchTypeAll properties on the labels prop have been replaced with matchTypes; see the Configuration section of the docs for more details.
All rules can now have operators, including multiple choice rules. You just need to provide an array of operators with the rule and they'll be included. If you only have one or zero operators, nothing will show.
Added the name property to the component
This migrates the API for the component from using the initialQuery prop and @query-updated event to simply using v-model.
