@giteeteam/apps-team-components 1.2.2 → 1.3.0-alpha.2

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

@@ -1,325 +1,302 @@
-import { fieldLabelColor, gray7, statusCellMinWidth, themeBgColorBase } from '../../../../style/common';
-export 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;
-`;
-export const workflowContentStyle = `
-  max-width: 200px;
-  text-align: left;
-`;
-export 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;
-  }
-`;
-export const flowNextStyle = `
-  max-height: 260px;
-  padding-top: 10px;
-  overflow: auto;
-  margin: -12px;
-`;
-export const flowWrapperStyle = `
-  padding: 4px 0;
-`;
-export 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;
-  }
-`;
-export 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;
-  }
-`;
-export const flowStateButtonStyle = `
-  &:not(.add-weights) > span {
-    display: -webkit-box;
-  }
-`;
-export const stateBtnStyle = `
-  height: 22px;
-  line-height: 22px;
-`;
-export const noStateStyle = `
-  color: ${fieldLabelColor};
-  background: ${themeBgColorBase};
-`;
-export const caretDownStyle = `
-  padding-left: 2px;
-  margin-left: 0;
-  line-height: 10px;
-`;
-export 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;
-}
-`;
-export const tipLineStyle = `
-  margin-bottom: 0;
-`;
-export const tooltipStyle = `
-  width: 98px;
-`;
-export const iconStyle = `
-  padding: 0 6px;
-  color: ${gray7};
-`;
-export const stateBoxStyle = `
-  display: flex;
-  width: 98px;
-
-  span {
-    padding-right: 8px;
-  }
-`;
-export const flowBtnStyle = `
-  display: flex;
-  padding: 5px 10px;
-  margin: 0;
-
-  &:hover {
-    background-color: var(--select-item-selected-bg, #e6f3ff);
-  }
-`;
-export const notAllowedStyle = `
-  cursor: not-allowed;
-  opacity: 0.3;
-`;
-export const pointerStyle = `
-  cursor: pointer;
-`;
-export const spinStyle = `
-  width: 150px;
-  height: 50px;
-`;
-export const noPermissionStyle = `
-  display: block;
-  width: 120px;
-  padding: 20px 10px 10px;
-  font-size: 12px;
-  color: #2e405e;
-`;
-export const overflowStyle = `
-  display: flex;
-  margin-top: 4px;
-`;
-export const overflowStyleText = `
-  font-size: 13px;
-  line-height: 24px;
-  color: ${gray7};
-  flex: 1;
-`;
-export const headerFlowStyle = `
-  text-align: right;
-`;
-export const headerStateStyle = `
-  & > span {
-    display: inline-block !important;
-  }
-`;
-export const FlowHandlerWrapper = `
-  width: 216px;
-`;
-export 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;
-  }
-`;
-export 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;
-  }
-`;
-export const FlowHandlerSelectWrapper = `
-  margin: 0 -12px;
-  padding: 9px 10px;
-  .icon-arrow-down {
-    position: relative;
-    top: 2px; 
-    color: #b5bac5;
-    font-size: 16px !important;
-    width: 16px !important;
-  }
-  .select-input {
-    border: none;
-    display: inline-block;
-    width: 196px;
-    outline: none;
-    fill: none;
-    box-shadow: none;
-    &:focus {
-      box-shadow: none;
-    }
-  }
-  .select-input::placeholder {
-    color: #b5bac5;
-  }
-  }
-`;
-export 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;
-    }
-  }
-`;
-export const FlowHandlerSelectContent = `
-  min-height: 200px;
-  max-height: 200px;
-  overflow-y: auto;
-  margin: 0 -12px;
-  .loading {
-    height: 200px !important;
-  }
-`;
-export 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;
-  }
-`;
-export const FlowHandlerSubmitWrapper = `
-  border-top: 1px solid #f1f2f4;
-  padding: 6px 6px 6px 0;
-  margin: 0 -12px -12px -12px;
-  text-align: right;
-`;
+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;
+`;
+
+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/story-point/ReadView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseFieldProps } from '../number/BaseField';
 declare const StoryPointReadView: React.FC<BaseFieldProps>;
 export default StoryPointReadView;

package/dist/components/fields/story-point/ReadView.js

@@ -1,7 +1,9 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import NumberReadView from '../number/ReadView';
+import { jsx } from '@emotion/react/jsx-runtime';
+import NumberReadView from '../number/ReadView.js';
+
 const StoryPointReadView = props => {
-    return _jsx(NumberReadView, { ...props });
+    return jsx(NumberReadView, { ...props });
 };
 StoryPointReadView.displayName = 'StoryPointReadView';
-export default StoryPointReadView;
+
+export { StoryPointReadView as default };