@pisell/private-materials 3.4.77 → 3.4.78

package/lib/plus/saasAttendance/settings/PermissonTab.js

@@ -0,0 +1,128 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasAttendance/settings/PermissonTab.tsx
+var PermissonTab_exports = {};
+__export(PermissonTab_exports, {
+  default: () => PermissonTab_default
+});
+module.exports = __toCommonJS(PermissonTab_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var PermissionField = (props) => {
+  var _a;
+  (0, import_react.useEffect)(() => {
+    var _a2, _b;
+    if (typeof ((_a2 = props.value) == null ? void 0 : _a2.member_data_view_range) === "undefined") {
+      (_b = props.onChange) == null ? void 0 : _b.call(props, {
+        ...props.value || {},
+        member_data_view_range: ["this_week"]
+      });
+    }
+  }, []);
+  const options = [
+    {
+      label: import_utils.locales.getText(
+        "pisell2.attendance.group-settings.basic-info.permission.this-week.recommended"
+      ),
+      value: "this_week"
+    },
+    {
+      label: import_utils.locales.getText(
+        "pisell2.attendance.group-settings.basic-info.permission.last-week"
+      ),
+      value: "last_week"
+    },
+    {
+      label: import_utils.locales.getText(
+        "pisell2.attendance.group-settings.basic-info.permission.this-month"
+      ),
+      value: "this_month"
+    }
+  ];
+  const value = (_a = props.value) == null ? void 0 : _a.member_data_view_range;
+  const isLimited = Array.isArray(value) && value.length > 0;
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Radio.Group,
+    {
+      value: isLimited ? "limited" : "unlimited",
+      onChange: (e) => {
+        var _a2, _b;
+        const nextMode = e.target.value;
+        if (nextMode === "limited") {
+          const next = Array.isArray(value) && value.length > 0 ? value : ["this_week"];
+          (_a2 = props.onChange) == null ? void 0 : _a2.call(props, {
+            ...props.value || {},
+            member_data_view_range: next
+          });
+        } else {
+          (_b = props.onChange) == null ? void 0 : _b.call(props, {
+            ...props.value || {},
+            member_data_view_range: []
+          });
+        }
+      },
+      style: { marginBottom: 8 }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { value: "limited" }, import_utils.locales.getText(
+      "pisell2.attendance.group-settings.basic-info.permission.limited"
+    )),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { value: "unlimited" }, import_utils.locales.getText(
+      "pisell2.attendance.group-settings.basic-info.permission.unlimited"
+    ))
+  ), isLimited && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Select,
+    {
+      mode: "multiple",
+      allowClear: true,
+      value,
+      options,
+      onChange: (next) => {
+        var _a2;
+        (_a2 = props.onChange) == null ? void 0 : _a2.call(props, {
+          ...props.value || {},
+          member_data_view_range: next.length > 0 ? next : []
+        });
+      }
+    }
+  ));
+};
+var PermissonTab = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__panel", id: props.id }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Form.Item,
+    {
+      label: import_utils.locales.getText(
+        "pisell2.attendance.group-settings.data-permission.employee-data-view-range"
+      ),
+      name: "permission"
+    },
+    /* @__PURE__ */ import_react.default.createElement(PermissionField, null)
+  ));
+};
+var PermissonTab_default = PermissonTab;

package/lib/plus/saasAttendance/settings/ShiftScheduleTab.js

@@ -37,6 +37,7 @@ var import_antd = require("antd");
 var import_materials = require("@pisell/materials");
 var import_utils = require("@pisell/utils");
 var import_shiftModal = __toESM(require("./components/shiftModal"));
+var import_ShiftPreview = __toESM(require("./components/shiftModal/ShiftPreview"));
 var ScheduleSetting = (props) => {
   const { value, onChange } = props;
   const [open, setOpen] = (0, import_react.useState)(false);
@@ -101,6 +102,6 @@ var ShiftScheduleTab = (props) => {
       ]
     },
     /* @__PURE__ */ import_react.default.createElement(ScheduleSetting, null)
-  ));
+  ), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { noStyle: true, shouldUpdate: true }, (form) => /* @__PURE__ */ import_react.default.createElement(import_ShiftPreview.default, { value: form.getFieldValue(["shift", "fixed"]) })));
 };
 var ShiftScheduleTab_default = ShiftScheduleTab;

package/lib/plus/saasAttendance/settings/components/MapField.js

@@ -401,6 +401,9 @@ var MapField = (0, import_react.forwardRef)((props, ref) => {
   const locations = (0, import_react.useMemo)(() => normalizeLocations(value), [value]);
   const [addLocationOpen, setAddLocationOpen] = (0, import_react.useState)(false);
   const [editingLocationValue, setEditingLocationValue] = (0, import_react.useState)(null);
+  const [editingLocationId, setEditingLocationId] = (0, import_react.useState)(
+    null
+  );
   const locationFormMapRef = (0, import_react.useRef)(null);
   const mapRef = (0, import_react.useRef)(null);
   const [isMapReady, setIsMapReady] = (0, import_react.useState)(false);
@@ -472,6 +475,7 @@ var MapField = (0, import_react.forwardRef)((props, ref) => {
           validRangeMeters: defaultRadius
         };
         setAddLocationOpen(true);
+        setEditingLocationId(null);
         setEditingLocationValue(baseFormValue);
         const currentPosition = await getCurrentPosition();
         if (currentPosition) {
@@ -485,12 +489,12 @@ var MapField = (0, import_react.forwardRef)((props, ref) => {
     }),
     [defaultRadius]
   );
-  const handleAddLocation = async () => {
+  const handleSubmitLocation = async () => {
     if (!locationFormMapRef.current) return;
     try {
       const values = await locationFormMapRef.current.validate();
-      const newLocation = {
-        id: createLocationId(),
+      const nextLocation = {
+        id: editingLocationId ?? createLocationId(),
         name: toMultiLangName(values.name),
         radius: values.validRangeMeters,
         address: {
@@ -498,15 +502,37 @@ var MapField = (0, import_react.forwardRef)((props, ref) => {
           lng: parseFloat(values.longitude) || 0
         }
       };
-      const nextLocations = [newLocation, ...locations];
-      onChange == null ? void 0 : onChange(nextLocations);
-      setActiveLocationId(newLocation.id);
+      if (editingLocationId) {
+        const nextLocations = locations.map(
+          (loc) => loc.id === editingLocationId ? nextLocation : loc
+        );
+        onChange == null ? void 0 : onChange(nextLocations);
+        setActiveLocationId(editingLocationId);
+      } else {
+        const nextLocations = [nextLocation, ...locations];
+        onChange == null ? void 0 : onChange(nextLocations);
+        setActiveLocationId(nextLocation.id);
+      }
       setAddLocationOpen(false);
       setEditingLocationValue(null);
+      setEditingLocationId(null);
     } catch (error) {
       console.error("Validation failed:", error);
     }
   };
+  const handleEditLocation = (0, import_react.useCallback)(
+    (location) => {
+      setAddLocationOpen(true);
+      setEditingLocationId(location.id);
+      setEditingLocationValue({
+        name: toMultiLangName(location.name),
+        latitude: String(location.address.lat ?? ""),
+        longitude: String(location.address.lng ?? ""),
+        validRangeMeters: location.radius ?? defaultRadius
+      });
+    },
+    [defaultRadius]
+  );
   const handleRemoveLocation = (locationId) => {
     const nextLocations = locations.filter((loc) => loc.id !== locationId);
     onChange == null ? void 0 : onChange(nextLocations);
@@ -573,7 +599,19 @@ var MapField = (0, import_react.forwardRef)((props, ref) => {
       onClick: () => handleLocationItemClick(location),
       style: { cursor: "pointer" }
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-map-field__location-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__location-name" }, getLocationNameText(location.name)), /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-map-field__location-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__location-name" }, getLocationNameText(location.name)), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-map-field__location-actions" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        type: "text",
+        size: "small",
+        icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-edit-05", size: 16 }),
+        className: "saas-attendance-map-field__edit-btn",
+        onClick: (e) => {
+          e.stopPropagation();
+          handleEditLocation(location);
+        }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
       import_antd.Button,
       {
         type: "text",
@@ -585,7 +623,7 @@ var MapField = (0, import_react.forwardRef)((props, ref) => {
           handleRemoveLocation(location.id);
         }
       }
-    )),
+    ))),
     /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__location-meta" }, import_utils.locales.getText(
       "pisell2.attendance.group-settings.clock-in-method.add-location-modal.valid-range.label"
     ), ": ", /* @__PURE__ */ import_react.default.createElement("span", null, location.radius || defaultRadius))
@@ -601,20 +639,21 @@ var MapField = (0, import_react.forwardRef)((props, ref) => {
     {
       open: addLocationOpen,
       title: import_utils.locales.getText(
-        "pisell2.attendance.group-settings.clock-in-method.add-location-modal.title"
+        editingLocationId ? "pisell2.attendance.group-settings.clock-in-method.edit-location-modal.title" : "pisell2.attendance.group-settings.clock-in-method.add-location-modal.title"
       ),
       destroyOnHidden: true,
       onCancel: () => {
         setAddLocationOpen(false);
         setEditingLocationValue(null);
+        setEditingLocationId(null);
       },
       okText: import_utils.locales.getText(
-        "pisell2.attendance.group-settings.actions.add-location-confirm"
+        editingLocationId ? "pisell2.attendance.group-settings.actions.edit-location-confirm" : "pisell2.attendance.group-settings.actions.add-location-confirm"
       ),
       cancelText: import_utils.locales.getText(
         "pisell2.attendance.group-settings.actions.cancel"
       ),
-      onOk: handleAddLocation
+      onOk: handleSubmitLocation
     },
     /* @__PURE__ */ import_react.default.createElement(
       LocationFormMap,

package/lib/plus/saasAttendance/settings/components/shiftModal/ShiftPreview.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ShiftScheduleItem } from './index';
+import './ShiftPreview.less';
+declare const ShiftPreview: React.FC<{
+    value?: ShiftScheduleItem[];
+}>;
+export default ShiftPreview;

package/lib/plus/saasAttendance/settings/components/shiftModal/ShiftPreview.js

@@ -0,0 +1,150 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasAttendance/settings/components/shiftModal/ShiftPreview.tsx
+var ShiftPreview_exports = {};
+__export(ShiftPreview_exports, {
+  default: () => ShiftPreview_default
+});
+module.exports = __toCommonJS(ShiftPreview_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_ShiftPreview = require("./ShiftPreview.less");
+var WEEKDAYS = [1, 2, 3, 4, 5, 6, 7];
+var getWeekdayText = (weekday) => {
+  return import_utils.locales.getText(
+    `pisell2.attendance.group-settings.shift-schedule.modal.weekday.${weekday}`
+  );
+};
+var parseMinutes = (hhmm) => {
+  const [h, m] = (hhmm || "").split(":").map((v) => Number(v));
+  if (!Number.isFinite(h) || !Number.isFinite(m)) {
+    return null;
+  }
+  return h * 60 + m;
+};
+var formatClock = (hhmm) => {
+  const totalMinutes = parseMinutes(hhmm);
+  if (totalMinutes === null) return "";
+  const hours24 = Math.floor(totalMinutes / 60) % 24;
+  const minutes = totalMinutes % 60;
+  const suffix = hours24 >= 12 ? import_utils.locales.getText(
+    "pisell2.attendance.group-settings.shift-schedule.preview.period.pm"
+  ) : import_utils.locales.getText(
+    "pisell2.attendance.group-settings.shift-schedule.preview.period.am"
+  );
+  const hours12 = hours24 % 12 === 0 ? 12 : hours24 % 12;
+  return `${hours12}:${String(minutes).padStart(2, "0")} ${suffix}`;
+};
+var formatWeeklyHours = (totalMinutes) => {
+  const hours = totalMinutes / 60;
+  if (Number.isInteger(hours)) return `${hours}`;
+  return `${hours.toFixed(2)}`.replace(/\.?0+$/, "");
+};
+var formatDuration = (totalMinutes) => {
+  const hours = Math.floor(totalMinutes / 60);
+  const minutes = totalMinutes % 60;
+  return import_utils.locales.getText(
+    "pisell2.attendance.group-settings.shift-schedule.preview.duration"
+  )(hours, minutes);
+};
+var ShiftPreview = (props) => {
+  const schedule = Array.isArray(props.value) ? props.value : [];
+  const previewDays = (0, import_react.useMemo)(() => {
+    const byWeekday = /* @__PURE__ */ new Map();
+    schedule.forEach((item) => {
+      if (item && typeof item.weekday === "number") {
+        byWeekday.set(item.weekday, item);
+      }
+    });
+    return WEEKDAYS.map((weekday) => {
+      const item = byWeekday.get(weekday);
+      const times = Array.isArray(item == null ? void 0 : item.times) ? item.times : [];
+      const timeRanges = times.map((time) => {
+        const startText = formatClock(time == null ? void 0 : time.start);
+        const endText = formatClock(time == null ? void 0 : time.end);
+        if (!startText || !endText) return null;
+        return { startText, endText };
+      }).filter(Boolean);
+      const totalMinutes = times.reduce((sum, time) => {
+        const start = parseMinutes(time == null ? void 0 : time.start);
+        const end = parseMinutes(time == null ? void 0 : time.end);
+        if (start === null || end === null || end <= start) {
+          return sum;
+        }
+        return sum + (end - start);
+      }, 0);
+      return {
+        weekday,
+        timeRanges,
+        totalMinutes
+      };
+    });
+  }, [schedule]);
+  const workingDays = previewDays.filter((day) => day.totalMinutes > 0).length;
+  const weeklyMinutes = previewDays.reduce(
+    (sum, day) => sum + day.totalMinutes,
+    0
+  );
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-preview" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-summary" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-summary-card" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-summary-label" }, import_utils.locales.getText(
+    "pisell2.attendance.group-settings.shift-schedule.preview.working-days"
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-summary-value" }, workingDays), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-summary-unit" }, import_utils.locales.getText(
+    "pisell2.attendance.group-settings.shift-schedule.preview.days-per-week"
+  ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-summary-card" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-summary-label" }, import_utils.locales.getText(
+    "pisell2.attendance.group-settings.shift-schedule.preview.weekly-hours"
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-summary-value" }, formatWeeklyHours(weeklyMinutes)), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-summary-unit" }, import_utils.locales.getText(
+    "pisell2.attendance.group-settings.shift-schedule.preview.hours"
+  )))), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-table" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-table-head" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-table-cell" }, import_utils.locales.getText(
+    "pisell2.attendance.group-settings.shift-schedule.preview.table.day"
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-table-cell" }, import_utils.locales.getText(
+    "pisell2.attendance.group-settings.shift-schedule.preview.table.shift-times"
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-table-cell" }, import_utils.locales.getText(
+    "pisell2.attendance.group-settings.shift-schedule.preview.table.duration"
+  ))), previewDays.map((day) => /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      key: day.weekday,
+      className: "saas-attendance-group-settings__shift-table-row"
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-table-cell" }, getWeekdayText(day.weekday)),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-table-cell" }, day.timeRanges.length > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-times" }, day.timeRanges.map((range, index) => /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: `${day.weekday}-${index}`,
+        className: "saas-attendance-group-settings__shift-time-tag"
+      },
+      /* @__PURE__ */ import_react.default.createElement("span", { className: "saas-attendance-group-settings__shift-time-text" }, range.startText),
+      /* @__PURE__ */ import_react.default.createElement("span", { className: "saas-attendance-group-settings__shift-time-arrow" }, "→"),
+      /* @__PURE__ */ import_react.default.createElement("span", { className: "saas-attendance-group-settings__shift-time-text" }, range.endText)
+    ))) : /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-empty" }, import_utils.locales.getText(
+      "pisell2.attendance.group-settings.shift-schedule.preview.no-shift"
+    ))),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-table-cell" }, day.totalMinutes > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-duration" }, formatDuration(day.totalMinutes)) : /* @__PURE__ */ import_react.default.createElement("div", { className: "saas-attendance-group-settings__shift-duration-empty" }, formatDuration(0)))
+  ))));
+};
+var ShiftPreview_default = ShiftPreview;

package/lib/plus/saasAttendance/settings/components/shiftModal/ShiftPreview.less

@@ -0,0 +1,119 @@
+.saas-attendance-group-settings__shift-preview {
+  margin-top: 12px;
+}
+
+.saas-attendance-group-settings__shift-summary {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px;
+  margin-top: 12px;
+}
+
+.saas-attendance-group-settings__shift-summary-card {
+  border: 1px solid #e5e7eb;
+  border-radius: 10px;
+  background: #ffffff;
+  padding: 14px 16px;
+}
+
+.saas-attendance-group-settings__shift-summary-label {
+  font-size: 12px;
+  line-height: 18px;
+  color: #6b7280;
+}
+
+.saas-attendance-group-settings__shift-summary-value {
+  margin-top: 8px;
+  font-size: 28px;
+  line-height: 32px;
+  font-weight: 600;
+  color: #111827;
+}
+
+.saas-attendance-group-settings__shift-summary-unit {
+  margin-top: 4px;
+  font-size: 12px;
+  line-height: 18px;
+  color: #6b7280;
+}
+
+.saas-attendance-group-settings__shift-table {
+  margin-top: 12px;
+  border: 1px solid #e5e7eb;
+  border-radius: 10px;
+  overflow: hidden;
+  background: #ffffff;
+}
+
+.saas-attendance-group-settings__shift-table-head {
+  display: grid;
+  grid-template-columns: 1fr 3fr 1fr;
+  gap: 0;
+  padding: 12px 16px;
+  background: #f9fafb;
+  border-bottom: 1px solid #e5e7eb;
+  font-size: 12px;
+  color: #6b7280;
+}
+
+.saas-attendance-group-settings__shift-table-row {
+  display: grid;
+  grid-template-columns: 1fr 3fr 1fr;
+  gap: 0;
+  padding: 12px 16px;
+  border-bottom: 1px solid #f3f4f6;
+}
+
+.saas-attendance-group-settings__shift-table-row:last-child {
+  border-bottom: none;
+}
+
+.saas-attendance-group-settings__shift-table-cell {
+  display: flex;
+  align-items: center;
+}
+
+.saas-attendance-group-settings__shift-times {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.saas-attendance-group-settings__shift-time-tag {
+  padding: 2px 4px;
+  border-radius: 6px;
+  background: #f3f4f6;
+  color: #374151;
+  font-size: 12px;
+  font-weight: 500;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.saas-attendance-group-settings__shift-time-text {
+  color: inherit;
+}
+
+.saas-attendance-group-settings__shift-time-arrow {
+  color: #6b7280;
+}
+
+.saas-attendance-group-settings__shift-empty {
+  color: #9ca3af;
+  font-size: 12px;
+}
+
+.saas-attendance-group-settings__shift-duration {
+  padding: 2px 4px;
+  border-radius: 2px;
+  background: #ecfdf5;
+  color: #14532d;
+  font-size: 10px;
+  font-weight: 600;
+}
+
+.saas-attendance-group-settings__shift-duration-empty {
+  color: #9ca3af;
+  font-size: 12px;
+}

package/lib/plus/saasAttendance/settings/index.js

@@ -43,6 +43,7 @@ var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext")
 var import_utils2 = require("../../../utils");
 var import_locales = __toESM(require("../locales"));
 var import_BasicInfoTab = __toESM(require("./BasicInfoTab"));
+var import_PermissonTab = __toESM(require("./PermissonTab"));
 var import_ShiftScheduleTab = __toESM(require("./ShiftScheduleTab"));
 var import_ClockInMethodTab = __toESM(require("./ClockInMethodTab"));
 var import_CorrectionPolicyTab = __toESM(require("./CorrectionPolicyTab"));
@@ -68,6 +69,11 @@ var TAB_CONFIGS = [
     key: "correction",
     icon: "pisell2-clock",
     labelKey: "pisell2.attendance.group-settings.correction-policy"
+  },
+  {
+    key: "permission",
+    icon: "pisell2-user-01",
+    labelKey: "pisell2.attendance.group-settings.data-permission"
   }
 ];
 var generateSimpleUUID = () => {
@@ -272,6 +278,12 @@ var Settings = (0, import_react.forwardRef)((props, ref) => {
           form,
           id: `saas-attendance-settings-section-${_uniqueId}-correction`
         }
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_PermissonTab.default,
+        {
+          id: `saas-attendance-settings-section-${_uniqueId}-permission`
+        }
       )
     )
   ));

package/lib/plus/saasAttendance/settings/index.less

@@ -485,6 +485,21 @@
   gap: 8px;
 }
 
+.saas-attendance-map-field__location-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.saas-attendance-map-field__edit-btn {
+  color: #9ca3af;
+  transition: color 0.2s ease;
+
+  &:hover {
+    color: #7f56d9;
+  }
+}
+
 .saas-attendance-map-field__delete-btn {
   color: #9ca3af;
   transition: color 0.2s ease;

package/lib/plus/saasAttendance/settings/types.d.ts

@@ -65,6 +65,10 @@ export interface AttendanceCorrection {
     period_type: FrequencyType;
     period_custom: number | null;
 }
+export declare type MemberDataViewRange = 'this_week' | 'last_week' | 'this_month';
+export interface AttendancePermission {
+    member_data_view_range?: MemberDataViewRange[];
+}
 /**
  * 考勤组设置值 - 完整的API数据结构
  */
@@ -76,6 +80,7 @@ export interface AttendanceGroupSettingsValue {
     place: AttendancePlace;
     member_ids: number[];
     correction: AttendanceCorrection;
+    permission?: AttendancePermission;
     creator_type?: string;
     creator_id?: number;
     editor_type?: string;
@@ -90,6 +95,7 @@ export interface BasicInfoTabValue {
     name: MultiLangName;
     timezone: string;
     member_ids: number[];
+    permission?: AttendancePermission;
 }
 /**
  * 排班规则Tab的值

package/lib/plus/selectHolder/components/ErrorTip/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ErrorTip: ({ text }: any) => import("react").JSX.Element;
 export default ErrorTip;

package/lib/plus/walletEditor/components/ImageUpload/index.d.ts

@@ -3,6 +3,6 @@ export interface ImageUploadProps {
     value?: string;
     onChange?: (val: string) => void;
 }
-export declare const getBaseTime: (size: number) => 1000 | 2000 | 4000 | 8000;
+export declare const getBaseTime: (size: number) => 2000 | 1000 | 4000 | 8000;
 declare const ImageUpload: React.FC<ImageUploadProps>;
 export default ImageUpload;

package/lib/pro/Selector/Selector.d.ts

@@ -3,7 +3,7 @@ import { ItemLayout, ItemProps, PresetConfig, SelectorProps, SelectorVariant } f
 import './selector.less';
 export declare const SelectorContext: React.Context<{
     disabled?: boolean | undefined;
-    mode?: "single" | "multiple" | undefined;
+    mode?: "multiple" | "single" | undefined;
     itemLayout?: ItemLayout | undefined;
     valueType?: "object" | "primitive" | undefined;
     variant?: SelectorVariant | undefined;

package/lowcode/eco-cup-list/meta.ts

@@ -9,7 +9,7 @@ const EcoCupListMeta: ComponentMetadata = {
   "devMode": "proCode",
   "npm": {
     "package": "@pisell/private-materials",
-    "version": "6.3.93",
+    "version": "6.3.94",
     "exportName": "EcoCupList",
     "main": "src/index.ts",
     "destructuring": true,