n20-project-component 1.0.3 → 1.0.6
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/README.en.md +36 -0
- package/README.md +111 -137
- package/dist/img/document.7be80bd0.svg +8 -0
- package/dist/img/folder.4094ac0a.svg +9 -0
- package/dist/img/plus.c03dbfda.svg +3 -0
- package/dist/n20-project-component.common.js +94828 -671
- package/dist/n20-project-component.common.vendors~vuedraggable.js +6175 -0
- package/dist/n20-project-component.css +1 -1
- package/dist/n20-project-component.umd.js +94832 -675
- package/dist/n20-project-component.umd.min.js +33 -1
- package/dist/n20-project-component.umd.min.vendors~vuedraggable.js +8 -0
- package/dist/n20-project-component.umd.vendors~vuedraggable.js +6175 -0
- package/package.json +69 -65
- package/src/components/DemoButton/index.vue +74 -74
- package/src/components/N20CopyText/index.vue +133 -133
- package/src/components/N20FloatingToolbar/index.vue +318 -318
- package/src/components/ProFilterView/AdvancedFilter/filterItem.vue +64 -0
- package/src/components/ProFilterView/AdvancedFilter/formItemRender.vue +847 -0
- package/src/components/ProFilterView/AdvancedFilter/index.vue +899 -0
- package/src/components/ProFilterView/index.vue +634 -0
- package/src/components/ProFilterView/plus.svg +3 -0
- package/src/index.js +48 -45
- package/src/styles/variables.scss +30 -30
package/src/index.js
CHANGED
|
@@ -1,45 +1,48 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* n20-project-component
|
|
3
|
-
* PC 端 Vue 2 + Element UI 组件库
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
// ========== 组件导入 ==========
|
|
7
|
-
import DemoButton from './components/DemoButton/index.vue'
|
|
8
|
-
import N20CopyText from './components/N20CopyText/index.vue'
|
|
9
|
-
import N20FloatingToolbar from './components/N20FloatingToolbar/index.vue'
|
|
10
|
-
import N20BatchInput from './components/N20BatchInput/index.vue'
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
1
|
+
/**
|
|
2
|
+
* n20-project-component
|
|
3
|
+
* PC 端 Vue 2 + Element UI 组件库
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
// ========== 组件导入 ==========
|
|
7
|
+
import DemoButton from './components/DemoButton/index.vue'
|
|
8
|
+
import N20CopyText from './components/N20CopyText/index.vue'
|
|
9
|
+
import N20FloatingToolbar from './components/N20FloatingToolbar/index.vue'
|
|
10
|
+
import N20BatchInput from './components/N20BatchInput/index.vue'
|
|
11
|
+
import ProFilterView from './components/ProFilterView/index.vue'
|
|
12
|
+
|
|
13
|
+
// ========== 组件列表 ==========
|
|
14
|
+
const components = {
|
|
15
|
+
DemoButton,
|
|
16
|
+
N20CopyText,
|
|
17
|
+
N20FloatingToolbar,
|
|
18
|
+
N20BatchInput,
|
|
19
|
+
ProFilterView,
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
// ========== 按需导出 ==========
|
|
23
|
+
export {
|
|
24
|
+
DemoButton,
|
|
25
|
+
N20CopyText,
|
|
26
|
+
N20FloatingToolbar,
|
|
27
|
+
N20BatchInput,
|
|
28
|
+
ProFilterView,
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
// ========== 全量注册(Vue.use)==========
|
|
32
|
+
const install = (Vue) => {
|
|
33
|
+
if (install.installed) return
|
|
34
|
+
install.installed = true
|
|
35
|
+
Object.values(components).forEach((component) => {
|
|
36
|
+
Vue.component(component.name, component)
|
|
37
|
+
})
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// 支持通过 <script> 标签直接引入时自动注册
|
|
41
|
+
if (typeof window !== 'undefined' && window.Vue) {
|
|
42
|
+
install(window.Vue)
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
export default {
|
|
46
|
+
install,
|
|
47
|
+
...components,
|
|
48
|
+
}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
// ========== n20-project-component 共享变量 ==========
|
|
2
|
-
|
|
3
|
-
// 主色
|
|
4
|
-
$--n20-primary-color: #409EFF;
|
|
5
|
-
$--n20-success-color: #67C23A;
|
|
6
|
-
$--n20-warning-color: #E6A23C;
|
|
7
|
-
$--n20-danger-color: #F56C6C;
|
|
8
|
-
$--n20-info-color: #909399;
|
|
9
|
-
|
|
10
|
-
// 文字颜色
|
|
11
|
-
$--n20-text-primary: #303133;
|
|
12
|
-
$--n20-text-regular: #606266;
|
|
13
|
-
$--n20-text-secondary: #909399;
|
|
14
|
-
$--n20-text-placeholder: #C0C4CC;
|
|
15
|
-
|
|
16
|
-
// 边框
|
|
17
|
-
$--n20-border-color: #DCDFE6;
|
|
18
|
-
$--n20-border-radius: 4px;
|
|
19
|
-
|
|
20
|
-
// 间距
|
|
21
|
-
$--n20-spacing-xs: 4px;
|
|
22
|
-
$--n20-spacing-sm: 8px;
|
|
23
|
-
$--n20-spacing-md: 16px;
|
|
24
|
-
$--n20-spacing-lg: 24px;
|
|
25
|
-
|
|
26
|
-
// 字体
|
|
27
|
-
$--n20-font-size-sm: 12px;
|
|
28
|
-
$--n20-font-size-base: 14px;
|
|
29
|
-
$--n20-font-size-lg: 16px;
|
|
30
|
-
$--n20-font-size-xl: 18px;
|
|
1
|
+
// ========== n20-project-component 共享变量 ==========
|
|
2
|
+
|
|
3
|
+
// 主色
|
|
4
|
+
$--n20-primary-color: #409EFF;
|
|
5
|
+
$--n20-success-color: #67C23A;
|
|
6
|
+
$--n20-warning-color: #E6A23C;
|
|
7
|
+
$--n20-danger-color: #F56C6C;
|
|
8
|
+
$--n20-info-color: #909399;
|
|
9
|
+
|
|
10
|
+
// 文字颜色
|
|
11
|
+
$--n20-text-primary: #303133;
|
|
12
|
+
$--n20-text-regular: #606266;
|
|
13
|
+
$--n20-text-secondary: #909399;
|
|
14
|
+
$--n20-text-placeholder: #C0C4CC;
|
|
15
|
+
|
|
16
|
+
// 边框
|
|
17
|
+
$--n20-border-color: #DCDFE6;
|
|
18
|
+
$--n20-border-radius: 4px;
|
|
19
|
+
|
|
20
|
+
// 间距
|
|
21
|
+
$--n20-spacing-xs: 4px;
|
|
22
|
+
$--n20-spacing-sm: 8px;
|
|
23
|
+
$--n20-spacing-md: 16px;
|
|
24
|
+
$--n20-spacing-lg: 24px;
|
|
25
|
+
|
|
26
|
+
// 字体
|
|
27
|
+
$--n20-font-size-sm: 12px;
|
|
28
|
+
$--n20-font-size-base: 14px;
|
|
29
|
+
$--n20-font-size-lg: 16px;
|
|
30
|
+
$--n20-font-size-xl: 18px;
|