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.
Files changed (44) hide show
  1. package/README.md +5 -5
  2. package/dist/components/lwForm/index.vue +312 -312
  3. package/dist/components/lwIconSelect/iconSelect.js +288 -288
  4. package/dist/components/lwIconSelect/index.vue +142 -142
  5. package/dist/components/lwLayout/components/NavMenu.vue +36 -36
  6. package/dist/components/lwLayout/components/aside.vue +291 -295
  7. package/dist/components/lwLayout/components/bu.vue +72 -70
  8. package/dist/components/lwLayout/components/iframeView.vue +57 -57
  9. package/dist/components/lwLayout/components/lang.vue +76 -76
  10. package/dist/components/lwLayout/components/setting.vue +80 -80
  11. package/dist/components/lwLayout/components/sideM.vue +137 -136
  12. package/dist/components/lwLayout/components/tags.vue +329 -329
  13. package/dist/components/lwLayout/components/topbar.vue +70 -70
  14. package/dist/components/lwLayout/components/userbar.vue +210 -209
  15. package/dist/components/lwLayout/index.vue +399 -398
  16. package/dist/components/lwLogin/index.vue +446 -383
  17. package/dist/components/lwSearch/date/date.vue +110 -110
  18. package/dist/components/lwSearch/dateRange/dateRange.vue +110 -110
  19. package/dist/components/lwSearch/dates/dates.vue +366 -366
  20. package/dist/components/lwSearch/index.vue +636 -636
  21. package/dist/components/lwSearch/input/input.vue +54 -54
  22. package/dist/components/lwSearch/locale/en-us.js +10 -10
  23. package/dist/components/lwSearch/locale/zh-cn.js +10 -10
  24. package/dist/components/lwSearch/select/select.vue +57 -57
  25. package/dist/components/lwSvgIcon/index.vue +28 -28
  26. package/dist/components/lwTable/index.js +425 -425
  27. package/dist/components/lwTable/index.scss +229 -229
  28. package/dist/components/lwTable/index.vue +225 -226
  29. package/dist/components/lwTable/locale/en-US.js +26 -26
  30. package/dist/components/lwTable/locale/zh-CN.js +26 -26
  31. package/dist/components/lwTable/useFullscreen.js +73 -73
  32. package/dist/components/lwTableSelect/index.vue +254 -254
  33. package/dist/components/lwTableSelect/tableSelect.js +23 -23
  34. package/dist/components/lwUpload/index.vue +365 -365
  35. package/dist/en-US-YCjgxjEt.js.map +1 -1
  36. package/dist/en-us-CziFtIQi.js.map +1 -1
  37. package/dist/lw-cdp-ui.esm.js +1484 -1459
  38. package/dist/lw-cdp-ui.esm.js.map +1 -1
  39. package/dist/lw-cdp-ui.umd.js +9 -9
  40. package/dist/lw-cdp-ui.umd.js.map +1 -1
  41. package/dist/style.css +1 -1
  42. package/dist/zh-CN-BdDNsX4e.js.map +1 -1
  43. package/dist/zh-cn-DJpQp_O7.js.map +1 -1
  44. package/package.json +45 -45
@@ -1,54 +1,54 @@
1
- <template>
2
- <div>
3
- <el-input
4
- :type="item.type || 'text'"
5
- :disabled="item.disabled"
6
- :placeholder="item.label || $t('lwSearch.please_input')"
7
- :maxlength="item.maxlength"
8
- :minlength="item.minlength"
9
- :show-word-limit="item.showWordLimit"
10
- :autosize="item.autosize || { minRows: 2 }"
11
- allow-clear
12
- v-model="value"
13
- />
14
- </div>
15
- </template>
16
-
17
- <script>
18
- export default {
19
- emits: ["update:modelValue", "change"],
20
- name: "Input",
21
- props: {
22
- disabled: { // 是否禁止操作
23
- type: Boolean,
24
- default: false
25
- },
26
- modelValue: { // 绑定的结果
27
- type: [String, Number],
28
- default: ""
29
- },
30
- item: { // 配置项
31
- type: Object,
32
- default: () => ({})
33
- },
34
- },
35
- data() {
36
- return {
37
- value: this.modelValue
38
- };
39
- },
40
- watch: {
41
- modelValue(newVal) {
42
- this.value = newVal;
43
- },
44
- value(newVal) {
45
- const filter = this.item.filter ?? false;
46
- if (filter) {
47
- newVal = newVal.replace(/ /g, ',').replace(/\,/g, ',').replace(/\,/g, ',').replace(/\n/g, ',');
48
- }
49
- this.$emit('update:modelValue', newVal);
50
- this.$emit('change', newVal);
51
- }
52
- }
53
- };
54
- </script>
1
+ <template>
2
+ <div>
3
+ <el-input
4
+ :type="item.type || 'text'"
5
+ :disabled="item.disabled"
6
+ :placeholder="item.label || $t('lwSearch.please_input')"
7
+ :maxlength="item.maxlength"
8
+ :minlength="item.minlength"
9
+ :show-word-limit="item.showWordLimit"
10
+ :autosize="item.autosize || { minRows: 2 }"
11
+ allow-clear
12
+ v-model="value"
13
+ />
14
+ </div>
15
+ </template>
16
+
17
+ <script>
18
+ export default {
19
+ emits: ["update:modelValue", "change"],
20
+ name: "Input",
21
+ props: {
22
+ disabled: { // 是否禁止操作
23
+ type: Boolean,
24
+ default: false
25
+ },
26
+ modelValue: { // 绑定的结果
27
+ type: [String, Number],
28
+ default: ""
29
+ },
30
+ item: { // 配置项
31
+ type: Object,
32
+ default: () => ({})
33
+ },
34
+ },
35
+ data() {
36
+ return {
37
+ value: this.modelValue
38
+ };
39
+ },
40
+ watch: {
41
+ modelValue(newVal) {
42
+ this.value = newVal;
43
+ },
44
+ value(newVal) {
45
+ const filter = this.item.filter ?? false;
46
+ if (filter) {
47
+ newVal = newVal.replace(/ /g, ',').replace(/\,/g, ',').replace(/\,/g, ',').replace(/\n/g, ',');
48
+ }
49
+ this.$emit('update:modelValue', newVal);
50
+ this.$emit('change', newVal);
51
+ }
52
+ }
53
+ };
54
+ </script>
@@ -1,10 +1,10 @@
1
- export default {
2
- lwSearch: {
3
- please_select: 'Please select',
4
- please_input: 'Please input',
5
- dateRange: {
6
- startPlaceholder: 'Start Time',
7
- endPlaceholder: 'End Time'
8
- }
9
- }
10
- }
1
+ export default {
2
+ lwSearch: {
3
+ please_select: 'Please select',
4
+ please_input: 'Please input',
5
+ dateRange: {
6
+ startPlaceholder: 'Start Time',
7
+ endPlaceholder: 'End Time'
8
+ }
9
+ }
10
+ }
@@ -1,10 +1,10 @@
1
- export default {
2
- lwSearch: {
3
- please_select: '请选择',
4
- please_input: '请输入',
5
- dateRange: {
6
- startPlaceholder: '开始时间',
7
- endPlaceholder: '结束时间'
8
- }
9
- }
10
- }
1
+ export default {
2
+ lwSearch: {
3
+ please_select: '请选择',
4
+ please_input: '请输入',
5
+ dateRange: {
6
+ startPlaceholder: '开始时间',
7
+ endPlaceholder: '结束时间'
8
+ }
9
+ }
10
+ }
@@ -1,57 +1,57 @@
1
- <template>
2
- <div>
3
- <el-select :disabled="item.disabled" :placeholder="item.label || '请选择'" :popper-append-to-body="item.appendToBody" v-model="value" clearable filterable :multiple="item.multiple" collapse-tags allow-search size="" style="width: 100%;">
4
- <el-option v-for="(items, index) in item.options" :disabled="items.disabled" :key="item.key ? item.key : item.valueKey ? items[item.valueKey] + items[item.labelKey] + index : items.code + items.name + index" :label="item.isCodeAndName ? ((item.valueKey ? items[item.valueKey] : items.code) + ' - ' + (item.labelKey ? items[item.labelKey] : items.name)) : (item.labelKey ? items[item.labelKey] : items.name)" :value="item.valueKey ? items[item.valueKey] : items.code">
5
- <el-tooltip :content="item.isCodeAndName ? ((item.valueKey ? items[item.valueKey] : items.code) + ' - ' + (item.labelKey ? items[item.labelKey] : items.name)) : (item.labelKey ? items[item.labelKey] : items.name)">
6
- <span>{{ item.isCodeAndName ? ((item.valueKey ? items[item.valueKey] : items.code) + ' - ' + (item.labelKey ? items[item.labelKey] : items.name)) : (item.labelKey ? items[item.labelKey] : items.name) }}</span>
7
- </el-tooltip>
8
- </el-option>
9
- </el-select>
10
- </div>
11
- </template>
12
-
13
- <script>
14
- export default {
15
- name: "Select",
16
- props: {
17
- disabled: {
18
- // 是否禁止操作
19
- type: Boolean,
20
- default: false,
21
- },
22
- modelValue: {
23
- // 绑定的结果
24
- type: [String, Number, Boolean, Object],
25
- default: "",
26
- },
27
- item: {
28
- // 配置项
29
- type: Object,
30
- default: () => ({}),
31
- },
32
- },
33
- data() {
34
- return {
35
- value: this.modelValue,
36
- };
37
- },
38
- watch: {
39
- modelValue(newVal) {
40
- this.value = newVal;
41
- },
42
- value(newVal) {
43
- this.$emit("update:modelValue", newVal);
44
- this.$emit("change", newVal);
45
- this.callback(newVal, this.item);
46
- },
47
- },
48
- methods: {
49
- // 条件变更回调
50
- callback(val, item) {
51
- if (!item.callback) return;
52
- item.callback(val);
53
- },
54
- },
55
- };
56
- </script>
57
-
1
+ <template>
2
+ <div>
3
+ <el-select :disabled="item.disabled" :placeholder="item.label || '请选择'" :popper-append-to-body="item.appendToBody" v-model="value" clearable filterable :multiple="item.multiple" collapse-tags allow-search size="" style="width: 100%;">
4
+ <el-option v-for="(items, index) in item.options" :disabled="items.disabled" :key="item.key ? item.key : item.valueKey ? items[item.valueKey] + items[item.labelKey] + index : items.code + items.name + index" :label="item.isCodeAndName ? ((item.valueKey ? items[item.valueKey] : items.code) + ' - ' + (item.labelKey ? items[item.labelKey] : items.name)) : (item.labelKey ? items[item.labelKey] : items.name)" :value="item.valueKey ? items[item.valueKey] : items.code">
5
+ <el-tooltip :content="item.isCodeAndName ? ((item.valueKey ? items[item.valueKey] : items.code) + ' - ' + (item.labelKey ? items[item.labelKey] : items.name)) : (item.labelKey ? items[item.labelKey] : items.name)">
6
+ <span>{{ item.isCodeAndName ? ((item.valueKey ? items[item.valueKey] : items.code) + ' - ' + (item.labelKey ? items[item.labelKey] : items.name)) : (item.labelKey ? items[item.labelKey] : items.name) }}</span>
7
+ </el-tooltip>
8
+ </el-option>
9
+ </el-select>
10
+ </div>
11
+ </template>
12
+
13
+ <script>
14
+ export default {
15
+ name: "Select",
16
+ props: {
17
+ disabled: {
18
+ // 是否禁止操作
19
+ type: Boolean,
20
+ default: false,
21
+ },
22
+ modelValue: {
23
+ // 绑定的结果
24
+ type: [String, Number, Boolean, Object],
25
+ default: "",
26
+ },
27
+ item: {
28
+ // 配置项
29
+ type: Object,
30
+ default: () => ({}),
31
+ },
32
+ },
33
+ data() {
34
+ return {
35
+ value: this.modelValue,
36
+ };
37
+ },
38
+ watch: {
39
+ modelValue(newVal) {
40
+ this.value = newVal;
41
+ },
42
+ value(newVal) {
43
+ this.$emit("update:modelValue", newVal);
44
+ this.$emit("change", newVal);
45
+ this.callback(newVal, this.item);
46
+ },
47
+ },
48
+ methods: {
49
+ // 条件变更回调
50
+ callback(val, item) {
51
+ if (!item.callback) return;
52
+ item.callback(val);
53
+ },
54
+ },
55
+ };
56
+ </script>
57
+
@@ -1,29 +1,29 @@
1
- <template>
2
- <svg class="svg-icon">
3
- <use :xlink:href="symbolId" />
4
- </svg>
5
- </template>
6
-
7
- <!-- SvgIcon组件,可将svg图标直接当组件使用 -->
8
- <script setup>
9
- import { defineProps, computed } from 'vue'
10
- const props = defineProps({
11
- name: {
12
- type: String,
13
- required: true
14
- }
15
- })
16
-
17
- // 获取svg图标名称,需要和vite.config.js中的配置保持一致
18
- const symbolId = computed(() => `#${props.name}`)
19
- </script>
20
-
21
- <style scoped>
22
- .svg-icon {
23
- width: 1em;
24
- height: 1em;
25
- vertical-align: -0.15em;
26
- fill: currentColor;
27
- overflow: hidden;
28
- }
1
+ <template>
2
+ <svg class="svg-icon">
3
+ <use :xlink:href="symbolId" />
4
+ </svg>
5
+ </template>
6
+
7
+ <!-- SvgIcon组件,可将svg图标直接当组件使用 -->
8
+ <script setup>
9
+ import { defineProps, computed } from 'vue'
10
+ const props = defineProps({
11
+ name: {
12
+ type: String,
13
+ required: true
14
+ }
15
+ })
16
+
17
+ // 获取svg图标名称,需要和vite.config.js中的配置保持一致
18
+ const symbolId = computed(() => `#${props.name}`)
19
+ </script>
20
+
21
+ <style scoped>
22
+ .svg-icon {
23
+ width: 1em;
24
+ height: 1em;
25
+ vertical-align: -0.15em;
26
+ fill: currentColor;
27
+ overflow: hidden;
28
+ }
29
29
  </style>