cy-element-ui 1.1.26 → 1.1.27
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 +260 -37
- package/lib/CySelectDisplayInput.js +29 -13
- package/lib/CySubTitle.js +11 -2
- package/lib/CyTabDialog.js +70 -26
- package/lib/CyTreeSelect.js +106 -4
- package/lib/element-ui.common.js +237 -66
- package/lib/index.js +2 -2
- package/package.json +121 -133
- package/packages/cy/selectDisplayInput/src/main.vue +87 -75
- package/packages/cy/subTitle/src/main.vue +45 -36
- package/packages/cy/tabDialog/src/main.vue +315 -277
- package/packages/cy/treeSelect/src/main.vue +378 -290
- package/src/index.js +1 -1
- package/web-types.json +4908 -4193
package/lib/element-ui.common.js
CHANGED
|
@@ -43203,8 +43203,8 @@ result_src.install = function (Vue) {
|
|
|
43203
43203
|
};
|
|
43204
43204
|
|
|
43205
43205
|
/* harmony default export */ var packages_result = (result_src);
|
|
43206
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cy/treeSelect/src/main.vue?vue&type=template&id=
|
|
43207
|
-
var
|
|
43206
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cy/treeSelect/src/main.vue?vue&type=template&id=139d556a
|
|
43207
|
+
var mainvue_type_template_id_139d556a_render = function () {
|
|
43208
43208
|
var _vm = this
|
|
43209
43209
|
var _h = _vm.$createElement
|
|
43210
43210
|
var _c = _vm._self._c || _h
|
|
@@ -43263,7 +43263,7 @@ var mainvue_type_template_id_5e4054a3_render = function () {
|
|
|
43263
43263
|
1
|
|
43264
43264
|
)
|
|
43265
43265
|
: _vm._e(),
|
|
43266
|
-
_vm.showCheckStrictly
|
|
43266
|
+
_vm.showCheckStrictly && _vm.multiple
|
|
43267
43267
|
? _c(
|
|
43268
43268
|
"div",
|
|
43269
43269
|
{ staticClass: "cy-tree-select-select-con-t" },
|
|
@@ -43377,11 +43377,11 @@ var mainvue_type_template_id_5e4054a3_render = function () {
|
|
|
43377
43377
|
1
|
|
43378
43378
|
)
|
|
43379
43379
|
}
|
|
43380
|
-
var
|
|
43381
|
-
|
|
43380
|
+
var mainvue_type_template_id_139d556a_staticRenderFns = []
|
|
43381
|
+
mainvue_type_template_id_139d556a_render._withStripped = true
|
|
43382
43382
|
|
|
43383
43383
|
|
|
43384
|
-
// CONCATENATED MODULE: ./packages/cy/treeSelect/src/main.vue?vue&type=template&id=
|
|
43384
|
+
// CONCATENATED MODULE: ./packages/cy/treeSelect/src/main.vue?vue&type=template&id=139d556a
|
|
43385
43385
|
|
|
43386
43386
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cy/treeSelect/src/main.vue?vue&type=script&lang=js
|
|
43387
43387
|
//
|
|
@@ -43433,7 +43433,17 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
|
|
|
43433
43433
|
//
|
|
43434
43434
|
//
|
|
43435
43435
|
//
|
|
43436
|
+
//
|
|
43437
|
+
//
|
|
43438
|
+
//
|
|
43439
|
+
//
|
|
43440
|
+
//
|
|
43441
|
+
//
|
|
43442
|
+
//
|
|
43443
|
+
//
|
|
43444
|
+
//
|
|
43436
43445
|
|
|
43446
|
+
// 引入 Element UI 底层组件,避免走全量注册
|
|
43437
43447
|
|
|
43438
43448
|
|
|
43439
43449
|
|
|
@@ -43447,55 +43457,66 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
|
|
|
43447
43457
|
ElInput: packages_input,
|
|
43448
43458
|
ElTree: packages_tree
|
|
43449
43459
|
},
|
|
43460
|
+
// 自定义 v-model:使用 value 作为 prop,change 作为回调事件
|
|
43450
43461
|
model: {
|
|
43451
43462
|
prop: 'value',
|
|
43452
43463
|
event: 'change'
|
|
43453
43464
|
},
|
|
43454
43465
|
props: {
|
|
43466
|
+
// 绑定值:单选时为节点 id(String/Number),多选时为 id 数组
|
|
43455
43467
|
value: {
|
|
43456
43468
|
type: [String, Number, Array],
|
|
43457
43469
|
default: ''
|
|
43458
43470
|
},
|
|
43459
43471
|
|
|
43472
|
+
// 树形数据源(children 嵌套结构)
|
|
43460
43473
|
options: {
|
|
43461
43474
|
type: Array,
|
|
43462
43475
|
default: []
|
|
43463
43476
|
},
|
|
43464
43477
|
|
|
43478
|
+
// 未选中时的占位提示文本
|
|
43465
43479
|
placeholder: {
|
|
43466
43480
|
type: String,
|
|
43467
43481
|
default: ''
|
|
43468
43482
|
},
|
|
43469
43483
|
|
|
43484
|
+
// 组件尺寸(medium / small / mini)
|
|
43470
43485
|
size: {
|
|
43471
43486
|
type: String
|
|
43472
43487
|
},
|
|
43473
43488
|
|
|
43489
|
+
// 是否显示搜索过滤输入框
|
|
43474
43490
|
filterable: {
|
|
43475
43491
|
type: Boolean,
|
|
43476
43492
|
default: false
|
|
43477
43493
|
},
|
|
43478
43494
|
|
|
43495
|
+
// 是否显示「父子节点联动」开关
|
|
43479
43496
|
showCheckStrictly: {
|
|
43480
43497
|
type: Boolean,
|
|
43481
43498
|
default: true
|
|
43482
43499
|
},
|
|
43483
43500
|
|
|
43501
|
+
// 父子节点是否互相关联(默认联动)
|
|
43484
43502
|
checkStrictly: {
|
|
43485
43503
|
type: Boolean,
|
|
43486
43504
|
default: true
|
|
43487
43505
|
},
|
|
43488
43506
|
|
|
43507
|
+
// 是否显示清空按钮
|
|
43489
43508
|
clearable: {
|
|
43490
43509
|
type: Boolean,
|
|
43491
43510
|
default: false
|
|
43492
43511
|
},
|
|
43493
43512
|
|
|
43513
|
+
// 是否多选模式(多选时树节点带 checkbox)
|
|
43494
43514
|
multiple: {
|
|
43495
43515
|
type: Boolean,
|
|
43496
43516
|
default: false
|
|
43497
43517
|
},
|
|
43498
43518
|
|
|
43519
|
+
// 树节点字段映射配置:指定 id / label / children 对应的字段名
|
|
43499
43520
|
defaultOptions: {
|
|
43500
43521
|
type: Object,
|
|
43501
43522
|
default: function _default() {
|
|
@@ -43507,16 +43528,19 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
|
|
|
43507
43528
|
}
|
|
43508
43529
|
},
|
|
43509
43530
|
|
|
43531
|
+
// 触发区域(reference)的自定义样式
|
|
43510
43532
|
vStyle: {
|
|
43511
43533
|
type: [Array, String, Object],
|
|
43512
43534
|
default: ''
|
|
43513
43535
|
},
|
|
43514
43536
|
|
|
43537
|
+
// 弹出层自定义类名
|
|
43515
43538
|
popperClass: {
|
|
43516
43539
|
type: String,
|
|
43517
43540
|
default: ''
|
|
43518
43541
|
},
|
|
43519
43542
|
|
|
43543
|
+
// 是否默认展开所有节点
|
|
43520
43544
|
defaultExpandAll: {
|
|
43521
43545
|
type: Boolean,
|
|
43522
43546
|
default: false
|
|
@@ -43524,18 +43548,29 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
|
|
|
43524
43548
|
},
|
|
43525
43549
|
data: function data() {
|
|
43526
43550
|
return {
|
|
43551
|
+
// 当前是否父子联动(受 checkStrictly 控制)
|
|
43527
43552
|
isCheckStrictly: true,
|
|
43553
|
+
// 弹出层是否展开
|
|
43528
43554
|
popoverOpen: false,
|
|
43555
|
+
// 鼠标是否悬浮在图标区(控制清空/箭头图标切换)
|
|
43529
43556
|
isClearIcon: false,
|
|
43530
43557
|
|
|
43558
|
+
// 原始树数据(来自 options)
|
|
43531
43559
|
treeOptions: [],
|
|
43560
|
+
// 扁平化后的树数据(便于按 id 反查节点)
|
|
43532
43561
|
treeArr: [],
|
|
43562
|
+
// 搜索关键字
|
|
43533
43563
|
filterText: '',
|
|
43564
|
+
// 搜索命中的节点 id 集合
|
|
43534
43565
|
matchedNodeIds: []
|
|
43535
43566
|
};
|
|
43536
43567
|
},
|
|
43537
43568
|
|
|
43538
43569
|
computed: {
|
|
43570
|
+
/**
|
|
43571
|
+
* 根据 value 反查当前选中节点对象数组,用于回显文本
|
|
43572
|
+
* @returns {Array} 选中节点对象数组
|
|
43573
|
+
*/
|
|
43539
43574
|
checkedArr: function checkedArr() {
|
|
43540
43575
|
var _this = this;
|
|
43541
43576
|
|
|
@@ -43557,6 +43592,7 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
|
|
|
43557
43592
|
}
|
|
43558
43593
|
},
|
|
43559
43594
|
watch: {
|
|
43595
|
+
// 监听 checkStrictly:同步到内部状态 isCheckStrictly
|
|
43560
43596
|
checkStrictly: {
|
|
43561
43597
|
immediate: true,
|
|
43562
43598
|
handler: function handler() {
|
|
@@ -43564,6 +43600,7 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
|
|
|
43564
43600
|
}
|
|
43565
43601
|
},
|
|
43566
43602
|
|
|
43603
|
+
// 监听 value:变化时重新设置树节点的勾选状态
|
|
43567
43604
|
value: {
|
|
43568
43605
|
immediate: true,
|
|
43569
43606
|
deep: true,
|
|
@@ -43576,6 +43613,7 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
|
|
|
43576
43613
|
}
|
|
43577
43614
|
},
|
|
43578
43615
|
|
|
43616
|
+
// 监听 options:数据变化时重新扁平化
|
|
43579
43617
|
options: {
|
|
43580
43618
|
deep: true,
|
|
43581
43619
|
immediate: true,
|
|
@@ -43585,6 +43623,7 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
|
|
|
43585
43623
|
}
|
|
43586
43624
|
},
|
|
43587
43625
|
|
|
43626
|
+
// 监听搜索关键字:过滤树节点并自动展开命中节点
|
|
43588
43627
|
filterText: function filterText(val) {
|
|
43589
43628
|
var _this3 = this;
|
|
43590
43629
|
|
|
@@ -43603,10 +43642,25 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
|
|
|
43603
43642
|
created: function created() {},
|
|
43604
43643
|
|
|
43605
43644
|
methods: {
|
|
43645
|
+
/**
|
|
43646
|
+
* 树节点过滤方法:根据命中 id 集合决定节点是否显示
|
|
43647
|
+
* @param {*} value - 搜索关键字
|
|
43648
|
+
* @param {Object} data - 当前树节点数据
|
|
43649
|
+
* @returns {boolean}
|
|
43650
|
+
*/
|
|
43606
43651
|
filterNode: function filterNode(value, data) {
|
|
43607
43652
|
if (!value) return true;
|
|
43608
43653
|
return this.matchedNodeIds.includes(data[this.defaultOptions.id]);
|
|
43609
43654
|
},
|
|
43655
|
+
|
|
43656
|
+
|
|
43657
|
+
/**
|
|
43658
|
+
* 递归查找名称包含关键字的节点 id(父节点命中则连带子节点)
|
|
43659
|
+
* @param {*} value - 搜索关键字
|
|
43660
|
+
* @param {Array} nodes - 待查找的树节点数组
|
|
43661
|
+
* @param {boolean} [parentMatched=false] - 父节点是否已命中
|
|
43662
|
+
* @returns {Array<number>} 命中节点 id 集合
|
|
43663
|
+
*/
|
|
43610
43664
|
findMatchedNodes: function findMatchedNodes(value, nodes) {
|
|
43611
43665
|
var _this4 = this;
|
|
43612
43666
|
|
|
@@ -43630,6 +43684,12 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
|
|
|
43630
43684
|
|
|
43631
43685
|
return matchedIds;
|
|
43632
43686
|
},
|
|
43687
|
+
|
|
43688
|
+
|
|
43689
|
+
/**
|
|
43690
|
+
* 将搜索命中的节点自动展开
|
|
43691
|
+
* @returns {void}
|
|
43692
|
+
*/
|
|
43633
43693
|
expandMatchedNodes: function expandMatchedNodes() {
|
|
43634
43694
|
var _this5 = this;
|
|
43635
43695
|
|
|
@@ -43640,6 +43700,12 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
|
|
|
43640
43700
|
}
|
|
43641
43701
|
});
|
|
43642
43702
|
},
|
|
43703
|
+
|
|
43704
|
+
|
|
43705
|
+
/**
|
|
43706
|
+
* 根据 value 初始化树节点勾选状态(单选/多选分别处理)
|
|
43707
|
+
* @returns {void}
|
|
43708
|
+
*/
|
|
43643
43709
|
init: function init() {
|
|
43644
43710
|
var _this6 = this;
|
|
43645
43711
|
|
|
@@ -43653,6 +43719,16 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
|
|
|
43653
43719
|
_this6.$refs.tree.setCheckedKeys(arr);
|
|
43654
43720
|
});
|
|
43655
43721
|
},
|
|
43722
|
+
|
|
43723
|
+
|
|
43724
|
+
/**
|
|
43725
|
+
* 多选时勾选变化回调:向外 emit 选中 id 数组及节点数组
|
|
43726
|
+
* @param {*} value - el-tree 回调的勾选节点数据
|
|
43727
|
+
* @param checkedKeys
|
|
43728
|
+
* @param {Object} checkedNodes - 选中节点对象数组
|
|
43729
|
+
* @fires {Event} change
|
|
43730
|
+
* @returns {void}
|
|
43731
|
+
*/
|
|
43656
43732
|
treeCheck: function treeCheck(value, _ref) {
|
|
43657
43733
|
var _this7 = this;
|
|
43658
43734
|
|
|
@@ -43666,16 +43742,42 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
|
|
|
43666
43742
|
});
|
|
43667
43743
|
this.$emit('change', this.multiple ? idArr : idArr[0], this.multiple ? arr : arr[0]);
|
|
43668
43744
|
},
|
|
43745
|
+
|
|
43746
|
+
|
|
43747
|
+
/**
|
|
43748
|
+
* 单选时点击节点回调:直接选中并关闭弹出层
|
|
43749
|
+
* @param {Object} value - 当前点击的树节点对象
|
|
43750
|
+
* @param {Object} node - 节点对象
|
|
43751
|
+
* @param {Object} event - 点击事件对象
|
|
43752
|
+
* @fires {Event} change
|
|
43753
|
+
* @returns {void}
|
|
43754
|
+
*/
|
|
43669
43755
|
treeClick: function treeClick(value, node, event) {
|
|
43670
43756
|
if (this.multiple) return;
|
|
43671
43757
|
|
|
43672
|
-
this.$emit('change', value.id, value);
|
|
43758
|
+
this.$emit('change', value[this.defaultOptions.id], value);
|
|
43673
43759
|
this.popoverOpen = false;
|
|
43674
43760
|
},
|
|
43761
|
+
|
|
43762
|
+
|
|
43763
|
+
/**
|
|
43764
|
+
* 清空选择:emit 空值并清空树勾选
|
|
43765
|
+
* @fires {Event} change
|
|
43766
|
+
* @returns {void}
|
|
43767
|
+
*/
|
|
43675
43768
|
handleClear: function handleClear() {
|
|
43676
43769
|
this.$emit('change', this.multiple ? [] : '', this.multiple ? [] : null);
|
|
43677
43770
|
this.$refs.tree.setCheckedKeys([]);
|
|
43678
43771
|
},
|
|
43772
|
+
|
|
43773
|
+
|
|
43774
|
+
/**
|
|
43775
|
+
* 将嵌套树数据拍平为一维数组,并补充父节点 id(pId)便于反查
|
|
43776
|
+
* @param {Array} arr - 输出的一维数组(原地收集)
|
|
43777
|
+
* @param {Array} data - 当前层级的树节点数组
|
|
43778
|
+
* @param {number} pId - 父节点 id
|
|
43779
|
+
* @returns {Array} 拍平后的一维节点数组
|
|
43780
|
+
*/
|
|
43679
43781
|
turnFormatTreeData: function turnFormatTreeData(arr, data, pId) {
|
|
43680
43782
|
var _this8 = this;
|
|
43681
43783
|
|
|
@@ -43705,8 +43807,8 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
|
|
|
43705
43807
|
|
|
43706
43808
|
var treeSelect_src_main_component = normalizeComponent(
|
|
43707
43809
|
cy_treeSelect_src_mainvue_type_script_lang_js,
|
|
43708
|
-
|
|
43709
|
-
|
|
43810
|
+
mainvue_type_template_id_139d556a_render,
|
|
43811
|
+
mainvue_type_template_id_139d556a_staticRenderFns,
|
|
43710
43812
|
false,
|
|
43711
43813
|
null,
|
|
43712
43814
|
null,
|
|
@@ -43723,8 +43825,8 @@ treeSelect_src_main.install = function (Vue) {
|
|
|
43723
43825
|
};
|
|
43724
43826
|
|
|
43725
43827
|
/* harmony default export */ var treeSelect = (treeSelect_src_main);
|
|
43726
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cy/tabDialog/src/main.vue?vue&type=template&id=
|
|
43727
|
-
var
|
|
43828
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cy/tabDialog/src/main.vue?vue&type=template&id=509a6ce0
|
|
43829
|
+
var mainvue_type_template_id_509a6ce0_render = function () {
|
|
43728
43830
|
var _vm = this
|
|
43729
43831
|
var _h = _vm.$createElement
|
|
43730
43832
|
var _c = _vm._self._c || _h
|
|
@@ -43820,11 +43922,11 @@ var mainvue_type_template_id_1a478a44_render = function () {
|
|
|
43820
43922
|
1
|
|
43821
43923
|
)
|
|
43822
43924
|
}
|
|
43823
|
-
var
|
|
43824
|
-
|
|
43925
|
+
var mainvue_type_template_id_509a6ce0_staticRenderFns = []
|
|
43926
|
+
mainvue_type_template_id_509a6ce0_render._withStripped = true
|
|
43825
43927
|
|
|
43826
43928
|
|
|
43827
|
-
// CONCATENATED MODULE: ./packages/cy/tabDialog/src/main.vue?vue&type=template&id=
|
|
43929
|
+
// CONCATENATED MODULE: ./packages/cy/tabDialog/src/main.vue?vue&type=template&id=509a6ce0
|
|
43828
43930
|
|
|
43829
43931
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cy/tabDialog/src/main.vue?vue&type=script&lang=js
|
|
43830
43932
|
//
|
|
@@ -43875,7 +43977,14 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
|
|
|
43875
43977
|
//
|
|
43876
43978
|
//
|
|
43877
43979
|
//
|
|
43980
|
+
//
|
|
43981
|
+
//
|
|
43982
|
+
//
|
|
43983
|
+
//
|
|
43984
|
+
//
|
|
43985
|
+
//
|
|
43878
43986
|
|
|
43987
|
+
// 引入 Element UI 底层 Dialog 组件(直接引用源码而非全量注册)
|
|
43879
43988
|
|
|
43880
43989
|
|
|
43881
43990
|
|
|
@@ -43890,7 +43999,7 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
|
|
|
43890
43999
|
type: Boolean,
|
|
43891
44000
|
default: false
|
|
43892
44001
|
},
|
|
43893
|
-
// Dialog 的标题,也可通过具名 slot
|
|
44002
|
+
// Dialog 的标题,也可通过具名 slot 自定义
|
|
43894
44003
|
title: {
|
|
43895
44004
|
type: String,
|
|
43896
44005
|
default: ''
|
|
@@ -43920,7 +44029,7 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
|
|
|
43920
44029
|
type: Boolean,
|
|
43921
44030
|
default: false
|
|
43922
44031
|
},
|
|
43923
|
-
// 是否在 Dialog 出现时将 body
|
|
44032
|
+
// 是否在 Dialog 出现时将 body 或上层滚动锁定
|
|
43924
44033
|
lockScroll: {
|
|
43925
44034
|
type: Boolean,
|
|
43926
44035
|
default: true
|
|
@@ -43955,7 +44064,7 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
|
|
|
43955
44064
|
type: Boolean,
|
|
43956
44065
|
default: false
|
|
43957
44066
|
},
|
|
43958
|
-
// 是否放到tagsView
|
|
44067
|
+
// 是否放到 tagsView 中(即当前 app-views 下面);此属性为 true 时 appendToBody 无效
|
|
43959
44068
|
appendToTagsView: {
|
|
43960
44069
|
type: Boolean,
|
|
43961
44070
|
default: false
|
|
@@ -43972,18 +44081,21 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
|
|
|
43972
44081
|
},
|
|
43973
44082
|
data: function data() {
|
|
43974
44083
|
return {
|
|
43975
|
-
// 判断dialog是否已经放到对应的div下
|
|
44084
|
+
// 判断 dialog 是否已经放到对应的 div 下
|
|
43976
44085
|
rendered: false,
|
|
44086
|
+
// 自管遮罩层的 z-index
|
|
43977
44087
|
modelZIndex: 1000,
|
|
44088
|
+
// 自管遮罩层的高度(根据父容器动态计算)
|
|
43978
44089
|
modelHeight: 0,
|
|
43979
|
-
// 当前app-views的dom元素
|
|
44090
|
+
// 当前 app-views 的 dom 元素
|
|
43980
44091
|
parentDom: null,
|
|
43981
|
-
// 当前el-dialog的dom元素
|
|
44092
|
+
// 当前 el-dialog 的 dom 元素
|
|
43982
44093
|
elDialogDom: null
|
|
43983
44094
|
};
|
|
43984
44095
|
},
|
|
43985
44096
|
|
|
43986
44097
|
watch: {
|
|
44098
|
+
// 监听 visible:控制 dialog 显示/隐藏、挂载位置、键盘事件、遮罩层级
|
|
43987
44099
|
visible: {
|
|
43988
44100
|
immediate: true,
|
|
43989
44101
|
handler: function handler(val) {
|
|
@@ -43993,20 +44105,20 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
|
|
|
43993
44105
|
this.$emit('open');
|
|
43994
44106
|
external_vue_default.a.nextTick(function () {
|
|
43995
44107
|
var dom = _this.$el;
|
|
43996
|
-
//
|
|
44108
|
+
// 首次打开时处理挂载位置
|
|
43997
44109
|
if (!_this.rendered) {
|
|
43998
44110
|
_this.rendered = true;
|
|
43999
44111
|
if (_this.appendToTagsView) {
|
|
44000
|
-
// 将当前dialog挪到当前app-views
|
|
44112
|
+
// 将当前 dialog 挪到当前 app-views 里面的 app-container
|
|
44001
44113
|
_this.parentDom = dom.closest('.app-container');
|
|
44002
44114
|
if (!_this.parentDom) _this.parentDom = document.body;
|
|
44003
44115
|
_this.parentDom.append(dom);
|
|
44004
44116
|
} else if (_this.appendToBody) {
|
|
44005
|
-
// 将当前dialog挪到当前body里面
|
|
44117
|
+
// 将当前 dialog 挪到当前 body 里面
|
|
44006
44118
|
_this.parentDom = document.body;
|
|
44007
44119
|
_this.parentDom.append(dom);
|
|
44008
44120
|
}
|
|
44009
|
-
//
|
|
44121
|
+
// 添加键盘监听事件(用于 ESC 关闭)
|
|
44010
44122
|
if (_this.closeOnPressEscape) {
|
|
44011
44123
|
document.addEventListener('keydown', _this.escKeyDown);
|
|
44012
44124
|
}
|
|
@@ -44014,9 +44126,9 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
|
|
|
44014
44126
|
|
|
44015
44127
|
setTimeout(function () {
|
|
44016
44128
|
if (_this.parentDom) _this.modelHeight = _this.parentDom.scrollHeight + 'px';
|
|
44017
|
-
// 当前VDialog不在body中时
|
|
44129
|
+
// 当前 VDialog 不在 body 中时
|
|
44018
44130
|
if (!_this.parentDom || _this.parentDom.tagName.toUpperCase() !== 'BODY') {
|
|
44019
|
-
// 获取el-dialog的宽度,如果大于app-views的宽度,则el-dialog不居中显示
|
|
44131
|
+
// 获取 el-dialog 的宽度,如果大于 app-views 的宽度,则 el-dialog 不居中显示
|
|
44020
44132
|
var elDialogWidth = dom.getElementsByClassName('el-dialog')[0].clientWidth;
|
|
44021
44133
|
if (!_this.parentDom || elDialogWidth < _this.parentDom.clientWidth) {
|
|
44022
44134
|
dom.getElementsByClassName('el-dialog')[0].style.left = '50%';
|
|
@@ -44028,41 +44140,70 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
|
|
|
44028
44140
|
dom.getElementsByClassName('el-dialog')[0].style.marginTop = _this.top;
|
|
44029
44141
|
}, 50);
|
|
44030
44142
|
|
|
44031
|
-
// 获取el-dialog的z-index,赋值给model,用于处理model的层级问题
|
|
44143
|
+
// 获取 el-dialog 的 z-index,赋值给 model,用于处理 model 的层级问题
|
|
44032
44144
|
_this.elDialogDom = dom.children[1];
|
|
44033
44145
|
setTimeout(function () {
|
|
44034
44146
|
_this.modelZIndex = _this.elDialogDom.style.zIndex;
|
|
44035
44147
|
}, 50);
|
|
44036
44148
|
});
|
|
44037
44149
|
} else {
|
|
44038
|
-
// immediate=true时,首次打开不需要触发close事件
|
|
44150
|
+
// immediate=true 时,首次打开不需要触发 close 事件
|
|
44039
44151
|
if (this.rendered) this.$emit('close');
|
|
44040
44152
|
}
|
|
44041
44153
|
}
|
|
44042
44154
|
}
|
|
44043
44155
|
},
|
|
44044
44156
|
methods: {
|
|
44157
|
+
/**
|
|
44158
|
+
* 打开回调,透传 open 事件
|
|
44159
|
+
* @fires {Event} open
|
|
44160
|
+
* @returns {void}
|
|
44161
|
+
*/
|
|
44045
44162
|
handleOpen: function handleOpen() {
|
|
44046
44163
|
this.$emit('open');
|
|
44047
44164
|
},
|
|
44165
|
+
|
|
44166
|
+
|
|
44167
|
+
/**
|
|
44168
|
+
* 打开动画结束回调,透传 opened 事件
|
|
44169
|
+
* @fires {Event} opened
|
|
44170
|
+
* @returns {void}
|
|
44171
|
+
*/
|
|
44048
44172
|
handleOpened: function handleOpened() {
|
|
44049
44173
|
this.$emit('opened');
|
|
44050
44174
|
},
|
|
44175
|
+
|
|
44176
|
+
|
|
44177
|
+
/**
|
|
44178
|
+
* 关闭回调:同步 visible 并透传 close 事件
|
|
44179
|
+
* @fires {Event} update:visible
|
|
44180
|
+
* @fires {Event} close
|
|
44181
|
+
* @returns {void}
|
|
44182
|
+
*/
|
|
44051
44183
|
handleClose: function handleClose() {
|
|
44052
44184
|
this.$emit('update:visible', false);
|
|
44053
44185
|
this.$emit('close');
|
|
44054
44186
|
},
|
|
44187
|
+
|
|
44188
|
+
|
|
44189
|
+
/**
|
|
44190
|
+
* 关闭动画结束回调,透传 closed 事件
|
|
44191
|
+
* @fires {Event} closed
|
|
44192
|
+
* @returns {void}
|
|
44193
|
+
*/
|
|
44055
44194
|
handleClosed: function handleClosed() {
|
|
44056
44195
|
this.$emit('closed');
|
|
44057
44196
|
},
|
|
44058
44197
|
|
|
44059
44198
|
|
|
44060
|
-
/**
|
|
44061
|
-
|
|
44062
|
-
|
|
44199
|
+
/**
|
|
44200
|
+
* 监听 esc 键,按层级优先级关闭最上层 dialog
|
|
44201
|
+
* @param {KeyboardEvent} event - 键盘事件对象
|
|
44202
|
+
* @returns {void}
|
|
44203
|
+
*/
|
|
44063
44204
|
escKeyDown: function escKeyDown(event) {
|
|
44064
44205
|
if (event.keyCode === 27) {
|
|
44065
|
-
// 获取body下的直接子节点中的已打开的
|
|
44206
|
+
// 获取 body 下的直接子节点中的已打开的 VDialog
|
|
44066
44207
|
var bodyVDialogDomArr = [];
|
|
44067
44208
|
var bodyChildrenArr = document.body.childNodes;
|
|
44068
44209
|
for (var i = 0; i < bodyChildrenArr.length; i++) {
|
|
@@ -44071,23 +44212,23 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
|
|
|
44071
44212
|
bodyVDialogDomArr.push(item);
|
|
44072
44213
|
}
|
|
44073
44214
|
}
|
|
44074
|
-
// 判断body中是否有已打开的
|
|
44215
|
+
// 判断 body 中是否有已打开的 VDialog,如果有,优先关闭 body 下的 VDialog
|
|
44075
44216
|
if (bodyVDialogDomArr.length > 0) {
|
|
44076
|
-
// 获取当前cy-tab-dialog在当前body中的下标
|
|
44217
|
+
// 获取当前 cy-tab-dialog 在当前 body 中的下标
|
|
44077
44218
|
var curDomIndex = [].indexOf.call(bodyVDialogDomArr, this.$el);
|
|
44078
44219
|
if (curDomIndex === bodyVDialogDomArr.length - 1) {
|
|
44079
44220
|
this.handleClose();
|
|
44080
44221
|
}
|
|
44081
44222
|
} else if (document.getElementById('tags-view-container') && this.parentDom.parentElement.getAttribute('include_name')) {
|
|
44082
|
-
// 获取当前app-views对应的include_name值
|
|
44223
|
+
// 获取当前 app-views 对应的 include_name 值
|
|
44083
44224
|
var includeName = this.parentDom.parentElement.getAttribute('include_name');
|
|
44084
|
-
// 根据includeName获取tagsView中的tag标签页
|
|
44225
|
+
// 根据 includeName 获取 tagsView 中的 tag 标签页
|
|
44085
44226
|
var tagDom = document.getElementById('tags-view-container').querySelectorAll('[include_name=' + includeName + ']');
|
|
44086
44227
|
if (tagDom && tagDom[0]) {
|
|
44087
|
-
// 判断此标签页是否为选中状态,只有选中状态中的
|
|
44228
|
+
// 判断此标签页是否为选中状态,只有选中状态中的 VDialog 才可以进行关闭
|
|
44088
44229
|
if (tagDom[0].className.split(' ').includes('active')) {
|
|
44089
44230
|
var vDialogList = this.parentDom.getElementsByClassName('cy-tab-dialog-opened');
|
|
44090
|
-
// 获取当前cy-tab-dialog在当前app-views中的下标
|
|
44231
|
+
// 获取当前 cy-tab-dialog 在当前 app-views 中的下标
|
|
44091
44232
|
var _curDomIndex = [].indexOf.call(vDialogList, this.$el);
|
|
44092
44233
|
if (_curDomIndex === vDialogList.length - 1) {
|
|
44093
44234
|
this.handleClose();
|
|
@@ -44100,6 +44241,11 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
|
|
|
44100
44241
|
}
|
|
44101
44242
|
}
|
|
44102
44243
|
},
|
|
44244
|
+
|
|
44245
|
+
/**
|
|
44246
|
+
* 组件销毁前移除键盘监听,避免内存泄漏
|
|
44247
|
+
* @returns {void}
|
|
44248
|
+
*/
|
|
44103
44249
|
beforeDestroy: function beforeDestroy() {
|
|
44104
44250
|
document.removeEventListener('keydown', this.escKeyDown);
|
|
44105
44251
|
}
|
|
@@ -44116,8 +44262,8 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
|
|
|
44116
44262
|
|
|
44117
44263
|
var tabDialog_src_main_component = normalizeComponent(
|
|
44118
44264
|
cy_tabDialog_src_mainvue_type_script_lang_js,
|
|
44119
|
-
|
|
44120
|
-
|
|
44265
|
+
mainvue_type_template_id_509a6ce0_render,
|
|
44266
|
+
mainvue_type_template_id_509a6ce0_staticRenderFns,
|
|
44121
44267
|
false,
|
|
44122
44268
|
null,
|
|
44123
44269
|
null,
|
|
@@ -44279,8 +44425,8 @@ tabDialog_src_main.install = function (Vue) {
|
|
|
44279
44425
|
};
|
|
44280
44426
|
|
|
44281
44427
|
/* harmony default export */ var tabDialog = (tabDialog_src_main);
|
|
44282
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cy/subTitle/src/main.vue?vue&type=template&id=
|
|
44283
|
-
var
|
|
44428
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cy/subTitle/src/main.vue?vue&type=template&id=afb2cdd0
|
|
44429
|
+
var mainvue_type_template_id_afb2cdd0_render = function () {
|
|
44284
44430
|
var _vm = this
|
|
44285
44431
|
var _h = _vm.$createElement
|
|
44286
44432
|
var _c = _vm._self._c || _h
|
|
@@ -44294,11 +44440,11 @@ var mainvue_type_template_id_2e5c88fc_render = function () {
|
|
|
44294
44440
|
_c("div", { staticClass: "right" }, [_vm._t("right")], 2),
|
|
44295
44441
|
])
|
|
44296
44442
|
}
|
|
44297
|
-
var
|
|
44298
|
-
|
|
44443
|
+
var mainvue_type_template_id_afb2cdd0_staticRenderFns = []
|
|
44444
|
+
mainvue_type_template_id_afb2cdd0_render._withStripped = true
|
|
44299
44445
|
|
|
44300
44446
|
|
|
44301
|
-
// CONCATENATED MODULE: ./packages/cy/subTitle/src/main.vue?vue&type=template&id=
|
|
44447
|
+
// CONCATENATED MODULE: ./packages/cy/subTitle/src/main.vue?vue&type=template&id=afb2cdd0
|
|
44302
44448
|
|
|
44303
44449
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cy/subTitle/src/main.vue?vue&type=script&lang=js
|
|
44304
44450
|
//
|
|
@@ -44312,20 +44458,29 @@ mainvue_type_template_id_2e5c88fc_render._withStripped = true
|
|
|
44312
44458
|
//
|
|
44313
44459
|
//
|
|
44314
44460
|
//
|
|
44461
|
+
//
|
|
44462
|
+
//
|
|
44463
|
+
//
|
|
44315
44464
|
|
|
44316
44465
|
/* harmony default export */ var subTitle_src_mainvue_type_script_lang_js = ({
|
|
44317
44466
|
name: 'CySubTitle',
|
|
44318
44467
|
props: {
|
|
44468
|
+
// 标题文本
|
|
44319
44469
|
title: {
|
|
44320
44470
|
type: String,
|
|
44321
44471
|
default: ''
|
|
44322
44472
|
},
|
|
44473
|
+
// 左侧装饰边框线的颜色(传入后通过 lineStyle 应用到边框)
|
|
44323
44474
|
lineColor: {
|
|
44324
44475
|
type: String,
|
|
44325
44476
|
default: ''
|
|
44326
44477
|
}
|
|
44327
44478
|
},
|
|
44328
44479
|
computed: {
|
|
44480
|
+
/**
|
|
44481
|
+
* 根据 lineColor 生成左边框颜色样式;未传入时返回空对象
|
|
44482
|
+
* @returns {Object} 包含 borderLeftColor 的样式对象或空对象
|
|
44483
|
+
*/
|
|
44329
44484
|
lineStyle: function lineStyle() {
|
|
44330
44485
|
if (this.lineColor) {
|
|
44331
44486
|
return {
|
|
@@ -44348,8 +44503,8 @@ mainvue_type_template_id_2e5c88fc_render._withStripped = true
|
|
|
44348
44503
|
|
|
44349
44504
|
var subTitle_src_main_component = normalizeComponent(
|
|
44350
44505
|
cy_subTitle_src_mainvue_type_script_lang_js,
|
|
44351
|
-
|
|
44352
|
-
|
|
44506
|
+
mainvue_type_template_id_afb2cdd0_render,
|
|
44507
|
+
mainvue_type_template_id_afb2cdd0_staticRenderFns,
|
|
44353
44508
|
false,
|
|
44354
44509
|
null,
|
|
44355
44510
|
null,
|
|
@@ -44366,8 +44521,8 @@ subTitle_src_main.install = function (Vue) {
|
|
|
44366
44521
|
};
|
|
44367
44522
|
|
|
44368
44523
|
/* harmony default export */ var subTitle = (subTitle_src_main);
|
|
44369
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cy/selectDisplayInput/src/main.vue?vue&type=template&id=
|
|
44370
|
-
var
|
|
44524
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/cy/selectDisplayInput/src/main.vue?vue&type=template&id=963f9c64
|
|
44525
|
+
var mainvue_type_template_id_963f9c64_render = function () {
|
|
44371
44526
|
var _vm = this
|
|
44372
44527
|
var _h = _vm.$createElement
|
|
44373
44528
|
var _c = _vm._self._c || _h
|
|
@@ -44415,11 +44570,11 @@ var mainvue_type_template_id_007a9b22_render = function () {
|
|
|
44415
44570
|
1
|
|
44416
44571
|
)
|
|
44417
44572
|
}
|
|
44418
|
-
var
|
|
44419
|
-
|
|
44573
|
+
var mainvue_type_template_id_963f9c64_staticRenderFns = []
|
|
44574
|
+
mainvue_type_template_id_963f9c64_render._withStripped = true
|
|
44420
44575
|
|
|
44421
44576
|
|
|
44422
|
-
// CONCATENATED MODULE: ./packages/cy/selectDisplayInput/src/main.vue?vue&type=template&id=
|
|
44577
|
+
// CONCATENATED MODULE: ./packages/cy/selectDisplayInput/src/main.vue?vue&type=template&id=963f9c64
|
|
44423
44578
|
|
|
44424
44579
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cy/selectDisplayInput/src/main.vue?vue&type=script&lang=js
|
|
44425
44580
|
//
|
|
@@ -44433,35 +44588,34 @@ mainvue_type_template_id_007a9b22_render._withStripped = true
|
|
|
44433
44588
|
//
|
|
44434
44589
|
//
|
|
44435
44590
|
//
|
|
44591
|
+
//
|
|
44592
|
+
//
|
|
44593
|
+
//
|
|
44436
44594
|
|
|
44437
44595
|
/* harmony default export */ var selectDisplayInput_src_mainvue_type_script_lang_js = ({
|
|
44438
44596
|
name: 'CySelectDisplayInput',
|
|
44439
44597
|
props: {
|
|
44440
|
-
//
|
|
44598
|
+
// 文本框需要显示的内容(Number 或 String)
|
|
44441
44599
|
value: {
|
|
44442
44600
|
type: [Number, String],
|
|
44443
44601
|
default: ''
|
|
44444
44602
|
},
|
|
44445
|
-
|
|
44446
|
-
// 文本框 的提示文本
|
|
44603
|
+
// 文本框未选择时的占位提示文本
|
|
44447
44604
|
placeholder: {
|
|
44448
44605
|
type: String,
|
|
44449
44606
|
default: ''
|
|
44450
44607
|
},
|
|
44451
|
-
|
|
44452
|
-
// 选择按钮 的文字
|
|
44608
|
+
// 选择按钮上的文字
|
|
44453
44609
|
btnText: {
|
|
44454
44610
|
type: String,
|
|
44455
44611
|
default: '选择'
|
|
44456
44612
|
},
|
|
44457
|
-
|
|
44458
|
-
// 选择按钮 的显示条件
|
|
44613
|
+
// 选择按钮的显示条件
|
|
44459
44614
|
showBtn: {
|
|
44460
44615
|
type: Boolean,
|
|
44461
44616
|
default: true
|
|
44462
44617
|
},
|
|
44463
|
-
|
|
44464
|
-
// 是否显示 删除按钮
|
|
44618
|
+
// 是否显示删除按钮
|
|
44465
44619
|
showDelete: {
|
|
44466
44620
|
type: Boolean,
|
|
44467
44621
|
default: false
|
|
@@ -44472,23 +44626,40 @@ mainvue_type_template_id_007a9b22_render._withStripped = true
|
|
|
44472
44626
|
},
|
|
44473
44627
|
|
|
44474
44628
|
computed: {
|
|
44475
|
-
//
|
|
44629
|
+
// 文本框是否需要点击,如果为 true,输入框中的字体会变蓝并将鼠标变为小手
|
|
44476
44630
|
cursor: function cursor() {
|
|
44477
|
-
// 判断父组件是否坚挺了info事件
|
|
44478
44631
|
return this.$listeners.info;
|
|
44479
44632
|
}
|
|
44480
44633
|
},
|
|
44481
44634
|
created: function created() {},
|
|
44482
44635
|
|
|
44483
44636
|
methods: {
|
|
44637
|
+
/**
|
|
44638
|
+
* 点击显示区:仅当已赋值时触发 info 事件
|
|
44639
|
+
* @returns {void}
|
|
44640
|
+
*/
|
|
44484
44641
|
handleInfo: function handleInfo() {
|
|
44485
44642
|
if (this.value) {
|
|
44486
44643
|
this.$emit('info');
|
|
44487
44644
|
}
|
|
44488
44645
|
},
|
|
44646
|
+
|
|
44647
|
+
|
|
44648
|
+
/**
|
|
44649
|
+
* 点击选择按钮:触发 click 事件
|
|
44650
|
+
* @fires {Event} click
|
|
44651
|
+
* @returns {void}
|
|
44652
|
+
*/
|
|
44489
44653
|
handleClick: function handleClick() {
|
|
44490
44654
|
this.$emit('click');
|
|
44491
44655
|
},
|
|
44656
|
+
|
|
44657
|
+
|
|
44658
|
+
/**
|
|
44659
|
+
* 点击删除按钮:触发 delete 事件
|
|
44660
|
+
* @fires {Event} delete
|
|
44661
|
+
* @returns {void}
|
|
44662
|
+
*/
|
|
44492
44663
|
handleDelete: function handleDelete() {
|
|
44493
44664
|
this.$emit('delete');
|
|
44494
44665
|
}
|
|
@@ -44506,8 +44677,8 @@ mainvue_type_template_id_007a9b22_render._withStripped = true
|
|
|
44506
44677
|
|
|
44507
44678
|
var selectDisplayInput_src_main_component = normalizeComponent(
|
|
44508
44679
|
cy_selectDisplayInput_src_mainvue_type_script_lang_js,
|
|
44509
|
-
|
|
44510
|
-
|
|
44680
|
+
mainvue_type_template_id_963f9c64_render,
|
|
44681
|
+
mainvue_type_template_id_963f9c64_staticRenderFns,
|
|
44511
44682
|
false,
|
|
44512
44683
|
null,
|
|
44513
44684
|
null,
|
|
@@ -44664,7 +44835,7 @@ if (typeof window !== 'undefined' && window.Vue) {
|
|
|
44664
44835
|
}
|
|
44665
44836
|
|
|
44666
44837
|
/* harmony default export */ var src_0 = __webpack_exports__["default"] = ({
|
|
44667
|
-
version: '1.1.
|
|
44838
|
+
version: '1.1.26',
|
|
44668
44839
|
locale: lib_locale_default.a.use,
|
|
44669
44840
|
i18n: lib_locale_default.a.i18n,
|
|
44670
44841
|
install: src_install,
|