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

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

@@ -1,325 +1,325 @@
 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;
+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;
 `;

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

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

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

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

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

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

package/dist/components/fields/user-group/ReadView.js

@@ -13,7 +13,7 @@ const UserGroupReadView = props => {
     const [value, setValue] = useState([]);
     useEffect(() => {
         var _a;
-        setValue(Array.isArray(propsValue) ? propsValue : (_a = [propsValue]) !== null && _a !== void 0 ? _a : []);
+        setValue(Array.isArray(propsValue) ? propsValue : ((_a = [propsValue]) !== null && _a !== void 0 ? _a : []));
     }, [propsValue, setValue]);
     const showValue = useMemo(() => {
         var _a, _b;