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

package/es/radio/demo/size.js

@@ -1,50 +0,0 @@
-/**
- * title: 大小
- * desc: 大中小三种组合，可以和表单输入框进行对应配合。
- */
-import React from 'react';
-import { Radio } from '@fle-ui/next';
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Radio.Group, {
-    defaultValue: "a",
-    size: "large"
-  }, /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "a"
-  }, "Hangzhou"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "b"
-  }, "Shanghai"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "c"
-  }, "Beijing"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "d"
-  }, "Chengdu")), /*#__PURE__*/React.createElement(Radio.Group, {
-    defaultValue: "a",
-    style: {
-      marginTop: 16
-    }
-  }, /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "a"
-  }, "Hangzhou"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "b"
-  }, "Shanghai"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "c"
-  }, "Beijing"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "d"
-  }, "Chengdu")), /*#__PURE__*/React.createElement(Radio.Group, {
-    defaultValue: "a",
-    size: "small",
-    style: {
-      marginTop: 16
-    }
-  }, /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "a"
-  }, "Hangzhou"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "b"
-  }, "Shanghai"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "c"
-  }, "Beijing"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "d"
-  }, "Chengdu")));
-};
-
-export default Demo;

package/es/radio/style/index-pure.less

@@ -1,347 +0,0 @@
-
-@import '../../style/index.less';
-
-@radio-prefix-cls: ~'@{ant-prefix}-radio';
-@radio-group-prefix-cls: ~'@{radio-prefix-cls}-group';
-@radio-inner-prefix-cls: ~'@{radio-prefix-cls}-inner';
-@radio-duration: 0.3s;
-@radio-focus-shadow: 0 0 0 3px fade(@radio-dot-color, 8%);
-@radio-button-focus-shadow: @radio-focus-shadow;
-
-.@{radio-group-prefix-cls} {
-  .reset-component();
-
-  display: inline-block;
-  font-size: 0;
-
-  .@{ant-prefix}-badge-count {
-    z-index: 1;
-  }
-
-  > .@{ant-prefix}-badge:not(:first-child) > .@{radio-prefix-cls}-button-wrapper {
-    border-left: none;
-  }
-}
-
-// 一般状态
-.@{radio-prefix-cls}-wrapper {
-  .reset-component();
-  position: relative;
-  display: inline-flex;
-  align-items: baseline;
-  margin-right: @radio-wrapper-margin-right;
-  cursor: pointer;
-
-  &::after {
-    display: inline-block;
-    width: 0;
-    overflow: hidden;
-    content: '\a0';
-  }
-}
-
-.@{radio-prefix-cls} {
-  .reset-component();
-
-  position: relative;
-  top: @radio-top;
-  display: inline-block;
-  outline: none;
-  cursor: pointer;
-
-  .@{radio-prefix-cls}-wrapper:hover &,
-  &:hover .@{radio-inner-prefix-cls},
-  &-input:focus + .@{radio-inner-prefix-cls} {
-    border-color: @radio-dot-color;
-  }
-
-  &-input:focus + .@{radio-inner-prefix-cls} {
-    box-shadow: @radio-focus-shadow;
-  }
-
-  &-checked::after {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    border: 1px solid @radio-dot-color;
-    border-radius: 50%;
-    visibility: hidden;
-    animation: antRadioEffect 0.36s ease-in-out;
-    animation-fill-mode: both;
-    content: '';
-  }
-
-  &:hover::after,
-  .@{radio-prefix-cls}-wrapper:hover &::after {
-    visibility: visible;
-  }
-
-  &-inner {
-    &::after {
-      position: absolute;
-      top: ((@radio-size - @radio-dot-size) / 2) - @radio-border-width;
-      left: ((@radio-size - @radio-dot-size) / 2) - @radio-border-width;
-      display: block;
-      width: @radio-dot-size;
-      height: @radio-dot-size;
-      background-color: @radio-dot-color;
-      border-top: 0;
-      border-left: 0;
-      border-radius: @radio-dot-size;
-      transform: scale(0);
-      opacity: 0;
-      transition: all @radio-duration @ease-in-out-circ;
-      content: ' ';
-    }
-
-    position: relative;
-    top: 0;
-    left: 0;
-    display: block;
-    width: @radio-size;
-    height: @radio-size;
-    background-color: @radio-button-bg;
-    border-color: @border-color-base;
-    border-style: solid;
-    border-width: @radio-border-width;
-    border-radius: 50%;
-    transition: all @radio-duration;
-  }
-
-  &-input {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 1;
-    cursor: pointer;
-    opacity: 0;
-  }
-}
-
-// 选中状态
-.@{radio-prefix-cls}-checked {
-  .@{radio-inner-prefix-cls} {
-    border-color: @radio-dot-color;
-    &::after {
-      transform: scale(1);
-      opacity: 1;
-      transition: all @radio-duration @ease-in-out-circ;
-    }
-  }
-}
-
-.@{radio-prefix-cls}-disabled {
-  cursor: not-allowed;
-
-  .@{radio-inner-prefix-cls} {
-    background-color: @input-disabled-bg;
-    border-color: @border-color-base !important;
-    cursor: not-allowed;
-    &::after {
-      background-color: @radio-dot-disabled-color;
-    }
-  }
-
-  .@{radio-prefix-cls}-input {
-    cursor: not-allowed;
-  }
-
-  & + span {
-    color: @disabled-color;
-    cursor: not-allowed;
-  }
-}
-
-span.@{radio-prefix-cls} + * {
-  padding-right: 8px;
-  padding-left: 8px;
-}
-
-.@{radio-prefix-cls}-button-wrapper {
-  position: relative;
-  display: inline-block;
-  height: @btn-height-base;
-  margin: 0;
-  padding: 0 @padding-md - 1px;
-  color: @radio-button-color;
-  font-size: @font-size-base;
-  line-height: @btn-height-base - 2px;
-  background: @radio-button-bg;
-  border: @border-width-base @border-style-base @border-color-base;
-  // strange align fix for chrome but works
-  // https://gw.alipayobjects.com/zos/rmsportal/VFTfKXJuogBAXcvfAUWJ.gif
-  border-top-width: @border-width-base + 0.02px;
-  border-left-width: 0;
-  cursor: pointer;
-  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
-
-  a {
-    color: @radio-button-color;
-  }
-
-  > .@{radio-prefix-cls}-button {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: -1;
-    width: 100%;
-    height: 100%;
-  }
-
-  .@{radio-group-prefix-cls}-large & {
-    height: @input-height-lg;
-    font-size: @font-size-lg;
-    line-height: @input-height-lg - 2px;
-  }
-
-  .@{radio-group-prefix-cls}-small & {
-    height: @input-height-sm;
-    padding: 0 @control-padding-horizontal-sm - 1px;
-    line-height: @input-height-sm - 2px;
-  }
-
-  &:not(:first-child) {
-    &::before {
-      position: absolute;
-      top: @border-width-base * -1;
-      left: -1px;
-      display: block;
-      box-sizing: content-box;
-      width: 1px;
-      height: 100%;
-      padding: @border-width-base 0;
-      background-color: @border-color-base;
-      transition: background-color 0.3s;
-      content: '';
-    }
-  }
-
-  &:first-child {
-    border-left: @border-width-base @border-style-base @border-color-base;
-    border-radius: @border-radius-base 0 0 @border-radius-base;
-  }
-
-  &:last-child {
-    border-radius: 0 @border-radius-base @border-radius-base 0;
-  }
-
-  &:first-child:last-child {
-    border-radius: @border-radius-base;
-  }
-
-  &:hover {
-    position: relative;
-    color: @radio-dot-color;
-  }
-
-  &:focus-within {
-    box-shadow: @radio-button-focus-shadow;
-  }
-
-  .@{radio-prefix-cls}-inner,
-  input[type='checkbox'],
-  input[type='radio'] {
-    width: 0;
-    height: 0;
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  &-checked:not(&-disabled) {
-    z-index: 1;
-    color: @radio-dot-color;
-    background: @radio-button-checked-bg;
-    border-color: @radio-dot-color;
-
-    &::before {
-      background-color: @radio-dot-color;
-    }
-
-    &:first-child {
-      border-color: @radio-dot-color;
-    }
-
-    &:hover {
-      color: @radio-button-hover-color;
-      border-color: @radio-button-hover-color;
-      &::before {
-        background-color: @radio-button-hover-color;
-      }
-    }
-
-    &:active {
-      color: @radio-button-active-color;
-      border-color: @radio-button-active-color;
-      &::before {
-        background-color: @radio-button-active-color;
-      }
-    }
-
-    &:focus-within {
-      box-shadow: @radio-button-focus-shadow;
-    }
-  }
-
-  .@{radio-group-prefix-cls}-solid &-checked:not(&-disabled) {
-    color: @radio-solid-checked-color;
-    background: @radio-dot-color;
-    border-color: @radio-dot-color;
-    &:hover {
-      color: @radio-solid-checked-color;
-      background: @radio-button-hover-color;
-      border-color: @radio-button-hover-color;
-    }
-    &:active {
-      color: @radio-solid-checked-color;
-      background: @radio-button-active-color;
-      border-color: @radio-button-active-color;
-    }
-    &:focus-within {
-      box-shadow: @radio-button-focus-shadow;
-    }
-  }
-
-  &-disabled {
-    color: @disabled-color;
-    background-color: @input-disabled-bg;
-    border-color: @border-color-base;
-    cursor: not-allowed;
-
-    &:first-child,
-    &:hover {
-      color: @disabled-color;
-      background-color: @input-disabled-bg;
-      border-color: @border-color-base;
-    }
-    &:first-child {
-      border-left-color: @border-color-base;
-    }
-  }
-
-  &-disabled&-checked {
-    color: @radio-disabled-button-checked-color;
-    background-color: @radio-disabled-button-checked-bg;
-    border-color: @border-color-base;
-    box-shadow: none;
-  }
-}
-
-@keyframes antRadioEffect {
-  0% {
-    transform: scale(1);
-    opacity: 0.5;
-  }
-  100% {
-    transform: scale(1.6);
-    opacity: 0;
-  }
-}
-
-@import './rtl';
-
-
-

package/es/rate/demo/basic.d.ts

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

package/es/rate/demo/basic.js

@@ -1,12 +0,0 @@
-/**
- * title: 基本
- * desc: 最简单的用法。
- */
-import React from 'react';
-import { Rate } from '@fle-ui/next';
-
-var BasicDemo = function BasicDemo() {
-  return /*#__PURE__*/React.createElement(Rate, null);
-};
-
-export default BasicDemo;

package/es/rate/demo/clear.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 清除
- * desc: 支持允许或者禁用清除。
- */
-declare const ClearDemo: () => JSX.Element;
-export default ClearDemo;

package/es/rate/demo/clear.js

@@ -1,21 +0,0 @@
-/**
- * title: 清除
- * desc: 支持允许或者禁用清除。
- */
-import React from 'react';
-import { Rate } from '@fle-ui/next';
-
-var ClearDemo = function ClearDemo() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Rate, {
-    defaultValue: 3
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "ant-rate-text"
-  }, "allowClear: true"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Rate, {
-    allowClear: false,
-    defaultValue: 3
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "ant-rate-text"
-  }, "allowClear: false"));
-};
-
-export default ClearDemo;

package/es/rate/demo/custom.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 自定义字符
- * desc: 可以使用 (RateProps) => ReactNode 的方式自定义每一个字符。
- */
-declare const CustomDemo: () => JSX.Element;
-export default CustomDemo;

package/es/rate/demo/custom.js

@@ -1,32 +0,0 @@
-/**
- * title: 自定义字符
- * desc: 可以使用 (RateProps) => ReactNode 的方式自定义每一个字符。
- */
-import React from 'react';
-import { Rate } from '@fle-ui/next';
-import { FrownOutlined, MehOutlined, SmileOutlined } from '@ant-design/icons';
-
-var CustomDemo = function CustomDemo() {
-  var customIcons = {
-    1: /*#__PURE__*/React.createElement(FrownOutlined, null),
-    2: /*#__PURE__*/React.createElement(FrownOutlined, null),
-    3: /*#__PURE__*/React.createElement(MehOutlined, null),
-    4: /*#__PURE__*/React.createElement(SmileOutlined, null),
-    5: /*#__PURE__*/React.createElement(SmileOutlined, null)
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Rate, {
-    defaultValue: 2,
-    character: function character(_ref) {
-      var index = _ref.index;
-      return index + 1;
-    }
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Rate, {
-    defaultValue: 3,
-    character: function character(_ref2) {
-      var index = _ref2.index;
-      return customIcons[index + 1];
-    }
-  }));
-};
-
-export default CustomDemo;

package/es/rate/demo/half.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 半星
- * desc: 支持选中半星。
- */
-declare const HalfDemo: () => JSX.Element;
-export default HalfDemo;

package/es/rate/demo/half.js

@@ -1,15 +0,0 @@
-/**
- * title: 半星
- * desc: 支持选中半星。
- */
-import React from 'react';
-import { Rate } from '@fle-ui/next';
-
-var HalfDemo = function HalfDemo() {
-  return /*#__PURE__*/React.createElement(Rate, {
-    allowHalf: true,
-    defaultValue: 2.5
-  });
-};
-
-export default HalfDemo;

package/es/rate/demo/onlyread.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 只读
- * desc: 只读，无法进行鼠标交互。
- */
-declare const OnlyReadDemo: () => JSX.Element;
-export default OnlyReadDemo;

package/es/rate/demo/onlyread.js

@@ -1,15 +0,0 @@
-/**
- * title: 只读
- * desc: 只读，无法进行鼠标交互。
- */
-import React from 'react';
-import { Rate } from '@fle-ui/next';
-
-var OnlyReadDemo = function OnlyReadDemo() {
-  return /*#__PURE__*/React.createElement(Rate, {
-    disabled: true,
-    defaultValue: 2
-  });
-};
-
-export default OnlyReadDemo;

package/es/rate/demo/other.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 其他字符
- * desc: 可以将星星替换为其他字符，比如字母，数字，字体图标甚至中文。
- */
-declare const OtherDemo: () => JSX.Element;
-export default OtherDemo;

package/es/rate/demo/other.js

@@ -1,25 +0,0 @@
-/**
- * title: 其他字符
- * desc: 可以将星星替换为其他字符，比如字母，数字，字体图标甚至中文。
- */
-import React from 'react';
-import { Rate } from '@fle-ui/next';
-import { HeartOutlined } from '@ant-design/icons';
-
-var OtherDemo = function OtherDemo() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Rate, {
-    character: /*#__PURE__*/React.createElement(HeartOutlined, null),
-    allowHalf: true
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Rate, {
-    character: "A",
-    allowHalf: true,
-    style: {
-      fontSize: 36
-    }
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Rate, {
-    character: "\u597D",
-    allowHalf: true
-  }));
-};
-
-export default OtherDemo;

package/es/rate/demo/text.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 文案展现
- * desc: 给评分组件加上文案展示。
- */
-declare const TextDemo: () => JSX.Element;
-export default TextDemo;

package/es/rate/demo/text.js

@@ -1,31 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 文案展现
- * desc: 给评分组件加上文案展示。
- */
-import React, { useState } from 'react';
-import { Rate } from '@fle-ui/next';
-
-var TextDemo = function TextDemo() {
-  var _useState = useState(3),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  var desc = ['terrible', 'bad', 'normal', 'good', 'wonderful'];
-
-  var handleChange = function handleChange(value) {
-    setValue(value);
-  };
-
-  return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Rate, {
-    tooltips: desc,
-    onChange: handleChange,
-    value: value
-  }), value ? /*#__PURE__*/React.createElement("span", {
-    className: "ant-rate-text"
-  }, desc[value - 1]) : '');
-};
-
-export default TextDemo;

package/es/rate/style/index-pure.less

@@ -1,91 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/theme.less';
-@import '../../style/mixins/index';
-
-@rate-prefix-cls: ~'@{ant-prefix}-rate';
-
-.@{rate-prefix-cls} {
-  .reset-component();
-
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  color: @rate-star-color;
-  font-size: @rate-star-size;
-  line-height: unset;
-  list-style: none;
-  outline: none;
-
-  &-disabled &-star {
-    cursor: default;
-    &:hover {
-      transform: scale(1);
-    }
-  }
-
-  &-star {
-    position: relative;
-    display: inline-block;
-    color: inherit;
-    cursor: pointer;
-
-    &:not(:last-child) {
-      margin-right: 8px;
-    }
-
-    > div {
-      transition: all 0.3s, outline 0s;
-
-      &:hover,
-      &:focus-visible {
-        transform: @rate-star-hover-scale;
-      }
-
-      &:focus {
-        outline: 0;
-      }
-
-      &:focus-visible {
-        outline: 1px dashed @rate-star-color;
-      }
-    }
-
-    &-first,
-    &-second {
-      color: @rate-star-bg;
-      transition: all 0.3s;
-      user-select: none;
-      .@{iconfont-css-prefix} {
-        vertical-align: middle;
-      }
-    }
-
-    &-first {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 50%;
-      height: 100%;
-      overflow: hidden;
-      opacity: 0;
-    }
-
-    &-half &-first,
-    &-half &-second {
-      opacity: 1;
-    }
-
-    &-half &-first,
-    &-full &-second {
-      color: inherit;
-    }
-  }
-
-  &-text {
-    display: inline-block;
-    margin: 0 8px;
-    font-size: @font-size-base;
-  }
-}
-
-@import './rtl';