@pisell/materials 3.0.61 → 3.0.63

package/lib/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
+}) => ("filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lib/index.d.ts

@@ -108,5 +108,15 @@ export { default as PisellAdjustPrice } from './components/pisellAdjustPrice';
 export { default as PisellAdjustPriceInputNumber } from './components/pisellAdjustPrice/PisellAdjustPriceInputNumber';
 export { default as PisellStatisticList } from './components/pisellStatisticList';
 export { default as PisellFloatingPanel } from './components/pisellFloatingPanel';
+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';
 export { default as ProductCard } from './components/productCard';
 export { default as Collapse } from './components/collapse';

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,
@@ -254,6 +264,16 @@ var import_pisellAdjustPrice = __toESM(require("./components/pisellAdjustPrice")
 var import_PisellAdjustPriceInputNumber = __toESM(require("./components/pisellAdjustPrice/PisellAdjustPriceInputNumber"));
 var import_pisellStatisticList = __toESM(require("./components/pisellStatisticList"));
 var import_pisellFloatingPanel = __toESM(require("./components/pisellFloatingPanel"));
+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"));
 var import_productCard = __toESM(require("./components/productCard"));
 var import_collapse = __toESM(require("./components/collapse"));
 // Annotate the CommonJS export names for ESM import in node:
@@ -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
       },
     },
   },