openxiangda 1.0.17 → 1.0.19

package/openxiangda-skills/skills/openxiangda-page/SKILL.md

@@ -60,3 +60,6 @@ Read these references only when editing page code:
 - For list / detail / CRUD pages, follow `../../references/architecture-patterns.md` (e.g. `DataManagementList`) before writing custom data-fetching loops.
 - Pick components per `../../references/component-guide.md`: prefer the platform component, fall back to Ant Design, and only build a custom component when neither fits.
 - When a page misbehaves (lost styles, `options is undefined`, option labels showing raw values, etc.), consult `../../references/troubleshooting.md` before patching symptoms.
+- For custom portal pages and business modals, do not temporarily embed a single `FormProvider` field component from the standard form runtime. If a standard component is required, navigate to a full standard form page or render a complete `StandardFormPage` inside a dedicated carrier route.
+- Keep PC and mobile portal styles separate. Do not share one form UI implementation across both viewports unless the surrounding shell, modal layer, date picker, and bottom-sheet behavior have been tested in both contexts.
+- After introducing Ant Design overlays, date/datetime fields, or mobile bottom-sheet selectors, verify that global button, modal, picker, and sheet styles do not leak into the host business page.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openxiangda",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "description": "OpenXiangda CLI, workspace build tools, runtime SDK, and form components.",
   "private": false,
   "bin": {

package/packages/sdk/dist/components/index.cjs

@@ -31713,26 +31713,35 @@ var secondOptions = Array.from({ length: 60 }, (_, second) => ({
   label: `${second}\u79D2`,
   value: pad2(second)
 }));
-function formatMobileTime(date4) {
-  return (0, import_dayjs12.default)(date4).format("HH:mm:ss");
+function resolveTimePickerPrecision(dateFormat) {
+  return dateFormat && /s/i.test(dateFormat) ? "second" : "minute";
 }
-function getTimePickerValue(date4) {
-  return [(0, import_dayjs12.default)(date4).format("HH"), (0, import_dayjs12.default)(date4).format("mm"), (0, import_dayjs12.default)(date4).format("ss")];
+function formatMobileTime(date4, dateFormat) {
+  return (0, import_dayjs12.default)(date4).format(resolveTimePickerPrecision(dateFormat) === "second" ? "HH:mm:ss" : "HH:mm");
 }
-function applyTimePickerValue(base, value) {
+function getTimePickerColumns(precision = "second") {
+  return precision === "second" ? [hourOptions, minuteOptions, secondOptions] : [hourOptions, minuteOptions];
+}
+function getTimePickerValue(date4, precision = "second") {
+  const base = [(0, import_dayjs12.default)(date4).format("HH"), (0, import_dayjs12.default)(date4).format("mm")];
+  return precision === "second" ? [...base, (0, import_dayjs12.default)(date4).format("ss")] : base;
+}
+function applyTimePickerValue(base, value, precision = "second") {
   const [hour, minute, second] = value;
-  return (0, import_dayjs12.default)(base).hour(Number(hour ?? 0)).minute(Number(minute ?? 0)).second(Number(second ?? 0)).millisecond(0).toDate();
+  return (0, import_dayjs12.default)(base).hour(Number(hour ?? 0)).minute(Number(minute ?? 0)).second(precision === "second" ? Number(second ?? 0) : 0).millisecond(0).toDate();
 }
 function MobileTimePickerView({
   value,
+  dateFormat,
   onChange
 }) {
+  const precision = resolveTimePickerPrecision(dateFormat);
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     picker_view_default,
     {
-      columns: [hourOptions, minuteOptions, secondOptions],
-      value: getTimePickerValue(value),
-      onChange: (nextValue) => onChange(applyTimePickerValue(value, nextValue)),
+      columns: getTimePickerColumns(precision),
+      value: getTimePickerValue(value, precision),
+      onChange: (nextValue) => onChange(applyTimePickerValue(value, nextValue, precision)),
       className: "sy-mobile-time-picker",
       renderLabel: (item) => item.label
     }
@@ -31769,30 +31778,32 @@ function getDateOptions(center, min2, max2) {
     };
   });
 }
-function getDateTimePickerValue(date4) {
-  return [(0, import_dayjs12.default)(date4).format("YYYY-MM-DD"), ...getTimePickerValue(date4)];
+function getDateTimePickerValue(date4, precision = "second") {
+  return [(0, import_dayjs12.default)(date4).format("YYYY-MM-DD"), ...getTimePickerValue(date4, precision)];
 }
-function applyDateTimePickerValue(base, value) {
+function applyDateTimePickerValue(base, value, precision = "second") {
   const [dateValue, hour, minute, second] = value;
   const date4 = (0, import_dayjs12.default)(String(dateValue || (0, import_dayjs12.default)(base).format("YYYY-MM-DD")));
-  return date4.hour(Number(hour ?? 0)).minute(Number(minute ?? 0)).second(Number(second ?? 0)).millisecond(0).toDate();
+  return date4.hour(Number(hour ?? 0)).minute(Number(minute ?? 0)).second(precision === "second" ? Number(second ?? 0) : 0).millisecond(0).toDate();
 }
 function MobileDateTimePickerView({
   value,
+  dateFormat,
   min: min2,
   max: max2,
   onChange
 }) {
+  const precision = resolveTimePickerPrecision(dateFormat);
   const columns = import_react216.default.useMemo(
-    () => [getDateOptions(value, min2, max2), hourOptions, minuteOptions, secondOptions],
-    [value, min2, max2]
+    () => [getDateOptions(value, min2, max2), ...getTimePickerColumns(precision)],
+    [value, min2, max2, precision]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     picker_view_default,
     {
       columns,
-      value: getDateTimePickerValue(value),
-      onChange: (nextValue) => onChange(applyDateTimePickerValue(value, nextValue)),
+      value: getDateTimePickerValue(value, precision),
+      onChange: (nextValue) => onChange(applyDateTimePickerValue(value, nextValue, precision)),
       className: "sy-mobile-time-picker sy-mobile-date-time-picker",
       renderLabel: (item) => item.label
     }
@@ -31873,10 +31884,10 @@ function DateFieldMobile({
             }
           ),
           mode === "time" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(MobileTimePickerView, { value: tempDate, onChange: setTempDate }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(MobileTimePickerView, { value: tempDate, dateFormat: format2, onChange: setTempDate }),
             /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "sy-mobile-date-time-footer", children: [
               /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: "\u9009\u62E9\u65F6\u95F4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("button", { type: "button", className: "sy-mobile-time-pill is-active", children: formatMobileTime(tempDate) })
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("button", { type: "button", className: "sy-mobile-time-pill is-active", children: formatMobileTime(tempDate, format2) })
             ] })
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
@@ -31907,7 +31918,7 @@ function DateFieldMobile({
                   type: "button",
                   className: "sy-mobile-time-pill",
                   onClick: () => setMode("time"),
-                  children: formatMobileTime(tempDate)
+                  children: formatMobileTime(tempDate, format2)
                 }
               )
             ] }) : null
@@ -32167,6 +32178,7 @@ function CascadeDateFieldMobile({
             MobileDateTimePickerView,
             {
               value: timeStep === "start" ? tempStart : tempEnd,
+              dateFormat: format2,
               min: timeStep === "start" ? min2 : endMin,
               max: max2,
               onChange: timeStep === "start" ? updateTempStart : updateTempEnd
@@ -46094,6 +46106,7 @@ var StandardFormPage = ({
   mode,
   initialValues,
   permissions,
+  api: externalApi,
   formUuid,
   appType,
   formInstanceId,
@@ -46107,7 +46120,7 @@ var StandardFormPage = ({
   const formType = normalizeStandardFormType(
     schema.template?.formType || (resolvedMode === "process" ? "process" : "form")
   );
-  const api = (0, import_react278.useMemo)(() => {
+  const submitApi = (0, import_react278.useMemo)(() => {
     if (!onSubmit) return void 0;
     return {
       submitFormData: async (payload) => onSubmit(
@@ -46120,6 +46133,13 @@ var StandardFormPage = ({
       }
     };
   }, [formType, onSubmit]);
+  const api = (0, import_react278.useMemo)(() => {
+    if (!externalApi && !submitApi) return void 0;
+    return {
+      ...externalApi ?? {},
+      ...submitApi ?? {}
+    };
+  }, [externalApi, submitApi]);
   if (resolvedMode === "process") {
     return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       ProcessDetailTemplate,
@@ -46175,6 +46195,17 @@ var StandardFormPage = ({
 
 // packages/sdk/src/components/modules/DataManagementList.tsx
 var import_jsx_runtime101 = require("react/jsx-runtime");
+var DEFAULT_MAX_VISIBLE_ROW_ACTIONS = 4;
+var ACTION_COLUMN_MIN_WIDTH = 96;
+var ACTION_BUTTON_ESTIMATED_WIDTH = 56;
+var ACTION_MORE_BUTTON_WIDTH = 36;
+var ACTION_COLUMN_HORIZONTAL_PADDING = 24;
+function normalizeMaxVisibleRowActions(maxVisibleRowActions) {
+  if (typeof maxVisibleRowActions !== "number" || !Number.isFinite(maxVisibleRowActions)) {
+    return DEFAULT_MAX_VISIBLE_ROW_ACTIONS;
+  }
+  return Math.max(0, Math.floor(maxVisibleRowActions));
+}
 var createGroup = () => ({
   id: `group_${Date.now()}_${Math.random().toString(36).slice(2)}`,
   logic: "AND",
@@ -47107,7 +47138,8 @@ var DataManagementList = ({
   detailPageUrlBuilder,
   submitRenderer,
   requestOverride,
-  rowActions = []
+  rowActions = [],
+  maxVisibleRowActions
 }) => {
   const rootRef = (0, import_react279.useRef)(null);
   const api = (0, import_react279.useMemo)(() => {
@@ -47537,6 +47569,12 @@ var DataManagementList = ({
     setImportBase64("");
     await loadData({ current: 1, pageSize });
   };
+  const visibleRowActionLimit = normalizeMaxVisibleRowActions(maxVisibleRowActions);
+  const rowActionCount = 1 + rowActions.length + (readonly ? 0 : 1) + (isProcessForm ? 1 : 0);
+  const actionColumnWidth = Math.max(
+    ACTION_COLUMN_MIN_WIDTH,
+    Math.min(rowActionCount, visibleRowActionLimit) * ACTION_BUTTON_ESTIMATED_WIDTH + (rowActionCount > visibleRowActionLimit ? ACTION_MORE_BUTTON_WIDTH : 0) + ACTION_COLUMN_HORIZONTAL_PADDING
+  );
   const columns = (0, import_react279.useMemo)(() => {
     const baseColumns = visibleFields.map((field) => {
       const columnWidth = widths[field.fieldId] || field.width || 160;
@@ -47563,53 +47601,88 @@ var DataManagementList = ({
       {
         title: "\u64CD\u4F5C",
         key: "__actions",
-        width: 136,
+        width: actionColumnWidth,
         fixed: "right",
-        render: (_, record2) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_antd39.Space, { size: 4, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_antd39.Button, { type: "link", size: "small", onClick: () => handleDetail(record2), children: "\u8BE6\u60C5" }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-            import_antd39.Dropdown,
+        render: (_, record2) => {
+          const actions = [
             {
-              trigger: ["click"],
-              getPopupContainer,
-              menu: {
-                items: [
-                  ...!readonly ? [
-                    {
-                      key: "delete",
-                      label: "\u5220\u9664",
-                      danger: true,
-                      icon: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_icons16.DeleteOutlined, {}),
-                      onClick: () => confirmDanger(
-                        "\u786E\u8BA4\u5220\u9664",
-                        "\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D\uFF0C\u786E\u8BA4\u7EE7\u7EED\u5417\uFF1F",
-                        () => handleDelete([String(getRecordId(record2))])
-                      )
-                    }
-                  ] : [],
-                  ...rowActions.map((action) => ({
+              key: "detail",
+              label: "\u8BE6\u60C5",
+              onClick: () => handleDetail(record2)
+            },
+            ...rowActions.map((action) => ({
+              key: action.key,
+              label: action.label,
+              danger: action.danger,
+              onClick: () => action.onClick(record2)
+            })),
+            ...!readonly ? [
+              {
+                key: "delete",
+                label: "\u5220\u9664",
+                danger: true,
+                icon: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_icons16.DeleteOutlined, {}),
+                onClick: () => confirmDanger(
+                  "\u786E\u8BA4\u5220\u9664",
+                  "\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D\uFF0C\u786E\u8BA4\u7EE7\u7EED\u5417\uFF1F",
+                  () => handleDelete([String(getRecordId(record2))])
+                )
+              }
+            ] : [],
+            ...isProcessForm ? [
+              {
+                key: "workflow",
+                label: "\u6D41\u7A0B\u65E5\u5FD7",
+                icon: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_icons16.HistoryOutlined, {}),
+                onClick: () => import_antd39.message.info("\u8BF7\u901A\u8FC7 detailRenderer \u63A5\u5165\u6D41\u7A0B\u65E5\u5FD7\u6216\u6D41\u7A0B\u56FE\u5165\u53E3")
+              }
+            ] : []
+          ];
+          const visibleActions = actions.slice(0, visibleRowActionLimit);
+          const moreActions = actions.slice(visibleRowActionLimit);
+          return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_antd39.Space, { size: 4, children: [
+            visibleActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+              import_antd39.Button,
+              {
+                type: "link",
+                size: "small",
+                danger: action.danger,
+                onClick: action.onClick,
+                children: action.label
+              },
+              action.key
+            )),
+            moreActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+              import_antd39.Dropdown,
+              {
+                trigger: ["click"],
+                getPopupContainer,
+                menu: {
+                  items: moreActions.map((action) => ({
                     key: action.key,
                     label: action.label,
                     danger: action.danger,
-                    onClick: () => action.onClick(record2)
-                  })),
-                  ...isProcessForm ? [
-                    {
-                      key: "workflow",
-                      label: "\u6D41\u7A0B\u65E5\u5FD7",
-                      icon: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_icons16.HistoryOutlined, {}),
-                      onClick: () => import_antd39.message.info("\u8BF7\u901A\u8FC7 detailRenderer \u63A5\u5165\u6D41\u7A0B\u65E5\u5FD7\u6216\u6D41\u7A0B\u56FE\u5165\u53E3")
-                    }
-                  ] : []
-                ]
-              },
-              children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_antd39.Button, { type: "text", size: "small", icon: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_icons16.MoreOutlined, {}) })
-            }
-          )
-        ] })
+                    icon: action.icon,
+                    onClick: action.onClick
+                  }))
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                  import_antd39.Button,
+                  {
+                    type: "text",
+                    size: "small",
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_icons16.MoreOutlined, {}),
+                    "aria-label": "\u66F4\u591A\u64CD\u4F5C"
+                  }
+                )
+              }
+            )
+          ] });
+        }
       }
     ];
   }, [
+    actionColumnWidth,
     confirmDanger,
     commitColumnWidth,
     getPopupContainer,
@@ -47620,13 +47693,17 @@ var DataManagementList = ({
     readonly,
     rowActions,
     updateColumnWidth,
+    visibleRowActionLimit,
     visibleFields,
     widths
   ]);
   const tableSize = density === "compact" ? "small" : density === "loose" ? "large" : "middle";
   const tableScrollX = Math.max(
     900,
-    visibleFields.reduce((sum, field) => sum + (widths[field.fieldId] || field.width || 160), 136)
+    visibleFields.reduce(
+      (sum, field) => sum + (widths[field.fieldId] || field.width || 160),
+      actionColumnWidth
+    )
   );
   const importPreviewColumns = (0, import_react279.useMemo)(() => {
     const keys2 = Array.from(
@@ -48278,6 +48355,7 @@ function LowcodePageRenderer({ schema, context }) {
           configScope: "personal",
           forcedConfig: props.forcedConfig,
           showForcedConfig: props.showForcedConfig,
+          maxVisibleRowActions: props.maxVisibleRowActions,
           requestOverride
         },
         node.id