npm - openxiangda - Versions diffs - 1.0.0 - Mend

openxiangda 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (121) hide show

package/templates/sy-lowcode-app-workspace/examples/forms/customer/page.tsx ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { default } from "./schema";

package/templates/sy-lowcode-app-workspace/examples/forms/customer/schema.ts ADDED Viewed

@@ -0,0 +1,35 @@
+import { createFormSchema } from "../../../src/shared/form-schema";
+export default createFormSchema({
+  formMeta: {
+    formUuid: "",
+    appType: process.env.OPENXIANGDA_APP_TYPE || "APP_XXXX",
+    title: "客户信息",
+  },
+  fields: [
+    {
+      fieldId: "customer_name",
+      componentName: "TextField",
+      label: "客户名称",
+      required: true,
+      rules: [{ required: true, message: "请填写客户名称" }],
+      placeholder: "请输入客户名称",
+    },
+    {
+      fieldId: "customer_phone",
+      componentName: "TextField",
+      label: "联系电话",
+      rules: [{ preset: "phone", message: "请输入有效手机号" }],
+      placeholder: "请输入联系电话",
+    },
+    {
+      fieldId: "customer_type",
+      componentName: "SelectField",
+      label: "客户类型",
+      options: [
+        { value: "enterprise", label: "企业客户" },
+        { value: "individual", label: "个人客户" },
+      ],
+    },
+  ],
+});

package/templates/sy-lowcode-app-workspace/index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>OpenXiangda Workspace</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/sy-lowcode-app-workspace/package.json ADDED Viewed

@@ -0,0 +1,49 @@
+{
+  "name": "__WORKSPACE_PACKAGE_NAME__",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "lowcode-workspace build",
+    "build:forms": "lowcode-workspace build-forms",
+    "build:pages": "lowcode-workspace build-pages",
+    "build:force": "lowcode-workspace build --force",
+    "build-js-code": "node scripts/build-js-code.mjs",
+    "build:js-code": "node scripts/build-js-code.mjs",
+    "typecheck:js-code": "tsc -p tsconfig.js-code-nodes.json --noEmit",
+    "sync-schema": "lowcode-workspace sync-schema",
+    "publish:oss": "lowcode-workspace publish-oss",
+    "register": "lowcode-workspace register",
+    "register-bundle": "lowcode-workspace register",
+    "publish:all": "lowcode-workspace publish-all",
+    "openxiangda:publish": "lowcode-workspace publish-all",
+    "ai:update": "pnpm dlx openxiangda@latest lowcode-workspace update --channel latest",
+    "ai:migrate": "pnpm dlx openxiangda@latest lowcode-workspace migrate",
+    "typecheck": "tsc -p tsconfig.app.json --noEmit",
+    "check": "pnpm typecheck && pnpm build"
+  },
+  "dependencies": {
+    "@ant-design/cssinjs": "^1.23.0",
+    "@ant-design/icons": "^6",
+    "antd": "^6.3.7",
+    "antd-mobile": "^5.37.0",
+    "dayjs": "^1.11.20",
+    "echarts": "^6.0.0",
+    "echarts-for-react": "^3.0.6",
+    "openxiangda": "latest",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^4.3.0",
+    "autoprefixer": "^10.4.21",
+    "postcss": "^8.5.0",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.7.0",
+    "vite": "^6.0.0"
+  }
+}

package/templates/sy-lowcode-app-workspace/postcss.config.cjs ADDED Viewed

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

package/templates/sy-lowcode-app-workspace/scripts/build-js-code.mjs ADDED Viewed

@@ -0,0 +1,100 @@
+#!/usr/bin/env node
+import { builtinModules } from "node:module";
+import { spawnSync } from "node:child_process";
+import { existsSync } from "node:fs";
+import { readdir, stat } from "node:fs/promises";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { build } from "vite";
+const rootDir = fileURLToPath(new URL("..", import.meta.url));
+const sourceRoot = path.join(rootDir, "src", "js-code-nodes");
+const outputRoot = path.join(rootDir, "dist", "js-code-nodes");
+const args = process.argv.slice(2);
+function readArg(name) {
+  const prefix = `--${name}=`;
+  const inline = args.find((arg) => arg.startsWith(prefix));
+  if (inline) return inline.slice(prefix.length);
+  const index = args.indexOf(`--${name}`);
+  return index >= 0 ? args[index + 1] : undefined;
+}
+async function listScriptCodes() {
+  if (!existsSync(sourceRoot)) return [];
+  const entries = await readdir(sourceRoot);
+  const result = [];
+  for (const entry of entries) {
+    const entryDir = path.join(sourceRoot, entry);
+    const entryStat = await stat(entryDir);
+    if (!entryStat.isDirectory()) continue;
+    if (existsSync(path.join(entryDir, "index.ts"))) result.push(entry);
+  }
+  return result.sort();
+}
+function typecheckScripts() {
+  const result = spawnSync(
+    "pnpm",
+    ["exec", "tsc", "-p", "tsconfig.js-code-nodes.json", "--noEmit"],
+    {
+      cwd: rootDir,
+      stdio: "inherit",
+    },
+  );
+  if (result.status !== 0) throw new Error("JS_CODE TypeScript validation failed");
+}
+async function buildScript(scriptCode) {
+  const entry = path.join(sourceRoot, scriptCode, "index.ts");
+  if (!existsSync(entry)) throw new Error(`JS_CODE script not found: ${entry}`);
+  const outDir = path.join(outputRoot, scriptCode);
+  const external = Array.from(
+    new Set([...builtinModules, ...builtinModules.map((name) => `node:${name}`)]),
+  );
+  await build({
+    configFile: false,
+    root: rootDir,
+    logLevel: "warn",
+    resolve: {
+      alias: {
+        "@": path.join(rootDir, "src"),
+      },
+    },
+    build: {
+      ssr: entry,
+      outDir,
+      emptyOutDir: true,
+      target: "node20",
+      minify: false,
+      sourcemap: true,
+      rollupOptions: {
+        external,
+        output: {
+          format: "cjs",
+          entryFileNames: "index.cjs",
+          inlineDynamicImports: true,
+          exports: "auto",
+        },
+      },
+    },
+  });
+  console.log(`built ${scriptCode} -> ${path.relative(rootDir, path.join(outDir, "index.cjs"))}`);
+}
+const onlyScript = readArg("script");
+const scriptCodes = onlyScript ? [onlyScript] : await listScriptCodes();
+if (scriptCodes.length === 0) {
+  console.log("no JS_CODE scripts found under src/js-code-nodes/<scriptCode>/index.ts");
+  process.exit(0);
+}
+typecheckScripts();
+for (const scriptCode of scriptCodes) {
+  await buildScript(scriptCode);
+}

package/templates/sy-lowcode-app-workspace/src/dev/App.tsx ADDED Viewed

@@ -0,0 +1,26 @@
+import { Card, Space, Typography } from "antd";
+const { Paragraph, Text, Title } = Typography;
+export default function App() {
+  return (
+    <main style={{ maxWidth: 960, margin: "0 auto", padding: 24 }}>
+      <Card>
+        <Space direction="vertical" size={12}>
+          <Title level={3} style={{ margin: 0 }}>
+            OpenXiangda Workspace
+          </Title>
+          <Paragraph style={{ margin: 0 }}>
+            Add form pages under <Text code>src/forms</Text>, code pages under{" "}
+            <Text code>src/pages</Text>, and JS_CODE nodes under{" "}
+            <Text code>src/js-code-nodes</Text>.
+          </Paragraph>
+          <Paragraph style={{ margin: 0 }}>
+            Publish from this workspace with{" "}
+            <Text code>openxiangda workspace publish --profile &lt;name&gt;</Text>.
+          </Paragraph>
+        </Space>
+      </Card>
+    </main>
+  );
+}

package/templates/sy-lowcode-app-workspace/src/forms/.gitkeep ADDED Viewed

	@@ -0,0 +1 @@
1	+

package/templates/sy-lowcode-app-workspace/src/forms/README.md ADDED Viewed

@@ -0,0 +1,48 @@
+# Forms
+Create form source under `src/forms/<formCode>/schema.ts`.
+Use `defineFormSchema` from `openxiangda` and default-export the schema:
+```ts
+import { defineFormSchema } from "openxiangda";
+export default defineFormSchema({
+  formMeta: {
+    formUuid: "",
+    appType: process.env.OPENXIANGDA_APP_TYPE || "APP_XXXX",
+    title: "客户信息",
+  },
+  fields: [
+    {
+      fieldId: "customer_name",
+      componentName: "TextField",
+      label: "客户名称",
+      required: true,
+      rules: [{ required: true, message: "请填写客户名称" }],
+    },
+  ],
+});
+```
+Important: top-level `schema.rules` is for dynamic effects with `when` and `then`, not validation. Put validation on field-level `rules`.
+Option components must always include an `options` array. For `SelectField`, `MultiSelectField`, `RadioField`, `CheckboxField`, and `CascadeSelectField`, use `options: []` when values will be wired later; omitting `options` can crash the runtime with `Cannot read properties of undefined (reading 'map')`.
+For generated apps with many forms, prefer the safe helper in `src/shared/form-schema.ts`:
+```ts
+import { createFormSchema } from "../../shared/form-schema";
+export default createFormSchema({
+  formMeta: {
+    formUuid: "",
+    appType: process.env.OPENXIANGDA_APP_TYPE || "APP_XXXX",
+    title: "客户信息",
+  },
+  fields: [{ fieldId: "customer_name", componentName: "TextField", label: "客户名称", required: true }],
+});
+```
+The helper adds field-level required validation and never emits top-level validation rules.
+It also normalizes option components without `options` to `options: []` as a runtime guard.

package/templates/sy-lowcode-app-workspace/src/index.css ADDED Viewed

@@ -0,0 +1,28 @@
+@import "openxiangda/styles/tokens.css";
+@layer tailwind-base {
+  @tailwind base;
+}
+@tailwind components;
+@tailwind utilities;
+* {
+  box-sizing: border-box;
+}
+body {
+  margin: 0;
+  min-width: 320px;
+  background: var(--sy-color-bg-layout);
+  color: var(--sy-color-text);
+  font-family:
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    sans-serif;
+}
+#root {
+  min-height: 100dvh;
+}

package/templates/sy-lowcode-app-workspace/src/js-code-nodes/.gitkeep ADDED Viewed

	@@ -0,0 +1 @@
1	+

package/templates/sy-lowcode-app-workspace/src/js-code-nodes/types.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+declare const platform: {
+  api: (path: string, options?: Record<string, unknown>) => Promise<unknown>;
+};

package/templates/sy-lowcode-app-workspace/src/main.tsx ADDED Viewed

@@ -0,0 +1,36 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { StyleProvider } from "@ant-design/cssinjs";
+import { App as AntdApp, ConfigProvider } from "antd";
+import zhCN from "antd/locale/zh_CN";
+import "antd-mobile/es/global";
+import { antdTheme } from "openxiangda/antd-theme";
+import App from "./dev/App";
+import "./index.css";
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <StyleProvider hashPriority="high">
+      <ConfigProvider
+        locale={zhCN}
+        prefixCls="sy-ant"
+        iconPrefixCls="sy-anticon"
+        theme={antdTheme}
+        getPopupContainer={() =>
+          document.querySelector(".sy-app-workspace") as HTMLElement
+        }
+        getTargetContainer={() =>
+          (document.querySelector(".sy-app-workspace") as HTMLElement) ||
+          document.body
+        }
+      >
+        <AntdApp>
+          <div className="sy-app-workspace">
+            <App />
+          </div>
+        </AntdApp>
+      </ConfigProvider>
+    </StyleProvider>
+  </StrictMode>,
+);

package/templates/sy-lowcode-app-workspace/src/pages/.gitkeep ADDED Viewed

	@@ -0,0 +1 @@
1	+

package/templates/sy-lowcode-app-workspace/src/shared/form-schema.ts ADDED Viewed

@@ -0,0 +1,128 @@
+import { defineFormSchema } from "openxiangda";
+export type FormComponentName =
+  | "TextField"
+  | "TextAreaField"
+  | "NumberField"
+  | "DateField"
+  | "CascadeDateField"
+  | "SelectField"
+  | "MultiSelectField"
+  | "RadioField"
+  | "CheckboxField"
+  | "UserSelectField"
+  | "DepartmentSelectField"
+  | "AttachmentField"
+  | "ImageField"
+  | "AddressField"
+  | "CascadeSelectField"
+  | "LocationField"
+  | "EditorField"
+  | "JSONField"
+  | "SubFormField";
+export type FormOption = {
+  label: string;
+  value: string;
+  color?: string;
+  disabled?: boolean;
+};
+export type FieldDefinition = {
+  fieldId: string;
+  componentName: FormComponentName;
+  label: string;
+  required?: boolean;
+  rules?: Array<{
+    required?: boolean;
+    message?: string;
+    min?: number;
+    max?: number;
+    minLength?: number;
+    maxLength?: number;
+    preset?: "phone" | "idCard" | "email" | "url" | "bankCard";
+    pattern?: RegExp | string;
+  }>;
+  placeholder?: string;
+  tips?: string;
+  options?: FormOption[];
+  defaultValue?: unknown;
+  columns?: FieldDefinition[];
+  [key: string]: unknown;
+};
+export type OpenXiangdaFormSchemaInput = {
+  formMeta: {
+    formUuid: string;
+    appType: string;
+    title: string;
+  };
+  fields: FieldDefinition[];
+};
+export function option(value: string, label = value): FormOption {
+  return { label, value };
+}
+export function options(values: string[]): FormOption[] {
+  return values.map((value) => option(value));
+}
+export function createFormSchema(input: OpenXiangdaFormSchemaInput) {
+  return defineFormSchema({
+    formMeta: input.formMeta,
+    fields: input.fields.map(normalizeField),
+    layout: input.fields.map((field) => ({
+      id: `layout_${field.fieldId}`,
+      type: "field" as const,
+      fieldId: field.fieldId,
+    })),
+  });
+}
+function normalizeField(field: FieldDefinition): FieldDefinition {
+  return {
+    ...field,
+    options:
+      needsOptionsArray(field.componentName) && !Array.isArray(field.options)
+        ? []
+        : field.options,
+    columns: field.columns?.map(normalizeField),
+    rules:
+      field.rules ||
+      (field.required
+        ? [
+            {
+              required: true,
+              message: `${needsSelectVerb(field.componentName) ? "请选择" : "请填写"}${field.label}`,
+            },
+          ]
+        : undefined),
+  };
+}
+function needsOptionsArray(componentName: FormComponentName): boolean {
+  return [
+    "SelectField",
+    "MultiSelectField",
+    "RadioField",
+    "CheckboxField",
+    "CascadeSelectField",
+  ].includes(componentName);
+}
+function needsSelectVerb(componentName: FormComponentName): boolean {
+  return [
+    "SelectField",
+    "MultiSelectField",
+    "RadioField",
+    "CheckboxField",
+    "UserSelectField",
+    "DepartmentSelectField",
+    "DateField",
+    "CascadeDateField",
+    "CascadeSelectField",
+    "ImageField",
+    "AttachmentField",
+  ].includes(componentName);
+}

package/templates/sy-lowcode-app-workspace/src/types/app-workspace.types.ts ADDED Viewed

@@ -0,0 +1,31 @@
+export interface AppWorkspaceConfig {
+  appType: string;
+  appName: string;
+  platformUrl: string;
+  servicePrefix: string;
+  appKey: string;
+  appSecret: string;
+  userId: string;
+  version: string;
+  buildId: string;
+  oss: {
+    region: string;
+    bucket: string;
+    accessKeyId: string;
+    accessKeySecret: string;
+    pathPrefix: string;
+  };
+  defaults: {
+    protocolVersion: string;
+    frameworkVersion: string;
+    cssIsolation: "namespace" | "shadow" | "none";
+    formMenuParentId: string;
+    formMenuIcon: string;
+    pageMenuParentId: string;
+    pageMenuIcon: string;
+  };
+}
+export function defineAppWorkspaceConfig<T extends AppWorkspaceConfig>(config: T): T {
+  return config;
+}

package/templates/sy-lowcode-app-workspace/tailwind.config.cjs ADDED Viewed

@@ -0,0 +1,30 @@
+const syLowcodePath = require("node:path");
+const syLowcodePresetModule = require("openxiangda/tailwind-preset");
+const syLowcodePreset = syLowcodePresetModule.default ?? syLowcodePresetModule;
+function resolveOpenXiangdaContent() {
+  try {
+    const packagePath = require.resolve("openxiangda");
+    const distDir = syLowcodePath.dirname(packagePath);
+    return [syLowcodePath.join(distDir, "..", "**/*.{js,mjs,cjs}")];
+  } catch {
+    return [];
+  }
+}
+const openxiangdaContent = resolveOpenXiangdaContent();
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+    ...openxiangdaContent,
+  ],
+  blocklist: ["[-:T]", "[-:TZ.]"],
+  presets: [syLowcodePreset],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};

package/templates/sy-lowcode-app-workspace/tsconfig.app.json ADDED Viewed

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src", "app-workspace.config.ts", "vite.config.ts"]
+}

package/templates/sy-lowcode-app-workspace/tsconfig.js-code-nodes.json ADDED Viewed

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "skipLibCheck": true,
+    "types": ["node"],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src/js-code-nodes/**/*.ts"]
+}

package/templates/sy-lowcode-app-workspace/tsconfig.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/templates/sy-lowcode-app-workspace/tsconfig.node.json ADDED Viewed

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/sy-lowcode-app-workspace/vite.config.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import react from "@vitejs/plugin-react";
+import { fileURLToPath } from "node:url";
+import { defineConfig } from "vite";
+export default defineConfig({
+  define: {
+    "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV || "development"),
+  },
+  plugins: [react()],
+  resolve: {
+    alias: [
+      {
+        find: "@",
+        replacement: fileURLToPath(new URL("./src", import.meta.url)),
+      },
+    ],
+    dedupe: [
+      "react",
+      "react-dom",
+      "antd",
+      "@ant-design/cssinjs",
+      "@ant-design/icons",
+    ],
+  },
+  optimizeDeps: {
+    include: ["antd", "@ant-design/cssinjs", "@ant-design/icons", "antd-mobile"],
+  },
+  server: {
+    host: "127.0.0.1",
+    port: 5174,
+  },
+});