linkmore-design 1.0.4 → 1.0.7

package/lib/ButtonTags/style/style.css

@@ -9,7 +9,7 @@
   display: none;
 }
 .ant-table .row-active .ant-table-cell {
-  background-color: #FEFFD3 !important;
+  background-color: #feffd3 !important;
 }
 .ant-table.ant-table-empty .ant-table-expanded-row-fixed {
   padding: 0;
@@ -26,10 +26,6 @@
   height: 24px;
   margin: var(--gap) 0;
 }
-.ant-dropdown-menu-item {
-  font-size: 12px;
-  height: 32px;
-}
 .ant-tabs .ant-tabs-nav .ant-tabs-tab {
   font-size: 14px;
 }
@@ -59,8 +55,8 @@
   justify-content: flex-end;
 }
 .ant-modal-wrap.plugin_modal .ant-modal {
-  left: 56px;
   top: 0;
+  left: 56px;
   margin: 0 0 8px 8px;
   padding: 0;
 }
@@ -72,8 +68,8 @@
   padding: 16px 24px;
 }
 .ant-popover.pop_img .ant-popover-inner-content {
-  line-height: 1;
   padding: var(--gap);
+  line-height: 1;
 }
 @font-face {
   font-family: 'iconfont';
@@ -81,8 +77,8 @@
   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;
+  font-family: 'iconfont';
 }
 .iconfont {
   font-size: 12px;
@@ -91,18 +87,18 @@
   content: '\e7fc';
 }
 .lm-font-small-bold {
-  font-size: var(--font-size-sm);
   font-weight: 400;
+  font-size: var(--font-size-sm);
   line-height: 20px;
 }
 .lm-font-middle-bold {
-  font-size: var(--font-size-base);
   font-weight: 500;
+  font-size: var(--font-size-base);
   line-height: 22px;
 }
 .lm-font-large-bold {
-  font-size: var(--font-size-lg);
   font-weight: 500;
+  font-size: var(--font-size-lg);
   line-height: 24px;
 }
 .lm-font-small {
@@ -155,13 +151,19 @@
 }
 :root {
   --primary-color: #1890fc;
-  --primary-select-color: #e6f7ff;
-  --primary-hover-color: #40a9ff;
   --primary-click-color: #096dd9;
   --success-color: #52c14a;
   --warning-color: #fd9727;
   --error-color: #fa4f53;
   --aside-bg-color: #022766;
+  --primary-hover-color: #40a9ff;
+  --primary-loading-color: #84b7fa;
+  --primary-select-color: #e6f7ff;
+  --error-hover-color: #ee8079;
+  --error-loading-color: #fbcdcd;
+  --disabled-border-color: rgba(0, 0, 0, 0.15);
+  --disabled-bg-color: rgba(0, 0, 0, 0.04);
+  --disabled-font-color: rgba(0, 0, 0, 0.25);
   --font-color: rgba(0, 0, 0, 0.85);
   --text-color: rgba(0, 0, 0, 0.45);
   --tip-text-color: rgba(0, 0, 0, 0.25);
@@ -209,8 +211,8 @@ html {
   background-color: #f0f2f5;
 }
 #app {
-  min-width: 1200px;
   width: 100vw;
+  min-width: 1200px;
   height: 100vh;
   font-family: 'PingFang SC', 'Microsoft YaHei UI', '微软雅黑', Helvetica, Arial, sans-serif;
 }
@@ -219,9 +221,9 @@ html {
   height: 100%;
 }
 * {
-  list-style: none;
   margin: 0;
   padding: 0;
+  list-style: none;
 }
 *::-webkit-scrollbar {
   width: 8px;
@@ -242,20 +244,16 @@ html {
 *::-webkit-scrollbar-thumb:active {
   background: #bfbfbf;
 }
-.ant-input,
-.ant-select {
-  font-size: 12px;
-}
 .page-content {
   margin: 12px;
   padding: 16px;
   background: #fff;
 }
 .addModal .ant-modal-header {
-  padding: 0 24px;
-  height: 46px;
   display: flex;
   align-items: center;
+  height: 46px;
+  padding: 0 24px;
 }
 .addModal .ant-modal-close-x {
   width: 46px;
@@ -270,8 +268,8 @@ html {
 }
 .addModal .ant-modal-body .ant-tabs-content-holder {
   max-height: 800px;
-  overflow-y: auto;
   padding: 16px 10px;
+  overflow-y: auto;
 }
 .addModal .ant-modal-footer {
   padding: 11px 24px;
@@ -280,10 +278,10 @@ html {
   margin-left: 10px;
 }
 .editModal .ant-modal-header {
-  padding: 0 24px;
-  height: 46px;
   display: flex;
   align-items: center;
+  height: 46px;
+  padding: 0 24px;
 }
 .editModal .ant-modal-close-x {
   width: 46px;
@@ -291,8 +289,8 @@ html {
   line-height: 44px;
 }
 .editModal .ant-modal-body {
-  padding: 24px 24px 21px;
   max-height: 600px;
+  padding: 24px 24px 21px;
   overflow-y: auto;
 }
 .editModal .ant-modal-body .ant-form-item {
@@ -305,8 +303,8 @@ html {
   margin-left: 10px;
 }
 .ant-select-dropdown .ant-select-item {
-  font-size: 12px;
   align-items: center;
+  font-size: 12px;
 }
 .react-resizable {
   position: relative;
@@ -314,8 +312,8 @@ html {
 }
 .react-resizable-handle {
   position: absolute;
-  right: 0;
   top: 0;
+  right: 0;
   z-index: 1;
   width: 3px;
   height: 40px;
@@ -329,27 +327,27 @@ html {
 }
 .yf_resizable_bar {
   position: absolute;
-  left: 0;
   top: 0;
+  left: 0;
   z-index: 2;
   height: 0;
 }
 .resizable_line {
   position: absolute;
-  left: 0;
   top: 0;
-  height: 100%;
+  left: 0;
+  z-index: 1;
   width: 1px;
+  height: 100%;
   background-color: var(--primary-color);
-  z-index: 1;
 }
 .handle_resizable {
   position: absolute;
-  right: 0;
   top: 0;
-  height: 100%;
-  width: 5px;
+  right: 0;
   z-index: 2;
+  width: 5px;
+  height: 100%;
 }
 .card_cell_content {
   display: flex;
@@ -362,17 +360,17 @@ html {
 }
 .card_cell_content .card_cell_body {
   position: relative;
-  flex: 1;
   display: flex;
+  flex: 1;
   flex-flow: column;
-  background: rgba(0, 0, 0, 0.02);
   padding: 16px;
+  background: rgba(0, 0, 0, 0.02);
   cursor: pointer;
 }
 .card_cell_content .card_cell_body .card_cell_checkbox {
   position: absolute;
-  left: 8px;
   top: 8px;
+  left: 8px;
   line-height: 1;
   opacity: 0;
   transition: 0.3s;
@@ -383,33 +381,33 @@ html {
 }
 .card_cell_content .card_cell_body .card_cell_info .title {
   display: flex;
+  gap: 8px;
   align-items: center;
   justify-content: space-between;
-  gap: 8px;
 }
 .card_cell_content .card_cell_body .card_cell_info .title .label {
   flex: 1;
-  font-size: 14px;
-  font-weight: 500;
-  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
-  text-overflow: ellipsis;
   overflow: hidden;
+  font-weight: 500;
+  font-size: 14px;
   white-space: nowrap;
+  text-overflow: ellipsis;
+  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
 }
 .card_cell_content .card_cell_body .card_cell_info .title .icon {
   display: inline-flex;
-  align-items: center;
   gap: 4px;
+  align-items: center;
+  height: 22px;
+  padding: 0 8px;
   font-size: 12px;
   line-height: 1;
-  height: 22px;
   background: var(--background-color);
-  padding: 0 8px;
 }
 .card_cell_content .card_cell_body .card_cell_info .code .ant-typography {
+  margin: 0;
   color: var(--text-color);
   text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
-  margin: 0;
 }
 .card_cell_content .card_cell_body .card_cell_info .code .ant-typography .ant-typography-copy {
   color: inherit;
@@ -418,60 +416,60 @@ html {
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
-  font-size: 12px;
+  padding: 6px 0 2px;
   color: var(--text-color);
+  font-size: 12px;
   text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
-  padding: 6px 0 2px;
 }
 .card_cell_content .card_cell_body .card_cell_info .expand > div {
   padding: 2px 0;
 }
 .card_cell_content .card_cell_body .card_cell_center {
   display: flex;
-  align-items: center;
   flex: 1;
+  align-items: center;
 }
 .card_cell_content .card_cell_body .card_cell_center .list {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  text-align: center;
   width: 100%;
   margin: auto 0;
+  text-align: center;
 }
 .card_cell_content .card_cell_body .card_cell_center .list .item {
   display: inline-flex;
-  align-items: center;
   gap: 4px;
+  align-items: center;
   line-height: 1;
 }
 .card_cell_content .card_cell_body .card_cell_center .list .item .num {
-  font-size: 20px;
-  font-weight: 500;
   color: var(--font-color);
+  font-weight: 500;
+  font-size: 20px;
 }
 .card_cell_content .card_cell_body .card_cell_center .list .item .text {
-  font-size: 12px;
   color: var(--text-color);
+  font-size: 12px;
 }
 .card_cell_content .card_cell_footer {
   display: flex;
   align-items: center;
   height: 40px;
-  background: #F7F7F7;
+  background: #f7f7f7;
 }
 .card_cell_content .card_cell_footer > * {
   flex: 1;
 }
 .card_cell_content .card_cell_footer > *::after {
-  content: '';
   position: absolute;
-  right: 0;
   top: 50%;
-  transform: translateY(-50%);
-  height: 18px;
+  right: 0;
   width: 1px;
-  background-color: #E8E8E8;
+  height: 18px;
+  background-color: #e8e8e8;
+  transform: translateY(-50%);
+  content: '';
 }
 .card_cell_content .card_cell_footer button:last-child {
   border: none;

package/lib/Checkbox/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/checkbox/style");
+
+var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _excluded = ["children"],
+    _excluded2 = ["children", "size", "buttonStyle", "direction"];
+
+var LMCheckBox = function LMCheckBox(props) {
+  var children = props.children,
+      restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var classString = (0, _classnames.default)(restProps.className, 'lm-checkbox');
+  return /*#__PURE__*/_react.default.createElement(_checkbox.default, (0, _extends2.default)({}, restProps, {
+    className: classString
+  }), children);
+};
+
+LMCheckBox.Group = function (props) {
+  var children = props.children,
+      size = props.size,
+      buttonStyle = props.buttonStyle,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'row' : _props$direction,
+      restProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+  return /*#__PURE__*/_react.default.createElement(_checkbox.default.Group, (0, _extends2.default)({
+    className: (0, _classnames.default)('lm-checkbox-group', "lm-checkbox-group-".concat(direction))
+  }, restProps), children);
+};
+
+var _default = LMCheckBox;
+exports.default = _default;

package/lib/Checkbox/style/index.js

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

package/lib/Checkbox/style/style.css

@@ -0,0 +1,119 @@
+.lm-checkbox {
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--font-color);
+}
+.lm-checkbox > span:last-child {
+  padding: 0;
+  margin: 0 8px;
+  max-width: 96px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.lm-checkbox .ant-checkbox .ant-checkbox-inner {
+  border-color: var(--stroke-color);
+}
+.lm-checkbox .ant-checkbox:hover .ant-checkbox-inner {
+  border-color: var(--primary-color);
+}
+.lm-checkbox .ant-checkbox.ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
+  background-color: var(--primary-color);
+}
+.lm-checkbox .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner:after {
+  background-color: var(--primary-color);
+}
+.lm-checkbox .ant-checkbox-disabled .ant-checkbox-inner {
+  background-color: var(--background-color);
+  border-color: var(--stroke-color) !important;
+}
+.lm-checkbox .ant-checkbox-disabled + span {
+  color: var(--disabled-font-color);
+}
+.lm-checkbox-group .ant-checkbox-button-wrapper {
+  font-size: 12px;
+  line-height: 20px;
+  height: 24px;
+  padding: 1px 8px;
+  color: var(--font-color);
+}
+.lm-checkbox-group .ant-checkbox-button-wrapper > span:last-child {
+  display: inline-block;
+  font-size: 12px;
+  line-height: 20px;
+  max-width: 96px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.lm-checkbox-group .ant-checkbox-button-wrapper-checked:not([class*=' ant-checkbox-button-wrapper-disabled']) .ant-checkbox-button-wrapper:first-child {
+  border-right-color: var(--primary-hover-color);
+}
+.lm-checkbox-group .ant-checkbox-button-wrapper-checked:not(.ant-checkbox-button-wrapper-disabled) {
+  color: var(--primary-color);
+  border-color: var(--primary-color);
+}
+.lm-checkbox-group .ant-checkbox-button-wrapper-checked:not(.ant-checkbox-button-wrapper-disabled):first-child {
+  border-color: var(--primary-color);
+}
+.lm-checkbox-group .ant-checkbox-button-wrapper-checked:not(.ant-checkbox-button-wrapper-disabled):hover {
+  color: var(--primary-hover-color);
+  border-color: var(--primary-hover-color);
+}
+.lm-checkbox-group .ant-checkbox-wrapper {
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--font-color);
+}
+.lm-checkbox-group .ant-checkbox-wrapper > span:last-child {
+  padding: 0;
+  margin: 0 8px;
+  max-width: 96px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.lm-checkbox-group .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
+  border-color: var(--stroke-color);
+}
+.lm-checkbox-group .ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner {
+  border-color: var(--primary-color);
+}
+.lm-checkbox-group .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
+  background-color: var(--primary-color);
+}
+.lm-checkbox-group .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner:after {
+  background-color: var(--primary-color);
+}
+.lm-checkbox-group .ant-checkbox-wrapper .ant-checkbox-disabled .ant-checkbox-inner {
+  background-color: var(--background-color);
+  border-color: var(--stroke-color) !important;
+}
+.lm-checkbox-group .ant-checkbox-wrapper .ant-checkbox-disabled + span {
+  color: var(--disabled-font-color);
+}
+.lm-checkbox-group .ant-checkbox-button-wrapper-disabled {
+  color: var(--disabled-font-color);
+  background-color: var(--disabled-bg-color);
+  border-color: var(--stroke-color);
+}
+.lm-checkbox-group .ant-checkbox-button-wrapper-disabled.ant-checkbox-button-wrapper-checked {
+  color: #b8b8b8 !important;
+  background-color: var(--background-color-hover);
+  border-color: var(--stroke-color);
+}
+.lm-checkbox-group-column {
+  display: flex;
+  flex-direction: column;
+}
+.lm-checkbox-group-column .lm-checkbox {
+  margin-left: 0;
+  margin-bottom: 12px;
+}
+.lm-checkbox-group-column .lm-checkbox > span:last-child {
+  max-width: 100%;
+  overflow: initial;
+  white-space: nowrap;
+  padding: 0;
+  margin: 0 8px;
+}
+.lm-checkbox-group-column .lm-checkbox:last-child {
+  margin-bottom: 0;
+}

package/lib/CkFilter/baseFilter/filterMenu.js

@@ -1,18 +1,14 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-require("antd/es/dropdown/style");
-
-var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
@@ -21,6 +17,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _linkmoreDesign = require("linkmore-design");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _IconFont = _interopRequireDefault(require("../../IconFont"));
@@ -177,7 +175,7 @@ var FilterMenu = function FilterMenu(props) {
     }, checkedValue))));
   }
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdown.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
     trigger: ['click'],
     visible: visible,
     placement: "bottomLeft",

package/lib/CkFilter/baseFilter/index.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,22 +11,20 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-require("antd/es/input/style");
-
-var _input = _interopRequireDefault(require("antd/es/input"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
+var _linkmoreDesign = require("linkmore-design");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _context = require("../context");
 
+var _utils = require("../utils");
+
 var _filterMenu = _interopRequireDefault(require("./filterMenu"));
 
 var _moreFilters = _interopRequireDefault(require("./moreFilters"));
 
-var _utils = require("../utils");
-
 /* 二级筛选：基础过滤
  * data
  *
@@ -70,7 +68,7 @@ var Filter = function Filter() {
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, search && /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_search"
-  }, /*#__PURE__*/_react.default.createElement(_input.default.Search, {
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
     ref: inputRef,
     allowClear: true,
     size: "small",

package/lib/CkFilter/baseFilter/moreFilters.js

@@ -1,18 +1,14 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-require("antd/es/dropdown/style");
-
-var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -25,6 +21,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _linkmoreDesign = require("linkmore-design");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _IconFont = _interopRequireDefault(require("../../IconFont"));
@@ -166,7 +164,7 @@ var MoreFilters = function MoreFilters() {
       }, obj));
     });
   }, [setFilterValue, state.instance.data, state.orderFields, state.visibleFields]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdown.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
     trigger: ['click'],
     visible: visible,
     placement: "bottomLeft",