@pisell/private-materials 3.4.77 → 3.4.78

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

@@ -0,0 +1,79 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { useEffect } from 'react';
+import { Form, Select, Radio } from 'antd';
+import { locales } from '@pisell/utils';
+var PermissionField = function PermissionField(props) {
+  var _props$value2;
+  useEffect(function () {
+    var _props$value;
+    if (typeof ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.member_data_view_range) === 'undefined') {
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, _objectSpread(_objectSpread({}, props.value || {}), {}, {
+        member_data_view_range: ['this_week']
+      }));
+    }
+  }, []);
+  var options = [{
+    label: locales.getText('pisell2.attendance.group-settings.basic-info.permission.this-week.recommended'),
+    value: 'this_week'
+  }, {
+    label: locales.getText('pisell2.attendance.group-settings.basic-info.permission.last-week'),
+    value: 'last_week'
+  }, {
+    label: locales.getText('pisell2.attendance.group-settings.basic-info.permission.this-month'),
+    value: 'this_month'
+  }];
+  var value = (_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.member_data_view_range;
+  var isLimited = Array.isArray(value) && value.length > 0;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Radio.Group, {
+    value: isLimited ? 'limited' : 'unlimited',
+    onChange: function onChange(e) {
+      var nextMode = e.target.value;
+      if (nextMode === 'limited') {
+        var _props$onChange2;
+        var next = Array.isArray(value) && value.length > 0 ? value : ['this_week'];
+        (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 || _props$onChange2.call(props, _objectSpread(_objectSpread({}, props.value || {}), {}, {
+          member_data_view_range: next
+        }));
+      } else {
+        var _props$onChange3;
+        (_props$onChange3 = props.onChange) === null || _props$onChange3 === void 0 || _props$onChange3.call(props, _objectSpread(_objectSpread({}, props.value || {}), {}, {
+          member_data_view_range: []
+        }));
+      }
+    },
+    style: {
+      marginBottom: 8
+    }
+  }, /*#__PURE__*/React.createElement(Radio, {
+    value: "limited"
+  }, locales.getText('pisell2.attendance.group-settings.basic-info.permission.limited')), /*#__PURE__*/React.createElement(Radio, {
+    value: "unlimited"
+  }, locales.getText('pisell2.attendance.group-settings.basic-info.permission.unlimited'))), isLimited && /*#__PURE__*/React.createElement(Select, {
+    mode: "multiple",
+    allowClear: true,
+    value: value,
+    options: options,
+    onChange: function onChange(next) {
+      var _props$onChange4;
+      (_props$onChange4 = props.onChange) === null || _props$onChange4 === void 0 || _props$onChange4.call(props, _objectSpread(_objectSpread({}, props.value || {}), {}, {
+        member_data_view_range: next.length > 0 ? next : []
+      }));
+    }
+  }));
+};
+var PermissonTab = function PermissonTab(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__panel",
+    id: props.id
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: locales.getText('pisell2.attendance.group-settings.data-permission.employee-data-view-range'),
+    name: "permission"
+  }, /*#__PURE__*/React.createElement(PermissionField, null)));
+};
+export default PermissonTab;

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

@@ -13,8 +13,7 @@ import { Button, Form, Radio } from 'antd';
 import { Icon } from '@pisell/materials';
 import { locales } from '@pisell/utils';
 import ShiftModal from "./components/shiftModal";
-
-// 注意时间，不要存在交叉的情况
+import ShiftPreview from "./components/shiftModal/ShiftPreview";
 var ScheduleSetting = function ScheduleSetting(props) {
   var value = props.value,
     onChange = props.onChange;
@@ -104,6 +103,13 @@ var ShiftScheduleTab = function ShiftScheduleTab(props) {
         return validator;
       }()
     }]
-  }, /*#__PURE__*/React.createElement(ScheduleSetting, null)));
+  }, /*#__PURE__*/React.createElement(ScheduleSetting, null)), /*#__PURE__*/React.createElement(Form.Item, {
+    noStyle: true,
+    shouldUpdate: true
+  }, function (form) {
+    return /*#__PURE__*/React.createElement(ShiftPreview, {
+      value: form.getFieldValue(['shift', 'fixed'])
+    });
+  }));
 };
 export default ShiftScheduleTab;

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

@@ -470,16 +470,20 @@ var MapField = /*#__PURE__*/forwardRef(function (props, ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     editingLocationValue = _useState8[0],
     setEditingLocationValue = _useState8[1];
+  var _useState9 = useState(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    editingLocationId = _useState10[0],
+    setEditingLocationId = _useState10[1];
   var locationFormMapRef = useRef(null);
   var mapRef = useRef(null);
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    isMapReady = _useState10[0],
-    setIsMapReady = _useState10[1];
-  var _useState11 = useState(null),
+  var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    activeLocationId = _useState12[0],
-    setActiveLocationId = _useState12[1];
+    isMapReady = _useState12[0],
+    setIsMapReady = _useState12[1];
+  var _useState13 = useState(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    activeLocationId = _useState14[0],
+    setActiveLocationId = _useState14[1];
   var context = useEngineContext();
   useEffect(function () {
     if (!onChange || !Array.isArray(value) || value.length === 0) return;
@@ -595,21 +599,19 @@ var MapField = /*#__PURE__*/forwardRef(function (props, ref) {
                   validRangeMeters: defaultRadius
                 };
                 setAddLocationOpen(true);
+                setEditingLocationId(null);
                 setEditingLocationValue(baseFormValue);
-
-                // Request geolocation permission and get current position
-                _context4.next = 5;
+                _context4.next = 6;
                 return getCurrentPosition();
-              case 5:
+              case 6:
                 currentPosition = _context4.sent;
                 if (currentPosition) {
-                  // Pre-fill the form with current position
                   setEditingLocationValue(_objectSpread(_objectSpread({}, baseFormValue), {}, {
                     latitude: currentPosition.lat.toFixed(6),
                     longitude: currentPosition.lng.toFixed(6)
                   }));
                 }
-              case 7:
+              case 8:
               case "end":
                 return _context4.stop();
             }
@@ -622,9 +624,9 @@ var MapField = /*#__PURE__*/forwardRef(function (props, ref) {
       }()
     };
   }, [defaultRadius]);
-  var handleAddLocation = /*#__PURE__*/function () {
+  var handleSubmitLocation = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-      var _values, newLocation, nextLocations;
+      var _values, nextLocation, nextLocations, _nextLocations;
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
@@ -639,37 +641,56 @@ var MapField = /*#__PURE__*/forwardRef(function (props, ref) {
             return locationFormMapRef.current.validate();
           case 5:
             _values = _context5.sent;
-            newLocation = {
-              id: createLocationId(),
+            nextLocation = {
+              id: editingLocationId !== null && editingLocationId !== void 0 ? editingLocationId : createLocationId(),
               name: toMultiLangName(_values.name),
               radius: _values.validRangeMeters,
               address: {
                 lat: parseFloat(_values.latitude) || 0,
                 lng: parseFloat(_values.longitude) || 0
               }
-            }; // Use unshift - add new location to the beginning
-            nextLocations = [newLocation].concat(_toConsumableArray(locations));
-            onChange === null || onChange === void 0 || onChange(nextLocations);
-            // Set the new location as active
-            setActiveLocationId(newLocation.id);
+            };
+            if (editingLocationId) {
+              nextLocations = locations.map(function (loc) {
+                return loc.id === editingLocationId ? nextLocation : loc;
+              });
+              onChange === null || onChange === void 0 || onChange(nextLocations);
+              setActiveLocationId(editingLocationId);
+            } else {
+              _nextLocations = [nextLocation].concat(_toConsumableArray(locations));
+              onChange === null || onChange === void 0 || onChange(_nextLocations);
+              setActiveLocationId(nextLocation.id);
+            }
             setAddLocationOpen(false);
             setEditingLocationValue(null);
-            _context5.next = 17;
+            setEditingLocationId(null);
+            _context5.next = 16;
             break;
-          case 14:
-            _context5.prev = 14;
+          case 13:
+            _context5.prev = 13;
             _context5.t0 = _context5["catch"](2);
             console.error('Validation failed:', _context5.t0);
-          case 17:
+          case 16:
           case "end":
             return _context5.stop();
         }
-      }, _callee5, null, [[2, 14]]);
+      }, _callee5, null, [[2, 13]]);
     }));
-    return function handleAddLocation() {
+    return function handleSubmitLocation() {
       return _ref.apply(this, arguments);
     };
   }();
+  var handleEditLocation = useCallback(function (location) {
+    var _location$address$lat, _location$address$lng, _location$radius;
+    setAddLocationOpen(true);
+    setEditingLocationId(location.id);
+    setEditingLocationValue({
+      name: toMultiLangName(location.name),
+      latitude: String((_location$address$lat = location.address.lat) !== null && _location$address$lat !== void 0 ? _location$address$lat : ''),
+      longitude: String((_location$address$lng = location.address.lng) !== null && _location$address$lng !== void 0 ? _location$address$lng : ''),
+      validRangeMeters: (_location$radius = location.radius) !== null && _location$radius !== void 0 ? _location$radius : defaultRadius
+    });
+  }, [defaultRadius]);
   var handleRemoveLocation = function handleRemoveLocation(locationId) {
     var nextLocations = locations.filter(function (loc) {
       return loc.id !== locationId;
@@ -769,7 +790,21 @@ var MapField = /*#__PURE__*/forwardRef(function (props, ref) {
         className: "saas-attendance-map-field__location-header"
       }, /*#__PURE__*/React.createElement("div", {
         className: "saas-attendance-group-settings__location-name"
-      }, getLocationNameText(location.name)), /*#__PURE__*/React.createElement(Button, {
+      }, getLocationNameText(location.name)), /*#__PURE__*/React.createElement("div", {
+        className: "saas-attendance-map-field__location-actions"
+      }, /*#__PURE__*/React.createElement(Button, {
+        type: "text",
+        size: "small",
+        icon: /*#__PURE__*/React.createElement(Icon, {
+          type: "pisell2-edit-05",
+          size: 16
+        }),
+        className: "saas-attendance-map-field__edit-btn",
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          handleEditLocation(location);
+        }
+      }), /*#__PURE__*/React.createElement(Button, {
         type: "text",
         size: "small",
         icon: /*#__PURE__*/React.createElement(Icon, {
@@ -781,7 +816,7 @@ var MapField = /*#__PURE__*/forwardRef(function (props, ref) {
           e.stopPropagation(); // Prevent triggering location item click
           handleRemoveLocation(location.id);
         }
-      })), /*#__PURE__*/React.createElement("div", {
+      }))), /*#__PURE__*/React.createElement("div", {
         className: "saas-attendance-group-settings__location-meta"
       }, locales.getText('pisell2.attendance.group-settings.clock-in-method.add-location-modal.valid-range.label'), ": ", /*#__PURE__*/React.createElement("span", null, location.radius || defaultRadius)));
     })));
@@ -790,15 +825,16 @@ var MapField = /*#__PURE__*/forwardRef(function (props, ref) {
     className: "saas-attendance-group-settings__locations-box ".concat(className || '')
   }, locations.length === 0 ? renderEmptyState() : renderLocationsList()), /*#__PURE__*/React.createElement(PisellModal, {
     open: addLocationOpen,
-    title: locales.getText('pisell2.attendance.group-settings.clock-in-method.add-location-modal.title'),
+    title: locales.getText(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: function onCancel() {
       setAddLocationOpen(false);
       setEditingLocationValue(null);
+      setEditingLocationId(null);
     },
-    okText: locales.getText('pisell2.attendance.group-settings.actions.add-location-confirm'),
+    okText: locales.getText(editingLocationId ? 'pisell2.attendance.group-settings.actions.edit-location-confirm' : 'pisell2.attendance.group-settings.actions.add-location-confirm'),
     cancelText: locales.getText('pisell2.attendance.group-settings.actions.cancel'),
-    onOk: handleAddLocation
+    onOk: handleSubmitLocation
   }, /*#__PURE__*/React.createElement(LocationFormMap, {
     ref: locationFormMapRef,
     value: editingLocationValue,

package/es/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/es/plus/saasAttendance/settings/components/shiftModal/ShiftPreview.js

@@ -0,0 +1,149 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useMemo } from 'react';
+import { locales } from '@pisell/utils';
+import "./ShiftPreview.less";
+var WEEKDAYS = [1, 2, 3, 4, 5, 6, 7];
+var getWeekdayText = function getWeekdayText(weekday) {
+  return locales.getText("pisell2.attendance.group-settings.shift-schedule.modal.weekday.".concat(weekday));
+};
+var parseMinutes = function parseMinutes(hhmm) {
+  var _split$map = (hhmm || '').split(':').map(function (v) {
+      return Number(v);
+    }),
+    _split$map2 = _slicedToArray(_split$map, 2),
+    h = _split$map2[0],
+    m = _split$map2[1];
+  if (!Number.isFinite(h) || !Number.isFinite(m)) {
+    return null;
+  }
+  return h * 60 + m;
+};
+var formatClock = function formatClock(hhmm) {
+  var totalMinutes = parseMinutes(hhmm);
+  if (totalMinutes === null) return '';
+  var hours24 = Math.floor(totalMinutes / 60) % 24;
+  var minutes = totalMinutes % 60;
+  var suffix = hours24 >= 12 ? locales.getText('pisell2.attendance.group-settings.shift-schedule.preview.period.pm') : locales.getText('pisell2.attendance.group-settings.shift-schedule.preview.period.am');
+  var hours12 = hours24 % 12 === 0 ? 12 : hours24 % 12;
+  return "".concat(hours12, ":").concat(String(minutes).padStart(2, '0'), " ").concat(suffix);
+};
+var formatWeeklyHours = function formatWeeklyHours(totalMinutes) {
+  var hours = totalMinutes / 60;
+  if (Number.isInteger(hours)) return "".concat(hours);
+  return "".concat(hours.toFixed(2)).replace(/\.?0+$/, '');
+};
+var formatDuration = function formatDuration(totalMinutes) {
+  var hours = Math.floor(totalMinutes / 60);
+  var minutes = totalMinutes % 60;
+  return locales.getText('pisell2.attendance.group-settings.shift-schedule.preview.duration')(hours, minutes);
+};
+var ShiftPreview = function ShiftPreview(props) {
+  var schedule = Array.isArray(props.value) ? props.value : [];
+  var previewDays = useMemo(function () {
+    var byWeekday = new Map();
+    schedule.forEach(function (item) {
+      if (item && typeof item.weekday === 'number') {
+        byWeekday.set(item.weekday, item);
+      }
+    });
+    return WEEKDAYS.map(function (weekday) {
+      var item = byWeekday.get(weekday);
+      var times = Array.isArray(item === null || item === void 0 ? void 0 : item.times) ? item.times : [];
+      var timeRanges = times.map(function (time) {
+        var startText = formatClock(time === null || time === void 0 ? void 0 : time.start);
+        var endText = formatClock(time === null || time === void 0 ? void 0 : time.end);
+        if (!startText || !endText) return null;
+        return {
+          startText: startText,
+          endText: endText
+        };
+      }).filter(Boolean);
+      var totalMinutes = times.reduce(function (sum, time) {
+        var start = parseMinutes(time === null || time === void 0 ? void 0 : time.start);
+        var end = parseMinutes(time === null || time === void 0 ? void 0 : time.end);
+        if (start === null || end === null || end <= start) {
+          return sum;
+        }
+        return sum + (end - start);
+      }, 0);
+      return {
+        weekday: weekday,
+        timeRanges: timeRanges,
+        totalMinutes: totalMinutes
+      };
+    });
+  }, [schedule]);
+  var workingDays = previewDays.filter(function (day) {
+    return day.totalMinutes > 0;
+  }).length;
+  var weeklyMinutes = previewDays.reduce(function (sum, day) {
+    return sum + day.totalMinutes;
+  }, 0);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-preview"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-summary"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-summary-card"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-summary-label"
+  }, locales.getText('pisell2.attendance.group-settings.shift-schedule.preview.working-days')), /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-summary-value"
+  }, workingDays), /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-summary-unit"
+  }, locales.getText('pisell2.attendance.group-settings.shift-schedule.preview.days-per-week'))), /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-summary-card"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-summary-label"
+  }, locales.getText('pisell2.attendance.group-settings.shift-schedule.preview.weekly-hours')), /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-summary-value"
+  }, formatWeeklyHours(weeklyMinutes)), /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-summary-unit"
+  }, locales.getText('pisell2.attendance.group-settings.shift-schedule.preview.hours')))), /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-table"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-table-head"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-table-cell"
+  }, locales.getText('pisell2.attendance.group-settings.shift-schedule.preview.table.day')), /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-table-cell"
+  }, locales.getText('pisell2.attendance.group-settings.shift-schedule.preview.table.shift-times')), /*#__PURE__*/React.createElement("div", {
+    className: "saas-attendance-group-settings__shift-table-cell"
+  }, locales.getText('pisell2.attendance.group-settings.shift-schedule.preview.table.duration'))), previewDays.map(function (day) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: day.weekday,
+      className: "saas-attendance-group-settings__shift-table-row"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "saas-attendance-group-settings__shift-table-cell"
+    }, getWeekdayText(day.weekday)), /*#__PURE__*/React.createElement("div", {
+      className: "saas-attendance-group-settings__shift-table-cell"
+    }, day.timeRanges.length > 0 ? /*#__PURE__*/React.createElement("div", {
+      className: "saas-attendance-group-settings__shift-times"
+    }, day.timeRanges.map(function (range, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: "".concat(day.weekday, "-").concat(index),
+        className: "saas-attendance-group-settings__shift-time-tag"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "saas-attendance-group-settings__shift-time-text"
+      }, range.startText), /*#__PURE__*/React.createElement("span", {
+        className: "saas-attendance-group-settings__shift-time-arrow"
+      }, "\u2192"), /*#__PURE__*/React.createElement("span", {
+        className: "saas-attendance-group-settings__shift-time-text"
+      }, range.endText));
+    })) : /*#__PURE__*/React.createElement("div", {
+      className: "saas-attendance-group-settings__shift-empty"
+    }, locales.getText('pisell2.attendance.group-settings.shift-schedule.preview.no-shift'))), /*#__PURE__*/React.createElement("div", {
+      className: "saas-attendance-group-settings__shift-table-cell"
+    }, day.totalMinutes > 0 ? /*#__PURE__*/React.createElement("div", {
+      className: "saas-attendance-group-settings__shift-duration"
+    }, formatDuration(day.totalMinutes)) : /*#__PURE__*/React.createElement("div", {
+      className: "saas-attendance-group-settings__shift-duration-empty"
+    }, formatDuration(0))));
+  })));
+};
+export default ShiftPreview;

package/es/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/es/plus/saasAttendance/settings/index.js

@@ -23,6 +23,7 @@ import useEngineContext from "../../../hooks/useEngineContext";
 import { request } from "../../../utils";
 import localeTexts from "../locales";
 import BasicInfoTab from "./BasicInfoTab";
+import PermissonTab from "./PermissonTab";
 import ShiftScheduleTab from "./ShiftScheduleTab";
 import ClockInMethodTab from "./ClockInMethodTab";
 import CorrectionPolicyTab from "./CorrectionPolicyTab";
@@ -45,6 +46,10 @@ 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'
 }];
 
 // 生成简单的唯一 ID
@@ -250,6 +255,8 @@ var Settings = /*#__PURE__*/forwardRef(function (props, ref) {
   }), /*#__PURE__*/React.createElement(CorrectionPolicyTab, {
     form: form,
     id: "saas-attendance-settings-section-".concat(_uniqueId, "-correction")
+  }), /*#__PURE__*/React.createElement(PermissonTab, {
+    id: "saas-attendance-settings-section-".concat(_uniqueId, "-permission")
   }))));
 });
 export default Settings;

package/es/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/es/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/es/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/es/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;