@king-design/intact 3.1.0-beta.2 → 3.1.0

package/es/site/data/components/icon/demos/icons/react.js

@@ -1,107 +0,0 @@
-import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
-import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
-import React from 'react';
-import { Icon, Input } from '@king-design/react';
-import './index.styl';
-import { useConfigContext } from '@king-design/react';
-
-var Demo = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Demo, _React$Component);
-
-  function Demo() {
-    var _context;
-
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
-    _this.state = {
-      keywords: '',
-      fonts: [["information-fill"], ["warning-fill"], ["success-fill"], ["error-fill"], ["question-fill"], ["heart-fill"], ['heart'], ['notification-fill'], ['notification'], ["information"], ["alert"], ["question"], ["zoom-in"], ["zoom-out"], ["close-outline"], ["check-outline"], ["time"], ['right-circled', 'arrow'], ['down-circled', 'arrow'], ['right-circled', 'arrow'], ['up-circled', 'arrow'], ['right-squared', 'arrow'], ['down-squared', 'arrow'], ['left-squared', 'arrow'], ['up-squared', 'arrow'], ['right', 'arrow'], ['down', 'arrow'], ['left', 'arrow'], ['up', 'arrow'], ['right-bold', 'arrow'], ['down-bold', 'arrow'], ['left-bold', 'arrow'], ['up-bold', 'arrow'], ['sort'], ['sort-bold'], ['close'], ['close-bold'], ['check'], ['check-bold'], ['add'], ['add-bold'], ['minus'], ['minus-bold'], ['share'], ['tag'], ['clone'], ['cloud'], ['pin'], ['home'], ['cut'], ['server'], ['internet'], ['mail'], ['paper'], ['phone'], ['panel'], ['alarm'], ['earphone'], ['settings-horizontal'], ['settings-vertical'], ['settings'], ['message'], ['return-right'], ['picture'], ['logout'], ['all'], ['drag'], ['more'], ['more-circled'], ['folder'], ['folder-open'], ['lock'], ['unlock'], ['user'], ['users'], ['edit'], ['location'], ['delete'], ['calendar'], ['search'], ['batchsearch'], ['hidden'], ['visible'], ['refresh'], ['upload'], ['download']]
-    };
-    _this.config = useConfigContext();
-    return _this;
-  }
-
-  var _proto = Demo.prototype;
-
-  _proto.classNames = function classNames(_classNames) {
-    if (typeof _classNames === 'string') return _classNames;
-    var ret = [];
-
-    for (var key in _classNames) {
-      var value = _classNames[key];
-
-      if (value) {
-        ret.push(key);
-      }
-    }
-
-    return ret.join(' ');
-  };
-
-  _proto.componentDidMount = function componentDidMount() {
-    var fonts = this.state.fonts;
-    var map = {};
-    fonts.forEach(function (_ref) {
-      var font = _ref[0];
-
-      if (map[font]) {
-        console.log('duplicated', font);
-      }
-
-      map[font] = true;
-    });
-  };
-
-  _proto.filter = function filter() {
-    var _context2;
-
-    var keywords = _trimInstanceProperty(_context2 = this.state.keywords).call(_context2).toLowerCase();
-
-    var fonts = this.state.fonts;
-    if (!keywords) return fonts;
-    return _filterInstanceProperty(fonts).call(fonts, function (font) {
-      var _context3, _context4;
-
-      return _includesInstanceProperty(_context3 = font[0]).call(_context3, keywords) || font[1] && _includesInstanceProperty(_context4 = font[1]).call(_context4, keywords);
-    });
-  };
-
-  _proto.render = function render() {
-    var _this2 = this,
-        _context5,
-        _context6;
-
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
-      value: this.state.keywords,
-      onChangeValue: function onChangeValue(keywords) {
-        return _this2.setState({
-          keywords: keywords
-        });
-      },
-      placeholder: "Search icon",
-      clearable: true
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "icons"
-    }, _mapInstanceProperty(_context5 = _filterInstanceProperty(_context6 = this).call(_context6)).call(_context5, function ($value, $key) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "icon"
-      }, /*#__PURE__*/React.createElement(Icon, {
-        className: _this2.classNames(_this2.config.k + '-icon-' + $value[0]),
-        size: "large"
-      }), /*#__PURE__*/React.createElement("div", null, _this2.config.k + '-icon-' + $value[0]));
-    })));
-  };
-
-  return Demo;
-}(React.Component);
-
-export { Demo as default };