conditional-selection 1.0.0

package/packages/ConditionalSelection/types.ts

@@ -0,0 +1,53 @@
+import type { ReactNode } from 'react';
+
+export enum EConditionalSelectionFramework {
+  /** 内容组 */
+  GROUP = 'group',
+  /** 内容 */
+  INDIVIDUAL = 'individual',
+}
+
+export enum EConditionalSelectionLink {
+  AND = 'and',
+  OR = 'or',
+}
+
+export type TConditionalSelection<T = any> = {
+  _id: string;
+  /** 结构标识 */
+  framework: EConditionalSelectionFramework;
+  /** 内容关系 */
+  link?: EConditionalSelectionLink;
+  group?: TConditionalSelection<T>[];
+  individual?: Record<string, any>;
+  level: number;
+}
+
+export type TConditionalSelectionDisabledProps = {
+  addItem?: boolean;
+  delItem?: boolean;
+  linkChange?: boolean;
+};
+
+export type TConditionalSelectionProps = {
+  /** 数据内容 */
+  conditionalRules?: TConditionalSelection | null;
+  /** deep 层级限制，需大于0，默认1 */
+  maxLevel?: number;
+  /** 最外层子项数量限制，需大于1，默认不限 */
+  zeroLevelMaxLength?: number;
+  /** 是否禁用新增、删除、关系变更 */
+  disabled?: boolean | TConditionalSelectionDisabledProps;
+  /** 数据变更回调 */
+  onChange?: (value: TConditionalSelection | undefined) => void;
+  /** 渲染条件行内容的插槽，参数为当前 INDIVIDUAL 节点和变更 handler */
+  renderConditionRules?: (
+    conditionRulesData: TConditionalSelection,
+    change: (data: Record<string, any>) => void
+  ) => ReactNode;
+  /** 渲染创建条件按钮插槽（createCondition） */
+  renderCreateCondition?: (params: {
+    createRules: (ruleData: TConditionalSelection) => void;
+    rulesData: TConditionalSelection;
+  }) => ReactNode;
+};

package/packages/index.ts

@@ -0,0 +1 @@
+export * from './ConditionalSelection'

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "allowSyntheticDefaultImports": true,
+    "jsx": "preserve",
+    "jsxImportSource": "react",
+    "strict": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["packages/**/*"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "allowSyntheticDefaultImports": true,
+    "allowImportingTsExtensions": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "emitDeclarationOnly": true,
+    "types": ["node"],
+    "composite": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,39 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react-swc'
+import path from 'node:path'
+import dts from 'vite-plugin-dts'
+export default defineConfig(({ command }) => {
+    const isDev = command === 'serve'
+    return {
+        plugins: [react(), dts({
+            outDir: 'dist/types',
+            insertTypesEntry: true, //这是dts插件的配置，用于生成类型文件
+            include: ['packages/**/*.ts', 'packages/**/*.tsx'],
+            rollupTypes: true
+        })],
+        root: isDev ? path.resolve(__dirname, 'example') : undefined,
+        server: {
+            port: 3000,
+            open: true,
+        },
+        build: {
+            outDir: path.resolve(__dirname, 'dist'),
+            lib: {
+                entry: path.resolve(__dirname, 'packages/index.ts'),
+                name: 'ui',
+                formats: ['es', 'umd', 'cjs', 'iife'],
+                fileName: (format) => `ui.${format}.js`,
+            },
+            emptyOutDir: false,
+            rollupOptions: {
+                external: ['react', 'react-dom'],
+                output: {
+                    globals: {
+                        react: 'React',
+                        'react-dom': 'ReactDOM',
+                    },
+                },
+            },
+        },
+    }
+});