openxiangda 1.0.17 → 1.0.19

package/packages/sdk/dist/components/index.d.mts

@@ -1975,6 +1975,7 @@ interface DataManagementListProps {
     submitRenderer?: SubmitRenderer;
     requestOverride?: FormRuntimeApi['request'] | FormRuntimeApiConfig;
     rowActions?: DataManagementRowAction[];
+    maxVisibleRowActions?: number;
 }
 declare const DataManagementList: React__default.FC<DataManagementListProps>;
 
@@ -2062,6 +2063,7 @@ interface StandardFormPageProps {
     mode?: StandardFormPageMode;
     initialValues?: Record<string, any> | null;
     permissions?: FormEngineConfig['permissions'];
+    api?: FormEngineConfig['api'];
     formUuid?: string;
     appType?: string;
     formInstanceId?: string;

package/packages/sdk/dist/components/index.d.ts

@@ -1975,6 +1975,7 @@ interface DataManagementListProps {
     submitRenderer?: SubmitRenderer;
     requestOverride?: FormRuntimeApi['request'] | FormRuntimeApiConfig;
     rowActions?: DataManagementRowAction[];
+    maxVisibleRowActions?: number;
 }
 declare const DataManagementList: React__default.FC<DataManagementListProps>;
 
@@ -2062,6 +2063,7 @@ interface StandardFormPageProps {
     mode?: StandardFormPageMode;
     initialValues?: Record<string, any> | null;
     permissions?: FormEngineConfig['permissions'];
+    api?: FormEngineConfig['api'];
     formUuid?: string;
     appType?: string;
     formInstanceId?: string;

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

@@ -30714,26 +30714,35 @@ var secondOptions = Array.from({ length: 60 }, (_, second) => ({
   label: `${second}\u79D2`,
   value: pad2(second)
 }));
-function formatMobileTime(date4) {
-  return dayjs14(date4).format("HH:mm:ss");
+function resolveTimePickerPrecision(dateFormat) {
+  return dateFormat && /s/i.test(dateFormat) ? "second" : "minute";
 }
-function getTimePickerValue(date4) {
-  return [dayjs14(date4).format("HH"), dayjs14(date4).format("mm"), dayjs14(date4).format("ss")];
+function formatMobileTime(date4, dateFormat) {
+  return dayjs14(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 = [dayjs14(date4).format("HH"), dayjs14(date4).format("mm")];
+  return precision === "second" ? [...base, dayjs14(date4).format("ss")] : base;
+}
+function applyTimePickerValue(base, value, precision = "second") {
   const [hour, minute, second] = value;
-  return dayjs14(base).hour(Number(hour ?? 0)).minute(Number(minute ?? 0)).second(Number(second ?? 0)).millisecond(0).toDate();
+  return dayjs14(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__ */ jsx34(
     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
     }
@@ -30770,30 +30779,32 @@ function getDateOptions(center, min2, max2) {
     };
   });
 }
-function getDateTimePickerValue(date4) {
-  return [dayjs14(date4).format("YYYY-MM-DD"), ...getTimePickerValue(date4)];
+function getDateTimePickerValue(date4, precision = "second") {
+  return [dayjs14(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 = dayjs14(String(dateValue || dayjs14(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 = React202.useMemo(
-    () => [getDateOptions(value, min2, max2), hourOptions, minuteOptions, secondOptions],
-    [value, min2, max2]
+    () => [getDateOptions(value, min2, max2), ...getTimePickerColumns(precision)],
+    [value, min2, max2, precision]
   );
   return /* @__PURE__ */ jsx34(
     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
     }
@@ -30874,10 +30885,10 @@ function DateFieldMobile({
             }
           ),
           mode === "time" ? /* @__PURE__ */ jsxs9(Fragment5, { children: [
-            /* @__PURE__ */ jsx35(MobileTimePickerView, { value: tempDate, onChange: setTempDate }),
+            /* @__PURE__ */ jsx35(MobileTimePickerView, { value: tempDate, dateFormat: format2, onChange: setTempDate }),
             /* @__PURE__ */ jsxs9("div", { className: "sy-mobile-date-time-footer", children: [
               /* @__PURE__ */ jsx35("span", { children: "\u9009\u62E9\u65F6\u95F4" }),
-              /* @__PURE__ */ jsx35("button", { type: "button", className: "sy-mobile-time-pill is-active", children: formatMobileTime(tempDate) })
+              /* @__PURE__ */ jsx35("button", { type: "button", className: "sy-mobile-time-pill is-active", children: formatMobileTime(tempDate, format2) })
             ] })
           ] }) : /* @__PURE__ */ jsxs9(Fragment5, { children: [
             /* @__PURE__ */ jsx35(
@@ -30908,7 +30919,7 @@ function DateFieldMobile({
                   type: "button",
                   className: "sy-mobile-time-pill",
                   onClick: () => setMode("time"),
-                  children: formatMobileTime(tempDate)
+                  children: formatMobileTime(tempDate, format2)
                 }
               )
             ] }) : null
@@ -31164,6 +31175,7 @@ function CascadeDateFieldMobile({
             MobileDateTimePickerView,
             {
               value: timeStep === "start" ? tempStart : tempEnd,
+              dateFormat: format2,
               min: timeStep === "start" ? min2 : endMin,
               max: max2,
               onChange: timeStep === "start" ? updateTempStart : updateTempEnd
@@ -45095,6 +45107,7 @@ var StandardFormPage = ({
   mode,
   initialValues,
   permissions,
+  api: externalApi,
   formUuid,
   appType,
   formInstanceId,
@@ -45108,7 +45121,7 @@ var StandardFormPage = ({
   const formType = normalizeStandardFormType(
     schema.template?.formType || (resolvedMode === "process" ? "process" : "form")
   );
-  const api = useMemo60(() => {
+  const submitApi = useMemo60(() => {
     if (!onSubmit) return void 0;
     return {
       submitFormData: async (payload) => onSubmit(
@@ -45121,6 +45134,13 @@ var StandardFormPage = ({
       }
     };
   }, [formType, onSubmit]);
+  const api = useMemo60(() => {
+    if (!externalApi && !submitApi) return void 0;
+    return {
+      ...externalApi ?? {},
+      ...submitApi ?? {}
+    };
+  }, [externalApi, submitApi]);
   if (resolvedMode === "process") {
     return /* @__PURE__ */ jsx100(
       ProcessDetailTemplate,
@@ -45176,6 +45196,17 @@ var StandardFormPage = ({
 
 // packages/sdk/src/components/modules/DataManagementList.tsx
 import { jsx as jsx101, jsxs as jsxs55 } from "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",
@@ -46108,7 +46139,8 @@ var DataManagementList = ({
   detailPageUrlBuilder,
   submitRenderer,
   requestOverride,
-  rowActions = []
+  rowActions = [],
+  maxVisibleRowActions
 }) => {
   const rootRef = useRef96(null);
   const api = useMemo61(() => {
@@ -46538,6 +46570,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 = useMemo61(() => {
     const baseColumns = visibleFields.map((field) => {
       const columnWidth = widths[field.fieldId] || field.width || 160;
@@ -46564,53 +46602,88 @@ var DataManagementList = ({
       {
         title: "\u64CD\u4F5C",
         key: "__actions",
-        width: 136,
+        width: actionColumnWidth,
         fixed: "right",
-        render: (_, record2) => /* @__PURE__ */ jsxs55(Space10, { size: 4, children: [
-          /* @__PURE__ */ jsx101(Button18, { type: "link", size: "small", onClick: () => handleDetail(record2), children: "\u8BE6\u60C5" }),
-          /* @__PURE__ */ jsx101(
-            Dropdown4,
+        render: (_, record2) => {
+          const actions = [
             {
-              trigger: ["click"],
-              getPopupContainer,
-              menu: {
-                items: [
-                  ...!readonly ? [
-                    {
-                      key: "delete",
-                      label: "\u5220\u9664",
-                      danger: true,
-                      icon: /* @__PURE__ */ jsx101(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__ */ jsx101(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__ */ jsx101(HistoryOutlined2, {}),
+                onClick: () => message5.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__ */ jsxs55(Space10, { size: 4, children: [
+            visibleActions.map((action) => /* @__PURE__ */ jsx101(
+              Button18,
+              {
+                type: "link",
+                size: "small",
+                danger: action.danger,
+                onClick: action.onClick,
+                children: action.label
+              },
+              action.key
+            )),
+            moreActions.length > 0 && /* @__PURE__ */ jsx101(
+              Dropdown4,
+              {
+                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__ */ jsx101(HistoryOutlined2, {}),
-                      onClick: () => message5.info("\u8BF7\u901A\u8FC7 detailRenderer \u63A5\u5165\u6D41\u7A0B\u65E5\u5FD7\u6216\u6D41\u7A0B\u56FE\u5165\u53E3")
-                    }
-                  ] : []
-                ]
-              },
-              children: /* @__PURE__ */ jsx101(Button18, { type: "text", size: "small", icon: /* @__PURE__ */ jsx101(MoreOutlined3, {}) })
-            }
-          )
-        ] })
+                    icon: action.icon,
+                    onClick: action.onClick
+                  }))
+                },
+                children: /* @__PURE__ */ jsx101(
+                  Button18,
+                  {
+                    type: "text",
+                    size: "small",
+                    icon: /* @__PURE__ */ jsx101(MoreOutlined3, {}),
+                    "aria-label": "\u66F4\u591A\u64CD\u4F5C"
+                  }
+                )
+              }
+            )
+          ] });
+        }
       }
     ];
   }, [
+    actionColumnWidth,
     confirmDanger,
     commitColumnWidth,
     getPopupContainer,
@@ -46621,13 +46694,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 = useMemo61(() => {
     const keys2 = Array.from(
@@ -47275,6 +47352,7 @@ function LowcodePageRenderer({ schema, context }) {
           configScope: "personal",
           forcedConfig: props.forcedConfig,
           showForcedConfig: props.showForcedConfig,
+          maxVisibleRowActions: props.maxVisibleRowActions,
           requestOverride
         },
         node.id