@deppon/deppon-template 2.3.6 → 2.3.8

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 (2) hide show
  1. package/es/pro-field/components/TagInput/FieldTagInput.vue.css +48 -31
  2. package/package.json +6 -6
package/es/pro-field/components/TagInput/FieldTagInput.vue.css CHANGED
@@ -7,7 +7,7 @@
7
7
  .field-tag-input .tag-input-input-row {
8
8
  display: flex;
9
9
  align-items: center;
10
- flex-wrap: wrap;
10
+ flex-wrap: nowrap;
11
11
  gap: 10px;
12
12
  row-gap: 8px;
13
13
  }
@@ -17,37 +17,54 @@
17
17
  flex: 1 1 360px;
18
18
  width: 100%;
19
19
  max-width: 100%;
20
- min-width: 0;
20
+ min-width: 240px;
21
21
  }
22
22
  .field-tag-input .tag-input-input-row .tag-input-input-wrap .tag-input-input {
23
- width: 100%;
24
- min-width: 0;
23
+ width: 100% !important;
24
+ min-width: 0 !important;
25
25
  }
26
- .field-tag-input .tag-input-input-row .tag-input-input-wrap .tag-input-input .el-input,
27
- .field-tag-input .tag-input-input-row .tag-input-input-wrap .tag-input-input .el-input-group,
28
- .field-tag-input .tag-input-input-row .tag-input-input-wrap .tag-input-input .el-input-group--append {
29
- width: 100%;
30
- max-width: 100%;
26
+ .field-tag-input .tag-input-input-row .tag-input-input-wrap .el-input,
27
+ .field-tag-input .tag-input-input-row .tag-input-input-wrap .el-input-group,
28
+ .field-tag-input .tag-input-input-row .tag-input-input-wrap .el-input-group--append {
29
+ width: 100% !important;
30
+ max-width: 100% !important;
31
+ }
32
+ .field-tag-input .tag-input-input-row .tag-input-input-wrap .el-input-group {
33
+ display: flex !important;
34
+ align-items: stretch !important;
35
+ }
36
+ .field-tag-input .tag-input-input-row .tag-input-input-wrap .el-input__wrapper {
37
+ flex: 1 1 auto !important;
38
+ min-width: 0 !important;
31
39
  }
32
- .field-tag-input .tag-input-input-row .tag-input-input-wrap .tag-input-input .el-input-group__append {
33
- padding: 0;
34
- border: none;
35
- background: transparent;
40
+ .field-tag-input .tag-input-input-row .tag-input-input-wrap .el-input__inner {
41
+ min-width: 0 !important;
42
+ }
43
+ .field-tag-input .tag-input-input-row .tag-input-input-wrap .el-input-group__append {
44
+ flex: 0 0 auto !important;
45
+ padding: 0 !important;
46
+ border: none !important;
47
+ background: transparent !important;
36
48
  }
37
49
  .field-tag-input .tag-input-input-row .tag-input-input-wrap .tag-input-add-btn {
38
- border-top-left-radius: 0;
39
- border-bottom-left-radius: 0;
40
- border-color: var(--el-color-primary);
41
- background-color: var(--el-color-primary);
42
- color: #fff;
50
+ border-top-left-radius: 0 !important;
51
+ border-bottom-left-radius: 0 !important;
52
+ border-color: var(--el-color-primary) !important;
53
+ background-color: var(--el-color-primary) !important;
54
+ color: #fff !important;
43
55
  }
44
56
  .field-tag-input .tag-input-input-row .tag-input-tip {
45
- color: var(--el-text-color-secondary);
46
- font-size: 12px;
47
- line-height: 32px;
57
+ flex: 0 0 auto !important;
58
+ color: var(--el-text-color-secondary) !important;
59
+ font-size: 12px !important;
60
+ line-height: 32px !important;
61
+ max-width: 100% !important;
62
+ white-space: nowrap !important;
63
+ overflow: hidden !important;
64
+ text-overflow: ellipsis !important;
48
65
  }
49
66
  .field-tag-input .tag-input-input-row.has-error .tag-input-input-wrap .el-input__wrapper {
50
- box-shadow: 0 0 0 1px var(--el-color-danger) inset;
67
+ box-shadow: 0 0 0 1px var(--el-color-danger) inset !important;
51
68
  }
52
69
  .field-tag-input .tag-input-add-error {
53
70
  font-size: 12px;
@@ -83,21 +100,21 @@
83
100
  pointer-events: none;
84
101
  }
85
102
  .field-tag-input .tag-input-list-row .tag-input-list-content .tag-input-tag {
86
- margin: 0;
87
- transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.2s ease;
103
+ margin: 0 !important;
104
+ transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.2s ease !important;
88
105
  }
89
106
  .field-tag-input .tag-input-list-row .tag-input-list-content .tag-input-tag:hover {
90
- transform: translateY(-1px);
91
- box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
107
+ transform: translateY(-1px) !important;
108
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
92
109
  }
93
110
  .field-tag-input .tag-input-list-row .tag-input-list-content .tag-input-tag.is-removing {
94
- opacity: 0.6;
111
+ opacity: 0.6 !important;
95
112
  }
96
113
  .field-tag-input .tag-input-list-row .tag-input-list-content .tag-input-placeholder {
97
- display: inline-block;
98
- color: var(--el-text-color-placeholder);
99
- font-size: 13px;
100
- line-height: 24px;
114
+ display: inline-block !important;
115
+ color: var(--el-text-color-placeholder) !important;
116
+ font-size: 13px !important;
117
+ line-height: 24px !important;
101
118
  }
102
119
  .tag-fade-enter-active,
103
120
  .tag-fade-leave-active {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deppon/deppon-template",
3
- "version": "2.3.6",
3
+ "version": "2.3.8",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "typings": "es/index.d.ts",
@@ -43,11 +43,11 @@
43
43
  "less": "^4.2.0"
44
44
  },
45
45
  "dependencies": {
46
- "@deppon/deppon-assets": "2.3.6",
47
- "@deppon/deppon-request": "2.3.6",
48
- "@deppon/deppon-router": "2.3.6",
49
- "@deppon/deppon-ui": "2.3.6",
50
- "@deppon/deppon-utils": "2.3.6",
46
+ "@deppon/deppon-assets": "2.3.8",
47
+ "@deppon/deppon-request": "2.3.8",
48
+ "@deppon/deppon-router": "2.3.8",
49
+ "@deppon/deppon-ui": "2.3.8",
50
+ "@deppon/deppon-utils": "2.3.8",
51
51
  "dayjs": "^1.11.10",
52
52
  "lodash-es": "^4.17.21",
53
53
  "mitt": "^3.0.1"