@giteeteam/apps-team-components 1.11.6 → 1.11.8

package/dist/components/fields/dropdown/BaseField.js

@@ -24,7 +24,7 @@ import useI18n from '../../../lib/hooks/useI18n.js';
 import { API_KEY } from '../../../lib/swr/constants.js';
 import useViewClass from '../hooks/useViewClass.js';
 import { EMPTY_OPTIONS, useCommonProps } from './hook.js';
-import { dropdownSelectDisabled, onlyWorkspaceStyle, onlyWorkspaceDividerStyle, dropdownSelectStyle, optionDisplayWrapClass, dropdownSelectOptionClass, disabledClass, workspaceClass, dropdownStyle, hiddenHoverClass, displayWrapClass, pointerClass, valueOptionContentClass, valueOptionClass, valueOptionIconClass, valueOptionLabelClass, hoverIconClass } from './style.js';
+import { dropdownSelectDisabled, onlyWorkspaceStyle, onlyWorkspaceDividerStyle, dropdownSelectStyle, optionDisplayWrapClass, dropdownSelectOptionClass, disabledClass, workspaceClass, dropdownStyle, hiddenHoverClass, displayWrapClass, cellWrapperStyle, valueOptionContentClass, valueOptionClass, valueOptionIconClass, valueOptionLabelClass, hoverIconClass } from './style.js';
 
 const loggers = debug('dropdown:BaseField');
 const isNilFilter = function (value) {
@@ -567,10 +567,10 @@ const Dropdown = props => {
     ]);
     return (jsx(ClassNames, { children: ({ cx, css }) => {
             const cxShowValue = showValue({ cx, css });
-            return (jsxs(Col, { style: style, ref: containerRef, className: cx(css(dropdownStyle(antPrefix)), 'field-value', viewClassNames, { [hiddenHoverClass]: hiddenHover }, { [displayWrapClass]: valueDisplayWrap }, { [css(dropdownSelectStyle(antPrefix))]: disabledLineThrough || displayValueHidden }, { [pointerClass]: !readonly }), onClick: handleClick, children: [(readonly || (!editMode && !editing)) &&
-                        (cxShowValue ? (!valueDisplayWrap ? (isView && isMultiple ? (jsx(Expand, { readonly: readonly, editing: editing, expandType: EXPAND_TYPE_ENUM.TAG, children: valueOptions.map(item => (jsx("span", { className: "field-common-view-tag", children: jsx(BaseOverflowTooltip, { title: item.label, children: item.label }) }, item.value))) })) : (jsx(OverflowTooltip, { title: cxShowValue, children: cxShowValue }))) : (jsx("div", { className: cx(valueOptionContentClass), children: valueOptions.map(ele => {
-                                return (jsxs("div", { className: cx(valueOptionClass), title: ele.label, children: [jsx(ItemIcon, { className: cx(valueOptionIconClass), icon: ele.icon }), jsx("span", { className: cx(valueOptionLabelClass), children: ele.label })] }, ele.value));
-                            }) }))) : (jsx(EmptyField, { readonly: readonly }))), !readonly && (editMode || editing) && containerRef && (jsx(Overlay, { show: true, rootClose: true, container: containerRef, target: containerRef, onHide: noop, children: () => overlayRender })), jsx(DownOutlined, { className: cx(hoverIconClass) })] }));
+            return (jsx(Col, { style: style, ref: containerRef, className: cx(css(dropdownStyle(antPrefix)), 'field-value', viewClassNames, { [hiddenHoverClass]: hiddenHover }, { [displayWrapClass]: valueDisplayWrap }, { [css(dropdownSelectStyle(antPrefix))]: disabledLineThrough || displayValueHidden }), onClick: handleClick, children: jsxs("div", { css: css(cellWrapperStyle), children: [(readonly || (!editMode && !editing)) &&
+                            (cxShowValue ? (!valueDisplayWrap ? (isView && isMultiple ? (jsx(Expand, { readonly: readonly, editing: editing, expandType: EXPAND_TYPE_ENUM.TAG, children: valueOptions.map(item => (jsx("span", { className: "field-common-view-tag", children: jsx(BaseOverflowTooltip, { title: item.label, children: item.label }) }, item.value))) })) : (jsx(OverflowTooltip, { title: cxShowValue, children: cxShowValue }))) : (jsx("div", { className: cx(valueOptionContentClass), children: valueOptions.map(ele => {
+                                    return (jsxs("div", { className: cx(valueOptionClass), title: ele.label, children: [jsx(ItemIcon, { className: cx(valueOptionIconClass), icon: ele.icon }), jsx("span", { className: cx(valueOptionLabelClass), children: ele.label })] }, ele.value));
+                                }) }))) : (jsx(EmptyField, { readonly: readonly }))), !readonly && (editMode || editing) && containerRef && (jsx(Overlay, { show: true, rootClose: true, container: containerRef, target: containerRef, onHide: noop, children: () => overlayRender })), jsx(DownOutlined, { className: cx(hoverIconClass) })] }) }));
         } }));
 };
 Dropdown.displayName = 'DropdownBaseField';

package/dist/components/fields/dropdown/style.d.ts

@@ -4,7 +4,6 @@ export declare const onlyWorkspaceDividerStyle = "\n  &:not(.add-weights) {\n
 export declare const hiddenHoverClass: string;
 export declare const displayWrapClass: string;
 export declare const valueOptionClass: string;
-export declare const pointerClass: string;
 export declare const valueOptionContentClass: string;
 export declare const valueOptionIconClass: string;
 export declare const valueOptionLabelClass: string;
@@ -14,4 +13,5 @@ export declare const optionDisplayWrapClass: string;
 export declare const dropdownStyle: (antPrefix: string) => string;
 export declare const dropdownSelectOptionClass: string;
 export declare const disabledClass: string;
+export declare const cellWrapperStyle = "\n  cursor: pointer;\n";
 export declare const dropdownSelectStyle: (antPrefix: string) => string;

package/dist/components/fields/dropdown/style.js

@@ -15,7 +15,6 @@ const onlyWorkspaceDividerStyle = `
 const hiddenHoverClass = randomClassName('hidden-hover');
 const displayWrapClass = randomClassName('display-wrap');
 const valueOptionClass = randomClassName('value-option');
-const pointerClass = randomClassName('pointer-class');
 const valueOptionContentClass = randomClassName('value-option-content');
 const valueOptionIconClass = randomClassName('value-option-icon');
 const valueOptionLabelClass = randomClassName('value-option-label');
@@ -33,10 +32,6 @@ const dropdownStyle = (antPrefix) => `
     }
   }
 
-  .${pointerClass} {
-    cursor: pointer;
-  }
-
   .${hoverIconClass} {
     ${hoverIconStyle}
   }
@@ -85,6 +80,9 @@ const dropdownStyle = (antPrefix) => `
 `;
 const dropdownSelectOptionClass = randomClassName('dropdown-select-option');
 const disabledClass = randomClassName('disabled');
+const cellWrapperStyle = `
+  cursor: pointer;
+`;
 const dropdownSelectStyle = (antPrefix) => `
   .${dropdownSelectOptionClass}.${disabledClass} {
     text-decoration: line-through;
@@ -95,4 +93,4 @@ const dropdownSelectStyle = (antPrefix) => `
   }
 `;
 
-export { disabledClass, displayWrapClass, dropdownSelectDisabled, dropdownSelectOptionClass, dropdownSelectStyle, dropdownStyle, hiddenHoverClass, hoverIconClass, onlyWorkspaceDividerStyle, onlyWorkspaceStyle, optionDisplayWrapClass, pointerClass, valueOptionClass, valueOptionContentClass, valueOptionIconClass, valueOptionLabelClass, workspaceClass };
+export { cellWrapperStyle, disabledClass, displayWrapClass, dropdownSelectDisabled, dropdownSelectOptionClass, dropdownSelectStyle, dropdownStyle, hiddenHoverClass, hoverIconClass, onlyWorkspaceDividerStyle, onlyWorkspaceStyle, optionDisplayWrapClass, valueOptionClass, valueOptionContentClass, valueOptionIconClass, valueOptionLabelClass, workspaceClass };

package/dist/components/fields/priority/ActionCell.js

@@ -9,7 +9,7 @@ import useI18n from '../../../lib/hooks/useI18n.js';
 import EmptyField from '../../common/EmptyField.js';
 import BaseOverflowTooltip from '../../common/overflow-tooltip/BaseOverflowTooltip.js';
 import { getPopupContainerFun } from '../../common/utils.js';
-import { menuBoxStyle, cellBoxStyle, checkedStyle, colorIconStyle, emptyTipStyle, dropdownStyle, headerCellStyle, downIconStyle, emptyTextStyle, emptyStyle, emptyIconStyle } from './style/index.js';
+import { menuBoxStyle, cellBoxStyle, checkedStyle, colorIconStyle, emptyTipStyle, dropdownStyle, cellWrapperStyle, headerCellStyle, downIconStyle, emptyTextStyle, emptyStyle, emptyIconStyle } from './style/index.js';
 
 const filterData = (list, id) => {
     return list === null || list === void 0 ? void 0 : list.filter(v => {
@@ -51,7 +51,7 @@ const PriorityCell = props => {
                 if (readonly)
                     return;
                 setVisible(flag);
-            }, open: visible, getPopupContainer: triggerNode => getPopupContainerFun(getPopupContainer, triggerNode, apply, page), children: showData ? (jsxs("div", { css: css(cellBoxStyle(antPrefix), isFromHeader && headerCellStyle), children: [jsx(HollowCircleIcon, { css: css(colorIconStyle), style: { color: showData.color } }), jsx(BaseOverflowTooltip, { title: showData.name, children: showData.name }), isFromHeader && jsx(CaretDownOutlined, { css: css(downIconStyle) })] })) : !isFromHeader ? (jsx("div", { css: css(emptyTextStyle), children: jsx(EmptyField, { readonly: readonly }) })) : (jsxs("div", { css: css(emptyStyle), children: [jsx(DottedCircleIcon, { css: css(emptyIconStyle) }), t('pages.fields.view.noPriority')] })) })) }));
+            }, open: visible, getPopupContainer: triggerNode => getPopupContainerFun(getPopupContainer, triggerNode, apply, page), children: jsx("div", { css: css(cellWrapperStyle), children: showData ? (jsxs("div", { css: css(cellBoxStyle(antPrefix), isFromHeader && headerCellStyle), children: [jsx(HollowCircleIcon, { css: css(colorIconStyle), style: { color: showData.color } }), jsx(BaseOverflowTooltip, { title: showData.name, children: showData.name }), isFromHeader && jsx(CaretDownOutlined, { css: css(downIconStyle) })] })) : !isFromHeader ? (jsx("div", { css: css(emptyTextStyle), children: jsx(EmptyField, { readonly: readonly }) })) : (jsxs("div", { css: css(emptyStyle), children: [jsx(DottedCircleIcon, { css: css(emptyIconStyle) }), t('pages.fields.view.noPriority')] })) }) })) }));
 };
 PriorityCell.displayName = 'ActionPriorityCell';
 

package/dist/components/fields/priority/style/index.d.ts

@@ -11,3 +11,4 @@ export declare const iconStyle = "\n  padding-left: 3px;\n  color: var(--theme-t
 export declare const spinStyle = "\n  width: 150px;\n  height: 50px;\n  line-height: 60px;\n";
 export declare const menuBoxStyle = "\n  max-height: 300px;\n  overflow: auto;\n";
 export declare const dropdownStyle = "\n  background: var(--color-gray-1, #FFFFFF);\n\n  .menu-box {\n    max-height: 300px;\n    overflow: auto;\n  }\n";
+export declare const cellWrapperStyle = "\n  cursor: pointer;\n";

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

@@ -85,5 +85,8 @@ const dropdownStyle = `
     overflow: auto;
   }
 `;
+const cellWrapperStyle = `
+  cursor: pointer;
+`;
 
-export { cellBoxStyle, checkedStyle, colorIconStyle, downIconStyle, dropdownStyle, emptyIconStyle, emptyStyle, emptyTextStyle, emptyTipStyle, headerCellStyle, iconStyle, menuBoxStyle, spinStyle };
+export { cellBoxStyle, cellWrapperStyle, checkedStyle, colorIconStyle, downIconStyle, dropdownStyle, emptyIconStyle, emptyStyle, emptyTextStyle, emptyTipStyle, headerCellStyle, iconStyle, menuBoxStyle, spinStyle };

package/dist/components/fields/text/BaseField.js

@@ -11,7 +11,7 @@ import useI18n from '../../../lib/hooks/useI18n.js';
 import EmptyField from '../../common/EmptyField.js';
 import { getFieldWidthStyle } from '../base-component/utils.js';
 import useViewClass from '../hooks/useViewClass.js';
-import { textStyle, hiddenHoverClass, pointerClass } from './style.js';
+import { textStyle, hiddenHoverClass, cellWrapperStyle } from './style.js';
 
 const BASE_FIELD_WIDTH = 104;
 const Text = props => {
@@ -69,8 +69,8 @@ const Text = props => {
     };
     const style = getFieldWidthStyle(labelWidth, labelAlign, hiddenLabel, apply, hasExtraNode);
     const hiddenHover = readonly || editing || editMode || apply === 'cell' || defaultProps.name === 'name-view' || isView;
-    return (jsx(ClassNames, { children: ({ cx, css }) => (jsxs(Col, { style: style, ref: containerRef, className: cx(css(textStyle()), 'field-value', viewClassNames, { [hiddenHoverClass]: hiddenHover }, { [pointerClass]: readonly }), onClick: handleClick, children: [(readonly || (!editMode && !editing)) &&
-                    (value ? (isView ? (jsxs(Expand, { readonly: readonly, editing: editing, expandType: EXPAND_TYPE_ENUM.TEXT, children: [addonBefore, value, addonAfter] })) : (jsxs(OverflowTooltip, { enterable: true, title: `${addonBefore}${value}${addonAfter}`, maxline: maxline, children: [addonBefore, value, addonAfter] }))) : (jsx(EmptyField, { readonly: readonly }))), !readonly && (editMode || editing) && containerRef && (jsx(Overlay, { show: true, flip: true, rootClose: true, container: containerRef, target: containerRef, onHide: noop, children: () => (jsx("div", { className: "field-value-overlay", children: jsx(Input, { ...defaultProps, className: 'field-value-overlay-component', ref: targetRef, value: value, onChange: handleChange, onBlur: handleBlur, placeholder: placeholder, addonBefore: addonBefore, addonAfter: addonAfter }) })) }))] })) }));
+    return (jsx(ClassNames, { children: ({ cx, css }) => (jsx(Col, { style: style, ref: containerRef, className: cx(css(textStyle()), 'field-value', viewClassNames, { [hiddenHoverClass]: hiddenHover }), onClick: handleClick, children: jsxs("div", { css: css(cellWrapperStyle), children: [(readonly || (!editMode && !editing)) &&
+                        (value ? (isView ? (jsxs(Expand, { readonly: readonly, editing: editing, expandType: EXPAND_TYPE_ENUM.TEXT, children: [addonBefore, value, addonAfter] })) : (jsxs(OverflowTooltip, { enterable: true, title: `${addonBefore}${value}${addonAfter}`, maxline: maxline, children: [addonBefore, value, addonAfter] }))) : (jsx(EmptyField, { readonly: readonly }))), !readonly && (editMode || editing) && containerRef && (jsx(Overlay, { show: true, flip: true, rootClose: true, container: containerRef, target: containerRef, onHide: noop, children: () => (jsx("div", { className: "field-value-overlay", children: jsx(Input, { ...defaultProps, className: 'field-value-overlay-component', ref: targetRef, value: value, onChange: handleChange, onBlur: handleBlur, placeholder: placeholder, addonBefore: addonBefore, addonAfter: addonAfter }) })) }))] }) })) }));
 };
 Text.displayName = 'TextBaseField';
 var BaseField = memo(Text, isPropsEqual);

package/dist/components/fields/text/style.d.ts

@@ -1,3 +1,3 @@
 export declare const hiddenHoverClass: string;
-export declare const pointerClass: string;
 export declare const textStyle: () => string;
+export declare const cellWrapperStyle = "\n  cursor: pointer;\n";

package/dist/components/fields/text/style.js

@@ -2,17 +2,15 @@ import { randomClassName } from '../../../style/common.js';
 import { hoverStyle } from '../../common/style/mixin.js';
 
 const hiddenHoverClass = randomClassName('hidden-hover');
-const pointerClass = randomClassName('pointer-class');
 const textStyle = () => `
   width: 100%;
 
   &:not(.${hiddenHoverClass}) :hover {
     ${hoverStyle}
   }
-
-  .${pointerClass} {
-    cursor: pointer;
-  }
+`;
+const cellWrapperStyle = `
+  cursor: pointer;
 `;
 
-export { hiddenHoverClass, pointerClass, textStyle };
+export { cellWrapperStyle, hiddenHoverClass, textStyle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giteeteam/apps-team-components",
-  "version": "1.11.6",
+  "version": "1.11.8",
   "description": "Gitee team components",
   "main": "./dist/index.js",
   "module": "./dist/index.js",