lw-cdp-ui 1.0.19 → 1.0.21
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.md +5 -5
- package/dist/components/lwForm/index.vue +312 -312
- package/dist/components/lwIconSelect/iconSelect.js +288 -288
- package/dist/components/lwIconSelect/index.vue +142 -142
- package/dist/components/lwLayout/components/NavMenu.vue +36 -36
- package/dist/components/lwLayout/components/aside.vue +291 -295
- package/dist/components/lwLayout/components/bu.vue +72 -70
- package/dist/components/lwLayout/components/iframeView.vue +57 -57
- package/dist/components/lwLayout/components/lang.vue +76 -76
- package/dist/components/lwLayout/components/setting.vue +80 -80
- package/dist/components/lwLayout/components/sideM.vue +137 -136
- package/dist/components/lwLayout/components/tags.vue +329 -329
- package/dist/components/lwLayout/components/topbar.vue +70 -70
- package/dist/components/lwLayout/components/userbar.vue +210 -209
- package/dist/components/lwLayout/index.vue +399 -398
- package/dist/components/lwLogin/index.vue +446 -383
- package/dist/components/lwSearch/date/date.vue +110 -110
- package/dist/components/lwSearch/dateRange/dateRange.vue +110 -110
- package/dist/components/lwSearch/dates/dates.vue +366 -366
- package/dist/components/lwSearch/index.vue +636 -636
- package/dist/components/lwSearch/input/input.vue +54 -54
- package/dist/components/lwSearch/locale/en-us.js +10 -10
- package/dist/components/lwSearch/locale/zh-cn.js +10 -10
- package/dist/components/lwSearch/select/select.vue +57 -57
- package/dist/components/lwSvgIcon/index.vue +28 -28
- package/dist/components/lwTable/index.js +425 -425
- package/dist/components/lwTable/index.scss +229 -229
- package/dist/components/lwTable/index.vue +225 -226
- package/dist/components/lwTable/locale/en-US.js +26 -26
- package/dist/components/lwTable/locale/zh-CN.js +26 -26
- package/dist/components/lwTable/useFullscreen.js +73 -73
- package/dist/components/lwTableSelect/index.vue +254 -254
- package/dist/components/lwTableSelect/tableSelect.js +23 -23
- package/dist/components/lwUpload/index.vue +365 -365
- package/dist/en-US-YCjgxjEt.js.map +1 -1
- package/dist/en-us-CziFtIQi.js.map +1 -1
- package/dist/lw-cdp-ui.esm.js +1484 -1459
- package/dist/lw-cdp-ui.esm.js.map +1 -1
- package/dist/lw-cdp-ui.umd.js +9 -9
- package/dist/lw-cdp-ui.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/zh-CN-BdDNsX4e.js.map +1 -1
- package/dist/zh-cn-DJpQp_O7.js.map +1 -1
- package/package.json +45 -45
|
@@ -1,110 +1,110 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div>
|
|
3
|
-
<el-date-picker
|
|
4
|
-
:type="item.type || 'date'"
|
|
5
|
-
:disabled="item.disabled"
|
|
6
|
-
:format="item.format || 'YYYY-MM-DD'"
|
|
7
|
-
:value-format="item.valueFormat"
|
|
8
|
-
:placeholder="item.placeholder || $t('lwSearch.please_select')"
|
|
9
|
-
clearable
|
|
10
|
-
v-model="value"
|
|
11
|
-
:disabled-date="disabledDate"
|
|
12
|
-
style="width: 100%"
|
|
13
|
-
>
|
|
14
|
-
</el-date-picker>
|
|
15
|
-
</div>
|
|
16
|
-
</template>
|
|
17
|
-
|
|
18
|
-
<script>
|
|
19
|
-
import { computed, reactive, toRefs, watch } from 'vue'
|
|
20
|
-
|
|
21
|
-
export default {
|
|
22
|
-
emits: ["update:modelValue", "change"],
|
|
23
|
-
name: "Date",
|
|
24
|
-
props: {
|
|
25
|
-
disabled: { // 是否禁止操作
|
|
26
|
-
type: Boolean,
|
|
27
|
-
default() {
|
|
28
|
-
return false;
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
modelValue: { // 绑定的结果
|
|
32
|
-
default() {
|
|
33
|
-
return "";
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
item: { // 配置项
|
|
37
|
-
type: Object,
|
|
38
|
-
default() {
|
|
39
|
-
return {};
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
disabledDate: { // 禁止日期
|
|
43
|
-
type: Function,
|
|
44
|
-
default() {
|
|
45
|
-
return null;
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
propValueFormat: { // 格式化日期
|
|
49
|
-
type: String,
|
|
50
|
-
default() {
|
|
51
|
-
return null;
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
},
|
|
55
|
-
setup(props, context) {
|
|
56
|
-
const state = reactive({});
|
|
57
|
-
|
|
58
|
-
// 最新的结果推送到父组件
|
|
59
|
-
// watch(
|
|
60
|
-
// () => props.modelValue,
|
|
61
|
-
// (newVal, prevVal) => {
|
|
62
|
-
// context.emit("update:modelValue", newVal);
|
|
63
|
-
// context.emit("change", newVal);
|
|
64
|
-
// },
|
|
65
|
-
// { deep: true, immediate: true }
|
|
66
|
-
// );
|
|
67
|
-
|
|
68
|
-
const valueFormat = computed(() => {
|
|
69
|
-
if (props.propValueFormat) {
|
|
70
|
-
return props.propValueFormat;
|
|
71
|
-
}
|
|
72
|
-
if (props.item.valueFormat) {
|
|
73
|
-
return props.item.valueFormat;
|
|
74
|
-
}
|
|
75
|
-
if (props.item.dateSection) {
|
|
76
|
-
return "YYYY-MM-DD 00:00:00";
|
|
77
|
-
}
|
|
78
|
-
if (props.item.withZero) {
|
|
79
|
-
return "YYYY-MM-DD 00:00:00";
|
|
80
|
-
}
|
|
81
|
-
if (props.item.withLast) {
|
|
82
|
-
return "YYYY-MM-DD 23:59:59";
|
|
83
|
-
}
|
|
84
|
-
return "YYYY-MM-DD";
|
|
85
|
-
});
|
|
86
|
-
|
|
87
|
-
const value = computed({
|
|
88
|
-
get() {
|
|
89
|
-
return props.modelValue;
|
|
90
|
-
},
|
|
91
|
-
set(value) {
|
|
92
|
-
context.emit('update:modelValue', value);
|
|
93
|
-
context.emit('change', value);
|
|
94
|
-
},
|
|
95
|
-
});
|
|
96
|
-
|
|
97
|
-
// 禁止选择日期
|
|
98
|
-
const disabledDate = (date) => {
|
|
99
|
-
return date.getTime() < Date.now();
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
return {
|
|
103
|
-
...toRefs(state),
|
|
104
|
-
valueFormat,
|
|
105
|
-
value
|
|
106
|
-
};
|
|
107
|
-
},
|
|
108
|
-
};
|
|
109
|
-
</script>
|
|
110
|
-
|
|
1
|
+
<template>
|
|
2
|
+
<div>
|
|
3
|
+
<el-date-picker
|
|
4
|
+
:type="item.type || 'date'"
|
|
5
|
+
:disabled="item.disabled"
|
|
6
|
+
:format="item.format || 'YYYY-MM-DD'"
|
|
7
|
+
:value-format="item.valueFormat"
|
|
8
|
+
:placeholder="item.placeholder || $t('lwSearch.please_select')"
|
|
9
|
+
clearable
|
|
10
|
+
v-model="value"
|
|
11
|
+
:disabled-date="disabledDate"
|
|
12
|
+
style="width: 100%"
|
|
13
|
+
>
|
|
14
|
+
</el-date-picker>
|
|
15
|
+
</div>
|
|
16
|
+
</template>
|
|
17
|
+
|
|
18
|
+
<script>
|
|
19
|
+
import { computed, reactive, toRefs, watch } from 'vue'
|
|
20
|
+
|
|
21
|
+
export default {
|
|
22
|
+
emits: ["update:modelValue", "change"],
|
|
23
|
+
name: "Date",
|
|
24
|
+
props: {
|
|
25
|
+
disabled: { // 是否禁止操作
|
|
26
|
+
type: Boolean,
|
|
27
|
+
default() {
|
|
28
|
+
return false;
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
modelValue: { // 绑定的结果
|
|
32
|
+
default() {
|
|
33
|
+
return "";
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
item: { // 配置项
|
|
37
|
+
type: Object,
|
|
38
|
+
default() {
|
|
39
|
+
return {};
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
disabledDate: { // 禁止日期
|
|
43
|
+
type: Function,
|
|
44
|
+
default() {
|
|
45
|
+
return null;
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
propValueFormat: { // 格式化日期
|
|
49
|
+
type: String,
|
|
50
|
+
default() {
|
|
51
|
+
return null;
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
setup(props, context) {
|
|
56
|
+
const state = reactive({});
|
|
57
|
+
|
|
58
|
+
// 最新的结果推送到父组件
|
|
59
|
+
// watch(
|
|
60
|
+
// () => props.modelValue,
|
|
61
|
+
// (newVal, prevVal) => {
|
|
62
|
+
// context.emit("update:modelValue", newVal);
|
|
63
|
+
// context.emit("change", newVal);
|
|
64
|
+
// },
|
|
65
|
+
// { deep: true, immediate: true }
|
|
66
|
+
// );
|
|
67
|
+
|
|
68
|
+
const valueFormat = computed(() => {
|
|
69
|
+
if (props.propValueFormat) {
|
|
70
|
+
return props.propValueFormat;
|
|
71
|
+
}
|
|
72
|
+
if (props.item.valueFormat) {
|
|
73
|
+
return props.item.valueFormat;
|
|
74
|
+
}
|
|
75
|
+
if (props.item.dateSection) {
|
|
76
|
+
return "YYYY-MM-DD 00:00:00";
|
|
77
|
+
}
|
|
78
|
+
if (props.item.withZero) {
|
|
79
|
+
return "YYYY-MM-DD 00:00:00";
|
|
80
|
+
}
|
|
81
|
+
if (props.item.withLast) {
|
|
82
|
+
return "YYYY-MM-DD 23:59:59";
|
|
83
|
+
}
|
|
84
|
+
return "YYYY-MM-DD";
|
|
85
|
+
});
|
|
86
|
+
|
|
87
|
+
const value = computed({
|
|
88
|
+
get() {
|
|
89
|
+
return props.modelValue;
|
|
90
|
+
},
|
|
91
|
+
set(value) {
|
|
92
|
+
context.emit('update:modelValue', value);
|
|
93
|
+
context.emit('change', value);
|
|
94
|
+
},
|
|
95
|
+
});
|
|
96
|
+
|
|
97
|
+
// 禁止选择日期
|
|
98
|
+
const disabledDate = (date) => {
|
|
99
|
+
return date.getTime() < Date.now();
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
return {
|
|
103
|
+
...toRefs(state),
|
|
104
|
+
valueFormat,
|
|
105
|
+
value
|
|
106
|
+
};
|
|
107
|
+
},
|
|
108
|
+
};
|
|
109
|
+
</script>
|
|
110
|
+
|
|
@@ -1,110 +1,110 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div>
|
|
3
|
-
<el-date-picker
|
|
4
|
-
:showTime="item.showTime"
|
|
5
|
-
:format="item.format || 'YYYY-MM-DD HH:mm:ss'"
|
|
6
|
-
:value-format="item.valueFormat"
|
|
7
|
-
clearable
|
|
8
|
-
v-model="value"
|
|
9
|
-
style="width: 100%"
|
|
10
|
-
type="datetimerange"
|
|
11
|
-
:start-placeholder="$t('lwSearch.dateRange.startPlaceholder')"
|
|
12
|
-
:end-placeholder="$t('lwSearch.dateRange.endPlaceholder')"
|
|
13
|
-
size=""
|
|
14
|
-
>
|
|
15
|
-
</el-date-picker>
|
|
16
|
-
</div>
|
|
17
|
-
</template>
|
|
18
|
-
|
|
19
|
-
<script>
|
|
20
|
-
import { computed, reactive, toRefs, watch } from 'vue'
|
|
21
|
-
|
|
22
|
-
export default {
|
|
23
|
-
emits: ["update:modelValue", "change"],
|
|
24
|
-
name: "dateRange",
|
|
25
|
-
props: {
|
|
26
|
-
disabled: { // 是否禁止操作
|
|
27
|
-
type: Boolean,
|
|
28
|
-
default() {
|
|
29
|
-
return false;
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
modelValue: { // 绑定的结果
|
|
33
|
-
default() {
|
|
34
|
-
return [];
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
item: { // 配置项
|
|
38
|
-
type: Object,
|
|
39
|
-
default() {
|
|
40
|
-
return {};
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
disabledDate: { // 禁止日期
|
|
44
|
-
type: Function,
|
|
45
|
-
default() {
|
|
46
|
-
return null;
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
propValueFormat: { // 格式化日期
|
|
50
|
-
type: String,
|
|
51
|
-
default() {
|
|
52
|
-
return null;
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
},
|
|
56
|
-
setup(props, context) {
|
|
57
|
-
const state = reactive({});
|
|
58
|
-
|
|
59
|
-
// 最新的结果推送到父组件
|
|
60
|
-
// watch(
|
|
61
|
-
// () => props.modelValue,
|
|
62
|
-
// (newVal, prevVal) => {
|
|
63
|
-
// context.emit("update:modelValue", newVal);
|
|
64
|
-
// context.emit("change", newVal);
|
|
65
|
-
// },
|
|
66
|
-
// { deep: true, immediate: true }
|
|
67
|
-
// );
|
|
68
|
-
|
|
69
|
-
const valueFormat = computed(() => {
|
|
70
|
-
if (props.propValueFormat) {
|
|
71
|
-
return props.propValueFormat;
|
|
72
|
-
}
|
|
73
|
-
if (props.item.valueFormat) {
|
|
74
|
-
return props.item.valueFormat;
|
|
75
|
-
}
|
|
76
|
-
if (props.item.dateSection) {
|
|
77
|
-
return "YYYY-MM-DD 00:00:00";
|
|
78
|
-
}
|
|
79
|
-
if (props.item.withZero) {
|
|
80
|
-
return "YYYY-MM-DD 00:00:00";
|
|
81
|
-
}
|
|
82
|
-
if (props.item.withLast) {
|
|
83
|
-
return "YYYY-MM-DD 23:59:59";
|
|
84
|
-
}
|
|
85
|
-
return "YYYY-MM-DD";
|
|
86
|
-
});
|
|
87
|
-
|
|
88
|
-
const value = computed({
|
|
89
|
-
get() {
|
|
90
|
-
return props.modelValue;
|
|
91
|
-
},
|
|
92
|
-
set(value) {
|
|
93
|
-
context.emit('update:modelValue', value);
|
|
94
|
-
context.emit('change', value);
|
|
95
|
-
},
|
|
96
|
-
});
|
|
97
|
-
|
|
98
|
-
// 禁止选择日期
|
|
99
|
-
const disabledDate = (date) => {
|
|
100
|
-
return date.getTime() < Date.now();
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
return {
|
|
104
|
-
...toRefs(state),
|
|
105
|
-
valueFormat,
|
|
106
|
-
value
|
|
107
|
-
};
|
|
108
|
-
},
|
|
109
|
-
};
|
|
110
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<div>
|
|
3
|
+
<el-date-picker
|
|
4
|
+
:showTime="item.showTime"
|
|
5
|
+
:format="item.format || 'YYYY-MM-DD HH:mm:ss'"
|
|
6
|
+
:value-format="item.valueFormat"
|
|
7
|
+
clearable
|
|
8
|
+
v-model="value"
|
|
9
|
+
style="width: 100%"
|
|
10
|
+
type="datetimerange"
|
|
11
|
+
:start-placeholder="$t('lwSearch.dateRange.startPlaceholder')"
|
|
12
|
+
:end-placeholder="$t('lwSearch.dateRange.endPlaceholder')"
|
|
13
|
+
size=""
|
|
14
|
+
>
|
|
15
|
+
</el-date-picker>
|
|
16
|
+
</div>
|
|
17
|
+
</template>
|
|
18
|
+
|
|
19
|
+
<script>
|
|
20
|
+
import { computed, reactive, toRefs, watch } from 'vue'
|
|
21
|
+
|
|
22
|
+
export default {
|
|
23
|
+
emits: ["update:modelValue", "change"],
|
|
24
|
+
name: "dateRange",
|
|
25
|
+
props: {
|
|
26
|
+
disabled: { // 是否禁止操作
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default() {
|
|
29
|
+
return false;
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
modelValue: { // 绑定的结果
|
|
33
|
+
default() {
|
|
34
|
+
return [];
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
item: { // 配置项
|
|
38
|
+
type: Object,
|
|
39
|
+
default() {
|
|
40
|
+
return {};
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
disabledDate: { // 禁止日期
|
|
44
|
+
type: Function,
|
|
45
|
+
default() {
|
|
46
|
+
return null;
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
propValueFormat: { // 格式化日期
|
|
50
|
+
type: String,
|
|
51
|
+
default() {
|
|
52
|
+
return null;
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
setup(props, context) {
|
|
57
|
+
const state = reactive({});
|
|
58
|
+
|
|
59
|
+
// 最新的结果推送到父组件
|
|
60
|
+
// watch(
|
|
61
|
+
// () => props.modelValue,
|
|
62
|
+
// (newVal, prevVal) => {
|
|
63
|
+
// context.emit("update:modelValue", newVal);
|
|
64
|
+
// context.emit("change", newVal);
|
|
65
|
+
// },
|
|
66
|
+
// { deep: true, immediate: true }
|
|
67
|
+
// );
|
|
68
|
+
|
|
69
|
+
const valueFormat = computed(() => {
|
|
70
|
+
if (props.propValueFormat) {
|
|
71
|
+
return props.propValueFormat;
|
|
72
|
+
}
|
|
73
|
+
if (props.item.valueFormat) {
|
|
74
|
+
return props.item.valueFormat;
|
|
75
|
+
}
|
|
76
|
+
if (props.item.dateSection) {
|
|
77
|
+
return "YYYY-MM-DD 00:00:00";
|
|
78
|
+
}
|
|
79
|
+
if (props.item.withZero) {
|
|
80
|
+
return "YYYY-MM-DD 00:00:00";
|
|
81
|
+
}
|
|
82
|
+
if (props.item.withLast) {
|
|
83
|
+
return "YYYY-MM-DD 23:59:59";
|
|
84
|
+
}
|
|
85
|
+
return "YYYY-MM-DD";
|
|
86
|
+
});
|
|
87
|
+
|
|
88
|
+
const value = computed({
|
|
89
|
+
get() {
|
|
90
|
+
return props.modelValue;
|
|
91
|
+
},
|
|
92
|
+
set(value) {
|
|
93
|
+
context.emit('update:modelValue', value);
|
|
94
|
+
context.emit('change', value);
|
|
95
|
+
},
|
|
96
|
+
});
|
|
97
|
+
|
|
98
|
+
// 禁止选择日期
|
|
99
|
+
const disabledDate = (date) => {
|
|
100
|
+
return date.getTime() < Date.now();
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
return {
|
|
104
|
+
...toRefs(state),
|
|
105
|
+
valueFormat,
|
|
106
|
+
value
|
|
107
|
+
};
|
|
108
|
+
},
|
|
109
|
+
};
|
|
110
|
+
</script>
|