urit-qf-ui 0.0.2 → 0.0.4
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 +30 -28
- package/dist/components/LayoutOne.vue.d.ts +6 -1
- package/dist/components/UInput/UInput.vue.d.ts +53 -0
- package/dist/components/UInput/config.d.ts +17 -0
- package/dist/components/USelect/USelect.vue.d.ts +50 -0
- package/dist/components/USelect/config.d.ts +28 -0
- package/dist/index.d.ts +5 -1
- package/dist/index.js +4962 -1939
- package/dist/index.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/dist/ufrom/UDesigner.vue.d.ts +17 -0
- package/dist/ufrom/URender.vue.d.ts +17 -0
- package/dist/ufrom/designer-components.d.ts +51 -0
- package/dist/ufrom/types.d.ts +28 -0
- package/package.json +37 -36
- package/dist/components/LoginForm.vue.d.ts +0 -33
package/README.md
CHANGED
|
@@ -2,42 +2,44 @@
|
|
|
2
2
|
|
|
3
3
|
基于 Quasar 的业务组件库
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## 开发调试
|
|
8
|
+
|
|
9
|
+
### 预览组件效果
|
|
10
|
+
|
|
11
|
+
组件源码在 `src/components/`,预览页面在 `examples/`。
|
|
6
12
|
|
|
7
13
|
```bash
|
|
8
|
-
|
|
14
|
+
cd qfui
|
|
15
|
+
npm install
|
|
16
|
+
npm run example
|
|
9
17
|
```
|
|
10
18
|
|
|
11
|
-
|
|
19
|
+
然后访问 http://localhost:5173/examples/
|
|
12
20
|
|
|
13
|
-
|
|
14
|
-
<template>
|
|
15
|
-
<LoginForm
|
|
16
|
-
v-model:loading="loading"
|
|
17
|
-
@submit="handleLogin"
|
|
18
|
-
/>
|
|
19
|
-
</template>
|
|
21
|
+
在 `examples/App.vue` 中添加或修改组件预览。
|
|
20
22
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
### 添加新组件
|
|
24
|
+
|
|
25
|
+
1. 在 `src/components/` 创建组件文件
|
|
26
|
+
2. 在 `src/index.ts` 中导出组件
|
|
27
|
+
3. 在 `examples/App.vue` 中添加预览
|
|
28
|
+
4. 运行 `npm run example` 查看效果
|
|
25
29
|
|
|
26
|
-
|
|
30
|
+
### 构建发布
|
|
27
31
|
|
|
28
|
-
|
|
32
|
+
```bash
|
|
33
|
+
# 构建 npm 包
|
|
34
|
+
npm run build
|
|
29
35
|
|
|
30
|
-
|
|
36
|
+
# 发布到 npm
|
|
37
|
+
npm publish
|
|
38
|
+
```
|
|
31
39
|
|
|
32
|
-
|
|
33
|
-
- `loading` - 加载状态 (v-model:loading)
|
|
34
|
-
- `error` - 错误信息
|
|
35
|
-
- `usernameLabel` - 用户名标签
|
|
36
|
-
- `passwordLabel` - 密码标签
|
|
37
|
-
- `rememberLabel` - 记住我标签
|
|
38
|
-
- `submitLabel` - 提交按钮文字
|
|
39
|
-
- `usernameRules` - 用户名验证规则
|
|
40
|
-
- `passwordRules` - 密码验证规则
|
|
40
|
+
### 发布前检查清单
|
|
41
41
|
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
1. 更新版本号(修改 `package.json` 中的 `version`)
|
|
43
|
+
2. 确保 `src/index.ts` 导出了所有组件
|
|
44
|
+
3. 运行 `npm run build` 构建
|
|
45
|
+
4. 运行 `npm publish` 发布
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
interface Props {
|
|
2
|
+
height?: string;
|
|
3
|
+
}
|
|
4
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
5
|
+
height: string;
|
|
6
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
2
7
|
export default _default;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
fieldLabel?: string;
|
|
3
|
+
labelPosition?: 'top' | 'left';
|
|
4
|
+
labelWidth?: number | string;
|
|
5
|
+
modelValue?: any;
|
|
6
|
+
outlined?: boolean;
|
|
7
|
+
dense?: boolean;
|
|
8
|
+
filled?: boolean;
|
|
9
|
+
borderless?: boolean;
|
|
10
|
+
label?: string;
|
|
11
|
+
hint?: string;
|
|
12
|
+
error?: boolean;
|
|
13
|
+
errorMessage?: string;
|
|
14
|
+
type?: string;
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
disable?: boolean;
|
|
17
|
+
readonly?: boolean;
|
|
18
|
+
prefix?: string;
|
|
19
|
+
suffix?: string;
|
|
20
|
+
mask?: string;
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
}
|
|
23
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
24
|
+
labelPosition: string;
|
|
25
|
+
outlined: boolean;
|
|
26
|
+
dense: boolean;
|
|
27
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
28
|
+
[x: string]: ((...args: unknown[]) => any) | (() => any);
|
|
29
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
30
|
+
labelPosition: string;
|
|
31
|
+
outlined: boolean;
|
|
32
|
+
dense: boolean;
|
|
33
|
+
}>>> & Readonly<{
|
|
34
|
+
[x: `on${Capitalize<string>}`]: ((...args: unknown[] & []) => any) | undefined;
|
|
35
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
36
|
+
export default _default;
|
|
37
|
+
type __VLS_WithDefaults<P, D> = {
|
|
38
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
|
|
39
|
+
default: D[K];
|
|
40
|
+
}> : P[K];
|
|
41
|
+
};
|
|
42
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
43
|
+
type __VLS_TypePropsToOption<T> = {
|
|
44
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
45
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
46
|
+
} : {
|
|
47
|
+
type: import('vue').PropType<T[K]>;
|
|
48
|
+
required: true;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
type __VLS_PrettifyLocal<T> = {
|
|
52
|
+
[K in keyof T]: T[K];
|
|
53
|
+
} & {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export declare const UInputDesignerConfig: {
|
|
2
|
+
type: string;
|
|
3
|
+
label: string;
|
|
4
|
+
icon: string;
|
|
5
|
+
component: string;
|
|
6
|
+
properties: ({
|
|
7
|
+
name: string;
|
|
8
|
+
label: string;
|
|
9
|
+
type: string;
|
|
10
|
+
defaultValue: string;
|
|
11
|
+
} | {
|
|
12
|
+
name: string;
|
|
13
|
+
label: string;
|
|
14
|
+
type: string;
|
|
15
|
+
defaultValue: boolean;
|
|
16
|
+
})[];
|
|
17
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
fieldLabel?: string;
|
|
3
|
+
labelPosition?: 'top' | 'left';
|
|
4
|
+
labelWidth?: number | string;
|
|
5
|
+
modelValue?: any;
|
|
6
|
+
outlined?: boolean;
|
|
7
|
+
dense?: boolean;
|
|
8
|
+
filled?: boolean;
|
|
9
|
+
borderless?: boolean;
|
|
10
|
+
label?: string;
|
|
11
|
+
hint?: string;
|
|
12
|
+
error?: boolean;
|
|
13
|
+
errorMessage?: string;
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
disable?: boolean;
|
|
16
|
+
readonly?: boolean;
|
|
17
|
+
options?: any[];
|
|
18
|
+
[key: string]: any;
|
|
19
|
+
}
|
|
20
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
21
|
+
labelPosition: string;
|
|
22
|
+
outlined: boolean;
|
|
23
|
+
dense: boolean;
|
|
24
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
25
|
+
[x: string]: ((...args: unknown[]) => any) | (() => any);
|
|
26
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
|
|
27
|
+
labelPosition: string;
|
|
28
|
+
outlined: boolean;
|
|
29
|
+
dense: boolean;
|
|
30
|
+
}>>> & Readonly<{
|
|
31
|
+
[x: `on${Capitalize<string>}`]: ((...args: unknown[] & []) => any) | undefined;
|
|
32
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithDefaults<P, D> = {
|
|
35
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
|
|
36
|
+
default: D[K];
|
|
37
|
+
}> : P[K];
|
|
38
|
+
};
|
|
39
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
40
|
+
type __VLS_TypePropsToOption<T> = {
|
|
41
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
42
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
43
|
+
} : {
|
|
44
|
+
type: import('vue').PropType<T[K]>;
|
|
45
|
+
required: true;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
type __VLS_PrettifyLocal<T> = {
|
|
49
|
+
[K in keyof T]: T[K];
|
|
50
|
+
} & {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export declare const USelectDesignerConfig: {
|
|
2
|
+
type: string;
|
|
3
|
+
label: string;
|
|
4
|
+
icon: string;
|
|
5
|
+
component: string;
|
|
6
|
+
properties: ({
|
|
7
|
+
name: string;
|
|
8
|
+
label: string;
|
|
9
|
+
type: string;
|
|
10
|
+
defaultValue: string;
|
|
11
|
+
options?: undefined;
|
|
12
|
+
} | {
|
|
13
|
+
name: string;
|
|
14
|
+
label: string;
|
|
15
|
+
type: string;
|
|
16
|
+
options: {
|
|
17
|
+
label: string;
|
|
18
|
+
value: string;
|
|
19
|
+
}[];
|
|
20
|
+
defaultValue?: undefined;
|
|
21
|
+
} | {
|
|
22
|
+
name: string;
|
|
23
|
+
label: string;
|
|
24
|
+
type: string;
|
|
25
|
+
defaultValue: boolean;
|
|
26
|
+
options?: undefined;
|
|
27
|
+
})[];
|
|
28
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,2 +1,6 @@
|
|
|
1
|
-
export { default as LoginForm } from './components/LoginForm.vue';
|
|
2
1
|
export { default as LayoutOne } from './components/LayoutOne.vue';
|
|
2
|
+
export { default as UInput } from './components/UInput/UInput.vue';
|
|
3
|
+
export { default as USelect } from './components/USelect/USelect.vue';
|
|
4
|
+
export { default as UDesigner } from './ufrom/UDesigner.vue';
|
|
5
|
+
export { default as URender } from './ufrom/URender.vue';
|
|
6
|
+
export * from './ufrom/designer-components';
|