@tongfun/tf-widget 0.1.141 → 0.1.142

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 + 36 modules
-var tf_ag_grid_table = __webpack_require__(7819);
+// EXTERNAL MODULE: ./package/tf-ag-grid-table/index.js + 46 modules
+var tf_ag_grid_table = __webpack_require__(945);
 // 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() {
 
 /***/ }),
 
-/***/ 7819:
+/***/ 945:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -135369,7 +135369,7 @@ __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=0e674479&scoped=true&
+;// 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=f0ca0c4a&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":"enableBrowserTooltips","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,"tooltip-show-delay":_vm.tooltipShowDelay,"tooltip-hide-delay":_vm.tooltipHideDelay},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 = []
 
@@ -135699,6 +135699,175 @@ var component = (0,componentNormalizer/* default */.Z)(
 )
 
 /* harmony default export */ var tf_filter = (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-text/index.vue?vue&type=template&id=06a00643&scoped=true&
+var tf_cell_textvue_type_template_id_06a00643_scoped_true_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.closeRightMenu),expression:"closeRightMenu"}],staticClass:"tf-cell-text",on:{"contextmenu":function($event){$event.preventDefault();if($event.target !== $event.currentTarget){ return null; }$event.stopPropagation();return _vm.rightClick($event)}}},[_c('span',{on:{"contextmenu":function($event){$event.preventDefault();if($event.target !== $event.currentTarget){ return null; }$event.stopPropagation();return _vm.rightClick($event)}}},[_vm._v(_vm._s(_vm.displayValue))]),_c('RightMenu',{attrs:{"top":_vm.rightMenuTop,"left":_vm.rightMenuLeft,"show-menu":_vm.showRightMenu},on:{"update:showMenu":function($event){_vm.showRightMenu=$event},"update:show-menu":function($event){_vm.showRightMenu=$event},"rightMenuClick":_vm.dropdownCommand}})],1)}
+var tf_cell_textvue_type_template_id_06a00643_scoped_true_staticRenderFns = []
+
+
+;// 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-text/right-menu.vue?vue&type=template&id=20da10ff&scoped=true&
+var right_menuvue_type_template_id_20da10ff_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showMenu),expression:"showMenu"}],staticClass:"right-menu",style:({ top: _vm.top + 'px', left: _vm.left + 'px' })},[_c('p',{on:{"click":function($event){$event.preventDefault();$event.stopPropagation();return _vm.rightMenuClick('copy')}}},[_vm._v(" 复制 "),_c('i',{staticClass:"el-icon-document-copy"})])])}
+var right_menuvue_type_template_id_20da10ff_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-cell-text/right-menu.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var right_menuvue_type_script_lang_js_ = ({
+  props: {
+    top: {
+      type: Number,
+      default: 0
+    },
+    left: {
+      type: Number,
+      default: 0
+    },
+    showMenu: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    rightMenuClick(params) {
+      this.$emit('rightMenuClick', params);
+      this.closeRightMenu();
+    },
+
+    closeRightMenu() {
+      this.$emit('update:showMenu', false);
+    }
+
+  }
+});
+;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/components/tf-cell-text/right-menu.vue?vue&type=script&lang=js&
+ /* harmony default export */ var tf_cell_text_right_menuvue_type_script_lang_js_ = (right_menuvue_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-cell-text/right-menu.vue?vue&type=style&index=0&id=20da10ff&prod&lang=less&scoped=true&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/components/tf-cell-text/right-menu.vue?vue&type=style&index=0&id=20da10ff&prod&lang=less&scoped=true&
+
+;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/components/tf-cell-text/right-menu.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var right_menu_component = (0,componentNormalizer/* default */.Z)(
+  tf_cell_text_right_menuvue_type_script_lang_js_,
+  right_menuvue_type_template_id_20da10ff_scoped_true_render,
+  right_menuvue_type_template_id_20da10ff_scoped_true_staticRenderFns,
+  false,
+  null,
+  "20da10ff",
+  null
+  
+)
+
+/* harmony default export */ var right_menu = (right_menu_component.exports);
+;// 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-text/index.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var tf_cell_textvue_type_script_lang_js_ = ({
+  components: {
+    RightMenu: right_menu
+  },
+  directives: {
+    Clickoutside: clickoutside/* default */.Z
+  },
+
+  data() {
+    return {
+      displayValue: '',
+      rightMenuLeft: 0,
+      rightMenuTop: 0,
+      showRightMenu: false
+    };
+  },
+
+  beforeMount() {
+    // params: 当前操作单元格对象
+    this.setInitialState(this.params);
+  },
+
+  methods: {
+    setInitialState(params) {
+      this.displayValue = params.value;
+    },
+
+    /** 右键点击 */
+    rightClick($event) {
+      this.rightMenuTop = $event.offsetY; // TODO: 这里的17是agcell的paddingLeft的值，若有样式调整，这里也要调整
+
+      this.rightMenuLeft = $event.offsetX + 17;
+      this.showRightMenu = true;
+    },
+
+    closeRightMenu() {
+      this.showRightMenu = false;
+    },
+
+    dropdownCommand(command) {
+      if (command === 'copy') {
+        const input = document.createElement('input');
+        input.value = this.displayValue;
+        input.setAttribute('id', 'temp-input-id');
+        document.body.appendChild(input);
+        input.select();
+        document.execCommand('copy');
+        document.querySelector('#temp-input-id').remove();
+      }
+    }
+
+  }
+});
+;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/components/tf-cell-text/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_tf_cell_textvue_type_script_lang_js_ = (tf_cell_textvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/components/tf-cell-text/index.vue
+
+
+
+
+
+/* normalize component */
+;
+var tf_cell_text_component = (0,componentNormalizer/* default */.Z)(
+  components_tf_cell_textvue_type_script_lang_js_,
+  tf_cell_textvue_type_template_id_06a00643_scoped_true_render,
+  tf_cell_textvue_type_template_id_06a00643_scoped_true_staticRenderFns,
+  false,
+  null,
+  "06a00643",
+  null
+  
+)
+
+/* harmony default export */ var tf_cell_text = (tf_cell_text_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-render/index.vue?vue&type=template&id=49471758&
 var tf_cell_rendervue_type_template_id_49471758_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('tf-input',{attrs:{"options":_vm.sortModeList,"not-form":"","type":_vm.inputType},on:{"change":_vm.handleChange},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}})],1)}
 var tf_cell_rendervue_type_template_id_49471758_staticRenderFns = []
@@ -136143,6 +136312,7 @@ var utils = __webpack_require__(2325);
 
 
 
+
 /* harmony default export */ var srcvue_type_script_lang_js_ = ({
   name: 'TfAgGridTable',
 
@@ -136150,6 +136320,7 @@ var utils = __webpack_require__(2325);
   components: {
     AgGridVue: main.AgGridVue,
     TfFilter: tf_filter,
+    TfCellText: tf_cell_text,
     TfCellRender: tf_cell_render,
     TfSortOption: tf_sort_option,
     TfCellButton: tf_cell_button,
@@ -136530,10 +136701,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=0e674479&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=f0ca0c4a&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=0e674479&prod&lang=scss&scoped=true&
+;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/index.vue?vue&type=style&index=0&id=f0ca0c4a&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./package/tf-ag-grid-table/src/index.vue
 
@@ -136550,7 +136721,7 @@ var src_component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "0e674479",
+  "f0ca0c4a",
   null
   
 )
@@ -139368,8 +139539,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 + 36 modules
-var tf_ag_grid_table = __webpack_require__(7819);
+// EXTERNAL MODULE: ./package/tf-ag-grid-table/index.js + 46 modules
+var tf_ag_grid_table = __webpack_require__(945);
 ;// 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&
 //
 //
@@ -141106,8 +141277,8 @@ var tf_setting_formvue_type_template_id_18b2ec14_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 + 36 modules
-var tf_ag_grid_table = __webpack_require__(7819);
+// EXTERNAL MODULE: ./package/tf-ag-grid-table/index.js + 46 modules
+var tf_ag_grid_table = __webpack_require__(945);
 ;// 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&
 //
 //
@@ -142357,7 +142528,8 @@ const tableAutoHeight = {
 
         item.headerComponentParams = {
           fieldType: item.fieldType
-        }; // 指定 fieldType为image渲染自定义的按钮组件查看图片
+        };
+        item.cellRenderer = 'TfCellText'; // 指定 fieldType为image渲染自定义的按钮组件查看图片
 
         if (item.fieldType === 'image') {
           item.cellRendererSelector = params => {
@@ -231213,8 +231385,8 @@ var tf_credential_recordvue_type_template_id_5026f523_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 + 36 modules
-var tf_ag_grid_table = __webpack_require__(7819);
+// EXTERNAL MODULE: ./package/tf-ag-grid-table/index.js + 46 modules
+var tf_ag_grid_table = __webpack_require__(945);
 // EXTERNAL MODULE: ./package/tf-pagination/index.js + 6 modules
 var tf_pagination = __webpack_require__(6364);
 // EXTERNAL MODULE: ./src/api/tf-table.js