@pisell/materials 1.0.779 → 1.0.781

package/lib/components/filter/components/items/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/lib/components/filter/components/items/text/Editor/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Text: () => JSX.Element;
 export default Text;

package/lib/components/filter/components/items/text/Preview/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Text: (props: any) => JSX.Element;
 export default Text;

package/lib/components/filter/components/items/text/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/lib/components/pisellText/components/Amount/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { PisellContextType } from '../../../pisell-config-provider/context';
+export interface AmountProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 当前数值  */
+    value?: number | string;
+    /** 小数点后位数 默认是小数点后2位 */
+    precision?: number;
+    /** 显示货币符号 指的是 ¥$ 等货币符号等显隐，默认是展示 */
+    showCurrencySymbol?: boolean;
+    /** 千分位 指的是长金额的千分位逗号隔开，比如“123, 245, 315” 这种展现形式，默认是关闭 */
+    useThousandsSeparator?: boolean;
+    /** 整数位隐藏小数 指的是如果价格为整数，后面的".00" 将被省略以节省页面空间 */
+    hideDecimalForWholeNumbers?: boolean;
+    /** 货币符号 */
+    symbol?: string;
+}
+declare const Amount: (props: AmountProps) => JSX.Element;
+export default Amount;

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

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(SelectHolder_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_utils = require("@pisell/utils");
-var import_icons = require("@ant-design/icons");
+var import_iconfont = __toESM(require("../../../../../iconfont"));
 var import_index = require("./index.less");
 var SelectHolder = ({
   lists,
@@ -44,7 +44,10 @@ var SelectHolder = ({
   holderMode,
   isShowAddHolderButton,
   onAddHolder,
-  addHolderButtonText
+  addHolderButtonText,
+  onClearHolder,
+  isErrorHolder,
+  allowClear = false
 }) => {
   const [selectedValue, setSelectedValue] = (0, import_react.useState)();
   (0, import_react.useEffect)(() => {
@@ -61,49 +64,84 @@ var SelectHolder = ({
     addHolderButtonText,
     "select-holder"
   );
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-product-card-select-holder" }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Select,
+  const isError = (0, import_react.useMemo)(() => {
+    if (!selectedValue && isErrorHolder) return true;
+  }, [selectedValue, isErrorHolder]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
     {
-      onClick: (e) => e.stopPropagation(),
-      mode: holderMode,
-      size: "large",
-      showSearch: true,
-      value: selectedValue,
-      onChange: (val) => {
-        setSelectedValue(val);
-        const item = lists.find((d) => d.id === val);
-        onChange(item);
-      },
-      options: lists.map((item) => ({
-        label: item == null ? void 0 : item.label,
-        value: item == null ? void 0 : item.id
-      })),
-      dropdownRender: (menu) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, menu, isShowAddHolderButton ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: "8px 0" } }), /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Button,
-        {
-          type: "text",
-          icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null),
-          onClick: addItem,
-          style: { width: "100%" }
+      className: `pisell-lowcode-product-card-select-holder ${isError ? "pisell-lowcode-product-card-select-holder-error" : ""}`
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Select,
+      {
+        onClick: (e) => e.stopPropagation(),
+        mode: holderMode,
+        size: "large",
+        showSearch: true,
+        allowClear,
+        onClear: () => onChange(""),
+        value: selectedValue,
+        placeholder: import_utils.locales.getText(
+          "pisell2.product.card.add.holder.placeholder"
+        )(""),
+        onChange: (val) => {
+          setSelectedValue(val);
+          const item = lists.find((d) => d.id === val);
+          onChange(item);
         },
-        /* @__PURE__ */ import_react.default.createElement(
-          "span",
+        options: lists.map((item) => ({
+          label: item == null ? void 0 : item.label,
+          value: item == null ? void 0 : item.id
+        })),
+        dropdownRender: (menu) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, menu, isShowAddHolderButton ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { style: { margin: "8px 0" } }), /* @__PURE__ */ import_react.default.createElement(
+          "div",
           {
+            onClick: addItem,
+            className: "select-holder-add-btn-wrap",
             style: {
-              display: "inline-block",
-              maxWidth: "100%",
-              whiteSpace: "nowrap",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              verticalAlign: "middle"
+              display: "flex",
+              alignContent: "center",
+              padding: "4px 10px 10px 8px",
+              gap: "8px",
+              flex: "1 0 0",
+              color: "var(--Primary-600, #7f56d9)",
+              fontSize: "14px",
+              fontWeight: 600,
+              lineHeight: "20px",
+              cursor: "pointer"
             }
           },
-          import_utils.locales.getText(
-            "pisell2.product.card.add.holder.button.text"
-          )(addHolderButtonText || "")
-        )
-      )) : null)
-    }
-  ));
+          /* @__PURE__ */ import_react.default.createElement(
+            import_iconfont.default,
+            {
+              type: "pisell2-plus-circle",
+              style: { fontSize: "20px" }
+            }
+          ),
+          /* @__PURE__ */ import_react.default.createElement(
+            "span",
+            {
+              style: {
+                flex: 1,
+                display: "inline-block",
+                maxWidth: "100%",
+                whiteSpace: "nowrap",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                verticalAlign: "middle"
+              }
+            },
+            import_utils.locales.getText(
+              "pisell2.product.card.add.holder.button.text"
+            )(addHolderButtonText)
+          )
+        )) : null)
+      }
+    ),
+    isError ? /* @__PURE__ */ import_react.default.createElement("div", { className: "select-holder-error" }, import_utils.locales.getText("pisell2.product.card.add.holder.placeholder")(
+      addHolderButtonText
+    )) : null
+  );
 };
 var SelectHolder_default = SelectHolder;

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

@@ -7,4 +7,31 @@
       border-radius: 50px;
     }
   }
+
+  .select-holder-add-btn-wrap {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    padding: 12px 10px 12px 8px;
+    gap: 8px;
+    flex: 1 0 0;
+    color: var(--Primary-600, #7f56d9);
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 20px;
+  }
+
+  .select-holder-error {
+    color: var(--Error-600, #d92d20);
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+  }
+}
+
+.pisell-lowcode-product-card-select-holder-error {
+  .pisell-lowcode-select-selector {
+    border: 1px solid var(--Error-600, #d92d20) !important;
+  }
 }

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

@@ -42,6 +42,8 @@ var SelectResource = ({
   onChange,
   resourceMode,
   maxLength,
+  allowClear = false,
+  onClearResource,
   ...props
 }) => {
   const [selectedValue, setSelectedValue] = (0, import_react.useState)();
@@ -59,25 +61,28 @@ var SelectResource = ({
       return /* @__PURE__ */ import_react.default.createElement(import_antd.Select.Option, { value: d.id, key: d.id, ...d || {} }, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ import_react.default.createElement("span", null, d["label"]), (d == null ? void 0 : d.isError) ? /* @__PURE__ */ import_react.default.createElement(import_AlertTriangle.default, { style: { color: "#b42318", cursor: "pointer" } }) : null));
     });
   }, [lists]);
-  const handleChange = (0, import_react.useCallback)((val) => {
-    if (["multiple", "tags"].includes(resourceMode) && maxLength) {
-      if (value && value.length >= maxLength && val.length > value.length) {
-        return;
+  const handleChange = (0, import_react.useCallback)(
+    (val) => {
+      if (["multiple", "tags"].includes(resourceMode) && maxLength) {
+        if (value && value.length >= maxLength && val.length > value.length) {
+          return;
+        }
       }
-    }
-    setSelectedValue(val);
-    if (props.isParallelResource) {
-      const valueArray = (0, import_utils.isArr)(val) ? val : [val];
-      return onChange({
-        value: valueArray,
-        options: valueArray.map((v) => resourceMap[v]),
-        resourceMode,
-        props
-      });
-    }
-    const item = resourceMap[val];
-    onChange(item);
-  }, [resourceMode, maxLength, value, onChange, props, resourceMap]);
+      setSelectedValue(val);
+      if (props.isParallelResource) {
+        const valueArray = (0, import_utils.isArr)(val) ? val : [val];
+        return onChange({
+          value: valueArray,
+          options: valueArray.map((v) => resourceMap[v]),
+          resourceMode,
+          props
+        });
+      }
+      const item = resourceMap[val];
+      onChange(item);
+    },
+    [resourceMode, maxLength, value, onChange, props, resourceMap]
+  );
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Select,
     {
@@ -86,6 +91,8 @@ var SelectResource = ({
       showSearch: true,
       style: { flex: 1, overflow: "hidden" },
       onClick: (e) => e.stopPropagation(),
+      allowClear,
+      onClear: () => onChange(""),
       value: selectedValue,
       onChange: handleChange
     },

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

@@ -50,7 +50,9 @@ var Time = ({
   isShowChangeHolder,
   holderMode,
   onAddHolder,
-  isShowAddHolderButton
+  isShowAddHolderButton,
+  onClearHolder,
+  onClearResource
 }) => {
   const {
     start_date,
@@ -66,7 +68,10 @@ var Time = ({
     // 多个资源数据
     multiResources,
     addHolderButtonText,
-    isMultipleResource
+    isMultipleResource,
+    isErrorHolder,
+    allowClearHolder,
+    allowClearResource
   } = item;
   const holderCom = (0, import_react.useMemo)(() => {
     if (!isShowHolder) return null;
@@ -80,7 +85,10 @@ var Time = ({
           holderMode,
           isShowAddHolderButton,
           onAddHolder,
-          addHolderButtonText
+          addHolderButtonText,
+          onClearHolder,
+          isErrorHolder,
+          allowClear: allowClearHolder
         }
       );
     }
@@ -94,7 +102,10 @@ var Time = ({
     holderMode,
     holders,
     isShowAddHolderButton,
-    isShowChangeHolder
+    isShowChangeHolder,
+    isErrorHolder,
+    addHolderButtonText,
+    allowClearHolder
   ]);
   const likeCom = (0, import_react.useCallback)(
     (status, item2) => {
@@ -126,14 +137,15 @@ var Time = ({
           ...item2,
           lists: item2 == null ? void 0 : item2.lists,
           value: item2 == null ? void 0 : item2.id,
-          allowClear: item2 == null ? void 0 : item2.allowClear,
           onChange: changeResource,
           resourceMode: item2.resourceMode,
-          maxLength: item2.maxLength
+          maxLength: item2.maxLength,
+          onClearResource,
+          allowClear: allowClearResource
         }
       );
     },
-    [isShowChangeResource]
+    [isShowChangeResource, allowClearResource]
   );
   const likeAndResourceCom = (0, import_react.useMemo)(() => {
     if (isMultipleResource) {

package/lib/components/productCard/index.js

@@ -142,7 +142,9 @@ var ProductCard = (props) => {
             changeResource: onChangeResource,
             changeHolder: onChangeHolder,
             onAddHolder: other == null ? void 0 : other.onAddHolder,
-            isShowAddHolderButton: other == null ? void 0 : other.isShowAddHolderButton
+            isShowAddHolderButton: other == null ? void 0 : other.isShowAddHolderButton,
+            onClearResource: other == null ? void 0 : other.onClearResource,
+            onClearHolder: other == null ? void 0 : other.onClearHolder
           }
         ),
         /* @__PURE__ */ import_react.default.createElement(import_Packages.default, { item: dataSource, isShowPackageNote }),

package/lib/components/productCard/locales.js

@@ -37,7 +37,8 @@ var locales_default = {
     "pisell2.product.card.items.package": "Items in package",
     "pisell2.product.card.view-all": "View all",
     "pisell2.product.card.view-less": "View less",
-    "pisell2.product.card.add.holder.button.text": (val) => `Add ${val}`
+    "pisell2.product.card.add.holder.button.text": (val) => `Add ${val || ""}`,
+    "pisell2.product.card.add.holder.placeholder": (val) => `Please select ${val || ""}`
   },
   "zh-CN": {
     "pisell2.product.card.day": (val) => "天",
@@ -53,7 +54,8 @@ var locales_default = {
     "pisell2.product.card.items.package": "包含的商品",
     "pisell2.product.card.view-all": "查看全部",
     "pisell2.product.card.view-less": "收起",
-    "pisell2.product.card.add.holder.button.text": (val) => `添加${val}`
+    "pisell2.product.card.add.holder.button.text": (val) => `添加${val || ""}`,
+    "pisell2.product.card.add.holder.placeholder": (val) => `请选择${val || ""}`
   },
   "zh-HK": {
     "pisell2.product.card.day": (val) => "天",
@@ -69,6 +71,7 @@ var locales_default = {
     "pisell2.product.card.items.package": "包含的商品",
     "pisell2.product.card.view-all": "查看全部",
     "pisell2.product.card.view-less": "收起",
-    "pisell2.product.card.add.holder.button.text": (val) => `添加${val}`
+    "pisell2.product.card.add.holder.button.text": (val) => `添加${val || ""}`,
+    "pisell2.product.card.add.holder.placeholder": (val) => `請選擇${val || ""}`
   }
 };

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

@@ -0,0 +1,31 @@
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
+import 'dayjs/locale/zh-tw';
+/**
+ * @title: 是否英文
+ * @description:
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-28 22:49
+ */
+export declare const isEn: (item: any) => boolean;
+/**
+ * @title: 跨日预约时间
+ * @description:
+ * @param {any} item
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-28 22:50
+ */
+export declare const formatMultiDayDate: (item: any) => string;
+/**
+ * @title: 格式化服务的 开始时间-结束时间-时长, 用于展示
+ * @description:
+ * @param {any} item
+ * @param {any} currentDate
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-04-26 14:04
+ */
+export declare const getServiceTime: (item: any, currentDate: any) => string;

package/lib/components/table/Actions/component/ExportImport/components/ExportFile/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ExportFile: (props: {

package/lib/components/table/Actions/component/ExportImport/components/ExportTable/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from "../../../../../types";
 import "./index.less";
 declare const ExportTable: (props: {

package/lib/components/table/Actions/component/ExportImport/components/ImportLog/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ImportLog: (props: {

package/lib/components/table/Actions/component/ExportImport/components/ImportTable/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare type ImportTableProps = {

package/lib/components/table/Actions/component/GallerySetting/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType, ModeType } from "../../../types";
 import "./index.less";
 declare type GallerySettingProps = {

package/lib/components/table/Actions/component/Group/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceGroupType } from "../../../types";
 declare type GroupProps = {
     setting: DataSourceGroupType;

package/lib/components/table/Actions/component/ViewMode/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridViewType, ModeType } from "../../../types";
 declare type ViewModeProps = {
     view: GridViewType;

package/lib/components/table/Actions/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterType } from "../../filter/types";
 import { ColumnSettingType, DataSourceGroupType, ExportImportType, GallerySettingType, GridViewType, SortType } from "../types";
 import "./index.less";

package/lib/components/table/BasicTable/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TableProps } from 'antd';
 declare const BasicTable: (props: TableProps<any>) => JSX.Element;
 export default BasicTable;

package/lib/components/table/Gallery/components/GalleryItem/components/Cover/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType, GallerySettingValueType } from "../../../../../types";
 declare type CoverProps = {
     cover?: GallerySettingType["cover"];

package/lib/components/table/Gallery/components/GalleryItem/components/Title/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType } from "../../../../../types";
 import "./index.less";
 declare type TitleProps = GallerySettingType["title"] & {

package/lib/components/table/Table/SelectField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const SelectField: () => JSX.Element;
 export default SelectField;

package/lib/components/table/Table/tableConfig/SortRow/index.d.ts

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

package/lib/components/table/Table/tableConfig/summary/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const summary: (props: any) => JSX.Element;
 export default summary;

package/lib/components/table/View/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridViewProps } from '../types';
 declare const View: (props: GridViewProps & {
     setTableSetting: (values: Record<string, any>) => void;

package/package.json

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