rei-mirrors/dockview
1
0
Fork 0
mirror of https://github.com/mathuo/dockview synced 2025-02-02 06:25:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: change dist/styles.css to dist/styles/dockview.css

Browse Source
This commit is contained in:
mathuo 2021-03-22 23:16:47 +00:00
parent 65a8095e27
commit c91ab8617c
12 changed files with 46 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -39,10 +39,10 @@ npm install --save dockview
## Setup ## Setup
You must import or reference the stylesheet at `dockview/dist/styles.css`. For example: You must import or reference the stylesheet at `dockview/dist/styles/dockview.css`. For example:
```css ```css
@import '~dockview/dist/styles.css'; @import '~dockview/dist/styles/dockview.css';
``` ```
You should also attach a dockview theme to an element containing your components. For example: You should also attach a dockview theme to an element containing your components. For example:

2
packages/splitview-demo/src/index.scss
View File

@ -1,4 +1,4 @@
@import '~dockview/dist/styles.css'; @import '~dockview/dist/styles/dockview.css';
body { body {
margin: 0; margin: 0;

1
packages/splitview-demo/src/stories/dockview/dockview.iframe.stories.tsx
View File

@ -10,7 +10,6 @@ import {
} from 'dockview'; } from 'dockview';
import * as React from 'react'; import * as React from 'react';
import { Meta } from '@storybook/react'; import { Meta } from '@storybook/react';
import 'dockview/dist/styles.css';
const components: PanelCollection<IDockviewPanelProps> = { const components: PanelCollection<IDockviewPanelProps> = {
default: (props) => { default: (props) => {

1
packages/splitview-demo/src/stories/dockview/dockview.simple.stories.tsx
View File

@ -10,7 +10,6 @@ import {
} from 'dockview'; } from 'dockview';
import * as React from 'react'; import * as React from 'react';
import { Meta } from '@storybook/react'; import { Meta } from '@storybook/react';
import 'dockview/dist/styles.css';
const components: PanelCollection<IDockviewPanelProps> = { const components: PanelCollection<IDockviewPanelProps> = {
default: (props) => { default: (props) => {

3
packages/splitview-demo/src/stories/dockview/dockview.stories.tsx
View File

@ -10,7 +10,6 @@ import {
} from 'dockview'; } from 'dockview';
import * as React from 'react'; import * as React from 'react';
import { Meta } from '@storybook/react'; import { Meta } from '@storybook/react';
import 'dockview/dist/styles.css';
const components: PanelCollection<IDockviewPanelProps> = { const components: PanelCollection<IDockviewPanelProps> = {
default: (props) => { default: (props) => {
@ -29,8 +28,6 @@ const components: PanelCollection<IDockviewPanelProps> = {
}, },
}; };
const Watermark = (props: IWatermarkPanelProps) => { const Watermark = (props: IWatermarkPanelProps) => {
const [size, setSize] = React.useState<number>(props.containerApi.size); const [size, setSize] = React.useState<number>(props.containerApi.size);
const [panels, setPanels] = React.useState<number>( const [panels, setPanels] = React.useState<number>(

1
packages/splitview-demo/src/stories/gridview/gridview.stories.tsx
View File

@ -8,7 +8,6 @@ import {
} from 'dockview'; } from 'dockview';
import * as React from 'react'; import * as React from 'react';
import { Story, Meta } from '@storybook/react'; import { Story, Meta } from '@storybook/react';
import 'dockview/dist/styles.css';
const components: PanelCollection<IGridviewPanelProps> = { const components: PanelCollection<IGridviewPanelProps> = {
default: (props) => { default: (props) => {

24
packages/splitview-demo/src/stories/paneview/paneview.deserialization.stories.tsx
View File

@ -14,19 +14,21 @@ import {
} from 'dockview'; } from 'dockview';
import * as React from 'react'; import * as React from 'react';
import { Story, Meta } from '@storybook/react'; import { Story, Meta } from '@storybook/react';
import 'dockview/dist/styles.css';
const components: PanelCollection<IPaneviewPanelProps> = { const components: PanelCollection<IPaneviewPanelProps> = {
default: (props) => { default: (props) => {
const [constraints, setConstraints] = React.useState< const [
PanelConstraintChangeEvent constraints,
>(); setConstraints,
const [dimensions, setDimensions] = React.useState< ] = React.useState<PanelConstraintChangeEvent>();
PanelDimensionChangeEvent const [
>(); dimensions,
const [expansionState, setExpansionState] = React.useState< setDimensions,
ExpansionEvent ] = React.useState<PanelDimensionChangeEvent>();
>(); const [
expansionState,
setExpansionState,
] = React.useState<ExpansionEvent>();
const [active, setActive] = React.useState<ActiveEvent>(); const [active, setActive] = React.useState<ActiveEvent>();
const [focus, setFocus] = React.useState<FocusEvent>(); const [focus, setFocus] = React.useState<FocusEvent>();
@ -143,8 +145,6 @@ export const Deserialization = (props: {
); );
}; };
export default { export default {
title: 'Paneview/Deserialization', title: 'Paneview/Deserialization',
component: Deserialization, component: Deserialization,

22
packages/splitview-demo/src/stories/paneview/paneview.localStorageSave.stories.tsx
View File

@ -14,19 +14,21 @@ import {
} from 'dockview'; } from 'dockview';
import * as React from 'react'; import * as React from 'react';
import { Story, Meta } from '@storybook/react'; import { Story, Meta } from '@storybook/react';
import 'dockview/dist/styles.css';
const components: PanelCollection<IPaneviewPanelProps> = { const components: PanelCollection<IPaneviewPanelProps> = {
default: (props) => { default: (props) => {
const [constraints, setConstraints] = React.useState< const [
PanelConstraintChangeEvent constraints,
>(); setConstraints,
const [dimensions, setDimensions] = React.useState< ] = React.useState<PanelConstraintChangeEvent>();
PanelDimensionChangeEvent const [
>(); dimensions,
const [expansionState, setExpansionState] = React.useState< setDimensions,
ExpansionEvent ] = React.useState<PanelDimensionChangeEvent>();
>(); const [
expansionState,
setExpansionState,
] = React.useState<ExpansionEvent>();
const [active, setActive] = React.useState<ActiveEvent>(); const [active, setActive] = React.useState<ActiveEvent>();
const [focus, setFocus] = React.useState<FocusEvent>(); const [focus, setFocus] = React.useState<FocusEvent>();

24
packages/splitview-demo/src/stories/paneview/paneview.simple.stories.tsx
View File

@ -14,19 +14,21 @@ import {
} from 'dockview'; } from 'dockview';
import * as React from 'react'; import * as React from 'react';
import { Story, Meta } from '@storybook/react'; import { Story, Meta } from '@storybook/react';
import 'dockview/dist/styles.css';
const components: PanelCollection<IPaneviewPanelProps> = { const components: PanelCollection<IPaneviewPanelProps> = {
default: (props) => { default: (props) => {
const [constraints, setConstraints] = React.useState< const [
PanelConstraintChangeEvent constraints,
>(); setConstraints,
const [dimensions, setDimensions] = React.useState< ] = React.useState<PanelConstraintChangeEvent>();
PanelDimensionChangeEvent const [
>(); dimensions,
const [expansionState, setExpansionState] = React.useState< setDimensions,
ExpansionEvent ] = React.useState<PanelDimensionChangeEvent>();
>(); const [
expansionState,
setExpansionState,
] = React.useState<ExpansionEvent>();
const [active, setActive] = React.useState<ActiveEvent>(); const [active, setActive] = React.useState<ActiveEvent>();
const [focus, setFocus] = React.useState<FocusEvent>(); const [focus, setFocus] = React.useState<FocusEvent>();
@ -126,7 +128,6 @@ export const Simple = (props: {
); );
}; };
export default { export default {
title: 'Paneview/Simple', title: 'Paneview/Simple',
component: Simple, component: Simple,
@ -150,4 +151,3 @@ export default {
}, },
}, },
} as Meta; } as Meta;

1
packages/splitview-demo/src/stories/splitview/splitview.stories.tsx
View File

@ -9,7 +9,6 @@ import {
} from 'dockview'; } from 'dockview';
import * as React from 'react'; import * as React from 'react';
import { Story, Meta } from '@storybook/react'; import { Story, Meta } from '@storybook/react';
import 'dockview/dist/styles.css';
const components: PanelCollection<ISplitviewPanelProps> = { const components: PanelCollection<ISplitviewPanelProps> = {
default: (props) => { default: (props) => {

4
packages/splitview/README.md
View File

@ -39,10 +39,10 @@ npm install --save dockview
## Setup ## Setup
You must import or reference the stylesheet at `dockview/dist/styles.css`. For example: You must import or reference the stylesheet at `dockview/dist/styles/dockview.css`. For example:
```css ```css
@import '~dockview/dist/styles.css'; @import '~dockview/dist/styles/dockview.css';
``` ```
You should also attach a dockview theme to an element containing your components. For example: You should also attach a dockview theme to an element containing your components. For example:

8
scripts/build.js
View File

@ -4,13 +4,11 @@ const concat = require('gulp-concat');
const init = () => { const init = () => {
gulp.task('sass', () => { gulp.task('sass', () => {
return ( return gulp
gulp
.src('./src/**/*.scss') .src('./src/**/*.scss')
.pipe(gulpSass().on('error', gulpSass.logError)) .pipe(gulpSass().on('error', gulpSass.logError))
.pipe(concat('styles.css')) .pipe(concat('dockview.css'))
.pipe(gulp.dest('./dist')) .pipe(gulp.dest('./dist/styles/'));
);
}); });
}; };