@gadmin2n/schematics 0.0.141 → 0.0.143

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

@@ -17,6 +17,8 @@ import {
   type AiGenerateResult,
 } from './CreateNodeInstanceModal';
 import type { WorkflowNodeType } from '../../types';
+import { useTranslation } from 'react-i18next';
+import '../node-config.css';
 
 const { Title } = Typography;
 import { useIsAgentAllowed } from 'config/agentAllowed';
@@ -44,6 +46,7 @@ export function NodeInstanceForm({
 }: NodeInstanceFormProps) {
   const [aiModalOpen, setAiModalOpen] = useState(false);
   const [schemaError, setSchemaError] = useState<Error | null>(null);
+  const { t } = useTranslation('workflow');
   const isDev = useIsAgentAllowed();
   const allowAiGeneration = isDev && !disableNodeType;
 
@@ -70,10 +73,10 @@ export function NodeInstanceForm({
 
     if (hasExistingValues) {
       Modal.confirm({
-        title: '覆盖确认',
-        content: 'AI 生成的内容将覆盖当前填写的内容，是否继续？',
-        okText: '确认覆盖',
-        cancelText: '取消',
+        title: t('nodeInstance.overwriteTitle'),
+        content: t('nodeInstance.overwriteContent'),
+        okText: t('nodeInstance.overwriteConfirm'),
+        cancelText: t('common.cancel'),
         onOk: () => applyAiData(data),
       });
     } else {
@@ -94,12 +97,13 @@ export function NodeInstanceForm({
 
   return (
     <div
+      className="workflow-node-config"
       style={{
         background: 'var(--ant-color-bg-layout)',
         minHeight: 'calc(100vh - 64px)',
       }}
     >
-      <Card style={{ marginBottom: 16 }}>
+      <Card style={{ marginBottom: 12 }}>
         <div
           style={{
             display: 'flex',
@@ -123,21 +127,26 @@ export function NodeInstanceForm({
               icon={<RobotOutlined />}
               onClick={() => setAiModalOpen(true)}
             >
-              AI 自动生成
+              {t('editor.aiGenerate')}
             </Button>
           )}
         </div>
       </Card>
 
-      <Card style={{ padding: '24px 32px' }}>
-        <Form form={form} layout="vertical" style={{ maxWidth: 760 }}>
+      <Card styles={{ body: { padding: '20px 24px' } }}>
+        <Form form={form} layout="vertical" style={{ maxWidth: 720 }}>
           <Form.Item
             name="nodeTypeId"
-            label="Node Type"
-            rules={[{ required: true, message: 'Please select a node type' }]}
+            label={t('nodeInstance.nodeType')}
+            rules={[
+              {
+                required: true,
+                message: t('nodeInstance.nodeTypeRequired'),
+              },
+            ]}
           >
             <Select
-              placeholder="Select node type"
+              placeholder={t('nodeInstance.selectNodeType')}
               disabled={disableNodeType}
               showSearch
               optionFilterProp="label"
@@ -153,29 +162,38 @@ export function NodeInstanceForm({
               type="secondary"
               style={{ marginTop: -16, marginBottom: 24 }}
             >
-              Node type cannot be changed after the instance is created.
+              {t('nodeInstance.typeImmutable')}
             </Typography.Paragraph>
           )}
 
           <Form.Item
             name="name"
-            label="Instance Name"
-            rules={[{ required: true, message: 'Please enter a name' }]}
+            label={t('nodeInstance.instanceNameLabel')}
+            rules={[
+              { required: true, message: t('nodeInstance.nameRequired') },
+            ]}
           >
-            <Input placeholder="e.g. Send Slack to #general" />
+            <Input placeholder={t('nodeInstance.instanceNameExample')} />
           </Form.Item>
 
-          <Form.Item name="description" label="Description">
-            <Input.TextArea rows={2} placeholder="Optional description" />
+          <Form.Item name="description" label={t('common.description')}>
+            <Input.TextArea
+              autoSize={{ minRows: 2, maxRows: 4 }}
+              placeholder={t('common.optionalDescription')}
+            />
           </Form.Item>
 
-          <Form.Item name="isEnabled" label="Enabled" valuePropName="checked">
+          <Form.Item
+            name="isEnabled"
+            label={t('common.enabled')}
+            valuePropName="checked"
+          >
             <Switch />
           </Form.Item>
 
           {selectedNodeType?.configSchema && (
-            <Title level={5} style={{ color: 'var(--ant-color-text-secondary)' }}>
-              Configuration
+            <Title level={5} style={{ margin: '4px 0 12px', fontSize: 14 }}>
+              {t('editor.parameters')}
             </Title>
           )}
           <SchemaForm
@@ -185,8 +203,15 @@ export function NodeInstanceForm({
             onSchemaError={handleSchemaError}
           />
 
-          <div style={{ marginTop: 24, display: 'flex', gap: 12 }}>
-            <Button onClick={onBack}>Cancel</Button>
+          <div
+            style={{
+              marginTop: 20,
+              display: 'flex',
+              justifyContent: 'flex-end',
+              gap: 8,
+            }}
+          >
+            <Button onClick={onBack}>{t('common.cancel')}</Button>
             <Button
               type="primary"
               loading={submitting}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/node-instances/create.tsx

@@ -5,9 +5,11 @@ import { customRequest } from 'helpers/http';
 import { NodeInstanceForm } from './components/NodeInstanceForm';
 import { schemaConfigDefaults } from './schema-form/schema-defaults';
 import type { WorkflowNodeType } from '../types';
+import { useTranslation } from 'react-i18next';
 
 export default function NodeInstanceCreatePage() {
   const navigate = useNavigate();
+  const { t } = useTranslation('workflow');
   const [form] = Form.useForm();
   const [nodeTypes, setNodeTypes] = useState<WorkflowNodeType[]>([]);
   const [loading, setLoading] = useState(true);
@@ -45,7 +47,7 @@ export default function NodeInstanceCreatePage() {
         typeof config !== 'object' ||
         Array.isArray(config)
       ) {
-        message.error('Configuration must be a JSON object');
+        message.error(t('nodeInstance.configObjectRequired'));
         return;
       }
       setSubmitting(true);
@@ -56,11 +58,11 @@ export default function NodeInstanceCreatePage() {
         config,
         isEnabled: values.isEnabled ?? true,
       });
-      message.success('Created successfully');
+      message.success(t('nodeInstance.created'));
       navigate('/admin/workflow/node-instances');
     } catch (e: any) {
       if (e?.errorFields) return;
-      message.error(e?.message ?? 'Create failed');
+      message.error(e?.message ?? t('nodeInstance.createFailed'));
     } finally {
       setSubmitting(false);
     }
@@ -81,8 +83,8 @@ export default function NodeInstanceCreatePage() {
       <NodeInstanceForm
         form={form}
         nodeTypes={nodeTypes}
-        title="Create Node Instance"
-        submitText="Create"
+        title={t('nodeInstance.create')}
+        submitText={t('common.create')}
         submitting={submitting}
         onSubmit={handleSubmit}
         onBack={() => navigate('/admin/workflow/node-instances')}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/node-instances/edit.tsx

@@ -4,6 +4,7 @@ import { useNavigate, useParams } from 'react-router-dom';
 import { customRequest } from 'helpers/http';
 import { NodeInstanceForm } from './components/NodeInstanceForm';
 import type { WorkflowNodeInstance, WorkflowNodeType } from '../types';
+import { useTranslation } from 'react-i18next';
 
 type NodeInstance = WorkflowNodeInstance;
 
@@ -14,6 +15,7 @@ function normalizeDescription(value: string | null | undefined): string | null {
 export default function NodeInstanceEditPage() {
   const { id } = useParams<{ id: string }>();
   const navigate = useNavigate();
+  const { t } = useTranslation('workflow');
   const [form] = Form.useForm();
   const [nodeTypes, setNodeTypes] = useState<WorkflowNodeType[]>([]);
   const [loading, setLoading] = useState(true);
@@ -50,11 +52,11 @@ export default function NodeInstanceEditPage() {
         config: recordRes.config,
       });
     } catch (e: any) {
-      message.error(e?.message ?? 'Failed to load');
+      message.error(e?.message ?? t('nodeInstance.loadFailed'));
     } finally {
       setLoading(false);
     }
-  }, [id, form]);
+  }, [id, form, t]);
 
   useEffect(() => {
     fetchData();
@@ -74,11 +76,11 @@ export default function NodeInstanceEditPage() {
 
       setSubmitting(true);
       await customRequest(`workflowNodeInstance/${id}`, 'PATCH', update);
-      message.success('Changes saved');
+      message.success(t('nodeInstance.updated'));
       navigate('/admin/workflow/node-instances');
     } catch (e: any) {
       if (e?.errorFields) return;
-      message.error(e?.message ?? 'Update failed');
+      message.error(e?.message ?? t('nodeInstance.updateFailed'));
     } finally {
       setSubmitting(false);
     }
@@ -98,8 +100,8 @@ export default function NodeInstanceEditPage() {
     <NodeInstanceForm
       form={form}
       nodeTypes={nodeTypes}
-      title={record?.name || 'Edit Node Instance'}
-      submitText="Save"
+      title={record?.name || t('nodeInstance.edit')}
+      submitText={t('common.save')}
       submitting={submitting}
       disableNodeType
       onSubmit={handleSubmit}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/node-instances/node-config.css

@@ -0,0 +1,35 @@
+.workflow-node-config .ant-form-item {
+  margin-bottom: 12px;
+}
+
+.workflow-node-config .ant-card-small > .ant-card-head {
+  min-height: 36px;
+  padding-inline: 12px;
+}
+
+.workflow-node-config .ant-card-small > .ant-card-body {
+  padding: 12px;
+}
+
+.workflow-node-config .ant-alert-with-description {
+  padding: 8px 12px;
+}
+
+.workflow-node-config .ant-alert-with-description .ant-alert-message {
+  margin-bottom: 2px;
+}
+
+.workflow-node-config .ant-divider-horizontal {
+  margin: 12px 0;
+}
+
+.workflow-node-config .ant-typography.ant-typography-secondary {
+  line-height: 1.5;
+}
+
+.workflow-node-config__section-title {
+  display: block;
+  margin-bottom: 8px;
+  font-size: 13px;
+  font-weight: 600;
+}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/node-instances/schema-form/default-widgets.tsx

@@ -1,5 +1,4 @@
 import { Input, InputNumber, Select, Switch } from 'antd';
-import { ApprovalRequestTriggerConfigEditor } from '../widgets/ApprovalRequestTriggerConfigEditor';
 import { ApprovalRuleEditor } from '../widgets/ApprovalRuleEditor';
 import { CallableInputParametersEditor } from '../widgets/CallableInputParametersEditor';
 import { CodeConfigEditor } from '../widgets/CodeConfigEditor';
@@ -9,8 +8,6 @@ import { HttpRequestConfigEditor } from '../widgets/HttpRequestConfigEditor';
 import { HumanApprovalConfigEditor } from '../widgets/HumanApprovalConfigEditor';
 import { ReturnResultConfigEditor } from '../widgets/ReturnResultConfigEditor';
 import { SubjectPicker } from '../widgets/SubjectPicker';
-import { SubmitApprovalResultConfigEditor } from '../widgets/SubmitApprovalResultConfigEditor';
-import { SubmitExternalResultConfigEditor } from '../widgets/SubmitExternalResultConfigEditor';
 import {
   widgetRegistry,
   type WidgetComponent,
@@ -95,6 +92,7 @@ function SelectWidget({
       onChange={onChange}
       disabled={disabled}
       allowClear
+      style={{ width: '100%' }}
       options={(schema.enum ?? []).map((option) => ({
         label: String(option),
         value: option,
@@ -116,10 +114,7 @@ const DEFAULT_WIDGETS = {
   'code-config': CodeConfigEditor,
   'callable-input-parameters': CallableInputParametersEditor,
   'return-result-config': ReturnResultConfigEditor,
-  'approval-request-trigger-config': ApprovalRequestTriggerConfigEditor,
   'external-request-config': ExternalRequestConfigEditor,
-  'submit-approval-result-config': SubmitApprovalResultConfigEditor,
-  'submit-external-result-config': SubmitExternalResultConfigEditor,
   'external-wait-config': ExternalWaitConfigEditor,
 } as const;
 

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/node-instances/widgets/ApproverSourceEditor.tsx

@@ -29,10 +29,7 @@ export function ApproverSourceEditor({
   const [loadFailed, setLoadFailed] = useState(false);
 
   useEffect(() => {
-    customRequest<CallableWorkflowOption[]>(
-      'workflow/callable?resultType=APPROVAL_SUBJECTS',
-      'GET',
-    )
+    customRequest<CallableWorkflowOption[]>('workflow/callable', 'GET')
       .then((items) => {
         setWorkflows(Array.isArray(items) ? items : []);
         setLoadFailed(false);

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/node-instances/widgets/CodeConfigEditor.tsx

@@ -32,7 +32,7 @@ export function CodeConfigEditor({
   }
 
   return (
-    <Space direction="vertical" size={16} style={{ width: '100%' }}>
+    <Space direction="vertical" size={12} style={{ width: '100%' }}>
       <Card size="small" title={t('code.javascript')}>
         <Typography.Paragraph type="secondary">
           {t('code.description')}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/node-instances/widgets/ExternalRequestConfigEditor.tsx

@@ -70,7 +70,7 @@ export function ExternalRequestConfigEditor({
   }
 
   return (
-    <Space direction="vertical" size={16} style={{ width: '100%' }}>
+    <Space direction="vertical" size={12} style={{ width: '100%' }}>
       <Alert
         type="info"
         showIcon