@pisell/materials 6.0.21 → 6.0.22

package/lib/components/table/Table/fields/treeSelect/Config/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/lib/components/table/Table/fields/treeSelect/Show/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/lib/components/table/Table/fields/treeSelect/Sort/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/lib/components/table/Table/fields/treeSelect/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/tableConfig/SortRow/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const SortRow: ({ children, rowKey, onSortChange }: any) => JSX.Element;
 export default SortRow;

package/lib/components/table/Table/tableConfig/summary/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const summary: (props: any) => JSX.Element;
 export default summary;

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" | "filter_setting" | "group_by" | "order_by" | "column_setting" | "gallery_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/components/table/TableFilter/SortIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface SortIconProps {
     sortOrder: null | "ascend" | "descend";
 }

package/lib/components/table/View/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridViewProps } from '../types';
 declare const View: (props: GridViewProps & {
     setTableSetting: (values: Record<string, any>) => void;

package/lib/components/time-picker/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const TimePicker: (props: any) => JSX.Element;
 export default TimePicker;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Upload: (props: any) => JSX.Element;
 export default Upload;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps } from 'antd';
 import './index.less';
 export interface Version {

package/lib/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./Presets.less";
 export declare type PresetsItem = {
     label: string;

package/lib/components/virtual-keyboard/Number/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface NumberProps {
     max?: number;
     min?: number;

package/lib/components/virtual-keyboard/Time/utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;

package/lib/components/virtual-keyboard/VirtualKeyInput/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 export interface VirtualKeyInputProps extends InputProps {

package/lib/components/walletCard/Guest/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Guest: (props: any) => JSX.Element;
 export default Guest;

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-export { Affix, Alert, Anchor, Avatar, Breadcrumb, Card, Carousel, Col, Collapse, ColorPicker, Descriptions, Divider, Empty, Grid, InputNumber, Mentions, Menu, Pagination, Popconfirm, Popover, Progress, Rate, Result, Row, Space, Spin, Statistic, Steps, Switch, Tag, Timeline, Tooltip, Transfer, Tree, message, notification, version, } from 'antd';
+export { Affix, Alert, Anchor, Avatar, Breadcrumb, Card, Carousel, Col, ColorPicker, Descriptions, Divider, Empty, Grid, InputNumber, Mentions, Menu, Pagination, Popconfirm, Popover, Progress, Rate, Result, Row, Space, Spin, Statistic, Steps, Switch, Tag, Timeline, Tooltip, Transfer, Tree, message, notification, version, } from 'antd';
 export { default as AutoComplete } from './components/auto-complete';
 export { default as AutoCompleteNumber } from './components/auto-complete-number';
 export { default as Badge } from './components/badge';
@@ -129,3 +129,12 @@ export { default as PisellNavigationMenu } from './components/pisellNavigationMe
 export { default as PisellAppCard } from './components/pisellAppCard';
 export type { PisellAppCardProps } from './components/pisellAppCard/types';
 export { default as BaseTranslation } from './components/dataSourceComponents/fields/Translation/BaseTranslation';
+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 SectionFooters } from './components/section-footers';
+export { default as ProductCard } from './components/productCard';
+export { default as Collapse } from './components/collapse';

package/lib/index.js

@@ -52,7 +52,7 @@ __export(src_exports, {
   Checkbox: () => import_checkbox.default,
   ClassicLayout: () => import_classicLayout.default,
   Col: () => import_antd.Col,
-  Collapse: () => import_antd.Collapse,
+  Collapse: () => import_collapse.default,
   ColorPicker: () => import_antd.ColorPicker,
   Component: () => import_component.default,
   ConfigProvider: () => import_config_provider.default,
@@ -119,16 +119,21 @@ __export(src_exports, {
   PisellContent: () => import_content.default,
   PisellContext: () => import_context.default,
   PisellCountdown: () => import_pisellCountdown.default,
+  PisellCustomCheckboxGroup: () => import_pisellCustomCheckboxGroup.default,
   PisellDatePicker: () => import_pisellDatePicker.default,
   PisellDraggable: () => import_pisellDraggable.default,
   PisellDropSort: () => import_pisellDropSort.default,
+  PisellDropdown: () => import_pisellDropdown.default,
   PisellEmpty: () => import_pisellEmpty.default,
   PisellFloatingPanel: () => import_pisellFloatingPanel.default,
   PisellFooter: () => import_footer.default,
   PisellHeader: () => import_header.default,
+  PisellHeaderProgressBar: () => import_pisellHeaderProgressBar.default,
+  PisellImageCarousels: () => import_pisellImageCarousels.default,
   PisellInformationEntry: () => import_pisellInformationEntry.default,
   PisellInput: () => import_pisellInput.default,
   PisellLayout: () => import_pisellLayout.default,
+  PisellList01: () => import_pisellList01.default,
   PisellLoading: () => import_pisellLoading.default,
   PisellMenu: () => import_pisellMenu.default,
   PisellModal: () => import_pisellModal.default,
@@ -139,6 +144,7 @@ __export(src_exports, {
   PisellQrcode: () => import_pisellQrcode.default,
   PisellRow: () => import_pisellRow.default,
   PisellScan: () => import_pisellScan.default,
+  PisellSectionHeaders: () => import_pisellSectionHeaders.default,
   PisellSider: () => import_sider.default,
   PisellStatisticList: () => import_pisellStatisticList.default,
   PisellTags: () => import_pisellTags.default,
@@ -150,6 +156,7 @@ __export(src_exports, {
   PisellWalletPassCard: () => import_pisellWalletPassCard.default,
   Popconfirm: () => import_antd.Popconfirm,
   Popover: () => import_antd.Popover,
+  ProductCard: () => import_productCard.default,
   ProfileMenu: () => import_profileMenu.default,
   Progress: () => import_antd.Progress,
   PublishVersionModal: () => import_versionModal.default,
@@ -159,6 +166,7 @@ __export(src_exports, {
   RecordView: () => import_record_view.default,
   Result: () => import_antd.Result,
   Row: () => import_antd.Row,
+  SectionFooters: () => import_section_footers.default,
   Segmented: () => import_segmented.default,
   Select: () => import_select.default,
   SelectTime: () => import_select_time.default,
@@ -324,6 +332,15 @@ var import_pisellDropSort = __toESM(require("./components/pisellDropSort"));
 var import_pisellNavigationMenu = __toESM(require("./components/pisellNavigationMenu"));
 var import_pisellAppCard = __toESM(require("./components/pisellAppCard"));
 var import_BaseTranslation = __toESM(require("./components/dataSourceComponents/fields/Translation/BaseTranslation"));
+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_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:
 0 && (module.exports = {
   Affix,
@@ -416,16 +433,21 @@ var import_BaseTranslation = __toESM(require("./components/dataSourceComponents/
   PisellContent,
   PisellContext,
   PisellCountdown,
+  PisellCustomCheckboxGroup,
   PisellDatePicker,
   PisellDraggable,
   PisellDropSort,
+  PisellDropdown,
   PisellEmpty,
   PisellFloatingPanel,
   PisellFooter,
   PisellHeader,
+  PisellHeaderProgressBar,
+  PisellImageCarousels,
   PisellInformationEntry,
   PisellInput,
   PisellLayout,
+  PisellList01,
   PisellLoading,
   PisellMenu,
   PisellModal,
@@ -436,6 +458,7 @@ var import_BaseTranslation = __toESM(require("./components/dataSourceComponents/
   PisellQrcode,
   PisellRow,
   PisellScan,
+  PisellSectionHeaders,
   PisellSider,
   PisellStatisticList,
   PisellTags,
@@ -447,6 +470,7 @@ var import_BaseTranslation = __toESM(require("./components/dataSourceComponents/
   PisellWalletPassCard,
   Popconfirm,
   Popover,
+  ProductCard,
   ProfileMenu,
   Progress,
   PublishVersionModal,
@@ -456,6 +480,7 @@ var import_BaseTranslation = __toESM(require("./components/dataSourceComponents/
   RecordView,
   Result,
   Row,
+  SectionFooters,
   Segmented,
   Select,
   SelectTime,

package/lowcode/collapse/meta.ts

@@ -63,12 +63,52 @@ export default {
     },
     {
       name: 'ghost',
-      title: { label: '透明无边框', tip: '使折叠面板透明且无边框' },
+      title: { label: '幽灵折叠面板', tip: '将折叠面板的背景变成透明' },
       propType: 'bool',
       defaultValue: false,
       setter: 'BoolSetter',
       supportVariable: true
     },
+    {
+      title: "标题",
+      display: "block",
+      type: "group",
+      items: [
+        {
+          name: "showHeader",
+          title: { label: "标题显隐", tip: "header | 标题显示于隐藏" },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+        {
+          name: "headerFontSize",
+          title: {
+            label: "字号",
+            tip: "headerFontSize | 标题字体大小",
+          },
+          propType: "string",
+          setter: "NumberSetter",
+          defaultValue: 14,
+          condition(target) {
+            return !!target.getProps().getPropValue("showHeader");
+          },
+        },
+        {
+          name: "headerColor",
+          title: {
+            label: "颜色",
+            tip: "headerColor | 标题字体颜色",
+          },
+          propType: "string",
+          setter: "ColorSetter",
+          defaultValue: "#101828",
+          condition(target) {
+            return !!target.getProps().getPropValue("showHeader");
+          },
+        }
+      ],
+    },
     {
       name: 'collapses',
       title: '折叠项',
@@ -203,6 +243,50 @@ export default {
         ],
       },
     },
+    {
+      title: "自定义面板",
+      display: "block",
+      type: "group",
+      items: [
+        {
+          name: "panelBackground",
+          title: {
+            label: "背景色",
+            tip: "panelBackground | 面板背景颜色",
+          },
+          propType: "string",
+          setter: 'ColorSetter',
+        },
+        {
+          name: "panelBorderRadius",
+          title: {
+            label: "圆角",
+            tip: "panelBorderRadius | 面板圆角大小",
+          },
+          propType: "string",
+          setter: "NumberSetter",
+          defaultValue: 0,
+        },
+        {
+          name: "panelMarginBottom",
+          title: {
+            label: "边距",
+            tip: "panelMarginBottom | 每个面板之间的间距",
+          },
+          propType: "string",
+          setter: "NumberSetter",
+          defaultValue: 0,
+        },
+        {
+          name: "expandIcon",
+          title: {
+            label: "图标",
+            tip: "expandIcon | 切换面板图标",
+          },
+          setter: ['SlotSetter'],
+        },
+      ],
+    },
   ],
   configure: {
     supports: {

package/lowcode/date-picker.range-picker/meta.ts

@@ -171,6 +171,26 @@ export default {
               },
             },
           },
+          {
+            name: "isHideCustomSelect",
+            title: {
+              label: "是否隐藏自定义范围",
+              tip: "isHideCustomSelect | 是否隐藏自定义范围",
+            },
+            propType: "bool",
+            defaultValue: false,
+            setter: "BoolSetter",
+          },
+          {
+            name: "endDateDays",
+            title: {
+              label: "结束时间在开始时间的几天之后",
+              tip: "endDateDays | 结束时间在开始时间的几天之后",
+            },
+            defaultValue: 0,
+            propType: "number",
+            setter: "NumberSetter",
+          },
         ],
       },
       {

package/lowcode/pisell-custom-checkbox-group/meta.ts

@@ -0,0 +1,204 @@
+import snippets from "./snippets";
+
+export default {
+  snippets,
+  componentName: "PisellCustomCheckboxGroup",
+  title: "自定义选项卡",
+  category: "数据展示",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellCustomCheckboxGroup",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    // {
+    //   title: '数据源',
+    //   display: 'block',
+    //   type: 'group',
+    //   items: [
+
+    //   ],
+    // },
+
+    {
+      name: 'dataSource',
+      title: { label: '列表数据源', tip: 'dataSource | 列表数据源' },
+      propType: { type: 'arrayOf', value: 'any' },
+      setter: ['JsonSetter', 'VariableSetter'],
+    },
+    // {
+    //   name: 'loading',
+    //   title: {
+    //     label: '是否加载中',
+    //     tip: 'loading | 当卡片内容还在加载中时，可以用 loading 展示一个占位',
+    //   },
+    //   propType: 'bool',
+    //   defaultValue: false,
+    //   setter: ['BoolSetter', 'VariableSetter'],
+    // },
+    {
+      name: 'rowKey',
+      title: {
+        label: '行Key',
+        tip: 'rowKey | 当 renderItem 自定义渲染列表项有效时，自定义每一行的 key 的获取方式',
+      },
+      propType: {
+        type: 'oneOfType',
+        value: ['string', 'function'],
+      },
+      defaultValue: 'id',
+      setter: [
+        'StringSetter',
+        {
+          componentName: 'FunctionSetter',
+          props: {
+            template:
+              'rowKey(item,${extParams}){\n// 自定义每一行的 key\nreturn `key-${item.id}`;\n}',
+          },
+        },
+        'VariableSetter',
+      ],
+    },
+    {
+      name: 'disabled',
+      title: { label: '禁用选择', tip: 'disabled | 是否禁用选择' },
+      propType: 'boolean',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'isMultiple',
+      title: { label: '是否多选', tip: 'isMultiple | 是否多选' },
+      propType: 'boolean',
+      setter: 'BoolSetter',
+    },
+    {
+      name: "value",
+      title: { label: "Value", tip: "value | 当前选中的值" },
+      propType: "string",
+      setter: "StringSetter",
+    },
+    {
+      name: 'allowAdd',
+      title: { label: '允许添加', tip: 'allowAdd | 是否允许添加' },
+      propType: 'boolean',
+      defaultValue: false,
+      setter: 'BoolSetter',
+    },
+    // {
+    //   title: '栅格  ',
+    //   display: 'block',
+    //   type: 'group',
+    //   items: [
+    //     {
+    //       name: 'columns',
+    //       title: { label: '列数', tip: 'columns | 列数' },
+    //       propType: 'number',
+    //       setter: 'NumberSetter',
+    //       defaultValue: 3,
+    //     },
+    //     {
+    //       name: 'horizontalGap',
+    //       title: { label: '水平间隔', tip: 'horizontalGap | 栅格水平间隔，单位为像素(px)' },
+    //       propType: 'number',
+    //       setter: {
+    //         componentName: 'NumberSetter', props: {
+    //           min: 0,
+    //         },
+    //       },
+    //       defaultValue: 10,
+    //     },
+    //     {
+    //       name: 'verticalGap',
+    //       title: { label: '垂直间隔', tip: 'verticalGap | 栅格垂直间隔，单位为像素(px)' },
+    //       propType: 'number',
+    //       setter: {
+    //         componentName: 'NumberSetter',
+    //         props: {
+    //           min: 0,
+    //         },
+    //       },
+    //       defaultValue: 10,
+    //     },
+    //     {
+    //       name: 'singleRow',
+    //       title: { label: '一行展示', tip: 'singleRow | 一行展示' },
+    //       propType: 'boolean',
+    //       defaultValue: false,
+    //       setter: 'BoolSetter',
+    //     },
+    //   ]
+    // },
+    // {
+    //   title: '扩展',
+    //   display: 'block',
+    //   type: 'group',
+    //   items: [
+    //     {
+    //       name: 'renderItem',
+    //       title: {
+    //         label: '渲染函数',
+    //         tip: 'renderItem | 当使用 dataSource 时，可以用 `renderItem` 自定义渲染列表项',
+    //       },
+    //       propType: 'func',
+    //       setter: [
+    //         {
+    //           componentName: 'SlotSetter',
+    //           title: '渲染函数插槽',
+    //           initialValue: {
+    //             type: 'JSSlot',
+    //             params: ['item'],
+    //             value: [
+    //               {
+    //                 componentName: 'List.Item',
+    //                 props: {},
+    //                 children: {
+    //                   componentName: 'Typography.Text',
+    //                   props: {
+    //                     children: {
+    //                       type: 'JSExpression',
+    //                       value: 'this.item.text',
+    //                     },
+    //                   },
+    //                 },
+    //               },
+    //             ],
+    //           },
+    //         },
+    //         {
+    //           componentName: 'FunctionSetter',
+    //           props: {
+    //             template: 'renderItem(item,${extParams}){\n// 自定义渲染列表项\nreturn `item`;\n}',
+    //           },
+    //         },
+    //         'VariableSetter',
+    //       ],
+    //     },
+    //   ],
+    // }
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template: 'onChange(value,${extParams}){\n// 选中值改变时的回调\nconsole.log("value",value);\n}',
+        },
+        {
+          name: 'onAdd',
+          template: 'onAdd(${extParams}){\n// 点击添加按钮时的回调\n}',
+        },
+      ],
+    },
+    component: {
+      isContainer: true,
+    },
+  },
+};

package/lowcode/pisell-custom-checkbox-group/snippets.ts

@@ -0,0 +1,56 @@
+export default [
+  {
+    title: '自定义选项卡',
+    schema: {
+      componentName: 'PisellCustomCheckboxGroup',
+      props: {
+        disabled: false,
+        allowAdd: false,
+        dataSource: [
+          {
+            id: 1,
+            text: "Racing car sprays burning fuel into crowd.",
+          },
+          {
+            id: 2,
+            text: "Japanese princess to wed commoner.",
+          },
+          {
+            id: 3,
+            text: "Australian walks 100km after outback crash.",
+          },
+          {
+            id: 4,
+            text: "Man charged over missing wedding girl.",
+          },
+          {
+            id: 5,
+            text: "Los Angeles battles huge wildfires.",
+          },
+        ],
+        columns: 3,
+        horizontalGap: 10,
+        verticalGap: 10,
+        renderItem: {
+          type: "JSSlot",
+          params: ["item"],
+          value: [
+            {
+              componentName: "List.Item",
+              props: {},
+              children: {
+                componentName: "Typography.Text",
+                props: {
+                  children: {
+                    type: "JSExpression",
+                    value: "this.item.text",
+                  },
+                },
+              },
+            },
+          ],
+        },
+      },
+    },
+  },
+];