@pisell/private-materials 3.0.13 → 3.0.14-2.gray

package/es/components/booking/forms/single/RenderValueById.js

@@ -0,0 +1,79 @@
+import React, { useEffect, useMemo } from "react";
+import { isArr, isUndefined } from "@pisell/utils";
+import { Tag } from "antd";
+import { useRequest } from "ahooks";
+import useEngineContext from "../../../../hooks/useEngineContext";
+import { getFormData } from "../serve";
+var RenderValueById = function RenderValueById(props) {
+  var _field$setting, _field$setting6;
+  var field = props.field,
+    propsValue = props.value;
+  var _useEngineContext = useEngineContext(),
+    appHelper = _useEngineContext.appHelper;
+  var _getFormData = useRequest(getFormData, {
+    manual: true,
+    cacheKey: "formOption-".concat((_field$setting = field.setting) === null || _field$setting === void 0 ? void 0 : _field$setting.linkedTable),
+    staleTime: 500,
+    cacheTime: 5000
+  });
+  var value = useMemo(function () {
+    var v = propsValue;
+    if (field.filed_type === "form_to_form") {
+      if (isArr(propsValue)) {
+        v = propsValue;
+      } else if (propsValue !== null && propsValue !== void 0 && propsValue.form_ids) {
+        v = propsValue.form_ids;
+      } else {
+        v = propsValue;
+      }
+    }
+    return v;
+  }, [propsValue]);
+  useEffect(function () {
+    var _field$setting2;
+    if (field.filed_type === "form_to_form" && (_field$setting2 = field.setting) !== null && _field$setting2 !== void 0 && _field$setting2.linkedTable) {
+      var _field$setting3;
+      _getFormData.run({
+        form_record_ids: value,
+        form_id: (_field$setting3 = field.setting) === null || _field$setting3 === void 0 ? void 0 : _field$setting3.linkedTable,
+        skip: 1,
+        num: 999
+      });
+    }
+  }, [field.filed_type, value]);
+  var options = useMemo(function () {
+    var _field$setting4, _field$setting5;
+    if (field.filed_type === "form_to_form" && field !== null && field !== void 0 && (_field$setting4 = field.setting) !== null && _field$setting4 !== void 0 && _field$setting4.linkedTable) {
+      var _getFormData$data, _getFormData$data$dat, _getFormData$data$dat2;
+      return ((_getFormData$data = _getFormData.data) === null || _getFormData$data === void 0 ? void 0 : (_getFormData$data$dat = _getFormData$data.data) === null || _getFormData$data$dat === void 0 ? void 0 : (_getFormData$data$dat2 = _getFormData$data$dat.list) === null || _getFormData$data$dat2 === void 0 ? void 0 : _getFormData$data$dat2.map(function (item) {
+        return {
+          title: item.main_field,
+          id: item.form_record_id
+        };
+      })) || [];
+    }
+    return field === null || field === void 0 ? void 0 : (_field$setting5 = field.setting) === null || _field$setting5 === void 0 ? void 0 : _field$setting5.customTypeList;
+  }, [field.filed_type, field === null || field === void 0 ? void 0 : (_field$setting6 = field.setting) === null || _field$setting6 === void 0 ? void 0 : _field$setting6.customTypeList, _getFormData.data]);
+  if (isArr(value)) {
+    var _list = options === null || options === void 0 ? void 0 : options.filter(function (i) {
+      return value === null || value === void 0 ? void 0 : value.includes((i === null || i === void 0 ? void 0 : i.id) || i.value);
+    });
+    var _str = (_list === null || _list === void 0 ? void 0 : _list.map(function (i) {
+      var _appHelper$utils;
+      return /*#__PURE__*/React.createElement(Tag, null, appHelper === null || appHelper === void 0 ? void 0 : (_appHelper$utils = appHelper.utils) === null || _appHelper$utils === void 0 ? void 0 : _appHelper$utils.translationShop((i === null || i === void 0 ? void 0 : i.title) || (i === null || i === void 0 ? void 0 : i.label)));
+    })) || "-";
+    return /*#__PURE__*/React.createElement("span", null, _str || "-");
+  }
+  if (!isUndefined(value)) {
+    var _field$setting7, _appHelper$utils2, _item$, _item$2;
+    if ((field === null || field === void 0 ? void 0 : field.filed_type) === "select" && !(field !== null && field !== void 0 && (_field$setting7 = field.setting) !== null && _field$setting7 !== void 0 && _field$setting7.version)) {
+      return /*#__PURE__*/React.createElement("span", null, value || "-");
+    }
+    var _item = options === null || options === void 0 ? void 0 : options.filter(function (i) {
+      return (i === null || i === void 0 ? void 0 : i.id) == value;
+    });
+    return (appHelper === null || appHelper === void 0 ? void 0 : (_appHelper$utils2 = appHelper.utils) === null || _appHelper$utils2 === void 0 ? void 0 : _appHelper$utils2.translationShop((_item === null || _item === void 0 ? void 0 : (_item$ = _item[0]) === null || _item$ === void 0 ? void 0 : _item$.title) || (_item === null || _item === void 0 ? void 0 : (_item$2 = _item[0]) === null || _item$2 === void 0 ? void 0 : _item$2.label))) || "-";
+  }
+  return null;
+};
+export default RenderValueById;

package/es/components/booking/forms/single/index.d.ts

@@ -7,5 +7,5 @@ import "./index.less";
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:06
  */
-declare const Single: ({ value, onChange, form, mode, optionRender, loading, customSelectProps, onAdd, addButtonProps, modalOpen, watch, }: any) => React.JSX.Element;
+declare const Single: ({ value, onChange, form, mode, optionRender, loading, customSelectProps, onAdd, addButtonProps, modalOpen, watch, drawerProps, }: any) => React.JSX.Element;
 export default Single;

package/es/components/booking/forms/single/index.js

@@ -11,13 +11,16 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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, { useCallback, useState, useMemo } from "react";
+import React, { useCallback, useMemo } from "react";
 import FileDownload02 from "@pisell/icon/es/FileDownload02";
 import { image, locales } from "@pisell/utils";
 import { Avatar } from "antd";
 import CustomSelect from "../../components/customSelect";
+import CollapsibleList from "../../components/collapsibleList";
 import "./index.less";
-var MAX_LIMIT = 3;
+import RenderValueById from "./RenderValueById";
+import useComponents from "../../../../hooks/useComponents";
+var queryValueById = ['checkbox', 'radioButton', 'select', 'form_to_form'];
 
 /**
  * @title: 表单选择器
@@ -38,15 +41,18 @@ var Single = function Single(_ref) {
     onAdd = _ref.onAdd,
     addButtonProps = _ref.addButtonProps,
     modalOpen = _ref.modalOpen,
-    watch = _ref.watch;
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    maxLimit = _useState2[0],
-    setMaxLimit = _useState2[1];
+    watch = _ref.watch,
+    drawerProps = _ref.drawerProps;
   // const primaryField = useMemo(() => {
   // 	return field.field[0]?.key || "";
   // }, [field]);
 
+  var _useComponents = useComponents({
+      components: ["HumanBodySelector"]
+    }),
+    _useComponents2 = _slicedToArray(_useComponents, 1),
+    HumanBodySelector = _useComponents2[0];
+
   /**
    * @title: 渲染表单内容
    * @description:
@@ -110,9 +116,21 @@ var Single = function Single(_ref) {
     // 手机号
     if (field.filed_type === "customer_phone") {
       if (val) {
-        return "(+".concat(val.country_calling_code, ") ").concat(val.phone);
+        return "".concat(val.country_calling_code && "(+".concat(val.country_calling_code, ")"), " ").concat(val.phone || "");
       }
     }
+    if (field.filed_type === "body_hotspot_image") {
+      return HumanBodySelector ? /*#__PURE__*/React.createElement(HumanBodySelector, {
+        value: val,
+        disable: true
+      }) : val;
+    }
+    if (queryValueById.includes(field === null || field === void 0 ? void 0 : field.filed_type)) {
+      return /*#__PURE__*/React.createElement(RenderValueById, {
+        field: field,
+        value: val
+      });
+    }
     return val || "-";
   };
 
@@ -125,69 +143,23 @@ var Single = function Single(_ref) {
    */
   var renderItem = useCallback(function (fieldData) {
     var _fields = form.field || [];
-
-    // 默认展示3条, 点击更多时展示全部
-    var _maxLimit = maxLimit[fieldData.form_record_id] || MAX_LIMIT;
-    if (_fields.length > _maxLimit) {
-      _fields = _fields.slice(0, _maxLimit);
-    }
-    return _fields.map(function (field) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "pet-form-item",
-        key: field.key
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "pet-form-item-label"
-      }, field.field_column.title), /*#__PURE__*/React.createElement("div", {
-        className: "pet-form-item-value"
-      }, renderFieldValue(fieldData, field)));
+    _fields = _fields.filter(function (item) {
+      return item.status !== 'hide';
     });
-  }, [form, maxLimit]);
-
-  /**
-   * @title: 展开和收起
-   * @description:
-   * @param {any} d
-   * @return {*}
-   * @Author: zhiwei.Wang
-   * @Date: 2024-01-30 17:08
-   */
-  var handlePreviewAll = function handlePreviewAll(d) {
-    var _maxLimit = maxLimit[d.form_record_id] || MAX_LIMIT;
-    if (_maxLimit === MAX_LIMIT) {
-      _maxLimit = 99;
-    } else {
-      _maxLimit = MAX_LIMIT;
-    }
-    setMaxLimit(_objectSpread(_objectSpread({}, maxLimit), {}, _defineProperty({}, d.form_record_id, _maxLimit)));
-  };
-
-  /**
-   * @title: 是否展开全部
-   * @description:
-   * @param {*} useMemo
-   * @return {*}
-   * @Author: zhiwei.Wang
-   * @Date: 2024-01-30 17:08
-   */
-  var showAll = useMemo(function () {
-    var _field = form.field || [];
-    return _field.length > MAX_LIMIT;
-  }, [maxLimit, form]);
-
-  /**
-   * @title: 展开文案
-   * @description:
-   * @return {*}
-   * @Author: zhiwei.Wang
-   * @Date: 2024-01-30 17:08
-   */
-  var viewAllText = useCallback(function (d) {
-    var _maxLimit = maxLimit[d.form_record_id] || MAX_LIMIT;
-    if (_maxLimit === MAX_LIMIT) {
-      return locales.getText("pisell2.text.view-all");
-    }
-    return locales.getText("pisell2.text.view-less");
-  }, [maxLimit]);
+    return /*#__PURE__*/React.createElement(CollapsibleList, {
+      list: _fields,
+      renderItem: function renderItem(field) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "pet-form-item",
+          key: field.key
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "pet-form-item-label"
+        }, field.field_column.title), /*#__PURE__*/React.createElement("div", {
+          className: "pet-form-item-value"
+        }, renderFieldValue(fieldData, field)));
+      }
+    });
+  }, [form]);
 
   /**
    * @title: 渲染字段
@@ -205,7 +177,7 @@ var Single = function Single(_ref) {
       style: {
         flex: 1
       }
-    }, item["main_field"] || "-");
+    }, item["main_field"] || item[form.option_key] || "-");
   };
 
   /**
@@ -259,20 +231,14 @@ var Single = function Single(_ref) {
     mode: _mode,
     previewItemClassName: "pisell-lowcode__booking-pet-card",
     previewItemRender: function previewItemRender(d) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, renderItem(d), showAll ? /*#__PURE__*/React.createElement("div", {
-        className: "pet-form-view-all",
-        onClick: function onClick(e) {
-          e.preventDefault();
-          e.stopPropagation();
-          handlePreviewAll(d);
-        }
-      }, viewAllText(d)) : null);
+      return renderItem(d);
     },
     name: ((_form$form3 = form.form) === null || _form$form3 === void 0 ? void 0 : _form$form3.title) || "-",
     addButtonProps: _addButtonProps,
-    drawerProps: {
-      title: "".concat(locales.getText("pisell2.text.select"), " ").concat(((_form$form4 = form.form) === null || _form$form4 === void 0 ? void 0 : _form$form4.title) || "-")
-    },
+    drawerProps: _objectSpread({
+      title: "".concat(locales.getText("pisell2.text.select"), " ").concat(((_form$form4 = form.form) === null || _form$form4 === void 0 ? void 0 : _form$form4.title) || "-"),
+      destroyOnClose: true
+    }, drawerProps || {}),
     optionRender: _optionRender,
     rowKey: "form_record_id"
   }, customSelectProps || {})));

package/es/components/booking/index.d.ts

@@ -1,2 +1,2 @@
-declare const Booking: (props: any) => JSX.Element;
+declare const Booking: any;
 export default Booking;

package/es/components/booking/index.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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); }
-import React, { useEffect, useContext } from "react";
+import React, { useEffect, useContext } from 'react';
 import { Provider, Context } from "./model";
 import Info from "./info";
 import Notes from "./notes";
@@ -17,7 +17,7 @@ var Booking = Provider(function () {
   useEffect(function () {}, []);
   var setState = function setState(payload) {
     dispatch({
-      type: "setState",
+      type: 'setState',
       payload: _objectSpread({}, payload)
     });
   };

package/es/components/booking/info/addServiceVariant/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface AddServiceVariantProps {
+    globalState: any;
+    setGlobalState: any;
+}
+declare const AddServiceVariant: (props: AddServiceVariantProps) => React.JSX.Element;
+export default AddServiceVariant;

package/es/components/booking/info/addServiceVariant/index.js

@@ -0,0 +1,33 @@
+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 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); }
+import React, { useRef } from 'react';
+import AddService from "../service/addService";
+var AddServiceVariant = function AddServiceVariant(props) {
+  var globalState = props.globalState,
+    setGlobalState = props.setGlobalState;
+  var stateRef = useRef(globalState);
+  stateRef.current = globalState;
+  var dispatch = function dispatch(_ref) {
+    var type = _ref.type,
+      payload = _ref.payload;
+    if (type === 'setService') {
+      setGlobalState({
+        service: _objectSpread(_objectSpread({}, stateRef.current.service), payload)
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement(AddService, {
+    renderMode: "current",
+    dispatch: dispatch,
+    state: globalState,
+    drawerProps: {
+      open: true,
+      getContainer: false
+    }
+  });
+};
+export default AddServiceVariant;

package/es/components/booking/info/client/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import "./index.less";
-declare const Info: () => React.JSX.Element;
-export default Info;
+import React from 'react';
+import './index.less';
+declare const _default: React.MemoExoticComponent<() => React.JSX.Element>;
+export default _default;