linkmore-design 1.0.10 → 1.0.13

package/lib/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/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/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/lib/IconSelect/style/index.js

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

package/lib/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/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/lib/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/lib/LeftTable/index.js

@@ -19,10 +19,10 @@ var _button = _interopRequireDefault(require("antd/es/button"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _icons = require("@ant-design/icons");
 
+var _react = _interopRequireWildcard(require("react"));
+
 var _Popover = _interopRequireDefault(require("../Filter/Popover"));
 
 var _imgTest = _interopRequireDefault(require("./assets/imgTest.jpg"));
@@ -91,6 +91,7 @@ var LeftSide = function LeftSide(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", null, useTree.title)), /*#__PURE__*/_react.default.createElement(_Popover.default, {
     item: treeType,
     config: {
+      arrow: false,
       placement: 'bottomRight',
       overlayStyle: {
         width: 168,
@@ -105,7 +106,8 @@ var LeftSide = function LeftSide(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
     type: "text"
   }, /*#__PURE__*/_react.default.createElement(_icons.EllipsisOutlined, null))))), /*#__PURE__*/_react.default.createElement(_tree.default, {
-    treeData: useTree.treeData
+    treeData: useTree.treeData,
+    rootClassName: "lm_tree_warp"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "toggle_btn",
     onClick: toggleTree

package/lib/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 */
@@ -495,7 +498,7 @@ html {
   font-size: 12px;
   height: calc(100% - 36px);
   width: 168px;
-  border: 1px solid #eee;
+  border: 1px solid var(--line-color);
 }
 .lm_grid_tree .grid_tree_title {
   display: flex;
@@ -507,15 +510,31 @@ html {
   transition: 0.3s;
   overflow: hidden;
 }
-.lm_grid_tree .grid_tree_title .grid_tree_title_left,
-.lm_grid_tree .grid_tree_title .grid_tree_title_right {
+.lm_grid_tree .grid_tree_title .grid_tree_title_left {
   white-space: nowrap;
-  padding: 0 6px 0 16px;
+  padding: 0 6px 0 8px;
+}
+.lm_grid_tree .grid_tree_title .grid_tree_title_left > button {
+  display: flex;
+  justify-content: flex-end;
+}
+.lm_grid_tree .grid_tree_title .grid_tree_title_right button {
+  width: 24px;
+  height: 24px;
+  margin-right: 8px;
+  padding: 0;
+  cursor: pointer;
+}
+.lm_grid_tree .grid_tree_title .grid_tree_title_right button :hover {
+  color: var(--primary-color);
+}
+.lm_grid_tree .grid_tree_title .grid_tree_title_right.ant-popover-open button {
+  color: var(--primary-color);
 }
 .lm_grid_tree .ant-tree {
   font-size: 12px;
   white-space: nowrap;
-  padding: 0 10px;
+  padding: 0px;
   transition: 0.3s;
 }
 .lm_grid_tree .ant-tree .ant-tree-list-holder-inner > :first-child .ant-tree-switcher:empty {
@@ -540,17 +559,19 @@ html {
   z-index: 1;
   top: 50%;
   transform: translateY(-50%);
-  right: -6px;
+  right: 0;
   display: flex;
   font-size: 8px;
   width: 12px;
   height: 48px;
   align-items: center;
   justify-content: center;
-  border-radius: 12px;
-  color: var(--font-color);
-  background-color: var(--table-background-color);
-  transition: 0.3s;
+  border-radius: 0;
+  color: var(--text-color);
+  background-color: var(--line-color);
+  transition: 0s;
+  border-top-left-radius: 100px;
+  border-bottom-left-radius: 100px;
   cursor: pointer;
 }
 .lm_grid_tree .toggle_btn:hover {
@@ -572,3 +593,13 @@ html {
   right: -14px;
   transform: translateY(-50%) rotateY(180deg);
 }
+.lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode {
+  width: 100%;
+  display: flex;
+}
+.lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode > .ant-tree-node-content-wrapper {
+  flex: 1 1 auto;
+}
+.lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode > .ant-tree-node-content-wrapper.ant-tree-node-selected {
+  background-color: var(--primary-select-color);
+}

package/lib/Modal/index.js

@@ -46,16 +46,20 @@ var CLMModal = function CLMModal(props) {
 
   return /*#__PURE__*/_react.default.createElement(_modal.default, Object.assign({
     wrapClassName: (0, _classnames.default)(wrapClassName, prefixCls),
-    width: size === 'default' ? 552 : 416
-  }, other, {
+    width: size === 'default' ? 552 : 416,
     footer: [/*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
       onClick: onCancel,
       size: 'middle'
-    }, cancelText || '取消'), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    }, cancelText), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
       type: "primary",
       onClick: onOk,
       size: 'middle'
     }, okText)]
+  }, other, {
+    onOk: onOk,
+    onCancel: onCancel,
+    okText: okText,
+    cancelText: cancelText
   }));
 };
 

package/lib/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/lib/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/lib/Notification/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/notification/style");
+
+var _notification2 = _interopRequireDefault(require("antd/es/notification"));
+
+var _default = _notification2.default; // 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
+
+exports.default = _default;