eoss-ui 0.5.24 → 0.5.26
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/CHANGELOG.md +929 -0
- package/lib/button.js +30 -1
- package/lib/checkbox-group.js +3 -3
- package/lib/data-table.js +73 -29
- package/lib/eoss-ui.common.js +888 -639
- package/lib/flow.js +269 -180
- package/lib/form.js +13 -4
- package/lib/index.js +1 -1
- package/lib/input.js +6 -1
- package/lib/main.js +7 -3
- package/lib/selector.js +424 -380
- package/lib/table-form.js +33 -8
- package/lib/theme-chalk/button.css +1 -0
- package/lib/theme-chalk/flow.css +1 -1
- package/lib/theme-chalk/form.css +1 -1
- package/lib/theme-chalk/index.css +1 -1
- package/package.json +2 -2
- package/packages/button/src/main.vue +42 -1
- package/packages/checkbox-group/src/main.vue +3 -1
- package/packages/data-table/src/column.vue +47 -19
- package/packages/data-table/src/main.vue +1 -0
- package/packages/flow/src/main.vue +12 -10
- package/packages/form/src/main.vue +12 -3
- package/packages/form/src/table.vue +21 -2
- package/packages/input/src/main.vue +6 -8
- package/packages/main/src/main.vue +5 -1
- package/packages/selector/src/main.vue +144 -135
- package/packages/theme-chalk/lib/button.css +1 -0
- package/packages/theme-chalk/lib/flow.css +1 -1
- package/packages/theme-chalk/lib/form.css +1 -1
- package/packages/theme-chalk/lib/index.css +1 -1
- package/packages/theme-chalk/src/button.scss +7 -0
- package/packages/theme-chalk/src/flow.scss +5 -0
- package/packages/theme-chalk/src/form.scss +13 -0
- package/src/index.js +1 -1
package/lib/selector.js
CHANGED
|
@@ -3462,7 +3462,7 @@ module.exports = require("axios");
|
|
|
3462
3462
|
// ESM COMPAT FLAG
|
|
3463
3463
|
__webpack_require__.r(__webpack_exports__);
|
|
3464
3464
|
|
|
3465
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/selector/src/main.vue?vue&type=template&id=
|
|
3465
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/selector/src/main.vue?vue&type=template&id=4a397202&
|
|
3466
3466
|
var render = function () {
|
|
3467
3467
|
var _vm = this
|
|
3468
3468
|
var _h = _vm.$createElement
|
|
@@ -3483,400 +3483,436 @@ var render = function () {
|
|
|
3483
3483
|
class: { "es-pointer": !_vm.readonly && !_vm.filterable },
|
|
3484
3484
|
},
|
|
3485
3485
|
[
|
|
3486
|
-
|
|
3487
|
-
|
|
3488
|
-
|
|
3489
|
-
|
|
3490
|
-
|
|
3491
|
-
|
|
3492
|
-
|
|
3493
|
-
|
|
3494
|
-
|
|
3495
|
-
|
|
3496
|
-
click: function ($event) {
|
|
3497
|
-
$event.stopPropagation()
|
|
3498
|
-
return _vm.toggleMenu($event)
|
|
3499
|
-
},
|
|
3500
|
-
},
|
|
3501
|
-
},
|
|
3502
|
-
[
|
|
3503
|
-
_vm.multiple
|
|
3504
|
-
? _c(
|
|
3505
|
-
"div",
|
|
3506
|
-
{
|
|
3507
|
-
ref: "tags",
|
|
3508
|
-
staticClass: "el-select__tags",
|
|
3509
|
-
class: { "es-selector-edit": !_vm.readonly },
|
|
3486
|
+
_vm.button
|
|
3487
|
+
? _c(
|
|
3488
|
+
"el-button",
|
|
3489
|
+
_vm._b(
|
|
3490
|
+
{
|
|
3491
|
+
on: {
|
|
3492
|
+
click: function ($event) {
|
|
3493
|
+
$event.stopPropagation()
|
|
3494
|
+
return _vm.openDialog($event)
|
|
3495
|
+
},
|
|
3510
3496
|
},
|
|
3511
|
-
|
|
3512
|
-
|
|
3513
|
-
|
|
3514
|
-
|
|
3515
|
-
|
|
3516
|
-
|
|
3517
|
-
|
|
3518
|
-
|
|
3519
|
-
|
|
3520
|
-
|
|
3521
|
-
|
|
3522
|
-
|
|
3523
|
-
|
|
3524
|
-
|
|
3525
|
-
|
|
3526
|
-
|
|
3527
|
-
|
|
3528
|
-
type: "info",
|
|
3529
|
-
"disable-transitions": "",
|
|
3530
|
-
},
|
|
3531
|
-
on: {
|
|
3532
|
-
close: function ($event) {
|
|
3533
|
-
_vm.deleteTag($event, _vm.selected[0])
|
|
3534
|
-
},
|
|
3535
|
-
},
|
|
3536
|
-
},
|
|
3537
|
-
[
|
|
3538
|
-
_c(
|
|
3539
|
-
"span",
|
|
3540
|
-
{ staticClass: "el-select__tags-text" },
|
|
3541
|
-
[
|
|
3542
|
-
_vm._v(
|
|
3543
|
-
"\n " +
|
|
3544
|
-
_vm._s(
|
|
3545
|
-
_vm.isObject(_vm.selected[0])
|
|
3546
|
-
? _vm.selected[0][_vm.labelKey]
|
|
3547
|
-
: _vm.selected[0]
|
|
3548
|
-
) +
|
|
3549
|
-
"\n "
|
|
3550
|
-
),
|
|
3551
|
-
]
|
|
3552
|
-
),
|
|
3553
|
-
]
|
|
3554
|
-
),
|
|
3555
|
-
_vm.selected.length > 1
|
|
3556
|
-
? _c(
|
|
3557
|
-
"el-tag",
|
|
3558
|
-
{
|
|
3559
|
-
staticClass: "es-tags-more",
|
|
3560
|
-
attrs: {
|
|
3561
|
-
closable: false,
|
|
3562
|
-
type: "info",
|
|
3563
|
-
"disable-transitions": "",
|
|
3564
|
-
},
|
|
3565
|
-
},
|
|
3566
|
-
[
|
|
3567
|
-
_c(
|
|
3568
|
-
"span",
|
|
3569
|
-
{ staticClass: "el-select__tags-text" },
|
|
3570
|
-
[
|
|
3571
|
-
_vm._v(
|
|
3572
|
-
"+ " + _vm._s(_vm.selected.length - 1)
|
|
3573
|
-
),
|
|
3574
|
-
]
|
|
3575
|
-
),
|
|
3576
|
-
]
|
|
3577
|
-
)
|
|
3578
|
-
: _vm._e(),
|
|
3579
|
-
],
|
|
3580
|
-
1
|
|
3581
|
-
)
|
|
3582
|
-
: _vm._e(),
|
|
3583
|
-
_c(
|
|
3584
|
-
"transition-group",
|
|
3585
|
-
{ on: { "after-leave": _vm.resetInputHeight } },
|
|
3586
|
-
_vm._l(_vm.selected, function (item, index) {
|
|
3587
|
-
return _c(
|
|
3588
|
-
"el-tag",
|
|
3589
|
-
{
|
|
3590
|
-
key: _vm.getValueKey(item),
|
|
3591
|
-
attrs: {
|
|
3592
|
-
closable: !_vm.selectorDisabled && !_vm.readonly,
|
|
3593
|
-
type: "info",
|
|
3594
|
-
"disable-transitions": "",
|
|
3595
|
-
},
|
|
3596
|
-
on: {
|
|
3597
|
-
close: function ($event) {
|
|
3598
|
-
_vm.deleteTag($event, item, index)
|
|
3599
|
-
},
|
|
3600
|
-
},
|
|
3601
|
-
},
|
|
3602
|
-
[
|
|
3603
|
-
_c("span", { staticClass: "el-select__tags-text" }, [
|
|
3604
|
-
_vm._v(_vm._s(_vm.getLabel(item))),
|
|
3605
|
-
]),
|
|
3606
|
-
]
|
|
3607
|
-
)
|
|
3608
|
-
}),
|
|
3609
|
-
1
|
|
3610
|
-
),
|
|
3611
|
-
],
|
|
3612
|
-
1
|
|
3613
|
-
)
|
|
3614
|
-
: _vm._e(),
|
|
3615
|
-
_vm.readonly
|
|
3616
|
-
? _c(
|
|
3617
|
-
"div",
|
|
3618
|
-
{ ref: "reference", staticClass: "es-input__inner" },
|
|
3619
|
-
[
|
|
3620
|
-
!_vm.multiple
|
|
3621
|
-
? [_vm._v(_vm._s(_vm.selectedLabel))]
|
|
3622
|
-
: _vm._e(),
|
|
3497
|
+
},
|
|
3498
|
+
"el-button",
|
|
3499
|
+
_vm.button,
|
|
3500
|
+
false
|
|
3501
|
+
),
|
|
3502
|
+
[_vm._t("default", [_vm._v("选择")])],
|
|
3503
|
+
2
|
|
3504
|
+
)
|
|
3505
|
+
: [
|
|
3506
|
+
_c(
|
|
3507
|
+
"div",
|
|
3508
|
+
{
|
|
3509
|
+
class: [
|
|
3510
|
+
_vm.selectorSize
|
|
3511
|
+
? "el-select--" + _vm.selectorSize
|
|
3512
|
+
: "es-selector-box",
|
|
3513
|
+
{ "es-selector-search": _vm.filterable },
|
|
3623
3514
|
],
|
|
3624
|
-
|
|
3625
|
-
|
|
3626
|
-
|
|
3515
|
+
on: {
|
|
3516
|
+
click: function ($event) {
|
|
3517
|
+
$event.stopPropagation()
|
|
3518
|
+
return _vm.toggleMenu($event)
|
|
3519
|
+
},
|
|
3520
|
+
},
|
|
3521
|
+
},
|
|
3522
|
+
[
|
|
3627
3523
|
_vm.multiple
|
|
3628
|
-
?
|
|
3629
|
-
|
|
3630
|
-
"el-input",
|
|
3631
|
-
{
|
|
3632
|
-
directives: [
|
|
3633
|
-
{
|
|
3634
|
-
name: "popover",
|
|
3635
|
-
rawName: "v-popover:popover",
|
|
3636
|
-
arg: "popover",
|
|
3637
|
-
},
|
|
3638
|
-
],
|
|
3639
|
-
ref: "reference",
|
|
3640
|
-
class: {
|
|
3641
|
-
"is-focus": _vm.visible,
|
|
3642
|
-
"es-plain": _vm.plain,
|
|
3643
|
-
"es-pointer": !_vm.filterable,
|
|
3644
|
-
"es-zindex-2": _vm.focus,
|
|
3645
|
-
},
|
|
3646
|
-
attrs: {
|
|
3647
|
-
type: "text",
|
|
3648
|
-
autocomplete: "off",
|
|
3649
|
-
readonly: _vm.filterable ? false : true,
|
|
3650
|
-
id: _vm.id,
|
|
3651
|
-
placeholder: _vm.currentPlaceholder,
|
|
3652
|
-
size: _vm.selectorSize,
|
|
3653
|
-
disabled: _vm.selectorDisabled,
|
|
3654
|
-
tabindex: _vm.multiple ? "-1" : null,
|
|
3655
|
-
},
|
|
3656
|
-
on: { focus: _vm.handleFocus, blur: _vm.handleBlur },
|
|
3657
|
-
nativeOn: {
|
|
3658
|
-
dblclick: function ($event) {
|
|
3659
|
-
return _vm.openDialog($event)
|
|
3660
|
-
},
|
|
3661
|
-
keyup: function ($event) {
|
|
3662
|
-
if (
|
|
3663
|
-
!("button" in $event) &&
|
|
3664
|
-
_vm._k(
|
|
3665
|
-
$event.keyCode,
|
|
3666
|
-
"enter",
|
|
3667
|
-
13,
|
|
3668
|
-
$event.key,
|
|
3669
|
-
"Enter"
|
|
3670
|
-
)
|
|
3671
|
-
) {
|
|
3672
|
-
return null
|
|
3673
|
-
}
|
|
3674
|
-
return _vm.handleSearch($event)
|
|
3675
|
-
},
|
|
3676
|
-
},
|
|
3677
|
-
model: {
|
|
3678
|
-
value: _vm.words,
|
|
3679
|
-
callback: function ($$v) {
|
|
3680
|
-
_vm.words = $$v
|
|
3681
|
-
},
|
|
3682
|
-
expression: "words",
|
|
3683
|
-
},
|
|
3684
|
-
},
|
|
3685
|
-
[
|
|
3686
|
-
_c(
|
|
3687
|
-
"template",
|
|
3688
|
-
{ slot: "append" },
|
|
3689
|
-
[
|
|
3690
|
-
_vm.filterable || _vm.showButton
|
|
3691
|
-
? _c(
|
|
3692
|
-
"el-button",
|
|
3693
|
-
{
|
|
3694
|
-
ref: "openDialog",
|
|
3695
|
-
on: {
|
|
3696
|
-
click: function ($event) {
|
|
3697
|
-
$event.stopPropagation()
|
|
3698
|
-
return _vm.openDialog($event)
|
|
3699
|
-
},
|
|
3700
|
-
},
|
|
3701
|
-
},
|
|
3702
|
-
[_vm._t("default", [_vm._v("选择")])],
|
|
3703
|
-
2
|
|
3704
|
-
)
|
|
3705
|
-
: _vm._e(),
|
|
3706
|
-
],
|
|
3707
|
-
1
|
|
3708
|
-
),
|
|
3709
|
-
],
|
|
3710
|
-
2
|
|
3711
|
-
),
|
|
3712
|
-
_c("el-input", {
|
|
3713
|
-
directives: [
|
|
3714
|
-
{
|
|
3715
|
-
name: "show",
|
|
3716
|
-
rawName: "v-show",
|
|
3717
|
-
value: false,
|
|
3718
|
-
expression: "false",
|
|
3719
|
-
},
|
|
3720
|
-
],
|
|
3721
|
-
attrs: { readonly: "", name: _vm.name, type: "text" },
|
|
3722
|
-
model: {
|
|
3723
|
-
value: _vm.selectedLabel,
|
|
3724
|
-
callback: function ($$v) {
|
|
3725
|
-
_vm.selectedLabel = $$v
|
|
3726
|
-
},
|
|
3727
|
-
expression: "selectedLabel",
|
|
3728
|
-
},
|
|
3729
|
-
}),
|
|
3730
|
-
]
|
|
3731
|
-
: _c(
|
|
3732
|
-
"el-input",
|
|
3524
|
+
? _c(
|
|
3525
|
+
"div",
|
|
3733
3526
|
{
|
|
3734
|
-
ref: "
|
|
3735
|
-
|
|
3736
|
-
|
|
3737
|
-
"es-plain": this.plain,
|
|
3738
|
-
"es-pointer": !_vm.filterable,
|
|
3739
|
-
},
|
|
3740
|
-
attrs: {
|
|
3741
|
-
type: "text",
|
|
3742
|
-
autocomplete: "off",
|
|
3743
|
-
clearable: "clearable",
|
|
3744
|
-
showClearIcon: "",
|
|
3745
|
-
name: _vm.name,
|
|
3746
|
-
readonly: _vm.filterable ? false : true,
|
|
3747
|
-
active: _vm.actived,
|
|
3748
|
-
id: _vm.id,
|
|
3749
|
-
placeholder: _vm.currentPlaceholder,
|
|
3750
|
-
size: _vm.selectorSize,
|
|
3751
|
-
disabled: _vm.selectorDisabled,
|
|
3752
|
-
tabindex: _vm.multiple ? "-1" : null,
|
|
3753
|
-
},
|
|
3754
|
-
on: { clear: _vm.handleClear },
|
|
3755
|
-
nativeOn: {
|
|
3756
|
-
dblclick: function ($event) {
|
|
3757
|
-
return _vm.openDialog($event)
|
|
3758
|
-
},
|
|
3759
|
-
keyup: function ($event) {
|
|
3760
|
-
if (
|
|
3761
|
-
!("button" in $event) &&
|
|
3762
|
-
_vm._k(
|
|
3763
|
-
$event.keyCode,
|
|
3764
|
-
"enter",
|
|
3765
|
-
13,
|
|
3766
|
-
$event.key,
|
|
3767
|
-
"Enter"
|
|
3768
|
-
)
|
|
3769
|
-
) {
|
|
3770
|
-
return null
|
|
3771
|
-
}
|
|
3772
|
-
return _vm.handleSearch($event)
|
|
3773
|
-
},
|
|
3774
|
-
},
|
|
3775
|
-
model: {
|
|
3776
|
-
value: _vm.selectedLabel,
|
|
3777
|
-
callback: function ($$v) {
|
|
3778
|
-
_vm.selectedLabel = $$v
|
|
3779
|
-
},
|
|
3780
|
-
expression: "selectedLabel",
|
|
3781
|
-
},
|
|
3527
|
+
ref: "tags",
|
|
3528
|
+
staticClass: "el-select__tags",
|
|
3529
|
+
class: { "es-selector-edit": !_vm.readonly },
|
|
3782
3530
|
},
|
|
3783
3531
|
[
|
|
3784
|
-
|
|
3785
|
-
|
|
3786
|
-
|
|
3787
|
-
|
|
3788
|
-
|
|
3789
|
-
|
|
3790
|
-
"
|
|
3532
|
+
_vm.collapseTags && _vm.selected.length
|
|
3533
|
+
? _c(
|
|
3534
|
+
"div",
|
|
3535
|
+
{
|
|
3536
|
+
staticClass: "es-selector-tags",
|
|
3537
|
+
class: {
|
|
3538
|
+
"es-selector-more": _vm.selected.length > 1,
|
|
3539
|
+
},
|
|
3540
|
+
},
|
|
3541
|
+
[
|
|
3542
|
+
_c(
|
|
3543
|
+
"el-tag",
|
|
3791
3544
|
{
|
|
3792
|
-
|
|
3545
|
+
attrs: {
|
|
3546
|
+
closable:
|
|
3547
|
+
!_vm.selectorDisabled && !_vm.readonly,
|
|
3548
|
+
type: "info",
|
|
3549
|
+
"disable-transitions": "",
|
|
3550
|
+
},
|
|
3793
3551
|
on: {
|
|
3794
|
-
|
|
3795
|
-
$event.
|
|
3796
|
-
return _vm.openDialog($event)
|
|
3552
|
+
close: function ($event) {
|
|
3553
|
+
_vm.deleteTag($event, _vm.selected[0])
|
|
3797
3554
|
},
|
|
3798
3555
|
},
|
|
3799
3556
|
},
|
|
3800
|
-
[
|
|
3801
|
-
|
|
3802
|
-
|
|
3803
|
-
|
|
3804
|
-
|
|
3557
|
+
[
|
|
3558
|
+
_c(
|
|
3559
|
+
"span",
|
|
3560
|
+
{ staticClass: "el-select__tags-text" },
|
|
3561
|
+
[
|
|
3562
|
+
_vm._v(
|
|
3563
|
+
"\n " +
|
|
3564
|
+
_vm._s(
|
|
3565
|
+
_vm.isObject(_vm.selected[0])
|
|
3566
|
+
? _vm.selected[0][_vm.labelKey]
|
|
3567
|
+
: _vm.selected[0]
|
|
3568
|
+
) +
|
|
3569
|
+
"\n "
|
|
3570
|
+
),
|
|
3571
|
+
]
|
|
3572
|
+
),
|
|
3573
|
+
]
|
|
3574
|
+
),
|
|
3575
|
+
_vm.selected.length > 1
|
|
3576
|
+
? _c(
|
|
3577
|
+
"el-tag",
|
|
3578
|
+
{
|
|
3579
|
+
staticClass: "es-tags-more",
|
|
3580
|
+
attrs: {
|
|
3581
|
+
closable: false,
|
|
3582
|
+
type: "info",
|
|
3583
|
+
"disable-transitions": "",
|
|
3584
|
+
},
|
|
3585
|
+
},
|
|
3586
|
+
[
|
|
3587
|
+
_c(
|
|
3588
|
+
"span",
|
|
3589
|
+
{
|
|
3590
|
+
staticClass: "el-select__tags-text",
|
|
3591
|
+
},
|
|
3592
|
+
[
|
|
3593
|
+
_vm._v(
|
|
3594
|
+
"+ " +
|
|
3595
|
+
_vm._s(_vm.selected.length - 1)
|
|
3596
|
+
),
|
|
3597
|
+
]
|
|
3598
|
+
),
|
|
3599
|
+
]
|
|
3600
|
+
)
|
|
3601
|
+
: _vm._e(),
|
|
3602
|
+
],
|
|
3603
|
+
1
|
|
3604
|
+
)
|
|
3605
|
+
: _vm._e(),
|
|
3606
|
+
_c(
|
|
3607
|
+
"transition-group",
|
|
3608
|
+
{ on: { "after-leave": _vm.resetInputHeight } },
|
|
3609
|
+
_vm._l(_vm.selected, function (item, index) {
|
|
3610
|
+
return _c(
|
|
3611
|
+
"el-tag",
|
|
3612
|
+
{
|
|
3613
|
+
key: _vm.getValueKey(item),
|
|
3614
|
+
attrs: {
|
|
3615
|
+
closable:
|
|
3616
|
+
!_vm.selectorDisabled && !_vm.readonly,
|
|
3617
|
+
type: "info",
|
|
3618
|
+
"disable-transitions": "",
|
|
3619
|
+
},
|
|
3620
|
+
on: {
|
|
3621
|
+
close: function ($event) {
|
|
3622
|
+
_vm.deleteTag($event, item, index)
|
|
3623
|
+
},
|
|
3624
|
+
},
|
|
3625
|
+
},
|
|
3626
|
+
[
|
|
3627
|
+
_c(
|
|
3628
|
+
"span",
|
|
3629
|
+
{ staticClass: "el-select__tags-text" },
|
|
3630
|
+
[_vm._v(_vm._s(_vm.getLabel(item)))]
|
|
3631
|
+
),
|
|
3632
|
+
]
|
|
3633
|
+
)
|
|
3634
|
+
}),
|
|
3805
3635
|
1
|
|
3806
3636
|
),
|
|
3807
3637
|
],
|
|
3638
|
+
1
|
|
3639
|
+
)
|
|
3640
|
+
: _vm._e(),
|
|
3641
|
+
_vm.readonly
|
|
3642
|
+
? _c(
|
|
3643
|
+
"div",
|
|
3644
|
+
{ ref: "reference", staticClass: "es-input__inner" },
|
|
3645
|
+
[
|
|
3646
|
+
!_vm.multiple
|
|
3647
|
+
? [_vm._v(_vm._s(_vm.selectedLabel))]
|
|
3648
|
+
: _vm._e(),
|
|
3649
|
+
],
|
|
3808
3650
|
2
|
|
3809
|
-
)
|
|
3651
|
+
)
|
|
3652
|
+
: [
|
|
3653
|
+
_vm.multiple
|
|
3654
|
+
? [
|
|
3655
|
+
_c(
|
|
3656
|
+
"el-input",
|
|
3657
|
+
{
|
|
3658
|
+
directives: [
|
|
3659
|
+
{
|
|
3660
|
+
name: "popover",
|
|
3661
|
+
rawName: "v-popover:popover",
|
|
3662
|
+
arg: "popover",
|
|
3663
|
+
},
|
|
3664
|
+
],
|
|
3665
|
+
ref: "reference",
|
|
3666
|
+
class: {
|
|
3667
|
+
"is-focus": _vm.visible,
|
|
3668
|
+
"es-plain": _vm.plain,
|
|
3669
|
+
"es-pointer": !_vm.filterable,
|
|
3670
|
+
"es-zindex-2": _vm.focus,
|
|
3671
|
+
},
|
|
3672
|
+
attrs: {
|
|
3673
|
+
type: "text",
|
|
3674
|
+
autocomplete: "off",
|
|
3675
|
+
readonly: _vm.filterable ? false : true,
|
|
3676
|
+
id: _vm.id,
|
|
3677
|
+
placeholder: _vm.currentPlaceholder,
|
|
3678
|
+
size: _vm.selectorSize,
|
|
3679
|
+
disabled: _vm.selectorDisabled,
|
|
3680
|
+
tabindex: _vm.multiple ? "-1" : null,
|
|
3681
|
+
},
|
|
3682
|
+
on: {
|
|
3683
|
+
focus: _vm.handleFocus,
|
|
3684
|
+
blur: _vm.handleBlur,
|
|
3685
|
+
},
|
|
3686
|
+
nativeOn: {
|
|
3687
|
+
dblclick: function ($event) {
|
|
3688
|
+
return _vm.openDialog($event)
|
|
3689
|
+
},
|
|
3690
|
+
keyup: function ($event) {
|
|
3691
|
+
if (
|
|
3692
|
+
!("button" in $event) &&
|
|
3693
|
+
_vm._k(
|
|
3694
|
+
$event.keyCode,
|
|
3695
|
+
"enter",
|
|
3696
|
+
13,
|
|
3697
|
+
$event.key,
|
|
3698
|
+
"Enter"
|
|
3699
|
+
)
|
|
3700
|
+
) {
|
|
3701
|
+
return null
|
|
3702
|
+
}
|
|
3703
|
+
return _vm.handleSearch($event)
|
|
3704
|
+
},
|
|
3705
|
+
},
|
|
3706
|
+
model: {
|
|
3707
|
+
value: _vm.words,
|
|
3708
|
+
callback: function ($$v) {
|
|
3709
|
+
_vm.words = $$v
|
|
3710
|
+
},
|
|
3711
|
+
expression: "words",
|
|
3712
|
+
},
|
|
3713
|
+
},
|
|
3714
|
+
[
|
|
3715
|
+
_c(
|
|
3716
|
+
"template",
|
|
3717
|
+
{ slot: "append" },
|
|
3718
|
+
[
|
|
3719
|
+
_vm.filterable || _vm.showButton
|
|
3720
|
+
? _c(
|
|
3721
|
+
"el-button",
|
|
3722
|
+
{
|
|
3723
|
+
ref: "openDialog",
|
|
3724
|
+
on: {
|
|
3725
|
+
click: function ($event) {
|
|
3726
|
+
$event.stopPropagation()
|
|
3727
|
+
return _vm.openDialog($event)
|
|
3728
|
+
},
|
|
3729
|
+
},
|
|
3730
|
+
},
|
|
3731
|
+
[_vm._t("default", [_vm._v("选择")])],
|
|
3732
|
+
2
|
|
3733
|
+
)
|
|
3734
|
+
: _vm._e(),
|
|
3735
|
+
],
|
|
3736
|
+
1
|
|
3737
|
+
),
|
|
3738
|
+
],
|
|
3739
|
+
2
|
|
3740
|
+
),
|
|
3741
|
+
_c("el-input", {
|
|
3742
|
+
directives: [
|
|
3743
|
+
{
|
|
3744
|
+
name: "show",
|
|
3745
|
+
rawName: "v-show",
|
|
3746
|
+
value: false,
|
|
3747
|
+
expression: "false",
|
|
3748
|
+
},
|
|
3749
|
+
],
|
|
3750
|
+
attrs: {
|
|
3751
|
+
readonly: "",
|
|
3752
|
+
name: _vm.name,
|
|
3753
|
+
type: "text",
|
|
3754
|
+
},
|
|
3755
|
+
model: {
|
|
3756
|
+
value: _vm.selectedLabel,
|
|
3757
|
+
callback: function ($$v) {
|
|
3758
|
+
_vm.selectedLabel = $$v
|
|
3759
|
+
},
|
|
3760
|
+
expression: "selectedLabel",
|
|
3761
|
+
},
|
|
3762
|
+
}),
|
|
3763
|
+
]
|
|
3764
|
+
: _c(
|
|
3765
|
+
"el-input",
|
|
3766
|
+
{
|
|
3767
|
+
ref: "reference",
|
|
3768
|
+
class: {
|
|
3769
|
+
"is-focus": _vm.visible,
|
|
3770
|
+
"es-plain": this.plain,
|
|
3771
|
+
"es-pointer": !_vm.filterable,
|
|
3772
|
+
},
|
|
3773
|
+
attrs: {
|
|
3774
|
+
type: "text",
|
|
3775
|
+
autocomplete: "off",
|
|
3776
|
+
clearable: "clearable",
|
|
3777
|
+
showClearIcon: "",
|
|
3778
|
+
name: _vm.name,
|
|
3779
|
+
readonly: _vm.filterable ? false : true,
|
|
3780
|
+
active: _vm.actived,
|
|
3781
|
+
id: _vm.id,
|
|
3782
|
+
placeholder: _vm.currentPlaceholder,
|
|
3783
|
+
size: _vm.selectorSize,
|
|
3784
|
+
disabled: _vm.selectorDisabled,
|
|
3785
|
+
tabindex: _vm.multiple ? "-1" : null,
|
|
3786
|
+
},
|
|
3787
|
+
on: { clear: _vm.handleClear },
|
|
3788
|
+
nativeOn: {
|
|
3789
|
+
dblclick: function ($event) {
|
|
3790
|
+
return _vm.openDialog($event)
|
|
3791
|
+
},
|
|
3792
|
+
keyup: function ($event) {
|
|
3793
|
+
if (
|
|
3794
|
+
!("button" in $event) &&
|
|
3795
|
+
_vm._k(
|
|
3796
|
+
$event.keyCode,
|
|
3797
|
+
"enter",
|
|
3798
|
+
13,
|
|
3799
|
+
$event.key,
|
|
3800
|
+
"Enter"
|
|
3801
|
+
)
|
|
3802
|
+
) {
|
|
3803
|
+
return null
|
|
3804
|
+
}
|
|
3805
|
+
return _vm.handleSearch($event)
|
|
3806
|
+
},
|
|
3807
|
+
},
|
|
3808
|
+
model: {
|
|
3809
|
+
value: _vm.selectedLabel,
|
|
3810
|
+
callback: function ($$v) {
|
|
3811
|
+
_vm.selectedLabel = $$v
|
|
3812
|
+
},
|
|
3813
|
+
expression: "selectedLabel",
|
|
3814
|
+
},
|
|
3815
|
+
},
|
|
3816
|
+
[
|
|
3817
|
+
_c(
|
|
3818
|
+
"template",
|
|
3819
|
+
{ slot: "append" },
|
|
3820
|
+
[
|
|
3821
|
+
_vm.filterable || _vm.showButton
|
|
3822
|
+
? _c(
|
|
3823
|
+
"el-button",
|
|
3824
|
+
{
|
|
3825
|
+
ref: "openDialog",
|
|
3826
|
+
on: {
|
|
3827
|
+
click: function ($event) {
|
|
3828
|
+
$event.stopPropagation()
|
|
3829
|
+
return _vm.openDialog($event)
|
|
3830
|
+
},
|
|
3831
|
+
},
|
|
3832
|
+
},
|
|
3833
|
+
[_vm._t("default", [_vm._v("选择")])],
|
|
3834
|
+
2
|
|
3835
|
+
)
|
|
3836
|
+
: _vm._e(),
|
|
3837
|
+
],
|
|
3838
|
+
1
|
|
3839
|
+
),
|
|
3840
|
+
],
|
|
3841
|
+
2
|
|
3842
|
+
),
|
|
3843
|
+
],
|
|
3810
3844
|
],
|
|
3811
|
-
|
|
3812
|
-
|
|
3813
|
-
|
|
3814
|
-
|
|
3815
|
-
|
|
3816
|
-
|
|
3817
|
-
|
|
3818
|
-
|
|
3819
|
-
|
|
3820
|
-
|
|
3821
|
-
|
|
3822
|
-
|
|
3823
|
-
|
|
3824
|
-
|
|
3825
|
-
|
|
3826
|
-
|
|
3827
|
-
|
|
3828
|
-
|
|
3829
|
-
|
|
3830
|
-
|
|
3831
|
-
expression: "show",
|
|
3832
|
-
},
|
|
3833
|
-
},
|
|
3834
|
-
[
|
|
3835
|
-
_c(
|
|
3836
|
-
"el-scrollbar",
|
|
3837
|
-
{
|
|
3838
|
-
directives: [
|
|
3839
|
-
{
|
|
3840
|
-
name: "show",
|
|
3841
|
-
rawName: "v-show",
|
|
3842
|
-
value: _vm.options.length,
|
|
3843
|
-
expression: "options.length",
|
|
3845
|
+
2
|
|
3846
|
+
),
|
|
3847
|
+
_c(
|
|
3848
|
+
"el-popover",
|
|
3849
|
+
{
|
|
3850
|
+
attrs: {
|
|
3851
|
+
placement: "bottom-start",
|
|
3852
|
+
trigger: "manual",
|
|
3853
|
+
"popper-class": "es-selector-popover",
|
|
3854
|
+
width: _vm.minWidth,
|
|
3855
|
+
queryParent: true,
|
|
3856
|
+
reference: _vm.reference,
|
|
3857
|
+
"arrow-offset": 20,
|
|
3858
|
+
},
|
|
3859
|
+
model: {
|
|
3860
|
+
value: _vm.show,
|
|
3861
|
+
callback: function ($$v) {
|
|
3862
|
+
_vm.show = $$v
|
|
3863
|
+
},
|
|
3864
|
+
expression: "show",
|
|
3844
3865
|
},
|
|
3845
|
-
],
|
|
3846
|
-
ref: "scrollbar",
|
|
3847
|
-
attrs: {
|
|
3848
|
-
tag: "ul",
|
|
3849
|
-
"wrap-class": "es-selector-dropdown__wrap",
|
|
3850
|
-
"view-class": "es-selector-dropdown__list",
|
|
3851
|
-
maxHeight: "228",
|
|
3852
3866
|
},
|
|
3853
|
-
|
|
3854
|
-
|
|
3855
|
-
|
|
3856
|
-
|
|
3857
|
-
|
|
3858
|
-
|
|
3859
|
-
|
|
3860
|
-
|
|
3861
|
-
|
|
3862
|
-
|
|
3863
|
-
|
|
3867
|
+
[
|
|
3868
|
+
_c(
|
|
3869
|
+
"el-scrollbar",
|
|
3870
|
+
{
|
|
3871
|
+
directives: [
|
|
3872
|
+
{
|
|
3873
|
+
name: "show",
|
|
3874
|
+
rawName: "v-show",
|
|
3875
|
+
value: _vm.options.length,
|
|
3876
|
+
expression: "options.length",
|
|
3877
|
+
},
|
|
3878
|
+
],
|
|
3879
|
+
ref: "scrollbar",
|
|
3880
|
+
attrs: {
|
|
3881
|
+
tag: "ul",
|
|
3882
|
+
"wrap-class": "es-selector-dropdown__wrap",
|
|
3883
|
+
"view-class": "es-selector-dropdown__list",
|
|
3884
|
+
maxHeight: "228",
|
|
3864
3885
|
},
|
|
3865
3886
|
},
|
|
3866
|
-
|
|
3867
|
-
|
|
3868
|
-
|
|
3869
|
-
|
|
3870
|
-
|
|
3871
|
-
|
|
3872
|
-
|
|
3873
|
-
|
|
3874
|
-
|
|
3875
|
-
|
|
3876
|
-
|
|
3877
|
-
|
|
3878
|
-
|
|
3879
|
-
|
|
3887
|
+
_vm._l(_vm.options, function (item) {
|
|
3888
|
+
return _c(
|
|
3889
|
+
"li",
|
|
3890
|
+
{
|
|
3891
|
+
key: item.id,
|
|
3892
|
+
staticClass: "es-selector-dropdown-item",
|
|
3893
|
+
class: { "es-selected": item.selected },
|
|
3894
|
+
on: {
|
|
3895
|
+
click: function ($event) {
|
|
3896
|
+
_vm.handleSelect(item)
|
|
3897
|
+
},
|
|
3898
|
+
},
|
|
3899
|
+
},
|
|
3900
|
+
[_c("span", [_vm._v(_vm._s(item[_vm.labelKey]))])]
|
|
3901
|
+
)
|
|
3902
|
+
}),
|
|
3903
|
+
0
|
|
3904
|
+
),
|
|
3905
|
+
_vm.options.length == 0
|
|
3906
|
+
? _c("p", { staticClass: "el-select-dropdown__empty" }, [
|
|
3907
|
+
_vm._v(
|
|
3908
|
+
"\n " + _vm._s(_vm.noMatchText) + "\n "
|
|
3909
|
+
),
|
|
3910
|
+
])
|
|
3911
|
+
: _vm._e(),
|
|
3912
|
+
],
|
|
3913
|
+
1
|
|
3914
|
+
),
|
|
3915
|
+
],
|
|
3880
3916
|
!_vm.readonly
|
|
3881
3917
|
? _c(
|
|
3882
3918
|
"es-dialog",
|
|
@@ -3937,14 +3973,14 @@ var render = function () {
|
|
|
3937
3973
|
)
|
|
3938
3974
|
: _vm._e(),
|
|
3939
3975
|
],
|
|
3940
|
-
|
|
3976
|
+
2
|
|
3941
3977
|
)
|
|
3942
3978
|
}
|
|
3943
3979
|
var staticRenderFns = []
|
|
3944
3980
|
render._withStripped = true
|
|
3945
3981
|
|
|
3946
3982
|
|
|
3947
|
-
// CONCATENATED MODULE: ./packages/selector/src/main.vue?vue&type=template&id=
|
|
3983
|
+
// CONCATENATED MODULE: ./packages/selector/src/main.vue?vue&type=template&id=4a397202&
|
|
3948
3984
|
|
|
3949
3985
|
// EXTERNAL MODULE: ./src/utils/util.js
|
|
3950
3986
|
var util = __webpack_require__(0);
|
|
@@ -4159,6 +4195,13 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
|
|
|
4159
4195
|
//
|
|
4160
4196
|
//
|
|
4161
4197
|
//
|
|
4198
|
+
//
|
|
4199
|
+
//
|
|
4200
|
+
//
|
|
4201
|
+
//
|
|
4202
|
+
//
|
|
4203
|
+
//
|
|
4204
|
+
//
|
|
4162
4205
|
|
|
4163
4206
|
|
|
4164
4207
|
|
|
@@ -4256,6 +4299,7 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
|
|
|
4256
4299
|
type: Boolean,
|
|
4257
4300
|
default: false
|
|
4258
4301
|
},
|
|
4302
|
+
button: Object,
|
|
4259
4303
|
active: String,
|
|
4260
4304
|
keywords: {
|
|
4261
4305
|
type: String,
|
|
@@ -4491,10 +4535,10 @@ var clickoutside_default = /*#__PURE__*/__webpack_require__.n(clickoutside_);
|
|
|
4491
4535
|
this.$emit('input', res);
|
|
4492
4536
|
}
|
|
4493
4537
|
this.$emit('confirm', res);
|
|
4494
|
-
var inputChildNodes = this.$refs.reference.$el.childNodes;
|
|
4495
|
-
var input = [].filter.call(inputChildNodes, function (item) {
|
|
4538
|
+
var inputChildNodes = this.$refs.reference ? this.$refs.reference.$el.childNodes : null;
|
|
4539
|
+
var input = inputChildNodes ? [].filter.call(inputChildNodes, function (item) {
|
|
4496
4540
|
return item.tagName === 'INPUT';
|
|
4497
|
-
})[0];
|
|
4541
|
+
})[0] : null;
|
|
4498
4542
|
if (input) {
|
|
4499
4543
|
input.focus();
|
|
4500
4544
|
input.blur();
|