openyida 2026.5.21 → 2026.5.25

package/project/pages/src/demo-agent-chatbox.oyd.jsx

@@ -59,7 +59,10 @@ var KNOWLEDGE_CACHE_STALE_TTL_MS = 7 * 24 * 60 * 60 * 1000;
 var REMOTE_SYNC_DEBOUNCE_MS = 2500;
 var REMOTE_SYNC_MIN_INTERVAL_MS = 6000;
 var REMOTE_MAX_SESSIONS = 20;
-var REMOTE_MAX_MESSAGES_PER_SESSION = 80;
+var REMOTE_MAX_MESSAGES_PER_SESSION = 400;
+var MESSAGE_RENDER_INITIAL_COUNT = 40;
+var MESSAGE_RENDER_STEP = 30;
+var MESSAGE_SCROLL_TOP_THRESHOLD = 36;
 var KNOWLEDGE_DOC_PAGE_PATH = '/s/openyida-doc';
 var OPENYIDA_DOCS_URL = 'https://openyida.ai/docs';
 var YIDA_DOCS_URL = 'https://docs.aliwork.com/docs/developer/learning';
@@ -404,6 +407,7 @@ var _customState = {
   isSending: false,
   statusText: 'Qwen 就绪',
   markdownReady: false,
+  messageRenderCount: MESSAGE_RENDER_INITIAL_COUNT,
   sequence: 3,
   ready: false,
 };
@@ -811,6 +815,28 @@ function getSessionMessages(sessionId) {
   return (_customState.messages && _customState.messages[sessionId]) || [];
 }
 
+function getMessageRenderCount(total) {
+  var count = Number(_customState.messageRenderCount || MESSAGE_RENDER_INITIAL_COUNT);
+  if (!Number.isFinite(count) || count < MESSAGE_RENDER_INITIAL_COUNT) {
+    count = MESSAGE_RENDER_INITIAL_COUNT;
+  }
+  return Math.min(Math.max(count, MESSAGE_RENDER_INITIAL_COUNT), total || 0);
+}
+
+function getRenderableMessages(messages) {
+  var list = messages || [];
+  var count = getMessageRenderCount(list.length);
+  if (count >= list.length) {
+    return list;
+  }
+  return list.slice(list.length - count);
+}
+
+function hasMoreEarlierMessages(messages) {
+  var list = messages || [];
+  return getMessageRenderCount(list.length) < list.length;
+}
+
 function isBlankNewTaskSession(session, messageMap) {
   if (!session || !session.id) {
     return false;
@@ -2554,6 +2580,7 @@ function normalizePersistedState(parsed) {
     provider: 'yida-text',
     widgetOpen: false,
     confirmCard: null,
+    messageRenderCount: MESSAGE_RENDER_INITIAL_COUNT,
     sequence: Number(parsed.sequence || 3),
   };
 }
@@ -2966,6 +2993,31 @@ export function scrollChatToBottom() {
   }, 80);
 }
 
+export function handleMessageListScroll(e) {
+  var list = e && e.currentTarget ? e.currentTarget : null;
+  if (!list || list.scrollTop > MESSAGE_SCROLL_TOP_THRESHOLD) {
+    return;
+  }
+  var messages = getActiveMessages();
+  var currentCount = getMessageRenderCount(messages.length);
+  if (currentCount >= messages.length) {
+    return;
+  }
+  var previousScrollHeight = list.scrollHeight;
+  var previousScrollTop = list.scrollTop;
+  var nextCount = Math.min(messages.length, currentCount + MESSAGE_RENDER_STEP);
+  this.setCustomState({
+    messageRenderCount: nextCount,
+    statusText: nextCount >= messages.length ? '已加载全部历史' : '已加载更早消息',
+  });
+  setTimeout(function() {
+    var nextList = document.getElementById('agent-chatbox-message-list');
+    if (nextList) {
+      nextList.scrollTop = nextList.scrollHeight - previousScrollHeight + previousScrollTop;
+    }
+  }, 40);
+}
+
 export function ensureTailwind() {
   var self = this;
   if (typeof window === 'undefined' || typeof document === 'undefined') {
@@ -3162,6 +3214,7 @@ export function loadRemoteWorkspace() {
       restored.statusText = '已加载云端会话';
       restored.toolRuns = prependToolRun('remote.load', 'done', '宜搭表单');
       self.setCustomState(restored);
+      self.scrollChatToBottom();
     } else {
       self.setCustomState({
         remoteLoaded: true,
@@ -3967,6 +4020,7 @@ export function switchSession(sessionId) {
   this.setCustomState({
     activeSessionId: sessionId,
     activeProjectId: session && session.projectId ? session.projectId : '',
+    messageRenderCount: MESSAGE_RENDER_INITIAL_COUNT,
     draft: '',
     widgetDraft: '',
     pendingImage: null,
@@ -3979,6 +4033,7 @@ export function switchSession(sessionId) {
     projectMenuOpenId: '',
     statusText: '会话已打开',
   });
+  this.scrollChatToBottom();
   this.focusMainComposerInput();
 }
 
@@ -4001,6 +4056,7 @@ export function createSession(projectId) {
       messages: compacted.messages,
       activeSessionId: reusableId,
       activeProjectId: targetProjectId,
+      messageRenderCount: MESSAGE_RENDER_INITIAL_COUNT,
       projectOpenMap: nextProjectOpenMap,
       draft: '',
       widgetDraft: '',
@@ -4034,6 +4090,7 @@ export function createSession(projectId) {
     messages: nextMessages,
     activeSessionId: sessionId,
     activeProjectId: targetProjectId,
+    messageRenderCount: MESSAGE_RENDER_INITIAL_COUNT,
     projectOpenMap: nextProjectOpenMap,
     draft: '',
     widgetDraft: '',
@@ -4455,6 +4512,7 @@ export function archiveSession(sessionId) {
     sessions: sessions,
     messages: messages,
     activeSessionId: activeSessionId,
+    messageRenderCount: MESSAGE_RENDER_INITIAL_COUNT,
     sessionMenuOpenId: '',
     sessionMoveOpenId: '',
     statusText: '已归档',
@@ -4506,6 +4564,7 @@ export function commitDeleteSession(sessionId) {
     sessions: sessions,
     messages: messages,
     activeSessionId: activeSessionId,
+    messageRenderCount: MESSAGE_RENDER_INITIAL_COUNT,
     sessionMenuOpenId: '',
     sessionMoveOpenId: '',
     actionDialog: null,
@@ -6610,6 +6669,8 @@ export function renderJsx() {
   var viewportWidth = typeof window !== 'undefined' && window.innerWidth ? window.innerWidth : 1280;
   var isMobile = viewportWidth <= 760 || (this.utils && this.utils.isMobile ? this.utils.isMobile() : false);
   var messages = getActiveMessages();
+  var visibleMessages = getRenderableMessages(messages);
+  var hasMoreMessages = hasMoreEarlierMessages(messages);
   var shellStyle = isMobile ? styles.mobileShell : (_customState.sidebarCollapsed ? Object.assign({}, styles.shell, styles.shellCollapsed) : styles.shell);
 
   return (
@@ -6623,8 +6684,13 @@ export function renderJsx() {
           {this.renderChatHeader(isMobile)}
           {this.renderBridgePanel(isMobile)}
           {messages.length ? (
-            <div id="agent-chatbox-message-list" className={tw.messageList} style={styles.messageList}>
-              {messages.map((message) => self.renderMessage(message))}
+            <div id="agent-chatbox-message-list" className={tw.messageList} style={styles.messageList} onScroll={(e) => { self.handleMessageListScroll(e); }}>
+              {hasMoreMessages ? (
+                <div style={styles.historyLoader}>
+                  向上滚动加载更早消息
+                </div>
+              ) : null}
+              {visibleMessages.map((message) => self.renderMessage(message))}
               {_customState.confirmCard ? (
                 <div className={tw.messageRow} style={styles.messageRow}>
                   {this.renderInlineConfirmCard()}
@@ -8746,6 +8812,15 @@ styles = Object.assign({}, styles, {
     gap: 18,
     alignItems: 'center',
   },
+  historyLoader: {
+    width: '100%',
+    maxWidth: 840,
+    textAlign: 'center',
+    color: '#8f8f8f',
+    fontSize: 12,
+    lineHeight: '28px',
+    padding: '2px 0 8px',
+  },
   messageListEmpty: {
     justifyContent: 'center',
     paddingTop: 0,

package/scripts/e2e-real/full-runner.js

@@ -193,6 +193,176 @@ function buildAppendCharts(formUuid, fields) {
   ];
 }
 
+function buildFieldBehaviorList(fields, editableLabels = []) {
+  const editable = new Set(editableLabels);
+  return (fields || []).map((field) => ({
+    fieldId: field.fieldId,
+    fieldBehavior: editable.has(field.label) ? 'NORMAL' : 'READONLY',
+  }));
+}
+
+function ensureProcessFields(fields) {
+  if (!fields || fields.length === 0) {
+    throw new Error('Process stage requires form schema fields; include the form stage before process');
+  }
+  return {
+    textField: fieldByLabel(fields, 'E2E Text'),
+    numberField: fieldByLabel(fields, 'E2E Number'),
+    statusField: fieldByLabel(fields, 'E2E Status'),
+    notesField: fields.find((field) => field.label === 'E2E Notes') || null,
+  };
+}
+
+function buildProcessCreateDefinition(fields) {
+  const processFields = ensureProcessFields(fields);
+  const editableNotes = processFields.notesField ? ['E2E Notes'] : ['E2E Text'];
+  const readonlyBehavior = buildFieldBehaviorList(fields);
+
+  return {
+    nodes: [
+      {
+        type: 'operator',
+        name: 'E2E 资料补充',
+        executor: 'originator',
+        formConfig: {
+          behaviorList: buildFieldBehaviorList(fields, editableNotes),
+        },
+      },
+      {
+        type: 'parallel',
+        name: 'E2E 并行会审',
+        branches: [
+          {
+            name: 'E2E 业务审批',
+            childNodes: [
+              {
+                type: 'approval',
+                name: 'E2E 业务审批',
+                approver: 'originator',
+                formConfig: { behaviorList: readonlyBehavior },
+              },
+            ],
+          },
+          {
+            name: 'E2E 财务审批',
+            childNodes: [
+              {
+                type: 'approval',
+                name: 'E2E 财务审批',
+                approver: 'originator',
+                formConfig: { behaviorList: readonlyBehavior },
+              },
+            ],
+          },
+        ],
+      },
+      {
+        type: 'carbon',
+        name: 'E2E 流程抄送',
+        approver: 'originator',
+      },
+    ],
+  };
+}
+
+function buildProcessRuleDefinition(fields) {
+  const processFields = ensureProcessFields(fields);
+  const readonlyBehavior = buildFieldBehaviorList(fields);
+  const editableStatus = buildFieldBehaviorList(fields, ['E2E Status']);
+
+  return {
+    nodes: [
+      {
+        type: 'approval',
+        name: 'E2E 发起人复核',
+        approver: 'originator',
+        formConfig: { behaviorList: readonlyBehavior },
+      },
+      {
+        type: 'route',
+        conditions: [
+          {
+            name: 'E2E 数字大于 0',
+            rules: [
+              {
+                fieldId: processFields.numberField.fieldId,
+                fieldName: processFields.numberField.label,
+                componentType: processFields.numberField.componentName,
+                op: 'GreaterThan',
+                value: 0,
+              },
+            ],
+            childNodes: [
+              {
+                type: 'operator',
+                name: 'E2E 状态确认',
+                executor: 'originator',
+                formConfig: { behaviorList: editableStatus },
+              },
+            ],
+          },
+        ],
+      },
+      {
+        type: 'carbon',
+        name: 'E2E 结果抄送',
+        approver: 'originator',
+      },
+    ],
+  };
+}
+
+function buildOfficialProcessNodeFixture(context = {}) {
+  return {
+    publishable: false,
+    note: 'Fixture only: advanced official nodes require real tenant-specific props before publishing.',
+    nodes: [
+      {
+        type: 'connector',
+        name: 'E2E Connector placeholder',
+        connectorRules: {
+          connectorId: 'G-CONN-E2E',
+          actionId: 'G-ACT-E2E',
+          connector: { mode: 1 },
+          inputs: { assignments: [] },
+        },
+      },
+      {
+        componentName: 'GetSingleDataNode',
+        name: 'E2E Get data placeholder',
+        getData: { sourceId: context.formUuid || 'FORM-E2E', quantity: 1, assignments: [] },
+      },
+      {
+        componentName: 'JavaScriptNode',
+        name: 'E2E JavaScript placeholder',
+        JavaScript: { action: { code: 'return inputs;' }, outputs: [] },
+      },
+      {
+        componentName: 'SendMessageNode',
+        name: 'E2E Message placeholder',
+        sendMessageRules: { messageType: 'workNotice', messageInfo: { title: 'E2E', content: 'Process fixture' } },
+      },
+      {
+        componentName: 'CycleContainer',
+        name: 'E2E Cycle placeholder',
+        cycleContainerRules: { sourceId: 'node-source-placeholder' },
+        children: [
+          {
+            componentName: 'JavaScriptNode',
+            name: 'E2E Cycle child',
+            JavaScript: { action: { code: 'return inputs;' }, outputs: [] },
+          },
+        ],
+      },
+      {
+        componentName: 'AINode',
+        name: 'E2E AI placeholder',
+        workFlowRules: { flowId: 'FLOW-E2E', outputs: [], yidaFieldIdList: [] },
+      },
+    ],
+  };
+}
+
 function buildResultApp(context, resultAppName) {
   if (!context.appType) {return null;}
   const baseUrl = 'https://www.aliwork.com';
@@ -454,11 +624,17 @@ var CHECKS = [
   'Report and form resource IDs displayed'
 ];
 
+var TIME_FILTERS = ['今日', '本周', '本月', '全链路'];
+
+function captureLabel(style) {
+  return <span className="sl-no-capture" style={style}>截图</span>;
+}
+
 function kpiCard(item, index) {
   var colors = ['#2563eb', '#16a34a', '#7c3aed', '#d97706'];
   return (
     <div key={item.label} style={{ background: '#fff', border: '1px solid #d9e2ef', borderRadius: 8, padding: 18, minHeight: 126, position: 'relative' }}>
-      <button className="sl-no-capture" style={{ position: 'absolute', top: 12, right: 12, height: 28, border: '1px solid #d0d7e2', borderRadius: 6, background: '#fff', color: '#344054' }}>截图</button>
+      {captureLabel({ position: 'absolute', top: 12, right: 12, height: 28, lineHeight: '28px', border: '1px solid #d0d7e2', borderRadius: 6, background: '#fff', color: '#344054', padding: '0 10px', fontSize: 13, fontWeight: 800 })}
       <div style={{ color: '#64748b', fontSize: 13, fontWeight: 700 }}>{item.label}</div>
       <div style={{ marginTop: 16 }}><span style={{ color: colors[index % colors.length], fontSize: 34, fontWeight: 850 }}>{item.value}</span><span style={{ color: '#667085', marginLeft: 6 }}>{item.unit}</span></div>
       <div style={{ marginTop: 8, color: '#16a34a', fontSize: 13, fontWeight: 800 }}>{item.trend}</div>
@@ -471,7 +647,7 @@ function chartPanel(title, rows) {
     <section style={{ background: '#fff', border: '1px solid #d9e2ef', borderRadius: 8, padding: 18, minHeight: 238 }}>
       <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 16 }}>
         <div style={{ fontSize: 18, fontWeight: 850 }}>{title}</div>
-        <button className="sl-no-capture" style={{ height: 30, border: '1px solid #d0d7e2', borderRadius: 6, background: '#fff', color: '#344054' }}>截图</button>
+        {captureLabel({ display: 'inline-flex', alignItems: 'center', height: 30, border: '1px solid #d0d7e2', borderRadius: 6, background: '#fff', color: '#344054', padding: '0 10px', fontSize: 13, fontWeight: 800 })}
       </div>
       {rows.map(function (row) {
         return (
@@ -486,6 +662,7 @@ function chartPanel(title, rows) {
 }
 
 export default function Page() {
+  const [activeFilter, setActiveFilter] = useState('全链路');
   return (
     <div style={{ minHeight: '100vh', background: '#f4f7fb', color: '#172033', fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', padding: 28, boxSizing: 'border-box' }}>
       <div style={{ maxWidth: 1280, margin: '0 auto' }}>
@@ -498,7 +675,7 @@ export default function Page() {
           <div style={{ background: '#dcfce7', color: '#166534', border: '1px solid #86efac', borderRadius: 999, padding: '8px 14px', fontWeight: 850, fontSize: 13 }}>PASSED</div>
         </header>
         <section style={{ display: 'flex', flexWrap: 'wrap', gap: 10, background: '#fff', border: '1px solid #d9e2ef', borderRadius: 8, padding: 12, marginBottom: 14 }}>
-          {['今日', '本周', '本月', '全链路'].map(function (label) { return <button key={label} style={{ height: 32, padding: '0 12px', border: label === '全链路' ? '1px solid #2563eb' : '1px solid #d0d7e2', borderRadius: 6, background: label === '全链路' ? '#eff6ff' : '#fff', color: label === '全链路' ? '#1d4ed8' : '#344054', fontWeight: 800 }}>{label}</button>; })}
+          {TIME_FILTERS.map(function (label) { return <button key={label} type="button" onClick={() => setActiveFilter(label)} style={{ height: 32, padding: '0 12px', border: label === activeFilter ? '1px solid #2563eb' : '1px solid #d0d7e2', borderRadius: 6, background: label === activeFilter ? '#eff6ff' : '#fff', color: label === activeFilter ? '#1d4ed8' : '#344054', fontWeight: 800 }}>{label}</button>; })}
         </section>
         <section style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(210px, 1fr))', gap: 14, marginBottom: 14 }}>{KPIS.map(kpiCard)}</section>
         <section style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(320px, 1fr))', gap: 14, marginBottom: 14 }}>
@@ -556,8 +733,11 @@ var RISKS = [
   { level: '中', title: '华南费用率偏高', owner: '财务 BP', action: '复盘费用结构' }
 ];
 
+var BUSINESS_TIME_FILTERS = ['今日', '本周', '本月', 'FY2026'];
+var BUSINESS_REGION_FILTERS = ['全球', '华东', '华南', '海外'];
+
 function captureButton() {
-  return <button className="sl-no-capture" style={{ height: 28, border: '1px solid rgba(255,255,255,0.28)', borderRadius: 999, background: 'rgba(255,255,255,0.12)', color: '#fff', padding: '0 12px', fontWeight: 800 }}>截图</button>;
+  return <span className="sl-no-capture" style={{ display: 'inline-flex', alignItems: 'center', height: 28, border: '1px solid rgba(255,255,255,0.28)', borderRadius: 999, background: 'rgba(255,255,255,0.12)', color: '#fff', padding: '0 12px', fontWeight: 800, fontSize: 13 }}>截图</span>;
 }
 
 function kpiCard(item) {
@@ -577,7 +757,7 @@ function chartPanel(item, index) {
     <section key={item.title} style={{ borderRadius: 18, padding: 18, background: '#ffffff', border: '1px solid #eadfd4', minHeight: 220, boxShadow: '0 14px 36px rgba(121,85,54,0.10)' }}>
       <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 16 }}>
         <h3 style={{ margin: 0, color: '#1f2937', fontSize: 17, fontWeight: 900 }}>{item.title}</h3>
-        <button className="sl-no-capture" style={{ height: 28, border: '1px solid #fed7aa', borderRadius: 999, background: '#fff7ed', color: '#c2410c', padding: '0 10px', fontWeight: 800 }}>截图</button>
+        <span className="sl-no-capture" style={{ display: 'inline-flex', alignItems: 'center', height: 28, border: '1px solid #fed7aa', borderRadius: 999, background: '#fff7ed', color: '#c2410c', padding: '0 10px', fontWeight: 800, fontSize: 13 }}>截图</span>
       </div>
       {item.rows.map(function (row) {
         return (
@@ -597,12 +777,14 @@ function riskRow(item) {
       <span style={{ display: 'inline-flex', width: 32, height: 32, borderRadius: 999, background: item.level === '高' ? '#ef4444' : '#f59e0b', color: '#fff', alignItems: 'center', justifyContent: 'center', fontWeight: 900 }}>{item.level}</span>
       <strong style={{ color: '#fff' }}>{item.title}</strong>
       <span style={{ color: '#cbd5e1' }}>{item.owner}</span>
-      <button className="sl-no-capture" style={{ height: 30, border: '1px solid rgba(255,255,255,0.26)', borderRadius: 999, background: 'rgba(255,255,255,0.10)', color: '#fff', fontWeight: 800 }}>{item.action}</button>
+      <span className="sl-no-capture" style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center', height: 30, border: '1px solid rgba(255,255,255,0.26)', borderRadius: 999, background: 'rgba(255,255,255,0.10)', color: '#fff', fontWeight: 800 }}>{item.action}</span>
     </div>
   );
 }
 
 export default function Page() {
+  const [activeTime, setActiveTime] = useState('FY2026');
+  const [activeRegion, setActiveRegion] = useState('全球');
   return (
     <main style={{ minHeight: '100vh', background: 'linear-gradient(135deg, #fff7ed 0%, #eff6ff 42%, #f8fafc 100%)', padding: 28, boxSizing: 'border-box', fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif' }}>
       <div style={{ maxWidth: 1440, margin: '0 auto' }}>
@@ -622,9 +804,9 @@ export default function Page() {
         </header>
 
         <section style={{ display: 'flex', flexWrap: 'wrap', gap: 10, alignItems: 'center', padding: 14, borderRadius: 18, background: 'rgba(255,255,255,0.84)', border: '1px solid #e5e7eb', marginBottom: 18 }}>
-          {['今日', '本周', '本月', 'FY2026'].map(function (label) { return <button key={label} style={{ height: 34, border: label === 'FY2026' ? '1px solid #f97316' : '1px solid #cbd5e1', borderRadius: 999, background: label === 'FY2026' ? '#fff7ed' : '#fff', color: label === 'FY2026' ? '#c2410c' : '#334155', padding: '0 14px', fontWeight: 850 }}>{label}</button>; })}
+          {BUSINESS_TIME_FILTERS.map(function (label) { return <button key={label} type="button" onClick={() => setActiveTime(label)} style={{ height: 34, border: label === activeTime ? '1px solid #f97316' : '1px solid #cbd5e1', borderRadius: 999, background: label === activeTime ? '#fff7ed' : '#fff', color: label === activeTime ? '#c2410c' : '#334155', padding: '0 14px', fontWeight: 850 }}>{label}</button>; })}
           <span style={{ color: '#94a3b8' }}>|</span>
-          {['全球', '华东', '华南', '海外'].map(function (label) { return <button key={label} style={{ height: 34, border: '1px solid #dbeafe', borderRadius: 999, background: label === '全球' ? '#eff6ff' : '#fff', color: '#1d4ed8', padding: '0 14px', fontWeight: 850 }}>{label}</button>; })}
+          {BUSINESS_REGION_FILTERS.map(function (label) { return <button key={label} type="button" onClick={() => setActiveRegion(label)} style={{ height: 34, border: '1px solid #dbeafe', borderRadius: 999, background: label === activeRegion ? '#eff6ff' : '#fff', color: '#1d4ed8', padding: '0 14px', fontWeight: 850 }}>{label}</button>; })}
         </section>
 
         <section style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 16, marginBottom: 18 }}>{KPIS.map(kpiCard)}</section>
@@ -889,6 +1071,12 @@ function recordConfiguredStageResults(registry, registryPath, config, context, w
       summary: 'Formula, doctor, sample and CDN config offline checks verified',
       resources: [],
     },
+    process: {
+      commands: ['create-process', 'configure-process'],
+      summary: `Process form configured and republished: ${context.processCode || 'n/a'}`,
+      resources: ['process'],
+      artifacts: ['process-definition', 'process-rule-definition', 'process-official-node-fixture'],
+    },
     'connector-local': {
       commands: ['connector-gen-template', 'connector-parse-api'],
       summary: 'Connector template generation and cURL parsing verified locally',
@@ -948,6 +1136,9 @@ function run(options = {}) {
     businessDashboardFormUuid: null,
     businessDashboardSharePath: null,
     importAppType: null,
+    processCode: null,
+    processId: null,
+    processVersion: null,
     fields: [],
   };
 
@@ -1200,6 +1391,61 @@ function run(options = {}) {
       runStep('flash-to-prd', ['flash-to-prd', '--file', flashNotePath, '--name', `${config.prefix} PRD`], { allowNoJson: true });
     }
 
+    if (hasStage(config.stages, 'process')) {
+      if (!context.appType || !context.formUuid) {
+        throw new Error('Process stage requires app and form stages');
+      }
+      const processCreateDefinitionPath = writeJsonFile(
+        path.join(workDir, 'process-create-definition.json'),
+        buildProcessCreateDefinition(context.fields),
+      );
+      const processRuleDefinitionPath = writeJsonFile(
+        path.join(workDir, 'process-rule-definition.json'),
+        buildProcessRuleDefinition(context.fields),
+      );
+      const officialNodeFixturePath = writeJsonFile(
+        path.join(workDir, 'process-official-node-fixture.json'),
+        buildOfficialProcessNodeFixture(context),
+      );
+      registry.artifacts = registry.artifacts || [];
+      registry.artifacts.push(
+        { type: 'process-definition', path: processCreateDefinitionPath },
+        { type: 'process-rule-definition', path: processRuleDefinitionPath },
+        { type: 'process-official-node-fixture', path: officialNodeFixturePath },
+      );
+      persistRegistry(registryPath, registry);
+
+      const processCreate = runStep('create-process', [
+        'create-process',
+        context.appType,
+        '--formUuid',
+        context.formUuid,
+        processCreateDefinitionPath,
+      ]).json;
+      context.processCode = processCreate.processCode;
+      if (!context.processCode) {
+        throw new Error(`create-process did not return processCode: ${JSON.stringify(processCreate)}`);
+      }
+      trackResource(registry, registryPath, {
+        type: 'process',
+        appType: context.appType,
+        formUuid: context.formUuid,
+        processCode: context.processCode,
+        name: `${config.prefix}_Process`,
+        url: processCreate.url,
+      });
+
+      const processRule = runStep('configure-process', [
+        'configure-process',
+        context.appType,
+        context.formUuid,
+        processRuleDefinitionPath,
+        context.processCode,
+      ]).json;
+      context.processId = processRule.processId || null;
+      context.processVersion = processRule.processVersion || null;
+    }
+
     if (hasStage(config.stages, 'connector-local')) {
       const templatePath = path.join(workDir, 'api-template.md');
       runStep('connector-gen-template', ['connector', 'gen-template', templatePath], { allowNoJson: true });
@@ -1305,6 +1551,9 @@ module.exports = {
   buildDashboardSource,
   buildDashboardSkillSource,
   buildBusinessDashboardSource,
+  buildOfficialProcessNodeFixture,
+  buildProcessCreateDefinition,
+  buildProcessRuleDefinition,
   collectFields,
   fieldByLabel,
   findValueByKeys,

package/scripts/e2e-real/skill-coverage.js

@@ -22,7 +22,7 @@ const SKILL_COVERAGE = {
   'yida-create-app': { level: 'real-e2e', stages: ['app'], commands: ['create-app'] },
   'yida-create-form-page': { level: 'real-e2e', stages: ['form'], commands: ['create-form create', 'create-form update', 'create-form add-option'] },
   'yida-create-page': { level: 'real-e2e', stages: ['page', 'dashboard'], commands: ['create-page --mode dashboard'] },
-  'yida-create-process': { level: 'opt-in', reason: 'creates workflow/process definitions; enable with a future process stage after stable cleanup exists' },
+  'yida-create-process': { level: 'opt-in-real-e2e', stages: ['process'], commands: ['create-process --formUuid'], reason: 'process stage mutates workflow definitions and is excluded from default full E2E unless explicitly requested' },
   'yida-custom-page': { level: 'real-e2e', stages: ['page'], commands: ['check-page', 'build-page', 'compile', 'publish'] },
   'yida-dashboard': { level: 'real-e2e', stages: ['dashboard'], commands: ['create-page --mode dashboard', 'publish dashboard skill page'] },
   'yida-data-management': { level: 'real-e2e', stages: ['data', 'task'], commands: ['data create/query/update form', 'data query tasks'] },
@@ -44,7 +44,7 @@ const SKILL_COVERAGE = {
   'yida-page-config': { level: 'real-e2e', stages: ['share'], commands: ['get-page-config', 'verify-short-url', 'save-share-config'] },
   'yida-ppt': { level: 'deprecated', reason: 'skill is deprecated in favor of yida-ppt-slider' },
   'yida-ppt-slider': { level: 'offline-unit', reason: 'presentation-style custom page skill should be validated by page generation/check-page fixtures' },
-  'yida-process-rule': { level: 'opt-in', reason: 'publishes workflow rules; pair with yida-create-process in a process stage' },
+  'yida-process-rule': { level: 'opt-in-real-e2e', stages: ['process'], commands: ['configure-process'], reason: 'process stage publishes workflow rules on the disposable E2E form and is excluded from default full E2E unless explicitly requested' },
   'yida-publish-page': { level: 'real-e2e', stages: ['page', 'dashboard'], commands: ['publish --health-check'] },
   'yida-report': { level: 'real-e2e', stages: ['report'], commands: ['create-report', 'append-chart'] },
   'yida-table-form': { level: 'offline-unit', reason: 'table-form custom page template should be validated with check-page fixture before real publish stage is added' },

package/yida-skills/SKILL.md

@@ -182,7 +182,7 @@ openyida copy
 | `yida-data-management` | `skills/yida-data-management/SKILL.md` | 表单/流程/任务数据查询与变更 | `openyida data query form <appType> <formUuid>` |
 | `yida-corp-efficiency` | `skills/yida-corp-efficiency/SKILL.md` | 平台管理企业效能概览、查看明细报表、报表接口模板、学习成果和通知群动作 | `openyida corp-efficiency` |
 | `yida-table-form` | `skills/yida-table-form/SKILL.md` | 表格形态批量录入页面 | 详见 SKILL.md |
-| `yida-process-rule` | `skills/yida-process-rule/SKILL.md` | 配置流程规则、审批节点、指定成员/角色/部门主管和字段权限 | `openyida configure-process <appType> <formUuid> <流程JSON>` |
+| `yida-process-rule` | `skills/yida-process-rule/SKILL.md` | 配置流程规则、审批/办理/抄送、条件/并行分支、字段权限、跳转规则和官方组件节点配置适配 | `openyida configure-process <appType> <formUuid> <流程JSON>` |
 | `yida-integration` | `skills/yida-integration/SKILL.md` | 集成自动化逻辑流（创建/列表/启停） | `openyida integration <create\|list\|enable\|disable> ...` |
 | `yida-business-rule` | `skills/yida-business-rule/SKILL.md` | 表单业务关联规则高级函数（INSERT/UPDATE/DELETE/UPSERT） | 详见 SKILL.md |
 | `yida-connector` | `skills/yida-connector/SKILL.md` | HTTP 连接器创建、测试与动作管理 | `openyida connector smart-create <配置>` |

package/yida-skills/skills/yida-chart/SKILL.md

@@ -494,7 +494,7 @@ export function didMount() {
 - [ ] 聚合指标（KPI、饼图、柱状图）通过 `getDataAsync.json` 报表接口获取
 - [ ] 明细表格通过 `searchFormDatas` 获取（返回 `formInstId`，支持详情跳转）
 - [ ] 包含 `didUnmount` 函数，清理 ECharts 实例和 resize 监听
-- [ ] 事件绑定使用箭头函数包裹：`onClick={(e) => { this.xxx(e); }}`
+- [ ] `renderJsx` 顶部定义 `var self = this`，事件绑定使用箭头函数包裹：`onClick={(e) => { self.xxx(e); }}`
 
 ---
 

package/yida-skills/skills/yida-create-process/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: yida-create-process
-description: 宜搭流程表单一体化创建。整合创建表单 → 转流程表单 → 获取 processCode → 配置流程四步为一步。不适用于：已有流程表单只需修改审批规则（应使用 yida-process-rule），或只需创建普通表单无审批（应使用 yida-create-form-page）。
+description: 宜搭流程表单一体化创建。整合创建表单 → 转流程表单 → 获取 processCode → 配置流程四步为一步，流程定义格式与 yida-process-rule 完全一致，支持审批/办理/抄送、条件/并行分支、跳转规则，以及官方组件节点配置透传和 processJson 适配。不适用于：已有流程表单只需修改审批规则（应使用 yida-process-rule），或只需创建普通表单无审批（应使用 yida-create-form-page）。
 ---
 # 流程表单一体化创建
 
@@ -78,7 +78,7 @@ openyida create-form create "APP_XXX" "订单处理表" .cache/openyida/order/or
 openyida create-process "APP_XXX" --formUuid "FORM-YYY" .cache/openyida/order/process-definition.json
 ```
 
-> 流程定义中的 `fieldId` 需在表单创建后确定。如流程不含条件分支，可用用法 1 一步到位。
+> 流程定义中的 `fieldId` 需在表单创建后确定。如流程不含条件分支、字段权限或数据节点字段映射，可用用法 1 一步到位。
 
 ## AI 自动生成流程特性
 
@@ -86,6 +86,7 @@ openyida create-process "APP_XXX" --formUuid "FORM-YYY" .cache/openyida/order/pr
 
 1. **🔐 字段权限**：当字段 ≥ 3 且审批节点 ≥ 2 时，每个节点只允许编辑相关字段
 2. **🔄 跳转规则**：存在回退/循环语义时，自动配置 `routeRules`
+3. **🔀 并行/办理/高级组件**：需要并行会审、办理节点或连接器/数据/消息等官方组件节点时，流程定义格式直接参考 `yida-process-rule`
 
 详见 `yida-process-rule` 的 SKILL.md。
 

package/yida-skills/skills/yida-custom-page/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: yida-custom-page
-description: 宜搭自定义页面 JSX 开发规范。React 16 类组件模式，宜搭 JS API 调用，状态管理与编码约束。不适用于：原生表单页面开发（无需 JSX），或发布页面（编写完成后需使用 yida-publish-page 发布）。
+description: 宜搭自定义页面 JSX 开发规范。React 16 宜搭原生 export function 页面模式，宜搭 JS API 调用，状态管理与编码约束。不适用于：原生表单页面开发（无需 JSX），或发布页面（编写完成后需使用 yida-publish-page 发布）。
 ---
 
 # 自定义页面开发
@@ -21,6 +21,8 @@ description: 宜搭自定义页面 JSX 开发规范。React 16 类组件模式
 8. **所有 API 调用必须 .catch()**：异常通过 `this.utils.toast({ title: message, type: 'error' })` 提示用户
 9. **renderJsx 每个 return 分支必须渲染 timestamp**：`<div style={{ display: 'none' }}>{this.state && this.state.timestamp}</div>`；`.oyd.jsx` 构建会自动补齐，但生成原生写法时仍必须显式写出
 10. **禁止 ES6 计算属性名**：不要写 `{ [key]: value }`、`{ [FIELDS.xxx]: value }` 或 `setCustomState({ [key]: value })`；宜搭运行时可能静默白屏，`check-page` 会以 `computed-property` error 阻塞。改用 `var obj = {}; obj[key] = value;`
+11. **生命周期名称大小写固定**：只允许 `export function didMount()` 与 `export function didUnmount()`；`didmount`、`componentDidMount`、`componentWillUnmount` 会被 `check-page` 阻塞
+12. **按钮必须真的绑定事件**：禁止 `onclick` 小写属性、`onClick={self.save()}`、`onClick={(e) => self.save}`、`<button>静态标签</button>` 等看起来有按钮但不会正确绑定的写法；统一使用 `onClick={(e) => { self.save(e); }}`。如果只是状态标签/截图标记，用 `span`/`div`，不要用 `button`
 
 ### 重要规则（IMPORTANT）
 
@@ -62,9 +64,11 @@ description: 宜搭自定义页面 JSX 开发规范。React 16 类组件模式
 
 | 异常场景 | 处理方式 |
 |---------|----------|
-| 在原生 `renderJsx` 页面里使用了 React Hooks | 改为类组件模式；或改用 `.oyd.jsx` 的 `export default function Page()` authoring 模式，并确认只使用受支持的 `useState` / `useEffect(..., [])` |
+| 在原生 `renderJsx` 页面里使用了 React Hooks | 改为宜搭原生 `export function` + `_customState` 模式；或改用 `.oyd.jsx` 的 `export default function Page()` authoring 模式，并确认只使用受支持的 `useState` / `useEffect(..., [])` |
 | 字段 ID 不确定 | 执行 `openyida get-schema` 获取真实 fieldId |
 | `forceUpdate is not a function` | 检查 `this` 绑定，确认方法用 `export function` 定义 |
+| didMount / didUnmount 报错或没有执行 | 检查是否写成了 `didmount`、`componentDidMount` 等错误名称；运行 `openyida check-page <file> --json` 查看 `lifecycle-case` / `react-lifecycle-method` |
+| 按钮点不了 | 检查是否用了小写 `onclick`、渲染期调用 `onClick={self.xxx()}`、只引用不调用 `onClick={(e) => self.xxx}`、或 `<button>` 根本没有事件；运行 `openyida check-page <file>` 会阻塞这些写法 |
 | API 调用无响应 | 确认 `.catch()` 错误处理，检查登录态 |
 | 发布后页面空白 | 检查 `renderJsx` 是否正确导出，查看浏览器控制台 |
 
@@ -186,6 +190,7 @@ openyida publish project/pages/src/employee-query.oyd.jsx APP_XXX FORM-QUERY001
    ```
 
      > **生成代码时的自检清单**：检查 `renderJsx` 中所有 `onClick`、`onChange`、`onSubmit` 等事件属性，确保每一个都是 `(e) => { self.xxx(e) }` 形式，不存在任何 `onClick={this.xxx}` 或 `.bind(this)` 的写法。
+     > `check-page` 会阻塞四类“按钮看得到但点不了”的 IDE 常见误写：小写 `onclick`、渲染时直接执行 `onClick={self.xxx()}`、箭头函数只返回方法引用 `onClick={(e) => self.xxx}`、可见 `<button>` 没有任何事件。静态徽标、状态胶囊、截图排除标记一律用 `span`/`div`。
 
      ```javascript
      // ❌ 错误③：在 .map(function(){}) 普通函数回调中使用箭头函数事件处理器，this 已在 function 回调里丢失，箭头函数捕获的 this 是 undefined！