@baosight/er4j 0.0.7

package/er4j-dist/types/utils/theme.d.ts

@@ -0,0 +1,144 @@
+export declare const getTheme: () => "ghostShark" | "default";
+/**
+ * 换取antd主题配置
+ * @returns
+ */
+export declare const getAntdTheme: (theme?: string) => {
+    token: {
+        fontSize: number;
+        sizeStep: number;
+        borderRadius: number;
+        wireframe: boolean;
+        colorPrimary: string;
+    };
+    components: {
+        Form: {
+            marginLG: number;
+        };
+        Button: {
+            lineHeight: number;
+        };
+        Tabs: {
+            margin: number;
+            colorBgContainer: string;
+            colorPrimary: string;
+            colorText: string;
+            colorSplit: string;
+            colorBorder: string;
+            colorPrimaryBorder: string;
+            lineHeight: number;
+        };
+        DatePicker: {
+            colorPrimary: string;
+        };
+    };
+} | {
+    token: {
+        fontSize: number;
+        sizeStep: number;
+        borderRadius: number;
+        wireframe: boolean;
+        colorBgBase: string;
+        colorTextBase: string;
+        colorPrimary: string;
+        colorPrimaryBorder: string;
+        colorPrimaryBorderHover: string;
+        colorPrimaryText: string;
+    };
+    components: {
+        Button: {
+            colorBgContainer: string;
+            colorBorder: string;
+            colorText: string;
+            lineHeight: number;
+        };
+        Form: {
+            marginLG: number;
+            colorPrimary: string;
+            colorTextHeading: string;
+            colorTextDescription: string;
+            colorText: string;
+            colorBorder: string;
+            controlOutline: string;
+            colorError: string;
+        };
+        Input: {
+            colorBgContainer: string;
+            colorBorder: string;
+            colorIconHover: string;
+            colorPrimaryActive: string;
+            colorBgContainerDisabled: string;
+            colorText: string;
+        };
+        Checkbox: {
+            colorBgContainer: string;
+            colorBorder: string;
+        };
+        InputNumber: {
+            colorBgContainer: string;
+            colorBorder: string;
+            colorIconHover: string;
+            colorPrimaryActive: string;
+            colorBgContainerDisabled: string;
+            colorText: string;
+        };
+        Radio: {
+            colorBgContainer: string;
+            colorBgContainerDisabled: string;
+        };
+        Switch: {
+            colorPrimary: string;
+            colorBgContainer: string;
+        };
+        TreeSelect: {
+            colorBgContainer: string;
+        };
+        Tabs: {
+            margin: number;
+            colorPrimaryActive: string;
+            colorBgContainer: string;
+            colorPrimary: string;
+            colorFillAlter: string;
+            colorSplit: string;
+            colorText: string;
+            lineHeight: number;
+        };
+        Select: {
+            colorBgContainer: string;
+            colorBgContainerDisabled: string;
+            colorBgElevated: string;
+            controlItemBgActive: string;
+            colorBorder: string;
+            colorText: string;
+        };
+        DatePicker: {
+            colorBgContainer: string;
+            colorBgContainerDisabled: string;
+            colorBorder: string;
+            colorText: string;
+            colorBgElevated: string;
+            colorTextHeading: string;
+            colorIcon: string;
+            colorIconHover: string;
+            colorTextDisabled: string;
+            controlItemBgHover: string;
+            controlItemBgActive: string;
+        };
+        Calendar: {
+            colorBgContainer: string;
+        };
+        Modal: {
+            colorBgElevated: string;
+            colorTextHeading: string;
+        };
+        Tree: {
+            colorBgContainer: string;
+        };
+    };
+};
+/**
+ * 换肤
+ * @param theme 主题
+ * @param reload 是否强制换肤
+ */
+export declare const changeTheme: (theme?: string, reload?: boolean) => void;

package/package.json

@@ -0,0 +1,128 @@
+{
+  "name": "@baosight/er4j",
+  "version": "0.0.7",
+  "description": "er4j 辅助开发",
+  "private": false,
+  "type": "module",
+  "main": "er4j-dist/er4j.umd.js",
+  "module": "er4j-dist/er4j.es.js",
+  "types": "er4j-dist/types/index.d.ts",
+  "scripts": {
+    "local": "vue-cli-service serve --mode local",
+    "serve": "vue-cli-service serve",
+    "build:vite": "vite build",
+    "build": "vue-cli-service build",
+    "update": "npm uninstall @xr/ui @xr/core @xr/theme3-default && npm install @xr/ui @xr/core @xr/theme3-default && npm run serve"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "files": [
+    "er4j-dist/",
+    "src/views/JA/ER/JAER01.vue",
+    "src/views/JA/ER/JAER02.vue"
+  ],
+  "peerDependencies": {
+    "@eplat/ei": ">=1.2.0",
+    "@xr/core": ">=1.2.5",
+    "@xr/theme3-default": ">=1.2.0",
+    "@xr/ui": ">=1.2.5",
+    "@vue/cli-plugin-babel": "5.0.1",
+    "@vue/cli-plugin-router": "5.0.1",
+    "@vue/cli-plugin-typescript": "5.0.1",
+    "@vue/cli-plugin-vuex": "5.0.1",
+    "@vue/cli-service": "5.0.1",
+    "@vue/compiler-sfc": "3.5.13",
+    "dayjs": "1.11.13"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@ag-grid-community/client-side-row-model": "30.2.1",
+    "@ag-grid-community/core": "30.2.1",
+    "@ag-grid-community/csv-export": "30.2.1",
+    "@ag-grid-community/infinite-row-model": "30.2.1",
+    "@ag-grid-community/styles": "30.2.1",
+    "@ag-grid-community/vue3": "30.2.1",
+    "@ag-grid-enterprise/advanced-filter": "30.2.1",
+    "@ag-grid-enterprise/charts": "30.2.1",
+    "@ag-grid-enterprise/clipboard": "30.2.1",
+    "@ag-grid-enterprise/column-tool-panel": "30.2.1",
+    "@ag-grid-enterprise/core": "30.2.1",
+    "@ag-grid-enterprise/excel-export": "30.2.1",
+    "@ag-grid-enterprise/filter-tool-panel": "30.2.1",
+    "@ag-grid-enterprise/master-detail": "30.2.1",
+    "@ag-grid-enterprise/menu": "30.2.1",
+    "@ag-grid-enterprise/multi-filter": "30.2.1",
+    "@ag-grid-enterprise/range-selection": "30.2.1",
+    "@ag-grid-enterprise/rich-select": "30.2.1",
+    "@ag-grid-enterprise/row-grouping": "30.2.1",
+    "@ag-grid-enterprise/server-side-row-model": "30.2.1",
+    "@ag-grid-enterprise/set-filter": "30.2.1",
+    "@ag-grid-enterprise/side-bar": "30.2.1",
+    "@ag-grid-enterprise/sparklines": "30.2.1",
+    "@ag-grid-enterprise/status-bar": "30.2.1",
+    "@ag-grid-enterprise/viewport-row-model": "30.2.1",
+    "@codemirror/lang-javascript": "6.2.2",
+    "@codemirror/lang-json": "6.0.1",
+    "@codemirror/lang-sql": "6.6.3",
+    "@element-plus/icons-vue": "2.0.4",
+    "@eplat/ei": "1.2.4",
+    "@erp/erp-ui-lib": "0.0.1",
+    "@xr/core": "1.4.1",
+    "@xr/theme3-default": "1.4.1",
+    "@xr/ui": "1.4.1",
+    "ant-design-vue": "4.0.6",
+    "axios": "0.27.2",
+    "core-js": "3.22.8",
+    "crypto-js": "4.2.0",
+    "decimal.js": "10.5.0",
+    "echarts": "5.4.3",
+    "element-plus": "2.2.5",
+    "js-cookie": "3.0.1",
+    "jsencrypt": "3.3.0",
+    "lodash": "4.17.21",
+    "lodash-es": "4.17.21",
+    "nprogress": "0.2.0",
+    "numeral": "2.0.6",
+    "path-browserify": "1.0.1",
+    "path-to-regexp": "6.2.1",
+    "pinia": "2.0.36",
+    "screenfull": "6.0.1",
+    "splitpanes": "3.1.5",
+    "sql-formatter": "15.4.11",
+    "verify": "0.1.2",
+    "vite": "6.3.5",
+    "vue": "3.5.13",
+    "vue-clipboard3": "2.0.0",
+    "vue-codemirror": "6.1.1",
+    "vue-i18n": "9.2.2",
+    "vue-router": "4.0.16",
+    "xlsx": "0.18.5",
+    "@types/kendo-ui": "2022.2.0",
+    "@types/node": "22.14.1",
+    "@types/nprogress": "0.2.0",
+    "@vitejs/plugin-vue": "5.2.3",
+    "@vue/cli-plugin-babel": "5.0.1",
+    "@vue/cli-plugin-router": "5.0.1",
+    "@vue/cli-plugin-typescript": "5.0.1",
+    "@vue/cli-plugin-vuex": "5.0.1",
+    "@vue/cli-service": "5.0.1",
+    "@vue/compiler-sfc": "3.2.33",
+    "@babel/polyfill": "7.12.1",
+    "mockjs": "1.1.0",
+    "rimraf": "3.0.2",
+    "sass": "1.87.0",
+    "sass-loader": "16.0.5",
+    "speed-measure-webpack-plugin": "1.5.0",
+    "svg-sprite-loader": "6.0.11",
+    "svgo": "2.8.0",
+    "svgo-loader": "3.0.1",
+    "typescript": "5.3.2",
+    "unplugin-auto-import": "0.16.6",
+    "unplugin-vue-components": "0.25.2",
+    "vite-plugin-dts": "4.5.3",
+    "vite-plugin-html-env": "1.2.8",
+    "vite-plugin-top-level-await": "1.3.1"
+  }
+}

package/src/views/JA/ER/JAER01.vue

@@ -0,0 +1,38 @@
+<template>
+  <EFPage title="低代码配置平台" style="height: 100vh;">
+    <er-menu-dev-plat>
+    </er-menu-dev-plat>
+  </EFPage>
+</template>
+
+<script lang="ts">
+// import ErMenuDevPlat from '@/components/ErMenuDevPlat/ErMenuDevPlat.vue';
+
+import { ErMenuDevPlat } from "@baosight/er4j";
+
+import { onMounted } from 'vue'
+export default {
+  name: 'JAER01'
+}
+</script>
+
+
+<script lang="ts" setup>
+
+onMounted(() => {
+
+});
+</script>
+<style lang="scss">
+.i-page .i-page-container {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  padding: 0px;
+  overflow: auto;
+}
+
+.haveNavBar {
+  height: 100vh !important;
+}
+</style>

package/src/views/JA/ER/JAER02.vue

@@ -0,0 +1,94 @@
+<template>
+  <EFPage title="基表维护示例" style="height: 100vh;">
+    <template v-if="initializeFlag === 1">
+      <er-layout :er-form-helper-prop="erFormHelper" :config-id="'LayoutGroupFilter'" :show-form-toolbar="false"
+        :allow-collapse="true" @toolbar-click="layoutToolbarClick" @query-click="queryClick"></er-layout>
+      <er-panel :title="'查询结果'" :open-header-show="false" style="height: 100%">
+        <template #contentSlot>
+          <er-grid :config-id="'gridView1'" :er-form-helper-prop="erFormHelper"></er-grid>
+        </template>
+      </er-panel>
+    </template>
+  </EFPage>
+</template>
+
+<script lang="ts" setup name="JAER02">
+import { getCurrentInstance } from "vue";
+// import { ER } from '@/utils/er';
+// import ErPanel from '@/components/ErPanel/ErPanel.vue';
+// import ErLayout from '@/components/ErLayout/ErLayout.vue';
+// import ErGrid from '@/components/ErGrid/ErGrid.vue';
+
+import { ER, ErPanel, ErGrid, ErLayout } from "@baosight/er4j";
+
+import { nextTick, onMounted, ref } from 'vue'
+const formInstance = getCurrentInstance();
+const formInfo: any = formInstance?.attrs.__eiInfo;
+const buttonsInfo = formInstance?.attrs.__buttonsEi;
+const formQueryParams = ER.Core.getQueryParams(formInfo?.extAttr?.efFormLoadPath);
+
+console.log("formInstance", formInstance);
+console.log("formInfo ", formInfo);
+console.log("buttonsInfo ", buttonsInfo);
+console.log("formQueryParams ", formQueryParams);
+
+const erFormHelper: ER.FormHelper = new ER.FormHelper();
+const formPartition = '';
+const initializeService = 'JAER01/getFormConfig';
+const formName = 'SI00Question';
+const initializeFlag = ref(0);
+
+// 画面相关数据初始化
+const initializePage = async () => {
+  erFormHelper.setMenuFormInstance(formInstance);
+  const initialResult = await erFormHelper.Initialize(
+    formPartition,
+    formName,
+    ['LayoutGroupFilter', 'gridView1'],
+    initializeService
+  );
+  if (initialResult.flag >= 0) {
+    // 画面工具类初始化成功后将画面渲染条件设置为1
+    initializeFlag.value = 1;
+
+  } else {
+    erFormHelper.messageError(
+      'ErFormHelper initialize faild, error msg is [' + initialResult.msg + ']!'
+    );
+  }
+};
+
+const layoutToolbarClick = (params: any) => {
+  console.log('layoutToolbarClick:', params);
+};
+
+const queryClick = async (params: any) => {
+  ER.Core.loading(true, 2000);
+  const outInfo = await erFormHelper.queryDataByDataSource('SI00051', { filterConfigId: 'LayoutGroupFilter' });
+  erFormHelper.mergeEiInfoToGrid(outInfo, 'gridView1');
+  ER.Core.loading(false);
+};
+
+onMounted(() => {
+
+
+
+  initializePage().then(() => {
+    nextTick(() => {
+      console.log('画面初始化完成:', erFormHelper);
+    });
+  });
+});
+</script>
+<style lang="scss">
+.i-page .i-page-container {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  padding: 0px;
+}
+
+.haveNavBar {
+  height: 100vh !important;
+}
+</style>