@tongfun/tf-widget 0.1.151 → 0.1.153

package/lib/tf-widget.umd.js

@@ -140090,8 +140090,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__(68023);
-// EXTERNAL MODULE: ./src/directives/index.js + 31 modules
-var directives = __webpack_require__(33639);
+// EXTERNAL MODULE: ./src/directives/index.js + 32 modules
+var directives = __webpack_require__(6208);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.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&
 //
 //
@@ -140841,21 +140841,20 @@ function getVoucherIds(data) {
 
 /***/ }),
 
-/***/ 33639:
+/***/ 6208:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
+  "Lh": function() { return /* reexport */ ElDialogDrag; },
   "Ds": function() { return /* reexport */ debounce; },
   "Cq": function() { return /* reexport */ tableAutoHeight; },
   "AB": function() { return /* reexport */ umyColumnWidth; },
   "b$": function() { return /* reexport */ umyTableSetting; }
 });
 
-// UNUSED EXPORTS: ElDialogDrag
-
 ;// CONCATENATED MODULE: ./src/directives/modules/debounce.js
 const debounce = {
   bind: function (el, {
@@ -141125,8 +141124,8 @@ var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(77203);
 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=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)])}
+;// 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=157e0ef0&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"}},[(_vm.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):_vm._e(),_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 = []
 
 
@@ -141334,15 +141333,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-73.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73.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-73.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73.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&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-73.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73.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-73.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73.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=157e0ef0&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=708c1506&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./src/directives/modules/umy-table-setting/components/column-header/index.vue?vue&type=style&index=0&id=157e0ef0&prod&lang=less&scoped=true&
 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-73.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73.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-73.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73.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&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-73.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-73.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-73.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-73.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=157e0ef0&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=708c1506&prod&lang=less&
+;// CONCATENATED MODULE: ./src/directives/modules/umy-table-setting/components/column-header/index.vue?vue&type=style&index=1&id=157e0ef0&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);
@@ -141362,7 +141361,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "708c1506",
+  "157e0ef0",
   null
   
 )
@@ -142289,14 +142288,19 @@ const tableAutoHeight = {
   }
 
 };
+;// CONCATENATED MODULE: ./src/directives/modules/el-dialog-drag/js/init.js
+/** 弹框初始化 */
+function init(el, binding, vNode) {
+  const dialogInstance = vNode.componentInstance;
+  dialogInstance.closeOnClickModal = false;
+}
 ;// CONCATENATED MODULE: ./src/directives/modules/el-dialog-drag/js/drag.js
 /** 弹框支持拖拽 */
-function drag(el, binding, vnode) {
+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;'
-
+  dialogHeaderEl.style.cursor = 'move';
   /**
    * 获取原有属性
    * IE dom元素.currentStyle
@@ -142320,12 +142324,12 @@ function drag(el, binding, vnode) {
 
     let styL, styT; // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
 
-    if (!sty.left.includes('%')) {
-      styL = +sty.left.replace(/\px/g, '');
-      styT = +sty.top.replace(/\px/g, '');
+    if (!sty.marginLeft.includes('%')) {
+      styL = +sty.marginLeft.replace(/\px/g, '');
+      styT = +sty.marginTop.replace(/\px/g, '');
     } else {
-      styL = +document.body.clientWidth * (+sty.left.replace(/\%/g, '') / 100);
-      styT = +document.body.clientHeight * (+sty.top.replace(/\%/g, '') / 100);
+      styL = +document.body.clientWidth * (+sty.marginLeft.replace(/\%/g, '') / 100);
+      styT = +document.body.clientHeight * (+sty.marginTop.replace(/\%/g, '') / 100);
     }
 
     document.onmousemove = function (e) {
@@ -142344,15 +142348,16 @@ function drag(el, binding, vnode) {
       } 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');
+      dragDom.style.marginTop = `${top + styT}px`;
+      dragDom.style.marginLeft = `${left + styL}px`;
+      dragDom.style.userSelect = 'none';
+      vNode.child.$emit('dragDialog');
     };
 
     document.onmouseup = function () {
+      dragDom.style.userSelect = 'auto';
       document.onmousemove = null;
       document.onmouseup = null;
     };
@@ -142362,21 +142367,39 @@ function drag(el, binding, vnode) {
 }
 ;// CONCATENATED MODULE: ./src/directives/modules/el-dialog-drag/js/resize.js
 /** 弹框拖拽改变大小 */
-function resize(el, binding, value) {
+function resize(el, binding, vNode) {
   const minWidth = 400;
-  const minHeight = 400;
+  const minHeight = 250;
   const dragDom = el.querySelector('.el-dialog');
+  const dialogHeaderEl = el.querySelector('.el-dialog__header');
+
+  const setDragDomWidth = (marginLeft, newWidth) => {
+    if (marginLeft > 0 && newWidth > minWidth && marginLeft + newWidth <= document.body.clientWidth) {
+      dragDom.style.marginLeft = marginLeft + 'px';
+      dragDom.style.width = newWidth + 'px';
+    }
+  };
+
+  const setDragDomHeight = newHeight => {
+    if (newHeight + dragDom.offsetTop <= document.body.clientHeight && newHeight >= minHeight) {
+      dragDom.style.height = newHeight + 'px';
+    }
+  };
 
   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) {
+    const isLeft = dragDom.offsetLeft + 10 > e.clientX;
+    const isRight = e.clientX > dragDom.offsetLeft + dragDom.clientWidth - 10;
+    const isBottom = el.scrollTop + e.clientY > dragDom.offsetTop + dragDom.clientHeight - 10;
+
+    if (isLeft) {
+      dragDom.style.cursor = isBottom ? 'nesw-resize' : 'w-resize';
+    } else if (isRight) {
+      dragDom.style.cursor = isBottom ? 'nwse-resize' : 'e-resize';
+    } else if (isBottom) {
       dragDom.style.cursor = 's-resize';
     } else {
-      dragDom.style.cursor = 'default';
+      dragDom.style.cursor = 'auto';
       dragDom.onmousedown = null;
     } // 改变大小
 
@@ -142384,72 +142407,68 @@ function resize(el, binding, value) {
     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; // 判断点击的位置是不是为头部
+      const elW = dragDom.clientWidth;
+      const elH = dragDom.clientHeight;
+      const ELscrollTop = el.scrollTop;
+      const EloffsetTop = dragDom.offsetTop;
+      const EloffsetLeft = dragDom.offsetLeft; // 判断点击的位置是不是为头部
 
-      if (clientX > EloffsetLeft && clientX < EloffsetLeft + elW && clientY > EloffsetTop && clientY < EloffsetTop + 100) {// 如果是头部在此就不做任何动作，以上有绑定dialogHeaderEl.onmousedown = moveDown;
+      if (clientX > EloffsetLeft && clientX < EloffsetLeft + elW && clientY > EloffsetTop && clientY < EloffsetTop + dialogHeaderEl.clientHeight) {// 如果是头部在此就不做任何动作，以上有绑定dialogHeaderEl.onmousedown = moveDown;
       } else {
         document.onmousemove = function (e) {
-          e.preventDefault(); // 移动时禁用默认事件
+          // e.preventDefault()
           // 左侧鼠标拖拽位置
-
           if (clientX > EloffsetLeft && clientX < EloffsetLeft + 10) {
-            // 往左拖拽
+            dragDom.style.userSelect = 'none'; // 往左拖拽
+
             if (clientX > e.clientX) {
-              dragDom.style.width = elW + (clientX - e.clientX) * 2 + 'px';
+              const moveLen = clientX - e.clientX;
+              setDragDomWidth(EloffsetLeft - moveLen, elW + moveLen);
             } // 往右拖拽
 
 
             if (clientX < e.clientX) {
-              if (dragDom.clientWidth < minWidth) {
-                console.log();
-              } else {
-                dragDom.style.width = elW - (e.clientX - clientX) * 2 + 'px';
-              }
+              const moveLen = e.clientX - clientX;
+              setDragDomWidth(EloffsetLeft + moveLen, elW - moveLen);
             }
           } // 右侧鼠标拖拽位置
 
 
           if (clientX > EloffsetLeft + elW - 10 && clientX < EloffsetLeft + elW) {
-            // 往左拖拽
+            dragDom.style.userSelect = 'none'; // 往左拖拽
+
             if (clientX > e.clientX) {
-              if (dragDom.clientWidth < minWidth) {
-                console.log();
-              } else {
-                dragDom.style.width = elW - (clientX - e.clientX) * 2 + 'px';
-              }
+              const moveLen = clientX - e.clientX;
+              setDragDomWidth(EloffsetLeft, elW - moveLen);
             } // 往右拖拽
 
 
             if (clientX < e.clientX) {
-              dragDom.style.width = elW + (e.clientX - clientX) * 2 + 'px';
+              const moveLen = e.clientX - clientX;
+              setDragDomWidth(EloffsetLeft, elW + moveLen);
             }
           } // 底部鼠标拖拽位置
 
 
           if (ELscrollTop + clientY > EloffsetTop + elH - 20 && ELscrollTop + clientY < EloffsetTop + elH) {
-            // 往上拖拽
+            dragDom.style.userSelect = 'none'; // 往上拖拽
+
             if (clientY > e.clientY) {
-              if (dragDom.clientHeight < minHeight) {
-                console.log();
-              } else {
-                dragDom.style.height = elH - (clientY - e.clientY) * 2 + 'px';
-              }
+              const moveLen = clientY - e.clientY;
+              setDragDomHeight(elH - moveLen);
             } // 往下拖拽
 
 
             if (clientY < e.clientY) {
-              dragDom.style.height = elH + (e.clientY - clientY) * 2 + 'px';
+              const moveLen = e.clientY - clientY;
+              setDragDomHeight(elH + moveLen);
             }
           }
         }; // 拉伸结束
 
 
         document.onmouseup = function (e) {
+          dragDom.style.userSelect = 'auto';
           document.onmousemove = null;
           document.onmouseup = null;
         };
@@ -142459,15 +142478,14 @@ function resize(el, binding, value) {
 }
 ;// CONCATENATED MODULE: ./src/directives/modules/el-dialog-drag/js/full.js
 /** 弹框支持全屏 */
-function fullScreen(el, binding, vnode) {
-  //当前宽高
+function fullScreen(el, binding, vNode) {
   let nowWidth = 0;
-  let nowHight = 0; //当前顶部高度
-
+  let nowHight = 0;
   let nowMarginTop = 0;
+  let nowMarginLeft = 0;
   let isFullScreen = false;
-  const dialogHeaderEl = el.querySelector('.el-dialog__header');
   const dragDom = el.querySelector('.el-dialog');
+  const dialogHeaderEl = el.querySelector('.el-dialog__header');
 
   dialogHeaderEl.ondblclick = e => {
     if (isFullScreen == false) {
@@ -142475,18 +142493,21 @@ function fullScreen(el, binding, vnode) {
       nowHight = dragDom.clientHeight;
       nowWidth = dragDom.clientWidth;
       nowMarginTop = dragDom.style.marginTop;
+      nowMarginLeft = dragDom.style.marginLeft;
       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
+      dragDom.style.marginLeft = 0;
+      dialogHeaderEl.style.cursor = 'initial';
     } else {
       isFullScreen = false;
-      dragDom.style.height = 'auto';
       dragDom.style.width = nowWidth + 'px';
+      dragDom.style.height = nowHight + 'px';
       dragDom.style.marginTop = nowMarginTop;
-      dialogHeaderEl.style.cursor = 'move'; // TODO: dialogHeaderEl.onmousedown = moveDown
+      dragDom.style.marginLeft = nowMarginLeft;
+      dialogHeaderEl.style.cursor = 'move';
     }
   };
 }
@@ -142498,14 +142519,17 @@ function fullScreen(el, binding, vnode) {
 
 
 
+
 const ElDialogDrag = {
-  bind(el, binding, vnode) {
-    // 弹框可拖拽
-    drag(el, binding, vnode); // 弹框可拖拽大小
+  bind(el, binding, vNode) {
+    // 弹框初始化
+    init(el, binding, vNode); // 弹框可拖拽
 
-    resize(el, binding, vnode); // 弹框可全屏
+    drag(el, binding, vNode); // 弹框可拖拽大小
 
-    fullScreen(el, binding, vnode);
+    resize(el, binding, vNode); // 弹框可全屏
+
+    fullScreen(el, binding, vNode);
   }
 
 };
@@ -244342,8 +244366,8 @@ var push_down_component = (0,componentNormalizer/* default */.Z)(
 
   }
 });
-// EXTERNAL MODULE: ./src/directives/index.js + 31 modules
-var directives = __webpack_require__(33639);
+// EXTERNAL MODULE: ./src/directives/index.js + 32 modules
+var directives = __webpack_require__(6208);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-81.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&
 //
 //
@@ -249382,8 +249406,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('elDialogDrag', directives/* ElDialogDrag */.Lh);
   Vue.directive('umyColumnWidth', directives/* umyColumnWidth */.AB);
   Vue.directive('umyTableSetting', directives/* umyTableSetting */.b$);
   Vue.directive('tableAutoHeight', directives/* tableAutoHeight */.Cq);