@ztocwst/rc-pro-materials 0.1.24 → 0.1.25

package/es/components/z-agg-block/index.less

@@ -7,7 +7,7 @@
   padding: 16px;
   overflow: hidden;
 
-  &.animate :hover {
+  &.animate:hover {
     transform: scale(1.05);
     transition: all 0.3s ease-in;
   }
@@ -16,7 +16,8 @@
 .pointer-block-title {
   display: flex;
   // color: #487ffb;
-  color: @primary-color;
+  // color: @primary-color;
+  color: var(--ant-primary-color, @primary-color);
 
   .ant-typography {
     color: inherit;
@@ -46,6 +47,12 @@
   grid-gap: 10px;
   grid-template-columns: repeat(1, 1fr);
 
+  .z-pointer-block.animate:hover {
+    box-shadow: 0 4px 16px 2px rgba(0, 0, 0, 0.1);
+    transform: scale(1.05);
+    transition: all 0.3s ease-in;
+  }
+
   // 流程指标块
   &.process .z-pointer-block,
   &.process > * {
@@ -75,8 +82,8 @@
       width: 10px;
       height: 10px;
       background: #fff;
-      border: 2px solid @primary-color;
-      // border: 2px solid var(--ant-primary-color);
+      // border: 2px solid @primary-color;
+      border: 2px solid var(--ant-primary-color, @primary-color);
       border-radius: 50%;
       content: '';
     }
@@ -110,8 +117,8 @@
       width: 10px;
       height: 10px;
       background: #fff;
-      border: 2px solid @primary-color;
-      // border: 2px solid var(--ant-primary-color);
+      // border: 2px solid @primary-color;
+      border: 2px solid var(--ant-primary-color, @primary-color);
       border-radius: 50%;
       content: '';
     }

package/es/components/z-agg-block/z-agg-block.d.ts

@@ -7,8 +7,6 @@ export interface TypeAggBlockProps {
         start: string;
         end: string;
     };
-    /** 开启动画 */
-    animate?: boolean;
     /** 标题 */
     title?: React.ReactNode;
     /** 副标题 */
@@ -23,6 +21,7 @@ export interface TypeAggBlockProps {
     /** 一行几列 */
     column?: number;
     items?: TypeZPointerBlockProps[] | React.ReactNode;
+    onClick?: (item: any) => void;
 }
 declare const ZAggBlock: React.FC<TypeAggBlockProps>;
 export default ZAggBlock;

package/es/components/z-agg-block/z-agg-block.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["color", "animate", "title", "subTitle", "extra", "process", "direction", "column"];
+var _excluded = ["color", "title", "subTitle", "extra", "process", "direction", "column", "onClick"];
 import React from 'react';
 import classnames from 'classnames';
 import "./index.less";
@@ -8,21 +8,24 @@ import ZPointerBlock from "../z-pointer-block";
 var ZAggBlock = function ZAggBlock(_ref) {
   var _rest$items;
   var color = _ref.color,
-    animate = _ref.animate,
     title = _ref.title,
     subTitle = _ref.subTitle,
     extra = _ref.extra,
     process = _ref.process,
     direction = _ref.direction,
     column = _ref.column,
+    _onClick = _ref.onClick,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('pointer-block-wrap', {
-      animate: !!animate
+      animate: !!_onClick
     }),
     style: _extends({
       background: "linear-gradient(180deg, " + ((color === null || color === void 0 ? void 0 : color.start) || '#eaf0ff') + " 0%, " + ((color === null || color === void 0 ? void 0 : color.end) || '#fafeff') + " 100%)"
-    }, rest.style || {})
+    }, rest.style || {}),
+    onClick: function onClick() {
+      _onClick === null || _onClick === void 0 ? void 0 : _onClick(rest.items);
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: "pointer-block-title"
   }, /*#__PURE__*/React.createElement("div", {
@@ -43,6 +46,7 @@ var ZAggBlock = function ZAggBlock(_ref) {
     }
   }, /*#__PURE__*/React.isValidElement(rest.items) ? rest.items : (_rest$items = rest.items) === null || _rest$items === void 0 ? void 0 : _rest$items.map(function (e, index) {
     if ( /*#__PURE__*/React.isValidElement(e)) {
+      // todo 统一处理点击事件
       return e;
     }
     return /*#__PURE__*/React.createElement(ZPointerBlock, _extends({

package/es/components/z-pointer-block/index.less

@@ -9,7 +9,7 @@
   min-width: 100px;
 
   .icon {
-    color: @primary-color;
-    // color: var(--ant-primary-color);
+    // color: @primary-color;
+    color: var(--ant-primary-color, @primary-color);
   }
 }

package/es/components/z-pointer-block/z-pointer-block.d.ts

@@ -9,6 +9,7 @@ export interface TypeZPointerBlockProps {
     icon?: React.ReactNode;
     align?: 'top' | 'middle' | 'bottom';
     style?: React.CSSProperties;
+    onClick?: (item?: any) => void;
 }
-declare const ZPointerBlock: ({ style, title, value, icon, align }: TypeZPointerBlockProps) => import("react").JSX.Element;
+declare const ZPointerBlock: (props: TypeZPointerBlockProps) => import("react").JSX.Element;
 export default ZPointerBlock;

package/es/components/z-pointer-block/z-pointer-block.js

@@ -3,15 +3,23 @@ import _Col from "antd/es/col";
 import _Statistic from "antd/es/statistic";
 import _extends from "@babel/runtime/helpers/extends";
 import "./index.less";
-var ZPointerBlock = function ZPointerBlock(_ref) {
-  var style = _ref.style,
-    title = _ref.title,
-    value = _ref.value,
-    icon = _ref.icon,
-    align = _ref.align;
+import classnames from 'classnames';
+var ZPointerBlock = function ZPointerBlock(props) {
+  var style = props.style,
+    title = props.title,
+    value = props.value,
+    icon = props.icon,
+    align = props.align,
+    _onClick = props.onClick;
   return /*#__PURE__*/React.createElement("div", {
-    className: "z-pointer-block",
-    style: _extends({}, style)
+    className: classnames('z-pointer-block', {
+      // 聚合指标里可点击时添加css动效
+      animate: !!_onClick
+    }),
+    style: _extends({}, style),
+    onClick: function onClick() {
+      _onClick === null || _onClick === void 0 ? void 0 : _onClick(props);
+    }
   }, /*#__PURE__*/React.createElement(_Row, {
     align: align,
     gutter: 8

package/es/components/z-ranking-list/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .ranking-list .ant-table .ant-table-thead > tr > th {
   border-bottom: none;
   font-size: 13px;
@@ -33,7 +36,8 @@
 
     &.highlight {
       color: #fff;
-      background: #1890ff;
+      // background: #1890ff;
+      background: var(--ant-primary-color, @primary-color);
     }
   }
 

package/es/style.js

@@ -4,6 +4,8 @@ import 'antd/lib/table/style';
 import 'antd/lib/typography/style';
 import 'antd/lib/config-provider/style';
 import 'antd/es/config-provider/style';
+import 'antd/lib/row/style';
+import 'antd/lib/col/style';
 import 'antd/es/statistic/style';
 import 'antd/es/progress/style';
 import 'antd/es/table/style';

package/lib/components/z-agg-block/index.less

@@ -7,7 +7,7 @@
   padding: 16px;
   overflow: hidden;
 
-  &.animate :hover {
+  &.animate:hover {
     transform: scale(1.05);
     transition: all 0.3s ease-in;
   }
@@ -16,7 +16,8 @@
 .pointer-block-title {
   display: flex;
   // color: #487ffb;
-  color: @primary-color;
+  // color: @primary-color;
+  color: var(--ant-primary-color, @primary-color);
 
   .ant-typography {
     color: inherit;
@@ -46,6 +47,12 @@
   grid-gap: 10px;
   grid-template-columns: repeat(1, 1fr);
 
+  .z-pointer-block.animate:hover {
+    box-shadow: 0 4px 16px 2px rgba(0, 0, 0, 0.1);
+    transform: scale(1.05);
+    transition: all 0.3s ease-in;
+  }
+
   // 流程指标块
   &.process .z-pointer-block,
   &.process > * {
@@ -75,8 +82,8 @@
       width: 10px;
       height: 10px;
       background: #fff;
-      border: 2px solid @primary-color;
-      // border: 2px solid var(--ant-primary-color);
+      // border: 2px solid @primary-color;
+      border: 2px solid var(--ant-primary-color, @primary-color);
       border-radius: 50%;
       content: '';
     }
@@ -110,8 +117,8 @@
       width: 10px;
       height: 10px;
       background: #fff;
-      border: 2px solid @primary-color;
-      // border: 2px solid var(--ant-primary-color);
+      // border: 2px solid @primary-color;
+      border: 2px solid var(--ant-primary-color, @primary-color);
       border-radius: 50%;
       content: '';
     }

package/lib/components/z-agg-block/z-agg-block.d.ts

@@ -7,8 +7,6 @@ export interface TypeAggBlockProps {
         start: string;
         end: string;
     };
-    /** 开启动画 */
-    animate?: boolean;
     /** 标题 */
     title?: React.ReactNode;
     /** 副标题 */
@@ -23,6 +21,7 @@ export interface TypeAggBlockProps {
     /** 一行几列 */
     column?: number;
     items?: TypeZPointerBlockProps[] | React.ReactNode;
+    onClick?: (item: any) => void;
 }
 declare const ZAggBlock: React.FC<TypeAggBlockProps>;
 export default ZAggBlock;

package/lib/components/z-agg-block/z-agg-block.js

@@ -9,25 +9,28 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.less");
 var _zPointerBlock = _interopRequireDefault(require("../z-pointer-block"));
-var _excluded = ["color", "animate", "title", "subTitle", "extra", "process", "direction", "column"];
+var _excluded = ["color", "title", "subTitle", "extra", "process", "direction", "column", "onClick"];
 var ZAggBlock = function ZAggBlock(_ref) {
   var _rest$items;
   var color = _ref.color,
-    animate = _ref.animate,
     title = _ref.title,
     subTitle = _ref.subTitle,
     extra = _ref.extra,
     process = _ref.process,
     direction = _ref.direction,
     column = _ref.column,
+    _onClick = _ref.onClick,
     rest = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('pointer-block-wrap', {
-      animate: !!animate
+      animate: !!_onClick
     }),
     style: (0, _extends2["default"])({
       background: "linear-gradient(180deg, " + ((color === null || color === void 0 ? void 0 : color.start) || '#eaf0ff') + " 0%, " + ((color === null || color === void 0 ? void 0 : color.end) || '#fafeff') + " 100%)"
-    }, rest.style || {})
+    }, rest.style || {}),
+    onClick: function onClick() {
+      _onClick === null || _onClick === void 0 ? void 0 : _onClick(rest.items);
+    }
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "pointer-block-title"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -48,6 +51,7 @@ var ZAggBlock = function ZAggBlock(_ref) {
     }
   }, /*#__PURE__*/_react["default"].isValidElement(rest.items) ? rest.items : (_rest$items = rest.items) === null || _rest$items === void 0 ? void 0 : _rest$items.map(function (e, index) {
     if ( /*#__PURE__*/_react["default"].isValidElement(e)) {
+      // todo 统一处理点击事件
       return e;
     }
     return /*#__PURE__*/_react["default"].createElement(_zPointerBlock["default"], (0, _extends2["default"])({

package/lib/components/z-pointer-block/index.less

@@ -9,7 +9,7 @@
   min-width: 100px;
 
   .icon {
-    color: @primary-color;
-    // color: var(--ant-primary-color);
+    // color: @primary-color;
+    color: var(--ant-primary-color, @primary-color);
   }
 }

package/lib/components/z-pointer-block/z-pointer-block.d.ts

@@ -9,6 +9,7 @@ export interface TypeZPointerBlockProps {
     icon?: React.ReactNode;
     align?: 'top' | 'middle' | 'bottom';
     style?: React.CSSProperties;
+    onClick?: (item?: any) => void;
 }
-declare const ZPointerBlock: ({ style, title, value, icon, align }: TypeZPointerBlockProps) => import("react").JSX.Element;
+declare const ZPointerBlock: (props: TypeZPointerBlockProps) => import("react").JSX.Element;
 export default ZPointerBlock;

package/lib/components/z-pointer-block/z-pointer-block.js

@@ -8,15 +8,23 @@ var _col = _interopRequireDefault(require("antd/lib/col"));
 var _statistic = _interopRequireDefault(require("antd/lib/statistic"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 require("./index.less");
-var ZPointerBlock = function ZPointerBlock(_ref) {
-  var style = _ref.style,
-    title = _ref.title,
-    value = _ref.value,
-    icon = _ref.icon,
-    align = _ref.align;
+var _classnames = _interopRequireDefault(require("classnames"));
+var ZPointerBlock = function ZPointerBlock(props) {
+  var style = props.style,
+    title = props.title,
+    value = props.value,
+    icon = props.icon,
+    align = props.align,
+    _onClick = props.onClick;
   return /*#__PURE__*/React.createElement("div", {
-    className: "z-pointer-block",
-    style: (0, _extends2["default"])({}, style)
+    className: (0, _classnames["default"])('z-pointer-block', {
+      // 聚合指标里可点击时添加css动效
+      animate: !!_onClick
+    }),
+    style: (0, _extends2["default"])({}, style),
+    onClick: function onClick() {
+      _onClick === null || _onClick === void 0 ? void 0 : _onClick(props);
+    }
   }, /*#__PURE__*/React.createElement(_row["default"], {
     align: align,
     gutter: 8

package/lib/components/z-ranking-list/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .ranking-list .ant-table .ant-table-thead > tr > th {
   border-bottom: none;
   font-size: 13px;
@@ -33,7 +36,8 @@
 
     &.highlight {
       color: #fff;
-      background: #1890ff;
+      // background: #1890ff;
+      background: var(--ant-primary-color, @primary-color);
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztocwst/rc-pro-materials",
-  "version": "0.1.24",
+  "version": "0.1.25",
   "description": "@ztocwst/rc-pro-materials",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -85,9 +85,9 @@
   },
   "componentConfig": {
     "isComponentLibrary": true,
-    "materialSchema": "https://unpkg.com/@ztocwst/rc-pro-materials@0.1.24/build/lowcode/assets-prod.json"
+    "materialSchema": "https://unpkg.com/@ztocwst/rc-pro-materials@0.1.25/build/lowcode/assets-prod.json"
   },
-  "homepage": "https://unpkg.com/@ztocwst/rc-pro-materials@0.1.24/build/index.html",
+  "homepage": "https://unpkg.com/@ztocwst/rc-pro-materials@0.1.25/build/index.html",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"