@ztocwst/rc-pro-materials 0.1.1 → 0.1.2

package/es/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/es/components/z-box/box.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/extends";
+import "./index.less";
+import classnames from '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: classnames('rc-z-box', (_classnames = {}, _classnames[className] = !!className, _classnames)),
+    style: _extends({}, styleProps, style)
+  }, children);
+};
+ZBox.displayName = 'ZBox';
+export default ZBox;

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

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

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

@@ -0,0 +1,2 @@
+import ZBox from "./box";
+export default ZBox;

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

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

package/es/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/es/components/z-config-provider/configProvider.js

@@ -0,0 +1,10 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children"];
+import * as React from 'react';
+import { RcConfigProvider } from '@ztocwst/rc-pro';
+var ZConfigProvider = function ZConfigProvider(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(RcConfigProvider, rest, children);
+};
+export default ZConfigProvider;

package/es/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/es/components/z-config-provider/index.js

@@ -0,0 +1,2 @@
+import ZConfigProvider from "./configProvider";
+export default ZConfigProvider;

package/es/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/es/components/z-div/div.js

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

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

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

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

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

package/es/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/es/components/z-simple-bar/index.js

@@ -0,0 +1,2 @@
+import ZSimpleBar from "./z-simple-bar";
+export default ZSimpleBar;

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

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

package/es/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/es/components/z-simple-bar/z-simple-bar.js

@@ -0,0 +1,94 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _Progress from "antd/es/progress";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["wrap", "titleField", "valueField"],
+  _excluded2 = ["data", "wrap", "titleField", "valueField", "percentField", "rowKey", "format"];
+import "./index.less";
+var Bar = function Bar(props) {
+  var wrap = props.wrap,
+    titleField = props.titleField,
+    valueField = props.valueField,
+    rest = _objectWithoutPropertiesLoose(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, 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, _extends({
+    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 = _objectWithoutPropertiesLoose(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, _extends({
+      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));
+  }));
+};
+export default ZSimpleBar;

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

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

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

@@ -0,0 +1,2 @@
+import ZStatistic from "./statistic";
+export default ZStatistic;

package/es/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/es/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;

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

@@ -0,0 +1,29 @@
+import _Statistic from "antd/es/statistic";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["title", "titleSuffix", "titleExtra", "valueExtra", "style"];
+import "./index.less";
+var ZStatistic = function ZStatistic(props) {
+  var title = props.title,
+    titleSuffix = props.titleSuffix,
+    titleExtra = props.titleExtra,
+    valueExtra = props.valueExtra,
+    style = props.style,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var _title = /*#__PURE__*/React.createElement("span", null, title, /*#__PURE__*/React.createElement("span", {
+    className: "statistic-title-suffix"
+  }, titleSuffix));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "statistic-wrap",
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "statistic-left"
+  }, /*#__PURE__*/React.createElement(_Statistic, _extends({}, rest, {
+    title: _title
+  }))), titleExtra || valueExtra ? /*#__PURE__*/React.createElement("div", {
+    className: "statistic-right"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "statistic-right-title-extra"
+  }, titleExtra), /*#__PURE__*/React.createElement("div", null, valueExtra)) : null);
+};
+export default ZStatistic;

package/es/index.d.ts

@@ -10,5 +10,15 @@ export type { ProPreviewProps } from '@ztocwst/rc-pro';
 export { default as ZPreview } from './components/z-preview';
 export type { RcListItem } from '@ztocwst/rc-pro';
 export { default as ZList } from './components/z-list';
+export type { RcConfigConsumerProps } from '@ztocwst/rc-pro';
+export { default as ZConfigProvider } from './components/z-config-provider';
+export type { TypeZBoxProps } from './components/z-box';
+export { default as ZBox } from './components/z-box';
+export { default as ZDiv } from './components/z-div';
+export type { TypeZStatisticProps } from './components/z-statistic';
+export { default as ZStatistic } from './components/z-statistic';
+export type { TypeZSimpleBarProps } from './components/z-simple-bar';
+export { default as ZSimpleBar } from './components/z-simple-bar';
+export { Statistic } from 'antd';
 declare const bizCssPrefix = "bizpack";
 export { bizCssPrefix };

package/es/index.js

@@ -4,5 +4,11 @@ export { default as ZEllipsis } from "./components/z-Ellipsis";
 export { default as ZTable } from "./components/z-table";
 export { default as ZPreview } from "./components/z-preview";
 export { default as ZList } from "./components/z-list";
+export { default as ZConfigProvider } from "./components/z-config-provider";
+export { default as ZBox } from "./components/z-box";
+export { default as ZDiv } from "./components/z-div";
+export { default as ZStatistic } from "./components/z-statistic";
+export { default as ZSimpleBar } from "./components/z-simple-bar";
+export { Statistic } from 'antd';
 var bizCssPrefix = 'bizpack';
 export { bizCssPrefix };

package/es/style.js

@@ -1 +1,3 @@
+import 'antd/es/statistic/style';
+import 'antd/es/progress/style';
 import './index.scss';

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-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-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;