imeik-bizui 2.4.2 → 2.4.4
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 +2 -0
- package/dist/bizui/src/ApprovalBatchTransfer/components/TransferDialog.vue +3 -3
- package/dist/bizui/src/ApprovalBatchUrge/components/UrgeDialog.vue +3 -3
- package/dist/bizui/src/CommonDepartmentCascader/index.vue +27 -1
- package/dist/bizui/src/CommonRegionCascader/index.vue +10 -1
- package/dist/bizui/src/FieldAddressInfo/index.vue +2 -2
- package/dist/bizui/src/FieldApplyDeparmentSelect2/index.vue +1 -1
- package/dist/bizui/src/FieldBatchesDelivery2/components/MaterialList.vue +4 -4
- package/dist/bizui/src/FieldBatchesDelivery2/index.vue +1 -1
- package/dist/bizui/src/FieldDepartmentSelect/index.vue +1 -1
- package/dist/bizui/src/FieldEmployeeSelect/index.vue +1 -1
- package/dist/bizui/src/FieldExpertSelect/index.vue +5 -5
- package/dist/bizui/src/FieldInput/index.vue +1 -1
- package/dist/bizui/src/FieldMaterialSelect2/components/AddressSelect.vue +1 -1
- package/dist/bizui/src/FieldMaterialSelect2/components/ProductList.vue +7 -7
- package/dist/bizui/src/FieldMaterialSelect2/components/SelectProductDialog.vue +2 -2
- package/dist/bizui/src/FieldSupplySelect/SupplyManagementList.vue +1 -1
- package/dist/bizui/src/FieldTextarea/index.vue +1 -1
- package/dist/imeik-bizui.common.js +409 -364
- package/dist/imeik-bizui.common.js.gz +0 -0
- package/dist/imeik-bizui.css +2 -2
- package/dist/imeik-bizui.css.gz +0 -0
- package/dist/imeik-bizui.umd.js +409 -364
- package/dist/imeik-bizui.umd.js.gz +0 -0
- package/dist/imeik-bizui.umd.min.js +4 -4
- package/dist/imeik-bizui.umd.min.js.gz +0 -0
- package/package.json +14 -16
package/README.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# imeik-bizui
|
|
2
2
|
|
|
3
|
+
本地开发建议使用 **Node.js 14.18+**（或更高版本）。`npm run dev` / `npm run build:*` 已通过 `script/serve-compat.js` 代理到 `vue-cli-service`，在 Node 17+ 下会自动带上 `--openssl-legacy-provider`，并提升 V8 堆内存上限。若安装依赖时出现 peer 解析失败，可执行：`npm config set legacy-peer-deps true`。
|
|
4
|
+
|
|
3
5
|
## 安装组件库
|
|
4
6
|
```
|
|
5
7
|
npm install imeik-bizui
|
|
@@ -199,14 +199,14 @@ export default {
|
|
|
199
199
|
</script>
|
|
200
200
|
|
|
201
201
|
<style lang="scss" scoped>
|
|
202
|
-
|
|
202
|
+
::v-deep .el-dialog__header {
|
|
203
203
|
border-bottom: 1px solid transparent;
|
|
204
204
|
padding: 24px 32px 0 32px!important;
|
|
205
205
|
}
|
|
206
|
-
|
|
206
|
+
::v-deep .el-dialog__body {
|
|
207
207
|
padding: 0 32px 0 32px!important;
|
|
208
208
|
}
|
|
209
|
-
|
|
209
|
+
::v-deep .el-form-item {
|
|
210
210
|
margin: 8px 0!important;
|
|
211
211
|
}
|
|
212
212
|
.tips {
|
|
@@ -150,14 +150,14 @@ export default {
|
|
|
150
150
|
</script>
|
|
151
151
|
|
|
152
152
|
<style lang="scss" scoped>
|
|
153
|
-
|
|
153
|
+
::v-deep .el-dialog__header {
|
|
154
154
|
border-bottom: 1px solid transparent;
|
|
155
155
|
padding: 24px 32px 0 32px!important;
|
|
156
156
|
}
|
|
157
|
-
|
|
157
|
+
::v-deep .el-dialog__body {
|
|
158
158
|
padding: 0 32px 0 32px!important;
|
|
159
159
|
}
|
|
160
|
-
|
|
160
|
+
::v-deep .el-form-item {
|
|
161
161
|
margin: 8px 0!important;
|
|
162
162
|
}
|
|
163
163
|
</style>
|
|
@@ -76,9 +76,9 @@
|
|
|
76
76
|
v-else
|
|
77
77
|
ref="select"
|
|
78
78
|
v-model="myValue"
|
|
79
|
-
popper-class="loading"
|
|
80
79
|
class="w-full"
|
|
81
80
|
v-bind="$attrs"
|
|
81
|
+
popper-class="loading common-department-cascader-popper"
|
|
82
82
|
:props="cascaderProps"
|
|
83
83
|
:options="filteredOptions"
|
|
84
84
|
:placeholder="$attrs.placeholder || (optionsLoading ? '加载中...' : '请选择部门')"
|
|
@@ -550,3 +550,29 @@ export default {
|
|
|
550
550
|
cursor: pointer;
|
|
551
551
|
}
|
|
552
552
|
</style>
|
|
553
|
+
|
|
554
|
+
<!-- 下拉层挂在 el-cascader 内部，scoped 无法命中；用 popper-class + 全局限定类名做移动端横向滚动 -->
|
|
555
|
+
<style lang="scss">
|
|
556
|
+
@media screen and (max-width: 768px) {
|
|
557
|
+
.common-department-cascader-popper.el-cascader__dropdown {
|
|
558
|
+
max-width: calc(100vw - 24px) !important;
|
|
559
|
+
box-sizing: border-box;
|
|
560
|
+
}
|
|
561
|
+
|
|
562
|
+
.common-department-cascader-popper .el-cascader-panel {
|
|
563
|
+
max-width: 100%;
|
|
564
|
+
overflow-x: auto;
|
|
565
|
+
overflow-y: hidden;
|
|
566
|
+
-webkit-overflow-scrolling: touch;
|
|
567
|
+
overscroll-behavior-x: contain;
|
|
568
|
+
}
|
|
569
|
+
|
|
570
|
+
.common-department-cascader-popper .el-cascader-menu {
|
|
571
|
+
flex-shrink: 0;
|
|
572
|
+
}
|
|
573
|
+
|
|
574
|
+
.common-department-cascader-popper .el-cascader__suggestion-panel {
|
|
575
|
+
max-width: calc(100vw - 24px);
|
|
576
|
+
}
|
|
577
|
+
}
|
|
578
|
+
</style>
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
></CommonRegionCascader>
|
|
38
38
|
-->
|
|
39
39
|
<template>
|
|
40
|
-
<el-cascader v-if="!isView" v-model="myValue" :props="props" :options="options" :placeholder="placeholder" clearable filterable v-bind="$attrs" @change="handleChange"></el-cascader>
|
|
40
|
+
<el-cascader v-if="!isView" v-model="myValue" :props="props" :options="options" :placeholder="placeholder" clearable filterable v-bind="$attrs" popper-class="common-region-cascader-popper" @change="handleChange"></el-cascader>
|
|
41
41
|
<div v-else>{{ myLabel || '-' }}</div>
|
|
42
42
|
</template>
|
|
43
43
|
|
|
@@ -256,3 +256,12 @@ export default {
|
|
|
256
256
|
}
|
|
257
257
|
}
|
|
258
258
|
</script>
|
|
259
|
+
|
|
260
|
+
<!-- 下拉挂 body，scoped 无效；仅限制宽度避免超出视口 -->
|
|
261
|
+
<style lang="scss">
|
|
262
|
+
// 这里是为了在移动端适配
|
|
263
|
+
.common-region-cascader-popper {
|
|
264
|
+
max-width: 100%;
|
|
265
|
+
overflow-x: auto;
|
|
266
|
+
}
|
|
267
|
+
</style>
|
|
@@ -433,10 +433,10 @@ export default {
|
|
|
433
433
|
line-height: 32px;
|
|
434
434
|
height: 32px;
|
|
435
435
|
|
|
436
|
-
|
|
436
|
+
::v-deep .el-radio__label {
|
|
437
437
|
color: rgba(0, 0, 0, 0.85);
|
|
438
438
|
}
|
|
439
|
-
|
|
439
|
+
::v-deep .is-checked+.el-radio__label {
|
|
440
440
|
color: #3d74ff;
|
|
441
441
|
}
|
|
442
442
|
}
|
|
@@ -283,18 +283,18 @@ export default {
|
|
|
283
283
|
color: #f4334a !important;
|
|
284
284
|
}
|
|
285
285
|
|
|
286
|
-
|
|
286
|
+
::v-deep .el-table .el-table__cell {
|
|
287
287
|
vertical-align: top;
|
|
288
288
|
}
|
|
289
|
-
|
|
289
|
+
::v-deep .el-table--medium .el-table__cell {
|
|
290
290
|
padding: 16px 0;
|
|
291
291
|
}
|
|
292
|
-
|
|
292
|
+
::v-deep .el-table .cell {
|
|
293
293
|
padding-left: 16px !important;
|
|
294
294
|
padding-right: 16px !important;
|
|
295
295
|
}
|
|
296
296
|
.error {
|
|
297
|
-
|
|
297
|
+
::v-deep .el-input__inner {
|
|
298
298
|
color: #f4334a;
|
|
299
299
|
border-color: #f4334a;
|
|
300
300
|
}
|
|
@@ -721,19 +721,19 @@ export default {
|
|
|
721
721
|
font-size: 12px;
|
|
722
722
|
}
|
|
723
723
|
.is-error {
|
|
724
|
-
|
|
724
|
+
::v-deep .el-input__inner {
|
|
725
725
|
border-color: #f4334a;
|
|
726
726
|
}
|
|
727
|
-
|
|
727
|
+
::v-deep .el-textarea__inner {
|
|
728
728
|
border-color: #f4334a;
|
|
729
729
|
}
|
|
730
730
|
}
|
|
731
|
-
|
|
731
|
+
::v-deep .el-table .cell {
|
|
732
732
|
padding-left: 8px !important;
|
|
733
733
|
padding-right: 8px !important;
|
|
734
734
|
}
|
|
735
735
|
.isBeyound {
|
|
736
|
-
|
|
736
|
+
::v-deep .el-input__inner {
|
|
737
737
|
color: #f4334a;
|
|
738
738
|
}
|
|
739
739
|
}
|
|
@@ -742,7 +742,7 @@ export default {
|
|
|
742
742
|
color: green;
|
|
743
743
|
margin-bottom: 4px;
|
|
744
744
|
}
|
|
745
|
-
|
|
745
|
+
::v-deep .el-input-number .el-input__inner {
|
|
746
746
|
text-align: left;
|
|
747
747
|
}
|
|
748
748
|
.text-button {
|
|
@@ -794,33 +794,33 @@ export default {
|
|
|
794
794
|
line-height: 17px;
|
|
795
795
|
margin-bottom: 4px;
|
|
796
796
|
}
|
|
797
|
-
|
|
797
|
+
::v-deep .el-table .el-table__cell {
|
|
798
798
|
vertical-align: top;
|
|
799
799
|
}
|
|
800
|
-
|
|
800
|
+
::v-deep .el-table--medium .el-table__cell {
|
|
801
801
|
padding: 16px 0;
|
|
802
802
|
}
|
|
803
|
-
|
|
803
|
+
::v-deep .el-table .cell {
|
|
804
804
|
padding-left: 16px !important;
|
|
805
805
|
padding-right: 16px !important;
|
|
806
806
|
}
|
|
807
807
|
.is-error {
|
|
808
|
-
|
|
808
|
+
::v-deep .el-input__inner {
|
|
809
809
|
// color: #f4334a;
|
|
810
810
|
border-color: #f4334a;
|
|
811
811
|
}
|
|
812
|
-
|
|
812
|
+
::v-deep .el-textarea__inner {
|
|
813
813
|
// color: #f4334a;
|
|
814
814
|
border-color: #f4334a;
|
|
815
815
|
}
|
|
816
816
|
}
|
|
817
|
-
|
|
817
|
+
::v-deep .el-radio__input.is-checked {
|
|
818
818
|
.el-radio__inner {
|
|
819
819
|
border-color: #2d8cf0;
|
|
820
820
|
background: #2d8cf0;
|
|
821
821
|
}
|
|
822
822
|
}
|
|
823
|
-
|
|
823
|
+
::v-deep .el-table .cell {
|
|
824
824
|
padding-left: 8px !important;
|
|
825
825
|
padding-right: 8px !important;
|
|
826
826
|
}
|
|
@@ -284,11 +284,11 @@ export default {
|
|
|
284
284
|
color: #3285f6;
|
|
285
285
|
}
|
|
286
286
|
}
|
|
287
|
-
|
|
287
|
+
::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
|
|
288
288
|
background-color: #3285f6 !important;
|
|
289
289
|
border-color: #3285f6 !important;
|
|
290
290
|
}
|
|
291
|
-
|
|
291
|
+
::v-deep .el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
292
292
|
background-color: #3285f6 !important;
|
|
293
293
|
border-color: #3285f6 !important;
|
|
294
294
|
}
|