@pisell/materials 3.2.26 → 3.2.27

package/es/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/es/components/productCard/components/Time/components/SelectHolder/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const SelectHolder: ({ lists, value, onChange, holderMode }: any) => JSX.Element;
+export default SelectHolder;

package/es/components/productCard/components/Time/components/SelectHolder/index.js

@@ -0,0 +1,55 @@
+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, { useCallback, useEffect, useState } from 'react';
+import { Select } from 'antd';
+import "./index.less";
+var SelectHolder = function SelectHolder(_ref) {
+  var lists = _ref.lists,
+    value = _ref.value,
+    _onChange = _ref.onChange,
+    holderMode = _ref.holderMode;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedValue = _useState2[0],
+    setSelectedValue = _useState2[1];
+  useEffect(function () {
+    setSelectedValue(value);
+  }, [value]);
+
+  /**
+   * @title: 渲染下拉框
+   * @description:
+   * @param {*} useCallback
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-04-11 14:57
+   */
+  var renderOptions = useCallback(function () {
+    return (lists || []).map(function (d) {
+      return /*#__PURE__*/React.createElement(Select.Option, {
+        value: d.id,
+        key: d.id
+      }, d['label']);
+    });
+  }, [lists]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-product-card-select-holder"
+  }, /*#__PURE__*/React.createElement(Select, {
+    mode: holderMode,
+    size: "large",
+    showSearch: true,
+    value: selectedValue,
+    onChange: function onChange(val) {
+      setSelectedValue(val);
+      var item = lists.find(function (d) {
+        return d.id === val;
+      });
+      _onChange(item);
+    }
+  }, renderOptions()));
+};
+export default SelectHolder;

package/es/components/productCard/components/Time/components/SelectHolder/index.less

@@ -0,0 +1,10 @@
+.pisell-lowcode-product-card-select-holder {
+  .pisell-lowcode-select {
+    min-width: 140px;
+    max-width: 100%;
+    width: auto;
+    .pisell-lowcode-select-selector {
+      border-radius: 50px;
+    }
+  }
+}

package/es/components/productCard/components/Time/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
-declare const Time: ({ item, isShowHolder, onLike, isShowChangeResource, changeResource, }: any) => JSX.Element | null;
+declare const Time: ({ item, isShowHolder, onLike, isShowChangeResource, changeResource, changeHolder, isShowChangeHolder, holderMode, }: any) => JSX.Element | null;
 export default Time;

package/es/components/productCard/components/Time/index.js

@@ -9,6 +9,7 @@ import { getServiceTime } from "../../utils";
 import Divider from "../Divider";
 import Like from "./components/Like";
 import SelectResource from "./components/SelectResource";
+import SelectHolder from "./components/SelectHolder";
 import "./index.less";
 var prefix = 'pisell-lowcode-';
 var Time = function Time(_ref) {
@@ -16,7 +17,10 @@ var Time = function Time(_ref) {
     isShowHolder = _ref.isShowHolder,
     _onLike = _ref.onLike,
     isShowChangeResource = _ref.isShowChangeResource,
-    changeResource = _ref.changeResource;
+    changeResource = _ref.changeResource,
+    changeHolder = _ref.changeHolder,
+    isShowChangeHolder = _ref.isShowChangeHolder,
+    holderMode = _ref.holderMode;
   var start_date = item.start_date,
     end_date = item.end_date,
     holder_title = item.holder_title,
@@ -24,18 +28,35 @@ var Time = function Time(_ref) {
     relation_form_name = item.relation_form_name,
     like_status = item.like_status,
     resources = item.resources,
-    is_hide_like = item.is_hide_like;
+    is_hide_like = item.is_hide_like,
+    holder_id = item.holder_id,
+    holders = item.holders;
   var isShow = useMemo(function () {
     return start_date && end_date || isShowHolder && holder_title || resource_id || relation_form_name || isShowChangeResource;
   }, [start_date, isShowHolder, holder_title, resource_id]);
-  console.log('isShowChangeResource33', resources, isShowChangeResource);
+  var holderCom = useMemo(function () {
+    if (!isShowHolder) return null;
+
+    // 可以控制选择holder
+    if (isShowChangeHolder) {
+      return /*#__PURE__*/React.createElement(SelectHolder, {
+        lists: holders,
+        value: holder_id,
+        onChange: changeHolder,
+        holderMode: holderMode
+      });
+    }
+    if (holder_title) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefix, "product-holder-wrap")
+      }, holder_title);
+    }
+  }, [isShowHolder, holder_id, holder_title, holderMode, holders]);
   return isShow ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "product-time-wrap")
   }, start_date && end_date ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "product-date")
-  }, getServiceTime(item, start_date)) : null, isShowHolder && holder_title ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "product-holder-wrap")
-  }, holder_title) : null, isShowChangeResource && (start_date && end_date || isShowHolder && holder_title) ? /*#__PURE__*/React.createElement(Divider, {
+  }, getServiceTime(item, start_date)) : null, holderCom, isShowChangeResource && (start_date && end_date || isShowHolder && holder_title) ? /*#__PURE__*/React.createElement(Divider, {
     type: "inside"
   }) : null, resource_id || relation_form_name || isShowChangeResource ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefix, "product-technician ").concat(isShowChangeResource ? 'pisell-lowcode-change-resource' : '')

package/es/components/productCard/index.js

@@ -1,5 +1,5 @@
 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); }
-var _excluded = ["dataSource", "isShowImage", "isShowHolder", "isShowNote", "isShowDelete", "isShowPackageNote", "onAction", "onDelete", "onNote", "onLike", "onCard", "onChangeResource"];
+var _excluded = ["dataSource", "isShowImage", "isShowHolder", "isShowNote", "isShowDelete", "isShowPackageNote", "onAction", "onDelete", "onNote", "onLike", "onCard", "onChangeResource", "onChangeHolder"];
 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 _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); }
@@ -49,6 +49,7 @@ var ProductCard = function ProductCard(props) {
     _onLike = props.onLike,
     onCard = props.onCard,
     onChangeResource = props.onChangeResource,
+    onChangeHolder = props.onChangeHolder,
     other = _objectWithoutProperties(props, _excluded);
   var useOpenNoteRef = useRef();
   var locale = (utils === null || utils === void 0 || (_utils$storage = utils.storage) === null || _utils$storage === void 0 ? void 0 : _utils$storage.get('umi_locale')) || localStorage.getItem('umi_locale');
@@ -115,10 +116,13 @@ var ProductCard = function ProductCard(props) {
     item: dataSource,
     isShowHolder: isShowHolder,
     isShowChangeResource: other === null || other === void 0 ? void 0 : other.isShowChangeResource,
+    isShowChangeHolder: other === null || other === void 0 ? void 0 : other.isShowChangeHolder,
+    holderMode: other === null || other === void 0 ? void 0 : other.holderMode,
     onLike: function onLike(item) {
       return _onLike === null || _onLike === void 0 ? void 0 : _onLike(item);
     },
-    changeResource: onChangeResource
+    changeResource: onChangeResource,
+    changeHolder: onChangeHolder
   }), /*#__PURE__*/React.createElement(Packages, {
     item: dataSource,
     isShowPackageNote: isShowPackageNote

package/es/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => any;
+export declare const isMobile: () => boolean;

package/lib/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/lib/components/productCard/components/Time/components/SelectHolder/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const SelectHolder: ({ lists, value, onChange, holderMode }: any) => JSX.Element;
+export default SelectHolder;

package/lib/components/productCard/components/Time/components/SelectHolder/index.js

@@ -0,0 +1,64 @@
+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/components/productCard/components/Time/components/SelectHolder/index.tsx
+var SelectHolder_exports = {};
+__export(SelectHolder_exports, {
+  default: () => SelectHolder_default
+});
+module.exports = __toCommonJS(SelectHolder_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_index = require("./index.less");
+var SelectHolder = ({ lists, value, onChange, holderMode }) => {
+  const [selectedValue, setSelectedValue] = (0, import_react.useState)();
+  (0, import_react.useEffect)(() => {
+    setSelectedValue(value);
+  }, [value]);
+  const renderOptions = (0, import_react.useCallback)(() => {
+    return (lists || []).map((d) => {
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Select.Option, { value: d.id, key: d.id }, d["label"]);
+    });
+  }, [lists]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-product-card-select-holder" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Select,
+    {
+      mode: holderMode,
+      size: "large",
+      showSearch: true,
+      value: selectedValue,
+      onChange: (val) => {
+        setSelectedValue(val);
+        const item = lists.find((d) => d.id === val);
+        onChange(item);
+      }
+    },
+    renderOptions()
+  ));
+};
+var SelectHolder_default = SelectHolder;

package/lib/components/productCard/components/Time/components/SelectHolder/index.less

@@ -0,0 +1,10 @@
+.pisell-lowcode-product-card-select-holder {
+  .pisell-lowcode-select {
+    min-width: 140px;
+    max-width: 100%;
+    width: auto;
+    .pisell-lowcode-select-selector {
+      border-radius: 50px;
+    }
+  }
+}

package/lib/components/productCard/components/Time/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
-declare const Time: ({ item, isShowHolder, onLike, isShowChangeResource, changeResource, }: any) => JSX.Element | null;
+declare const Time: ({ item, isShowHolder, onLike, isShowChangeResource, changeResource, changeHolder, isShowChangeHolder, holderMode, }: any) => JSX.Element | null;
 export default Time;

package/lib/components/productCard/components/Time/index.js

@@ -37,6 +37,7 @@ var import_utils = require("../../utils");
 var import_Divider = __toESM(require("../Divider"));
 var import_Like = __toESM(require("./components/Like"));
 var import_SelectResource = __toESM(require("./components/SelectResource"));
+var import_SelectHolder = __toESM(require("./components/SelectHolder"));
 var import_index = require("./index.less");
 var prefix = "pisell-lowcode-";
 var Time = ({
@@ -44,7 +45,10 @@ var Time = ({
   isShowHolder,
   onLike,
   isShowChangeResource,
-  changeResource
+  changeResource,
+  changeHolder,
+  isShowChangeHolder,
+  holderMode
 }) => {
   const {
     start_date,
@@ -54,13 +58,31 @@ var Time = ({
     relation_form_name,
     like_status,
     resources,
-    is_hide_like
+    is_hide_like,
+    holder_id,
+    holders
   } = item;
   const isShow = (0, import_react.useMemo)(() => {
     return start_date && end_date || isShowHolder && holder_title || resource_id || relation_form_name || isShowChangeResource;
   }, [start_date, isShowHolder, holder_title, resource_id]);
-  console.log("isShowChangeResource33", resources, isShowChangeResource);
-  return isShow ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Divider.default, null), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-time-wrap` }, start_date && end_date ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-date` }, (0, import_utils.getServiceTime)(item, start_date)) : null, isShowHolder && holder_title ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-holder-wrap` }, holder_title) : null, isShowChangeResource && (start_date && end_date || isShowHolder && holder_title) ? /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { type: "inside" }) : null, resource_id || relation_form_name || isShowChangeResource ? /* @__PURE__ */ import_react.default.createElement(
+  const holderCom = (0, import_react.useMemo)(() => {
+    if (!isShowHolder) return null;
+    if (isShowChangeHolder) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_SelectHolder.default,
+        {
+          lists: holders,
+          value: holder_id,
+          onChange: changeHolder,
+          holderMode
+        }
+      );
+    }
+    if (holder_title) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-holder-wrap` }, holder_title);
+    }
+  }, [isShowHolder, holder_id, holder_title, holderMode, holders]);
+  return isShow ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Divider.default, null), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-time-wrap` }, start_date && end_date ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-date` }, (0, import_utils.getServiceTime)(item, start_date)) : null, holderCom, isShowChangeResource && (start_date && end_date || isShowHolder && holder_title) ? /* @__PURE__ */ import_react.default.createElement(import_Divider.default, { type: "inside" }) : null, resource_id || relation_form_name || isShowChangeResource ? /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: `${prefix}product-technician ${isShowChangeResource ? "pisell-lowcode-change-resource" : ""}`

package/lib/components/productCard/index.js

@@ -68,6 +68,7 @@ var ProductCard = (props) => {
     onLike,
     onCard,
     onChangeResource,
+    onChangeHolder,
     ...other
   } = props;
   const useOpenNoteRef = (0, import_react.useRef)();
@@ -135,8 +136,11 @@ var ProductCard = (props) => {
             item: dataSource,
             isShowHolder,
             isShowChangeResource: other == null ? void 0 : other.isShowChangeResource,
+            isShowChangeHolder: other == null ? void 0 : other.isShowChangeHolder,
+            holderMode: other == null ? void 0 : other.holderMode,
             onLike: (item) => onLike == null ? void 0 : onLike(item),
-            changeResource: onChangeResource
+            changeResource: onChangeResource,
+            changeHolder: onChangeHolder
           }
         ),
         /* @__PURE__ */ import_react.default.createElement(import_Packages.default, { item: dataSource, isShowPackageNote }),

package/lib/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => any;
+export declare const isMobile: () => boolean;

package/lowcode/product-card/meta.ts

@@ -77,6 +77,31 @@ export default {
           setter: "BoolSetter",
           defaultValue: false,
         },
+        {
+          name: "holderMode",
+          title: {
+            label: "holder 选择",
+            tip: "holderMode | holder 选择模式",
+          },
+          condition(target) {
+            return !!target.getProps().getPropValue("isShowChangeHolder");
+          },
+          setter: {
+            componentName: "RadioGroupSetter",
+            props: {
+              options: [
+                {
+                  title: "单选",
+                  value: "single",
+                },
+                {
+                  title: "多选",
+                  value: "multiple",
+                },
+              ],
+            },
+          },
+        },
         {
           name: "isShowChangeResource",
           title: { label: "更改资源", tip: "更改商品资源" },

package/lowcode/product-card/snippets.ts

@@ -11,12 +11,25 @@ export default [
           num: 1,
           price: 100,
           total: 120,
-          symbol: '&'
+          symbol: '&',
+          isShowChangeResource: true,
+          resource_id: 3,
+          isShowChangeHolder: true,
+          holderMode: 'single',
+          holder_id: 2,
+          holders: [{
+            label: 'holder1',
+            id: 1
+          }, {
+            label: 'holder2',
+            id: 2
+          }]
         },
         isShowImage: true,
         isShowHolder: true,
         isShowNote: true,
         isShowDelete: true,
+        holderMode: "single",
       },
     },
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "3.2.26",
+  "version": "3.2.27",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",