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

package/es/form/demo/without-form-create.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 自行处理表单数据
- * desc: ps: `Form` 具有自动收集数据并校验的功能，但如果您不需要这个功能，或者默认的行为无法满足业务需求，可以选择自行处理数据。
- */
-declare const RawForm: () => JSX.Element;
-export default RawForm;

package/es/form/demo/without-form-create.js

@@ -1,62 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 自行处理表单数据
- * desc: ps: `Form` 具有自动收集数据并校验的功能，但如果您不需要这个功能，或者默认的行为无法满足业务需求，可以选择自行处理数据。
- */
-import React, { useState } from 'react';
-import { Form, InputNumber } from '@fle-ui/next';
-
-function validatePrimeNumber(number) {
-  if (number === 11) {
-    return {
-      validateStatus: 'success',
-      errorMsg: null
-    };
-  }
-
-  return {
-    validateStatus: 'error',
-    errorMsg: 'The prime between 8 and 12 is 11!'
-  };
-}
-
-var formItemLayout = {
-  labelCol: {
-    span: 7
-  },
-  wrapperCol: {
-    span: 12
-  }
-};
-
-var RawForm = function RawForm() {
-  var _useState = useState({
-    value: 11
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      number = _useState2[0],
-      setNumber = _useState2[1];
-
-  var tips = 'A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.';
-
-  var onNumberChange = function onNumberChange(value) {
-    setNumber(_extends(_extends({}, validatePrimeNumber(value)), {
-      value: value
-    }));
-  };
-
-  return /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Form.Item, _extends({}, formItemLayout, {
-    label: "Prime between 8 & 12",
-    validateStatus: number.validateStatus,
-    help: number.errorMsg || tips
-  }), /*#__PURE__*/React.createElement(InputNumber, {
-    min: 8,
-    max: 12,
-    value: number.value,
-    onChange: onNumberChange
-  })));
-};
-
-export default RawForm;

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

@@ -1,295 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/theme.less';
-@import '../../style/mixins/index';
-@import '../../input/style/mixin';
-@import '../../button/style/mixin';
-@import '../../grid/style/mixin';
-@import './components';
-@import './inline';
-@import './horizontal';
-@import './vertical';
-@import './status';
-@import './mixin';
-
-@form-prefix-cls: ~'@{ant-prefix}-form';
-@form-item-prefix-cls: ~'@{form-prefix-cls}-item';
-@form-font-height: ceil(@font-size-base * @line-height-base);
-
-.@{form-prefix-cls} {
-  .reset-component();
-  .reset-form();
-
-  .@{form-prefix-cls}-text {
-    display: inline-block;
-    padding-right: 8px;
-  }
-
-  // ================================================================
-  // =                             Size                             =
-  // ================================================================
-  .formSize(@input-height) {
-    .@{form-item-prefix-cls}-label > label {
-      height: @input-height;
-    }
-
-    .@{form-item-prefix-cls}-control-input {
-      min-height: @input-height;
-    }
-  }
-
-  &-small {
-    .formSize(@input-height-sm);
-  }
-  &-large {
-    .formSize(@input-height-lg);
-  }
-}
-
-.explainAndExtraDistance(@num) when (@num >= 0) {
-  padding-top: floor(@num);
-}
-
-.explainAndExtraDistance(@num) when (@num < 0) {
-  margin-top: ceil(@num);
-  margin-bottom: ceil(@num);
-}
-
-// ================================================================
-// =                             Item                             =
-// ================================================================
-.@{form-item-prefix-cls} {
-  .reset-component();
-
-  margin-bottom: @form-item-margin-bottom;
-  vertical-align: top;
-  // We delay one frame (0.017s) here to let CSSMotion goes
-  transition: margin-bottom @animation-duration-slow 0.017s linear;
-
-  &-with-help {
-    margin-bottom: 0;
-    transition: none;
-  }
-
-  &-hidden,
-  &-hidden.@{ant-prefix}-row {
-    // https://github.com/ant-design/ant-design/issues/26141
-    display: none;
-  }
-
-  // ==============================================================
-  // =                            Label                           =
-  // ==============================================================
-  &-label {
-    display: inline-block;
-    flex-grow: 0;
-    overflow: hidden;
-    white-space: nowrap;
-    text-align: right;
-    vertical-align: middle;
-
-    &-left {
-      text-align: left;
-    }
-
-    > label {
-      position: relative;
-      display: inline-flex;
-      align-items: center;
-      max-width: 100%;
-      height: @form-item-label-height;
-      color: @label-color;
-      font-size: @form-item-label-font-size;
-
-      > .@{iconfont-css-prefix} {
-        font-size: @form-item-label-font-size;
-        vertical-align: top;
-      }
-
-      // Required mark
-      &.@{form-item-prefix-cls}-required:not(.@{form-item-prefix-cls}-required-mark-optional)::before {
-        display: inline-block;
-        margin-right: 4px;
-        color: @label-required-color;
-        font-size: @form-item-label-font-size;
-        font-family: SimSun, sans-serif;
-        line-height: 1;
-        content: '*';
-
-        .@{form-prefix-cls}-hide-required-mark & {
-          display: none;
-        }
-      }
-
-      // Optional mark
-      .@{form-item-prefix-cls}-optional {
-        display: inline-block;
-        margin-left: @margin-xss;
-        color: @text-color-secondary;
-
-        .@{form-prefix-cls}-hide-required-mark & {
-          display: none;
-        }
-      }
-
-      // Optional mark
-      .@{form-item-prefix-cls}-tooltip {
-        color: @text-color-secondary;
-        cursor: help;
-        writing-mode: horizontal-tb;
-        margin-inline-start: @margin-xss;
-      }
-
-      &::after {
-        & when (@form-item-trailing-colon=true) {
-          content: ':';
-        }
-        & when not (@form-item-trailing-colon=true) {
-          content: ' ';
-        }
-
-        position: relative;
-        top: -0.5px;
-        margin: 0 @form-item-label-colon-margin-right 0 @form-item-label-colon-margin-left;
-      }
-
-      &.@{form-item-prefix-cls}-no-colon::after {
-        content: ' ';
-      }
-    }
-  }
-
-  // ==============================================================
-  // =                            Input                           =
-  // ==============================================================
-  &-control {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-
-    &:first-child:not([class^=~"'@{ant-prefix}-col-'"]):not([class*=~"' @{ant-prefix}-col-'"]) {
-      width: 100%;
-    }
-  }
-
-  &-control-input {
-    position: relative;
-    display: flex;
-    align-items: center;
-    min-height: @input-height-base;
-
-    &-content {
-      flex: auto;
-      max-width: 100%;
-    }
-  }
-
-  // ==============================================================
-  // =                           Explain                          =
-  // ==============================================================
-  &-explain,
-  &-extra {
-    clear: both;
-    color: @text-color-secondary;
-    font-size: @font-size-base;
-    line-height: @line-height-base;
-    transition: color 0.3s @ease-out; // sync input color transition
-    .explainAndExtraDistance((@form-item-margin-bottom - @form-font-height) / 2);
-  }
-
-  &-explain-connected {
-    height: 0;
-    min-height: 0;
-    opacity: 0;
-  }
-
-  &-extra {
-    min-height: @form-item-margin-bottom;
-  }
-
-  .@{ant-prefix}-input-textarea-show-count {
-    &::after {
-      margin-bottom: -22px;
-    }
-  }
-
-  &-with-help &-explain {
-    height: auto;
-    min-height: @form-item-margin-bottom;
-    opacity: 1;
-  }
-}
-
-// >>>>>>>>>> Motion <<<<<<<<<<
-// Explain holder
-.@{ant-prefix}-show-help {
-  transition: height @animation-duration-slow linear, min-height @animation-duration-slow linear,
-    margin-bottom @animation-duration-slow @ease-in-out,
-    opacity @animation-duration-slow @ease-in-out;
-
-  &-leave {
-    min-height: @form-item-margin-bottom;
-
-    &-active {
-      min-height: 0;
-    }
-  }
-}
-
-// Explain
-.@{ant-prefix}-show-help-item {
-  overflow: hidden;
-  transition: height @animation-duration-slow @ease-in-out,
-    opacity @animation-duration-slow @ease-in-out, transform @animation-duration-slow @ease-in-out !important;
-
-  &-appear,
-  &-enter {
-    transform: translateY(-5px);
-    opacity: 0;
-
-    &-active {
-      transform: translateY(0);
-      opacity: 1;
-    }
-  }
-
-  &-leave-active {
-    transform: translateY(-5px);
-  }
-}
-
-// need there different zoom animation
-// otherwise won't trigger anim
-@keyframes diffZoomIn1 {
-  0% {
-    transform: scale(0);
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-
-@keyframes diffZoomIn2 {
-  0% {
-    transform: scale(0);
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-
-@keyframes diffZoomIn3 {
-  0% {
-    transform: scale(0);
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
-
-@import './rtl';

package/es/grid/demo/basic/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * title: 基础栅格
- * desc: 从堆叠到水平排列。<br/>使用单一的一组 `Row` 和 `Col` 栅格组件，就可以创建一个基本的栅格系统，所有列（Col）必须放在 `Row` 内。
- */
-import './index.less';
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/grid/demo/basic/index.js

@@ -1,35 +0,0 @@
-/**
- * title: 基础栅格
- * desc: 从堆叠到水平排列。<br/>使用单一的一组 `Row` 和 `Col` 栅格组件，就可以创建一个基本的栅格系统，所有列（Col）必须放在 `Row` 内。
- */
-import React from 'react';
-import { Row, Col } from '@fle-ui/next';
-import './index.less';
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "code-box-demo"
-  }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, "col")), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, "col-12"), /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, "col-12")), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 8
-  }, "col-8"), /*#__PURE__*/React.createElement(Col, {
-    span: 8
-  }, "col-8"), /*#__PURE__*/React.createElement(Col, {
-    span: 8
-  }, "col-8")), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 6
-  }, "col-6"), /*#__PURE__*/React.createElement(Col, {
-    span: 6
-  }, "col-6"), /*#__PURE__*/React.createElement(Col, {
-    span: 6
-  }, "col-6"), /*#__PURE__*/React.createElement(Col, {
-    span: 6
-  }, "col-6")));
-};
-
-export default Demo;

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

@@ -1,119 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/theme.less';
-@import '../../style/mixins/index';
-@import './mixin';
-
-// Grid system
-.@{ant-prefix}-row {
-  display: flex;
-  flex-flow: row wrap;
-
-  &::before,
-  &::after {
-    display: flex;
-  }
-
-  // No wrap of flex
-  &-no-wrap {
-    flex-wrap: nowrap;
-  }
-}
-
-// x轴原点
-.@{ant-prefix}-row-start {
-  justify-content: flex-start;
-}
-
-// x轴居中
-.@{ant-prefix}-row-center {
-  justify-content: center;
-}
-
-// x轴反方向
-.@{ant-prefix}-row-end {
-  justify-content: flex-end;
-}
-
-// x轴平分
-.@{ant-prefix}-row-space-between {
-  justify-content: space-between;
-}
-
-// x轴有间隔地平分
-.@{ant-prefix}-row-space-around {
-  justify-content: space-around;
-}
-
-// 顶部对齐
-.@{ant-prefix}-row-top {
-  align-items: flex-start;
-}
-
-// 居中对齐
-.@{ant-prefix}-row-middle {
-  align-items: center;
-}
-
-// 底部对齐
-.@{ant-prefix}-row-bottom {
-  align-items: flex-end;
-}
-
-.@{ant-prefix}-col {
-  position: relative;
-  max-width: 100%;
-  // Prevent columns from collapsing when empty
-  min-height: 1px;
-}
-
-.make-grid();
-
-// Extra small grid
-//
-// Columns, offsets, pushes, and pulls for extra small devices like
-// smartphones.
-
-.make-grid(-xs);
-
-// Small grid
-//
-// Columns, offsets, pushes, and pulls for the small device range, from phones
-// to tablets.
-
-@media (min-width: @screen-sm-min) {
-  .make-grid(-sm);
-}
-
-// Medium grid
-//
-// Columns, offsets, pushes, and pulls for the desktop device range.
-
-@media (min-width: @screen-md-min) {
-  .make-grid(-md);
-}
-
-// Large grid
-//
-// Columns, offsets, pushes, and pulls for the large desktop device range.
-
-@media (min-width: @screen-lg-min) {
-  .make-grid(-lg);
-}
-
-// Extra Large grid
-//
-// Columns, offsets, pushes, and pulls for the full hd device range.
-
-@media (min-width: @screen-xl-min) {
-  .make-grid(-xl);
-}
-
-// Extra Extra Large grid
-//
-// Columns, offsets, pushes, and pulls for the full hd device range.
-
-@media (min-width: @screen-xxl-min) {
-  .make-grid(-xxl);
-}
-
-@import './rtl';

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

@@ -1,5 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/theme.less';
-@import '../../style/mixins/index';
-
-@icon-prefix-cls: ~'@{ant-prefix}-icon';

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

@@ -1,6 +0,0 @@
-/**
- * title: 基本用法
- * desc: 单击图像可以放大显示。
- */
-declare const BasicDemo: () => JSX.Element;
-export default BasicDemo;

package/es/image/demo/basic.js

@@ -1,15 +0,0 @@
-/**
- * title: 基本用法
- * desc: 单击图像可以放大显示。
- */
-import React from 'react';
-import { Image } from '@fle-ui/next';
-
-var BasicDemo = function BasicDemo() {
-  return /*#__PURE__*/React.createElement(Image, {
-    width: 200,
-    src: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-  });
-};
-
-export default BasicDemo;

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

@@ -1,6 +0,0 @@
-/**
- * title: 自定义预览图片
- * desc: 可以设置不同的预览图片。
- */
-declare const CustomDemo: () => JSX.Element;
-export default CustomDemo;

package/es/image/demo/custom.js

@@ -1,18 +0,0 @@
-/**
- * title: 自定义预览图片
- * desc: 可以设置不同的预览图片。
- */
-import React from 'react';
-import { Image } from '@fle-ui/next';
-
-var CustomDemo = function CustomDemo() {
-  return /*#__PURE__*/React.createElement(Image, {
-    width: 200,
-    src: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?x-oss-process=image/blur,r_50,s_50/quality,q_1/resize,m_mfit,h_200,w_200",
-    preview: {
-      src: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'
-    }
-  });
-};
-
-export default CustomDemo;

package/es/image/demo/error.d.ts

@@ -1,2 +0,0 @@
-declare const ErrorDemo: () => JSX.Element;
-export default ErrorDemo;

package/es/image/demo/error.js

@@ -1,17 +0,0 @@
-/**
- * title: 容错处理
- * desc: 加载失败显示图像占位符。
- */
-import React from 'react';
-import { Image } from '@fle-ui/next';
-
-var ErrorDemo = function ErrorDemo() {
-  return /*#__PURE__*/React.createElement(Image, {
-    width: 200,
-    height: 200,
-    src: "error",
-    fallback: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="
-  });
-};
-
-export default ErrorDemo;

package/es/image/demo/load.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 渐进加载
- * desc: 大图使用 placeholder 渐进加载。
- */
-declare const LoadDemo: () => JSX.Element;
-export default LoadDemo;

package/es/image/demo/load.js

@@ -1,34 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 渐进加载
- * desc: 大图使用 placeholder 渐进加载。
- */
-import React from 'react';
-import { Image, Button, Space } from '@fle-ui/next';
-
-var LoadDemo = function LoadDemo() {
-  var _React$useState = React.useState(),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      random = _React$useState2[0],
-      setRandom = _React$useState2[1];
-
-  return /*#__PURE__*/React.createElement(Space, {
-    size: 12
-  }, /*#__PURE__*/React.createElement(Image, {
-    width: 200,
-    src: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?".concat(random),
-    placeholder: /*#__PURE__*/React.createElement(Image, {
-      preview: false,
-      src: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?x-oss-process=image/blur,r_50,s_50/quality,q_1/resize,m_mfit,h_200,w_200",
-      width: 200
-    })
-  }), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    onClick: function onClick() {
-      setRandom(Date.now());
-    }
-  }, "Reload"));
-};
-
-export default LoadDemo;

package/es/image/demo/many.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 多张图片预览
- * desc: 点击左右切换按钮可以预览多张图片。
- */
-declare const Many: () => JSX.Element;
-export default Many;

package/es/image/demo/many.js

@@ -1,18 +0,0 @@
-/**
- * title: 多张图片预览
- * desc: 点击左右切换按钮可以预览多张图片。
- */
-import React from 'react';
-import { Image } from '@fle-ui/next';
-
-var Many = function Many() {
-  return /*#__PURE__*/React.createElement(Image.PreviewGroup, null, /*#__PURE__*/React.createElement(Image, {
-    width: 200,
-    src: "https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
-  }), /*#__PURE__*/React.createElement(Image, {
-    width: 200,
-    src: "https://gw.alipayobjects.com/zos/antfincdn/aPkFc8Sj7n/method-draw-image.svg"
-  }));
-};
-
-export default Many;

package/es/image/demo/photo.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 相册模式
- * desc: 从一张图片点开相册。
- */
-declare const PhotoDemo: () => JSX.Element;
-export default PhotoDemo;