amis-ui 6.13.0-beta.6 → 6.13.0-beta.8

package/esm/components/TimelineItem.js

@@ -1,101 +0,0 @@
-/**
- * amis-ui v6.13.0-beta.6
- * Copyright 2018-2025 fex
- */
-
-import { __assign } from 'tslib';
-import React__default from 'react';
-import { themeable, localeable } from 'amis-core';
-import { Icon } from './icons.js';
-
-/**
- * 判断颜色值是否合法
- * @param color 颜色值
- * @returns {boolean} 是否合法
- */
-var isColor = function (color) {
-    return !!color && /^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$/.test(color);
-};
-/**
- * 根据连线方向返回对齐方式
- * @param direction 连线方向，'vertical'表示垂直方向，'horizontal'表示水平方向
- * @param align 对齐方式，可选值有'left'、'center'、'right'、'top'、'bottom'
- * @returns 返回对齐方式，默认根据方向设置，若方向和对齐方式不匹配则根据方向调整对齐方式
- */
-var getAlignByDirection = function (direction, align) {
-    // 检查当前对齐方式和连线方向是否相同，并设置默认对齐方式
-    var alignVal = align ? align : direction === 'vertical' ? 'top' : 'center';
-    // 这里可以使用css做兼容不用JS检查，但是JS处理可以更清楚
-    if ((['left', 'right'].includes(alignVal) && direction === 'vertical') ||
-        (['top', 'bottom'].includes(alignVal) && direction === 'horizontal')) {
-        alignVal = direction === 'vertical' ? 'top' : 'center';
-    }
-    return alignVal;
-};
-/**
- * TimelineTime 函数组件，用于展示时间线中的时间节点。
- * @param props 组件的属性
- * @param props.time 时间文本
- * @param props.timeClassName 时间节点的自定义类名
- * @param props.classnames 类名辅助函数，用于动态生成类名字符串
- * @returns 返回包含时间文本的 div 元素
- */
-function TimelineTime(props) {
-    var time = props.time, timeClassName = props.timeClassName, cx = props.classnames;
-    return React__default.createElement("div", { className: cx('TimelineItem-time', timeClassName) }, time);
-}
-/**
- * TimelineContent 函数组件，用于展示时间线中的内容节点，包括标题和详情。
- * @param props 组件的属性
- */
-function TimelineContent(props) {
-    var title = props.title, detail = props.detail, titleClassName = props.titleClassName, cx = props.classnames, detailClassName = props.detailClassName; props.translate; var cardNode = props.cardNode;
-    return cardNode ? (cardNode) : (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", { className: cx('TimelineItem-title', titleClassName) }, title),
-        detail && (React__default.createElement("div", { className: cx('TimelineItem-detail') },
-            React__default.createElement("div", { className: cx('TimelineItem-detail-visible', detailClassName) }, detail)))));
-}
-/**
- * TImelineLine 函数组件，用于展示时间线中的连线部分。
- * @param props 组件的属性
- */
-function TimelineLine(props) {
-    var _a, _b, _c;
-    var color = props.color, icon = props.icon, iconClassName = props.iconClassName, cx = props.classnames; props.translate; var classPrefix = props.classPrefix, _d = props.dotSize, dotSize = _d === void 0 ? 'md' : _d, lineColor = props.lineColor, backgroundColor = props.backgroundColor, align = props.align, direction = props.direction;
-    // 判断是否为颜色值
-    var isColorVal = isColor(color);
-    // 判断是否为背景颜色值
-    var isBgColorVal = isColor(backgroundColor);
-    // 取level级颜色
-    var levelColor = !isColorVal && color;
-    var alignVal = getAlignByDirection(direction, align);
-    return (React__default.createElement("div", { className: cx('TimelineItem-axle', "TimelineItem-size-".concat(dotSize), (_a = {
-                'TimelineItem-hide-dot': !!props.hideDot
-            },
-            _a["TimelineItem-point-align--".concat(alignVal)] = !!alignVal,
-            _a)) },
-        React__default.createElement("div", { className: cx('TimelineItem-line'), style: isColor(lineColor) ? { backgroundColor: lineColor } : undefined }),
-        icon ? (React__default.createElement("div", { className: cx('TimelineItem-icon', iconClassName) },
-            React__default.createElement(Icon, { cx: cx, icon: icon, className: "icon", classPrefix: classPrefix }))) : (React__default.createElement("div", { className: cx('TimelineItem-round-wrapper', iconClassName) },
-            React__default.createElement("div", { style: isBgColorVal ? { backgroundColor: backgroundColor } : undefined, className: cx('TimelineItem-round', (_b = {},
-                    _b["TimelineItem-round-background--".concat(levelColor)] = !!levelColor,
-                    _b)) }),
-            React__default.createElement("div", { style: isColorVal ? { backgroundColor: color } : undefined, className: cx('TimelineItem-dot', (_c = {},
-                    _c["TimelineItem-round--".concat(levelColor)] = !!levelColor,
-                    _c)) })))));
-}
-// 纵向时间轴组件。横向时间轴由于需要统一上半部的高度，不能封装到TimelineItem中，所以分别暴露出去调用
-function TimelineItem(props) {
-    var cx = props.classnames, key = props.key;
-    return (React__default.createElement("div", { className: cx('TimelineItem'), key: key },
-        React__default.createElement(TimelineLine, __assign({}, props)),
-        React__default.createElement("div", { className: cx('TimelineItem-content') },
-            React__default.createElement(TimelineTime, __assign({}, props)),
-            React__default.createElement(TimelineContent, __assign({}, props)))));
-}
-var TimelineItem$1 = themeable(localeable(TimelineItem));
-var TimelineTimeComponent = themeable(localeable(TimelineTime));
-var TimelineLineComponent = themeable(localeable(TimelineLine));
-var TimelineContentComponent = themeable(localeable(TimelineContent));
-
-export { TimelineContentComponent, TimelineItem, TimelineLineComponent, TimelineTimeComponent, TimelineItem$1 as default, getAlignByDirection, isColor };

package/esm/components/Tinymce.d.ts

@@ -1,66 +0,0 @@
-import React from 'react';
-import tinymce, { Editor } from 'tinymce/tinymce';
-import 'tinymce/icons/default/index';
-import 'tinymce/themes/silver';
-import 'tinymce/models/dom/model';
-import 'tinymce/plugins/advlist';
-import 'tinymce/plugins/autolink';
-import 'tinymce/plugins/autoresize';
-import 'tinymce/plugins/lists';
-import 'tinymce/plugins/link';
-import 'tinymce/plugins/image';
-import 'tinymce/plugins/charmap';
-import 'tinymce/plugins/preview';
-import 'tinymce/plugins/anchor';
-import 'tinymce/plugins/searchreplace';
-import 'tinymce/plugins/visualblocks';
-import 'tinymce/plugins/code';
-import 'tinymce/plugins/fullscreen';
-import 'tinymce/plugins/insertdatetime';
-import 'tinymce/plugins/media';
-import 'tinymce/plugins/table';
-import 'tinymce/plugins/help';
-import 'tinymce/plugins/wordcount';
-import 'tinymce/plugins/pagebreak';
-import 'tinymce/plugins/visualchars';
-import 'tinymce/plugins/template';
-import 'tinymce/plugins/nonbreaking';
-import 'tinymce/plugins/emoticons';
-import 'tinymce/plugins/emoticons/js/emojis';
-import 'tinymce/plugins/quickbars/plugin';
-import 'tinymce/plugins/help/js/i18n/keynav/zh_CN';
-import 'tinymce/plugins/help/js/i18n/keynav/en';
-import 'tinymce/plugins/help/js/i18n/keynav/de';
-import { LocaleProps } from 'amis-core';
-interface TinymceEditorProps extends LocaleProps {
-    model: string;
-    onModelChange?: (value: string) => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    disabled?: boolean;
-    config?: {
-        onLoaded?: (tinymce: any) => void | Promise<void>;
-        [propName: string]: any;
-    };
-    outputFormat?: 'html' | 'text';
-    receiver?: string;
-}
-export default class TinymceEditor extends React.Component<TinymceEditorProps> {
-    static defaultProps: {
-        outputFormat: string;
-    };
-    config?: any;
-    editor?: Editor;
-    unmounted: boolean;
-    editorInitialized?: boolean;
-    currentContent?: string;
-    elementRef: React.RefObject<HTMLTextAreaElement>;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: TinymceEditorProps): void;
-    componentWillUnmount(): void;
-    initTiny(): Promise<void>;
-    handleIframeUnload(): void;
-    initEditor(e: any, editor: Editor): void;
-    render(): React.JSX.Element;
-}
-export { tinymce };