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

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

@@ -1,101 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-
-@comment-prefix-cls: ~'@{ant-prefix}-comment';
-
-.@{comment-prefix-cls} {
-  position: relative;
-  background-color: @comment-bg;
-
-  &-inner {
-    display: flex;
-    padding: @comment-padding-base;
-  }
-
-  &-avatar {
-    position: relative;
-    flex-shrink: 0;
-    margin-right: @margin-sm;
-    cursor: pointer;
-
-    img {
-      width: 32px;
-      height: 32px;
-      border-radius: 50%;
-    }
-  }
-
-  &-content {
-    position: relative;
-    flex: 1 1 auto;
-    min-width: 1px;
-    font-size: @comment-font-size-base;
-    word-wrap: break-word;
-
-    &-author {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: flex-start;
-      margin-bottom: @margin-xss;
-      font-size: @comment-font-size-base;
-      & > a,
-      & > span {
-        padding-right: @padding-xs;
-        font-size: @comment-font-size-sm;
-        line-height: 18px;
-      }
-
-      &-name {
-        color: @comment-author-name-color;
-        font-size: @comment-font-size-base;
-        transition: color 0.3s;
-        > * {
-          color: @comment-author-name-color;
-          &:hover {
-            color: @comment-author-name-color;
-          }
-        }
-      }
-
-      &-time {
-        color: @comment-author-time-color;
-        white-space: nowrap;
-        cursor: auto;
-      }
-    }
-
-    &-detail p {
-      margin-bottom: @comment-content-detail-p-margin-bottom;
-      white-space: pre-wrap;
-    }
-  }
-
-  &-actions {
-    margin-top: @comment-actions-margin-top;
-    margin-bottom: @comment-actions-margin-bottom;
-    padding-left: 0;
-
-    > li {
-      display: inline-block;
-      color: @comment-action-color;
-      > span {
-        margin-right: 10px;
-        color: @comment-action-color;
-        font-size: @comment-font-size-sm;
-        cursor: pointer;
-        transition: color 0.3s;
-        user-select: none;
-
-        &:hover {
-          color: @comment-action-hover-color;
-        }
-      }
-    }
-  }
-
-  &-nested {
-    margin-left: @comment-nest-indent;
-  }
-}
-
-@import './rtl';

package/es/config-provider/demo/direction.d.ts

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

package/es/config-provider/demo/direction.js

@@ -1,532 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-/**
- * title: 方向
- * desc: 这里列出了支持 rtl 方向的组件，您可以在演示中切换方向。
- */
-import React, { useState } from 'react';
-import { ConfigProvider } from '@fle-ui/next';
-import { Input, Col, Row, Select, InputNumber, Cascader, Radio, Switch, Tree, // TreeSelect,
-Modal, Button, Pagination, Steps, Rate, Badge, Divider } from '@fle-ui/next';
-import { SearchOutlined as SearchIcon, SmileOutlined, DownloadOutlined, LeftOutlined, RightOutlined, MinusOutlined, PlusOutlined } from '@ant-design/icons';
-var InputGroup = Input.Group;
-var ButtonGroup = Button.Group;
-var Option = Select.Option;
-var TreeNode = Tree.TreeNode;
-var Search = Input.Search;
-var Step = Steps.Step;
-var cascaderOptions = [{
-  value: 'tehran',
-  label: 'تهران',
-  children: [{
-    value: 'tehran-c',
-    label: 'تهران',
-    children: [{
-      value: 'saadat-abad',
-      label: 'سعادت آیاد'
-    }]
-  }]
-}, {
-  value: 'ardabil',
-  label: 'اردبیل',
-  children: [{
-    value: 'ardabil-c',
-    label: 'اردبیل',
-    children: [{
-      value: 'primadar',
-      label: 'پیرمادر'
-    }]
-  }]
-}, {
-  value: 'gilan',
-  label: 'گیلان',
-  children: [{
-    value: 'rasht',
-    label: 'رشت',
-    children: [{
-      value: 'district-3',
-      label: 'منطقه ۳'
-    }]
-  }]
-}];
-
-var Page = function Page(props) {
-  var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      currentStep = _useState2[0],
-      setCurrentStep = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      modalVisible = _useState4[0],
-      setModalVisible = _useState4[1];
-
-  var _useState5 = useState(5),
-      _useState6 = _slicedToArray(_useState5, 2),
-      badgeCount = _useState6[0],
-      setBadgeCount = _useState6[1];
-
-  var _useState7 = useState(true),
-      _useState8 = _slicedToArray(_useState7, 2),
-      showBadge = _useState8[0],
-      setShowBadge = _useState8[1];
-
-  var selectBefore = /*#__PURE__*/React.createElement(Select, {
-    defaultValue: "Http://",
-    style: {
-      width: 90
-    }
-  }, /*#__PURE__*/React.createElement(Option, {
-    value: "Http://"
-  }, "Http://"), /*#__PURE__*/React.createElement(Option, {
-    value: "Https://"
-  }, "Https://"));
-  var selectAfter = /*#__PURE__*/React.createElement(Select, {
-    defaultValue: ".com",
-    style: {
-      width: 80
-    }
-  }, /*#__PURE__*/React.createElement(Option, {
-    value: ".com"
-  }, ".com"), /*#__PURE__*/React.createElement(Option, {
-    value: ".jp"
-  }, ".jp"), /*#__PURE__*/React.createElement(Option, {
-    value: ".cn"
-  }, ".cn"), /*#__PURE__*/React.createElement(Option, {
-    value: ".org"
-  }, ".org")); // ==== Cascader ====
-
-  var cascaderFilter = function cascaderFilter(inputValue, path) {
-    path.some(function (option) {
-      return option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1;
-    });
-  };
-
-  var onCascaderChange = function onCascaderChange(value) {
-    console.log(value);
-  }; // ==== End Cascader ====
-  // ==== Modal ====
-
-
-  var showModal = function showModal() {
-    setModalVisible(true);
-  };
-
-  var handleOk = function handleOk(e) {
-    console.log(e);
-    setModalVisible(false);
-  };
-
-  var handleCancel = function handleCancel(e) {
-    console.log(e);
-    setModalVisible(false);
-  }; // ==== End Modal ====
-
-
-  var onStepsChange = function onStepsChange(currentStep) {
-    console.log('onChange:', currentStep);
-    setCurrentStep(currentStep);
-  }; // ==== Badge ====
-
-
-  var increaseBadge = function increaseBadge() {
-    setBadgeCount(badgeCount + 1);
-  };
-
-  var declineBadge = function declineBadge() {
-    setBadgeCount(badgeCount - 1);
-
-    if (badgeCount < 0) {
-      setBadgeCount(0);
-    }
-  };
-
-  var onChangeBadge = function onChangeBadge(showBadge) {
-    setShowBadge(showBadge);
-  }; // ==== End Badge ====
-
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "direction-components"
-  }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement(Divider, {
-    orientation: "left"
-  }, "Cascader example"), /*#__PURE__*/React.createElement(Cascader // @ts-ignore
-  , {
-    // @ts-ignore
-    suffixIcon: /*#__PURE__*/React.createElement(SearchIcon, null),
-    options: cascaderOptions,
-    onChange: onCascaderChange,
-    placeholder: "\u06CC\u06A9 \u0645\u0648\u0631\u062F \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F",
-    popupPlacement: props.popupPlacement
-  }), "\xA0\xA0\xA0\xA0 With search:", /*#__PURE__*/React.createElement(Cascader // @ts-ignore
-  , {
-    // @ts-ignore
-    suffixIcon: /*#__PURE__*/React.createElement(SmileOutlined, null),
-    options: cascaderOptions,
-    onChange: onCascaderChange,
-    placeholder: "Select an item",
-    popupPlacement: props.popupPlacement,
-    showSearch: cascaderFilter
-  }))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Divider, {
-    orientation: "left"
-  }, "Switch example"), "\xA0\xA0", /*#__PURE__*/React.createElement(Switch, {
-    defaultChecked: true
-  }), "\xA0\xA0", /*#__PURE__*/React.createElement(Switch, {
-    loading: true,
-    defaultChecked: true
-  }), "\xA0\xA0", /*#__PURE__*/React.createElement(Switch, {
-    size: "small",
-    loading: true
-  })), /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Divider, {
-    orientation: "left"
-  }, "Radio Group example"), /*#__PURE__*/React.createElement(Radio.Group, {
-    defaultValue: "c",
-    buttonStyle: "solid"
-  }, /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "a"
-  }, "\u062A\u0647\u0631\u0627\u0646"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "b",
-    disabled: true
-  }, "\u0627\u0635\u0641\u0647\u0627\u0646"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "c"
-  }, "\u0641\u0627\u0631\u0633"), /*#__PURE__*/React.createElement(Radio.Button, {
-    value: "d"
-  }, "\u062E\u0648\u0632\u0633\u062A\u0627\u0646")))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Divider, {
-    orientation: "left"
-  }, "Button example"), /*#__PURE__*/React.createElement("div", {
-    className: "button-demo"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    icon: /*#__PURE__*/React.createElement(DownloadOutlined, null)
-  }), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    shape: "circle",
-    icon: /*#__PURE__*/React.createElement(DownloadOutlined, null)
-  }), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    shape: "round",
-    icon: /*#__PURE__*/React.createElement(DownloadOutlined, null)
-  }), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    shape: "round",
-    icon: /*#__PURE__*/React.createElement(DownloadOutlined, null)
-  }, "Download"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    icon: /*#__PURE__*/React.createElement(DownloadOutlined, null)
-  }, "Download"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button.Group, null, /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, /*#__PURE__*/React.createElement(LeftOutlined, null), "Backward"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary"
-  }, "Forward", /*#__PURE__*/React.createElement(RightOutlined, null))), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    loading: true
-  }, "Loading"), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    size: "small",
-    loading: true
-  }, "Loading"))), /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Divider, {
-    orientation: "left"
-  }, "Tree example"), /*#__PURE__*/React.createElement(Tree, {
-    showLine: true,
-    checkable: true,
-    defaultExpandedKeys: ['0-0-0', '0-0-1'],
-    defaultSelectedKeys: ['0-0-0', '0-0-1'],
-    defaultCheckedKeys: ['0-0-0', '0-0-1']
-  }, /*#__PURE__*/React.createElement(TreeNode, {
-    title: "parent 1",
-    key: "0-0"
-  }, /*#__PURE__*/React.createElement(TreeNode, {
-    title: "parent 1-0",
-    key: "0-0-0",
-    disabled: true
-  }, /*#__PURE__*/React.createElement(TreeNode, {
-    title: "leaf",
-    key: "0-0-0-0",
-    disableCheckbox: true
-  }), /*#__PURE__*/React.createElement(TreeNode, {
-    title: "leaf",
-    key: "0-0-0-1"
-  })), /*#__PURE__*/React.createElement(TreeNode, {
-    title: "parent 1-1",
-    key: "0-0-1"
-  }, /*#__PURE__*/React.createElement(TreeNode, {
-    title: /*#__PURE__*/React.createElement("span", {
-      style: {
-        color: '#1890ff'
-      }
-    }, "sss"),
-    key: "0-0-1-0"
-  })))))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement(Divider, {
-    orientation: "left"
-  }, "Input (Input Group) example"), /*#__PURE__*/React.createElement(InputGroup, {
-    size: "large"
-  }, /*#__PURE__*/React.createElement(Row, {
-    gutter: 8
-  }, /*#__PURE__*/React.createElement(Col, {
-    span: 5
-  }, /*#__PURE__*/React.createElement(Input, {
-    defaultValue: "0571"
-  })), /*#__PURE__*/React.createElement(Col, {
-    span: 8
-  }, /*#__PURE__*/React.createElement(Input, {
-    defaultValue: "26888888"
-  })))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(InputGroup, {
-    compact: true
-  }, /*#__PURE__*/React.createElement(Input, {
-    style: {
-      width: '20%'
-    },
-    defaultValue: "0571"
-  }), /*#__PURE__*/React.createElement(Input, {
-    style: {
-      width: '30%'
-    },
-    defaultValue: "26888888"
-  })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(InputGroup, {
-    compact: true
-  }, /*#__PURE__*/React.createElement(Select, {
-    defaultValue: "Option1"
-  }, /*#__PURE__*/React.createElement(Option, {
-    value: "Option1"
-  }, "Option1"), /*#__PURE__*/React.createElement(Option, {
-    value: "Option2"
-  }, "Option2")), /*#__PURE__*/React.createElement(Input, {
-    style: {
-      width: '50%'
-    },
-    defaultValue: "input content"
-  }), /*#__PURE__*/React.createElement(InputNumber, null)), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Search, {
-    placeholder: "input search text",
-    enterButton: "Search",
-    size: "large"
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: 16
-    }
-  }, /*#__PURE__*/React.createElement(Input, {
-    addonBefore: selectBefore,
-    addonAfter: selectAfter,
-    defaultValue: "mysite"
-  })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Divider, {
-    orientation: "left"
-  }, "Select example"), /*#__PURE__*/React.createElement(Select, {
-    mode: "multiple",
-    defaultValue: "\u0645\u0648\u0631\u0686\u0647",
-    style: {
-      width: 120
-    }
-  }, /*#__PURE__*/React.createElement(Option, {
-    value: "jack"
-  }, "Jack"), /*#__PURE__*/React.createElement(Option, {
-    value: "\u0645\u0648\u0631\u0686\u0647"
-  }, "\u0645\u0648\u0631\u0686\u0647"), /*#__PURE__*/React.createElement(Option, {
-    value: "disabled",
-    disabled: true
-  }, "Disabled"), /*#__PURE__*/React.createElement(Option, {
-    value: "Yiminghe"
-  }, "yiminghe")), /*#__PURE__*/React.createElement(Select, {
-    defaultValue: "\u0645\u0648\u0631\u0686\u0647",
-    style: {
-      width: 120
-    },
-    disabled: true
-  }, /*#__PURE__*/React.createElement(Option, {
-    value: "\u0645\u0648\u0631\u0686\u0647"
-  }, "\u0645\u0648\u0631\u0686\u0647")), /*#__PURE__*/React.createElement(Select, {
-    defaultValue: "\u0645\u0648\u0631\u0686\u0647",
-    style: {
-      width: 120
-    },
-    loading: true
-  }, /*#__PURE__*/React.createElement(Option, {
-    value: "\u0645\u0648\u0631\u0686\u0647"
-  }, "\u0645\u0648\u0631\u0686\u0647")), /*#__PURE__*/React.createElement(Select, {
-    showSearch: true,
-    style: {
-      width: 200
-    },
-    placeholder: "Select a person",
-    optionFilterProp: "children",
-    filterOption: function filterOption(input, option) {
-      return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
-    }
-  }, /*#__PURE__*/React.createElement(Option, {
-    value: "jack"
-  }, "Jack"), /*#__PURE__*/React.createElement(Option, {
-    value: "\u0633\u0639\u06CC\u062F"
-  }, "\u0633\u0639\u06CC\u062F"), /*#__PURE__*/React.createElement(Option, {
-    value: "tom"
-  }, "Tom")))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement(Divider, {
-    orientation: "left"
-  }, "Modal example"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    onClick: showModal
-  }, "Open Modal"), /*#__PURE__*/React.createElement(Modal, {
-    title: "\u067E\u0646\u0686\u0631\u0647 \u0633\u0627\u062F\u0647",
-    visible: modalVisible,
-    onOk: handleOk,
-    onCancel: handleCancel
-  }, /*#__PURE__*/React.createElement("p", null, "\u0646\u06AF\u0627\u0634\u062A\u0647\u200C\u0647\u0627\u06CC \u062E\u0648\u062F \u0631\u0627 \u0627\u06CC\u0646\u062C\u0627 \u0642\u0631\u0627\u0631\u062F\u0647\u06CC\u062F"), /*#__PURE__*/React.createElement("p", null, "\u0646\u06AF\u0627\u0634\u062A\u0647\u200C\u0647\u0627\u06CC \u062E\u0648\u062F \u0631\u0627 \u0627\u06CC\u0646\u062C\u0627 \u0642\u0631\u0627\u0631\u062F\u0647\u06CC\u062F"), /*#__PURE__*/React.createElement("p", null, "\u0646\u06AF\u0627\u0634\u062A\u0647\u200C\u0647\u0627\u06CC \u062E\u0648\u062F \u0631\u0627 \u0627\u06CC\u0646\u062C\u0627 \u0642\u0631\u0627\u0631\u062F\u0647\u06CC\u062F"))))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement(Divider, {
-    orientation: "left"
-  }, "Steps example"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Steps, {
-    progressDot: true,
-    current: currentStep
-  }, /*#__PURE__*/React.createElement(Step, {
-    title: "Finished",
-    description: "This is a description."
-  }), /*#__PURE__*/React.createElement(Step, {
-    title: "In Progress",
-    description: "This is a description."
-  }), /*#__PURE__*/React.createElement(Step, {
-    title: "Waiting",
-    description: "This is a description."
-  })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Steps, {
-    current: currentStep,
-    onChange: onStepsChange
-  }, /*#__PURE__*/React.createElement(Step, {
-    title: "Step 1",
-    description: "This is a description."
-  }), /*#__PURE__*/React.createElement(Step, {
-    title: "Step 2",
-    description: "This is a description."
-  }), /*#__PURE__*/React.createElement(Step, {
-    title: "Step 3",
-    description: "This is a description."
-  }))))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Divider, {
-    orientation: "left"
-  }, "Rate example"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Rate, {
-    defaultValue: 2.5
-  }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("strong", null, "* Note:"), " Half star not implemented in RTL direction, it will be supported after", ' ', /*#__PURE__*/React.createElement("a", {
-    href: "https://github.com/react-component/rate"
-  }, "rc-rate"), ' ', "implement rtl support.")), /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Divider, {
-    orientation: "left"
-  }, "Badge example"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Badge, {
-    count: badgeCount
-  }, /*#__PURE__*/React.createElement("a", {
-    href: "#",
-    className: "head-example"
-  })), /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
-    onClick: declineBadge
-  }, /*#__PURE__*/React.createElement(MinusOutlined, null)), /*#__PURE__*/React.createElement(Button, {
-    onClick: increaseBadge
-  }, /*#__PURE__*/React.createElement(PlusOutlined, null)))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: 10
-    }
-  }, /*#__PURE__*/React.createElement(Badge, {
-    dot: showBadge
-  }, /*#__PURE__*/React.createElement("a", {
-    href: "#",
-    className: "head-example"
-  })), /*#__PURE__*/React.createElement(Switch, {
-    onChange: onChangeBadge,
-    checked: showBadge
-  }))))))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement(Divider, {
-    orientation: "left"
-  }, "Pagination example"), /*#__PURE__*/React.createElement(Pagination, {
-    showSizeChanger: true,
-    defaultCurrent: 3,
-    total: 500
-  }))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement(Divider, {
-    orientation: "left"
-  }, "Grid System example"), /*#__PURE__*/React.createElement("div", {
-    className: "grid-demo"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "code-box-demo"
-  }, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("strong", null, "* Note:"), " Every calculation in RTL grid system is from right side (offset, push, etc.)"), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 8
-  }, "col-8"), /*#__PURE__*/React.createElement(Col, {
-    span: 8,
-    offset: 8
-  }, "col-8")), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 6,
-    offset: 6
-  }, "col-6 col-offset-6"), /*#__PURE__*/React.createElement(Col, {
-    span: 6,
-    offset: 6
-  }, "col-6 col-offset-6")), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 12,
-    offset: 6
-  }, "col-12 col-offset-6")), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
-    span: 18,
-    push: 6
-  }, "col-18 col-push-6"), /*#__PURE__*/React.createElement(Col, {
-    span: 6,
-    pull: 18
-  }, "col-6 col-pull-18")))))));
-};
-
-var DirectionDemo = function DirectionDemo() {
-  var _useState9 = useState('ltr'),
-      _useState10 = _slicedToArray(_useState9, 2),
-      direction = _useState10[0],
-      setDirection = _useState10[1];
-
-  var _useState11 = useState('bottomLeft'),
-      _useState12 = _slicedToArray(_useState11, 2),
-      popupPlacement = _useState12[0],
-      setPopupPlacement = _useState12[1];
-
-  var changeDirection = function changeDirection(e) {
-    var directionValue = e.target.value;
-    setDirection(directionValue);
-
-    if (directionValue === 'rtl') {
-      setPopupPlacement('bottomRight');
-    } else {
-      setPopupPlacement('bottomLeft');
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: 16
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      marginRight: 16
-    }
-  }, "Change direction of components:", ' '), /*#__PURE__*/React.createElement(Radio.Group, {
-    defaultValue: "ltr",
-    onChange: changeDirection
-  }, /*#__PURE__*/React.createElement(Radio.Button, {
-    key: "ltr",
-    value: "ltr"
-  }, "LTR"), /*#__PURE__*/React.createElement(Radio.Button, {
-    key: "rtl",
-    value: "rtl"
-  }, "RTL"))), /*#__PURE__*/React.createElement(ConfigProvider, {
-    direction: direction
-  }, /*#__PURE__*/React.createElement(Page, {
-    className: direction,
-    popupPlacement: popupPlacement
-  })));
-};
-
-export default DirectionDemo;

package/es/config-provider/demo/global.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 全局样式
- * desc: 通过 css variable 修改全局主题色（你可以切换到组件页面查看更详细的样式展示），不支持 IE。自动生成的变量可能会根据设计调整，请勿直接依赖。详细配置请点击查看。
- */
-declare const GlobalDemo: () => JSX.Element;
-export default GlobalDemo;