cy-element-ui 1.1.26 → 1.1.28

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.
@@ -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=5e4054a3
43207
- var mainvue_type_template_id_5e4054a3_render = function () {
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=7e2add3e
43207
+ var mainvue_type_template_id_7e2add3e_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" },
@@ -43294,9 +43294,9 @@ var mainvue_type_template_id_5e4054a3_render = function () {
43294
43294
  attrs: {
43295
43295
  data: _vm.treeOptions,
43296
43296
  "show-checkbox": _vm.multiple,
43297
- "node-key": _vm.defaultOptions.id,
43297
+ "node-key": _vm.treeFieldMap.id,
43298
43298
  "check-strictly": !_vm.isCheckStrictly,
43299
- props: _vm.defaultOptions,
43299
+ props: _vm.treeFieldMap,
43300
43300
  "expand-on-click-node": false,
43301
43301
  "default-expand-all": _vm.defaultExpandAll,
43302
43302
  "filter-node-method": _vm.filterNode,
@@ -43329,7 +43329,7 @@ var mainvue_type_template_id_5e4054a3_render = function () {
43329
43329
  _vm._s(
43330
43330
  _vm.checkedArr
43331
43331
  .map(function (item) {
43332
- return item[_vm.defaultOptions.label]
43332
+ return item[_vm.treeFieldMap.label]
43333
43333
  })
43334
43334
  .join()
43335
43335
  )
@@ -43377,11 +43377,11 @@ var mainvue_type_template_id_5e4054a3_render = function () {
43377
43377
  1
43378
43378
  )
43379
43379
  }
43380
- var mainvue_type_template_id_5e4054a3_staticRenderFns = []
43381
- mainvue_type_template_id_5e4054a3_render._withStripped = true
43380
+ var mainvue_type_template_id_7e2add3e_staticRenderFns = []
43381
+ mainvue_type_template_id_7e2add3e_render._withStripped = true
43382
43382
 
43383
43383
 
43384
- // CONCATENATED MODULE: ./packages/cy/treeSelect/src/main.vue?vue&type=template&id=5e4054a3
43384
+ // CONCATENATED MODULE: ./packages/cy/treeSelect/src/main.vue?vue&type=template&id=7e2add3e
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,40 @@ 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
+ * 字段映射配置:将用户传入的 defaultOptions 与默认值合并,
43572
+ * 保证 children / label / id 三个 key 始终存在,
43573
+ * 避免只传部分字段时取到的 key 为 undefined 而导致层级/选中/搜索失效
43574
+ * @returns {Object} 合并后的字段映射
43575
+ */
43576
+ treeFieldMap: function treeFieldMap() {
43577
+ return Object.assign({ children: 'children', label: 'label', id: 'id' }, this.defaultOptions);
43578
+ },
43579
+
43580
+
43581
+ /**
43582
+ * 根据 value 反查当前选中节点对象数组,用于回显文本
43583
+ * @returns {Array} 选中节点对象数组
43584
+ */
43539
43585
  checkedArr: function checkedArr() {
43540
43586
  var _this = this;
43541
43587
 
@@ -43543,20 +43589,21 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
43543
43589
  var arr = [];
43544
43590
  this.value && this.value.forEach(function (id) {
43545
43591
  var cItem = _this.treeArr.filter(function (tItem) {
43546
- return tItem[_this.defaultOptions.id] === id;
43592
+ return tItem[_this.treeFieldMap.id] === id;
43547
43593
  })[0];
43548
43594
  if (cItem) arr.push(cItem);
43549
43595
  });
43550
43596
  return arr;
43551
43597
  } else {
43552
43598
  var cItem = this.treeArr.filter(function (tItem) {
43553
- return tItem[_this.defaultOptions.id] === Number(_this.value);
43599
+ return tItem[_this.treeFieldMap.id] === Number(_this.value);
43554
43600
  })[0];
43555
43601
  return cItem ? [cItem] : [];
43556
43602
  }
43557
43603
  }
43558
43604
  },
43559
43605
  watch: {
43606
+ // 监听 checkStrictly:同步到内部状态 isCheckStrictly
43560
43607
  checkStrictly: {
43561
43608
  immediate: true,
43562
43609
  handler: function handler() {
@@ -43564,6 +43611,7 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
43564
43611
  }
43565
43612
  },
43566
43613
 
43614
+ // 监听 value:变化时重新设置树节点的勾选状态
43567
43615
  value: {
43568
43616
  immediate: true,
43569
43617
  deep: true,
@@ -43576,6 +43624,7 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
43576
43624
  }
43577
43625
  },
43578
43626
 
43627
+ // 监听 options:数据变化时重新扁平化
43579
43628
  options: {
43580
43629
  deep: true,
43581
43630
  immediate: true,
@@ -43585,6 +43634,7 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
43585
43634
  }
43586
43635
  },
43587
43636
 
43637
+ // 监听搜索关键字:过滤树节点并自动展开命中节点
43588
43638
  filterText: function filterText(val) {
43589
43639
  var _this3 = this;
43590
43640
 
@@ -43603,10 +43653,25 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
43603
43653
  created: function created() {},
43604
43654
 
43605
43655
  methods: {
43656
+ /**
43657
+ * 树节点过滤方法:根据命中 id 集合决定节点是否显示
43658
+ * @param {*} value - 搜索关键字
43659
+ * @param {Object} data - 当前树节点数据
43660
+ * @returns {boolean}
43661
+ */
43606
43662
  filterNode: function filterNode(value, data) {
43607
43663
  if (!value) return true;
43608
- return this.matchedNodeIds.includes(data[this.defaultOptions.id]);
43664
+ return this.matchedNodeIds.includes(data[this.treeFieldMap.id]);
43609
43665
  },
43666
+
43667
+
43668
+ /**
43669
+ * 递归查找名称包含关键字的节点 id(父节点命中则连带子节点)
43670
+ * @param {*} value - 搜索关键字
43671
+ * @param {Array} nodes - 待查找的树节点数组
43672
+ * @param {boolean} [parentMatched=false] - 父节点是否已命中
43673
+ * @returns {Array<number>} 命中节点 id 集合
43674
+ */
43610
43675
  findMatchedNodes: function findMatchedNodes(value, nodes) {
43611
43676
  var _this4 = this;
43612
43677
 
@@ -43615,21 +43680,27 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
43615
43680
  var matchedIds = [];
43616
43681
 
43617
43682
  nodes.forEach(function (node) {
43618
- var currentNodeMatched = node[_this4.defaultOptions.label].indexOf(value) !== -1;
43683
+ var currentNodeMatched = node[_this4.treeFieldMap.label].indexOf(value) !== -1;
43619
43684
  var shouldShow = currentNodeMatched || parentMatched;
43620
43685
 
43621
43686
  if (shouldShow) {
43622
- matchedIds.push(node[_this4.defaultOptions.id]);
43687
+ matchedIds.push(node[_this4.treeFieldMap.id]);
43623
43688
  }
43624
43689
 
43625
- if (node[_this4.defaultOptions.children] && node[_this4.defaultOptions.children].length > 0) {
43626
- var childIds = _this4.findMatchedNodes(value, node[_this4.defaultOptions.children], shouldShow);
43690
+ if (node[_this4.treeFieldMap.children] && node[_this4.treeFieldMap.children].length > 0) {
43691
+ var childIds = _this4.findMatchedNodes(value, node[_this4.treeFieldMap.children], shouldShow);
43627
43692
  matchedIds = matchedIds.concat(childIds);
43628
43693
  }
43629
43694
  });
43630
43695
 
43631
43696
  return matchedIds;
43632
43697
  },
43698
+
43699
+
43700
+ /**
43701
+ * 将搜索命中的节点自动展开
43702
+ * @returns {void}
43703
+ */
43633
43704
  expandMatchedNodes: function expandMatchedNodes() {
43634
43705
  var _this5 = this;
43635
43706
 
@@ -43640,6 +43711,12 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
43640
43711
  }
43641
43712
  });
43642
43713
  },
43714
+
43715
+
43716
+ /**
43717
+ * 根据 value 初始化树节点勾选状态(单选/多选分别处理)
43718
+ * @returns {void}
43719
+ */
43643
43720
  init: function init() {
43644
43721
  var _this6 = this;
43645
43722
 
@@ -43653,6 +43730,16 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
43653
43730
  _this6.$refs.tree.setCheckedKeys(arr);
43654
43731
  });
43655
43732
  },
43733
+
43734
+
43735
+ /**
43736
+ * 多选时勾选变化回调:向外 emit 选中 id 数组及节点数组
43737
+ * @param {*} value - el-tree 回调的勾选节点数据
43738
+ * @param checkedKeys
43739
+ * @param {Object} checkedNodes - 选中节点对象数组
43740
+ * @fires {Event} change
43741
+ * @returns {void}
43742
+ */
43656
43743
  treeCheck: function treeCheck(value, _ref) {
43657
43744
  var _this7 = this;
43658
43745
 
@@ -43662,31 +43749,57 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
43662
43749
  var arr = [];
43663
43750
  arr = checkedNodes;
43664
43751
  var idArr = arr.map(function (item) {
43665
- return item[_this7.defaultOptions.id];
43752
+ return item[_this7.treeFieldMap.id];
43666
43753
  });
43667
43754
  this.$emit('change', this.multiple ? idArr : idArr[0], this.multiple ? arr : arr[0]);
43668
43755
  },
43756
+
43757
+
43758
+ /**
43759
+ * 单选时点击节点回调:直接选中并关闭弹出层
43760
+ * @param {Object} value - 当前点击的树节点对象
43761
+ * @param {Object} node - 节点对象
43762
+ * @param {Object} event - 点击事件对象
43763
+ * @fires {Event} change
43764
+ * @returns {void}
43765
+ */
43669
43766
  treeClick: function treeClick(value, node, event) {
43670
43767
  if (this.multiple) return;
43671
43768
 
43672
- this.$emit('change', value.id, value);
43769
+ this.$emit('change', value[this.treeFieldMap.id], value);
43673
43770
  this.popoverOpen = false;
43674
43771
  },
43772
+
43773
+
43774
+ /**
43775
+ * 清空选择:emit 空值并清空树勾选
43776
+ * @fires {Event} change
43777
+ * @returns {void}
43778
+ */
43675
43779
  handleClear: function handleClear() {
43676
43780
  this.$emit('change', this.multiple ? [] : '', this.multiple ? [] : null);
43677
43781
  this.$refs.tree.setCheckedKeys([]);
43678
43782
  },
43783
+
43784
+
43785
+ /**
43786
+ * 将嵌套树数据拍平为一维数组,并补充父节点 id(pId)便于反查
43787
+ * @param {Array} arr - 输出的一维数组(原地收集)
43788
+ * @param {Array} data - 当前层级的树节点数组
43789
+ * @param {number} pId - 父节点 id
43790
+ * @returns {Array} 拍平后的一维节点数组
43791
+ */
43679
43792
  turnFormatTreeData: function turnFormatTreeData(arr, data, pId) {
43680
43793
  var _this8 = this;
43681
43794
 
43682
43795
  data.forEach(function (item) {
43683
43796
  var cItem = JSON.parse(JSON.stringify(item));
43684
- delete cItem[_this8.defaultOptions.children];
43797
+ delete cItem[_this8.treeFieldMap.children];
43685
43798
  cItem.pId = pId;
43686
43799
  arr.push(cItem);
43687
43800
 
43688
- if (item[_this8.defaultOptions.children] && item[_this8.defaultOptions.children].length > 0) {
43689
- _this8.turnFormatTreeData(arr, item[_this8.defaultOptions.children], item[_this8.defaultOptions.id]);
43801
+ if (item[_this8.treeFieldMap.children] && item[_this8.treeFieldMap.children].length > 0) {
43802
+ _this8.turnFormatTreeData(arr, item[_this8.treeFieldMap.children], item[_this8.treeFieldMap.id]);
43690
43803
  }
43691
43804
  });
43692
43805
  return arr;
@@ -43705,8 +43818,8 @@ mainvue_type_template_id_5e4054a3_render._withStripped = true
43705
43818
 
43706
43819
  var treeSelect_src_main_component = normalizeComponent(
43707
43820
  cy_treeSelect_src_mainvue_type_script_lang_js,
43708
- mainvue_type_template_id_5e4054a3_render,
43709
- mainvue_type_template_id_5e4054a3_staticRenderFns,
43821
+ mainvue_type_template_id_7e2add3e_render,
43822
+ mainvue_type_template_id_7e2add3e_staticRenderFns,
43710
43823
  false,
43711
43824
  null,
43712
43825
  null,
@@ -43723,8 +43836,8 @@ treeSelect_src_main.install = function (Vue) {
43723
43836
  };
43724
43837
 
43725
43838
  /* 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=1a478a44
43727
- var mainvue_type_template_id_1a478a44_render = function () {
43839
+ // 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
43840
+ var mainvue_type_template_id_509a6ce0_render = function () {
43728
43841
  var _vm = this
43729
43842
  var _h = _vm.$createElement
43730
43843
  var _c = _vm._self._c || _h
@@ -43820,11 +43933,11 @@ var mainvue_type_template_id_1a478a44_render = function () {
43820
43933
  1
43821
43934
  )
43822
43935
  }
43823
- var mainvue_type_template_id_1a478a44_staticRenderFns = []
43824
- mainvue_type_template_id_1a478a44_render._withStripped = true
43936
+ var mainvue_type_template_id_509a6ce0_staticRenderFns = []
43937
+ mainvue_type_template_id_509a6ce0_render._withStripped = true
43825
43938
 
43826
43939
 
43827
- // CONCATENATED MODULE: ./packages/cy/tabDialog/src/main.vue?vue&type=template&id=1a478a44
43940
+ // CONCATENATED MODULE: ./packages/cy/tabDialog/src/main.vue?vue&type=template&id=509a6ce0
43828
43941
 
43829
43942
  // 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
43943
  //
@@ -43875,7 +43988,14 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
43875
43988
  //
43876
43989
  //
43877
43990
  //
43991
+ //
43992
+ //
43993
+ //
43994
+ //
43995
+ //
43996
+ //
43878
43997
 
43998
+ // 引入 Element UI 底层 Dialog 组件(直接引用源码而非全量注册)
43879
43999
 
43880
44000
 
43881
44001
 
@@ -43890,7 +44010,7 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
43890
44010
  type: Boolean,
43891
44011
  default: false
43892
44012
  },
43893
- // Dialog 的标题,也可通过具名 slot
44013
+ // Dialog 的标题,也可通过具名 slot 自定义
43894
44014
  title: {
43895
44015
  type: String,
43896
44016
  default: ''
@@ -43920,7 +44040,7 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
43920
44040
  type: Boolean,
43921
44041
  default: false
43922
44042
  },
43923
- // 是否在 Dialog 出现时将 body或上层 滚动锁定
44043
+ // 是否在 Dialog 出现时将 body 或上层滚动锁定
43924
44044
  lockScroll: {
43925
44045
  type: Boolean,
43926
44046
  default: true
@@ -43955,7 +44075,7 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
43955
44075
  type: Boolean,
43956
44076
  default: false
43957
44077
  },
43958
- // 是否放到tagsView中,即当前app-views下面,此属性true时,appendToBody无效
44078
+ // 是否放到 tagsView 中(即当前 app-views 下面);此属性为 trueappendToBody 无效
43959
44079
  appendToTagsView: {
43960
44080
  type: Boolean,
43961
44081
  default: false
@@ -43972,18 +44092,21 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
43972
44092
  },
43973
44093
  data: function data() {
43974
44094
  return {
43975
- // 判断dialog是否已经放到对应的div下
44095
+ // 判断 dialog 是否已经放到对应的 div
43976
44096
  rendered: false,
44097
+ // 自管遮罩层的 z-index
43977
44098
  modelZIndex: 1000,
44099
+ // 自管遮罩层的高度(根据父容器动态计算)
43978
44100
  modelHeight: 0,
43979
- // 当前app-views的dom元素
44101
+ // 当前 app-views dom 元素
43980
44102
  parentDom: null,
43981
- // 当前el-dialog的dom元素
44103
+ // 当前 el-dialog dom 元素
43982
44104
  elDialogDom: null
43983
44105
  };
43984
44106
  },
43985
44107
 
43986
44108
  watch: {
44109
+ // 监听 visible:控制 dialog 显示/隐藏、挂载位置、键盘事件、遮罩层级
43987
44110
  visible: {
43988
44111
  immediate: true,
43989
44112
  handler: function handler(val) {
@@ -43993,20 +44116,20 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
43993
44116
  this.$emit('open');
43994
44117
  external_vue_default.a.nextTick(function () {
43995
44118
  var dom = _this.$el;
43996
- // 首次打开
44119
+ // 首次打开时处理挂载位置
43997
44120
  if (!_this.rendered) {
43998
44121
  _this.rendered = true;
43999
44122
  if (_this.appendToTagsView) {
44000
- // 将当前dialog挪到当前app-views里面 app-container
44123
+ // 将当前 dialog 挪到当前 app-views 里面的 app-container
44001
44124
  _this.parentDom = dom.closest('.app-container');
44002
44125
  if (!_this.parentDom) _this.parentDom = document.body;
44003
44126
  _this.parentDom.append(dom);
44004
44127
  } else if (_this.appendToBody) {
44005
- // 将当前dialog挪到当前body里面
44128
+ // 将当前 dialog 挪到当前 body 里面
44006
44129
  _this.parentDom = document.body;
44007
44130
  _this.parentDom.append(dom);
44008
44131
  }
44009
- // 添加键盘监听事件
44132
+ // 添加键盘监听事件(用于 ESC 关闭)
44010
44133
  if (_this.closeOnPressEscape) {
44011
44134
  document.addEventListener('keydown', _this.escKeyDown);
44012
44135
  }
@@ -44014,9 +44137,9 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
44014
44137
 
44015
44138
  setTimeout(function () {
44016
44139
  if (_this.parentDom) _this.modelHeight = _this.parentDom.scrollHeight + 'px';
44017
- // 当前VDialog不在body中时
44140
+ // 当前 VDialog 不在 body 中时
44018
44141
  if (!_this.parentDom || _this.parentDom.tagName.toUpperCase() !== 'BODY') {
44019
- // 获取el-dialog的宽度,如果大于app-views的宽度,则el-dialog不居中显示
44142
+ // 获取 el-dialog 的宽度,如果大于 app-views 的宽度,则 el-dialog 不居中显示
44020
44143
  var elDialogWidth = dom.getElementsByClassName('el-dialog')[0].clientWidth;
44021
44144
  if (!_this.parentDom || elDialogWidth < _this.parentDom.clientWidth) {
44022
44145
  dom.getElementsByClassName('el-dialog')[0].style.left = '50%';
@@ -44028,41 +44151,70 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
44028
44151
  dom.getElementsByClassName('el-dialog')[0].style.marginTop = _this.top;
44029
44152
  }, 50);
44030
44153
 
44031
- // 获取el-dialog的z-index,赋值给model,用于处理model的层级问题
44154
+ // 获取 el-dialog z-index,赋值给 model,用于处理 model 的层级问题
44032
44155
  _this.elDialogDom = dom.children[1];
44033
44156
  setTimeout(function () {
44034
44157
  _this.modelZIndex = _this.elDialogDom.style.zIndex;
44035
44158
  }, 50);
44036
44159
  });
44037
44160
  } else {
44038
- // immediate=true时,首次打开不需要触发close事件
44161
+ // immediate=true 时,首次打开不需要触发 close 事件
44039
44162
  if (this.rendered) this.$emit('close');
44040
44163
  }
44041
44164
  }
44042
44165
  }
44043
44166
  },
44044
44167
  methods: {
44168
+ /**
44169
+ * 打开回调,透传 open 事件
44170
+ * @fires {Event} open
44171
+ * @returns {void}
44172
+ */
44045
44173
  handleOpen: function handleOpen() {
44046
44174
  this.$emit('open');
44047
44175
  },
44176
+
44177
+
44178
+ /**
44179
+ * 打开动画结束回调,透传 opened 事件
44180
+ * @fires {Event} opened
44181
+ * @returns {void}
44182
+ */
44048
44183
  handleOpened: function handleOpened() {
44049
44184
  this.$emit('opened');
44050
44185
  },
44186
+
44187
+
44188
+ /**
44189
+ * 关闭回调:同步 visible 并透传 close 事件
44190
+ * @fires {Event} update:visible
44191
+ * @fires {Event} close
44192
+ * @returns {void}
44193
+ */
44051
44194
  handleClose: function handleClose() {
44052
44195
  this.$emit('update:visible', false);
44053
44196
  this.$emit('close');
44054
44197
  },
44198
+
44199
+
44200
+ /**
44201
+ * 关闭动画结束回调,透传 closed 事件
44202
+ * @fires {Event} closed
44203
+ * @returns {void}
44204
+ */
44055
44205
  handleClosed: function handleClosed() {
44056
44206
  this.$emit('closed');
44057
44207
  },
44058
44208
 
44059
44209
 
44060
- /**
44061
- * 监听esc
44062
- */
44210
+ /**
44211
+ * 监听 esc 键,按层级优先级关闭最上层 dialog
44212
+ * @param {KeyboardEvent} event - 键盘事件对象
44213
+ * @returns {void}
44214
+ */
44063
44215
  escKeyDown: function escKeyDown(event) {
44064
44216
  if (event.keyCode === 27) {
44065
- // 获取body下的直接子节点中的已打开的vDialog
44217
+ // 获取 body 下的直接子节点中的已打开的 VDialog
44066
44218
  var bodyVDialogDomArr = [];
44067
44219
  var bodyChildrenArr = document.body.childNodes;
44068
44220
  for (var i = 0; i < bodyChildrenArr.length; i++) {
@@ -44071,23 +44223,23 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
44071
44223
  bodyVDialogDomArr.push(item);
44072
44224
  }
44073
44225
  }
44074
- // 判断body中是否有已打开的vDialog,如果有,优先关闭body下的vDialog
44226
+ // 判断 body 中是否有已打开的 VDialog,如果有,优先关闭 body 下的 VDialog
44075
44227
  if (bodyVDialogDomArr.length > 0) {
44076
- // 获取当前cy-tab-dialog在当前body中的下标
44228
+ // 获取当前 cy-tab-dialog 在当前 body 中的下标
44077
44229
  var curDomIndex = [].indexOf.call(bodyVDialogDomArr, this.$el);
44078
44230
  if (curDomIndex === bodyVDialogDomArr.length - 1) {
44079
44231
  this.handleClose();
44080
44232
  }
44081
44233
  } else if (document.getElementById('tags-view-container') && this.parentDom.parentElement.getAttribute('include_name')) {
44082
- // 获取当前app-views对应的include_name值
44234
+ // 获取当前 app-views 对应的 include_name
44083
44235
  var includeName = this.parentDom.parentElement.getAttribute('include_name');
44084
- // 根据includeName获取tagsView中的tag标签页
44236
+ // 根据 includeName 获取 tagsView 中的 tag 标签页
44085
44237
  var tagDom = document.getElementById('tags-view-container').querySelectorAll('[include_name=' + includeName + ']');
44086
44238
  if (tagDom && tagDom[0]) {
44087
- // 判断此标签页是否为选中状态,只有选中状态中的vDialog才可以进行关闭
44239
+ // 判断此标签页是否为选中状态,只有选中状态中的 VDialog 才可以进行关闭
44088
44240
  if (tagDom[0].className.split(' ').includes('active')) {
44089
44241
  var vDialogList = this.parentDom.getElementsByClassName('cy-tab-dialog-opened');
44090
- // 获取当前cy-tab-dialog在当前app-views中的下标
44242
+ // 获取当前 cy-tab-dialog 在当前 app-views 中的下标
44091
44243
  var _curDomIndex = [].indexOf.call(vDialogList, this.$el);
44092
44244
  if (_curDomIndex === vDialogList.length - 1) {
44093
44245
  this.handleClose();
@@ -44100,6 +44252,11 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
44100
44252
  }
44101
44253
  }
44102
44254
  },
44255
+
44256
+ /**
44257
+ * 组件销毁前移除键盘监听,避免内存泄漏
44258
+ * @returns {void}
44259
+ */
44103
44260
  beforeDestroy: function beforeDestroy() {
44104
44261
  document.removeEventListener('keydown', this.escKeyDown);
44105
44262
  }
@@ -44116,8 +44273,8 @@ mainvue_type_template_id_1a478a44_render._withStripped = true
44116
44273
 
44117
44274
  var tabDialog_src_main_component = normalizeComponent(
44118
44275
  cy_tabDialog_src_mainvue_type_script_lang_js,
44119
- mainvue_type_template_id_1a478a44_render,
44120
- mainvue_type_template_id_1a478a44_staticRenderFns,
44276
+ mainvue_type_template_id_509a6ce0_render,
44277
+ mainvue_type_template_id_509a6ce0_staticRenderFns,
44121
44278
  false,
44122
44279
  null,
44123
44280
  null,
@@ -44279,8 +44436,8 @@ tabDialog_src_main.install = function (Vue) {
44279
44436
  };
44280
44437
 
44281
44438
  /* 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=2e5c88fc
44283
- var mainvue_type_template_id_2e5c88fc_render = function () {
44439
+ // 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
44440
+ var mainvue_type_template_id_afb2cdd0_render = function () {
44284
44441
  var _vm = this
44285
44442
  var _h = _vm.$createElement
44286
44443
  var _c = _vm._self._c || _h
@@ -44294,11 +44451,11 @@ var mainvue_type_template_id_2e5c88fc_render = function () {
44294
44451
  _c("div", { staticClass: "right" }, [_vm._t("right")], 2),
44295
44452
  ])
44296
44453
  }
44297
- var mainvue_type_template_id_2e5c88fc_staticRenderFns = []
44298
- mainvue_type_template_id_2e5c88fc_render._withStripped = true
44454
+ var mainvue_type_template_id_afb2cdd0_staticRenderFns = []
44455
+ mainvue_type_template_id_afb2cdd0_render._withStripped = true
44299
44456
 
44300
44457
 
44301
- // CONCATENATED MODULE: ./packages/cy/subTitle/src/main.vue?vue&type=template&id=2e5c88fc
44458
+ // CONCATENATED MODULE: ./packages/cy/subTitle/src/main.vue?vue&type=template&id=afb2cdd0
44302
44459
 
44303
44460
  // 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
44461
  //
@@ -44312,20 +44469,29 @@ mainvue_type_template_id_2e5c88fc_render._withStripped = true
44312
44469
  //
44313
44470
  //
44314
44471
  //
44472
+ //
44473
+ //
44474
+ //
44315
44475
 
44316
44476
  /* harmony default export */ var subTitle_src_mainvue_type_script_lang_js = ({
44317
44477
  name: 'CySubTitle',
44318
44478
  props: {
44479
+ // 标题文本
44319
44480
  title: {
44320
44481
  type: String,
44321
44482
  default: ''
44322
44483
  },
44484
+ // 左侧装饰边框线的颜色(传入后通过 lineStyle 应用到边框)
44323
44485
  lineColor: {
44324
44486
  type: String,
44325
44487
  default: ''
44326
44488
  }
44327
44489
  },
44328
44490
  computed: {
44491
+ /**
44492
+ * 根据 lineColor 生成左边框颜色样式;未传入时返回空对象
44493
+ * @returns {Object} 包含 borderLeftColor 的样式对象或空对象
44494
+ */
44329
44495
  lineStyle: function lineStyle() {
44330
44496
  if (this.lineColor) {
44331
44497
  return {
@@ -44348,8 +44514,8 @@ mainvue_type_template_id_2e5c88fc_render._withStripped = true
44348
44514
 
44349
44515
  var subTitle_src_main_component = normalizeComponent(
44350
44516
  cy_subTitle_src_mainvue_type_script_lang_js,
44351
- mainvue_type_template_id_2e5c88fc_render,
44352
- mainvue_type_template_id_2e5c88fc_staticRenderFns,
44517
+ mainvue_type_template_id_afb2cdd0_render,
44518
+ mainvue_type_template_id_afb2cdd0_staticRenderFns,
44353
44519
  false,
44354
44520
  null,
44355
44521
  null,
@@ -44366,8 +44532,8 @@ subTitle_src_main.install = function (Vue) {
44366
44532
  };
44367
44533
 
44368
44534
  /* 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=007a9b22
44370
- var mainvue_type_template_id_007a9b22_render = function () {
44535
+ // 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
44536
+ var mainvue_type_template_id_963f9c64_render = function () {
44371
44537
  var _vm = this
44372
44538
  var _h = _vm.$createElement
44373
44539
  var _c = _vm._self._c || _h
@@ -44415,11 +44581,11 @@ var mainvue_type_template_id_007a9b22_render = function () {
44415
44581
  1
44416
44582
  )
44417
44583
  }
44418
- var mainvue_type_template_id_007a9b22_staticRenderFns = []
44419
- mainvue_type_template_id_007a9b22_render._withStripped = true
44584
+ var mainvue_type_template_id_963f9c64_staticRenderFns = []
44585
+ mainvue_type_template_id_963f9c64_render._withStripped = true
44420
44586
 
44421
44587
 
44422
- // CONCATENATED MODULE: ./packages/cy/selectDisplayInput/src/main.vue?vue&type=template&id=007a9b22
44588
+ // CONCATENATED MODULE: ./packages/cy/selectDisplayInput/src/main.vue?vue&type=template&id=963f9c64
44423
44589
 
44424
44590
  // 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
44591
  //
@@ -44433,35 +44599,34 @@ mainvue_type_template_id_007a9b22_render._withStripped = true
44433
44599
  //
44434
44600
  //
44435
44601
  //
44602
+ //
44603
+ //
44604
+ //
44436
44605
 
44437
44606
  /* harmony default export */ var selectDisplayInput_src_mainvue_type_script_lang_js = ({
44438
44607
  name: 'CySelectDisplayInput',
44439
44608
  props: {
44440
- // 文本框 需要显示的内容
44609
+ // 文本框需要显示的内容(Number 或 String)
44441
44610
  value: {
44442
44611
  type: [Number, String],
44443
44612
  default: ''
44444
44613
  },
44445
-
44446
- // 文本框 的提示文本
44614
+ // 文本框未选择时的占位提示文本
44447
44615
  placeholder: {
44448
44616
  type: String,
44449
44617
  default: ''
44450
44618
  },
44451
-
44452
- // 选择按钮 的文字
44619
+ // 选择按钮上的文字
44453
44620
  btnText: {
44454
44621
  type: String,
44455
44622
  default: '选择'
44456
44623
  },
44457
-
44458
- // 选择按钮 的显示条件
44624
+ // 选择按钮的显示条件
44459
44625
  showBtn: {
44460
44626
  type: Boolean,
44461
44627
  default: true
44462
44628
  },
44463
-
44464
- // 是否显示 删除按钮
44629
+ // 是否显示删除按钮
44465
44630
  showDelete: {
44466
44631
  type: Boolean,
44467
44632
  default: false
@@ -44472,23 +44637,40 @@ mainvue_type_template_id_007a9b22_render._withStripped = true
44472
44637
  },
44473
44638
 
44474
44639
  computed: {
44475
- // 文本框 是否需要点击,如果为true,输入框中的字体会变蓝并将鼠标变为小手
44640
+ // 文本框是否需要点击,如果为 true,输入框中的字体会变蓝并将鼠标变为小手
44476
44641
  cursor: function cursor() {
44477
- // 判断父组件是否坚挺了info事件
44478
44642
  return this.$listeners.info;
44479
44643
  }
44480
44644
  },
44481
44645
  created: function created() {},
44482
44646
 
44483
44647
  methods: {
44648
+ /**
44649
+ * 点击显示区:仅当已赋值时触发 info 事件
44650
+ * @returns {void}
44651
+ */
44484
44652
  handleInfo: function handleInfo() {
44485
44653
  if (this.value) {
44486
44654
  this.$emit('info');
44487
44655
  }
44488
44656
  },
44657
+
44658
+
44659
+ /**
44660
+ * 点击选择按钮:触发 click 事件
44661
+ * @fires {Event} click
44662
+ * @returns {void}
44663
+ */
44489
44664
  handleClick: function handleClick() {
44490
44665
  this.$emit('click');
44491
44666
  },
44667
+
44668
+
44669
+ /**
44670
+ * 点击删除按钮:触发 delete 事件
44671
+ * @fires {Event} delete
44672
+ * @returns {void}
44673
+ */
44492
44674
  handleDelete: function handleDelete() {
44493
44675
  this.$emit('delete');
44494
44676
  }
@@ -44506,8 +44688,8 @@ mainvue_type_template_id_007a9b22_render._withStripped = true
44506
44688
 
44507
44689
  var selectDisplayInput_src_main_component = normalizeComponent(
44508
44690
  cy_selectDisplayInput_src_mainvue_type_script_lang_js,
44509
- mainvue_type_template_id_007a9b22_render,
44510
- mainvue_type_template_id_007a9b22_staticRenderFns,
44691
+ mainvue_type_template_id_963f9c64_render,
44692
+ mainvue_type_template_id_963f9c64_staticRenderFns,
44511
44693
  false,
44512
44694
  null,
44513
44695
  null,
@@ -44664,7 +44846,7 @@ if (typeof window !== 'undefined' && window.Vue) {
44664
44846
  }
44665
44847
 
44666
44848
  /* harmony default export */ var src_0 = __webpack_exports__["default"] = ({
44667
- version: '1.1.25',
44849
+ version: '1.1.27',
44668
44850
  locale: lib_locale_default.a.use,
44669
44851
  i18n: lib_locale_default.a.i18n,
44670
44852
  install: src_install,