@fle-ui/next 1.0.0-alpha.8 → 1.0.0-alpha.9

package/lib/spin/demo/tip.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 自定义描述文案
- * desc: 自定义描述文案。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/lib/spin/demo/tip.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-/**
- * title: 自定义描述文案
- * desc: 自定义描述文案。
- */
-var Demo = function Demo() {
-  return /*#__PURE__*/_react["default"].createElement(_next.Spin, {
-    tip: "Loading..."
-  }, /*#__PURE__*/_react["default"].createElement(_next.Alert, {
-    message: "Alert message title",
-    description: "Further details about the context of this alert.",
-    type: "info"
-  }));
-};
-
-var _default = Demo;
-exports["default"] = _default;

package/lib/spin/style/index-pure.less

@@ -1,217 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/theme.less';
-@import '../../style/mixins/index';
-
-@spin-prefix-cls: ~'@{ant-prefix}-spin';
-@spin-dot-default: @text-color-secondary;
-
-.@{spin-prefix-cls} {
-  .reset-component();
-
-  position: absolute;
-  display: none;
-  color: @primary-color;
-  text-align: center;
-  vertical-align: middle;
-  opacity: 0;
-  transition: transform 0.3s @ease-in-out-circ;
-
-  &-spinning {
-    position: static;
-    display: inline-block;
-    opacity: 1;
-  }
-
-  &-nested-loading {
-    position: relative;
-    > div > .@{spin-prefix-cls} {
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 4;
-      display: block;
-      width: 100%;
-      height: 100%;
-      max-height: 400px;
-      .@{spin-prefix-cls}-dot {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        margin: -(@spin-dot-size / 2);
-      }
-      .@{spin-prefix-cls}-text {
-        position: absolute;
-        top: 50%;
-        width: 100%;
-        padding-top: ((@spin-dot-size - @font-size-base) / 2) + 2px;
-        text-shadow: 0 1px 2px @shadow-color-inverse;
-      }
-      &.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {
-        margin-top: -(@spin-dot-size / 2) - 10px;
-      }
-    }
-
-    > div > .@{spin-prefix-cls}-sm {
-      .@{spin-prefix-cls}-dot {
-        margin: -(@spin-dot-size-sm / 2);
-      }
-      .@{spin-prefix-cls}-text {
-        padding-top: ((@spin-dot-size-sm - @font-size-base) / 2) + 2px;
-      }
-      &.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {
-        margin-top: -(@spin-dot-size-sm / 2) - 10px;
-      }
-    }
-
-    > div > .@{spin-prefix-cls}-lg {
-      .@{spin-prefix-cls}-dot {
-        margin: -(@spin-dot-size-lg / 2);
-      }
-      .@{spin-prefix-cls}-text {
-        padding-top: ((@spin-dot-size-lg - @font-size-base) / 2) + 2px;
-      }
-      &.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {
-        margin-top: -(@spin-dot-size-lg / 2) - 10px;
-      }
-    }
-  }
-
-  &-container {
-    position: relative;
-    transition: opacity 0.3s;
-
-    &::after {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: 10;
-      display: ~'none \9';
-      width: 100%;
-      height: 100%;
-      background: @component-background;
-      opacity: 0;
-      transition: all 0.3s;
-      content: '';
-      pointer-events: none;
-    }
-  }
-
-  &-blur {
-    clear: both;
-    overflow: hidden;
-    opacity: 0.5;
-    user-select: none;
-    pointer-events: none;
-
-    &::after {
-      opacity: 0.4;
-      pointer-events: auto;
-    }
-  }
-
-  // tip
-  // ------------------------------
-  &-tip {
-    color: @spin-dot-default;
-  }
-
-  // dots
-  // ------------------------------
-
-  &-dot {
-    position: relative;
-    display: inline-block;
-    font-size: @spin-dot-size;
-
-    .square(1em);
-
-    &-item {
-      position: absolute;
-      display: block;
-      width: 9px;
-      height: 9px;
-      background-color: @primary-color;
-      border-radius: 100%;
-      transform: scale(0.75);
-      transform-origin: 50% 50%;
-      opacity: 0.3;
-      animation: antSpinMove 1s infinite linear alternate;
-
-      &:nth-child(1) {
-        top: 0;
-        left: 0;
-      }
-      &:nth-child(2) {
-        top: 0;
-        right: 0;
-        animation-delay: 0.4s;
-      }
-      &:nth-child(3) {
-        right: 0;
-        bottom: 0;
-        animation-delay: 0.8s;
-      }
-      &:nth-child(4) {
-        bottom: 0;
-        left: 0;
-        animation-delay: 1.2s;
-      }
-    }
-
-    &-spin {
-      transform: rotate(45deg);
-      animation: antRotate 1.2s infinite linear;
-    }
-  }
-
-  // Sizes
-  // ------------------------------
-
-  // small
-  &-sm &-dot {
-    font-size: @spin-dot-size-sm;
-
-    i {
-      width: 6px;
-      height: 6px;
-    }
-  }
-
-  // large
-  &-lg &-dot {
-    font-size: @spin-dot-size-lg;
-
-    i {
-      width: 14px;
-      height: 14px;
-    }
-  }
-
-  &&-show-text &-text {
-    display: block;
-  }
-}
-
-@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-  /* IE10+ */
-  .@{spin-prefix-cls}-blur {
-    background: @component-background;
-    opacity: 0.5;
-  }
-}
-
-@keyframes antSpinMove {
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes antRotate {
-  to {
-    transform: rotate(405deg);
-  }
-}
-
-@import './rtl';

package/lib/statistic/demo/basic.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 基本
- * desc: 简单的展示。
- */
-declare const BasicDemo: () => JSX.Element;
-export default BasicDemo;

package/lib/statistic/demo/basic.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-/**
- * title: 基本
- * desc: 简单的展示。
- */
-var BasicDemo = function BasicDemo() {
-  return /*#__PURE__*/_react["default"].createElement(_next.Row, {
-    gutter: 16
-  }, /*#__PURE__*/_react["default"].createElement(_next.Col, {
-    span: 12
-  }, /*#__PURE__*/_react["default"].createElement(_next.Statistic, {
-    title: "Active Users",
-    value: 112893
-  })), /*#__PURE__*/_react["default"].createElement(_next.Col, {
-    span: 12
-  }, /*#__PURE__*/_react["default"].createElement(_next.Statistic, {
-    title: "Account Balance (CNY)",
-    value: 112893,
-    precision: 2
-  }), /*#__PURE__*/_react["default"].createElement(_next.Button, {
-    style: {
-      marginTop: 16
-    },
-    type: "primary"
-  }, "Recharge")), /*#__PURE__*/_react["default"].createElement(_next.Col, {
-    span: 12
-  }, /*#__PURE__*/_react["default"].createElement(_next.Statistic, {
-    title: "Active Users",
-    value: 112893,
-    loading: true
-  })));
-};
-
-var _default = BasicDemo;
-exports["default"] = _default;

package/lib/statistic/demo/company.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 单位
- * desc: 通过前缀和后缀添加单位。
- */
-declare const CompanyDemo: () => JSX.Element;
-export default CompanyDemo;

package/lib/statistic/demo/company.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-var _icons = require("@ant-design/icons");
-
-/**
- * title: 单位
- * desc: 通过前缀和后缀添加单位。
- */
-var CompanyDemo = function CompanyDemo() {
-  return /*#__PURE__*/_react["default"].createElement(_next.Row, {
-    gutter: 16
-  }, /*#__PURE__*/_react["default"].createElement(_next.Col, {
-    span: 12
-  }, /*#__PURE__*/_react["default"].createElement(_next.Statistic, {
-    title: "Feedback",
-    value: 1128,
-    prefix: /*#__PURE__*/_react["default"].createElement(_icons.LikeOutlined, null)
-  })), /*#__PURE__*/_react["default"].createElement(_next.Col, {
-    span: 12
-  }, /*#__PURE__*/_react["default"].createElement(_next.Statistic, {
-    title: "Unmerged",
-    value: 93,
-    suffix: "/ 100"
-  })));
-};
-
-var _default = CompanyDemo;
-exports["default"] = _default;

package/lib/statistic/demo/countDown.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 倒计时
- * desc: 倒计时组件。
- */
-declare const CountDownDemo: () => JSX.Element;
-export default CountDownDemo;

package/lib/statistic/demo/countDown.js

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-/**
- * title: 倒计时
- * desc: 倒计时组件。
- */
-var CountDownDemo = function CountDownDemo() {
-  var Countdown = _next.Statistic.Countdown;
-  var deadline = Date.now() + 1000 * 60 * 60 * 24 * 2 + 1000 * 30;
-
-  var onFinish = function onFinish() {
-    console.log('finished!');
-  };
-
-  var onChange = function onChange(val) {
-    if (4.95 * 1000 < val && val < 5 * 1000) {
-      console.log('changed!');
-    }
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_next.Row, {
-    gutter: 16
-  }, /*#__PURE__*/_react["default"].createElement(_next.Col, {
-    span: 12
-  }, /*#__PURE__*/_react["default"].createElement(Countdown, {
-    title: "Countdown",
-    value: deadline,
-    onFinish: onFinish
-  })), /*#__PURE__*/_react["default"].createElement(_next.Col, {
-    span: 12
-  }, /*#__PURE__*/_react["default"].createElement(Countdown, {
-    title: "Million Seconds",
-    value: deadline,
-    format: "HH:mm:ss:SSS"
-  })), /*#__PURE__*/_react["default"].createElement(_next.Col, {
-    span: 24,
-    style: {
-      marginTop: 32
-    }
-  }, /*#__PURE__*/_react["default"].createElement(Countdown, {
-    title: "Day Level",
-    value: deadline,
-    format: "D \u5929 H \u65F6 m \u5206 s \u79D2"
-  })), /*#__PURE__*/_react["default"].createElement(_next.Col, {
-    span: 12
-  }, /*#__PURE__*/_react["default"].createElement(Countdown, {
-    title: "Countdown",
-    value: Date.now() + 10 * 1000,
-    onChange: onChange
-  })));
-};
-
-var _default = CountDownDemo;
-exports["default"] = _default;

package/lib/statistic/demo/inCard.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 在卡片中使用
- * desc: 在卡片中展示统计数值。
- */
-declare const InCardDemo: () => JSX.Element;
-export default InCardDemo;

package/lib/statistic/demo/inCard.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-var _icons = require("@ant-design/icons");
-
-/**
- * title: 在卡片中使用
- * desc: 在卡片中展示统计数值。
- */
-var InCardDemo = function InCardDemo() {
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "site-statistic-demo-card"
-  }, /*#__PURE__*/_react["default"].createElement(_next.Row, {
-    gutter: 16
-  }, /*#__PURE__*/_react["default"].createElement(_next.Col, {
-    span: 12
-  }, /*#__PURE__*/_react["default"].createElement(_next.Card, null, /*#__PURE__*/_react["default"].createElement(_next.Statistic, {
-    title: "Active",
-    value: 11.28,
-    precision: 2,
-    valueStyle: {
-      color: '#3f8600'
-    },
-    prefix: /*#__PURE__*/_react["default"].createElement(_icons.ArrowUpOutlined, null),
-    suffix: "%"
-  }))), /*#__PURE__*/_react["default"].createElement(_next.Col, {
-    span: 12
-  }, /*#__PURE__*/_react["default"].createElement(_next.Card, null, /*#__PURE__*/_react["default"].createElement(_next.Statistic, {
-    title: "Idle",
-    value: 9.3,
-    precision: 2,
-    valueStyle: {
-      color: '#cf1322'
-    },
-    prefix: /*#__PURE__*/_react["default"].createElement(_icons.ArrowDownOutlined, null),
-    suffix: "%"
-  })))));
-};
-
-var _default = InCardDemo;
-exports["default"] = _default;

package/lib/statistic/style/index-pure.less

@@ -1,41 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/theme.less';
-@import '../../style/mixins/index';
-
-@statistic-prefix-cls: ~'@{ant-prefix}-statistic';
-
-.@{statistic-prefix-cls} {
-  .reset-component();
-
-  &-title {
-    margin-bottom: @margin-xss;
-    color: @text-color-secondary;
-    font-size: @statistic-title-font-size;
-  }
-
-  &-content {
-    color: @heading-color;
-    font-size: @statistic-content-font-size;
-    font-family: @statistic-font-family;
-
-    &-value {
-      display: inline-block;
-      direction: ltr;
-    }
-
-    &-prefix,
-    &-suffix {
-      display: inline-block;
-    }
-
-    &-prefix {
-      margin-right: 4px;
-    }
-
-    &-suffix {
-      margin-left: 4px;
-    }
-  }
-}
-
-@import './rtl';

package/lib/steps/demo/basic.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 基本用法
- * desc: 简单的步骤条。
- */
-declare const BasicDemo: () => JSX.Element;
-export default BasicDemo;

package/lib/steps/demo/basic.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-/**
- * title: 基本用法
- * desc: 简单的步骤条。
- */
-var BasicDemo = function BasicDemo() {
-  var Step = _next.Steps.Step;
-  return /*#__PURE__*/_react["default"].createElement(_next.Steps, {
-    current: 1
-  }, /*#__PURE__*/_react["default"].createElement(Step, {
-    title: "Finished",
-    description: "This is a description."
-  }), /*#__PURE__*/_react["default"].createElement(Step, {
-    title: "In Progress",
-    subTitle: "Left 00:00:08",
-    description: "This is a description."
-  }), /*#__PURE__*/_react["default"].createElement(Step, {
-    title: "Waiting",
-    description: "This is a description."
-  }));
-};
-
-var _default = BasicDemo;
-exports["default"] = _default;

package/lib/steps/demo/click.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 可点击
- * desc: 设置 onChange 后，Steps 变为可点击状态。
- */
-declare const ClickDemo: () => JSX.Element;
-export default ClickDemo;

package/lib/steps/demo/click.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _next = require("@fle-ui/next");
-
-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; }
-
-/**
- * title: 可点击
- * desc: 设置 onChange 后，Steps 变为可点击状态。
- */
-var ClickDemo = function ClickDemo() {
-  var Step = _next.Steps.Step;
-
-  var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      current = _useState2[0],
-      setCurrent = _useState2[1];
-
-  var onChange = function onChange(current) {
-    console.log('onChange:', current);
-    setCurrent(current);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_next.Steps, {
-    current: current,
-    onChange: onChange
-  }, /*#__PURE__*/_react["default"].createElement(Step, {
-    title: "Step 1",
-    description: "This is a description."
-  }), /*#__PURE__*/_react["default"].createElement(Step, {
-    title: "Step 2",
-    description: "This is a description."
-  }), /*#__PURE__*/_react["default"].createElement(Step, {
-    title: "Step 3",
-    description: "This is a description."
-  })), /*#__PURE__*/_react["default"].createElement(_next.Divider, null), /*#__PURE__*/_react["default"].createElement(_next.Steps, {
-    current: current,
-    onChange: onChange,
-    direction: "vertical"
-  }, /*#__PURE__*/_react["default"].createElement(Step, {
-    title: "Step 1",
-    description: "This is a description."
-  }), /*#__PURE__*/_react["default"].createElement(Step, {
-    title: "Step 2",
-    description: "This is a description."
-  }), /*#__PURE__*/_react["default"].createElement(Step, {
-    title: "Step 3",
-    description: "This is a description."
-  })));
-};
-
-var _default = ClickDemo;
-exports["default"] = _default;

package/lib/steps/demo/customdot.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 自定义点状步骤条
- * desc: 为点状步骤条增加自定义展示。
- */
-declare const CustomDotDemo: () => JSX.Element;
-export default CustomDotDemo;