@giteeteam/apps-team-components 1.11.0 → 1.11.1-alpha.1

package/dist/components/fields/priority/ActionCell.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SelectProps } from 'antd';
+import { Priority as PriorityProps } from '../../../lib/types/models';
+interface CellProps {
+    apply?: string;
+    readonly?: boolean;
+    value?: string;
+    overlayClsName?: string;
+    onChange?: (value?: string) => void;
+    options?: PriorityProps[];
+    page?: string;
+}
+declare const PriorityCell: React.FC<CellProps & SelectProps<any>>;
+export default PriorityCell;

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

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { useState, useMemo, useEffect, useCallback } from 'react';
+import { CaretDownOutlined } from '@ant-design/icons';
+import { css, ClassNames } from '@emotion/react';
+import { Menu, Dropdown } from 'antd';
+import { HollowCircleIcon, DottedCircleIcon } from '../../../icons/index.js';
+import useAntdConfig from '../../../lib/hooks/useAntdConfig.js';
+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';
+
+const filterData = (list, id) => {
+    return list === null || list === void 0 ? void 0 : list.filter(v => {
+        return v.key === id;
+    });
+};
+const EMPTY_OPTIONS = [];
+const PriorityCell = props => {
+    var _a;
+    const { t } = useI18n();
+    const { antPrefix } = useAntdConfig();
+    const { apply, value, readonly, onChange, options = EMPTY_OPTIONS, getPopupContainer, page, } = props;
+    const [showData, setShowData] = useState((_a = filterData(options, value)) === null || _a === void 0 ? void 0 : _a[0]);
+    const [visible, setVisible] = useState(false);
+    const isFromHeader = useMemo(() => apply === 'header', [apply]);
+    useEffect(() => {
+        var _a;
+        setShowData((_a = filterData(options, value)) === null || _a === void 0 ? void 0 : _a[0]);
+    }, [value, options]);
+    const changeValue = useCallback(_value => {
+        var _a;
+        onChange === null || onChange === void 0 ? void 0 : onChange(_value);
+        setShowData((_a = filterData(options, _value)) === null || _a === void 0 ? void 0 : _a[0]);
+    }, [onChange, options]);
+    const handleChange = useCallback(({ key }) => {
+        if (key !== value) {
+            changeValue(key);
+        }
+        setVisible(false);
+    }, [changeValue, value]);
+    const menu = useMemo(() => {
+        return (jsx(Menu, { onClick: handleChange, css: css(menuBoxStyle), children: options.length ? (options.map(v => {
+                return (jsxs(Menu.Item, { css: css(cellBoxStyle(antPrefix), v.key === value && checkedStyle), children: [jsx(HollowCircleIcon, { css: css(colorIconStyle), style: { color: v.color } }), jsx(BaseOverflowTooltip, { title: v.name, children: v.name })] }, v.key));
+            })) : (jsx("div", { onClick: () => {
+                    setVisible(false);
+                }, css: css(emptyTipStyle), children: t('pages.fields.view.emptyPriority') })) }));
+    }, [options, handleChange, value, t, antPrefix]);
+    return (jsx(ClassNames, { children: ({ cx, css: cssFn }) => (jsx(Dropdown, { destroyPopupOnHide: true, overlayClassName: cx(cssFn(dropdownStyle)), dropdownRender: () => menu, trigger: ['click'], onOpenChange: flag => {
+                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')] })) })) }));
+};
+PriorityCell.displayName = 'ActionPriorityCell';
+
+export { PriorityCell as default };

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

@@ -5,3 +5,9 @@ export declare const colorIconStyle = "\n  margin-right: 5px;\n  font-size: 12px
 export declare const emptyStyle = "\n   color: #909aaa;\n";
 export declare const emptyIconStyle = "\n  margin-right: 5px;\n  font-size: 12px!important;\n  width: 12px!important;\n  margin-left: 0!important;\n";
 export declare const downIconStyle = "\n  margin-left: 2px;\n\n  svg {\n    vertical-align: inherit;\n  }\n";
+export declare const emptyTipStyle = "\n  padding-left: 15px;\n  color: #909aaa;\n";
+export declare const checkedStyle = "\n  background-color: var(--select-item-selected-bg);\n";
+export declare const iconStyle = "\n  padding-left: 3px;\n  color: var(--theme-text-color-secondary);\n";
+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";

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

@@ -1,4 +1,4 @@
-import { gray9, gray3, fieldLabelColor } from '../../../../style/common.js';
+import { gray9, gray3, fieldLabelColor, gray1 } from '../../../../style/common.js';
 
 const cellBoxStyle = (antPrefix) => `
   display: flex;
@@ -57,5 +57,33 @@ const downIconStyle = `
     vertical-align: inherit;
   }
 `;
+const emptyTipStyle = `
+  padding-left: 15px;
+  color: ${fieldLabelColor};
+`;
+const checkedStyle = `
+  background-color: var(--select-item-selected-bg);
+`;
+const iconStyle = `
+  padding-left: 3px;
+  color: var(--theme-text-color-secondary);
+`;
+const spinStyle = `
+  width: 150px;
+  height: 50px;
+  line-height: 60px;
+`;
+const menuBoxStyle = `
+  max-height: 300px;
+  overflow: auto;
+`;
+const dropdownStyle = `
+  background: ${gray1};
+
+  .menu-box {
+    max-height: 300px;
+    overflow: auto;
+  }
+`;
 
-export { cellBoxStyle, colorIconStyle, downIconStyle, emptyIconStyle, emptyStyle, emptyTextStyle, headerCellStyle };
+export { cellBoxStyle, checkedStyle, colorIconStyle, downIconStyle, dropdownStyle, emptyIconStyle, emptyStyle, emptyTextStyle, emptyTipStyle, headerCellStyle, iconStyle, menuBoxStyle, spinStyle };

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

@@ -54,7 +54,7 @@ const BaseTableCell = ({ className, cellData, column, rowData, readComponents =
     }, [editComponents]);
     if (cellEntered && EditComponent) {
         const { property, data, objectId } = column;
-        return (jsx("div", { className: cls, children: jsx(EditTableCell, { Component: EditComponent, workspaceId: (_a = rowData.workspace) === null || _a === void 0 ? void 0 : _a.objectId, itemTypeId: (_b = rowData.itemType) === null || _b === void 0 ? void 0 : _b.objectId, property: property, data: data, id: rowData.objectId, readonly: readonly, objectId: objectId, text: cellData, type: column.componentType, handleChange: handleChange, dataSource: column.dataSource }) }));
+        return (jsx("div", { className: cls, children: jsx(EditTableCell, { Component: EditComponent, workspaceId: (_a = rowData.workspace) === null || _a === void 0 ? void 0 : _a.objectId, itemTypeId: (_b = rowData.itemType) === null || _b === void 0 ? void 0 : _b.objectId, property: property, data: data, id: rowData.objectId, readonly: readonly, objectId: objectId, text: cellData, type: column.componentType || column.cellType, handleChange: handleChange, dataSource: column.dataSource }) }));
     }
     if (ReadComponent) {
         return (jsx("div", { className: cls, onMouseOver: handleMouseOver, children: jsx(ReadComponent, { readonly: readonly, value: cellData, ...column.property, userData: column.data, options: ((_c = column.data) === null || _c === void 0 ? void 0 : _c.customData) || EMPTY_ARRAY, itemValues: rowData, objectId: column.objectId, dataSource: column.dataSource, fieldKey: fieldKey, isReadingTableCell: column.isReadingList, noPadding: column.noPadding }) }));

package/dist/components/table-components/utils.js

@@ -21,6 +21,7 @@ import ItemTypeReadView from '../fields/item-type/ReadView.js';
 import KeyReadView from '../fields/key/ReadView.js';
 import LongTextReadView from '../fields/long-text/ReadView.js';
 import NumberReadView from '../fields/number/ReadView.js';
+import PriorityCell from '../fields/priority/ActionCell.js';
 import PriorityReadView from '../fields/priority/ReadView.js';
 import RadioReadView from '../fields/radio/ReadView.js';
 import RepoFileReadView from '../fields/repo-files/ReadView.js';
@@ -97,6 +98,7 @@ const getStandardEditComponents = () => {
     return {
         [FIELD_TYPE_KEY_MAPPINGS.Status]: StatusCell,
         [FIELD_TYPE_KEY_MAPPINGS.Dropdown]: DropdownCell,
+        [FIELD_TYPE_KEY_MAPPINGS.Priority]: PriorityCell,
     };
 };
 

package/dist/index.d.ts

@@ -23,6 +23,7 @@ export { default as ItemTypeReadView } from './components/fields/item-type/ReadV
 export { default as KeyReadView } from './components/fields/key/ReadView';
 export { default as LongTextReadView } from './components/fields/long-text/ReadView';
 export { default as NumberReadView } from './components/fields/number/ReadView';
+export { default as Priority } from './components/fields/priority/ActionCell';
 export { default as PriorityReadView } from './components/fields/priority/ReadView';
 export { default as RadioReadView } from './components/fields/radio/ReadView';
 export { default as RepoFileReadView } from './components/fields/repo-files/ReadView';

package/dist/index.js

@@ -23,6 +23,7 @@ export { default as ItemTypeReadView } from './components/fields/item-type/ReadV
 export { default as KeyReadView } from './components/fields/key/ReadView.js';
 export { default as LongTextReadView } from './components/fields/long-text/ReadView.js';
 export { default as NumberReadView } from './components/fields/number/ReadView.js';
+export { default as Priority } from './components/fields/priority/ActionCell.js';
 export { default as PriorityReadView } from './components/fields/priority/ReadView.js';
 export { default as RadioReadView } from './components/fields/radio/ReadView.js';
 export { default as RepoFileReadView } from './components/fields/repo-files/ReadView.js';

package/package.json

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