super-page-runtime 1.0.14 → 1.0.16

package/vite.config copy.ts

@@ -0,0 +1,109 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import dts from 'vite-plugin-dts'
+// https://vitejs.dev/config/
+export default defineConfig({
+  build: {
+    target: 'modules',
+    // //打包文件目录
+    outDir: 'es',
+    minify: false,
+    cssCodeSplit: false,
+    rollupOptions: {
+      //忽略打包vue文件
+      external: (id) => {
+        const arr = [
+          'vue',
+          'vue-i18n',
+          'vue-router',
+          'vuex',
+          'vue-echarts',
+          'tslib',
+          'resize-detecotr',
+          'quill',
+          '@vueup/vue-quill',
+          'quill-delta',
+          'path-to-regexp',
+          'parchment',
+          'nprogress',
+          'mitt',
+          'lodash-es',
+          'lodash.isequal',
+          'lodash.clonedeep',
+          'js-cookie',
+          'fast-diff',
+          'eventemitter3',
+          'element-plus',
+          'echarts',
+          'dayjs',
+          'axios',
+          'async-validator',
+          'agilebuilder-ui',
+          '@vueuse_shared',
+          '@vueuse_core',
+          '@vue_shared',
+          '@vue_reactivity',
+          '@vue_devtools-api',
+          '@element-plus/icons-vue',
+          '@ctrl_tinycolor',
+          'zrender'
+        ]
+        for (let i = 0; i < arr.length; i++) {
+          if (id.startsWith(arr[i])) {
+            console.log('id===', id)
+            return true
+          }
+        }
+        // if (id.startWith('agilebuilder-ui')) {
+        //   console.log('===================agilebuilder-ui================')
+        //   return true
+        // }
+        // console.log('id===', id)
+        // // 忽略.pnpm中的所有文件
+        // if (id.indexOf('/.pnpm/') > 0) {
+        //   return true
+        // } else {
+        //   return false
+        // }
+      },
+      input: ['src/index.ts'],
+      output: [
+        {
+          format: 'es',
+          //不用打包成.es.js,这里我们想把它打包成.js
+          entryFileNames: '[name].js',
+          //让打包目录和源码目录对应,如果为false就会只生成一个js文件包含所有内容
+          preserveModules: true,
+          //配置打包根目录
+          dir: 'dist/es',
+          preserveModulesRoot: 'src'
+        },
+        {
+          format: 'cjs',
+          entryFileNames: '[name].js',
+          //让打包目录和源码目录对应
+          preserveModules: true,
+          //配置打包根目录
+          dir: 'dist/lib',
+          preserveModulesRoot: 'src'
+        }
+      ]
+    },
+    // outDir: 'dist',
+    // 开启vite打包的库模式
+    lib: {
+      entry: 'dist/lib/index.js',
+      name: 'super-form-runtime',
+      formats: ['umd', 'cjs']
+    }
+  },
+  plugins: [vue(), vueJsx()],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    }
+  }
+})

package/vite.config.ts

@@ -0,0 +1,86 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import dts from 'vite-plugin-dts'
+
+const path = require('path')
+const fs = require('fs')
+// 获取项目根目录下的package.json路径
+const packageJsonPath = path.resolve(__dirname, './package.json')
+
+// 读取package.json文件
+const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'))
+// 获取dependencies和devDependencies
+const dependencies = Object.keys(packageJson.dependencies)
+const devDependencies = Object.keys(packageJson.devDependencies)
+
+const arr = [...dependencies, ...devDependencies]
+console.log('arr=====', arr)
+// https://vitejs.dev/config/
+export default defineConfig({
+  build: {
+    target: 'modules',
+    // //打包文件目录
+    // outDir: 'es',
+    //压缩
+    minify: false,
+    //css分离
+    cssCodeSplit: true,
+    rollupOptions: {
+      //忽略打包vue文件
+      external: (id) => {
+        for (let i = 0; i < arr.length; i++) {
+          if (id.startsWith(arr[i])) {
+            // console.log('id===', id)
+            return true
+          }
+        }
+      },
+      input: ['components/index.ts'],
+      output: [
+        // {
+        //   format: 'es',
+        //   //不用打包成.es.js,这里我们想把它打包成.js
+        //   entryFileNames: '[name].js',
+        //   //让打包目录和源码目录对应,如果为false就会只生成一个js文件包含所有内容
+        //   preserveModules: true,
+        //   //配置打包根目录
+        //   dir: 'dist/es',
+        //   preserveModulesRoot: 'components'
+        // },
+        {
+          format: 'cjs',
+          entryFileNames: '[name].js',
+          //让打包目录和源码目录对应
+          preserveModules: true,
+          //配置打包根目录
+          dir: 'lib',
+          preserveModulesRoot: 'components'
+        }
+      ]
+    },
+    outDir: 'components',
+    // 开启vite打包的库模式
+    lib: {
+      entry: 'components/index.ts'
+      // name: 'super-form-runtime',
+      // formats: ['umd', 'cjs']
+    }
+  },
+  plugins: [
+    vue(),
+    vueJsx(),
+    dts({
+      //指定使用的tsconfig.json在整个项目根目录下,如果不配置,也可以在components下新建tsconfig.json
+      outDir: ['lib'],
+      tsconfigPath: './tsconfig.json'
+    })
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    }
+  }
+})

package/vitest.config.ts

@@ -0,0 +1,14 @@
+import { fileURLToPath } from 'node:url'
+import { mergeConfig, defineConfig, configDefaults } from 'vitest/config'
+import viteConfig from './vite.config'
+
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    test: {
+      environment: 'jsdom',
+      exclude: [...configDefaults.exclude, 'e2e/*'],
+      root: fileURLToPath(new URL('./', import.meta.url))
+    }
+  })
+)

package/dist/es/_virtual/_plugin-vue_export-helper.js

@@ -1,10 +0,0 @@
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-export {
-  _export_sfc as default
-};

package/dist/es/assets/chart-themes/theme1.js

@@ -1,8 +0,0 @@
-const theme1 = {
-  // 全局样式变量
-  color: ["red", "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4", "#ea7ccc"]
-  // 其他样式设置...
-};
-export {
-  theme1 as default
-};

package/dist/es/assets/chart-themes/theme2.js

@@ -1,8 +0,0 @@
-const theme2 = {
-  // 全局样式变量
-  color: ["yellow", "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4", "#ea7ccc"]
-  // 其他样式设置...
-};
-export {
-  theme2 as default
-};

package/dist/es/assets/chart-themes/theme3.js

@@ -1,8 +0,0 @@
-const theme3 = {
-  // 全局样式变量
-  color: ["green", "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4", "#ea7ccc"]
-  // 其他样式设置...
-};
-export {
-  theme3 as default
-};

package/dist/es/components/runtime/index.js

@@ -1,4 +0,0 @@
-import _sfc_main from "./views/super-page.vue.js";
-export {
-  _sfc_main as default
-};

package/dist/es/components/runtime/utils/api/api-util.js

@@ -1,128 +0,0 @@
-import { getSystemBackendUrl } from "agilebuilder-ui/src/utils/common-util";
-import { getSessionCache } from "agilebuilder-ui/src/utils/auth";
-import http from "agilebuilder-ui/src/utils/request";
-import { getBaseUrl } from "../common-util.js";
-import { dealCompleteTaskParam } from "../events/standard-event.js";
-function getData(pageContext) {
-  const pageType = pageContext.pageType;
-  if (pageType && pageType === "form") {
-    console.log("获取表单数据getData--pageContext=", pageContext);
-    const isWorkflow = pageContext.workflowCode ? true : false;
-    if (isWorkflow) {
-      return getWorkflowFormData(pageContext);
-    } else {
-      return getCommonFormData(pageContext);
-    }
-  } else {
-    return new Promise((resolve, reject) => {
-      resolve(true);
-    });
-  }
-}
-function getCommonFormData(pageContext) {
-  return new Promise((resolve, reject) => {
-    const system = pageContext.entity.system;
-    const pageCode = pageContext.code;
-    const pageVersion = pageContext.version;
-    const additionalParamMap = pageContext.entity.request;
-    const dataId = additionalParamMap ? additionalParamMap.id : null;
-    const ids = additionalParamMap ? additionalParamMap.ids : null;
-    const taskId = additionalParamMap ? additionalParamMap.taskId : null;
-    const permissionPrefix = system.code + "." + pageCode;
-    const backendUrl = getSystemBackendUrl(system.backendUrl);
-    const param = {
-      pageCode,
-      pageVersion,
-      tableName: pageContext.tableName,
-      formNoRuleCode: pageContext.formNoRuleCode,
-      id: dataId,
-      systemCode: system.code,
-      functionCode: permissionPrefix + ".get",
-      tableNames: pageContext.tableNames
-    };
-    if (!param.id && additionalParamMap && additionalParamMap._t_ && getSessionCache(additionalParamMap._t_ + "_id")) {
-      param.id = getSessionCache(additionalParamMap._t_ + "_id");
-    }
-    if (ids) {
-      param["ids"] = ids;
-    }
-    if (pageContext.notIdInitializationList) {
-      param["noIdAndTaskIdInitSetting"] = JSON.stringify(pageContext.notIdInitializationList);
-    }
-    if (additionalParamMap) {
-      param["additionalParamMap"] = additionalParamMap;
-    }
-    if (pageContext.beanName) {
-      param["beanName"] = pageContext.beanName;
-    }
-    if (taskId) {
-      param["taskId"] = taskId;
-    }
-    const urlForView = backendUrl + "/dsc/commons/gets";
-    http.post(urlForView, param).then((commonEntity) => {
-      if (commonEntity) {
-        pageContext.entity.data = commonEntity.entity;
-        pageContext.initFormNo = commonEntity.formNo;
-      }
-      resolve(commonEntity);
-    }).catch((error) => {
-      reject(error);
-    });
-  });
-}
-function getWorkflowFormData(pageContext) {
-  return new Promise((resolve, reject) => {
-    const system = pageContext.entity.system;
-    const pageCode = pageContext.code;
-    const pageVersion = pageContext.version;
-    const additionalParamMap = pageContext.entity.request;
-    const dataId = additionalParamMap ? additionalParamMap.id : null;
-    const ids = additionalParamMap ? additionalParamMap.ids : null;
-    const taskId = additionalParamMap ? additionalParamMap.taskId : null;
-    const permissionPrefix = system.code + "." + pageCode;
-    const param = {
-      pageCode,
-      pageVersion,
-      tableName: pageContext.tableName,
-      formNoRuleCode: pageContext.formNoRuleCode,
-      isWorkflowEntity: true,
-      systemCode: system.code,
-      functionCode: permissionPrefix + ".get",
-      tableNames: pageContext.tableNames
-    };
-    if (ids) {
-      param["ids"] = ids;
-    }
-    if (taskId) {
-      param["taskId"] = this.taskId;
-    } else if (dataId) {
-      param["id"] = dataId;
-    } else {
-      if (additionalParamMap && additionalParamMap._t_ && getSessionCache(additionalParamMap._t_ + "_id")) {
-        param["id"] = getSessionCache(additionalParamMap._t_ + "_id");
-      }
-      if (pageContext.notIdInitializationList) {
-        param["noIdAndTaskIdInitSetting"] = JSON.stringify(pageContext.notIdInitializationList);
-      }
-    }
-    if (additionalParamMap) {
-      param["additionalParamMap"] = additionalParamMap;
-    }
-    if (pageContext.beanName) {
-      param["beanName"] = pageContext.beanName;
-    }
-    const baseUrl = getBaseUrl(system);
-    const urlForView = baseUrl + "/dsc/workflow-commons/gets";
-    http.post(urlForView, param).then((commonEntity) => {
-      pageContext.definitionId = commonEntity.definitionId;
-      pageContext.entity.task = commonEntity.taskParamMap;
-      dealCompleteTaskParam(commonEntity, true, pageContext);
-      resolve(commonEntity);
-    }).catch((error) => {
-      reject(error);
-    });
-  });
-}
-export {
-  getData
-};

package/dist/es/components/runtime/utils/assemblys-config.js

@@ -1,257 +0,0 @@
-import { defineAsyncComponent } from "vue";
-const assemblyGroups = [
-  {
-    name: "container",
-    label: "容器",
-    icon: "assets/images/group-container.png",
-    items: [{
-      name: "form",
-      label: "表单",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/container/form/form-runtime.vue.js");
-      })
-    }, {
-      name: "card",
-      label: "卡片",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/container/card/card-runtime.vue.js");
-      })
-    }, {
-      name: "collapse",
-      label: "折叠面板",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/container/collapse/collapse-runtime.vue.js");
-      })
-    }, {
-      name: "layout",
-      label: "Flex",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/container/flex/flex-runtime.vue.js");
-      })
-    }, {
-      name: "tabs",
-      label: "Tabs",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/container/tabs/tabs-runtime.vue.js");
-      })
-    }, {
-      name: "tools",
-      label: "工具栏",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/container/tools/tools-runtime.vue.js");
-      })
-    }, {
-      name: "iframe",
-      label: "Iframe",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/container/iframe/iframe-runtime.vue.js");
-      })
-    }, {
-      name: "container",
-      label: "布局",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/container/container/container-runtime.vue.js");
-      })
-    }]
-  },
-  {
-    name: "form",
-    label: "表单",
-    items: [{
-      name: "input-text",
-      label: "文本框",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/input-text/inputtext-runtime.vue.js");
-      })
-    }, {
-      name: "select",
-      label: "下拉框",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/select/select-runtime.vue.js");
-      })
-    }, {
-      name: "radio",
-      label: "单选框",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/radio/radio-runtime.vue.js");
-      })
-    }, {
-      name: "checkbox",
-      label: "复选框",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/checkbox/checkbox-runtime.vue.js");
-      })
-    }, {
-      name: "textarea",
-      label: "文本域",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/textarea/textarea-runtime.vue.js");
-      })
-    }, {
-      name: "datePicker",
-      label: "日期/时间",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/date-picker/datepicker-runtime.vue.js");
-      })
-    }, {
-      name: "switch",
-      label: "开关",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/switch/switch-runtime.vue.js");
-      })
-    }, {
-      name: "inputNumber",
-      label: "计数器",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/input-number/input-number-runtime.vue.js");
-      })
-    }, {
-      name: "tag",
-      label: "标签",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/tag/tag-runtime.vue.js");
-      })
-    }, {
-      name: "richText",
-      label: "富文本",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/rich-text/richtext-runtime.vue.js");
-      })
-    }, {
-      name: "divider",
-      label: "分割线",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/divider/divider-runtime.vue.js");
-      })
-    }, {
-      name: "placeholder",
-      label: "占位符",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/placeholder/placeholder-runtime.vue.js");
-      })
-    }, {
-      name: "link",
-      label: "链接",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/link/link-runtime.vue.js");
-      })
-    }, {
-      name: "label",
-      label: "Label组件",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/label/label-runtime.vue.js");
-      })
-    }, {
-      name: "dept-tree",
-      label: "组织树",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/dept-tree/depttree-runtime.vue.js");
-      })
-    }, {
-      name: "file-upload",
-      label: "文件上传",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/form/file-upload/fileupload-runtime.vue.js");
-      })
-    }]
-  },
-  {
-    name: "button",
-    label: "按钮",
-    items: [{
-      name: "button-detail",
-      label: "按钮",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/button/button/button-runtime.vue.js");
-      })
-    }, {
-      name: "button-group",
-      label: "按钮组",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/button/button-group/buttongroup-runtime.vue.js");
-      })
-    }, {
-      name: "dropdown",
-      label: "下拉菜单",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/button/dropdown/dropdown-runtime.vue.js");
-      })
-    }]
-  },
-  {
-    name: "workflow",
-    label: "工作流",
-    items: [{
-      name: "workflow-button",
-      label: "工作流按钮",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/workflow/workflow-button/workflowbutton-runtime.vue.js");
-      })
-    }]
-  },
-  {
-    name: "chart",
-    label: "统计图",
-    items: [{
-      name: "chart-column-line",
-      label: "柱/折图",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/chart/column-line/column-line-runtime.vue.js");
-      })
-    }, {
-      name: "chart-pie",
-      label: "饼图",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/chart/pie/pie-runtime.vue.js");
-      })
-    }, {
-      name: "chart-gauge",
-      label: "仪表盘",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/chart/gauge/gauge-runtime.vue.js");
-      })
-    }, {
-      name: "chart-radar",
-      label: "雷达图",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/chart/radar/radar-runtime.vue.js");
-      })
-    }, {
-      name: "chart-scatter",
-      label: "散点图",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/chart/scatter/scatter-runtime.vue.js");
-      })
-    }]
-  },
-  {
-    name: "data",
-    label: "数据",
-    items: [{
-      name: "table",
-      label: "表格",
-      runtimeComponent: defineAsyncComponent(() => {
-        return import("../views/assemblys/data/table/table-runtime.vue.js");
-      })
-    }]
-  }
-];
-function getRuntimeComponentByName(name) {
-  if (!name) {
-    return null;
-  }
-  for (let i = 0; i < assemblyGroups.length; i++) {
-    let items = assemblyGroups[i].items;
-    for (let j = 0; j < items.length; j++) {
-      let item = items[j];
-      if (item.name == name) {
-        return item.runtimeComponent;
-      }
-    }
-  }
-  return null;
-}
-export {
-  assemblyGroups,
-  getRuntimeComponentByName
-};

package/dist/es/components/runtime/utils/charts/chart-util.js

@@ -1,15 +0,0 @@
-import theme1 from "../../../../assets/chart-themes/theme1.js";
-import theme2 from "../../../../assets/chart-themes/theme2.js";
-import theme3 from "../../../../assets/chart-themes/theme3.js";
-const themeMap = {
-  "theme1": theme1,
-  "theme2": theme2,
-  "theme3": theme3
-};
-function getCustomTheme(themeName) {
-  console.log("getdd", themeName);
-  return themeMap[themeName];
-}
-export {
-  getCustomTheme
-};