linkmore-design 1.0.3

package/lib/LeftTable/style/style.css

@@ -0,0 +1,231 @@
+.ant-layout-sider {
+  min-height: 100vh;
+  background-color: #022766;
+}
+.ant-menu-dark .ant-menu-inline.ant-menu-sub {
+  box-shadow: none;
+}
+.ant-menu-submenu-placement-rightTop {
+  display: none;
+}
+.ant-table .row-active .ant-table-cell {
+  background-color: #FEFFD3 !important;
+}
+.ant-dropdown-menu-item {
+  font-size: 12px;
+  height: 32px;
+}
+.ant-tabs .ant-tabs-nav .ant-tabs-tab {
+  font-size: 14px;
+}
+.ant-tabs.auto_tabs {
+  display: flex;
+  flex-flow: column;
+  height: 100%;
+}
+.ant-tabs.auto_tabs .ant-tabs-nav {
+  height: 48px;
+}
+.ant-tabs.auto_tabs .ant-tabs-content-holder {
+  flex: 1;
+  overflow: auto;
+}
+.ant-drawer.drawer_wrapper .ant-drawer-header {
+  padding: 0 24px;
+}
+.ant-drawer.drawer_wrapper .ant-drawer-body {
+  position: relative;
+  flex: 1;
+  padding: 0 24px;
+}
+.ant-modal-wrap.plugin_modal {
+  display: flex;
+  flex-flow: column;
+  justify-content: flex-end;
+}
+.ant-modal-wrap.plugin_modal .ant-modal {
+  left: 56px;
+  top: 0;
+  margin: 0 0 8px 8px;
+  padding: 0;
+}
+.ant-modal-wrap.lm_modal_confirm .anticon {
+  margin-top: -1px;
+  margin-right: 8px;
+}
+.ant-modal-wrap.lm_modal_confirm .ant-modal-body {
+  padding: 16px 24px;
+}
+.ant-popover.pop_img .ant-popover-inner-content {
+  line-height: 1;
+  padding: var(--gap);
+}
+@font-face {
+  font-family: 'iconfont';
+  /* Project id 2966019 */
+  src: url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.woff2?t=1641546077924') format('woff2'), url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.woff?t=1641546077924') format('woff'), url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.ttf?t=1641546077924') format('truetype');
+}
+.icon_ {
+  font-family: 'iconfont';
+  font-size: 14px;
+}
+.iconfont {
+  font-size: 12px;
+}
+.icon_home::before {
+  content: '\e7fc';
+}
+:root {
+  --them-color: #1890fc;
+  --main-color: #1890fc;
+  --primary-color: #1890fc;
+  --primary2-color: rgba(24, 144, 252, 0.08);
+  --success-color: #56C22D;
+  --warning-color: #FD9727;
+  --error-color: #FA4F53;
+  --aside-bg-color: #022766;
+  --font-color: rgba(0, 0, 0, 0.85);
+  --font2-color: rgba(0, 0, 0, 0.65);
+  --text-color: rgba(0, 0, 0, 0.45);
+  --box-shadow-color: rgba(0, 0, 0, 0.15);
+  --background-color: rgba(0, 0, 0, 0.04);
+  --background-color-hover: rgba(0, 0, 0, 0.08);
+  --border-color: #f0f0f0;
+  --stripe-color: #f5f5f5;
+  --border-hover-color: #f2f5f7;
+  --gap: 8px;
+  --basic-height: 24px;
+}
+.ant-input,
+.ant-select {
+  font-size: 12px;
+}
+.ant-select-dropdown .ant-select-item {
+  font-size: 12px;
+  align-items: center;
+}
+.react-resizable {
+  position: relative;
+  background-clip: padding-box;
+}
+.react-resizable-handle {
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+  width: 3px;
+  height: 40px;
+  cursor: col-resize;
+}
+.react-resizable-handle:hover {
+  background-color: var(--primary-color);
+}
+.react-resizable-handle:active {
+  background-color: var(--primary-color);
+}
+.yf_resizable_bar {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 2;
+  height: 0;
+}
+.resizable_line {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  background-color: var(--primary-color);
+  z-index: 1;
+}
+.handle_resizable {
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
+  width: 5px;
+  z-index: 2;
+}
+.lm_grid_tree {
+  position: relative;
+  font-size: 12px;
+  height: calc(100% - 36px);
+  width: 168px;
+  border: 1px solid #eee;
+}
+.lm_grid_tree .grid_tree_title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-weight: 500;
+  height: 40px;
+  background-color: var(--table-background-color);
+  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 {
+  white-space: nowrap;
+  padding: 0 6px 0 16px;
+}
+.lm_grid_tree .ant-tree {
+  font-size: 12px;
+  white-space: nowrap;
+  padding: 0 10px;
+  transition: 0.3s;
+}
+.lm_grid_tree .ant-tree .ant-tree-list-holder-inner > :first-child .ant-tree-switcher:empty {
+  transition: none;
+  width: 6px;
+}
+.lm_grid_tree .ant-tree .ant-tree-treenode {
+  height: 32px;
+  align-items: center;
+  padding: 0;
+}
+.lm_grid_tree .ant-tree .ant-tree-treenode .ant-tree-switcher {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.lm_grid_tree .ant-tree .ant-tree-treenode .ant-tree-switcher:empty {
+  width: 12px;
+}
+.lm_grid_tree .toggle_btn {
+  position: absolute;
+  z-index: 1;
+  top: 50%;
+  transform: translateY(-50%);
+  right: -6px;
+  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;
+  cursor: pointer;
+}
+.lm_grid_tree .toggle_btn:hover {
+  color: #fff;
+  background-color: var(--primary-color);
+}
+.lm_grid_tree.grid_toggle {
+  width: 0;
+  border-width: 0;
+  margin-left: -8px;
+}
+.lm_grid_tree.grid_toggle .grid_tree_title {
+  opacity: 0;
+}
+.lm_grid_tree.grid_toggle .ant-tree {
+  opacity: 0;
+}
+.lm_grid_tree.grid_toggle .toggle_btn {
+  right: -14px;
+  transform: translateY(-50%) rotateY(180deg);
+}

package/lib/LoadingPage/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/spin/style");
+
+var _spin = _interopRequireDefault(require("antd/es/spin"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var LoadingPage = function LoadingPage(_ref) {
+  var _ref$height = _ref.height,
+      height = _ref$height === void 0 ? '100%' : _ref$height;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      width: '100%',
+      height: height,
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_spin.default, {
+    size: "large"
+  }));
+};
+
+var _default = LoadingPage;
+exports.default = _default;

package/lib/LoadingPage/style/index.js

@@ -0,0 +1 @@
+"use strict";

package/lib/Modal/add.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/modal/style");
+
+var _modal = _interopRequireDefault(require("antd/es/modal"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _icons = require("@ant-design/icons");
+
+var _excluded = ["visible", "wrapClassName", "onClose", "children"];
+
+var Index = function Index(props) {
+  var visible = props.visible,
+      wrapClassName = props.wrapClassName,
+      onClose = props.onClose,
+      children = props.children,
+      reset = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var handleClose = function handleClose() {
+    onClose();
+  };
+
+  var onSave = function onSave() {
+    handleClose();
+  };
+
+  var config = {
+    title: '新增',
+    width: 480,
+    visible: visible,
+    onOk: handleClose,
+    onCancel: handleClose,
+    wrapClassName: wrapClassName ? "".concat(wrapClassName, " lm_addModal") : 'lm_addModal',
+    okButtonProps: {
+      size: 'default'
+    },
+    cancelButtonProps: {
+      size: 'default'
+    },
+    footer: [/*#__PURE__*/_react.default.createElement(_button.default, {
+      size: "large",
+      type: "primary",
+      key: "back",
+      icon: /*#__PURE__*/_react.default.createElement(_icons.SaveOutlined, null),
+      onClick: onSave
+    }, "\u4FDD\u5B58")]
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_modal.default, (0, _extends2.default)({}, config, reset), children));
+};
+
+var _default = Index;
+exports.default = _default;

package/lib/Modal/confirm.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+require("antd/es/modal/style");
+
+var _modal = _interopRequireDefault(require("antd/es/modal"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _IconFont = _interopRequireDefault(require("../IconFont"));
+
+var _excluded = ["type"];
+
+/*
+  增加参数：
+  type: 指定图片类型
+*/
+var Confirm = function Confirm(_ref) {
+  var type = _ref.type,
+      resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var Icon = function Icon() {
+    switch (type) {
+      case 'success':
+        return /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+          type: "lmweb-check-circle",
+          style: {
+            color: '#56C22D'
+          }
+        });
+
+      case 'error':
+        return /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+          type: "lmweb-close-circle",
+          style: {
+            color: '#FA4F53'
+          }
+        });
+
+      case 'warning':
+        return /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+          type: "lmweb-info-circle",
+          style: {
+            color: '#FD9727'
+          }
+        });
+
+      case 'info':
+        return /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+          type: "lmweb-info-circle",
+          style: {
+            color: '#1890fc'
+          }
+        });
+
+      default:
+        return /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+          type: "lmweb-info-circle",
+          style: {
+            color: '#FD9727'
+          }
+        });
+    }
+  };
+
+  return _modal.default.confirm((0, _objectSpread2.default)({
+    title: 'Confirm',
+    icon: Icon(),
+    content: 'Bla bla ...',
+    okText: '确认',
+    cancelText: '取消',
+    wrapClassName: 'lm_modal_confirm',
+    closable: true
+  }, resetProps));
+};
+
+var _default = Confirm;
+exports.default = _default;

package/lib/Modal/edit.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/modal/style");
+
+var _modal = _interopRequireDefault(require("antd/es/modal"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _excluded = ["visible", "wrapClassName", "children"];
+
+var Index = function Index(props) {
+  var visible = props.visible,
+      wrapClassName = props.wrapClassName,
+      children = props.children,
+      reset = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var config = {
+    title: '编辑',
+    width: 480,
+    visible: visible,
+    centered: true,
+    wrapClassName: wrapClassName ? "".concat(wrapClassName, " lm_editModal") : 'lm_editModal',
+    okButtonProps: {
+      size: 'default'
+    },
+    cancelButtonProps: {
+      size: 'default'
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_modal.default, (0, _extends2.default)({}, config, reset), children));
+};
+
+var _default = Index;
+exports.default = _default;