@pisell/materials 1.0.111 → 1.0.113

package/lowcode/list/snippets.ts

@@ -1,45 +1,46 @@
 export default [
   {
-    title: '简单列表',
-    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/list-1.png',
+    title: "简单列表",
+    screenshot:
+      "https://alifd.alicdn.com/fusion-cool/icons/icon-antd/list-1.png",
     schema: {
-      componentName: 'List',
+      componentName: "List",
       props: {
         dataSource: [
           {
             id: 1,
-            text: 'Racing car sprays burning fuel into crowd.',
+            text: "Racing car sprays burning fuel into crowd.",
           },
           {
             id: 2,
-            text: 'Japanese princess to wed commoner.',
+            text: "Japanese princess to wed commoner.",
           },
           {
             id: 3,
-            text: 'Australian walks 100km after outback crash.',
+            text: "Australian walks 100km after outback crash.",
           },
           {
             id: 4,
-            text: 'Man charged over missing wedding girl.',
+            text: "Man charged over missing wedding girl.",
           },
           {
             id: 5,
-            text: 'Los Angeles battles huge wildfires.',
+            text: "Los Angeles battles huge wildfires.",
           },
         ],
         renderItem: {
-          type: 'JSSlot',
-          params: ['item'],
+          type: "JSSlot",
+          params: ["item"],
           value: [
             {
-              componentName: 'List.Item',
+              componentName: "List.Item",
               props: {},
               children: {
-                componentName: 'Typography.Text',
+                componentName: "Typography.Text",
                 props: {
                   children: {
-                    type: 'JSExpression',
-                    value: 'this.item.text',
+                    type: "JSExpression",
+                    value: "this.item.text",
                   },
                 },
               },
@@ -47,29 +48,29 @@ export default [
           ],
         },
         header: {
-          type: 'JSSlot',
+          type: "JSSlot",
           value: [
             {
-              componentName: 'Typography.Text',
+              componentName: "Typography.Text",
               props: {
-                children: '列表头部',
+                children: "列表头部",
               },
             },
           ],
         },
         footer: {
-          type: 'JSSlot',
+          type: "JSSlot",
           value: [
             {
-              componentName: 'Typography.Text',
+              componentName: "Typography.Text",
               props: {
-                children: '列表底部',
+                children: "列表底部",
               },
             },
           ],
         },
-        itemLayout: 'horizontal',
-        size: 'default',
+        itemLayout: "horizontal",
+        size: "default",
         bordered: true,
         split: true,
         pagination: {
@@ -81,101 +82,107 @@ export default [
     },
   },
   {
-    title: '基础列表',
-    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/list-1.png',
+    title: "基础列表",
+    screenshot:
+      "https://alifd.alicdn.com/fusion-cool/icons/icon-antd/list-1.png",
     schema: {
-      componentName: 'List',
+      componentName: "List",
       props: {
         dataSource: [
           {
             id: 1,
-            title: 'Ant Design Title 1',
-            avatar: 'https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png',
+            title: "Ant Design Title 1",
+            avatar:
+              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
             description:
-              'Ant Design, a design language for background applications, is refined by Ant UED Team',
+              "Ant Design, a design language for background applications, is refined by Ant UED Team",
           },
           {
             id: 2,
-            title: 'Ant Design Title 2',
-            avatar: 'https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png',
+            title: "Ant Design Title 2",
+            avatar:
+              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
             description:
-              'Ant Design, a design language for background applications, is refined by Ant UED Team',
+              "Ant Design, a design language for background applications, is refined by Ant UED Team",
           },
           {
             id: 3,
-            title: 'Ant Design Title 3',
-            avatar: 'https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png',
+            title: "Ant Design Title 3",
+            avatar:
+              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
             description:
-              'Ant Design, a design language for background applications, is refined by Ant UED Team',
+              "Ant Design, a design language for background applications, is refined by Ant UED Team",
           },
           {
             id: 4,
-            title: 'Ant Design Title 4',
-            avatar: 'https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png',
+            title: "Ant Design Title 4",
+            avatar:
+              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
             description:
-              'Ant Design, a design language for background applications, is refined by Ant UED Team',
+              "Ant Design, a design language for background applications, is refined by Ant UED Team",
           },
           {
             id: 5,
-            title: 'Ant Design Title 5',
-            avatar: 'https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png',
+            title: "Ant Design Title 5",
+            avatar:
+              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
             description:
-              'Ant Design, a design language for background applications, is refined by Ant UED Team',
+              "Ant Design, a design language for background applications, is refined by Ant UED Team",
           },
         ],
         renderItem: {
-          type: 'JSSlot',
-          params: ['item'],
+          type: "JSSlot",
+          params: ["item"],
           value: [
             {
-              componentName: 'List.Item',
+              componentName: "List.Item",
               props: {},
               children: {
-                componentName: 'List.Item.Meta',
+                componentName: "List.Item.Meta",
                 props: {
                   avatar: {
-                    type: 'JSSlot',
+                    type: "JSSlot",
                     value: [
                       {
-                        componentName: 'Avatar',
+                        componentName: "Avatar",
                         props: {
                           icon: {
-                            componentName: 'Icon',
+                            componentName: "Icon",
                             props: {
-                              type: 'UserOutlined',
+                              type: "UserOutlined",
                             },
                           },
                           src: {
-                            type: 'JSExpression',
-                            value: 'this.item.avatar',
+                            type: "JSExpression",
+                            value: "this.item.avatar",
                           },
                         },
                       },
                     ],
                   },
                   title: {
-                    type: 'JSSlot',
+                    type: "JSSlot",
                     value: [
                       {
-                        componentName: 'Typography.Link',
+                        componentName: "Typography.Link",
                         props: {
                           children: {
-                            type: 'JSExpression',
-                            value: 'this.item.title',
+                            type: "JSExpression",
+                            value: "this.item.title",
                           },
                         },
                       },
                     ],
                   },
                   description: {
-                    type: 'JSSlot',
+                    type: "JSSlot",
                     value: [
                       {
-                        componentName: 'Typography.Text',
+                        componentName: "Typography.Text",
                         props: {
                           children: {
-                            type: 'JSExpression',
-                            value: 'this.item.description',
+                            type: "JSExpression",
+                            value: "this.item.description",
                           },
                         },
                       },
@@ -186,8 +193,8 @@ export default [
             },
           ],
         },
-        itemLayout: 'horizontal',
-        size: 'default',
+        itemLayout: "horizontal",
+        size: "default",
         bordered: true,
         split: true,
         pagination: {
@@ -198,4 +205,178 @@ export default [
       },
     },
   },
+  {
+    title: "Gallery",
+    screenshot:
+      "https://alifd.alicdn.com/fusion-cool/icons/icon-antd/list-1.png",
+    schema: {
+      componentName: "List",
+      props: {
+        dataSource: [
+          {
+            id: 1,
+            title: "Ant Design Title 1",
+            avatar:
+              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
+            description:
+              "Ant Design, a design language for background applications, is refined by Ant UED Team",
+          },
+          {
+            id: 2,
+            title: "Ant Design Title 2",
+            avatar:
+              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
+            description:
+              "Ant Design, a design language for background applications, is refined by Ant UED Team",
+          },
+          {
+            id: 3,
+            title: "Ant Design Title 3",
+            avatar:
+              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
+            description:
+              "Ant Design, a design language for background applications, is refined by Ant UED Team",
+          },
+          {
+            id: 4,
+            title: "Ant Design Title 4",
+            avatar:
+              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
+            description:
+              "Ant Design, a design language for background applications, is refined by Ant UED Team",
+          },
+          {
+            id: 5,
+            title: "Ant Design Title 5",
+            avatar:
+              "https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png",
+            description:
+              "Ant Design, a design language for background applications, is refined by Ant UED Team",
+          },
+        ],
+        renderItem: {
+          type: "JSSlot",
+          params: ["item"],
+          value: [
+            {
+              componentName: "List.Item",
+              props: {
+                style: {
+                  padding: 0,
+                  margin: 0,
+                },
+              },
+              children: [
+                {
+                  componentName: "ClassicLayout",
+                  id: "node_oclo5iy2upp",
+                  props: {
+                    header: {
+                      type: "JSSlot",
+                      value: [
+                        {
+                          componentName: "Div",
+                          id: "node_oclo5iy2upw",
+                          props: {
+                            style: {
+                              textAlign: "center",
+                              color: "#fff",
+                              height: 64,
+                              paddingInline: 50,
+                              lineHeight: "64px",
+                              backgroundColor: "#7dbcea",
+                            },
+                            children: "Header",
+                          },
+                          hidden: false,
+                          title: "",
+                          isLocked: false,
+                          condition: true,
+                          conditionGroup: "",
+                        },
+                      ],
+                      id: "node_oclo5iy2upq",
+                    },
+                    content: {
+                      type: "JSSlot",
+                      value: [
+                        {
+                          componentName: "Div",
+                          id: "node_oclo5iy2upx",
+                          props: {
+                            style: {
+                              textAlign: "center",
+                              minHeight: 120,
+                              lineHeight: "120px",
+                              color: "#fff",
+                              backgroundColor: "#108ee9",
+                            },
+                            children: "Content",
+                          },
+                          hidden: false,
+                          title: "",
+                          isLocked: false,
+                          condition: true,
+                          conditionGroup: "",
+                        },
+                      ],
+                      id: "node_oclo5iy2ups",
+                    },
+                    footer: {
+                      type: "JSSlot",
+                      value: [
+                        {
+                          componentName: "Div",
+                          id: "node_oclo5iy2upy",
+                          props: {
+                            style: {
+                              textAlign: "center",
+                              color: "#fff",
+                              backgroundColor: "#7dbcea",
+                              height: 70,
+                              lineHeight: "70px",
+                            },
+                            children: "Footer",
+                          },
+                          hidden: false,
+                          title: "",
+                          isLocked: false,
+                          condition: true,
+                          conditionGroup: "",
+                        },
+                      ],
+                      id: "node_oclo5iy2upu",
+                    },
+                  },
+                  hidden: false,
+                  title: "",
+                  isLocked: false,
+                  condition: true,
+                  conditionGroup: "",
+                },
+              ],
+            },
+          ],
+        },
+        itemLayout: "horizontal",
+        size: "default",
+        bordered: true,
+        split: true,
+        gridEnable: true,
+        grid: {
+          column: 4,
+          oneLine: false,
+          gutter: [10, 10],
+        },
+        header: false,
+        footer: false,
+        loadMore: false,
+        pagination: {
+          pageSize: 10,
+          total: 15,
+          current: 1,
+        },
+      },
+    },
+  },
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.111",
+  "version": "1.0.113",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -55,9 +55,9 @@
     "@dnd-kit/utilities": "^3.2.1",
     "ahooks": "^3.7.6",
     "react-infinite-scroll-component": "^6.1.0",
-    "@pisell/utils": "1.0.6",
+    "@pisell/utils": "1.0.7",
     "@pisell/icon": "0.0.8",
-    "@pisell/date-picker": "1.0.35"
+    "@pisell/date-picker": "1.0.36"
   },
   "peerDependencies": {
     "react": "^18.0.0",

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

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

package/es/components/qrcode/index.js

@@ -1,44 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useMemo } from "react";
-import { QRCode as AntQRCode, Modal } from "antd";
-import { getUniqueId } from "@pisell/utils";
-var QRCode = function QRCode(props) {
-  var preview = props.preview;
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    visible = _React$useState2[0],
-    setVisible = _React$useState2[1];
-  var id = useMemo(function () {
-    return getUniqueId();
-  }, []);
-  var handleClick = function handleClick(e) {
-    e.stopPropagation();
-    setVisible(true);
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    onClick: handleClick,
-    id: id,
-    className: "pisell-lowcode-qrcode-wrap"
-  }, /*#__PURE__*/React.createElement(AntQRCode, props)), preview && /*#__PURE__*/React.createElement("span", {
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
-  }, /*#__PURE__*/React.createElement(Modal, {
-    open: visible,
-    onCancel: function onCancel() {
-      return setVisible(false);
-    },
-    footer: null,
-    width: 248,
-    closeIcon: /*#__PURE__*/React.createElement("span", null)
-  }, /*#__PURE__*/React.createElement(AntQRCode, _extends({}, props, {
-    size: 200
-  })))));
-};
-export default QRCode;

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

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

package/lib/components/qrcode/index.js

@@ -1,68 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/qrcode/index.tsx
-var qrcode_exports = {};
-__export(qrcode_exports, {
-  default: () => qrcode_default
-});
-module.exports = __toCommonJS(qrcode_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_utils = require("@pisell/utils");
-var QRCode = (props) => {
-  const { preview } = props;
-  const [visible, setVisible] = import_react.default.useState(false);
-  const id = (0, import_react.useMemo)(() => {
-    return (0, import_utils.getUniqueId)();
-  }, []);
-  const handleClick = (e) => {
-    e.stopPropagation();
-    setVisible(true);
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    "span",
-    {
-      onClick: handleClick,
-      id,
-      className: "pisell-lowcode-qrcode-wrap"
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { ...props })
-  ), preview && /* @__PURE__ */ import_react.default.createElement("span", { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Modal,
-    {
-      open: visible,
-      onCancel: () => setVisible(false),
-      footer: null,
-      width: 248,
-      closeIcon: /* @__PURE__ */ import_react.default.createElement("span", null)
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { ...props, size: 200 })
-  )));
-};
-var qrcode_default = QRCode;