@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/switch/switch-legacy/index.js

@@ -1,128 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _context = _interopRequireDefault(require("../../context"));
-
-require("./style/index");
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var Switch = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Switch, _Component);
-
-  var _super = _createSuper(Switch);
-
-  function Switch(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Switch);
-    _this = _super.call(this, props);
-    _this.state = {
-      checked: props.checked
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Switch, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      var _this2 = this;
-
-      if (nextProps.checked !== this.props.checked) {
-        this.setState({
-          checked: nextProps.checked
-        }, function () {
-          _this2.props.onChange(nextProps.checked);
-        });
-      }
-    }
-  }, {
-    key: "clickEvent",
-    value: function clickEvent() {
-      var _this3 = this;
-
-      var _this$props = this.props,
-          disabled = _this$props.disabled,
-          onChange = _this$props.onChange,
-          onClick = _this$props.onClick;
-
-      if (!disabled) {
-        var res = onClick(this.state.checked);
-
-        if (typeof res === 'boolean' && !res) {
-          return;
-        }
-
-        this.setState({
-          checked: !this.state.checked
-        }, function () {
-          onChange(_this3.state.checked);
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          theme = _this$props2.theme,
-          content = _this$props2.content,
-          disabled = _this$props2.disabled;
-      var checked = this.state.checked;
-      var sCls = (0, _classnames["default"])('theme__' + theme, 'hi-switch', !checked && 'hi-switch--closed', disabled && 'hi-switch--disabled');
-      return /*#__PURE__*/_react["default"].createElement("span", {
-        className: sCls,
-        onClick: this.clickEvent.bind(this)
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-switch__text"
-      }, content.length > 0 && (checked ? content[0] : content[1])));
-    }
-  }]);
-  return Switch;
-}(_react.Component);
-
-Switch.defaultProps = {
-  content: [],
-  checked: false,
-  disabled: false,
-  onChange: function onChange() {},
-  onClick: function onClick() {
-    return true;
-  }
-};
-Switch.propTypes = {
-  content: _propTypes["default"].array,
-  checked: _propTypes["default"].bool,
-  disabled: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func,
-  onClick: _propTypes["default"].func
-};
-
-var _default = (0, _context["default"])(Switch);
-
-exports["default"] = _default;

package/es/switch/switch-legacy/style/index.css

@@ -1 +0,0 @@
-.hi-switch{display:inline-block;min-width:48px;height:20px;border-radius:10px;cursor:pointer;position:relative;vertical-align:middle}.hi-switch{background:#4285f4}.hi-switch--closed,.hi-switch--disabled{background:#cdcfd1}.hi-switch--disabled::after{background:#dadbdc}.hi-switch::after{content:'';width:16px;height:16px;background:#fff;position:absolute;border-radius:50%;top:2px;left:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%);margin-left:-2px;-webkit-transition:all 200ms linear;transition:all 200ms linear}.hi-switch__text{color:#fff;font-size:12px;position:absolute;top:0;line-height:20px;left:6px;-webkit-transition:all 200ms linear;transition:all 200ms linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-switch--closed::after{left:2px;-webkit-transform:translateX(2px);transform:translateX(2px)}.hi-switch--closed .hi-switch__text{left:auto;right:6px}.hi-switch--disabled{cursor:not-allowed}.theme__hiui-blue.hi-switch{background:#4285f4}.theme__hiui-blue.hi-switch--closed,.theme__hiui-blue.hi-switch--disabled{background:#cdcfd1}.theme__hiui-blue.hi-switch--disabled::after{background:#dadbdc}.theme__orange.hi-switch{background:#f63}.theme__orange.hi-switch--closed,.theme__orange.hi-switch--disabled{background:#d1cecd}.theme__orange.hi-switch--disabled::after{background:#dddada}.theme__cyan.hi-switch{background:#46bc99}.theme__cyan.hi-switch--closed,.theme__cyan.hi-switch--disabled{background:#cdd0cf}.theme__cyan.hi-switch--disabled::after{background:#dadcdb}.theme__magenta.hi-switch{background:#ff5975}.theme__magenta.hi-switch--closed,.theme__magenta.hi-switch--disabled{background:#d1cece}.theme__magenta.hi-switch--disabled::after{background:#dddadb}.theme__lavender.hi-switch{background:#b450de}.theme__lavender.hi-switch--closed,.theme__lavender.hi-switch--disabled{background:#d0ced0}.theme__lavender.hi-switch--disabled::after{background:#dbdadc}.theme__blue.hi-switch{background:#3da8f5}.theme__blue.hi-switch--closed,.theme__blue.hi-switch--disabled{background:#cdcfd1}.theme__blue.hi-switch--disabled::after{background:#dadbdd}.theme__purple.hi-switch{background:#8a8acb}.theme__purple.hi-switch--closed,.theme__purple.hi-switch--disabled{background:#cfcfd0}.theme__purple.hi-switch--disabled::after{background:#dbdbdc}

package/es/switch/switch-legacy/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.css");

package/es/switch/switch.js

@@ -1,76 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-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 = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-require("./style/index");
-
-var Switch = function Switch(_ref) {
-  var _ref$content = _ref.content,
-      content = _ref$content === void 0 ? [] : _ref$content,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      checked = _ref.checked,
-      defaultChecked = _ref.defaultChecked,
-      onChange = _ref.onChange,
-      onClick = _ref.onClick,
-      theme = _ref.theme;
-
-  var _useState = (0, _react.useState)(checked || defaultChecked || false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    if (checked !== undefined) {
-      setValue(checked);
-    }
-  }, [checked]);
-  var clickSwitch = (0, _react.useCallback)(function (e) {
-    if (!disabled) {
-      if (onClick) {
-        onClick(!value, e);
-      }
-
-      if (onChange) {
-        onChange(!value);
-      }
-
-      if (checked === undefined) {
-        setValue(!value);
-      }
-    }
-  }, [disabled, onChange, onClick, checked, value]);
-  return /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])('hi-switch', "theme__".concat(theme), !value && 'hi-switch--closed', disabled && 'hi-switch--disabled'),
-    tabIndex: disabled ? -1 : 0,
-    onClick: clickSwitch,
-    onKeyDown: function onKeyDown(e) {
-      if ([13, 32].includes(e.keyCode)) {
-        e.stopPropagation();
-        e.preventDefault();
-        clickSwitch(e);
-      }
-    }
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "hi-switch__text"
-  }, content.length > 0 && (value ? content[0] : content[1])));
-};
-
-var _default = (0, _context["default"])(Switch);
-
-exports["default"] = _default;

package/es/table/AdvanceHeader/CustomFilter.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-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 = _interopRequireWildcard(require("react"));
-
-var _popper = _interopRequireDefault(require("../../popper"));
-
-var prefix = 'hi-table-advanceheader-customfilter';
-
-var CustomFilter = function CustomFilter(_ref) {
-  var columnData = _ref.columnData;
-  var popperAttachEle = (0, _react.useRef)();
-  var filterIcon = columnData.filterIcon,
-      filterDropdown = columnData.filterDropdown,
-      filterDropdownWidth = columnData.filterDropdownWidth,
-      onFilterDropdownVisibleChange = columnData.onFilterDropdownVisibleChange,
-      filterDropdownClassName = columnData.filterDropdownClassName; // 弹出层显示隐藏
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      filterDropdownVisible = _useState2[0],
-      setFilterDropdownVisible = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    onFilterDropdownVisibleChange && onFilterDropdownVisibleChange(filterDropdownVisible, columnData);
-  }, [filterDropdownVisible]);
-
-  var renderFilter = function renderFilter() {
-    return filterDropdown && filterDropdown({
-      columnData: columnData,
-      setFilterDropdownVisible: setFilterDropdownVisible
-    });
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "-icon"),
-    ref: popperAttachEle,
-    onClick: filterDropdown ? function () {
-      return setFilterDropdownVisible(true);
-    } : undefined
-  }, filterIcon), /*#__PURE__*/_react["default"].createElement(_popper["default"] // 弹出层的显示隐藏
-  , {
-    show: filterDropdownVisible // 依附的元素
-    ,
-    leftGap: -(filterDropdownWidth - 16) || -(150 - 16),
-    attachEle: popperAttachEle.current,
-    overlayClassName: filterDropdownClassName // 点击弹出层以及依附元素以外的区域时会触发该回调
-    ,
-    onClickOutside: function onClickOutside() {
-      setFilterDropdownVisible(false);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "-content"),
-    style: {
-      width: filterDropdownWidth || 150
-    }
-  }, filterDropdownVisible && renderFilter())));
-};
-
-var _default = CustomFilter;
-exports["default"] = _default;

package/es/table/AdvanceHeader/Sorter.js

@@ -1,72 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _icon = _interopRequireDefault(require("../../icon"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-/**
- * 排序相关配置
- * @returns ReactNode
- */
-var prefix = 'hi-table-advanceheader-sorter';
-
-var Sorter = function Sorter(_ref) {
-  var columnKey = _ref.columnKey;
-
-  var _useContext = (0, _react.useContext)(_context["default"]),
-      activeSorterColumn = _useContext.activeSorterColumn,
-      activeSorterType = _useContext.activeSorterType,
-      setActiveSorterColumn = _useContext.setActiveSorterColumn,
-      setActiveSorterType = _useContext.setActiveSorterType;
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(prefix, "_icon"), (0, _defineProperty2["default"])({}, "".concat(prefix, "_icon-active"), activeSorterType === 'ascend' && activeSorterColumn === columnKey)),
-    onClick: function onClick(e) {
-      if (activeSorterType === 'ascend' && activeSorterColumn === columnKey) {
-        setActiveSorterType(null);
-        setActiveSorterColumn(null);
-      } else {
-        setActiveSorterType('ascend');
-        setActiveSorterColumn(columnKey);
-      }
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "caret-up",
-    style: {
-      fontSize: '16px'
-    }
-  })), /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(prefix, "_icon"), (0, _defineProperty2["default"])({}, "".concat(prefix, "_icon-active"), activeSorterType === 'descend' && activeSorterColumn === columnKey)),
-    onClick: function onClick(e) {
-      if (activeSorterType === 'descend' && activeSorterColumn === columnKey) {
-        setActiveSorterType(null);
-        setActiveSorterColumn(null);
-      } else {
-        setActiveSorterType('descend');
-        setActiveSorterColumn(columnKey);
-      }
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "caret-down"
-  })));
-};
-
-var _default = Sorter;
-exports["default"] = _default;

package/es/table/AdvanceHeader/index.js

@@ -1,41 +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 _Sorter = _interopRequireDefault(require("./Sorter"));
-
-var _CustomFilter = _interopRequireDefault(require("./CustomFilter"));
-
-var _select = _interopRequireDefault(require("./select"));
-
-require("./style");
-
-/**
- * 表格相关的查询、排序功能；图标占位、以及点击图标的回调函数
- * @returns ReactNode
- * - [x] 排序功能
- * - [x] 筛选功能
- */
-var AdvanceHeader = function AdvanceHeader(props) {
-  var showColMenu = props.showColMenu,
-      _props$columnData = props.columnData,
-      dataKey = _props$columnData.dataKey,
-      sorter = _props$columnData.sorter,
-      filterIcon = _props$columnData.filterIcon,
-      selectFilters = _props$columnData.selectFilters;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, sorter && !showColMenu && /*#__PURE__*/_react["default"].createElement(_Sorter["default"], (0, _extends2["default"])({}, props, {
-    columnKey: dataKey
-  })), selectFilters && /*#__PURE__*/_react["default"].createElement(_select["default"], selectFilters), filterIcon && /*#__PURE__*/_react["default"].createElement(_CustomFilter["default"], props));
-};
-
-var _default = AdvanceHeader;
-exports["default"] = _default;