firefly-portal-web 1.0.0

package/dist-lib/zh_TW-ef5c69c0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh_TW-ef5c69c0.mjs","sources":["../src/locales/lang/zh_TW.ts"],"sourcesContent":["import antdLocale from 'ant-design-vue/es/locale/zh_TW';\r\nimport zhTWCustomLocale from './zh_TW.json';\r\n\r\n(antdLocale as any).Calendar.timePickerLocale.rangePlaceholder = ['開始時間', '結束時間'];\r\n\r\nexport default {\r\n  message: {\r\n    ...zhTWCustomLocale,\r\n    antdLocale,\r\n  },\r\n};\r\n"],"names":["antdLocale","zh_TW","zhTWCustomLocale"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGCA,EAAmB,SAAS,iBAAiB,mBAAmB,CAAC,QAAQ,MAAM;AAEhF,MAAeC,IAAA;AAAA,EACb,SAAS;AAAA,IACP,GAAGC;AAAA,IACH,YAAAF;AAAA,EACF;AACF;"}

package/package.json

@@ -0,0 +1,247 @@
+{
+  "name": "firefly-portal-web",
+  "version": "1.0.0",
+  "description": "",
+  "author": {
+    "name": "karrylee",
+    "email": "karrylee@msi.com",
+    "url": "https://gitlab.msic.com.cn/firefly-group/firefly-portal-web.git"
+  },
+  "homepage": "https://gitlab.msic.com.cn/firefly-group/firefly-portal-web.git",
+  "scripts": {
+    "commit": "czg",
+    "bootstrap": "pnpm install --registry=https://registry.npmmirror.com",
+    "serve": "npm run dev",
+    "dev": "vite --mode native",
+    "build": "cross-env NODE_ENV=development NODE_OPTIONS=--max-old-space-size=8192 vite build --mode development && esno ./build/script/postBuild.ts",
+    "build:test": "cross-env NODE_ENV=test NODE_OPTIONS=--max-old-space-size=8192 vite build --mode test && esno ./build/script/postBuild.ts",
+    "build:prod": "cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=8192 vite build --mode production && esno ./build/script/postBuild.ts",
+    "build:no-cache": "pnpm clean:cache && npm run build",
+    "report": "cross-env REPORT=true npm run build",
+    "type:check": "vue-tsc --noEmit --skipLibCheck",
+    "preview": "npm run build && vite preview",
+    "preview:dist": "vite preview",
+    "log": "conventional-changelog -p angular -i CHANGELOG.md -s",
+    "clean:cache": "rimraf node_modules/.cache/ && rimraf node_modules/.vite",
+    "clean:lib": "rimraf node_modules",
+    "lint:eslint": "eslint --cache --max-warnings 0  \"{src,mock}/**/*.{vue,ts,tsx}\" --fix",
+    "lint:prettier": "prettier --write  \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\"",
+    "lint:stylelint": "stylelint --cache --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
+    "lint:lint-staged": "lint-staged",
+    "reinstall": "rimraf pnpm-lock.yaml && rimraf package.lock.json && rimraf node_modules && npm run bootstrap",
+    "gen:icon": "esno ./build/generate/icon/index.ts",
+    "build:lib": "cross-env NODE_ENV=production vite build --mode production --config vite.config.lib.ts"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist-lib/firefly-portal-preview.es.js",
+      "require": "./dist-lib/firefly-portal-preview.umd.js",
+      "types": "./dist-lib/firefly-portal-preview.d.ts"
+    },
+    "./style": "./dist-lib/firefly-portal-preview.css",
+    "./types": "./dist-lib/firefly-portal-preview.d.ts"
+  },
+  "files": [
+    "dist-lib",
+    "src/components/PortalPreview"
+  ],
+  "peerDependencies": {
+    "ant-design-vue": "^4.2.3",
+    "axios": "^1.4.0",
+    "dayjs": "^1.11.7",
+    "echarts": "^5.4.2",
+    "element-plus": "^2.14.0",
+    "firefly-plus-components": "^3.0.45",
+    "lodash-es": "^4.17.21",
+    "pinia": "^2.1.3",
+    "vue": "^3.4.27",
+    "vue-router": "^4.3.2"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "{!(package)*.json,*.code-snippets,.!(browserslist)*rc}": [
+      "prettier --write--parser json"
+    ],
+    "package.json": [
+      "prettier --write"
+    ],
+    "*.vue": [
+      "eslint --fix",
+      "prettier --write",
+      "stylelint --fix"
+    ],
+    "*.{scss,less,styl,html}": [
+      "stylelint --fix",
+      "prettier --write"
+    ],
+    "*.md": [
+      "prettier --write"
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "node_modules/cz-git"
+    }
+  },
+  "dependencies": {
+    "@amap/amap-jsapi-loader": "^1.0.1",
+    "@ant-design/colors": "^7.1.0",
+    "@ant-design/icons-vue": "^7.0.1",
+    "@element-plus/icons-vue": "^2.3.1",
+    "@firefly-plus/icons-vue": "^1.1.40",
+    "@fontsource/noto-sans-jp": "^5.2.5",
+    "@fontsource/noto-sans-kr": "^5.2.5",
+    "@fontsource/noto-sans-sc": "^5.2.6",
+    "@fontsource/noto-sans-tc": "^5.2.6",
+    "@fullcalendar/core": "^6.1.14",
+    "@fullcalendar/daygrid": "^6.1.14",
+    "@fullcalendar/interaction": "^6.1.14",
+    "@fullcalendar/timegrid": "^6.1.14",
+    "@fullcalendar/vue3": "^6.1.14",
+    "@iconify/iconify": "^3.1.0",
+    "@logicflow/core": "^1.2.1",
+    "@logicflow/extension": "^1.2.1",
+    "@vue/runtime-core": "^3.4.27",
+    "@vue/shared": "^3.4.27",
+    "@vueuse/core": "^10.1.2",
+    "@vueuse/shared": "^10.1.2",
+    "@zxcvbn-ts/core": "^2.2.1",
+    "ant-design-vue": "^4.2.3",
+    "axios": "^1.4.0",
+    "bpmn-js": "16.3.2",
+    "bpmn-js-properties-panel": "5.7.0",
+    "camunda-bpmn-moddle": "6.1.2",
+    "codemirror": "^5.65.12",
+    "cron-parser": "^4.8.1",
+    "cropperjs": "^1.5.13",
+    "crypto-js": "^4.1.1",
+    "dayjs": "^1.11.7",
+    "diagram-js": "11.9.1",
+    "diagram-js-minimap": "4.1.0",
+    "echarts": "^5.4.2",
+    "echarts-stat": "^1.2.0",
+    "element-plus": "^2.14.0",
+    "firefly-plus-components": "^3.0.45",
+    "inherits-browser": "^0.1.0",
+    "intro.js": "^7.0.1",
+    "jsbarcode": "^3.11.5",
+    "lodash-es": "^4.17.21",
+    "min-dash": "^4.2.1",
+    "min-dom": "^4.1.0",
+    "monaco-editor": "^0.38.0",
+    "nprogress": "^0.2.0",
+    "path-to-regexp": "^6.2.1",
+    "pinia": "^2.1.3",
+    "postcss-import": "16.1.0",
+    "print-js": "^1.6.0",
+    "qrcode": "^1.5.1",
+    "qs": "^6.11.1",
+    "reconnecting-websocket": "^4.4.0",
+    "resize-observer-polyfill": "^1.5.1",
+    "showdown": "^2.1.0",
+    "sortablejs": "^1.15.0",
+    "spark-md5": "^3.0.2",
+    "tailwindcss": "3.4.17",
+    "terser": "^5.14.2",
+    "tiny-svg": "^3.0.1",
+    "tinymce": "^5.10.7",
+    "uuid": "^11.0.4",
+    "v-code-diff": "^1.12.0",
+    "vditor": "^3.9.1",
+    "vue": "^3.4.27",
+    "vue-grid-layout": "^3.0.0-beta1",
+    "vue-i18n": "^9.13.1",
+    "vue-json-pretty": "^2.2.4",
+    "vue-plugin-hiprint": "0.0.57-beta24",
+    "vue-router": "^4.3.2",
+    "vue-simple-uploader": "1.0.0",
+    "vue-types": "^5.1.2",
+    "vue3-draggable-resizable": "^1.6.5",
+    "vue3-tree-org": "^4.2.2",
+    "vuedraggable": "^4.1.0",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.6.3",
+    "@commitlint/config-conventional": "^17.6.3",
+    "@iconify/json": "^2.2.43",
+    "@purge-icons/generated": "^0.9.0",
+    "@rys-fe/vite-plugin-theme": "^0.8.6",
+    "@types/codemirror": "^5.60.7",
+    "@types/crypto-js": "^4.1.1",
+    "@types/fs-extra": "^11.0.1",
+    "@types/inquirer": "^8.2.6",
+    "@types/intro.js": "^5.1.1",
+    "@types/js-cookie": "^3.0.6",
+    "@types/lodash-es": "^4.17.7",
+    "@types/node": "^18.15.11",
+    "@types/nprogress": "^0.2.0",
+    "@types/qrcode": "^1.5.0",
+    "@types/qs": "^6.9.7",
+    "@types/showdown": "^2.0.0",
+    "@types/sortablejs": "^1.15.1",
+    "@typescript-eslint/eslint-plugin": "^5.57.0",
+    "@typescript-eslint/parser": "^5.57.0",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue-jsx": "^3.0.1",
+    "@vue/compiler-sfc": "^3.4.27",
+    "@vue/test-utils": "^2.4.5",
+    "autoprefixer": "^10.4.14",
+    "conventional-changelog-cli": "^2.2.2",
+    "cross-env": "^7.0.3",
+    "cz-git": "^1.6.1",
+    "czg": "^1.6.1",
+    "dotenv": "^16.0.3",
+    "eslint": "^8.37.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-vue": "^9.10.0",
+    "esno": "^0.16.3",
+    "fs-extra": "^11.1.1",
+    "happy-dom": "^13.10.1",
+    "inquirer": "^9.1.5",
+    "jquery": "^3.7.1",
+    "js-cookie": "^3.0.5",
+    "less": "^4.1.3",
+    "lint-staged": "13.2.0",
+    "npm-run-all": "^4.1.5",
+    "picocolors": "^1.0.0",
+    "postcss": "^8.4.21",
+    "postcss-html": "^1.5.0",
+    "postcss-less": "^6.0.0",
+    "prettier": "^2.8.8",
+    "rimraf": "^4.4.1",
+    "rollup": "^3.7.4",
+    "rollup-plugin-visualizer": "^5.9.0",
+    "stylelint": "^15.4.0",
+    "stylelint-config-prettier": "^9.0.3",
+    "stylelint-config-recommended": "^11.0.0",
+    "stylelint-config-recommended-vue": "^1.4.0",
+    "stylelint-config-standard": "^32.0.0",
+    "stylelint-order": "^6.0.3",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.4.5",
+    "vite": "^4.5.3",
+    "vite-plugin-cdn-import": "^0.3.5",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-html": "^3.2.0",
+    "vite-plugin-mkcert": "^1.10.1",
+    "vite-plugin-purge-icons": "^0.9.2",
+    "vite-plugin-pwa": "^0.14.0",
+    "vite-plugin-style-import": "^2.0.0",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-vue-inspector": "^5.3.1",
+    "vite-plugin-vue-setup-extend": "^0.4.0",
+    "vite-plugin-windicss": "1.8.10",
+    "vitest": "^1.6.1",
+    "vue-eslint-parser": "^9.1.1",
+    "vue-tsc": "^2.0.19"
+  },
+  "engines": {
+    "node": ">=16.15.0",
+    "pnpm": ">=8.1.0"
+  }
+}

package/src/components/PortalPreview/__tests__/index.spec.ts

@@ -0,0 +1,258 @@
+import { describe, it, expect, vi, beforeEach, afterEach, nextTick } from 'vitest';
+import { mount } from '@vue/test-utils';
+
+// Hoisted mock functions - must be defined before vi.mock calls
+const mockGetWorkbench = vi.hoisted(() => vi.fn());
+const mockGetAdminWorkbench = vi.hoisted(() => vi.fn());
+const mockGetPageHome = vi.hoisted(() => vi.fn());
+const mockPortalAccessRecordAdd = vi.hoisted(() => vi.fn());
+
+// Mock child components
+vi.mock('@/components/VisualPortal/Design/index.vue', () => ({
+  default: {
+    name: 'PortalDesign',
+    template: '<div class="portal-design-mock" />',
+  },
+}));
+
+vi.mock('@/components/VisualPortal/Design/components/Preview.vue', () => ({
+  default: {
+    name: 'Preview',
+    template: '<div class="preview-mock" />',
+    props: ['isHome'],
+  },
+}));
+
+vi.mock('@/components/CommonModal', () => ({
+  PreviewModal: {
+    name: 'PreviewModal',
+    template: '<div class="preview-modal-mock" />',
+  },
+}));
+
+// Mock useModal composable - returns [registerFn, { openModal }]
+vi.mock('@/components/Modal', () => ({
+  useModal: () => [vi.fn(), { openModal: vi.fn() }],
+}));
+
+// Mock API module
+vi.mock('@/api/newApi/newApi', () => ({
+  getPageHome: mockGetPageHome,
+  getWorkbench: mockGetWorkbench,
+  getAdminWorkbench: mockGetAdminWorkbench,
+  portalAccessRecordAdd: mockPortalAccessRecordAdd,
+}));
+
+// Import component AFTER mocks are set up
+import PortalPreview from '@/components/PortalPreview/index.vue';
+
+/**
+ * Helper to flush pending microtasks/promises
+ */
+function flushPromises() {
+  return new Promise((resolve) => setTimeout(resolve, 0));
+}
+
+describe('PortalPreview', () => {
+  let wrapper: ReturnType<typeof mount>;
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+    // Default mock implementations
+    mockGetWorkbench.mockResolvedValue({ data: {} });
+    mockGetAdminWorkbench.mockResolvedValue({ data: {} });
+    mockGetPageHome.mockResolvedValue({ data: {} });
+    mockPortalAccessRecordAdd.mockResolvedValue({ data: {} });
+  });
+
+  afterEach(() => {
+    if (wrapper) {
+      wrapper.unmount();
+    }
+    vi.restoreAllMocks();
+  });
+
+  describe('rendering', () => {
+    it('should render without errors', () => {
+      wrapper = mount(PortalPreview, {});
+      expect(wrapper.exists()).toBe(true);
+    });
+
+    it('should render child components', () => {
+      wrapper = mount(PortalPreview, {});
+      expect(wrapper.find('.portal-design-mock').exists()).toBe(true);
+      expect(wrapper.find('.preview-mock').exists()).toBe(true);
+      expect(wrapper.find('.preview-modal-mock').exists()).toBe(true);
+    });
+  });
+
+  describe('props', () => {
+    it('should use data prop directly when provided and emit load', async () => {
+      const testData = { layout: [], formData: '{"key":"value"}' };
+      wrapper = mount(PortalPreview, {
+        props: { data: testData },
+      });
+
+      await nextTick();
+      expect(wrapper.emitted('load')).toBeTruthy();
+      expect(wrapper.emitted('load')![0][0]).toEqual(testData);
+    });
+
+    it('should reflect isPreviewMode prop through computed isHome', async () => {
+      wrapper = mount(PortalPreview, {
+        props: { isPreviewMode: true },
+      });
+      await nextTick();
+      const previewComponent = wrapper.findComponent({ name: 'Preview' });
+      expect(previewComponent.props('isHome')).toBe(true);
+    });
+
+    it('should pass isHome=false when isPreviewMode is false', async () => {
+      wrapper = mount(PortalPreview, {
+        props: { isPreviewMode: false },
+      });
+      await nextTick();
+      const previewComponent = wrapper.findComponent({ name: 'Preview' });
+      expect(previewComponent.props('isHome')).toBe(false);
+    });
+  });
+
+  describe('events', () => {
+    it('should emit load event with parsed data when API returns formData', async () => {
+      const testData = { layout: [{ component: 'HText' }] };
+      // parseFormData expects: data.formData -> JSON.parse -> { formData: parsedData }
+      mockGetWorkbench.mockResolvedValue({
+        data: { formData: JSON.stringify({ formData: testData }) },
+      });
+
+      wrapper = mount(PortalPreview, {});
+      await nextTick();
+      await flushPromises();
+      await flushPromises();
+
+      expect(mockGetWorkbench).toHaveBeenCalled();
+      expect(wrapper.emitted('load')).toBeTruthy();
+      const loadData = wrapper.emitted('load')![0][0] as any;
+      expect(loadData.layout).toEqual(testData.layout);
+    });
+
+    it('should emit error event when getWorkbench fails', async () => {
+      mockGetWorkbench.mockRejectedValue(new Error('API Error'));
+
+      wrapper = mount(PortalPreview, {});
+      await nextTick();
+      await flushPromises();
+
+      expect(wrapper.emitted('error')).toBeTruthy();
+      const errorArg = wrapper.emitted('error')![0][0] as Error;
+      expect(errorArg.message).toBe('API Error');
+    });
+
+    it('should not emit reload without child interaction', async () => {
+      wrapper = mount(PortalPreview, {
+        props: { data: { layout: [] } },
+      });
+      await nextTick();
+      expect(wrapper.emitted('reload')).toBeUndefined();
+    });
+  });
+
+  describe('collectData prop', () => {
+    it('should not call portalAccessRecordAdd when collectData is false', async () => {
+      wrapper = mount(PortalPreview, {
+        props: { collectData: false },
+      });
+      await nextTick();
+      await flushPromises();
+      expect(mockPortalAccessRecordAdd).not.toHaveBeenCalled();
+    });
+
+    it('should call portalAccessRecordAdd when collectData is true', async () => {
+      wrapper = mount(PortalPreview, {
+        props: { collectData: true },
+      });
+      await nextTick();
+      await flushPromises();
+      expect(mockPortalAccessRecordAdd).toHaveBeenCalled();
+    });
+  });
+
+  describe('listenMessage prop', () => {
+    it('should add message event listener when listenMessage is true', () => {
+      const addSpy = vi.spyOn(window, 'addEventListener');
+      wrapper = mount(PortalPreview, {
+        props: { listenMessage: true },
+      });
+      expect(addSpy).toHaveBeenCalledWith('message', expect.any(Function), false);
+    });
+
+    it('should not add message event listener when listenMessage is false', () => {
+      const addSpy = vi.spyOn(window, 'addEventListener');
+      wrapper = mount(PortalPreview, {
+        props: { listenMessage: false },
+      });
+      expect(addSpy).not.toHaveBeenCalledWith('message', expect.any(Function), false);
+    });
+
+    it('should remove message event listener on unmount when listenMessage was true', () => {
+      const removeSpy = vi.spyOn(window, 'removeEventListener');
+      wrapper = mount(PortalPreview, {
+        props: { listenMessage: true },
+      });
+      wrapper.unmount();
+      expect(removeSpy).toHaveBeenCalledWith('message', expect.any(Function), false);
+    });
+
+    it('should ignore messages when listenMessage is false (no errors)', async () => {
+      wrapper = mount(PortalPreview, {
+        props: { listenMessage: false },
+      });
+      await nextTick();
+
+      const messageEvent = new MessageEvent('message', {
+        data: {
+          type: 'msic',
+          data: JSON.stringify({ isRefresh: true }),
+        },
+      });
+      expect(() => window.dispatchEvent(messageEvent)).not.toThrow();
+    });
+  });
+
+  describe('data prop watcher', () => {
+    it('should emit load when data prop changes', async () => {
+      wrapper = mount(PortalPreview, {
+        props: { data: undefined },
+      });
+
+      // Wait for onMounted -> initData -> getWorkbench resolution
+      await flushPromises();
+      await flushPromises();
+
+      const newData = { layout: [{ component: 'HText' }] };
+      await wrapper.setProps({ data: newData });
+      await nextTick();
+      await flushPromises();
+
+      const loadEvents = wrapper.emitted('load');
+      expect(loadEvents).toBeTruthy();
+      const lastEvent = loadEvents![loadEvents!.length - 1][0];
+      expect(lastEvent).toEqual(newData);
+    });
+  });
+
+  describe('fallbackRedirect prop', () => {
+    it('should not redirect on error when fallbackRedirect is empty', async () => {
+      mockGetWorkbench.mockRejectedValue(new Error('API Error'));
+      const openSpy = vi.spyOn(window, 'open');
+
+      wrapper = mount(PortalPreview, {
+        props: { fallbackRedirect: '' },
+      });
+      await nextTick();
+      await flushPromises();
+
+      expect(openSpy).not.toHaveBeenCalled();
+    });
+  });
+});