cloud-web-corejs 1.0.54-dev.563 → 1.0.54-dev.565

package/src/components/table/plugins/extend-cell-area/vxe-table-extend-cell-area.min.css

@@ -0,0 +1,200 @@
+.vxe-table--cell-area {
+  position: initial;
+}
+.vxe-header--column.col--cell-active {
+  position: relative;
+}
+.vxe-header--column.col--cell-active:not(.col--group)::after {
+  border-bottom: var(--vxe-ui-table-cell-area-status-border-width, 1px) solid
+    var(--vxe-ui-font-primary-color, #409eff);
+}
+.vxe-header--column.col--cell-active::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background: var(
+    --vxe-ui-table-header-active-area-background-color,
+    rgba(64, 158, 255, 0.1)
+  );
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  pointer-events: none;
+  pointer-events: none;
+  z-index: 1;
+}
+.vxe-table .vxe-body--column.col--to-row {
+  background-color: var(--vxe-ui-table-header-background-color, #f8f8f9);
+}
+.vxe-table--fnr.vxe-modal--wrapper .vxe-modal--content {
+  padding: 0;
+}
+.vxe-table--fnr.vxe-modal--wrapper .vxe-modal--content {
+  display: flex;
+  flex-direction: column;
+}
+.vxe-table--fnr .vxe-table--fnr-tabs {
+  flex-shrink: 0;
+  border-bottom: 1px solid var(--vxe-ui-table-border-color, #e8eaec);
+  background-color: var(--vxe-ui-tabs-card-header-background-color);
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.vxe-table--fnr .vxe-table--fnr-tabs > span {
+  position: relative;
+  display: inline-block;
+  padding: 0 1em;
+  height: 2.4em;
+  line-height: 2.4em;
+  text-align: center;
+  border-right: 1px solid var(--vxe-ui-table-border-color, #e8eaec);
+  background-color: var(--vxe-ui-table-header-background-color, #f8f8f8);
+  vertical-align: bottom;
+  cursor: pointer;
+}
+.vxe-table--fnr .vxe-table--fnr-tabs > span.is--active {
+  background-color: var(--vxe-ui-layout-background-color, #fff);
+}
+.vxe-table--fnr .vxe-table--fnr-tabs > span.is--active:after {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: -1px;
+  width: 100%;
+  height: 1px;
+  background-color: var(--vxe-ui-layout-background-color, #fff);
+  z-index: 1;
+}
+.vxe-table--fnr .vxe-table--fnr-body {
+  flex-shrink: 0;
+  padding: 0.3em 1em 0 1em;
+}
+.vxe-table--fnr .vxe-table--fnr-form {
+  width: 100%;
+  border: 0;
+  border-spacing: 0;
+  border-collapse: separate;
+}
+.vxe-table--fnr .vxe-table--fnr-form tr {
+  visibility: hidden;
+}
+.vxe-table--fnr .vxe-table--fnr-form tr.is--visible {
+  visibility: visible;
+}
+.vxe-table--fnr .vxe-table--fnr-form-title {
+  white-space: nowrap;
+  padding-right: 0.8em;
+}
+.vxe-table--fnr .vxe-table--fnr-form-content,
+.vxe-table--fnr .vxe-table--fnr-form-input {
+  width: 100%;
+}
+.vxe-table--fnr .vxe-table--fnr-form-content {
+  padding: 0.3em 0;
+}
+.vxe-table--fnr .vxe-table--fnr-form-filter {
+  padding-left: 1.8em;
+  vertical-align: top;
+}
+.vxe-table--fnr .vxe-table--fnr-form-filter > .vxe-checkbox {
+  display: block;
+  margin: 0.6em 0 0 0;
+}
+.vxe-table--fnr .vxe-table--fnr-footer {
+  flex-shrink: 0;
+  padding: 0.8em 1em;
+  overflow: hidden;
+  text-align: right;
+}
+.vxe-table--fnr .vxe-table--fnr-search {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  border-top: 1px solid var(--vxe-ui-table-border-color, #e8eaec);
+  border-bottom: 1px solid var(--vxe-ui-table-border-color, #e8eaec);
+  overflow: hidden;
+}
+.vxe-table--fnr .vxe-table--fnr-search .vxe-list--virtual-wrapper,
+.vxe-table--fnr .vxe-table--fnr-search .vxe-table--fnr-search-list {
+  height: 100%;
+}
+.vxe-table--fnr .vxe-table--fnr-search-header {
+  flex-shrink: 0;
+  height: 2.5em;
+  line-height: 2.5em;
+  padding: 0 0.8em;
+  font-weight: 700;
+  background-color: var(--vxe-ui-table-header-background-color, #f8f8f8);
+}
+.vxe-table--fnr .vxe-table--fnr-find-item,
+.vxe-table--fnr .vxe-table--fnr-search-header {
+  display: flex;
+}
+.vxe-table--fnr .vxe-table--fnr-find-item > div,
+.vxe-table--fnr .vxe-table--fnr-search-header > div {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.vxe-table--fnr .vxe-table--fnr-find-item > div:nth-child(1),
+.vxe-table--fnr .vxe-table--fnr-search-header > div:nth-child(1) {
+  width: 100px;
+  flex-shrink: 0;
+}
+.vxe-table--fnr .vxe-table--fnr-find-item > div:nth-child(2),
+.vxe-table--fnr .vxe-table--fnr-search-header > div:nth-child(2) {
+  width: 160px;
+  flex-shrink: 0;
+}
+.vxe-table--fnr .vxe-table--fnr-find-item > div:nth-child(3),
+.vxe-table--fnr .vxe-table--fnr-search-header > div:nth-child(3) {
+  flex-grow: 1;
+}
+.vxe-table--fnr .vxe-table--fnr-search-body {
+  flex-grow: 1;
+  overflow: hidden;
+  border-top: 1px solid var(--vxe-ui-table-border-color, #e8eaec);
+  border-bottom: 1px solid var(--vxe-ui-table-border-color, #e8eaec);
+}
+.vxe-table--fnr .vxe-table--fnr-find-item {
+  height: 2em;
+  line-height: 2em;
+  padding: 0 0.8em;
+  cursor: pointer;
+}
+.vxe-table--fnr .vxe-table--fnr-find-item.is--active {
+  color: var(--vxe-ui-font-primary-color, #409eff);
+  background-color: var(--vxe-ui-table-row-current-background-color, #e6f7ff);
+}
+.vxe-table--fnr .vxe-table--fnr-find-item:hover.is--active {
+  background-color: var(
+    --vxe-ui-table-row-hover-current-background-color,
+    #d7effb
+  );
+}
+.vxe-table--fnr .vxe-table--fnr-find-item:hover > div {
+  text-decoration: underline;
+}
+.vxe-table--fnr .vxe-table--fnr-search-footer {
+  flex-shrink: 0;
+  height: 2em;
+  line-height: 2em;
+  padding: 0 0.8em;
+  visibility: hidden;
+}
+.vxe-table--fnr .vxe-table--fnr-search-footer.is--error {
+  color: var(--vxe-ui-status-error-color, #f56c6c);
+}
+.vxe-table--fnr .vxe-table--fnr-search-footer.is--visible {
+  visibility: visible;
+}

package/src/components/xform/form-designer/widget-panel/widgetsConfig.js

@@ -3482,6 +3482,26 @@ export const advancedFields = [
       showRules: [],
     },
   },
+
+  {
+    type: "vue-page",
+    icon: "html-text",
+    commonFlag: !0,
+    formItemFlag: !1,
+    columnFlag: false,
+    options: {
+      name: "",
+      hidden: !1,
+      customClass: "",
+      onCreated: "",
+      onMounted: "",
+      componentPath: "",
+      componentConfig: "",
+      label: "",
+      labelHidden: !1,
+
+    },
+  },
 ];
 
 export const businessFields = [

package/src/components/xform/form-render/container-item/table2-item.vue

@@ -92,6 +92,7 @@ export default {
         1: "textarea",
         2: "date",
         3: "number",
+        4: "text"
       },
     };
   },
@@ -184,11 +185,11 @@ export default {
       this.widget.rows.length = 0;
       this.widget.rows.push(...widgetRows);
     },
-    loadDataDefaultHandle() {
-      /*this.init();
-      return*/
+    loadDataDefaultHandle(flag) {
+      // this.init();
+      // return
       let dataId = this.formDataId;
-      if (!dataId) return;
+      if (flag !== true && !dataId) return;
       let reportTemplate = this.getFormRef().reportTemplate;
       let formCode = reportTemplate.formCode;
       let formScriptEnabled = this.widget.options.formScriptEnabled || false;
@@ -263,6 +264,13 @@ export default {
           f_is_required: true,
           f_field_value: "6",
         },
+        {
+          f_field_name: "姓名",//显示名称
+          f_key: "name",//字段名
+          f_field_type: 4,//类型，0: "文本输入框",1: "多行输入框",2: "日期输入框",3: "数字输入框",4:"纯文本"
+          f_is_required: false,//是否必填
+          f_field_value: "张三",//字段值
+        }
       ];
       let a = 1;
       this.setValue(items);

package/src/index.js

@@ -25,8 +25,8 @@ import VXETable from 'vxe-table';
 import 'vxe-table/lib/style.css';
 
 // 引入扩展插件
-// import '@base/components/table/plugins/extend-cell-area/vxe-table-extend-cell-area.es6.min.js'
-// import '@base/components/table/plugins/extend-cell-area/vxe-table-extend-cell-area.min.css'
+import '@base/components/table/plugins/extend-cell-area/vxe-table-extend-cell-area.es6.min.js'
+import '@base/components/table/plugins/extend-cell-area/vxe-table-extend-cell-area.min.css'
 
 /* // 设置授权信息
 VXETable.setup({
@@ -213,17 +213,3 @@ let vue = new Vue({
   render: h => h(App)
 });
 window.$vueRoot = vue;
-
-
-/* import { registerMicroApps, start, setDefaultMountApp } from "qiankun";
-// 注册子应用
-import microApps from './microRouter';
-registerMicroApps(microApps);
-
-// 设置默认应用（可选，打开页面默认加载主应用）
-setDefaultMountApp("/");
-
-// 启动 qiankun
-start({
-  sandbox: { strictStyleIsolation: true }, // 开启样式隔离，避免子应用样式污染主应用
-}); */

package/src/mixins/table/index.js

@@ -0,0 +1,151 @@
+
+let module = {
+  install (vxetable, options) {
+    let Table = vxetable.Table;
+    // 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/index.js

@@ -8,7 +8,7 @@ import {constantRoutes as route2s} from "@/router/modules/customer";
 
 export const constantRoutes = [
   ...route1s,
-  ...route2s,
+  ...route2s
 ];
 
 const createRouter = () =>

package/src/router/modules/customer.js

@@ -1,8 +1,142 @@
-export const constantRoutes = [
-  /*{
-    path: "",
-    component: () => import("@/layout/index"),
-    children: []
-  }*/
-];
-
+export const constantRoutes = [
+ /* {
+        path: '/pcp_outLink',
+        component: () => import('@/views/pcp/outLink/index'),
+        meta: {
+            checkToken: false,
+        },
+        hidden: true
+    },
+    {
+        path: '/pcp_outLink_view',
+        component: () => import('@/views/pcp/outLink/view'),
+        hidden: true
+    },
+    {
+        path: '/pcp_outLink_m_view',
+        component: () => import('@/views/pcp/outLink/m_view'),
+        meta: {
+            checkToken: false,
+        },
+        hidden: true
+    },
+     {
+        path: '/test_univer',
+        component: () => import('@/views/test/test_univer.vue'),
+        meta: {
+            checkToken: false,
+        },
+        hidden: true
+    },
+    {
+        path: '/test_luckysheet',
+        component: () => import('@/views/test/HelloWorld.vue'),
+        meta: {
+            checkToken: false,
+        },
+        hidden: true
+    },
+    {
+        path: '/test_luckysheet2',
+        component: () => import('@/views/test/HelloWorld2.vue'),
+        meta: {
+            checkToken: false,
+        },
+        hidden: true
+    }, */
+
+  {
+    path: "",
+    component: () => import("@/layout/index"),
+    children: [
+      /* {
+        path: "/pmd/product/common/product_display/detail/:id",
+        component: () =>
+          import("@/views/pmd/product/common/product_display/detail"),
+        name: "productDisplayEdit",
+        meta: {
+          title: "产品详情",
+          paramField: "id",
+          menuUrl: "/pmd/product/common/product_display/detail",
+        },
+      }, */
+      /* {
+        path: "/test",
+        component: () =>
+          import("@/views/test/index"),
+        name: "test",
+        meta: {
+          title: "表格复制粘贴",
+        },
+      },
+      {
+        path: "/test1",
+        component: () =>
+          import("@/views/test/index1"),
+        name: "test1",
+        meta: {
+          title: "甘特图",
+        },
+      },
+      {
+        path: "/testQrcode",
+        component: () =>
+          import("@/views/test/testQrcode"),
+        name: "test1",
+        meta: {
+          title: "测试二维码",
+        },
+      },
+      {
+        path: "/test_gantt",
+        component: () =>
+          import("@/views/test/test_gatt"),
+        name: "board_project:index",
+        meta: {
+          title: "测试甘特图",
+        },
+      },
+
+      {
+        path: "/test_univer2",
+        component: () =>
+          import("@/views/test/test_univer2.vue"),
+        name: "test_univer2",
+        meta: {
+          title: "测试excel",
+        },
+      }, */
+
+      // {
+      //   path: "/test_table",
+      //   component: () =>
+      //     import("@/views/test/handsontable/index1.vue"),
+      //   name: "test_table",
+      //   meta: {
+      //     title: "测试表格",
+      //   },
+      // },
+    ],
+  },
+
+  /*{
+    path: "",
+    component: () => import("@/layout/index"),
+    children: []
+  }*/
+  /*{
+    path: "/test",
+    component: () => import("@/views/test/excelImport.vue"),
+    hidden: true
+  },
+  {
+    path: "/test2",
+    component: () => import("@/views/test/test2.vue"),
+    hidden: true
+  },*/
+  /*{
+    path: "/barcode",
+    component: () => import("@/views/test/barcode/test.vue"),
+    hidden: true
+  },*/
+];