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

package/es/charts/hi-echarts-theme-default.json

@@ -1,502 +0,0 @@
-
-{
-  "color": [
-      "#679DF6",
-      "#6BC9AD",
-      "#C373E4",
-      "#FF845A",
-      "#FFD433",
-      "#FF6F8D",
-      "#A37E61",
-      "#74D0FF",
-      "#57EADF",
-      "#ABE900",
-      "#FFED00",
-      "#316ACA"
-  ],
-  "backgroundColor": "rgba(252,252,252,0)",
-  "textStyle": {},
-  "title": {
-      "textStyle": {
-          "color": "#666666"
-      },
-      "subtextStyle": {
-          "color": "#999999"
-      }
-  },
-  "line": {
-      "itemStyle": {
-          "normal": {
-              "borderWidth": "2"
-          }
-      },
-      "lineStyle": {
-          "normal": {
-              "width": "3"
-          }
-      },
-      "symbolSize": "8",
-      "symbol": "emptyCircle",
-      "smooth": false
-  },
-  "radar": {
-      "itemStyle": {
-          "normal": {
-              "borderWidth": "2"
-          }
-      },
-      "lineStyle": {
-          "normal": {
-              "width": "3"
-          }
-      },
-      "symbolSize": "8",
-      "symbol": "emptyCircle",
-      "smooth": false
-  },
-  "bar": {
-      "itemStyle": {
-          "normal": {
-              "barBorderWidth": 0,
-              "barBorderColor": "#ccc"
-          },
-          "emphasis": {
-              "barBorderWidth": 0,
-              "barBorderColor": "#ccc"
-          }
-      }
-  },
-  "pie": {
-      "itemStyle": {
-          "normal": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          },
-          "emphasis": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          }
-      }
-  },
-  "scatter": {
-      "itemStyle": {
-          "normal": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          },
-          "emphasis": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          }
-      }
-  },
-  "boxplot": {
-      "itemStyle": {
-          "normal": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          },
-          "emphasis": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          }
-      }
-  },
-  "parallel": {
-      "itemStyle": {
-          "normal": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          },
-          "emphasis": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          }
-      }
-  },
-  "sankey": {
-      "itemStyle": {
-          "normal": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          },
-          "emphasis": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          }
-      }
-  },
-  "funnel": {
-      "itemStyle": {
-          "normal": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          },
-          "emphasis": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          }
-      }
-  },
-  "gauge": {
-      "itemStyle": {
-          "normal": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          },
-          "emphasis": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          }
-      }
-  },
-  "candlestick": {
-      "itemStyle": {
-          "normal": {
-              "color": "#e6a0d2",
-              "color0": "transparent",
-              "borderColor": "#e6a0d2",
-              "borderColor0": "#679DF6",
-              "borderWidth": "2"
-          }
-      }
-  },
-  "graph": {
-      "itemStyle": {
-          "normal": {
-              "borderWidth": 0,
-              "borderColor": "#ccc"
-          }
-      },
-      "lineStyle": {
-          "normal": {
-              "width": "1",
-              "color": "#cccccc"
-          }
-      },
-      "symbolSize": "8",
-      "symbol": "emptyCircle",
-      "smooth": false,
-      "color": [
-          "#679DF6",
-          "#6BC9AD",
-          "#C373E4",
-          "#FF845A",
-          "#FFD433",
-          "#FF6F8D",
-          "#A37E61",
-          "#74D0FF",
-          "#57EADF",
-          "#ABE900",
-          "#FFED00",
-          "#316ACA"
-      ],
-      "label": {
-          "normal": {
-              "textStyle": {
-                  "color": "#ffffff"
-              }
-          }
-      }
-  },
-  "map": {
-      "itemStyle": {
-          "normal": {
-              "areaColor": "#eeeeee",
-              "borderColor": "#aaaaaa",
-              "borderWidth": 0.5
-          },
-          "emphasis": {
-              "areaColor": "rgba(63,177,227,0.25)",
-              "borderColor": "#679DF6",
-              "borderWidth": 1
-          }
-      },
-      "label": {
-          "normal": {
-              "textStyle": {
-                  "color": "#ffffff"
-              }
-          },
-          "emphasis": {
-              "textStyle": {
-                  "color": "#679DF6"
-              }
-          }
-      }
-  },
-  "geo": {
-      "itemStyle": {
-          "normal": {
-              "areaColor": "#eeeeee",
-              "borderColor": "#aaaaaa",
-              "borderWidth": 0.5
-          },
-          "emphasis": {
-              "areaColor": "rgba(63,177,227,0.25)",
-              "borderColor": "#679DF6",
-              "borderWidth": 1
-          }
-      },
-      "label": {
-          "normal": {
-              "textStyle": {
-                  "color": "#ffffff"
-              }
-          },
-          "emphasis": {
-              "textStyle": {
-                  "color": "#679DF6"
-              }
-          }
-      }
-  },
-  "categoryAxis": {
-      "axisLine": {
-          "show": true,
-          "lineStyle": {
-              "color": "#cccccc"
-          }
-      },
-      "axisTick": {
-          "show": false,
-          "lineStyle": {
-              "color": "#333"
-          }
-      },
-      "axisLabel": {
-          "show": true,
-          "textStyle": {
-              "color": "#999999"
-          }
-      },
-      "splitLine": {
-          "show": true,
-          "lineStyle": {
-              "color": [
-                  "#eeeeee"
-              ]
-          }
-      },
-      "splitArea": {
-          "show": false,
-          "areaStyle": {
-              "color": [
-                  "rgba(250,250,250,0.05)",
-                  "rgba(200,200,200,0.02)"
-              ]
-          }
-      }
-  },
-  "valueAxis": {
-      "axisLine": {
-          "show": true,
-          "lineStyle": {
-              "color": "#cccccc"
-          }
-      },
-      "axisTick": {
-          "show": false,
-          "lineStyle": {
-              "color": "#333"
-          }
-      },
-      "axisLabel": {
-          "show": true,
-          "textStyle": {
-              "color": "#999999"
-          }
-      },
-      "splitLine": {
-          "show": true,
-          "lineStyle": {
-              "color": [
-                  "#eeeeee"
-              ]
-          }
-      },
-      "splitArea": {
-          "show": false,
-          "areaStyle": {
-              "color": [
-                  "rgba(250,250,250,0.05)",
-                  "rgba(200,200,200,0.02)"
-              ]
-          }
-      }
-  },
-  "logAxis": {
-      "axisLine": {
-          "show": true,
-          "lineStyle": {
-              "color": "#cccccc"
-          }
-      },
-      "axisTick": {
-          "show": false,
-          "lineStyle": {
-              "color": "#333"
-          }
-      },
-      "axisLabel": {
-          "show": true,
-          "textStyle": {
-              "color": "#999999"
-          }
-      },
-      "splitLine": {
-          "show": true,
-          "lineStyle": {
-              "color": [
-                  "#eeeeee"
-              ]
-          }
-      },
-      "splitArea": {
-          "show": false,
-          "areaStyle": {
-              "color": [
-                  "rgba(250,250,250,0.05)",
-                  "rgba(200,200,200,0.02)"
-              ]
-          }
-      }
-  },
-  "timeAxis": {
-      "axisLine": {
-          "show": true,
-          "lineStyle": {
-              "color": "#cccccc"
-          }
-      },
-      "axisTick": {
-          "show": false,
-          "lineStyle": {
-              "color": "#333"
-          }
-      },
-      "axisLabel": {
-          "show": true,
-          "textStyle": {
-              "color": "#999999"
-          }
-      },
-      "splitLine": {
-          "show": true,
-          "lineStyle": {
-              "color": [
-                  "#eeeeee"
-              ]
-          }
-      },
-      "splitArea": {
-          "show": false,
-          "areaStyle": {
-              "color": [
-                  "rgba(250,250,250,0.05)",
-                  "rgba(200,200,200,0.02)"
-              ]
-          }
-      }
-  },
-  "toolbox": {
-      "iconStyle": {
-          "normal": {
-              "borderColor": "#999999"
-          },
-          "emphasis": {
-              "borderColor": "#666666"
-          }
-      }
-  },
-  "legend": {
-      "textStyle": {
-          "color": "#999999"
-      }
-  },
-  "tooltip": {
-      "axisPointer": {
-          "lineStyle": {
-              "color": "#cccccc",
-              "width": 1
-          },
-          "crossStyle": {
-              "color": "#cccccc",
-              "width": 1
-          }
-      }
-  },
-  "timeline": {
-      "lineStyle": {
-          "color": "#C373E4",
-          "width": 1
-      },
-      "itemStyle": {
-          "normal": {
-              "color": "#C373E4",
-              "borderWidth": 1
-          },
-          "emphasis": {
-              "color": "#C373E4"
-          }
-      },
-      "controlStyle": {
-          "normal": {
-              "color": "#C373E4",
-              "borderColor": "#C373E4",
-              "borderWidth": 0.5
-          },
-          "emphasis": {
-              "color": "#C373E4",
-              "borderColor": "#C373E4",
-              "borderWidth": 0.5
-          }
-      },
-      "checkpointStyle": {
-          "color": "#679DF6",
-          "borderColor": "rgba(63,177,227,0.15)"
-      },
-      "label": {
-          "normal": {
-              "textStyle": {
-                  "color": "#C373E4"
-              }
-          },
-          "emphasis": {
-              "textStyle": {
-                  "color": "#C373E4"
-              }
-          }
-      }
-  },
-  "visualMap": {
-      "color": [
-          "#2a99c9",
-          "#afe8ff"
-      ]
-  },
-  "dataZoom": {
-      "backgroundColor": "rgba(255,255,255,0)",
-      "dataBackgroundColor": "rgba(222,222,222,1)",
-      "fillerColor": "rgba(114,230,212,0.25)",
-      "handleColor": "#cccccc",
-      "handleSize": "100%",
-      "textStyle": {
-          "color": "#999999"
-      }
-  },
-  "markPoint": {
-      "label": {
-          "normal": {
-              "textStyle": {
-                  "color": "#ffffff"
-              }
-          },
-          "emphasis": {
-              "textStyle": {
-                  "color": "#ffffff"
-              }
-          }
-      }
-  }
-}

package/es/charts/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react'
-
-export interface ChartsProps {
-  option: object
-  style?: React.CSSProperties
-  className?: string
-  showLoading?: boolean
-}
-
-declare class Charts extends React.Component<ChartsProps, any> {}
-
-export default Charts

package/es/charts/index.js

@@ -1,32 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _echartsForReact = _interopRequireDefault(require("echarts-for-react"));
-
-var _echarts = _interopRequireDefault(require("echarts"));
-
-var _hiEchartsThemeDefault = _interopRequireDefault(require("./hi-echarts-theme-default.json"));
-
-var Charts = function Charts(props) {
-  (0, _react.useEffect)(function () {
-    _echarts["default"].registerTheme('default', _hiEchartsThemeDefault["default"]);
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement(_echartsForReact["default"], (0, _extends2["default"])({}, props, {
-    theme: _hiEchartsThemeDefault["default"]
-  }));
-};
-
-var _default = Charts;
-exports["default"] = _default;

package/es/checkbox/Checkbox.js

@@ -1,145 +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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-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 prefixCls = 'hi-checkbox';
-
-var Checkbox = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Checkbox, _Component);
-
-  var _super = _createSuper(Checkbox);
-
-  function Checkbox(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Checkbox);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (event) {
-      var onChange = _this.props.onChange;
-      onChange && onChange(event);
-      hasChecked(_this.props) || _this.setState({
-        checked: event.target.checked
-      });
-    });
-    _this.state = getChecked(props);
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Checkbox, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          autoFocus = _this$props.autoFocus,
-          className = _this$props.className,
-          children = _this$props.children,
-          disabled = _this$props.disabled,
-          indeterminate = _this$props.indeterminate,
-          style = _this$props.style,
-          theme = _this$props.theme,
-          name = _this$props.name,
-          value = _this$props.value,
-          _this$props$focusable = _this$props.focusable,
-          focusable = _this$props$focusable === void 0 ? true : _this$props$focusable;
-      var checked = this.state.checked;
-      var checkboxCls = (0, _classnames["default"])(prefixCls, className, disabled && "".concat(prefixCls, "--disabled"), "theme__".concat(theme));
-      var inputCls = (0, _classnames["default"])("".concat(prefixCls, "__input"), checked && !indeterminate && "".concat(prefixCls, "__input--checked"), indeterminate && "".concat(prefixCls, "__input--indeterminate"));
-      return /*#__PURE__*/_react["default"].createElement("label", {
-        className: checkboxCls,
-        style: style
-      }, /*#__PURE__*/_react["default"].createElement("input", {
-        type: "checkbox",
-        autoFocus: autoFocus,
-        onChange: this.handleChange,
-        checked: checked,
-        disabled: disabled,
-        name: name,
-        value: value,
-        tabIndex: focusable ? 0 : -1
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        className: inputCls
-      }), children !== undefined && /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(prefixCls, "__text")
-      }, children));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps) {
-      if (hasChecked(nextProps)) {
-        return getChecked(nextProps);
-      }
-
-      return null;
-    }
-  }]);
-  return Checkbox;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(Checkbox, "displayName", 'Checkbox');
-Checkbox.propTypes = {
-  checked: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].bool]),
-  className: _propTypes["default"].string,
-  style: _propTypes["default"].object,
-  defaultChecked: _propTypes["default"].bool,
-  disabled: _propTypes["default"].bool,
-  indeterminate: _propTypes["default"].bool,
-  name: _propTypes["default"].string,
-  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  onChange: _propTypes["default"].func
-};
-Checkbox.defaultProps = {
-  defaultChecked: false
-};
-Checkbox._displayName = 'Checkbox';
-
-function hasChecked(props) {
-  var has = function has(key) {
-    return Object.prototype.hasOwnProperty.call(props, key);
-  };
-
-  return has('checked');
-}
-
-function getChecked(props) {
-  var checked = props.checked,
-      defaultChecked = props.defaultChecked;
-  return {
-    checked: hasChecked(props) ? checked || false : defaultChecked
-  };
-}
-
-var _default = (0, _context["default"])(Checkbox);
-
-exports["default"] = _default;