create-tengits-app 1.0.0

package/packages/main/src/utils/version.js

@@ -0,0 +1,158 @@
+/**
+ * 版本控制工具
+ * 用于根据系统版本控制组件的显示/隐藏
+ */
+
+import ConditionModal from '../pages/Editor/Components/ConditionsV2/index';
+import ConditionModalV2 from '../pages/Editor/Components/ConditionsV2/index2';
+import Conditions from '../pages/Editor/Components/Conditions';
+import DataContainerCondition from '../pages/DataSource/DataContainer/Detail/FieldSetting/Conditions'
+import { Select , Input } from 'tengits-ui5';
+
+const { VITE_SYSTEM_VERSION } = import.meta.env;
+
+const comMap = {
+    'ConditionModal': ConditionModal,
+    'ConditionModalV2': ConditionModalV2,
+    'Conditions': Conditions,
+    'VeriableSelect': Select,
+    'VeriableInput': Input,
+    'CallbakKeySelect': Select,
+    'CallbakKeyInput': Input,
+    'DataContainerCondition': DataContainerCondition
+}
+
+// 系统版本号
+const SYSTEM_VERSION = VITE_SYSTEM_VERSION;
+
+/**
+ * 版本配置映射表
+ * 用于定义不同版本下组件的显示规则
+ */
+const VERSION_CONFIGS = {
+  '3.0.0': {
+    visibleComponents: ['ConditionModal', 'VeriableSelect', 'CallbakKeySelect','ConditionModalV2'],
+    hiddenComponents: []
+  },
+  '2.0.0': {
+    visibleComponents: ['Conditions', 'VeriableInput', 'CallbakKeyInput','DataContainerCondition'],
+    hiddenComponents: []
+  },
+
+};
+
+/**
+ * 比较版本号
+ * @param {string} v1 - 版本号1
+ * @param {string} v2 - 版本号2
+ * @returns {number} 1: v1 > v2, 0: v1 = v2, -1: v1 < v2
+ */
+function compareVersions(v1, v2) {
+  const v1Parts = v1.split('.').map(Number);
+  const v2Parts = v2.split('.').map(Number);
+  
+  for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
+    const v1Part = v1Parts[i] || 0;
+    const v2Part = v2Parts[i] || 0;
+    
+    if (v1Part >= v2Part) return 1;
+    if (v1Part < v2Part) return -1;
+  }
+  
+  return 0;
+}
+
+/**
+ * 获取当前版本适用的配置
+ * @returns {Object} 版本配置
+ */
+function getCurrentVersionConfig() {
+  const versions = Object.keys(VERSION_CONFIGS).sort(compareVersions);
+  let applicableConfig = null;
+
+  for (const version of versions) {
+    if (compareVersions(SYSTEM_VERSION, version) >= 0) {
+      applicableConfig = VERSION_CONFIGS[version];
+    } else {
+      break;
+    }
+  }
+
+  return applicableConfig || {
+    visibleComponents: [],
+    hiddenComponents: []
+  };
+}
+
+/**
+ * 判断组件是否应该显示
+ * @param {string} componentName - 组件名称
+ * @returns {boolean} 是否应该显示
+ */
+export function shouldShowComponent(componentName) {
+  const config = getCurrentVersionConfig();
+  return config.visibleComponents.includes(componentName);
+}
+
+/**
+ * 判断组件是否应该隐藏
+ * @param {string} componentName - 组件名称
+ * @returns {boolean} 是否应该隐藏
+ */
+export function shouldHideComponent(componentName) {
+  const config = getCurrentVersionConfig();
+  return config.hiddenComponents.includes(componentName);
+}
+
+/**
+ * 获取当前系统版本
+ * @returns {string} 系统版本号
+ */
+export function getSystemVersion() {
+  return SYSTEM_VERSION;
+}
+
+/**
+ * 获取指定版本下应该显示的组件列表
+ * @param {string} version - 目标版本号
+ * @param {string[]} components - 所有可能的组件名称数组
+ * @returns {Array} 应该显示的组件实例数组
+ */
+//type: component 组件 | string组件类型
+export function getVisibleComponentsForVersion(version = '', components, type = 'component') {
+  const versions = Object.keys(VERSION_CONFIGS).sort(compareVersions);
+  let applicableConfig = null;
+
+  // 找到适用的版本配置
+  for (const configVersion of versions) {
+    if (compareVersions(version, configVersion) >= 0) {
+      applicableConfig = VERSION_CONFIGS[configVersion];
+    } else {
+      break;
+    }
+  }
+
+  if (!applicableConfig) {
+    return null;
+  }
+    // 过滤出应该显示的组件
+  const result = components
+  .filter(component => {
+    // 如果组件在隐藏列表中，则不显示
+    if (applicableConfig.hiddenComponents.includes(component)) {
+      return false;
+    }
+    // 如果组件在显示列表中，则显示
+    if (applicableConfig.visibleComponents.includes(component)) {
+      return true;
+    }
+    // 默认不显示，如果调用此方法，则说明有版本要求，必须在visibleComponents中进行配置
+    return false;
+  })
+
+  const [comType = null] = result
+
+
+  return comMap[comType]&&type==='component' ? comMap[comType] : comType
+    
+}

package/packages/main/tailwind.config.js

@@ -0,0 +1,27 @@
+import process from 'node:process';
+const { fontFamily } = require("tailwindcss/defaultTheme");
+import plugin from "tailwindcss/plugin";
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    '.index.html',
+    './src/**/*.{js,ts,jsx,tsx}',
+  ],
+  safelist: [
+    "bg-status-blue",
+    "bg-status-green",
+    "bg-status-red",
+    "bg-status-yellow",
+    "max-w-64",
+    // 或者使用正则表达式保留所有 max-w 类名
+    { pattern: /max-w-\d+/ },
+  ],
+  plugins: [
+    require('tailwindcss-animate'),
+    require('@tailwindcss/forms')({
+      strategy: 'class', // only generate classes
+    }),
+    require('@tailwindcss/typography'),
+  ],
+};

package/packages/main/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "noImplicitAny": false
+  }
+}

package/pnpm-workspace.yaml

@@ -0,0 +1,16 @@
+packages:
+  # all packages in subdirs of packages/ and components/
+  - 'packages/*'
+catalog:
+  # 需要 pnpm 版本 >= 9.5.0
+  # 参考：https://pnpm.io/zh/9.x/catalogs
+
+  # rsbuild 相关
+  '@rsbuild/core': ^1.4.7
+  '@rsbuild/plugin-image-compress': ^1.2.0
+  '@rsbuild/plugin-less': ^1.2.5
+  '@rsbuild/plugin-node-polyfill': ^1.3.1
+  '@rsbuild/plugin-react': ^1.3.4
+  '@rsbuild/plugin-svgr': ^1.2.1
+  '@rsdoctor/rspack-plugin': ^1.1.8
+  rsbuild-plugin-ejs: ^1.0.1

package/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "jsx": "react-jsx",
+    "baseUrl": ".",
+    "module": "ES2020",
+    "moduleResolution": "bundler",
+    "paths": {
+    },
+    "typeRoots": [
+      "./node_modules/@types",
+      "./packages/*/src/types"
+    ],
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": true,
+    // "noUnusedParameters": true,
+    "esModuleInterop": true
+  },
+  "include": ["**/src", "global.d.ts"],
+  "exclude": ["node_modules", "dist"]
+}