@pisell/materials 3.0.61 → 6.0.1

package/lowcode/submit-button/snippets.ts

@@ -0,0 +1,22 @@
+export default [
+  {
+    title: '提交按钮',
+    screenshot: require('../button/__screenshots__/button-1.png'),
+    schema: {
+      title: '提交按钮',
+      componentName: 'SubmitButton',
+      props: {
+        type: 'primary',
+        childrenString: {
+          type: 'i18n',
+          en: 'Submit',
+          'zh-CN': '提交',
+          'zh-HK': '提交',
+        },
+        status: 'normal',
+        afterSubmitType: 'none',
+        refreshData: true,
+      },
+    },
+  },
+];

package/lowcode/table/snippets.ts

@@ -90,6 +90,8 @@ export default [
           hiddenKeys: [],
           otherParams: {}
         },
+        showTitle: true,
+        showSubTitle: true,
       },
     },
   },
@@ -231,6 +233,8 @@ export default [
           },
           footer: {},
         },
+        showTitle: true,
+        showSubTitle: true,
       },
     },
   },
@@ -427,6 +431,8 @@ export default [
           },
           footer: {},
         },
+        showTitle: true,
+        showSubTitle: true,
       },
     },
   },

package/lowcode/test/meta.ts

@@ -1,6 +1,5 @@
-import { ComponentMetadata, Snippet } from "@alilc/lowcode-types";
 
-const TestMeta: ComponentMetadata = {
+const TestMeta = {
   componentName: "Test",
   title: "Test",
   schema: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "3.0.61",
+  "version": "6.0.1",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -22,7 +22,7 @@
     "style-loader": "2.0.0",
     "sass-loader": "7.3.1",
     "@alilc/lowcode-react-renderer": "^1.1.7",
-    "@alilc/lowcode-types": "1.1.7",
+    "@alilc/lowcode-types": "1.3.2",
     "@svgr/webpack": "^5.5.0",
     "url-loader": "^4.1.1",
     "@alilc/build-plugin-alt": "^1.3.3",
@@ -49,10 +49,12 @@
   "dependencies": {
     "antd": "^5.6.3",
     "@ant-design/icons": "^5.1.4",
+    "@ant-design/colors": "^7.1.0",
     "dayjs": "^1.11.8",
     "classnames": "^2.3.2",
     "react-resizable": "^3.0.5",
     "styled-components": "^6.0.0-rc.3",
+    "libphonenumber-js": "^1.11.17",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
@@ -63,9 +65,9 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
     "@zxing/library": "0.21.2",
-    "@pisell/icon": "0.0.11",
-    "@pisell/date-picker": "3.0.1",
-    "@pisell/utils": "1.0.42"
+    "@pisell/utils": "1.0.42",
+    "@pisell/date-picker": "1.0.100",
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/cardPro/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const _default: (props: any) => React.JSX.Element;
-export default _default;

package/es/components/cardPro/index.js

@@ -1,69 +0,0 @@
-import React, { useEffect } from 'react';
-import { withWrap } from "../../utils/hoc";
-import { Card, Flex } from 'antd';
-import classNames from 'classnames';
-import "./index.less";
-var CardPro = function CardPro(props) {
-  var headTitle = props.headTitle,
-    headSubTitle = props.headSubTitle,
-    _props$isShowFooter = props.isShowFooter,
-    isShowFooter = _props$isShowFooter === void 0 ? true : _props$isShowFooter,
-    contentHeight = props.contentHeight,
-    children = props.children,
-    _props$actionButtons = props.actionButtons,
-    actionButtons = _props$actionButtons === void 0 ? [] : _props$actionButtons,
-    _props$buttonPosition = props.buttonPosition,
-    buttonPosition = _props$buttonPosition === void 0 ? 'center' : _props$buttonPosition,
-    cover = props.cover,
-    extra = props.extra,
-    isShowHead = props.isShowHead,
-    className = props.className,
-    coverHeight = props.coverHeight,
-    badge = props.badge;
-  useEffect(function () {
-    document.body.id = 'body';
-  }, []);
-  return /*#__PURE__*/React.createElement(Card, {
-    title: null,
-    style: {
-      padding: 0
-    },
-    className: classNames('pisell-cardPro-wrap', className, cover && 'pisell-cardPro-wrap-with-cover')
-  }, !!cover && /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-cardPro-cover'),
-    style: {
-      height: coverHeight
-    }
-  }, cover, /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-cardPro-badge')
-  }, badge)), isShowHead && /*#__PURE__*/React.createElement(Flex, {
-    className: classNames('pisell-cardPro-head'),
-    justify: "space-between"
-  }, /*#__PURE__*/React.createElement(Flex, {
-    style: {
-      flex: 1
-    },
-    vertical: true,
-    gap: "middle"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-cardPro-head-title')
-  }, headTitle), /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-cardPro-head-subTitle')
-  }, headSubTitle)), /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-cardPro-head-extra')
-  }, extra)), /*#__PURE__*/React.createElement(Flex, {
-    style: {
-      height: contentHeight
-    },
-    className: classNames('pisell-cardPro-content')
-  }, children), isShowFooter && /*#__PURE__*/React.createElement(Flex, {
-    gap: 20,
-    justify: buttonPosition,
-    style: {
-      marginTop: 20
-    }
-  }, actionButtons.map(function (item, index) {
-    return item.button;
-  })));
-};
-export default withWrap(CardPro);

package/es/components/cardPro/index.less

@@ -1,55 +0,0 @@
-.pisell-cardPro-wrap {
-  border-radius: 12px;
-
-  &.pisell-cardPro-wrap-with-cover {
-    .pisell-lowcode-card-body {
-      padding-top: 0;
-      padding-left: 0;
-      padding-right: 0;
-      padding-bottom: 24px;
-    }
-
-    .pisell-cardPro-head,
-    .pisell-cardPro-content {
-      padding: 0 24px;
-    }
-  }
-
-  .pisell-cardPro-cover {
-    position: relative;
-
-    .pisell-cardPro-badge {
-      position: absolute;
-      right: 0;
-      top: 0;
-    }
-  }
-
-  .pisell-cardPro-head {
-    padding: 0;
-    .pisell-cardPro-head-title {
-      font-size: 16px;
-      font-weight: 600;
-      color: #1a2029;
-    }
-
-    .pisell-cardPro-head-subtitle {
-      font-size: 12px;
-      color: #6e8098;
-    }
-
-    .pisell-cardPro-head-extra {
-      width: 150px;
-    }
-  }
-
-  .pisell-cardPro-content {
-    overflow-y: auto;
-    margin-top: 20px;
-  }
-
-  .pisell-cardPro-content {
-    overflow-y: auto;
-    margin-top: 20px;
-  }
-}

package/es/components/collapse/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import './index.less';
-interface CollapseProps {
-    panelBackground?: string;
-    panelMarginBottom?: string | 0;
-    panelBorderRadius?: string | 0;
-    items: any[];
-    showHeader?: boolean;
-    headerColor?: string | '#101828';
-    headerFontSize?: string | 14;
-    expandIcon?: any;
-    [key: string]: any;
-}
-declare const Collapse: React.FC<CollapseProps>;
-export default Collapse;

package/es/components/productCard/components/Action/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const Action: ({ item, onAction }: any) => React.JSX.Element;
-export default Action;

package/es/components/productCard/components/Action/index.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { Button } from 'antd';
-import "./index.less";
-var prefix = 'pisell-lowcode-';
-var Action = function Action(_ref) {
-  var item = _ref.item,
-    onAction = _ref.onAction;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "product-actions"))
-  }, /*#__PURE__*/React.createElement(Button, {
-    className: classNames("".concat(prefix, "product-actions-item")),
-    size: "large",
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      onAction();
-    }
-  }, item._actionText));
-};
-export default Action;

package/es/components/productCard/components/Action/index.less

@@ -1,14 +0,0 @@
-@pisell-prefix: pisell-lowcode;
-
-.@{pisell-prefix} {
-  &-product-actions {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: 8px;
-  }
-
-  &-product-actions-item {
-    flex: 1;
-  }
-}

package/es/components/productCard/components/AmountFooter/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const Footer: ({ item, hideDivider, type }: any) => React.JSX.Element;
-export default Footer;

package/es/components/productCard/components/AmountFooter/index.js

@@ -1,38 +0,0 @@
-import React, { useMemo } from 'react';
-import classNames from 'classnames';
-import { _formatAmount } from "../Packages/utils";
-import Divider from "../Divider";
-import "./index.less";
-import { locales } from '@pisell/utils';
-var prefix = 'pisell-lowcode-';
-var Footer = function Footer(_ref) {
-  var _item$_extend, _item$_extend2;
-  var item = _ref.item,
-    hideDivider = _ref.hideDivider,
-    type = _ref.type;
-  /**
-   * @title: 折扣
-   * @description:
-   * @param {*} useMemo
-   * @return {*}
-   * @Author: WangHan
-   * @Date: 2024-11-22 13:50
-   */
-  var isDiscount = useMemo(function () {
-    // item中没有该属性则不展示
-    if (!(item !== null && item !== void 0 && item.hasOwnProperty('origin_total'))) return false;
-    return Number(item === null || item === void 0 ? void 0 : item.total) != Number(item === null || item === void 0 ? void 0 : item.origin_total);
-  }, [item]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !hideDivider ? /*#__PURE__*/React.createElement(Divider, {
-    type: type !== 'total' ? 'inside' : ''
-  }) : null, /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "packages-product-footer"), hideDivider && "".concat(prefix, "packages-product-hide-divider-footer"))
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, _formatAmount(item === null || item === void 0 ? void 0 : item.total, item === null || item === void 0 ? void 0 : item.symbol)), /*#__PURE__*/React.createElement("span", null, "\xD7".concat(item === null || item === void 0 ? void 0 : item.num)), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "packages-product-footer-total")
-  }, _formatAmount((item === null || item === void 0 ? void 0 : item.total) * (item === null || item === void 0 ? void 0 : item.num), item === null || item === void 0 ? void 0 : item.symbol))), isDiscount ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "packages-product-footer-discount")
-  }, /*#__PURE__*/React.createElement("span", null, _formatAmount(item === null || item === void 0 ? void 0 : item.origin_total, item === null || item === void 0 ? void 0 : item.symbol)), /*#__PURE__*/React.createElement("span", null, _formatAmount((item === null || item === void 0 ? void 0 : item.origin_total) * (item === null || item === void 0 ? void 0 : item.num), item === null || item === void 0 ? void 0 : item.symbol, 2))) : null), isDiscount && (_item$_extend = item._extend) !== null && _item$_extend !== void 0 && _item$_extend.discount_reason && type === 'total' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "product-item-discount-reason")
-  }, /*#__PURE__*/React.createElement("span", null, "".concat(locales.getText('pisell2.product.card.discount.reason'), ": ").concat((_item$_extend2 = item._extend) === null || _item$_extend2 === void 0 ? void 0 : _item$_extend2.discount_reason)))) : null);
-};
-export default Footer;

package/es/components/productCard/components/AmountFooter/index.less

@@ -1,39 +0,0 @@
-@pisell-prefix: pisell-lowcode;
-
-.@{pisell-prefix} {
-  &-packages-product-footer {
-    color: var(--Gray-500, #667085);
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 20px;
-    > div {
-      display: flex;
-      justify-content: space-between;
-    }
-  }
-
-  &-packages-product-footer-discount {
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 18px;
-    text-decoration-line: line-through;
-  }
-
-  &-packages-product-footer-total {
-    color: var(--Gray-900, #101828);
-  }
-
-  &-packages-product-hide-divider-footer {
-    margin-top: 8px;
-  }
-
-  &-product-item-discount-reason {
-    color: var(--gray-500, #667085);
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px;
-    white-space: break-spaces;
-  }
-}

package/es/components/productCard/components/Divider/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const Divider: ({ type }: any) => React.JSX.Element;
-export default Divider;

package/es/components/productCard/components/Divider/index.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import "./index.less";
-var prefix = 'pisell-lowcode-';
-var Divider = function Divider(_ref) {
-  var type = _ref.type;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "product-divider"), type === 'inside' && "".concat(prefix, "product-divider-inside"))
-  });
-};
-export default Divider;

package/es/components/productCard/components/Divider/index.less

@@ -1,13 +0,0 @@
-@pisell-prefix: pisell-lowcode;
-
-.@{pisell-prefix} {
-  &-product-divider {
-    height: 1px;
-    background-color: #eaecf0;
-    margin: 8px 0;
-  }
-
-  &-product-divider-inside {
-    margin: 4px 0;
-  }
-}

package/es/components/productCard/components/Header/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const Header: (props: any) => React.JSX.Element;
-export default Header;

package/es/components/productCard/components/Header/index.js

@@ -1,70 +0,0 @@
-import { Button } from 'antd';
-import React, { useMemo } from 'react';
-import classNames from 'classnames';
-import Iconfont from "../../../iconfont";
-import { image, formatAmount } from '@pisell/utils';
-import Options from "../Packages/components/options";
-import "./index.less";
-var prefix = 'pisell-lowcode-';
-var Header = function Header(props) {
-  var isShowDelete = props.isShowDelete,
-    item = props.item,
-    showImage = props.showImage,
-    onDelete = props.onDelete,
-    disabledEdit = props.disabledEdit;
-
-  /**
-   * @title: 是否显示价格
-   * @description:
-   * @param {*} useMemo
-   * @return {*}
-   * @Author: WangHan
-   * @Date: 2024-11-23 16:13
-   */
-  var showPrice = useMemo(function () {
-    var _item$bundle, _item$options;
-    return (item === null || item === void 0 ? void 0 : (_item$bundle = item.bundle) === null || _item$bundle === void 0 ? void 0 : _item$bundle.length) > 0 || (item === null || item === void 0 ? void 0 : (_item$options = item.options) === null || _item$options === void 0 ? void 0 : _item$options.length) > 0;
-  }, [item === null || item === void 0 ? void 0 : item.bundle, item === null || item === void 0 ? void 0 : item.options]);
-
-  /**
-   * @title: 样式是否居中
-   * @description:
-   * @param {*} useMemo
-   * @return {*}
-   * @Author: WangHan
-   * @Date: 2024-11-23 17:37
-   */
-  var headerCenterStyle = useMemo(function () {
-    var _item$options2;
-    return (item === null || item === void 0 ? void 0 : (_item$options2 = item.options) === null || _item$options2 === void 0 ? void 0 : _item$options2.length) > 0 || (item === null || item === void 0 ? void 0 : item.product_option_string);
-  }, [item === null || item === void 0 ? void 0 : item.options, item === null || item === void 0 ? void 0 : item.product_option_string]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "product-header"), headerCenterStyle && "".concat(prefix, "product-options-header"))
-  }, isShowDelete && !disabledEdit ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "product-delete"),
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      onDelete();
-    }
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "text",
-    icon: /*#__PURE__*/React.createElement(Iconfont, {
-      type: "pisell2-trash-01"
-    })
-  })) : null, showImage ? /*#__PURE__*/React.createElement("img", {
-    src: image.ali(item.cover, 64),
-    className: "".concat(prefix, "product-header-cover")
-  }) : null, item !== null && item !== void 0 && item.id ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "product-right-wrap")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "product-title")
-  }, /*#__PURE__*/React.createElement("span", null, item === null || item === void 0 ? void 0 : item.title), showPrice ? /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "product-title-price")
-  }, formatAmount(item === null || item === void 0 ? void 0 : item.price, 2, item === null || item === void 0 ? void 0 : item.symbol)) : null), item !== null && item !== void 0 && item.product_option_string ? /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "product-title-variant")
-  }, item === null || item === void 0 ? void 0 : item.product_option_string) : null, /*#__PURE__*/React.createElement(Options, {
-    options: item === null || item === void 0 ? void 0 : item.options,
-    amountSymbol: item === null || item === void 0 ? void 0 : item.symbol
-  })) : null);
-};
-export default Header;

package/es/components/productCard/components/Header/index.less

@@ -1,64 +0,0 @@
-@pisell-prefix: pisell-lowcode;
-
-.@{pisell-prefix} {
-  &-product-header {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding-right: 0 !important;
-  }
-
-  &-product-options-header {
-    align-items: normal;
-  }
-
-  &-product-delete {
-    position: absolute;
-    padding: 0;
-    top: 0;
-    right: 0;
-    cursor: pointer;
-    .pisell-lowcode-btn {
-      padding: 0;
-    }
-  }
-
-  &-product-header-cover {
-    width: 64px;
-    height: 64px;
-    object-fit: cover;
-    border-radius: 8px;
-  }
-
-  &-product-right-wrap {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    flex: 1;
-  }
-
-  &-product-title {
-    color: var(--gray-900, #101828);
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 24px;
-    display: flex;
-    flex-direction: column;
-    padding-right: 24px;
-  }
-
-  &-product-title-price {
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 20px;
-  }
-
-  &-product-title-variant {
-    color: var(--Gray-500, #667085);
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px;
-  }
-}

package/es/components/productCard/components/Note/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './index.less';
-declare const Note: (props: any) => React.JSX.Element | null;
-export default Note;

package/es/components/productCard/components/Note/index.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { locales } from '@pisell/utils';
-import Divider from "../Divider";
-import "./index.less";
-var prefix = 'pisell-lowcode-';
-var Note = function Note(props) {
-  var item = props.item,
-    type = props.type,
-    openNote = props.openNote,
-    disabledEdit = props.disabledEdit;
-  return item !== null && item !== void 0 && item.note || !disabledEdit ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
-    type: type
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "product-note-wrap"))
-  }, item !== null && item !== void 0 && item.note ? /*#__PURE__*/React.createElement("div", null, locales.getText('pisell2.product.card.discount.note'), ": ", item.note) : null, !disabledEdit ? /*#__PURE__*/React.createElement("span", {
-    className: "".concat(prefix, "product-note-btn"),
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      openNote();
-    }
-  }, item !== null && item !== void 0 && item.note ? locales.getText('pisell2.product.card.discount.edit.note') : locales.getText('pisell2.product.card.discount.add.note')) : null)) : null;
-};
-export default Note;

package/es/components/productCard/components/Note/index.less

@@ -1,20 +0,0 @@
-@pisell-prefix: pisell-lowcode;
-
-.@{pisell-prefix} {
-  &-product-note-wrap {
-    display: flex;
-    gap: 8px;
-    color: var(--Gray-900, #101828);
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px;
-  }
-
-  &-product-note-btn {
-    color: var(--Blue-600, #1570ef);
-    font-weight: 600;
-    cursor: pointer;
-    white-space: nowrap;
-  }
-}

package/es/components/productCard/components/Packages/components/collapsibleList/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import './index.less';
-interface CollapsibleListProps<T> {
-    list: T[];
-    renderItem: (item: T, index: number) => React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const CollapsibleList: React.FC<CollapsibleListProps<any>>;
-export default CollapsibleList;