@pisell/materials 2.2.13 → 2.2.14

package/lib/components/pisellRow/index.js

@@ -0,0 +1,82 @@
+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/pisellRow/index.tsx
+var pisellRow_exports = {};
+__export(pisellRow_exports, {
+  default: () => pisellRow_default
+});
+module.exports = __toCommonJS(pisellRow_exports);
+var import_react = __toESM(require("react"));
+var import_usePisellConfig = __toESM(require("../pisell-config-provider/hooks/usePisellConfig"));
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var PisellRow = (props) => {
+  const config = (0, import_usePisellConfig.default)();
+  const {
+    platform = "h5",
+    gap,
+    padding,
+    style,
+    leftContent,
+    rightContent,
+    centerContent,
+    centerContentFill,
+    ...rest
+  } = props;
+  const _style = (0, import_react.useMemo)(() => {
+    const paddingVal = (0, import_utils.isNumber)(padding) ? padding + "px" : padding;
+    const gapVal = (0, import_utils.isNumber)(gap) ? gap + "px" : gap;
+    let obj = {
+      padding: paddingVal,
+      gap: gapVal,
+      ...style
+    };
+    return obj;
+  }, [style, padding, gap]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ...rest,
+      className: (0, import_classnames.default)("pisell-row", rest.className),
+      style: _style
+    },
+    leftContent && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-row-left" }, leftContent),
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-row-center",
+        style: { flex: centerContentFill ? 1 : "unset" }
+      },
+      centerContent
+    ),
+    rightContent && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-row-right" }, rightContent)
+  );
+};
+var pisellRow_default = PisellRow;

package/lib/components/pisellRow/index.less

@@ -0,0 +1,13 @@
+.pisell-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .pisell-row-left {}
+
+  .pisell-row-center {
+    flex: 1;
+  }
+
+  .pisell-row-right {}
+}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { BrowserMultiFormatReader } from '@zxing/library';
+import './index.less';
+export interface PisellScanProps extends Omit<React.HTMLAttributes<HTMLVideoElement>, 'onChange'> {
+    /** 当前scan展示宽度 */
+    width: string | number;
+    /** 当前scan展示高度 */
+    height?: string | number;
+    /** 当前scan圆角 */
+    borderRadius?: string | number;
+    /** 扫描完成回调 */
+    onChange?: (val: string) => void;
+}
+export declare type PisellScanRef = {
+    codeReader: BrowserMultiFormatReader | null;
+};
+/**
+ * 二维码条形码扫描组件
+ */
+declare const PisellScan: React.ForwardRefExoticComponent<PisellScanProps & React.RefAttributes<PisellScanRef>>;
+export default PisellScan;

package/lib/components/pisellScan/index.js

@@ -0,0 +1,100 @@
+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/pisellScan/index.tsx
+var pisellScan_exports = {};
+__export(pisellScan_exports, {
+  default: () => pisellScan_default
+});
+module.exports = __toCommonJS(pisellScan_exports);
+var import_react = __toESM(require("react"));
+var import_library = require("@zxing/library");
+var import_index = require("./index.less");
+var PisellScan = (0, import_react.forwardRef)((props, ref) => {
+  const { width, height, borderRadius, style, children, onChange, ...others } = props;
+  const videoRef = (0, import_react.useRef)(null);
+  const codeReaderRef = (0, import_react.useRef)(null);
+  (0, import_react.useImperativeHandle)(ref, () => {
+    return {
+      codeReader: codeReaderRef.current
+    };
+  });
+  (0, import_react.useEffect)(() => {
+    const codeReader = new import_library.BrowserMultiFormatReader();
+    codeReaderRef.current = codeReader;
+    let selectedDeviceId;
+    codeReaderRef.current.listVideoInputDevices().then((videoInputDevices) => {
+      selectedDeviceId = videoInputDevices[0].deviceId;
+      codeReader.decodeFromVideoDevice(
+        null,
+        videoRef.current,
+        (result, err) => {
+          if (result) {
+            onChange == null ? void 0 : onChange(result.getText());
+          }
+          if (err && !(err instanceof import_library.NotFoundException)) {
+            console.error(err);
+          }
+        }
+      );
+    }).catch((err) => {
+      console.error(err);
+    });
+    return () => {
+      codeReaderRef.current.reset();
+    };
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-scan-wrap",
+      style: {
+        width,
+        height,
+        borderRadius,
+        ...style
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "video",
+      {
+        ...others,
+        ref: videoRef,
+        style: {
+          width,
+          height,
+          borderRadius,
+          background: "#000",
+          ...style
+        }
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-scan-action" }, children)
+  );
+});
+var pisellScan_default = PisellScan;

package/lib/components/pisellScan/index.less

@@ -0,0 +1,12 @@
+.pisell-scan-wrap {
+  position: relative;
+  video {
+    display: block;
+  }
+  .pisell-scan-action {
+    position: absolute;
+    width: 100%;
+    left: 0;
+    bottom: 0;
+  }
+}

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

@@ -0,0 +1,18 @@
+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;
+}
+declare const Amount: (props: AmountProps) => React.JSX.Element;
+export default Amount;

package/lib/components/pisellText/components/Amount/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/pisellText/components/Amount/index.tsx
+var Amount_exports = {};
+__export(Amount_exports, {
+  default: () => Amount_default
+});
+module.exports = __toCommonJS(Amount_exports);
+var import_react = __toESM(require("react"));
+var import_src = require("@pisell/utils/src");
+var import_usePisellConfig = __toESM(require("../../../pisell-config-provider/hooks/usePisellConfig"));
+var Amount = (props) => {
+  const {
+    value,
+    precision,
+    showCurrencySymbol,
+    useThousandsSeparator,
+    hideDecimalForWholeNumbers,
+    ...others
+  } = props;
+  const config = (0, import_usePisellConfig.default)();
+  const amount = (0, import_react.useMemo)(() => {
+    return (0, import_src.formatAmountWithOptions)(value, (config == null ? void 0 : config.symbol) || "", {
+      precision,
+      showCurrencySymbol,
+      useThousandsSeparator,
+      hideDecimalForWholeNumbers
+    });
+  }, [
+    value,
+    precision,
+    showCurrencySymbol,
+    useThousandsSeparator,
+    hideDecimalForWholeNumbers
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement("span", { ...others }, amount);
+};
+var Amount_default = Amount;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface PisellTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+declare const PisellText: {
+    (props: PisellTextProps): React.JSX.Element;
+    Amount: (props: import("./components/Amount").AmountProps) => React.JSX.Element;
+};
+export default PisellText;

package/lib/components/pisellText/index.js

@@ -0,0 +1,41 @@
+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/pisellText/index.tsx
+var pisellText_exports = {};
+__export(pisellText_exports, {
+  default: () => pisellText_default
+});
+module.exports = __toCommonJS(pisellText_exports);
+var import_react = __toESM(require("react"));
+var import_Amount = __toESM(require("./components/Amount"));
+var PisellText = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement("span", { ...props });
+};
+PisellText.Amount = import_Amount.default;
+var pisellText_default = PisellText;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.less';
+export interface PisellToastProps {
+    /** 提示内容	 */
+    content: React.ReactNode;
+    /** 自动关闭的延时，单位秒。设为 0 时不自动关闭 */
+    duration?: number;
+    /** 是否展示action */
+    showAction?: boolean;
+    /** action文案 */
+    actionText?: string;
+    /** 关闭时触发的回调函数 */
+    onClose?: () => void;
+}
+declare const PisellToast: (props: PisellToastProps) => void;
+export default PisellToast;

package/lib/components/pisellToast/index.js

@@ -0,0 +1,59 @@
+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/pisellToast/index.tsx
+var pisellToast_exports = {};
+__export(pisellToast_exports, {
+  default: () => pisellToast_default
+});
+module.exports = __toCommonJS(pisellToast_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_pisellMessage = require("../pisellMessage");
+var import_iconfont = __toESM(require("../iconfont"));
+var import_index = require("./index.less");
+var PisellToast = (props) => {
+  const { content, duration, showAction, actionText, onClose } = props;
+  const key = (0, import_utils.getUniqueId)();
+  import_pisellMessage.message.open({
+    key,
+    content: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-toast-content" }, /* @__PURE__ */ import_react.default.createElement("span", null, content), showAction && /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-toast-action" }, actionText), /* @__PURE__ */ import_react.default.createElement(
+      import_iconfont.default,
+      {
+        type: "pisell2-x-close",
+        className: "pisell-toast-close",
+        onClick: () => import_pisellMessage.message.destroy(key)
+      }
+    )),
+    icon: null,
+    duration: duration || 5,
+    className: "pisell-toast-wrap",
+    onClose
+  });
+};
+var pisellToast_default = PisellToast;

package/lib/components/pisellToast/index.less

@@ -0,0 +1,26 @@
+.pisell-toast-wrap {
+  color: var(--Base-White, #FFF);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px; /* 142.857% */
+  .pisell-lowcode-message-notice-content {
+    padding: 4px 4px 4px 14px;
+  }
+  .pisell-toast-content {
+    display: flex;
+    gap: 20px;
+    align-items: center;
+    .pisell-toast-action {
+      color: var(--Base-White, #FFF);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px; /* 142.857% */
+    }
+    .pisell-toast-close {
+      font-size: 20px;
+      padding: 8px;
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TooltipPropsWithTitle } from 'antd/es/tooltip';
+import { PisellContextType } from "../pisell-config-provider/context";
+import './index.less';
+export interface PisellTooltipProps extends TooltipPropsWithTitle {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+}
+declare const PisellTooltip: (props: PisellTooltipProps) => React.JSX.Element;
+export default PisellTooltip;

package/lib/components/pisellTooltip/index.js

@@ -0,0 +1,53 @@
+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/pisellTooltip/index.tsx
+var pisellTooltip_exports = {};
+__export(pisellTooltip_exports, {
+  default: () => pisellTooltip_default
+});
+module.exports = __toCommonJS(pisellTooltip_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var PisellTooltip = (props) => {
+  const { color = "#fff", overlayClassName } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Tooltip,
+    {
+      ...props,
+      color,
+      overlayClassName: (0, import_classnames.default)(
+        "pisell-tooltip-overlay-wrap",
+        overlayClassName
+      )
+    }
+  );
+};
+var pisellTooltip_default = PisellTooltip;

package/lib/components/pisellTooltip/index.less

@@ -0,0 +1,5 @@
+.pisell-tooltip-overlay-wrap {
+  .pisell-lowcode-tooltip-inner {
+    color: #334054;
+  }
+}

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

@@ -0,0 +1,54 @@
+import React from 'react';
+import './index.less';
+export interface PisellWalletPassCardProps {
+    id: number;
+    /** 商品名称 */
+    name: string;
+    /** 二维码 */
+    qrCode: string;
+    /** 共享店铺名称 */
+    storeName: string;
+    /** 余额 */
+    balance: number;
+    /** 识别码编号 */
+    code: string;
+    /** 有效期 */
+    validDate: string;
+    /** 使用金额 */
+    redeem: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 禁用原因 */
+    disabledReason?: string;
+    /** 封面图 */
+    cover?: string;
+    /** 余额标题文案 */
+    balanceTitle?: string;
+    /** 使用金额标题文案 */
+    redeemTitle?: string;
+    /** 是否选中 */
+    active?: boolean;
+    /** 是否展示商品名称 */
+    showName?: boolean;
+    /** 是否展示共享店铺名称 */
+    showStoreName?: boolean;
+    /** 是否展示使用金额 */
+    showRedeem?: boolean;
+    /** 是否展示余额 */
+    showBalance?: boolean;
+    /** 是否展示识别码编号 */
+    showCode?: boolean;
+    /** 是否展示有效期 */
+    showValidDate?: boolean;
+    /** 是否展示右上角详情按钮 */
+    showDetail?: boolean;
+    /** 是否展示qrCode */
+    showQrCode?: boolean;
+    /** 是否展示封面 */
+    showCover?: boolean;
+    /** 是否展示余额货币符号 */
+    showBalanceSymbol?: boolean;
+    [key: string]: any;
+}
+declare const PisellWalletPassCard: (props: PisellWalletPassCardProps) => React.JSX.Element;
+export default PisellWalletPassCard;