@pisell/private-materials 6.3.55 → 6.3.56

package/lib/plus/walletPassGallery/utils.js

@@ -0,0 +1,287 @@
+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/plus/walletPassGallery/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formatScheduleText: () => formatScheduleText
+});
+module.exports = __toCommonJS(utils_exports);
+function formatDateTime(dateTime, isAll = false, locale = "zh-CN") {
+  const date = new Date(dateTime);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const hours = date.getHours();
+  const minutes = String(date.getMinutes()).padStart(2, "0");
+  if (isAll) {
+    if (locale === "en") {
+      return `${day}/${month}/${year}`;
+    } else {
+      return `${year}-${month}-${day}`;
+    }
+  }
+  if (locale === "en") {
+    const period = hours >= 12 ? "PM" : "AM";
+    const displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;
+    return `${day}/${month}/${year} ${displayHours}:${minutes} ${period}`;
+  } else {
+    const displayHours = String(hours).padStart(2, "0");
+    return `${year}-${month}-${day} ${displayHours}:${minutes}`;
+  }
+}
+var textConfig = {
+  "zh-HK": {
+    weekdays: ["日", "一", "二", "三", "四", "五", "六"],
+    separator: "、",
+    timeSeparator: "–",
+    rangeSeparator: " 至 ",
+    periodSeparator: "；",
+    timeSlotSeparator: "，",
+    every: "每",
+    day: "天",
+    week: "周",
+    month: "月",
+    year: "年",
+    available: "可用",
+    unlimited: "无限期",
+    weekPrefix: "周"
+  },
+  "zh-CN": {
+    weekdays: ["日", "一", "二", "三", "四", "五", "六"],
+    separator: "、",
+    timeSeparator: "–",
+    rangeSeparator: " 至 ",
+    periodSeparator: "；",
+    timeSlotSeparator: "，",
+    every: "每",
+    day: "天",
+    week: "周",
+    month: "月",
+    year: "年",
+    available: "可用",
+    unlimited: "无限期",
+    weekPrefix: "周"
+  },
+  "en": {
+    weekdays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    separator: ", ",
+    timeSeparator: "–",
+    rangeSeparator: " - ",
+    periodSeparator: "; ",
+    timeSlotSeparator: ", ",
+    every: "every ",
+    day: "day",
+    week: "week",
+    month: "month",
+    year: "year",
+    available: "available",
+    unlimited: "unlimited",
+    weekPrefix: ""
+  }
+};
+function getWeekdayText(dayNumbers, locale) {
+  const config = textConfig[locale];
+  return dayNumbers.map((day) => config.weekdays[day]).join(config.separator);
+}
+function getRepeatFrequencyText(repeatType, frequency, locale) {
+  const config = textConfig[locale];
+  const typeMap = {
+    "daily": config.day,
+    "weekly": config.week,
+    "monthly": config.month,
+    "yearly": config.year
+  };
+  if (locale === "en") {
+    if (frequency === 1) {
+      return `${config.every}${typeMap[repeatType]}`;
+    }
+    return `${config.every}${frequency} ${typeMap[repeatType]}s`;
+  } else {
+    if (frequency === 1) {
+      return `${config.every}${typeMap[repeatType]}`;
+    }
+    return `${config.every}${frequency}${typeMap[repeatType]}`;
+  }
+}
+function formatScheduleText(scheduleList, locale = "en") {
+  const results = [];
+  const config = textConfig[locale];
+  scheduleList.forEach((schedule) => {
+    var _a, _b;
+    const validityTexts = [];
+    const excluded_date = [];
+    const included_date = [];
+    if ((_a = schedule.repeat_rule) == null ? void 0 : _a.excluded_date) {
+      schedule.repeat_rule.excluded_date.forEach((excludeItem) => {
+        const startDate = formatDateTime(excludeItem.start, true, locale);
+        const endDate = formatDateTime(excludeItem.end, true, locale);
+        if (excludeItem.start === excludeItem.end) {
+          excluded_date.push(startDate);
+        } else {
+          excluded_date.push(`${startDate}${config.rangeSeparator}${endDate}`);
+        }
+      });
+    }
+    if ((_b = schedule.repeat_rule) == null ? void 0 : _b.included_date) {
+      schedule.repeat_rule.included_date.forEach((includeItem) => {
+        const startDate = formatDateTime(includeItem.start, true, locale);
+        const endDate = formatDateTime(includeItem.end, true, locale);
+        if (includeItem.start === includeItem.end) {
+          included_date.push(startDate);
+        } else {
+          included_date.push(`${startDate}${config.rangeSeparator}${endDate}`);
+        }
+      });
+    }
+    const isAllDay = schedule.is_all === 1;
+    let validityText = "";
+    if (schedule.repeat_type === "none") {
+      if (schedule.type === "standard") {
+        const startDateTime = formatDateTime(schedule.start_time, isAllDay, locale);
+        const endDateTime = formatDateTime(schedule.end_time, isAllDay, locale);
+        validityText = `${startDateTime}${config.rangeSeparator}${endDateTime}`;
+      } else if (schedule.type === "time-slots" && schedule.time_slot.length > 0) {
+        const baseDate = formatDateTime(schedule.start_time, true, locale);
+        if (isAllDay) {
+          validityText = `${baseDate}`;
+        } else {
+          const timeSlots = schedule.time_slot.map(
+            (slot) => `${slot.start_time}${config.timeSeparator}${slot.end_time}`
+          );
+          validityText = `${baseDate} ${timeSlots.join(config.timeSlotSeparator)}`;
+        }
+      } else if (schedule.type === "designation" && schedule.designation) {
+        const designationTexts = schedule.designation.map((item) => {
+          if (isAllDay || item.start_time === "00:00" && item.end_time === "23:59") {
+            const startDate = formatDateTime(item.start_date, true, locale);
+            const endDate = formatDateTime(item.end_date, true, locale);
+            return `${startDate}${config.rangeSeparator}${endDate}`;
+          } else {
+            const startDate = formatDateTime(item.start_date, true, locale);
+            return `${startDate} ${item.start_time}${config.timeSeparator}${item.end_time}`;
+          }
+        });
+        validityTexts.push(...designationTexts);
+      }
+    } else if (schedule.repeat_rule) {
+      const { frequency, frequency_date } = schedule.repeat_rule;
+      const startText = isAllDay ? formatDateTime(schedule.start_time, true, locale) : formatDateTime(schedule.start_time, false, locale);
+      let endDateText = "";
+      if (schedule.repeat_rule.end.type === "never") {
+        endDateText = config.unlimited;
+      } else if (schedule.repeat_rule.end.end_date) {
+        endDateText = formatDateTime(schedule.repeat_rule.end.end_date, true, locale);
+      }
+      if (schedule.type === "standard") {
+        if (schedule.repeat_type === "daily") {
+          if (isAllDay) {
+            const frequencyText = getRepeatFrequencyText("daily", frequency, locale);
+            if (locale === "en") {
+              validityText = `${startText}${config.rangeSeparator}${endDateText}, ${config.available} ${frequencyText}`;
+            } else {
+              validityText = `${startText}${config.rangeSeparator}${endDateText}，${frequencyText}${config.available}`;
+            }
+          } else {
+            const startTime = formatDateTime(schedule.start_time, false, locale);
+            const endTime = formatDateTime(schedule.end_time, false, locale);
+            const timeRange = locale === "en" ? `${startTime.split(" ")[1]} ${startTime.split(" ")[2]}${config.timeSeparator}${endTime.split(" ")[1]} ${endTime.split(" ")[2]}` : `${startTime.split(" ")[1]}${config.timeSeparator}${endTime.split(" ")[1]}`;
+            const frequencyText = getRepeatFrequencyText("daily", frequency, locale);
+            const dateRange = locale === "en" ? `${startTime.split(" ")[0]}${config.rangeSeparator}${endDateText}` : `${startText.split(" ")[0]}${config.rangeSeparator}${endDateText}`;
+            if (locale === "en") {
+              validityText = `${dateRange}, ${config.available} ${frequencyText} ${timeRange}`;
+            } else {
+              validityText = `${dateRange}，${frequencyText} ${timeRange} ${config.available}`;
+            }
+          }
+        } else if (schedule.repeat_type === "weekly") {
+          const weekdaysText = getWeekdayText(frequency_date, locale);
+          if (isAllDay) {
+            if (locale === "en") {
+              const frequencyText = frequency === 1 ? "every week" : `every ${frequency} weeks`;
+              validityText = `${startText}${config.rangeSeparator}${endDateText}, ${frequencyText} on ${weekdaysText} `;
+            } else {
+              const frequencyText = frequency === 1 ? "每周" : `每${frequency}周的`;
+              validityText = `${startText}${config.rangeSeparator}${endDateText}，${frequencyText}${config.weekPrefix}${weekdaysText}${config.available}`;
+            }
+          } else {
+            const startTime = formatDateTime(schedule.start_time, false, locale);
+            const endTime = formatDateTime(schedule.end_time, false, locale);
+            const timeRange = locale === "en" ? `${startTime.split(" ")[1]} ${startTime.split(" ")[2]}${config.timeSeparator}${endTime.split(" ")[1]} ${endTime.split(" ")[2]}` : `${startTime.split(" ")[1]}${config.timeSeparator}${endTime.split(" ")[1]}`;
+            const dateRange = locale === "en" ? `${startTime.split(" ")[0]}${config.rangeSeparator}${endDateText}` : `${startText.split(" ")[0]}${config.rangeSeparator}${endDateText}`;
+            if (locale === "en") {
+              const frequencyText = frequency === 1 ? "every week" : `every ${frequency} weeks`;
+              validityText = `${dateRange}, ${frequencyText} on ${weekdaysText} ${timeRange}`;
+            } else {
+              const frequencyText = frequency === 1 ? "每周" : `每${frequency}周的`;
+              validityText = `${dateRange}，${frequencyText}${config.weekPrefix}${weekdaysText} ${timeRange}`;
+            }
+          }
+        }
+      } else if (schedule.type === "time-slots" && schedule.time_slot.length > 0) {
+        const baseDate = formatDateTime(schedule.start_time, true, locale);
+        const timeSlots = schedule.time_slot.map(
+          (slot) => `${slot.start_time}${config.timeSeparator}${slot.end_time}`
+        );
+        const timeSlotsText = timeSlots.join(config.timeSlotSeparator);
+        if (schedule.repeat_type === "daily") {
+          const frequencyText = getRepeatFrequencyText("daily", frequency, locale);
+          if (locale === "en") {
+            validityText = `${baseDate}${config.rangeSeparator}${endDateText}, ${config.available} ${frequencyText} ${timeSlotsText}`;
+          } else {
+            validityText = `${baseDate}${config.rangeSeparator}${endDateText}，${frequencyText} ${timeSlotsText} ${config.available}`;
+          }
+        } else if (schedule.repeat_type === "weekly") {
+          const weekdaysText = getWeekdayText(frequency_date, locale);
+          if (locale === "en") {
+            const frequencyText = frequency === 1 ? "every week" : `every ${frequency} weeks`;
+            validityText = `${baseDate}${config.rangeSeparator}${endDateText}, ${frequencyText} on ${weekdaysText} ${timeSlotsText}`;
+          } else {
+            const frequencyText = frequency === 1 ? "每周" : `每${frequency}周的`;
+            validityText = `${baseDate}${config.rangeSeparator}${endDateText}，${frequencyText}${config.weekPrefix}${weekdaysText} ${timeSlotsText} ${config.available}`;
+          }
+        }
+      }
+    } else if (schedule.type === "designation" && schedule.designation) {
+      const designationTexts = schedule.designation.map((item) => {
+        if (isAllDay || item.start_time === "00:00" && item.end_time === "23:59") {
+          const startDate = formatDateTime(item.start_date, true, locale);
+          const endDate = formatDateTime(item.end_date, true, locale);
+          return `${startDate}${config.rangeSeparator}${endDate}`;
+        } else {
+          const startDate = formatDateTime(item.start_date, true, locale);
+          return `${startDate} ${item.start_time}${config.timeSeparator}${item.end_time}`;
+        }
+      });
+      validityTexts.push(...designationTexts);
+    }
+    if (validityText) {
+      validityTexts.push(validityText);
+    }
+    results.push({
+      validityTexts,
+      excluded_date,
+      included_date
+    });
+  });
+  return results;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatScheduleText
+});

package/lib/pro/pisellPaymentList/example.d.ts

@@ -4,7 +4,6 @@
  * 这个文件演示了如何使用 PisellPaymentList 和 PisellPaymentListItem 组件
  * 包括如何通过 Context 访问父组件配置
  */
-/// <reference types="react" />
 export declare const BasicExample: () => JSX.Element;
 export declare const ChildrenExample: () => JSX.Element;
 export declare const CustomItemExample: () => JSX.Element;

package/lowcode/event-select-holder/meta.ts

@@ -2,7 +2,7 @@ import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode
 
 const EventSelectHolderMeta: IPublicTypeComponentMetadata = {
   componentName: 'EventSelectHolder',
-  title: '选择持有人',
+  title: 'Event选择持有人',
   category: '数据展示',
   docUrl: '',
   screenshot: '',
@@ -65,7 +65,7 @@ const EventSelectHolderMeta: IPublicTypeComponentMetadata = {
 
 const snippets: IPublicTypeSnippet[] = [
   {
-    title: '选择持有人',
+    title: 'Event选择持有人',
     screenshot: '',
     schema: {
       componentName: 'EventSelectHolder',

package/lowcode/select-holder/meta.ts

@@ -0,0 +1,220 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+import { AntdIconSetter } from '../../../materials/lowcode/_setters';
+import snippets from './snippets';
+
+const SelectHolderMeta: ComponentMetadata = {
+  componentName: "SelectHolder",
+  title: "选择持有人",
+  docUrl: "",
+  screenshot: "",
+  category: "数据展示",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/private-materials",
+    version: "1.0.4",
+    exportName: "SelectHolder",
+    main: "src/index.ts",
+    destructuring: true,
+    subName: ""
+  },
+  configure: {
+    props: [
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'dataSource',
+            'zh-CN': '数据源',
+          },
+        },
+        name: 'dataSource',
+        setter: {
+          componentName: 'JsonSetter',
+        },
+      },
+      {
+        title: { label: '选中的值', tip: 'Array<any> | 选中的值' },
+        name: 'value',
+        setter: {
+          componentName: 'ObjectSetter',
+        },
+      },
+      {
+        title: '录入方式',
+        display: 'block',
+        type: 'group',
+        items: [
+          {
+            name: 'modalConfig.title',
+            title: '标题文案',
+            setter: 'StringSetter',
+            defaultValue: 'Who would you like to book this event for?',
+          },
+          {
+            name: 'modalConfig.confirmText',
+            title: '按钮文案',
+            setter: 'StringSetter',
+            defaultValue: 'Confirm',
+          },
+          {
+            name: 'modalConfig.showClose',
+            title: { label: '显示弹窗关闭', tip: 'showClose | 显示弹窗关闭' },
+            setter: 'BoolSetter',
+          },
+        ],
+      },
+      {
+        title: '字段展示',
+        display: 'block',
+        type: 'group',
+        items: [
+          {
+            name: 'displayConfig.showAvatar',
+            title: { label: '显示图像', tip: 'showAvatar | 显示图像' },
+            setter: 'BoolSetter',
+          },
+          {
+            name: 'displayConfig.showTitle',
+            title: { label: '显示名称', tip: 'showTitle | 显示名称' },
+            setter: 'BoolSetter',
+          },
+          {
+            name: 'displayConfig.showSubtitle',
+            title: { label: '显示次级标题', tip: 'showSubtitle | 显示次级标题' },
+            setter: 'BoolSetter',
+          },
+          {
+            name: 'displayConfig.isSkipable',
+            title: { label: '可跳过', tip: 'isSkipable | 可跳过' },
+            setter: 'BoolSetter',
+          },
+          {
+            name: 'displayConfig.direction',
+            title: { label: '展示方向', tip: '展示方向' },
+            propType: { type: 'oneOf', value: ['horizontal', 'vertical'] },
+            setter: {
+              componentName: 'RadioGroupSetter',
+              props: {
+                options: [
+                  { label: '水平', value: 'horizontal' },
+                  { label: '垂直', value: 'vertical' },
+                ],
+              },
+            },
+          },
+          {
+            name: 'displayConfig.selectType',
+            title: { label: '选择类型', tip: '选择类型' },
+            propType: { type: 'oneOf', value: ['single', 'multiple'] },
+            setter: {
+              componentName: 'RadioGroupSetter',
+              props: {
+                options: [
+                  { label: '单选', value: 'single' },
+                  { label: '多选', value: 'multiple' },
+                ],
+              },
+            },
+          },
+          {
+            name: 'displayConfig.showExtraFields',
+            title: { label: '增加字段', tip: 'showExtraFields | 增加字段' },
+            setter: 'BoolSetter',
+            defaultValue: false,
+          },
+          {
+            name: 'displayConfig.extraFields',
+            title: { label: '额外字段', tip: 'extraFields | 额外字段' },
+            setter: {
+              componentName: 'ArraySetter',
+              props: {
+                itemSetter: {
+                  componentName: 'ObjectSetter',
+                  props: {
+                    config: {
+                      items: [
+                        {
+                          name: 'label',
+                          title: '标签',
+                          setter: 'PisellI18nSetter',
+                          important: true,
+                        },
+                        {
+                          name: 'value',
+                          title: 'key',
+                          setter: 'StringSetter',
+                          important: true,
+                        },
+                        {
+                          name: 'isShowLabel',
+                          title: '显示标签',
+                          setter: 'BoolSetter',
+                        },
+                        {
+                          name: 'isShowValue',
+                          title: '显示key',
+                          setter: 'BoolSetter',
+                        },
+                        // {
+                        //   name: 'icon',
+                        //   title: 'icon选择',
+                        //   setter: AntdIconSetter,
+                        // },
+                        // {
+                        //   name: 'iconSize',
+                        //   title: 'icon大小',
+                        //   setter: ['NumberSetter'],
+                        // },
+                        // {
+                        //   name: 'iconColor',
+                        //   title: 'icon颜色',
+                        //   setter: 'ColorSetter',
+                        // },
+                      ],
+                    },
+                  },
+                  initialValue: {
+                    isShowLabel: false,
+                    isShowValue: true
+                  }
+                },
+              },
+            },
+            condition: (target: any) => target.getProps().getPropValue('displayConfig.showExtraFields'),
+          },
+        ],
+      },
+    ],
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onAdd',
+          template:
+            "onAdd(){\n// 创建新的回调函数\nconsole.log('onAdd');}",
+        },
+        {
+          name: 'onClose',
+          template:
+            "onClose(){\n// 关闭弹窗回调函数\nconsole.log('onClose');}",
+        },
+        {
+          name: 'onConfirm',
+          template:
+            "onConfirm(checkedValue,${extParams}){\n// 确认回调函数\nconsole.log('onConfirm');}",
+        },
+        {
+          name: 'onSkip',
+          template:
+            "onSkip(){\n// 跳过回调函数\nconsole.log('onSkip');}",
+        },
+      ],
+    },
+    component: {}
+  }
+};
+
+export default {
+  ...SelectHolderMeta,
+  snippets
+};

package/lowcode/select-holder/snippets.ts

@@ -0,0 +1,41 @@
+import { Snippet } from '@alilc/lowcode-types';
+
+const snippets: Snippet[] = [
+  {
+    title: '选择持有人',
+    screenshot: '',
+    schema: {
+      componentName: 'SelectHolder',
+      props: {
+        dataSource: [
+          {
+            value: 1,
+            label: 'Olivia',
+            subtitle: 'Subtitle',
+          },
+          {
+            value: 2,
+            label: 'Ricky Spagehetti',
+            subtitle: 'SubtitleSubtitleSubtitleSubtitleSubtitleSubtitleSubtitleSubtitle',
+          },
+        ],
+        value: [1],
+        modalConfig: {
+          title: 'Who would you like to book this event for?',
+          confirmText: 'Confirm',
+          showClose: true,
+        },
+        displayConfig: {
+          showAvatar: true,
+          showTitle: true,
+          showSubtitle: true,
+          isSkipable: true,
+          direction: 'horizontal',
+          selectType: 'single',
+        },
+      },
+    },
+  },
+];
+
+export default snippets;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.3.55",
+  "version": "6.3.56",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -62,9 +62,9 @@
     "@react-spring/web": "^9.6.1",
     "@use-gesture/react": "^10.3.1",
     "@pisell/utils": "3.0.3",
-    "@pisell/materials": "6.3.16",
-    "@pisell/icon": "0.0.11",
-    "@pisell/date-picker": "3.0.6"
+    "@pisell/materials": "6.3.17",
+    "@pisell/date-picker": "3.0.6",
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/wallet/Detail/index.d.ts

@@ -1,42 +0,0 @@
-import React from 'react';
-import './index.less';
-declare global {
-    interface Window {
-        PKPass?: any;
-        GoogleWalletPass?: any;
-    }
-    interface Navigator {
-        pkpass?: {
-            addPass(pass: any): Promise<string>;
-        };
-        googlewallet?: {
-            addPass(pass: any): Promise<string>;
-        };
-    }
-}
-interface DetailProps {
-    detail: {
-        id?: string;
-        tag?: string;
-        code?: string;
-        product_title?: string;
-        encoded?: string;
-        balance?: number;
-        expire_date?: string;
-        product?: any;
-        machinecode_config?: any;
-        [key: string]: any;
-    };
-    isDiscoundCard?: boolean;
-    showWalletBar?: boolean;
-    onBack?: () => void;
-    buttonGroupList?: any[][];
-    className?: string;
-    style?: React.CSSProperties;
-    addWalletCallback?: (addWallet: () => void) => void;
-}
-export interface WalletDetailRef {
-    addWalletCard: () => void;
-}
-declare const Detail: React.ForwardRefExoticComponent<DetailProps & React.RefAttributes<WalletDetailRef>>;
-export default Detail;