@ztocwst/rc-pro-materials 0.1.0 → 0.1.2

package/es/utils/props/listTpl.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["form", "actions"];
+import { processButtonProps, processFormProps } from "../../../lib";
+export var processListTplProps = function processListTplProps(props) {
+  var form = props.form,
+    actions = props.actions,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  return _extends({
+    form: processFormProps(form),
+    actions: processButtonProps(actions)
+  }, rest);
+};

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

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

package/lib/components/z-Ellipsis/ellipsis.js

@@ -0,0 +1,13 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _rcPro = require("@ztocwst/rc-pro");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var ZEllipsis = function ZEllipsis(props) {
+  return /*#__PURE__*/React.createElement(_rcPro.ProEllipsis, props);
+};
+var _default = ZEllipsis;
+exports["default"] = _default;

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

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

package/lib/components/z-Ellipsis/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _ellipsis = _interopRequireDefault(require("./ellipsis"));
+var _default = _ellipsis["default"];
+exports["default"] = _default;

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

@@ -0,0 +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;

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

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("./index.less");
+var _classnames2 = _interopRequireDefault(require("classnames"));
+var ZBox = function ZBox(props) {
+  var _classnames;
+  var direction = props.direction,
+    justify = props.justify,
+    align = props.align,
+    width = props.width,
+    wrap = props.wrap,
+    spacing = props.spacing,
+    style = props.style,
+    className = props.className,
+    children = props.children;
+  var styleProps = {
+    flexFlow: direction,
+    justifyContent: justify,
+    alignItems: align,
+    width: width,
+    gap: spacing,
+    flexWrap: wrap
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _classnames2["default"])('rc-z-box', (_classnames = {}, _classnames[className] = !!className, _classnames)),
+    style: (0, _extends2["default"])({}, styleProps, style)
+  }, children);
+};
+ZBox.displayName = 'ZBox';
+var _default = ZBox;
+exports["default"] = _default;

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

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

package/lib/components/z-box/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _box = _interopRequireDefault(require("./box"));
+var _default = _box["default"];
+exports["default"] = _default;

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

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

package/lib/components/z-button/z-button.js

@@ -1,22 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _rcPro = require("@ztocwst/rc-pro");
+var _utils = require("../../utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // import { bizCssPrefix } from '../../variables';
 // import './index.scss';
 var ZButton = function ZButton(props) {
-  var _props$items;
-  return /*#__PURE__*/React.createElement(_rcPro.ProButton, (0, _extends2["default"])({}, props, {
-    items: props === null || props === void 0 ? void 0 : (_props$items = props.items) === null || _props$items === void 0 ? void 0 : _props$items.filter(function (e) {
-      return !!e;
-    })
-  }));
+  return /*#__PURE__*/React.createElement(_rcPro.ProButton, (0, _utils.processButtonProps)(props));
 };
 var _default = ZButton;
 exports["default"] = _default;

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

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

package/lib/components/z-config-provider/configProvider.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _rcPro = require("@ztocwst/rc-pro");
+var _excluded = ["children"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var ZConfigProvider = function ZConfigProvider(_ref) {
+  var children = _ref.children,
+    rest = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_rcPro.RcConfigProvider, rest, children);
+};
+var _default = ZConfigProvider;
+exports["default"] = _default;

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

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

package/lib/components/z-config-provider/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _configProvider = _interopRequireDefault(require("./configProvider"));
+var _default = _configProvider["default"];
+exports["default"] = _default;

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = require("react");
+var ZDiv = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: props.className,
+    style: props.style,
+    ref: ref
+  }, props.children);
+});
+ZDiv.displayName = 'ZDiv';
+var _default = ZDiv;
+exports["default"] = _default;

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

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

package/lib/components/z-div/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _div = _interopRequireDefault(require("./div"));
+var _default = _div["default"];
+exports["default"] = _default;

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

@@ -1,4 +1,10 @@
 import * as React from 'react';
 import type { ProFormRenderProps } from '@ztocwst/rc-pro';
-declare const ZForm: React.FC<ProFormRenderProps>;
-export default ZForm;
+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/lib/components/z-form/z-form.js

@@ -1,13 +1,45 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _rcPro = require("@ztocwst/rc-pro");
+var _utils = require("../../utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var ZForm = function ZForm(props) {
-  return /*#__PURE__*/React.createElement(_rcPro.ProFormRender, props);
+  var formProps = (0, _utils.processFormProps)(props);
+  return /*#__PURE__*/React.createElement(_rcPro.ProFormRender, formProps);
 };
-var _default = ZForm;
-exports["default"] = _default;
+
+// export default ZForm;
+var ZFormContainer = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2["default"])(ZFormContainer, _React$Component);
+  function ZFormContainer(props) {
+    var _this;
+    _this = _React$Component.call(this, props) || this;
+    _this.formRef = void 0;
+    _this.currentRef = void 0;
+    _this.getFormRef = function () {
+      return _this.formRef.current;
+    };
+    _this.getCurrentRef = function () {
+      return _this.currentRef.current;
+    };
+    _this.formRef = /*#__PURE__*/React.createRef();
+    _this.currentRef = /*#__PURE__*/React.createRef();
+    return _this;
+  }
+  var _proto = ZFormContainer.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(ZForm, (0, _extends2["default"])({}, this.props, {
+      formRef: this.formRef,
+      currentRef: this.currentRef
+    }));
+  };
+  return ZFormContainer;
+}(React.Component);
+exports["default"] = ZFormContainer;

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

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

package/lib/components/z-list/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _list = _interopRequireDefault(require("./list"));
+var _default = _list["default"];
+exports["default"] = _default;

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

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

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

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _rcPro = require("@ztocwst/rc-pro");
+var _utils = require("../../utils");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * 模板列表
+ */
+
+var ZList = function ZList(props) {
+  console.log((0, _utils.processListTplProps)(props), 'listTpl props');
+  return /*#__PURE__*/React.createElement(_rcPro.RcListTpl, (0, _utils.processListTplProps)(props));
+};
+var ZTplListContainer = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2["default"])(ZTplListContainer, _React$Component);
+  function ZTplListContainer(props) {
+    var _this;
+    _this = _React$Component.call(this, props) || this;
+    _this.listRef = void 0;
+    _this.getListRef = function () {
+      return _this.listRef.current;
+    };
+    _this.listRef = /*#__PURE__*/React.createRef();
+    return _this;
+  }
+  var _proto = ZTplListContainer.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(ZList, (0, _extends2["default"])({}, this.props, {
+      listRef: this.listRef
+    }));
+  };
+  return ZTplListContainer;
+}(React.Component);
+exports["default"] = ZTplListContainer;

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

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

package/lib/components/z-preview/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _preview = _interopRequireDefault(require("./preview"));
+var _default = _preview["default"];
+exports["default"] = _default;

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

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

package/lib/components/z-preview/preview.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _rcPro = require("@ztocwst/rc-pro");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var ZPreview = function ZPreview(props) {
+  console.log(props, 22);
+  return /*#__PURE__*/React.createElement(_rcPro.ProPreview, props);
+};
+var _default = ZPreview;
+exports["default"] = _default;

package/lib/components/z-simple-bar/index.d.ts

@@ -0,0 +1,3 @@
+import ZSimpleBar from './z-simple-bar';
+export type { TypeZSimpleBarProps } from './z-simple-bar';
+export default ZSimpleBar;

package/lib/components/z-simple-bar/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _zSimpleBar = _interopRequireDefault(require("./z-simple-bar"));
+var _default = _zSimpleBar["default"];
+exports["default"] = _default;

package/lib/components/z-simple-bar/index.less

@@ -0,0 +1,9 @@
+.z-simple-bar {
+  .bar-item {
+    margin-bottom: 20px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}

package/lib/components/z-simple-bar/z-simple-bar.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { ProgressProps } from 'antd';
+import './index.less';
+export interface TypeZSimpleBarProps extends Omit<ProgressProps, 'format'> {
+    /** 数据源 */
+    data: any[];
+    /** 行key */
+    rowKey?: string;
+    /**
+     * 双行显示
+     * @type boolean
+     * @default false
+     */
+    wrap?: boolean;
+    /** 标题字段 */
+    titleField?: string | ((v: any, index: number) => React.ReactNode);
+    /** 值字段 */
+    valueField?: string | ((v: any, index: number) => React.ReactNode);
+    /** 百分比字段 */
+    percentField?: string | ((v: any, index: number) => React.ReactNode);
+    /** 百分比内容格式化，中转其本身的format */
+    format?: (percent: number, successPercent: number, item: any, index: number) => string;
+}
+declare const ZSimpleBar: (props: TypeZSimpleBarProps) => import("react").JSX.Element;
+export default ZSimpleBar;

package/lib/components/z-simple-bar/z-simple-bar.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _progress = _interopRequireDefault(require("antd/lib/progress"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+require("./index.less");
+var _excluded = ["wrap", "titleField", "valueField"],
+  _excluded2 = ["data", "wrap", "titleField", "valueField", "percentField", "rowKey", "format"];
+var Bar = function Bar(props) {
+  var wrap = props.wrap,
+    titleField = props.titleField,
+    valueField = props.valueField,
+    rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  if (wrap) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "bar-item"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        // gap: 10,
+        justifyContent: 'space-between'
+      }
+    }, /*#__PURE__*/React.createElement("span", null, titleField), valueField && /*#__PURE__*/React.createElement("span", null, valueField)), /*#__PURE__*/React.createElement(_progress["default"], rest));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bar-item",
+    style: {
+      display: 'flex',
+      // todo 配置
+      gap: 6
+    }
+  }, /*#__PURE__*/React.createElement("span", null, titleField), /*#__PURE__*/React.createElement(_progress["default"], (0, _extends2["default"])({
+    style: {
+      flex: 1
+    }
+  }, rest)), valueField && /*#__PURE__*/React.createElement("span", null, valueField));
+};
+var ZSimpleBar = function ZSimpleBar(props) {
+  var data = props.data,
+    wrap = props.wrap,
+    titleField = props.titleField,
+    valueField = props.valueField,
+    percentField = props.percentField,
+    _props$rowKey = props.rowKey,
+    rowKey = _props$rowKey === void 0 ? 'id' : _props$rowKey,
+    _format = props.format,
+    rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded2);
+  var getTitle = function getTitle(item, index) {
+    if (typeof titleField === 'function') {
+      return titleField(item, index);
+    }
+    if (typeof titleField === 'string') {
+      return item[titleField];
+    }
+    return titleField;
+  };
+  var getValue = function getValue(item, index) {
+    if (typeof valueField === 'function') {
+      return valueField(item, index);
+    }
+    if (typeof valueField === 'string') {
+      return item[valueField];
+    }
+    return valueField;
+  };
+  var getPercent = function getPercent(item, index) {
+    if (typeof percentField === 'function') {
+      return percentField(item, index);
+    }
+    if (typeof percentField === 'string') {
+      return item[percentField];
+    }
+    return percentField;
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "z-simple-bar"
+  }, data === null || data === void 0 ? void 0 : data.map(function (record, index) {
+    var _titleField = getTitle(record, index);
+    var _valueField = getValue(record, index);
+    var _percent = getPercent(record, index);
+    return /*#__PURE__*/React.createElement(Bar, (0, _extends2["default"])({
+      key: record[rowKey] || index,
+      wrap: wrap,
+      titleField: _titleField,
+      valueField: _valueField
+      // 百分比内容格式处理
+    }, _format ? {
+      format: function format(percent, successPercent) {
+        return _format(percent, successPercent, record, index);
+      }
+    } : {}, _percent ? {
+      percent: _percent
+    } : {}, rest));
+  }));
+};
+var _default = ZSimpleBar;
+exports["default"] = _default;

package/lib/components/z-statistic/index.d.ts

@@ -0,0 +1,3 @@
+import ZStatistic from './statistic';
+export type { TypeZStatisticProps } from './statistic';
+export default ZStatistic;

package/lib/components/z-statistic/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _statistic = _interopRequireDefault(require("./statistic"));
+var _default = _statistic["default"];
+exports["default"] = _default;

package/lib/components/z-statistic/index.less

@@ -0,0 +1,22 @@
+.statistic-wrap {
+  display: flex;
+  flex-direction: row;
+
+  .statistic-title-suffix {
+    margin-left: 4px;
+  }
+
+  .statistic-left {
+    flex: 1;
+  }
+
+  .statistic-right {
+    text-align: right;
+  }
+
+  .statistic-right-title-extra {
+    margin-bottom: 4px;
+    font-size: 14px;
+    min-height: 22px;
+  }
+}

package/lib/components/z-statistic/statistic.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { StatisticProps } from 'antd';
+import './index.less';
+export interface TypeZStatisticProps extends StatisticProps {
+    /** 标题后缀 */
+    titleSuffix?: string | React.ReactNode;
+    /** 标题附加内容 */
+    titleExtra?: string | React.ReactNode;
+    /** 值附加内容 */
+    valueExtra?: string | React.ReactNode;
+}
+declare const ZStatistic: (props: TypeZStatisticProps) => import("react").JSX.Element;
+export default ZStatistic;