@e7a/everright-filter 1.0.5 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +125 -125
- package/README.zh-cn.md +125 -125
- package/dist/EverrightFilter-with-element-plus.iife.js +1 -1
- package/dist/EverrightFilter-with-element-plus.js +1 -1
- package/dist/EverrightFilter-with-element-plus.umd.cjs +1 -1
- package/dist/EverrightFilter-without-element-plus.iife.js +1 -1
- package/dist/EverrightFilter-without-element-plus.js +1 -1
- package/dist/EverrightFilter-without-element-plus.umd.cjs +1 -1
- package/package.json +3 -3
package/LICENSE
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2023 Liberty
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2023 Liberty
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,125 +1,125 @@
|
|
|
1
|
-
<p align="center"><img height="200px" src="https://github.com/Liberty-liu/Liberty-liu/assets/21301475/0d71a431-d2d4-4f67-b8bb-d230f7dc258b"></p>
|
|
2
|
-
<h1 align="center">Everright-filter</h1>
|
|
3
|
-
|
|
4
|
-
[简体中文](./README.zh-cn.md) | English
|
|
5
|
-
|
|
6
|
-
[](https://vuejs.org/)
|
|
7
|
-
[](https://element-plus.gitee.io/)
|
|
8
|
-
[](https://github.com/vant-ui/vant.git)
|
|
9
|
-
[](https://github.com/vuejs/core.git)
|
|
10
|
-
[](https://lodash.com/custom-builds)
|
|
11
|
-
[](https://caolan.github.io/async/)
|
|
12
|
-
[](https://github.com/vuelidate/vuelidate)
|
|
13
|
-
[](https://github.com/vuelidate/vuelidate)
|
|
14
|
-
[](https://github.com/axios/axios)
|
|
15
|
-
[](https://github.com/cnwhy/nzh.git)
|
|
16
|
-
[](https://github.com/yamadapc/js-written-number)
|
|
17
|
-
[](https://github.com/vitejs/vite.git)
|
|
18
|
-
[](https://github.com/antfu/unplugin-vue-components)
|
|
19
|
-
|
|
20
|
-
**[中文主页](https://everright.site/filter/introduction.html)** | **[ENGLISH HOMEPAGE](https://everright.site/en/filter/introduction.html)**
|
|
21
|
-
|
|
22
|
-
Everright-filter is a user interface that easily generates any type of query statement, making filtering and filtering data a breeze. Provide a variety of UI interfaces to enable different business scenarios.
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
## Features
|
|
27
|
-
|
|
28
|
-
* 1.Supports filtering of multiple data types, including string, number, dropdown, cascade, region, date and time. Whether you need to filter different types of data, it can meet your needs.
|
|
29
|
-
* 2.Provides a wealth of operators, such as equal to, not equal to, greater than, less than, interval, etc., allowing you to flexibly define filtering rules based on specific conditions.
|
|
30
|
-
* 3.Provides great flexibility. It supports filtering on date, year, month and day. It also supports the selection of relative time and absolute time, such as today, this week, this month, this year, past N days/hours, future N days/hours, etc. This makes date filtering more flexible and can meet the needs of various time dimensions.
|
|
31
|
-
* 4.Support conditional grouping settings, you can use logical operators (AND/OR) to combine multiple conditions to implement complex data filtering logic. Data that meets multiple conditions can be filtered out more precisely to meet the needs of advanced data analysis and mining.
|
|
32
|
-
* 5.For behavioral data, it supports setting start and end time, limit times and limit attributes. You can precisely filter out actions that occurred within a specific time period, and further filter based on frequency and attribute conditions.
|
|
33
|
-
* 6.Each filter type is extracted and used separately, and can be easily embedded into different UI interfaces. Whether it is a search box, a filter panel or a table header, everright-filter can provide consistent functions and data structures, eliminating the need to develop separate filter functions for different interfaces, saving development resources and time.
|
|
34
|
-
* 7.Developers can easily configure the data structure of the required functions according to the document UI interface, saving the tedious manual coding and debugging process.
|
|
35
|
-
* 8.Support Chinese and English
|
|
36
|
-
|
|
37
|
-
## Explanation of the different builds
|
|
38
|
-
In the [dist/ directory](https://unpkg.com/browse/everright-filter@1.1.0/dist/) of the npm package you will find the different builds
|
|
39
|
-
|
|
40
|
-
- `without-element-plus`(element-plus is required) `Default`
|
|
41
|
-
- `with-element-plus`(Built-in element-plus)
|
|
42
|
-
|
|
43
|
-
| | Excludes element-plus(default) | Includes element-plus(v2.3.3) |
|
|
44
|
-
| ------------- | ------------- | ------------- |
|
|
45
|
-
| UMD | EverrightFilter-without-element-plus.umd.cjs | EverrightFilter-with-element-plus.umd.cjs |
|
|
46
|
-
| ES | EverrightFilter-without-element-plus.js | EverrightFilter-with-element-plus.js |
|
|
47
|
-
| IIFE | EverrightFilter-without-element-plus.iife.js | EverrightFilter-with-element-plus.iife.js |
|
|
48
|
-
| css | EverrightFilter-without-element-plus.css | EverrightFilter-with-element-plus.css |
|
|
49
|
-
|
|
50
|
-
<details>
|
|
51
|
-
<summary>Click Me to see which components are built in</summary>
|
|
52
|
-
|
|
53
|
-
#### Includes element-plus(v2.3.3)
|
|
54
|
-
|
|
55
|
-
Based on ES modules tree shaking
|
|
56
|
-
|
|
57
|
-
| element-plus components |
|
|
58
|
-
|------------------|
|
|
59
|
-
| ElButton |
|
|
60
|
-
| ElCascader |
|
|
61
|
-
| ElCheckbox |
|
|
62
|
-
| ElCheckboxGroup |
|
|
63
|
-
| ElDatePicker |
|
|
64
|
-
| ElIcon |
|
|
65
|
-
| ElInput |
|
|
66
|
-
| ElInputNumber |
|
|
67
|
-
| ElOption |
|
|
68
|
-
| ElPopover |
|
|
69
|
-
| ElScrollbar |
|
|
70
|
-
| ElSelect |
|
|
71
|
-
| ElSwitch |
|
|
72
|
-
| ElTabPane |
|
|
73
|
-
| ElTabs |
|
|
74
|
-
| ElTag |
|
|
75
|
-
| ElTimePicker |
|
|
76
|
-
| ElTooltip |
|
|
77
|
-
| vLoading |
|
|
78
|
-
|
|
79
|
-
</details>
|
|
80
|
-
|
|
81
|
-
## Docs
|
|
82
|
-
|
|
83
|
-
+ [Get Started](https://everright.site/en/filter/started.html)
|
|
84
|
-
+ [Docs](https://everright.site/en/filter/doc.html)
|
|
85
|
-
|
|
86
|
-
## Examples
|
|
87
|
-
|
|
88
|
-
+ [linear](https://everright.site/demo/filter/linear.html?lang=en) `Application Scenario: Suitable for data filtering`
|
|
89
|
-
+ [matrix](https://everright.site/demo/filter/matrix.html?lang=en) `Application Scenario: Suitable for data filtering`
|
|
90
|
-
+ [quick-search](https://everright.site/demo/filter/quick-search.html?lang=en) `Application Scenario: Suitable for search`
|
|
91
|
-
+ [quick-filter](https://everright.site/demo/filter/quick-filter.html?lang=en) `Application Scenario: Suitable for filtering in a column of the list`
|
|
92
|
-
+ [See examples on codepen](https://codepen.io/liberty-liu/pen/BaGvrjx) `linear、matrix`
|
|
93
|
-
|
|
94
|
-
## Sample screenshot
|
|
95
|
-
|
|
96
|
-
### text
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
### number
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
### time
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
### date
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
### cascader
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
### select
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
### linear
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
### matrix
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
### quick-search
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
### quick-filter
|
|
124
|
-
|
|
125
|
-
|
|
1
|
+
<p align="center"><img height="200px" src="https://github.com/Liberty-liu/Liberty-liu/assets/21301475/0d71a431-d2d4-4f67-b8bb-d230f7dc258b"></p>
|
|
2
|
+
<h1 align="center">Everright-filter</h1>
|
|
3
|
+
|
|
4
|
+
[简体中文](./README.zh-cn.md) | English
|
|
5
|
+
|
|
6
|
+
[](https://vuejs.org/)
|
|
7
|
+
[](https://element-plus.gitee.io/)
|
|
8
|
+
[](https://github.com/vant-ui/vant.git)
|
|
9
|
+
[](https://github.com/vuejs/core.git)
|
|
10
|
+
[](https://lodash.com/custom-builds)
|
|
11
|
+
[](https://caolan.github.io/async/)
|
|
12
|
+
[](https://github.com/vuelidate/vuelidate)
|
|
13
|
+
[](https://github.com/vuelidate/vuelidate)
|
|
14
|
+
[](https://github.com/axios/axios)
|
|
15
|
+
[](https://github.com/cnwhy/nzh.git)
|
|
16
|
+
[](https://github.com/yamadapc/js-written-number)
|
|
17
|
+
[](https://github.com/vitejs/vite.git)
|
|
18
|
+
[](https://github.com/antfu/unplugin-vue-components)
|
|
19
|
+
|
|
20
|
+
**[中文主页](https://everright.site/filter/introduction.html)** | **[ENGLISH HOMEPAGE](https://everright.site/en/filter/introduction.html)**
|
|
21
|
+
|
|
22
|
+
Everright-filter is a user interface that easily generates any type of query statement, making filtering and filtering data a breeze. Provide a variety of UI interfaces to enable different business scenarios.
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## Features
|
|
27
|
+
|
|
28
|
+
* 1.Supports filtering of multiple data types, including string, number, dropdown, cascade, region, date and time. Whether you need to filter different types of data, it can meet your needs.
|
|
29
|
+
* 2.Provides a wealth of operators, such as equal to, not equal to, greater than, less than, interval, etc., allowing you to flexibly define filtering rules based on specific conditions.
|
|
30
|
+
* 3.Provides great flexibility. It supports filtering on date, year, month and day. It also supports the selection of relative time and absolute time, such as today, this week, this month, this year, past N days/hours, future N days/hours, etc. This makes date filtering more flexible and can meet the needs of various time dimensions.
|
|
31
|
+
* 4.Support conditional grouping settings, you can use logical operators (AND/OR) to combine multiple conditions to implement complex data filtering logic. Data that meets multiple conditions can be filtered out more precisely to meet the needs of advanced data analysis and mining.
|
|
32
|
+
* 5.For behavioral data, it supports setting start and end time, limit times and limit attributes. You can precisely filter out actions that occurred within a specific time period, and further filter based on frequency and attribute conditions.
|
|
33
|
+
* 6.Each filter type is extracted and used separately, and can be easily embedded into different UI interfaces. Whether it is a search box, a filter panel or a table header, everright-filter can provide consistent functions and data structures, eliminating the need to develop separate filter functions for different interfaces, saving development resources and time.
|
|
34
|
+
* 7.Developers can easily configure the data structure of the required functions according to the document UI interface, saving the tedious manual coding and debugging process.
|
|
35
|
+
* 8.Support Chinese and English
|
|
36
|
+
|
|
37
|
+
## Explanation of the different builds
|
|
38
|
+
In the [dist/ directory](https://unpkg.com/browse/everright-filter@1.1.0/dist/) of the npm package you will find the different builds
|
|
39
|
+
|
|
40
|
+
- `without-element-plus`(element-plus is required) `Default`
|
|
41
|
+
- `with-element-plus`(Built-in element-plus)
|
|
42
|
+
|
|
43
|
+
| | Excludes element-plus(default) | Includes element-plus(v2.3.3) |
|
|
44
|
+
| ------------- | ------------- | ------------- |
|
|
45
|
+
| UMD | EverrightFilter-without-element-plus.umd.cjs | EverrightFilter-with-element-plus.umd.cjs |
|
|
46
|
+
| ES | EverrightFilter-without-element-plus.js | EverrightFilter-with-element-plus.js |
|
|
47
|
+
| IIFE | EverrightFilter-without-element-plus.iife.js | EverrightFilter-with-element-plus.iife.js |
|
|
48
|
+
| css | EverrightFilter-without-element-plus.css | EverrightFilter-with-element-plus.css |
|
|
49
|
+
|
|
50
|
+
<details>
|
|
51
|
+
<summary>Click Me to see which components are built in</summary>
|
|
52
|
+
|
|
53
|
+
#### Includes element-plus(v2.3.3)
|
|
54
|
+
|
|
55
|
+
Based on ES modules tree shaking
|
|
56
|
+
|
|
57
|
+
| element-plus components |
|
|
58
|
+
|------------------|
|
|
59
|
+
| ElButton |
|
|
60
|
+
| ElCascader |
|
|
61
|
+
| ElCheckbox |
|
|
62
|
+
| ElCheckboxGroup |
|
|
63
|
+
| ElDatePicker |
|
|
64
|
+
| ElIcon |
|
|
65
|
+
| ElInput |
|
|
66
|
+
| ElInputNumber |
|
|
67
|
+
| ElOption |
|
|
68
|
+
| ElPopover |
|
|
69
|
+
| ElScrollbar |
|
|
70
|
+
| ElSelect |
|
|
71
|
+
| ElSwitch |
|
|
72
|
+
| ElTabPane |
|
|
73
|
+
| ElTabs |
|
|
74
|
+
| ElTag |
|
|
75
|
+
| ElTimePicker |
|
|
76
|
+
| ElTooltip |
|
|
77
|
+
| vLoading |
|
|
78
|
+
|
|
79
|
+
</details>
|
|
80
|
+
|
|
81
|
+
## Docs
|
|
82
|
+
|
|
83
|
+
+ [Get Started](https://everright.site/en/filter/started.html)
|
|
84
|
+
+ [Docs](https://everright.site/en/filter/doc.html)
|
|
85
|
+
|
|
86
|
+
## Examples
|
|
87
|
+
|
|
88
|
+
+ [linear](https://everright.site/demo/filter/linear.html?lang=en) `Application Scenario: Suitable for data filtering`
|
|
89
|
+
+ [matrix](https://everright.site/demo/filter/matrix.html?lang=en) `Application Scenario: Suitable for data filtering`
|
|
90
|
+
+ [quick-search](https://everright.site/demo/filter/quick-search.html?lang=en) `Application Scenario: Suitable for search`
|
|
91
|
+
+ [quick-filter](https://everright.site/demo/filter/quick-filter.html?lang=en) `Application Scenario: Suitable for filtering in a column of the list`
|
|
92
|
+
+ [See examples on codepen](https://codepen.io/liberty-liu/pen/BaGvrjx) `linear、matrix`
|
|
93
|
+
|
|
94
|
+
## Sample screenshot
|
|
95
|
+
|
|
96
|
+
### text
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
### number
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
### time
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
### date
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
### cascader
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
### select
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
### linear
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
### matrix
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
### quick-search
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
### quick-filter
|
|
124
|
+
|
|
125
|
+
|
package/README.zh-cn.md
CHANGED
|
@@ -1,125 +1,125 @@
|
|
|
1
|
-
<p align="center"><img height="200px" src="https://github.com/Liberty-liu/Liberty-liu/assets/21301475/0d71a431-d2d4-4f67-b8bb-d230f7dc258b"></p>
|
|
2
|
-
<h1 align="center">Everright-filter</h1>
|
|
3
|
-
|
|
4
|
-
[English](./README.md) | 简体中文
|
|
5
|
-
|
|
6
|
-
[](https://vuejs.org/)
|
|
7
|
-
[](https://element-plus.gitee.io/)
|
|
8
|
-
[](https://github.com/vant-ui/vant.git)
|
|
9
|
-
[](https://github.com/vuejs/core.git)
|
|
10
|
-
[](https://lodash.com/custom-builds)
|
|
11
|
-
[](https://caolan.github.io/async/)
|
|
12
|
-
[](https://github.com/vuelidate/vuelidate)
|
|
13
|
-
[](https://github.com/vuelidate/vuelidate)
|
|
14
|
-
[](https://github.com/axios/axios)
|
|
15
|
-
[](https://github.com/cnwhy/nzh.git)
|
|
16
|
-
[](https://github.com/yamadapc/js-written-number)
|
|
17
|
-
[](https://github.com/vitejs/vite.git)
|
|
18
|
-
[](https://github.com/antfu/unplugin-vue-components)
|
|
19
|
-
|
|
20
|
-
**[中文主页](https://everright.site/filter/introduction.html)** | **[ENGLISH HOMEPAGE](https://everright.site/en/filter/introduction.html)**
|
|
21
|
-
|
|
22
|
-
Everright-filter是一个通过用户界面轻松生成任何类型的查询语句，使得筛选和过滤数据变得轻而易举。提供多种UI界面，赋能不同的业务场景。
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
## Features
|
|
27
|
-
|
|
28
|
-
* 1.支持多种数据类型的筛选，包括字符串、数字、下拉、级联、地区、日期和时间。无论你需要对不同类型的数据进行筛选，都能满足你的需求。
|
|
29
|
-
* 2.提供了丰富的操作符，如等于、不等于、大于、小于、区间等，让你能够根据具体条件灵活地定义筛选规则。
|
|
30
|
-
* 3.提供了极大的灵活性。它支持对日期、年、月和日进行筛选。还支持相对时间和绝对时间的选择，如今日、本周、本月、今年、过去N天/小时、未来N天/小时等。这使得日期筛选更加灵活，能够满足各种时间维度的需求。
|
|
31
|
-
* 4.支持条件的分组设置，可以通过使用逻辑运算符（AND/OR）组合多个条件，实现复杂的数据筛选逻辑。可以更精确地筛选出符合多个条件的数据，满足高级数据分析和挖掘的需求。
|
|
32
|
-
* 5.针对行为数据，支持设置起止时间、限制次数和限制属性。你可以精确地筛选出特定时间段内发生的行为，并根据次数和属性条件进行进一步过滤。
|
|
33
|
-
* 6.每个筛选类型单独抽离出来使用，可以轻松嵌入到不同的UI界面中。无论是搜索框、筛选面板还是表格的表头，everright-filter都能提供一致的功能和数据结构，无需为不同界面单独开发筛选功能，节省了开发资源和时间。
|
|
34
|
-
* 7.开发人员可以根据文档UI界面轻松配置所需功能的数据结构，节省了繁琐的手动编码和调试过程。
|
|
35
|
-
* 8.支持中文和英文
|
|
36
|
-
|
|
37
|
-
## Explanation of the different builds
|
|
38
|
-
在 [npm 包的 dist 目录](https://unpkg.com/browse/everright-filter@1.1.0/dist/)会找到两种构建版本
|
|
39
|
-
|
|
40
|
-
- `without-element-plus`(需提供element-plus) `Default`
|
|
41
|
-
- `with-element-plus`(内置element-plus)
|
|
42
|
-
|
|
43
|
-
| | Excludes element-plus(default) | Includes element-plus(v2.3.3) |
|
|
44
|
-
| ------------- | ------------- | ------------- |
|
|
45
|
-
| UMD | EverrightFilter-without-element-plus.umd.cjs | EverrightFilter-with-element-plus.umd.cjs |
|
|
46
|
-
| ES | EverrightFilter-without-element-plus.js | EverrightFilter-with-element-plus.js |
|
|
47
|
-
| IIFE | EverrightFilter-without-element-plus.iife.js | EverrightFilter-with-element-plus.iife.js |
|
|
48
|
-
| css | EverrightFilter-without-element-plus.css | EverrightFilter-with-element-plus.css |
|
|
49
|
-
|
|
50
|
-
<details>
|
|
51
|
-
<summary>点击查看element-plus哪些组件被包含其中</summary>
|
|
52
|
-
|
|
53
|
-
#### Includes element-plus(v2.3.3)
|
|
54
|
-
|
|
55
|
-
基于 ES modules 的 tree shaking
|
|
56
|
-
|
|
57
|
-
| element-plus components |
|
|
58
|
-
|------------------|
|
|
59
|
-
| ElButton |
|
|
60
|
-
| ElCascader |
|
|
61
|
-
| ElCheckbox |
|
|
62
|
-
| ElCheckboxGroup |
|
|
63
|
-
| ElDatePicker |
|
|
64
|
-
| ElIcon |
|
|
65
|
-
| ElInput |
|
|
66
|
-
| ElInputNumber |
|
|
67
|
-
| ElOption |
|
|
68
|
-
| ElPopover |
|
|
69
|
-
| ElScrollbar |
|
|
70
|
-
| ElSelect |
|
|
71
|
-
| ElSwitch |
|
|
72
|
-
| ElTabPane |
|
|
73
|
-
| ElTabs |
|
|
74
|
-
| ElTag |
|
|
75
|
-
| ElTimePicker |
|
|
76
|
-
| ElTooltip |
|
|
77
|
-
| vLoading |
|
|
78
|
-
|
|
79
|
-
</details>
|
|
80
|
-
|
|
81
|
-
## Docs
|
|
82
|
-
|
|
83
|
-
+ [Get Started](https://everright.site/filter/started.html)
|
|
84
|
-
+ [Docs](https://everright.site/filter/doc.html)
|
|
85
|
-
|
|
86
|
-
## Examples
|
|
87
|
-
|
|
88
|
-
+ [linear](https://everright.site/demo/filter/linear.html?lang=zh-cn) `应用场景: 适用于数据筛选`
|
|
89
|
-
+ [matrix](https://everright.site/demo/filter/matrix.html?lang=zh-cn) `应用场景: 适用于数据筛选`
|
|
90
|
-
+ [quick-search](https://everright.site/demo/filter/quick-search.html?lang=zh-cn) `应用场景: 适用于搜索`
|
|
91
|
-
+ [quick-filter](https://everright.site/demo/filter/quick-filter.html?lang=zh-cn) `应用场景: 适用于在列表某一列筛选`
|
|
92
|
-
+ [See examples on codepen](https://codepen.io/liberty-liu/pen/BaGvrjx) `linear、matrix`
|
|
93
|
-
|
|
94
|
-
## Sample screenshot
|
|
95
|
-
|
|
96
|
-
### text
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
### number
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
### time
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
### date
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
### cascader
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
### select
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
### linear
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
### matrix
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
### quick-search
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
### quick-filter
|
|
124
|
-
|
|
125
|
-
|
|
1
|
+
<p align="center"><img height="200px" src="https://github.com/Liberty-liu/Liberty-liu/assets/21301475/0d71a431-d2d4-4f67-b8bb-d230f7dc258b"></p>
|
|
2
|
+
<h1 align="center">Everright-filter</h1>
|
|
3
|
+
|
|
4
|
+
[English](./README.md) | 简体中文
|
|
5
|
+
|
|
6
|
+
[](https://vuejs.org/)
|
|
7
|
+
[](https://element-plus.gitee.io/)
|
|
8
|
+
[](https://github.com/vant-ui/vant.git)
|
|
9
|
+
[](https://github.com/vuejs/core.git)
|
|
10
|
+
[](https://lodash.com/custom-builds)
|
|
11
|
+
[](https://caolan.github.io/async/)
|
|
12
|
+
[](https://github.com/vuelidate/vuelidate)
|
|
13
|
+
[](https://github.com/vuelidate/vuelidate)
|
|
14
|
+
[](https://github.com/axios/axios)
|
|
15
|
+
[](https://github.com/cnwhy/nzh.git)
|
|
16
|
+
[](https://github.com/yamadapc/js-written-number)
|
|
17
|
+
[](https://github.com/vitejs/vite.git)
|
|
18
|
+
[](https://github.com/antfu/unplugin-vue-components)
|
|
19
|
+
|
|
20
|
+
**[中文主页](https://everright.site/filter/introduction.html)** | **[ENGLISH HOMEPAGE](https://everright.site/en/filter/introduction.html)**
|
|
21
|
+
|
|
22
|
+
Everright-filter是一个通过用户界面轻松生成任何类型的查询语句，使得筛选和过滤数据变得轻而易举。提供多种UI界面，赋能不同的业务场景。
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## Features
|
|
27
|
+
|
|
28
|
+
* 1.支持多种数据类型的筛选，包括字符串、数字、下拉、级联、地区、日期和时间。无论你需要对不同类型的数据进行筛选，都能满足你的需求。
|
|
29
|
+
* 2.提供了丰富的操作符，如等于、不等于、大于、小于、区间等，让你能够根据具体条件灵活地定义筛选规则。
|
|
30
|
+
* 3.提供了极大的灵活性。它支持对日期、年、月和日进行筛选。还支持相对时间和绝对时间的选择，如今日、本周、本月、今年、过去N天/小时、未来N天/小时等。这使得日期筛选更加灵活，能够满足各种时间维度的需求。
|
|
31
|
+
* 4.支持条件的分组设置，可以通过使用逻辑运算符（AND/OR）组合多个条件，实现复杂的数据筛选逻辑。可以更精确地筛选出符合多个条件的数据，满足高级数据分析和挖掘的需求。
|
|
32
|
+
* 5.针对行为数据，支持设置起止时间、限制次数和限制属性。你可以精确地筛选出特定时间段内发生的行为，并根据次数和属性条件进行进一步过滤。
|
|
33
|
+
* 6.每个筛选类型单独抽离出来使用，可以轻松嵌入到不同的UI界面中。无论是搜索框、筛选面板还是表格的表头，everright-filter都能提供一致的功能和数据结构，无需为不同界面单独开发筛选功能，节省了开发资源和时间。
|
|
34
|
+
* 7.开发人员可以根据文档UI界面轻松配置所需功能的数据结构，节省了繁琐的手动编码和调试过程。
|
|
35
|
+
* 8.支持中文和英文
|
|
36
|
+
|
|
37
|
+
## Explanation of the different builds
|
|
38
|
+
在 [npm 包的 dist 目录](https://unpkg.com/browse/everright-filter@1.1.0/dist/)会找到两种构建版本
|
|
39
|
+
|
|
40
|
+
- `without-element-plus`(需提供element-plus) `Default`
|
|
41
|
+
- `with-element-plus`(内置element-plus)
|
|
42
|
+
|
|
43
|
+
| | Excludes element-plus(default) | Includes element-plus(v2.3.3) |
|
|
44
|
+
| ------------- | ------------- | ------------- |
|
|
45
|
+
| UMD | EverrightFilter-without-element-plus.umd.cjs | EverrightFilter-with-element-plus.umd.cjs |
|
|
46
|
+
| ES | EverrightFilter-without-element-plus.js | EverrightFilter-with-element-plus.js |
|
|
47
|
+
| IIFE | EverrightFilter-without-element-plus.iife.js | EverrightFilter-with-element-plus.iife.js |
|
|
48
|
+
| css | EverrightFilter-without-element-plus.css | EverrightFilter-with-element-plus.css |
|
|
49
|
+
|
|
50
|
+
<details>
|
|
51
|
+
<summary>点击查看element-plus哪些组件被包含其中</summary>
|
|
52
|
+
|
|
53
|
+
#### Includes element-plus(v2.3.3)
|
|
54
|
+
|
|
55
|
+
基于 ES modules 的 tree shaking
|
|
56
|
+
|
|
57
|
+
| element-plus components |
|
|
58
|
+
|------------------|
|
|
59
|
+
| ElButton |
|
|
60
|
+
| ElCascader |
|
|
61
|
+
| ElCheckbox |
|
|
62
|
+
| ElCheckboxGroup |
|
|
63
|
+
| ElDatePicker |
|
|
64
|
+
| ElIcon |
|
|
65
|
+
| ElInput |
|
|
66
|
+
| ElInputNumber |
|
|
67
|
+
| ElOption |
|
|
68
|
+
| ElPopover |
|
|
69
|
+
| ElScrollbar |
|
|
70
|
+
| ElSelect |
|
|
71
|
+
| ElSwitch |
|
|
72
|
+
| ElTabPane |
|
|
73
|
+
| ElTabs |
|
|
74
|
+
| ElTag |
|
|
75
|
+
| ElTimePicker |
|
|
76
|
+
| ElTooltip |
|
|
77
|
+
| vLoading |
|
|
78
|
+
|
|
79
|
+
</details>
|
|
80
|
+
|
|
81
|
+
## Docs
|
|
82
|
+
|
|
83
|
+
+ [Get Started](https://everright.site/filter/started.html)
|
|
84
|
+
+ [Docs](https://everright.site/filter/doc.html)
|
|
85
|
+
|
|
86
|
+
## Examples
|
|
87
|
+
|
|
88
|
+
+ [linear](https://everright.site/demo/filter/linear.html?lang=zh-cn) `应用场景: 适用于数据筛选`
|
|
89
|
+
+ [matrix](https://everright.site/demo/filter/matrix.html?lang=zh-cn) `应用场景: 适用于数据筛选`
|
|
90
|
+
+ [quick-search](https://everright.site/demo/filter/quick-search.html?lang=zh-cn) `应用场景: 适用于搜索`
|
|
91
|
+
+ [quick-filter](https://everright.site/demo/filter/quick-filter.html?lang=zh-cn) `应用场景: 适用于在列表某一列筛选`
|
|
92
|
+
+ [See examples on codepen](https://codepen.io/liberty-liu/pen/BaGvrjx) `linear、matrix`
|
|
93
|
+
|
|
94
|
+
## Sample screenshot
|
|
95
|
+
|
|
96
|
+
### text
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
### number
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
### time
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
### date
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
### cascader
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
### select
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
### linear
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
### matrix
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
### quick-search
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
### quick-filter
|
|
124
|
+
|
|
125
|
+
|