cloud-web-corejs 1.0.54-dev.542 → 1.0.54-dev.543

package/src/router/modules/customer.js

@@ -28,6 +28,23 @@ export const constantRoutes = [
         },
         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"),

package/src/components/univer/button.vue

@@ -1,57 +0,0 @@
-<template>
-  <el-button
-    @click="openUniverDialog"
-    type="primary"
-    class="button-sty"
-    icon="el-icon-edit"
-  >
-    {{ !!value ? "已维护" : "" }}
-    <univerDialog
-      v-if="showDialog"
-      :visiable.sync="showDialog"
-      :data.sync="value"
-      title="title"
-      :readonly="readonly"
-      @confirm="confirmUniverDialog"
-      :univerConfig="univerConfig"
-    ></univerDialog>
-  </el-button>
-</template>
-<script>
-import univerDialog from "./dialog.vue";
-export default {
-  name: "univerButton",
-  props: {
-    value: String,
-    title: {
-      type: String,
-      default: "excel",
-    },
-    readonly: {
-      type: Boolean,
-      default: false,
-    },
-    univerConfig: {
-      type: Object,
-      default: () => {},
-    },
-  },
-  components: {
-    univerDialog,
-  },
-  data() {
-    return {
-      showDialog: false,
-    };
-  },
-  methods: {
-    openUniverDialog() {
-      this.showDialog = true;
-    },
-    confirmUniverDialog(result) {
-      this.$emit("input", result);
-      this.$emit("change", result);
-    },
-  },
-};
-</script>

package/src/components/univer/univerSheet.vue

@@ -1,200 +0,0 @@
-<script>
-import { UniverSheetsConditionalFormattingPreset } from "@univerjs/preset-sheets-conditional-formatting";
-import sheetsConditionalFormattingZhCN from "@univerjs/preset-sheets-conditional-formatting/locales/zh-CN";
-import { UniverSheetsCorePreset } from "@univerjs/preset-sheets-core";
-import sheetsCoreZhCN from "@univerjs/preset-sheets-core/locales/zh-CN";
-import { UniverSheetsDataValidationPreset } from "@univerjs/preset-sheets-data-validation";
-import sheetsDataValidationZhCN from "@univerjs/preset-sheets-data-validation/locales/zh-CN";
-import { UniverSheetsDrawingPreset } from "@univerjs/preset-sheets-drawing";
-import sheetsDrawingZhCN from "@univerjs/preset-sheets-drawing/locales/zh-CN";
-import { UniverSheetsFilterPreset } from "@univerjs/preset-sheets-filter";
-import UniverPresetSheetsFilterZhCN from "@univerjs/preset-sheets-filter/locales/zh-CN";
-import { UniverSheetsFindReplacePreset } from "@univerjs/preset-sheets-find-replace";
-import UniverPresetSheetsFindReplaceZhCN from "@univerjs/preset-sheets-find-replace/locales/zh-CN";
-import { UniverSheetsHyperLinkPreset } from "@univerjs/preset-sheets-hyper-link";
-import sheetsHyperLinkZhCN from "@univerjs/preset-sheets-hyper-link/locales/zh-CN";
-import { UniverSheetsSortPreset } from "@univerjs/preset-sheets-sort";
-import SheetsSortZhCN from "@univerjs/preset-sheets-sort/locales/zh-CN";
-import { createUniver, LocaleType, mergeLocales } from "@univerjs/presets";
-import { UniverSheetsCrosshairHighlightPlugin } from "@univerjs/sheets-crosshair-highlight";
-import SheetsCrosshairHighlightZhCN from "@univerjs/sheets-crosshair-highlight/locale/zh-CN";
-import { UniverSheetsZenEditorPlugin } from "@univerjs/sheets-zen-editor";
-import SheetsZenEditorZhCN from "@univerjs/sheets-zen-editor/locale/zh-CN";
-// import { UniverWatermarkPlugin } from "@univerjs/watermark";
-
-// import { WORKBOOK_DATA } from "./data";
-
-// import "./styles.css";
-import "@univerjs/preset-sheets-core/lib/index.css";
-import "@univerjs/preset-sheets-sort/lib/index.css";
-import "@univerjs/preset-sheets-filter/lib/index.css";
-import "@univerjs/preset-sheets-conditional-formatting/lib/index.css";
-import "@univerjs/preset-sheets-data-validation/lib/index.css";
-import "@univerjs/preset-sheets-hyper-link/lib/index.css";
-import "@univerjs/preset-sheets-find-replace/lib/index.css";
-import "@univerjs/sheets-zen-editor/lib/index.css";
-import "@univerjs/sheets-crosshair-highlight/lib/index.css";
-import "@univerjs/preset-sheets-drawing/lib/index.css";
-
-export default {
-  name: "univerSheet",
-  props: {
-    data: {
-      type: Object,
-      default: () => {},
-    },
-    readonly: {
-      type: Boolean,
-      default: false,
-    },
-    options: {
-      type: Object,
-      default: () => {},
-    },
-  },
-  data() {
-    return {
-      univerInstance: null,
-      univerAPIInstance: null,
-      workbook: null,
-    };
-  },
-  mounted() {
-    this.init();
-  },
-  beforeUnmount() {
-    this.univerInstance?.dispose();
-    this.univerAPIInstance?.dispose();
-    this.univerInstance = null;
-    this.univerAPIInstance = null;
-  },
-  methods: {
-    initStyle() {},
-    init() {
-      // 基础国际化文件
-      const localeFiles = [
-        sheetsCoreZhCN,
-        SheetsSortZhCN,
-        UniverPresetSheetsFilterZhCN,
-        sheetsConditionalFormattingZhCN,
-        sheetsDataValidationZhCN,
-        UniverPresetSheetsFindReplaceZhCN,
-        sheetsHyperLinkZhCN,
-        SheetsCrosshairHighlightZhCN,
-        SheetsZenEditorZhCN,
-      ];
-
-      // 基础预设
-      const presets = [
-        UniverSheetsCorePreset({
-          container: this.$refs.container,
-          menu: {
-            "sheet.contextMenu.permission": {
-              hidden: true,
-            },
-            "sheet.command.add-range-protection-from-toolbar": {
-              hidden: true,
-            },
-          },
-        }),
-        UniverSheetsFindReplacePreset(),
-        UniverSheetsSortPreset(),
-        UniverSheetsFilterPreset(),
-        UniverSheetsConditionalFormattingPreset(),
-        UniverSheetsDataValidationPreset(),
-        UniverSheetsFilterPreset(),
-        UniverSheetsHyperLinkPreset(),
-      ];
-
-      // 根据options.enableImage参数条件性添加图片相关功能
-      if (this.options?.enableImage) {
-        localeFiles.push(sheetsDrawingZhCN);
-        presets.push(UniverSheetsDrawingPreset());
-      }
-
-      const { univer, univerAPI } = createUniver({
-        locale: LocaleType.ZH_CN,
-        locales: {
-          [LocaleType.ZH_CN]: mergeLocales(...localeFiles),
-        },
-        presets,
-        plugins: [
-          /* [
-            UniverWatermarkPlugin,
-            {
-              textWatermarkSettings: {
-                content: "Hello, Univer!",
-                fontSize: 16,
-                color: "rgb(0,0,0)",
-                bold: false,
-                italic: false,
-                direction: "ltr",
-                x: 60,
-                y: 36,
-                repeat: true,
-                spacingX: 200,
-                spacingY: 100,
-                rotate: 0,
-                opacity: 0.15,
-              },
-            },
-          ], */
-          UniverSheetsCrosshairHighlightPlugin,
-          UniverSheetsZenEditorPlugin,
-        ],
-      });
-
-      // univerAPI.createWorkbook(WORKBOOK_DATA);
-      this.workbook = univerAPI.createWorkbook(this.data);
-
-      this.univerInstance = univer;
-      this.univerAPIInstance = univerAPI;
-
-      // 获取工作表
-      const worksheets = this.workbook.getSheets();
-
-      this.$nextTick(() => {
-        const fWorkbook = univerAPI.getActiveWorkbook();
-        const permission = fWorkbook.getWorkbookPermission();
-        if (this.readonly) {
-          // 设置为只读模式
-          permission.setMode("viewer");
-          permission.setPoint(univerAPI.Enum.WorkbookPermissionPoint.CopyContent, true);
-        }
-      });
-    },
-    async getValue() {
-      const fWorkbook = this.univerAPIInstance.getActiveWorkbook();
-      await fWorkbook.endEditingAsync(true);
-      const snapshot = fWorkbook.save();
-      return snapshot;
-    },
-  },
-};
-</script>
-
-<template>
-  <div id="univer" ref="container" />
-</template>
-
-<style scoped>
-#univer {
-  height: 100%;
-  margin: 0;
-  padding: 0;
-}
-::v-deep aside.univer-h-full {
-  padding-left: 0;
-  padding-right: 0;
-}
-</style>
-<style>
-div[data-radix-popper-content-wrapper],
-.univer-popup.univer-popup-enter-done,
-.univer-menu-submenu,
-[data-u-comp="rect-popup"],
-.univer-grid,
-div[role="tooltip"] {
-  z-index: 999999 !important;
-}
-</style>

package/src/components/xform/form-designer/form-widget/dialog/univerDialog.vue

@@ -1,200 +0,0 @@
-<template>
-  <el-dialog
-    :visible.sync="showDialog"
-    v-el-drag-dialog
-    v-el-dialog-center
-    v-bind="dialogConfig"
-    :fullscreen="true"
-    @close="close"
-  >
-    <div class="cont designer-view" v-bind="bodyConfig" id="containt">
-      <univerSheet ref="univer" :data="json" v-if="showUniver"></univerSheet>
-    </div>
-    <span
-      slot="footer"
-      class="dialog-footer"
-      v-if="option.showFooter !== false"
-      v-bind="option.footerConfig"
-    >
-      <el-button type="primary" plain class="button-sty" @click="close">
-        <i class="el-icon-close el-icon"></i>
-        {{ $t2("取 消", "system.button.cancel2") }}
-      </el-button>
-      <el-button type="primary" @click="dialogSubmit" class="button-sty">
-        <i class="el-icon-check el-icon"></i>
-        {{ $t2("确 定", "system.button.confirm2") }}
-      </el-button>
-    </span>
-  </el-dialog>
-</template>
-
-<script>
-// import univerSheet from "@base/components/univer/univerSheet.vue";
-import { univerSheet } from "@base/components/univer/index.js";
-
-export default {
-  // name: "vabSearchDialog",
-  components: { univerSheet },
-  props: {
-    visiable: Boolean,
-    option: Object,
-  },
-  mixins: [],
-  inject: ["getFormConfig"],
-
-  mounted() {
-    this.init();
-  },
-  data() {
-    var that = this;
-    return {
-      showFormField: "_tt",
-      showDialog: true,
-      falseValue: false,
-      selectMulti: true,
-
-      formJson: {},
-      formData: {},
-      optionData: {},
-      showRender: false,
-      formTemplate: {},
-      /*      formCode: null,*/
-      layoutType: null,
-      conditionParam: null,
-      formInsData: null,
-      $grid: null,
-      currentLayoutType: null,
-      dataId: null,
-      formConfig: {},
-      showUniver: true,
-      json: {},
-    };
-  },
-  computed: {
-    formCode() {
-      return this.option.formCode;
-    },
-    dialogParam() {
-      return this.option?.param;
-    },
-    /* formConfig() {
-      return this.option?.formConfig;
-    }, */
-    dialogConfig() {
-      let customClass = "dialog-style list-dialog dialog-checkbox pd_0";
-      if (this.option.dialogConfig?.customClass) {
-        customClass = customClass + " " + this.option.dialogConfig.customClass;
-      }
-      let config = {
-        title: this.formTemplate.formName,
-        appendToBody: true,
-        modalAppendToBody: true,
-        // appendToBody: false,
-        // modalAppendToBody: false,
-        closeOnClickModal: false,
-        modal: false,
-        width: "1200px",
-        fullscreen: this.option.fullscreen,
-      };
-      config = Object.assign({}, config, this.option.dialogConfig, { customClass });
-      config.title = this.$t1(config.title);
-      return config;
-    },
-    bodyConfig() {
-      let config = {};
-      let classStr = this.currentLayoutType;
-      if (this.option.bodyConfig?.class) {
-        classStr = classStr + " " + this.option.bodyConfig.class;
-      }
-      if (this.option.showFooter == false) {
-        classStr = classStr + " nfootBtn";
-      }
-      config = Object.assign({}, config, this.option.bodyConfig, { class: classStr });
-      return config;
-    },
-  },
-  created() {
-    this.formConfig = this.option?.formConfig || {};
-
-    let currentFormConfig = this.getFormConfig();
-    this.currentLayoutType = currentFormConfig.layoutType;
-  },
-  methods: {
-    init() {
-      if (this.option.data) {
-        this.json = JSON.parse(this.option.data);
-      }
-      this.$nextTick(() => {
-        this.showRender = true;
-      });
-    },
-    reload(e, option) {
-      let updateParam = option?.updateParam || {};
-      if (this.formConfig) Object.assign(this.formConfig, updateParam);
-      this.showRender = false;
-    },
-
-    close() {
-      let univerRef = this.$refs.univer;
-      this.showDialog = false;
-      this.$emit("update:visiable", false);
-      this.option.close && this.option.close(univerRef, this);
-    },
-    dialogSubmit() {
-      let univerRef = this.$refs.univer;
-      if (this.option.confirm) {
-        let excelJson = this.$refs.univer.getValue();
-        this.$refs.univer.getValue().then((value) => {
-          let result = JSON.stringify(value);
-          if (this.option.confirm(result, univerRef, this) !== false) {
-            this.close();
-          }
-        });
-      } else {
-        this.close();
-      }
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-::v-deep .H5 .h5-fixed-bottom-btns {
-  bottom: 95px;
-}
-
-.list-dialog {
-  .el-dialog__body {
-    height: calc(100% - 42px);
-    .cont {
-      height: calc(100vh - 210px);
-
-      &.nfootBtn {
-        height: calc(100vh - 158px);
-      }
-      &#containt {
-        padding: 0;
-        ::v-deep .grid-container {
-          outline: none;
-          &.detail-wrap .d-cont {
-            height: calc(100vh - 150px);
-            .title .field-wrapper {
-              display: inline-block !important;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  &.is-fullscreen .el-dialog__body {
-    .cont {
-      height: calc(100vh - 110px);
-
-      &.nfootBtn {
-        height: calc(100vh - 58px);
-      }
-    }
-  }
-}
-</style>