linkmore-design 1.0.90 → 1.0.91

package/lib/LmFilter/style/variables.css

@@ -0,0 +1,425 @@
+.lm_filter_wrapper .lm_filter_container .lm_filter {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom {
+  display: inline-flex;
+  gap: 8px;
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom .lm_filter_custom_select {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 32px;
+  line-height: 1;
+  min-width: 100px;
+  max-width: 180px;
+  border: 1px solid var(--color-15);
+  border-radius: 2px;
+  color: var(--font2-color);
+  padding: 0 8px;
+  cursor: pointer;
+  transition: 0.3s;
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom .lm_filter_custom_select.small {
+  height: 24px;
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom .lm_filter_custom_select .lm_filter_custom_select_label span {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom .lm_filter_custom_select .lm_filter_custom_select_icon {
+  font-size: 14px;
+  color: var(--text-color);
+  transition: 0.3s;
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom .lm_filter_custom_select:hover {
+  border-color: var(--primary-hover-color);
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom .lm_filter_custom_select.expand {
+  color: var(--text-color);
+  border-color: var(--primary-hover-color);
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom .lm_filter_custom_select.expand .lm_filter_custom_select_icon {
+  transform: rotateX(180deg);
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom .lm_filter_custom_line {
+  width: 1px;
+  height: 32px;
+  background-color: var(--background-color-hover);
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_search {
+  max-width: 140px;
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_complex {
+  display: inline-flex;
+}
+.lm_filter_basic_item {
+  font-size: 12px;
+  display: inline-flex;
+  align-items: center;
+  line-height: 1;
+  border-radius: 2px;
+  padding: 0 8px;
+  transition: 0.3s;
+  cursor: pointer;
+  height: 32px;
+  gap: 4px;
+}
+.lm_filter_basic_item.small {
+  height: 24px;
+}
+.lm_filter_basic_item:hover,
+.lm_filter_basic_item.expand,
+.lm_filter_basic_item.active {
+  background-color: var(--color-4);
+}
+.lm_filter_basic_item .filter_item_value {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--text-color);
+  transition: 0.3s;
+}
+.lm_filter_basic_item .filter_item_icon {
+  font-size: 14px;
+  color: var(--text-color);
+  transition: 0.3s;
+}
+.lm_filter_basic_item .filter_item_icon.addon_before {
+  color: var(--font-color);
+}
+.lm_filter_basic_item.expand .filter_item_icon.addon_after {
+  transform: rotateX(180deg);
+}
+.lm_filter_basic_item.active .filter_item_value {
+  color: var(--primary-color);
+}
+.lm_filter_basic_item.active .filter_item_icon.addon_after {
+  transform: rotateX(180deg);
+}
+.lm_filter_basic_item.active.lm_filter_complex_item .filter_item_icon,
+.lm_filter_basic_item.active.lm_filter_complex_item .filter_item_label {
+  color: var(--primary-color);
+}
+.ant-dropdown.filter_dropdown_container_cascader > div {
+  transform: translateY(-4px);
+}
+.ant-dropdown.filter_dropdown_container_date .ant-picker {
+  visibility: hidden;
+  transform: translateY(-36px);
+}
+.ant-dropdown .filter_dropdown {
+  display: flex;
+  flex-flow: column;
+  box-shadow: 0 2px 6px var(--box-shadow-color);
+  background-color: #fff;
+}
+.ant-dropdown .filter_dropdown .filter_header {
+  min-height: 40px;
+  border-bottom: 1px solid #eee;
+  padding: 8px;
+}
+.ant-dropdown .filter_dropdown .filter_header .filter_header_operate {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_header_operate_checked {
+  display: inline-flex;
+  align-items: center;
+}
+.ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_reset {
+  font-size: 12px;
+  color: var(--primary-color);
+  cursor: pointer;
+}
+.ant-dropdown .filter_dropdown .filter_header .filter_header_operate .filter_tip {
+  font-size: 12px;
+  color: var(--text-color);
+}
+.ant-dropdown .filter_dropdown .filter_header .ant-input-group {
+  line-height: 1;
+}
+.ant-dropdown .filter_dropdown .filter_header input {
+  font-size: 12px;
+}
+.ant-dropdown .filter_dropdown .filter_header .ant-input-search + .filter_header_operate {
+  margin-top: 8px;
+}
+.ant-dropdown .filter_dropdown .filter_body {
+  width: 100%;
+}
+.ant-dropdown .filter_dropdown .filter_body .virtual_list {
+  min-width: 168px;
+  max-height: 224px;
+  overflow: auto;
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 12px;
+  height: 32px;
+  min-width: 120px;
+  padding: 0 8px;
+  transition: 0.3s;
+  white-space: nowrap;
+  cursor: pointer;
+  gap: 8px;
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item.last_item {
+  border-top: 1px solid var(--line-color);
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_content {
+  flex: auto;
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover {
+  font-size: 16px;
+  transition: 0.3s;
+  opacity: 0;
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover:hover {
+  color: var(--primary-color);
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item[disabled] {
+  display: none;
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item.checked {
+  color: var(--font-color);
+  background-color: var(--primary-select-color);
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item:hover {
+  background-color: var(--background-color);
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_hover {
+  opacity: 1;
+}
+.ant-dropdown .filter_dropdown .filter_footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 12px;
+  min-height: 32px;
+  padding: 6px 8px;
+  border-top: 1px solid #eee;
+  letter-spacing: 1px;
+}
+.ant-dropdown .filter_dropdown .filter_footer button {
+  font-size: 12px;
+  padding: 0 8px;
+}
+.ant-dropdown .filter_dropdown .filter_footer .footer_save {
+  color: var(--primary-color);
+  cursor: pointer;
+  transition: 0.3s;
+}
+.ant-dropdown .filter_dropdown .filter_footer .footer_clear {
+  color: var(--text-color);
+  cursor: pointer;
+  transition: 0.3s;
+}
+.ant-dropdown .filter_dropdown .filter_footer .footer_clear:hover {
+  color: var(--font-color);
+}
+.ant-dropdown .filter_dropdown .filter_empty {
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  min-height: 40px;
+  color: #666;
+  padding: 16px 8px;
+  margin: auto;
+  gap: 4px;
+}
+.ant-dropdown .filter_dropdown .filter_empty .filter_empty_text {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 20px;
+  color: var(--font-color);
+}
+.ant-dropdown .filter_dropdown .ant-checkbox-wrapper {
+  flex: 1;
+  font-size: 12px;
+  align-items: center;
+}
+.ant-dropdown .filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
+  top: initial;
+}
+.ant-drawer .ant-drawer-header .ant-drawer-title {
+  font-size: 14px;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group {
+  font-size: 12px;
+  line-height: 1;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group .ant-form-item {
+  margin-bottom: 16px;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group .ant-form-item-label {
+  padding-bottom: 0;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group .ant-form-item-label label {
+  font-size: 12px;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group input {
+  font-size: 12px;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group .ant-radio-wrapper {
+  display: inline-flex;
+  align-items: center;
+  font-size: 12px;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group .ant-radio-wrapper .ant-radio {
+  top: 0;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_add {
+  padding: 0 0 8px;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_add .ant-btn {
+  font-size: 12px;
+  max-width: initial;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item {
+  margin-bottom: var(--gap);
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box {
+  line-height: 1;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  background: var(--background-color);
+  padding: calc(var(--gap) * 2);
+  cursor: pointer;
+  transition: 0.3s;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_title {
+  font-size: 12px;
+  font-weight: 500;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_icon {
+  font-size: 16px;
+  color: #8C8C8C;
+  transition: 0.3s;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_icon.icon_plus {
+  color: var(--font-color);
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_icon:hover {
+  color: var(--font-color);
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags {
+  display: flex;
+  flex-flow: wrap;
+  gap: var(--gap);
+  padding-top: 12px;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag {
+  color: var(--font-color);
+  background-color: var(--background-color);
+  margin: 0;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag.add_tags {
+  background: transparent;
+  border-style: dashed;
+  cursor: pointer;
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag.add_tags:hover {
+  color: var(--primary-color);
+  border-color: var(--primary-color);
+}
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .tag-input {
+  width: 78px;
+  margin-right: 8px;
+  vertical-align: top;
+}
+.ant-drawer.lm_filter_drawer .complex_filter_body .checked_group {
+  margin-bottom: 24px;
+}
+.ant-drawer.lm_filter_drawer .complex_filter_body .list_group .list_group_title {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.25;
+}
+.ant-drawer.lm_filter_drawer .complex_filter_body .list_group .list_group_search {
+  margin: 16px 0;
+}
+.ant-drawer.lm_det_drawer .checkbox_tag {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  height: 24px;
+  border-radius: 2px;
+  color: var(--font-color);
+  background-color: var(--stripe-color);
+  padding: 0 8px;
+  transition: 0.3s;
+  cursor: pointer;
+}
+.ant-drawer.lm_det_drawer .checkbox_tag:hover,
+.ant-drawer.lm_det_drawer .checkbox_tag.active {
+  color: #fff;
+  background-color: var(--primary-color);
+}
+.ant-drawer.lm_det_drawer .ant-form-item {
+  margin-bottom: 16px;
+}
+.ant-drawer.lm_det_drawer .ant-form-item .ant-form-item-label > label {
+  font-weight: 500;
+}
+.ant-drawer.lm_det_drawer .auto_height {
+  max-height: 418px;
+  overflow-y: auto;
+}
+.ant-drawer.lm_det_drawer .ant-radio-wrapper {
+  display: inline-flex;
+  align-items: center;
+  font-size: 12px;
+}
+.ant-drawer.lm_det_drawer .ant-radio-wrapper .ant-radio {
+  top: 0;
+}
+.ant-drawer.lm_det_drawer .ant-select {
+  font-size: 12px;
+  width: 100%;
+}
+.ant-drawer.lm_det_drawer .custom_form {
+  display: flex;
+  flex-flow: column;
+  height: 100%;
+  gap: 24px;
+}
+.ant-drawer.lm_det_drawer .custom_form .custom_label {
+  font-size: 14px;
+  font-weight: 500;
+  margin-bottom: 16px;
+  color: var(--font-color);
+}
+.ant-drawer.lm_det_drawer .custom_form .custom_full {
+  display: flex;
+  flex-flow: column;
+  flex: 1;
+}
+.lm_filter_dropdown_picker {
+  padding: 0 !important;
+}
+.lm_filter_dropdown_picker .ant-picker-range-arrow {
+  display: none;
+}

package/lib/LmSelect/style/variables.css

@@ -0,0 +1,247 @@
+.lm_select.ant-select {
+  font-size: 12px;
+}
+.lm_select .ant-select-selection-overflow-item-rest .ant-select-selection-item {
+  color: var(--primary-color);
+  background-color: transparent;
+  border-color: transparent;
+  word-spacing: -0.3em;
+}
+.lm_select_dropdown {
+  padding: 0;
+}
+.lm_select_dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+  background-color: var(--background-color);
+}
+.lm_select_dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+  background-color: var(--primary-select-color);
+}
+.lm_select_dropdown .ant-select-item-option-disabled {
+  color: var(--disabled-font-color);
+}
+.lm_select_dropdown_base {
+  display: inline-block;
+  font-size: 12px;
+}
+.lm_select_dropdown_base .line {
+  display: inline-block;
+  height: 32px;
+  border-right: 1px solid #eee;
+}
+.lm_select_dropdown_base .ant-radio-button-wrapper {
+  font-size: 12px;
+}
+.lm_select_dropdown_base .filter_search {
+  max-width: 140px;
+}
+.lm_select_dropdown_base .filter_item {
+  display: inline-flex;
+  align-items: center;
+  height: 32px;
+  line-height: 1;
+  border-radius: 1px;
+  padding: 0 8px;
+  transition: 0.3s;
+  cursor: pointer;
+}
+.lm_select_dropdown_base .filter_item:hover,
+.lm_select_dropdown_base .filter_item.isfiltering {
+  background: var(--color-4);
+}
+.lm_select_dropdown_base .filter_item .filter_item_label {
+  margin-right: 4px;
+}
+.lm_select_dropdown_base .filter_item .filter_item_value {
+  display: inline-flex;
+  align-items: center;
+  color: var(--text-color);
+}
+.lm_select_dropdown_base .filter_item .filter_item_value .addonBefore {
+  font-size: 16px;
+  margin-right: 4px;
+}
+.lm_select_dropdown_base .filter_item .filter_item_value .addonAfter {
+  font-size: 14px;
+  color: var(--text-color);
+  transition: 0.3s;
+}
+.lm_select_dropdown_base .filter_item .filter_item_value .addonAfter:hover {
+  color: var(--primary-color);
+}
+.lm_select_dropdown_base .filter_item .filter_item_value .checked + .addonAfter {
+  margin-left: 4px;
+}
+.lm_select_dropdown_base .filter_item .filter_item_value .ant-picker {
+  font-size: 12px;
+}
+.lm_select_dropdown_base .filter_item .filter_item_value .ant-picker input {
+  font-size: 12px;
+}
+.lm_select_dropdown_base .filter_item .filter_item_value .ant-picker .ant-picker-clear {
+  color: var(--text-color);
+}
+.lm_select_dropdown_base .filter_item .filter_item_value .ant-picker .ant-picker-clear:hover {
+  color: var(--primary-color);
+}
+.lm_select_dropdown_base .filter_item .filter_item_value .picker_separator {
+  color: var(--font-color);
+  margin: 0 4px;
+}
+.lm_select_dropdown_base .filter_item.filter_item_more .filter_item_value {
+  color: var(--font-color);
+}
+.lm_select_dropdown_base .filter_item.isfiltering .filter_item_value .checked {
+  color: var(--primary-color);
+}
+.lm_select_dropdown_base .filter_item.isfiltering .filter_item_value .checked .ant-picker input {
+  color: var(--primary-color);
+}
+.lm_select_dropdown_base .filter_item.active .filter_item_value .addonAfter {
+  transform: rotateZ(180deg);
+}
+.lm_select_dropdown_base .filter_item.active.filter_item_more .filter_item_value {
+  color: var(--primary-color);
+}
+.lm_select_dropdown_base .filter_item.active.filter_item_more .filter_item_value .addonBefore,
+.lm_select_dropdown_base .filter_item.active.filter_item_more .filter_item_value .addonAfter {
+  color: var(--primary-color);
+}
+.ant-dropdown *::-webkit-scrollbar,
+.ant-select-dropdown *::-webkit-scrollbar {
+  height: 6px;
+  width: 4px;
+  border-radius: 6px;
+}
+.ant-dropdown *::-webkit-scrollbar-track,
+.ant-select-dropdown *::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+.ant-dropdown *::-webkit-scrollbar-thumb,
+.ant-select-dropdown *::-webkit-scrollbar-thumb {
+  border-radius: 6px;
+  background-color: #d9d9d9;
+  transition: 0.3s;
+}
+.ant-dropdown *::-webkit-scrollbar-thumb:hover,
+.ant-select-dropdown *::-webkit-scrollbar-thumb:hover {
+  background-color: #999;
+}
+.select_dropdown {
+  display: flex;
+  flex-flow: column;
+  box-shadow: 0 2px 6px var(--box-shadow-color);
+  background-color: #fff;
+}
+.select_dropdown.filter_cascader_container {
+  box-shadow: none;
+}
+.select_dropdown .filter_header {
+  min-height: 32px;
+  padding: 4px 8px;
+}
+.select_dropdown .filter_header .filter_header_operate {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.select_dropdown .filter_header .filter_header_operate .filter_header_operate_checked {
+  display: inline-flex;
+  align-items: center;
+}
+.select_dropdown .filter_header .filter_header_operate .filter_reset {
+  font-size: 12px;
+  color: var(--primary-color);
+  cursor: pointer;
+}
+.select_dropdown .filter_header .filter_header_operate .filter_tip {
+  font-size: 12px;
+  color: var(--text-color);
+}
+.select_dropdown .filter_header .ant-input-group {
+  line-height: 1;
+}
+.select_dropdown .filter_header input {
+  font-size: 12px;
+}
+.select_dropdown .filter_header .ant-input-search + .filter_header_operate {
+  margin-top: 8px;
+}
+.select_dropdown .filter_body {
+  width: 100%;
+}
+.select_dropdown .filter_body .virtual_list {
+  min-width: 168px;
+  max-height: 224px;
+  overflow: auto;
+}
+.select_dropdown .filter_body .filter_item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 12px;
+  height: 32px;
+  min-width: 120px;
+  padding: 0 8px;
+  transition: 0.3s;
+  white-space: nowrap;
+  cursor: pointer;
+  gap: 8px;
+}
+.select_dropdown .filter_body .filter_item.add_more {
+  border-top: 1px solid var(--stripe-color);
+}
+.select_dropdown .filter_body .filter_item .filter_item_content {
+  flex: auto;
+}
+.select_dropdown .filter_body .filter_item .filter_item_operate .hover_show {
+  font-size: 16px;
+  color: var(--primary-color);
+  transition: 0.3s;
+  opacity: 0;
+}
+.select_dropdown .filter_body .filter_item[disabled],
+.select_dropdown .filter_body .filter_item.disabled {
+  display: none;
+}
+.select_dropdown .filter_body .filter_item.checked {
+  background-color: var(--primary-select-color);
+}
+.select_dropdown .filter_body .filter_item:hover {
+  background-color: var(--stripe-color);
+}
+.select_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_top {
+  opacity: 1;
+}
+.select_dropdown .filter_empty {
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  min-height: 40px;
+  color: #666;
+  padding: 16px 8px;
+  margin: auto;
+  gap: 4px;
+}
+.select_dropdown .filter_empty .filter_empty_text {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 20px;
+  color: var(--font-color);
+}
+.select_dropdown .ant-checkbox-wrapper {
+  flex: 1;
+  font-size: 12px;
+  align-items: center;
+}
+.select_dropdown .ant-checkbox-wrapper .ant-checkbox {
+  top: initial;
+}
+.ant-select-dropdown.ant-cascader-dropdown {
+  padding: 0;
+}
+.ant-select-dropdown.ant-cascader-dropdown .ant-cascader-menu-item {
+  padding: 5px 8px;
+}

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

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

package/lib/LmSelect/style/variables.js

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