@pisell/materials 1.0.97 → 1.0.99

package/dist/umd/static/DotsSix.57d66266.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/dist/umd/static/arrow-left.e542294f.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.707 4.293a1 1 0 0 1 0 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l5.293 5.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0Z"/></svg>

package/dist/umd/static/arrow-right.763f03e0.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L16.586 13H5a1 1 0 1 1 0-2h11.586l-5.293-5.293a1 1 0 0 1 0-1.414Z"/></svg>

package/dist/umd/static/filter-lines.04a54ae9.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z"/></svg>

package/dist/umd/static/help-circle.31c9be40.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11.258-3.976a2 2 0 0 0-2.225 1.308 1 1 0 1 1-1.886-.664 4 4 0 0 1 7.773 1.333c0 1.53-1.135 2.54-1.945 3.081a8.044 8.044 0 0 1-1.686.848l-.035.013-.011.003-.004.002h-.002L11.92 13l.316.949a1 1 0 0 1-.633-1.897l.016-.006.074-.027a6.051 6.051 0 0 0 1.172-.6c.69-.46 1.055-.95 1.055-1.419v-.001a2 2 0 0 0-1.662-1.975ZM11 17a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1Z"/></svg>

package/dist/umd/static/switch-vertical-01.7ebe3ba8.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.293 3.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L8 6.414V20a1 1 0 1 1-2 0V6.414L3.707 8.707a1 1 0 0 1-1.414-1.414l4-4ZM16 17.586V4a1 1 0 1 1 2 0v13.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L16 17.586Z"/></svg>

package/es/components/record-view/index.js

@@ -10,6 +10,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useCallback, useMemo, useState } from "react";
 import { Button, Col, Empty, List, Row, Skeleton, Space } from "antd";
+import { getUniqueId } from "@pisell/utils";
 import Pagination from "../Pagination";
 import { CloseOutlined } from "@ant-design/icons";
 import InfiniteScroll from "react-infinite-scroll-component";
@@ -54,6 +55,9 @@ var RecordView = function RecordView(props) {
     }
   }, [responsive, pcDetailModalDisplay, padDetailModalDisplay, mobilePadDetailModalDisplay]);
   var _footer = useMemo(function () {
+    if (!(pagination && paginationType === "default") && !footer) {
+      return null;
+    }
     return /*#__PURE__*/React.createElement(React.Fragment, null, pagination && paginationType === "default" && /*#__PURE__*/React.createElement(Pagination, _extends({
       showLessItems: true
     }, pagination)), footer);
@@ -88,12 +92,15 @@ var RecordView = function RecordView(props) {
       return /*#__PURE__*/React.createElement(Button, item);
     }))));
   }, [props.dataSource, locale, emptyButtons]);
+  var scrollListId = useMemo(function () {
+    return "scrollableDiv-".concat(getUniqueId());
+  }, []);
   var list = useMemo(function () {
     if (paginationType === "scroll") {
-      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", null, header && /*#__PURE__*/React.createElement("div", {
         className: "".concat(prefix, "scroll-header-wrap")
       }, header), /*#__PURE__*/React.createElement("div", {
-        id: "scrollableDiv",
+        id: scrollListId,
         style: {
           height: listHeight || 400,
           overflow: "auto"
@@ -102,23 +109,22 @@ var RecordView = function RecordView(props) {
         dataLength: props.dataSource.length,
         next: loadMoreData,
         hasMore: props.dataSource.length < ((pagination === null || pagination === void 0 ? void 0 : pagination.total) || 999999),
-        loader: /*#__PURE__*/React.createElement(Skeleton, {
+        loader: props.dataSource.length > 0 && /*#__PURE__*/React.createElement(Skeleton, {
           avatar: true,
           paragraph: {
             rows: 1
           },
-          active: true
+          active: true,
+          className: "".concat(prefix, "scroll-skeleton")
         }),
-        scrollableTarget: "scrollableDiv"
+        scrollableTarget: scrollListId
       }, /*#__PURE__*/React.createElement(List, _extends({}, others, {
-        split: false,
         renderItem: _renderItem
-      }), emptyDom))), /*#__PURE__*/React.createElement("div", {
+      }), emptyDom))), _footer && /*#__PURE__*/React.createElement("div", {
         className: "".concat(prefix, "scroll-footer-wrap")
       }, _footer));
     }
     return /*#__PURE__*/React.createElement(List, _extends({}, others, {
-      split: false,
       renderItem: _renderItem,
       header: header,
       footer: _footer

package/es/components/record-view/index.less

@@ -36,5 +36,11 @@
   }
   &-close-icon {
     font-size: 18px;
+    position: absolute;
+    top: 12px;
+    right: 20px;
+  }
+  &-scroll-skeleton {
+    padding: 12px 24px;
   }
 }

package/es/index.d.ts

@@ -26,6 +26,7 @@ export { Progress } from "antd";
 export { Rate } from "antd";
 export { Result } from "antd";
 export { Row } from "antd";
+export { QRCode } from "antd";
 export { Space } from "antd";
 export { Spin } from "antd";
 export { Steps } from "antd";

package/es/index.js

@@ -44,6 +44,7 @@ export { Row } from "antd";
 
 // export { Skeleton } from 'antd';
 
+export { QRCode } from "antd";
 export { Space } from "antd";
 export { Spin } from "antd";
 export { Steps } from "antd";

package/lib/components/record-view/index.js

@@ -34,6 +34,7 @@ __export(record_view_exports, {
 module.exports = __toCommonJS(record_view_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
 var import_Pagination = __toESM(require("../Pagination"));
 var import_icons = require("@ant-design/icons");
 var import_react_infinite_scroll_component = __toESM(require("react-infinite-scroll-component"));
@@ -81,6 +82,9 @@ var RecordView = (props) => {
     mobilePadDetailModalDisplay
   ]);
   const _footer = (0, import_react.useMemo)(() => {
+    if (!(pagination && paginationType === "default") && !footer) {
+      return null;
+    }
     return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, pagination && paginationType === "default" && /* @__PURE__ */ import_react.default.createElement(import_Pagination.default, { showLessItems: true, ...pagination }), footer);
   }, [pagination, footer]);
   const _renderItem = (0, import_react.useCallback)(
@@ -117,12 +121,15 @@ var RecordView = (props) => {
       }
     ), !!emptyButtons.length && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}empty-button` }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, emptyButtons.map((item) => /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...item })))));
   }, [props.dataSource, locale, emptyButtons]);
+  const scrollListId = (0, import_react.useMemo)(() => {
+    return `scrollableDiv-${(0, import_utils.getUniqueId)()}`;
+  }, []);
   const list = (0, import_react.useMemo)(() => {
     if (paginationType === "scroll") {
-      return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-header-wrap` }, header), /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react.default.createElement("div", null, header && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-header-wrap` }, header), /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
-          id: "scrollableDiv",
+          id: scrollListId,
           style: {
             height: listHeight || 400,
             overflow: "auto"
@@ -134,18 +141,25 @@ var RecordView = (props) => {
             dataLength: props.dataSource.length,
             next: loadMoreData,
             hasMore: props.dataSource.length < ((pagination == null ? void 0 : pagination.total) || 999999),
-            loader: /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { avatar: true, paragraph: { rows: 1 }, active: true }),
-            scrollableTarget: "scrollableDiv"
+            loader: props.dataSource.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+              import_antd.Skeleton,
+              {
+                avatar: true,
+                paragraph: { rows: 1 },
+                active: true,
+                className: `${prefix}scroll-skeleton`
+              }
+            ),
+            scrollableTarget: scrollListId
           },
-          /* @__PURE__ */ import_react.default.createElement(import_antd.List, { ...others, split: false, renderItem: _renderItem }, emptyDom)
+          /* @__PURE__ */ import_react.default.createElement(import_antd.List, { ...others, renderItem: _renderItem }, emptyDom)
         )
-      ), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-footer-wrap` }, _footer));
+      ), _footer && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}scroll-footer-wrap` }, _footer));
     }
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd.List,
       {
         ...others,
-        split: false,
         renderItem: _renderItem,
         header,
         footer: _footer

package/lib/components/record-view/index.less

@@ -36,5 +36,11 @@
   }
   &-close-icon {
     font-size: 18px;
+    position: absolute;
+    top: 12px;
+    right: 20px;
+  }
+  &-scroll-skeleton {
+    padding: 12px 24px;
   }
 }

package/lib/index.d.ts

@@ -26,6 +26,7 @@ export { Progress } from "antd";
 export { Rate } from "antd";
 export { Result } from "antd";
 export { Row } from "antd";
+export { QRCode } from "antd";
 export { Space } from "antd";
 export { Spin } from "antd";
 export { Steps } from "antd";

package/lib/index.js

@@ -67,6 +67,7 @@ __export(src_exports, {
   Popconfirm: () => import_antd23.Popconfirm,
   Popover: () => import_antd24.Popover,
   Progress: () => import_antd25.Progress,
+  QRCode: () => import_antd29.QRCode,
   Radio: () => import_radio.default,
   Rate: () => import_antd26.Rate,
   RecordView: () => import_record_view.default,
@@ -76,26 +77,26 @@ __export(src_exports, {
   Skeleton: () => import_skeleton.default,
   Slider: () => import_slider.default,
   SortableList: () => import_sortableList.default,
-  Space: () => import_antd29.Space,
-  Spin: () => import_antd30.Spin,
+  Space: () => import_antd30.Space,
+  Spin: () => import_antd31.Spin,
   Statistic: () => import_antd20.Statistic,
-  Steps: () => import_antd31.Steps,
-  Switch: () => import_antd32.Switch,
+  Steps: () => import_antd32.Steps,
+  Switch: () => import_antd33.Switch,
   Table: () => import_table.default,
   Tabs: () => import_tabs.default,
-  Tag: () => import_antd35.Tag,
+  Tag: () => import_antd36.Tag,
   TimePicker: () => import_time_picker.default,
-  Timeline: () => import_antd36.Timeline,
-  Tooltip: () => import_antd37.Tooltip,
-  Transfer: () => import_antd33.Transfer,
+  Timeline: () => import_antd37.Timeline,
+  Tooltip: () => import_antd38.Tooltip,
+  Transfer: () => import_antd34.Transfer,
   Translation: () => import_translation.default,
-  Tree: () => import_antd34.Tree,
+  Tree: () => import_antd35.Tree,
   TreeSelect: () => import_tree_select.default,
   Typography: () => import_typography.default,
   Upload: () => import_upload.default,
   message: () => import_antd18.message,
   notification: () => import_antd21.notification,
-  version: () => import_antd38.version
+  version: () => import_antd39.version
 });
 module.exports = __toCommonJS(src_exports);
 var import_antd = require("antd");
@@ -136,6 +137,7 @@ var import_antd35 = require("antd");
 var import_antd36 = require("antd");
 var import_antd37 = require("antd");
 var import_antd38 = require("antd");
+var import_antd39 = require("antd");
 var import_typography = __toESM(require("./components/typography"));
 var import_skeleton = __toESM(require("./components/skeleton"));
 var import_checkbox = __toESM(require("./components/checkbox"));
@@ -205,6 +207,7 @@ var import_record_view = __toESM(require("./components/record-view"));
   Popconfirm,
   Popover,
   Progress,
+  QRCode,
   Radio,
   Rate,
   RecordView,

package/lowcode/qrcode/meta.ts

@@ -0,0 +1,139 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'QRCode',
+  title: '二维码',
+  category: '数据展示',
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "QRCode",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      name: 'value',
+      title: { label: '内容', tip: '内容' },
+      propType: 'string',
+    },
+    {
+      name: 'type',
+      title: { label: '渲染类型', tip: '渲染类型' },
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            {
+              title: 'Canvas',
+              value: 'canvas',
+            },
+            {
+              title: 'Svg',
+              value: 'svg',
+            },
+          ],
+        },
+      },
+    },
+    {
+      name: 'icon',
+      title: { label: '二维码中图片的地址', tip: '二维码中图片的地址（目前只支持图片地址）' },
+      propType: 'string',
+    },
+    {
+      name: 'size',
+      title: { label: '二维码大小', tip: '二维码大小' },
+      propType: 'number',
+    },
+    {
+      name: 'iconSize',
+      title: { label: '二维码中图片的大小', tip: '二维码中图片的大小' },
+      propType: 'number',
+    },
+    {
+      name: 'color',
+      description: '二维码颜色',
+      propType: 'string',
+      setter: 'ColorSetter',
+    },
+    {
+      name: 'bgColor',
+      description: '二维码背景颜色',
+      propType: 'string',
+      setter: 'ColorSetter',
+    },
+    {
+      name: 'bordered',
+      title: { label: '是否有边框', tip: '是否有边框' },
+      propType: 'bool',
+      setter: 'BoolSetter'
+    },
+    {
+      name: 'errorLevel',
+      title: { label: '二维码纠错等级', tip: '通常情况下二维码分为 4 个纠错级别：L级 可纠正约 7% 错误、M级 可纠正约 15% 错误、Q级 可纠正约 25% 错误、H级 可纠正约30% 错误。并不是所有位置都可以缺损，像最明显的三个角上的方框，直接影响初始定位。中间零散的部分是内容编码，可以容忍缺损。当二维码的内容编码携带信息比较少的时候，也就是链接比较短的时候，设置不同的纠错等级，生成的图片不会发生变化。' },
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            {
+              title: 'L',
+              value: 'L',
+            },
+            {
+              title: 'M',
+              value: 'M',
+            },
+            {
+              title: 'Q',
+              value: 'Q',
+            },
+            {
+              title: 'H',
+              value: 'H',
+            },
+          ],
+        },
+      },
+    },
+    {
+      name: 'status',
+      title: { label: '二维码状态', tip: '二维码状态' },
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            {
+              title: 'active',
+              value: 'active',
+            },
+            {
+              title: 'expired',
+              value: 'expired',
+            },
+            {
+              title: 'loading',
+              value: 'loading',
+            },
+          ],
+        },
+      },
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onRefresh',
+          template: "onRefresh(event,${extParams}){\n// 刷新\nconsole.log('onClose',event);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/qrcode/snippets.ts

@@ -0,0 +1,20 @@
+export default [
+  {
+    title: '二维码',
+    screenshot: '',
+    schema: {
+      componentName: 'QRCode',
+      props: {
+        value: "pisell2",
+        size: 160,
+        iconSize: 40,
+        status: "active",
+        errorLevel: "L",
+        type: "canvas",
+        color: "#000",
+        bgColor: "transparent",
+        bordered: true,
+      },
+    },
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.97",
+  "version": "1.0.99",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",