@giteeteam/apps-team-components 1.1.0 → 1.1.1-alpha.2

package/README.md

@@ -21,3 +21,5 @@ const Demo = ({children}) => {
 - SimpleOverflowTooltip 统一为 BaseOverflowToolTip 导出
 - 去除 BaseOverflowToolTip 的 maxline
 
+# 1.1.x版本
+- team最低版本为4.16.0

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

@@ -2,6 +2,7 @@
 import { ReadViewBaseProps } from '../types';
 type DropdownReadViewProps = ReadViewBaseProps & {
     userData?: Record<string, any>;
+    mode?: string;
 };
 declare const DropdownReadView: import("react").NamedExoticComponent<DropdownReadViewProps>;
 export default DropdownReadView;

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

@@ -1,10 +1,14 @@
-import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo, useMemo } from 'react';
 import EmptyField from '../../common/EmptyField';
 import SimpleOverflowToolTip from '../../common/overflow-tooltip/SimpleOverflowToolTip';
 import { handleValue } from './BaseField';
+const MUTIPLE_MODE = { multiple: 'multiple', tags: 'tags' };
+const getFormattedLabel = ({ label, style = {}, }) => {
+    return _jsx("span", { style: { borderRadius: 2, color: style === null || style === void 0 ? void 0 : style.color, background: style === null || style === void 0 ? void 0 : style.background }, children: label });
+};
 const DropdownReadView = memo(props => {
-    const { value, options, readonly: propsReadonly, userData } = props;
+    const { value, options, readonly: propsReadonly, userData, mode } = props;
     const readonly = useMemo(() => {
         if ((userData === null || userData === void 0 ? void 0 : userData.source) === 'apps-function') {
             return (userData === null || userData === void 0 ? void 0 : userData.readonly) || propsReadonly;
@@ -13,21 +17,41 @@ const DropdownReadView = memo(props => {
             return propsReadonly;
         }
     }, [propsReadonly, userData]);
+    const optionsMap = useMemo(() => {
+        const optionsMap = {};
+        options === null || options === void 0 ? void 0 : options.forEach(item => {
+            optionsMap[item.label] = item;
+        });
+        return optionsMap;
+    }, [options]);
     const showValue = useMemo(() => {
-        var _a;
+        var _a, _b;
         if (!(value === null || value === void 0 ? void 0 : value.length))
             return '';
-        if ((_a = value[0]) === null || _a === void 0 ? void 0 : _a.label) {
-            return value.map(item => item.label).join(',');
+        if (mode in MUTIPLE_MODE) {
+            if ((_a = value[0]) === null || _a === void 0 ? void 0 : _a.label) {
+                return value.map(item => item.label).join(',');
+            }
+            if (!(options === null || options === void 0 ? void 0 : options.length))
+                return '';
+            return value
+                .map(item => { var _a; return (item === null || item === void 0 ? void 0 : item.label) || ((_a = options.find(opt => opt.value === handleValue(item))) === null || _a === void 0 ? void 0 : _a.label); })
+                .filter(Boolean)
+                .map((item, index) => {
+                const content = getFormattedLabel(optionsMap[item]);
+                return index === value.length - 1 ? content : _jsxs(_Fragment, { children: [content, ","] });
+            });
         }
-        if (!(options === null || options === void 0 ? void 0 : options.length))
-            return '';
-        const result = value
-            .map(item => { var _a; return (item === null || item === void 0 ? void 0 : item.label) || ((_a = options.find(opt => opt.value === handleValue(item))) === null || _a === void 0 ? void 0 : _a.label); })
-            .filter(Boolean)
-            .join(',');
-        return result;
-    }, [options, value]);
+        else {
+            const item = value[0];
+            if (item.label)
+                return item.label;
+            if (!(options === null || options === void 0 ? void 0 : options.length))
+                return '';
+            const label = (item === null || item === void 0 ? void 0 : item.label) || ((_b = options.find(opt => opt.value === handleValue(item))) === null || _b === void 0 ? void 0 : _b.label);
+            return getFormattedLabel(optionsMap[label]);
+        }
+    }, [mode, options, optionsMap, value]);
     return (_jsx(_Fragment, { children: showValue ? (_jsx(SimpleOverflowToolTip, { title: showValue, children: showValue })) : (_jsx(EmptyField, { readonly: readonly })) }));
 });
 DropdownReadView.displayName = 'DropdownReadView';

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@giteeteam/apps-team-components",
-  "version": "1.1.0",
+  "version": "1.1.1-alpha.2",
   "description": "Gitee team components",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "scripts": {
     "prepare": "husky install && pnpm build",
     "build": "rm -rf dist && tsc && cp -r src/icons/svg dist/icons/svg",
-    "publish:alpha": "pnpm prepublish && npm publish --tag alpha",
+    "publish:alpha": "npm publish --tag alpha",
     "prepack": "pnpm build",
     "prepublish": "pnpm build",
     "prepublishOnly": "pnpm build",