@tongfun/tf-widget 0.1.149 → 0.1.150

package/lib/tf-widget.common.js

@@ -140080,8 +140080,8 @@ var component = (0,componentNormalizer/* default */.Z)(
 /* harmony default export */ var tf_filter = (component.exports);
 // EXTERNAL MODULE: ./src/utils/index.js
 var utils = __webpack_require__(42325);
-// EXTERNAL MODULE: ./src/directives/index.js + 27 modules
-var directives = __webpack_require__(2637);
+// EXTERNAL MODULE: ./src/directives/index.js + 31 modules
+var directives = __webpack_require__(41304);
 ;// 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/index.vue?vue&type=script&lang=js&
 //
 //
@@ -140831,7 +140831,7 @@ function getVoucherIds(data) {
 
 /***/ }),
 
-/***/ 2637:
+/***/ 41304:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -140844,6 +140844,8 @@ __webpack_require__.d(__webpack_exports__, {
   "b$": function() { return /* reexport */ umyTableSetting; }
 });
 
+// UNUSED EXPORTS: ElDialogDrag
+
 ;// CONCATENATED MODULE: ./src/directives/modules/debounce.js
 const debounce = {
   bind: function (el, {
@@ -141113,7 +141115,7 @@ var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(13797);
 var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
 // EXTERNAL MODULE: ./node_modules/element-ui/lib/element-ui.common.js
 var element_ui_common = __webpack_require__(64720);
-;// 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!./src/directives/modules/umy-table-setting/components/column-header/index.vue?vue&type=template&id=20e724d0&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!./src/directives/modules/umy-table-setting/components/column-header/index.vue?vue&type=template&id=708c1506&scoped=true&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"column-header-directive",on:{"click":_vm.sortColumn}},[_c('span',[_vm._v(_vm._s(_vm.column.title))]),(_vm.column.orderBy)?_c('span',[_c('i',{class:[_vm.column.orderBy === 'asc' ? 'el-icon-top' : 'el-icon-bottom']})]):_vm._e(),_c('div',{class:{ 'filter-main': _vm.isClick || _vm.isFilter }},[_c('el-popover',{attrs:{"width":"200","trigger":"manual","placement":"bottom"},model:{value:(_vm.isClick),callback:function ($$v) {_vm.isClick=$$v},expression:"isClick"}},[_c('div',{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:(_vm.handleClickOut),expression:"handleClickOut"}],staticClass:"filter-main-context"},[_c('TfInput',{attrs:{"not-form":"","full-border":"","placeholder":"输入需要过滤的值"},nativeOn:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.handleSubmit.apply(null, arguments)}},model:{value:(_vm.column.filterValue),callback:function ($$v) {_vm.$set(_vm.column, "filterValue", $$v)},expression:"column.filterValue"}}),_c('div',{staticClass:"option-buttons"},[_c('el-button',{attrs:{"size":"mini"},on:{"click":_vm.handleCancel}},[_vm._v("重置")]),_c('el-button',{attrs:{"size":"mini"},on:{"click":_vm.handleSubmit}},[_vm._v("确定")])],1)],1),_c('SvgIcon',{staticClass:"filter-icon",attrs:{"slot":"reference","icon-class":"filter"},on:{"click":function($event){$event.stopPropagation();return _vm.handleFilterClick.apply(null, arguments)}},slot:"reference"})],1)],1)])}
 var staticRenderFns = []
 
@@ -141322,15 +141324,15 @@ var clickoutside = __webpack_require__(96410);
 });
 ;// CONCATENATED MODULE: ./src/directives/modules/umy-table-setting/components/column-header/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_column_headervue_type_script_lang_js_ = (column_headervue_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!./src/directives/modules/umy-table-setting/components/column-header/index.vue?vue&type=style&index=0&id=20e724d0&prod&lang=less&scoped=true&
+;// 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!./src/directives/modules/umy-table-setting/components/column-header/index.vue?vue&type=style&index=0&id=708c1506&prod&lang=less&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/directives/modules/umy-table-setting/components/column-header/index.vue?vue&type=style&index=0&id=20e724d0&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./src/directives/modules/umy-table-setting/components/column-header/index.vue?vue&type=style&index=0&id=708c1506&prod&lang=less&scoped=true&
 
-;// 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!./src/directives/modules/umy-table-setting/components/column-header/index.vue?vue&type=style&index=1&id=20e724d0&prod&lang=less&
+;// 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!./src/directives/modules/umy-table-setting/components/column-header/index.vue?vue&type=style&index=1&id=708c1506&prod&lang=less&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/directives/modules/umy-table-setting/components/column-header/index.vue?vue&type=style&index=1&id=20e724d0&prod&lang=less&
+;// CONCATENATED MODULE: ./src/directives/modules/umy-table-setting/components/column-header/index.vue?vue&type=style&index=1&id=708c1506&prod&lang=less&
 
 // EXTERNAL MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(43736);
@@ -141350,7 +141352,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "20e724d0",
+  "708c1506",
   null
   
 )
@@ -141958,7 +141960,7 @@ function updateColumn(el, binding, vNode, fullColumn) {
 
     if (current) {
       fullColumn[index].width = current.fieldWidth + 'px';
-      fullColumn[index].fixed = current.isFreeze ? 'left' : undefined;
+      fullColumn[index].fixed = current.isFreeze ? 'left' : column.fixed;
       fullColumn[index].visible = current.isShow;
       fullColumn[index].fieldIndex = current.fieldIndex;
     } // 记录没有配置的列总共有多少
@@ -142276,6 +142278,226 @@ const tableAutoHeight = {
     el.watchParentNode.removeAllListeners(el.parentNode);
   }
 
+};
+;// CONCATENATED MODULE: ./src/directives/modules/el-dialog-drag/js/drag.js
+/** 弹框支持拖拽 */
+function drag(el, binding, vnode) {
+  const dragDom = el.querySelector('.el-dialog');
+  const dialogHeaderEl = el.querySelector('.el-dialog__header');
+  dragDom.style.overflow = 'auto';
+  dialogHeaderEl.style.cursor = 'move'; // dragDom.style.cssText += ';top:0px;'
+
+  /**
+   * 获取原有属性
+   * IE dom元素.currentStyle
+   * 火狐谷歌 window.getComputedStyle(dom元素, null)
+   */
+
+  const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null);
+
+  const headerOnmousedown = e => {
+    // 鼠标按下，计算当前元素距离可视区的距离
+    const disX = e.clientX - dialogHeaderEl.offsetLeft;
+    const disY = e.clientY - dialogHeaderEl.offsetTop;
+    const dragDomWidth = dragDom.offsetWidth;
+    const dragDomheight = dragDom.offsetHeight;
+    const screenWidth = document.body.clientWidth;
+    const screenHeight = document.body.clientHeight;
+    const minDragDomLeft = dragDom.offsetLeft;
+    const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth;
+    const minDragDomTop = dragDom.offsetTop;
+    const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight; // 获取到的值带px 正则匹配替换
+
+    let styL, styT; // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
+
+    if (!sty.left.includes('%')) {
+      styL = +sty.left.replace(/\px/g, '');
+      styT = +sty.top.replace(/\px/g, '');
+    } else {
+      styL = +document.body.clientWidth * (+sty.left.replace(/\%/g, '') / 100);
+      styT = +document.body.clientHeight * (+sty.top.replace(/\%/g, '') / 100);
+    }
+
+    document.onmousemove = function (e) {
+      // 通过事件委托，计算移动的距离
+      let left = e.clientX - disX;
+      let top = e.clientY - disY; // 边界处理
+
+      if (-left > minDragDomLeft) {
+        left = -minDragDomLeft;
+      } else if (left > maxDragDomLeft) {
+        left = maxDragDomLeft;
+      }
+
+      if (-top > minDragDomTop) {
+        top = -minDragDomTop;
+      } else if (top > maxDragDomTop) {
+        top = maxDragDomTop;
+      } // 移动当前元素
+      // dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`
+
+
+      dragDom.style.top = `${top + styT}px`;
+      dragDom.style.left = `${left + styL}px`;
+      vnode.child.$emit('dragDialog');
+    };
+
+    document.onmouseup = function () {
+      document.onmousemove = null;
+      document.onmouseup = null;
+    };
+  };
+
+  dialogHeaderEl.onmousedown = headerOnmousedown;
+}
+;// CONCATENATED MODULE: ./src/directives/modules/el-dialog-drag/js/resize.js
+/** 弹框拖拽改变大小 */
+function resize(el, binding, value) {
+  const minWidth = 400;
+  const minHeight = 400;
+  const dragDom = el.querySelector('.el-dialog');
+
+  dragDom.onmousemove = function (e) {
+    // 图标变换
+    if (dragDom.offsetLeft + 10 > e.clientX) {
+      dragDom.style.cursor = 'w-resize';
+    } else if (e.clientX > dragDom.offsetLeft + dragDom.clientWidth - 10) {
+      dragDom.style.cursor = 'e-resize';
+    } else if (el.scrollTop + e.clientY > dragDom.offsetTop + dragDom.clientHeight - 10) {
+      dragDom.style.cursor = 's-resize';
+    } else {
+      dragDom.style.cursor = 'default';
+      dragDom.onmousedown = null;
+    } // 改变大小
+
+
+    dragDom.onmousedown = e => {
+      const clientX = e.clientX;
+      const clientY = e.clientY;
+      let elW = dragDom.clientWidth;
+      let elH = dragDom.clientHeight;
+      let EloffsetLeft = dragDom.offsetLeft;
+      let EloffsetTop = dragDom.offsetTop;
+      dragDom.style.userSelect = 'none';
+      let ELscrollTop = el.scrollTop; // 判断点击的位置是不是为头部
+
+      if (clientX > EloffsetLeft && clientX < EloffsetLeft + elW && clientY > EloffsetTop && clientY < EloffsetTop + 100) {// 如果是头部在此就不做任何动作，以上有绑定dialogHeaderEl.onmousedown = moveDown;
+      } else {
+        document.onmousemove = function (e) {
+          e.preventDefault(); // 移动时禁用默认事件
+          // 左侧鼠标拖拽位置
+
+          if (clientX > EloffsetLeft && clientX < EloffsetLeft + 10) {
+            // 往左拖拽
+            if (clientX > e.clientX) {
+              dragDom.style.width = elW + (clientX - e.clientX) * 2 + 'px';
+            } // 往右拖拽
+
+
+            if (clientX < e.clientX) {
+              if (dragDom.clientWidth < minWidth) {
+                console.log();
+              } else {
+                dragDom.style.width = elW - (e.clientX - clientX) * 2 + 'px';
+              }
+            }
+          } // 右侧鼠标拖拽位置
+
+
+          if (clientX > EloffsetLeft + elW - 10 && clientX < EloffsetLeft + elW) {
+            // 往左拖拽
+            if (clientX > e.clientX) {
+              if (dragDom.clientWidth < minWidth) {
+                console.log();
+              } else {
+                dragDom.style.width = elW - (clientX - e.clientX) * 2 + 'px';
+              }
+            } // 往右拖拽
+
+
+            if (clientX < e.clientX) {
+              dragDom.style.width = elW + (e.clientX - clientX) * 2 + 'px';
+            }
+          } // 底部鼠标拖拽位置
+
+
+          if (ELscrollTop + clientY > EloffsetTop + elH - 20 && ELscrollTop + clientY < EloffsetTop + elH) {
+            // 往上拖拽
+            if (clientY > e.clientY) {
+              if (dragDom.clientHeight < minHeight) {
+                console.log();
+              } else {
+                dragDom.style.height = elH - (clientY - e.clientY) * 2 + 'px';
+              }
+            } // 往下拖拽
+
+
+            if (clientY < e.clientY) {
+              dragDom.style.height = elH + (e.clientY - clientY) * 2 + 'px';
+            }
+          }
+        }; // 拉伸结束
+
+
+        document.onmouseup = function (e) {
+          document.onmousemove = null;
+          document.onmouseup = null;
+        };
+      }
+    };
+  };
+}
+;// CONCATENATED MODULE: ./src/directives/modules/el-dialog-drag/js/full.js
+/** 弹框支持全屏 */
+function fullScreen(el, binding, vnode) {
+  //当前宽高
+  let nowWidth = 0;
+  let nowHight = 0; //当前顶部高度
+
+  let nowMarginTop = 0;
+  let isFullScreen = false;
+  const dialogHeaderEl = el.querySelector('.el-dialog__header');
+  const dragDom = el.querySelector('.el-dialog');
+
+  dialogHeaderEl.ondblclick = e => {
+    if (isFullScreen == false) {
+      isFullScreen = true;
+      nowHight = dragDom.clientHeight;
+      nowWidth = dragDom.clientWidth;
+      nowMarginTop = dragDom.style.marginTop;
+      dragDom.style.left = 0;
+      dragDom.style.top = 0;
+      dragDom.style.height = '100vh';
+      dragDom.style.width = '100vw';
+      dragDom.style.marginTop = 0;
+      dialogHeaderEl.style.cursor = 'initial'; // TODO: dialogHeaderEl.onmousedown = null
+    } else {
+      isFullScreen = false;
+      dragDom.style.height = 'auto';
+      dragDom.style.width = nowWidth + 'px';
+      dragDom.style.marginTop = nowMarginTop;
+      dialogHeaderEl.style.cursor = 'move'; // TODO: dialogHeaderEl.onmousedown = moveDown
+    }
+  };
+}
+;// CONCATENATED MODULE: ./src/directives/modules/el-dialog-drag/index.js
+/**
+ * el-dialog-drag
+ * 针对Element Dialog组件实现可拖拽、全屏
+ */
+
+
+
+const ElDialogDrag = {
+  bind(el, binding, vnode) {
+    // 弹框可拖拽
+    drag(el, binding, vnode); // 弹框可拖拽大小
+
+    resize(el, binding, vnode); // 弹框可全屏
+
+    fullScreen(el, binding, vnode);
+  }
+
 };
 ;// CONCATENATED MODULE: ./src/directives/index.js
 
@@ -142283,6 +142505,7 @@ const tableAutoHeight = {
 
 
 
+
 /***/ }),
 
 /***/ 65643:
@@ -244105,8 +244328,8 @@ var push_down_component = (0,componentNormalizer/* default */.Z)(
 
   }
 });
-// EXTERNAL MODULE: ./src/directives/index.js + 27 modules
-var directives = __webpack_require__(2637);
+// EXTERNAL MODULE: ./src/directives/index.js + 31 modules
+var directives = __webpack_require__(41304);
 ;// 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/t-data-list/main.vue?vue&type=script&lang=js&
 //
 //
@@ -249145,7 +249368,8 @@ const components = [package_t_input, svg_icon, package_tf_widget, package_tf_lay
 const install = function (Vue) {
   components.forEach(component => {
     Vue.component(component.name, component);
-  });
+  }); // Vue.directive('elDialogDrag', ElDialogDrag)
+
   Vue.directive('umyColumnWidth', directives/* umyColumnWidth */.AB);
   Vue.directive('umyTableSetting', directives/* umyTableSetting */.b$);
   Vue.directive('tableAutoHeight', directives/* tableAutoHeight */.Cq);