cloud-web-corejs 1.0.54-dev.355 → 1.0.54-dev.356

package/src/index.js

@@ -1,190 +1,195 @@
-/**version-1.0*/
-import Vue from 'vue';
-import Cookies from 'js-cookie';
-import 'normalize.css/normalize.css'; // a modern alternative to CSS resets
-import Element from 'element-ui';
-import '@/styles/element-variables.scss';
-import '@/styles/index.scss'; // global css
-
-import App from '@base/App';
-import store from '@base/store';
-import router from '@base/router';
-
-import '@/icons'; // icon
-import '@base/permission'; // permission control
-
-import * as filters from '@base/filters'; // global filters
-
-// main.js 文件添加以下代码
-
-import BaseKeepAlive from '@base/utils/keepAlive.js'
-
-Vue.component('BaseKeepAlive', BaseKeepAlive)
-
-import VXETable from 'vxe-table';
-import 'vxe-table/lib/style.css';
-
-import Vab from '@base/utils/vab';
-
-Vue.use(Vab);
-
-Vue.use(VXETable);
-
-import '@base/components/table/index.js';
-
-import drag from '@base/directive/el-drag-dialog/index.js';
-
-Vue.use(drag.install);
-
-import elDialogCenter from '@base/directive/el-dialog-center/index.js';
-
-Vue.use(elDialogCenter.install);
-
-import ErroreBox from '@base/components/errorMsg/index.js';
-
-Vue.use(ErroreBox);
-
-import ExcelExport from '@base/components/excelExport/index.js';
-
-Vue.use(ExcelExport);
-
-import ExcelImport from '@base/components/excelImport/index.js';
-
-Vue.use(ExcelImport);
-
-import ConfirmDialog from '@base/components/confirmDialog/index.js';
-
-Vue.use(ConfirmDialog);
-
-import baseAlert from '@base/components/baseAlert/index.js';
-
-Vue.use(baseAlert);
-
-import permission from '@base/directive/permission';
-
-Vue.use(permission);
-
-import VabUpload from '@base/components/VabUpload/index.js';
-
-Vue.use(VabUpload);
-
-Vue.component('baseUpload', () => import('@base/components/VabUpload/view.vue'));
-
-import baseAttachment from '@base/components/baseAttachment/install';
-
-Vue.use(baseAttachment);
-Vue.component('attachmentShowList', () => import('@base/components/baseAttachment/showList'));
-
-import '@base/resources/js/base/common.js';
-
-import vxeFilter from '@base/components/table/vxeFilter/index.js';
-
-Vue.use(vxeFilter);
-
-import baseTableExport from "@base/components/excelExport/button.vue";
-
-Vue.component(baseTableExport.name, baseTableExport);
-
-
-/* Vue.component('extendedProperties', () => import('@base/components/extendedProperties/view.vue')); */
-
-import LimitNumber from '@base/directive/LimitNumber/index.js';
-
-Vue.use(LimitNumber);
-
-import baseInputNumber from '@base/components/baseInputNumber/index.vue'
-
-Vue.component(baseInputNumber.name, baseInputNumber);
-
-import elReadonly from '@base/directive/el-readonly/index.js';
-
-Vue.use(elReadonly);
-
-/*import cnPrint from "@base/components/cnPrint/index.js"
-
-Vue.use(cnPrint);*/
-
-/* Vue.component('oplogTable', () => import('@base/components/oplogTable/index.vue')); */
-import oplogTable from '@base/components/oplogTable/index.vue'
-
-Vue.component(oplogTable.name, oplogTable);
-
-import baseInputBatch from '@base/components/baseInputBatch/index.vue'
-
-Vue.component(baseInputBatch.name, baseInputBatch);
-
-Vue.component('baseInputExport', () => import('@base/components/baseInputExport/index.vue'));
-
-Vue.component('advancedSearchDialog', () => import('@base/components/advancedSearchDialog/index.vue'));
-
-import baseTabs from '@base/components/baseTabs/index.vue'
-
-Vue.component(baseTabs.name, baseTabs);
-
-import baseTabPane from '@base/components/baseTabs/baseTabPane.vue'
-
-Vue.component(baseTabPane.name, baseTabPane);
-
-import vb_tabs from "@base/components/vb-tabs/index.vue";
-import vb_tab_pane from "@base/components/vb-tabs/tab-pane.vue";
-import xTabs from "@base/components/vb-tabs/x-tabs.vue";
-
-Vue.component(vb_tabs.name, vb_tabs);
-Vue.component(vb_tab_pane.name, vb_tab_pane);
-Vue.component(xTabs.name, xTabs);
-
-Vue.component('status-tag', () => import('@base/components/statusTag/index.vue'));
-
-Vue.component('CodeEditor', () => import('@base/components/code-editor/index.vue'));
-
-Vue.component('scriptDescriptionButton', () => import('@base/components/scriptDescription/button'));
-
-Vue.component('scriptTestButton', () => import('@base/components/scriptTest/button'));
-
-import jsonImport from '@base/components/jsonImport/index.js';
-
-Vue.use(jsonImport);
-
-import langImport from '@base/components/langImport/index.js';
-
-Vue.use(langImport);
-
-//vform
-// import '@base/components/xform/utils/directive'
-
-
-import i18n from '@base/lang/index.js'
-
-/**
- * If you don't want to use mock-server
- * you want to use MockJs for mock api
- * you can execute: mockXHR()
- *
- * Currently MockJs will be used in the production environment,
- * please remove it before going online ! ! !
- */
-if (process.env.NODE_ENV === 'production') {
-  /* const { mockXHR } = require('../mock')
-  mockXHR() */
-}
-
-Vue.use(Element, {
-  size: Cookies.get('size') || 'medium' // set element-ui default size
-  // locale: enLang // 如果使用中文，无需设置，请删除
-});
-
-// register global utility filters
-Object.keys(filters).forEach(key => {
-  Vue.filter(key, filters[key]);
-});
-
-Vue.config.productionTip = false;
-
-let vue = new Vue({
-  el: '#app',
-  router,
-  store,
-  i18n,
-  render: h => h(App)
-});
-window.$vueRoot = vue;
+/**version-1.0*/
+import Vue from 'vue';
+import Cookies from 'js-cookie';
+import 'normalize.css/normalize.css'; // a modern alternative to CSS resets
+import Element from 'element-ui';
+import '@/styles/element-variables.scss';
+import '@/styles/index.scss'; // global css
+
+import App from '@base/App';
+import store from '@base/store';
+import router from '@base/router';
+
+import '@/icons'; // icon
+import '@base/permission'; // permission control
+
+import * as filters from '@base/filters'; // global filters
+
+// main.js 文件添加以下代码
+
+import BaseKeepAlive from '@base/utils/keepAlive.js'
+
+Vue.component('BaseKeepAlive', BaseKeepAlive)
+
+import VXETable from 'vxe-table';
+import 'vxe-table/lib/style.css';
+
+
+
+import Vab from '@base/utils/vab';
+
+Vue.use(Vab);
+
+Vue.use(VXETable);
+
+/* import tablePluns from "@/mixins/table/index.js"
+VXETable.use(tablePluns) */
+
+import '@base/components/table/index.js';
+
+import drag from '@base/directive/el-drag-dialog/index.js';
+
+Vue.use(drag.install);
+
+import elDialogCenter from '@base/directive/el-dialog-center/index.js';
+
+Vue.use(elDialogCenter.install);
+
+import ErroreBox from '@base/components/errorMsg/index.js';
+
+Vue.use(ErroreBox);
+
+import ExcelExport from '@base/components/excelExport/index.js';
+
+Vue.use(ExcelExport);
+
+import ExcelImport from '@base/components/excelImport/index.js';
+
+Vue.use(ExcelImport);
+
+import ConfirmDialog from '@base/components/confirmDialog/index.js';
+
+Vue.use(ConfirmDialog);
+
+import baseAlert from '@base/components/baseAlert/index.js';
+
+Vue.use(baseAlert);
+
+import permission from '@base/directive/permission';
+
+Vue.use(permission);
+
+import VabUpload from '@base/components/VabUpload/index.js';
+
+Vue.use(VabUpload);
+
+Vue.component('baseUpload', () => import('@base/components/VabUpload/view.vue'));
+
+import baseAttachment from '@base/components/baseAttachment/install';
+
+Vue.use(baseAttachment);
+Vue.component('attachmentShowList', () => import('@base/components/baseAttachment/showList'));
+
+import '@base/resources/js/base/common.js';
+
+import vxeFilter from '@base/components/table/vxeFilter/index.js';
+
+Vue.use(vxeFilter);
+
+import baseTableExport from "@base/components/excelExport/button.vue";
+
+Vue.component(baseTableExport.name, baseTableExport);
+
+
+/* Vue.component('extendedProperties', () => import('@base/components/extendedProperties/view.vue')); */
+
+import LimitNumber from '@base/directive/LimitNumber/index.js';
+
+Vue.use(LimitNumber);
+
+import baseInputNumber from '@base/components/baseInputNumber/index.vue'
+
+Vue.component(baseInputNumber.name, baseInputNumber);
+
+import elReadonly from '@base/directive/el-readonly/index.js';
+
+Vue.use(elReadonly);
+
+/*import cnPrint from "@base/components/cnPrint/index.js"
+
+Vue.use(cnPrint);*/
+
+/* Vue.component('oplogTable', () => import('@base/components/oplogTable/index.vue')); */
+import oplogTable from '@base/components/oplogTable/index.vue'
+
+Vue.component(oplogTable.name, oplogTable);
+
+import baseInputBatch from '@base/components/baseInputBatch/index.vue'
+
+Vue.component(baseInputBatch.name, baseInputBatch);
+
+Vue.component('baseInputExport', () => import('@base/components/baseInputExport/index.vue'));
+
+Vue.component('advancedSearchDialog', () => import('@base/components/advancedSearchDialog/index.vue'));
+
+import baseTabs from '@base/components/baseTabs/index.vue'
+
+Vue.component(baseTabs.name, baseTabs);
+
+import baseTabPane from '@base/components/baseTabs/baseTabPane.vue'
+
+Vue.component(baseTabPane.name, baseTabPane);
+
+import vb_tabs from "@base/components/vb-tabs/index.vue";
+import vb_tab_pane from "@base/components/vb-tabs/tab-pane.vue";
+import xTabs from "@base/components/vb-tabs/x-tabs.vue";
+
+Vue.component(vb_tabs.name, vb_tabs);
+Vue.component(vb_tab_pane.name, vb_tab_pane);
+Vue.component(xTabs.name, xTabs);
+
+Vue.component('status-tag', () => import('@base/components/statusTag/index.vue'));
+
+Vue.component('CodeEditor', () => import('@base/components/code-editor/index.vue'));
+
+Vue.component('scriptDescriptionButton', () => import('@base/components/scriptDescription/button'));
+
+Vue.component('scriptTestButton', () => import('@base/components/scriptTest/button'));
+
+import jsonImport from '@base/components/jsonImport/index.js';
+
+Vue.use(jsonImport);
+
+import langImport from '@base/components/langImport/index.js';
+
+Vue.use(langImport);
+
+//vform
+// import '@base/components/xform/utils/directive'
+
+
+import i18n from '@base/lang/index.js'
+
+/**
+ * If you don't want to use mock-server
+ * you want to use MockJs for mock api
+ * you can execute: mockXHR()
+ *
+ * Currently MockJs will be used in the production environment,
+ * please remove it before going online ! ! !
+ */
+if (process.env.NODE_ENV === 'production') {
+  /* const { mockXHR } = require('../mock')
+  mockXHR() */
+}
+
+Vue.use(Element, {
+  size: Cookies.get('size') || 'medium' // set element-ui default size
+  // locale: enLang // 如果使用中文，无需设置，请删除
+});
+
+// register global utility filters
+Object.keys(filters).forEach(key => {
+  Vue.filter(key, filters[key]);
+});
+
+Vue.config.productionTip = false;
+
+let vue = new Vue({
+  el: '#app',
+  router,
+  store,
+  i18n,
+  render: h => h(App)
+});
+window.$vueRoot = vue;

package/src/mixins/table/index.js

@@ -0,0 +1,152 @@
+
+let module = {
+  install (vxetable, options) {
+    let Table = vxetable.Table;
+    debugger
+    // return
+
+
+
+    Table.mixins.push({
+      methods: {
+        /**
+     * 全局按下事件处理
+     */
+     handleGlobalMousedownEvent : (evnt) => {
+      let $xeTable = this
+      const { editStore, ctxMenuStore, filterStore, customStore } = reactData
+      const { mouseConfig, editRules } = props
+      const el = refElem.value
+      const editOpts = computeEditOpts.value
+      const validOpts = computeValidOpts.value
+      const areaOpts = computeAreaOpts.value
+      const { actived } = editStore
+      const $validTooltip = refValidTooltip.value
+      const tableFilter = refTableFilter.value
+      const tableCustom = refTableCustom.value
+      const tableMenu = refTableMenu.value
+      // 筛选
+      if (tableFilter) {
+        if (getEventTargetNode(evnt, el, 'vxe-cell--filter').flag) {
+          // 如果点击了筛选按钮
+        } else if (getEventTargetNode(evnt, tableFilter.getRefMaps().refElem.value).flag) {
+          // 如果点击筛选容器
+        } else {
+          if (!getEventTargetNode(evnt, document.body, 'vxe-table--ignore-clear').flag) {
+            tablePrivateMethods.preventEvent(evnt, 'event.clearFilter', filterStore.args, tableMethods.closeFilter)
+          }
+        }
+      }
+      // 自定义列
+      if (tableCustom) {
+        if (customStore.btnEl === evnt.target || getEventTargetNode(evnt, document.body, 'vxe-toolbar-custom-target').flag) {
+          // 如果点击了自定义列按钮
+        } else if (getEventTargetNode(evnt, tableCustom.getRefMaps().refElem.value).flag) {
+          // 如果点击自定义列容器
+        } else {
+          if (!getEventTargetNode(evnt, document.body, 'vxe-table--ignore-clear').flag) {
+            tablePrivateMethods.preventEvent(evnt, 'event.clearCustom', {}, () => {
+              if ($xeTable.closeCustom) {
+                $xeTable.closeCustom()
+              }
+            })
+          }
+        }
+      }
+
+      // 如果已激活了编辑状态
+      if (actived.row) {
+        if (!(editOpts.autoClear === false)) {
+          // 如果是激活状态，点击了单元格之外
+          const cell = actived.args.cell
+          if ((!cell || !getEventTargetNode(evnt, cell).flag)) {
+            if ($validTooltip && getEventTargetNode(evnt, $validTooltip.$el as HTMLDivElement).flag) {
+              // 如果是激活状态，且点击了校验提示框
+            } else if (!internalData._lastCallTime || internalData._lastCallTime + 50 < Date.now()) {
+              // 如果是激活状态，点击了单元格之外
+              if (!getEventTargetNode(evnt, document.body, 'vxe-table--ignore-clear').flag) {
+                // 如果手动调用了激活单元格，避免触发源被移除后导致重复关闭
+                tablePrivateMethods.preventEvent(evnt, 'event.clearEdit', actived.args, () => {
+                  let isClear
+                  if (editOpts.mode === 'row') {
+                    const rowTargetNode = getEventTargetNode(evnt, el, 'vxe-body--row')
+                    const rowNodeRest = rowTargetNode.flag ? tableMethods.getRowNode(rowTargetNode.targetElem) : null
+                    // row 方式，如果点击了不同行
+                    isClear = rowNodeRest ? !$xeTable.eqRow(rowNodeRest.item, actived.args.row) : false
+                  } else {
+                    // cell 方式，如果是非编辑列
+                    isClear = !getEventTargetNode(evnt, el, 'col--edit').flag
+                  }
+                  // 如果点击表头行，则清除激活状态
+                  if (!isClear) {
+                    isClear = getEventTargetNode(evnt, el, 'vxe-header--row').flag
+                  }
+                  // 如果点击表尾行，则清除激活状态
+                  if (!isClear) {
+                    isClear = getEventTargetNode(evnt, el, 'vxe-footer--row').flag
+                  }
+                  // 如果固定了高度且点击了行之外的空白处，则清除激活状态
+                  if (!isClear && props.height && !reactData.overflowY) {
+                    const bodyWrapperElem = evnt.target as HTMLDivElement
+                    if (hasClass(bodyWrapperElem, 'vxe-table--body-wrapper')) {
+                      isClear = evnt.offsetY < bodyWrapperElem.clientHeight
+                    }
+                  }
+                  if (
+                    isClear ||
+                      // 如果点击了当前表格之外
+                      !getEventTargetNode(evnt, el).flag
+                  ) {
+                    setTimeout(() => {
+                      $xeTable.handleClearEdit(evnt).then(() => {
+                        // 如果存在校验，点击了表格之外则清除
+                        if (!internalData.isActivated && editRules && validOpts.autoClear) {
+                          reactData.validErrorMaps = {}
+                        }
+                      })
+                    })
+                  }
+                })
+              }
+            }
+          }
+        }
+      } else if (mouseConfig) {
+        if (!getEventTargetNode(evnt, el).flag && !($xeGGWrapper && getEventTargetNode(evnt, $xeGGWrapper.getRefMaps().refElem.value).flag) && !(tableMenu && getEventTargetNode(evnt, tableMenu.getRefMaps().refElem.value).flag) && !($xeToolbar && getEventTargetNode(evnt, $xeToolbar.getRefMaps().refElem.value).flag)) {
+          if ($xeTable.clearSelected) {
+            $xeTable.clearSelected()
+          }
+          if (areaOpts.autoClear) {
+            if ($xeTable.getCellAreas) {
+              const cellAreas = $xeTable.getCellAreas()
+              if (cellAreas && cellAreas.length && !getEventTargetNode(evnt, document.body, 'vxe-table--ignore-areas-clear').flag) {
+                tablePrivateMethods.preventEvent(evnt, 'event.clearAreas', {}, () => {
+                  $xeTable.clearCellAreas()
+                  $xeTable.clearCopyCellArea()
+                  dispatchEvent('clear-cell-area-selection', { cellAreas }, evnt)
+                })
+              }
+            }
+          }
+        }
+      }
+      // 如果配置了快捷菜单且，点击了其他地方则关闭
+      if ($xeTable.closeMenu) {
+        if (ctxMenuStore.visible && tableMenu && !getEventTargetNode(evnt, tableMenu.getRefMaps().refElem.value).flag) {
+          $xeTable.closeMenu()
+        }
+      }
+      const isActivated = getEventTargetNode(evnt, $xeGGWrapper ? $xeGGWrapper.getRefMaps().refElem.value : el).flag
+      // 如果存在校验，点击了表格之外则清除
+      if (!isActivated && editRules && validOpts.autoClear) {
+        reactData.validErrorMaps = {}
+      }
+      // 最后激活的表格
+      internalData.isActivated = isActivated
+    }
+      }
+    })
+  }
+}
+
+export default module

package/src/router/modules/customer.js

@@ -35,6 +35,15 @@ export const constantRoutes = [
           menuUrl: "/pmd/product/common/product_display/detail",
         },
       },
+      {
+        path: "/test",
+        component: () =>
+          import("@/views/test/index"),
+        name: "test",
+        meta: {
+          title: "表格复制粘贴",
+        },
+      },
     ],
   },