@cherrywind/flexible 0.0.2-alpha → 0.0.2-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -8
- package/README.zh-CN.md +8 -8
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -16,11 +16,11 @@ A lightweight and flexible layout system for responsive web design, inspired by
|
|
|
16
16
|
## Installation
|
|
17
17
|
|
|
18
18
|
```bash
|
|
19
|
-
npm install @
|
|
19
|
+
npm install @cherrywind/flexible
|
|
20
20
|
# or
|
|
21
|
-
yarn add @
|
|
21
|
+
yarn add @cherrywind/flexible
|
|
22
22
|
# or
|
|
23
|
-
pnpm add @
|
|
23
|
+
pnpm add @cherrywind/flexible
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
## Usage
|
|
@@ -28,7 +28,7 @@ pnpm add @your-scope/flexible
|
|
|
28
28
|
### Basic Usage
|
|
29
29
|
|
|
30
30
|
```typescript
|
|
31
|
-
import { flexible } from '@
|
|
31
|
+
import { flexible } from '@cherrywind/flexible';
|
|
32
32
|
|
|
33
33
|
// Initialize with default settings
|
|
34
34
|
const cleanup = flexible();
|
|
@@ -40,7 +40,7 @@ cleanup();
|
|
|
40
40
|
### With Custom Options
|
|
41
41
|
|
|
42
42
|
```typescript
|
|
43
|
-
import { flexible } from '@
|
|
43
|
+
import { flexible } from '@cherrywind/flexible';
|
|
44
44
|
|
|
45
45
|
const cleanup = flexible({
|
|
46
46
|
breakpoints: [1024, 768],
|
|
@@ -99,7 +99,7 @@ cleanup();
|
|
|
99
99
|
### Basic Example
|
|
100
100
|
|
|
101
101
|
```typescript
|
|
102
|
-
import { flexible } from '@
|
|
102
|
+
import { flexible } from '@cherrywind/flexible';
|
|
103
103
|
|
|
104
104
|
// Initialize with default settings
|
|
105
105
|
const cleanup = flexible();
|
|
@@ -111,7 +111,7 @@ const cleanup = flexible();
|
|
|
111
111
|
### Custom Breakpoints Example
|
|
112
112
|
|
|
113
113
|
```typescript
|
|
114
|
-
import { flexible } from '@
|
|
114
|
+
import { flexible } from '@cherrywind/flexible';
|
|
115
115
|
|
|
116
116
|
const cleanup = flexible({
|
|
117
117
|
breakpoints: [1024, 768],
|
|
@@ -123,7 +123,7 @@ const cleanup = flexible({
|
|
|
123
123
|
### Custom Scope Example
|
|
124
124
|
|
|
125
125
|
```typescript
|
|
126
|
-
import { flexible } from '@
|
|
126
|
+
import { flexible } from '@cherrywind/flexible';
|
|
127
127
|
|
|
128
128
|
const container = document.querySelector('.container');
|
|
129
129
|
const cleanup = flexible({
|
package/README.zh-CN.md
CHANGED
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
## 安装
|
|
17
17
|
|
|
18
18
|
```bash
|
|
19
|
-
npm install @
|
|
19
|
+
npm install @cherrywind/flexible
|
|
20
20
|
# 或
|
|
21
|
-
yarn add @
|
|
21
|
+
yarn add @cherrywind/flexible
|
|
22
22
|
# 或
|
|
23
|
-
pnpm add @
|
|
23
|
+
pnpm add @cherrywind/flexible
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
## 使用方法
|
|
@@ -28,7 +28,7 @@ pnpm add @your-scope/flexible
|
|
|
28
28
|
### 基础用法
|
|
29
29
|
|
|
30
30
|
```typescript
|
|
31
|
-
import { flexible } from '@
|
|
31
|
+
import { flexible } from '@cherrywind/flexible';
|
|
32
32
|
|
|
33
33
|
// 使用默认设置初始化
|
|
34
34
|
const cleanup = flexible();
|
|
@@ -40,7 +40,7 @@ cleanup();
|
|
|
40
40
|
### 自定义配置
|
|
41
41
|
|
|
42
42
|
```typescript
|
|
43
|
-
import { flexible } from '@
|
|
43
|
+
import { flexible } from '@cherrywind/flexible';
|
|
44
44
|
|
|
45
45
|
const cleanup = flexible({
|
|
46
46
|
breakpoints: [1024, 768],
|
|
@@ -99,7 +99,7 @@ cleanup();
|
|
|
99
99
|
### 基础示例
|
|
100
100
|
|
|
101
101
|
```typescript
|
|
102
|
-
import { flexible } from '@
|
|
102
|
+
import { flexible } from '@cherrywind/flexible';
|
|
103
103
|
|
|
104
104
|
// 使用默认设置初始化
|
|
105
105
|
const cleanup = flexible();
|
|
@@ -111,7 +111,7 @@ const cleanup = flexible();
|
|
|
111
111
|
### 自定义断点示例
|
|
112
112
|
|
|
113
113
|
```typescript
|
|
114
|
-
import { flexible } from '@
|
|
114
|
+
import { flexible } from '@cherrywind/flexible';
|
|
115
115
|
|
|
116
116
|
const cleanup = flexible({
|
|
117
117
|
breakpoints: [1024, 768],
|
|
@@ -123,7 +123,7 @@ const cleanup = flexible({
|
|
|
123
123
|
### 自定义作用域示例
|
|
124
124
|
|
|
125
125
|
```typescript
|
|
126
|
-
import { flexible } from '@
|
|
126
|
+
import { flexible } from '@cherrywind/flexible';
|
|
127
127
|
|
|
128
128
|
const container = document.querySelector('.container');
|
|
129
129
|
const cleanup = flexible({
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cherrywind/flexible",
|
|
3
|
-
"version": "0.0.2-
|
|
3
|
+
"version": "0.0.2-beta",
|
|
4
4
|
"private": false,
|
|
5
5
|
"keywords": [
|
|
6
6
|
"flexible"
|
|
7
7
|
],
|
|
8
8
|
"repository": {
|
|
9
9
|
"type": "git",
|
|
10
|
-
"url": "https://github.com/susanforme/utils"
|
|
10
|
+
"url": "https://github.com/susanforme/utils/tree/master/packages/flexible"
|
|
11
11
|
},
|
|
12
12
|
"license": "MIT",
|
|
13
13
|
"type": "module",
|