@ztocwst/rc-pro-materials 0.1.22 → 0.1.24

package/es/components/z-Ellipsis/ellipsis.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import type { ProEllipsisProps } from '@ztocwst/rc-pro';
-declare const ZEllipsis: React.FC<ProEllipsisProps>;
-export default ZEllipsis;
+import * as React from 'react';
+import type { ProEllipsisProps } from '@ztocwst/rc-pro';
+declare const ZEllipsis: React.FC<ProEllipsisProps>;
+export default ZEllipsis;

package/es/components/z-Ellipsis/index.d.ts

@@ -1,3 +1,3 @@
-import ZEllipsis from './ellipsis';
-export type { ProEllipsisProps } from '@ztocwst/rc-pro';
-export default ZEllipsis;
+import ZEllipsis from './ellipsis';
+export type { ProEllipsisProps } from '@ztocwst/rc-pro';
+export default ZEllipsis;

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

@@ -0,0 +1,3 @@
+import ZAggBlock from './z-agg-block';
+export type { TypeAggBlockProps } from './z-agg-block';
+export default ZAggBlock;

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

@@ -0,0 +1,2 @@
+import ZAggBlock from "./z-agg-block";
+export default ZAggBlock;

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

@@ -0,0 +1,119 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
+.pointer-block-wrap {
+  box-shadow: 0px 4px 16px 2px rgba(0, 0, 0, 0.1);
+  border-radius: 8px;
+  padding: 16px;
+  overflow: hidden;
+
+  &.animate :hover {
+    transform: scale(1.05);
+    transition: all 0.3s ease-in;
+  }
+}
+
+.pointer-block-title {
+  display: flex;
+  // color: #487ffb;
+  color: @primary-color;
+
+  .ant-typography {
+    color: inherit;
+  }
+}
+
+.pointer-block-title-l {
+  flex: 1;
+
+  .title {
+    font-size: 16px;
+  }
+
+  .sub-title {
+    font-size: 24px;
+  }
+
+  img {
+    width: 80px;
+    height: 80px;
+  }
+}
+
+.pointer-block-content {
+  margin-top: 10px;
+  display: grid;
+  grid-gap: 10px;
+  grid-template-columns: repeat(1, 1fr);
+
+  // 流程指标块
+  &.process .z-pointer-block,
+  &.process > * {
+    position: relative;
+
+    &::before {
+      position: absolute;
+      top: -6px;
+      // left: -20px;
+      left: 0;
+      display: inline-block;
+      width: 104%;
+      height: 1px;
+      background: #e5e5e5;
+      content: '';
+    }
+
+    &:first-child::before {
+      left: 0;
+    }
+
+    &::after {
+      position: absolute;
+      top: -10px;
+      left: -10px;
+      display: inline-block;
+      width: 10px;
+      height: 10px;
+      background: #fff;
+      border: 2px solid @primary-color;
+      // border: 2px solid var(--ant-primary-color);
+      border-radius: 50%;
+      content: '';
+    }
+  }
+
+  // 纵向
+  &.vertical .z-pointer-block,
+  &.vertical > * {
+    &::before {
+      position: absolute;
+      // top: -20px;
+      top: 0;
+      left: -6px;
+      display: inline-block;
+      width: 1px;
+      height: 110%;
+      background: #e5e5e5;
+      content: '';
+    }
+
+    &:first-child::before {
+      top: 0;
+      left: -6px;
+    }
+
+    &::after {
+      position: absolute;
+      top: -10px;
+      left: -10px;
+      display: inline-block;
+      width: 10px;
+      height: 10px;
+      background: #fff;
+      border: 2px solid @primary-color;
+      // border: 2px solid var(--ant-primary-color);
+      border-radius: 50%;
+      content: '';
+    }
+  }
+}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import './index.less';
+import { TypeZPointerBlockProps } from '../z-pointer-block';
+export interface TypeAggBlockProps {
+    /** 背景色 */
+    color?: {
+        start: string;
+        end: string;
+    };
+    /** 开启动画 */
+    animate?: boolean;
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 副标题 */
+    subTitle?: React.ReactNode;
+    /** 额外附属配置 */
+    extra?: React.ReactNode;
+    style?: React.CSSProperties;
+    /** 流程指标 */
+    process?: boolean;
+    /** 方向:横向 | 纵向 */
+    direction?: 'horizontal' | 'vertical';
+    /** 一行几列 */
+    column?: number;
+    items?: TypeZPointerBlockProps[] | React.ReactNode;
+}
+declare const ZAggBlock: React.FC<TypeAggBlockProps>;
+export default ZAggBlock;

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

@@ -0,0 +1,53 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["color", "animate", "title", "subTitle", "extra", "process", "direction", "column"];
+import React from 'react';
+import classnames from 'classnames';
+import "./index.less";
+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,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames('pointer-block-wrap', {
+      animate: !!animate
+    }),
+    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 || {})
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pointer-block-title"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pointer-block-title-l"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "title"
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: "sub-title"
+  }, subTitle)), /*#__PURE__*/React.createElement("div", {
+    className: "pointer-block-title-r"
+  }, extra)), /*#__PURE__*/React.createElement("div", {
+    className: classnames('pointer-block-content', {
+      process: !!process,
+      vertical: direction === 'vertical'
+    }),
+    style: {
+      gridTemplateColumns: "repeat(" + (column || 1) + ", 1fr)"
+    }
+  }, /*#__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)) {
+      return e;
+    }
+    return /*#__PURE__*/React.createElement(ZPointerBlock, _extends({
+      key: index
+    }, e));
+  })));
+};
+export default ZAggBlock;

package/es/components/z-auth/auth.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-export interface TypeAuthProps {
-    /** 权限编码集合 */
-    authCodes?: string[];
-    /** 编码 */
-    code: string;
-}
-declare const Auth: React.FC<TypeAuthProps>;
-export default Auth;
+import React from 'react';
+export interface TypeAuthProps {
+    /** 权限编码集合 */
+    authCodes?: string[];
+    /** 编码 */
+    code: string;
+}
+declare const Auth: React.FC<TypeAuthProps>;
+export default Auth;

package/es/components/z-auth/index.d.ts

@@ -1,3 +1,3 @@
-import ZAuth from './auth';
-export type { TypeAuthProps } from './auth';
-export default ZAuth;
+import ZAuth from './auth';
+export type { TypeAuthProps } from './auth';
+export default ZAuth;

package/es/components/z-box/box.d.ts

@@ -1,20 +1,20 @@
-import { CSSProperties } from 'react';
-import './index.less';
-export interface TypeZBoxProps {
-    /** 对齐方向 */
-    direction: 'column' | 'row';
-    /** 主轴对齐 */
-    justify: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
-    /** 交叉轴对齐 */
-    align: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
-    /** 宽度 */
-    width: '' | '100%';
-    /** 间距 */
-    spacing: number;
-    style?: CSSProperties;
-    className?: string;
-    /** 是否换行 */
-    wrap: 'wrap' | 'nowrap';
-}
-declare const ZBox: React.FC<TypeZBoxProps>;
-export default ZBox;
+import { CSSProperties } from 'react';
+import './index.less';
+export interface TypeZBoxProps {
+    /** 对齐方向 */
+    direction: 'column' | 'row';
+    /** 主轴对齐 */
+    justify: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
+    /** 交叉轴对齐 */
+    align: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+    /** 宽度 */
+    width: '' | '100%';
+    /** 间距 */
+    spacing: number;
+    style?: CSSProperties;
+    className?: string;
+    /** 是否换行 */
+    wrap: 'wrap' | 'nowrap';
+}
+declare const ZBox: React.FC<TypeZBoxProps>;
+export default ZBox;

package/es/components/z-box/box.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["direction", "justify", "align", "width", "wrap", "spacing", "style", "className", "children"];
 import "./index.less";
 import classnames from 'classnames';
 var ZBox = function ZBox(props) {
@@ -11,7 +13,8 @@ var ZBox = function ZBox(props) {
     spacing = props.spacing,
     style = props.style,
     className = props.className,
-    children = props.children;
+    children = props.children,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var styleProps = {
     flexFlow: direction,
     justifyContent: justify,
@@ -20,10 +23,10 @@ var ZBox = function ZBox(props) {
     gap: spacing,
     flexWrap: wrap
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: classnames('rc-z-box', (_classnames = {}, _classnames[className] = !!className, _classnames)),
     style: _extends({}, styleProps, style)
-  }, children);
+  }), children);
 };
 ZBox.displayName = 'ZBox';
 export default ZBox;

package/es/components/z-box/index.d.ts

@@ -1,3 +1,3 @@
-import ZBox from './box';
-export type { TypeZBoxProps } from './box';
-export default ZBox;
+import ZBox from './box';
+export type { TypeZBoxProps } from './box';
+export default ZBox;

package/es/components/z-box/index.less

@@ -1,4 +1,4 @@
-.rc-z-box {
-  box-sizing: border-box;
-  display: flex;
-}
+.rc-z-box {
+  box-sizing: border-box;
+  display: flex;
+}

package/es/components/z-button/index.d.ts

@@ -1,3 +1,3 @@
-import ZButton from './z-button';
-export type { ProButtonProps } from '@ztocwst/rc-pro/es/components/ProButton';
-export default ZButton;
+import ZButton from './z-button';
+export type { ProButtonProps } from '@ztocwst/rc-pro/es/components/ProButton';
+export default ZButton;

package/es/components/z-button/z-button.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import type { ProButtonProps } from '@ztocwst/rc-pro/es/components/ProButton';
-declare const ZButton: React.FC<ProButtonProps>;
-export default ZButton;
+import * as React from 'react';
+import type { ProButtonProps } from '@ztocwst/rc-pro/es/components/ProButton';
+declare const ZButton: React.FC<ProButtonProps>;
+export default ZButton;

package/es/components/z-config-provider/configProvider.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import type { RcConfigConsumerProps } from '@ztocwst/rc-pro';
-declare const ZConfigProvider: React.FC<RcConfigConsumerProps>;
-export default ZConfigProvider;
+import * as React from 'react';
+import type { RcConfigConsumerProps } from '@ztocwst/rc-pro';
+declare const ZConfigProvider: React.FC<RcConfigConsumerProps>;
+export default ZConfigProvider;

package/es/components/z-config-provider/index.d.ts

@@ -1,3 +1,3 @@
-import ZConfigProvider from './configProvider';
-export type { RcConfigConsumerProps } from '@ztocwst/rc-pro';
-export default ZConfigProvider;
+import ZConfigProvider from './configProvider';
+export type { RcConfigConsumerProps } from '@ztocwst/rc-pro';
+export default ZConfigProvider;

package/es/components/z-div/div.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties } from 'react';
-declare const ZDiv: import("react").ForwardRefExoticComponent<{
-    className?: string;
-    style: CSSProperties;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export default ZDiv;
+import { CSSProperties } from 'react';
+declare const ZDiv: import("react").ForwardRefExoticComponent<{
+    className?: string;
+    style: CSSProperties;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default ZDiv;

package/es/components/z-div/div.js

@@ -1,10 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
 import { forwardRef } from 'react';
 var ZDiv = /*#__PURE__*/forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
     className: props.className,
     style: props.style,
     ref: ref
-  }, props.children);
+  }), props.children);
 });
 ZDiv.displayName = 'ZDiv';
 export default ZDiv;

package/es/components/z-div/index.d.ts

@@ -1,2 +1,2 @@
-import ZDiv from './div';
-export default ZDiv;
+import ZDiv from './div';
+export default ZDiv;

package/es/components/z-editTable/editTable.d.ts

@@ -1,11 +1,11 @@
-/**
- * rcEditTable
- */
-import * as React from 'react';
-export default class ZRcEditTable extends React.Component {
-    proEditableFormRef: any;
-    editableFormRef: any;
-    constructor(props: any);
-    getProEditableFormRefRef: () => any;
-    render(): React.JSX.Element;
-}
+/**
+ * rcEditTable
+ */
+import * as React from 'react';
+export default class ZRcEditTable extends React.Component {
+    proEditableFormRef: any;
+    editableFormRef: any;
+    constructor(props: any);
+    getProEditableFormRefRef: () => any;
+    render(): React.JSX.Element;
+}

package/es/components/z-editTable/editTable.js

@@ -1,6 +1,6 @@
 import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
-/**
- * rcEditTable
+/**
+ * rcEditTable
  */
 import * as React from 'react';
 import { RcEditProTable } from '@ztocwst/rc-pro';

package/es/components/z-editTable/index.d.ts

@@ -1,2 +1,2 @@
-import ZRcEditTable from './editTable';
-export default ZRcEditTable;
+import ZRcEditTable from './editTable';
+export default ZRcEditTable;

package/es/components/z-form/index.d.ts

@@ -1,3 +1,3 @@
-import ZForm from './z-form';
-export type { ProFormRenderProps } from '@ztocwst/rc-pro';
-export default ZForm;
+import ZForm from './z-form';
+export type { ProFormRenderProps } from '@ztocwst/rc-pro';
+export default ZForm;

package/es/components/z-form/z-form.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import type { ProFormRenderProps } from '@ztocwst/rc-pro';
-export default class ZFormContainer extends React.Component<ProFormRenderProps, any> {
-    formRef: any;
-    currentRef: any;
-    constructor(props: any);
-    getFormRef: () => any;
-    getCurrentRef: () => any;
-    render(): React.JSX.Element;
-}
+import * as React from 'react';
+import type { ProFormRenderProps } from '@ztocwst/rc-pro';
+export default class ZFormContainer extends React.Component<ProFormRenderProps, any> {
+    formRef: any;
+    currentRef: any;
+    constructor(props: any);
+    getFormRef: () => any;
+    getCurrentRef: () => any;
+    render(): React.JSX.Element;
+}

package/es/components/z-list/index.d.ts

@@ -1,3 +1,3 @@
-import ZList from './list';
-export type { RcListItem } from '@ztocwst/rc-pro';
-export default ZList;
+import ZList from './list';
+export type { RcListItem } from '@ztocwst/rc-pro';
+export default ZList;

package/es/components/z-list/list.d.ts

@@ -1,17 +1,17 @@
-/**
- * 模板列表
- */
-import * as React from 'react';
-import type { RcListItem } from '@ztocwst/rc-pro';
-export default class ZTplListContainer extends React.Component<RcListItem, any> {
-    listRef: any;
-    tableRef: any;
-    listFormRef: any;
-    listFormCurrentRef: any;
-    constructor(props: any);
-    getListRef: () => any;
-    getTableRef: () => any;
-    getListFormRef: () => any;
-    getListFormCurrentRef: () => any;
-    render(): React.JSX.Element;
-}
+/**
+ * 模板列表
+ */
+import * as React from 'react';
+import type { RcListItem } from '@ztocwst/rc-pro';
+export default class ZTplListContainer extends React.Component<RcListItem, any> {
+    listRef: any;
+    tableRef: any;
+    listFormRef: any;
+    listFormCurrentRef: any;
+    constructor(props: any);
+    getListRef: () => any;
+    getTableRef: () => any;
+    getListFormRef: () => any;
+    getListFormCurrentRef: () => any;
+    render(): React.JSX.Element;
+}

package/es/components/z-list/list.js

@@ -1,6 +1,6 @@
 import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
-/**
- * 模板列表
+/**
+ * 模板列表
  */
 import * as React from 'react';
 import { RcListTpl } from '@ztocwst/rc-pro';

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

@@ -0,0 +1,3 @@
+import ZPointerBlock from './z-pointer-block';
+export type { TypeZPointerBlockProps } from './z-pointer-block';
+export default ZPointerBlock;

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

@@ -0,0 +1,2 @@
+import ZPointerBlock from "./z-pointer-block";
+export default ZPointerBlock;

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

@@ -0,0 +1,15 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
+.z-pointer-block {
+  padding: 16px;
+  background: #fff;
+  border-radius: 8px;
+  border: 1px solid #d9d9d9;
+  min-width: 100px;
+
+  .icon {
+    color: @primary-color;
+    // color: var(--ant-primary-color);
+  }
+}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import './index.less';
+export interface TypeZPointerBlockProps {
+    /** 标题 */
+    title: string | React.ReactNode;
+    /** 值 */
+    value: string;
+    /** 图标 */
+    icon?: React.ReactNode;
+    align?: 'top' | 'middle' | 'bottom';
+    style?: React.CSSProperties;
+}
+declare const ZPointerBlock: ({ style, title, value, icon, align }: TypeZPointerBlockProps) => import("react").JSX.Element;
+export default ZPointerBlock;

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

@@ -0,0 +1,28 @@
+import _Row from "antd/es/row";
+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;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "z-pointer-block",
+    style: _extends({}, style)
+  }, /*#__PURE__*/React.createElement(_Row, {
+    align: align,
+    gutter: 8
+  }, /*#__PURE__*/React.createElement(_Col, {
+    flex: 1
+  }, /*#__PURE__*/React.createElement(_Statistic, {
+    title: title,
+    value: value,
+    groupSeparator: ""
+  })), icon ? /*#__PURE__*/React.createElement(_Col, {
+    className: "icon"
+  }, icon) : null));
+};
+export default ZPointerBlock;

package/es/components/z-preview/index.d.ts

@@ -1,3 +1,3 @@
-import ZPreview from './preview';
-export type { ProPreviewProps } from '@ztocwst/rc-pro';
-export default ZPreview;
+import ZPreview from './preview';
+export type { ProPreviewProps } from '@ztocwst/rc-pro';
+export default ZPreview;

package/es/components/z-preview/preview.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import type { ProPreviewProps } from '@ztocwst/rc-pro';
-declare const ZPreview: React.FC<ProPreviewProps>;
-export default ZPreview;
+import * as React from 'react';
+import type { ProPreviewProps } from '@ztocwst/rc-pro';
+declare const ZPreview: React.FC<ProPreviewProps>;
+export default ZPreview;

package/es/components/z-pro-provider/index.d.ts

@@ -1,3 +1,3 @@
-import ZProProvider from './z-pro-provider';
-export type { TypeZProProviderProps } from './z-pro-provider';
-export default ZProProvider;
+import ZProProvider from './z-pro-provider';
+export type { TypeZProProviderProps } from './z-pro-provider';
+export default ZProProvider;

package/es/components/z-pro-provider/z-pro-provider.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-export interface TypeZProProviderProps {
-    locale?: 'zh-CN' | 'en-US';
-}
-declare const ZProProvider: React.FC<TypeZProProviderProps>;
-export default ZProProvider;
+/// <reference types="react" />
+export interface TypeZProProviderProps {
+    locale?: 'zh-CN' | 'en-US';
+}
+declare const ZProProvider: React.FC<TypeZProProviderProps>;
+export default ZProProvider;