@pisell/materials 1.0.418 → 1.0.419

package/es/components/pisellFloatingPanel/index.js

@@ -12,6 +12,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useMemo, useState } from 'react';
 import classNames from 'classnames';
+import { useUpdateEffect } from "ahooks";
 import Iconfont from "../iconfont";
 import "./index.less";
 var PisellFloatingPanel = function PisellFloatingPanel(props) {
@@ -31,7 +32,7 @@ var PisellFloatingPanel = function PisellFloatingPanel(props) {
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
-  useEffect(function () {
+  useUpdateEffect(function () {
     if (open !== undefined) {
       setIsOpen(open);
     }

package/es/components/pisellFloatingPanel/index.less

@@ -4,6 +4,8 @@
   border-top-right-radius: 16px;
   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
 }
 
 .pisell-lowcode-floating-panel-wrap.pisell-lowcode-floating-panel-wrap-floating {
@@ -13,7 +15,6 @@
 }
 
 .pisell-lowcode-floating-panel-content {
-  padding: 20px;
   overflow-y: auto;
   height: 100%;
 }

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

@@ -7,6 +7,7 @@ export interface PisellStatisticListProps extends React.HTMLAttributes<HTMLDivEl
     data: {
         label: string;
         value: string;
+        tip?: string;
         children?: {
             label: string;
             value: string;

package/es/components/pisellStatisticList/index.js

@@ -4,6 +4,8 @@ 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 from 'react';
 import { Col, Row } from 'antd';
+import PisellTooltip from "../pisellTooltip";
+import Iconfont from "../iconfont";
 import "./index.less";
 var defaultColors = ['rgba(224, 79, 22, 0.20)', 'rgba(202, 133, 4, 0.20)', 'rgba(127, 86, 217, 0.22)', 'rgba(7, 148, 85, 0.20)', 'rgba(21, 112, 239, 0.23)'];
 var PisellStatisticList = function PisellStatisticList(props) {
@@ -29,7 +31,15 @@ var PisellStatisticList = function PisellStatisticList(props) {
       style: {
         color: labelColor
       }
-    }, item.label), /*#__PURE__*/React.createElement("div", {
+    }, item.label, item.tip && /*#__PURE__*/React.createElement(PisellTooltip, {
+      title: item.tip
+    }, /*#__PURE__*/React.createElement(Iconfont, {
+      style: {
+        color: labelColor
+      },
+      type: "pisell2-help-circle",
+      className: "pisell-lowcode-statistic-list-item-label-tip-icon"
+    }))), /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode-statistic-list-item-value",
       style: {
         color: valueColor

package/es/components/pisellStatisticList/index.less

@@ -11,6 +11,12 @@
       font-size: 14px;
       font-weight: 600;
       line-height: 20px; /* 142.857% */
+      display: flex;
+      gap: 10px;
+      align-items: center;
+      .pisell-lowcode-statistic-list-item-label-tip-icon {
+        font-size: 20px;
+      }
     }
     .pisell-lowcode-statistic-list-item-value {
       color: var(--Base-White, #fff);

package/lib/components/pisellFloatingPanel/index.js

@@ -34,6 +34,7 @@ __export(pisellFloatingPanel_exports, {
 module.exports = __toCommonJS(pisellFloatingPanel_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
+var import_ahooks = require("ahooks");
 var import_iconfont = __toESM(require("../iconfont"));
 var import_index = require("./index.less");
 var PisellFloatingPanel = (props) => {
@@ -51,7 +52,7 @@ var PisellFloatingPanel = (props) => {
     retractIconStyle
   } = props;
   const [isOpen, setIsOpen] = (0, import_react.useState)(defaultOpen);
-  (0, import_react.useEffect)(() => {
+  (0, import_ahooks.useUpdateEffect)(() => {
     if (open !== void 0) {
       setIsOpen(open);
     }

package/lib/components/pisellFloatingPanel/index.less

@@ -4,6 +4,8 @@
   border-top-right-radius: 16px;
   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
 }
 
 .pisell-lowcode-floating-panel-wrap.pisell-lowcode-floating-panel-wrap-floating {
@@ -13,7 +15,6 @@
 }
 
 .pisell-lowcode-floating-panel-content {
-  padding: 20px;
   overflow-y: auto;
   height: 100%;
 }

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

@@ -7,6 +7,7 @@ export interface PisellStatisticListProps extends React.HTMLAttributes<HTMLDivEl
     data: {
         label: string;
         value: string;
+        tip?: string;
         children?: {
             label: string;
             value: string;

package/lib/components/pisellStatisticList/index.js

@@ -34,6 +34,8 @@ __export(pisellStatisticList_exports, {
 module.exports = __toCommonJS(pisellStatisticList_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_pisellTooltip = __toESM(require("../pisellTooltip"));
+var import_iconfont = __toESM(require("../iconfont"));
 var import_index = require("./index.less");
 var defaultColors = [
   "rgba(224, 79, 22, 0.20)",
@@ -66,7 +68,15 @@ var PisellStatisticList = (props) => {
           className: "pisell-lowcode-statistic-list-item-label",
           style: { color: labelColor }
         },
-        item.label
+        item.label,
+        item.tip && /* @__PURE__ */ import_react.default.createElement(import_pisellTooltip.default, { title: item.tip }, /* @__PURE__ */ import_react.default.createElement(
+          import_iconfont.default,
+          {
+            style: { color: labelColor },
+            type: "pisell2-help-circle",
+            className: "pisell-lowcode-statistic-list-item-label-tip-icon"
+          }
+        ))
       ),
       /* @__PURE__ */ import_react.default.createElement(
         "div",

package/lib/components/pisellStatisticList/index.less

@@ -11,6 +11,12 @@
       font-size: 14px;
       font-weight: 600;
       line-height: 20px; /* 142.857% */
+      display: flex;
+      gap: 10px;
+      align-items: center;
+      .pisell-lowcode-statistic-list-item-label-tip-icon {
+        font-size: 20px;
+      }
     }
     .pisell-lowcode-statistic-list-item-value {
       color: var(--Base-White, #fff);

package/lowcode/pisell-statistic-list/meta.ts

@@ -135,6 +135,16 @@ const PisellStatisticListMeta: ComponentMetadata = {
                         initialValue: '',
                       },
                     },
+                    {
+                      title: {
+                        label: 'tip',
+                      },
+                      name: 'tip',
+                      setter: {
+                        componentName: 'StringSetter',
+                        initialValue: '',
+                      },
+                    },
                     {
                       title: {
                         label: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.418",
+  "version": "1.0.419",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -64,8 +64,8 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
     "@zxing/library": "0.21.2",
-    "@pisell/date-picker": "1.0.111",
     "@pisell/utils": "1.0.42",
+    "@pisell/date-picker": "1.0.111",
     "@pisell/icon": "0.0.10"
   },
   "peerDependencies": {