@trionesdev/antd-taro-react 0.0.1-beta.3

package/dist/Divider/style.scss

@@ -0,0 +1,62 @@
+@import "../style/variable";
+
+$dividerCls: 'triones-antm-divider';
+/* prettier-ignore */
+.#{$dividerCls} {
+  display: flex;
+  align-items: center;
+  font-size: 14PX;
+  color: $trionesBorderColor;
+  border: 0 solid $trionesBorderColor ;
+  width: 100%;
+
+  &::before,
+  &::after {
+    content: '';
+    border-style: inherit;
+    border-color: inherit;
+    border-width: 2PX 0 0;
+    height: 2PX;
+    flex: 1;
+  }
+
+  &-center,
+  &-left,
+  &-right {
+    &::before {
+      margin-right: 8PX;
+    }
+
+    &::after {
+      margin-left: 8PX;
+    }
+  }
+
+  &-left {
+    &::before {
+      max-width: 10%;
+    }
+  }
+
+  &-right {
+    &::after {
+      max-width: 10%;
+    }
+  }
+
+  &-hairline {
+    &::before,
+    &::after {
+      transform: scaleY(0.5);
+    }
+  }
+
+  &-vertical {
+    display: inline-block;
+    width: auto;
+    height: 12PX;
+    border-left: 1PX solid #eeeeee;
+    margin: 0 8PX;
+    vertical-align: middle;
+  }
+}

package/dist/Ellipsis/demo/base.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/Ellipsis/demo/base.js

@@ -0,0 +1,81 @@
+/**
+ * compact: true
+ */
+import { DemoBlock } from "../../DemoBlock";
+import React from 'react';
+import Ellipsis from "../index";
+var content = '蚂蚁的企业级产品是一个庞大且复杂的体系。这类产品不仅量级巨大且功能复杂，而且变动和并发频繁，常常需要设计与开发能够快速的做出响应。同时这类产品中有存在很多类似的页面以及组件，可以通过抽象得到一些稳定且高复用性的内容。';
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5C3E\u90E8\u7701\u7565"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "end",
+    content: content
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5934\u90E8\u7701\u7565"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "start",
+    content: content
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u4E2D\u95F4\u7701\u7565"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "middle",
+    content: content
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u591A\u884C\u7701\u7565"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "end",
+    rows: 3,
+    content: content
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5C55\u5F00\u6536\u8D77"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "end",
+    content: content,
+    expandText: "\u5C55\u5F00",
+    collapseText: "\u6536\u8D77"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u4EC5\u5C55\u5F00"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: 10
+    }
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "end",
+    content: content,
+    expandText: "\u5C55\u5F00"
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: 10
+    }
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "start",
+    content: content,
+    expandText: "\u5C55\u5F00"
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "middle",
+    content: content,
+    expandText: "\u5C55\u5F00"
+  }))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u9ED8\u8BA4\u5C55\u5F00"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    content: content,
+    defaultExpanded: true,
+    expandText: "\u5C55\u5F00",
+    collapseText: "\u6536\u8D77"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "emoji"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "end",
+    content: '🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉',
+    expandText: "\u5C55\u5F00",
+    collapseText: "\u6536\u8D77"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u8FD9\u662F\u4E00\u4E2A\u4F7F\u7528icon\u7684\u4F8B\u5B50"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "end",
+    content: content,
+    expandText: /*#__PURE__*/React.createElement(React.Fragment, null, "\u5C55\u5F00"),
+    collapseText: /*#__PURE__*/React.createElement(React.Fragment, null, "\u6536\u8D77")
+  })));
+});

package/dist/Ellipsis/ellipsis.d.ts

@@ -0,0 +1,16 @@
+import type { FC, ReactNode } from 'react';
+import React from 'react';
+import { NativeProps } from '../utils/native-props';
+import { PropagationEvent } from '../utils/with-stop-propagation';
+import './style.scss';
+export type EllipsisProps = {
+    content: string;
+    direction?: 'start' | 'end' | 'middle';
+    rows?: number;
+    expandText?: ReactNode;
+    collapseText?: ReactNode;
+    stopPropagationForActionButtons?: PropagationEvent[];
+    onContentClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    defaultExpanded?: boolean;
+} & NativeProps;
+export declare const Ellipsis: FC<EllipsisProps>;

package/dist/Ellipsis/ellipsis.js

@@ -0,0 +1,79 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React from 'react';
+import useMeasure from "./useMeasure";
+import { withNativeProps } from "../utils/native-props";
+import { useResizeEffect } from "../utils/use-resize-effect";
+import { withStopPropagation } from "../utils/with-stop-propagation";
+import "./style.scss";
+import { mergeProps } from "../utils/with-default-props";
+var classPrefix = "triones-antm-ellipsis";
+var defaultProps = {
+  direction: 'end',
+  rows: 1,
+  expandText: '',
+  content: '',
+  collapseText: '',
+  stopPropagationForActionButtons: [],
+  onContentClick: function onContentClick() {},
+  defaultExpanded: false
+};
+export var Ellipsis = function Ellipsis(p) {
+  var props = mergeProps(defaultProps, p);
+  var content = props.content,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'end' : _props$direction,
+    _props$rows = props.rows,
+    rows = _props$rows === void 0 ? 1 : _props$rows,
+    expandText = props.expandText,
+    collapseText = props.collapseText,
+    _props$stopPropagatio = props.stopPropagationForActionButtons,
+    stopPropagationForActionButtons = _props$stopPropagatio === void 0 ? [] : _props$stopPropagatio,
+    _props$onContentClick = props.onContentClick,
+    onContentClick = _props$onContentClick === void 0 ? function () {} : _props$onContentClick,
+    _props$defaultExpande = props.defaultExpanded,
+    defaultExpanded = _props$defaultExpande === void 0 ? false : _props$defaultExpande;
+
+  // ============================ Refs ============================
+  var rootRef = React.useRef(null);
+
+  // ========================== Expanded ==========================
+  var _React$useState = React.useState(defaultExpanded),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    expanded = _React$useState2[0],
+    setExpanded = _React$useState2[1];
+  var expandNode = expandText ? withStopPropagation(stopPropagationForActionButtons, /*#__PURE__*/React.createElement("div", {
+    className: "triones-antm-ellipsis-icon",
+    onClick: function onClick() {
+      setExpanded(true);
+    }
+  }, expandText)) : null;
+  var collapseNode = collapseText ? withStopPropagation(stopPropagationForActionButtons, /*#__PURE__*/React.createElement("div", {
+    className: "triones-antm-ellipsis-icon",
+    onClick: function onClick() {
+      setExpanded(false);
+    }
+  }, collapseText)) : null;
+
+  // ========================== Ellipsis ==========================
+  var _useMeasure = useMeasure(rootRef, content, rows, direction, expanded, expandNode, collapseNode),
+    _useMeasure2 = _slicedToArray(_useMeasure, 2),
+    measureNodes = _useMeasure2[0],
+    forceResize = _useMeasure2[1];
+  useResizeEffect(forceResize, rootRef);
+
+  // =========================== Render ===========================
+  return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
+    ref: rootRef,
+    className: classPrefix,
+    onClick: function onClick(e) {
+      if (e.target === e.currentTarget) {
+        onContentClick(e);
+      }
+    }
+  }, measureNodes));
+};

package/dist/Ellipsis/index.d.ts

@@ -0,0 +1,3 @@
+import { Ellipsis } from './ellipsis';
+export type { EllipsisProps } from './ellipsis';
+export default Ellipsis;

package/dist/Ellipsis/index.js

@@ -0,0 +1,2 @@
+import { Ellipsis } from "./ellipsis";
+export default Ellipsis;

package/dist/Ellipsis/style.scss

@@ -0,0 +1,13 @@
+$class-prefix-ellipsis: 'triones-antm-ellipsis';
+/* prettier-ignore */
+.#{$class-prefix-ellipsis} {
+  overflow: hidden;
+  line-height: 1.5;
+  word-break: break-word;
+
+  &-icon {
+    display: inline-block;
+    color: #1677ff;
+    cursor: pointer;
+  }
+}

package/dist/Ellipsis/useMeasure.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function useMeasure(containerRef: React.RefObject<HTMLDivElement>, content: string, rows: number, direction: 'start' | 'end' | 'middle', expanded: boolean, expandNode: React.ReactElement | null, collapseNode: React.ReactElement | null): readonly [React.JSX.Element, () => void];

package/dist/Ellipsis/useMeasure.js

@@ -0,0 +1,123 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useEvent } from 'rc-util';
+import React from 'react';
+import runes from 'runes2';
+var ELLIPSIS_TEXT = '...';
+var measureStyle = {
+  visibility: 'hidden',
+  whiteSpace: 'inherit',
+  lineHeight: 'inherit',
+  fontSize: 'inherit'
+};
+export default function useMeasure(containerRef, content, rows, direction, expanded, expandNode, collapseNode) {
+  var contentChars = React.useMemo(function () {
+    return runes(content);
+  }, [content]);
+  var _React$useState = React.useState(0),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    maxHeight = _React$useState2[0],
+    setMaxHeight = _React$useState2[1];
+  var _React$useState3 = React.useState([0, 0]),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    walkingIndexes = _React$useState4[0],
+    setWalkingIndexes = _React$useState4[1];
+  var midIndex = Math.ceil((walkingIndexes[0] + walkingIndexes[1]) / 2);
+  var _React$useState5 = React.useState(100),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    status = _React$useState6[0],
+    setStatus = _React$useState6[1];
+
+  // ============================ Refs ============================
+  var singleRowMeasureRef = React.useRef(null);
+  var fullMeasureRef = React.useRef(null);
+  var midMeasureRef = React.useRef(null);
+  var startMeasure = useEvent(function () {
+    setStatus(1);
+    setWalkingIndexes([0, direction === 'middle' ? Math.ceil(contentChars.length / 2) : contentChars.length]);
+  });
+
+  // Initialize
+  React.useLayoutEffect(function () {
+    startMeasure();
+  }, [contentChars, rows]);
+
+  // Measure element height
+  React.useLayoutEffect(function () {
+    if (status === 1) {
+      var _fullMeasureRef$curre, _singleRowMeasureRef$;
+      var fullMeasureHeight = ((_fullMeasureRef$curre = fullMeasureRef.current) === null || _fullMeasureRef$curre === void 0 ? void 0 : _fullMeasureRef$curre.offsetHeight) || 0;
+      var singleRowMeasureHeight = ((_singleRowMeasureRef$ = singleRowMeasureRef.current) === null || _singleRowMeasureRef$ === void 0 ? void 0 : _singleRowMeasureRef$.offsetHeight) || 0;
+      var rowMeasureHeight = singleRowMeasureHeight * rows;
+      if (fullMeasureHeight <= rowMeasureHeight) {
+        setStatus(100);
+      } else {
+        setMaxHeight(rowMeasureHeight);
+        setStatus(2);
+      }
+    }
+  }, [status]);
+
+  // Walking measure
+  React.useLayoutEffect(function () {
+    if (status === 2) {
+      var _midMeasureRef$curren;
+      var diff = walkingIndexes[1] - walkingIndexes[0];
+      var midHeight = ((_midMeasureRef$curren = midMeasureRef.current) === null || _midMeasureRef$curren === void 0 ? void 0 : _midMeasureRef$curren.offsetHeight) || 0;
+      if (diff > 1) {
+        if (midHeight > maxHeight) {
+          setWalkingIndexes([walkingIndexes[0], midIndex]);
+        } else {
+          setWalkingIndexes([midIndex, walkingIndexes[1]]);
+        }
+      } else {
+        if (midHeight > maxHeight) {
+          setWalkingIndexes([walkingIndexes[0], walkingIndexes[0]]);
+        } else {
+          setWalkingIndexes([walkingIndexes[1], walkingIndexes[1]]);
+        }
+        setStatus(99);
+      }
+    }
+  }, [status, walkingIndexes]);
+
+  // =========================== Render ===========================
+  /** Render by cut index */
+  var renderContent = function renderContent(index) {
+    var prefixContent = contentChars.slice(0, index);
+    var suffixContent = contentChars.slice(contentChars.length - index);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, direction === 'start' && /*#__PURE__*/React.createElement(React.Fragment, null, expandNode, ELLIPSIS_TEXT), direction !== 'start' && prefixContent.join(''), direction === 'middle' && /*#__PURE__*/React.createElement(React.Fragment, null, ELLIPSIS_TEXT, expandNode, ELLIPSIS_TEXT), direction !== 'end' && suffixContent.join(''), direction === 'end' && /*#__PURE__*/React.createElement(React.Fragment, null, ELLIPSIS_TEXT, expandNode));
+  };
+  var finalContent = React.useMemo(function () {
+    if (expanded || status === 100) {
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: "display"
+      }, content, status === 99 && collapseNode);
+    }
+    if (status === 99) {
+      return renderContent(midIndex);
+    }
+    return null;
+  }, [expanded, status, content, collapseNode, midIndex]);
+  var allNodes = /*#__PURE__*/React.createElement(React.Fragment, null, status === 1 && /*#__PURE__*/React.createElement("div", {
+    key: "full",
+    "aria-hidden": true,
+    ref: fullMeasureRef,
+    style: measureStyle
+  }, content, expandNode), status === 1 && /*#__PURE__*/React.createElement("div", {
+    key: "stable",
+    "aria-hidden": true,
+    ref: singleRowMeasureRef,
+    style: measureStyle
+  }, "\xA0"), status === 2 && /*#__PURE__*/React.createElement("div", {
+    key: "walking-mid",
+    "aria-hidden": true,
+    ref: midMeasureRef,
+    style: measureStyle
+  }, renderContent(midIndex)), finalContent);
+  return [allNodes, startMeasure];
+}

package/dist/Empty/demo/base.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/Empty/demo/base.js

@@ -0,0 +1,38 @@
+/**
+ * compact: true
+ */
+import { QuestionCircleOutline } from "@trionesdev/antd-taro-icons-react";
+import { DemoBlock } from "../../DemoBlock";
+import React from "react";
+import Empty from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u7840\u7528\u6CD5"
+  }, /*#__PURE__*/React.createElement(Empty, null)), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u63CF\u8FF0\u6587\u5B57"
+  }, /*#__PURE__*/React.createElement(Empty, {
+    description: "\u6682\u65E0\u6570\u636E"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u81EA\u5B9A\u4E49\u6837\u5F0F"
+  }, /*#__PURE__*/React.createElement(Empty, {
+    style: {
+      padding: '64px 0'
+    },
+    imageStyle: {
+      width: 128
+    },
+    description: "\u6682\u65E0\u6570\u636E"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u81EA\u5B9A\u4E49\u56FE\u7247"
+  }, /*#__PURE__*/React.createElement(Empty, {
+    style: {
+      padding: '64px 0'
+    },
+    image: /*#__PURE__*/React.createElement(QuestionCircleOutline, {
+      style: {
+        color: '#ccc'
+      }
+    }),
+    description: "\u6682\u65E0\u6570\u636E"
+  })));
+});

package/dist/Empty/empty.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Empty: React.FC;
+export default Empty;

package/dist/Empty/empty.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+var Empty = function Empty() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "184",
+    height: "152",
+    viewBox: "0 0 184 152",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("title", null, '暂无数据'), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: "translate(24 31.67)"
+  }, /*#__PURE__*/React.createElement("ellipse", {
+    fillOpacity: ".8",
+    fill: "#F5F5F7",
+    cx: "67.797",
+    cy: "106.89",
+    rx: "67.797",
+    ry: "12.668"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z",
+    fill: "#AEB8C2"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z",
+    fill: "url(#linearGradient-1)",
+    transform: "translate(13.56)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z",
+    fill: "#F5F5F7"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z",
+    fill: "#DCE0E6"
+  })), /*#__PURE__*/React.createElement("path", {
+    d: "M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z",
+    fill: "#DCE0E6"
+  }), /*#__PURE__*/React.createElement("g", {
+    transform: "translate(149.65 15.383)",
+    fill: "#FFF"
+  }, /*#__PURE__*/React.createElement("ellipse", {
+    cx: "20.654",
+    cy: "3.167",
+    rx: "2.849",
+    ry: "2.815"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
+  }))));
+};
+export default Empty;

package/dist/Empty/index.d.ts

@@ -0,0 +1,12 @@
+import './style.scss';
+import * as React from 'react';
+export interface EmptyProps {
+    style?: React.CSSProperties;
+    imageStyle?: React.CSSProperties;
+    image?: React.ReactNode;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+}
+type CompoundedComponent = React.FC<EmptyProps>;
+declare const Empty: CompoundedComponent;
+export default Empty;

package/dist/Empty/index.js

@@ -0,0 +1,49 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["image", "description", "children", "imageStyle", "style"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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 "./style.scss";
+import * as React from 'react';
+import DefaultEmptyImg from "./empty";
+var defaultEmptyImg = /*#__PURE__*/React.createElement(DefaultEmptyImg, null);
+var Empty = function Empty(_ref) {
+  var _ref$image = _ref.image,
+    image = _ref$image === void 0 ? defaultEmptyImg : _ref$image,
+    description = _ref.description,
+    children = _ref.children,
+    imageStyle = _ref.imageStyle,
+    style = _ref.style,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var prefixCls = 'triones-antm-empty';
+  var des = typeof description !== 'undefined' ? description : '暂无数据';
+  var alt = typeof des === 'string' ? des : 'empty';
+  var imageNode = null;
+  if (typeof image === 'string') {
+    imageNode = /*#__PURE__*/React.createElement("img", {
+      alt: alt,
+      src: image
+    });
+  } else {
+    imageNode = image;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-wrapper")
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    className: prefixCls,
+    style: _objectSpread({}, style)
+  }, restProps), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-image"),
+    style: imageStyle
+  }, imageNode), des && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-description")
+  }, des), children && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-footer")
+  }, children)));
+};
+export default Empty;

package/dist/Empty/style.scss

@@ -0,0 +1,22 @@
+.triones-antm-empty{
+  text-align: center;
+  &-wrapper{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+  }
+  &-image{
+    margin-bottom: 8px;
+    height: 100px;
+    svg{
+      height: inherit;
+    }
+  }
+  &-description{
+    color: rgba(0, 0, 0, 0.45);
+    font-size: 14px;
+  }
+  &-footer{}
+}

package/dist/ErrorBlock/create-error-block.d.ts

@@ -0,0 +1,13 @@
+import type { FC, ReactNode } from 'react';
+import type { ErrorBlockStatus, ImageRecord } from '.';
+import './style.scss';
+import { NativeProps } from '../utils/native-props';
+export type ErrorBlockProps = {
+    status?: ErrorBlockStatus;
+    title?: ReactNode;
+    image?: string;
+    description?: ReactNode;
+    fullPage?: boolean;
+    children?: ReactNode;
+} & NativeProps<'--image-height' | '--image-height-full-page' | '--image-width' | '--image-width-full-page'>;
+export declare function createErrorBlock(imageRecord: ImageRecord): FC<ErrorBlockProps>;

package/dist/ErrorBlock/create-error-block.js

@@ -0,0 +1,45 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import classNames from 'classnames';
+import "./style.scss";
+import { withNativeProps } from "../utils/native-props";
+import { mergeProps } from "../utils/with-default-props";
+import { useConfig } from "../ConfigProvider";
+var classPrefix = "triones-antm-error-block";
+var defaultProps = {
+  status: 'default'
+};
+export function createErrorBlock(imageRecord) {
+  var ErrorBlock = function ErrorBlock(p) {
+    var _props$image;
+    var props = mergeProps(defaultProps, p);
+    var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+    var contentPack = locale.ErrorBlock[props.status];
+    var desc = 'description' in props ? props.description : contentPack.description;
+    var title = 'title' in props ? props.title : contentPack.title;
+    var image = (_props$image = props.image) !== null && _props$image !== void 0 ? _props$image : imageRecord[props.status];
+    var imageNode = typeof image === 'string' ? /*#__PURE__*/React.createElement("img", {
+      src: image,
+      alt: "error block image"
+    }) : image;
+    debugger;
+    return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
+      className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-full-page"), props.fullPage))
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-image")
+    }, imageNode), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-description")
+    }, ![undefined, null].includes(title) && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-description-title")
+    }, title), ![undefined, null].includes(desc) && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-description-subtitle")
+    }, desc)), props.children && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-content")
+    }, props.children)));
+  };
+  return ErrorBlock;
+}

package/dist/ErrorBlock/demo/base.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;