rei-mirrors/dockview
1
0
Fork 0
mirror of https://github.com/mathuo/dockview synced 2025-01-22 17:35:57 +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
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
@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:

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 {
margin: 0;

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

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

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

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

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

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

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

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

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

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

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

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

4
packages/splitview/README.md
View File

@ -39,10 +39,10 @@ npm install --save dockview
## 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
@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:

12
scripts/build.js
View File

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