@douyinfe/semi-ui 2.19.1-alpha.2 → 2.19.2-alpha.0

package/trigger/__test__/trigger.test.js

@@ -1,17 +0,0 @@
-import Trigger from '../index';
-import { mount } from 'enzyme';
-
-
-describe('Trigger', () => {
-
-    it('trigger normal', () => {
-        
-        const trigger = mount(<Trigger
-                triggerRender={() => (
-                    <div className="trigger-cls">trigger</div>
-                )}
-            />
-        );
-        expect(trigger.find(`.trigger-cls`).length === 1).toEqual(true);
-    });
-})

package/trigger/index.tsx

@@ -1,45 +0,0 @@
-/* eslint-disable @typescript-eslint/ban-types */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export interface TriggerProps {
-    triggerRender?: (props?: any) => React.ReactNode;
-    componentName?: string;
-    componentProps?: Record<string, any>;
-    value?: any;
-    inputValue?: string;
-    placeholder?: string | string[];
-    className?: string;
-    style?: React.CSSProperties;
-    [x: string]: any;
-}
-/**
- * `Trigger` is a HOC that will cover the inner of components which have popups
- */
-class Trigger extends React.PureComponent<TriggerProps> {
-    static propTypes = {
-        /**
-         * ({ value?: any, className?: string, style?: React.CSSProperties, ... }) => React.ReactNode
-         */
-        triggerRender: PropTypes.func.isRequired,
-        /**
-         * e.g. "AutoComplete", "DatePicker", ...
-         */
-        componentName: PropTypes.string,
-        componentProps: PropTypes.object,
-        value: PropTypes.any,
-        inputValue: PropTypes.string,
-        placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-        className: PropTypes.string,
-        style: PropTypes.object,
-    };
-
-    render() {
-        // eslint-disable-next-line no-unused-vars
-        const { triggerRender, componentName, ...rest } = this.props;
-        return triggerRender({ ...rest });
-    }
-}
-
-export default Trigger;

package/tsconfig.json

@@ -1,33 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "ES2015",
-        "baseUrl": "./",
-        "outDir": "lib",
-        "sourceMap": true,
-        "allowJs": true,
-        "module": "es6",
-        "lib": ["es7", "dom"],
-        "moduleResolution": "node",
-        "noImplicitAny": false,
-        "jsx": "react",
-        "paths": {
-            "@douyinfe/semi-foundation/*": ["../semi-foundation/*"],
-            "@douyinfe/semi-ui/*": ["../semi-ui/*"],
-            "@douyinfe/semi-theme-default/*": ["../semi-theme-default/*"],
-            "@douyinfe/semi-icons": ["../semi-icons/src"]
-        },
-        "suppressImplicitAnyIndexErrors": true,
-        "forceConsistentCasingInFileNames": true,
-        "allowSyntheticDefaultImports": true,
-        "experimentalDecorators": true,
-        "noImplicitReturns": true,
-        "noImplicitThis": false,
-        "esModuleInterop": true,
-        "skipLibCheck": true,
-        "declaration": true,
-        "strictNullChecks": false,
-        "strict": true
-    },
-    "include": ["**/*.tsx", "**/*.ts"],
-    "exclude": ["node_modules", "packages/rollup-plugin-semi-svg"]
-}

package/typography/__test__/typography.test.js

@@ -1,75 +0,0 @@
-import * as _ from 'lodash';
-
-import Typography from '../index';
-
-describe(`Typography`, () => {
-    beforeEach(() => {
-        document.getSelection = () => {
-            return {
-                removeAllRanges: () => { }
-            };
-        }
-    });
-
-    it('custom component', () => {
-        let props = { component: 'div' };
-        const typographyTitle = mount(<Typography.Title {...props} heading={1}>Semi Design</Typography.Title>)
-        const title = typographyTitle.find('div.semi-typography-h1');
-        expect(title.length).toEqual(1);
-
-        const typographyText = mount(<Typography.Text {...props} id="text">Semi Design</Typography.Text>)
-        const text = typographyText.find('div.semi-typography');
-        expect(text.length).toEqual(1);
-
-        const typographyParagraph = mount(<Typography.Paragraph {...props}>Semi Design</Typography.Paragraph>)
-        const p = typographyParagraph.find('div.semi-typography-paragraph');
-        expect(p.length).toEqual(1);
-        typographyParagraph.unmount();
-    });
-
-    it('typography copyable', () => {
-        const typographyParagraph = mount(<Typography.Paragraph copyable >Semi Design</Typography.Paragraph>)
-        const p = typographyParagraph.find('.semi-icon-copy');
-        expect(p.length).toEqual(1);
-        p.at(0).simulate('click');
-        expect(typographyParagraph.find('.semi-typography-action-copied').length).toEqual(1);
-        typographyParagraph.setProps({copyable: false})
-        typographyParagraph.update()
-        expect(typographyParagraph.find('.semi-icon-copy').length).toEqual(0);
-    });
-
-    it('typography link', () => {
-        const text = mount(
-            <Typography.Text link={{ href: 'https://semi.design/' }}>链接文本</Typography.Text>
-        )
-        expect(text.find('.semi-typography.semi-typography-link').length).toEqual(1);
-        text.setProps({disabled: true})
-        text.update()
-        expect(text.find('.semi-typography.semi-typography-disabled').length).toEqual(1);
-        text.setProps({underline: true, link: false})
-        text.update()
-        expect(text.find('.semi-typography u').length).toEqual(1);
-    });
-
-    it('typography ellipsis', () => {
-        const typographyParagraph = mount(<Typography.Paragraph  ellipsis={{ showTooltip: true }} style={{ width: 250 }}>
-            是一个很长很长很长很长5号标题</Typography.Paragraph>)
-        // jest 测不出layout，补一些无效用例，提高coverage
-        expect(typographyParagraph.find('semi-typography-ellipsis').length).toEqual(0);
-        typographyParagraph.setProps({children: '的撒的撒打算的撒的撒的撒打算打的撒的撒打算的撒的撒的撒打算打'})
-        typographyParagraph.update()
-        expect(typographyParagraph.find('semi-typography-ellipsis').length).toEqual(0);
-        typographyParagraph.setProps({
-            ellipsis: {
-                expandText:'expandText',collapseText:'collapseText',
-                rows: 1,
-                showTooltip: {
-                    type: 'popover'
-                },
-                suffix: 'suffix'
-            }
-        })
-        typographyParagraph.update()
-        expect(typographyParagraph.find('semi-typography-ellipsis').length).toEqual(0);
-    });
-});