@giteeteam/apps-team-components 1.0.25 → 1.0.26

package/dist/components/common/PriceTag.d.ts

@@ -0,0 +1,11 @@
+import React, { HTMLAttributes } from 'react';
+export interface IPriceTagProps {
+    text: React.ReactNode;
+    className?: HTMLAttributes<HTMLSpanElement>['className'];
+    edition: 'ee' | 'ce' | 'demo';
+    expired?: boolean;
+}
+export declare const containerStyle = "\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n";
+export declare const textStyle = "\n  flex: 1;\n  width: 0;\n";
+export declare const tagStyle = "\n  height: 18px;\n  padding: 0 4px;\n  margin-left: 8px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n  color: #fff;\n  background: linear-gradient(230deg, #66dbff 0%, #3683ff 100%);\n  border-radius: 5px 0;\n";
+export declare const PriceTag: React.FC<IPriceTagProps>;

package/dist/components/common/PriceTag.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useMemo } from 'react';
+import { ClassNames } from '@emotion/react';
+import { i18n } from '../../lib/i18n';
+import SimpleOverflowToolTip from './overflow-tooltip/SimpleOverflowToolTip';
+export const containerStyle = `
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+`;
+export const textStyle = `
+  flex: 1;
+  width: 0;
+`;
+export const tagStyle = `
+  height: 18px;
+  padding: 0 4px;
+  margin-left: 8px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 18px;
+  color: #fff;
+  background: linear-gradient(230deg, #66dbff 0%, #3683ff 100%);
+  border-radius: 5px 0;
+`;
+export const PriceTag = ({ text, className, edition, expired }) => {
+    const isTagVisible = useMemo(() => {
+        if (edition === 'ee') {
+            return false;
+        }
+        if (edition === 'demo') {
+            return true;
+        }
+        return expired;
+    }, [edition, expired]);
+    return isTagVisible ? (_jsx(ClassNames, { children: ({ cx, css }) => (_jsxs("span", { className: cx(css(containerStyle), className), children: [_jsx(SimpleOverflowToolTip, { title: typeof text === 'string' ? text : null, children: _jsx("span", { className: css(textStyle), children: text }) }), _jsx("span", { className: css(tagStyle), children: i18n.t('components.priceTag.pro') })] })) })) : (text);
+};

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { default as EmptyField } from './components/common/EmptyField';
 export { default as BaseOverflowTooltip } from './components/common/overflow-tooltip/BaseOverflowTooltip';
 export { default as SimpleOverflowToolTip } from './components/common/overflow-tooltip/SimpleOverflowToolTip';
+export { PriceTag } from './components/common/PriceTag';
 export { default as UserAvatar } from './components/common/user-field/UserAvatar';
 export { default as ActorsReadView } from './components/fields/actors/ReadView';
 export { default as AncestorReadView } from './components/fields/ancestor/ReadView';

package/dist/index.js

@@ -1,6 +1,7 @@
 export { default as EmptyField } from './components/common/EmptyField';
 export { default as BaseOverflowTooltip } from './components/common/overflow-tooltip/BaseOverflowTooltip';
 export { default as SimpleOverflowToolTip } from './components/common/overflow-tooltip/SimpleOverflowToolTip';
+export { PriceTag } from './components/common/PriceTag';
 export { default as UserAvatar } from './components/common/user-field/UserAvatar';
 export { default as ActorsReadView } from './components/fields/actors/ReadView';
 export { default as AncestorReadView } from './components/fields/ancestor/ReadView';

package/dist/locales/index.d.ts

@@ -43,6 +43,7 @@ export declare const en: {
     'libs.default.flowTextTip.0': string;
     'libs.default.flowTextTip.1': string;
     'pages.fields.view.noPriority': string;
+    'components.priceTag.pro': string;
 };
 export declare const zh: {
     'pages.users.default.delete': string;
@@ -89,6 +90,7 @@ export declare const zh: {
     'libs.default.flowTextTip.0': string;
     'libs.default.flowTextTip.1': string;
     'pages.fields.view.noPriority': string;
+    'components.priceTag.pro': string;
 };
 export declare const ru: {
     'pages.users.default.delete': string;
@@ -135,4 +137,5 @@ export declare const ru: {
     'libs.default.flowTextTip.0': string;
     'libs.default.flowTextTip.1': string;
     'pages.fields.view.noPriority': string;
+    'components.priceTag.pro': string;
 };

package/dist/locales/index.js

@@ -43,6 +43,7 @@ export const en = {
     'libs.default.flowTextTip.0': 'The issue field [{{field}}] should be [{{condition}}] specified field [{{target}}]',
     'libs.default.flowTextTip.1': 'The issue field [{{field}}] should be [{{condition}}]',
     'pages.fields.view.noPriority': 'No priority',
+    'components.priceTag.pro': 'Pro',
 };
 export const zh = {
     'pages.users.default.delete': '(已删除)',
@@ -89,6 +90,7 @@ export const zh = {
     'libs.default.flowTextTip.0': '当前事项字段[{{field}}]应该[{{condition}}]指定条件值[{{target}}]',
     'libs.default.flowTextTip.1': '当前事项字段[{{field}}]应该[{{condition}}]',
     'pages.fields.view.noPriority': '无优先级',
+    'components.priceTag.pro': '高级',
 };
 export const ru = {
     'pages.users.default.delete': '(удалено)',
@@ -135,4 +137,5 @@ export const ru = {
     'libs.default.flowTextTip.0': `Поле задачи "{{field}}" должно при условии "{{condition}}" указывать значение условия "{{target}}"`,
     'libs.default.flowTextTip.1': `Поле задачи "{{field}}" должно при условии "{{condition}}"`,
     'pages.fields.view.noPriority': 'Нет приоритета',
+    'components.priceTag.pro': 'Pro',
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giteeteam/apps-team-components",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "description": "Gitee team components",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -66,4 +66,4 @@
     "debug": "^4.3.4",
     "lodash-es": "^4.17.21"
   }
-}
+}