@tongfun/tf-widget 0.1.137 → 0.1.139

package/lib/tf-widget.common.js

@@ -18,8 +18,8 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
 var staticRenderFns = []
 
 
-// EXTERNAL MODULE: ./package/tf-ag-grid-table/index.js + 22 modules
-var tf_ag_grid_table = __webpack_require__(8928);
+// EXTERNAL MODULE: ./package/tf-ag-grid-table/index.js + 32 modules
+var tf_ag_grid_table = __webpack_require__(8157);
 // EXTERNAL MODULE: ./package/tf-table/index.js + 12 modules
 var tf_table = __webpack_require__(8409);
 // EXTERNAL MODULE: ./package/tf-splitter/index.js + 6 modules
@@ -135359,7 +135359,7 @@ function removeMultiDragElements() {
 
 /***/ }),
 
-/***/ 8928:
+/***/ 8157:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135369,8 +135369,8 @@ __webpack_require__.d(__webpack_exports__, {
   "Z": function() { return /* binding */ tf_ag_grid_table; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid-table/src/index.vue?vue&type=template&id=23a1ff56&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleClickOut),expression:"handleClickOut"}],staticClass:"tf-common-table-container"},[_c('ag-grid-vue',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],ref:_vm.tableRef,staticClass:"ag-theme-alpine",staticStyle:{"width":"100%","height":"100%"},attrs:{"row-selection":"multiple","row-height":_vm.rowHeight,"header-height":_vm.headerHeight,"suppress-row-transform":"true","enable-browser-tooltips":"true","suppress-property-names-check":"","suppress-column-move-animation":"true","animate-rows":"true","row-multi-select-with-click":_vm.rowMultiSelectWithClick,"default-col-def":_vm.defaultColDef,"row-data":_vm.filteredData,"column-defs":_vm.columns,"context":_vm.context,"row-drag-managed":_vm.rowDragManaged,"row-drag-entire-row":_vm.rowDragEntireRow,"row-drag-multi-row":_vm.rowDragMultiRow,"overlay-no-rows-template":_vm.overlayNoRowsTemplate,"enable-cell-text-selection":_vm.enableCellTextSelection},on:{"grid-ready":_vm.onGridReady,"column-resized":_vm.columnResized,"column-moved":_vm.columnMoved,"cell-clicked":_vm.cellClick,"row-selected":_vm.currentChange,"cell-double-clicked":_vm.cellDBLClick,"selection-changed":_vm.selectionChange,"rowDragEnd":_vm.rowDragEnd}})],1)}
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid-table/src/index.vue?vue&type=template&id=59eeec56&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleClickOut),expression:"handleClickOut"}],staticClass:"tf-common-table-container"},[_c('ag-grid-vue',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],ref:_vm.tableRef,staticClass:"ag-theme-alpine",staticStyle:{"width":"100%","height":"100%"},attrs:{"row-selection":"multiple","row-height":_vm.rowHeight,"header-height":_vm.headerHeight,"suppress-row-transform":"true","enable-browser-tooltips":"true","suppress-property-names-check":"","suppress-column-move-animation":"true","animate-rows":"true","row-multi-select-with-click":_vm.rowMultiSelectWithClick,"default-col-def":_vm.defaultColDef,"row-data":_vm.filteredData,"column-defs":_vm.columns,"context":_vm.context,"row-drag-managed":_vm.rowDragManaged,"row-drag-entire-row":_vm.rowDragEntireRow,"row-drag-multi-row":_vm.rowDragMultiRow,"overlay-no-rows-template":_vm.overlayNoRowsTemplate,"enable-cell-text-selection":_vm.enableCellTextSelection},on:{"grid-ready":_vm.onGridReady,"column-resized":_vm.columnResized,"column-moved":_vm.columnMoved,"cell-clicked":_vm.cellClick,"row-selected":_vm.currentChange,"cell-double-clicked":_vm.cellDBLClick,"selection-changed":_vm.selectionChange,"rowDragEnd":_vm.rowDragEnd}}),_c('TfPreviewPictures',{ref:"TfPreviewPictures"})],1)}
 var staticRenderFns = []
 
 
@@ -135777,6 +135777,65 @@ var tf_cell_render_component = (0,componentNormalizer/* default */.Z)(
 )
 
 /* harmony default export */ var tf_cell_render = (tf_cell_render_component.exports);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid-table/src/components/tf-cell-button/index.vue?vue&type=template&id=09ee7d76&
+var tf_cell_buttonvue_type_template_id_09ee7d76_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('el-button',{attrs:{"type":"primary","size":"mini"},on:{"click":_vm.showImages}},[_vm._v("查看")])],1)}
+var tf_cell_buttonvue_type_template_id_09ee7d76_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid-table/src/components/tf-cell-button/index.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+/* harmony default export */ var tf_cell_buttonvue_type_script_lang_js_ = ({
+  name: 'TfCellButton',
+
+  data() {
+    return {
+      rowData: null,
+      currentData: null
+    };
+  },
+
+  /** params:当前操作单元格对象 */
+  beforeMount() {
+    this.setInitialState(this.params);
+  },
+
+  methods: {
+    setInitialState(params) {
+      this.currentData = params;
+    },
+
+    showImages() {
+      this.currentData.context.componentParent.previewPictures(this.currentData.value);
+    }
+
+  }
+});
+;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/components/tf-cell-button/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_tf_cell_buttonvue_type_script_lang_js_ = (tf_cell_buttonvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/components/tf-cell-button/index.vue
+
+
+
+
+
+/* normalize component */
+;
+var tf_cell_button_component = (0,componentNormalizer/* default */.Z)(
+  components_tf_cell_buttonvue_type_script_lang_js_,
+  tf_cell_buttonvue_type_template_id_09ee7d76_render,
+  tf_cell_buttonvue_type_template_id_09ee7d76_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var tf_cell_button = (tf_cell_button_component.exports);
 ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid-table/src/components/tf-sort-option/index.vue?vue&type=template&id=7e9e2e2d&scoped=true&
 var tf_sort_optionvue_type_template_id_7e9e2e2d_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tf-sort-option"},[_c('el-button',{attrs:{"type":"text","size":"mini"},on:{"click":function($event){return _vm.handleMove('top')}}},[_vm._v("置顶")]),_c('el-popover',{attrs:{"placement":"top","width":"160"},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:"visible"}},[_c('p',[_vm._v("是否确定恢复到初始位置？")]),_c('div',{staticStyle:{"text-align":"right","margin":"0"}},[_c('el-button',{attrs:{"size":"mini","type":"text"},on:{"click":function($event){_vm.visible = false}}},[_vm._v("取消")]),_c('el-button',{attrs:{"type":"text","size":"mini"},on:{"click":function($event){return _vm.handleMove('recover')}}},[_vm._v("确定")])],1),_c('el-button',{staticStyle:{"margin-left":"15px"},attrs:{"slot":"reference","type":"text","size":"mini"},slot:"reference"},[_vm._v("恢复")])],1)],1)}
 var tf_sort_optionvue_type_template_id_7e9e2e2d_scoped_true_staticRenderFns = []
@@ -135852,6 +135911,96 @@ var tf_sort_option_component = (0,componentNormalizer/* default */.Z)(
 )
 
 /* harmony default export */ var tf_sort_option = (tf_sort_option_component.exports);
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid-table/src/components/tf-preview-pictures/index.vue?vue&type=template&id=8e090d24&scoped=true&
+var tf_preview_picturesvue_type_template_id_8e090d24_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-dialog',{attrs:{"title":"","visible":_vm.dialogVisible,"width":"30.7vw"},on:{"update:visible":function($event){_vm.dialogVisible=$event}}},[_c('div',{staticClass:"content"},[_c('el-image',{staticStyle:{"width":"100%","height":"100%"},attrs:{"src":_vm.annexFile[_vm.currentIndex - 1],"fit":'contain'}})],1),_c('span',{staticClass:"dialog-footer",attrs:{"slot":"footer"},slot:"footer"},[_c('div',{staticClass:"bottom-menu"},[_c('i',{staticClass:"el-icon-caret-left",on:{"click":_vm.reduce}}),_c('span',[_vm._v(_vm._s(_vm.currentIndex)+" /"+_vm._s(_vm.annexFile.length)+" ")]),_c('i',{staticClass:"el-icon-caret-right",on:{"click":_vm.add}})])])])}
+var tf_preview_picturesvue_type_template_id_8e090d24_scoped_true_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid-table/src/components/tf-preview-pictures/index.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var tf_preview_picturesvue_type_script_lang_js_ = ({
+  name: 'TfPreviewPictures',
+  components: {},
+  props: {},
+
+  data() {
+    return {
+      // annexFile: ['http://tongfun-test.oss-cn-hangzhou.aliyuncs.com/0001/2022/10/d75ed8a8df294f3cab6e5e9a2f559920.png',
+      //   'http://tongfun-test.oss-cn-hangzhou.aliyuncs.com/0001/2022/10/3f0fad7191ff4f60b5428298bdc9ce54.png'],
+      annexFile: [],
+      currentIndex: 1,
+      dialogVisible: false
+    };
+  },
+
+  methods: {
+    add() {
+      if (this.currentIndex === this.annexFile.length) {
+        return;
+      }
+
+      this.currentIndex++;
+    },
+
+    reduce() {
+      if (this.currentIndex === 1) {
+        return;
+      }
+
+      this.currentIndex--;
+    }
+
+  }
+});
+;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/components/tf-preview-pictures/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_tf_preview_picturesvue_type_script_lang_js_ = (tf_preview_picturesvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid-table/src/components/tf-preview-pictures/index.vue?vue&type=style&index=0&id=8e090d24&prod&lang=less&scoped=true&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/components/tf-preview-pictures/index.vue?vue&type=style&index=0&id=8e090d24&prod&lang=less&scoped=true&
+
+;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/components/tf-preview-pictures/index.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var tf_preview_pictures_component = (0,componentNormalizer/* default */.Z)(
+  components_tf_preview_picturesvue_type_script_lang_js_,
+  tf_preview_picturesvue_type_template_id_8e090d24_scoped_true_render,
+  tf_preview_picturesvue_type_template_id_8e090d24_scoped_true_staticRenderFns,
+  false,
+  null,
+  "8e090d24",
+  null
+  
+)
+
+/* harmony default export */ var tf_preview_pictures = (tf_preview_pictures_component.exports);
 // EXTERNAL MODULE: ./src/utils/index.js
 var utils = __webpack_require__(2325);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid-table/src/index.vue?vue&type=script&lang=js&
@@ -135891,6 +136040,9 @@ var utils = __webpack_require__(2325);
 //
 //
 //
+//
+
+
 
 
 
@@ -135905,7 +136057,9 @@ var utils = __webpack_require__(2325);
     AgGridVue: main.AgGridVue,
     TfFilter: tf_filter,
     TfCellRender: tf_cell_render,
-    TfSortOption: tf_sort_option
+    TfSortOption: tf_sort_option,
+    TfCellButton: tf_cell_button,
+    TfPreviewPictures: tf_preview_pictures
   },
 
   /* eslint-enable */
@@ -136027,6 +136181,19 @@ var utils = __webpack_require__(2325);
   },
 
   methods: {
+    /** 预览图片 */
+    previewPictures(files) {
+      const annexFile = JSON.parse(files);
+
+      if (annexFile && annexFile.length) {
+        this.$refs.TfPreviewPictures.currentIndex = 1;
+        this.$refs.TfPreviewPictures.annexFile = annexFile;
+        this.$refs.TfPreviewPictures.dialogVisible = true;
+      } else {
+        this.$message.info('暂无图片！');
+      }
+    },
+
     /** 点击外面，清空选中的列 */
     handleClickOut(...e) {// this.gridApi.forEachNodeAfterFilter(node => {
       //   // select the node
@@ -136256,10 +136423,10 @@ var utils = __webpack_require__(2325);
 });
 ;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var tf_ag_grid_table_srcvue_type_script_lang_js_ = (srcvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid-table/src/index.vue?vue&type=style&index=0&id=23a1ff56&prod&lang=scss&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-ag-grid-table/src/index.vue?vue&type=style&index=0&id=59eeec56&prod&lang=scss&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/index.vue?vue&type=style&index=0&id=23a1ff56&prod&lang=scss&scoped=true&
+;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/index.vue?vue&type=style&index=0&id=59eeec56&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/index.vue
 
@@ -136276,7 +136443,7 @@ var src_component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "23a1ff56",
+  "59eeec56",
   null
   
 )
@@ -139094,8 +139261,8 @@ var staticRenderFns = []
 
 // EXTERNAL MODULE: ./package/tf-table/index.js + 12 modules
 var tf_table = __webpack_require__(8409);
-// EXTERNAL MODULE: ./package/tf-ag-grid-table/index.js + 22 modules
-var tf_ag_grid_table = __webpack_require__(8928);
+// EXTERNAL MODULE: ./package/tf-ag-grid-table/index.js + 32 modules
+var tf_ag_grid_table = __webpack_require__(8157);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-tab-table/src/index.vue?vue&type=script&lang=js&
 //
 //
@@ -140853,8 +141020,8 @@ var tf_setting_formvue_type_template_id_6c1fc346_scoped_true_staticRenderFns = [
 
 // EXTERNAL MODULE: ./package/tf-button-group/index.js + 6 modules
 var tf_button_group = __webpack_require__(3829);
-// EXTERNAL MODULE: ./package/tf-ag-grid-table/index.js + 22 modules
-var tf_ag_grid_table = __webpack_require__(8928);
+// EXTERNAL MODULE: ./package/tf-ag-grid-table/index.js + 32 modules
+var tf_ag_grid_table = __webpack_require__(8157);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/tf-table/src/components/tf-setting/components/tf-setting-form/index.vue?vue&type=script&lang=js&
 //
 //
@@ -142119,7 +142286,21 @@ const tableAutoHeight = {
 
         item.headerComponentParams = {
           fieldType: item.fieldType
-        };
+        }; // 指定 fieldType为image渲染自定义的按钮组件查看图片
+
+        if (item.fieldType === 'image') {
+          item.cellRendererSelector = params => {
+            // 去除底部合计行的单元格
+            if (!params.node.rowPinned) {
+              return {
+                component: 'TfCellButton' // 列表单元格自定义组件
+
+              };
+            } else {
+              return undefined;
+            }
+          };
+        }
       }); // 添加首列为可选列，属性：左固定pinned:left; lockPosition:固定左边且不可移动
 
       fields.unshift({
@@ -230961,8 +231142,8 @@ var tf_credential_recordvue_type_template_id_bcbf5730_scoped_true_staticRenderFn
 
 // EXTERNAL MODULE: ./package/tf-button-group/index.js + 6 modules
 var tf_button_group = __webpack_require__(3829);
-// EXTERNAL MODULE: ./package/tf-ag-grid-table/index.js + 22 modules
-var tf_ag_grid_table = __webpack_require__(8928);
+// EXTERNAL MODULE: ./package/tf-ag-grid-table/index.js + 32 modules
+var tf_ag_grid_table = __webpack_require__(8157);
 // EXTERNAL MODULE: ./package/tf-pagination/index.js + 6 modules
 var tf_pagination = __webpack_require__(6364);
 // EXTERNAL MODULE: ./src/api/tf-table.js