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

package/es/cascader/demo/disabled.js

@@ -1,44 +0,0 @@
-/**
- * title: 禁用选项
- * desc: 通过指定 options 里的 disabled 字段。
- */
-import React from 'react';
-import { Cascader } from '@fle-ui/next';
-
-var DisabledDemo = function DisabledDemo() {
-  var options = [{
-    value: 'zhejiang',
-    label: 'Zhejiang',
-    children: [{
-      value: 'hangzhou',
-      label: 'Hangzhou',
-      children: [{
-        value: 'xihu',
-        label: 'West Lake'
-      }]
-    }]
-  }, {
-    value: 'jiangsu',
-    label: 'Jiangsu',
-    disabled: true,
-    children: [{
-      value: 'nanjing',
-      label: 'Nanjing',
-      children: [{
-        value: 'zhonghuamen',
-        label: 'Zhong Hua Men'
-      }]
-    }]
-  }];
-
-  function onChange(value) {
-    console.log(value);
-  }
-
-  return /*#__PURE__*/React.createElement(Cascader, {
-    options: options,
-    onChange: onChange
-  });
-};
-
-export default DisabledDemo;

package/es/cascader/demo/dropdown.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 扩展菜单
- * desc: 使用 dropdownRender 对下拉菜单进行自由扩展。
- */
-declare const DropDownDemo: () => JSX.Element;
-export default DropDownDemo;

package/es/cascader/demo/dropdown.js

@@ -1,52 +0,0 @@
-/**
- * title: 扩展菜单
- * desc: 使用 dropdownRender 对下拉菜单进行自由扩展。
- */
-import React from 'react';
-import { Cascader, Divider } from '@fle-ui/next';
-
-var DropDownDemo = function DropDownDemo() {
-  var options = [{
-    value: 'zhejiang',
-    label: 'Zhejiang',
-    children: [{
-      value: 'hangzhou',
-      label: 'Hangzhou',
-      children: [{
-        value: 'xihu',
-        label: 'West Lake'
-      }]
-    }]
-  }, {
-    value: 'jiangsu',
-    label: 'Jiangsu',
-    children: [{
-      value: 'nanjing',
-      label: 'Nanjing',
-      children: [{
-        value: 'zhonghuamen',
-        label: 'Zhong Hua Men'
-      }]
-    }]
-  }];
-
-  function dropdownRender(menus) {
-    return /*#__PURE__*/React.createElement("div", null, menus, /*#__PURE__*/React.createElement(Divider, {
-      style: {
-        margin: 0
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: 8
-      }
-    }, "The footer is not very short."));
-  }
-
-  return /*#__PURE__*/React.createElement(Cascader, {
-    options: options,
-    dropdownRender: dropdownRender,
-    placeholder: "Please select"
-  });
-};
-
-export default DropDownDemo;

package/es/cascader/demo/move.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 移入展开
- * desc: 通过移入展开下级菜单，点击完成选择。
- */
-declare const moveDemo: () => JSX.Element;
-export default moveDemo;

package/es/cascader/demo/move.js

@@ -1,50 +0,0 @@
-/**
- * title: 移入展开
- * desc: 通过移入展开下级菜单，点击完成选择。
- */
-import React from 'react';
-import { Cascader } from '@fle-ui/next';
-
-var moveDemo = function moveDemo() {
-  var options = [{
-    value: 'zhejiang',
-    label: 'Zhejiang',
-    children: [{
-      value: 'hangzhou',
-      label: 'Hangzhou',
-      children: [{
-        value: 'xihu',
-        label: 'West Lake'
-      }]
-    }]
-  }, {
-    value: 'jiangsu',
-    label: 'Jiangsu',
-    children: [{
-      value: 'nanjing',
-      label: 'Nanjing',
-      children: [{
-        value: 'zhonghuamen',
-        label: 'Zhong Hua Men'
-      }]
-    }]
-  }];
-
-  function onChange(value) {
-    console.log(value);
-  } // Just show the latest item.
-
-
-  function displayRender(label) {
-    return label[label.length - 1];
-  }
-
-  return /*#__PURE__*/React.createElement(Cascader, {
-    options: options,
-    expandTrigger: "hover",
-    displayRender: displayRender,
-    onChange: onChange
-  });
-};
-
-export default moveDemo;

package/es/cascader/demo/search.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 搜索
- * desc: 可以直接搜索选项并选择。
- */
-declare const SearchDemo: () => JSX.Element;
-export default SearchDemo;

package/es/cascader/demo/search.js

@@ -1,57 +0,0 @@
-/**
- * title: 搜索
- * desc: 可以直接搜索选项并选择。
- */
-import React from 'react';
-import { Cascader } from '@fle-ui/next';
-
-var SearchDemo = function SearchDemo() {
-  var options = [{
-    value: 'zhejiang',
-    label: 'Zhejiang',
-    children: [{
-      value: 'hangzhou',
-      label: 'Hangzhou',
-      children: [{
-        value: 'xihu',
-        label: 'West Lake'
-      }, {
-        value: 'xiasha',
-        label: 'Xia Sha',
-        disabled: true
-      }]
-    }]
-  }, {
-    value: 'jiangsu',
-    label: 'Jiangsu',
-    children: [{
-      value: 'nanjing',
-      label: 'Nanjing',
-      children: [{
-        value: 'zhonghuamen',
-        label: 'Zhong Hua men'
-      }]
-    }]
-  }];
-
-  function onChange(value, selectedOptions) {
-    console.log(value, selectedOptions);
-  }
-
-  function filter(inputValue, path) {
-    return path.some(function (option) {
-      return option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1;
-    });
-  }
-
-  return /*#__PURE__*/React.createElement(Cascader, {
-    options: options,
-    onChange: onChange,
-    placeholder: "Please select",
-    showSearch: {
-      filter: filter
-    }
-  });
-};
-
-export default SearchDemo;

package/es/cascader/demo/size.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 大小
- * desc: 不同大小的级联选择器。
- */
-declare const SizeDemo: () => JSX.Element;
-export default SizeDemo;

package/es/cascader/demo/size.js

@@ -1,51 +0,0 @@
-/**
- * title: 大小
- * desc: 不同大小的级联选择器。
- */
-import React from 'react';
-import { Cascader } from '@fle-ui/next';
-
-var SizeDemo = function SizeDemo() {
-  var options = [{
-    value: 'zhejiang',
-    label: 'Zhejiang',
-    children: [{
-      value: 'hangzhou',
-      label: 'Hangzhou',
-      children: [{
-        value: 'xihu',
-        label: 'West Lake'
-      }]
-    }]
-  }, {
-    value: 'jiangsu',
-    label: 'Jiangsu',
-    children: [{
-      value: 'nanjing',
-      label: 'Nanjing',
-      children: [{
-        value: 'zhonghuamen',
-        label: 'Zhong Hua Men'
-      }]
-    }]
-  }];
-
-  function onChange(value) {
-    console.log(value);
-  }
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Cascader, {
-    size: "large",
-    options: options,
-    onChange: onChange
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Cascader, {
-    options: options,
-    onChange: onChange
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Cascader, {
-    size: "small",
-    options: options,
-    onChange: onChange
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null));
-};
-
-export default SizeDemo;

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

@@ -1,102 +0,0 @@
-@import '../../style/index.less';
-@import '../../input/style/mixin';
-@import '../../checkbox/style/mixin';
-
-@cascader-prefix-cls: ~'@{ant-prefix}-cascader';
-
-.antCheckboxFn(@checkbox-prefix-cls: ~'@{cascader-prefix-cls}-checkbox');
-
-.@{cascader-prefix-cls} {
-  width: 184px;
-
-  &-checkbox {
-    top: 0;
-    margin-right: @padding-xs;
-  }
-
-  &-menus {
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: flex-start;
-
-    &.@{cascader-prefix-cls}-menu-empty {
-      .@{cascader-prefix-cls}-menu {
-        width: 100%;
-        height: auto;
-      }
-    }
-  }
-
-  &-menu {
-    min-width: 111px;
-    height: 180px;
-    margin: 0;
-    margin: -@dropdown-edge-child-vertical-padding 0;
-    padding: @cascader-dropdown-edge-child-vertical-padding 0;
-    overflow: auto;
-    vertical-align: top;
-    list-style: none;
-    border-right: @border-width-base @border-style-base @cascader-menu-border-color-split;
-    -ms-overflow-style: -ms-autohiding-scrollbar; // https://github.com/ant-design/ant-design/issues/11857
-
-    &-item {
-      display: flex;
-      flex-wrap: nowrap;
-      align-items: center;
-      padding: @cascader-dropdown-vertical-padding @control-padding-horizontal;
-      overflow: hidden;
-      line-height: @cascader-dropdown-line-height;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      cursor: pointer;
-      transition: all 0.3s;
-
-      &:hover {
-        background: @item-hover-bg;
-      }
-
-      &-disabled {
-        color: @disabled-color;
-        cursor: not-allowed;
-        &:hover {
-          background: transparent;
-        }
-      }
-
-      .@{cascader-prefix-cls}-menu-empty & {
-        color: @disabled-color;
-        cursor: default;
-        pointer-events: none;
-      }
-
-      &-active:not(&-disabled) {
-        &,
-        &:hover {
-          font-weight: @select-item-selected-font-weight;
-          background-color: @cascader-item-selected-bg;
-        }
-      }
-
-      &-content {
-        flex: auto;
-      }
-
-      &-expand &-expand-icon,
-      &-loading-icon {
-        margin-left: @padding-xss;
-        color: @text-color-secondary;
-        font-size: 10px;
-
-        .@{cascader-prefix-cls}-menu-item-disabled& {
-          color: @disabled-color;
-        }
-      }
-
-      &-keyword {
-        color: @highlight-color;
-      }
-    }
-  }
-}
-
-@import './rtl';

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

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

package/es/checkbox/demo/basic.js

@@ -1,18 +0,0 @@
-/**
- * title: 基本
- * desc: 简单的 checkbox。
- */
-import React from 'react';
-import { Checkbox } from '@fle-ui/next';
-
-function onChange(e) {
-  console.log("checked = ".concat(e.target.checked));
-}
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(Checkbox, {
-    onChange: onChange
-  }, "Checkbox");
-};
-
-export default Demo;

package/es/checkbox/demo/check-all.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 全选
- * desc: 在实现全选效果时，你可能会用到 `indeterminate` 属性。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/checkbox/demo/check-all.js

@@ -1,52 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 全选
- * desc: 在实现全选效果时，你可能会用到 `indeterminate` 属性。
- */
-import React, { useState } from 'react';
-import { Checkbox, Divider } from '@fle-ui/next';
-var CheckboxGroup = Checkbox.Group;
-var plainOptions = ['Apple', 'Pear', 'Orange'];
-var defaultCheckedList = ['Apple', 'Orange'];
-
-var Demo = function Demo() {
-  var _useState = useState(defaultCheckedList),
-      _useState2 = _slicedToArray(_useState, 2),
-      checkedList = _useState2[0],
-      setCheckedList = _useState2[1];
-
-  var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      indeterminate = _useState4[0],
-      setIndeterminate = _useState4[1];
-
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      checkAll = _useState6[0],
-      setCheckAll = _useState6[1];
-
-  var onChange = function onChange(list) {
-    setCheckedList(list);
-    setIndeterminate(!!list.length && list.length < plainOptions.length);
-    setCheckAll(list.length === plainOptions.length);
-  };
-
-  var onCheckAllChange = function onCheckAllChange(e) {
-    setCheckedList(e.target.checked ? plainOptions : []);
-    setIndeterminate(false);
-    setCheckAll(e.target.checked);
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
-    indeterminate: indeterminate,
-    onChange: onCheckAllChange,
-    checked: checkAll
-  }, "Check all"), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(CheckboxGroup, {
-    options: plainOptions,
-    value: checkedList,
-    onChange: onChange
-  }));
-};
-
-export default Demo;

package/es/checkbox/demo/controller.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 受控的 Checkbox
- * desc: 联动 checkbox。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/checkbox/demo/controller.js

@@ -1,57 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 受控的 Checkbox
- * desc: 联动 checkbox。
- */
-import React, { useState } from 'react';
-import { Checkbox, Button } from '@fle-ui/next';
-
-var Demo = function Demo() {
-  var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      checked = _useState2[0],
-      setChecked = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      disabled = _useState4[0],
-      setDisabled = _useState4[1];
-
-  var toggleChecked = function toggleChecked() {
-    setChecked(!checked);
-  };
-
-  var toggleDisable = function toggleDisable() {
-    setDisabled(!disabled);
-  };
-
-  var onChange = function onChange(e) {
-    console.log('checked = ', e.target.checked);
-    setChecked(e.target.checked);
-  };
-
-  var label = "".concat(checked ? 'Checked' : 'Unchecked', "-").concat(disabled ? 'Disabled' : 'Enabled');
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-    style: {
-      marginBottom: '20px'
-    }
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    checked: checked,
-    disabled: disabled,
-    onChange: onChange
-  }, label)), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    size: "small",
-    onClick: toggleChecked
-  }, !checked ? 'Check' : 'Uncheck'), /*#__PURE__*/React.createElement(Button, {
-    style: {
-      margin: '0 10px'
-    },
-    type: "primary",
-    size: "small",
-    onClick: toggleDisable
-  }, !disabled ? 'Disable' : 'Enable')));
-};
-
-export default Demo;

package/es/checkbox/demo/disabled.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 不可用
- * desc: checkbox 不可用。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/checkbox/demo/disabled.js

@@ -1,18 +0,0 @@
-/**
- * title: 不可用
- * desc: checkbox 不可用。
- */
-import React from 'react';
-import { Checkbox } from '@fle-ui/next';
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
-    defaultChecked: false,
-    disabled: true
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Checkbox, {
-    defaultChecked: true,
-    disabled: true
-  }));
-};
-
-export default Demo;

package/es/checkbox/demo/group.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: Checkbox 组
- * desc: 方便的从数组生成 Checkbox 组。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/checkbox/demo/group.js

@@ -1,52 +0,0 @@
-/**
- * title: Checkbox 组
- * desc: 方便的从数组生成 Checkbox 组。
- */
-import React from 'react';
-import { Checkbox } from '@fle-ui/next';
-
-function onChange(checkedValues) {
-  console.log('checked = ', checkedValues);
-}
-
-var plainOptions = ['Apple', 'Pear', 'Orange'];
-var options = [{
-  label: 'Apple',
-  value: 'Apple'
-}, {
-  label: 'Pear',
-  value: 'Pear'
-}, {
-  label: 'Orange',
-  value: 'Orange'
-}];
-var optionsWithDisabled = [{
-  label: 'Apple',
-  value: 'Apple'
-}, {
-  label: 'Pear',
-  value: 'Pear'
-}, {
-  label: 'Orange',
-  value: 'Orange',
-  disabled: false
-}];
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox.Group, {
-    options: plainOptions,
-    defaultValue: ['Apple'],
-    onChange: onChange
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Checkbox.Group, {
-    options: options,
-    defaultValue: ['Pear'],
-    onChange: onChange
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Checkbox.Group, {
-    options: optionsWithDisabled,
-    disabled: true,
-    defaultValue: ['Apple'],
-    onChange: onChange
-  }));
-};
-
-export default Demo;

package/es/checkbox/demo/layout.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 布局
- * desc: Checkbox.Group 内嵌 Checkbox 并与 Grid 组件一起使用，可以实现灵活的布局。
- */
-declare const Demo: () => JSX.Element;
-export default Demo;

package/es/checkbox/demo/layout.js

@@ -1,41 +0,0 @@
-/**
- * title: 布局
- * desc: Checkbox.Group 内嵌 Checkbox 并与 Grid 组件一起使用，可以实现灵活的布局。
- */
-import React from 'react';
-import { Checkbox, Row, Col } from '@fle-ui/next';
-
-function onChange(checkedValues) {
-  console.log('checked = ', checkedValues);
-}
-
-var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(Checkbox.Group, {
-    style: {
-      width: '100%'
-    },
-    onChange: onChange
-  }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    value: "A"
-  }, "A")), /*#__PURE__*/React.createElement(Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    value: "B"
-  }, "B")), /*#__PURE__*/React.createElement(Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    value: "C"
-  }, "C")), /*#__PURE__*/React.createElement(Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    value: "D"
-  }, "D")), /*#__PURE__*/React.createElement(Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    value: "E"
-  }, "E"))));
-};
-
-export default Demo;

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

@@ -1,5 +0,0 @@
-@import '../../style/index.less';
-@import './mixin';
-
-.antCheckboxFn();
-@import './rtl';