linkmore-design 1.0.89 → 1.0.91

package/lib/Filter/style/variables.css

@@ -0,0 +1,271 @@
+.lm_filter {
+  display: flex;
+  align-items: center;
+  padding-bottom: calc(var(--gap) * 2);
+}
+.lm_filter .ant-space-item,
+.lm_filter .ant-space-item > *,
+.lm_filter .ant-btn,
+.lm_filter .ant-input {
+  font-size: 12px;
+}
+.lm_filter .anticon + span,
+.lm_filter span + .anticon {
+  margin-left: calc(var(--gap) / 2);
+}
+.lm_filter .ant-input-affix-wrapper {
+  height: 24px;
+}
+.lm_filter .line {
+  display: block;
+  height: var(--basic-height);
+  border-right: 1px solid #eee;
+}
+.lm_filter .item_icon {
+  display: none;
+}
+.lm_filter .btn_active {
+  background-color: var(--ant-primary-1);
+}
+.ant-popover.list-popover {
+  min-width: 130px;
+}
+.ant-popover.list-popover .ant-popover-inner-content {
+  overflow-y: auto;
+  max-height: 260px;
+  padding: 0;
+}
+.ant-popover.list-popover .list-popover-header {
+  font-size: 12px;
+  height: 40px;
+  border-bottom: 1px solid #eee;
+  padding: 0 15px;
+}
+.ant-popover.list-popover .list-popover-header .ant-radio-button-wrapper {
+  font-size: 12px;
+}
+.ant-popover.list-popover .item_other {
+  position: relative;
+  right: -8px;
+  display: inline-flex;
+  align-items: center;
+  color: #666;
+}
+.ant-popover.list-popover .item_other .item_icon {
+  font-size: 14px;
+  text-align: center;
+  padding: 0 2px;
+  transition: 0.3s;
+}
+.ant-popover.list-popover .item_other .item_icon:hover {
+  color: var(--primary-color);
+}
+.ant-popover.list-popover .item_other .item_top {
+  opacity: 0;
+}
+.ant-popover.list-popover .ant-list .ant-list-items .ant-list-item {
+  position: relative;
+  display: flex;
+  height: 32px;
+  align-items: center;
+  font-size: 12px;
+  border: none;
+  color: #333;
+  padding: 0 15px;
+  transition: 0.3s;
+  cursor: pointer;
+}
+.ant-popover.list-popover .ant-list .ant-list-items .ant-list-item.active {
+  background-color: var(--stripe-color);
+}
+.ant-popover.list-popover .ant-list .ant-list-items .ant-list-item:hover {
+  background-color: var(--stripe-color);
+}
+.ant-popover.list-popover .ant-list .ant-list-items .ant-list-item:hover .item_top {
+  opacity: 1;
+}
+.ant-popover.list-popover .ant-list .ant-list-item-meta-content {
+  width: auto;
+}
+.ant-popover.list-popover .filte_warp {
+  padding: 8px 15px;
+}
+.ant-popover.list-popover .filte_warp > div {
+  width: 100%;
+}
+.ant-popover.list-popover .filte_warp .ant-picker-input > input {
+  font-size: 12px;
+  height: 22px;
+}
+.ant-popover.list-popover .filte_warp .ant-input {
+  font-size: 12px;
+  height: var(--basic-height);
+}
+.ant-popover.list-popover .ant-checkbox-group {
+  width: 100%;
+}
+.ant-popover.list-popover .ant-checkbox-group .ant-checkbox-wrapper {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  font-size: inherit;
+  height: 32px;
+}
+.ant-popover.list-popover .ant-checkbox-group .ant-checkbox-wrapper .ant-checkbox {
+  top: 0;
+}
+.ant-popover.list-popover .ant-tree {
+  font-size: 12px;
+  padding-right: 8px;
+}
+.ant-popover.list-popover .ant-tree .ant-tree-treenode {
+  height: 32px;
+  align-items: center;
+  padding: 0;
+}
+.ant-popover.list-popover .ant-tree .ant-tree-treenode .ant-tree-switcher {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.ant-popover.list-popover .ant-tree .ant-tree-treenode .ant-tree-switcher:empty {
+  width: 12px;
+}
+.ant-drawer .ant-drawer-header {
+  height: 48px;
+  padding: 0 16px;
+}
+.ant-drawer.complex_filter .ant-drawer-body {
+  display: flex;
+  flex-flow: column;
+  padding: 16px 16px 0;
+}
+.ant-drawer.complex_filter .ant-drawer-body .ant-list {
+  flex: 1;
+  overflow-y: auto;
+  margin-top: var(--gap);
+}
+.ant-drawer.complex_filter .ant-drawer-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 12px;
+  height: 48px;
+}
+.ant-drawer.complex_filter .ant-drawer-footer .ant-btn {
+  font-size: 12px;
+  min-width: 56px;
+}
+.ant-drawer.complex_filter .ant-list-item {
+  height: 40px;
+  padding: 0;
+}
+.ant-drawer.complex_filter .ant-list-item:hover {
+  color: var(--primary-color);
+}
+.ant-drawer.complex_filter .item_other {
+  display: flex;
+  align-items: center;
+}
+.ant-drawer.complex_filter .item_other .itme_icon {
+  font-size: 10px;
+  cursor: pointer;
+}
+.ant-drawer.edit_filter .ant-drawer-body {
+  display: flex;
+  flex-flow: column;
+  flex: 1;
+  padding: 16px 16px 0;
+}
+.ant-drawer.edit_filter .edit_filter_title .ant-space-vertical {
+  width: 100%;
+}
+.ant-drawer.edit_filter .edit_filter_title .title_lable {
+  font-size: 12px;
+  padding-bottom: 8px;
+}
+.ant-drawer.edit_filter .edit_filter_title .title_lable span.required {
+  color: #fd4d4e;
+}
+.ant-drawer.edit_filter .edit_filter_body {
+  flex: 1;
+  overflow-y: auto;
+  margin-top: 16px;
+}
+.ant-drawer.edit_filter .edit_filter_body .ant-list-item {
+  border: none;
+  padding: 4px 0;
+}
+.ant-drawer.edit_filter .edit_filter_body .ant-list-item:first-of-type {
+  padding-top: 0;
+}
+.ant-drawer.edit_filter .edit_filter_body .ant-list-item .item_box {
+  background: var(--background-color);
+  padding: 12px;
+}
+.ant-drawer.edit_filter .edit_filter_body .ant-list-item .item_box .item_label {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.ant-drawer.edit_filter .edit_filter_body .ant-list-item .item_box .item_tags {
+  padding-top: 16px;
+}
+.ant-drawer.edit_filter .edit_filter_body .ant-list-item .item_box .item_tags .ant-tag {
+  color: var(--font-color);
+  background-color: var(--background-color);
+}
+.ant-drawer.edit_filter .edit_filter_body .ant-list-item .item_box .item_tags .ant-tag.site-tag-plus {
+  background: transparent;
+  border-style: dashed;
+  cursor: pointer;
+}
+.ant-drawer.edit_filter .edit_filter_body .ant-list-item .item_box .item_tags .tag-input {
+  width: 78px;
+  margin-right: 8px;
+  vertical-align: top;
+}
+.ant-drawer.edit_filter .edit_filter_footer {
+  position: sticky;
+  bottom: 0;
+  background-color: #fff;
+  padding-top: 4px;
+}
+.ant-select-dropdown.first_select .rc-virtual-list .ant-select-item {
+  padding: 0 12px;
+}
+.ant-select-dropdown.first_select .rc-virtual-list .ant-select-item .ant-input {
+  font-size: 12px;
+  height: var(--basic-height);
+}
+.ant-select-dropdown.first_select .rc-virtual-list .ant-select-item .item_nowarp {
+  flex-wrap: nowrap;
+}
+.ant-select-dropdown.first_select .rc-virtual-list .ant-select-item .item_label {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ant-select-dropdown.first_select .rc-virtual-list .ant-select-item .item_icon {
+  opacity: 0;
+  transition: 0.3s;
+  padding-left: 3px;
+}
+.ant-select-dropdown.first_select .rc-virtual-list .ant-select-item:hover .item_icon {
+  opacity: 1;
+}
+.ant-select-dropdown.first_select .rc-virtual-list .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+  color: var(--primary-color);
+}
+.ant-select-dropdown.first_select .add_more {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  font-size: 12px;
+  padding: 4px 12px;
+  cursor: pointer;
+}
+.ant-select-dropdown.first_select .add_more .ant-input {
+  font-size: 12px;
+  height: var(--basic-height);
+}

package/lib/Form/style/variables.css

@@ -0,0 +1,181 @@
+@import url(./form.css);
+@import url(./grid.css);
+@import url(./tooltip.css);
+.lm_form.ant-form .ant-form-item {
+  margin-bottom: 16px;
+}
+.lm_form.ant-form .ant-form-item .ant-form-item-explain {
+  line-height: 24px;
+}
+.lm_form.ant-form.ant-form-horizontal .ant-form-item-label {
+  margin-top: 8px;
+}
+.lm_form.ant-form .ant-form-item-label {
+  display: flex;
+  align-items: center;
+  height: 18px;
+  line-height: 18px;
+  padding: 0;
+  margin-bottom: 8px;
+}
+.lm_form.ant-form .ant-form-item-label > label {
+  width: 132px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: inline-block;
+  height: auto;
+  font-size: 12px;
+  margin-right: 8px;
+  padding: 0;
+}
+.lm_form.ant-form .ant-form-item-label > label::after {
+  margin: 0;
+}
+.lm_form.ant-form .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
+  margin-right: 0;
+}
+.lm_form.ant-form .ant-form-item-control {
+  width: 100%;
+}
+.lm_form.ant-form.ant-form-inline .ant-form-item-label {
+  text-align: left;
+}
+.lm_container_wrapper {
+  overflow: auto;
+}
+.lm_container_wrapper .lm_container.responsive {
+  min-width: 990px;
+}
+.lm_container_wrapper .lm_container.responsive .lm_form.ant-form {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.lm_container_wrapper .lm_container.responsive .lm_form.ant-form .ant-form-item-responsive {
+  margin-right: 24px;
+}
+.lm_container_wrapper .lm_container.responsive .lm_form.ant-form .ant-form-item-responsive .ant-form-item-control {
+  width: 100%;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item {
+  width: 100%;
+  margin-right: 0;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item-responsive {
+  width: calc(33.3333% - 16px);
+  margin-right: 24px;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item-responsive.nth-three {
+  margin-right: 0;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item {
+  width: 100%;
+  margin-right: 0;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item-responsive {
+  width: calc(25% - 18px);
+  margin-right: 24px;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item-responsive.nth-four {
+  margin-right: 0;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item {
+  width: 100%;
+  margin-right: 0;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item-responsive {
+  width: calc(20% - 96px / 5);
+  margin-right: 24px;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item-responsive.nth-five {
+  margin-right: 0;
+}
+.lm_form-item-tip-error .ant-form-item-explain {
+  width: 100%;
+  position: absolute;
+  display: flex;
+  top: 0;
+  left: 100%;
+  z-index: 100;
+  color: #FA4F53;
+  pointer-events: none;
+}
+.lm_form-item-tip-error .ant-form-item-explain::before {
+  content: ' ';
+  position: absolute;
+  z-index: 10;
+  display: inline-block;
+  height: 0;
+  width: 0;
+  background-color: #fff;
+  transform: rotate(45deg);
+  border-width: 4px;
+  border-style: solid;
+}
+.lm_form-item-tip-error .ant-form-item-explain .ant-form-item-explain-error {
+  line-height: 20px;
+  font-size: 12px;
+  background-color: #fff;
+  padding: 6px 8px;
+  box-shadow: 0 0 6px 2px #e3e3e3;
+  border-radius: 2px;
+}
+.lm_form-item-tip-error-right .ant-form-item-explain::before {
+  box-shadow: -1px 1px 1px 0px #f0f0f0;
+  border-color: transparent transparent #fff #fff;
+  margin-left: 3px;
+  margin-top: 12px;
+}
+.lm_form-item-tip-error-right .ant-form-item-explain .ant-form-item-explain-error {
+  margin-left: 7px;
+}
+.lm_form-item-tip-error-left .ant-form-item-explain {
+  left: -100%;
+  justify-content: flex-end;
+  padding-right: 7px;
+}
+.lm_form-item-tip-error-left .ant-form-item-explain::before {
+  box-shadow: 1px -1px 1px 0px #f0f0f0;
+  border-color: #fff #fff transparent transparent;
+  margin-left: -11px;
+  margin-top: 12px;
+  left: 100%;
+}
+.lm_form-item-tip-error-left .ant-form-item-explain .ant-form-item-explain-error {
+  margin-left: -4px;
+}
+.lm_form-item-tip-error-top .ant-form-item-explain {
+  top: -39px;
+  left: 0;
+  justify-content: center;
+}
+.lm_form-item-tip-error-top .ant-form-item-explain::before {
+  box-shadow: 1px 1px 1px 0px #f0f0f0;
+  border-color: transparent #fff #fff transparent;
+  background-color: #fff;
+  margin-top: 28px;
+}
+.lm_form-item-tip-error-top .ant-form-item-explain .ant-form-item-explain-error {
+  margin-left: -4px;
+}
+.lm_form-item-tip-error-bottom .ant-form-item-explain {
+  top: 39px;
+  left: 0;
+  justify-content: center;
+}
+.lm_form-item-tip-error-bottom .ant-form-item-explain::before {
+  box-shadow: -1px -1px 1px 0px #f0f0f0;
+  border-color: #fff transparent transparent #fff;
+  background-color: #fff;
+  margin-top: -4px;
+}
+.lm_form-item-tip-error-bottom .ant-form-item-explain .ant-form-item-explain-error {
+  margin-left: -4px;
+}
+.ant-form-item.ant-form-item-responsive .lm_select {
+  width: 100%;
+}
+.ant-form-item-explain-error {
+  font-size: 12px;
+}

package/lib/Form/style/variables.d.ts

@@ -0,0 +1 @@
+import './variables.less';

package/lib/Form/style/variables.js

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

package/lib/FullScreen/style/variables.css

@@ -0,0 +1,10 @@
+.lm_funll_screen {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  z-index: 1100;
+  background-color: var(--color-contrast);
+  padding: 16px;
+}

package/lib/FullScreen/style/variables.d.ts

@@ -0,0 +1 @@
+import './variables.less';

package/lib/FullScreen/style/variables.js

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

package/lib/Grid/style/variables.d.ts

@@ -0,0 +1 @@
+import './variables.less';

package/lib/Grid/style/variables.js

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

package/lib/IconSelect/style/variables.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/Image/style/variables.d.ts

@@ -0,0 +1 @@
+import './variables.less';

package/lib/Image/style/variables.js

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

package/lib/ImageViewer/style/variables.css

@@ -0,0 +1,118 @@
+.lm_image_viewer_wrapper {
+  position: fixed;
+  z-index: 1001;
+  inset: 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_mask {
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.5);
+  inset: 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  flex-flow: column;
+  gap: var(--gap);
+  align-items: center;
+  height: 100vh;
+  padding: 50px 0;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list {
+  flex: 1;
+  width: 51%;
+  max-height: 100%;
+  overflow: hidden;
+  touch-action: none;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list div {
+  height: 100%;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item {
+  overflow: hidden;
+  text-align: center;
+  border-radius: 2px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item img {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list {
+  display: flex;
+  gap: var(--gap);
+  width: 51%;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 98px;
+  height: 98px;
+  text-align: center;
+  background-color: var(--color-contrast);
+  border: 2px solid transparent;
+  border-radius: 2px;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item .thumb_item_icon {
+  color: var(--color-45);
+  font-size: 34px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item img {
+  display: inline-block;
+  width: 94px;
+  height: 94px;
+  object-fit: cover;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item.active {
+  border-color: var(--primary-color);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action {
+  position: absolute;
+  bottom: 50px;
+  left: 50%;
+  display: flex;
+  gap: 24px;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 12px;
+  font-size: 24px;
+  background-color: #fff;
+  border-radius: 100px;
+  transform: translateX(-50%);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon {
+  cursor: pointer;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon:hover {
+  color: var(--primary-color);
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow {
+  position: absolute;
+  top: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 48px;
+  color: var(--color-contrast);
+  font-size: 32px;
+  background-color: var(--text-color);
+  transform: translateY(-50%);
+  cursor: pointer;
+  transition: 0.3s;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_left {
+  left: 40px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_right {
+  right: 40px;
+}
+.lm_image_viewer_wrapper .lm_image_viewer_container .arrow:hover {
+  color: var(--primary-color);
+}