@pisell/private-materials 3.0.151 → 3.0.152

package/es/components/booking/info2/service/editService/Resources/index.js

@@ -0,0 +1,233 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState, useMemo, forwardRef, useCallback, useImperativeHandle } from 'react';
+import { Col, Form, Select, Button, Alert } from 'antd';
+import MaxLengthSelect from "./MaxLengthSelect";
+import Like from "../../../../info/service/like";
+import "./index.less";
+import { locales } from '@pisell/utils';
+import { getErrorList } from "../../../utilsByBooking";
+import { isArray } from 'lodash';
+var Resources = function Resources(_ref, ref) {
+  var _cacheItem$_data2, _cacheItem$_data4;
+  var state = _ref.state,
+    cacheItem = _ref.cacheItem,
+    getCurrentCacheItem = _ref.getCurrentCacheItem,
+    onChange = _ref.onChange,
+    value = _ref.value;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showError = _useState2[0],
+    setShowError = _useState2[1];
+
+  // 需要渲染的列表, 资源二级结构数据
+  var data = useMemo(function () {
+    var _cacheItem$_data;
+    return (cacheItem === null || cacheItem === void 0 ? void 0 : (_cacheItem$_data = cacheItem._data) === null || _cacheItem$_data === void 0 ? void 0 : _cacheItem$_data.resources) || [];
+  }, [cacheItem === null || cacheItem === void 0 ? void 0 : (_cacheItem$_data2 = cacheItem._data) === null || _cacheItem$_data2 === void 0 ? void 0 : _cacheItem$_data2.resources]);
+
+  // 同上, 只是map结构,方便计算
+  var resourceMaps = useMemo(function () {
+    var _cacheItem$_data3;
+    return (cacheItem === null || cacheItem === void 0 ? void 0 : (_cacheItem$_data3 = cacheItem._data) === null || _cacheItem$_data3 === void 0 ? void 0 : _cacheItem$_data3.resourceMaps) || [];
+  }, [cacheItem === null || cacheItem === void 0 ? void 0 : (_cacheItem$_data4 = cacheItem._data) === null || _cacheItem$_data4 === void 0 ? void 0 : _cacheItem$_data4.resourceMaps]);
+
+  // 默认值
+  var defaultValue = useMemo(function () {
+    return data.reduce(function (pre, cur) {
+      pre[cur.form_id] = [];
+      return pre;
+    }, {});
+  }, [data]);
+
+  // 当前的值
+  var _value = useMemo(function () {
+    return value || defaultValue;
+  }, [value, defaultValue]);
+
+  /**
+   * @title: 当选择资源时
+   * @description:
+   * @param {any} val
+   * @param {number} form_id
+   * @param {string} key
+   * @return {*}
+   * @Author: zhiwei.Wang
+   * @Date: 2024-09-19 21:04
+   */
+  var _onChange = function _onChange(val, form_id, key) {
+    var _val = _objectSpread({}, _value);
+    // 将当前数据map化, 减少循环次数
+    var maps = _val[form_id] ? _val[form_id].reduce(function (pre, cur) {
+      pre[cur.relation_id] = cur;
+      return pre;
+    }, {}) : {};
+    // 重新赋值, 因为select返回的是数字列表, 需要补充额外的数据
+    _val[form_id] = val.map(function (d) {
+      var _currentForm$renderLi, _currentForm$renderLi2, _currentForm$renderLi3, _currentForm$renderLi4;
+      var _d = maps[d];
+      if (_d) {
+        if (key === 'like_status') {
+          d[key].like_status = val;
+        }
+      }
+      var currentForm = (resourceMaps === null || resourceMaps === void 0 ? void 0 : resourceMaps[form_id]) || {};
+      return (
+        // maps[d] 为真时, 说明是之前已选择, 否则为新增的值,补充数据
+        maps[d] || {
+          relation_type: ((_currentForm$renderLi = currentForm.renderListMaps[d]) === null || _currentForm$renderLi === void 0 ? void 0 : (_currentForm$renderLi2 = _currentForm$renderLi.usable) === null || _currentForm$renderLi2 === void 0 ? void 0 : _currentForm$renderLi2.relation_type) || 'form',
+          form_id: form_id,
+          relation_id: d,
+          like_status: 'common',
+          // 新添加的数据补充错误信息
+          errors: getErrorList((_currentForm$renderLi3 = currentForm.renderListMaps) === null || _currentForm$renderLi3 === void 0 ? void 0 : _currentForm$renderLi3[d], getCurrentCacheItem()),
+          metadata: {
+            form_name: currentForm.title,
+            resource_name: (_currentForm$renderLi4 = currentForm.renderListMaps[d]) === null || _currentForm$renderLi4 === void 0 ? void 0 : _currentForm$renderLi4.main_field
+          }
+        }
+      );
+    });
+    setShowError(false);
+    onChange === null || onChange === void 0 ? void 0 : onChange(_val);
+  };
+  var setLikeStatus = function setLikeStatus(val, form_id, key) {
+    var _val$form_id;
+    var _val = _objectSpread({}, _value);
+    if (_val !== null && _val !== void 0 && (_val$form_id = _val[form_id]) !== null && _val$form_id !== void 0 && _val$form_id[0]) {
+      _val[form_id][0][key] = val;
+      onChange === null || onChange === void 0 ? void 0 : onChange(_val);
+    }
+  };
+
+  /**
+   * @title: 渲染下拉框
+   * @description:
+   * @return {*}
+   * @Author: zhiwei.Wang
+   * @Date: 2024-01-09 14:02
+   */
+  var renderOptions = useCallback(function (array) {
+    var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'value';
+    var label = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'label';
+    var type = arguments.length > 3 ? arguments[3] : undefined;
+    return array.map(function (d) {
+      var props = {};
+      if (type === 'resource') {
+        props.labelText = d.labelText;
+      }
+      return /*#__PURE__*/React.createElement(Select.Option, _extends({
+        value: d[value],
+        key: d[value]
+      }, props, {
+        relation_type: d.relation_type
+      }), d[label]);
+    });
+  }, []);
+
+  /**
+   * @title: 检查当前资源最小选择数量
+   * @description:
+   * @return {*}
+   * @Author: zhiwei.Wang
+   * @Date: 2024-09-19 21:08
+   */
+  var check = function check() {
+    var _iterator = _createForOfIteratorHelper(data),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _value$item$form_id;
+        var item = _step.value;
+        var _length = (_value$item$form_id = _value[item.form_id]) === null || _value$item$form_id === void 0 ? void 0 : _value$item$form_id.length;
+        if (item.select_type.min > _length) {
+          setShowError(true);
+          return false;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return true;
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      check: check
+    };
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(function (item) {
+    var _cur$2;
+    var cur = _value[item.form_id];
+    var errors = (cur || []).reduce(function (pre, d) {
+      return pre.concat((d === null || d === void 0 ? void 0 : d.errors) || []);
+    }, []);
+    return /*#__PURE__*/React.createElement(Col, {
+      span: 24,
+      key: item.form_id
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: item.title,
+      required: true,
+      extra: showError && item.select_type.min > (cur === null || cur === void 0 ? void 0 : cur.length) ? /*#__PURE__*/React.createElement("span", {
+        style: {
+          color: '#ff4d4f'
+        }
+      }, locales.getText('page.booking.text.resource.min-length-error')(item.select_type.min, item.title)) : undefined
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "resource-col"
+    }, item.select_type.type === 'multiple' ? null : /*#__PURE__*/React.createElement(Button, {
+      className: "resource-col-like-wrap",
+      onClick: function onClick() {
+        var _cur$;
+        setLikeStatus((cur === null || cur === void 0 ? void 0 : (_cur$ = cur[0]) === null || _cur$ === void 0 ? void 0 : _cur$.like_status) === 'like' ? 'common' : 'like', item.form_id, 'like_status');
+      }
+    }, /*#__PURE__*/React.createElement(Like, {
+      status: cur === null || cur === void 0 ? void 0 : (_cur$2 = cur[0]) === null || _cur$2 === void 0 ? void 0 : _cur$2.like_status
+    })), /*#__PURE__*/React.createElement(MaxLengthSelect, {
+      className: "resource-col-select",
+      size: "large",
+      maxLength: item.select_type.max,
+      mode: item.select_type.type === 'multiple' ? 'multiple' : undefined,
+      onChange: function onChange(e) {
+        var val = e;
+        if (!isArray(e)) {
+          if (e || e === 0) {
+            val = [e];
+          }
+        }
+        _onChange(val, item.form_id, 'value');
+      },
+      value: cur === null || cur === void 0 ? void 0 : cur.map(function (d) {
+        return d.relation_id;
+      }),
+      showSearch: true,
+      filterOption: function filterOption(str, option) {
+        return ((option === null || option === void 0 ? void 0 : option.labelText) || '').toLowerCase().includes((str || '').toLowerCase());
+      }
+    }, renderOptions(item.renderList, 'id', 'label', 'resource')))), state.renderType !== 'eventBooking' && (errors || []).map(function (d) {
+      return /*#__PURE__*/React.createElement(Alert, {
+        key: d.type,
+        message: d.label,
+        type: "warning",
+        showIcon: true,
+        style: {
+          marginBottom: 12
+        }
+      });
+    }));
+  }));
+};
+export default /*#__PURE__*/forwardRef(Resources);

package/es/components/booking/info2/service/editService/Resources/index.less

@@ -0,0 +1,21 @@
+.resource-col {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+
+  .resource-col-like-wrap {
+    width: 44px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+
+    .like-resource {}
+  }
+
+  .resource-col-select {
+    flex: 1;
+  }
+}

package/es/components/booking/info2/service/editService/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+export interface EditServiceRef {
+    init: (cacheItem?: any) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;