v-uni-app-ui 1.1.6 → 1.1.8

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.
Files changed (15) hide show
  1. package/components/config/interface/props/components/button-props.ts +85 -85
  2. package/components/config/interface/props/components/input-props.ts +96 -96
  3. package/components/config/interface/props/components/uni-input-props.ts +30 -30
  4. package/components/config/interface/props/props-tools.ts +1 -1
  5. package/components/config/style/component-registry.js +3 -3
  6. package/components/config/style/components/button-style.js +1 -1
  7. package/components/config/style/components/input-style.js +1 -1
  8. package/components/config/style/components/uni-input-style.js +1 -1
  9. package/components/config/style/components-style.js +4 -4
  10. package/components/config/style/property-mapper.js +2 -2
  11. package/components/model/native/v-button/v-button.vue +4 -4
  12. package/components/model/native/v-input/v-input.vue +276 -276
  13. package/components/model/native/v-input/v-uni-input.vue +119 -119
  14. package/index.js +0 -2
  15. package/package.json +3 -12
package/components/config/interface/props/components/button-props.ts CHANGED
@@ -1,85 +1,85 @@
1
- import type { PropType } from 'vue';
2
- import { extendWithBasicProps, ExtractPropTypes } from '@/components/config/interface/props/basic-props';
3
- import { BasicType, ButtonShape, BasicSize } from '@/components/config/interface/basic-type.js';
4
- import { Validators } from '@/components/utils/validator';
5
- import { PropTools } from '@/components/config/interface/props/props-tools';
6
- /**
7
- * 按钮组件 props 定义
8
- */
9
- const buttonProps = extendWithBasicProps(
10
- {
11
- //使用PropTools简写
12
- shape: PropTools.enum<ButtonShape>(['default', 'none', 'circle'], 'default', 'buttonShape'),
13
- type: {
14
- type: String as PropType<BasicType>,
15
- default: 'default',
16
- validator: Validators.enum(['default', 'success', 'warning', 'info', 'delete'], 'buttonType')
17
- },
18
- size: PropTools.enum<BasicSize>(['small', 'medium', 'large'], 'medium', 'buttonSize'),
19
- disabled: PropTools.boolean(false),
20
- loading: PropTools.boolean(false),
21
- plain: PropTools.boolean(false),
22
- text: PropTools.boolean(false),
23
- stabilizationTime: {
24
- type: Number,
25
- default: 0,
26
- validator: Validators.numberRange(0, 1_000_000, 'Stabilization time must be between 0 and 1,000,000 ms.')
27
- },
28
- debounceTime: {
29
- type: Number,
30
- default: 0,
31
- validator: Validators.numberRange(0, 1_000_000, 'The anti-shake waiting time must be between 0 and 1,000,000 milliseconds.')
32
- },
33
- intervalUpdateTime: {
34
- type: Number,
35
- default: 1000,
36
- validator: Validators.numberRange(100, 100_000, 'Interval must be between 100 and 100,000 ms.')
37
- },
38
- degressionTime: {
39
- type: Number,
40
- default: 1000,
41
- validator: Validators.numberRange(100, 10_000, 'Degression time must be between 100 and 10,000 ms.')
42
- },
43
- resetOnClick: PropTools.boolean(false),
44
- hoverStartTime: {
45
- type: Number,
46
- default: 20,
47
- validator: Validators.numberRange(10, 10_000, 'hover start time must be between 10 and 10,000 ms.')
48
- },
49
- hoverStayTime: {
50
- type: Number,
51
- default: 70,
52
- validator: Validators.numberRange(10, 10_000, 'hover stay time must be between 10 and 10,000 ms.')
53
- },
54
- //组合校验
55
- // customProp: {
56
- // type: String,
57
- // default: '',
58
- // validator: Validators.combine(
59
- // Validators.required('This field is required.'),
60
- // Validators.length(3, 20, 'Length must be 3-20 characters.'),
61
- // Validators.pattern(/^[a-zA-Z0-9_]+$/, 'Only letters, numbers and underscore are allowed.')
62
- // )
63
- // }
64
- },
65
- {
66
- override: {
67
- id: {
68
- default: 'VButton'
69
- },
70
- className: {
71
- default: 'v-button'
72
- },
73
- boxStyle: {
74
- default: {
75
- width: 'auto',
76
- height: '50rpx',
77
- padding: '14rpx 2rpx'
78
- }
79
- },
80
- accessibility: {}
81
- }
82
- }
83
- );
84
- export default buttonProps;
85
- export type ButtonProps = ExtractPropTypes<typeof buttonProps>;
1
+ import type { PropType } from 'vue';
2
+ import { extendWithBasicProps, ExtractPropTypes } from '../../../../config/interface/props/basic-props';
3
+ import { BasicType, ButtonShape, BasicSize } from '../../../../config/interface/basic-type.js';
4
+ import { Validators } from '../../../../utils/validator';
5
+ import { PropTools } from '../../../../config/interface/props/props-tools';
6
+ /**
7
+ * 按钮组件 props 定义
8
+ */
9
+ const buttonProps = extendWithBasicProps(
10
+ {
11
+ //使用PropTools简写
12
+ shape: PropTools.enum<ButtonShape>(['default', 'none', 'circle'], 'default', 'buttonShape'),
13
+ type: {
14
+ type: String as PropType<BasicType>,
15
+ default: 'default',
16
+ validator: Validators.enum(['default', 'success', 'warning', 'info', 'delete'], 'buttonType')
17
+ },
18
+ size: PropTools.enum<BasicSize>(['small', 'medium', 'large'], 'medium', 'buttonSize'),
19
+ disabled: PropTools.boolean(false),
20
+ loading: PropTools.boolean(false),
21
+ plain: PropTools.boolean(false),
22
+ text: PropTools.boolean(false),
23
+ stabilizationTime: {
24
+ type: Number,
25
+ default: 0,
26
+ validator: Validators.numberRange(0, 1_000_000, 'Stabilization time must be between 0 and 1,000,000 ms.')
27
+ },
28
+ debounceTime: {
29
+ type: Number,
30
+ default: 0,
31
+ validator: Validators.numberRange(0, 1_000_000, 'The anti-shake waiting time must be between 0 and 1,000,000 milliseconds.')
32
+ },
33
+ intervalUpdateTime: {
34
+ type: Number,
35
+ default: 1000,
36
+ validator: Validators.numberRange(100, 100_000, 'Interval must be between 100 and 100,000 ms.')
37
+ },
38
+ degressionTime: {
39
+ type: Number,
40
+ default: 1000,
41
+ validator: Validators.numberRange(100, 10_000, 'Degression time must be between 100 and 10,000 ms.')
42
+ },
43
+ resetOnClick: PropTools.boolean(false),
44
+ hoverStartTime: {
45
+ type: Number,
46
+ default: 20,
47
+ validator: Validators.numberRange(10, 10_000, 'hover start time must be between 10 and 10,000 ms.')
48
+ },
49
+ hoverStayTime: {
50
+ type: Number,
51
+ default: 70,
52
+ validator: Validators.numberRange(10, 10_000, 'hover stay time must be between 10 and 10,000 ms.')
53
+ },
54
+ //组合校验
55
+ // customProp: {
56
+ // type: String,
57
+ // default: '',
58
+ // validator: Validators.combine(
59
+ // Validators.required('This field is required.'),
60
+ // Validators.length(3, 20, 'Length must be 3-20 characters.'),
61
+ // Validators.pattern(/^[a-zA-Z0-9_]+$/, 'Only letters, numbers and underscore are allowed.')
62
+ // )
63
+ // }
64
+ },
65
+ {
66
+ override: {
67
+ id: {
68
+ default: 'VButton'
69
+ },
70
+ className: {
71
+ default: 'v-button'
72
+ },
73
+ boxStyle: {
74
+ default: {
75
+ width: 'auto',
76
+ height: '50rpx',
77
+ padding: '14rpx 2rpx'
78
+ }
79
+ },
80
+ accessibility: {}
81
+ }
82
+ }
83
+ );
84
+ export default buttonProps;
85
+ export type ButtonProps = ExtractPropTypes<typeof buttonProps>;
package/components/config/interface/props/components/input-props.ts CHANGED
@@ -1,97 +1,97 @@
1
- import { extendWithBasicProps, ExtractPropTypes } from '@/components/config/interface/props/basic-props';
2
- import {
3
- InputType,
4
- BasicSize,
5
- BasicHorizontallyPosition,
6
- validateTriggerType
7
- } from '@/components/config/interface/basic-type';
8
- import { Validators } from '@/components/utils/validator';
9
- import { PropTools } from '@/components/config/interface/props/props-tools';
10
-
11
- /**
12
- * 文本框组件 props 定义
13
- */
14
- const inputProps = extendWithBasicProps(
15
- {
16
- value: PropTools.string(),
17
- size: PropTools.enum<BasicSize>(['small', 'medium', 'large'], 'medium', 'inputSize'),
1
+ import { extendWithBasicProps, ExtractPropTypes } from '../../../../config/interface/props/basic-props';
2
+ import {
3
+ InputType,
4
+ BasicSize,
5
+ BasicHorizontallyPosition,
6
+ validateTriggerType
7
+ } from '../../../../config/interface/basic-type';
8
+ import { Validators } from '../../../../utils/validator';
9
+ import { PropTools } from '../../../../config/interface/props/props-tools';
10
+
11
+ /**
12
+ * 文本框组件 props 定义
13
+ */
14
+ const inputProps = extendWithBasicProps(
15
+ {
16
+ value: PropTools.string(),
17
+ size: PropTools.enum<BasicSize>(['small', 'medium', 'large'], 'medium', 'inputSize'),
18
18
  placeholder: PropTools.array(),
19
- placeholderStyle: PropTools.object(),
20
- placeholderTimeNumber: {
21
- type: Number,
22
- default: 0,
23
- validator: Validators.numberRange(
24
- 0,
25
- 1_000_000,
26
- 'The prompt switching time must be between 0 and 1,000,000 milliseconds.'
27
- )
28
- },
29
- maxlength: {
30
- type: Number,
31
- default: 150,
32
- validator: Validators.numberRange(-1, 1_0000_0000, 'maxlength must be between -1 and 100,000,000.')
33
- },
34
- disabled: PropTools.boolean(false),
35
- type: PropTools.enum<InputType>(
36
- [
37
- 'text',
38
- 'id',
39
- 'safe-password',
40
- 'password',
41
- 'number',
42
- 'digit',
43
- 'numeric',
44
- 'decimal',
45
- 'email',
46
- 'phone',
47
- 'url',
48
- 'textarea',
49
- 'name',
50
- 'search',
51
- 'none'
52
- ],
53
- 'text',
54
- 'inputType'
55
- ),
56
- isWordCounter: PropTools.boolean(false),
57
- textPosition: PropTools.enum<BasicHorizontallyPosition>(
58
- ['left', 'right', 'center'],
59
- 'left',
60
- 'inputTextPosition'
61
- ),
62
- focus: PropTools.boolean(false),
63
- validators: PropTools.string(),
64
- validateTrigger: PropTools.enum<validateTriggerType>(['input', 'blur', 'change'], 'input', 'validateTrigger'),
65
- selectionStart: {
66
- type: Number,
67
- default: -1,
68
- validator: Validators.numberRange(-1, 10_000, 'selection start must be between -1 and 10,000 milliseconds.')
69
- },
70
- isIcon: PropTools.boolean(false),
71
- selectionEnd: {
72
- type: Number,
73
- default: -1,
74
- validator: Validators.numberRange(-1, 10_000, 'selection end must be between -1 and 10,000 milliseconds.')
75
- },
76
- randomNumber: PropTools.boolean(false),
77
- cursorColor: PropTools.string(),
78
- autoBlur: PropTools.boolean(false),
79
- cursorSpacing: PropTools.number(0),
80
- autocomplete: PropTools.boolean(true),
81
- },
82
- {
83
- override: {
84
- id: {
85
- default: 'VInput'
86
- },
87
- className: {
88
- default: 'v-input'
89
- },
90
- boxStyle: {
91
- default: {}
92
- }
93
- }
94
- }
95
- );
96
- export default inputProps;
97
- export type inputProps = ExtractPropTypes<typeof inputProps>;
19
+ placeholderStyle: PropTools.object(),
20
+ placeholderTimeNumber: {
21
+ type: Number,
22
+ default: 0,
23
+ validator: Validators.numberRange(
24
+ 0,
25
+ 1_000_000,
26
+ 'The prompt switching time must be between 0 and 1,000,000 milliseconds.'
27
+ )
28
+ },
29
+ maxlength: {
30
+ type: Number,
31
+ default: 150,
32
+ validator: Validators.numberRange(-1, 1_0000_0000, 'maxlength must be between -1 and 100,000,000.')
33
+ },
34
+ disabled: PropTools.boolean(false),
35
+ type: PropTools.enum<InputType>(
36
+ [
37
+ 'text',
38
+ 'id',
39
+ 'safe-password',
40
+ 'password',
41
+ 'number',
42
+ 'digit',
43
+ 'numeric',
44
+ 'decimal',
45
+ 'email',
46
+ 'phone',
47
+ 'url',
48
+ 'textarea',
49
+ 'name',
50
+ 'search',
51
+ 'none'
52
+ ],
53
+ 'text',
54
+ 'inputType'
55
+ ),
56
+ isWordCounter: PropTools.boolean(false),
57
+ textPosition: PropTools.enum<BasicHorizontallyPosition>(
58
+ ['left', 'right', 'center'],
59
+ 'left',
60
+ 'inputTextPosition'
61
+ ),
62
+ focus: PropTools.boolean(false),
63
+ validators: PropTools.string(),
64
+ validateTrigger: PropTools.enum<validateTriggerType>(['input', 'blur', 'change'], 'input', 'validateTrigger'),
65
+ selectionStart: {
66
+ type: Number,
67
+ default: -1,
68
+ validator: Validators.numberRange(-1, 10_000, 'selection start must be between -1 and 10,000 milliseconds.')
69
+ },
70
+ isIcon: PropTools.boolean(false),
71
+ selectionEnd: {
72
+ type: Number,
73
+ default: -1,
74
+ validator: Validators.numberRange(-1, 10_000, 'selection end must be between -1 and 10,000 milliseconds.')
75
+ },
76
+ randomNumber: PropTools.boolean(false),
77
+ cursorColor: PropTools.string(),
78
+ autoBlur: PropTools.boolean(false),
79
+ cursorSpacing: PropTools.number(0),
80
+ autocomplete: PropTools.boolean(true),
81
+ },
82
+ {
83
+ override: {
84
+ id: {
85
+ default: 'VInput'
86
+ },
87
+ className: {
88
+ default: 'v-input'
89
+ },
90
+ boxStyle: {
91
+ default: {}
92
+ }
93
+ }
94
+ }
95
+ );
96
+ export default inputProps;
97
+ export type inputProps = ExtractPropTypes<typeof inputProps>;
package/components/config/interface/props/components/uni-input-props.ts CHANGED
@@ -1,30 +1,30 @@
1
- import { ExtractPropTypes } from '@/components/config/interface/props/basic-props';
2
- import { PropTools } from '@/components/config/interface/props/props-tools';
3
- import { Validators } from '@/components/utils/validator';
4
- import { BasicSize, BasicHorizontallyPosition } from '@/components/config/interface/basic-type';
5
-
6
- /**
7
- * uni-input 包装组件 props 定义
8
- */
9
- const uniInputProps = {
10
- value: PropTools.string(),
11
- type: PropTools.string('text'),
12
- size: PropTools.enum<BasicSize>(['small', 'medium', 'large'], 'medium', 'inputSize'),
13
- placeholder: PropTools.string(),
14
- fontStyle: PropTools.object(),
15
- placeholderStyle: PropTools.object(),
16
- placeholderClass: PropTools.string(),
17
- disabled: PropTools.boolean(false),
18
- maxlength: {
19
- type: Number,
20
- default: -1,
21
- validator: Validators.numberRange(-1, 1_0000_0000, 'maxlength must be between -1 and 100,000,000.')
22
- },
23
- autocomplete: PropTools.boolean(false),
24
- focus: PropTools.boolean(false),
25
- textPosition: PropTools.enum<BasicHorizontallyPosition>(['left', 'right', 'center'], 'left', 'inputTextPosition'),
26
- isAppPlus: PropTools.boolean(false)
27
- };
28
-
29
- export default uniInputProps;
30
- export type UniInputProps = ExtractPropTypes<typeof uniInputProps>;
1
+ import { ExtractPropTypes } from '../../../../config/interface/props/basic-props';
2
+ import { PropTools } from '../../../../config/interface/props/props-tools';
3
+ import { Validators } from '../../../../utils/validator';
4
+ import { BasicSize, BasicHorizontallyPosition } from '../../../../config/interface/basic-type';
5
+
6
+ /**
7
+ * uni-input 包装组件 props 定义
8
+ */
9
+ const uniInputProps = {
10
+ value: PropTools.string(),
11
+ type: PropTools.string('text'),
12
+ size: PropTools.enum<BasicSize>(['small', 'medium', 'large'], 'medium', 'inputSize'),
13
+ placeholder: PropTools.string(),
14
+ fontStyle: PropTools.object(),
15
+ placeholderStyle: PropTools.object(),
16
+ placeholderClass: PropTools.string(),
17
+ disabled: PropTools.boolean(false),
18
+ maxlength: {
19
+ type: Number,
20
+ default: -1,
21
+ validator: Validators.numberRange(-1, 1_0000_0000, 'maxlength must be between -1 and 100,000,000.')
22
+ },
23
+ autocomplete: PropTools.boolean(false),
24
+ focus: PropTools.boolean(false),
25
+ textPosition: PropTools.enum<BasicHorizontallyPosition>(['left', 'right', 'center'], 'left', 'inputTextPosition'),
26
+ isAppPlus: PropTools.boolean(false)
27
+ };
28
+
29
+ export default uniInputProps;
30
+ export type UniInputProps = ExtractPropTypes<typeof uniInputProps>;
package/components/config/interface/props/props-tools.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Validators } from '@/components/utils/validator';
1
+ import { Validators } from '../../../../components/utils/validator';
2
2
 
3
3
  // 简化类型定义
4
4
  type SimplePropDefinition = {
package/components/config/style/component-registry.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { styleConfig } from './basic.js';
2
2
 
3
3
  // 导入组件样式配置
4
- import ButtonStyleConfig from '@/components/config/style/components/button-style.js';
5
- import InputStyleConfig from '@/components/config/style/components/input-style.js';
6
- import UniInputStyleConfig from '@/components/config/style/components/uni-input-style.js';
4
+ import ButtonStyleConfig from '../../../components/config/style/components/button-style.js';
5
+ import InputStyleConfig from '../../../components/config/style/components/input-style.js';
6
+ import UniInputStyleConfig from '../../../components/config/style/components/uni-input-style.js';
7
7
  /**
8
8
  * 默认组件样式配置
9
9
  */
package/components/config/style/components/button-style.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  styleConfig
3
- } from "@/components/config/style/basic.js"
3
+ } from "../basic.js"
4
4
  export default {
5
5
  size: {
6
6
  'small': {
package/components/config/style/components/input-style.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  styleConfig
3
- } from "@/components/config/style/basic.js"
3
+ } from "../basic.js"
4
4
  export default {
5
5
  size: {
6
6
  'small': {
package/components/config/style/components/uni-input-style.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  styleConfig
3
- } from '@/components/config/style/basic.js';
3
+ } from '../basic.js';
4
4
 
5
5
  export default {
6
6
  default: {
package/components/config/style/components-style.js CHANGED
@@ -6,16 +6,16 @@ import {
6
6
  } from 'vue'
7
7
  import {
8
8
  PropertyMapper
9
- } from '@/components/config/style/property-mapper.js'
9
+ } from '../../../components/config/style/property-mapper.js'
10
10
  import {
11
11
  getComponentStyleConfig
12
- } from '@/components/config/style/component-registry.js'
12
+ } from '../../../components/config/style/component-registry.js'
13
13
  import {
14
14
  mergeWithPseudo
15
- } from "@/components/config/style/pseudo-processor.js"
15
+ } from "../../../components/config/style/pseudo-processor.js"
16
16
  import {
17
17
  INPUT_COMPONENT_SKIP_PROPS
18
- } from "@/components/config/style/skip-props.js"
18
+ } from "../../../components/config/style/skip-props.js"
19
19
 
20
20
  /**
21
21
  * 增强的样式生成工具 - 使用属性映射器（支持父子分离样式）
package/components/config/style/property-mapper.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  styleConfig
3
- } from '@/components/config/style/basic.js'
3
+ } from './basic.js'
4
4
  import {
5
5
  INPUT_COMPONENT_SKIP_PROPS
6
- } from '@/components/config/style/skip-props.js';
6
+ } from './skip-props.js';
7
7
  /**
8
8
  * 属性映射规则配置
9
9
  * 定义属性名如何映射到样式
package/components/model/native/v-button/v-button.vue CHANGED
@@ -32,10 +32,10 @@
32
32
 
33
33
  <script setup lang="ts">
34
34
  import { onUnmounted } from 'vue';
35
- import buttonProps from '@/components/config/interface/props/components/button-props';
36
- import { useComponentStyle } from '@/components/config/style/components-style';
37
- import { useDebounce, useCooldown } from '@/components/utils/event-modifiers';
38
- import { usePropertyMonitor } from '@/components/config/interface/monitor/property-monitor';
35
+ import buttonProps from '../../../../components/config/interface/props/components/button-props';
36
+ import { useComponentStyle } from '../../../../components/config/style/components-style';
37
+ import { useDebounce, useCooldown } from '../../../../components/utils/event-modifiers';
38
+ import { usePropertyMonitor } from '../../../../components/config/interface/monitor/property-monitor';
39
39
  type TimerHandle = ReturnType<typeof setTimeout>;
40
40
 
41
41
  const props = defineProps(buttonProps);