openxiangda 1.0.17 → 1.0.18

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.18",
   "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,