@pisell/materials 2.2.41 → 2.2.43

package/lib/components/productCard/utils.js

@@ -39,6 +39,7 @@ var import_utils = require("@pisell/utils");
 var import_zh_cn = require("dayjs/locale/zh-cn");
 var import_en = require("dayjs/locale/en");
 var import_zh_tw = require("dayjs/locale/zh-tw");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var isEn = (item) => {
   const locale = (item == null ? void 0 : item.locale) || "en-US";
   const _isEn = locale === "en-US" || locale === "en";
@@ -59,9 +60,12 @@ var formatMultiDayDate = (item) => {
   return date;
 };
 var getServiceTime = (item, currentDate) => {
+  var _a, _b, _c, _d;
   if (!(0, import_dayjs.default)(currentDate).isValid())
     return "";
-  const locale = (item == null ? void 0 : item.locale) || "en-US";
+  const context = (0, import_useEngineContext.default)();
+  const utils = context.appHelper.utils || {};
+  const locale = (item == null ? void 0 : item.locale) || ((_a = utils == null ? void 0 : utils.storage) == null ? void 0 : _a.get("umi_locale")) || "en-US";
   const isEn2 = locale === "en-US" || locale === "en";
   const localeTypes = {
     "en-US": "en",
@@ -69,10 +73,17 @@ var getServiceTime = (item, currentDate) => {
     "zh-HK": "zh-tw"
   };
   import_dayjs.default.locale(localeTypes[locale]);
-  const startDate = (0, import_dayjs.default)(item == null ? void 0 : item.start_date);
-  const endDate = (0, import_dayjs.default)(item == null ? void 0 : item.end_date);
+  let startDate = (0, import_dayjs.default)(item == null ? void 0 : item.start_date);
+  let endDate = (0, import_dayjs.default)(item == null ? void 0 : item.end_date);
   const diffInDays = endDate.diff(startDate, "day");
-  const _format = isEn2 ? "ddd, DD/MM/YYYY" : "YYYY-MM-DD，ddd";
+  let _format = isEn2 ? "ddd, DD/MM/YYYY" : "YYYY-MM-DD，ddd";
+  if ((item == null ? void 0 : item.hasOwnProperty("format")) && ((_b = item == null ? void 0 : item.format) == null ? void 0 : _b.length) > 0) {
+    _format = isEn2 ? (_c = item == null ? void 0 : item.format) == null ? void 0 : _c[0] : (_d = item == null ? void 0 : item.format) == null ? void 0 : _d[1];
+  }
+  if (item == null ? void 0 : item.show_time) {
+    startDate = (0, import_dayjs.default)(`${item == null ? void 0 : item.start_date} ${item == null ? void 0 : item.start_time}`);
+    endDate = (0, import_dayjs.default)(`${item == null ? void 0 : item.end_date} ${item == null ? void 0 : item.end_time}`);
+  }
   const date = `${startDate.format(_format)} ~ ${endDate.format(_format)}`;
   const duration = `${diffInDays} ${import_utils.locales.getText("pisell2.product.card.day")(diffInDays)}`;
   return `${date} (${duration})`;

package/lib/components/section-footers/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface SectionFooterProps {
+    left?: React.ReactNode;
+    middle?: React.ReactNode;
+    right?: React.ReactNode;
+    className?: string;
+}
+declare const SectionFooters: (props: SectionFooterProps) => import("react").JSX.Element;
+export default SectionFooters;

package/lib/components/section-footers/index.js

@@ -0,0 +1,44 @@
+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/section-footers/index.tsx
+var section_footers_exports = {};
+__export(section_footers_exports, {
+  default: () => section_footers_default
+});
+module.exports = __toCommonJS(section_footers_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var SectionFooters = (props) => {
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const { left, middle, right, className } = props;
+  return /* @__PURE__ */ React.createElement(
+    import_antd.Flex,
+    {
+      gap: "middle",
+      justify: "space-between",
+      className: `pisell-section-footers-wrapper ${className}`
+    },
+    left,
+    middle,
+    right
+  );
+};
+var section_footers_default = SectionFooters;

package/lib/components/section-footers/index.less

@@ -0,0 +1,5 @@
+.pisell-section-footers-wrapper {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+}

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

@@ -0,0 +1,9 @@
+/**
+ * @title: 格式化导出导入接口地址
+ * @description:
+ * @param {string} url
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-05 11:39
+ */
+export declare const formatApiUrl: (url: string) => string;

package/lib/components/table/Actions/component/ExportImport/utils/index.js

@@ -0,0 +1,31 @@
+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/table/Actions/component/ExportImport/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formatApiUrl: () => formatApiUrl
+});
+module.exports = __toCommonJS(utils_exports);
+var formatApiUrl = (url) => {
+  return url || "/shop/form/data";
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatApiUrl
+});

package/lib/index.d.ts

@@ -110,3 +110,13 @@ export { default as PisellStatisticList } from './components/pisellStatisticList
 export { default as PisellFloatingPanel } from './components/pisellFloatingPanel';
 export { default as ProductCard } from './components/productCard';
 export { default as Collapse } from './components/collapse';
+export { default as PisellAvatar } from './components/pisellAvatar';
+export { default as PisellViewGrid } from './components/pisellViewGrid';
+export { default as PisellCustomCheckboxGroup } from './components/pisellCustomCheckboxGroup';
+export { default as PisellDropdown } from './components/pisellDropdown';
+export { default as PisellSectionHeaders } from './components/pisellSectionHeaders';
+export { default as PisellImageCarousels } from './components/pisellImageCarousels';
+export { default as PisellHeaderProgressBar } from './components/pisellHeaderProgressBar';
+export { default as PisellList01 } from './components/pisellList01';
+export { default as PisellAnchor } from './components/pisellAnchor';
+export { default as SectionFooters } from './components/section-footers';

package/lib/index.js

@@ -77,6 +77,8 @@ __export(src_exports, {
   PisellAdjustPrice: () => import_pisellAdjustPrice.default,
   PisellAdjustPriceInputNumber: () => import_PisellAdjustPriceInputNumber.default,
   PisellAlert: () => import_pisellAlert.default,
+  PisellAnchor: () => import_pisellAnchor.default,
+  PisellAvatar: () => import_pisellAvatar.default,
   PisellCard: () => import_pisellCard.default,
   PisellCardList: () => import_pisellCardList.default,
   PisellCheckboxGroup: () => import_pisellCheckboxGroup.default,
@@ -84,21 +86,28 @@ __export(src_exports, {
   PisellContainer: () => import_pisellContainer.default,
   PisellContext: () => import_context.default,
   PisellCountdown: () => import_pisellCountdown.default,
+  PisellCustomCheckboxGroup: () => import_pisellCustomCheckboxGroup.default,
   PisellDatePicker: () => import_pisellDatePicker.default,
+  PisellDropdown: () => import_pisellDropdown.default,
   PisellEmpty: () => import_pisellEmpty.default,
   PisellFloatingPanel: () => import_pisellFloatingPanel.default,
+  PisellHeaderProgressBar: () => import_pisellHeaderProgressBar.default,
+  PisellImageCarousels: () => import_pisellImageCarousels.default,
   PisellInformationEntry: () => import_pisellInformationEntry.default,
   PisellInput: () => import_pisellInput.default,
+  PisellList01: () => import_pisellList01.default,
   PisellLoading: () => import_pisellLoading.default,
   PisellModal: () => import_pisellModal.default,
   PisellNumberKeyboard: () => import_Number.default,
   PisellPriceKeyboard: () => import_Amount.default,
   PisellRow: () => import_pisellRow.default,
   PisellScan: () => import_pisellScan.default,
+  PisellSectionHeaders: () => import_pisellSectionHeaders.default,
   PisellStatisticList: () => import_pisellStatisticList.default,
   PisellText: () => import_pisellText.default,
   PisellToast: () => import_pisellToast.default,
   PisellTooltip: () => import_pisellTooltip.default,
+  PisellViewGrid: () => import_pisellViewGrid.default,
   PisellWalletPassCard: () => import_pisellWalletPassCard.default,
   Popconfirm: () => import_antd22.Popconfirm,
   Popover: () => import_antd23.Popover,
@@ -110,6 +119,7 @@ __export(src_exports, {
   RecordView: () => import_record_view.default,
   Result: () => import_antd26.Result,
   Row: () => import_antd27.Row,
+  SectionFooters: () => import_section_footers.default,
   Segmented: () => import_segmented.default,
   Select: () => import_select.default,
   SelectTime: () => import_select_time.default,
@@ -256,6 +266,16 @@ var import_pisellStatisticList = __toESM(require("./components/pisellStatisticLi
 var import_pisellFloatingPanel = __toESM(require("./components/pisellFloatingPanel"));
 var import_productCard = __toESM(require("./components/productCard"));
 var import_collapse = __toESM(require("./components/collapse"));
+var import_pisellAvatar = __toESM(require("./components/pisellAvatar"));
+var import_pisellViewGrid = __toESM(require("./components/pisellViewGrid"));
+var import_pisellCustomCheckboxGroup = __toESM(require("./components/pisellCustomCheckboxGroup"));
+var import_pisellDropdown = __toESM(require("./components/pisellDropdown"));
+var import_pisellSectionHeaders = __toESM(require("./components/pisellSectionHeaders"));
+var import_pisellImageCarousels = __toESM(require("./components/pisellImageCarousels"));
+var import_pisellHeaderProgressBar = __toESM(require("./components/pisellHeaderProgressBar"));
+var import_pisellList01 = __toESM(require("./components/pisellList01"));
+var import_pisellAnchor = __toESM(require("./components/pisellAnchor"));
+var import_section_footers = __toESM(require("./components/section-footers"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -306,6 +326,8 @@ var import_collapse = __toESM(require("./components/collapse"));
   PisellAdjustPrice,
   PisellAdjustPriceInputNumber,
   PisellAlert,
+  PisellAnchor,
+  PisellAvatar,
   PisellCard,
   PisellCardList,
   PisellCheckboxGroup,
@@ -313,21 +335,28 @@ var import_collapse = __toESM(require("./components/collapse"));
   PisellContainer,
   PisellContext,
   PisellCountdown,
+  PisellCustomCheckboxGroup,
   PisellDatePicker,
+  PisellDropdown,
   PisellEmpty,
   PisellFloatingPanel,
+  PisellHeaderProgressBar,
+  PisellImageCarousels,
   PisellInformationEntry,
   PisellInput,
+  PisellList01,
   PisellLoading,
   PisellModal,
   PisellNumberKeyboard,
   PisellPriceKeyboard,
   PisellRow,
   PisellScan,
+  PisellSectionHeaders,
   PisellStatisticList,
   PisellText,
   PisellToast,
   PisellTooltip,
+  PisellViewGrid,
   PisellWalletPassCard,
   Popconfirm,
   Popover,
@@ -339,6 +368,7 @@ var import_collapse = __toESM(require("./components/collapse"));
   RecordView,
   Result,
   Row,
+  SectionFooters,
   Segmented,
   Select,
   SelectTime,

package/lowcode/pisell-anchor/meta.ts

@@ -0,0 +1,118 @@
+import { IPublicTypeComponentMetadata } from '@alilc/lowcode-types';
+import { uuid } from '../_utils/utils';
+
+import snippets from "./snippets";
+
+const AnchorMeta: IPublicTypeComponentMetadata = {
+  componentName: "PisellAnchor",
+  title: "锚点导航",
+  category: "导航",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellAnchor",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: 'options',
+      title: { label: '选项列表', tip: '导航选项列表' },
+      propType: {
+        type: 'arrayOf',
+        value: {
+          type: 'shape',
+          value: [
+            {
+              name: 'id',
+              propType: 'string',
+              description: '选项ID',
+              defaultValue: '',
+            },
+            {
+              name: 'name',
+              propType: 'node',
+              description: '选项名称',
+              defaultValue: '',
+            }
+          ],
+        },
+      },
+      setter: {
+        componentName: 'ArraySetter',
+        props: {
+          itemSetter: {
+            componentName: 'ObjectSetter',
+            props: {
+              config: {
+                items: [
+                  {
+                    name: 'id',
+                    title: '选项ID',
+                    setter: 'StringSetter',
+                    isRequired: true
+                  },
+                  {
+                    name: 'name',
+                    title: '选项名称',
+                    setter: ['StringSetter', 'ExpressionSetter'],
+                    isRequired: true
+                  }
+                ],
+              },
+            },
+            initialValue: () => {
+              const id = uuid();
+              return {
+                id,
+                name: `选项${id}`,
+              };
+            },
+          },
+        },
+      },
+    },
+    {
+      name: 'tab',
+      title: { label: '当前选中项', tip: '当前选中的选项ID' },
+      propType: 'string',
+    },
+    {
+      name: 'className',
+      title: { label: '自定义类名', tip: '自定义类名' },
+      propType: 'string',
+    },
+    {
+      name: 'style',
+      title: { label: '自定义样式', tip: '自定义样式' },
+      propType: 'object',
+    }
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: "onChange",
+          template:
+            "onChange(key){\n// 选项切换时的回调\nconsole.log('onChange', key);}",
+        }
+      ],
+    },
+    component: {
+      isContainer: false,
+      nestingRule: {
+        childWhitelist: []
+      },
+    },
+  },
+};
+
+export default {
+  ...AnchorMeta,
+  snippets,
+};

package/lowcode/pisell-anchor/snippets.ts

@@ -0,0 +1,26 @@
+export default [
+  {
+    title: '锚点导航',
+    screenshot: '',
+    schema: {
+      componentName: 'PisellAnchor',
+      props: {
+        options: [
+          {
+            id: '1',
+            name: '选项1'
+          },
+          {
+            id: '2',
+            name: '选项2'
+          },
+          {
+            id: '3',
+            name: '选项3'
+          }
+        ],
+        tab: '1'
+      }
+    }
+  }
+];

package/lowcode/pisell-avatar/meta.ts

@@ -0,0 +1,111 @@
+import snippets from "./snippets";
+
+export default {
+  snippets,
+  componentName: "PisellAvatar",
+  title: "头像",
+  category: "数据展示",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellAvatar",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: "icon",
+      title: { label: "头像图标", tip: "icon | 设置头像的自定义图标" },
+      propType: "node",
+    },
+    {
+      name: "shape",
+      title: { label: "头像形状", tip: "shape | 指定头像的形状" },
+      propType: { type: "oneOf", value: ["circle", "square"] },
+      defaultValue: "circle",
+    },
+    {
+      name: "borderRadius",
+      title: { label: "圆角度数", tip: "borderRadius | 方形头像的圆角大小" },
+      propType: "number",
+      defaultValue: 4,
+      condition: {
+        type: "JSFunction",
+        value: "target => target.getProps().getPropValue('shape') === 'square'",
+      },
+    },
+    {
+      name: "size",
+      title: { label: "尺寸", tip: "size | 设置头像的大小" },
+      propType: {
+        type: "oneOf",
+        value: ["xs", "sm", "md", "lg", "xl", "xxl"],
+      },
+      defaultValue: "xs",
+    },
+    {
+      name: "useTextAvatar",
+      title: { label: "使用文本头像", tip: "useTextAvatar | 是否使用文本作为头像" },
+      propType: "bool",
+      defaultValue: false,
+    },
+    {
+      name: "children",
+      title: { label: "文本内容", tip: "children | 文本头像的内容" },
+      propType: "string",
+      condition: {
+        type: "JSFunction",
+        value: "target => target.getProps().getPropValue('useTextAvatar')",
+      },
+    },
+    {
+      name: "src",
+      title: { label: "图片地址", tip: "src | 图片类头像的资源地址" },
+      propType: "string",
+    },
+    {
+      name: "alt",
+      title: {
+        label: "替代文本",
+        tip: "alt | 图像无法显示时的替代文本",
+      },
+      propType: "string",
+      setter: "PisellI18nSetter",
+    },
+    {
+      name: "onError",
+      title: {
+        label: "图片加载失败的事件",
+        tip: "图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为",
+      },
+      propType: "func",
+    },
+    {
+      name: "gap",
+      title: {
+        label: "文字边距",
+        tip: "gap | 字符类型距离左右两侧边界单位像素",
+      },
+      propType: "number",
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: "onError",
+          template:
+            "onError(${extParams}){\n// 图片加载失败的事件\nconsole.log('onError');}",
+        },
+        {
+          name: "onClick",
+          template:
+            "onClick(event,${extParams}){\n// 点击时的回调\nconsole.log('onClick', event);}",
+        }
+      ],
+    },
+  },
+};

package/lowcode/pisell-avatar/snippets.ts

@@ -0,0 +1,14 @@
+export default [
+  {
+    title: '头像',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/avatar-1.jpg',
+    schema: {
+      componentName: 'PisellAvatar',
+      props: {
+        src: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+        borderRadius: 4,
+        size: 'xs'
+      },
+    },
+  },
+];

package/lowcode/pisell-card/meta.ts

@@ -18,12 +18,12 @@ export default {
   },
   experimental: { hideSelectTools: true },
   props: [
-    {
-      name: "title",
-      title: { label: "卡片标题", tip: "卡片标题" },
-      propType: { type: "oneOfType", value: ["string", "node"] },
-      setter: ['PisellI18nSetter', 'SlotSetter']
-    },
+    // {
+    //   name: "title",
+    //   title: { label: "卡片标题", tip: "卡片标题" },
+    //   propType: { type: "oneOfType", value: ["string", "node"] },
+    //   setter: ['PisellI18nSetter', 'SlotSetter']
+    // },
     // {
     //   name: 'actions',
     //   title: { label: '卡片操作组', tip: '卡片操作组，位置在卡片底部' },
@@ -46,22 +46,28 @@ export default {
       defaultValue: true,
     },
     {
-      name: "cover",
-      title: { label: "卡片封面", tip: "卡片封面" },
-      propType: "node",
-    },
-    {
-      name: "extra",
-      title: { label: "额外元素", tip: "卡片右上角的操作区域" },
-      propType: { type: "oneOfType", value: ["string", "node"] },
-      setter: ['PisellI18nSetter', 'SlotSetter']
-    },
-    {
-      name: "hoverable",
-      title: { label: "可浮起", tip: "鼠标移过时可浮起" },
+      name: "selected",
+      title: { label: "是否选中", tip: "是否选中" },
       propType: "bool",
       defaultValue: false,
     },
+    // {
+    //   name: "cover",
+    //   title: { label: "卡片封面", tip: "卡片封面" },
+    //   propType: "node",
+    // },
+    // {
+    //   name: "extra",
+    //   title: { label: "额外元素", tip: "卡片右上角的操作区域" },
+    //   propType: { type: "oneOfType", value: ["string", "node"] },
+    //   setter: ['PisellI18nSetter', 'SlotSetter']
+    // },
+    // {
+    //   name: "hoverable",
+    //   title: { label: "可浮起", tip: "鼠标移过时可浮起" },
+    //   propType: "bool",
+    //   defaultValue: false,
+    // },
     {
       name: "loading",
       title: {
@@ -72,17 +78,46 @@ export default {
       defaultValue: false,
     },
     {
-      name: "size",
-      title: { label: "尺寸", tip: "card 的尺寸" },
-      propType: { type: "oneOf", value: ["default", "small"] },
-      defaultValue: "default",
+      name: "disabled",
+      title: {
+        label: "是否禁用",
+        tip: "是否禁用该卡片",
+      },
+      propType: "bool",
+      defaultValue: false,
     },
     {
-      name: "type",
-      title: { label: "卡片类型", tip: "卡片类型" },
-      propType: { type: "oneOf", value: ["default", "inner"] },
-      defaultValue: "default",
+      name: "padding",
+      title: {
+        label: "内边距",
+        tip: "控制内边距大小 数值",
+      },
+      propType: "number",
+      setter: "NumberSetter",
+      defaultValue: 16
     },
+    {
+      name: "borderRadius",
+      title: {
+        label: "边框圆角",
+        tip: "控制四个圆角大小 数值",
+      },
+      propType: "number",
+      setter: "NumberSetter",
+      defaultValue: 12
+    }
+    // {
+    //   name: "size",
+    //   title: { label: "尺寸", tip: "card 的尺寸" },
+    //   propType: { type: "oneOf", value: ["default", "small"] },
+    //   defaultValue: "default",
+    // },
+    // {
+    //   name: "type",
+    //   title: { label: "卡片类型", tip: "卡片类型" },
+    //   propType: { type: "oneOf", value: ["default", "inner"] },
+    //   defaultValue: "default",
+    // },
   ],
   configure: {
     component: { isContainer: true },

package/lowcode/pisell-card/snippets.ts

@@ -4,6 +4,12 @@ export default [
     schema: {
       componentName: 'PisellCard',
       props: {
+        bordered: true,
+        selected: false,
+        loading: false,
+        padding: 16,
+        disabled: false,
+        borderRadius: 12
       },
     },
   },