@giteeteam/apps-team-components 1.3.0-alpha.3 → 1.3.0

package/dist/components/fields/status/style/index.js

@@ -1,302 +1,302 @@
 import { statusCellMinWidth, fieldLabelColor, themeBgColorBase, gray7 } from '../../../../style/common.js';
 
-const readViewWrapper = `
-  display: -webkit-box;
-  align-items: center;
-  justify-content: center;
-  min-width: 62px;
-  height: 22px;
-  padding: 0 8px;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 22px;
-  text-align: center;
-  border-radius: 4px;
-`;
-const workflowContentStyle = `
-  max-width: 200px;
-  text-align: left;
-`;
-const statePopoverStyle = (antPrefix) => `
-  z-index: 999 !important;
-
-  div.${antPrefix}-popover-inner-content, div.${antPrefix}-popover-inner {
-    padding: 0;
-  }
-
-  div.${antPrefix}-popover-arrow {
-    background: transparent;
-    border-style: none;
-    border-width: 0;
-  }
-`;
-const flowNextStyle = `
-  max-height: 260px;
-  padding-top: 10px;
-  overflow: auto;
-  margin: -12px;
-`;
-const flowWrapperStyle = `
-  padding: 4px 0;
-`;
-const flowStateStyle = `
-  min-width: ${statusCellMinWidth};
-  height: 24px;
-  padding: 0 18px 0 8px;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 24px;
-  color: #fff;
-  text-align: center;
-  background: #cdcdcd;
-  border-radius: 4px;
-  box-shadow: none !important;
-
-  span {
-    text-decoration: none !important;
-  }
-`;
-const flowStateInWorkflowStyle = `
-  &.status-btn:not(.add-weights) {
-    min-width: ${statusCellMinWidth};
-    height: 22px;
-    padding: 0 8px;
-    font-size: 12px;
-    font-weight: 600;
-    line-height: 22px;
-    color: #fff;
-    text-align: center;
-    background: #cdcdcd;
-    border-radius: 4px;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-`;
-const flowStateButtonStyle = `
-  &:not(.add-weights) > span {
-    display: -webkit-box;
-  }
-`;
-const stateBtnStyle = `
-  height: 22px;
-  line-height: 22px;
-`;
-const noStateStyle = `
-  color: ${fieldLabelColor};
-  background: ${themeBgColorBase};
-`;
-const caretDownStyle = `
-  padding-left: 2px;
-  margin-left: 0;
-  line-height: 10px;
-`;
-const statusViewGlobalStyle = `
-.field-layout.status-view {
-  position: relative;
-  padding: 10px;
-  margin: -12px;
-  margin-top: 10px;
-  font-size: 12px;
-  cursor: pointer;
-  border-top: 1px solid #ddd;
-  width: auto;
-}
-
-.field-layout.status-view .status-view-watch {
-  width: 12px;
-  height: 12px;
-  margin-right: 5px;
-  font-size: 12px;
-  vertical-align: middle;
-}
-`;
-const tipLineStyle = `
-  margin-bottom: 0;
-`;
-const tooltipStyle = `
-  width: 98px;
-`;
-const iconStyle = `
-  padding: 0 6px;
-  color: ${gray7};
-`;
-const stateBoxStyle = `
-  display: flex;
-  width: 98px;
-
-  span {
-    padding-right: 8px;
-  }
-`;
-const flowBtnStyle = `
-  display: flex;
-  padding: 5px 10px;
-  margin: 0;
-
-  &:hover {
-    background-color: var(--select-item-selected-bg, #e6f3ff);
-  }
-`;
-const notAllowedStyle = `
-  cursor: not-allowed;
-  opacity: 0.3;
-`;
-const pointerStyle = `
-  cursor: pointer;
-`;
-const spinStyle = `
-  width: 150px;
-  height: 50px;
-`;
-const noPermissionStyle = `
-  display: block;
-  width: 120px;
-  padding: 20px 10px 10px;
-  font-size: 12px;
-  color: #2e405e;
-`;
-const overflowStyle = `
-  display: flex;
-  margin-top: 4px;
-`;
-const overflowStyleText = `
-  font-size: 13px;
-  line-height: 24px;
-  color: ${gray7};
-  flex: 1;
-`;
-const headerFlowStyle = `
-  text-align: right;
-`;
-const headerStateStyle = `
-  & > span {
-    display: inline-block !important;
-  }
-`;
-const FlowHandlerWrapper = `
-  width: 216px;
-`;
-const FlowHandlerHeader = `
-  position: relative;
-  font-size: 14px;
-  text-align: center;
-  line-height: 22px;
-  margin-top: -6px;
-  .back-wrapper {
-    position: absolute;
-    left: 0;
-    top: 0;
-    cursor: pointer;
-  }
-  .icon-back {
-    font-size: 16px !important;
-    width: 16px !important;
-  }
-`;
-const FlowHandlerSearchWrapper = `
-  margin: 0 -12px;
-  padding: 5px 10px;
-  border-top: 1px solid #f1f2f4;
-  border-bottom: 1px solid #f1f2f4;
-
-  .icon-search {
-    position: relative;
-    top: 2px;
-    color: #b5bac5;
-    font-size: 16px !important;
-    width: 16px !important;
-  }
-  .search-input {
-    padding-left: 6px;
-    border: none;
-    width: 196px;
-    outline: none;
-    fill: none;
-    box-shadow: none !important;
-  }
-`;
-const FlowHandlerSelectMessage = `
-  margin: 0 -12px;
-  padding: 6px 12px;
-  display: flex;
-  font-size: 12px;
-  color: #091940;
-  border-bottom: 1px solid #f1f2f4;
-
-  span:nth-child(1) {
-    position: relative;
-    color: #0C62FF;
-    cursor: pointer;
-    &:hover {
-      color: #091940;
-    }
-
-    &:after {
-      content: '';
-      position: absolute;
-      height: 14px;
-      top: 2px;
-      right: -10px;
-      border-right: 1px solid #f1f2f4;
-    }
-  }
-  span:nth-child(2) {
-    padding-left: 18px;
-    flex: 1;
-    
-  }
-  span:nth-child(3) {
-    color: #0c62ff;
-    cursor: pointer;
-    &:hover {
-      color: #091940;
-    }
-  }
-`;
-const FlowHandlerSelectContent = `
-  min-height: 200px;
-  max-height: 200px;
-  overflow-y: auto;
-  margin: 0 -12px;
-  .loading {
-    height: 200px !important;
-  }
-`;
-const FlowHandlerSelectItem = `
-  position: relative;
-  margin: 0 4px;
-  padding: 5px 12px;
-  font-size: 14px;
-  color: #091940;
-  cursor: pointer;
-  border-radius: 4px;
-
-  .icon-done {
-    position: absolute;
-    top: 10px;
-    right: 14px;
-    width: 12px;
-    height: 12px;
-    color: #0C62FF;
-    scale: 1.2;
-  }
-
-  &:hover {
-    background-color: #f1f2f4;
-  }
-
-  &.active {
-    background-color: #E6F3FF;
-    font-weight: 600;
-  }
-`;
-const FlowHandlerSubmitWrapper = `
-  border-top: 1px solid #f1f2f4;
-  padding: 6px 6px 6px 0;
-  margin: 0 -12px -12px -12px;
-  text-align: right;
+const readViewWrapper = `
+  display: -webkit-box;
+  align-items: center;
+  justify-content: center;
+  min-width: 62px;
+  height: 22px;
+  padding: 0 8px;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 22px;
+  text-align: center;
+  border-radius: 4px;
+`;
+const workflowContentStyle = `
+  max-width: 200px;
+  text-align: left;
+`;
+const statePopoverStyle = (antPrefix) => `
+  z-index: 999 !important;
+
+  div.${antPrefix}-popover-inner-content, div.${antPrefix}-popover-inner {
+    padding: 0;
+  }
+
+  div.${antPrefix}-popover-arrow {
+    background: transparent;
+    border-style: none;
+    border-width: 0;
+  }
+`;
+const flowNextStyle = `
+  max-height: 260px;
+  padding-top: 10px;
+  overflow: auto;
+  margin: -12px;
+`;
+const flowWrapperStyle = `
+  padding: 4px 0;
+`;
+const flowStateStyle = `
+  min-width: ${statusCellMinWidth};
+  height: 24px;
+  padding: 0 18px 0 8px;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 24px;
+  color: #fff;
+  text-align: center;
+  background: #cdcdcd;
+  border-radius: 4px;
+  box-shadow: none !important;
+
+  span {
+    text-decoration: none !important;
+  }
+`;
+const flowStateInWorkflowStyle = `
+  &.status-btn:not(.add-weights) {
+    min-width: ${statusCellMinWidth};
+    height: 22px;
+    padding: 0 8px;
+    font-size: 12px;
+    font-weight: 600;
+    line-height: 22px;
+    color: #fff;
+    text-align: center;
+    background: #cdcdcd;
+    border-radius: 4px;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+`;
+const flowStateButtonStyle = `
+  &:not(.add-weights) > span {
+    display: -webkit-box;
+  }
+`;
+const stateBtnStyle = `
+  height: 22px;
+  line-height: 22px;
+`;
+const noStateStyle = `
+  color: ${fieldLabelColor};
+  background: ${themeBgColorBase};
+`;
+const caretDownStyle = `
+  padding-left: 2px;
+  margin-left: 0;
+  line-height: 10px;
+`;
+const statusViewGlobalStyle = `
+.field-layout.status-view {
+  position: relative;
+  padding: 10px;
+  margin: -12px;
+  margin-top: 10px;
+  font-size: 12px;
+  cursor: pointer;
+  border-top: 1px solid #ddd;
+  width: auto;
+}
+
+.field-layout.status-view .status-view-watch {
+  width: 12px;
+  height: 12px;
+  margin-right: 5px;
+  font-size: 12px;
+  vertical-align: middle;
+}
+`;
+const tipLineStyle = `
+  margin-bottom: 0;
+`;
+const tooltipStyle = `
+  width: 98px;
+`;
+const iconStyle = `
+  padding: 0 6px;
+  color: ${gray7};
+`;
+const stateBoxStyle = `
+  display: flex;
+  width: 98px;
+
+  span {
+    padding-right: 8px;
+  }
+`;
+const flowBtnStyle = `
+  display: flex;
+  padding: 5px 10px;
+  margin: 0;
+
+  &:hover {
+    background-color: var(--select-item-selected-bg, #e6f3ff);
+  }
+`;
+const notAllowedStyle = `
+  cursor: not-allowed;
+  opacity: 0.3;
+`;
+const pointerStyle = `
+  cursor: pointer;
+`;
+const spinStyle = `
+  width: 150px;
+  height: 50px;
+`;
+const noPermissionStyle = `
+  display: block;
+  width: 120px;
+  padding: 20px 10px 10px;
+  font-size: 12px;
+  color: #2e405e;
+`;
+const overflowStyle = `
+  display: flex;
+  margin-top: 4px;
+`;
+const overflowStyleText = `
+  font-size: 13px;
+  line-height: 24px;
+  color: ${gray7};
+  flex: 1;
+`;
+const headerFlowStyle = `
+  text-align: right;
+`;
+const headerStateStyle = `
+  & > span {
+    display: inline-block !important;
+  }
+`;
+const FlowHandlerWrapper = `
+  width: 216px;
+`;
+const FlowHandlerHeader = `
+  position: relative;
+  font-size: 14px;
+  text-align: center;
+  line-height: 22px;
+  margin-top: -6px;
+  .back-wrapper {
+    position: absolute;
+    left: 0;
+    top: 0;
+    cursor: pointer;
+  }
+  .icon-back {
+    font-size: 16px !important;
+    width: 16px !important;
+  }
+`;
+const FlowHandlerSearchWrapper = `
+  margin: 0 -12px;
+  padding: 5px 10px;
+  border-top: 1px solid #f1f2f4;
+  border-bottom: 1px solid #f1f2f4;
+
+  .icon-search {
+    position: relative;
+    top: 2px;
+    color: #b5bac5;
+    font-size: 16px !important;
+    width: 16px !important;
+  }
+  .search-input {
+    padding-left: 6px;
+    border: none;
+    width: 196px;
+    outline: none;
+    fill: none;
+    box-shadow: none !important;
+  }
+`;
+const FlowHandlerSelectMessage = `
+  margin: 0 -12px;
+  padding: 6px 12px;
+  display: flex;
+  font-size: 12px;
+  color: #091940;
+  border-bottom: 1px solid #f1f2f4;
+
+  span:nth-child(1) {
+    position: relative;
+    color: #0C62FF;
+    cursor: pointer;
+    &:hover {
+      color: #091940;
+    }
+
+    &:after {
+      content: '';
+      position: absolute;
+      height: 14px;
+      top: 2px;
+      right: -10px;
+      border-right: 1px solid #f1f2f4;
+    }
+  }
+  span:nth-child(2) {
+    padding-left: 18px;
+    flex: 1;
+    
+  }
+  span:nth-child(3) {
+    color: #0c62ff;
+    cursor: pointer;
+    &:hover {
+      color: #091940;
+    }
+  }
+`;
+const FlowHandlerSelectContent = `
+  min-height: 200px;
+  max-height: 200px;
+  overflow-y: auto;
+  margin: 0 -12px;
+  .loading {
+    height: 200px !important;
+  }
+`;
+const FlowHandlerSelectItem = `
+  position: relative;
+  margin: 0 4px;
+  padding: 5px 12px;
+  font-size: 14px;
+  color: #091940;
+  cursor: pointer;
+  border-radius: 4px;
+
+  .icon-done {
+    position: absolute;
+    top: 10px;
+    right: 14px;
+    width: 12px;
+    height: 12px;
+    color: #0C62FF;
+    scale: 1.2;
+  }
+
+  &:hover {
+    background-color: #f1f2f4;
+  }
+
+  &.active {
+    background-color: #E6F3FF;
+    font-weight: 600;
+  }
+`;
+const FlowHandlerSubmitWrapper = `
+  border-top: 1px solid #f1f2f4;
+  padding: 6px 6px 6px 0;
+  margin: 0 -12px -12px -12px;
+  text-align: right;
 `;
 
 export { FlowHandlerHeader, FlowHandlerSearchWrapper, FlowHandlerSelectContent, FlowHandlerSelectItem, FlowHandlerSelectMessage, FlowHandlerSubmitWrapper, FlowHandlerWrapper, caretDownStyle, flowBtnStyle, flowNextStyle, flowStateButtonStyle, flowStateInWorkflowStyle, flowStateStyle, flowWrapperStyle, headerFlowStyle, headerStateStyle, iconStyle, noPermissionStyle, noStateStyle, notAllowedStyle, overflowStyle, overflowStyleText, pointerStyle, readViewWrapper, spinStyle, stateBoxStyle, stateBtnStyle, statePopoverStyle, statusViewGlobalStyle, tipLineStyle, tooltipStyle, workflowContentStyle };

package/dist/components/fields/tag/style/index.js

@@ -1,8 +1,8 @@
-const baseTagStyle = `
-  max-width: 6em;
-  height: 22px;
-  white-space: normal;
-  vertical-align: middle;
+const baseTagStyle = `
+  max-width: 6em;
+  height: 22px;
+  white-space: normal;
+  vertical-align: middle;
 `;
 
 export { baseTagStyle };

package/dist/components/fields/team/style/index.js

@@ -1,5 +1,5 @@
-const forbiddenStyle = `
-  text-decoration: line-through;
+const forbiddenStyle = `
+  text-decoration: line-through;
 `;
 const deletedStyle = forbiddenStyle;
 

package/dist/components/fields/user/style/index.js

@@ -1,15 +1,15 @@
 import { gray6, gray9 } from '../../../../style/common.js';
 
-const userDisabledStyle = `
-  color: ${gray6};
+const userDisabledStyle = `
+  color: ${gray6};
 `;
-const userDeletedStyle = `
-  text-decoration: line-through;
+const userDeletedStyle = `
+  text-decoration: line-through;
 `;
-const usernameStyle = `
-  font-size: 14px;
-  line-height: 20px;
-  color: ${gray9};
+const usernameStyle = `
+  font-size: 14px;
+  line-height: 20px;
+  color: ${gray9};
 `;
 
 export { userDeletedStyle, userDisabledStyle, usernameStyle };

package/dist/components/table-components/style/index.js

@@ -1,8 +1,8 @@
-const fieldCellGlobalStyle = `
-.field-cell-layout {
-  align-items: center;
-  width: 100%;
-}
+const fieldCellGlobalStyle = `
+.field-cell-layout {
+  align-items: center;
+  width: 100%;
+}
 `;
 
 export { fieldCellGlobalStyle };