@leevan/jtui 2.0.46 → 2.0.47

package/examples/tableTest/table-ptbg.vue

@@ -103,7 +103,7 @@
 </template>
 
 <script>
-import { data23 , data13,data7 ,data5,data15} from '../../packages/jt-table/data2';
+import { data16 as data } from '../../packages/jt-table/data2';
 import { data1 ,data0} from '../data2'; 
     export default {
         data(){ 
@@ -135,12 +135,12 @@ import { data1 ,data0} from '../data2';
             }
         },
         created(){
-            const res = data15();
+            const res = data();
             this.tableData[0].retjson = res[0].retjson;
         },
         mounted(){
             this.loading = true;
-            const res = data15();
+            const res = data();
             let timeId = setTimeout(()=>{
                 // this.$refs.tablePtbg.loadData(res[0].DataArray);
                 this.$refs.tablePtbg.loadData(res[0].DataArray);
@@ -150,7 +150,7 @@ import { data1 ,data0} from '../data2';
         },
         methods:{
             loadData1(){
-                const res = data15();
+                const res = data();
                 this.tableData[0].retjson = []
                 this.$nextTick(() => {
                      this.tableData[0].retjson = res[0].retjson;
@@ -203,15 +203,15 @@ import { data1 ,data0} from '../data2';
                 if(col.type == 'checkbox' || col.type == 'radio' || col.type == 'expand' || col.title == '操作' || col.property == 'shg'){
                     return;
                 }
-                this.$message.success(JSON.stringify(row),JSON.stringify(col));
+                // this.$message.success(JSON.stringify(row),JSON.stringify(col));
             },
             //单选框选中的数据
             radio(data){
-                this.$message.success(JSON.stringify(data));
+                // this.$message.success(JSON.stringify(data));
             },
             //复选框选中的数据
             checkbox(data){
-                this.$message.success(JSON.stringify(data));
+                // this.$message.success(JSON.stringify(data));
             },
             //展开行懒加载
             loadMethod({row}){

package/examples/tableTest/tree-table.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script>
-import { data } from '../data2.js';
+import { data1 as data } from '../data2.js';
     export default {
         async created(){
             // const { data } = await this.$axios.post('/api/treetest/ROOT');

package/lib/jtui.common.js

@@ -26826,6 +26826,17 @@ echarts.registerProcessor({
 
 /***/ }),
 
+/***/ "2c8c":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tableColumn_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9aeb");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tableColumn_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tableColumn_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_tableColumn_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
 /***/ "2c94":
 /***/ (function(module, exports) {
 
@@ -150472,6 +150483,13 @@ function divide (num1, num2) {
 module.exports = divide
 
 
+/***/ }),
+
+/***/ "9aeb":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "9b19":
@@ -250336,15 +250354,100 @@ function _toConsumableArray(arr) {
 var xe_utils = __webpack_require__("c695");
 var xe_utils_default = /*#__PURE__*/__webpack_require__.n(xe_utils);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09b5e250-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/jt-table/components/tableColumn.vue?vue&type=template&id=62931950&scoped=true&
-var tableColumnvue_type_template_id_62931950_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.item.children && _vm.item.children.length)?_c('vxe-colgroup',{key:_vm.index,attrs:{"title":_vm.item.label,"type":_vm.item.html ? 'html' : ''}},[_vm._l((_vm.item.children),function(subItem,subIndex){return [(subItem.children && subItem.children.length)?_c('vxe-colgroup',{key:subIndex,attrs:{"title":subItem.label,"type":subItem.html ? 'html' : ''}},_vm._l((subItem.children),function(subSubItem,subSubIndex){return _c('vxe-table-column',{key:subSubIndex,attrs:{"edit-render":subSubItem.edit,"show-overflow":"","field":subSubItem.prop,"align":subSubItem.align,"title":subSubItem.label,"type":subSubItem.html ? 'html' : '',"min-width":subSubItem.width,"sortable":subSubItem.isSort,"visible":subSubItem.width != 0,"fixed":subSubItem.isFixed,"filters":_vm.filterData(subSubItem.filterRender),"filter-render":{ name: subSubItem.filterRender },"formatter":_vm.formatEnum,"cell-render":_vm.cellRenderData(subSubItem.cellRender)}})}),1):_c('vxe-table-column',{key:subIndex,attrs:{"edit-render":subItem.edit,"show-overflow":"","field":subItem.prop,"align":subItem.align,"title":subItem.label,"type":subItem.html ? 'html' : '',"min-width":subItem.width,"sortable":subItem.isSort,"visible":subItem.width != 0,"fixed":subItem.isFixed,"filters":_vm.filterData(subItem.filterRender),"filter-render":{ name: subItem.filterRender },"formatter":_vm.formatEnum,"cell-render":_vm.cellRenderData(subItem.cellRender)}})]})],2):_c('vxe-table-column',{key:_vm.index,attrs:{"edit-render":_vm.item.edit,"show-overflow":"","field":_vm.item.prop,"align":_vm.item.align,"title":_vm.item.label,"type":_vm.item.html ? 'html' : '',"min-width":_vm.item.width,"sortable":_vm.item.isSort,"visible":_vm.item.width != 0,"fixed":_vm.item.isFixed,"filters":_vm.filterData(_vm.item.filterRender),"filter-render":{ name: _vm.item.filterRender },"formatter":_vm.formatEnum,"cell-render":_vm.cellRenderData(_vm.item.cellRender)}})}
-var tableColumnvue_type_template_id_62931950_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"09b5e250-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/jt-table/components/tableColumn.vue?vue&type=template&id=07966dbe&
+var tableColumnvue_type_template_id_07966dbe_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.item.children && _vm.item.children.length)?_c('vxe-colgroup',{key:_vm.index,attrs:{"title":_vm.item.label,"type":_vm.item.html ? 'html' : ''}},[_vm._l((_vm.item.children),function(subItem,subIndex){return [(subItem.children && subItem.children.length)?_c('vxe-colgroup',{key:subIndex,attrs:{"title":subItem.label,"type":subItem.html ? 'html' : ''}},_vm._l((subItem.children),function(subSubItem,subSubIndex){return _c('vxe-table-column',{key:subSubIndex,attrs:{"edit-render":subSubItem.edit,"show-overflow":"","field":subSubItem.prop,"align":subSubItem.align,"title":subSubItem.label,"type":subSubItem.html ? 'html' : '',"min-width":subSubItem.width,"sortable":subSubItem.isSort,"visible":subSubItem.width != 0,"fixed":subSubItem.isFixed,"filters":_vm.filterData(subSubItem.filterRender),"filter-render":{ name: subSubItem.filterRender },"formatter":_vm.formatEnum,"cell-render":_vm.cellRenderData(subSubItem.cellRender)},scopedSlots:_vm._u([(_vm.item && _vm.item.edit && _vm.item.edit.name == '$select')?{key:"edit",fn:function(ref){
+var row = ref.row;
+return [_c('div',{ref:"selectWrapper",refInFor:true,staticClass:"custom-select-wrapper"},[_c('div',{ref:"inputRef",refInFor:true,staticClass:"custom-select-input",on:{"click":_vm.toggleDropdown}},[_c('span',{staticClass:"custom-select-value"},[_vm._v(" "+_vm._s(_vm.getLabel(row[_vm.item.prop]))+" ")]),_c('i',{staticClass:"custom-select-arrow",class:{'is-open': _vm.isOpen}})]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isOpen),expression:"isOpen"}],ref:"dropdownRef",refInFor:true,staticClass:"custom-select-dropdown"},[_c('ul',_vm._l((_vm.item.edit.options),function(op){return _c('li',{key:op.value,class:{'is-selected': row[_vm.item.prop] === op.value},on:{"mousedown":function($event){$event.preventDefault();return _vm.selectOption(op, row)}}},[_vm._v(" "+_vm._s(op.label)+" ")])}),0)])])]}}:null],null,true)})}),1):_c('vxe-table-column',{key:subIndex,attrs:{"edit-render":subItem.edit,"show-overflow":"","field":subItem.prop,"align":subItem.align,"title":subItem.label,"type":subItem.html ? 'html' : '',"min-width":subItem.width,"sortable":subItem.isSort,"visible":subItem.width != 0,"fixed":subItem.isFixed,"filters":_vm.filterData(subItem.filterRender),"filter-render":{ name: subItem.filterRender },"formatter":_vm.formatEnum,"cell-render":_vm.cellRenderData(subItem.cellRender)},scopedSlots:_vm._u([(_vm.item && _vm.item.edit && _vm.item.edit.name == '$select')?{key:"edit",fn:function(ref){
+var row = ref.row;
+return [_c('div',{ref:"selectWrapper",refInFor:true,staticClass:"custom-select-wrapper"},[_c('div',{ref:"inputRef",refInFor:true,staticClass:"custom-select-input",on:{"click":_vm.toggleDropdown}},[_c('span',{staticClass:"custom-select-value"},[_vm._v(" "+_vm._s(_vm.getLabel(row[_vm.item.prop]))+" ")]),_c('i',{staticClass:"custom-select-arrow",class:{'is-open': _vm.isOpen}})]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isOpen),expression:"isOpen"}],ref:"dropdownRef",refInFor:true,staticClass:"custom-select-dropdown"},[_c('ul',_vm._l((_vm.item.edit.options),function(op){return _c('li',{key:op.value,class:{'is-selected': row[_vm.item.prop] === op.value},on:{"mousedown":function($event){$event.preventDefault();return _vm.selectOption(op, row)}}},[_vm._v(" "+_vm._s(op.label)+" ")])}),0)])])]}}:null],null,true)})]})],2):_c('vxe-table-column',{key:_vm.index,attrs:{"edit-render":_vm.item.edit && _vm.item.edit.name == '$select' ? {autofocus: '.vxe-input--inner'} : _vm.item.edit,"show-overflow":"","field":_vm.item.prop,"align":_vm.item.align,"title":_vm.item.label,"type":_vm.item.html ? 'html' : '',"min-width":_vm.item.width,"sortable":_vm.item.isSort,"visible":_vm.item.width != 0,"fixed":_vm.item.isFixed,"filters":_vm.filterData(_vm.item.filterRender),"filter-render":{ name: _vm.item.filterRender },"formatter":_vm.formatEnum,"cell-render":_vm.cellRenderData(_vm.item.cellRender)},scopedSlots:_vm._u([(_vm.item && _vm.item.edit && _vm.item.edit.name == '$select')?{key:"edit",fn:function(ref){
+var row = ref.row;
+return [_c('div',{ref:"selectWrapper",staticClass:"custom-select-wrapper"},[_c('div',{ref:"inputRef",staticClass:"custom-select-input",on:{"click":_vm.toggleDropdown}},[_c('span',{staticClass:"custom-select-value"},[_vm._v(" "+_vm._s(_vm.getLabel(row[_vm.item.prop]))+" ")]),_c('i',{staticClass:"custom-select-arrow",class:{'is-open': _vm.isOpen}})]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isOpen),expression:"isOpen"}],ref:"dropdownRef",staticClass:"custom-select-dropdown"},[_c('ul',_vm._l((_vm.item.edit.options),function(op){return _c('li',{key:op.value,class:{'is-selected': row[_vm.item.prop] === op.value},on:{"mousedown":function($event){$event.preventDefault();return _vm.selectOption(op, row)}}},[_vm._v(" "+_vm._s(op.label)+" ")])}),0)])])]}}:null],null,true)})}
+var tableColumnvue_type_template_id_07966dbe_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/jt-table/components/tableColumn.vue?vue&type=template&id=62931950&scoped=true&
+// CONCATENATED MODULE: ./packages/jt-table/components/tableColumn.vue?vue&type=template&id=07966dbe&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/jt-table/components/tableColumn.vue?vue&type=script&lang=js&
 
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -250427,7 +250530,22 @@ var tableColumnvue_type_template_id_62931950_scoped_true_staticRenderFns = []
 /* harmony default export */ var tableColumnvue_type_script_lang_js_ = ({
   name: "tableColumn",
   data: function data() {
-    return {};
+    return {
+      isOpen: false
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    // 点击外部关闭下拉框
+    document.addEventListener('click', this.handleClickOutside); // 编辑激活时自动打开
+
+    this.$nextTick(function () {
+      _this.isOpen = true;
+    });
+  },
+  beforeDestroy: function beforeDestroy() {
+    document.removeEventListener('click', this.handleClickOutside);
   },
   props: {
     item: Object,
@@ -250454,10 +250572,33 @@ var tableColumnvue_type_template_id_62931950_scoped_true_staticRenderFns = []
       default: 0
     }
   },
-  methods: {}
+  methods: {
+    getLabel: function getLabel(value) {
+      if (!this.item || !this.item.edit || !this.item.edit.options) return value;
+      var findItem = this.item.edit.options.find(function (op) {
+        return op.value === value;
+      });
+      return findItem ? findItem.label : value || '请选择';
+    },
+    toggleDropdown: function toggleDropdown() {
+      this.isOpen = !this.isOpen;
+    },
+    selectOption: function selectOption(op, row) {
+      row[this.item.prop] = op.value;
+      this.isOpen = false;
+    },
+    handleClickOutside: function handleClickOutside(e) {
+      if (this.$refs.selectWrapper && !this.$refs.selectWrapper.contains(e.target)) {
+        this.isOpen = false;
+      }
+    }
+  }
 });
 // CONCATENATED MODULE: ./packages/jt-table/components/tableColumn.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_tableColumnvue_type_script_lang_js_ = (tableColumnvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/jt-table/components/tableColumn.vue?vue&type=style&index=0&lang=scss&
+var tableColumnvue_type_style_index_0_lang_scss_ = __webpack_require__("2c8c");
+
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
 
@@ -250564,15 +250705,16 @@ function normalizeComponent (
 
 
 
+
 /* normalize component */
 
 var component = normalizeComponent(
   components_tableColumnvue_type_script_lang_js_,
-  tableColumnvue_type_template_id_62931950_scoped_true_render,
-  tableColumnvue_type_template_id_62931950_scoped_true_staticRenderFns,
+  tableColumnvue_type_template_id_07966dbe_render,
+  tableColumnvue_type_template_id_07966dbe_staticRenderFns,
   false,
   null,
-  "62931950",
+  null,
   null
   
 )