linkmore-design 1.0.30 → 1.0.31

package/es/IconSelect/index.js

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _iconJson = _interopRequireDefault(require("./iconJson.json"));
+
+var _excluded = ["item"];
+
+// interface IconSelect {
+//   visible: boolean
+//   onClose: fn
+//   value: string
+//   onChange: fn
+// }
+var IconSelect = function IconSelect(_ref) {
+  var visible = _ref.visible,
+      onClose = _ref.onClose,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? '' : _ref$value,
+      onChange = _ref.onChange;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      active = _useState2[0],
+      setActive = _useState2[1];
+
+  var options = (0, _react.useMemo)(function () {
+    var result = [];
+    var originData = _iconJson.default.glyphs;
+
+    for (var i = 0, len = originData.length; i < len; i += 4) {
+      result.push(originData.slice(i, i + 4));
+    }
+
+    return result;
+  }, []);
+
+  var onSave = function onSave() {
+    onChange === null || onChange === void 0 ? void 0 : onChange(active);
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+  };
+
+  var onDoubleClick = function onDoubleClick(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    onSave();
+  };
+
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      setActive(value);
+    }
+  }, [visible]);
+  var config = {
+    title: '选择图标',
+    visible: visible,
+    size: 'small',
+    onOk: onSave,
+    onCancel: onClose // footer: [
+    //   <Button key="cancel" onClick={onClose} size="middle">
+    //     取消
+    //   </Button>,
+    //   <Button type="primary" key="back" onClick={onSave} size="middle">
+    //     确定
+    //   </Button>,
+    // ],
+
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Modal, config, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm-icon_select"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
+    options: options
+  }, function (_ref2) {
+    var item = _ref2.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: "lm-icon_row"
+    }), item === null || item === void 0 ? void 0 : item.map(function (v) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: v.font_class,
+        className: "lm-icon_col_wrapper"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)('lm-icon_col', "lmweb-".concat(v.font_class) === active && 'lm-icon_active'),
+        onClick: function onClick() {
+          return setActive("lmweb-".concat(v.font_class));
+        },
+        onDoubleClick: onDoubleClick
+      }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-".concat(v.font_class)
+      })));
+    }));
+  }))));
+};
+
+var _default = IconSelect;
+exports.default = _default;

package/es/IconSelect/style/index.js

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

package/es/IconSelect/style/style.css

@@ -0,0 +1,25 @@
+.lm-icon_select {
+  user-select: none;
+}
+.lm-icon_select .lm-icon_row {
+  display: flex;
+}
+.lm-icon_select .lm-icon_row .lm-icon_col_wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 25%;
+}
+.lm-icon_select .lm-icon_row .lm-icon_col {
+  font-size: 18px;
+  color: var(--color-45);
+  border: 1px dashed transparent;
+  padding: 0 8px;
+  transition: 0.3s;
+  cursor: pointer;
+}
+.lm-icon_select .lm-icon_row .lm-icon_col:hover,
+.lm-icon_select .lm-icon_row .lm-icon_col.lm-icon_active {
+  color: var(--primary-color);
+  border-color: var(--primary-color);
+}

package/es/Input/index.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/input/style");
+
+var _input = _interopRequireDefault(require("antd/es/input"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _IconFont = _interopRequireDefault(require("../IconFont"));
+
+var _excluded = ["allowClear"],
+    _excluded2 = ["allowClear"],
+    _excluded3 = ["allowClear"];
+var LmInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _props$allowClear = props.allowClear,
+      allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
+    ref: ref,
+    className: "lm_input"
+  }, rest, {
+    allowClear: true
+  }));
+});
+LmInput.Group = _input.default.Group;
+LmInput.Search = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _props$allowClear2 = props.allowClear,
+      allowClear = _props$allowClear2 === void 0 ? true : _props$allowClear2,
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded2);
+  return /*#__PURE__*/_react.default.createElement(_input.default.Search, (0, _extends2.default)({
+    enterButton: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+      type: "lmweb-search"
+    })
+  }, rest, {
+    ref: ref,
+    allowClear: true,
+    className: "lm_input_search"
+  }));
+});
+LmInput.TextArea = _input.default.TextArea;
+
+LmInput.Password = function (props) {
+  var _props$allowClear3 = props.allowClear,
+      allowClear = _props$allowClear3 === void 0 ? true : _props$allowClear3,
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded3);
+  return /*#__PURE__*/_react.default.createElement(_input.default.Password, (0, _extends2.default)({
+    className: "lm_input_password",
+    iconRender: function iconRender(visible) {
+      return visible ? /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+        type: "lmweb-eye"
+      }) : /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+        type: "lmweb-eye-close"
+      });
+    }
+  }, rest, {
+    allowClear: true
+  }));
+};
+
+var _default = LmInput;
+exports.default = _default;

package/es/Input/style/index.js

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