@pisell/materials 2.2.13 → 2.2.14

package/lib/components/pisellCheckboxGroup/index.js

@@ -0,0 +1,150 @@
+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/pisellCheckboxGroup/index.tsx
+var pisellCheckboxGroup_exports = {};
+__export(pisellCheckboxGroup_exports, {
+  default: () => pisellCheckboxGroup_default
+});
+module.exports = __toCommonJS(pisellCheckboxGroup_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_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_utils2 = require("@pisell/utils");
+var import_index = require("./index.less");
+var import_react2 = require("react");
+var import_pisellRow = __toESM(require("../pisellRow"));
+var import_mock = require("./mock");
+var PisellCheckboxGroup = (props) => {
+  const config = (0, import_usePisellConfig.default)();
+  const {
+    platform,
+    gap = 10,
+    style,
+    options = import_mock.mockList,
+    onChange,
+    value,
+    renderOption = (option) => {
+      return option.label;
+    },
+    padding = 0,
+    rowKey = "value",
+    mode = "multiple",
+    iconPosition = "left",
+    optionClassName,
+    optionActiveClassName,
+    ...rest
+  } = props;
+  const [_value, set_value] = (0, import_react2.useState)([]);
+  (0, import_react.useEffect)(() => {
+    initValue();
+  }, [value]);
+  const initValue = () => {
+    let _val = value;
+    if (!value) {
+      _val = [];
+    } else {
+      if (!Array.isArray(value)) {
+        _val = [value];
+      }
+    }
+    set_value(_val);
+  };
+  const _style = (0, import_react.useMemo)(() => {
+    const gapVal = (0, import_utils.isNumber)(gap) ? gap + "px" : gap;
+    const paddingVal = (0, import_utils.isNumber)(padding) ? padding + "px" : padding;
+    let obj = {
+      gap: gapVal,
+      padding: paddingVal,
+      ...style
+    };
+    return obj;
+  }, [style, gap, padding]);
+  const _onChange = (val, item) => {
+    onChange == null ? void 0 : onChange(mode === "single" ? val[0] : val, item);
+  };
+  const handleSelectItem = (key, item) => {
+    let newVal = [key];
+    if (mode === "multiple") {
+      newVal = (0, import_utils2.changeArray)(_value, key, "this");
+    }
+    _onChange(newVal, item);
+    set_value(newVal);
+  };
+  const CheckBoxItem = mode === "multiple" ? import_antd.Checkbox : import_antd.Radio;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ...rest,
+      className: (0, import_classnames.default)("pisell-checkbox-group", rest.className),
+      style: _style
+    },
+    options.map((option) => {
+      const active = _value.includes(option[rowKey]);
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_pisellRow.default,
+        {
+          className: (0, import_classnames.default)(
+            "pisell-checkbox-group-item",
+            optionClassName,
+            {
+              "pisell-checkbox-group-item-active": active,
+              [optionActiveClassName]: active
+            }
+          ),
+          key: option[rowKey],
+          gap: 10,
+          onClick: () => {
+            if (option.disabled)
+              return;
+            handleSelectItem(option[rowKey], option);
+          },
+          leftContent: iconPosition === "left" && /* @__PURE__ */ import_react.default.createElement(
+            CheckBoxItem,
+            {
+              checked: active,
+              className: "pisell-checkbox-group-item-checkbox"
+            }
+          ),
+          rightContent: iconPosition === "right" && /* @__PURE__ */ import_react.default.createElement(
+            CheckBoxItem,
+            {
+              checked: active,
+              className: "pisell-checkbox-group-item-checkbox"
+            }
+          ),
+          centerContent: renderOption == null ? void 0 : renderOption(option, active),
+          centerContentFill: true
+        }
+      );
+    })
+  );
+};
+var pisellCheckboxGroup_default = PisellCheckboxGroup;

package/lib/components/pisellCheckboxGroup/index.less

@@ -0,0 +1,36 @@
+.pisell-checkbox-group {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+
+  .pisell-checkbox-group-item {
+    width: 100%;
+    cursor: pointer;
+    border-radius: 12px;
+    position: relative;
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border-radius: 12px;
+      border: 1px solid var(--Gray-200, #EAECF0);
+      z-index: 2;
+    }
+
+    &.pisell-checkbox-group-item-active {
+      &::before {
+        border-width: 2px;
+        border-color: var(--theme-color);
+      }
+
+    }
+  }
+}
+
+.pisell-checkbox-group-item-checkbox {
+  margin: 0;
+}

package/lib/components/pisellCheckboxGroup/mock.d.ts

@@ -0,0 +1,4 @@
+export declare const mockList: {
+    label: string;
+    value: string;
+}[];

package/lib/components/pisellCheckboxGroup/mock.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellCheckboxGroup/mock.ts
+var mock_exports = {};
+__export(mock_exports, {
+  mockList: () => mockList
+});
+module.exports = __toCommonJS(mock_exports);
+var mockList = [
+  { label: "Option 1", value: "1" },
+  { label: "Option 2", value: "2" },
+  { label: "Option 3", value: "3" },
+  { label: "Option 4", value: "4" },
+  { label: "Option 5", value: "5" }
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  mockList
+});

package/lib/components/pisellContainer/components/Portal/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PisellContextType } from "../../../pisell-config-provider/context";
+export interface PortalProps {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    children?: React.ReactNode;
+    container: HTMLElement | null;
+}
+declare const Portal: React.FC<PortalProps>;
+export default Portal;

package/lib/components/pisellContainer/components/Portal/index.js

@@ -0,0 +1,40 @@
+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/pisellContainer/components/Portal/index.tsx
+var Portal_exports = {};
+__export(Portal_exports, {
+  default: () => Portal_default
+});
+module.exports = __toCommonJS(Portal_exports);
+var import_react_dom = __toESM(require("react-dom"));
+var Portal = (props) => {
+  const { children, container } = props;
+  return import_react_dom.default.createPortal(children, container || document.body);
+};
+var Portal_default = Portal;

package/lib/components/pisellContainer/containers.d.ts

@@ -0,0 +1 @@
+export declare const containers: Record<string, any>;

package/lib/components/pisellContainer/containers.js

@@ -0,0 +1,46 @@
+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/pisellContainer/containers.tsx
+var containers_exports = {};
+__export(containers_exports, {
+  containers: () => containers
+});
+module.exports = __toCommonJS(containers_exports);
+var import_pisellModal = __toESM(require("../pisellModal"));
+var import_drawer = __toESM(require("../drawer"));
+var import_Portal = __toESM(require("./components/Portal"));
+var containers = {
+  modal: import_pisellModal.default,
+  drawer: import_drawer.default,
+  portal: import_Portal.default
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  containers
+});

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { DrawerProps } from 'antd';
+import { PisellModalProps } from '../pisellModal';
+import { PortalProps } from './components/Portal';
+import { PisellContextType } from "../pisell-config-provider/context";
+export declare type RenderType = 'modal' | 'drawer' | 'portal' | '';
+export interface PisellContainerProps<T> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 渲染类型
+     * "modal" 弹窗
+     * "drawer" 抽屉
+     * "portal" 渲染到指定dom位置
+     * undefined | "" | null 渲染到当前位置
+     * */
+    renderType?: T;
+    /** 对应组件的props */
+    props?: T extends 'modal' ? PisellModalProps : T extends 'drawer' ? DrawerProps : T extends 'portal' ? PortalProps : any;
+    children?: React.ReactNode;
+}
+declare const PisellContainer: <T extends RenderType>(props: PisellContainerProps<T>) => any;
+export default PisellContainer;

package/lib/components/pisellContainer/index.js

@@ -0,0 +1,49 @@
+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/pisellContainer/index.tsx
+var pisellContainer_exports = {};
+__export(pisellContainer_exports, {
+  default: () => pisellContainer_default
+});
+module.exports = __toCommonJS(pisellContainer_exports);
+var import_react = __toESM(require("react"));
+var import_containers = require("./containers");
+var PisellContainer = (props) => {
+  const { renderType, children, props: cptProps } = props;
+  if (!renderType) {
+    return children;
+  }
+  const Container = import_containers.containers[renderType];
+  if (!Container) {
+    console.error("Container not found for renderType:", renderType);
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(Container, { ...cptProps }, children);
+};
+var pisellContainer_default = PisellContainer;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Options } from 'ahooks/es/useCountDown';
+import { PisellContextType } from "../pisell-config-provider/context";
+export declare type PisellCountdownProps = React.HTMLAttributes<HTMLSpanElement> & {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 剩余时间（毫秒） */
+    leftTime?: number;
+    /**
+     * 目标时间（如果同时传了 leftTime 和 targetDate，则会忽略 targetDate，以 leftTime 为主）
+     * 2024-12-31 00:00:00
+     * */
+    targetDate?: Options['targetDate'];
+    /** 倒计时时间变化时触发 */
+    onChange?: (val: number) => void;
+    /** 倒计时完成时触发 */
+    onFinish?: () => void;
+    /** 变化时间间隔（毫秒） */
+    interval?: number;
+    /** 格式化倒计时展示 参考 dayjs */
+    format?: string;
+};
+declare const PisellCountdown: (props: PisellCountdownProps) => React.JSX.Element;
+export default PisellCountdown;

package/lib/components/pisellCountdown/index.js

@@ -0,0 +1,63 @@
+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/pisellCountdown/index.tsx
+var pisellCountdown_exports = {};
+__export(pisellCountdown_exports, {
+  default: () => pisellCountdown_default
+});
+module.exports = __toCommonJS(pisellCountdown_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_utils = require("./utils");
+var PisellCountdown = (props) => {
+  const {
+    leftTime,
+    targetDate,
+    interval,
+    onChange,
+    onFinish,
+    format = "HH:mm:ss",
+    ...others
+  } = props;
+  const [countdown] = (0, import_ahooks.useCountDown)({
+    ...leftTime ? {
+      leftTime
+    } : {},
+    targetDate,
+    interval,
+    onEnd: () => {
+      onFinish == null ? void 0 : onFinish();
+    }
+  });
+  (0, import_ahooks.useUpdateEffect)(() => {
+    onChange == null ? void 0 : onChange(countdown);
+  }, [countdown]);
+  return /* @__PURE__ */ import_react.default.createElement("span", { ...others }, (0, import_utils.formatTimeStr)(countdown, format || "HH:mm:ss"));
+};
+var pisellCountdown_default = PisellCountdown;

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

@@ -0,0 +1,7 @@
+/**
+ * 格式化时间字符串函数
+ * 该函数将给定的持续时间（以秒为单位）格式化为指定格式的时间字符串
+ * @param duration - 持续时间，单位为秒。
+ * @param format - 时间格式字符串，其中包含要显示的时间单位及其格式。例如："[HH] hours, [mm] minutes, [ss] seconds"。
+ */
+export declare function formatTimeStr(duration: number, format: string): string;

package/lib/components/pisellCountdown/utils.js

@@ -0,0 +1,60 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellCountdown/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formatTimeStr: () => formatTimeStr
+});
+module.exports = __toCommonJS(utils_exports);
+var timeUnits = [
+  ["Y", 1e3 * 60 * 60 * 24 * 365],
+  ["M", 1e3 * 60 * 60 * 24 * 30],
+  ["D", 1e3 * 60 * 60 * 24],
+  ["H", 1e3 * 60 * 60],
+  ["m", 1e3 * 60],
+  ["s", 1e3],
+  ["S", 1]
+];
+function formatTimeStr(duration, format) {
+  let leftDuration = duration;
+  const escapeRegex = /\[[^\]]*]/g;
+  const keepList = (format.match(escapeRegex) || []).map((str) => str.slice(1, -1));
+  const templateText = format.replace(escapeRegex, "[]");
+  const replacedText = timeUnits.reduce((current, [name, unit]) => {
+    if (current.includes(name)) {
+      const value = Math.floor(leftDuration / unit);
+      leftDuration -= value * unit;
+      return current.replace(new RegExp(`${name}+`, "g"), (match) => {
+        const len = match.length;
+        return value.toString().padStart(len, "0");
+      });
+    }
+    return current;
+  }, templateText);
+  let index = 0;
+  return replacedText.replace(escapeRegex, () => {
+    const match = keepList[index];
+    index += 1;
+    return match;
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatTimeStr
+});

package/lib/components/pisellDatePicker/datePickerCpt.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
+import { Dayjs } from 'dayjs';
+import './detePickerCpt.less';
+import { PisellContextType } from "../pisell-config-provider/context";
+export interface DatePickerCptProps extends PickerDateProps<Dayjs> {
+    /** 平台 */
+    platform?: PisellContextType['platform'];
+    /** 当前类型
+     * input 仅输入
+     * select 仅选择
+     * both 输入和选择
+     * */
+    type: 'input' | 'select' | 'both';
+}
+/**
+ * 当前日期组件实例
+ * @param props
+ * @constructor
+ */
+declare const DatePickerCpt: (props: DatePickerCptProps) => React.JSX.Element;
+export default DatePickerCpt;