@carefrees/form-utils-vue 0.0.14 → 0.0.16
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 +6 -2
- package/assets/index.css +7 -5
- package/esm/index.js +2 -2
- package/esm/layout/layout.js +1 -1
- package/package.json +7 -3
package/README.md
CHANGED
|
@@ -6,6 +6,12 @@
|
|
|
6
6
|
npm install @carefrees/form-utils-vue # yarn add @carefrees/form-utils-vue # pnpm add @carefrees/form-utils-vue
|
|
7
7
|
```
|
|
8
8
|
|
|
9
|
+
## 加载样式
|
|
10
|
+
|
|
11
|
+
```tsx
|
|
12
|
+
import '@carefrees/form-utils-vue/assets/index.css';
|
|
13
|
+
```
|
|
14
|
+
|
|
9
15
|
## 使用
|
|
10
16
|
|
|
11
17
|
### 基本使用
|
|
@@ -15,7 +21,6 @@ npm install @carefrees/form-utils-vue # yarn add @carefrees/form-utils-vue # pnp
|
|
|
15
21
|
import { ref } from "vue";
|
|
16
22
|
import { Form, useForm, FormItem } from "@carefrees/form-utils-vue";
|
|
17
23
|
import "@carefrees/form-utils-vue/assets/index.css"
|
|
18
|
-
import Input from './Input.vue';
|
|
19
24
|
const formData = ref<{ a: string, b: string }>({
|
|
20
25
|
a: '',
|
|
21
26
|
b: ''
|
|
@@ -76,7 +81,6 @@ const onUpdateRules = () => {
|
|
|
76
81
|
<span>extra</span>
|
|
77
82
|
</template>
|
|
78
83
|
</FormItem>
|
|
79
|
-
<FormItem label='Input' input='input' name='c' />
|
|
80
84
|
<FormItem name='d'>
|
|
81
85
|
<template #label>
|
|
82
86
|
<span>d</span>
|
package/assets/index.css
CHANGED
|
@@ -98,7 +98,9 @@ html.dark .carefrees-form {
|
|
|
98
98
|
gap: 8px;
|
|
99
99
|
}
|
|
100
100
|
.carefrees-form-item-container.left .carefrees-form-item-label-warp {
|
|
101
|
-
|
|
101
|
+
display: flex;
|
|
102
|
+
align-items: center;
|
|
103
|
+
justify-content: flex-end;
|
|
102
104
|
}
|
|
103
105
|
.carefrees-form-item-container.between {
|
|
104
106
|
gap: 8px;
|
|
@@ -182,7 +184,7 @@ html.dark .carefrees-form {
|
|
|
182
184
|
top: auto;
|
|
183
185
|
left: 0;
|
|
184
186
|
right: 0;
|
|
185
|
-
bottom: -
|
|
187
|
+
bottom: -20px;
|
|
186
188
|
padding-top: 2px;
|
|
187
189
|
font-size: 12px;
|
|
188
190
|
box-sizing: border-box;
|
|
@@ -197,18 +199,18 @@ html.dark .carefrees-form {
|
|
|
197
199
|
top: auto;
|
|
198
200
|
left: 0;
|
|
199
201
|
right: 0;
|
|
200
|
-
bottom: -
|
|
202
|
+
bottom: -20px;
|
|
201
203
|
}
|
|
202
204
|
.carefrees-form-item-body-error.top-left {
|
|
203
205
|
justify-content: start;
|
|
204
|
-
top: -
|
|
206
|
+
top: -20px;
|
|
205
207
|
left: 0px;
|
|
206
208
|
right: 0px;
|
|
207
209
|
bottom: auto;
|
|
208
210
|
}
|
|
209
211
|
.carefrees-form-item-body-error.top-right {
|
|
210
212
|
justify-content: flex-end;
|
|
211
|
-
top: -
|
|
213
|
+
top: -20px;
|
|
212
214
|
left: 0px;
|
|
213
215
|
right: 0px;
|
|
214
216
|
bottom: auto;
|
package/esm/index.js
CHANGED
|
@@ -4,10 +4,10 @@ export * from "./utils/index.js";
|
|
|
4
4
|
export * from "./interface/index.js";
|
|
5
5
|
export * from "./interface/layout.js";
|
|
6
6
|
export * from "./interface/layout.formItem.js";
|
|
7
|
-
import * as
|
|
7
|
+
import * as __rspack_external__component_js_7f599402 from "./component.js";
|
|
8
8
|
const src = {
|
|
9
9
|
install: (app)=>{
|
|
10
|
-
for(const c in
|
|
10
|
+
for(const c in __rspack_external__component_js_7f599402)app.use(__rspack_external__component_js_7f599402[c]);
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
export { src as default };
|
package/esm/layout/layout.js
CHANGED
|
@@ -121,7 +121,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
121
121
|
}, [
|
|
122
122
|
isExtra.value || isTitle.value ? (openBlock(), createElementBlock("div", {
|
|
123
123
|
key: 0,
|
|
124
|
-
style: normalizeStyle(
|
|
124
|
+
style: normalizeStyle(__props.headerStyle),
|
|
125
125
|
class: normalizeClass(headerCls.value)
|
|
126
126
|
}, [
|
|
127
127
|
createElementVNode("div", {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carefrees/form-utils-vue",
|
|
3
3
|
"author": "SunLxy <1011771396@qq.com>",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.16",
|
|
5
5
|
"description": "",
|
|
6
6
|
"main": "esm/index.js",
|
|
7
7
|
"module": "esm/index.js",
|
|
@@ -13,6 +13,10 @@
|
|
|
13
13
|
"publishConfig": {
|
|
14
14
|
"access": "public"
|
|
15
15
|
},
|
|
16
|
+
"repository": {
|
|
17
|
+
"type": "git",
|
|
18
|
+
"url": "git+https://github.com/SunLxy/carefrees-form-utils.git"
|
|
19
|
+
},
|
|
16
20
|
"files": [
|
|
17
21
|
"assets",
|
|
18
22
|
"src",
|
|
@@ -24,8 +28,8 @@
|
|
|
24
28
|
"vue": "^3.5.13"
|
|
25
29
|
},
|
|
26
30
|
"dependencies": {
|
|
27
|
-
"@carefrees/form-utils": "^0.0.
|
|
28
|
-
"@carefrees/form-utils-vue-hooks": "^0.0.
|
|
31
|
+
"@carefrees/form-utils": "^0.0.16",
|
|
32
|
+
"@carefrees/form-utils-vue-hooks": "^0.0.16",
|
|
29
33
|
"async-validator": "~4.2.5",
|
|
30
34
|
"classnames": "2.5.1"
|
|
31
35
|
}
|