@pisell/materials 1.0.870 → 1.0.871

package/lib/components/productCard/cartSkuCard/components/swipeAction/index.js

@@ -0,0 +1,325 @@
+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/cartSkuCard/components/swipeAction/index.tsx
+var swipeAction_exports = {};
+__export(swipeAction_exports, {
+  SwipeAction: () => SwipeAction
+});
+module.exports = __toCommonJS(swipeAction_exports);
+var import_web = require("@react-spring/web");
+var import_use_gesture_react = require("@use-gesture/react/dist/use-gesture-react.cjs");
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+function withNativeProps(props, element) {
+  const p = {
+    ...element.props
+  };
+  if (props.className) {
+    p.className = props.className + (element.props.className ? ` ${element.props.className}` : "");
+  }
+  if (props.style) {
+    p.style = {
+      ...props.style,
+      ...element.props.style
+    };
+  }
+  return import_react.default.cloneElement(element, p);
+}
+function nearest(arr, target) {
+  return arr.reduce((prev, curr) => {
+    return Math.abs(curr - target) < Math.abs(prev - target) ? curr : prev;
+  });
+}
+function mergeProps(a, b) {
+  return {
+    ...a,
+    ...b
+  };
+}
+function withStopPropagation(events, element) {
+  if (!events.includes("click")) {
+    return element;
+  }
+  const onClick = (e) => {
+    var _a, _b;
+    e.stopPropagation();
+    (_b = (_a = element.props).onClick) == null ? void 0 : _b.call(_a, e);
+  };
+  return import_react.default.cloneElement(element, {
+    ...element.props,
+    onClick
+  });
+}
+var Button = ({ children, className, style, onClick }) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      className,
+      style: {
+        border: "none",
+        background: (style == null ? void 0 : style["--background-color"]) || "transparent",
+        ...style
+      },
+      onClick
+    },
+    children
+  );
+};
+var classPrefix = `pisell-swipe-action`;
+var defaultProps = {
+  rightActions: [],
+  leftActions: [],
+  closeOnTouchOutside: true,
+  closeOnAction: true,
+  stopPropagation: []
+};
+var SwipeAction = (0, import_react.forwardRef)(
+  (p, ref) => {
+    const props = mergeProps(defaultProps, p);
+    const rootRef = (0, import_react.useRef)(null);
+    const leftRef = (0, import_react.useRef)(null);
+    const rightRef = (0, import_react.useRef)(null);
+    function getWidth(ref2) {
+      const element = ref2.current;
+      if (!element) return 0;
+      return element.offsetWidth;
+    }
+    function getLeftWidth() {
+      return getWidth(leftRef);
+    }
+    function getRightWidth() {
+      return getWidth(rightRef);
+    }
+    const [{ x }, api] = (0, import_web.useSpring)(
+      () => ({
+        x: 0,
+        config: { tension: 200, friction: 30 }
+      }),
+      []
+    );
+    const draggingRef = (0, import_react.useRef)(false);
+    const dragCancelRef = (0, import_react.useRef)(null);
+    function forceCancelDrag() {
+      var _a;
+      (_a = dragCancelRef.current) == null ? void 0 : _a.call(dragCancelRef);
+      draggingRef.current = false;
+    }
+    const bind = (0, import_use_gesture_react.useDrag)(
+      (state) => {
+        var _a;
+        dragCancelRef.current = state.cancel;
+        if (!state.intentional) return;
+        if (state.down) {
+          draggingRef.current = true;
+        }
+        if (!draggingRef.current) return;
+        const [offsetX] = state.offset;
+        if (state.last) {
+          const leftWidth = getLeftWidth();
+          const rightWidth = getRightWidth();
+          let position = offsetX + state.velocity[0] * state.direction[0] * 50;
+          if (offsetX > 0) {
+            position = Math.max(0, position);
+          } else if (offsetX < 0) {
+            position = Math.min(0, position);
+          } else {
+            position = 0;
+          }
+          const targetX = nearest([-rightWidth, 0, leftWidth], position);
+          api.start({
+            x: targetX
+          });
+          if (targetX !== 0) {
+            (_a = p.onActionsReveal) == null ? void 0 : _a.call(p, targetX > 0 ? "left" : "right");
+          }
+          window.setTimeout(() => {
+            draggingRef.current = false;
+          });
+        } else {
+          api.start({
+            x: offsetX,
+            immediate: true
+          });
+        }
+      },
+      {
+        from: () => [x.get(), 0],
+        bounds: () => {
+          const leftWidth = getLeftWidth();
+          const rightWidth = getRightWidth();
+          return {
+            left: -rightWidth,
+            right: leftWidth
+          };
+        },
+        axis: "x",
+        preventScroll: true,
+        pointer: { touch: true },
+        triggerAllEvents: true
+      }
+    );
+    const close = () => {
+      var _a;
+      api.start({
+        x: 0
+      });
+      forceCancelDrag();
+      (_a = props.onClose) == null ? void 0 : _a.call(props);
+    };
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      show: (side = "right") => {
+        var _a;
+        if (side === "right") {
+          api.start({
+            x: -getRightWidth()
+          });
+        } else if (side === "left") {
+          api.start({
+            x: getLeftWidth()
+          });
+        }
+        (_a = p.onActionsReveal) == null ? void 0 : _a.call(p, side);
+      },
+      close
+    }));
+    (0, import_react.useEffect)(() => {
+      if (!props.closeOnTouchOutside) return;
+      function handle(e) {
+        if (x.get() === 0) {
+          return;
+        }
+        const root = rootRef.current;
+        if (root && !root.contains(e.target)) {
+          close();
+        }
+      }
+      document.addEventListener("touchstart", handle);
+      return () => {
+        document.removeEventListener("touchstart", handle);
+      };
+    }, [props.closeOnTouchOutside]);
+    function renderAction(action) {
+      const color = action.color ?? "light";
+      const _style = action.style || {};
+      return /* @__PURE__ */ import_react.default.createElement(
+        Button,
+        {
+          key: action.key,
+          className: `${classPrefix}-action-button`,
+          style: {
+            "--background-color": colorRecord[color] ?? color,
+            ..._style
+          },
+          onClick: (e) => {
+            var _a, _b;
+            if (props.closeOnAction) {
+              close();
+            }
+            (_a = action.onClick) == null ? void 0 : _a.call(action, e);
+            (_b = props.onAction) == null ? void 0 : _b.call(props, action, e);
+          }
+        },
+        action.text
+      );
+    }
+    return withNativeProps(
+      props,
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: classPrefix,
+          ...bind(),
+          ref: rootRef,
+          onClickCapture: (e) => {
+            if (draggingRef.current) {
+              e.stopPropagation();
+              e.preventDefault();
+            }
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_web.animated.div, { className: `${classPrefix}-track`, style: { x } }, withStopPropagation(
+          props.stopPropagation,
+          /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              className: `${classPrefix}-actions ${classPrefix}-actions-left`,
+              ref: leftRef
+            },
+            props.leftActions.map(renderAction)
+          )
+        ), /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `${classPrefix}-content`,
+            onClickCapture: (e) => {
+              if (x.goal !== 0) {
+                e.preventDefault();
+                e.stopPropagation();
+                close();
+              }
+            }
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_web.animated.div,
+            {
+              style: {
+                pointerEvents: x.to(
+                  (v) => v !== 0 && x.goal !== 0 ? "none" : "auto"
+                )
+              }
+            },
+            props.children
+          )
+        ), withStopPropagation(
+          props.stopPropagation,
+          /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              className: `${classPrefix}-actions ${classPrefix}-actions-right`,
+              ref: rightRef
+            },
+            props.rightActions.map(renderAction)
+          )
+        ))
+      )
+    );
+  }
+);
+var colorRecord = {
+  light: "var(--adm-color-light)",
+  weak: "var(--adm-color-weak)",
+  primary: "var(--adm-color-primary)",
+  success: "var(--adm-color-success)",
+  warning: "var(--adm-color-warning)",
+  danger: "var(--adm-color-danger)"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SwipeAction
+});

package/lib/components/productCard/cartSkuCard/components/swipeAction/index.less

@@ -0,0 +1,38 @@
+.pisell-swipe-action {
+  --background: var(--adm-color-background);
+  background: var(--background);
+  cursor: grab;
+  overflow: hidden;
+  touch-action: pan-y;
+  &-track {
+    position: relative;
+    overflow: visible;
+  }
+  &-content {
+  }
+  &-actions {
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: stretch;
+    width: auto;
+    white-space: nowrap;
+    &-right {
+      left: 100%;
+      top: 0;
+      height: 100%;
+    }
+    &-left {
+      right: 100%;
+      top: 0;
+      height: 100%;
+    }
+  }
+  &-action-button {
+    --border-radius: 0;
+    --border-width: 0;
+    --text-color: var(--adm-color-text-light-solid);
+    padding-left: 4px;
+    padding-right: 4px;
+  }
+}

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

@@ -2,6 +2,7 @@ import './index.less';
 import { ProductCardTypes } from '../types';
 interface ISKUCardProps extends ProductCardTypes {
     type: 'a2' | 'a5';
+    rightActions: any[];
 }
 export declare const PREFIX = "pisell-cart-sku-card";
 declare const CartSkuCard: (props: ISKUCardProps) => JSX.Element;

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

@@ -35,7 +35,6 @@ __export(cartSkuCard_exports, {
 module.exports = __toCommonJS(cartSkuCard_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
-var import_antd_mobile = require("antd-mobile");
 var import_utils = require("@pisell/utils");
 var import_locales = __toESM(require("./locales"));
 var import_basicInfo = __toESM(require("./components/basicInfo"));
@@ -45,6 +44,7 @@ var import_timeRange = __toESM(require("./components/timeRange"));
 var import_resources = __toESM(require("./components/resources"));
 var import_packages = __toESM(require("./components/packages"));
 var import_sales = __toESM(require("./components/sales"));
+var import_swipeAction = require("./components/swipeAction");
 var import_index = require("./index.less");
 var import_iconfont = __toESM(require("../../iconfont"));
 var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
@@ -74,6 +74,7 @@ var CartSkuCard = (props) => {
     onChangeResource,
     onChangeHolder,
     type,
+    rightActions = [],
     ...other
   } = props;
   const useOpenNoteRef = (0, import_react.useRef)();
@@ -84,16 +85,28 @@ var CartSkuCard = (props) => {
   );
   console.log("prodcut props", props);
   const { isShowAction, actionText } = dataSource;
-  const rightActions = (0, import_react.useMemo)(() => {
+  const _rightActions = (0, import_react.useMemo)(() => {
     const deleteAction = {
       key: "delete",
-      text: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-        import_iconfont.default,
+      text: /* @__PURE__ */ import_react.default.createElement(
+        "div",
         {
-          type: "pisell2-trash-01",
-          style: { fontSize: 20, marginRight: 4 }
-        }
-      ), /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 12 } }, import_utils.locales.getText("pisell2.cart.sku-card.actions.delete"))),
+          style: {
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            color: "white"
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_iconfont.default,
+          {
+            type: "pisell2-trash-01",
+            style: { fontSize: 20, marginRight: 4 }
+          }
+        ),
+        /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 12, fontWeight: 500 } }, import_utils.locales.getText("pisell2.cart.sku-card.actions.delete"))
+      ),
       color: "danger",
       onClick: (e) => {
         e.preventDefault();
@@ -101,12 +114,12 @@ var CartSkuCard = (props) => {
         onDelete == null ? void 0 : onDelete(dataSource);
       }
     };
-    const actions = [];
+    const actions = [...rightActions];
     if (isShowDelete) {
-      actions.push(deleteAction);
+      actions.unshift(deleteAction);
     }
     return actions;
-  }, [dataSource, onDelete, isShowDelete]);
+  }, [dataSource, onDelete, isShowDelete, rightActions]);
   const hideDivider = (0, import_react.useMemo)(() => {
     const { bundle, relation_products } = dataSource;
     return (bundle == null ? void 0 : bundle.length) || (relation_products == null ? void 0 : relation_products.length);
@@ -179,10 +192,11 @@ var CartSkuCard = (props) => {
     return renderA2();
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    import_antd_mobile.SwipeAction,
+    import_swipeAction.SwipeAction,
     {
+      closeOnAction: false,
       className: (0, import_classnames.default)(`${PREFIX}-wrapper`),
-      rightActions
+      rightActions: _rightActions
     },
     /* @__PURE__ */ import_react.default.createElement(
       "div",

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, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, holderMaxCount, }: any) => JSX.Element;
+export default SelectHolder;

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

@@ -0,0 +1,18 @@
+import './index.less';
+interface ResourceItem {
+    id: string | number;
+    label: string;
+    isError?: boolean;
+    [key: string]: any;
+}
+interface SelectResourceProps {
+    lists: ResourceItem[];
+    value: any;
+    onChange: (val: any) => void;
+    resourceMode?: 'multiple' | 'tags' | undefined;
+    maxLength?: number;
+    isParallelResource?: boolean;
+    [key: string]: any;
+}
+declare const SelectResource: ({ lists, value, onChange, resourceMode, allowClear, onClearResource, maxLength, isErrorResource, resourceErrorText, ...props }: SelectResourceProps) => JSX.Element;
+export default SelectResource;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import '../../index.less';
+declare const Warning: React.FC<{
+    errorMessage: string | Array<string>;
+    osWarnTips: Array<string>;
+}>;
+export default Warning;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ProductCardTypes } from './types';
+import './index.less';
+declare const ProductCard: React.FC<ProductCardTypes> & {
+    V2: any;
+};
+export default ProductCard;

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/select-time/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VirtualKeyboardTimeProps } from "../virtual-keyboard/Time";
 import { PopoverProps, TimePickerProps } from "antd";
 import "./index.less";

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type ColumnsSettingProps = {
     value?: Record<string, any>[];
     onChange?: (val: Record<string, any>[]) => void;

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/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/Gallery/components/GalleryItem/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { GallerySettingType, GallerySettingValueType } from "../../../types";
+import "./index.less";
+declare type GalleryItemProps = {
+    record: Record<string, any>;
+    gallery: GallerySettingType;
+    columnsMap: Map<string, Record<string, any>>;
+    index: number;
+    gallerySetting: GallerySettingValueType;
+    columns: Record<string, any>[];
+    onClick: React.MouseEventHandler<HTMLDivElement>;
+};
+declare const GalleryItem: (props: GalleryItemProps) => JSX.Element;
+export default GalleryItem;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { GalleryProps } from './types';
+import './index.less';
+declare const _default: React.MemoExoticComponent<(props: GalleryProps) => JSX.Element>;
+export default _default;

package/lib/components/table/Table/fields/date/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/image/Show/index.d.ts

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

package/lib/components/table/Table/fields/image/index.d.ts

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

package/lib/components/table/Table/fields/link/index.d.ts

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

package/lib/components/table/Table/fields/number/Show/index.d.ts

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

package/lib/components/table/Table/fields/number/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/numberRange/Show/index.d.ts

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

package/lib/components/table/Table/fields/numberRange/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/oldRangePicker/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/pSwitch/Show/index.d.ts

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

package/lib/components/table/Table/fields/pSwitch/index.d.ts

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

package/lib/components/table/Table/fields/rangePicker/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/search/Show/index.d.ts

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