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

package/lib/input/demo/search.js

@@ -1,69 +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 Search = _next.Input.Search;
-
-var Demo = function Demo() {
-  var onSearch = function onSearch(value) {
-    return console.log(value);
-  };
-
-  var suffix = /*#__PURE__*/_react["default"].createElement(_icons.AudioOutlined, {
-    style: {
-      fontSize: 16,
-      color: '#1890ff'
-    }
-  });
-
-  return /*#__PURE__*/_react["default"].createElement(_next.Space, {
-    direction: "vertical"
-  }, /*#__PURE__*/_react["default"].createElement(Search, {
-    placeholder: "input search text",
-    onSearch: onSearch,
-    style: {
-      width: 200
-    }
-  }), /*#__PURE__*/_react["default"].createElement(Search, {
-    placeholder: "input search text",
-    allowClear: true,
-    onSearch: onSearch,
-    style: {
-      width: 200
-    }
-  }), /*#__PURE__*/_react["default"].createElement(Search, {
-    placeholder: "input search text",
-    onSearch: onSearch,
-    enterButton: true
-  }), /*#__PURE__*/_react["default"].createElement(Search, {
-    placeholder: "input search text",
-    allowClear: true,
-    enterButton: "Search",
-    size: "large",
-    onSearch: onSearch
-  }), /*#__PURE__*/_react["default"].createElement(Search, {
-    placeholder: "input search text",
-    enterButton: "Search",
-    size: "large",
-    suffix: suffix,
-    onSearch: onSearch
-  }));
-};
-
-var _default = Demo;
-exports["default"] = _default;

package/lib/input/demo/size.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 三种大小
- * desc: 我们为 `<Input />` 输入框定义了三种尺寸（大、默认、小），高度分别为 `40px`、`32px` 和 `24px`。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/lib/input/demo/size.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");
-
-var _icons = require("@ant-design/icons");
-
-/**
- * title: 三种大小
- * desc: 我们为 `<Input />` 输入框定义了三种尺寸（大、默认、小），高度分别为 `40px`、`32px` 和 `24px`。
- */
-var Demo = function Demo() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_next.Input, {
-    size: "large",
-    placeholder: "large size",
-    prefix: /*#__PURE__*/_react["default"].createElement(_icons.UserOutlined, null)
-  }), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_next.Input, {
-    placeholder: "default size",
-    prefix: /*#__PURE__*/_react["default"].createElement(_icons.UserOutlined, null)
-  }), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_next.Input, {
-    size: "small",
-    placeholder: "small size",
-    prefix: /*#__PURE__*/_react["default"].createElement(_icons.UserOutlined, null)
-  }));
-};
-
-var _default = Demo;
-exports["default"] = _default;

package/lib/input/demo/textarea-count.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 带字数提示的文本域
- * desc: 展示字数提示。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/lib/input/demo/textarea-count.js

@@ -1,33 +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 TextArea = _next.Input.TextArea;
-
-var Demo = function Demo() {
-  var onChange = function onChange(e) {
-    console.log('Change:', e.target.value);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(TextArea, {
-    showCount: true,
-    maxLength: 100,
-    onChange: onChange
-  });
-};
-
-var _default = Demo;
-exports["default"] = _default;

package/lib/input/demo/textarea.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 文本域
- * desc: 用于多行输入。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/lib/input/demo/textarea.js

@@ -1,27 +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 TextArea = _next.Input.TextArea;
-
-var Demo = function Demo() {
-  return /*#__PURE__*/_react["default"].createElement(TextArea, {
-    rows: 4
-  });
-};
-
-var _default = Demo;
-exports["default"] = _default;

package/lib/input/demo/tooltip/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * title: 输入时格式化展示
- * desc: 结合 [Tooltip](/components/tooltip) 组件，实现一个数值输入框，方便内容超长时的全量展现。
- */
-import './index.less';
-declare const Demo: () => JSX.Element;
-export default Demo;

package/lib/input/demo/tooltip/index.js

@@ -1,48 +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 _numericInput = _interopRequireDefault(require("./numericInput"));
-
-require("./index.less");
-
-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: 结合 [Tooltip](/components/tooltip) 组件，实现一个数值输入框，方便内容超长时的全量展现。
- */
-var Demo = function Demo() {
-  var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  var onChange = function onChange(value) {
-    setValue(value);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_numericInput["default"], {
-    style: {
-      width: 120
-    },
-    value: value,
-    onChange: onChange
-  });
-};
-
-var _default = Demo;
-exports["default"] = _default;

package/lib/input/demo/tooltip/numericInput.d.ts

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

package/lib/input/demo/tooltip/numericInput.js

@@ -1,79 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-var formatNumber = function formatNumber(value) {
-  value += '';
-  var list = value.split('.');
-  var prefix = list[0].charAt(0) === '-' ? '-' : '';
-  var num = prefix ? list[0].slice(1) : list[0];
-  var result = '';
-
-  while (num.length > 3) {
-    result = ",".concat(num.slice(-3)).concat(result);
-    num = num.slice(0, num.length - 3);
-  }
-
-  if (num) {
-    result = num + result;
-  }
-
-  return "".concat(prefix).concat(result).concat(list[1] ? ".".concat(list[1]) : '');
-};
-
-var NumericInput = function NumericInput(props) {
-  var value = props.value;
-
-  var onChange = function onChange(e) {
-    var value = e.target.value;
-    var reg = /^-?\d*(\.\d*)?$/;
-
-    if (!isNaN(value) && reg.test(value) || value === '' || value === '-') {
-      props.onChange(value);
-    }
-  }; // '.' at the end or only '-' in the input box.
-
-
-  var onBlur = function onBlur() {
-    var valueTemp = value;
-
-    if (value.charAt(value.length - 1) === '.' || value === '-') {
-      valueTemp = value.slice(0, -1);
-    }
-
-    props.onChange(valueTemp.replace(/0*(\d+)/, '$1'));
-
-    if (props.onBlur) {
-      props.onBlur();
-    }
-  };
-
-  var title = value ? /*#__PURE__*/_react["default"].createElement("span", {
-    className: "numeric-input-title"
-  }, value !== '-' ? formatNumber(value) : '-') : 'Input a number';
-  return /*#__PURE__*/_react["default"].createElement(_next.Tooltip, {
-    trigger: ['focus'],
-    title: title,
-    placement: "topLeft",
-    overlayClassName: "numeric-input"
-  }, /*#__PURE__*/_react["default"].createElement(_next.Input, (0, _extends2["default"])({}, props, {
-    onChange: onChange,
-    onBlur: onBlur,
-    placeholder: "Input a number",
-    maxLength: 25
-  })));
-};
-
-var _default = NumericInput;
-exports["default"] = _default;

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

@@ -1,63 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/theme.less';
-@import '../../style/mixins/index';
-@import './mixin';
-@import './affix';
-@import './allow-clear';
-
-@input-prefix-cls: ~'@{ant-prefix}-input';
-
-// Input styles
-.@{input-prefix-cls} {
-  .reset-component();
-  .input();
-
-  //== Style for input-group: input with label, with button or dropdown...
-  &-group {
-    .reset-component();
-    .input-group(~'@{input-prefix-cls}');
-    &-wrapper {
-      display: inline-block;
-      width: 100%;
-      text-align: start;
-      vertical-align: top; // https://github.com/ant-design/ant-design/issues/6403
-    }
-  }
-
-  &-password-icon {
-    color: @text-color-secondary;
-    cursor: pointer;
-    transition: all 0.3s;
-
-    &:hover {
-      color: @input-icon-hover-color;
-    }
-  }
-
-  &[type='color'] {
-    height: @input-height-base;
-
-    &.@{input-prefix-cls}-lg {
-      height: @input-height-lg;
-    }
-    &.@{input-prefix-cls}-sm {
-      height: @input-height-sm;
-      padding-top: 3px;
-      padding-bottom: 3px;
-    }
-  }
-
-  &-textarea {
-    &-show-count::after {
-      float: right;
-      color: @text-color-secondary;
-      white-space: nowrap;
-      content: attr(data-count);
-      pointer-events: none;
-    }
-  }
-}
-
-@import './search-input';
-@import './rtl';
-@import './IE11';

package/lib/input-number/demo/basic.d.ts

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

package/lib/input-number/demo/basic.js

@@ -1,32 +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 onChange = function onChange(value) {
-    console.log('changed', value);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_next.InputNumber, {
-    min: 1,
-    max: 10,
-    defaultValue: 3,
-    onChange: onChange
-  }));
-};
-
-var _default = BasicDemo;
-exports["default"] = _default;

package/lib/input-number/demo/decimal.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 高精度小数
- * desc: 通过 stringMode 开启高精度小数支持，onChange 事件将返回 string 类型。对于旧版浏览器，你需要 BigInt polyfill。
- */
-declare const DecimalDemo: () => JSX.Element;
-export default DecimalDemo;

package/lib/input-number/demo/decimal.js

@@ -1,37 +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: 通过 stringMode 开启高精度小数支持，onChange 事件将返回 string 类型。对于旧版浏览器，你需要 BigInt polyfill。
- */
-var DecimalDemo = function DecimalDemo() {
-  var onChange = function onChange(value) {
-    console.log('changed', value);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_next.InputNumber, {
-    style: {
-      width: 200
-    },
-    defaultValue: "1",
-    min: "0",
-    max: "10",
-    step: "0.00000000000001",
-    onChange: onChange,
-    stringMode: true
-  });
-};
-
-var _default = DecimalDemo;
-exports["default"] = _default;

package/lib/input-number/demo/disabled.d.ts

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

package/lib/input-number/demo/disabled.js

@@ -1,52 +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: 点击按钮切换可用状态。
- */
-var DisabledDemo = function DisabledDemo() {
-  var _useState = (0, _react.useState)(true),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      disabled = _useState2[0],
-      setDisabled = _useState2[1];
-
-  var toggle = function toggle() {
-    setDisabled(!disabled);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_next.InputNumber, {
-    min: 1,
-    max: 10,
-    disabled: disabled,
-    defaultValue: 3
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      marginTop: 20
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_next.Button, {
-    onClick: toggle,
-    type: "primary"
-  }, "Toggle disabled")));
-};
-
-var _default = DisabledDemo;
-exports["default"] = _default;

package/lib/input-number/demo/formatter.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 基本
- * desc: 数字输入框
- */
-declare const FormatterDemo: () => JSX.Element;
-export default FormatterDemo;

package/lib/input-number/demo/formatter.js

@@ -1,50 +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 FormatterDemo = function FormatterDemo() {
-  var onChange = function onChange(value) {
-    console.log('changed', value);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_next.InputNumber, {
-    defaultValue: 1000,
-    formatter: function formatter(value) {
-      return "$ ".concat(value).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-    },
-    // @ts-ignore
-    parser: function parser(value) {
-      return (value === null || value === void 0 ? void 0 : value.replace(/\$\s?|(,*)/g, '')) || '';
-    },
-    onChange: onChange
-  }), /*#__PURE__*/_react["default"].createElement(_next.InputNumber, {
-    defaultValue: 100,
-    // @ts-ignore
-    min: 0,
-    max: 100,
-    formatter: function formatter(value) {
-      return "".concat(value, "%");
-    },
-    // @ts-ignore
-    parser: function parser(value) {
-      return (value === null || value === void 0 ? void 0 : value.replace('%', '')) || '';
-    },
-    onChange: onChange
-  }));
-};
-
-var _default = FormatterDemo;
-exports["default"] = _default;

package/lib/input-number/demo/keyboard.d.ts

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

package/lib/input-number/demo/keyboard.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _next = require("@fle-ui/next");
-
-/**
- * title: 键盘行为
- * desc: 使用 keyboard 属性可以控制键盘行为。
- */
-var keyboardDemo = function keyboardDemo() {
-  var _React$useState = _react["default"].useState(true),
-      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-      keyboard = _React$useState2[0],
-      setKeyboard = _React$useState2[1];
-
-  return /*#__PURE__*/_react["default"].createElement(_next.Space, null, /*#__PURE__*/_react["default"].createElement(_next.InputNumber, {
-    min: 1,
-    max: 10,
-    keyboard: keyboard,
-    defaultValue: 3
-  }), /*#__PURE__*/_react["default"].createElement(_next.Checkbox, {
-    onChange: function onChange() {
-      setKeyboard(!keyboard);
-    },
-    checked: keyboard
-  }, "Toggle keyboard"));
-};
-
-var _default = keyboardDemo;
-exports["default"] = _default;

package/lib/input-number/demo/nowrap.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 无边框
- * desc: 没有边框。
- */
-declare const Nowrap: () => JSX.Element;
-export default Nowrap;

package/lib/input-number/demo/nowrap.js

@@ -1,28 +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 Nowrap = function Nowrap() {
-  return /*#__PURE__*/_react["default"].createElement(_next.InputNumber, {
-    min: 1,
-    max: 10,
-    defaultValue: 3,
-    bordered: false
-  });
-};
-
-var _default = Nowrap;
-exports["default"] = _default;