npm - @gadmin2n/schematics - Versions diffs - 0.0.139 → 0.0.141 - Mend

@gadmin2n/schematics 0.0.139 → 0.0.141

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 (329) hide show

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/styles/theme-styles.css ADDED Viewed

@@ -0,0 +1,81 @@
+/**
+ * 界面风格包配套样式 (见 components/contexts/color-mode/themeStyles.ts)。
+ *
+ * 这里只放 antd token 表达不了的"质感"规则：发光、毛玻璃等。
+ * 选择器挂在 <html data-style="..."> 上，由 ColorModeContextProvider 写入；
+ * 颜色一律引用 --ant-* 变量 (由 styles/antd-theme-vars.css 按明暗提供)。
+ * data-mode 用于少数必须区分明暗的规则 (如柔和风的弥散阴影色)。
+ */
+/* ============ 简约现代 minimal：去阴影、表格只有横线 ============ */
+html[data-style='minimal'] .ant-card,
+html[data-style='minimal'] .ant-table-wrapper .ant-table-container {
+  box-shadow: none;
+}
+html[data-style='minimal'] .ant-table-thead > tr > th {
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+}
+/* ============ 高科技感 tech：等宽数字 + 霓虹发光 + 毛玻璃顶栏 ============ */
+html[data-style='tech'] body {
+  font-variant-numeric: tabular-nums;
+  letter-spacing: 0.1px;
+}
+html[data-style='tech'] .ant-btn-primary {
+  box-shadow: 0 0 14px
+    color-mix(in srgb, var(--ant-color-primary) 45%, transparent);
+}
+html[data-style='tech'] .ant-btn-primary:not(:disabled):hover {
+  box-shadow: 0 0 20px
+    color-mix(in srgb, var(--ant-color-primary) 60%, transparent);
+}
+/* Header 背景是内联样式，需 !important 才能换成半透明毛玻璃。 */
+html[data-style='tech'] .ant-layout-header {
+  background: color-mix(
+    in srgb,
+    var(--ant-color-bg-container) 72%,
+    transparent
+  ) !important;
+  backdrop-filter: blur(12px) saturate(1.4);
+  -webkit-backdrop-filter: blur(12px) saturate(1.4);
+}
+html[data-style='tech'] .ant-menu-item-selected {
+  box-shadow: inset 2px 0 0 var(--ant-color-primary);
+}
+/* ============ 柔和友好 soft：弥散阴影 ============ */
+html[data-style='soft'][data-mode='light'] .ant-card {
+  box-shadow: 0 8px 28px -8px rgba(15, 23, 42, 0.1);
+}
+html[data-style='soft'][data-mode='dark'] .ant-card {
+  box-shadow: 0 8px 28px -8px rgba(0, 0, 0, 0.55);
+}
+/* ============ 菜单选中态 menu-selection：圆角药丸 pill ============ */
+html[data-menu-selection='pill'] .ant-menu-inline .ant-menu-item,
+html[data-menu-selection='pill'] .ant-menu-inline .ant-menu-submenu-title {
+  border-radius: 999px;
+}
+/* ============ 菜单选中态 menu-selection：左侧指示条 indicator ============ */
+html[data-menu-selection='indicator'] .ant-menu-inline .ant-menu-item {
+  border-radius: 0;
+}
+html[data-menu-selection='indicator'] .ant-menu-inline .ant-menu-item-selected {
+  background: transparent;
+  color: var(--ant-color-primary);
+  box-shadow: inset 3px 0 0 var(--ant-color-primary);
+}
+/* ============ 菜单组织 menu-layout：分组平铺的分组标题 ============ */
+html[data-menu-layout='grouped'] .ant-menu-item-group-title {
+  font-size: 11px;
+  letter-spacing: 0.08em;
+  color: var(--ant-color-text-tertiary);
+  padding-top: 16px;
+}
+/* 强制深色侧边栏时全局变量仍是浅色系，分组标题单独修正。 */
+html[data-menu-layout='grouped'][data-sider-theme='dark']
+  .ant-menu-item-group-title {
+  color: rgba(255, 255, 255, 0.45);
+}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/test/setup.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import '@testing-library/jest-dom';
+import { cleanup } from '@testing-library/react';
+import { afterEach } from 'vitest';
+afterEach(cleanup);

package/dist/lib/application/files/gadmin2-game-angle-demo/web/vite.config.ts CHANGED Viewed

@@ -78,7 +78,6 @@ export default defineConfig(({ mode }) => {
         'dayjs',
         '@refinedev/core',
         '@refinedev/antd',
-        '@refinedev/react-router-v6',
         '@refinedev/kbar',
         'react',
         'react-dom',
@@ -124,12 +123,7 @@ export default defineConfig(({ mode }) => {
           manualChunks: {
             react: ['react', 'react-dom', 'react-router-dom'],
             antd: ['antd', '@ant-design/icons'],
-            refine: [
-              '@refinedev/core',
-              '@refinedev/antd',
-              '@refinedev/react-router-v6',
-              '@refinedev/kbar',
-            ],
+            refine: ['@refinedev/core', '@refinedev/antd', '@refinedev/kbar'],
             echarts: ['echarts'],
             flow: ['@xyflow/react'],
             editor: [

package/dist/lib/application/files/gadmin2-game-angle-demo/web/vitest.config.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vitest/config';
+import tsconfigPaths from 'vite-tsconfig-paths';
+export default defineConfig({
+  plugins: [tsconfigPaths(), react()],
+  test: {
+    environment: 'jsdom',
+    globals: true,
+    setupFiles: ['./src/test/setup.ts'],
+  },
+});

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@gadmin2n/schematics",
-  "version": "0.0.139",
+  "version": "0.0.141",
   "description": "Gadmin - modern, fast, powerful node.js web framework (@schematics)",
   "main": "dist/index.js",
   "files": [

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/node-instances/components/DynamicConfigForm.tsx DELETED Viewed

@@ -1,154 +0,0 @@
-import React from 'react';
-import { Form, Input, InputNumber, Switch, Select } from 'antd';
-const { TextArea } = Input;
-interface SchemaProperty {
-  type: string;
-  title?: string;
-  description?: string;
-  enum?: string[];
-  default?: any;
-  items?: { type: string; enum?: string[] };
-}
-interface ConfigSchema {
-  type?: string;
-  properties?: Record<string, SchemaProperty>;
-  required?: string[];
-}
-interface Props {
-  schema: ConfigSchema | null;
-  disabled?: boolean;
-}
-/**
- * Renders Ant Design Form.Items dynamically based on a JSON Schema.
- * Must be used inside a <Form> parent — it does not create its own Form instance.
- * All fields are namespaced under "config" (e.g., Form field name = ["config", "fieldKey"]).
- */
-export function DynamicConfigForm({ schema, disabled = false }: Props) {
-  if (!schema?.properties) {
-    return null;
-  }
-  const requiredFields = schema.required ?? [];
-  return (
-    <>
-      {Object.entries(schema.properties).map(([key, prop]) => {
-        const label = prop.title || key;
-        const isRequired = requiredFields.includes(key);
-        // Boolean → Switch
-        if (prop.type === 'boolean') {
-          return (
-            <Form.Item
-              key={key}
-              name={['config', key]}
-              label={label}
-              tooltip={prop.description}
-              valuePropName="checked"
-              rules={isRequired ? [{ required: true }] : undefined}
-            >
-              <Switch disabled={disabled} />
-            </Form.Item>
-          );
-        }
-        // Enum → Select
-        if (prop.enum) {
-          return (
-            <Form.Item
-              key={key}
-              name={['config', key]}
-              label={label}
-              tooltip={prop.description}
-              rules={
-                isRequired
-                  ? [{ required: true, message: `${label} is required` }]
-                  : undefined
-              }
-            >
-              <Select
-                disabled={disabled}
-                allowClear
-                options={prop.enum.map((v) => ({ label: v, value: v }))}
-              />
-            </Form.Item>
-          );
-        }
-        // Array → Select tags mode
-        if (prop.type === 'array') {
-          const enumOptions = prop.items?.enum;
-          return (
-            <Form.Item
-              key={key}
-              name={['config', key]}
-              label={label}
-              tooltip={prop.description}
-              rules={
-                isRequired
-                  ? [{ required: true, message: `${label} is required` }]
-                  : undefined
-              }
-            >
-              <Select
-                mode="tags"
-                disabled={disabled}
-                allowClear
-                options={enumOptions?.map((v) => ({ label: v, value: v }))}
-              />
-            </Form.Item>
-          );
-        }
-        // Number → InputNumber
-        if (prop.type === 'number' || prop.type === 'integer') {
-          return (
-            <Form.Item
-              key={key}
-              name={['config', key]}
-              label={label}
-              tooltip={prop.description}
-              rules={
-                isRequired
-                  ? [{ required: true, message: `${label} is required` }]
-                  : undefined
-              }
-            >
-              <InputNumber disabled={disabled} style={{ width: '100%' }} />
-            </Form.Item>
-          );
-        }
-        // String (default) → Input or TextArea
-        const isLongText =
-          prop.description?.includes('multiline') ||
-          key.toLowerCase().includes('body') ||
-          key.toLowerCase().includes('template');
-        return (
-          <Form.Item
-            key={key}
-            name={['config', key]}
-            label={label}
-            tooltip={prop.description}
-            rules={
-              isRequired
-                ? [{ required: true, message: `${label} is required` }]
-                : undefined
-            }
-          >
-            {isLongText ? (
-              <TextArea rows={3} disabled={disabled} />
-            ) : (
-              <Input disabled={disabled} />
-            )}
-          </Form.Item>
-        );
-      })}
-    </>
-  );
-}