linkmore-design 1.0.9 → 1.0.12

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/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/{lib/input → es/Input}/style/style.css

@@ -71,6 +71,9 @@
   padding: var(--gap);
   line-height: 1;
 }
+.ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
+  font-weight: 500;
+}
 @font-face {
   font-family: 'iconfont';
   /* Project id 2966019 */

package/es/InputNumber/style/index.css

@@ -71,6 +71,9 @@
   padding: var(--gap);
   line-height: 1;
 }
+.ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
+  font-weight: 500;
+}
 @font-face {
   font-family: 'iconfont';
   /* Project id 2966019 */

package/es/LeftTable/style/style.css

@@ -71,6 +71,9 @@
   padding: var(--gap);
   line-height: 1;
 }
+.ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
+  font-weight: 500;
+}
 @font-face {
   font-family: 'iconfont';
   /* Project id 2966019 */

package/es/Modal/style/index.css

@@ -71,6 +71,9 @@
   padding: var(--gap);
   line-height: 1;
 }
+.ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
+  font-weight: 500;
+}
 @font-face {
   font-family: 'iconfont';
   /* Project id 2966019 */
@@ -494,6 +497,10 @@ html {
   font-weight: normal;
   font-size: 14px;
   color: var(--font-color);
+  font-weight: 500;
+}
+.lm_modal.ant-modal-wrap .ant-modal-body {
+  font-size: 12px;
 }
 .lm_modal.lm_modal_info .ant-modal-body {
   padding: 24px;

package/es/Notification/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { notification } from 'antd';
+export interface INotificationProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+export default notification;

package/es/Notification/index.js

@@ -0,0 +1,12 @@
+import "antd/es/notification/style";
+import _notification from "antd/es/notification";
+export default _notification; // const prefixCls = 'lm_notification'
+// const LMNotification: React.FC<INotificationProps> = (props) => {
+//   const { children, className, ...others } = props
+//   return (
+//     <div className={classNames(className, prefixCls)} {...others}>
+//       {children}
+//     </div>
+//   )
+// }
+// export default LMNotification