@gct-paas/design 0.1.4-dev.7 → 0.1.4-dev.9

package/es/hooks/design-view/design-state.mjs

@@ -0,0 +1,86 @@
+import { Platform, pageLayoutModeEnum } from '@gct-paas/core';
+import { getWidgetInfo, modalCfg } from '@gct-paas/schema';
+import { cloneDeep } from 'lodash-es';
+import { ref, computed, reactive } from 'vue';
+
+const platform = ref(Platform.WEB);
+const widgetInfo = computed(() => {
+  return getWidgetInfo(platform.value);
+});
+const designRegister = computed(() => {
+  switch (platform.value) {
+    case Platform.MOBILE:
+      return _gct.register.designer.mobile;
+    case Platform.PAD:
+      return _gct.register.designer.pad;
+    case Platform.WEB:
+    default:
+      return _gct.register.designer.web;
+  }
+});
+const pageJson = reactive({
+  id: "",
+  keepAlive: false,
+  pageEvents: {},
+  pageVars: [],
+  widgets: [],
+  js: "",
+  css: "",
+  modals: [],
+  globalEvents: {},
+  permissions: {},
+  plugins: [],
+  style: {
+    // paddingAll: '10',
+    // paddingTop: '10',
+    // paddingRight: '10',
+    // paddingBottom: '10',
+    // paddingLeft: '10',
+  },
+  pageConfig: {
+    title: "",
+    i18n: {},
+    hasFooter: void 0
+  },
+  pageLayoutMode: pageLayoutModeEnum.SHOW_ALL_DATA,
+  newDesigner: true
+});
+const pageJsonSnapshot = ref("");
+const isModified = () => {
+  if (!pageJsonSnapshot.value) {
+    return false;
+  }
+  const currentPageJsonStr = JSON.stringify(pageJson);
+  return currentPageJsonStr != pageJsonSnapshot.value;
+};
+const isNewDesigner = computed({
+  get() {
+    return pageJson.newDesigner;
+  },
+  set(val) {
+    pageJson.newDesigner = val;
+  }
+});
+const modalDesignState = ref(false);
+const modalDesignId = ref("");
+const subTableModalState = ref(false);
+const subTableModalId = ref("");
+const modalInfo = ref(cloneDeep(modalCfg.widget));
+const pageDesignHistoryList = ref([]);
+const pageNo = ref(1);
+const noMore = ref(false);
+const loading = ref(false);
+const methodMap = ref({});
+const pluginConfigs = ref([]);
+const regRoot = /^root:/;
+function transformPageJson(json, isClone = false) {
+  const _json = isClone ? cloneDeep(json) : json;
+  if (!_json.pageConfig.hasFooter) {
+    _json.widgets = _json.widgets.filter((n) => {
+      return n.type !== "bottom-button-container";
+    });
+  }
+  return _json;
+}
+
+export { designRegister, isModified, isNewDesigner, loading, methodMap, modalDesignId, modalDesignState, modalInfo, noMore, pageDesignHistoryList, pageJson, pageJsonSnapshot, pageNo, platform, pluginConfigs, regRoot, subTableModalId, subTableModalState, transformPageJson, widgetInfo };

package/es/hooks/design-view/designer/useDesignCache.d.ts

@@ -0,0 +1,4 @@
+export declare function useDesignCache(): {
+    emitCache: () => void;
+    undoOrRestore: (content: string) => void;
+};

package/es/hooks/design-view/designer/useDesignCache.mjs

@@ -0,0 +1,27 @@
+import { pageJson } from '../design-state.mjs';
+import { useCacheHistory } from '../../develop/useCacheHistory.mjs';
+
+function useDesignCache() {
+  const { historyUtils } = useCacheHistory();
+  const { occupy } = {};
+  function emitCache() {
+    const id = _gct.store.context.aid;
+    historyUtils.addHistory({
+      historyId: id,
+      past: JSON.stringify(pageJson)
+    });
+    occupy?.();
+  }
+  function undoOrRestore(content) {
+    if (content) {
+      Object.assign(pageJson, JSON.parse(content));
+      occupy?.();
+    }
+  }
+  return {
+    emitCache,
+    undoOrRestore
+  };
+}
+
+export { useDesignCache };

package/es/hooks/design-view/designer/useDesignHistory.d.ts

@@ -0,0 +1,16 @@
+import { Platform } from '@gct-paas/core';
+import { PageDesignerLogResponse } from '@gct-paas/api/apaas';
+import { Ref } from 'vue';
+export declare function useDesignHistory(): {
+    pageDesignHistoryList: Ref<PageDesignerLogResponse[]>;
+    loading: Ref<boolean, boolean>;
+    noMore: Ref<boolean, boolean>;
+    loadPageDesignHistoryList: () => Promise<void>;
+    loadPageDesignHistoryInfo: (id: string) => Promise<PageDesignerLogResponse | undefined | null>;
+    historyPreview: (hid: string) => {
+        url: string;
+        platform: Platform;
+    };
+    recover: (hid: string) => Promise<void>;
+    deleteHistory: (hid: string) => void;
+};

package/es/hooks/design-view/designer/useDesignHistory.mjs

@@ -0,0 +1,102 @@
+import '@gct-paas/core';
+import { useDesignPreview } from './useDesignPreview.mjs';
+import { noMore, loading, pageDesignHistoryList, pageNo, pageJson } from '../design-state.mjs';
+import { useDesignSave } from './useDesignSave.mjs';
+
+function useDesignHistory() {
+  async function loadPageDesignHistoryList() {
+    if (loading.value || noMore.value) return;
+    loading.value = true;
+    try {
+      const res = await _api.apaas.pageDesignerLog.getPageList({
+        relationId: _gct.store.context.pid,
+        pageNo: pageNo.value ?? 1,
+        pageSize: 50
+      });
+      if (res) {
+        if (pageNo.value === 1) {
+          pageDesignHistoryList.value = res.data || [];
+        } else {
+          pageDesignHistoryList.value = [
+            ...pageDesignHistoryList.value,
+            ...res.data || []
+          ];
+        }
+        if (pageDesignHistoryList.value?.length >= res.totalCount || pageDesignHistoryList.value?.length >= 1e3) {
+          noMore.value = true;
+        } else {
+          pageNo.value += 1;
+        }
+      }
+    } catch (err) {
+      console.error("数据加载失败：", err);
+    } finally {
+      loading.value = false;
+    }
+  }
+  function loadPageDesignHistoryInfo(id) {
+    return _api.apaas.pageDesignerLog.getInfo({
+      id
+    });
+  }
+  async function recover(hid) {
+    const res = await loadPageDesignHistoryInfo(hid);
+    if (res) {
+      Object.assign(
+        pageJson,
+        res.designerJson ? { ...JSON.parse(res.designerJson ?? ""), key: Date.now() } : {
+          id: "",
+          keepAlive: false,
+          pageEvents: {},
+          pageVars: [],
+          widgets: [],
+          js: "",
+          css: "",
+          modals: [],
+          template: [],
+          globalEvents: {},
+          los: {},
+          permissions: {},
+          key: Date.now(),
+          style: {
+            // paddingAll: '10',
+            // paddingTop: '10',
+            // paddingRight: '10',
+            // paddingBottom: '10',
+            // paddingLeft: '10',
+          },
+          pageConfig: {
+            title: "",
+            i18n: {},
+            hasFooter: void 0
+          }
+        }
+      );
+      const { save } = useDesignSave();
+      await save(false);
+      loadPageDesignHistoryList();
+    }
+  }
+  function deleteHistory(hid) {
+    _api.apaas.pageDesignerLog.delete({ ids: hid }).then(() => {
+      noMore.value = false;
+      pageNo.value = 1;
+      loadPageDesignHistoryList();
+    });
+  }
+  function historyPreview(hid) {
+    return useDesignPreview().historyPreview(hid);
+  }
+  return {
+    pageDesignHistoryList,
+    loading,
+    noMore,
+    loadPageDesignHistoryList,
+    loadPageDesignHistoryInfo,
+    historyPreview,
+    recover,
+    deleteHistory
+  };
+}
+
+export { useDesignHistory };